/* 태아·어린이 서브(baby/*, kid/*): inline 스타일 다음에 로드해 모바일에서 읽기·레이아웃 보정 */

/* 서브: 메인 #wrap 하단 스냅만 끄고, 페이지 끝 여유 둠 */
body #wrap {
  padding-bottom: 48px !important;
  height: auto;
  min-height: 100%;
  scroll-snap-type: none;
}

/* 전역 section 패딩 + 인라인 보정 — 하단은 링크·폼 아래 숨 쉴 공간 */
section.subpage_section {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.subpage_section .back_link {
  margin-top: 24px !important;
  margin-bottom: 8px !important;
}

.sub_content_block {
  padding-bottom: 24px !important;
}

.section_bohum.section_bohum_sub {
  margin-top: 12px !important;
  padding-top: 12px !important;
  padding-bottom: 0 !important;
}

.section_bohum.section_bohum_sub .bohum_swiper {
  margin: 0 auto !important;
}


.form_title_note {
  margin: -8px 0 14px;
  font-size: 14px;
  color: #6a625a;
  line-height: 1.55;
  text-align: left;
}

.sub_content_block .form_wrap,
.sub_block_footer .form_wrap {
  margin-top: 32px !important;
  padding-top: 12px !important;
  padding-bottom: 52px !important;
  min-height: 212px;
}

.sub_content_block .form_wrap .form_ui_lead,
.sub_block_footer .form_wrap .form_ui_lead {
  font-size: 12px !important;
  margin-bottom: 12px !important;
}

.sub_block_footer {
  padding-bottom: 28px !important;
}

@media (max-width: 1024px) {
  /* main.css의 body min-width:1200px·고정폭 요소가 좁은 화면에서 가로 스크롤을 만들지 않도록 */
  html {
    overflow-x: clip;
  }

  body {
    min-width: 0 !important;
    max-width: 100%;
  }

  #wrap {
    scroll-snap-type: none;
    height: auto;
    min-height: 100%;
    max-width: 100%;
    overflow-x: clip;
    padding-bottom: 56px !important;
  }

  .inner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box;
  }

  .subpage_section,
  .subpage_inner,
  .subpage_layout,
  .subpage_content_column,
  .sub_content_block {
    max-width: 100%;
    box-sizing: border-box;
  }

  .subpage_section .subpage_layout {
    min-width: 0;
  }

  header .header_logo {
    font-size: clamp(22px, 4.8vw, 34px);
  }

  header .header_logo_icon svg {
    width: clamp(44px, 11vw, 56px) !important;
    height: clamp(44px, 11vw, 56px) !important;
  }

  .subpage_section {
    padding: 20px 0 44px !important;
  }

  .subpage_inner {
    padding: 0 12px !important;
  }

  .subpage_section .period_title {
    font-size: clamp(1.35rem, 4.8vw, 1.85rem) !important;
    margin-bottom: 14px !important;
  }

  .subpage_section .section_desc {
    font-size: 15px !important;
    margin-bottom: 20px !important;
  }

  .sub_content_block {
    padding: 16px 12px 22px !important;
    border-radius: 12px;
  }

  .sub_content_block .period_title {
    font-size: 1.2rem !important;
    margin-bottom: 14px !important;
  }

  .sub_content_block .section_desc {
    font-size: 14px !important;
    padding: 12px 14px !important;
  }

  .sub_block_footer {
    margin-left: -12px !important;
    margin-right: -12px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 32px !important;
  }

  .baby_content h3 {
    font-size: 1.1rem !important;
    margin: 28px 0 16px !important;
  }

  .baby_content h4 {
    font-size: 0.98rem !important;
    margin: 20px 0 12px !important;
  }

  .baby_content ul li {
    font-size: 15px !important;
  }

  .baby_content .tip_box,
  .baby_content .highlight_box,
  .baby_content .cta_box {
    padding: 16px !important;
  }

  .baby_content .section_img {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 640px) {
  .subpage_section .nav_links a {
    font-size: 15px !important;
    padding: 14px 18px !important;
  }

  .subpage_section .nav_links_title {
    font-size: 18px !important;
  }
}

/* 서브 본문 FAQ (baby/kid 공통) */
.baby_content .sub_faq_section {
  margin: 36px 0 8px;
  padding: 20px 22px;
  background: #fafafa;
  border-radius: 12px;
  border-left: 4px solid #fec824;
}
.baby_content .sub_faq_heading {
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 14px;
  color: #1a1a1a;
}
.baby_content .sub_faq_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.baby_content .sub_faq_item {
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid #eee;
}
.baby_content .sub_faq_item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.baby_content .sub_faq_q {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 8px;
  color: #1a1a1a;
  line-height: 1.45;
}
.baby_content .sub_faq_a {
  font-size: 14px;
  margin: 0;
  color: #444;
  line-height: 1.6;
}

.baby_content .intro_text {
  margin: 0 0 20px;
  font-size: 15px;
  color: #555;
  line-height: 1.7;
}

.subpage_health_disclaimer {
  font-size: 14px;
  color: #555;
  line-height: 1.65;
  margin: 0 0 20px;
  padding: 14px 16px;
  background: #f5f7fb;
  border-radius: 10px;
  border-left: 4px solid #8fa8c4;
}

.baby_content .subpage_seo_qa {
  margin: 0 0 20px;
  padding: 14px 16px;
  background: #fffbf5;
  border-radius: 10px;
  border: 1px dashed rgba(194, 138, 0, 0.28);
  font-size: 14px;
  line-height: 1.7;
  color: #4a4540;
}

.baby_content .subpage_seo_qa .subpage_seo_q {
  margin: 0 0 8px;
}

.baby_content .subpage_seo_qa .subpage_seo_a {
  margin: 0;
}

@media (max-width: 640px) {
  .subpage_health_disclaimer {
    font-size: 13px;
    padding: 12px 14px;
  }
  .baby_content .intro_text {
    font-size: 14px;
    margin-bottom: 16px;
  }

  .baby_content .subpage_seo_qa {
    font-size: 13px;
    padding: 12px 14px;
    margin-bottom: 16px;
  }
  .form_title_note {
    font-size: 13px;
    margin: -6px 0 12px;
  }
}