header {
  left: 0px;
  overflow: hidden;
}
header>.wrapper {
  width: 100%;
}
header .logo {
  left: 40px;
}
header nav {
  padding-left: 0px;
  box-sizing: border-box;
  margin-top: 85px;
  padding-bottom: 130px;
}
header nav ul.gnb {
  vertical-align: top;
  font-size: 0;
  text-align: left;
}
header nav ul.gnb,
header nav ul.quick {
  display: block;
  padding-top: 0px;
}
header nav ul.gnb>li>ul {
  position: relative;
  padding-top: 10px;
  padding-bottom: 20px;
}
header nav ul.gnb>li {
  vertical-align: top;
  width: 16.6666%;
  display: inline-block;
  box-sizing: border-box;
  text-align: left;
}
header nav>ul>li {
  padding-top: 50px;
  padding-right: 0px;
  padding-bottom: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
header nav>ul>li>a {
  font-size: 24px;
  font-weight: 500;
  color: #222;
}
header nav ul li.active a {
  color: #222;
}
header nav ul.gnb li>ul>li>a {
  letter-spacing: -0.05em;
  width: 100%;
  font-size: 16px;
}
.hamburger_menu {
  display: block;
}
header:hover>.wrapper {
  height: 100px;
  background: transparent;
}
header.active {
  height: 100%;
  transition: height .3s ease;
}
header>.wrapper {
  padding: 0px;
}
header.active>.wrapper {
  height: 100%;
  background: #fff;
  transition: background .3s ease, height .3s ease;
}
header.active .logo,
header.active .hamburger_menu {}
header.active nav {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  height: 100%;
}
footer .wrapper {
  padding-left: 80px;
  padding-right: 80px;
}
header:hover .logo svg .st6 {
  fill: #fff;
}
header.active .logo svg .st6,
header.active:hover .logo svg .st6 {
  fill: #333333;
}


header.wh-event .logo svg .st6 {
  fill: #333333 !important
}