@charset "utf-8";
.main-header { z-index: 999; display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0; left: 0; transition: transform 0.5s ease-in-out; width: 100%; height: 86px; padding: 0 8.125vw 0 2.6042vw; border-bottom: 1px solid rgba(23, 23, 23, 0.1); }
/* .main-header { padding: 0 2.6042vw; } */
.main-header.nav-up { transform: translateY(-100%); }
.main-header.nav-down { transform: translateY(0); }
.main-header.bg_active { background: #fff; box-shadow: 5px 4px 4px rgba(73, 74, 79, 0.04); }
.main-header .logo_line { width: 3.125rem; margin: 0 1.063rem; background: #171717; }

.main-header .header_logo_wrap { display: flex; align-items: center; height: 100%; }
.main-header .header_logo_wrap_m { display: none; }
.header_logo_wrap .header_info { font-family: var(--font-pre-l); font-size: 1.125rem; }

.main-header .header_rightCont { display: flex; align-items: center; gap: 3.4896vw; }
.header_rightCont .header_gnb_list { display: flex; align-items: center; gap: 2.9167vw; }
.header_rightCont .gnb_link { font-family: var(--font-pre-r); font-size: 1.125rem; color: #171717; }
.header_rightCont .login_menu_item,
.header_rightCont .login_menu_item span { font-family: var(--font-pre); font-size: 1.125rem; color: #696969; }

.toggle { z-index: 999; display: flex; flex-direction: column; justify-content: center; gap: 0.688rem; position: absolute; top: 1.688rem; right: 2.6042vw; width: 2.563rem; cursor: pointer; height: 2rem; }

.bar { flex-shrink: 0; width: 100%; height: 3px; background: #171717; color: inherit; opacity: 1; transition: none 0.35s cubic-bezier(.5,-0.35,.35,1.5) 0s; }

/***** Tornado Animation *****/

.bar--top { transition-property: bottom,transform; transition-delay: calc(0s + 0.35s) * .6; }

.bar--middle { transition-property: opacity,transform; transition-delay: calc(0s + 0.35s * .3); }

.bar--bottom { transition-property: top,transform; transition-delay: 0s; }

.toggle.open { top: 43px; }
.toggle.open .bar--top,
.toggle.open .bar--middle,
.toggle.open .bar--bottom { position: absolute; left: 0; right: 0; }
.toggle.open .bar--top { transform: rotate(-135deg); transition-delay: 0s; bottom: calc(50% - 4px / 2); }

.toggle.open .bar--middle { opacity: 0; transform: rotate(-135deg); transition-delay: calc(0s + 0.35s * .3); }

.toggle.open .bar--bottom { top: calc(50% - 4px / 2); transform: rotate(-225deg); transition-delay: calc(0s + 0.35s * .6); }

/* lnb */
.lnb_wrap { overflow-y: auto; display: flex; flex-direction: column; position: fixed; top: 0; left: 0; transition: all 0.5s linear; width: 100%; height: 100vh; padding: 0 2.6042vw; background: #edf3fa; clip-path: circle(0% at 100% 0); pointer-events: none; }
.lnb_wrap.open { clip-path: circle(200% at 100% 0); pointer-events: auto;  }
.lnb_wrap .header_logo_wrap { flex-shrink: 0; height: auto; padding: 4.1667vh 0; }
.lnb_wrap .header_logo_wrap .header_info { display: flex; align-items: center; gap: 0.438rem; }
.lnb_wrap .lnb_inner { display: flex; width: 100%; max-width: 1920px; height: 100%; margin: 0 auto; }
.lnb_wrap .lnb_inner .leftCont,
.lnb_wrap .lnb_inner .rightCont { width: 50%; }
.lnb_wrap .lnb_inner .leftCont { position: relative; }
.lnb_wrap .leftCont .imgBox { position: absolute; top: 50%; left: 3.0208vw; transform: translateY(-50%); transition: background 0.3s ease-in-out; width: 38.5417vw; max-width: 740px; aspect-ratio: 100 / 69.189; }
.lnb_wrap .leftCont .imgBox.imgBox_cont_1,
.lnb_wrap .leftCont .imgBox.imgBox_cont_5 { background: url(../img/lnb_bg_1.png) center / contain no-repeat; }
.lnb_wrap .leftCont .imgBox.imgBox_cont_2,
.lnb_wrap .leftCont .imgBox.imgBox_cont_6 { background: url(../img/lnb_bg_2.png) center / contain no-repeat; }
.lnb_wrap .leftCont .imgBox.imgBox_cont_3,
.lnb_wrap .leftCont .imgBox.imgBox_cont_7 { background: url(../img/lnb_bg_3.png) center / contain no-repeat; }
.lnb_wrap .leftCont .imgBox.imgBox_cont_4,
.lnb_wrap .leftCont .imgBox.imgBox_cont_8 { background: url(../img/lnb_bg_4.png) center / contain no-repeat; }
.lnb_wrap .leftCont .imgBox .bgText { position: absolute; font-family: var(--font-kdsans); font-size: 2.8125vw; color: rgba(72, 87, 107, 0.2); }
.lnb_wrap .leftCont .imgBox .bgText_1 { left: -0.5208vw; bottom: calc(100% + 1.6667vw); }
.lnb_wrap .leftCont .imgBox .bgText_2 { top: calc(100% + 0.1042vw); right: 0.625vw; }

.lnb_wrap .lnb_inner .rightCont { padding-left: 4.7917vw; }

.lnb_contWrap { display: flex; flex-direction: column; margin-bottom: 3.375rem; }
.lnb_contWrap .lnb_titleWrap { display: flex; flex-direction: column; gap: 1.3542vh; margin-bottom: 2.6042vh; }
.lnb_contWrap .lnb_titleWrap .lnb_num { font-family: var(--font-kdsans); font-size: 1.25rem; color: #a0bade; }
.lnb_contWrap .lnb_titleWrap .lnb_title { font-family: var(--font-batang); font-size: 1.875rem; }

.lnb_contWrap .lnb_listWrap { display: flex; flex-wrap: wrap; gap: 1.9792vw; }
.lnb_contWrap .lnb_listWrap .lnb_item { display: flex; align-items: center; }
.lnb_contWrap .lnb_listWrap .lnb_link { position: relative; font-family: var(--font-pre-r); color: #69675f; }
.lnb_contWrap .lnb_listWrap .lnb_link::after { content: ""; position: absolute; top: calc(100% + 0.25rem); left: 0; transform: scaleX(0); transform-origin: 100% 0; transition: transform .3s cubic-bezier(.45,.46,.05,.96); width: 100%; height: 1px; background: #69675f; }
.lnb_contWrap .lnb_listWrap .lnb_link:hover::after { transform: scaleX(1); transform-origin: 0 0; }
.lnb_contWrap .lnb_listWrap .sns_link { display: flex; align-items: center; gap: 0.3125vw; }

.lnb_contWrap_2 .lnb_listWrap .lnb_item:first-child { min-width: 6.125rem; }
.lnb_contWrap_2 .lnb_listWrap .lnb_item:nth-child(2) { min-width: 5.25rem; }

.lnb_contWrap_3 .lnb_listWrap .lnb_item:first-child { min-width: 3.5rem; }
.lnb_contWrap_3 .lnb_listWrap .lnb_item:nth-child(2) { min-width: 4.5rem; }

.lnb_contWrap .lnb_depthWrap { display: flex; flex-direction: column; gap: 2.2917vh; }
.lnb_contWrap .lnb_depth { display: flex; align-items: center; }
.lnb_contWrap .subMain_link { min-width: 11.25rem; font-family: var(--font-pre-sb); font-size: 1.125rem; color: #39372e; }

.header_rightCont .gnb_link { position: relative; }
.header_rightCont .gnb_link::after { content: ""; position: absolute; top: calc(100% + 0.438rem); left: 50%; transform: translateX(-50%); transition: all 0.2s ease; transform-origin: center; width: 0; height: 2px; background: #a0bade; }
.header_rightCont .gnb_link:hover::after { width: 100%; }

.header_rightCont .header_gnb_item { position: relative; }
.header_rightCont .gnb_subList_wrap { overflow: hidden; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); transform-origin: top center; transition: height 0.5s ease; width: 8.813rem; height: 0; padding-top: 1.063rem; }
.header_rightCont .gnb_subList1_wrap.open,
.header_rightCont .gnb_subList2_wrap.open { height: calc(4.875rem + (1.375rem * 3)); }
.header_rightCont .gnb_subList3_wrap.open { height: calc(4.063rem + (1.375rem * 2)); }
.header_rightCont .gnb_subList_wrap .gnb_subList { overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.813rem; transition: padding 0.5s ease; width: 100%; height: 100%; padding: 0 0; background: rgba(0, 0, 0, 0.2); border-radius: 0.625rem; }
.header_rightCont .gnb_subList3_wrap.open .gnb_subList { padding: 1.625rem 0; }
.header_rightCont .gnb_subList_wrap .gnb_subLink { font-family: var(--font-pre-r); font-size: 1.125rem; letter-spacing: 0.01em; color: #fff; text-align: center; }

.langBtn_wrap { position: relative; }
.langBtn_wrap .current_lang { display: flex; align-items: center; position: relative; gap: 0.813rem; padding: 0; background: transparent; border: none; outline: none; font-family: var(--font-pre-r); font-size: 1.125rem; letter-spacing: 0.01em; color: #171717; cursor: pointer; }
.langBtn_wrap .current_lang::after { content: ""; position: absolute; top: calc(100% + 0.25rem); left: 50%; transform: translateX(-50%); transition: all 0.2s ease; transform-origin: center; width: 0; height: 2px; background: #a0bade; }
.langBtn_wrap .current_lang:hover::after { width: 100%; }
.langBtn_wrap .current_lang .icon_arrow { width: 0.875rem; }
.langBtn_wrap .lang_list_wrap { overflow: hidden; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); transform-origin: top center; transition: height 0.5s ease; width: 4.688rem; height: 0; padding-top: 0.875rem; }
.langBtn_wrap .lang_list_wrap.open { height: calc(4.125rem + (1.375rem * 3)); }
.langBtn_wrap .lang_list { overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.875rem; transition: padding 0.5s ease; width: 100%; height: 100%; padding: 0 0; background: rgba(0, 0, 0, 0.2); border-radius: 0.625rem; }
.langBtn_wrap .lang_list_wrap.open .lang_list { padding: 1rem 0; }
.langBtn_wrap .lang_link { font-family: var(--font-pre-r); font-size: 1.125rem; letter-spacing: 0.01em; color: #fff; cursor: pointer; }
.langBtn_wrap .lang_link.current { color: #a0bade; }

.topContWrap { position: relative; }
.login_wrap { position: absolute; top: 50px; right: 96px; } 
.login_wrap .login_menu_item { font-family: var(--font-pre); font-size: 1.125rem; letter-spacing: 0.01em; color: #696969; }
.login_wrap .login_menu span { font-size: 1.125rem; color: #696969; }

@media (max-width: 1260px) {
  .main-header .main_link img { width: 16.3492vw; }
  .main-header .logo_line { width: 3.4722vw; }
  .header_logo_wrap .header_info,
  .header_rightCont .gnb_link,
  .header_rightCont .login_menu_item,
  .header_rightCont .login_menu_item span { font-size: 1.25vw; }

  .header_rightCont .gnb_link::after { top: calc(100% + 0.4867vw); }
  .header_rightCont .gnb_subList_wrap { width: 9.7922vw; padding-top: 1.1811vw; }
  .header_rightCont .gnb_subList1_wrap.open,
  .header_rightCont .gnb_subList2_wrap.open { height: calc(5.4167vw + (1.5278vw * 3)); }
  .header_rightCont .gnb_subList3_wrap.open { height: calc(4.5144vw + (1.5278vw * 2)); }
  .header_rightCont .gnb_subList_wrap .gnb_subList { gap: 0.9033vw; border-radius: 0.6944vw; }
  .header_rightCont .gnb_subList3_wrap.open .gnb_subList { padding: 1.8056vw 0; }
  .header_rightCont .gnb_subList_wrap .gnb_subLink { font-size: 1.2500vw; }

  .langBtn_wrap .current_lang { gap: 0.9033vw; font-size: 1.2500vw; }
  .langBtn_wrap .current_lang::after { top: calc(100% + 0.2778vw); }
  .langBtn_wrap .current_lang .icon_arrow { width: 0.9722vw; }
  .langBtn_wrap .lang_list_wrap { width: 5.2089vw; padding-top: 0.9722vw; }
  .langBtn_wrap .lang_list_wrap.open { height: calc(4.5834vw + (1.5278vw * 3)); }
  .langBtn_wrap .lang_list { gap: 0.9722vw; border-radius: 0.6944vw; }
  .langBtn_wrap .lang_list_wrap.open .lang_list { padding: 1.1111vw 0; }
  .langBtn_wrap .lang_link { font-size: 1.2500vw; }
}
@media (max-width: 1040px) {
  .lnb_wrap { padding: 0 0 0 2.6042vw; }
  .lnb_wrap .lnb_inner .rightCont { padding-left: 0; }
  .lnb_contWrap .subMain_link { min-width: 9.25rem; }
}
@media (max-width: 800px) {
  .main-header { padding: 0 4.4444vw 0 4.4444vw; }
  .main-header .header_logo_wrap_pc { display: none; }
  .main-header .header_logo_wrap_m { display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .main-header .main_link img { width: 8.2031vw; }
  .toggle,
  .toggle.open { position: relative; top: 0; left: 0; }

  .header_gnb_wrap { display: none; }

  .header_rightCont .login_menu_item { font-size: 1rem; }

  .lnb_wrap::-webkit-scrollbar {
    width: 4px;
    height: 100%;
  }
  .lnb_wrap .header_logo_wrap { display: flex; align-items: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 86px; padding: 0; }
  .lnb_wrap .tel_link { position: absolute; top: 23px; right: 5.8594vw; width: 5.5111vw; }
  .lnb_wrap .tel_link img { width: 100%; }

  .lnb_wrap { padding: 30.0444vw 0 17.2444vw; }
  .lnb_wrap .topContWrap { z-index: 1; position: fixed; top: 0; left: 0; width: 100%; height: 86px; background: #edf3fa; }
  .lnb_wrap .lnb_inner { flex-direction: column-reverse; height: auto; }
  .lnb_wrap .lnb_inner .leftCont,
  .lnb_wrap .lnb_inner .rightCont { width: 100%; }

  .lnb_wrap .lnb_inner .rightCont { padding-left: 6.9333vw; }
  .rightCont.mo_800 .lnb_contWrap { gap: 4.9778vw; margin-bottom: 4.9778vw; }
  .rightCont.mo_800 .lnb_contWrap_2,
  .rightCont.mo_800 .lnb_contWrap_3 { gap: 4.4444vw; margin-bottom: 5.3334vw; }
  .rightCont.mo_800 .lnb_contWrap.open { margin-bottom: 10.6667vw; }
  .rightCont.mo_800 .lnb_contWrap_4 { margin-bottom: 12.4444vw; }
  .rightCont.mo_800 .lnb_contWrap_4.open { margin-bottom: 17.2444vw; }
  .rightCont.mo_800 .lnb_contWrap .lnb_listWrap { flex-direction: column; }
  .rightCont.mo_800 .lnb_contWrap .lnb_titleWrap { gap: 2.6667vw; margin-bottom: 0; }
  .rightCont.mo_800 .lnb_contWrap .lnb_titleWrap .lnb_num { font-size: 3.9111vw; }
  .rightCont.mo_800 .lnb_contWrap .lnb_titleWrap .lnb_title { font-size: 5.6889vw; }
  .rightCont.mo_800 .lnb_contWrap .lnb_listWrap {overflow: hidden; flex-direction: column; gap: 4.8vw; transition: height 0.3s ease-in-out; height: 0; margin-top: 0; font-size: 3.9111vw; flex-wrap: nowrap; }
  .rightCont.mo_800 .lnb_contWrap.open .lnb_listWrap { height: calc((3.9111vw * 4) + (4.6222vw * 3)); }
  .rightCont.mo_800 .lnb_contWrap_2.open .lnb_listWrap_1,
  .rightCont.mo_800 .lnb_contWrap_2.open .lnb_listWrap_2,
  .rightCont.mo_800 .lnb_contWrap_3.open .lnb_listWrap { height: calc((3.9111vw * 3) + (4.6222vw * 2)); }
  .rightCont.mo_800 .lnb_contWrap_2.open .lnb_listWrap_3 { height: calc((3.9111vw * 2) + 4.6222vw); }
  .rightCont.mo_800 .lnb_contWrap_4.open .lnb_listWrap { height: calc((3.9111vw * 4) + (4.6222vw * 4)); }

  .lnb_contWrap .lnb_depthWrap { overflow: hidden; gap: 2.1334vw; transition: height 0.3s ease-in-out; height: 0; }
  .lnb_contWrap_2.open .lnb_depthWrap { height: calc((4.2667vw * 3) + (5.1556vw * 2)); }
  .lnb_contWrap_3.open .lnb_depthWrap { height: calc((4.2667vw * 2) + 5.1556vw); }
  .lnb_contWrap_2.open .lnb_depthWrap,
  .lnb_contWrap_3.open .lnb_depthWrap { gap: 5.1556vw; height: auto; }
  .rightCont.mo_800 .lnb_depth { flex-direction: column; align-items: flex-start; }
  .rightCont.mo_800 .subMain_link { margin-bottom: 3.8222vw; font-family: var(--font-pre); font-size: 4.2667vw; }

  .lnb_wrap .leftCont .imgBox .bgText { display: none; }
  .lnb_wrap .leftCont .imgBox { position: static; transform: none; width: 92.8889vw; margin: 0 auto; }


  .langBtn_wrap .current_lang { gap: 2.2917vw; font-size: 3.3333vw; }
  .langBtn_wrap .current_lang::after { top: calc(100% + 0.8333vw); }
  .langBtn_wrap .current_lang .icon_arrow { width: 2.5000vw; }
  .langBtn_wrap .lang_list_wrap { width: 13.7500vw; padding-top: 2.5000vw; }
  .langBtn_wrap .lang_list_wrap.open { height: calc(11.8749vw + (3.9583vw * 3)); }
  .langBtn_wrap .lang_list { gap: 2.5000vw; border-radius: 1.8750vw; }
  .langBtn_wrap .lang_list_wrap.open .lang_list { padding: 2.9167vw 0; }
  .langBtn_wrap .lang_link { font-size: 3.3333vw; }
  /* .langBtn_wrap .current_lang { gap: 1.3750vw; font-size: 4.0000vw; }
  .langBtn_wrap .current_lang::after { top: calc(100% + 0.5000vw); }
  .langBtn_wrap .current_lang .icon_arrow { width: 1.5000vw; }
  .langBtn_wrap .lang_list_wrap { width: 8.2500vw; padding-top: 1.5000vw; }
  .langBtn_wrap .lang_list_wrap.open { height: calc(5.0000vw + (2.3750vw * 2)); }
  .langBtn_wrap .lang_list { gap: 1.5000vw; border-radius: 1.1250vw; }
  .langBtn_wrap .lang_list_wrap.open .lang_list { padding: 1.7500vw 0; }
  .langBtn_wrap .lang_link { font-size: 4.0000vw; } */

  .login_wrap { position: static; padding: 86px 5.8594vw 0 0; } 
  .login_wrap .login_menu_item,
  .login_wrap .login_menu span { font-size: 4.2667vw; }
}