/* BASIC css start */
#asideMenu { position:fixed; top:0; right:0; width:190px; height:100%; background:#fff; border-left:1px solid #d6d6d6; z-index:100 }

#asideMenu .inner { padding:40px 0 0 15px; }
#asideMenu .inner .tit { font-size:11px; }
#asideMenu .inner .btns p { margin:0 0 10px; }
#asideMenu .inner .btns a { position:relative; display:block; width:129px; height:30px; background-color:#fff; line-height:30px; border:1px solid #e2e2e2; padding:0 10px; font-size:11px; }
#asideMenu .inner .btns a:hover { background-color:#f1f1f1; }
#asideMenu .inner .btns a:nth-child(3) { border-top:0; border-bottom:0; }
#asideMenu .inner .btns a i { position:absolute; top:8px; right:0; }

#asideMenu .inner .loginArea { width:149px; height:30px; background-color:#f1f1f1; margin:0 0 30px; }
#asideMenu .inner .loginArea ul { text-align: center; line-height: 30px; margin: 0 auto;}
#asideMenu .inner .loginArea ul li { position:relative; display:inline-block; margin:0 5px; }
#asideMenu .inner .loginArea ul li a { font-weight:bold; font-size:11px; }
#asideMenu .inner .loginArea ul li .joinPoint { position:absolute; top:-20px; right:0; background:url('/design/d4-0036/tem141/point.png') no-repeat; color:#fff; width: 46px;height: 25px; line-height: 22px; }

#asideMenu .inner .cscenter { margin:30px 0 0; }
#asideMenu .inner .cscenter dt { font-size:13px; margin:10px 0 5px; font-weight:bold; }
#asideMenu .inner .cscenter dt.tel { font-size:14px;}
#asideMenu .inner .cscenter dd { font-size:11px; }

#asideMenu .inner .sns { margin:30px 0 0; }
#asideMenu .inner .sns .tit { font-size:11px; margin:0 0 10px; }
#asideMenu .inner .sns a i { font-size:20px; }
#asideMenu .inner .sns a:hover { color:#e2e2e2; }

#asideMenu .asideBottom { position:absolute; bottom:0; left:0; width:100% }
#asideMenu .asideBottom a { display:block; height:70px; color:#616161; text-align:center; font-size:15px; font-weight:bold; }
#asideMenu .asideBottom a .xi-angle-up-thin { font-size:32px; }

#asideMenu .asideBtn { position:absolute; top:45%; left:-28px }
#asideMenu .asideBtn .asideOpen { width:27px; height:80px; font-size:30px; color:#383838; line-height:80px; text-align:center; background:#fff; border:1px solid #d6d6d6;  border-right:0; cursor:pointer; }

/* 우측 고정 오늘 본 상품 롤링 */
#asideMenu .inner .todayView {position: relative;width: 150px; margin:30px 0 0;}
#asideMenu .inner .todayView .tit { padding-bottom:10px; color:#616161; }
#asideMenu .inner .todayView .todaySlider img{width:100%;}
#asideMenu .inner .todayView .bx-controls-direction {opacity:0; position:absolute;top:47%;width:100%;z-index:60;text-align:center;}
#asideMenu .inner .todayView:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#asideMenu .inner .todayView .bx-prev, #asideMenu .inner .todayView .bx-next{position:absolute;top:0;font-size:24px;display:inline-block;}
#asideMenu .inner .todayView .bx-prev{left:2px;}
#asideMenu .inner .todayView .bx-next{right:2px;}
#asideMenu .inner .todayView .bx-pager{position:absolute;top:-2px;right:0;}
#asideMenu .inner .todayView .bx-pager-item{transition:all 0.3s ease;display:inline-block;position:relative;}
#asideMenu .inner .todayView .bx-pager-link{display:inline-block;width: 12px;height: 4px;font-size:0;margin:2px;background-color: rgba(140, 140, 140, 0.8);border-radius: 4px;}
#asideMenu .inner .todayView .bx-pager-link.active{width: 26px; background-color: rgba(45, 45, 45, 0.8);}
#asideMenu .inner .btnMore {text-align: center; border: 1px solid #e2e2e2; padding: 4px 0 5px; display: block; margin: 10px 0 0 45px; width: 60px; border-radius: 20px; font-size: 11px;}
#asideMenu .inner .btnMore:hover { background-color:#f1f1f1; }
/* BASIC css end */