/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}


/* main */
.title_main{position:relative;margin:0 0 10%;}
.title_main h2{font-family:'Work Sans', sans-serif;font-size:27px;line-height:27px;color:#0e1424;font-weight:200;letter-spacing:-1px;text-transform:uppercase;}

.title_main .txt_more{font-family:'Work Sans', sans-serif;color:#d3d5d7;font-size:12px;line-height:12px;margin-top:5%;text-transform:uppercase;}
.title_main .txt_more a{color:#d3d5d7;}

.btn_mainmore{font-family:'Work Sans', sans-serif;color:#b49a9a;font-size:13px;line-height:13px;margin-top:10%;text-align:center;}
.btn_mainmore a{color:#5d6066;}



/* mainvisual */
.mainvisual_area{position:relative;/*height:100vh;*/overflow:hidden;background:#0c1120;}

.mainvisual_area .box{outline:0;}
.mainvisual_area .box a{outline:0;}

.mainvisual_area .ctrl_box{display:none;}
.mainvisual_area .prev{position:absolute;left:20px;top:50%;width:40px;height:40px;margin-top:-20px;}
.mainvisual_area .next{position:absolute;right:20px;top:50%;width:40px;height:40px;margin-top:-20px;}

.mainvisual_area .slick-list{z-index:1;}
.mainvisual_area .slick-dots{position:absolute;left:0;bottom:50px;width:100%;z-index:2;text-align:center;}
.mainvisual_area .slick-dots li{display:inline-block;margin:0 4px;width:10px;height:10px;background:#374254;/*filter:alpha(opacity=90);opacity:0.9;*/border-radius:10px;-ms-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.mainvisual_area .slick-dots li.slick-active{background:#fff;filter:alpha(opacity=100);opacity:1;}
.mainvisual_area .slick-dots li span{display:inline-block;text-indent:-999em;}


.mainvisual_area .box{position:relative;/*height:100vh;*/}
.mainvisual_area .box img{width:100%;}

.mainvisual_area .img_box{position:relative;width:100%;height:100vh;z-index:1;filter:alpha(opacity=0);opacity:0;}
.mainvisual_area .img_box.on{filter:alpha(opacity=100);opacity:1;}

.mainvisual_area .text_box{position:absolute;left:5%;right:5%;top:50%;transform:translateY(-65%);width:90%;}

.mainvisual_area .text_box .text1{text-align:center;/*position:relative;width:100%;filter:alpha(opacity=0);opacity:0;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;*/}
.mainvisual_area .text_box.on .text1{/*filter:alpha(opacity=100);opacity:1;*/}
.mainvisual_area .text_box .text1 img{display:inline-block;width:80%;}

.mainvisual_area .text_box .text2{display:none;position:absolute;left:0;right:0;top:57%;transform:translateY(-50%);text-align:center;filter:alpha(opacity=0);opacity:0;transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;z-index:2;}
.mainvisual_area .text_box.on .text2{filter:alpha(opacity=100);opacity:1;}
.mainvisual_area .text_box .text2 img{display:inline-block;width:90%;}


.maintabpro_area{padding:20% 0 21%;}
.maintabpro_area .title{padding:0 5%;}
.maintabpro_area .title h2{font-family:'Work Sans', sans-serif;color:#0d1322;font-size:24px;line-height:30px;font-weight:400;text-transform:uppercase;letter-spacing:-0.5px;}

.maintabpro_area .tab{margin:8% 0 9% 5%;overflow:hidden;}
.maintabpro_area .tab li{float:left;font-family:'Work Sans', sans-serif;color:#dededf;font-size:16px;line-height:16px;font-weight:400;margin-right:5%;cursor:pointer;text-transform:uppercase;}
.maintabpro_area .tab li.active{color:#0d1322;}

.maintabpro_area .mainbest_panel{position:relative;}
.maintabpro_area .panel_area{display:none;}
.maintabpro_area .panel_area.active{display:block;}

.maintabpro_box{position:relative;width:100%;}

.maintabpro_box ul{position:relative; overflow-y:hidden; overflow-x:auto;padding:0 2% 0 5%;font-size:0; white-space: nowrap; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; z-index:1;}
.maintabpro_box ul::-webkit-scrollbar {display: none; width: 0 !important; height: 0 !important; background-color: transparent}
.maintabpro_box li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:130px;margin-right:10px;}

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

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

.maintabpro_box .price_box{position:relative;margin-top:4%;}
.maintabpro_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;}
.maintabpro_box .price_box .price{font-family:'Work Sans', sans-serif;display:inline-block;color:#0d1322;font-size:13px;line-height:13px;}


.mbrandstory_area{position:relative;height:400px;overflow:hidden;}
.mbrandstory_area dl{position:absolute;left:5%;right:5%;top:135px;text-align:center;z-index:2;}
.mbrandstory_area dt{font-family:'Work Sans', sans-serif;color:#fff;font-size:21px;line-height:28px;font-weight:400;text-transform:uppercase;}
.mbrandstory_area .txt_more{font-family:'Work Sans', sans-serif;color:#fff;font-size:13px;line-height:13px;text-transform:uppercase;margin-top:10%;}
.mbrandstory_area .txt_more span{display:inline-block;border-bottom:1px solid #fff;padding-bottom:2px;letter-spacing:-1px;}

.mbrandstory_area .bgbox{position:relative;height:400px;overflow:hidden;z-index:1;}
.mbrandstory_area .bgbox .bg{position:absolute;width:100%;height:500px;background:url("/design/myaura/sunny/images/bg_mbrandstory.jpg") no-repeat center 100%;background-size:cover;}
.mbrandstory_area .bgbox .bg img{display:none;}


.messentials_area{position:relative;overflow:hidden;background:#fff;}
.messentials_area .title{width:84%;margin:0 auto;/*position:absolute;top:12%;left:5%;*/}
.messentials_area .title h2{font-family:'Work Sans', sans-serif;color:#0d1322;font-size:17px;line-height:17px;font-weight:500;text-transform:uppercase;letter-spacing:-0.5px;}

.messentials_area .box{outline:0;}
.messentials_area .box a{display:block;outline:0;}

.messentials_area .ctrl_box{display:none;}
.messentials_area .prev{position:absolute;left:20px;top:50%;width:40px;height:40px;margin-top:-20px;}
.messentials_area .next{position:absolute;right:20px;top:50%;width:40px;height:40px;margin-top:-20px;}

.messentials_area .slick-list{z-index:1;}
.messentials_area .slick-dots{position:absolute;right:7%;top:62%;z-index:2;}
.messentials_area .slick-dots li{display:inline-block;margin:0 6px 0 0;width:10px;height:10px;background:#e6e7e9;border-radius:10px;}
.messentials_area .slick-dots li.slick-active{background:#0e1424;filter:alpha(opacity=100);opacity:1;}
.messentials_area .slick-dots li span{display:inline-block;text-indent:-999em;}


.messentials_area .box{position:relative;}

.messentials_area .img_box{margin-bottom:12%;/*position:absolute;right:0;top:50%;transform:translateY(-50%);width:60%;filter:alpha(opacity=0);opacity:0;z-index: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;*/}
.messentials_area .img_box.on{/*filter:alpha(opacity=100);opacity:1;*/}
.messentials_area .img_box img{width:100%;}

.messentials_area .text_box{width:84%;margin:0 auto;/*position:absolute;left:5%;bottom:15%;filter:alpha(opacity=0);opacity:0;z-index:2;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;*/}
.messentials_area .text_box.on{/*filter:alpha(opacity=100);opacity:1;*/}
.messentials_area .text_box dt{font-family:'Work Sans', sans-serif;color:#0e1424;font-size:44px;line-height:44px;text-transform:uppercase;font-weight:500;padding:6% 0 0;}
.messentials_area .text_box dd.txt1{font-family:'Work Sans', sans-serif;color:#0e1424;font-size:13px;line-height:18px;text-transform:uppercase;padding:6% 0 5%;}
.messentials_area .text_box dd.txt2{color:#0e1424;font-size:13px;line-height:20px;text-transform:uppercase;font-weight:300;letter-spacing:-1.5px;}


.mmakersstory_area{padding:20% 0 18%;}
.mmakersstory_area .title{text-align:center;margin-bottom:6%;}
.mmakersstory_area .title h2{font-family:'Work Sans', sans-serif;color:#0d1322;font-size:22px;line-height:28px;font-weight:400;text-transform:uppercase;letter-spacing:-0.5px;}

.mmakersstory_area .box{outline:0;}
.mmakersstory_area .box a{outline:0;}

.mmakersstory_area .ctrl_box{display:none;}
.mmakersstory_area .prev{position:absolute;left:20px;top:50%;width:40px;height:40px;margin-top:-20px;}
.mmakersstory_area .next{position:absolute;right:20px;top:50%;width:40px;height:40px;margin-top:-20px;}

.mmakersstory_area .slick-list{z-index:1;}
.mmakersstory_area .slick-dots{margin-top:10%;width:100%;z-index:2;text-align:center;}
.mmakersstory_area .slick-dots li{display:inline-block;margin:0 3px;width:10px;height:10px;background:#e6e7e9;border-radius:10px;}
.mmakersstory_area .slick-dots li.slick-active{background:#0e1424;filter:alpha(opacity=100);opacity:1;}
.mmakersstory_area .slick-dots li span{display:inline-block;text-indent:-999em;}
.mmakersstory_area .slick-dots li button{display:inline-block;text-indent:-999em;outline:0;border:0;}

.mmakersstory_area .item{text-align:center;outline:0;padding:0 1%;}
.mmakersstory_area .item a{outline:0;}

.mmakersstory_area .t1{display:block;font-size:20px;line-height:20px;color:#0e1424;font-weight:300;padding-bottom:5px;}
.mmakersstory_area .t2{display:block;font-size:20px;line-height:20px;color:#0e1424;font-weight:300;padding-top:20px;}

.mmakersstory_area dt{font-family:'Work Sans', sans-serif;color:#0e1424;font-size:13px;line-height:22px;text-transform:uppercase;}
.mmakersstory_area dd.txt1{color:#0e1424;font-size:13px;line-height:22px;font-weight:300;letter-spacing:-1px;}
.mmakersstory_area dd.txt2{color:#dededf;font-size:11px;line-height:11px;font-weight:400;letter-spacing:-1px;padding-top:3%;}


.mreivew_area{padding:20% 5%;background:#0e1424;overflow:hidden;}
.mreivew_area .title_main h2{color:#fff;}

.bestreview_box{position:relative;}

.bestreview_box .ctrl{}
.bestreview_box .ctrl img{width:8px;height:15px;}
.bestreview_box .prev{left:-4%;cursor:pointer;display:block;position:absolute;width:8px;height:15px;top:50%;margin-top:-7px;z-index:2;outline:none;}
.bestreview_box .next{right:-4%;cursor:pointer;display:block;position:absolute;width:8px;height:15px;top:50%;margin-top:-7px;z-index:2;outline:none;}

.bestreview_slide{}
.bestreview_slide .item{margin:0 0.1%;outline:0;}
.bestreview_slide .item a{outline:0;}

.bestreview_slide dl{}

.bestreview_slide .img{position:relativez-index:1;overflow:hidden;}
.bestreview_slide .img img{width:100%;}


.minsta_area{padding:20% 5%;background:url("/design/myaura/sunny/images/bg_minsta.jpg") no-repeat 0 0;background-size:cover;}
/*.minsta_box{overflow:hidden;margin: -8px;}
.minsta_box a{float:left;width:33.33%;padding:12px;box-sizing:border-box;}
.minsta_box a img{width:100%;}*/

.minsta_box{overflow:hidden;margin:-9px;}




/* BASIC css end */