/* BASIC css start */
.subvideo_area{min-width:1300px;max-width:1600px;margin:0 auto;overflow:hidden;}
.subvideo_area.swiper{overflow:visible; position:relative;}
.subvideo_area_inner{position:static;background:#f2f1ee; overflow:hidden;}
.subvideo_box{}


.title_subproduct{position:relative;min-width:1300px;max-width:1600px;margin:0 auto 120px;}
.title_subproduct h2{font-family: 'Noto Serif KR', serif;color:#201f1e;font-size:34px;line-height:54px;font-weight:400;letter-spacing:-2px;text-transform:uppercase;}

.mainmdpickban_area{background:#efedea;margin-bottom:5%;}
.mainmdpickban_box{position:relative;min-width:1300px;max-width:1600px;height:300px;margin:0 auto;overflow:hidden;background:#ebe8e3 url("//dainpark06.cafe24.com/sunny/images/bg_mainmdpickban.jpg") no-repeat right center;background-size:auto 300px;}
.bg2 .mainmdpickban_box{background:#ebe8e3 url("//dainpark06.cafe24.com/sunny/images/bg_submdpickban2.jpg") no-repeat right center;background-size:auto 300px;}
.bg3 .mainmdpickban_box{background:#ebe8e3 url("//dainpark06.cafe24.com/sunny/images/bg_submdpickban3.jpg") no-repeat right center;background-size:auto 300px;}
.mainmdpickban_area dl{position:absolute;left:6%;top:50%;transform:translateY(-50%);}
.mainmdpickban_area .txt{font-family: 'Noto Serif KR', serif;font-size:17px;line-height:17px;color:#c3b6ab;letter-spacing:-1px;margin-bottom:22px;}
.mainmdpickban_area dt{font-family: 'Noto Serif KR', serif;font-size:25px;line-height:36px;color:#201f1e;letter-spacing:-1px;}

.mainhistorynum_area{padding:80px 0;background:url("//dainpark06.cafe24.com/sunny/images/bg_mainnumber.jpg") repeat 0 0;background-size:2000px auto;margin-top:120px;}
.mainhistorynum_box{min-width:1300px;max-width:1600px;margin:0 auto;overflow:hidden;}
.mainhistorynum_box .title_box{position:relative;float:left;width:500px;}
.mainhistorynum_box .title_box .title{font-family: 'Noto Serif KR', serif;font-size:34px;line-height:54px;color:#fff;letter-spacing:-2px;}
.mainhistorynum_box .title_box .txt{margin-top:60px;display:block;color:#797978;font-size:16px;line-height:16px;letter-spacing:-1px;}
.mainhistorynum_box ul{float:right;overflow:hidden;width:500px;}
.mainhistorynum_box li{float:left;width:100%;padding:50px 0;border:1px solid #2f2e2d;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mainhistorynum_box .num_box{padding-left:10%;}
.mainhistorynum_box .num_box .number_hisnum{display:inline-block;font-family:'termina', sans-serif;color:#fff;font-size:50px;line-height:50px;font-weight:400;letter-spacing:1px;vertical-align:top;}
.mainhistorynum_box .num_box .text_hisnum{display:inline-block;font-family:'Work Sans', sans-serif;color:#fff;font-size:15px;line-height:15px;padding-left:7px;vertical-align:top;text-transform:uppercase;}
.mainhistorynum_box .text_box{color:#fff;font-size:19px;line-height:28px;letter-spacing:-1px;margin-top:30px;padding-left:10%;}

.subrealstory_area{padding:120px 0 0;background:url("//dainpark06.cafe24.com/sunny/images/bg_realstory1.jpg") repeat-x 0 0;background-size:100% 666px;}
.subrealstory_box{min-width:1300px;max-width:1600px;margin:0 auto;}

.realstory_imgbox1{position:relative;overflow:hidden;background:url("//dainpark06.cafe24.com/sunny/images/bg_realstory2.jpg") repeat 0 0;}
.realstory_imgbox1 .img{float:left;width:50%;}
.realstory_imgbox1 .img img{width:100%;}
.realstory_imgbox1 .text{position:absolute;left:50%;top:0;bottom:0;right:0;}
.realstory_imgbox1 .text dl{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;}
.realstory_imgbox1 .text dt{font-family: 'Noto Serif KR', serif;font-size:40px;line-height:65px;color:#fff;letter-spacing:-2px;font-weight:300;}
.realstory_imgbox1 .text dd{font-size:20px;line-height:20px;color:#e1dbd5;letter-spacing:-1px;margin-top:45px;}

.realstory_imgbox2{position:relative;overflow:hidden;}
.realstory_imgbox2 .img_left{float:left;width:49.7%;margin-right:0.3%;}
.realstory_imgbox2 .img_left img{width:100%;}
.realstory_imgbox2 .img_right{float:left;width:49.7%;margin-left:0.3%;}
.realstory_imgbox2 .img_right img{width:100%;}

.realstory_imgbox3{position:relative;overflow:hidden;margin:-0.6% 0 0 0;}
.realstory_imgbox3 .img{overflow:hidden;margin-left:-0.6%;}
.realstory_imgbox3 .img > div{float:left;width:49.4%;margin:0.6% 0 0 0.6%;}
.realstory_imgbox3 .img > div img{width:100%;}

.realstory_imgbox4{position:relative;overflow:hidden;}
.realstory_imgbox4 .img{overflow:hidden;margin-left:-0.6%;}
.realstory_imgbox4 .img > div{float:left;width:32.7%;margin:0 0 0 0.6%;}
.realstory_imgbox4 .img > div img{width:100%;}

.realstory_textbox1{padding:100px 0 90px;background:#efedea;}
.realstory_textbox1 dl{position:relative;}
.realstory_textbox1 dt{font-family: 'Noto Serif KR', serif;color:#201f1e;font-size:34px;line-height:54px;font-weight:400;letter-spacing:-2px;}
.realstory_textbox1 dd{font-size:24px;line-height:40px;color:#97938f;letter-spacing:-2px;font-weight:300;margin-top:25px;}
.realstory_textbox1 dd > div{margin-top:20px;}

.subban_wide{position:relative;min-width:1300px;height:500px;overflow:hidden;}
.subban_wide .text_box{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;z-index:2;}
.subban_wide dl{min-width:1300px;max-width:1600px;margin:0 auto;text-align:right;}
.subban_wide dt{font-family: 'Noto Serif KR', serif;font-size:34px;line-height:34px;color:#fff;letter-spacing:-2px;font-weight:300;margin-bottom:50px;}
.subban_wide dd{font-size:20px;line-height:40px;color:#a2a19f;letter-spacing:-1px;font-weight:300;}
.subban_wide .bgbox{height:500px;overflow:hidden;z-index:1;}
.subban_wide .bgbox .bg{position:absolute;width:100%;height:600px;}
.subban_wide.subban_customstory .bgbox .bg{background:url("//dainpark06.cafe24.com/sunny/images/bgban_custom.jpg") no-repeat center center;background-size:cover;}

.title_subproduct{position:relative;min-width:1300px;max-width:1600px;margin:120px auto;}
.title_subproduct h2{font-family: 'Noto Serif KR', serif;color:#201f1e;font-size:34px;line-height:54px;font-weight:400;letter-spacing:-2px;text-transform:uppercase;}

#contentWrapper{overflow:hidden;/*background:#efedea;*/}
#content{width:100% !important;}


.category_titlehtml img{width:100%;}


/*#contentWrap {margin-top:203px;}
#content {padding-top:0;}
#prdBrand {    margin-top: -203px;
    padding-top: 303px;}*/
.title img{ width:100%;}
.item-cont .item-list .prd-price{font-size:15px; color:#aa6868; font-weight:bold; float:left; padding-top:10px}

.cate-wrap {overflow:hidden;padding-top:100px;margin-bottom: 50px;}
.cate-wrap h2 {font-size: 26px;
    line-height: 30px;
    letter-spacing: -1px;
    font-weight: 300;
}


.cate-wrap .navi {}
.cate-wrap .navi span{padding:0 10px;}
.cate-wrap .navi ul {}
.cate-wrap .navi ul li {display: inline-block; }
.cate-wrap .navi ul li a {color: #201f1e;
    font-family: 'Noto Serif KR', serif; font-size: 26px;
    line-height: 30px;
    letter-spacing: -1px;
    font-weight: 300;
}
.cate-wrap .mcate li:after{content:"";position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    background: #201f1e;
    border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);}


.cate-wrap .mcate {padding-top:20px;}
.cate-wrap .mcate li {position: relative;
    display: inline-block;
    margin-right: 28px;
}
.cate-wrap .mcate li a {font-family: 'Work Sans',sans-serif;
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #777;
/*color: #c7c7c7;*/
    padding-top:12px;
    vertical-align: top;}
.cate-wrap .mcate li:hover a {}

.cate-wrap .mcate li.active a{color:#282828;}
.cate-wrap .mcate li.active:after{opacity:1;
    filter: alpha(opacity=100);}


.item-info{position:relative;width:100%; height:38px;margin-bottom:25px;}
.item-info .item-total{float:left;color:#000;font-family: 'Work Sans',sans-serif;font-size:12px;padding-top:12px;}
.item-info .item-total strong{font-weight:normal;}


.typelist_box{position:absolute;right:0;top:2px;width:110px;border:1px solid #e5e2dd;text-align:left;overflow:hidden;border-radius:14px;-ms-border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;background:#efedea;z-index:5;}
#type_text{font-family:'Work Sans', sans-serif;font-size:12px;line-height:12px;color:#2c3b34;padding:9px 15px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
background:#efedea url("/design/83kjh/sunny/images/ico_listtype.png") no-repeat 88% 48%;background-size:9px 5px;cursor:pointer;text-transform:uppercase;}
#type{display:none;width:110px;text-align:left;padding:0 15px 12px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#type li{margin-top:12px;}
#type li:first-child{margin-top:3px;}
#type a{display:block;font-family:'Work Sans', sans-serif;font-size:12px;line-height:12px;color:#2c3b34;text-transform:uppercase;}
#type a.sort{float:none;}



/* class-list */
/*#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { padding-bottom:10px; font-size:18px; color:#202020; font-weight:bold; border-bottom:1px solid #e3e3e3 }
#productClass .cate-wrap .class-list ul { border-bottom:1px solid #e3e3e3;  *zoom:1 }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { padding:15px 30px 16px 0; float:left }
#productClass .cate-wrap .class-list ul li a { display:block; font-size:13px; color:#919191 }*/

/* best-item */
/*#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }*/

/* total-sort */
/*#productClass .total-sort { padding-top: 30px; }*/

.mproduct_box li.li_ban{width:100%;}









.subvideo_area .next{position:absolute;left:-60px;top:50%;transform:translateY(-350%);width:11px;height:20px;background:url("http://dainpark06.cafe24.com/sunny/images/ico_leftblack.png") no-repeat 0 0;background-size:11px 20px;outline:0;}
.subvideo_area .prev{position:absolute;right:-60px;top:50%;transform:translateY(-350%);width:11px;height:20px;background:url("http://dainpark06.cafe24.com/sunny/images/ico_rightblack.png") no-repeat 0 0;background-size:11px 20px;outline:0;}




.more_box a{
position: relative;
display:block;
width:200px;
height:50px;
line-height:48px;
padding: 0 0 0 25px;
margin:5% auto 0;
border: 1px solid transparent;
border-radius: 0;
text-transform: uppercase;
font-size:13px;
text-align:left;
font-family:'Work Sans', sans-serif;
font-weight:400;
font-style: normal;
background-color: transparent;
transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: 1;
-webkit-tap-highlight-color: initial;
box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
vertical-align:top;
}
.more_box a::before{
position: absolute;
content: '';
display: block;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
transform: scale(1, 1);
transform-origin: left center;
z-index: -1; }
@media (-moz-touch-enabled: 0), (hover: hover) {
.more_box a:not([disabled])::before{
transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.more_box a:not([disabled]):hover::before{
transform-origin: right center;
transform: scale(0, 1); } }
.more_box a[disabled]{
cursor: not-allowed; }

.more_box a{ font-size:18px; color: #b8633c; width:400px; height:60px; line-height:58px; border: 1px solid #b8633c; font-family:'Noto Serif KR', serif;}
.more_box a i{font-size:30px; margin-right:10px;}
.more_box a i:before{vertical-align:middle;}


.more_box a::before{
background-color: #b8633c;
transform-origin: right center;
transform: scale(0, 1); }
@media (-moz-touch-enabled: 0), (hover: hover) {
.more_box a:not([disabled]):hover{
color: white;
border-color: #b8633c; }
.more_box a:not([disabled]):hover::before{
transform-origin: left center;
transform: scale(1, 1); } }

.more_box a span{ position:absolute;right:15px;top:50%;transform:translateY(-55%);width:19px;height:13px;font-size:16px;line-height:13px;font-weight:300;
transition: all 0.45s ease-in-out;-ms-transition: all 0.45s ease-in-out;-moz-transition: all 0.45s ease-in-out;-webkit-transition: all 0.45s ease-in-out;}

.more_box a:not([disabled]):hover span {
transition: all 0.45s ease-in-out;-ms-transition: all 0.45s ease-in-out;-moz-transition: all 0.45s ease-in-out;-webkit-transition: all 0.45s ease-in-out;}

 






/**/

/* BASIC css end */