@charset "utf-8";
.main-header{position: fixed; top: 0; left: 0; width:100%; height: 5.75rem; z-index:99999; transition: all 0.5s ease;}
.main-header.scrolled { background: #fff; box-shadow: 0.125rem 0.188rem 1rem rgba(215, 215, 215, 0.27); }

.main-header .header_inner { display: flex; justify-content: space-between; align-items: center; position: relative; width: 100%; height: 100%; padding-inline: 2.7083vw 2.3438vw; }

.main-header .header_logo { z-index: 1; position: absolute; top: 1.688rem; left: 50%; transform: translate(-50%, 0); width: 12.313rem; aspect-ratio: 100 / 26.9035; }
.main-header.scrolled .header_logo { top: 50%; transform: translate(-50%, -50%); width: 5.875rem; aspect-ratio: 100 / 73.0769; }
.main-header.open .header_logo { top: 1.313rem; transform: translate(-50%, 0); width: 5.625rem; aspect-ratio: 100 / 72.2222; }
.main-header .header_logo .header_logo_link { position: relative; transition: all 0.5s ease; width: 100%; height: 100%; }
.main-header .header_logo .header_logoImg_active { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 5.875rem; }
.main-header .header_logo .header_logoImg_lnb { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 5.625rem; }
.main-header.scrolled .header_logo .header_logoImg_active { opacity: 1; }
.main-header.scrolled .header_logo .header_logoImg_default { opacity: 0; }

.main-header.open .header_logo .header_logoImg_lnb { opacity: 1; }
.main-header.open .header_logo .header_logoImg_active,
.main-header.open .header_logo .header_logoImg_default { opacity: 0; }

.header_leftCont { display: flex; align-items: flex-start; gap: 3.625rem; height: 100%; }

.main-header .header_menu { margin-top: 2.25rem; }
.main-header .header_menu .menu_hamburgerBtn { display: flex; align-items: center; gap: 0.75rem; padding: 0; color: #313131; }
.main-header .menu_hamburgerBtn .menu_hamburgerBtn_default { display: none; }
.main-header.scrolled .menu_hamburgerBtn .menu_hamburgerBtn_default { display: flex; }

.main-header .header_menu .menu_hamburgerBtn .menu_hamburgerBtn_close { display: none; }
.main-header.open .header_menu .menu_hamburgerBtn .menu_hamburgerBtn_close { display: flex; }
.main-header.open .header_menu .menu_hamburgerBtn .menu_hamburgerBtn_default { display: none; }

.menu_hamburgerBtn { cursor: pointer; }
.toggle {
  position: relative;
  width: 1.688rem;
  cursor: pointer;
  margin: auto;
  display: block;
  height: calc(2px * 3 + 0.5rem * 2);
}
.main-header.open .toggle { width: 1.875rem; }
.bar {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: #313131;
  color: inherit;
  opacity: 1;
  transition: none .8s ease-in-out;
}
.toggle.open .bar { background: #fff; }

/***** Spin Animation *****/
.toggle .bar--top {
  bottom: calc(50% + 0.5rem + 2px / 2);
}
.toggle .bar--middle {
  top: calc(50% - 2px/ 2);
}
.toggle .bar--bottom {
  top: calc(50% + 0.5rem + 2px / 2);
}

.toggle.close .bar--top {
  animation: bar-top-ani2 0.8s ease forwards;
  transition-property: bottom,transform;
  transition-delay: calc(0s + 0.35s),0s;
}
.toggle.close .bar--middle {
  animation: bar-middle-ani2 0.8s ease forwards;
  transition-property: opacity;
  transition-delay: calc(0s + 0.35s);
}
.toggle.close .bar--bottom {
  animation: bar-bottom-ani2 0.8s ease forwards;
  transition-property: top,transform;
  transition-delay: calc(0s + 0.35s),0s;
}

.toggle.open .bar--top {
  animation: bar-top-ani 0.8s ease forwards;
  transition-delay: 0s,calc(0s + 0.35s);
}
.toggle.open .bar--middle {
  animation: bar-middle-ani 0.8s ease forwards;
  transition-delay: calc(0s + 0.35s);
}
.toggle.open .bar--bottom {
  animation: bar-bottom-ani 0.8s ease forwards;
  transition-delay: 0s,calc(0s + 0.35s);
}

@keyframes bar-top-ani {
  0% {bottom: calc(50% + 0.5rem + 2px / 2); transform: rotate(0);}
  50% {bottom: calc(50% - 2px / 2); transform: rotate(0);}
  100% {bottom: calc(50% - 2px / 2); transform: rotate(225deg);}
}
@keyframes bar-top-ani2 {
  0% {bottom: calc(50% - 2px / 2); transform: rotate(225deg);}
  50% {bottom: calc(50% - 2px / 2); transform: rotate(0);}
  100% {bottom: calc(50% + 0.5rem + 2px / 2); transform: rotate(0);}
}

@keyframes bar-middle-ani {
  0% {opacity: 1; transform: scale(1);}
  50% {opacity: 0; transform: scale(0);}
  100% {opacity: 0; transform: scale(0);}
}
@keyframes bar-middle-ani2 {
  0% {opacity: 0; transform: scale(0);}
  50% {opacity: 0; transform: scale(0);}
  100% {opacity: 1; transform: scale(1);}
}

@keyframes bar-bottom-ani {
  0% {top: calc(50% + 0.5rem + 2px / 2); transform: rotate(0);}
  50% {top: calc(50% - 2px / 2); transform: rotate(0);}
  100% {top: calc(50% - 2px / 2); transform: rotate(135deg);}
}
@keyframes bar-bottom-ani2 {
  0% {top: calc(50% - 2px / 2); transform: rotate(135deg);}
  50% {top: calc(50% - 2px / 2); transform: rotate(0);}
  100% {top: calc(50% + 0.5rem + 2px / 2); transform: rotate(0);}
}

.header_gnb { overflow-y: clip; display: flex; flex-direction: column; align-items: center; position: relative; top: 0; transition: all 0.5s ease; transform-origin: top center; margin-top: 2rem; }
.main-header.open .header_gnb { display: none; }
.header_gnb:hover { height: calc((1.813rem * 6) + 5.375rem); }

.header_gnb .rolling_wrap .header-swiper { overflow: hidden; height: 1.813rem; }
.header_gnb .rolling_wrap .header-swiper .swiper-slide { display: flex; align-items: center; font-size: 0.875rem; letter-spacing: 0.01em; }

.header_gnb .gnb_list { position: absolute; top: 2rem; right: 50%; transform: translateX(50%); width: 170px; padding-block: 0.625rem; padding-inline: 1.25rem; background: #fff; border-radius: 6px; box-shadow: 0 0 8px rgba(231, 231, 2321, 0.67); }
.header_gnb .gnb_link { display: flex; justify-content: center; align-items: center; gap: 1.125rem; position: relative; width: 100%; height: 1.813rem; padding-right: 1.313rem; font-size: 0.938rem; color: #313131; white-space: noWrap; cursor: pointer; }
.header_gnb .gnb_link::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(0deg); transition: transform 0.5s ease; width: 0.375rem; height: 0.313rem; background: url(../img/icon_gnbArrow.png) center / contain no-repeat; }
.header_gnb:hover .gnb_link::after { transform: translateY(-50%) rotate(180deg); }


.header_gnb .gnb_item .gnb_link { transition: color 0.3s ease; padding: 0; }
.header_gnb .gnb_item .gnb_link:hover { font-weight: 600; color: #172617; }
.header_gnb .gnb_item .gnb_link::after { display: none; }

.header_gnb .rolling_wrap .gnb_link > span { font-family: var(--font-goudy-r); font-size: 1rem; color: #313131; }
.header_gnb .rolling_wrap .gnb_link .pinyon { top: 0; letter-spacing: 0.1em; }

.header_gnb .gnb_item .pinyon { overflow: hidden; transition: width 0.5s ease; }
.header_gnb .gnb_link { transition: all 0.5s ease; }
/* .header_gnb .rolling_wrap .header-swiper .smallFonts, */
.header_gnb .smallFonts:not(.pinyon) { font-size: 0.813rem; line-height: 1.1; }
.header_gnb:hover .gnb_item .gnb_link { gap: 0; }
.header_gnb:hover .gnb_item .pinyon { width: 0; }


.header_rightCont { display: flex; align-items: center; gap: 3.75rem; height: 100%; }
.header_rightCont .header_lang_wrap { display: flex; gap: 1rem; }
.header_rightCont .header_lang_wrap .header_lang { color: #b9b9b9; }
.header_rightCont .header_lang_wrap .header_lang.on { color: #313131; }
.header_rightCont .header_solution { display: flex; justify-content: center; align-items: center; transition: 0.7s ease; width: 8.938rem; height: 2.75rem; background: #172617; color: #fff; } 
.header_rightCont .header_solution:hover { background: #e4ddd7; color: #172617; }
.main-header.open .header_solution { background: #e1dcd5; color: #172617; }

/* lnb */
.header_lnb { z-index: -1; display: flex; justify-content: center; align-items: flex-start; position: fixed; top: 0; right: 0; transform: translateX(-100%); transition: transform 1s ease; width: 100%; height: 100vh; background: #172617; }
.main-header.open .header_lnb { transform: translateX(0); }
.header_lnb .lnb_inner { width: 100%; max-width: 1096px; height: 100%; padding-block: 5.75rem 3.75rem; }
.header_lnb .lnb_scroll_wrap { overflow-y: scroll; width: 100%; height: 100%; }
.header_lnb .lnb_topBox { position: relative; }

.header_lnb .topbar_wrap { display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 5.75rem; padding-inline: 2.7083vw 2.3438vw; }
.header_lnb .topbar_wrap .toggle { width: 1.875rem; }
.header_lnb .topbar_wrap .topbar_right { display: flex; align-items: center; gap: 3.5417rem; height: 100%; }
.header_lnb .topbar_wrap .header_solution { display: flex; justify-content: center; align-items: center; width: 8.938rem; height: 2.75rem; background: #e1dcd5; color: #172617; }

.header_lnb .lnb_logo_wrap { display: flex; flex-direction: column; gap: 1.6322vh; }
.header_lnb .lnb_logo_wrap .logo_kr { color: rgba(225, 220, 213, 0.8); }
.header_lnb .lnb_logo_wrap .logo_eng { color: rgba(225, 220, 213, 0.8); }

.header_lnb .lnb_listWrap { display: flex; flex-direction: column; align-items: flex-start; margin-top: 0.625rem; }
.header_lnb .lnb_listWrap .lnb_list { display: flex; align-items: center; gap: 3.625rem; width: 100%; padding-inline: 1.375rem; padding-block: 1.075rem; background: transparent; border-top: 1px solid rgba(225, 220, 213, 0.5); }
.header_lnb .lnb_listWrap .lnb_list:hover { background: #e1dcd5; }
.header_lnb .lnb_list .lnb_title { display: flex; flex-direction: column; gap: 0.563rem; position: relative; min-width: 260px; color: #fff; }
.header_lnb .lnb_list7 .lnb_title { display: flex; justify-content: flex-start; width: auto; min-width: auto; }
.header_lnb .lnb_list7 .lnb_title a { display: flex; flex-direction: column; gap: 0.563rem; width: 100%; }
.header_lnb .lnb_list:hover .lnb_title { color: #172617; }
.header_lnb .lnb_list .lnb_title .lnb_title_kr { color: rgba(255, 255, 255, 0.5); }
.header_lnb .lnb_list .lnb_title .lnb_title_eng { text-transform: uppercase; }
.header_lnb .lnb_list:hover .lnb_title .lnb_title_kr { color: rgba(23, 38, 23, 0.8); }

.header_lnb .lnb_listWrap .lnb_list,
.header_lnb .lnb_list .lnb_title,
.header_lnb .lnb_list .lnb_title .lnb_title_kr { transition: 0.5s ease; }

.header_lnb .lnb_list .lnb_itemWrap { display: flex; flex-wrap: wrap; gap: 2rem; }
.header_lnb .lnb_list .lnb_link { position: relative; color: #fff; }
.header_lnb .lnb_list:hover .lnb_link { color: #172617; }
.header_lnb .lnb_list .lnb_link::after { content: ""; position: absolute; top: 100%; left: 0; transform: scale(0); transition: transform 0.5s ease; transform-origin: right; width: 100%; height: 2px; background: #172617; }
.header_lnb .lnb_list .lnb_link:hover::after { transform: scale(1); transform-origin: left; }

.main-header .login_menu { display: none; gap: 0.813rem; margin-top: 2.45rem; color: rgba(255, 255, 255, 0.53); }
.main-header .login_menu .login_menu_item { letter-spacing: 0.025em; color: rgba(255, 255, 255, 0.53); }
.main-header.open .login_menu { display: flex; }

/* 메뉴 수정 */
.header_lnb .lnb_listWrap .lnb_list0 { align-items: flex-end; border-top: 0; }
.header_lnb .lnb_logo_wrap { min-width: 260px; }
.header_lnb .lnb_list:hover .lnb_logo_wrap .logo_kr,
.header_lnb .lnb_list:hover .lnb_logo_wrap .logo_eng { color: rgba(23, 38, 23, 0.8); }


@media (max-width: 768px) {
  .main-header .login_menu { position: absolute; bottom: -1.2rem; right: 1rem; margin-top: 0; }
}


.bar_textss{ z-index: 1!important;}
.typo{ cursor: pointer; }
.typo img { transition: opacity 0.7s ease; width: 1.25rem; }
.typo .icon_lang_act { opacity: 0; position: absolute; top: 0; left: 0; }
.main-header.open .typo .icon_lang_act { opacity: 1; }
.main-header.open .typo .icon_lang_def { opacity: 0; }
.language-selector {
  position: relative;
  display: inline-block;
}
.language-selector::after { content: ""; position: absolute; top: 50%; right: -1.375rem; transition: all 0.5s ease; transform: translateY(-50%) rotate(0); width: 0.438rem; aspect-ratio: 100 / 85.7142; background: url(../img/lang_arrow.png) center / contain no-repeat; }
.main-header.open .language-selector::after { background: url(../img/lang_arrow_white.png) center / contain no-repeat; }
.language-selector.open::after { transform: translateY(-50%) rotate(180deg); }
.nav_texts {
  cursor: pointer;
}
.dropdown-menu {
  display: none;
  flex-direction: column; 
  align-items: center;
  gap: 0.875rem;
  position: absolute;
  width: 6.75rem;
  background-color: #f4f9f7;
  box-shadow: 0px 0 0.5rem rgba(231, 231, 231, 0.67);
  border-radius: 0.375rem;
	top: 2rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 1.625rem 0;
  z-index: 1000;
}

.language-option {
  padding: 0.5rem;
	display: block;
  cursor: pointer;
  font-size: 0.875rem;
  color: black;
  text-decoration: none;
}

.language-option:hover {
  background-color: #f1f1f1;
}
.goog-te-banner-frame.skiptranslate,
.goog-te-banner-frame {
  display: none !important;
}

body > .skiptranslate {
  display: none !important;
}

.skiptranslate {
  display: none !important;
  visibility: hidden !important;
}

html {
  margin-top: 0 !important;
}

#goog-gt-tt,
.goog-te-balloon-frame {
  display: none !important;
}

.goog-text-highlight {
  background-color: transparent !important;
  box-shadow: none !important;
}
.dropdown-menu a{display: block; padding: 0; width: 100%; height: auto; min-width: 100%; color: #b8b8b8; text-align: center;}
.dropdown-menu a:link, .dropdown-menu a:visited, .dropdown-menu a:active { color: #b8b8b8; }
.dropdown-menu a:hover { color: #313131; }
a.gflag {}
a.gflag img {border:0}
a.gflag:hover {}
#goog-gt-tt {display:none !important}
.goog-te-banner-frame {display:none !important}
.goog-te-menu-value:hover {text-decoration:none !important}
#google_translate_element2 {display:none !important}
.skiptranslate {display:none}

.language-toggle {
  cursor: pointer;
  padding: 0.313rem ; width: 1.875rem;  height: 1.875rem;
  border-radius: 0.313rem;
}
.language-dropdown {
  display: none;
  position:   absolute;
  top: 0px;
  width: 100px;
  left: 0;
  background-color: white;
  border: 1px solid #ccc;
  padding: 0.625rem;
  border-radius: 0.313rem;
  box-shadow: 0px 0.5rem 1rem rgba(0, 0, 0, 0.2);
}
.language-dropdown a {
  display: block;
  padding: 0.313rem 0;
  text-decoration: none;
  color: black;
}
.language-dropdown a:hover {
  background-color: #f1f1f1;
}
body {
  position: relative;
  top: 0 !important;
}

.goog-te-banner-frame.skiptranslate,
.goog-te-banner-frame {
  display: none !important;
}

body > .skiptranslate {
  display: none !important;
}

.skiptranslate {
  display: none !important;
  visibility: hidden !important;
}

html {
  margin-top: 0 !important;
}

#goog-gt-tt,
.goog-te-balloon-frame {
  display: none !important;
}

.goog-text-highlight {
  background-color: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 1096px) {
  .header_lnb .lnb_inner { max-width: 90%; }
}

@media (max-width: 768px) {
  .main-header { height: 5.846rem; }

  .main-header .header_inner { padding-inline: 4.6875vw 4.4531vw; }

  .main-header .header_logo,
  .main-header.scrolled .header_logo,
  .main-header.open .header_logo { top: 1.615rem; width: 4.077rem; aspect-ratio: 100 / 73.0496; }
  .main-header.scrolled .header_logo { transform: translate(-50%, 0); }

  .header_leftCont { gap: 1.769rem; }
  .header_leftCont .language-selector { margin-top: 2.8rem; }
  .header_leftCont .language-selector img { transition: opacity 0.5s ease; width: 0.923rem; }
  .header_leftCont .language-selector .icon_lang_act { opacity: 0; position: absolute; top: 0; left: 0; }

  .main-header.open .language-selector .icon_lang_def { opacity: 0; }
  .main-header.open .language-selector .icon_lang_act { opacity: 1; }

  .main-header .header_menu { margin-top: 2.538rem; }
  .main-header .header_menu .menu_hamburgerBtn { gap: 0; }
  .toggle { width: 2.308rem; }

  .header_rightCont .header_solution { transition: 0.5s ease; width: 7.231rem; height: 2.385rem; font-size: 1rem; letter-spacing: 0.05em; }
  .main-header.open .header_rightCont .header_solution { background: #e1dcd5; color: #172617; }

  .header_lnb { z-index: -1; }
  .header_lnb .lnb_inner { max-width: calc(100% - 12.1876vw); padding-block: calc(5.846rem + 4.8604vh) 0; }
  .header_lnb .lnb_scroll_wrap { height: 65.0465vh; padding-inline: 0.615rem; }
  .header_lnb .lnb_topBox { width: 100%; }

  .header_lnb .lnb_listWrap { margin-top: 0; }
  .header_lnb .lnb_listWrap .lnb_list { flex-direction: column; align-items: flex-start; gap: 0; position: relative; padding-inline: 1rem 1.077rem; padding-block: 1.077rem; border-top: none; }
  .header_lnb .lnb_listWrap .lnb_list:not(:last-child) { border-bottom: 1px solid rgba(225, 220, 213, 0.5); }
  .header_lnb .lnb_listWrap .lnb_list.open { gap: 2.231rem; padding-block: 1.077rem 2.231rem; border-bottom: none; }
  .header_lnb .lnb_listWrap .lnb_list:hover { background: transparent; }
  
  .header_lnb .lnb_list .lnb_title { gap: 0; position: relative; width: 100%; min-width: auto; }
  .header_lnb .lnb_list7 .lnb_title { width: auto; }
  .header_lnb .lnb_list .lnb_title::before { content: ""; position: absolute; top: 50%; left: -1.538rem; transform: translateY(-50%); width: 0.769rem; aspect-ratio: 90 / 100; background: url(../img/icon_lnb_title.png) center / contain no-repeat; }
  .header_lnb .lnb_list:hover .lnb_title { color: #fff; }
  .header_lnb .lnb_list .lnb_title_eng { font-size: 1.538rem; }
  .header_lnb .lnb_list .lnb_title .lnb_arrow_wrap { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0.846rem; aspect-ratio: 100 / 100; }
  .header_lnb .lnb_list .lnb_title .lnb_arrow_wrap .lnb_arrow_bar { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 0.077rem; background: #fff; }
  .header_lnb .lnb_list .lnb_title .lnb_arrow_wrap .lnb_arrow_bar2 { transition: 0.5s ease; transform: translate(-50%, -50%) rotate(90deg); }
  .header_lnb .lnb_list.open .lnb_title .lnb_arrow_wrap .lnb_arrow_bar2 { opacity: 0; transform: translate(-50%, -50%) rotate(0deg); }

  .header_lnb .lnb_list .lnb_itemWrap { flex-direction: column; gap: 1.077rem; }
  .header_lnb .lnb_list .lnb_link,
  .header_lnb .lnb_list:hover .lnb_link { font-size: 1.154rem; color: #e1dcd5; }
  .header_lnb .lnb_list .lnb_link::after { display: none; }

  .header_lnb .lnb_list .lnb_itemBox { overflow-y: hidden; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 1.077rem 4rem; height: 0; transition: 0.5s ease; }
  .header_lnb .lnb_list0.open .lnb_itemBox { height: calc((1.154rem * 1) + (1.077rem * 0)); }
  .header_lnb .lnb_list1.open .lnb_itemBox { height: calc((1.154rem * 6) + (1.077rem * 5)); }
  .header_lnb .lnb_list2.open .lnb_itemBox { height: calc((1.154rem * 4) + (1.077rem * 3)); }
  .header_lnb .lnb_list3.open .lnb_itemBox { height: calc((1.154rem * 3) + (1.077rem * 2)); }
  .header_lnb .lnb_list4.open .lnb_itemBox { height: calc((1.154rem * 3) + (1.077rem * 2)); }
  .header_lnb .lnb_list5.open .lnb_itemBox { height: calc((1.154rem * 2) + (1.077rem * 1)); }
  .header_lnb .lnb_list6.open .lnb_itemBox { height: calc((1.154rem * 1) + (1.077rem * 0)); }
}