/* 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 */
.btn_mainread{display:block;font-family: 'Roboto', sans-serif;font-size:11px;line-height:11px;color:#a3969d;margin-top:10%;text-transform:uppercase;text-align:center;}

.mainvisual_area{position:relative;width:100%;}
.mainvisual_area .flexs{position:relative;z-index:1;}
.mainvisual_area .slides{overflow:hidden;}
.mainvisual_area .slides li{position:relative;}
.mainvisual_area .slides li .img_slider{position:relative;width:100%;}
.mainvisual_area .slides li img{width:100%;}
.mainvisual_area .slides li .textbox{}
.mainvisual_area .flex-control-nav{position:absolute;width:100%;bottom:4%;text-align:center;z-index:2;}
.mainvisual_area .flex-control-nav li{display:inline-block;}
.mainvisual_area .flex-control-nav li a{display: inline-block;width:8px;height:8px;margin:0 3px;background:#fff;border-radius:8px;text-indent: -999em;opacity:0.2;filter: alpha(opacity=20);}
.mainvisual_area .flex-control-nav li a.flex-active{background:#fff;opacity:1;filter: alpha(opacity=100);}
.mainvisual_area .flex-direction-nav{display:none;}

.main_menu{padding:8% 1% 0;}
.main_menu ul{font-size:0;letter-spacing:-5px;overflow:hidden;margin:-1% 0 0 -1%;}
.main_menu li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:24%;margin:1% 0 0 1%;text-align:center;}
.main_menu li a{display:block;padding:11% 0 12%;color:#480c3f;font-size:11px;line-height:11px;border:1px solid #f1f1f1;letter-spacing:-1px;background:#fbfafb;vertical-align:top;}


.mbrand_area{}
.mbrand_area .sunny_inner{padding:15% 0;}

.mbrand_box{position:relative;padding:0 10%;}
.mbrand_box .img{width:100%;}
.mbrand_box .img img{width:100%;}

.mbrand_box dl{padding:8% 0 0;text-align:center;}
.mbrand_box dt{font-family: 'Noto Serif KR', serif;color:#181818;font-size:20px;line-height:26px;font-weight:400;letter-spacing:-1px;}
.mbrand_box dd.txt{color:#7b7b7b;font-size:12px;line-height:18px;letter-spacing:-1px;padding-top:3%;}
.mbrand_box dd.txt_read{font-family: 'Roboto', sans-serif;font-size:11px;line-height:11px;color:#d5c6c4;padding-top:8%;text-transform:uppercase;}
.mbrand_box .flex-control-nav{display:none;}
.mbrand_box .flex-control-nav li a.flex-active{background:#fff;opacity:1;filter: alpha(opacity=100);}
.mbrand_box .flex-direction-nav{}
.mbrand_box .flex-prev{position:absolute;top:50%;left:3%;margin-top:-85px;width:10px;height:20px;z-index:11;background:url("/design/fioracom/sunny/images/ico_mpurleft.png") no-repeat 0 0;background-size:10px 20px;text-indent:-9999em;}
.mbrand_box .flex-next{position:absolute;top:50%;right:3%;margin-top:-85px;width:10px;height:20px;z-index:11;background:url("/design/fioracom/sunny/images/ico_mpurright.png") no-repeat 0 0;background-size:10px 20px;text-indent:-9999em;}



.mfact_area{background:#240219;}
.mfact_area .sunny_inner{padding:15% 0;}
.mfact_area .title_main h2{position:relative;display:inline-block;padding-right:17px;color:#fff;background:url("/design/fioracom/sunny/images/line_title3.png") no-repeat 50% 0;background-size:100px 6px;}
.mfact_area .title_main .txt{color:#fff;}
.mfact_area .title_main .txt_num{position:absolute;top:31%;right:0;display:inline-block;}


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

.mfact_box .img{position:relative;border:1px solid #3a1c30;overflow:hidden;z-index:1;}
.mfact_box .img img{width:100%;}

.mfact_box dl{position:relative;margin-top:-15px;text-align:center;z-index:2;}
.mfact_box dt{font-family: 'Roboto', serif;font-size:10px;line-height:10px;color:#fff;font-weight:500;margin-bottom:5%;}
.mfact_box dt span{display:block;height:50px;font-style:italic;text-align:center;}
.mfact_box dt span.txt_num1{padding-left:10px;}
.mfact_box dt span.txt_num5{padding-left:6px;}
.mfact_box dt span.txt_num6{padding-left:6px;}
.mfact_box dt span.txt_num7{padding-left:10px;}
.mfact_box dt span img{height:35px;}
.mfact_box dd{font-family: 'Noto Serif KR', serif;color:#fff;font-size:10px;line-height:16px;font-weight:400;letter-spacing:-1px;}
.mfact_box dd span{background:url("/design/fioracom/sunny/images/line_mfact.png") repeat-x 0 bottom;background-size:5px 5px;}



.bestcoll_area{padding:15% 3%;border-top:1px solid #f1f1f1;}
.bestcoll_area .tab{overflow:hidden;padding-bottom:5%;}
.bestcoll_area .tab li{float:left;width:50%;border:1px solid #f1f1f1;background:#fbfafb;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.bestcoll_area .tab li.active{border:1px solid #f1f1f1;background:#fbfafb}

.bestcoll_area .tab li.first{}
.bestcoll_area .tab li.first span{}
.bestcoll_area .tab li span{font-family: 'Roboto', serif;color:#480c3f;font-size:11px;display:block;height:36px;line-height:35px;text-align:center;cursor:pointer;letter-spacing:1px;text-transform:uppercase;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.bestcoll_area .tab li.active{background:#480c3f;}
.bestcoll_area .tab li.active span{color:#fff;border:1px solid #480c3f;}

.bestcoll_area .panel_area{display:none;}
.bestcoll_area .panel_area.active{display:block;}

.bestcoll_area .panel_area .left_box{position:relative;/*background:url("/design/fioracom/sunny/images/img_mbest1.jpg") no-repeat 5px 5px;*/border:1px solid #ece6eb;padding:1px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.bestcoll_area .panel_area .left_box .title{position:absolute;bottom:1px;left:1px;font-family: 'Noto Serif KR', serif;color:#fff;font-size:11px;line-height:14px;padding:8px;letter-spacing:-0.5px;z-index:2;}
.bestcoll_area .panel_area .left_box .img{position:relative;z-index:1;}
.bestcoll_area .panel_area .left_box .img img{width:100%;}

.bestcoll_area .panel_area .mproduct_box1{}
.mproduct_box1 ul{font-size:0;letter-spacing:-5px;overflow:hidden;}
.mproduct_box1 li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:48%;margin:0 1% 6%;overflow:hidden;}
.mproduct_box1 li a{display:block;}

.mproduct_box1 .bg{display:none;}

.mproduct_box1 .img{position:relative;border:1px solid #f1f1f1;overflow:hidden;z-index:1;padding:10%;box-sizing:border-box;}
.mproduct_box1 .img .num_box{position:absolute;left:5px;top:5px;font-family: 'Roboto', serif;color:#fff;font-size:12px;width:20px;height:20px;line-height:20px;border:1px solid #bf333a;background:#bf333a;text-align:center;}

.mproduct_box1 .img img{width:100%;}


.mproduct_box1 .info_box{margin-top:10%;text-align:center;}
.mproduct_box1 .tit{font-family: 'Noto Serif KR', serif;color:#480c3f;font-size:12px;line-height:16px;letter-spacing:-1px;}
.mproduct_box1 .txt{color:#480c3f;font-size:10px;line-height:12px;letter-spacing:-1px;padding:5% 0 0 0;}
.mproduct_box1 .txt span{display:inline-block;padding-left:5px;}
.mproduct_box1 .txt span:first-child{padding-left:0;}
.mproduct_box1 .price_box{position:relative;padding:15px 0 0 0;}
.mproduct_box1 .price_box .strike{font-family:'Roboto', sans-serif;color:#666;font-size:10px;line-height:12px;padding-right:5px;text-decoration:line-through;font-weight:normal;}
.mproduct_box1 .price_box .price{display:inline-block;font-family:'Roboto', sans-serif;color:#480c3f;font-size:12px;line-height:12px;}
.mproduct_box1 .price_box .won{display:inline-block;font-family:'Roboto', sans-serif;color:#480c3f;font-size:12px;line-height:12px;padding-left:1px;}
.mproduct_box1 .price_box .review_num{display:none;position:absolute;right:20px;top:16px;font-family:'Roboto', sans-serif;font-size:11px;height:20px;line-height:21px;color:#480c3f;padding:0 9px;text-transform:uppercase;background:#480c3f;font-weight:500;}

.mcounter_area{background:url("/design/fioracom/sunny/images/bg_mcounter.jpg") no-repeat center center;background-size:cover;}
.mcounter_area .sunny_inner{overflow:hidden;padding:15% 0;}
.mcounter_area dl{text-align:center;margin-top:10%;}
.mcounter_area dl:first-child{margin-top:0;}
.mcounter_area dt{font-family: 'Noto Serif KR', serif;font-size:14px;line-height:14px;color:#9b8394;margin-bottom:7%;letter-spacing:-1px;}
.mcounter_area dt > span{display:inline-block;padding-left:28px;background:url("/design/fioracom/sunny/images/line_mcounter1.png") no-repeat 0 center;background-size:20px 11px;}
.mcounter_area dt > span > span{display:inline-block;padding-right:28px;background:url("/design/fioracom/sunny/images/line_mcounter2.png") no-repeat 100% center;background-size:20px 11px;}
.mcounter_area .num_counter{display:inline-block;font-family: 'Prata', serif;color:#480c3f;font-size:50px;line-height:50px;vertical-align:top;letter-spacing:-2px;}
.mcounter_area .txt_counter{display:inline-block;font-family: 'Noto Serif KR', serif;font-size:13px;line-height:65px;color:#9b8394;padding:0 0 0 3px;letter-spacing:-1px;vertical-align:middle;}


.bestcoll_area2{padding:15% 0 5%;}
.bestcoll_area2 .tab{overflow:hidden;padding:0 1% 6%;margin-left:-1%;}
.bestcoll_area2 .tab li{float:left;width:32.333333%;/*width:110px;*/margin:0 0 1% 1%;}
.bestcoll_area2 .tab li.active{}

.bestcoll_area2 .tab li.first span{}
.bestcoll_area2 .tab li span{color:#797979;font-size:12px;display:block;height:30px;line-height:28px;text-align:center;border:1px solid #f1f1f1;background:#fbfafb;border-radius:30px;letter-spacing:-1px;}
.bestcoll_area2 .tab li.active{}
.bestcoll_area2 .tab li.active span{color:#fff;border:1px solid #480c3f;background:#480c3f;}

.bestcoll_area2 .panel_area{display:none;}
.bestcoll_area2 .panel_area.active{display:block;}

.msince_area{padding:15% 5%;background:url("/design/fioracom/sunny/images/bg_msince.png") repeat 0 0;}
.msince_area .sunny_inner{}
.msince_area .box{display:block;overflow:hidden;}
.msince_area dl{}
.msince_area dt{padding-bottom:10%;margin-bottom:10%;background:url("/design/fioracom/sunny/images/line_msince.png") no-repeat 0 100%;background-size:80px 13px;}
.msince_area dt .tit1{font-family: 'Playfair Display', serif;color:#480c3f;font-size:20px;line-height:20px;letter-spacing:-1px;margin-bottom:5%;}
.msince_area dt .tit2{font-family: 'Playfair Display', serif;font-size:50px;line-height:50px;color:#480c3f;letter-spacing:-1px;}
.msince_area dt .tit2 span{font-family: 'Prata', serif;font-size:106px;line-height:120px;}
.msince_area .txt1{font-family: 'Noto Serif KR', serif;font-size:40px;line-height:40px;color:#480c3f;letter-spacing:-4px;margin-bottom:25px;}
.msince_area .txt2{font-family: 'Noto Serif KR', serif;font-size:20px;line-height:40px;color:#9d8a99;letter-spacing:-2px;}

.msince_area .img{}
.msince_area .img img{width:100%;}

.mreivew_area{padding:15% 0;}
.mreivew_area .title_main2{margin-bottom:5%;}
.mreivew_area .sunny_inner{overflow:hidden;}
.mreivew_area .left_box{}
.mreivew_area .right_box{margin-top:10%;}

.mreivew_area .mphoto_box{border:1px solid #f1f1f1;border-top:2px solid #57104c;padding:4% 4% 2% 4%;margin:0 2%;box-sizing:border-box;}
.mreivew_area .mphoto_box ul{overflow:hidden;margin-left:-2%;}
.mreivew_area .mphoto_box li{position:relative;float:left;width:23%;margin:0 0 2% 2%;overflow:hidden;}
.mreivew_area .mphoto_box .txt{position:absolute;left:0;top:0;width:171px;height:171px;background:rgba(72, 12, 63, .9);z-index:2;opacity:0;filter:alpha(opacity=0);}
.mreivew_area .mphoto_box .txt div{text-align:center;color:#fff;font-size:16px;line-height:20px;letter-spacing:-2px;padding-top:71px;font-weight:300;}

.mreivew_area .mphoto_box .img{position:relative;z-index:1;}
.mreivew_area .mphoto_box .img img{width:100%;}

.mreivew_area .mtotal_box{border:1px solid #f1f1f1;border-top:2px solid #57104c;padding:3% 3% 3% 5%;margin:0 2%;box-sizing:border-box;}
.mreivew_area .mtotal_box ul{}
.mreivew_area .mtotal_box li{}
.mreivew_area .mtotal_box li a{display:block;font-size:12px;line-height:30px;color:#7f5478;letter-spacing:-1px;}


.mflora_area{padding:15% 5%;background:url("/design/fioracom/sunny/images/bg_msince.png") repeat 0 0;}
.mflora_area .box{display:block;overflow:hidden;}
.mflora_area .img{}
.mflora_area .img img{width:100%;}
.mflora_area .txt{font-family: 'Noto Serif KR', serif;font-size:17px;line-height:17px;color:#480c3f;letter-spacing:-2.5px;padding-top:3%;}
.mflora_area .txt .btn{position:relative;display:inline-block;color:#fff;font-size:11px;height:35px;line-height:33px;padding:0 35px 0 15px;background:#480c3f;vertical-align:top;letter-spacing:0;}
.mflora_area .txt .btn span{position:absolute;right:15px;top:0;}

.bestcoll_area3{padding:15% 0 5%;}
.bestcoll_area3 .tab{overflow:hidden;padding:0 1% 6%;margin-left:-1%;}
.bestcoll_area3 .tab li{float:left;width:32.333333%;/*width:110px;*/margin:0 0 1% 1%;}
.bestcoll_area3 .tab li.active{}

.bestcoll_area3 .tab li.first span{}
.bestcoll_area3 .tab li span{color:#797979;font-size:12px;display:block;height:30px;line-height:28px;text-align:center;border:1px solid #f1f1f1;background:#fbfafb;border-radius:30px;letter-spacing:-1px;}
.bestcoll_area3 .tab li.active{}
.bestcoll_area3 .tab li.active span{color:#fff;border:1px solid #480c3f;background:#480c3f;}

.bestcoll_area3 .panel_area{display:none;}
.bestcoll_area3 .panel_area.active{display:block;}


.mmedia_area{background:#240219;}
.mmedia_area .sunny_inner{padding:15% 0;}
.mmedia_area .title_main h2{color:#fff;background:url("/design/fioracom/sunny/images/line_title3.png") no-repeat 50% 0;background-size:100px 6px;}
.mmedia_area .title_main .txt{color:#fff;}


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

.mmedia_box .img{margin-bottom:6%;border:1px solid #fff;padding:2px;width:100%;box-sizing:border-box;}
.mmedia_box .img img{width:100%;/*height:80px;*/}

.mmedia_box .title{font-family: 'Noto Serif KR', serif;font-size:14px;line-height:18px;color:#fff;letter-spacing:-1px;text-align:center;white-space:normal;}
.mmedia_box .title span{display:block;font-family:'Roboto', sans-serif;font-size:10px;line-height:10px;color:#fff;margin-bottom:5%;letter-spacing:0;font-weight:500;}

.bestcoll_area4{padding:15% 0 5%;}
.bestcoll_area4 .tab{overflow:hidden;padding:0 1% 6%;margin-left:-1%;}
.bestcoll_area4 .tab li{float:left;width:32.333333%;/*width:110px;*/margin:0 0 1% 1%;}
.bestcoll_area4 .tab li.active{}

.bestcoll_area4 .tab li.first span{}
.bestcoll_area4 .tab li span{color:#797979;font-size:11px;display:block;height:30px;line-height:28px;text-align:center;border:1px solid #f1f1f1;background:#fbfafb;border-radius:30px;letter-spacing:-1px;}
.bestcoll_area4 .tab li.active{}
.bestcoll_area4 .tab li.active span{color:#fff;border:1px solid #480c3f;background:#480c3f;}

.bestcoll_area4 .panel_area{display:none;}
.bestcoll_area4 .panel_area.active{display:block;}


.msort_area{padding:15% 0;background:#fcfbfb;}
.msort_box{/*border:1px solid #f5f5f5;background:#fff;*/margin:0 2%;}
.msort_box ul{font-size:0;letter-spacing:-5px;overflow:hidden;}
.msort_box li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:33.333333%;/*border-left:1px solid #f5f5f5;*/text-align:center;box-sizing:border-box;}
.msort_box li:first-child{border-left:0;}
.msort_box li a{display:block;}
.msort_box li .ico{width:90px;height:90px;padding-top:29px;text-align:center;background:#fff;border:1px solid #f5f5f5;border-radius:90px;margin:0 auto;box-sizing:border-box;}
.msort_box li .ico img{width:26px;}
.msort_box li .ico.last img{width:23px;}
.msort_box li .txt{color:#480c3f;font-size:14px;line-height:14px;letter-spacing:-1.5px;padding-top:15%;}

.msort_box li .box1 span{padding-left:15px;background:url("/design/fioracom/sunny/images/ico_msort1.png") no-repeat 0 60%;background-size:11px 11px;}
.msort_box li .box2 span{padding-left:15px;background:url("/design/fioracom/sunny/images/ico_msort2.png") no-repeat 0 60%;background-size:10px 12px;}
.msort_box li .box3 span{padding-left:15px;background:url("/design/fioracom/sunny/images/ico_msort3.png") no-repeat 0 60%;background-size:7px 13px;}


.mainban_area{position:relative;width:100%;padding:15% 0 16%;overflow:hidden;}
.mainban_area.banner1{background:url("/design/fioracom/sunny/images/bg_mbanner1.jpg") no-repeat center center;background-size:cover;}
.mainban_area.banner2{background:url("/design/fioracom/sunny/images/bg_mbanner2.jpg") no-repeat center center;background-size:cover;}
.mainban_area .sunny_inner{position:relative;font-family: 'Noto Serif KR', serif;font-size:14px;line-height:24px;color:#fff;letter-spacing:2px;text-align:center;z-index:2;}

.mainban_area .bgbox{display:none;position:absolute;top:0;left:0;width:100%;min-width:1350px;height:272px;overflow:hidden;z-index:1;}
.mainban_area .bgbox .bg{position:absolute;width:100%;height:440px;}


.mpurephero_area{position:relative;width:100%;overflow:hidden;background:url("http://fioracom.img9.kr/sunny/images/bg_mainpurephero.jpg") no-repeat center center;background-size:cover;}
.mpurephero_area a{display:block;padding:12% 0 13%;}
.mpurephero_area .sunny_inner{position:relative;text-align:center;padding:0 5%;z-index:2;}
.mpurephero_area .txt{font-family: 'Noto Serif KR', serif;font-size:18px;line-height:28px;color:#fff;letter-spacing:-1px;}
.mpurephero_area .btn{font-family: 'Roboto', sans-serif;width:170px;height:44px;line-height:42px;font-size:14px;color:#fff;margin:6% auto 0;font-weight:500;text-transform:uppercase;border:1px solid #fff;border-radius:44px;box-sizing:border-box;}

.mpurephero_area .bgbox{display:none;position:absolute;top:0;left:0;width:100%;min-width:1350px;height:500px;overflow:hidden;z-index:1;}
.mpurephero_area .bgbox .bg{position:absolute;width:100%;height:610px;}



.mrealstory_area{padding:15% 0;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.mrealstory_box{overflow:hidden;}
.mrealstory_box ul{position:relative; overflow-y:hidden; overflow-x:auto;padding:0 3% 0 3%; margin-bottom: -8px; font-size:0; white-space: nowrap; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; z-index:1;}
.mrealstory_box ul::-webkit-scrollbar {display: none; width: 0 !important; height: 0 !important; background-color: transparent}
.mrealstory_box li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:130px;height:237px;margin-left:10px;}

.mrealstory_box .img_box{position:relative;margin-bottom:30px;}
.mrealstory_box .img_box .txt_img{position:absolute;top:-42px;right:17px;width:86px;height:86px;padding-top:27px;font-size:14px;line-height:16px;color:#fff;text-align:center;background:url("/design/fioracom/sunny/images/bg_mrealstory.png") no-repeat 0 0;background-size:86px 86px;z-index:2;letter-spacing:-1px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mrealstory_box .img{}
.mrealstory_box .img img{width:100%;}

.mrealstory_box dt{text-align:center;}
.mrealstory_box dt .tit1{background:url("/design/fioracom/sunny/images/txt_mrealstory1.png") no-repeat center 0;background-size:9px 9px;margin-bottom:2px;}
.mrealstory_box dt .tit2{font-family: 'Noto Serif KR', serif;font-size:22px;line-height:28px;color:#480c3f;letter-spacing:-2px;}
.mrealstory_box dt .tit3{font-size:14px;line-height:14px;color:#8e7789;letter-spacing:-1px;padding-top:15px;}
.mrealstory_box dt .tit4{background:url("/design/fioracom/sunny/images/txt_mrealstory2.png") no-repeat center 0;background-size:9px 9px;margin-top:19px;}

.mainban_area3 img{width:100%;}

.msnap_area{padding:15% 0;}

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

.msnap_box .img img{width:100%;}


.mchem_area{padding:15% 5%;background:url("/design/fioracom/sunny/images/bg_msince.png") repeat 0 0;}
.mchem_area .sunny_inner{}
.mchem_area .box{display:block;overflow:hidden;}

.mchem_area .img img{width:100%;}

.mblind_area{padding:15% 5%;}
.mblind_box{}
.mblind_box ul{font-size:0;letter-spacing:-5px;overflow:hidden;margin-left:-2%;}
.mblind_box li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:48%;margin-left:2%;}
.mblind_box .img{position:relative;overflow:hidden;}
.mblind_box .img img{width:100%;}

.mblind_box dl{padding:12% 0;border:1px solid #f1f1f1;background:url("/design/fioracom/sunny/images/bg_mblind.png") repeat 0 0;text-align:center;}
.mblind_box dt{padding:0 0 5%;font-family: 'Playfair Display', serif;font-size:15px;line-height:15px;color:#7d2a71;font-style:italic;}
.mblind_box dd{font-family: 'Noto Serif KR', serif;font-size:14px;line-height:18px;color:#480c3f;letter-spacing:-1px;}


.mainban_area4{position:relative;width:100%;padding:15% 0 17%;overflow:hidden;background:url("/design/fioracom/sunny/images/bg_mbanner4.jpg") no-repeat center center;background-size:cover;}
.mainban_area4 .sunny_inner{position:relative;text-align:center;z-index:2;}
.mainban_area4 dt{position:relative;font-family: 'Playfair Display', serif;font-size:30px;line-height:30px;color:#793a63;letter-spacing:-1px;margin-left:-2px;}
.mainban_area4 .txt1{font-family: 'Noto Serif KR', serif;font-size:12px;line-height:12px;color:#fff;margin:3% 0 0;letter-spacing:-1px;}

.mainban_area4 .bgbox{display:none;position:absolute;top:0;left:0;width:100%;min-width:1350px;height:365px;overflow:hidden;z-index:1;}
.mainban_area4 .bgbox .bg{position:absolute;width:100%;height:500px;background:url("/design/fioracom/sunny/images/bg_mbanner4.jpg") no-repeat center center;background-size:cover;}


.mhistory_area{padding:15% 5%;}
.mhistory_box{padding:0 0 9% 0;background:url("http://fioracom.img9.kr/sunny/mobile/images/bg_mhistory2.jpg") no-repeat 0 bottom;background-size:100%;}

.mhistory_box .inner{padding:7% 7% 0 7%;background:url("http://fioracom.img9.kr/sunny/mobile/images/bg_mhistory1.jpg") no-repeat 0 0;background-size:100%;}

.mhistory_box .text_box{font-family: 'Noto Serif KR', serif;font-size:15px;line-height:26px;color:#480c3f;padding-bottom:6%;margin-bottom:6%;letter-spacing:-3px;background:url("/design/fioracom/sunny/images/line_mhistory.png") repeat-x 0 100%;}
.mhistory_box .slide_box{position:relative;overflow:hidden;padding-bottom:7%;background:url("/design/fioracom/sunny/images/line_mhistory.png") repeat-x 0 100%;}
.mhistory_box .slide_box .slides{overflow:hidden;}
.mhistory_box .slide_box .slides li{overflow:hidden;}
.mhistory_box .slide_box .img{}
.mhistory_box .slide_box .img img{width:100%;}
.mhistory_box .slide_box dl{position:relative;;padding-top:10%;z-index:1;}
.mhistory_box .slide_box dt{font-family: 'Noto Serif KR', serif;font-size:16px;line-height:16px;color:#480c3f;letter-spacing:-2px;margin-bottom:3%;}
.mhistory_box .slide_box dd{font-family: 'Noto Serif KR', serif;font-size:11px;line-height:18px;color:#a899a5;letter-spacing:-1px;}
.mhistory_box .slide_box .flex-direction-nav{display:none;}
.mhistory_box .slide_box .flex-control-paging{margin-top:5%;z-index:2;}
.mhistory_box .slide_box .flex-control-paging li{display:inline-block;margin-right:10px;}
.mhistory_box .slide_box .flex-control-paging a{font-family: 'Roboto', sans-serif;color:#e2dee2;font-size:12px;line-height:12px;font-weight:500;}
.mhistory_box .slide_box .flex-control-paging a.flex-active{color:#480c3f;}


.mainban_area5 img{width:100%;}

.mintrocele_area{padding:15% 5%;}
.mintrocele_area .title{font-family: 'Playfair Display', serif;font-size:20px;line-height:20px;color:#480c3f;letter-spacing:-1px;margin-bottom:7%;text-transform:uppercase;}
.mintrocele_box{overflow:hidden;}
.mintrocele_box .left_box{}
.mintrocele_box .right_box{margin-top:10%;}
.mintrocele_box .movie_box{}
.mintrocele_box .movie_box img{width:100%;}










.mproduct_area{padding:15% 0 5%;}


/* 베스트리뷰 모음 */
#reviewBoard .review-wrap .tiny a img {width: 45%;}
.best_review_tit {font-size: 20px; text-align: center; margin-top: 20px;}
.best_power_review_list {padding:15% 0;}
.best_power_review_list .inner{overflow:hidden;}
.best_review {float:left; width: 45%; border: 1px solid rgb(220, 220, 220); margin-left:10px; margin-bottom:10px;}
.best_review .review {padding:10px; border-bottom: 1px solid rgb(200, 200, 200);}
.best_review .review .review_text {height:30px; padding-top:5px; padding-bottom:5px;}
.click {width:100%;}
.count {float:right;}
.write {padding-top:5px;}
.date {float:right;}
.product_img {width: 40px; margin:5px; float:left;}
.product {width:100%; margin:5px}
.product .product_name {padding-top:5px;}

/* BASIC css end */