@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-weight:normal;font-family:var(--another-font)}
#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:25px}
#quickList li a:hover{background:#444}
#quickList li a:hover span{transform:scale(1);opacity:1;font-family:var(--another-font)}
#quickList li.kakao a{background:#ecd403;font-weight:700}
#quickList li.kakao a img{width:auto}
#quickList li.kakao span,#quickList li.kakao a span:before{color:#3a1c1c;background:#ecd403}