@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
.main .nav-box {
  height: auto;
}

body {
  will-change: height;
}

body .nav-box {
  height: 15.62vw;
}

body .nav-box .common-top-navi {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 15.625vw;
  background-color: #fff;
  /*border-bottom:1px solid #ebebeb;*/
}

body .nav-box .common-top-navi .btn-prev {
  position: absolute;
  display: block;
  width: 6.25vw;
  left: 4.0625vw;
  top: 4.0625vw;
}

body .nav-box .common-top-navi .btn-prev a {
  display: block;
  width: 6.25vw;
  padding: 40%;
  margin: -40%;
}

body .nav-box .common-top-navi .btn-prev a .white-btn {
  display: none;
}

body .nav-box .common-top-navi .btn-prev a img {
  width: 100%;
}

body .nav-box .common-top-navi .logo-box {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -11.25%;
  margin-top: 4.2vw;
  width: 28.28vw;
}

body .nav-box .common-top-navi .logo-box img {
  width: 100%;
}

body .nav-box .common-top-navi .logo-box .white-logo {
  display: none;
}

body .nav-box .common-top-navi .btn-close {
  position: absolute;
  right: 4.0625vw;
  top: 4.0625vw;
  display: block;
  width: 6.25vw;
}

body .nav-box .common-top-navi .btn-close a {
  display: block;
  width: 6.25vw;
  padding: 40%;
  margin: -40%;
}

body .nav-box .common-top-navi .btn-close a span.w {
  display: none;
}

body .nav-box .common-top-navi .btn-close a span.b {
  display: block;
}

body .nav-box .common-top-navi .btn-close a img {
  width: 100%;
}

body .nav-box #menu {
  position: absolute;
  width: 100%;
  height: 0%;
  overflow: hidden;
  transition: height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
  background-color: #fff;
  z-index: 1000;
}

body .nav-box #menu.onShow {
  height: 100%;
  pointer-events: auto;
}

body .nav-box #menu nav a.logo-box {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -11.25%;
  margin-top: 4.2vw;
  width: 28.28vw;
}

body .nav-box #menu nav a.logo-box img {
  width: 100%;
}

body .nav-box #menu nav ul {
  margin-top: 15.62vw;
  height: 9.375vw;
  font-size: 0;
  background-color: #2b307c;
  padding: 0;
  text-align: center;
}

body .nav-box #menu nav ul li {
  display: inline-block;
  list-style: none;
  font-size: 3.43vw;
  color: #fff;
  font-family: 'Spoqa Han Sans';
  line-height: 9.375vw;
}

body .nav-box #menu nav ul li a {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}

body .nav-box #menu nav ul li:nth-child(2) {
  padding: 0 18.75vw;
}

body .nav-box #menu .search-bar {
  position: absolute;
  top: 24.9vw;
  background-color: #2b307c;
  width: 100%;
  height: 12.6vw;
  font-size: 0;
}

body .nav-box #menu .search-bar form {
  margin-left: 4.0625vw;
  height: 8.4375vw;
  overflow: hidden;
}

body .nav-box #menu .search-bar form input {
  display: inline-block;
  width: 82.96vw;
  height: 8.4375vw;
  border: none;
  vertical-align: top;
  text-indent: 4vw;
  border-radius: 0;
  padding: 0;
}

body .nav-box #menu .search-bar form .img-box {
  display: inline-block;
  width: 8.90625vw;
}

body .nav-box #menu .search-bar form .img-box img {
  width: 100%;
}

body .nav-box #menu > ul {
  margin: 0;
  padding: 0;
  font-size: 0;
  padding-top: 37.5vw;
}

body .nav-box #menu > ul li {
  width: 50%;
  display: inline-block;
}

body .nav-box #menu > ul li img {
  display: block;
  width: 100%;
}

body .nav-box #dim {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.55s ease;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 25;
  visibility: hidden;
}

body .nav-box #dim.onShow {
  opacity: 1;
  visibility: visible;
}

body .nav-box.sub-w .common-top-navi {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
}

body.main .nav-box .common-top-navi {
  background-color: transparent;
  border: none;
}

body.main .nav-box .common-top-navi .btn-prev {
  display: none;
}

body.main .nav-box .common-top-navi .logo-box .white-logo {
  display: block;
}

body.main .nav-box .common-top-navi .logo-box .color-logo {
  display: none;
}

body.main .nav-box .common-top-navi .btn-close a span.w {
  display: block;
}

body.main .nav-box .common-top-navi .btn-close a span.b {
  display: none;
}

body.prod-list .nav-box {
  height: 56.25vw;
}

body.prod-list .nav-box .common-top-navi .logo-box .white-logo {
  display: none;
}

body.prod-list .nav-box .common-top-navi .logo-box .color-logo {
  display: block;
}

body.prod-login .nav-box {
  border-bottom: 1px solid #e3e3e3;
  height: 15.62vw;
}

body.join .nav-box {
  border-bottom: 1px solid #e3e3e3;
  height: 15.62vw;
}

body.mypage .nav-box {
  border-bottom: 1px solid #e3e3e3;
}

body.pr .nav-box {
  border-bottom: 1px solid #e3e3e3;
}

/*# sourceMappingURL=menu.css.map */