/* BASIC css start */
/* 메인슬라이드 */
.mainvisual_box{width:100%;min-width:1350px;height:600px;overflow:hidden;z-index:1;}
.mainvisual_box .flexslider{position:relative;}
.mainvisual_box .slides{overflow:hidden;}
.mainvisual_box .img_slider{width:100%;min-width:1350px;height:600px;}
.mainvisual_box .flex-control-nav{width:100%;position:absolute;bottom:30px;left:0;text-align:center;}
.mainvisual_box .flex-control-nav li{display:inline-block;}
.mainvisual_box .flex-control-nav li a{display: inline-block;width:10px;height:10px;margin:0 3px;background:#fff;border-radius:10px;text-indent:-999em;opacity:0.2;filter:alpha(opacity=20);}
.mainvisual_box .flex-control-nav li a.flex-active{background:#fff;opacity:1;filter:alpha(opacity=100);}
.mainvisual_box .flex-direction-nav{}
.mainvisual_box .flex-prev{position:absolute;top:50%;left:40px;width:21px;height:40px;margin-top:-20px;background:url("/design/fioracom/sunny/images/btn_mvleft.png") no-repeat 0 0;text-indent:-999em;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;}
/*.mainvisual_box .flex-prev.active{left:220px;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;}*/
.mainvisual_box .flex-next{position:absolute;top:50%;right:40px;width:21px;height:40px;margin-top:-20px;background:url("/design/fioracom/sunny/images/btn_mvright.png") no-repeat 0 0;text-indent:-999em;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;}
.mainvisual_box .flex-next.active{right:220px;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;}

.mbrand_area{min-width:1350px;}
.mbrand_area .sunny_inner{padding:100px 0 120px;}
.mbrand_area .mbrand_box{overflow:hidden;}
.mbrand_area .mbrand_box .box1{float:left;width:423px;margin-left:40px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mbrand_area .mbrand_box .box1:first-child{margin-left:0;}

.mbrand_area .box1 .img{position:relative;width:424px;height:300px;overflow:hidden;z-index:1;}
.mbrand_area .box1 .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;
}
.mbrand_area .mbrand_box .box1: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;
}

.mbrand_box .box1 dl{padding:40px 0 0;}
.mbrand_box .box1 dt{font-family: 'Noto Serif KR', serif;color:#181818;font-size:34px;line-height:43px;font-weight:400;letter-spacing:-3px;}
.mbrand_box .box1 dd.txt{color:#7b7b7b;font-size:17px;line-height:26px;letter-spacing:-1px;padding-top:25px;}

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


.mfact_box{}
.mfact_box ul{width:1390px;font-size:0;letter-spacing:-5px;overflow:hidden;margin-left:-40px;}
.mfact_box li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:307px;height:506px;margin-left:40px;}

.mfact_box .img{position:relative;width:305px;height:305px;border:1px solid #3a1c30;overflow:hidden;z-index:1;}
.mfact_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;
}
.mfact_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;
}

.mfact_box dl{position:relative;margin-top:-28px;text-align:center;z-index:2;}
.mfact_box dt{font-family: 'Roboto', serif;font-size:12px;line-height:12px;color:#fff;font-weight:500;margin-bottom:13px;}
.mfact_box dt span{display:block;height:88px;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:60px;}
.mfact_box dd{font-family: 'Noto Serif KR', serif;color:#fff;font-size:22px;line-height:29px;font-weight:400;letter-spacing:-3px;}
.mfact_box dd span{background:url("/design/fioracom/sunny/images/line_mfact.png") repeat-x 0 bottom;}

.bestcoll_area{padding:100px 0 120px;border-top:1px solid #f1f1f1;}
.bestcoll_area .tab{overflow:hidden;padding-bottom:40px;}
.bestcoll_area .tab li{float:left;width:655px;border:1px solid #f1f1f1;background:#fbfafb;margin-left:39px;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{margin-left:0;}
.bestcoll_area .tab li.first span{}
.bestcoll_area .tab li span{font-family: 'Roboto', serif;color:#480c3f;font-size:18px;display:block;height:72px;line-height:72px;text-align:center;cursor:pointer;letter-spacing:3px;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;/*height:655px;*/}
.bestcoll_area .panel_area.active{display:block;}

.bestcoll_area .panel_area .left_box{display:none;position:relative;float:left;width:655px;height:655px;background:url("/design/fioracom/sunny/images/img_mbest1.jpg") no-repeat 5px 5px;border:1px solid #ece6eb;padding:5px;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:60px;left:55px;font-family: 'Noto Serif KR', serif;color:#fff;font-size:28px;line-height:40px;letter-spacing:-2px;}

.bestcoll_area .panel_area .mproduct_box{}
.bestcoll_area .panel_area .mproduct_box .img{position:relative;width:424px;height:386px;border:1px solid #f1f1f1;overflow:hidden;z-index:1;padding:20px 25px 0;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.bestcoll_area .panel_area .mproduct_box .img .num_box{position:absolute;left:9px;top:9px;font-family: 'Roboto', serif;color:#fff;font-size:18px;width:38px;height:38px;line-height:38px;border:1px solid #bf333a;background:#bf333a;text-align:center;z-index:3;}
.bestcoll_area .panel_area .mproduct_box .img img{position:relative;}

.mproduct_box1 ul{font-size:0;letter-spacing:-5px;overflow:hidden;margin-left:-38px;}
.mproduct_box1 li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:424px;height:386px;margin:0 0 38px 38px;overflow:hidden;}
.mproduct_box1 li a{display:block;}

.mproduct_box1 .img{position:relative;width:424px;height:386px;border:1px solid #f1f1f1;overflow:hidden;z-index:1;padding:20px 25px 0;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mproduct_box1 .img .num_box{position:absolute;left:9px;top:9px;font-family: 'Roboto', serif;color:#fff;font-size:18px;width:38px;height:38px;line-height:38px;border:1px solid #bf333a;background:#bf333a;text-align:center;}
.mproduct_box1 .img .bg{
position:absolute;left:0;top:0;width:424px;height:424px;display:block;background:#480c3f;z-index:2;opacity:0;filter:alpha(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;
}
.mproduct_box1 li:hover .img .bg{
opacity:0.9;filter:alpha(opacity=90);
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_box1 .img img{width:100%;}

.mproduct_box1 .info_box{width:100%;position:absolute;left:1px;top:0;z-index:3;opacity:0;filter:alpha(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;}

.mproduct_box1 li:hover .info_box{opacity:1;filter:alpha(opacity=100);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_box1 .info_box{padding:130px 40px 0;text-align:center;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mproduct_box1 .tit{font-family: 'Noto Serif KR', serif;color:#fff;font-size:20px;line-height:30px;letter-spacing:-2px;}
.mproduct_box1 .txt{color:#fff;font-size:12px;line-height:12px;letter-spacing:-1px;padding:16px 0 0 0;}
.mproduct_box1 .txt span{padding-left:7px;}
.mproduct_box1 .txt span:first-child{padding-left:0;}
.mproduct_box1 .price_box{position:relative;padding:25px 0 0 0;}
.mproduct_box1 .price_box .strike{font-family:'Roboto', sans-serif;color:#fff;font-size:12px;line-height:15px;padding-right:5px;text-decoration:line-through;font-weight:normal;}
.mproduct_box1 .price_box .price{display:inline-block;font-family:'Roboto', sans-serif;color:#fff;font-size:15px;line-height:15px;}
.mproduct_box1 .price_box .won{display:inline-block;font-family:'Roboto', sans-serif;color:#fff;font-size:15px;line-height:15px;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:#fff;padding:0 9px;text-transform:uppercase;background:#480c3f;font-weight:500;}


.bestcoll_area2{padding:120px 0;}
.bestcoll_area2 .tab{overflow:hidden;padding-bottom:40px;}
.bestcoll_area2 .tab li{float:left;width:20%;border:1px solid #f1f1f1;border-left:1px solid #fcfcfa;border-bottom:1px solid #480c3f;background:#fbfafb;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.bestcoll_area2 .tab li.active{border:1px solid #480c3f;border-bottom:1px solid #fff;}

.bestcoll_area2 .tab li.first span{border-left:1px solid #f1f1f1;}
.bestcoll_area2 .tab li span{color:#480c3f;font-size:17px;display:block;height:56px;line-height:56px;text-align:center;border:1px solid #fcfcfa;border-bottom:1px solid #480c3f;cursor:pointer;letter-spacing:-1px;}
.bestcoll_area2 .tab li.active{background:#fff;}
.bestcoll_area2 .tab li.active span{color:#480c3f;border:1px solid #480c3f;border-bottom:1px solid #fff;}

.bestcoll_area2 .panel_area{display:none;height:598px;}
.bestcoll_area2 .panel_area.active{display:block;}


.bestcoll_area3{padding:120px 0;}
.bestcoll_area3 .tab{overflow:hidden;padding-bottom:40px;}
.bestcoll_area3 .tab li{float:left;width:33.333333%;border:1px solid #f1f1f1;border-left:1px solid #fcfcfa;border-bottom:1px solid #480c3f;background:#fbfafb;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.bestcoll_area3 .tab li.active{border:1px solid #480c3f;border-bottom:1px solid #fff;}

.bestcoll_area3 .tab li.first span{border-left:1px solid #f1f1f1;}
.bestcoll_area3 .tab li span{color:#480c3f;font-size:17px;display:block;height:56px;line-height:56px;text-align:center;border:1px solid #fcfcfa;border-bottom:1px solid #480c3f;cursor:pointer;letter-spacing:-1px;}
.bestcoll_area3 .tab li.active{background:#fff;}
.bestcoll_area3 .tab li.active span{color:#480c3f;border:1px solid #480c3f;border-bottom:1px solid #fff;}

.bestcoll_area3 .panel_area{display:none;/*height:598px;*/}
.bestcoll_area3 .panel_area.active{display:block;}
.bestcoll_area3 .panel_area .mproduct_box li{margin-bottom:40px;}



.bestcoll_area4{padding:120px 0;}
.bestcoll_area4 .tab{overflow:hidden;padding-bottom:60px;margin:0 0 0 -11px;}
.bestcoll_area4 .tab li{float:left;width:140px;margin:0 0 0 11px;}
.bestcoll_area4 .tab li.active{}

.bestcoll_area4 .tab li.first span{border-left:1px solid #f1f1f1;}
.bestcoll_area4 .tab li span{color:#480c3f;font-size:13px;display:block;height:38px;line-height:38px;text-align:center;border:1px solid #f1f1f1;background:#fbfbfb;cursor:pointer;letter-spacing:-1px;border-radius:38px;-ms-border-radius:38px;-moz-border-radius:38px;-webkit-border-radius:38px;}
.bestcoll_area4 .tab li.active{background:#fff;}
.bestcoll_area4 .tab li.active span{color:#fff;border:1px solid #480c3f;background:#480c3f;}

.bestcoll_area4 .panel_area{display:none;height:598px;}
.bestcoll_area4 .panel_area.active{display:block;}


.mproduct_area{padding:120px 0;}
.mproduct_area .mproduct_box li{margin:0 0 50px 37px;}


.mcounter_area{height:392px;background:url("/design/fioracom/sunny/images/bg_mcounter.jpg") no-repeat 0 0;background-size:cover;}
.mcounter_area .sunny_inner{overflow:hidden;padding:120px 0;}
.mcounter_area dl{float:left;width:450px;text-align:center;}
.mcounter_area dt{font-family: 'Noto Serif KR', serif;font-size:20px;line-height:20px;color:#9b8394;margin-bottom:60px;letter-spacing:-2px;}
.mcounter_area dt > span{display:inline-block;padding-left:48px;background:url("/design/fioracom/sunny/images/line_mcounter1.png") no-repeat 0 center;background-size:39px 17px;}
.mcounter_area dt > span > span{display:inline-block;padding-right:48px;background:url("/design/fioracom/sunny/images/line_mcounter2.png") no-repeat 100% center;background-size:39px 17px;}
.mcounter_area .num_counter{display:inline-block;font-family: 'Prata', serif;color:#480c3f;font-size:80px;line-height:80px;vertical-align:top;letter-spacing:-4px;}
.mcounter_area .txt_counter{display:inline-block;font-family: 'Noto Serif KR', serif;font-size:20px;line-height:20px;color:#9b8394;padding:45px 0 0 5px;letter-spacing:-2px;vertical-align:top;}

.msince_area{height:1006px;background:url("/design/fioracom/sunny/images/bg_msince.png") repeat 0 0;}
.msince_area .sunny_inner{}
.msince_area .box{display:block;padding-top:104px;overflow:hidden;}
.msince_area dl{float:left;width:580px;}
.msince_area dt{padding-bottom:110px;margin-bottom:58px;background:url("/design/fioracom/sunny/images/line_msince.png") no-repeat 0 100%;background-size:135px 31px;}
.msince_area dt .tit1{font-family: 'Playfair Display', serif;color:#480c3f;font-size:40px;line-height:40px;letter-spacing:-2px;margin-bottom:40px;}
.msince_area dt .tit2{font-family: 'Playfair Display', serif;font-size:120px;line-height:80px;color:#480c3f;letter-spacing:-10px;margin-left:-8px;}
.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{float:right;width:695px;}

.mreivew_area{padding:120px 0;}
.mreivew_area .title_main2{width:100%;min-width:auto;}
.mreivew_area .sunny_inner{overflow:hidden;}
.mreivew_area .left_box{float:left;width:887px;}
.mreivew_area .right_box{float:right;width:424px;}

.mreivew_area .mphoto_box{border:1px solid #f1f1f1;border-top:2px solid #57104c;padding:39px;height:464px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mreivew_area .mphoto_box ul{overflow:hidden;margin-left:-40px;}
.mreivew_area .mphoto_box li{position:relative;float:left;width:171px;height:171px;margin:0 0 40px 40px;overflow:hidden;}
.mreivew_area .mphoto_box .txt{display:none !important;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);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;}
.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 li:hover .txt{opacity:1;filter:alpha(opacity=100);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;}
.mreivew_area .mphoto_box .img{position:relative;z-index:1;}
.mreivew_area .mphoto_box .img img{width:171px;height:171px;}

.mreivew_area .mtotal_box{border:1px solid #f1f1f1;border-top:2px solid #57104c;padding:35px 39px;height:464px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mreivew_area .mtotal_box ul{}
.mreivew_area .mtotal_box li{}
.mreivew_area .mtotal_box li a{display:block;font-size:14px;line-height:36px;color:#7f5478;letter-spacing:-1px;}

.mflora_area{height:666px;background:url("/design/fioracom/sunny/images/bg_msince.png") repeat 0 0;}
.mflora_area .box{display:block;padding-top:104px;overflow:hidden;}
.mflora_area .img{float:left;width:695px;}
.mflora_area dl{float:right;width:580px;text-align:right;}
.mflora_area dt{font-family: 'Playfair Display', serif;color:#480c3f;font-size:60px;line-height:60px;letter-spacing:-2px;padding-bottom:82px;margin-bottom:40px;background:url("/design/fioracom/sunny/images/line_msince.png") no-repeat 100% 100%;background-size:135px 31px;text-transform:uppercase;}
.mflora_area dd{font-family: 'Noto Serif KR', serif;font-size:34px;line-height:50px;color:#480c3f;letter-spacing:-4px;padding-right:2px;}
.mflora_area dd .btn{position:relative;display:inline-block;color:#fff;font-size:13px;height:38px;line-height:36px;padding:0 35px 0 15px;margin:7px 0 0 10px;background:#480c3f;vertical-align:top;letter-spacing:0;}
.mflora_area dd .btn span{position:absolute;right:15px;top:0;}


/* table css */
.main_table{display:table;width:100%;}
.main_table_row{display:table-row;}
.main_table_cell{position:relative;display:table-cell;vertical-align:middle;}


.mmedia_area{padding:150px 0 120px;background:#240219;}
.mmedia_area .title_main h2{color:#fff;background:none;padding-top:0;/*background:url("/design/fioracom/sunny/images/line_title3.png") no-repeat 50% 0;background-size: 150px 10px;*/}
.mmedia_area .title_main .txt{color:#fff;}

.list_mmedia{}
.list_mmedia ul{}
.list_mmedia li{}
.list_mmedia .img{margin:0 auto 40px;border:1px solid #fff;padding:5px;width:550px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.list_mmedia .img > div{position:relative;overflow:hidden;}
.list_mmedia .img img{
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;
}
.list_mmedia 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;

}
.list_mmedia .title{font-family: 'Noto Serif KR', serif;font-size:20px;line-height:26px;color:#fff;letter-spacing:-2px;text-align:center;}
.list_mmedia .title span{display:block;font-family:'Roboto', sans-serif;font-size:14px;line-height:14px;color:#fff;margin-bottom:10px;letter-spacing:0;font-weight:500;}



.mmedia_box .slide_area{position:relative;}
.mmedia_box .slide_area .bx-wrapper{position:relative;max-width:100% !important;z-index:1;}
.mmedia_box .btn_slide{display:block;position:absolute;width:10px;height:20px;top:50%;margin-top:-50px;z-index:2;outline:none;}
.mmedia_box .btn_slide img{width:10px;height:20px;}
.mmedia_box .btn_slide.prev{left:-60px;}
.mmedia_box .btn_slide.next{right:-60px;}
.mmedia_box ul{margin-left:-20px;}
.mmedia_box li{margin:0 20px;}
.mmedia_box .img{margin-bottom:40px;border:1px solid #fff;padding:5px;width:307px;height:307px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mmedia_box .img > div{position:relative;width:295px;height:295px;overflow:hidden;}
.mmedia_box .img img{
position:absolute;
left:0;
top:0;
width:300px;height:300px;
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;
}
.mmedia_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;

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

.msort_area{padding:120px 0;background:#fcfbfb;}
.msort_box{border:1px solid #f5f5f5;background:#fff;}
.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;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.msort_box li:first-child{border-left:0;}
.msort_box li a{display:block;color:#480c3f;font-size:20px;line-height:79px;letter-spacing:-1px;}
.msort_box li .box1 span{padding-left:34px;background:url("/design/fioracom/sunny/images/ico_msort1.png") no-repeat 0 center;background-size:20px 20px;}
.msort_box li .box2 span{padding-left:30px;background:url("/design/fioracom/sunny/images/ico_msort2.png") no-repeat 0 center;background-size:20px 22px;}
.msort_box li .box3 span{padding-left:28px;background:url("/design/fioracom/sunny/images/ico_msort3.png") no-repeat 0 center;background-size:17px 23px;}

.mainban_area{position:relative;width:100%;height:272px;overflow:hidden;}
.mainban_area.banner1 .bgbox .bg{background:url("/design/fioracom/sunny/images/bg_mbanner1.jpg") no-repeat center center;background-size:cover;}
.mainban_area.banner2 .bgbox .bg{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:28px;line-height:28px;color:#fff;letter-spacing:10px;padding-top:120px;text-align:center;z-index:2;}

.mainban_area .bgbox{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%;height:500px;overflow:hidden;}
.mpurephero_area .bgbox .bg{background:url("http://fioracom.img9.kr/sunny/images/bg_mainpurephero.jpg") no-repeat center center;background-size:cover;}
.mpurephero_area .sunny_inner{position:relative;padding-top:170px;text-align:center;z-index:2;}
.mpurephero_area .txt{font-family: 'Noto Serif KR', serif;font-size:34px;line-height:34px;color:#fff;letter-spacing:-1px;}
.mpurephero_area .btn{font-family: 'Roboto', sans-serif;width:235px;height:54px;line-height:52px;font-size:18px;color:#fff;margin:50px auto 0;font-weight:500;text-transform:uppercase;border:1px solid #fff;border-radius:54px;-ms-border-radius:54px;-moz-border-radius:54px;-webkit-border-radius:54px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.mpurephero_area .bgbox{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:120px 0 60px;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.mrealstory_area .title_main{margin-bottom:80px;}
.mrealstory_box{}
.mrealstory_box ul{font-size:0;letter-spacing:-5px;/*overflow:hidden;*/margin:0 0 0 -40px;}
.mrealstory_box li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:307px;margin:0 0 60px 40px;}
.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{position:relative;width:307px;height:307px;z-index:1;overflow:hidden;}
.mrealstory_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;
}
.mrealstory_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;

}
.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{height:490px;background:url("/design/fioracom/sunny/images/bg_mbanner3.jpg") no-repeat center center;background-size:cover;}
.mainban_area3 .sunny_inner{padding-top:150px;}
.mainban_area3 dt{position:relative;font-family: 'Playfair Display', serif;font-size:50px;line-height:60px;color:#480c3f;letter-spacing:-2px;margin-left:-2px;}
.mainban_area3 dt .ico{position:absolute;top:-50px;left:2px;width:6px;height:30px;background:url("/design/fioracom/sunny/images/ico_mbanner3.png") no-repeat 0 0;background-size:6px 30px;}
.mainban_area3 .txt1{font-family: 'Noto Serif KR', serif;font-size:20px;line-height:20px;color:#a3929f;margin:20px 0 50px;letter-spacing:-2px;}
.mainban_area3 .txt2{font-family: 'Playfair Display', serif;font-size:20px;line-height:20px;color:#480c3f;letter-spacing:-1px;}
.mainban_area3 .bgbox{display:none;}

/*.mainban_area3{position:relative;width:100%;height:490px;overflow:hidden;}

.mainban_area3 .sunny_inner{position:absolute;top:0;left:50%;margin-left:-675px;width:1350px;padding-top:150px;z-index:2;}

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

.mainban_area3 dt{position:relative;font-family: 'Playfair Display', serif;font-size:50px;line-height:60px;color:#480c3f;letter-spacing:-2px;margin-left:-2px;}
.mainban_area3 dt .ico{position:absolute;top:-50px;left:2px;width:6px;height:30px;background:url("/design/fioracom/sunny/images/ico_mbanner3.png") no-repeat 0 0;background-size:6px 30px;}
.mainban_area3 .txt1{font-family: 'Noto Serif KR', serif;font-size:20px;line-height:20px;color:#a3929f;margin:20px 0 50px;letter-spacing:-2px;}
.mainban_area3 .txt2{font-family: 'Playfair Display', serif;font-size:20px;line-height:20px;color:#480c3f;letter-spacing:-1px;}*/



.msnap_area{display:none;padding:100px 0 120px;}

.msnap_box .slide_area{position:relative;}
.msnap_box .slide_area .bx-wrapper{position:relative;max-width:100% !important;z-index:1;}
.msnap_box .btn_slide{display:block;position:absolute;width:10px;height:20px;top:50%;margin-top:-10px;z-index:2;outline:none;}
.msnap_box .btn_slide img{width:10px;height:20px;}
.msnap_box .btn_slide.prev{left:-60px;}
.msnap_box .btn_slide.next{right:-60px;}
.msnap_box ul{margin-left:-20px;}
.msnap_box li{margin:0 20px;}
.msnap_box .img{border:1px solid #daced8;padding:5px;width:307px;height:307px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.msnap_box .img > div{position:relative;width:295px;height:295px;overflow:hidden;}
.msnap_box .img img{
position:absolute;
left:0;
top:0;
width:300px;height:300px;
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;
}
.msnap_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;

}

.msnap_box .noimg{border:1px solid #daced8;padding:5px;width:307px;height:307px;text-align: center; font-size:18px; color:#f2f2f2; font-weight:bold; line-height:307px; border:1px solid #e9e9e9;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.msnap_box p { margin-top:3px; font-family: 'Playfair Display', serif;f}

.mchem_area{height:1006px;background:url("/design/fioracom/sunny/images/bg_msince.png") repeat 0 0;}
.mchem_area .sunny_inner{}
.mchem_area .box{display:block;padding-top:104px;overflow:hidden;}
.mchem_area dl{float:left;width:580px;}
.mchem_area dt{font-family: 'Playfair Display', serif;font-size:120px;line-height:110px;color:#480c3f;letter-spacing:-7px;margin-left:-2px;padding-bottom:80px;margin-bottom:40px;background:url("/design/fioracom/sunny/images/line_msince.png") no-repeat 2px 100%;background-size:135px 31px;}
.mchem_area dt .tit2 span{font-family: 'Prata', serif;font-size:106px;line-height:120px;}
.mchem_area .txt1{font-family: 'Noto Serif KR', serif;font-size:40px;line-height:40px;color:#480c3f;letter-spacing:-4px;margin-bottom:25px;}
.mchem_area .txt2{font-family: 'Noto Serif KR', serif;font-size:20px;line-height:40px;color:#9d8a99;letter-spacing:-2px;}

.mchem_area .img{float:right;width:695px;}

.mblind_area{padding:120px;}
.mblind_box{}
.mblind_box ul{font-size:0;letter-spacing:-5px;overflow:hidden;}
.mblind_box li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:655px;margin-left:40px;}
.mblind_box li:first-child{margin-left:0;}
.mblind_box .img{position:relative;width:655px;height:400px;overflow:hidden;}
.mblind_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;
}
.mblind_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;

}

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

/*.mainban_area4{height:365px;background:url("/design/fioracom/sunny/images/bg_mbanner4.jpg") no-repeat center center;background-size:cover;}
.mainban_area4 .sunny_inner{padding-top:110px;text-align:center;}
.mainban_area4 dt{position:relative;font-family: 'Playfair Display', serif;font-size:80px;line-height:80px;color:#793a63;letter-spacing:-2px;margin-left:-2px;}
.mainban_area4 .txt1{font-family: 'Noto Serif KR', serif;font-size:20px;line-height:20px;color:#fff;margin:35px 0 0;letter-spacing:-2px;}*/


.mainban_area4{position:relative;width:100%;height:365px;overflow:hidden;}
.mainban_area4 .sunny_inner{position:relative;padding-top:110px;text-align:center;z-index:2;}
.mainban_area4 dt{position:relative;font-family: 'Playfair Display', serif;font-size:80px;line-height:80px;color:#793a63;letter-spacing:-2px;margin-left:-2px;}
.mainban_area4 .txt1{font-family: 'Noto Serif KR', serif;font-size:20px;line-height:20px;color:#fff;margin:35px 0 0;letter-spacing:-2px;}

.mainban_area4 .bgbox{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:100px 0;}
.mhistory_box{width:1350px;height:1005px;padding:90px 100px;background:url("/design/fioracom/sunny/images/bg_mhistory.png") no-repeat 0 0;background-size:1350px 1005px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mhistory_box .text_box{font-family: 'Noto Serif KR', serif;font-size:40px;line-height:60px;color:#480c3f;padding-bottom:85px;margin-bottom:90px;letter-spacing:-3px;background:url("/design/fioracom/sunny/images/line_mhistory.png") repeat-x 0 100%;}
.mhistory_box .slide_box{position:relative;height:350px;padding-bottom:90px;background:url("/design/fioracom/sunny/images/line_mhistory.png") repeat-x 0 100%;}
.mhistory_box .slide_box .slides li{height:350px;overflow:hidden;}
.mhistory_box .slide_box .img{float:left;width:585px;}
.mhistory_box .slide_box .img img{width:585px;height:350px;}
.mhistory_box .slide_box dl{position:relative;;float:right;width:504px;padding-top:155px;z-index:1;}
.mhistory_box .slide_box dt{font-family: 'Noto Serif KR', serif;font-size:30px;line-height:30px;color:#480c3f;letter-spacing:-3px;margin-bottom:30px;}
.mhistory_box .slide_box dd{font-family: 'Noto Serif KR', serif;font-size:20px;line-height:34px;color:#a899a5;letter-spacing:-2px;}
.mhistory_box .slide_box .flex-direction-nav{display:none;}
.mhistory_box .slide_box .flex-control-paging{position:absolute;right:0;top:-2px;z-index:2;}
.mhistory_box .slide_box .flex-control-paging li{display:inline-block;margin-left:17px;}
.mhistory_box .slide_box .flex-control-paging a{font-family: 'Roboto', sans-serif;color:#e2dee2;font-size:20px;line-height:20px;font-weight:600;}
.mhistory_box .slide_box .flex-control-paging a.flex-active{color:#480c3f;}


.mainban_area5{height:620px;background:url("/design/fioracom/sunny/images/bg_mbanner5.jpg") no-repeat center center;background-size:cover;}
.mainban_area5 .sunny_inner{padding-top:110px;}
.mainban_area5 dt{position:relative;font-family: 'Playfair Display', serif;font-size:80px;line-height:80px;color:#480c3f;letter-spacing:-2px;margin-left:-2px;}
.mainban_area5 .txt1{font-family: 'Noto Serif KR', serif;font-size:34px;line-height:50px;color:#a3929f;margin:60px 0 0;letter-spacing:-3px;}

.mintrocele_area{padding:120px 0;}
.mintrocele_area .title{font-family: 'Playfair Display', serif;font-size:30px;line-height:30px;color:#480c3f;letter-spacing:-1px;margin-bottom:40px;text-transform:uppercase;}
.mintrocele_box{overflow:hidden;}
.mintrocele_box .left_box{float:left;width:655px;}
.mintrocele_box .right_box{float:right;width:655px;}
.mintrocele_box .movie_box{}
.mintrocele_box .movie_box .movie_play{position:relative;}
.mintrocele_box .movie_box .movie_play .play_thumb{position:absolute;left:0;top:0;width:655px;height:368px;z-index:2;}
.mintrocele_box .movie_box .movie_play iframe{position:relative;width:655px;height:368px;z-index:1;}







/* 베스트리뷰 모음 */
#reviewBoard .review-wrap .tiny a img {width: 200px;}
.best_review_tit {font-size: 32px; text-align: center; margin-top: 50px;}
.best_power_review_list {width:1350px;margin:0 auto;padding:100px 0 120px;}
.best_power_review_list .sunny_inner{width:102%;overflow:hidden;margin:-2% 0 0 -2%;}
.best_review {float:left; width:23%; border: 1px solid rgb(220, 220, 220); margin:2% 0 0 2%;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.best_review .review {padding:15px; border-bottom: 1px solid rgb(200, 200, 200);}
.best_review .review .review_text {height:30px; padding-top:5px; padding-bottom:15px;}
.click {width:240px;}
.count {float:right;}
.write {padding-top:10px;}
.date {float:right;}
.product_img {width: 50px; margin:10px; float:left;}
.product {width:230px; margin:10px}
.product .product_name {padding-top:3px; margin-bottom:5px;}

.best_review_photo img{width:100%;}



/* BASIC css end */