/* #region header */
#header .icon-search {
  display: none;
  opacity: 0;
}
#header .icon-hamburger {
  display: none;
}
#header .icon-close-x {
  display: none;
  opacity: 0;
}
#header .icon-close-x-w {
  display: none;
  opacity: 0;
}
#header .logo-c {
  display: none;
  opacity: 0;
}
#header .gnb-arrow {
  display: none;
  opacity: 0;
}
#header .header_field {
  background-color: transparent;
  color: #fff;
  transition: background-color 0.4s 0.2s;
}
#header .header_right_box .language_dropdown .language_btn {
  color: #fff;
}
#header.mobile_active .icon-hamburger {
  display: none;
}
#header.mobile_active .icon-hamburger-w {
  display: none;
}
#header.mobile_active .icon-close-x {
  display: block;
  opacity: 1;
}
#header.mobile_active .icon-close-x-w {
  display: none;
}
#header:hover.mobile_active .icon-hamburger {
  display: none;
}
#header:hover.mobile_active .icon-hamburger-w {
  display: none;
}
#header:hover.mobile_active .icon-close-x {
  display: block;
  opacity: 1;
}
#header:hover.mobile_active .icon-close-x-w {
  display: none;
}
#header:hover .icon-search {
  display: block;
  animation: header-hover 0.4s ease forwards;
}
#header:hover .icon-search-w {
  display: none;
}
#header:hover .icon-hamburger {
  display: block;
}
#header:hover .icon-hamburger-w {
  display: none;
}
#header:hover .logo-c {
  display: block;
  animation: header-hover 0.4s ease forwards;
}
#header:hover .logo-w {
  display: none;
}
#header:hover .gnb-arrow {
  display: block;
  animation: header-hover 0.4s ease forwards;
}
#header:hover .gnb-arrow-w {
  display: none;
}
#header:hover .header_field {
  background-color: #fff;
  transition: 0.2s;
}
#header:hover .gnb > ul > li > a {
  color: #111;
}
#header:hover .header_right_box .language_dropdown .language_btn {
  color: #111;
}
#header .gnb_list_field {
  transition: 0.4s;
}
#header .gnb > ul > li > a {
  color: #fff;
}

@keyframes header-hover {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes header-hover-reverse {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
body #header .icon-search {
  display: none;
  opacity: 0;
}
body #header .icon-search-w {
  display: block;
  opacity: 1;
}
body #header .icon-hamburger {
  display: none;
}
body #header .icon-hamburger-w {
  display: block;
  opacity: 1;
}
body #header .icon-close-x {
  display: none;
  opacity: 0;
}
body #header .icon-close-x-w {
  display: none;
  opacity: 0;
}
body #header .logo-c {
  display: none;
  opacity: 0;
}
body #header .logo-w {
  display: block;
  opacity: 1;
}
body #header .gnb-arrow {
  display: none;
  opacity: 0;
}
body #header .gnb-arrow-w {
  display: block;
  opacity: 1;
}
body #header .header_field {
  background-color: transparent;
}
body #header .header_right_box .language_dropdown .language_btn {
  color: #fff;
}
body #header .gnb > ul > li > a {
  color: #fff;
}
body #header.nav-up .icon-search,
body.contents-sec #header .icon-search {
  display: block;
  opacity: 1;
}
body #header.nav-up .icon-search-w,
body.contents-sec #header .icon-search-w {
  display: none;
}
body #header.nav-up .icon-hamburger,
body.contents-sec #header .icon-hamburger {
  display: block;
  opacity: 1;
}
body #header.nav-up .icon-hamburger-w,
body.contents-sec #header .icon-hamburger-w {
  display: none;
}
body #header.nav-up .icon-close-x,
body.contents-sec #header .icon-close-x {
  display: none;
  opacity: 0;
}
body #header.nav-up .icon-close-x-w,
body.contents-sec #header .icon-close-x-w {
  display: none;
  opacity: 0;
}
body #header.nav-up .logo-c,
body.contents-sec #header .logo-c {
  display: block;
  opacity: 1;
}
body #header.nav-up .logo-w,
body.contents-sec #header .logo-w {
  display: none;
  opacity: 0;
}
body #header.nav-up .gnb-arrow,
body.contents-sec #header .gnb-arrow {
  display: block;
  opacity: 1;
}
body #header.nav-up .gnb-arrow-w,
body.contents-sec #header .gnb-arrow-w {
  display: none;
  opacity: 0;
}
body #header.nav-up .header_field,
body.contents-sec #header .header_field {
  background-color: #fff;
}
body #header.nav-up .header_right_box .language_dropdown .language_btn,
body.contents-sec #header .header_right_box .language_dropdown .language_btn {
  color: #111;
}
body #header.nav-up .gnb > ul > li > a,
body.contents-sec #header .gnb > ul > li > a {
  color: #111;
}

/* #endregion header */