#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    white-space: nowrap;
    transform: translate3d(0, 0, 1px);
    pointer-events: none;
}

#nav .gnb>ul>li>a span {
    transition: opacity 400ms, color 400ms;
    will-change: opacity, color;
    position: relative;
}

@media screen and (max-width: 1200px) {
    #header.submenu-active--mobile #nav,
    #header.search-active #nav {
        transform: translateX(0);
    }
    #nav .gnb>ul>li {
        margin-bottom: 23px;
    }
    #nav .gnb>ul>li>a>span {
        font-size: 22px;
        font-weight: 300;
    }
}

@media screen and (max-width: 1366px) {
    #nav .gnb>ul>li {
        margin-right: 36px;
    }
}