@charset "UTF-8";
@import url(https://font.imbc.com/noto/noto.css);

html, body, #wrap, #container { min-width: 0 !important; max-width: 100% !important; }

#header-pc { background: #000; position: relative; z-index: 180; }

.main-banner, .search-area { display: none; }
.search-area.active { display: block; }

@media (max-width: 1247px) {

    html { font-size: 62.5% !important; }
    html, body { overflow-x: auto; }

    #header-pc, .main-banner, .search-area { display: none !important; }
    #header.header { display: block !important; height: auto !important; font-size: 1.5rem; line-height: 1.5; letter-spacing: -1px; vertical-align: top; padding: 2.2rem 0 1.6rem; background: -webkit-linear-gradient(left, #121212 0%, #2c2c2c 100%) !important; }
    #header.header .logo,
    #header.header a,
    #header.header .icon { vertical-align: top; }
    #sideMenu { display: none !important; position: fixed !important; left: 0 !important; top: 0 !important; z-index: 10001 !important; width: 100% !important; height: 100% !important; margin-left: -100%; overflow: auto; background: #fff; }
    #sideMenu.on { display: block !important; margin-left: 0 !important; visibility: visible !important; opacity: 1 !important; }

    .side-fix-menu { position: absolute; }
    .side-header.logIn .txt-login .name { vertical-align: unset; }

}

@media (min-width: 1248px) {
    html { font-size: 16px !important; }
    #header.header, #sideMenu { display: none !important; }
    #header-pc { display: block !important; }
    #header-pc .nav.wrapper { width: 1218px; max-width: 100%; margin: 0 auto; padding: 0; position: relative; }
    .nav .snb ul.box li img { display: inline-block; width: 62px; height: 15px; }
}