/* =========================================================
   PEAP / Track page
   File: /peapacademy/assets/css/track.css
   ========================================================= */

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

/* ---------------------------------------------------------
   Hero (배경: /peapacademy/assets/img/track/menu.jpg)
   --------------------------------------------------------- */
.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/track/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;
  line-height: 1.8;
  opacity: .95;
  font-size: 20px;
}

/* ---------------------------------------------------------
   Track sections
   --------------------------------------------------------- */
.track-sec{
  padding: 28px 0 10px;
}

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

.track-body{
  padding: 18px 18px 16px;
}

.track-kicker{
  font-size: 13px;
  font-weight: 800;
  opacity: .75;
  margin: 0 0 6px;
}

.track-title{
  font-size: 20px;
  font-weight: 900;
  margin: 0 0 10px;
  line-height: 1.3;
}

.track-desc{
  margin: 0 0 12px;
  line-height: 1.85;
}

.track-points{
  margin: 0 0 14px;
  padding-left: 18px;
  line-height: 1.85;
}

.track-points li{
  margin: 2px 0;
}

/* 이미지(카드 하단 이미지) */
.track-card img{
  width: 100%;
  height: auto;
  display: block;
  border-top: 1px solid rgba(0,0,0,.08);
}

/* 마지막 섹션 하단 여백 */
#track{
  padding-bottom: 64px;
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media (max-width: 768px){
  .sub-hero{
    padding: 64px 0 44px;
  }

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

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

  .track-title{
    font-size: 18px;
  }
}