@charset "utf-8";

/* 상단으로 */
#quickTop{bottom:-100px;right:18px;position:fixed;z-index:100;padding:18px 10px 0;font-size:14px;color:#999;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;font-family:'notokr-bold'}
#quickTop.fixed{bottom:107px}
#quickTop:before{content:"";display:block;position:absolute;top:0;left:50%;width:8px;height:5px;margin-left:-4.5px;background:url(/sh_img/hd/r_quickmenu/arr.png) no-repeat}
#quickTop:after{content:"";display:block;position:absolute;top:1px;left:50%;width:2px;height:12px;margin-left:-1px;border-radius:2px;background-color:#999}
/* 버튼 */
#quickBtn{position:fixed;bottom:-100px;right:10px;z-index:1002;width:55px;height:55px;border-radius:55px;text-align:center;line-height:55px;background-color:#dbb313;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
#quickBtn.fixed{bottom:35px}
#quickBtn img{-webkit-transition:all .3s;transition:all .3s}
#quickBtn.active{background-color:#888}
#quickBtn.active img{transform:rotate(225deg)}
/* sns */
#quickList{position:fixed;top:auto;bottom:50px;right:16px;z-index:1001}
#quickList li{position:absolute;right:0;bottom:0;opacity:0;font-family:'notokr-medium'}
#quickList li a{overflow:hidden;display:block;width:45px;height:45px;padding:0;border-radius:45px;font-size:13px;text-align:center;line-height:44px;color:#222;background-color:#e0e0e0;-webkit-transition:width .4s;transition:width .4s}
#quickList li a i{font-size:14px}
#quickList li a span{display:none}
#quickList li a .kakao{width:20px}
#quickList li a:hover{width:140px}
#quickList li a:hover span{display:inline-block;padding-left:5px}