@charset "utf-8";

#quickList{position:fixed;right:20px;top: 50%;z-index:1000;padding: 9px 8px;border-radius:10px;font-size:14px;color:#aaa;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;box-shadow:0 2px 17px 0 rgba(0, 0, 0, 0.3);background:#282828;transform: translateY(-50%);font-family:'notokr-bold'}
#quickList li+li{margin-top:12px}
#quickList li a{position:relative;display: block;border-radius:5px;color:#fff;height: 40px;width:40px;line-height:40px;text-align:center}
#quickList li a span{position:absolute;background-color:#444;padding:0px 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;position:absolute;right:-5px;top:50%;width:12px;height:12px;border-radius:3px;background-color:#444;content:"";transform:translatey(-50%) rotate(45deg)}
#quickList li a img{width:20px}
#quickList li a:hover{background-color:#444}
#quickList li a:hover span{transform:scale(1);opacity:1}
#quickList li.kakao a{background-color:#ecd403}
#quickList li.kakao a img{width:auto}
#quickList li.kakao span,#quickList li.kakao a span:before{color:#3a1c1c;background-color:#ecd403}