@charset "utf-8";

#r_quickmenu, #r_quickmenu * {box-sizing:border-box}
#r_quickmenu {position:fixed;right:-62px;bottom:250px;z-index:1000;-webkit-transition:all .5s;transition:all .5s;font-family:arita-medium}
#r_quickmenu.fixed {right:0}

#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}
#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.kakao {background-color:#ffe600}
#r_quickmenu li a.kakao span {width:100px;background-color:#fff7b2}
#r_quickmenu li a.kakao:hover span {left:-100px}
#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}