/* BASIC css start */
/*====================================================================*/
/******************************* aside *******************************/
/*====================================================================*/
aside { position:fixed; top:0; right:-400px; width:400px; height:100%; text-align:right; z-index:19;}
aside .first { position:absolute; top:0; right:0; width:100%; height:100%; background:#fbf9f5; padding:180px 90px 0 0; box-sizing:border-box; z-index:18;}
aside .second { position:absolute; top:0; right:0; width:100%; height:100%; background:#f1ece5; padding:180px 90px 0 0; box-sizing:border-box; z-index:17;}
aside .second.show { right:100%;}

aside .category ul { }
aside .category ul li { }
aside .category ul li a,
aside .second ul li a { font-size:22px; font-weight:400; line-height:52px; text-transform:uppercase; letter-spacing:-0.4px; color:#5f5950;}
aside .second ul li a { font-weight:300;}

aside .category ul li #btn_sear { float:right;}


aside .member { position:absolute; bottom:100px; right:90px;}
aside .member ul { font-size:0; line-height:0; letter-spacing:0;}
aside .member ul li { display:block;}
aside .member ul li a { font-size:16px; line-height:40px; letter-spacing:-0.3px; font-weight:300; color:#73665c;}
aside .member ul li a.cart { color:#564e42; font-weight:400; position:relative;}
aside .member ul li a.cart strong { display:none; position:absolute; top:16px; right:-13px; width:6px; height:6px; border-radius:30px; background:#564e42; font-size:0;}

#searBox { clear:both;float:right;margin-top:20px; display:inline-block; position:relative; right:-7px; width:220px; opacity:0; visibility:hidden; -webkit-transition:0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
#searBox.show { opacity:1; visibility:visible;}
#searBox fieldset { font-size:0; line-height:0; letter-spacing:0;}
#searBox fieldset input,
#searBox fieldset .btn { display:inline-block; vertical-align:middle;}
#searBox fieldset input { width:100%; height:52px; border:0; border-bottom:1px solid #71614e; padding:0 32px 0 8px; box-sizing:border-box; background:transparent; font-size:18px; letter-spacing:-0.5px; font-weight:300;}
#searBox fieldset input::placeholder { color:#cac8c4;}
#searBox fieldset .btn { position:absolute; top:0; right:0; width:15%; padding:20px 5px; box-sizing:border-box;}

/* 우측 열릴 때 */
#content,
aside,
aside .second { -webkit-transition:right 0.4s ease-in-out;-moz-transition:right 0.4s ease-in-out;-o-transition:right 0.4s ease-in-out;transition:right 0.4s ease-in-out;}
#btn_menu img { -webkit-transition:0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}

#wrap.sideOpen #content { right:250px;}
#wrap.sideOpen aside { right:0;}
#wrap.sideOpen #mask { opacity:0.5; visibility:visible;}
#wrap.sideOpen #btn_menu img { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

/* BASIC css end */