/* BASIC css start */
.subvideo_area{margin:0 15px;overflow:hidden;}
.subvideo_area_inner{position:relative; _background:#f2f1ee;}
.subvideo_box{}

.title_subproduct{position:relative;margin:10% auto 30px;}
.title_subproduct h2{font-family: 'Noto Serif KR', serif;
    font-size: 16px;
    line-height:24px;
    color: #201f1e;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;}

.mainmdpickban_area{background:#efedea;margin-bottom:5%;}
.mainmdpickban_box{position:relative;height:200px;margin:0 auto;overflow:hidden;background:#ebe8e3 url("//dainpark06.cafe24.com/sunny/images/bg_mainmdpickban.jpg") no-repeat 90% center;background-size:cover;}
.bg2 .mainmdpickban_box{background:#ebe8e3 url("//dainpark06.cafe24.com/sunny/images/bg_submdpickban2.jpg") no-repeat 75% center;background-size:cover;}
.bg3 .mainmdpickban_box{background:#ebe8e3 url("//dainpark06.cafe24.com/sunny/images/bg_submdpickban3.jpg") no-repeat 80% center;background-size:cover;}
.mainmdpickban_area dl{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);text-align:center;}
.mainmdpickban_area .txt{font-family: 'Noto Serif KR', serif;font-size:13px;line-height:13px;color:#c3b6ab;letter-spacing:-1px;margin-bottom:12px;}
.mainmdpickban_area dt{font-family: 'Noto Serif KR', serif;font-size:16px;line-height:26px;color:#201f1e;letter-spacing:-1px;}

.mainhistorynum_area{padding:15% 0;background:url("//dainpark06.cafe24.com/sunny/images/bg_mainnumber.jpg") repeat 0 0;background-size:2000px auto;margin-top:15%;}
.mainhistorynum_box{margin:0 15px;overflow:hidden;text-align:center;}
.mainhistorynum_box .title_box{position:relative;padding-bottom:10%;}
.mainhistorynum_box .title_box .title{font-family: 'Noto Serif KR', serif;font-size:20px;line-height:30px;color:#fff;letter-spacing:-1px;}
.mainhistorynum_box .title_box .txt{margin-top:20px;display:block;color:#797978;font-size:12px;line-height:12px;letter-spacing:-1px;}
.mainhistorynum_box ul{overflow:hidden;}
.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{}
.mainhistorynum_box .num_box .number_hisnum{display:inline-block;font-family:'termina', sans-serif;color:#fff;font-size:30px;line-height:30px;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:12px;line-height:12px;padding-left:3px;vertical-align:top;text-transform:uppercase;}
.mainhistorynum_box .text_box{color:#fff;font-size:14px;line-height:20px;letter-spacing:-1px;margin-top:20px;}

.subrealstory_area{padding:15% 0 0;background:url("//dainpark06.cafe24.com/sunny/images/bg_realstory1.jpg") repeat-x 0 0;background-size:100% 230px;}
.subrealstory_box{margin:0 auto;}

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

.realstory_imgbox2{position:relative;overflow:hidden;margin:0 15px;}
.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% 15px 0 15px;}
.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;margin:0 15px;}
.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:13% 15px 5%;background:#efedea;}
.realstory_textbox1 dl{position:relative;padding:0 0 10%;}
.realstory_textbox1 dt{font-size:16px;line-height:24px;color:#201f1e;letter-spacing:-1px;font-weight:500;}
.realstory_textbox1 dd{font-size:15px;line-height:24px;color:#97938f;letter-spacing:-1px;font-weight:300;margin-top:5%;}
.realstory_textbox1 dd > div{margin-top:5%;}

.subban_wide{position:relative;height:250px;overflow:hidden;}
.subban_wide .text_box{position:absolute;left:5%;right:5%;top:50%;width:100%;transform:translate(0,-50%);width:90%;text-align:center;z-index:2;}
.subban_wide dl{}
.subban_wide dt{font-family: "Noto Serif KR", serif;font-size:16px;line-height:30px;color:#fff;letter-spacing:-1px;font-weight:300;margin-bottom:10px;}
.subban_wide dd{font-size:12px;line-height:20px;color:#a2a19f;letter-spacing:-1px;font-weight:300;padding:0 5%;}
.subban_wide .bgbox{height:400px;overflow:hidden;z-index:1;}
.subban_wide .bgbox .bg{position:absolute;width:100%;height:350px;}
.subban_wide.subban_customstory .bgbox .bg{background:url("//dainpark06.cafe24.com/sunny/images/bgban_custom.jpg") no-repeat center center;background-size:cover;}

.subcategory_area{padding:10% 0;background:url("//dainpark06.cafe24.com/sunny/images/subbg_subcategory.jpg") no-repeat 0 0;background-size:cover;}
/*.subcategory_box{}
.subcategory_box ul{font-size:0;letter-spacing:-5px;overflow:hidden;margin:0 0 0 -3%;}
.subcategory_box li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:22%;margin:0 0 0 3%;overflow:hidden;}*/

.subcategory_box ul{position:relative; overflow-y:hidden; overflow-x:auto;padding:0 15px 0 0;font-size:0; white-space: nowrap; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; z-index:1;}
.subcategory_box ul::-webkit-scrollbar {display: none; width: 0 !important; height: 0 !important; background-color: transparent}
.subcategory_box ul li {display:inline-block;width:70%;margin-left:15px;}

.subcategory_box li a{display:block;}

.subcategory_box .img_box{position:relative;overflow:hidden;}
.subcategory_box .img{position:relative;overflow:hidden;z-index:1;}
.subcategory_box .img img{width:100%;}
.subcategory_box .txt{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);text-align:center;font-family: "Noto Serif KR", serif;color:rgba(195,182,171,.8);font-size:15px;line-height:15px;letter-spacing:-1px;z-index:2;}
.subcategory_box .text{margin-top:6%;}
.subcategory_box .text span{position:relative;display:inline-block;color:#fff;font-size:13px;line-height:18px;letter-spacing:-1px;}



.shopbrand h2 {}
.shopbrand .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .list_group {padding:12px 1%; text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}

.shopbrand .coupon-benefit {position:relative; margin:-12px 0 10px 0;} 
.shopbrand .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.shopbrand .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.shopbrand .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }



.cate-wrap {overflow:hidden;padding:40px 0 30px;}
.cate-wrap h2 {font-family: 'termina', sans-serif;
    color: #201f1e;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing:-1px;
    text-transform: uppercase;
    text-align: center;
}


.cate-wrap .navi {}
.cate-wrap .navi span{padding:0 6px;}
.cate-wrap .navi ul {text-align:center;}
.cate-wrap .navi ul li {display: inline-block; }
.cate-wrap .navi ul li a { color: #201f1e;
font-family:'Noto Serif KR', serif;font-size:18px;line-height:22px;
    font-weight: 400;
letter-spacing:-0.5px;
    text-transform: uppercase;
}

.cate-wrap .mcate {padding-top:20px;text-align:center;}
.cate-wrap .mcate li {position: relative;
    display: inline-block;
    margin:5px 1px 0 1px;
}
.cate-wrap .mcate li a {font-family: 'Work Sans',sans-serif;
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    line-height:12px;
padding:8px 10px;
    color:#828282;
    vertical-align: top;border:1px solid #e5e2dd;
border-radius:20px;
    -ms-border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;letter-spacing:-0.5px;}
.cate-wrap .mcate li.active a{color:#282828;border:1px solid #282828;}



/*.cate-wrap .mcate {padding-top:10px;text-align:center;}
.cate-wrap .mcate li {position: relative;
    display: inline-block;
    margin:0 3px;padding: 10px 0 0 0;
}
.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 li a {
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
color: #777;
    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;height:30px;margin:0 15px 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;left: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;}

.item-info .list_arrayRight{position:absolute;right:0;padding-top:7px;overflow:hidden;}
.item-info .list_arrayRight a{
float:left;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-left:1px solid #e5e2dd;
    margin-left: 8px;
    padding-left: 8px;
}
.item-info .list_arrayRight a:first-child{border-left:0;}
.item-info .list_arrayRight a img{width:100%;}

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







.more_box a{
position: relative;
display:block;
width:200px;
height:50px;
line-height:48px;
padding: 0 0 0 15px;
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{box-sizing:border-box; padding:0 5%;}
.more_box a{font-size:14px;  color: #b8633c; width:270px; border: 1px solid #b8633c; font-family:'Noto Serif KR', serif;}
.more_box a i{font-size:20px; margin-right:5px;;}
.more_box a span{ float:right; margin-right:10px}
.more_box a i:before{vertical-align:middle;}





body .bottom{display:flex; justify-content:center; margin-top:30px;}
body div[class*="swiper-button-"]{position:static; margin:0; width:20px; height:20px; border:1px solid #ddd; border-radius:50%; margin:0 2px;}
body .swiper-button-prev{}
body .swiper-button-next{}
body .swiper-button-prev:after,
body .swiper-button-next:after{font-size:8px; color:#000;line-height:20px; font-weight:bold;}











/**/
/* BASIC css end */