@charset "utf-8";

#r_quickmenu{position:fixed;right:-87px;top:390px;z-index:1000;transition:ease-in-out 0.3s}
#r_quickmenu li{position:relative;width: 200px;height: 70px;color:#fff;background-color:rgba(0,0,0, 0.5);box-sizing:border-box}
#r_quickmenu li a,#r_quickmenu li button{display:block;padding: 26px;color:#fff;border:none;background:none;text-align: center;}
#r_quickmenu li:last-child{margin-bottom:none}
#r_quickmenu li span{padding-left: 100px;font-size:12px;letter-spacing:-0.3px;font-family:'notokr-medium'}
#r_quickmenu li.news span:before{display:block;position:absolute;top:21px;left:22px;content:"\f086";font-size:15px;color:#fff;font-family:FontAwesome}
#r_quickmenu li.eq span:before{display:block;position:absolute;top:21px;left:20px;content:"\f002";font-size:15px;color:#fff;font-family:FontAwesome}
#r_quickmenu li.app span:before{display:block;position:absolute;top:21px;left:22px;content:"\f14b";font-size:18px;color:#fff;font-family:FontAwesome}
#r_quickmenu li.sc {background:url(/sh_img/hd/r_quickmenu/kakao.png) no-repeat 15% 49% rgba(0,0,0, 0.5);background-size: 74px !important;}
#r_quickmenu li.sc span:before{display:block;position:absolute;top:21px;left:21px}
#r_quickmenu li.on span:before{color:#ccc}
#r_quickmenu .up_down {height:auto;padding-top:8px;border:none;font-size:14px;color:#adadad;background-color:transparent}
#r_quickmenu .up_down button{display:block;padding:3px 26px;color:#adadad}

/* 반응형 [s] */
@media (max-width:1024px){
#r_quickmenu{overflow:hidden;position:initial}
#r_quickmenu li{float:left;width: 100%;background:#222}
#r_quickmenu li+li{border-left:1px solid rgba(255,255,255,.2)}
#r_quickmenu li.sc{background:url(/sh_img/hd/r_quickmenu/kakao.png) no-repeat 9% 49% #222}
#r_quickmenu li span{padding-left:30px;font-size:14px}
#r_quickmenu li.sc span{padding-left: 10px;}
#r_quickmenu .up_down{display:none}
}

@media (max-width:768px){
#r_quickmenu li.sc{background:url(/sh_img/hd/r_quickmenu/kakao.png) no-repeat 15% 49% #222}
#r_quickmenu li span{padding-left:25px;font-size:12px}
}

@media (max-width:480px){
#r_quickmenu li{height:auto}
#r_quickmenu li span{padding-left:0}
#r_quickmenu li.sc{background:url(/sh_img/hd/r_quickmenu/kakao.png) no-repeat center 20px #222}
#r_quickmenu li.sc span{padding-left:0}
#r_quickmenu li a, #r_quickmenu li button{width:100%;padding:36px 0 15px;text-align:center}
#r_quickmenu li span:before{left:50% !important;top:15px !important;transform:translateX(-50%)}
}
/* 반응형 [e] */