@charset "utf-8";

#shop_quick {position:fixed;top:0;right:-220px;z-index:1001;width:220px;height:100%;border-left:1px solid #37414d;background-color:#fff;font-family:notokr-regular}

/* 퀵메뉴 버튼 */
#quick_mn {position:relative;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:56px;margin-left:-56px}
#quick_mn li {position:relative;width:56px;height:49px;border-bottom:1px solid #454c54;border-top:none;box-sizing:content-box;font-size:16px;text-align:center;background-color:rgba(25, 32, 40, 0.8509803921568627)}
#quick_mn li:first-child{border-right-color:#fff}
#quick_mn li a {display:block;width:100%;height:100%;line-height:43px;color:#adadad;transition:all .1s}
#quick_mn li a:hover {color:#fff}
#quick_mn li .named {display:none;opacity:0;position:absolute;left:-93px;top:10px;width:80px;padding:3px 0;font-size:12px;color:#fff;text-align:center;background-color:#2d2d2d}
#quick_mn li .named:after {display:block;position:absolute;right:-5px;top:8px;content:'';width:5px;height:7px;background-image:url(/sh_img/hd/shop_quick/angle.png)}
#quick_mn .quick_kakao {border-color:#fce41d}
#quick_mn .quick_kakao_popup {position:absolute;left:-212px;top:-28px;opacity:0;transition:all 0.2s}
#quick_mn .quick_wechat {border-color:#00c300}
#quick_mn .quick_wechat_popup {position:absolute;left:-212px;top:-28px;opacity:0;transition:all 0.2s}
#quick_mn .quick_line {border-color:#00c300}
#quick_mn .quick_line_popup {position:absolute;left:-212px;top:-28px;opacity:0;transition:all 0.2s}
#quick_mn .quick_talk{border-bottom:none;background-color:none}

#quick_mn .quick_wechat, #quick_mn .quick_kakao, #quick_mn .quick_line{border-bottom:solid 1px #ddd}
/* 익스 8 */
@media \0screen {
#quick_mn .quick_kakao_popup { display:none}
#quick_mn .quick_kakao:hover .quick_kakao_popup { display:block}
}

#quick_mn .up_down {height:auto;padding-top:8px;border:none;font-size:14px;color:#adadad;background-color:transparent}
#quick_mn .up_down p {padding:3px 0;cursor:pointer}

#quick_mn li:hover .named {display:block;opacity:1}

/* 퀵메뉴 ON/OFF */
#quick_mn li.first {}
#quick_mn_btn{position:relative;border-top:1px solid #e7e7e7!important;background-color:#f2f2f2;transition:all .4s}
#quick_mn_btn span, #quick_mn_btn span:before, #quick_mn_btn span:after {position:absolute;z-index:20;width:17px;height:2px;background-color:#2d2d2d}
#quick_mn_btn span {position:absolute;top:50%;left:13px;margin-top:-1px;-webkit-transition:all ease .2s;transition:all ease .2s}
#quick_mn_btn span:before, #quick_mn_btn span:after {content:'';right:0;z-index:-1;-webkit-transition:all ease .2s;transition:all ease .2s}
#quick_mn_btn span:before {top:-5px}
#quick_mn_btn span:after {top:5px}
#quick_mn_btn.active {z-index:2500;background-color:#fff;transition:all .4s}
#quick_mn_btn.active span {background-color:transparent}
#quick_mn_btn.active span:before {-webkit-transform:translateY(5px) translateX(0) rotate(45deg);-ms-transform:translateY(5px) translateX(0) rotate(45deg);transform:translateY(5px) translateX(0) rotate(45deg);background-color:#2d2d2d}
#quick_mn_btn.active span:after {-webkit-transform:translateY(-5px) translateX(0) rotate(-45deg);-ms-transform:translateY(-5px) translateX(0) rotate(-45deg);transform:translateY(-5px) translateX(0) rotate(-45deg);background-color:#2d2d2d}


/* 익스 8 */
@media \0screen {
#quick_mn {top:30%}
#popular_maker {height:200px}
#popular_maker .bx-pager{left:31%;bottom:-4px}
#quick_cs h3  {letter-spacing:-0.7px}
}