@charset "utf-8";

#r_quickmenu, #r_quickmenu * {box-sizing:border-box}
#r_quickmenu {position:fixed;right:-52px;top:50%;z-index:1000;margin-top:-78.5px;-webkit-transition:all .5s;transition:all .5s;font-family:notokr-medium}
#r_quickmenu.fixed {right:0}

/* sms */
#r_quickmenu li .quick_sms_wrap{position:absolute;right:65px;top:110px;z-index:1000}

#r_quickmenu li {margin-bottom:1px;text-align:center}
#r_quickmenu li > a {display:block;position:relative;width:52px;height:52px;font-size:17px;line-height:52px;background-color:#ebebeb;-webkit-transition:all .3s;transition:all .3s}
#r_quickmenu li > a span {display:none;position:absolute;left:-100px;top:0;width:100px;height:100%;padding-right:20px;font-size:13px;color:#222;text-align:right;background:rgba(227,227,227,0.6)}
#r_quickmenu li > a span:after {display:block;content:"";position:absolute;right:-7px;top:25px;width:15px;height:1px;border-radius:3px;background-color:#c5c5c5}
#r_quickmenu li > a:hover {background-color:#e3e3e3}
#r_quickmenu li > a:hover span {display:block}
#r_quickmenu li > a i { font-size:18px}

/* 카카오 */
#r_quickmenu li > a.kakao {background-color:#ffe600}
#r_quickmenu li > a.kakao span {width:140px;background-color:#fff7b2}
#r_quickmenu li > a.kakao:hover span {left:-140px}
#r_quickmenu li > a.kakao span:after {display:none}

#r_quickmenu .up_down {height:auto;padding-top:6px;background-color:transparent}
#r_quickmenu .up_down p {padding:2px 0;cursor:pointer}
#r_quickmenu .up_down i {font-size:12px;color:#adadad;-webkit-transition:all .4s;transition:all .4s}
#r_quickmenu .up_down p:hover i {color:#333}