@charset "utf-8";
.c_121212 { color: #121212; }
.c_151515 { color: #151515; }
.c_172617 { color: #172617; }
.c_191919 { color: #191919; }
.c_1d1d1d { color: #1d1d1d; }
.c_212121 { color: #212121; }
.c_222222 { color: #222222; }
.c_262626 { color: #262626; }
.c_282828 { color: #282828; }
.c_2d2d2d { color: #2d2d2d; }
.c_393939 { color: #393939; }
.c_404040 { color: #404040; }
.c_76726f { color: #76726f; }
.c_808080 { color: #808080; }
.c_848484 { color: #848484; }
.c_898989 { color: #898989; }
.c_014a3f { color: #014a3f; }
.c_1c433a { color: #1c433a; }
.c_1a342d { color: #1a342d; }
.c_1c312c { color: #1c312c; }
.c_1c332d { color: #1c332d; }
.c_243c36 { color: #243c36; }
.c_fff { color: #ffffff; }
.c_f6f3f0 { color: #f6f3f0; }
.c_f7f4f1 { color: #f7f4f1; }
.c_e4ddd7 { color: #e4ddd7; }
.c_e9dfd3 { color: #e9dfd3; }

/***************************************************
* sub 1-1
***************************************************/
.common_visual { display: flex; width: 100%; margin-block: 5.75rem 3.938rem; }
.common_visual > div { width: 50%; }
.common_visual .imgBox { position: relative; aspect-ratio: 100 / 63.3333; }
.common_visual .imgBox img { width: 100%; }
.common_visual .descBox { display: flex; align-items: center; }
.common_visual .descWrap { display: flex; flex-direction: column; align-items: flex-start; }

.sect_title_wrap { display: flex; flex-direction: column; align-items: flex-start; }
.sect_title_wrap.center { align-items: center; }
.sect_title_wrap .sect_title { margin-top: 1.625rem; }
.sect_title_wrap .sect_title.mt_0 { margin-top: 0; }
.sect_title_wrap .sect_keyword .num { position: relative; top: -0.25rem; }
.sect_title_wrap.center .sect_keyword,
.sect_title_wrap.center .sect_title { text-align: center; }

.sub11_sect1 .imgBox .ab_img { position: absolute; top: 0; left: 0; width: 100%; }
.sub11_sect1 .imgBox .sub11_sect1_img { opacity: 0; }
.sub11_sect1 .imgBox .sub11_sect1_img1 { opacity: 1; }
.sub11_sect1.active .imgBox .sub11_sect1_img2 { animation: showImg 0.5s 0.5s linear forwards; }
.sub11_sect1.active .imgBox .sub11_sect1_img3 { animation: showImg 0.5s 1s linear forwards; }
.sub11_sect1.active .imgBox .sub11_sect1_img4 { animation: showImg 0.5s 1.5s linear forwards; }
@keyframes showImg {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.sub11_sect1  { margin-bottom: 0; }
.sub11_sect1 .descBox { padding-left: 9.8958vw; background: url(../sub/img/sub11_sect1_bg.jpg) center / cover no-repeat; }
.sub11_sect1 .sect_title { position: relative; }
.sub11_sect1 .sect_title .sect_title_eng { position: absolute; top: -5rem; left: 0; font-size: 4.563rem; color: rgba(23, 38, 23, 0.15); white-space: nowrap; }
.sub11_sect1 .sect_title .sect_title_eng .spacing_wrap { letter-spacing: 0.09em; }
.sub11_sect1 .sect_title .sect_title_eng .big_text { font-size: 5rem; }
.sub11_sect1 .sect_slogan { margin-block: 1.875rem 2.125rem; line-height: 1.5; }
.sub11_sect1 .sect_descWrap { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.sub11_sect1 .sect_desc { line-height: 1.5625; }

/* section 2 */
.sub11_sect2 { padding-inline: 1.75rem; }
.sub11_sect2 .sect_title_wrap { margin-bottom: 2rem; }
.sub11_sect2 .sub11_sect2_inner { width: 100%; padding-block: 7.875rem 6.813rem; background: url(../sub/img/sub11_sect2_bg.jpg) center / cover no-repeat; }
.sub11_sect2 .sect_desc_wrap { gap: 1.125rem; margin-top: 2.375rem; }
.sub11_sect2 .sect_desc { line-height: 1.5; }

.sub11_sect2 .sub11_sect2_list { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.625rem; width: calc((23.125rem * 3) + 1.25rem); max-width: 90%; margin-bottom: 3.125rem; }
.sub11_sect2 .sub11_sect2_item { position: relative; width: 23.125rem; aspect-ratio: 100 / 95.6756; }
.sub11_sect2 .sub11_sect2_item .descBox { display: flex; flex-direction: column; align-items: center; gap: 0.625rem; position: absolute; bottom: 1.75rem; left: 50%; transform: translateX(-50%); }

.sub11_sect2 .sub11_sect2_slogan { display: flex; justify-content: center; align-items: center; width: 70.875rem; max-width: 90%; height: 6.5rem; background: url(../sub/img/sub11_sect2_slogan_bg.jpg) center / cover no-repeat; }
.sub11_sect2 .sub11_sect2_slogan .slogan_desc { line-height: 1.5555; }

/* section 3 */
.sub11_sect3 { background: url(../sub/img/sub11_sect3_bg.jpg) center / cover no-repeat; }
.sub11_sect3 .sub11_sect3_inner { display: flex; align-items: center; justify-content: flex-start; gap: 6.875rem; width: 100%; max-width: 1600px; height: 40.313rem; padding-left: 12.5vw;  }
.sub11_sect3 .sub11_sect3_inner .swiper_wrap { width: 30.5rem; aspect-ratio: 100 / 100; }
.sub11_sect3 .sub11_sect3_inner .sub11_sect3_swiper { width: 100%; height: 100%; }
.sub11_sect3 .swiper_wrap .swiper-slide { position: relative; }
.sub11_sect3 .swiper-slide .sub11_sect3_item { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.375rem; position: absolute; width: 8.25rem; aspect-ratio: 100 / 100; background: #fff; border: 1px solid #c2c2c2; border-radius: 50%; }
.sub11_sect3 .swiper-slide .item1 { top: 0; left: 50%; transform: translateX(-50%); }
.sub11_sect3 .swiper-slide .item3 { bottom: 0; left: 50%; transform: translateX(-50%); }
.sub11_sect3 .swiper-slide .item2 { right: 0; top: 50%; transform: translateY(-50%); }
.sub11_sect3 .swiper-slide .item4 { left: 0; top: 50%; transform: translateY(-50%); }
.sub11_sect3 .swiper-slide .sub11_sect3_item.active { background: #1a342d; border: 1px solid #1a342d; }
.sub11_sect3_item.active .item_keyword,
.sub11_sect3_item.active .item_desc { color: #fff; }

.sub11_sect3 .swiper_wrap .swiper-slide .slide_title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.sub11_sect3 .swiper_wrap .swiper-slide .slide_title .num { position: relative; top: -0.438rem; }

.sub11_sect3 .swiper_wrap .swiper-slide .circleBox { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 23.938rem; aspect-ratio: 100 / 100; border-radius: 50%; pointer-events: none; }
.sub11_sect3 .swiper-slide[data-swiper-slide-index="0"] .circleBox { border: 0.188rem solid #c2c2c2; border-top: 0.188rem solid #1a342d; }
.sub11_sect3 .swiper-slide[data-swiper-slide-index="1"] .circleBox { border: 0.188rem solid #c2c2c2; border-right: 0.188rem solid #1a342d; }
.sub11_sect3 .swiper-slide[data-swiper-slide-index="2"] .circleBox { border: 0.188rem solid #c2c2c2; border-bottom: 0.188rem solid #1a342d; }
.sub11_sect3 .swiper-slide[data-swiper-slide-index="3"] .circleBox { border: 0.188rem solid #c2c2c2; border-left: 0.188rem solid #1a342d; }

.sub11_sect3 .descBox .sect_desc1 { margin-block: 2.3rem; line-height: 1.4736; }
.sub11_sect3 .descBox .sect_desc2 { line-height: 1.4736; }

.sub11_loopText { margin-bottom: 2.375rem; }

/* section 4 */
.sub11_sect4 { overflow-x: clip; width: 100%; max-width: 1911px; margin-inline: auto; margin-bottom: 6rem; }
.sub11_sect4 .main_interior_wrap { position: relative; width: 100%; aspect-ratio: 100 / 45.7875; margin-bottom: 8.3333vw; }

.sub11_sect4 .main_interior_swiper .descBox { display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 0; left: 7.7083vw; width: 20rem; min-height: 19.813rem; padding-block: 2.125rem 2.375rem; padding-inline: 1.75rem; background: rgba(19, 45, 39, 0.95); }
.sub11_sect4 .main_interior_swiper .slide_title_wrap { padding-top: 1.875rem; padding-left: 0.5rem; border-top: 0.125rem solid rgba(255, 255, 255, 0.5); }
.sub11_sect4 .main_interior_swiper .slide_title { margin-bottom: 1.5rem; color: #fff; }
.sub11_sect4 .main_interior_swiper .slide_desc { line-height: 1.4; color: #fff; }

.sub11_sect4 .main_interior_wrap .sub11_sect4_list { display: flex; justify-content: center; gap: 0.875rem; position: absolute; top: calc(100% - 5.8333vw); left: 50%; transform: translateX(-50%); }
.sub11_sect4 .main_interior_wrap .sub11_sect4_item { display: flex; flex-direction: column; align-items: center; gap: 1rem; width: 17.5vw; max-width: 335px; }

.sub11_sect4 .sect_desc_wrap { gap: 1.375rem;  }
.sub11_sect4 .sect_desc_wrap .sect_desc { line-height: 1.4705; text-align: center; }

.sub11_sect4 .morview_btn { display: flex; justify-content: center; align-items: center; transition: 0.5s ease; width: 11.5rem; aspect-ratio: 100 / 27.1739; background: #fff; border: 1px solid #1c433a; color: #1c433a; }
.sub11_sect4 .morview_btn:hover { background: #1c433a; color: #fff; }

@media (min-width: 1921px) {
  .sub11_sect4 .main_interior_wrap { margin-bottom: 160px; }
}

/* section 5 */
.sub11_sect5 { padding-block: 7.5rem 7rem; background: url(../sub/img/sub11_sect5_bg.png) top center / cover no-repeat; }
.sub11_sect5 .sect_title_wrap { margin-bottom: 2.625rem; }

.sub11_sect5 .sect_desc_wrap { gap: 1.125rem; margin-block: 2.375rem 4rem; }
.sub11_sect5 .sect_desc_wrap .sect_desc2 { line-height: 1.5; }

.sub11_sect5 .sub11_sect5_doctor_wrap { display: flex; justify-content: center; flex-wrap: wrap; gap: 2rem 4.688rem; }
.sub11_sect5 .doctor_item { position: relative; width: 18.125rem; aspect-ratio: 76.9647 / 100; }
.sub11_sect5 .doctor_item .doctor_img { width: 100%; }
.sub11_sect5 .doctor_item .descBox { opacity: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; position: absolute; top: 0; left: 0; transition: opacity 0.5s ease; width: 100%; height: 100%; padding-bottom: 1.125rem; background: url(../sub/img/doctor_info_bg.png) bottom center / 100% auto no-repeat; }
.sub11_sect5 .doctor_item:hover .descBox { opacity: 1; }
.sub11_sect5 .doctor_item .descBox .doctor_info_wrap { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; }
.sub11_sect5 .doctor_item .position_icon { position: absolute; bottom: 0.875rem; left: 0.938rem; width: 1.938rem; aspect-ratio: 100 / 100; }

.sub11_sect5 .sect_desc_wrap2 { gap: 1.125rem; margin-block: 2.625rem 2.25rem; }
.sub11_sect5 .sect_desc_wrap2 .sect_desc3 { line-height: 1.5; }

.sub11_sect5 .morview_btn { display: flex; justify-content: center; align-items: center; transition: 0.5s ease; width: 11.5rem; aspect-ratio: 100 / 27.1739; background: #fff; border: 1px solid #1c433a; color: #1c433a; }
.sub11_sect5 .morview_btn:hover { background: #1c433a; color: #fff; }



/* section 7 */
.sub11_sect7 .descBox { padding-top: 9.2708vw; padding-left: 10vw; background: url(../sub/img/sub11_sect7_bg.jpg) center / cover no-repeat; }
.sub11_sect7 .sect_title_wrap { margin-bottom: 2.125rem; }
.sub11_sect7 .sect_desc_wrap { display: flex; flex-direction: column; align-items: flex-start; }
.sub11_sect7 .sect_desc { line-height: 1.5; }
.sub11_sect7 .sect_desc_wrap .sect_desc2 { margin-block: 1.25rem 1.75rem; }
.sub11_sect7 .sect_desc_wrap .sect_desc3 { margin-bottom: 1.25rem; }

/* section 8 */
.sub11_sect8 { margin-block: 4.25rem 4.5rem; padding-inline: 1.75rem; }
.sub11_sect8 .sub11_sect8_inner { width: 100%; height: 29.063rem; background: url(../sub/img/sub11_sect8_bg.jpg) center / cover no-repeat; }
.sub11_sect8 .sub11_sect8_descWrap { display: flex; flex-direction: column; align-items: center; }
.sub11_sect8 .sub11_sect8_descWrap .sect_title { margin-bottom: 2.5rem; }
.sub11_sect8 .sub11_sect8_descWrap .sect_desc2 { margin-block: 1.25rem; line-height: 1.5; }

/* section 9 */
.sub11_sect9 { display: flex; flex-direction: column; align-items: center; width: 100%; }
.sub11_sect9 .cont_wrap { display: flex; width: 100%; }
.sub11_sect9 .cont_wrap > div { width: 50%; padding-block: 5.625rem 5.75rem; padding-inline: 5%; }
.sub11_sect9 .imgCont .cont_img { width: 47.875rem; aspect-ratio: 100 / 51.0443; }

.sub11_sect9 .descCont .contBox { display: flex; align-items: flex-start; flex-wrap: wrap; }
.sub11_sect9 .descCont .title_wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.sub11_sect9 .descCont .title_wrap .cont_title { line-height: 1.3437; }

.sub11_sect9 .descCont .desc_list { display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem; }
.sub11_sect9 .descCont .desc_item { display: flex; flex-direction: column; align-items: flex-start; gap: 0.375rem; }
.sub11_sect9 .descCont .desc_item .desec_title { display: flex; align-items: flex-start; gap: 0.375rem; }
.sub11_sect9 .descCont .desc_item .desec_title .list_icon { position: relative; top: 0.313rem; width: 0.25rem; aspect-ratio: 100 / 100; background: #014a3f; border-radius: 50%; }
.sub11_sect9 .descCont .desc_item .desc_text { margin-left: 0.625rem; line-height: 1.6875; }

.sub11_sect9 .cont1 .contBox { gap: 2rem 4.75rem; }
.sub11_sect9 .cont4 .contBox { gap: 2rem 7.25rem; }

.sub11_sect9 .cont_wrap .cont1 { background: url(../sub/img/sub11_sect9_bg1.jpg) center / cover no-repeat; }
.sub11_sect9 .cont_wrap .cont2 { background: url(../sub/img/sub11_sect9_bg2.jpg) center / cover no-repeat; }
.sub11_sect9 .cont_wrap .cont3 { background: url(../sub/img/sub11_sect9_bg3.jpg) center / cover no-repeat; }
.sub11_sect9 .cont_wrap .cont4 { background: url(../sub/img/sub11_sect9_bg4.jpg) center / cover no-repeat; }


@media (max-width: 1680px) {
  /* section 3 */
  .sub11_sect3 { padding-inline: 1.75rem; }
  .sub11_sect3 .sub11_sect3_inner { justify-content: center; max-width: none; padding-left: 0; }
}
@media (max-width: 1280px) {
  .common_visual .imgBox { height: 38rem; aspect-ratio: auto; }
  .common_visual .imgBox img { height: 100%; object-fit: cover; }
  .common_visual .descBox { padding-left: 4rem; }

  /* section 3 */
  .sub11_sect3 .sub11_sect3_inner { gap: 7.2383vw; }

}
@media (max-width: 1024px) {
  /* section 4 */
  .sub11_sect4 .main_interior_swiper .descBox { width: 25.3906vw; min-height: 25.1953vw; padding-block: 2.6953vw 3.0078vw; padding-inline: 2.2217vw;}
  .sub11_sect4 .main_interior_swiper .slide_title_wrap { padding-top: 2.3804vw; padding-left: 0.6348vw; }
  .sub11_sect4 .main_interior_swiper .slide_title { margin-top: 1.9043vw; font-size: 1.1908vw; }
  .sub11_sect4 .main_interior_swiper .slide_desc { font-size: 2.1430vw; }
  .sub11_sect4 .main_interior_swiper .slide_keyword { padding-left: 0.6348vw; font-size: 1.1108vw; }
}
@media (max-width: 900px) {
  .sub11_sect1 .sect_title .sect_title_eng { top: -7.2222vw; font-size: 6.5889vw; }
}
@media (max-width: 768px) {
  .common_visual { flex-direction: column; }
  .common_visual .imgBox { width: 100%; height: auto; aspect-ratio: 100 / 63.3333; }
  .common_visual .descBox,
  .common_visual .descBox.common_descBox {
    width: 100%;
    padding: 3rem 1rem 3rem 2rem;
  }

  .sub11_sect1 .descBox { padding: 8rem 1rem 3rem 2rem; }
  .sub11_sect1 .sect_title .sect_title_eng { top: -5rem;font-size: 4.563rem; }

  /* section 2 */
  .sub11_sect2 { padding-inline: 0; }
  .sub11_sect2 .sub11_sect2_inner { padding-inline: 5%; padding-block: 7rem; }
  .sub11_sect2 .sect_title_wrap .sect_title { line-height: 1.4; }
  .sub11_sect2 .sub11_sect2_list { gap: 0.4rem; width: 100%; max-width: none; }
  .sub11_sect2 .sub11_sect2_item { width: calc((100% - 0.8rem) / 3); }
  .sub11_sect2 .sub11_sect2_slogan { flex-wrap: nowrap; width: 100%; max-width: none; height: auto; padding-block: 3rem; padding-inline: 1rem; }

  /* section 3 */
  .sub11_sect3 { padding-inline: 0; }
  .sub11_sect3 .sub11_sect3_inner { flex-direction: column; align-items: center; height: auto; padding-inline: 5%; padding-block: 7rem; }

  /* section 4 */
  .sub11_sect4 { padding-block: 28.75vw 1.875vw; padding-inline: 0.9375vw; }
  /* .sub11_sect4 .main_interior_wrap { margin-bottom: 3rem; } */
  .sub11_sect4 .main_interior_swiper .descBox { top: -19.1406vw; left: 0; width: 40.7813vw; min-height: 40.3906vw; padding-block: 5.4688vw 3.4375vw; padding-inline-start: 3.7500vw; }
  .sub11_sect4 .main_interior_swiper .slide_title_wrap { padding-top: 0; padding-left: 0; border-top: none; }
  .sub11_sect4 .main_interior_swiper .slide_title { font-family: 'SortsMillGoudy-Regular'; font-size: 2.8906vw; letter-spacing: 0.05em; }
  .sub11_sect4 .main_interior_swiper .slide_desc,
  .sub11_sect4 .main_interior_swiper .slide_desc b { font-family: 'KoPubWorld_Batang_Pro_Light'; font-weight: normal; font-size: 3.5156vw; line-height: 1.2888; }
  .sub11_sect4 .main_interior_swiper .slide_keyword { font-family: 'KoPubWorld_Batang_Pro_Light'; font-size: 2.6563vw; line-height: 1.4; }

  .sub11_sect4 .main_interior_wrap { margin-bottom: 13.3333vw; }
  .sub11_sect4 .main_interior_wrap .sub11_sect4_list { gap: 1.4811vw; }

  .sub11_sect4 .sect_desc_wrap .sect_desc { padding-inline: 5%; }

  /* section 5 */
  .sub11_sect5 { padding-inline: 5%; }

  .sub11_sect5_swiperWrap { position: relative; width: 100%; padding-inline: calc(5% + 2.7344vw); }
  .sub11_sect5_swiper { width: 100%; }
  .sub11_sect5_swiper .swiper-slide,
  .sub11_sect5_swiper .swiper-slide-duplicate{ display: flex; justify-content: center; }
  .sub11_sect5_swiper .swiper-slide-duplicate .reveal.fade-up { transform: translateY(0) !important; opacity: 1 !important; }
  .sub11_sect5 .sub11_sect5_swiperWrap .sub11_sect5_swiper-btn { opacity: 1; width: 14px; aspect-ratio: 45.1612 / 100; }
  .sub11_sect5 .sub11_sect5_swiperWrap .sub11_sect5_swiper-btn svg,
  .sub11_sect5 .sub11_sect5_swiperWrap .sub11_sect5_swiper-btn::after { display: none; }
  .sub11_sect5 .sub11_sect5_swiperWrap .sub11_sect5_swiper-btn { opacity: 1; top: 50%; transform: translateY(-50%); margin-top: 0; width: 2.7344vw; aspect-ratio: 44.8717 / 100; }
  .sub11_sect5 .sub11_sect5_swiperWrap .swiper-button-prev { left: 0; right: auto; background: url(../img/main_sect3_prevArrow_m.png) center / contain no-repeat; }
  .sub11_sect5 .sub11_sect5_swiperWrap .swiper-button-next { left: auto; right: 0; background: url(../img/main_sect3_nextArrow_m.png) center / contain no-repeat; }

  /* section 8 */
  .sub11_sect8 { padding-inline: 0; }
  .sub11_sect8 .sub11_sect8_inner { height: auto; padding-inline: 5%; padding-block: 7.875rem 7.375rem; }

  /* section 9 */
  .sub11_sect9 .topCont { flex-direction: column-reverse; }
  .sub11_sect9 .bottomCont { flex-direction: column; }
  .sub11_sect9 .cont_wrap > div { width: 100%; }
  .sub11_sect9 .cont_wrap .imgCont { padding-block: 5%; }
  
}
@media (max-width: 480px) {
  .sub11_sect1 .sect_title .sect_title_eng { font-size: 14.1989vw; }

  .sub11_sect3 .sub11_sect3_inner .swiper_wrap { width: 82.6042vw; }
  .sub11_sect3 .swiper-slide .sub11_sect3_item { gap: 1.0156vw; width: 22.3438vw; }
  .sub11_sect3 .swiper_wrap .swiper-slide .slide_title { font-size: 4.9102vw; }
  .sub11_sect3 .swiper_wrap .swiper-slide .slide_title .num {  top: -1.1863vw; }

  .sub11_sect3 .swiper-slide .sub11_sect3_item .item_keyword { font-size: 2.8790vw; }
  .sub11_sect3 .swiper-slide .sub11_sect3_item .item_desc { font-size: 2.5404vw; }

  .sub11_sect3 .swiper_wrap .swiper-slide .circleBox { width: 64.8321vw; }
  .sub11_sect3 .swiper-slide[data-swiper-slide-index="0"] .circleBox { border: 0.5092vw solid #c2c2c2; border-top: 0.5092vw solid #1a342d; }
  .sub11_sect3 .swiper-slide[data-swiper-slide-index="1"] .circleBox { border: 0.5092vw solid #c2c2c2; border-right: 0.5092vw solid #1a342d; }
  .sub11_sect3 .swiper-slide[data-swiper-slide-index="2"] .circleBox { border: 0.5092vw solid #c2c2c2; border-bottom: 0.5092vw solid #1a342d; }
  .sub11_sect3 .swiper-slide[data-swiper-slide-index="3"] .circleBox { border: 0.5092vw solid #c2c2c2; border-left: 0.5092vw solid #1a342d; }
}

/***************************************************
* sub 2-1
***************************************************/
.sub21_sect1 { margin-block: 5.75rem 0; padding-block: 13.25rem 10.625rem; background: url(../sub/img/sub21_sect1_bg.jpg) center / 100% auto no-repeat; }
.sub21_sect1 .sub21_sect1_cont1 { width: 100%; padding-bottom: 6.375rem; margin-bottom: 5.125rem; background: url(../sub/img/sub21_sect1_bg2.png) bottom center / cover no-repeat; }
.sub21_sect1 .sub21_sect1_title_wrap { margin-bottom: 5rem; }
.sub21_sect1 .sub21_sect1_title { display: flex; flex-direction: column; align-items: center; gap: 1.375rem; position: relative; }
.sub21_sect1 .sub21_sect1_title .sect_title_eng { position: absolute; top: -4.875rem; left: 42%; transform: translateX(-50%); font-size: 5rem; color: rgba(23, 38, 23, 0.1); white-space: nowrap; }
.sub21_sect1 .sub21_sect1_title .sect_title_eng .spacing_wrap { letter-spacing: 0.09em; }
.sub21_sect1 .sub21_sect1_title .sect_title_eng .big_text { font-size: 6.5rem; }

.sub21_sect1 .imgBox { margin-bottom: 1.875rem; }

.sub21_sect1 .sect_desc1 { line-height: 1.5294; }

.sub21_sect1 .dot_wrap { display: flex; flex-direction: column; align-items: center; gap: 0.875rem; margin-block: 2.125rem 2rem; }
.sub21_sect1 .dot_wrap .dot { width: 0.188rem; aspect-ratio: 100 / 100; border-radius: 50%; background: #1c332d; }

.sub21_sect1 .sect_desc2 .text_deco { position: relative; }
.sub21_sect1 .sect_desc2 .text_deco::after { content: ""; position: absolute; bottom: -0.438rem; left: 50%; transform: translateX(-50%); width: 8.688rem; aspect-ratio: 100 / 7.1942; background: url(../sub/img/text_underline.png) center / contain no-repeat; }

.sub21_sect1 .sub21_sect1_flexCont { display: flex; justify-content: flex-end; align-items: flex-end; width: 100%; max-width: 1920px; }
.sub21_sect1 .sub21_sect1_flexCont .leftCont { display: flex; flex-direction: column; align-items: flex-start; width: 41.75rem; padding-bottom: 3.625rem; }
.sub21_sect1 .sub21_sect1_flexCont .sect_title_eng { font-size: 4rem; color: rgba(23, 38, 23, 0.1); white-space: nowrap; }
.sub21_sect1 .sub21_sect1_flexCont .sect_title_eng .spacing_wrap { letter-spacing: 0.12em; }
.sub21_sect1 .sub21_sect1_flexCont .sect_title_eng .big_text { font-size: 4.375rem; }
.sub21_sect1 .sub21_sect1_flexCont .flexCont_descWrap { margin-top: 0.625rem; }
.sub21_sect1 .sub21_sect1_flexCont .sect_desc { letter-spacing: 0.005em; }
.sub21_sect1 .sub21_sect1_flexCont .sect_desc3 { margin-top: 2.25rem; line-height: 1.45; }
.sub21_sect1 .sub21_sect1_flexCont .sub21_sect1_slogan { display: flex; justify-content: center; align-items: center; width: 100%; padding-block: 1.625rem; padding-inline: 1rem; background: url(../sub/img/sub21_sect1_slogan_bg.jpg) center / cover no-repeat; }
.sub21_sect1 .leftCont_line { display: block; width: 1px; height: 3.75rem; margin-left: 0.875rem; margin-block: 1.5rem; background: #1d382b; }
.sub21_sect1 .sub21_sect1_slogan .slogan_text { line-height: 1.55; }

.sub21_sect1 .sub21_sect1_flexCont .rightCont { width: 60.5rem; }

/* section 2 */
.sub21_sect2 .sect_title_wrap { margin-bottom: 5.25rem; }
.sub21_sect2 .sect_title_wrap .sect_title { margin-bottom: 1.75rem; }
.sub21_sect2_cont1 { display: flex; justify-content: flex-start; align-items: center; gap: 5.375rem; width: 100%; max-width: 1180px; margin-bottom: 20.125rem; }
.sub21_sect2_cont1 .cont_img { width: 38.438rem; }
.sub21_sect2_cont1 .cont1_desc { line-height: 1.7222; }

.sub21_sect2 .sub21_sect2_cont2 { width: 100%; }
.sub21_sect2 .sub21_sect2_cont2 .imgBox { position: relative; width: 100%; margin-bottom: 2.375rem; }
.sub21_sect2 .sub21_sect2_cont2 .cont2_img { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 120rem; max-width: none; aspect-ratio: 100 / 27.7083; }
.sub21_sect2 .cont2_img_nameTag { display: flex; justify-content: center; align-items: center; width: 23.438rem; height: 2.563rem; margin-bottom: 1.25rem; background: #e8eceb; }
.sub21_sect2 .dot_wrap { display: flex; flex-direction: column; align-items: center; gap: 0.875rem; margin-block: 2.125rem 2rem; }
.sub21_sect2 .dot_wrap .dot { width: 0.188rem; aspect-ratio: 100 / 100; border-radius: 50%; background: #1c332d; }

/* section 3 */
.sub21_sect3 { position: relative; width: 100%; height: 400vh; }
.sub21_sect3_inner { display: flex; justify-content: center; align-items: flex-start; gap: 7.875rem; height: 100%; background: rgba(243, 243, 243, 0.5); border: 1px solid rgba(227, 227, 227, 0.5); border-left: none; border-right: none; }
.sub21_sect3 .leftCont { padding-top: 18.125vh; }
.sub21_sect3 .leftCont .sect_title { margin-block: 1.875rem 2.25rem; line-height: 1.3428; }
.sub21_sect3 .leftCont .sect_desc_wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 1.375rem; }
.sub21_sect3 .leftCont .sect_desc { line-height: 1.625; }

.sub21_sect3 .rightCont { height: calc(100% - 29.1667vh); margin-block: 12.2917vh 16.875vh; }
.sub21_sect3 .sub21_sect3_list { display: flex; flex-direction: column; align-items: center; gap: 2.5vh; }
.sub21_sect3 .sub21_sect3_list .sub21_sect3_item { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 45.875rem; background: #fff; }
.sub21_sect3 .sub21_sect3_item .item_title_wrap { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 3.438rem; padding-left: 1.563rem; }
.sub21_sect3 .item1 .item_title_wrap { background: #1c332d; }
.sub21_sect3 .item2 .item_title_wrap { background: #e8eceb; }
.sub21_sect3 .item3 .item_title_wrap { background: #e4ddd7; }
.sub21_sect3 .sub21_sect3_item .item_title_wrap .item_keyword { margin-inline: 1.25rem 2.75rem; }

.sub21_sect3 .item1 .item1_inner { display: flex; flex-direction: column; align-items: center; width: 100%; padding-inline: 2.75rem; padding-bottom: 0.313rem; }
.sub21_sect3 .item1 .item1_desc { width: 100%; padding-block: 3.25rem 2.875rem; line-height: 1.625; }
.sub21_sect3 .item1 .item1_cont_list { width: 100%; }
.sub21_sect3 .item1 .item_cont { display: flex; gap: 2rem; padding-left: 0.25rem; padding-block: 3.063rem; border-top: 1px solid #dddddd; }


.sub21_sect3 .item1 .descBox { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding-top: 0.875rem; }
.sub21_sect3 .item1_cont3 .descBox { padding-block: 0.875rem 0.625rem; }
.sub21_sect3 .item1 .descBox .bottom_desc { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.sub21_sect3 .item1 .descBox .cont_target_list { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; }
.sub21_sect3 .item1 .descBox .cont_target { position: relative; }
.sub21_sect3 .item1_cont2 .descBox .cont_target { display: flex; flex-direction: column; gap: 0.625rem; }
.sub21_sect3 .item1_cont2 .descBox .cont_target .target_desc { line-height: 1.45; }
.sub21_sect3 .item1 .descBox .cont_target .list_icon { position: absolute; top: 0; left: -0.438rem; }
.sub21_sect3 .item1 .descBox .cont_desc { line-height: 1.5333; }

.sub21_sect3 .item2 .item2_inner,
.sub21_sect3 .item3 .item3_inner { display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem; padding-block: 3.625rem 2.625rem; padding-inline: 4.688rem; }
.sub21_sect3 .item2 .item2_inner .item_desc,
.sub21_sect3 .item3 .item3_inner .item_desc { padding-left: 0.25rem; line-height: 1.5882; }

/* section 4 */
.sub21_sect4 { padding-block: 7rem 8.438rem; background: url(../sub/img/sub21_sect4_bg.png) center / cover no-repeat; }
.sub21_sect4 .sect_title_wrap { margin-bottom: 5.5rem; }
.sub21_sect4 .sect_title_wrap .sect_desc { margin-top: 2.25rem; line-height: 1.6875; }
.sub21_sect4 .sect_title_wrap .sect_desc .text_deco { position: relative; }
.sub21_sect4 .sect_title_wrap .sect_desc .text_deco::before,
.sub21_sect4 .sect_title_wrap .sect_desc .text_deco::after { content: ""; position: absolute; }
.sub21_sect4 .sect_title_wrap .sect_desc .text_deco::before { top: -0.875rem; left: -0.938rem; width: 0.875rem; aspect-ratio: 93.3333 / 100; background: url(../sub/img/text_deco_star.png) center / contain no-repeat; }
.sub21_sect4 .sect_title_wrap .sect_desc .text_deco::after { bottom: 0; left: 50%; transform: translateX(-50%); width: 11.5rem; aspect-ratio: 100 / 2.7173; background: url(../sub/img/text_underline2.png) center / contain no-repeat; }

.sub21_sect4 .sub21_sect4_cont { display: flex; justify-content: center; flex-wrap: wrap; gap: 2.875rem; }
.sub21_sect4 .sub21_sect4_cont .sub21_sect4_item { display: flex; flex-direction: column; align-items: center; gap: 0.188rem; width: 16.5rem; }
.sub21_sect4 .sub21_sect4_item .item_title { display: flex; justify-content: center; align-items: center; width: 100%; height: 2.938rem; background: #142f20; }
.sub21_sect4 .sub21_sect4_item .imgBox { width: 100%; aspect-ratio: 100 / 63.0597; }

/* section 5 */
.sub21_sect5 { padding-block: 9.125rem 6.5rem; background: url(../sub/img/sub21_sect5_bg.jpg) center / cover no-repeat; }
.sub21_sect5 .sect_title_wrap { margin-bottom: 5.125rem; }
.sub21_sect5 .sect_title_wrap .sect_title { margin-block: 1.5rem 2.5rem; }
.sub21_sect5 .sect_title_wrap .sect_desc { line-height: 1.5882; }

.sub21_sect5 .sub21_sect5_list { display: flex; justify-content: center; gap: 3rem 4.25rem; flex-wrap: wrap; }
.sub21_sect5 .sub21_sect5_item { display: flex; flex-direction: column; align-items: center; width: 21.563rem; }
.sub21_sect5 .sub21_sect5_item .item_title { display: flex; justify-content: center; align-items: center; width: 100%; height: 3.75rem; background: #15312c; border: 1px solid #e6e6e6; }
.sub21_sect5 .sub21_sect5_item .imgCont { display: flex; flex-direction: column; align-items: center; gap: 1.125rem; position: relative; }
.sub21_sect5 .sub21_sect5_item .item_img { width: 100%; aspect-ratio: 100 / 96.5217; }
.sub21_sect5 .sub21_sect5_item .item_desc { position: absolute; left: 50%; transform: translateX(-50%); line-height: 1.647; white-space: nowrap; }
.sub21_sect5 .item1 .imgCont .item_desc,
.sub21_sect5 .item2 .imgCont .item_desc { bottom: 1.375rem; }
.sub21_sect5 .item3 .imgCont .item_desc { bottom: 0.625rem; }

.sub21_sect5 .sub21_sect5_cont_line { display: block; width: 1px; height: 104px; margin-block: 2.125rem 1.5rem; background: #f8ede6; }

.sub21_sect5 .sect_title2 { margin-bottom: 2.125rem; color: #f8ede6; }
.sub21_sect5 .sub21_sect5-1_list { display: flex; justify-content: center; gap: 0.625rem; flex-wrap: wrap; }
.sub21_sect5 .sub21_sect5-1_list .sub21_sect5-1_item { display: flex; flex-direction: column; align-items: center; gap: 1rem; width: 14.188rem; }
.sub21_sect5 .sub21_sect5-1_item .item_desc { display: flex; justify-content: center; align-items: center; min-height: 2.875rem; line-height: 1.2857; }

/* section 6 */
/* .sub21_sect6 { padding-block: 178px 244px; background: url(../sub/img/sub21_sect6_bg.jpg) center / cover no-repeat; }
.sub21_sect6 .sect_title_wrap { margin-bottom: 82px; }
.sub21_sect6 .sect_title_wrap .sect_title { margin-block: 24px 2.5rem; }
.sub21_sect6 .sect_title_wrap .sect_desc { line-height: 1.5882; }

.sub21_sect6 .sub21_sect6_list { display: flex; justify-content: center; gap: 3rem 0.875rem; flex-wrap: wrap; }
.sub21_sect6 .sub21_sect6_item { display: flex; flex-direction: column; align-items: center; width: 21.688rem; gap: 34px; }
.sub21_sect6 .sub21_sect6_item .item_img { width: 100%; aspect-ratio: 100 / 95.9654; }
.sub21_sect6 .sub21_sect6_item .item_desc { letter-spacing: -0.015em; } */

/* section 7 */
.sub21_sect7 { margin-block: 0.75rem 0.938rem; padding-bottom: 1.875rem; background: url(../sub/img/sub21_sect7_bg.jpg) center / cover no-repeat; }
.sub21_sect7 .logo_tag { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 1.875rem; width: 7.875rem; aspect-ratio: 100 / 100; margin-bottom: 3.25rem; padding-top: 1.063rem; background: rgba(28, 51, 45, 0.95); }
.sub21_sect7 .logo_tag .border_line { display: block; width: 5.25rem; height: 1px; background: rgba(233, 233, 211, 0.9); }
.sub21_sect7 .logo_tag .tag_text { line-height: 1.4; color: #e9dfd3; }

.sub21_sect7 .sect_title_wrap .sect_title { margin-top: 0; margin-bottom: 1.5rem; }
.sub21_sect7 .sect_title_wrap .sect_desc { line-height: 1.5555; }
.sub21_sect7 .bg_text { margin-block: 1.75rem 5.125rem; }

.sub21_sect7 .patent_wrap { gap: 0.75rem; }
.sub21_sect7 .patent_wrap .patent_icon { display: flex; justify-content: center; align-items: center; width: 9.75rem; height: 2.875rem; border: 1px solid rgba(38, 60, 54, 0.1); border-radius: 50%; }

/* section 8 */
.sub21_sect8 { margin-bottom: 1rem; padding-block: 8.125rem 7.5rem; background: url(../sub/img/sub21_sect8_bg.jpg) center / cover no-repeat; }
.sub21_sect8 .sect_title { margin-top: 1.75rem; }
.sub21_sect8 .sect_desc { margin-block: 2.625rem 3.25rem; line-height: 1.5882; }

@media (max-width: 1024px) {
  .sub21_sect1 .sub21_sect1_cont1,
  .sub21_sect1 .sub21_sect1_flexCont { padding-inline: 5%; }
  .sub21_sect1 .sub21_sect1_flexCont { flex-direction: column-reverse; align-items: center; gap: 3rem; }
  .sub21_sect1 .sub21_sect1_flexCont .leftCont { width: 100%; max-width: 968px; }
  .sub21_sect1 .sub21_sect1_flexCont .sub21_sect1_slogan { max-width: 41.75rem; }

  /* section 2 */
  .sub21_sect2 { padding-bottom: 7rem; }
  .sub21_sect2_cont1 { justify-content: center; gap: 2rem 6.8359vw; margin-bottom: 23.125rem; }
  .sub21_sect2_cont1 .cont_img { width: 28.438rem; }

  /* section 3 */
  .sub21_sect3 { height: auto; }
  .sub21_sect3_inner { flex-direction: column; align-items: center; gap: 3rem; height: auto; padding-block: 7rem; padding-inline: 5%; }
  .sub21_sect3 .sticky_box { position: static; height: auto; padding-top: 0; }
  .sub21_sect3 .leftCont { width: 100%; max-width: 705px; padding-top: 0; }
  .sub21_sect3 .rightCont { width: 100%; max-width: 705px; height: auto; margin-block: 0; }
  .sub21_sect3 .sub21_sect3_list { gap: 2rem; }
  .sub21_sect3 .sub21_sect3_list .sub21_sect3_item { width: 100%; }
}
@media (max-width: 768px) {
  /* section 1 */
  .sub21_sect1 .sub21_sect1_title .sect_title_eng { left: 50%; }
  .sub21_sect1 .sub21_sect1_flexCont .rightCont { width: 100%; }

  .sub21_sect2 { z-index: 1; position: relative; padding-inline: 5%; }
  .sub21_sect2_cont1 { flex-direction: column; justify-content: flex-start; margin-bottom: 46.0625vw; }
  .sub21_sect2_cont1 .cont_img { width: 100%; max-width: 615px; }
  .sub21_sect2_cont1 .cont1_desc { text-align: center; }
  .sub21_sect2 .sub21_sect2_cont2 .cont2_img { z-index: -1; width: 236.9792vw; }

  .sub21_sect2 .sect_desc1,
  .sub21_sect2 .sect_desc2 { line-height: 1.45; }

  /* section 3 */
  .sub21_sect3 .sub21_sect3_item .item_title_wrap { flex-wrap: wrap; gap: 0.5rem 0; height: auto; padding-inline: 1.563rem; padding-block: 1rem; }
  .sub21_sect3 .item1 .item_cont { flex-direction: column; align-items: center; }
  .sub21_sect3 .item1 .item1_inner,
  .sub21_sect3 .item2 .item2_inner, 
  .sub21_sect3 .item3 .item3_inner { padding-inline: 5%; }
  .sub21_sect3 .item1 .descBox { flex-direction: column; align-items: center; gap: 1rem; }
  .sub21_sect3 .item1 .descBox .bottom_desc,
  .sub21_sect3 .item1 .descBox .cont_target_list { align-items: center; gap: 1rem; }
  .sub21_sect3 .item1 .descBox .cont_target { text-align: center; gap: 0.225rem; }
  .sub21_sect3 .item1 .descBox .cont_target .list_icon { display: none; }
  .sub21_sect3 .item1 .descBox .cont_desc { text-align: center; }

  /* section 4 */
  .sub21_sect4 { padding-block: 7rem; padding-inline: 5%; }
  .sub21_sect4 .sect_title_wrap .sect_title,
  .sub21_sect5 .sect_title_wrap .sect_title,
  .sub21_sect8 .sect_title_wrap .sect_title { line-height: 1.3428; }

  /* section 5 */
  .sub21_sect5 { padding-block: 7rem; padding-inline: 5%; }

  /* section 7 */
  .sub21_sect7 { padding-inline: 5%; }

  /* section 8 */
  .sub21_sect8 { padding-block: 7rem; padding-inline: 5%; }
}
@media (max-width: 480px) {
  .sub21_sect1 .sub21_sect1_title .sect_title_eng { font-size: 13.5417vw; }
  .sub21_sect1 .sub21_sect1_flexCont .sect_title_eng { font-size: 10.8333vw; }
  .sub21_sect1 .sub21_sect1_flexCont .sect_title_eng .big_text { font-size: 11.849vw; }
}

/***************************************************
* sub 3-1
***************************************************/
.sub31_sect1 { z-index: 2; position: relative; margin-block: 5.75rem 6.75rem; padding-block: 12.5rem 7.875rem; background: url(../sub/img/sub31_sect1_bg.jpg) center / 100% auto no-repeat; }
.sub31_sect1::before { z-index: -1; content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1920px; max-width: none; aspect-ratio: 100 / 31.4062; background: url(../sub/img/sub31_sect1_bg2.png) bottom center / cover no-repeat; }
@media (min-width: 1921px) {
  .sub31_sect1::before { width: 100%; height: 603px; aspect-ratio: auto; }
}
.sub31_sect1 .sub21_sect1_title .sect_title_eng { top: -3.775rem; left: 46%; font-size: 4.375rem; }
.sub31_sect1 .sect_desc2 .text_deco::after { width: 7.875rem; aspect-ratio: 100 / 7.9365; background: url(../sub/img/text_underline3.png) center / contain no-repeat; }

.sub31_sect1 .sub21_sect1_cont1 { padding-bottom: 5.938rem; margin-bottom: 7.75rem; }
.sub31_sect1 .sub21_sect1_flexCont { justify-content: center; align-items: center; gap: 6.25rem; }
.sub31_sect1 .sub21_sect1_flexCont .leftCont { position: relative; width: auto; }
.sub21_sect1 .sub21_sect1_flexCont .sect_title_eng { position: absolute;     top: -3.275rem; left: 0; }
.sub31_sect1 .sub21_sect1_flexCont .rightCont { width: 32.188rem; aspect-ratio: 100 / 70.4854; }

.sub31_sect1 .sub31_sect1_descWrap { display: flex; flex-direction: column; align-items: center; margin-top: 6.875rem; }
.sub31_sect1 .sub31_sect1_descWrap .sect_desc { line-height: 1.5294; }

.sub31_sect1 .sub31_sect1_descWrap .sub31_sect1_desc2 { margin-block: 1.75rem; padding-inline: 0.75rem; padding-block: 0.313rem 0.188rem; background: url(../sub/img/sub31_sect1_descBg.jpg) center / cover no-repeat; }

/* section 2 */
.sub31_sect2 { z-index: 1; position: relative; padding-bottom: 5.5rem; }
.sub31_sect2 .sub31_sect2_bgImg { position: absolute; bottom: 0; left: 0; width: 54.688rem; pointer-events: none; }
.sub31_sect2 .sub31_sect2_titleWrap { margin-bottom: 4.625rem; }
.sub31_sect2 .sub31_sect2_titleWrap .sect_desc { margin-top: 1.75rem; line-height: 1.647; } 

.sub31_sect2 .sub31_sect2_list { display: flex; justify-content: center; flex-wrap: wrap; gap: 2rem 5rem; margin-bottom: 4.875rem; }
.sub31_sect2 .sub31_sect2_list .sub31_sect2_item { width: 16.5rem; aspect-ratio: 100 / 100; padding-top: 2.875rem; background: #1c332d; border-radius: 50%; }
.sub31_sect2 .sub31_sect2_item .item_icon { width: 1.563rem; aspect-ratio: 83.3333 / 100; }
.sub31_sect2 .sub31_sect2_item .item_title { display: flex; align-items: center; justify-content: center; min-height: 2.875rem; margin-block: 1rem 0.813rem; line-height: 1.2777; }
.sub31_sect2 .sub31_sect2_item .item_desc { line-height: 1.2666; }

.sub31_sect2 .sub31_sect2_notice { display: flex; justify-content: center; align-items: center; width: 37.375rem; padding-block: 1.375rem 1.125rem; background: url(../sub/img/sub31_sect2_noticeBg.jpg) center / cover no-repeat; }
.sub31_sect2 .sub31_sect2_notice .notice_text { letter-spacing: 0.005em; line-height: 1.5294; }

/* section 3 */
.sub31_sect3 { padding-block: 8.25rem 7.125rem; background: url(../sub/img/sub31_sect3_bg.jpg) center / cover no-repeat; }
.sub31_sect3 .sub31_sect3_inner { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: flex-start; gap: 3rem 8.75rem; width: 100%; max-width: 1400px; }
.sub31_sect3 .descBox { padding-top: 4.5rem; }
.sub31_sect3 .descBox .sect_title { line-height: 1.3437; }
.sub31_sect3 .descBox .sect_desc { margin-top: 2rem; line-height: 1.4375; }
.sub31_sect3 .descBox .sect_desc .text_bg { display: inline-block; margin-block: 0.625rem; padding-inline: 0.25rem; background: #1c332d; }

.sub31_sect3 .sub31_sect3_cont { display: flex; height: 31.313rem; }
.sub31_sect3 .sub31_sect3_cont .sub31_sect3_item { cursor: pointer; overflow: hidden; display: flex; flex-direction: column; align-items: center; position: relative; transition: width 1s ease; width: 3.75rem; height: 100%; padding-top: 5.125rem; }
.sub31_sect3 .sub31_sect3_cont .sub31_sect3_item .item_img { width: 20.438rem; aspect-ratio: 100 / 67.2782; }
.sub31_sect3 .sub31_sect3_cont .sub31_sect3_item .item_cont { display: flex; flex-direction: column; align-items: center; opacity: 0; width: 34.625rem; }
.sub31_sect3 .sub31_sect3_cont .sub31_sect3_item.active { cursor: default; width: 34.625rem; }
.sub31_sect3 .sub31_sect3_cont .sub31_sect3_item.active .item_cont { opacity: 1; }
.sub31_sect3 .sub31_sect3_cont .sub31_sect3_item .item_tag { opacity: 1; position: absolute; top: 1.125rem; right: 1.438rem; transition: 0.5s ease; writing-mode: vertical-lr; text-orientation: upright; font-family: 'Pretendard Variable'; font-weight: 500; }
.sub31_sect3 .sub31_sect3_cont .sub31_sect3_item.active .item_tag { opacity: 0; }
.sub31_sect3 .sub31_sect3_item .item_title { margin-block: 2rem 1.25rem; }
.sub31_sect3 .sub31_sect3_item .item_desc { line-height: 1.375; }

.sub31_sect3 .item1 { background: #272727; }
.sub31_sect3 .item2 { background: #1a342d; }
.sub31_sect3 .item3 { background: #28433c; }
.sub31_sect3 .item4 { background: #f4f1ee; }
.sub31_sect3 .item5 { background: #e8eceb; }

.sub31_sect3 .item1 .item_tag, 
.sub31_sect3 .item2 .item_tag,
.sub31_sect3 .item3 .item_tag { color: #f4f1ee; }
.sub31_sect3 .item4 .item_tag,
.sub31_sect3 .item5 .item_tag { color: #1a342d; }

/* section 4 */
.sub31_sect4_inner { display: flex; justify-content: center; align-items: flex-start; gap: 7.875rem; height: 100%; padding-block: 7.5rem 5.438rem; background: rgba(243, 243, 243, 0.5); border: 1px solid rgba(227, 227, 227, 0.5); border-left: none; border-right: none; }
.sub31_sect4 .leftCont { display: flex; flex-direction: column; align-items: flex-start; }
.sub31_sect4 .sect_title_wrap { margin-top: 1.875rem; }
.sub31_sect4 .sect_title_wrap .sect_title { line-height: 1.3437; }
.sub31_sect4 .sect_desc { margin-top: 2.25rem; line-height: 1.625; }
.sub31_sect4 .sub31_sect4_slogan { display: flex; justify-content: center; align-items: center; width: 26.75rem; padding-block: 1.625rem; padding-inline: 1rem; background: url(../sub/img/sub21_sect1_slogan_bg.jpg) center / cover no-repeat; }
.sub31_sect4 .leftCont_line { display: block; width: 1px; height: 3.75rem; margin-left: 0.875rem; margin-block: 1.5rem; background: #1d382b; }
.sub31_sect4 .sub31_sect4_slogan .slogan_text { line-height: 1.55; }

.sub31_sect4 .sub31_sect4_list { display: flex; flex-direction: column; align-items: center; gap: 2.5vh; }
.sub31_sect4 .sub31_sect4_list .sub31_sect4_item { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 45.875rem; background: #fff; }
.sub31_sect4 .sub31_sect4_item .item_title_wrap { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 3.438rem; padding-left: 1.563rem; }
.sub31_sect4 .item1 .item_title_wrap { background: #e4ddd7; }
.sub31_sect4 .item2 .item_title_wrap { background: #e8eceb; }
.sub31_sect4 .item3 .item_title_wrap { background: #1c332d; }
.sub31_sect4 .sub31_sect4_item .item_title_wrap .item_keyword { margin-left: 1.25rem; }

.sub31_sect4 .sub31_sect4_item .item_cont_inner { display: flex; align-items: center; gap: 3rem; width: 100%; padding-block: 1.375rem 1.563rem; padding-left: 1.875rem; background: #fff; }
.sub31_sect4 .sub31_sect4_item .item_cont_inner .item_desc { line-height: 1.3888; }

/* section 5 */
.sub31_sect5 { padding-block: 9.625rem 6.563rem; background: url(../sub/img/sub31_sect5_bg.jpg) center / cover no-repeat; }
.sub31_sect5 .sect_title_wrap { margin-bottom: 4.125rem; }
.sub31_sect5 .sect_title_wrap .sect_desc { margin-top: 2.375rem; line-height: 1.5625; }
.sub31_sect5 .sub31_sect5_cont { display: flex; justify-content: flex-end; gap: 5.5rem; position: relative; width: 100%; }
.sub31_sect5 .sub31_sect5_cont .descBox { position: relative; padding-top: 9.625rem; }
.sub31_sect5 .sub31_sect5_cont .sub31_sect5_pagination { position: absolute; left: 0; bottom: 0.625rem; width: auto; font-family: 'KoPubWorld_Batang_Pro_Light'; font-weight: normal; font-style: normal; font-size: 0.938rem; letter-spacing: 0.01em; color: rgba(255, 255, 255, 0.5); }
.sub31_sect5 .sub31_sect5_pagination .swiper-pagination-current {  font-size: 1.313rem; color: #fff; }
.sub31_sect5 .sub31_sect5_cont .cont_desc_inner { position: relative; }
.sub31_sect5 .sub31_sect5_cont .cont_desc_wrap { opacity: 0; display: flex; flex-direction: column; align-items: flex-start; transition: 0.9s ease; }
.sub31_sect5 .sub31_sect5_cont .cont_desc_wrap.active { opacity: 1; }
.sub31_sect5 .sub31_sect5_cont .cont_desc_wrap:not(.cont_desc_wrap1) { position: absolute; top: 0; left: 0; }
.sub31_sect5 .cont_desc_wrap .cont_line { display: block; width: 19.875rem; height: 1px; background: #fff; }
.sub31_sect5 .cont_desc_wrap .cont_title { margin-block: 1.625rem 2.5rem; }
.sub31_sect5 .cont_desc_wrap .cont_desc { line-height: 1.625; white-space: nowrap; }

.sub31_sect5 .sub31_sect5_swiper { overflow-x: clip; width: 46.1979vw; min-width: 39.563rem; }
.sub31_sect5 .sub31_sect5_swiper .swiper-slide { width: 39.563rem !important; height: auto; aspect-ratio: 100 / 74.4075; background: #152829; }
.sub31_sect5 .sub31_sect5_swiper .swiper-slide .slide_img { opacity: 0.5; }
.sub31_sect5 .sub31_sect5_swiper .swiper-slide-active .slide_img { opacity: 1; }

.sub31_sect5 .sub31_sect5_swiper-btn,
.sub31_sect5 .sub31_sect5_swiper2-btn { transform: translateY(-50%); margin-top: 0; width: 1.438rem; aspect-ratio: 45.098 / 100; }
.sub31_sect5 .sub31_sect5_swiper-btn.swiper-button-prev,
.sub31_sect5 .sub31_sect5_swiper2-btn.swiper-button-prev {left: 3.0208vw; background: url(../sub/img/sub31_sect5_prev.png) center / contain no-repeat; }
.sub31_sect5 .sub31_sect5_swiper-btn.swiper-button-next,
.sub31_sect5 .sub31_sect5_swiper2-btn.swiper-button-next { right: 3.0208vw; background: url(../sub/img/sub31_sect5_next.png) center / contain no-repeat; }
.sub31_sect5 .sub31_sect5_swiper-btn.swiper-button-prev { display: none; }
.sub31_sect5 .sub31_sect5_swiper-btn::after,
.sub31_sect5 .sub31_sect5_swiper2-btn::after { display: none; }

/* section 7 */
.sub31_sect7 { background: url(../sub/img/sub31_sect7_bg.jpg) center / cover no-repeat; margin-bottom: 1rem; }

/* 전후사진 연동 */
.sub_ba_sect { padding-block: 8.375rem 6rem; }
.sub_ba_sect .sect_title { display: flex; align-items: center; margin-bottom: 4.5rem; }
.sub_ba_sect .sect_title .line { width: 2.5rem; height: 1px; margin-inline: 0.75rem 0.375rem; background: #1c332d; }

.sub_ba_sect .swiper_wrap { position: relative; width: calc((23.125rem * 2) + 0.313rem); margin-bottom: 3.875rem; }
.sub_ba_sect .swiper_wrap .swiper-slide { width: 100%; height: auto; }
.sub_ba_sect .swiper-slide .ba_cont { display: flex; flex-direction: column; align-items: center; }
.sub_ba_sect .swiper-slide .imgBox { display: flex; gap: 0.313rem; margin-bottom: 1.75rem; }
.sub_ba_sect .swiper-slide .imgWrap { position: relative; width: 23.125rem; aspect-ratio: 100 / 100; }
.sub_ba_sect .swiper-slide .imgWrap img { width: 100%; height: 100%; object-fit: cover; }

.sub_ba_sect .sub_ba_swiper-btn { top: calc(11.563rem - 0.938rem); width: 0.875rem; height: auto; aspect-ratio: 45.1612 / 100; margin-top: 0; }
.sub_ba_sect .sub_ba_swiper-btn::after { display: none; }
.sub_ba_sect .sub_ba_swiper-btn.swiper-button-prev { left: -3.75rem; background: url(../sub/img/sub_ba_prev.png) center / contain no-repeat; }
.sub_ba_sect .sub_ba_swiper-btn.swiper-button-next { right: -3.75rem; background: url(../sub/img/sub_ba_next.png) center / contain no-repeat; }

.sub_ba_sect .ba_notice_wrap { display: flex; justify-content: center; align-items: center; width: 30.688rem; height: 5.125rem; background: #f1f1f1; }
.sub_ba_sect .ba_notice_wrap .ba_notice { line-height: 1.3571; }

.sub_ba_sect .imgWrap .blur_txt_wrap { display: none; }
.sub_ba_sect .imgWrap.blur .blur_txt_wrap{ display: block; position: absolute; top:0; left:0; width:100%; height:100%;background-color:rgba(0, 0, 0, 0.4); }
.sub_ba_sect .imgWrap.blur .blur_txt_wrap::before{ content: ""; position: absolute;
  top:0; left:0; 
width:100%; height:100%; 
backdrop-filter: blur(1.4286vw);
-webkit-backdrop-filter: blur(1.4286vw);
-moz-backdrop-filter: blur(1.4286vw);
-ms-backdrop-filter: blur(1.4286vw);
-o-backdrop-filter: blur(1.4286vw);
}
.sub_ba_sect .imgWrap.blur .blur_txt_wrap .blur_txt{ display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top:0; left:0; width:100%; height:100%; }
.sub_ba_sect .imgWrap.blur .blur_txt_wrap .blur_txt > img{width:auto; height:0.875rem; margin:0 0 0.5357vw;}
.sub_ba_sect .imgWrap.blur .blur_txt_wrap .blur_txt > p{margin-left:0.5rem; }

@media (max-width: 1560px) {
  .sub31_sect3 .sub31_sect3_inner { gap: 3rem 8.3974vw; }
  .sub31_sect4_inner { gap: 7.5641vw; }
}
@media (max-width: 1100px) {
  .sub31_sect4_inner { flex-direction: column; align-items: center; gap: 3rem; }
  .sub31_sect4 .leftCont,
  .sub31_sect4 .rightCont { width: 100%; max-width: 643px; }
  .sub31_sect4 .sub31_sect4_list .sub31_sect4_item { width: 100%; }
}
@media (max-width: 1024px) {
  /* section 1 */
  .sub31_sect1 .sub21_sect1_flexCont { flex-direction: column; gap: 3rem; }
  .sub31_sect1 .sub21_sect1_flexCont .sect_title_eng { left: 50%; transform: translateX(-50%); }
  .sub31_sect1 .sub21_sect1_flexCont .leftCont { padding-bottom: 0; }
  .sub31_sect1 .sub21_sect1_flexCont .sect_desc,
  .sub31_sect1 .sub21_sect1_flexCont .sect_desc3 { text-align: center; }

  /* section 3 */
  .sub31_sect3 .sect_title_wrap { align-items: center; }
  .sub31_sect3 .sub31_sect3_inner { flex-direction: column; align-items: center; }
  .sub31_sect3 .descBox .sect_title,
  .sub31_sect3 .descBox .sect_desc { text-align: center; }

  /* section 5 */
  .sub31_sect5_swiper2 { width: 100%; margin-bottom: 2rem; }
  .sub31_sect5 .sub31_sect5_swiper2 .swiper-slide { display: flex; flex-direction: column; align-items: center; width: 100%; aspect-ratio: auto; }
  .sub31_sect5 .sub31_sect5_swiper2 .slide_img { width: 100%; max-width: 39.563rem; }
  .sub31_sect5 .sub31_sect5_swiper2 .swiper-slide-duplicate .reveal.fade-up { opacity: 1 !important; transform: translateY(0) !important; }
  .sub31_sect5 .sub31_sect5_cont .cont_desc_wrap { opacity: 1; align-items: center; }
  .sub31_sect5 .sub31_sect5_cont .cont_desc_wrap:not(.cont_desc_wrap1) { position: static; }
  .sub31_sect5 .cont_desc_wrap .cont_title { margin-block: 2rem 2.5rem; }

  .sub31_sect5 .sub31_sect5_pagination2 { position: static; width: auto; font-family: 'KoPubWorld_Batang_Pro_Light'; font-weight: normal; font-style: normal; font-size: 0.938rem; letter-spacing: 0.01em; color: rgba(255, 255, 255, 0.5); }
  .sub31_sect5 .sub31_sect5_pagination2 .swiper-pagination-current {  font-size: 1.313rem; color: #fff; }

  .sub31_sect5 .sub31_sect5_swiper2-btn { top: calc(14.719rem - 3.188rem); transform: none; }
  .sub31_sect5 .sub31_sect5_swiper2-btn.swiper-button-next { right: 2.281rem; }
  .sub31_sect5 .sub31_sect5_swiper2-btn.swiper-button-prev { left: 2.281rem; }
  
}
@media (max-width: 768px) {
  /* section 1 */
  .sub31_sect1 { padding-block: 7rem; }
  .sub31_sect1 .sub21_sect1_title .sect_title_eng { left: 50%; }
  .sub31_sect1 .sect_desc2 { line-height: 1.5294; }

  .sub31_sect1 .sub21_sect1_flexCont .rightCont { display: flex; justify-content: center; width: 100%; max-width: 515px; }
  .sub31_sect1 .sub31_sect1_descWrap { width: 100%; padding-inline: 5%; }

  /* section 2 */
  .sub31_sect2 { padding-inline: 5%; }
  .sub31_sect2 .sub31_sect2_bgImg { display: none; }
  .sub31_sect2 .sub31_sect2_list .sub31_sect2_item { justify-content: center; padding-top: 0; }
  .sub31_sect2 .sub31_sect2_notice { width: 100%; }

  /* setion 3 */
  .sub31_sect3 { padding-inline: 5%; padding-block: 7rem }
  .sub31_sect3 .sub31_sect3_cont { flex-direction: column; width: 100%; height: auto; max-width: 34.625rem; }
  .sub31_sect3 .sub31_sect3_cont .sub31_sect3_item .item_cont { width: 100%; }
  .sub31_sect3 .sub31_sect3_cont .sub31_sect3_item { transition: all 1s 
ease; width: 100%; height: 3.75rem; padding-block: 0; padding-inline: 5%; }
  .sub31_sect3 .sub31_sect3_cont .sub31_sect3_item.active { width: 100%; height: auto; padding-block: 5.125rem; }
  .sub31_sect3 .sub31_sect3_cont .sub31_sect3_item .item_tag { top: 1.438rem; left: 50%; right: auto; transform: translateX(-50%); writing-mode: horizontal-tb; }

  /* section 4 */
  .sub31_sect4_inner { padding-inline: 5%; }
  .sub31_sect4 .sub31_sect4_item .item_cont_inner { flex-direction: column; gap: 2rem;  padding-inline: 3%; }
  .sub31_sect4 .sub31_sect4_item .item_cont_inner .item_desc { text-align: center; }

  /* section 5 */
  .sub31_sect5 { padding-block: 7rem; padding-inline: 3rem; }
  .sub31_sect5 .sect_title_wrap .sect_title { line-height: 1.3437; }

  .sub31_sect5 .sub31_sect5_swiper2-btn { width: 1rem; }
  .sub31_sect5 .sub31_sect5_swiper2-btn.swiper-button-next { right: -2rem; }
  .sub31_sect5 .sub31_sect5_swiper2-btn.swiper-button-prev { left: -2rem; }
  .sub31_sect5 .cont_desc_wrap .cont_desc { white-space: normal; }

  /* ba section */
  .sub_ba_sect .swiper_wrap { width: 100%; padding-inline: 3rem; }
  .sub_ba_sect .sub_ba_swiper { width: 100%; }
  .sub_ba_sect .swiper-slide .imgBox { gap: 0.5510vw }
  .sub_ba_sect .swiper-slide .imgWrap { width: calc((100% - 0.5510vw) / 2); }
  .sub_ba_sect .sub_ba_swiper-btn { top: calc(((100% - 2.875rem) / 2) - 0.969rem); }
  .sub_ba_sect .sub_ba_swiper-btn.swiper-button-prev { left: calc(1.5rem - 0.4375rem); }
  .sub_ba_sect .sub_ba_swiper-btn.swiper-button-next { right: calc(1.5rem - 0.4375rem); }

  .sub_ba_sect .ba_notice_wrap { width: 90%; height: auto; padding-block: 1.35rem; }

  /* section 7 */
  .sub31_sect7 .sect_slogan  { line-height: 1.45; }
}
@media (max-width: 620px) {
  .sub31_sect5 .sub31_sect5_swiper2-btn { top: calc(30.8871vw - 3.188rem); }
}
@media (max-width: 520px) {
  .sub31_sect1 .sub21_sect1_title .sect_title_eng { font-size: 10.9375vw; }
}

/***************************************************
* sub 7-1
***************************************************/
/* section intro */
.sub7_intro { padding-block: 15.5rem 9.125rem; background: url(../sub/img/sub7_intro_bg.jpg) center / cover no-repeat; }
.sub7_intro_sloganWrap { gap: 2.125rem; margin-bottom: 4.625rem; }
.sub7_intro_slogan { position: relative; color: #121212; }
.sub7_intro_slogan1 { padding-right: 12rem; }
.sub7_intro_slogan2 { padding-left: 6.625rem; }
.sub7_intro_slogan::before { content: ""; position: absolute; height: 1px; background: #121212; }
.sub7_intro_slogan1::before { bottom: 0.78rem; left: 16.7rem; width: 12.5rem; }
.sub7_intro_slogan2::before { bottom: 0.16rem; right: 6.4rem; width: 14.75rem; }

.sub7_intro_slogan::after { position: absolute; font-family: 'KoPubWorld-Batang_Pro-Medium'; font-size: 1.25rem; letter-spacing: -0.02em; color: #121212; }
.sub7_intro_slogan1::after { content: "디에이피부과 도산"; top: 0.5rem; left: calc((100% - 12rem) + 1.375rem); }
.sub7_intro_slogan2::after { content: "그리고"; top: 0.75rem; right: calc((100% - 6.625rem) + 1.875rem); }

.sub7_intro_title { margin-bottom: 1.5rem; }

.sub7_intro_descWrap { position: relative; }
.sub7_intro_desc { position: relative; color: #a6a6a6; text-align: center; line-height: 1.4705; white-space: noWrap; }
.sub7_intro_descWrap .split { position: absolute; top: 0; left: 0; width: 100%; }
.sub7_intro_descWrap .gradient-line {
  background: linear-gradient(to right, #151515, #151515);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

/* 251121 상단 변경 */
.sub7_visual { margin-bottom: 0; }
.sub7_visual .descBox { padding-left: 9.8958vw; background: url(../sub/img/sub7_visual_bg.jpg) center / cover no-repeat; }
.sub7_visual .sect_title { line-height: 1.4; }
.sub7_visual .sect_slogan { margin-block: 1.5rem 2rem; line-height: 1.3333; }
.sub7_visual .sect_descWrap { display: flex; flex-direction: column; align-items: flex-start; gap: 1.625rem; }
.sub7_visual .sect_desc { line-height: 1.5625; }

/* section 1 */
.sticky_box { position: sticky; top: 0; left: 0; width: 100%; height: 100vh; overflow-x: clip; overflow-y: clip; padding-top: 5.75rem; }
.sub7_sect1 { position: relative; width: 100%; height: 400vh; }
.sub7_sect1_inner { display: flex; justify-content: space-between; align-items: flex-start; height: 100%; padding-inline: 13.7500vw 15.9375vw; background: url(../sub/img/sub7_sect1_bg.jpg) center / cover no-repeat; }
.sub7_sect1 .leftCont { padding-top: 15vh; }
.sub7_sect1 .leftCont .sub7_sect1_title { margin-block: 1.625rem 2.375rem; }
.sub7_sect1 .leftCont .left_title_wrap { position: relative; }
.sub7_sect1 .leftCont .left_title2,
.sub7_sect1 .leftCont .left_title3 { position: absolute; top: 0; left: 0; }
.sub7_sect1 .leftCont .left_title { opacity: 0; transition: opacity 0.5s ease; }
.sub7_sect1 .leftCont .left_title.active { opacity: 1; }

.sub7_sect1 .rightCont { height: calc(100% - 35.8334vh); margin-block: 17.9167vh; }
.sub7_sect1 .sub7_sect1_list { display: flex; flex-direction: column; align-items: center; gap: 3.125vh; }
.sub7_sect1 .sub7_sect1_list .sub7_sect1_item { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 26.25rem; aspect-ratio: 77.7777 / 100; padding-bottom: 3.25rem; }
.sub7_sect1 .sub7_sect1_item .item_title_wrap { display: flex; flex-direction: column; align-items: center; gap: 20px; }
.sub7_sect1 .sub7_sect1_item .item_title { text-align: center; }
.sub7_sect1 .sub7_sect1_item .item_desc { line-height: 1.4705; text-align: center; }
.sub7_sect1 .sub7_sect1_list .item1 { background: url(../sub/img/sub7_sect1_itemBg1.jpg) center / contain no-repeat; }
.sub7_sect1 .sub7_sect1_list .item2 { background: url(../sub/img/sub7_sect1_itemBg2.jpg) center / contain no-repeat; }
.sub7_sect1 .sub7_sect1_list .item3 { background: url(../sub/img/sub7_sect1_itemBg3.jpg) center / contain no-repeat; }
.sub7_sect1 .sub7_sect1_list .item4 { background: url(../sub/img/sub7_sect1_itemBg4.jpg) center / contain no-repeat; }
.sub7_sect1 .sub7_sect1_list .item5 { background: url(../sub/img/sub7_sect1_itemBg5.jpg) center / contain no-repeat; }
.sub7_sect1 .sub7_sect1_list .item6 { background: url(../sub/img/sub7_sect1_itemBg6.jpg) center / contain no-repeat; }
.sub7_sect1 .sub7_sect1_list .item7 { background: url(../sub/img/sub7_sect1_itemBg7.jpg) center / contain no-repeat; }
.sub7_sect1 .sub7_sect1_list .item8 { background: url(../sub/img/sub7_sect1_itemBg8.jpg) center / contain no-repeat; }


/* section 2 */
.sub7_sect2 { position: relative; width: 100%; padding-block: 9.125rem 9.5rem; background: url(../sub/img/sub7_sect2_bg.jpg) center / cover no-repeat; }
.sub7_sect2 .sub7_sect2_titleWrap { gap: 1.75rem; margin-bottom: 5.5rem; }
.sub7_sect2 .sub7_sect2_titleWrap .sub7_sect2_title { color: #014a3f; }
.sub7_sect2 .sub7_sect2_titleWrap .sub7_sect2_slogan { color: #151515; }

.sub7_sect2 .sub7_sect2_doctorWrap { display: flex; justify-content: flex-start; align-items: flex-start; position: relative; width: 100%; padding-left: 4.5833vw; }

.sub7_sect2 .doctor_swiper_wrap { overflow-x: clip; position: relative; width: 100%; padding-left: 7.313rem; }
.sub7_sect2 .swiper_inner { overflow-x: clip; width: 100%; }
.sub7_sect2 .sub7_sect2_swiper { position: relative; overflow: visible; width: 43.75rem; margin-left: 0; }
.sub7_sect2 .swiper-slide { display: flex; align-items: center; gap: 3.5rem; transition: 0.9s ease; width: 43.75rem !important; padding-top: 3.938rem; }
.sub7_sect2 .swiper-slide-active { width: 43.75rem !important; padding-top: 0; }
.sub7_sect2 .swiper-slide-prev { padding-top: 0; margin-right: 2.313rem; }
.sub7_sect2 .swiper-slide-next { width: 17.938rem !important; margin-left: 6.063rem; margin-right: 2.313rem !important; }
.sub7_sect2 .swiper-slide-next ~ .swiper-slide { width: 17.938rem !important; margin-right: 2.313rem !important; }

.sub7_sect2 .swiper-slide .imgBox { flex-shrink: 0; position: relative; width: 17.938rem; transition: 0.9s ease; aspect-ratio: 76.9647 / 100; }
.sub7_sect2 .swiper-slide-active .imgBox,
.sub7_sect2 .swiper-slide-prev .imgBox { width: 23.75rem; }

.sub7_sect2 .swiper-slide .docotr_infoBox { opacity: 0; display: flex; flex-direction: column; align-items: flex-start; position: absolute; top: 50%; left: calc(100% + 3.5rem); transform: translateY(-50%); transition: 0.9s 0.3s ease; width: 100%; padding-left: 1.375rem; border-left: 0.125rem solid rgba(25, 25, 25, 0.3); }
.sub7_sect2 .swiper-slide-active .docotr_infoBox { opacity: 1; }
.sub7_sect2 .swiper-slide .docotr_infoBox .doctor_name { margin-block: 0.875rem 1.875rem; }
.sub7_sect2 .swiper-slide .docotr_infoBox .doctor_history_list { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.sub7_sect2 .swiper-slide .docotr_infoBox .doctor_history.mar_b { margin-bottom: 0.875rem; }

.sub7_sect2 .doctor_swiper_wrap .sub7_sect2_swiper-btn { opacity: 1; top: 50%; transform: translateY(-50%); width: 4.438rem; aspect-ratio: 100 / 100; }
.sub7_sect2 .doctor_swiper_wrap .sub7_sect2_swiper-btn svg { display: none; }
.sub7_sect2 .doctor_swiper_wrap .sub7_sect2_swiper-btn::after { display: none; }
.sub7_sect2 .doctor_swiper_wrap .swiper-button-prev { left: 0; background: url(../sub/img/sub7_sect2_prev.png) center / contain no-repeat; }
.sub7_sect2 .doctor_swiper_wrap .swiper-button-next { right: 4.375vw; background: url(../sub/img/sub7_sect2_next.png) center / contain no-repeat; }

.sub7_sect2 .swiper-pagination { position: static; width: 37.5rem; height: 0.125rem; margin-top: 6.563rem; background: #d4d4d4; }
.sub7_sect2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #014a3f; }

.sub7_sect2 .rotate_logo { z-index: 2; top: -4.063rem; left: 7.2396vw; }

/* section 3 */
.sub7_sect3 { width: 100%; padding-inline: 1.5625vw; margin-block: 6.25rem 6.125rem; }
.sub7_sect3 .sub7_sect3_videoWrap { display: flex; justify-content: center; width: 100%; aspect-ratio: 100 / 43.0107; }
.sub7_sect3 .sub7_sect3_videoWrap video { width: 100%; height: 100%; object-fit: cover; }

.sub7_loopText { margin-block: 6.875rem 7.375rem; }

/* section 4 */
.sub7_sect4 { display: flex; padding-left: 1.5625vw; margin-bottom: 6.25rem; }

.sub7_sect4 .interior_img_wrap { width: 1231px; aspect-ratio: 100 / 68.2372; }

.sub7_interior_swiper{overflow: hidden;}
.sub7_sect4 .swiper-button-next:after, 
.sub7_sect4 .swiper-button-prev:after {display: none;}
.sub7_sect4 .swiper-button-next, 
.sub7_sect4 .swiper-button-prev { width: 14px; height: auto; aspect-ratio: 45.1612 / 100; }
.sub7_sect4 .swiper-button-prev {background: url(../sub/img/sub7_interior_prev.png) center / contain no-repeat; left: -30px;}
.sub7_sect4 .swiper-button-next {background: url(../sub/img/sub7_interior_next.png) center / contain no-repeat; right: -30px;}
.sub7_interior_swiper .swiper-slide{text-align:center}

.sub7_sect4 .interior_wrap { position: relative; display: none; }
.sub7_sect4 .interior_wrap.active { display: block; }
.sub7_sect4 .mini_slider { position: absolute;bottom: 40px; z-index: 1;left:50%;transform: translate(-50%, 0);}
.sub7_interior_swiper_mini { width: calc((179px * 4) + 24px); }
.sub7_interior_swiper_mini .swiper-slide { width: 179px; height: auto; aspect-ratio: 100 / 70.9497; cursor: pointer; position: relative;/* background: #111; */ overflow:hidden;}
.sub7_interior_swiper_mini .swiper-slide > img {/* opacity: 0.5;  */width: 100%; height: 100%; object-fit: cover; }
.sub7_interior_swiper_mini .swiper-slide.swiper-slide-active > img { opacity: 1;}
.sub7_interior_swiper_mini .swiper-slide::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(20, 23, 23, 0.7); }
.sub7_interior_swiper_mini .swiper-slide-active::after { display: none; }
.sub7_interior_swiper_mini .swiper-slide.swiper-slide-active::before {  content: ""; display: block; width: 100%; height: 100%; border: 1px solid #f3eee9; position: absolute; left: 0; top: 0; } 
.sub7_interior_swiper_mini .swiper-slide + .swiper-slide { margin-left: 8px;}

.sub7_sect4 .interior_desc_wrap { width: calc(100% - 1231px); padding-inline: 92px 0; padding-block: 86px 89px; background: url(../sub/img/sub7_sect4_descBg.jpg) center / cover no-repeat; }
.sub7_sect4 .interior_desc_wrap .sub7_sect4_titleWrap { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; margin-bottom: 50px; }
.sub7_sect4 .interior_desc_wrap .sub7_sect4_keyword { font-size: 16px; }
.sub7_sect4 .interior_desc_wrap .sub7_sect4_title { font-size: 35px; line-height: 1.2571; }

.sub7_sect4 .interior_desc_wrap .rightImg { margin-left: 48px; }

.sub7_sect4 .sub7_sect4_selectWrap { width: 331px; border: 1px solid #cecece; }
.sub7_sect4 .select_item { width: 100%; aspect-ratio: 100 / 24.1691; }
.sub7_sect4 .select_item .select_btn { display: flex; align-items: center; justify-content: flex-start; gap: 14px; transition: 0.5s ease; width: 100%; height: 100%; padding-left: 26px; font-size: 17px; }
.sub7_sect4 .select_item6 .select_btn { font-size: 28px; }
.sub7_sect4 .select_item .select_btn .select_btn_num { transition: 0.5s ease; font-size: 28px; }
.sub7_sect4 .select_item:not(:last-child) .select_btn { border-bottom: 1px solid #cecece; }
.sub7_sect4 .select_item .select_btn:hover,
.sub7_sect4 .select_item.active .select_btn { background: #014a3f; border-color: #014a3f; color: #fff; }
.sub7_sect4 .select_item .select_btn:hover .select_btn_num,
.sub7_sect4 .select_item.active .select_btn .select_btn_num { color: #fff; }

@media (max-width: 1800px) {
  .sub7_sect4 .interior_img_wrap { width: 68.3889vw; }
  .sub7_sect4 .swiper-button-next, 
  .sub7_sect4 .swiper-button-prev { top: calc(50% - 0.8611vw); width: 0.7778vw; margin-top: 0; }

  .sub7_sect4 .mini_slider { bottom: 2.2222vw; }
  .sub7_interior_swiper_mini { width: calc((9.9444vw * 4) + 1.3332vw); }
  .sub7_interior_swiper_mini .swiper-slide { width: 9.9444vw; }
  .sub7_interior_swiper_mini .swiper-slide.swiper-slide-active::before { border: 0.0556vw solid #f3eee9; } 
  .sub7_interior_swiper_mini .swiper-slide + .swiper-slide { margin-left: 0.4444vw;}

  .sub7_sect4 .interior_desc_wrap { width: calc(100% - 68.3889vw); padding-inline: 5.1111vw 0; padding-block: 4.7778vw 4.9444vw; }
  .sub7_sect4 .interior_desc_wrap .sub7_sect4_titleWrap { gap: 1.3333vw; margin-bottom: 2.7778vw; }
  .sub7_sect4 .interior_desc_wrap .sub7_sect4_keyword { font-size: 0.8889vw; }
  .sub7_sect4 .interior_desc_wrap .sub7_sect4_title { font-size: 1.9444vw; }

  .sub7_sect4 .interior_desc_wrap .rightImg { width: 20.6667vw; margin-left: 2.6667vw; }

  .sub7_sect4 .sub7_sect4_selectWrap { width: 18.3889vw; border: 0.0556vw solid #cecece; }
  .sub7_sect4 .select_item .select_btn { gap: 0.7778vw; padding-left: 1.4444vw; }
  .sub7_sect4 .select_item6 .select_btn { font-size: 1.5556vw; }
  .sub7_sect4 .select_item .select_btn .select_btn_num { font-size: 1.5556vw; }
  .sub7_sect4 .select_item:not(:last-child) .select_btn { border-bottom: 0.0556vw solid #cecece; font-size: 0.9444vw; }
}
@media (max-width: 1024px) {
  .sub7_sect1_inner { padding-inline: 5vw; }
}
@media (max-width: 768px) {
  /* section intro */
  .sub7_intro { padding-block: calc(6.846rem + 15.4688vw) 18.7500vw; background: url(../sub/img/sub7-1_sect1_bg_m.jpg) center bottom / cover no-repeat; }
  .sub7_intro_sloganWrap { gap: 4.5313vw; margin-bottom: 8.4375vw; }
  .sub7_intro .sub7_intro_slogan { font-size: 7.8125vw; }
  .sub7_intro_slogan1 { padding-right: 30vw; }
  .sub7_intro_slogan2 { padding-left: 15.7813vw; }
  .sub7_intro_slogan1::before { bottom: 1.8781vw; left: 41.4781vw; width: 30.6250vw; }
  .sub7_intro_slogan2::before { bottom: 0.3281vw; right: 16.0781vw; width: 35.9375vw; }
  .sub7_intro_slogan::after { font-size: 2.8906vw; }
  .sub7_intro_slogan1::after { top: 0.9375vw; left: calc((100% - 30vw) + 4.0625vw); }
  .sub7_intro_slogan2::after { top: 1.9531vw; right: calc((100% - 15.7813vw) + 3.9063vw); 
  }

  .sub7_intro .sub7_intro_title { margin-bottom: 4.2188vw; font-size: 3.1250vw; }
  .sub7_intro .sub7_intro_desc { font-size: 2.8125vw; line-height: 1.5277; }

  /* section 1 */
  .sub7_sect1 { height: auto; }
  .sticky_box { position: static; height: auto; padding-top: 0; }
  .sub7_sect1_inner { flex-direction: column; justify-content: flex-start; padding-block: 5.769rem; padding-inline: 8.9844vw; background: url(../sub/img/sub7_sect1_bg_m.jpg) center / cover no-repeat; }
  .sub7_sect1 .leftCont { width: 100%; padding-top: 0; margin-bottom: 11.6667vw; }
  .sub7_sect1 .leftCont .sub7_sect1_keyword { margin-bottom: 5.4167vw; font-size: 2.9167vw; }
  .sub7_sect1 .leftCont .sub7_sect1_title { margin-block: 0; }
  .sub7_sect1 .leftCont .title_en { margin-bottom: 6.4583vw; font-size: 5.4167vw; }
  .sub7_sect1 .leftCont .title_kr { font-size: 3.1250vw; }

  .sub7_sect1 .rightCont { position: relative; width: 100%; height: auto; margin-block: 0; }
  .sub7_sect1 .sub7_sect1_swiper { width: 100%; }
  .sub7_sect1 .sub7_sect1_swiper .swiper-slide { display: flex; justify-content: center; }
  .sub7_sect1 .sub7_sect1_swiper .sub7_sect1_item { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 81.7969vw; aspect-ratio: 77.786 / 100; padding-bottom: 11.3281vw; }
  .sub7_sect1 .sub7_sect1_item .item_title_wrap { display: flex; flex-direction: column; align-items: center; gap: 5.0000vw; }
  .sub7_sect1 .sub7_sect1_item .item_title { text-align: center; font-size: 4.6875vw; }
  .sub7_sect1 .sub7_sect1_item .item_desc { font-size: 3.1250vw; line-height: 1.7; text-align: center; }
  .sub7_sect1 .sub7_sect1_swiper .item1 { background: url(../sub/img/sub7_sect1_itemBg1.jpg) center / contain no-repeat; }
  .sub7_sect1 .sub7_sect1_swiper .item2 { background: url(../sub/img/sub7_sect1_itemBg2.jpg) center / contain no-repeat; }
  .sub7_sect1 .sub7_sect1_swiper .item3 { background: url(../sub/img/sub7_sect1_itemBg3.jpg) center / contain no-repeat; }
  .sub7_sect1 .sub7_sect1_swiper .item4 { background: url(../sub/img/sub7_sect1_itemBg4.jpg) center / contain no-repeat; }
  .sub7_sect1 .sub7_sect1_swiper .item5 { background: url(../sub/img/sub7_sect1_itemBg5.jpg) center / contain no-repeat; }
  .sub7_sect1 .sub7_sect1_swiper .item6 { background: url(../sub/img/sub7_sect1_itemBg6.jpg) center / contain no-repeat; }
  .sub7_sect1 .sub7_sect1_swiper .item7 { background: url(../sub/img/sub7_sect1_itemBg7.jpg) center / contain no-repeat; }
  .sub7_sect1 .sub7_sect1_swiper .item8 { background: url(../sub/img/sub7_sect1_itemBg8.jpg) center / contain no-repeat; }

  .sub7_sect1 .rightCont .sub7_sect1_swiper-btn { opacity: 1; top: 50%; transform: translateY(-50%); width: 3.6719vw; aspect-ratio: 45.631 / 100; }
  .sub7_sect1 .rightCont .sub7_sect1_swiper-btn svg,
  .sub7_sect1 .rightCont .sub7_sect1_swiper-btn::after { display: none; }
  .sub7_sect1 .rightCont .swiper-button-prev { left: calc(-4.4922vw - 1.83595vw); background: url(../sub/img/sub7_sect1_prev.png) center / contain no-repeat; }
  .sub7_sect1 .rightCont .swiper-button-next { right: calc(-4.4922vw - 1.83595vw); background: url(../sub/img/sub7_sect1_next.png) center / contain no-repeat; }

  .sub7_sect1 .swiper-pagination { position: static; width: 100%; height: 0.125rem; margin-top: 40px; background: #d4d4d4; }
  .sub7_sect1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #014a3f; }

  /* section 2 */
  .sub7_sect2 { padding-block: 8.538rem 8.692rem; }
  .sub7_sect2 .rotate_logo { display: none; }
  .sub7_sect2 .sub7_sect2_titleWrap { gap: 0; margin-bottom: 3.769rem; }
  .sub7_sect2 .sub7_sect2_titleWrap .sub7_sect2_title { font-size: 1.077rem; text-align: center; text-transform: uppercase; }
  .sub7_sect2 .sub7_sect2_titleWrap .sub7_sect2_slogan { margin-block: 1.846rem 2.692rem; font-size: 2rem; text-align: center; }
  .sub7_sect2 .sub7_sect2_titleWrap .sub7_sect2_desc { font-size: 1.154rem; text-align: center; }

  .sub7_sect2 .swiper_inner { display: flex; justify-content: center; }
  .sub7_sect2 .sub7_sect2_doctorWrap { padding-left: 0; }
  .sub7_sect2 .doctor_swiper_wrap { padding-left: 0; }
  .sub7_sect2 .sub7_sect2_swiper { left: -3.9844vw; width: 68.6719vw; }
  .sub7_sect2 .swiper-slide { flex-direction: column; gap: 5.9375vw; width: 68.6719vw !important; padding-top: 3.7500vw; }
  .sub7_sect2 .swiper-slide-active { width: 68.6719vw !important; padding-top: 0;  }
  .sub7_sect2 .swiper-slide-prev { display: flex; align-items: flex-end; width: 68.6719vw; margin-right: 4.2969vw; }
  .sub7_sect2 .swiper-slide-next { display: flex; align-items: flex-start; width: 68.6719vw !important; margin-left: 4.2969vw; margin-right: 0 !important; }
  .sub7_sect2 .swiper-slide-next ~ .swiper-slide { width: 68.6719vw !important; margin-right: 0 !important; }

  .sub7_sect2 .swiper-slide .imgBox { width: 64.6875vw; aspect-ratio: 76.8356 / 100; }
  .sub7_sect2 .swiper-slide-active .imgBox { width: 68.6719vw; }

  .sub7_sect2 .swiper-slide .docotr_infoBox { align-items: center; position: static; transform: none; margin-top: 6.0938vw; padding-left: 0; border: none; }
  .sub7_sect2 .swiper-slide .docotr_infoBox .doctor_position { font-size: 3.1250vw; text-align: center; }
  .sub7_sect2 .swiper-slide .docotr_infoBox .doctor_name { margin-block: 2.9688vw 4.6875vw; font-size: 5.0781vw; text-align: center; }
  .sub7_sect2 .swiper-slide .docotr_infoBox .doctor_history_list { align-items: center; gap: 3.7500vw; }
  .sub7_sect2 .swiper-slide .docotr_infoBox .doctor_history { font-size: 3.1250vw; text-align: center; }
  .sub7_sect2 .swiper-slide .docotr_infoBox .doctor_history.mar_b { margin-bottom: 42; } 

  .sub7_sect2 .doctor_swiper_wrap .sub7_sect2_swiper-btn { top: 40.625vw; transform: none; width: 10.6719vw; aspect-ratio: 100 / 100; }
  .sub7_sect2 .doctor_swiper_wrap .swiper-button-prev { left: 4.6875vw; }
  .sub7_sect2 .doctor_swiper_wrap .swiper-button-next { right: 4.6875vw; }
  .sub7_sect2 .swiper-pagination { width: 62.5781vw; height: 2px; margin-top: 10.7813vw; }

  /* section 3 */
  .sub7_sect3 .sub7_sect3_videoWrap { aspect-ratio: 100 / 62.5; }

  /* section 4 */
  .sub7_sect4 {  }
  .sub7_sect4 .sub7_sect4_titleWrap { margin-bottom: 3.769rem; }
  .sub7_sect4 .sub7_sect4_titleWrap .sub7_sect4_title { font-size: 1.077rem; text-align: center;  }
  .sub7_sect4 .sub7_sect4_titleWrap .sub7_sect4_slogan { margin-top: 1.846rem; font-size: 2rem; text-align: center; line-height: 1.3; }

  .sub7_sect4 .interior_cont_wrap { display: flex; flex-direction: column; align-items: center; width: 90.9375vw; }
  .sub7_sect4 .interior_cont { overflow: clip; display: flex; flex-direction: column; align-items: center; transition: 0.5s ease; height: 13.4375vw; }
  /* .sub7_sect4 .interior_cont.active { height: 80.1563vw; padding-bottom: 4.6875vw; } */
  .sub7_sect4 .interior_cont.active { height: auto; padding-bottom: 7vw; }

  .sub7_sect4 .select_btn {display: flex; justify-content: flex-start; align-items: center; flex-shrink: 0; gap: 5.6250vw; position: relative; width: 100%; height: 13.4375vw; padding-left: 5.6250vw; border-top: 0.1563vw solid #cecece; font-size: 3.1250vw; }
  .sub7_sect4 .interior_cont1 .select_btn { border-top: none; font-size: 5.4688vw; }
  .sub7_sect4 .interior_cont .select_btn .select_btn_num { transition: 0.5s ease; font-size: 5.4688vw; }
  .sub7_sect4 .select_btn::after { content: ""; position: absolute; top: 50%; right: 6.4063vw; transform: translateY(-50%); width: 2.8906vw; aspect-ratio: 100 / 100; background: url(../sub/img/sub7_sect4_arrowIcon_m.png) center / contain no-repeat; }

  .sub7_sect4 .interior_swiper_wrap { position: relative; }

  .sub7_sect4 .sub7_interior_swiper { width: 100%; aspect-ratio: 100 / 68.3261; }

  .sub7_sect4 .mini_slider { bottom: -6.7500vw; }
  .sub7_interior_swiper_mini { width: calc((15.9375vw * 4) + 1.8750vw); }
  .sub7_interior_swiper_mini .swiper-slide { width: 15.9375vw; aspect-ratio: 100 / 68.3261; }
  .sub7_interior_swiper_mini .swiper-slide + .swiper-slide { margin-left: 0.6250vw;}

  .sub7_sect4 .swiper-button-next, 
  .sub7_sect4 .swiper-button-prev { display: none; }
}

/* rotate logo */
.rotate_logo { position: absolute; animation: rotateLogo 10s linear infinite; }
@keyframes rotateLogo {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}

/* loop text animation */
.loopText_ani { display: flex; width: 100%; flex-wrap: nowrap; }
.loopText_ani p { font-size: 6.375rem; color: rgba(24, 48, 42, 0.1); white-space: noWrap; animation: textLoop 50s linear infinite; }
.loopText_ani p i { font-style: italic; }
.loopText_ani p:not(:first-child) { margin-left: 3rem; }
@keyframes textLoop {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-100% - 3.125rem)); }
}
@media (max-width: 768px) {
  .loopText_ani p { font-size: 9.6875vw; }
}

.mo_flex_1024,
.mo_cont_1024 { display: none !important; }
@media (max-width: 1024px) {
  .pc_flex_1024 { display: none !important; }
  .mo_flex_1024 { display: flex !important; }
  .mo_cont_1024 { display: block !important; }
}