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

#sunny_header{}
#sunny_header .h_left{float:left;}
#sunny_header .h_right{float:right;}

#sunny_header .topban_area{position:relative;min-width:1350px;height:101px;overflow:hidden;z-index:102;}
#sunny_header .topban_area .slides{}
#sunny_header .topban_area .slides > li{position:relative;height:101px;background-position:right center;background-repeat:no-repeat;background-size:100% 101px;}
#sunny_header .topban_area .box{display:block;width:1350px;margin:0 auto;padding-top:32px;height:101px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#sunny_header .topban_area .box .ico{display:inline-block;margin-right:9px;vertical-align:top;}
#sunny_header .topban_area .box .ico img{height:29px;}
#sunny_header .topban_area .box .txt1{display:inline-block;color:#fff;font-size:27px;line-height:30px;letter-spacing:-2px;vertical-align:top;font-weight:400;}
#sunny_header .topban_area .box .txt1 strong{font-weight:600;padding-right:12px;letter-spacing:-2px;}
#sunny_header .topban_area .box .txt2{display:inline-block;color:#fff;font-size:27px;line-height:30px;letter-spacing:-2px;vertical-align:top;font-weight:400;}
#sunny_header .topban_area .box .txt2 strong{font-weight:600;padding-right:12px;letter-spacing:-2px;}
#sunny_header .topban_area .flex{position:relative;height:101px;}
#sunny_header .topban_area .flex-viewport{z-index:1;}
#sunny_header .topban_area .flex-control-nav{display:none;}
#sunny_header .topban_area .flex-direction-nav{position:absolute;top:25px;left:50%;margin-left:660px;width:15px;height:51px;z-index:2;}
#sunny_header .topban_area .flex-direction-nav li{height:25px;}
#sunny_header .topban_area .flex-direction-nav li.flex-nav-prev{background:url("/design/fioracom/sunny/images/line_topban.png") no-repeat 0 100%;}
#sunny_header .topban_area .flex-direction-nav .flex-prev{position:absolute;left:0;top:0;width:15px;height:7px;background:url("/design/fioracom/sunny/images/btn_tbup.png") no-repeat 0 0;background-size:15px 7px;text-indent:-999em;}
#sunny_header .topban_area .flex-direction-nav .flex-next{position:absolute;left:0;bottom:0;width:15px;height:7px;background:url("/design/fioracom/sunny/images/btn_tbdown.png") no-repeat 0 0;background-size:15px 7px;text-indent:-999em;}

#sunny_header .utill_area{height:49px;border-bottom:1px solid #f1f1f1;}
#sunny_header .utill_area .sunny_inner{height:49px;}
#sunny_header .utill_area .h_left{float:left;overflow:hidden;}
#sunny_header .utill_area .h_left .txt_call{float:left;padding:0 20px;height:49px;line-height:48px;font-family: 'Poppins', sans-serif;font-size:15px;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;color:#480c3f;padding-left:45px;background:url("/design/fioracom/sunny/images/ico_call.png") no-repeat 20px 16px;background-size:16px 16px;font-weight:500;letter-spacing:0;;}

#sunny_header .utill_area .h_left .left_utill{float:left;font-size:0;letter-spacing:-5px;overflow:hidden;padding-left:10px;}
#sunny_header .utill_area .h_left .left_utill li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;}
#sunny_header .utill_area .h_left .left_utill li a{display:block;font-size:13px;line-height:49px;color:#480c3f;letter-spacing:-1px;padding:0 12px 0 11px;background:url("/design/fioracom/sunny/images/line_utill.png") no-repeat 100% center;}

/* 상단공지사항 */
#sunny_header .notice_box{float:left;width:400px;padding:16px 0 0 10px;overflow:hidden;}
#sunny_header .notice_box dt{float:left;width:55px;color:#480c3f;font-size:13px;height:18px;line-height:18px;text-transform:uppercase;letter-spacing:-1px;}
#sunny_header .notice_box dt a{color:#480c3f;font-size:13px;height:18px;line-height:18px;text-transform:uppercase;}
#sunny_header .notice_box dd{float:left;width:340px;}
#sunny_header .notice_box dd .flex{height:18px;}
#sunny_header .notice_box dd .flex .flex-viewport{background:none;}
#sunny_header .notice_box dd .flex .slides li{}
#sunny_header .notice_box dd .flex .slides li a{display:inline-block;color:#666;font-size:13px;height:18px;line-height:18px;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 .notice_box dd .flex .slides li a:hover{color:#480c3f;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 .notice_box dd .flex .flex-direction-nav{display:none;}
#sunny_header .notice_box dd .flex .flex-control-nav{display:none;}

