.mo {
  display: none;
}

@media (max-width: 1024px) {
  .pc {
    display: none;
  }
  .mo {
    display: block;
  }
  #header.transparent .header {
    background: #000;
  }
  .header {
    width: 100%;
    height: 86px;
    overflow: visible;
    padding-top: 0;
  }
  .header .header-inner {
    text-align: right;
  }
  .header .header-logo {
    top: 12px;
  }
  .header .header-gnb {
    display: none;
  }
  .header .mobile-gnb {
    display: block;
  }
  .header .mobile-gnb .sidebar-btn span {
    background-color: #fff;
  }
  body {
    width: 100%;
    min-width: auto;
  }
  .body {
    width: 100%;
  }
  .body .centerbox {
    width: 100%;
  }
  .centerbox {
    width: 100%;
  }
  #header.bg--white .mobile-gnb .sidebar-btn span {
    background-color: #222;
  }
}
@media (max-width: 500px) {
  html.not-scroll .header .header-logo {
    opacity: 0.5;
  }
  .header .mobile-gnb .sidebar-wrap .sidebar {
    max-width: 100%;
  }
}/*# sourceMappingURL=mobile.css.map */