/* =========================================================
   PEAP / Academic page
   File: /peapacademy/assets/css/academic.css
   ========================================================= */

/* 공통 */
.subpage .inr_box{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
}

/* ---------------------------------------------------------
   Hero
   --------------------------------------------------------- */
.sub-hero{
  position: relative;
  padding: 130px 0 56px;
  color: #fff;

  background:
    linear-gradient(rgba(0,0,0,.45), rgba(0,0,0,.45)),
    url('/peapacademy/assets/img/academic/menu.jpg') center / cover no-repeat;
}

.sub-hero h1{
  margin: 0 0 12px;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.25;
}

.sub-hero p{
  margin: 0;
  font-size: 20px;
  line-height: 1.8;
  opacity: .95;
}

/* ---------------------------------------------------------
   3년 통합 학사과정
   --------------------------------------------------------- */
.curriculum-desc{
  padding: 36px 0 24px;
}

.curriculum-desc h2{
  font-size: 22px;
  font-weight: 900;
  margin: 0 0 14px;
}

.curriculum-desc p{
  line-height: 1.9;
  margin: 0 0 14px;
}

.curriculum-desc ul{
  margin: 0 0 14px 18px;
  line-height: 1.9;
}

.curriculum-desc li{
  margin: 4px 0;
}

.curriculum-desc .note{
  font-size: 13px;
  opacity: .7;
}

/* ---------------------------------------------------------
   추가 선택 과정
   --------------------------------------------------------- */
.curriculum-plus{
  padding: 32px 0;
  background: #fafafa;
}

.curriculum-plus h2{
  font-size: 22px;
  font-weight: 900;
  margin: 0 0 18px;
}

.track-list{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}

.track{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 18px;
}

.track h3{
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 800;
}

.track p{
  margin: 0;
  line-height: 1.8;
}

.curriculum-plus .note{
  margin-top: 16px;
  font-size: 13px;
  opacity: .7;
}

/* ---------------------------------------------------------
   커리큘럼 이미지
   --------------------------------------------------------- */
.curriculum-visual{
  padding: 32px 0 64px;
}

.curriculum-visual img{
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  display: block;
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media (max-width: 768px){

  .sub-hero{
    padding: 64px 0 44px;
  }

  .sub-hero h1{
    font-size: 26px;
  }

  .sub-hero p{
    font-size: 14px;
  }

  .track-list{
    grid-template-columns: 1fr;
  }
}