/* BASIC css start */
aside{position:fixed; top:0; left:0; width:360px; height:100%; text-align:left; z-index:1000; padding:70px 50px 0; background:#fff; border-right:1px solid #f3f3f3; box-sizing:border-box;}

aside section{margin-bottom:70px;}
aside section ul{}
aside section ul li{}
aside section ul li a{display:block; font-size:11px; letter-spacing:0.5px; text-transform:uppercase; position:relative; left:0; -webkit-transition:0.15s ease-in-out; -moz-transition:0.15s ease-in-out; -o-transition:0.15s ease-in-out; transition:0.15s ease-in-out;}

/* 로그인메뉴 */
#user{margin-bottom:107px;}
#user ul{font-size:0; line-height:0; letter-spacing:0;}
#user > ul > li{display:inline-block; vertical-align:middle; font-size:11px; line-height:18px; position:relative;}
#user > ul > li:first-child a{padding-left:0;}
#user > ul > li:last-child{margin-right:0;}
#user > ul > li:last-child:before{display:none;}
#user > ul > li:before{content:"/"; font-family:sans-serif; position:absolute; top:5px; right:-2px;}
#user > ul > li a{display:block; padding:4px 16px;}
#user > ul > li a i{font-size:14px;}

#joinpoint{position:absolute; top:30px; left:15px; background:#f5f5f5; color:#d0bdb0; width:52px; text-align:center; line-height:20px; border-radius:3px; font-size:10px; letter-spacing:0.5px;}
#joinpoint .tail{position:absolute; left:23px; top:-4px; border-bottom:5px solid #f5f5f5; border-right :5px solid transparent; border-left :5px solid transparent;}


/* 검색영역 */
#searArea{width:100%; position:relative;}
#searArea input{width:86%; box-sizing:border-box; height:30px; line-height:30px; border:none; border-bottom:1px solid #bbb; padding:2px; background:transparent;}
#searArea .btn{position:absolute; top:0; right:0; padding:3px 6px; font-size:15px; cursor:pointer;}
#searArea .btn i{line-height:25px;}

/* 마이쇼핑목록, 게시판목록 */
#aside_list{font-size:0; line-height:0; letter-spacing:0;}
#aside_list ul{display:inline-block; vertical-align:top; line-height:20px; width:46%;text-transform: uppercase;}
#aside_list ul li a:hover{left:3px;}

/* SNS */
#sns{}
#sns ul{font-size:0; line-height:0; letter-spacing:0;}
#sns ul li{display:inline-block; vertical-align:middle; margin-right:20px; line-height:1;}
#sns ul li a{display:block; font-size:13px; color:#9f9f9f; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#sns ul li:hover a{color:#d0bdb0;}

/* 고객센터 */
#cs{position:absolute; bottom:70px; left:50px; margin:0;}
#cs h2{font-size:11px; letter-spacing:1px; margin-top:25px; position:relative; text-transform:uppercase;}
#cs h2 span{display:inline-block; margin-left:8px; color:#d0bdb0;}
#cs h2 span i{vertical-align:-1px; margin-right:1px;}
#cs p{font-size:11px; margin-top:7px; color:#cecece; letter-spacing:0.5px; line-height:16px;}



/* 고정버튼 */
#fix_right{display:inline-block; text-align:center; position:fixed; right:40px; top:50%; transform:translateY(-68px); padding:8px; background:rgba(255,255,255,0.6); border-radius:50px; z-index:1001;}
#fix_right a{display:block;}
#fix_right a img{max-width:100%;}

/* 장바구니버튼 */
#fix_right a.cart{display:table; width:40px; height:40px; position:relative;}
#fix_right a.cart strong{position:absolute; top:0px; right:0px; display:inline-block; line-height:14px; font-weight:300; color:#d0bdb0; width:14px; height:14px; text-align:center; font-size:10px; background:rgba(234,234,234,0.5); border-radius:100%;}




/* BASIC css end */