body #header .icon-search {
  display: none;
}
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;
  transition: background-color 0.3s ease;
}
body #header .header_right_box .language_dropdown .language_btn {
  color: #fff;
}
body #header.mobile_active .icon-hamburger {
  display: none;
}
body #header.mobile_active .icon-hamburger-w {
  display: none;
}
body #header.mobile_active .icon-close-x {
  display: block;
  opacity: 1;
}
body #header.mobile_active .icon-close-x-w {
  display: none;
}
body #header .gnb > ul > li > a {
  color: #fff;
}
body #header:hover .icon-search {
  display: block;
  opacity: 1;
}
body #header:hover .icon-search-w {
  display: none;
}
body #header:hover .icon-hamburger {
  display: block;
  opacity: 1;
}
body #header:hover .icon-hamburger-w {
  display: none;
}
body #header:hover .icon-close-x {
  display: none;
  opacity: 0;
}
body #header:hover .icon-close-x-w {
  display: none;
  opacity: 0;
}
body #header:hover .logo-c {
  display: block;
  opacity: 1;
}
body #header:hover .logo-w {
  display: none;
  opacity: 0;
}
body #header:hover .gnb-arrow {
  display: block;
  opacity: 1;
}
body #header:hover .gnb-arrow-w {
  display: none;
  opacity: 0;
}
body #header:hover .header_field {
  background-color: #fff;
}
body #header:hover .header_right_box .language_dropdown .language_btn {
  color: #111;
}
body #header:hover.mobile_active .icon-hamburger {
  display: none;
}
body #header:hover.mobile_active .icon-hamburger-w {
  display: none;
}
body #header:hover.mobile_active .icon-close-x {
  display: block;
  opacity: 1;
}
body #header:hover.mobile_active .icon-close-x-w {
  display: none;
}
body #header:hover .gnb > ul > li > a {
  color: #111;
}
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;
}