#sunny_header .utill_area .h_right{position:relative;/*padding-right:80px;*/}
#sunny_header .utill_area .h_right > a{position:relative;font-size:12px;float:left;color:#666;height:49px;line-height:47px;padding:0 12px;background:url("/design/fioracom/sunny/images/line_utill.png") no-repeat 0 17px;letter-spacing:-1px;vertical-align:top;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:5;}
#sunny_header .utill_area .h_right > a:hover{color:#57104c;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 .utill_area .h_right > a:first-child{background:none;}
#sunny_header .utill_area .h_right .btn_cart{/*padding-right:18px;*/}
#sunny_header .utill_area .h_right .btn_cart.last{padding-right:0;}
#sunny_header .utill_area .h_right .btn_cart span{display:inline-block;vertical-align:top;}
#sunny_header .utill_area .h_right .btn_cart .cart_num{font-family:'Roboto', sans-serif;color:#fff;font-size:10px;display:inline-block;width:15px;height:15px;line-height:15px;margin:16px 0 0 4px;background:#480c3f;text-align:center;border-radius:15px;-ms-border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}
#sunny_header .utill_area .h_right .btn_cart .cart_num2{font-family:'Roboto', sans-serif;color:#480c3f;vertical-align:middle;padding-left:5px;font-weight:500;}

#sunny_header .utill_area .h_right .btn_comm{position:absolute;right:0;top:0;width:80px;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;text-align:center;}
#sunny_header .utill_area .h_right .btn_comm > span{display:block;color:#666;height:49px;line-height:47px;cursor:pointer;}
#sunny_header .utill_area .h_right .comm_menu{display:none;position:absolute;right:-1px;top:49px;z-index:10;width:130px;border:1px solid #f1f1f1;background:#fff;}
#sunny_header .utill_area .h_right .comm_menu ul{padding:15px 10px 10px 15px;}
#sunny_header .utill_area .h_right .comm_menu li{margin-bottom:5px;text-align:left;}
#sunny_header .utill_area .h_right .comm_menu li a{color:#666;font-size:12px;line-height:12px;letter-spacing:-1px;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 .utill_area .h_right .comm_menu li a:hover{color:#57104c;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 .header_top{}
#sunny_header .header_top .sunny_inner{position:relative;height:192px;}
#sunny_header .header_top .h_left{padding-top:70px;}
#sunny_header .header_top .h_left .flexslider{position:relative;width:240px;height:54px;margin:0 auto;padding:0 20px;overflow:hidden;}
#sunny_header .header_top .h_left .slides li img{height:54px;}
#sunny_header .header_top .h_left .flex-prev{position:absolute;left:0;top:50%;margin-top:-5px;width:6px;height:10px;background:url("/design/fioracom/sunny/images/btn_tleft.png") no-repeat 0 0;background-size:6px 10px;text-indent:-9999em;}
#sunny_header .header_top .h_left .flex-next{position:absolute;right:0;top:50%;margin-top:-5px;width:6px;height:10px;background:url("/design/fioracom/sunny/images/btn_tright.png") no-repeat 0 0;background-size:6px 10px;text-indent:-9999em;}
#sunny_header .header_top .h_left .flex-control-nav{display:none;}

#sunny_header .header_top h1.logo{position:absolute;top:48px;left:50%;margin:0 0 0 -70px;width:140px;}
#sunny_header .header_top h1.logo img{width:100%;}

#sunny_header .header_top .h_right{padding-top:72px;}
#sunny_header .header_top .h_right .hsearch_box{position:relative;width:253px;height:48px;border:1px solid #57104c;background:#fff;}
#sunny_header .header_top .h_right .hsearch_box .MS_search_word{padding:0 0 0 20px;border:none;background:none;font-size:14px;color:#666;width:180px;height:48px;line-height:45px;outline:0;}
#sunny_header .header_top .h_right .hsearch_box .btn_sear{display:inline-block;position:absolute;left:221px;top:13px;width:20px;}
#sunny_header .header_top .h_right .hsearch_box .btn_sear img{width:20px;}

.sunny_category{width:100%;height:122px;}

