.main-nav {
  position: absolute;
  z-index: 10;
}
@media (min-width: 768px) {
  .main-nav {
    right: 0;
    width: 64px;
    top: 0;
    height: 100%;
    /* border-left: solid 1px #988666; */
    padding-top: calc(50vh - 132px);
    pointer-events: none;
  }
}
.main-nav.light:not(.main-menu-is-open) a img {
  filter: contrast(2) invert(1);
}
.main-nav.light:not(.main-menu-is-open) a.main-menu-toggle .hamburger-menu .menu-line {
  background: #FFF;
}
.main-nav.light:not(.main-menu-is-open) a.cart-btn .cart-num {
  background: #FFF;
  color: #988666;
}
.main-nav.light:not(.main-menu-is-open) a.info-btn .info-num {
  background: #FFF;
  color: #988666;
}
.main-nav.main-menu-is-open {
  z-index: 10;
}
.main-nav.main-menu-is-open a {
  filter: none;
}
.main-nav.main-menu-is-open a.main-menu-toggle {
  filter: none;
}
.main-nav.main-menu-is-open a.main-menu-toggle .hamburger-menu .menu-line {
  background: #212121;
}
.main-nav .centered-inner {
  position: sticky;
  top: 25px;
  display: flex;
  flex-flow: column nowrap;
  pointer-events: auto;
}
.main-nav .main-menu-toggle.is-open .hamburger-menu .line1 {
  transform: rotate(-45deg);
}
.main-nav .main-menu-toggle.is-open .hamburger-menu .line2 {
  transform: scaleX(0);
  opacity: 0;
}
.main-nav .main-menu-toggle.is-open .hamburger-menu .line3 {
  transform: rotate(45deg);
}
.main-nav .main-menu-toggle .hamburger-menu {
  width: 18px;
  height: 15px;
  top: 0px;
  right: 0px;
  position: relative;
}
@media (max-width: 767px) {
  .main-nav .main-menu-toggle .hamburger-menu {
    position: fixed;
    left: 20px;
    top: 28px;
    z-index: 990;
  }
}
.main-nav .main-menu-toggle .hamburger-menu .menu-line {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  height: 1px;
  background: #212121;
  /* transition: 0.5s; */
}
.main-nav .main-menu-toggle .hamburger-menu .white {
  background: #fff;
}
.main-nav .main-menu-toggle .hamburger-menu .line1 {
  transform: translateY(-7.5px);
}
.main-nav .main-menu-toggle .hamburger-menu .line2 {
  transform: translateY(0);
}
.main-nav .main-menu-toggle .hamburger-menu .line3 {
  transform: translateY(7.5px);
}
.main-nav a {
  display: block;
  margin: 0 auto;
}
.main-nav a:not(:last-child) {
  margin-bottom: 45px;
}
.main-nav a .icon {
  display: none;
  transition: filter 0.5s;
}
.main-nav a .black-icon {
  display: block;
}
.main-nav a .white-icon {
  display: block;
}
@media (max-width: 767px) {
  .main-nav a.search-btn {
    position: fixed;
    left: 58px;
    top: 27px;
    z-index: 990;
  }
}
@media (max-width: 767px) {
  .main-nav a.mypage-btn {
    position: fixed;
    right: 46px;
    top: 25px;
    z-index: 990;
  }
}
.main-nav .favorite-btn {
  width: auto;
}
@media (max-width: 767px) {
  .main-nav a.favorite-btn {
    position: fixed;
    right: 76px;
    top: 28px;
    z-index: 990;
  }
}
.main-nav a.cart-btn {
  position: relative;
}
@media (max-width: 767px) {
  .main-nav a.cart-btn {
    position: fixed;
    right: 20px;
    top: 27px;
    z-index: 990;
  }
}
.main-nav a.cart-btn .cart-num {
  display: block;
  position: absolute;
  right: -12px;
  top: -12px;
  width: 19px;
  height: 19px;
  background: #988666;
  border-radius: 100%;
  color: #FFF;
  text-align: center;
  line-height: 19px;
  font-size: 12px;
  font-weight: bold;
  transition: 0.5s;
}
.main-nav a.info-btn {
  position: relative;
  width: 16px;
}
@media (max-width: 767px) {
  .main-nav a.info-btn {
    display: none;
  }
}
.main-nav a.info-btn .icon {
  margin: 0 auto;
}
.main-nav a.info-btn .info-num {
  display: block;
  position: absolute;
  right: -12px;
  top: -15px;
  width: 19px;
  height: 19px;
  background: #988666;
  border-radius: 100%;
  color: #FFF;
  text-align: center;
  line-height: 19px;
  font-size: 12px;
  font-weight: bold;
  transition: 0.5s;
}