@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;font-family:'notokr-medium'}
#quickList li+li{margin-top:10px}
#quickList li a{position:relative;display:block;height:50px;width:50px;border-radius:100%;color:#fff;line-height:50px;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}

#quickList li.check a{background:#0868f8;color:#fff;font-size:18px}
#quickList li.top a{background:#fff;box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.15);color:#fff;background-color:#74d2de;font-size:18px}
#quickList li.top span,#quickList li.top a span:before{color:#fff;background-color:#74d2de}