@charset "utf-8";

/* 모바일 우측 고정 퀵메뉴 전용 */
#mobile-quick-menu {
    display: none;
}

@media screen and (max-width: 850px) {
    /* 기존 하단 퀵메뉴와 중복되지 않도록 모바일에서 숨김 */
    #bquick-section {
        display: none !important;
    }

    #mobile-quick-menu {
        display: block !important;
        position: fixed !important;
        top: 70% !important;
        right: 6px !important;
        bottom: auto !important;
        left: auto !important;
        width: 46px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        transform: translateY(-50%) !important;
        z-index: 99999 !important;
        overflow: visible !important;
        filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .22));
    }

    #mobile-quick-menu > img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        vertical-align: top;
    }

    #mobile-quick-menu .mq-link {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        width: 100% !important;
        height: 25% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        text-indent: -9999px;
        overflow: hidden;
        z-index: 2;
        -webkit-tap-highlight-color: transparent;
    }

    #mobile-quick-menu .mq-kakao { top: 0 !important; }
    #mobile-quick-menu .mq-blog { top: 25% !important; }
    #mobile-quick-menu .mq-instagram { top: 50% !important; }
    #mobile-quick-menu .mq-tel { top: 75% !important; }

    #mobile-quick-menu .mq-link span {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        clip: rect(0, 0, 0, 0);
        overflow: hidden;
    }
}

@media screen and (max-width: 380px) {
    #mobile-quick-menu {
        width: 33px !important;
        right: 4px !important;
    }
}