/* BASIC css start */
#sunny_header{position:fixed;width:100%;left:0;top:0;z-index:999;}
#sunny_header .header_fixed{position:relative;width:100%;height:70px;}
#sunny_header .header_fixed.fixed{}



#sunny_header .logo{position:absolute;left:6%;top:50%;margin-top:-5px;width:100px;}
#sunny_header .logo img{width:100%;}

#sunny_header .ico_headcart{position:absolute;right:15%;top:50%;margin-top:-10px;width:21px;height:23px;background:url("/design/myaura/sunny/mobile/ico_cart.png") no-repeat 0 0;background-size:21px 23px;transition: all 0.3s ease-in-out;}
#sunny_header .ico_headcart span{position:absolute;bottom:-2px;right:-4px;display:block;font-family:'Work Sans', sans-serif;font-size:10px;width:14px;height:14px;line-height:14px;color:#374254;text-align:center;font-weight:500;background:#adbbc6;border-radius:15px;}
#sunny_header .fixed .ico_headcart{display:block;transition: all 0.3s ease-in-out;}

#sunny_header .ico_menuopen{position:absolute;right:5%;top:50%;margin-top:-8px;width:20px;height:18px;background:url("/design/myaura/sunny/mobile/ico_open.png") no-repeat 0 0;background-size:20px 18px;}



/* rightmenu */
.aside_mobile .catetop_area{padding:6% 8% 0;}

