/* BASIC css start */
/* layout */
.sunny_inner{width:1300px;margin:0 auto;}

.topban_area{position:absolute;left:0;top:0;width:100%;height:50px;background:#0e1424;z-index:9999;}
.topban_area .sunny_inner{display:block;color:#5e6a7d;font-size:13px;height:50px;line-height:48px;letter-spacing:-1px;text-align:center;}
.topban_area .ico{display:inline-block;width:7px;margin:-1px 0 0 7px;vertical-align:top;}
.topban_area .ico img{display:inline-block;width:100%;}

#sunny_header{position:fixed;left:0;top:50px;width:100%;min-width:1300px;z-index:9999;}
#sunny_header.fixed{top:0;}
#sunny_header.fixed2{top:0;}

#sunny_header .header_inner{position:relative;height:90px;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;}
#sunny_header.fixed .header_inner{background:#0c1120;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;}

#sunny_header .logo{position:absolute;left:50%;top:50px;margin-left:-81px;width:163px;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;}
#sunny_header .logo img{width:100%;}
#sunny_header.fixed .logo{margin-left:-70px;width:140px;top:30px;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;}

.gnb{position:absolute;left:80px;top:62px;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;}
.fixed .gnb{display:block;top:37px;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;}
.gnb > ul{font-size:0;letter-spacing:-5px;/*overflow:hidden;*/text-align:center;}
.gnb > ul > li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;padding:0 40px 50px 0;}
.gnb > ul > li > a{position:relative;display:block;font-family:'Work Sans', sans-serif;color:#adbbc6;font-size:14px;line-height:14px;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;}
.gnb > ul > li > a:hover{color:#adbbc6;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;}
.gnb > ul > li > .gnbmenu{position:relative;display:block;font-family:'Work Sans', sans-serif;color:#adbbc6;font-size:14px;line-height:14px;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;cursor:pointer;}
.gnb > ul > li > .gnbmenu:hover{color:#adbbc6;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;}
.gnb > ul > li > .gnbmenu.active{color:#adbbc6;}

.gnb .submenu_box{display:none;position:absolute;top:32px;width:150px;padding:14px 4px 14px 20px;background:#151b2e;text-align:left;box-shadow:5px 5px 10px rgba(0, 0, 0, .05);-ms-box-shadow:5px 5px 10px rgba(0, 0, 0, .05);-moz-box-shadow:5px 5px 10px rgba(0, 0, 0, .05);-webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, .05);box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.gnb .submenu_box.sub1{left:-20px;width:150px;}
.gnb .submenu_box.sub2{left:-20px;width:150px;}
.gnb .submenu_box.sub3{left:-20px;width:150px;}
.gnb .submenu_box.sub4{left:-20px;width:150px;}
.gnb .submenu_box ul{}
.gnb .submenu_box li{}
.gnb .submenu_box li a{font-family:'Work Sans', sans-serif;display:block;color:#5e6a7d;font-size:12px;line-height:12px;letter-spacing:0;padding:7px 0 7px 0;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;vertical-align:top;}
.gnb .submenu_box li a:hover{color:#adbbc6;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;}


@media screen and (max-width:1410px) {
.gnb > ul > li{padding-right:22px;}
}

.utill_box{position:absolute;right:98px;top:58px;width:140px;text-align:right;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;z-index:2;}
.fixed .utill_box{display:block;top:32px;}

.utill_box .ico_utsearch{display:inline-block;}
.utill_box .ico_utsearch img{height:22px;}

.utill_box .btn_popopen{position:relative;display:inline-block;height:50px;padding-left:25px;}
.utill_box .btn_popopen img{height:22px;}
.utill_box .btn_popopen .ico{position:absolute;top:-35px;left:50%;margin-left:-20px;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;}
.utill_box .btn_popopen .ico img{height:17px;}
.fixed .utill_box .btn_popopen .ico{display:none;top:-25px;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;}

.utill_box .loginutill_pop{display:none;position:absolute;top:36px;left:50%;margin-left:-47px;width:116px;text-align:left;}
.utill_box .loginutill_pop .loginpop_in{padding:8px 4px 9px 0;border:1px solid #151b2e;background:#151b2e;}

/*.utill_box .loginutill_pop .loginpop_in .pop_arr{position:absolute;left:50%;top:0;margin-left:-6px;width:12px;height:7px;background:url("/sunny/images/ico_utillpoparr.png") no-repeat 0 0;background-size:12px 7px;}*/

.utill_box .loginutill_pop .loginpop_in a{position:relative;display:block;color:#5e6a7d;font-size:13px;line-height:13px;letter-spacing:-1px;padding:8px 0 8px 13px;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;vertical-align:top;}
.utill_box .loginutill_pop .loginpop_in a:hover{color:#adbbc6;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;}
.utill_box .loginutill_pop .loginpop_in .point{position:absolute;right:5px;top:50%;margin-top:-7px;display:inline-block;font-family:'Roboto',sans-serif;font-size:10px;color:#adbbc6;height:15px;line-height:15px;background:#0d0d0d;padding:0 7px 0 5px;border-radius:15px;-ms-border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;letter-spacing:-0.5px;}

.utill_box .ico_utcart{position:relative;padding:0 6px 0 25px;}
.utill_box .ico_utcart img{height:22px;}
.utill_box .ico_utcart span{position:absolute;right:0;bottom:-5px;display:inline-block;font-family:'Roboto', sans-serif;font-size:10px;color:#374254;width:14px;height:14px;line-height:14px;background:#adbbc6;border-radius:14px;-ms-border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;text-align:center;font-weight:500;vertical-align:top;}

/* searchbox */
.searchArea{display:none;position:absolute;top:148px;left:0;width:100%;height:78px;background:rgba(255,255,255,.9);transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;}
.fixed .searchArea{top:100px;background:rgba(255,255,255,.9);transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;}
.searchArea .search{position:relative;width:800px;margin:15px auto 0;padding-bottom:10px;border-bottom:1px solid #0c1120;}
.searchArea .MS_search_word{font-family:'Work Sans', sans-serif;font-size:16px;color:#0c1120;width:700px;border:0;padding:0 45px;margin:0;height:32px;line-height:32px;background:none;}
.searchArea .MS_search_word::placeholder{color:#0c1120;}
.searchArea .ico_usearch{position:absolute;left:0;top:5px;width:22px;}
.searchArea .ico_usearch img{width:100%;}
.searchArea .ico_searclose{position:absolute;right:10px;top:6px;width:16px;}
.searchArea .ico_searclose img{width:100%;}

/* kakao button */
.side_kakao{position:fixed;right:25px;bottom:25px;width:40px;z-index:99;}
.side_kakao img{width:100%;}

/** 사이드위아래버튼 **/
.side_btn{display:none;width:30px;height:auto;text-align:center;position:fixed;bottom:25px;right:25px;z-index:99;}
.side_btn.active{display:block;}
.side_btn .inner {width:100%;height:auto;overflow:hidden;}
.side_btn .inner img{display:block;width:30px;height:30px;margin-bottom:1px;}


#content{}





/* sub */
.subtopban_area{position:relative;height:400px;margin-bottom:98px;}
.subtopban_area .bgbox{position:relative;min-width:1300px;height:400px;overflow:hidden;z-index:1;}
.subtopban_area .bgbox .bg{position:absolute;width:100%;height:470px;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 center 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 center 0;background-size:cover;}

.subtopban_area .bgbox.subbg_stockist .bg{background:url("/design/myaura/sunny/images/subtopbg_stockist.jpg") no-repeat center 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 center 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 center 0;background-size:cover;}
/*.subtopban_area .bgbox.subbg_membership .bg{background:url("/design/myaura/sunny/images/subtopbg_membership.jpg") no-repeat center 0;background-size:cover;}*/
.subtopban_area .bgbox.subbg_ingred .bg{background:url("/design/myaura/sunny/images/subtopbg_ingred.jpg") no-repeat center 0;background-size:cover;}


.subtopban_area2{position:relative;height:400px;margin-bottom:95px;}
.subtopban_area2 .bgbox{position:relative;min-width:1300px;height:400px;overflow:hidden;z-index:1;}
.subtopban_area2 .bgbox .bg{width:100%;height:400px;}
.subtopban_area2 .bgbox.subbg_shop .bg{width:100%;height:400px;background:url("/design/myaura/sunny/images/subtopbg_shop.jpg") no-repeat 0 0;background-size:2000px 400px;background-attachment:fixed;}


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


/* list */
.mproduct_box{width:1335px;font-size:0;letter-spacing:-5px;overflow:hidden;margin:0 0 0 -35px;}
.mproduct_box li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:410px;margin:0 0 90px 35px;overflow:hidden;}
.mproduct_box li a{display:block;}

.mproduct_box .img_box{position:relative;width:410px;height:410px;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:410px;height:410px;}
.mproduct_box .img_box .img{position:relative;z-index:1;}
.mproduct_box .img_box .img img{width:410px;height:410px;}

/*.mproduct_box .img{position:relative;width:410px;height:410px;overflow:hidden;z-index:1;}
.mproduct_box .img img{
position:absolute;
left:0;
top:0;
width:100%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
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;
z-index:1;
}
.mproduct_box li:hover .img img{
transform: scale(1.02);
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
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;

}*/

.mproduct_box .info_box{padding-top:45px;text-align:left;}
.mproduct_box .txt{font-family:'Work Sans', sans-serif;color:#0d1322;font-size:20px;line-height:26px;text-transform:uppercase;}
.mproduct_box .tit{font-family:'Work Sans', sans-serif;color:#0d1322;font-size:20px;line-height:26px;text-transform:uppercase;}

.mproduct_box .price_box{position:relative;margin-top:20px;}
.mproduct_box .price_box .strike{font-family:'Work Sans', sans-serif;display:inline-block;color:#666;font-size:12px;line-height:15px;padding-right:5px;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:15px;line-height:15px;}







/* SNS로그인 */
.joinsns_box{width:450px;margin:0 auto;padding:30px 20px;background:#fdfcfc;border-top:2px solid #5e6a7d;border-bottom:1px solid #e5e5e5;margin-top:30px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.joinsns_box .txt{color:#666;font-size:14px;line-height:22px;margin-bottom:20px;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:50px;line-height:50px;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;}


/* BASIC css end */