@charset "utf-8";
.ptd_sb { font-family: 'Pretendard Variable'; font-weight: 600; }
.ptd { font-family: 'Pretendard Variable'; font-weight: 500; }
.ptd_r { font-family: 'Pretendard Variable'; font-weight: 400; }

.header_lnb { z-index: 100; opacity: 0; display: flex; justify-content: center; align-items: flex-start; position: fixed; top: 0; right: 0; width: 100vw; height: 100vh; pointer-events: none; }
.header_lnb::before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); pointer-events: none; }
.header_lnb.open { opacity: 1; pointer-events: auto; }

.header_lnb .lnb_inner { opacity: 0; position: absolute; top: 0; right: 0; transition: opacity 0.5s ease; width: 100%; max-width: 400px; height: 100%; padding-top: 13vh; padding-left: 30px; background: rgba(23, 38, 23, 0.9); }
.header_lnb.open .lnb_inner { opacity: 1; }
.header_lnb .lnb_inner .lnb_close_btn { position: absolute; top: 3.8vh; right: 40px; width: 1.563rem; background: none; border: none; }
.header_lnb .lnb_scroll_wrap { position: relative; width: 100%; }
.header_lnb .lnb_scroll_wrap .imgBox { position: relative; width: 166px; aspect-ratio: 100 / 27.1084; margin-bottom: 3vh; }

.header_lnb .lnb_topBox { overflow-y: scroll; display: flex; align-items: flex-start; height: 100%; }

.header_lnb .lnb_listWrap { display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; width: 100%; }
.header_lnb .lnb_listWrap .lnb_list { display: flex; flex-direction: column; align-items: flex-start; gap: 0; width: 100%; padding-top: 1.25rem; transition: all 0.3s ease; }
.header_lnb .lnb_listWrap .lnb_list:hover { gap: 1.25rem; }
.header_lnb .lnb_list .lnb_title { display: flex; gap: 0.625rem; position: relative; transition: color 0.5s ease; width: 100%; font-size: 1.375rem; letter-spacing: -0.025em; color: rgba(255, 255, 255, 0.5);  }
.header_lnb .lnb_list:hover .lnb_title { color: #fff; }
.lnb_inner a { pointer-events: none; } 
.header_lnb.open .lnb_inner a { pointer-events: auto; } 
.header_lnb .lnb_list .lnb_title .lnb_arrow { transform: rotate(0); transition: transform 0.5s ease; width: 1.125rem; aspect-ratio: 100 / 100; background: url(../img/lnb_arrow_default.png) center / contain no-repeat; }
.header_lnb .lnb_list:hover .lnb_title .lnb_arrow { transform: rotate(180deg); background: url(../img/lnb_arrow.png) center / contain no-repeat; }

.header_lnb .lnb_list .lnb_itemWrap { overflow: hidden; display: flex; flex-direction: column; gap: 1.125rem; padding-left: 22px; transition: all 0.5s ease; height: 0; }

  .header_lnb .lnb_list2:hover .lnb_itemWrap { height: calc((1.125rem * 5) + (1.125rem * 4)); }
  .header_lnb .lnb_list4:hover .lnb_itemWrap { height: calc((1.125rem * 3) + (1.125rem * 2)); }
  .header_lnb .lnb_list5:hover .lnb_itemWrap { height: calc((1.125rem * 3) + (1.125rem * 2)); }
  .header_lnb .lnb_list6:hover .lnb_itemWrap { height: calc((1.125rem * 2) + (1.125rem * 1)); }

.header_lnb .lnb_list .lnb_link { position: relative; font-size: 1.125rem; letter-spacing: -0.025em; color: rgba(255, 255, 255, 0.5);        pointer-events: auto; }
.header_lnb .lnb_list .lnb_link:hover { color: #fff; }

/* .header_lnb .active.fade-left { transform: translateX(-100px); opacity: 0; }
.main-header.open .header_lnb .active.fade-left { transform: translateX(0); opacity: 1; } */
.pc_flex_480 { display: flex !important; }
.mo_flex_480,
.mo_cont_480 { display: none !important; }
@media (max-width: 480px) {
  .pc_flex_480 { display: none !important; }
  .mo_cont_480 { display: block !important; }
  .mo_flex_480 { display: flex !important; }

  .header_lnb .lnb_login_wrap { display: flex; justify-content: space-between; align-items: center; height: 13.89vw; padding-inline: 5.5556vw; }
  .header_lnb .lnb_login_wrap .login_text { font-size: 3.3333vw; letter-spacing: -0.025em; color: #666666; }
  .header_lnb .lnb_login_wrap a { font-size: 3.3333vw; letter-spacing: -0.025em; color: #fff; pointer-events: auto;}

  .header_lnb .lnb_inner { left: 0; right: auto; width: 83.3333vw; padding-top: 0; padding-left: 0; }
  .header_lnb .lnb_topBox { padding-right: 0; }
  .header_lnb .lnb_inner .lnb_close_btn { top: 4.8vh; right: -7.8704vw; }

  .header_lnb .lnb_scroll_wrap { height: 100%; padding-bottom: 3.7037vw; }
  .header_lnb .lnb_scroll_wrap .imgBox { display: none; }

  .header_lnb .lnb_listWrap { gap: 0; }
  .header_lnb .lnb_listWrap .lnb_list { padding-block: 3.7037vw; padding-inline: 5.5556vw; border-top: 1px solid rgba(255, 253, 250, 0.3); }
  .header_lnb .lnb_listWrap .lnb_list:hover { gap: 0; }
  .header_lnb .lnb_listWrap .lnb_list.open { gap: 3.7037vw; }
  .header_lnb .lnb_list .lnb_title,
  .header_lnb .lnb_list:hover .lnb_title { justify-content: space-between; font-size: 3.7037vw; color: #ddcdbb; }

  .header_lnb .lnb_list .lnb_title .lnb_arrow { width: 3.0556vw; }
  .header_lnb .lnb_list .lnb_title .lnb_arrow,
  .header_lnb .lnb_list:hover .lnb_title .lnb_arrow { background: url(../img/lnb_arrow_m.png) center / contain no-repeat; }

  .header_lnb .lnb_list:hover .lnb_title .lnb_arrow { transform: rotate(0); }
  .header_lnb .lnb_list.open .lnb_title .lnb_arrow { transform: rotate(180deg); }

  
  .header_lnb .lnb_list .lnb_itemWrap { gap: 2.2222vw; padding-left: 1.5741vw; }
  .header_lnb .lnb_list:hover .lnb_itemWrap { height: 0; }
  .header_lnb .lnb_list2.open .lnb_itemWrap { height: calc((3.6333vw * 6) + (2.2222vw * 5)); }
  .header_lnb .lnb_list4.open .lnb_itemWrap { height: calc((3.6333vw * 3) + (2.2222vw * 2)); }
  .header_lnb .lnb_list5.open .lnb_itemWrap { height: calc((3.6333vw * 3) + (2.2222vw * 2)); }
  .header_lnb .lnb_list6.open .lnb_itemWrap { height: calc((3.6333vw * 2) + (2.2222vw * 1)); }

  .header_lnb .lnb_list .lnb_link { font-size: 3.3333vw; color: #ddcdbb; }
  .main-header { transition: transform 0.5s ease; }
  .main-header.nav-up { transform: translateY(-100%); }
  .main-header.nav-down { transform: translateY(0); }

  .select-lang .notwork_icon { width: 6.4852vw; }
}