@charset "utf-8";

#quickList{position:fixed;right:15px;top:50%;z-index:1001;transform:translateY(-50%);padding:9px 8px;border-radius:10px;transition:all .3s;background:#333;font-family:'notokr-medium'}
#quickList li+li{margin-top:10px}
#quickList li a{position:relative;display:block;height:40px;width:40px;border-radius:5px;color:#fff;line-height:40px;text-align:center}
#quickList li a span{position:absolute;background:#444;padding:0px 13px 0 12px;border-radius:5px;right:calc(100% + 19px);font-size:14px;transform-origin:center left;white-space:nowrap;transform:scale(0);opacity:0;transition:.15s ease}
#quickList li a span:before{display:block;content:"";position:absolute;right:-4px;top:50%;transform:translatey(-50%) rotate(45deg);width:9px;height:9px;border-radius:2px;background:#444}
#quickList li a img{width:20px}
#quickList li a:hover{background:#444}
#quickList li a:hover span{transform:scale(1);opacity:1}
#quickList li.kakao a{background:#ecd403;font-family:'notokr-bold'}
#quickList li.kakao a img{width:auto}
#quickList li.kakao span,#quickList li.kakao a span:before{color:#3a1c1c;background:#ecd403}

#quick_bnr{display:none;position:fixed;right:-80px;top:50%;z-index:20;transform:translateY(-50%);text-align:center;font-size:12px;letter-spacing:-.3px;transition:right .4s;font-family:'notokr-medium'}
#quick_bnr.fixed{right:10px}

/* 링크 */
#quick_bnr .links{border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
#quick_bnr .links > li{position:relative;border-bottom:1px solid #e1e1e1;color:#999;background-color:rgba(255,255,255,.95)}
#quick_bnr .links > li > p, #quick_bnr .links > li > a p{padding-top:5px}
#quick_bnr .links > li > a{display:block;padding:10px 0;color:#999;transition:all .2s}
#quick_bnr .links > li i{font-size:15px}
#quick_bnr .kakao_mo{display:none}
#quick_bnr .kakao_mo i{font-size:17px!important}

/* 지금예약 */
#fix_resv{opacity:0;display:none;position:fixed;right:0;bottom:30px;z-index:50;height:50px;margin-right:-10px;padding:0 15px 0 20px;border-radius:30px 0 0 30px;font-size:14px;text-align:center;line-height:52px;color:#fff;background-color: #111;box-shadow:5px 5px 5px rgba(0,0,0,.2);transition:all .2s;font-family:'notokr-medium'}
#fix_resv i{padding-left:8px;font-size:13px}
#fix_resv.active{opacity:1;margin-right:0}

@media (hover:hover){
#quick_bnr .links > li > a:hover{color:#222}
}
/* 반응형 [s] */
@media (max-width:1024px){
#quickList{display:none}
#quick_bnr{display:flex;flex-wrap: wrap;position:relative;width:100%;right:auto!important;top:auto;z-index: 1;transform:none;background-color: #111;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
#quick_bnr.main{display:flex}
#quick_bnr .links{display:flex;justify-content: space-around;width:100%;border:none}
#quick_bnr .links+.links{background-color:rgba(0,0,0,.12)}
#quick_bnr .links > li{border:none;background:none}
#quick_bnr .links > li a{display:flex;flex-direction:column;justify-content:center;align-items:center;height:68px;padding:0;color:#fff}
#quick_bnr .links > li a p{padding-top:8px}
#quick_bnr .links > li .blog{font-size:12px;font-style:normal;font-family:'notokr-bold'}
#quick_bnr .kakao_mo{display:block}
#quick_bnr .links > li > a:hover{color:#fff}
}
@media (max-width:480px){
#fix_resv{display:block}
}
/* 반응형 [e] */