@media screen and (max-width: 1280px) {
    #hd_pop {
        display: none;
    }

    #header .wrapper {
        width: 90%;
    }

    /* top */
    .top {
        width: 50px;
        padding: 6px 0;
        font-size: 1.8rem;
        bottom: 262px;
    }
}

@media screen and (max-width: 1200px) {
    /* header */
    #header .header_bottom .gnb li {
        font-size: 1.6rem
    }

    /* top */
    .top {
        bottom: 319px
    }
}

@media screen and (max-width: 1023px) {
    /* header */
    #header .logo img {
        width: 90%;
        padding-bottom: 10px;
    }
    #header .header_top,
    #header .header_bottom .gnb {
        display: none
    }
    #header .open_btn {
        display: block
    }

    /* top */
    .top {
        bottom: 360px
    }
}

@media screen and (max-width: 768px) {
    /* header */
    #header .header_bottom .logo img {
        width: 150px;
    }

    /* top */
    .top {
        position: absolute;
        top: -99999999px;
    }
}