.gnb_outer{position:relative;width:100%;min-width:1350px;height:123px;z-index:3;}
.gnb_outer.fixed{position:fixed;left:0;top:0;width:100%;background:#fff;z-index:100;}
/*.gnb_outer.fixed .gnb_m1 > li .arr_gnb{display:none;}*/

.gnb{height:123px;border-top:1px solid #f1f1f1;}
.gnb .inner{height:62px;border-bottom:1px solid #f1f1f1;background:#fbfafb;}

.gnb_m1{position:relative;width:1350px;margin:0 auto;height:62px;z-index:2;}
.gnb_m1 > li{position:relative;float:left;border-right:1px solid #f1f1f1;}
.gnb_m1 > li:first-child{border-left:1px solid #f1f1f1;}
.gnb_m1 > li.last{position:absolute;right:0;top:0;}
.gnb_m1 > li > a{position:relative;display:block;font-family: 'Noto Serif KR', serif;color:#480c3f;font-size:18px;height:60px;line-height:60px;border-bottom:2px solid #fbfafb;text-align:center;letter-spacing:-2px;}
.gnb_m1 > li > span{position:relative;display:block;font-family: 'Noto Serif KR', serif;color:#480c3f;font-size:18px;height:60px;line-height:60px;border-bottom:2px solid #fbfafb;text-align:center;letter-spacing:-2px;cursor:pointer;}
.gnb_m1 > li.last > a{}

.gnb_m1 > li > .gnbmenu1{width:188px;}
.gnb_m1 > li > .gnbmenu2{width:214px;}
.gnb_m1 > li > .gnbmenu3{width:160px;}
.gnb_m1 > li > .gnbmenu4{width:154px;}
.gnb_m1 > li > .gnbmenu5{width:184px;}
.gnb_m1 > li > .gnbmenu6{width:110px;}
.gnb_m1 > li > .gnbmenu7{width:110px;}
.gnb_m1 > li > .gnbmenu8{width:110px;}
.gnb_m1 > li > .gnbmenu9{width:110px;}

#icohit2 {
position: absolute;
z-index:999;
top: -18px;
left:50%;
margin-left:-67px;
background:url('http://fioracom.img9.kr/sunny/images/ico_hitarr.png') no-repeat 50% 100%;background-size:8px 6px;padding-bottom:6px;
-webkit-animation: icohitanimation 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
}

#icohit2 .text{display:block;height:23px;line-height:22px;text-align:center;width:132px;font-size:12px;color:#fff;letter-spacing:-1px;background:#480c3f;border-radius:15px;-ms-border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;text-align:center;overflow:hidden;}
.gnb_outer.fixed #icohit2{display:none;}

.gnb_m1 > li > a:hover, .gnb_m1 > li.active > a{border-bottom:2px solid #480c3f;}
.gnb_m1 > li > span:hover, .gnb_m1 > li.active > span{border-bottom:2px solid #480c3f;}
.gnb_m1 > li .arr_gnb{display:none;position:absolute;left:50%;bottom:-9px;margin-left:-7px;width:14px;height:9px;background:url("/design/fioracom/sunny/images/ico_gnbarr.png") no-repeat 0 0;background-size:14px 9px;}
.gnb_m1 > li > a:hover .arr_gnb, .gnb_m1 > li.active .arr_gnb{display:inline-block;}
.gnb_m1 > li > span:hover .arr_gnb, .gnb_m1 > li.active .arr_gnb{display:inline-block;}
.gnb_m1 > li:first-child > a{}

.gnb_m1 > li > ul{display:none;position:absolute;left:23px;top:61px;width:1326px;font-size:0;letter-spacing:-5px;overflow:hidden;}
.gnb_m1 > li > ul.subm1{display:block;}
.gnb_m1 > li > ul > li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;}
.gnb_m1 > li > ul > li > a{color:#666;font-size:16px;height:61px;line-height:60px;background:url("/design/fioracom/sunny/images/line_gnb.png") no-repeat 100% center;letter-spacing:-1px;}
.gnb_m1 > li > ul > li > a:hover{color:#57104c;}
.gnb_m1 > li > ul > li.last{position:absolute;right:0;top:0;}

.gnb_m1 > li.last > ul{left:-1203px;}

.gnb_m1 > li > ul.subm1 > li > a{padding:0 25px;}
.gnb_m1 > li > ul.subm1 > li:first-child a{}

.gnb_m1 > li > ul.subm2 > li > a{}
.gnb_m1 > li > ul.subm2 > li:first-child a{}

.gnb_m1 > li > ul.subm3 > li > a{}
.gnb_m1 > li > ul.subm3 > li:first-child a{}

.gnb_m1 > li > ul.subm4 > li > a{}
.gnb_m1 > li > ul.subm4 > li:first-child a{}

.gnb_m1 > li > ul.subm5 > li > a{}
.gnb_m1 > li > ul.subm5 > li:first-child a{}

.gnb_m1 > li > ul.subm6 > li > a{}
.gnb_m1 > li > ul.subm6 > li:first-child a{}

.gnb_m1 > li > ul.subm7 > li > a{padding:0 20px;}
.gnb_m1 > li > ul.subm7 > li:first-child a{}


.gnb_m2{position:relative;width:100%;height:58px;border-bottom:1px solid #f1f1f1;z-index:1;}
.gnb_m2 .inner_m2{position:relative;width:1350px;margin:0 auto;height:59px;}

.gnb_m2 .allmenu{position:absolute;top:0;left:0;width:18px;}
.gnb_m2 .allmenu .ico_am{width:18px;height:37px;padding-top:18px;cursor:pointer;background:none;}
.gnb_m2 .allmenu .ico_am img{width:18px;}
.gnb_m2 .allmenu .ico_am.close{display:none;padding-top:18px;}

.allmenu_area{display:none;position:absolute;width:100%;left:0;top:58px;padding:60px 0;background:#28061d;z-index:97;}

.allmenu_box{width:1350px;margin:0 auto;overflow:hidden;}
.allmenu_box dl{float:left;width:12.5%;height:265px;border-right:1px solid #301026;padding:0 24px;box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.allmenu_box dl:first-child{border-left:1px solid #301026;}
.allmenu_box dt{font-family:'Roboto', sans-serif;font-size:15px;line-height:15px;color:#fff;margin-bottom:20px;text-transform:uppercase;font-weight:500;}
.allmenu_box dt a{font-family:'Roboto', sans-serif;font-size:15px;line-height:15px;color:#fff;}
.allmenu_box li{}
.allmenu_box li a{display: block;font-size:13px;line-height:29px;color:#fff;letter-spacing:-1px;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;}
.allmenu_box li a:hover{color:#fff;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;}


/* quick */
#sunny_header .quick_open{display:none;position:absolute;left:-23px;top:550px;top:550px;width:22px;height:65px;border-radius:5px 0 0 5px;-ms-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;overflow:hidden;cursor:pointer;z-index:98;}
#sunny_header .quick_open img{height:65px;}
#sunny_header .quick_close{display:block;position:absolute;left:-23px;top:550px;width:22px;height:65px;border-radius:5px 0 0 5px;-ms-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;overflow:hidden;cursor:pointer;z-index:98;}
#sunny_header .quick_close img{height:65px;}


/*쿠키 적용가능할때 수정하기 

#sunny_header .quick_open{display:none;position:absolute;left:-23px;top:550px;top:550px;width:22px;height:65px;border-radius:5px 0 0 5px;-ms-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;overflow:hidden;cursor:pointer;z-index:98;}
#sunny_header .quick_open img{height:65px;}
#sunny_header .quick_close{display:none;position:absolute;left:-23px;top:550px;width:22px;height:65px;border-radius:5px 0 0 5px;-ms-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;overflow:hidden;cursor:pointer;z-index:98;}
#sunny_header .quick_close img{height:65px;}

#sunny_header .quickmenu_area{position:fixed;right:-180px;top:0;bottom:0;width:179px;background:#fff;border:1px solid #f1f1f1;border-top:0;border-bottom:0;z-index:101;}*//*닫힘*/
/*#sunny_header .quickmenu_area.qmopen{right:0;}*//*열림*/



#sunny_header .quickmenu_area{position:fixed;right:0;top:0;bottom:0;width:179px;background:#fff;border:1px solid #f1f1f1;border-top:0;border-bottom:0;z-index:101;}/*닫힘*/
#sunny_header .quickmenu_area.qmopen{}/*열림*/

#sunny_header .quickmenu_area .quick_in{padding:0 20px;}
#sunny_header .quickmenu_area h3.title_quick1{font-family:'Roboto', sans-serif;color:#57104c;font-size:13px;line-height:13px;padding:48px 0 21px;text-align:center;text-transform:uppercase;font-weight:500;}

#sunny_header .quickmenu_area h3.title_quick1.first{padding:134px 0 21px;text-align:center;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;}
#sunny_header .quickmenu_area.fixed h3.title_quick1.first{padding-top:48px;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 .quickmenu_area .quickbenefit_box{position:relative;width:137px;height:137px;border:1px solid #f1f1f1;background:#57104c;text-align:center;cursor:pointer;}
#sunny_header .quickmenu_area .quickbenefit_box .ico_txt{position:absolute;top:12px;left:50%;margin-left:-32px;width:65px;height:19px;font-size:12px;line-height:19px;color:#28061d;letter-spacing:-1px;background:#fff;border-radius:19px;-ms-border-radius:19px;-moz-border-radius:19px;-webkit-border-radius:19px;}
#sunny_header .quickmenu_area .quickbenefit_box .ico_txt span{display:inline-block;width:11px;height:6px;position:absolute;bottom:-5px;left:50%;margin-left:-5px;background:url("/design/fioracom/sunny/images/ico_quickbenefit.png") no-repeat 0 0;background-size:11px 6px;}
#sunny_header .quickmenu_area .quickbenefit_box .txt{font-size:14px;line-height:17px;color:#fff;letter-spacing:-1px;padding-top:40px;}
#sunny_header .quickmenu_area .quickrecent_box{}

#sunny_header .quickmenu_area .quick_csbot{position:absolute;bottom:0;left:0;right:0;width:179px;z-index:3;background:rgba(255,255,255,0.9);}
#sunny_header .quickmenu_area .quick_csbot dl{text-align:center;width:139px;margin:0 20px;}
#sunny_header .quickmenu_area .quick_csbot dt{position:relative;font-family:'Roboto', sans-serif;color:#57104c;font-size:13px;line-height:13px;padding:0 0 18px;text-align:center;text-transform:uppercase;font-weight:500;}
#sunny_header .quickmenu_area .quick_csbot .num{font-family:'Roboto', sans-serif;color:#28061d;font-size:24px;line-height:24px;font-weight:500;}
#sunny_header .quickmenu_area .quick_csbot .txt{font-size:12px;line-height:18px;color:#666;letter-spacing:-1px;padding-top:10px;}

#sunny_header .quickmenu_area .quick_csbot .btn_txt{text-align:center;margin-top:10px;}
#sunny_header .quickmenu_area .quick_csbot .btn_txt a{position:relative;display:inline-block;font-size:11px;color:#480c3f;width:96px;height:30px;line-height:28px;padding-left:12px;text-align:left;background:#f1f1f1;letter-spacing:-1px;font-weight:500;border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;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 .quickmenu_area .quick_csbot .btn_txt a span{position:absolute;right:12px;top:0;}
#sunny_header .quickmenu_area .quick_csbot .btn_txt a:hover{color:#fff;background:#480c3f;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 .quickmenu_area .quick_csbot dl.last{padding-bottom:50px;}
#sunny_header .quickmenu_area .quick_csbot dl.last dt{padding:28px 0 18px;margin-top:27px;border-top:1px solid #f1f1f1;}
#sunny_header .quickmenu_area .quick_csbot dl.last .num{font-size:16px;line-height:16px;letter-spacing:-1px;}
#sunny_header .quickmenu_area .quick_csbot dl.last .txt{}

/** 사이드위아래버튼 **/
.side_btn{}
.side_btn .inner {width:100%;overflow: hidden;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1; text-align:center;}
.side_btn .inner a{float:left;width:50%;height:28px;padding:10px 0;border-left:1px solid #f1f1f1;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.side_btn .inner a:first-child{border-left:0;}
.side_btn .inner img{display:inline-block;width:14px;height:7px;vertical-align:top;}




#content{}
#subcontent{}


#sunny_footer{}

/*.fban_area{min-width:1350px;height:300px;background-image:url("/design/fioracom/sunny/images/bg_ftban.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;text-align:center;}
.fban_area .sunny_inner{font-family: 'Playfair Display', serif;color:#fff;font-size:30px;line-height:30px;padding-top:134px;text-align:center;letter-spacing:24px;text-transform:uppercase;}*/

.fban_area{position:relative;width:100%;min-width:1350px;height:300px;text-align:center;overflow:hidden;}
.fban_area .sunny_inner{position:relative;font-family: 'Playfair Display', serif;color:#fff;font-size:30px;line-height:30px;padding-top:134px;text-align:center;letter-spacing:24px;text-transform:uppercase;z-index:2;}

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


.footer_area1{min-width:1350px;}
.footer_area1 .sunny_inner{padding:100px 0;}
.footer_area1 dl{position:relative;height:344px;}
.footer_area1 dt{position:absolute;right:-30px;top:0;width:300px;font-family:'Nanum Myeongjo', serif;font-size:30px;line-height:50px;color:#480c3f;letter-spacing:30px;text-align:right;}
.footer_area1 dd{}
.footer_area1 dd li{position:relative;margin-top:54px;padding-left:100px;background:url("/design/fioracom/sunny/images/line_ftsave.png") no-repeat 0 9px;}
.footer_area1 dd li:first-child{margin-top:0;}
.footer_area1 dd .tit{font-family: 'Noto Serif KR', serif;font-size:22px;line-height:22px;color:#480c3f;letter-spacing:-2px;margin-bottom:15px;}
.footer_area1 dd .txt{font-size:14px;color:#8e7789;line-height:21px;letter-spacing:-1px;}

.footer_area2{min-width:1350px;position:relative;padding:50px 0;background:url("/design/fioracom/sunny/images/bg_footer.png") repeat 0 0;}
.footer_area2 .sunny_inner{width:760px;margin:0 auto;overflow:hidden;text-align:center;}

.footer_area2 .f_list{float:left;font-size:0;letter-spacing:-5px;overflow:hidden;}
.footer_area2 .f_list li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;padding:1px 15px;background:url("/design/fioracom/sunny/images/footer_line.png") no-repeat 0 center;}
.footer_area2 .f_list li:first-child{background:none;}
.footer_area2 .f_list li a{font-family:'Roboto', sans-serif;font-size:11px;color:#8b7487;line-height:18px;text-transform:uppercase;}
.footer_area2 .f_ban{float:left;font-size:0;letter-spacing:-5px;overflow:hidden;}
.footer_area2 .f_ban li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;font-size:12px;color:#8b7487;padding:1px 15px;line-height:18px;background:url("/design/fioracom/sunny/images/footer_line.png") no-repeat 0 center;}
.footer_area2 .f_ban li img{display:inline-block;vertical-align:middle;}
.footer_area2 .f_ban li span{display:inline-block;margin:0 0 0 6px;vertical-align:middle;}

.footer_area3{padding:55px 0 60px;border-top:1px solid #f1f1f1;text-align:center;background:url("/design/fioracom/sunny/images/bg_footer.png") repeat 0 0;}
.footer_area3 .txt1{font-size:12px;line-height:12px;color:#8b7487;letter-spacing:-0.5px;}
.footer_area3 .txt1 span{padding:0 10px;}
.footer_area3 .txt2{font-family:'Poppins', sans-serif;font-size:11px;line-height:13px;color:#d0c8ce;margin-top:25px;}
.footer_area3 .txt2 a{font-size:11px;line-height:13px;color:#d0c8ce;}

/* main */
.title_main{min-width:1350px;margin-bottom:75px;text-align:center;}
.title_main h2{font-family: 'Playfair Display', serif;font-size:60px;line-height:60px;color:#480c3f;font-weight:400;text-transform:uppercase;letter-spacing:-3px;background:url("/design/fioracom/sunny/images/line_title1.png") no-repeat 50% 0;background-size:150px 10px;padding-top:50px;}
.title_main .txt{font-family: 'Noto Serif KR', serif;color:#480c3f;font-size:20px;line-height:20px;letter-spacing:-2px;padding-top:25px;}

.title_main2{min-width:1350px;margin-bottom:60px;}
.title_main2 h2{display:inline-block;font-family:'Roboto', sans-serif;font-size:20px;line-height:20px;color:#480c3f;font-weight:400;text-transform:uppercase;letter-spacing:0;}
.title_main2 .txt{display:inline-block;font-family: 'Noto Serif KR', serif;color:#a1909e;font-size:20px;line-height:20px;letter-spacing:-2px;padding-left:70px;margin-left:20px;background:url("/design/fioracom/sunny/images/line_title2.png") no-repeat 0 50%;}
.title_main2 .txt a{font-family:'Roboto', sans-serif;font-size:14px;line-height:20px;color:#a1909e;text-transform:uppercase;letter-spacing:0;vertical-align:top;}

.btn_goview{display:block;font-family:'Roboto', sans-serif;font-size:14px;width:40px;height:40px;line-height:40px;color:#fff;background:#666;text-align:center;font-weight:500;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;}
.btn_goview2{font-family:'Poppins',sans-serif;font-size:11px;display:inline-block;height:20px;line-height:21px;color:#fff;padding:0 10px;background:#57104c;font-weight:500;border-radius:2px;-ms-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;text-transform:uppercase;letter-spacing: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;}
.btn_goview2 span{padding-left:15px;}

.mainallmenu_area{padding:100px 0;background:#28061d;}


.line_hr{display:block;background:url("/design/fioracom/sunny/images/line_hr.png") repeat-x 0 0;width:1350px;height:3px;outline:0;border:0;margin:150px 0;}
.line_hr2{display:block;background:url("/design/fioracom/sunny/images/line_hr.png") repeat-x 0 0;width:1350px;height:3px;outline:0;border:0;margin:150px 0 100px;}
.line_hr3{display:block;background:url("/design/fioracom/sunny/images/line_hr.png") repeat-x 0 0;width:1350px;height:3px;outline:0;border:0;margin:100px 0;}



/*상품목록*/
.submenubox_area{overflow:hidden;padding:0 0 50px;}

.menuCategory{float:left;width:70%;}
.menuCategory ul{font-size:0; line-height:0; margin-left:-0.5%; }
.menuCategory li { position:relative; display:inline-block;  vertical-align:top; margin:0 0 0.5% 0.5%;text-align:center; }
.menuCategory li > a {/*font-family: 'Montserrat', sans-serif;*/display:block;  color:#888; font-size:13px;  padding:12px 20px;line-height:14px;border:1px solid #e5e5e5;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.menuCategory li > a:hover { color:#fff; border:1px solid #480c3f;background:#480c3f;text-decoration:none;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.menuCategory li > a.active { color:#fff;border:1px solid #480c3f;background:#480c3f;}


.list_sort{float:right;width:30%;padding-top:10px;text-align:right;}
.list_sort ul{font-size:0; line-height:0;}
.list_sort li { display:inline-block;  vertical-align:top; padding: 0 10px; line-height:12px;}
.list_sort li.nobg { padding-right:0; border-right:none }
.list_sort li a { font-size: 12px; color:#a6a6a6; line-height:12px; vertical-align:top;letter-spacing:-1px; }
.list_sort li a .on { color:#480c3f; }


.mproduct_box ul{width:1387px;font-size:0;letter-spacing:-5px;overflow:hidden;margin:0 0 0 -37px;text-align:center;}
.mproduct_box li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:425px;margin:0 0 80px 37px;overflow:hidden;}
.mproduct_box li a{display:block;}

.mproduct_box .img{position:relative;width:423px;height:423px;border:1px solid #f1f1f1;overflow:hidden;z-index:1;}
.mproduct_box .img .bg{
display:none;position:absolute;left:0;top:0;width:423px;height:423px;display:block;background:#212121;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_box li:hover .img .bg{
display:none;
opacity:0.3;filter:alpha(opacity=30);
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 .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:35px;text-align:left;}
.mproduct_box .tit{font-family: 'Noto Serif KR', serif;color:#25031a;font-size:20px;line-height:26px;letter-spacing:-2px;padding:0 0 0 14px;}
.mproduct_box .txt{color:#b0aaae;font-size:13px;line-height:16px;letter-spacing:-1px;padding:12px 0 0 14px;}
.mproduct_box .txt span{padding-left:7px;}
.mproduct_box .txt span:first-child{padding-left:0;}
.mproduct_box .price_box{position:relative;height:35px;margin-top:30px;padding:17px 0 0 14px;border-top:1px solid #480c3f;border-bottom:1px solid #f1f1f1;}
.mproduct_box .price_box .strike{font-family:'Roboto', sans-serif;color:#666;font-size:12px;line-height:15px;padding-right:5px;text-decoration:line-through;font-weight:normal;}
.mproduct_box .price_box .price{display:inline-block;font-family:'Roboto', sans-serif;color:#25031a;font-size:15px;line-height:15px;}
.mproduct_box .price_box .won{display:inline-block;font-family:'Roboto', sans-serif;color:#25031a;font-size:15px;line-height:15px;padding-left:1px;}
.mproduct_box .price_box .review_num{display:inline-block;position:absolute;right:9px;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;}


/*상세관련상품*/
.mproduct_box .prd-opt { padding:20px 0 0; font-size:13px }
.mproduct_box .prd-opt p { padding-bottom:5px }
.mproduct_box .prd-opt select { height:auto }
.mproduct_box .prd-opt .vo_value_list { height:28px; line-height:28px }
.mproduct_box .prd-qty { padding:10px 0 0; margin:0 auto; position: relative; width:71px; height:18px }
.mproduct_box .prd-qty .MS_related_quantity,
.mproduct_box .prd-qty .btns { float:left }
.mproduct_box .prd-qty .MS_related_quantity { width:34px; height:16px; line-height:18px; text-align:right; border:1px solid #acacac; font-size: 11px;padding:0 4px 0 0; }
.mproduct_box .prd-qty .btns { width:17px; height: 16px; border:1px solid #acacac; border-left:none }
.mproduct_box .prd-qty .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; }
.mproduct_box .prd-qty .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 2px; }
.mproduct_box .prd-qty .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 2px }


/* sub */
.subtopban_box{width:100%;height:300px;overflow:hidden;}

.subtopban_box .bgbox{position:relative;min-width:1350px;height:300px;overflow:hidden;z-index:1;}
.subtopban_box .bgbox .bg{position:absolute;width:100%;height:400px;top:-77px;}

.subtopban_box.sub1 .bgbox .bg{background:url("/design/fioracom/sunny/images/subbg_topban1.jpg") no-repeat center 100%;background-size:cover;}/*페로몬이란*/
.subtopban_box.sub2 .bgbox .bg{background:url("/design/fioracom/sunny/images/subbg_topban2.jpg") no-repeat center 100%;background-size:cover;}/*페로몬 원액 연구소*/
.subtopban_box.sub3 .bgbox .bg{background:url("http://fioracom.img9.kr/sunny/images/subbg_topban3.jpg") no-repeat center 100%;background-size:cover;}/*프랑스향수상식사전*/
.subtopban_box.sub4 .bgbox .bg{background:url("/design/fioracom/sunny/images/subbg_topban4.jpg") no-repeat center 100%;background-size:cover;}/*피오라향수가 좋은 이유*/
.subtopban_box.sub5 .bgbox .bg{background:url("http://fioracom.img9.kr/sunny/images/subbg_topban5.jpg") no-repeat center 100%;background-size:cover;}/*품질 및 사용법*/
.subtopban_box.sub6 .bgbox .bg{background:url("http://fioracom.img9.kr/sunny/images/subbg_topban6.jpg") no-repeat center 100%;background-size:cover;}/*페로몬 실험들*/
.subtopban_box.sub7 .bgbox .bg{background:url("http://fioracom.img9.kr/sunny/images/subbg_topban7.jpg") no-repeat center 100%;background-size:cover;}/*리얼스토리*/
.subtopban_box.sub8 .bgbox .bg{background:url("/design/fioracom/sunny/images/subbg_topban8.jpg") no-repeat center 100%;background-size:cover;}/*블라인트 테스트*/
.subtopban_box.sub9 .bgbox .bg{background:url("http://fioracom.img9.kr/sunny/images/subbg_topban9.jpg") no-repeat center 100%;background-size:cover;}/*회원혜택*/
.subtopban_box.sub10 .bgbox .bg{background:url("http://fioracom.img9.kr/sunny/images/subbg_topban10.jpg") no-repeat center 100%;background-size:cover;}/*페로몬향수vs페로몬향향수*/

.subcont_area{position:relative;width:1350px;margin:0 auto;padding-bottom:150px;z-index:2;}
.subcont_area .title_box{margin-top:-130px;}


/* 게시판상단탭 */
.list_cscenter{margin:0 0 40px;}
.list_cscenter ul{font-size:0;letter-spacing:-5px;overflow:hidden;margin:-0.2% 0 0 -0.2%;}
.list_cscenter li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:24.8%;margin:0.2% 0 0 0.2%;}
.list_cscenter li.first{}
.list_cscenter li.last{}
.list_cscenter li span{display:block;font-family:'Poppins', sans-serif;font-size:15px;width:100%;height:45px;line-height:43px;color:#480c3f;background:#fff;text-align:center;border:1px solid #f1f1f1;letter-spacing:-1px;cursor:pointer;font-weight:400;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;vertical-align:top;}
.list_cscenter li.selected{}
.list_cscenter li.selected span{color:#fff;background:#480c3f;}

/* BASIC css end */