.aside_mobile .catetop_area .list_cateaside{padding-top:5%;}
.aside_mobile .catetop_area .list_cateaside a{font-family:'Work Sans', sans-serif;font-size:11px;color:#adbbc6;margin:0 4% 0 0;}


.asidemobile_box{padding-bottom:12%;}
.asidemobile_box dl{margin:12% 8% 0;}

.asidemobile_box dt{font-family:'Work Sans', sans-serif;font-size:16px;line-height:16px;color:#adbbc6;font-weight:300;text-transform:uppercase;margin-bottom:4%;}
.asidemobile_box dt a{color:#adbbc6;}
.asidemobile_box dd{}
.asidemobile_box li{}
.asidemobile_box li a{font-family:'Work Sans', sans-serif;color:#5e6a7d;font-size:12px;line-height:28px;text-transform:uppercase;}


/*.menu_on {height:100%;overflow:hidden}
.menu_off {height:auto;overflow:initial}*/

#FindEventClickCheck{display:none !important;}/* 이벤트클릭배너숨김 */

#mask {width:100%;height:100%;position:fixed;top: 0;left:0;right:0;bottom:0;background-color:#adbbc6;z-index:1000;display:none;/*opacity: 0.9;*/}
#wrap {position:relative;width:100%;min-width:320px;overflow:hidden}
#header {position:relative;width:100%;z-index:98;}



/* 카테고리 */
#hmenuclose{display:block;position:absolute;right:7%;top:3%;}
#hmenuclose img{width:15px;}
#hmenuclose.active{display:block;}


.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
aside {/*padding:2% 3%;*/position:fixed; top:0; bottom:0; right:0; left:auto; width:80%; background-color:#0c1120; z-index:1001; overflow-y:scroll; overflow-x:hidden; transform:translate3d(100%,0,0); 
	-moz-transform: translate3d(100%,0,0); 
	-ms-transform:translate3d(100%,0,0); 
	-webkit-transform:translate3d(100%,0,0); 
	-webkit-backface-visibility:hidden; 
	transition:-webkit-transform 400ms ease; 
	transition:transform 400ms ease;
box-sizing:border-box;
}
aside.active{	visibility:visible; 
	-webkit-overflow-scrolling:touch; 
	z-index:1001;
    transform:translate3d(0,0,0); 
	-moz-transform: translate3d(0,0,0); 
	-ms-transform:translate3d(0,0,0); 
	-webkit-transform:translate3d(0,0,0);}



/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:0; left:0; background-color:#adbbc6; z-index:1005; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //최근 본 상품 */


.joinsns_box{margin:20px 15px;padding:20px 10px;background:#fdfcfc;border-top:2px solid #5e6a7d;border-bottom:1px solid #e5e5e5;box-sizing:border-box;}
.joinsns_box .txt{color:#666;font-size:12px;line-height:12px;margin-bottom:5%;letter-spacing:-1px;}
.joinsns_box .btn_box{overflow:hidden;text-align:center;margin:-1% 0 0 -1%;}
.joinsns_box .btn_box a{float:left;width:49%;color:#fff;font-size:13px;height:40px;line-height:39px;margin:1% 0 0 1%;}
.joinsns_box .btn_box a.btn1{background:#0c1120;}
.joinsns_box .btn_box a.btn2{background:#3b5998;}
.joinsns_box .btn_box a.btn3{background:#fee500;}
.joinsns_box .btn_box a.btn4{background:#00c73c;}




#titleArea{position:relative;margin:7% 15px;}
#titleArea h2{font-family:'Work Sans', sans-serif;color:#0c1120;font-size:16px;line-height:16px;font-weight:400;text-transform:uppercase;}
#titleArea .txt{display:none;color:#999;font-size:13px;line-height:19px;margin-top:4%;letter-spacing:-1px;}
#titleArea span.xans-layout-mobileaction{display:none;}

#titleArea2{position:relative;margin:7% 15px;}
#titleArea2 h2{font-family:'Work Sans', sans-serif;color:#0c1120;font-size:16px;line-height:16px;font-weight:400;text-transform:uppercase;}
#titleArea2 .txt{display:block;font-family:'Noto Serif KR', serif;color:#480c3f;font-size:12px;line-height:12px;letter-spacing:-1px;padding-top:3%;}
#titleArea2 span.xans-layout-mobileaction{display:none;}


.titleArea{margin:7% 15px;}
.titleArea h2{font-family:'Work Sans', sans-serif;color:#0c1120;font-size:16px;line-height:16px;font-weight:400;text-transform:uppercase;}
.titleArea h2 span{display:block;}
.titleArea .txt{display:none;color:#999;font-size:20px;line-height:35px;margin-top:30px;letter-spacing:-1px;}
.titleArea p{color:#999;font-size:20px;line-height:35px;margin-top:30px;letter-spacing:-1px;}

.hr_layout {
    display: block;
    width: 100%;
    height: 1px;
    background: #e7e7e7;
    outline: 0;
    border: 0;
    margin:10% 0;
}


/* sub */
.subtopban_area{position:relative;height:200px;margin-bottom:15%;}
.subtopban_area .bgbox{position:relative;height:200px;overflow:hidden;z-index:1;}
.subtopban_area .bgbox .bg{position:absolute;width:100%;height:300px;top:-70px;}

.subtopban_area .bgbox.subbg_shop .bg{background:url("/design/myaura/sunny/images/subtopbg_shop.jpg") no-repeat center 0;background-size:cover;}
.subtopban_area .bgbox.subbg_shopnew .bg{background:url("/design/myaura/sunny/images/subtopbg_shopnew.jpg") no-repeat 85% 0;background-size:cover;}
.subtopban_area .bgbox.subbg_shopbest .bg{background:url("/design/myaura/sunny/images/subtopbg_shopbest.jpg") no-repeat center 0;background-size:cover;}
.subtopban_area .bgbox.subbg_shopart .bg{background:url("/design/myaura/sunny/images/subtopbg_shopart.jpg") no-repeat center 0;background-size:cover;}

.subtopban_area .bgbox.subbg_event .bg{background:url("/design/myaura/sunny/images/subtopbg_event.jpg") no-repeat 80% 0;background-size:cover;}

.subtopban_area .bgbox.subbg_stockist .bg{background:url("/design/myaura/sunny/images/subtopbg_stockist.jpg") no-repeat 70% 0;background-size:cover;}
.subtopban_area .bgbox.subbg_academy .bg{background:url("/design/myaura/sunny/images/subtopbg_academy.jpg") no-repeat center 0;background-size:cover;}

.subtopban_area .bgbox.subbg_review .bg{background:url("/design/myaura/sunny/images/subtopbg_review.jpg") no-repeat 56% 0;background-size:cover;}
.subtopban_area .bgbox.subbg_cs .bg{background:url("/design/myaura/sunny/images/subtopbg_cs.jpg") no-repeat center 0;background-size:cover;}
.subtopban_area .bgbox.subbg_membership .bg{background:url("/design/myaura/sunny/images/subtopbg_cs.jpg") no-repeat 80% 0;background-size:cover;}
.subtopban_area .bgbox.subbg_ingred .bg{background:url("/design/myaura/sunny/images/subtopbg_ingred.jpg") no-repeat 25% 0;background-size:cover;}


/* list */
.mproduct_box{font-size:0;letter-spacing:-5px;overflow:hidden;margin-left:-3.5%;padding:0 15px;}
.mproduct_box li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:46.5%;margin:0 0 10% 3.5%;overflow:hidden;}
.mproduct_box li a{display:block;}

.mproduct_box .img_box{position:relative;overflow:hidden;z-index:1;}
.mproduct_box .img_box .img_over{display:none;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;z-index:2;}
.mproduct_box .img_box .img_over img{width:100%;}
.mproduct_box .img_box .img{position:relative;z-index:1;}
.mproduct_box .img_box .img img{width:100%;}

.mproduct_box .info_box{padding-top:13%;text-align:left;white-space:normal;}
.mproduct_box .txt{font-family:'Work Sans', sans-serif;color:#0d1322;font-size:12px;line-height:16px;text-transform:uppercase;}
.mproduct_box .tit{font-family:'Work Sans', sans-serif;color:#0d1322;font-size:12px;line-height:16px;text-transform:uppercase;}

.mproduct_box .price_box{position:relative;margin-top:4%;}
.mproduct_box .price_box .strike{font-family:'Work Sans', sans-serif;display:inline-block;color:#666;font-size:11px;line-height:13px;padding-right:3px;text-decoration:line-through;font-weight:normal;}
.mproduct_box .price_box .price{font-family:'Work Sans', sans-serif;display:inline-block;color:#0d1322;font-size:13px;line-height:13px;}


/*상품목록*/
.menuCategory{margin-left:15px;}
.menuCategory ul{ text-align:left; font-size:0; line-height:0; padding:0 0 10%;}
.menuCategory li { position:relative; display:inline-block;  vertical-align:top; margin:0 6% 0 0;}
.menuCategory li > a {font-family:'Work Sans', sans-serif;display:block;  color:#cfd0d3; font-size:16px;line-height:16px;text-transform:uppercase;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.menuCategory li > a:hover { color:#0c1120;text-decoration:none;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.menuCategory li > a.active { color:#0c1120;}



/* BASIC css end */