/* =========================
   book intro page (mobile base)
========================= */

@media (min-width:1000px){


/* hero */
.book_intro_row {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 0 32px;
}

.book_intro_image {
  flex: 0 0 auto;
}

.book_intro_image img {
  width: 220px;
}

.book_intro_notice {
  flex: 1;
  text-align: left;
  padding:22px 36px;
}

/* step tab button */
.book_step_tab_btn {
  height: 50px;
}

@media (hover: hover) and (pointer: fine) {
  .book_step_tab_btn:hover {
    background: rgba(255, 255, 255, 0.25);
    color: var(--color-white);
  }

  .book_step_tab_btn.is_active:hover {
    background: var(--color-white);
    color: var(--color-black);
  }
}


/* =========================================
   step table + book list
========================================= */

.book_step_table tbody th,
.book_step_table tbody td {
  padding: 12px 8px 11px;
}

.book_step_month {
  font-size: var(--font-s);
}


.book_list_thumb {
  flex: 0 0 120px;
  width: 120px;
  padding:0 6px 0 26px;
}


.book_list_title {
  line-height: 1.4;
  padding-top:12px;
}

.book_list_meta {
  margin-top: 4px;
  font-size: var(--font-md);
  line-height: 1.4;
  letter-spacing: -0.02em;
  word-break: keep-all;
}

.book_list_desc {
  margin-top: 10px;
  font-size: var(--font-sm);
  line-height: 1.4;
}




/* 문해력 진단 버튼 section */
.intro_cta {
  margin-top: 60px;
  text-align: center;
}

.intro__cta_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}


/* step card */

/* l_inner 정렬 */
.intro_step .l_inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 카드 3열 배치 */
.intro_step_list {
  display: flex;
  flex-direction: row;
  gap: 24px;
}

/* 카드 */
.intro_step_item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px 20px 30px;
  border-radius: 20px;
  background: var(--color-white);
  text-align: center;
}

/* STEP 타이틀 */
.intro_step_badge {
  margin-bottom: 18px;
  font-size: var(--font-h3);
  font-weight: var(--font-weight-b);
}

/* 교재 이미지 영역 */
.intro_step_book {
  margin-top: auto; /* 🔥 핵심: 아래로 밀어서 높이 맞춤 */
  padding-top: 10px;
}

.intro_step_book img {
  max-width: 260px;
}









/* =========================
   enroll apply page
========================= */


.enroll_apply_hero {
  padding: 40px 20px 36px;
}

.enroll_apply_hero .l_inner,
.enroll_apply_guide .l_inner,
.enroll_apply_result .l_inner,
.enroll_apply_recommend .l_inner {
  width: 1000px;
  margin: 0 auto;
}

.enroll_apply_hero_box {
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
  gap: 36px;
}

.enroll_apply_hero_media {
  flex: 0 0 100px;
}

.enroll_apply_hero_content {
  flex: 0 1 660px;
  margin-bottom:10px;
}

.enroll_apply_hero_title {
  margin-bottom: 4px;
  font-size: var( --font-h2);
}

.enroll_apply_hero_text {
  max-width: 660px;
  margin:0;
}

.enroll_apply_hero_text2 {  
  font-size: var(--font-md);
  color: var(--color-white);
  padding-top: 2px;
}

.enroll_apply_hero_notice {
  margin: 32px 0 0;
}

.enroll_apply_hero_btns {
  justify-content: center;
  gap: 20px;
  margin-left:20px;
}

.enroll_apply_btn {
  flex: 0 0 260px;
  min-height: 56px;
  padding: 0 20px;
}

.enroll_apply_guide {
  padding: 60px 0 28px;
}

.enroll_apply_guide_box {
  margin: 0 auto;
  padding: 28px 32px 26px;
  border-radius: 16px;
}

.enroll_apply_guide_text {
  padding-left: 24px;
}

.enroll_apply_guide_text + .enroll_apply_guide_text {
  margin-top: 12px;
}

.enroll_apply_result {
  padding: 28px 0 72px;
}

.enroll_apply_section_title {
  margin-bottom:8px;
}

.enroll_apply_table_wrap {
  margin: 0 auto;
}

.enroll_apply_table thead th {
  padding: 14px 16px;
}

.enroll_apply_table tbody th,
.enroll_apply_table tbody td {
  padding: 16px 18px;
}

.enroll_apply_table td:last-child {
  padding-left: 120px;
}

.enroll_apply_select {
  width: 88px;
  height: 42px;
  padding: 0 34px 0 16px;
}

.enroll_apply_input {
  width: 88px;
  height: 42px;
  padding: 0 12px;
}

.enroll_apply_score_wrap {
  gap: 10px;
}

.enroll_apply_action {
  justify-content: center;
  gap: 16px;
  margin-top: 30px;
}

.enroll_apply_btn_large {
  flex: 0 0 280px;
  min-height: 62px;
  padding: 0 24px;
  border-radius: 10px;
}

.enroll_apply_recommend {
  padding: 40px 0 30px;
}

.enroll_apply_recommend_intro {
  margin-bottom: 28px;
  font-size: var(--font-h4);
}

.enroll_apply_recommend_card {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 660px;
  margin: 0 auto;
  padding: 30px 40px 20px 36px;
  border-radius: 20px;
  background: var(--color-white);
}

.enroll_apply_recommend_head {
  flex: 0 0 220px;
}

.enroll_apply_recommend_badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 160px;
  border-radius: 20px;
  background: var(--color-orange);
  color: var(--color-white);
  font-size: var(--font-h4);
  font-weight: var(--font-weight-m);
  line-height: 1.2;
  text-align: center;
}

.enroll_apply_recommend_list {
  flex: 1;
  max-width: none;
}

.enroll_apply_recommend_list li + li {
  margin-top: 8px;
}

.enroll_apply_recommend_desc {
  margin-top: 28px;
}

.enroll_apply_recommend_btn_wrap {
  margin-top: 32px;
}

.enroll_apply_recommend_btn {
  width: auto;
  min-width: 360px;
  min-height: 68px;
  padding: 0 36px;
}

}