/* ===========================================
   Seoul Bingbing QuickBar
   =========================================== */

#sbbQuick{
    position:fixed;
    right:25px;
    top:50%;
    transform:translateY(-50%);
    z-index:900;
    display:flex;
    flex-direction:column;
    gap:12px;
}

#sbbQuick *{
    box-sizing:border-box;
}

#sbbQuick .sbb_btn{
    width:72px;
    height:72px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    border-radius:18px;

    color:#fff;
    text-decoration:none;

    font-size:13px;
    font-weight:600;

    box-shadow:0 5px 15px rgba(0,0,0,.15);

    transition:.25s;
}

#sbbQuick .sbb_btn:hover{

    transform:translateX(-5px);

}

#sbbQuick .icon{

    font-size:24px;

}

#sbbQuick .txt{

    margin-top:5px;

}

/* 버튼색 */

.sbb_tel{background:#1E88E5;}
.sbb_map{background:#00ACC1;}
.sbb_youtube{background:#ff0000;}
.sbb_blog{background:#03C75A;}
.sbb_kakao{
    background:#FEE500;
    color:#3c1e1e;
}

/* ==============================
      MOBILE
================================ */

@media only screen and (max-width:768px){

#sbbQuick{

    left:10px;
    right:10px;

    bottom:10px;
    top:auto;

    transform:none;

    flex-direction:row;

    justify-content:space-between;

    background:#fff;

    padding:8px;

    border-radius:60px;

    box-shadow:0 5px 20px rgba(0,0,0,.18);

    z-index:100;

}

#sbbQuick .sbb_btn{

    width:100%;

    height:56px;

    margin:0;

    border-radius:40px;

    box-shadow:none;

}

#sbbQuick .icon{

    font-size:20px;

}

#sbbQuick .txt{

    font-size:11px;

}

}

/* ==============================
     그누보드 팝업 우선
================================ */

#hd_pops,
.hd_pops,
.hd_pops_layer{

    z-index:99999 !important;

}