/* BASIC css start */
#sunny_header{border-bottom:0 !important;}

.main{overflow:hidden;}

/* main */
.title_main{position:relative;margin:0 auto 30px;}
.title_main h2{font-family:'termina', sans-serif;color:#201f1e;font-size:16px;line-height:16px;font-weight:400;letter-spacing:1px;text-transform:uppercase;text-align:center;}

.title_main .btn_viewmore2{position:absolute;right:0;top:5px;}
.title_main .txt{font-family: 'Noto Serif KR', serif;font-size:20px;line-height:20px;color:#fff;letter-spacing:-1px;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.title_main .txt2{font-family:'Work Sans', sans-serif;font-size:12px;line-height:12px;color:#c0b5a7;letter-spacing:0;position:absolute;right:15px;top:50%;transform:translateY(-55%);}


.hr_line{width:100%;height:1px;background:#e5e2dd;margin:0;padding:0;outline:0;border:0;}


/* mainvisual */
.mainvisual_area{position:relative;hoverflow:hidden;}

.mainvisual_area .box{position:relative;cursor:pointer;outline:0;}
.mainvisual_area .box a{outline:0;}
.mainvisual_area .text_box{position:absolute;left:20px;bottom:75px;z-index:2;}
.mainvisual_area .text_box.text_box2{}
.mainvisual_area .text_box dt{font-family:'pretendard', sans-serif;color:#fff;font-size:20px;line-height:20px;letter-spacing:1px;font-weight:700;text-transform:uppercase;}
.mainvisual_area .text_box.text_box2 dt{font-family: 'Noto Serif KR', serif;font-size:19px;line-height:26px;letter-spacing:-1.5px;font-weight:300;padding-bottom:10px;}
.mainvisual_area .text_box .txt1{font-size:17px;line-height:24px;color:#fff;letter-spacing:-1px;margin-top:20px;}
.mainvisual_area .text_box .txt2{font-size:12px;line-height:22px;color:#fff;letter-spacing:-1px;margin-top:12px;font-weight:300;}
.mainvisual_area .img{position:relative;z-index:1;}
.mainvisual_area .img img{width:100%;}

.mainvisual_area .prev{display:none !important;position:absolute;left:50px;top:50%;transform:translateY(-50%);z-index:2;cursor:pointer;outline:0;}
.mainvisual_area .prev img{width:10px;height:20px;}
.mainvisual_area .next{display:none !important;position:absolute;right:50px;top:50%;transform:translateY(-50%);z-index:2;cursor:pointer;outline:0;}
.mainvisual_area .next img{width:10px;height:20px;}

.mainvisual_area .btn_box{position:absolute;right:20px;bottom:30px;z-index:2;}
.mainvisual_area .btn_box .inner{width:45px;height:20px;}
.mainvisual_area .pageing_box .slick-counter{font-family:'Work Sans', sans-serif;font-size:11px;color:#fff;height:20px;line-height:20px;text-align:center;background:rgba(0,0,0,.2);letter-spacing:-1px;border-radius:20px;font-weight:400;vertical-align:top;}
.mainvisual_area .pageing_box .slick-counter span{}

.mainvisual_area .slick-dots{position:absolute;left:20px;bottom:22px;text-align:left;}
.mainvisual_area .slick-dots li{display:inline-block;margin-right:10px;}
.mainvisual_area .slick-dots li button{display:inline-block;width:6px;height:6px;border-radius:100%;background:rgba(255,255,255,.6);text-indent:-999em;outline:0;border:0;}
.mainvisual_area .slick-dots li.slick-active button{background:rgba(255,255,255,1);}










/* ¿µ»ó ½½¶óÀÌµå ¹è³Ê ½ÃÀÛ */
.banner-slideArea-v{padding:0 0 0 0;overflow:hidden;}
.banner-slideArea-v .sl-bg{position:absolute; left:0; bottom:0; width:100%; height:40%; background-position:bottom; background-size:cover;}
.banner-slideArea-v .swiper-container{position:relative !important; width:100%;height:auto;}

.banner-slideArea-v .swiper-button-prev,
.banner-slideArea-v .swiper-button-next{top:50%; transform:translateY(-50%); margin:0; background:none; display:none !important;}

.banner-slideArea-v .swiper-button-prev{left:50%; right:auto; margin-left:-660px;}
.banner-slideArea-v .swiper-button-next{right:50%; left:auto; margin-right:-660px;}

.banner-slideArea-v .swiper-button-prev:after,
.banner-slideArea-v .swiper-button-next:after{font-family:'xeicon'; color:#000; font-size:30px; font-weight:bold;}
.banner-slideArea-v .swiper-button-prev:after{content:"\e93d";}
.banner-slideArea-v .swiper-button-next:after{content:"\e940";}
.banner-slideArea-v .swiper-button-prev:hover:after,
.banner-slideArea-v .swiper-button-next:hover:after{color:#999;}


.banner-slideArea-v .item{text-align:left; position:relative; margin:0; outline:0;}
.banner-slideArea-v .item>.in{width:100%; height:100%; font-size:0; line-height:0;}
.banner-slideArea-v .item>.in>*{font-size:13px; line-height:1.1;}
.banner-slideArea-v .item.swiper-slide-active{}
.banner-slideArea-v .item .img{position:relative; width:100%; height:0; padding-bottom:177%; overflow:hidden; transition:0.2s;}
.banner-slideArea-v .item .img:after{position:absolute; top:0; left:0; width:100%; height:100%; content:""; z-index:11;}
.banner-slideArea-v .item .img iframe{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.banner-slideArea-v .item.swiper-slide-active .img{}
.banner-slideArea-v .item.swiper-slide-active .img iframe{}

.banner-slideArea-v .item .txt{opacity:0; position:relative; width:132%; left:-16%; margin-top:-100px; padding:200px 0 50px 0; box-sizing:border-box; text-align:center; background-position:bottom; background-size:cover; transition:0.2s;}
.banner-slideArea-v .item .txt h2{font-size:14px; color:#fff; margin-bottom:20px; font-weight:normal; font-family:'termina', sans-serif; letter-spacing:1px;}
.banner-slideArea-v .item .txt p{font-size:16px; color:#fff; margin-bottom:20px; font-weight:200; font-family:'Noto Serif KR', serif;}
.banner-slideArea-v .item .txt .btn{display:block; margin:0 auto; text-align:left; }
.banner-slideArea-v .item .txt .btn a{}
.banner-slideArea-v .item .txt .btn a .Button_secondary{color:#fff; border-color:#fff;}
.banner-slideArea-v .item .txt .btn a i{position:absolute; top:0; right:20px; line-height:50px; }
.banner-slideArea-v .item .txt .btn a:hover{}
.banner-slideArea-v .item .txt .btn a:hover .Button_secondary{border-color:#c3b6ab;}
.banner-slideArea-v .item.swiper-slide-active .txt{opacity:1;}

.banner-slideArea-v .btn{position:absolute; bottom:7%; width:100%; left:0; text-align:center; z-index:111;}


/* ¿µ»ó ½½¶óÀÌµå ¹è³Ê Á¾·á */






















.mainproducttab_area{padding:15% 0;background:#efedea;overflow:hidden;}
.mainproducttab_area .title_main{margin-bottom:15px;}
.mainproducttab_box{}
.mainproducttab_area .tab{padding-bottom:25px;font-size:0;letter-spacing:-5px;overflow:hidden;text-align:center;}
.mainproducttab_area .tab li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;padding:10px 0 0 0;margin:0 7px;font-size:12px;color:#c7c7c7;cursor:pointer;}
.mainproducttab_area .tab li > span{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);}
.mainproducttab_area .tab li.active{color:#201f1e;}
.mainproducttab_area .tab li.active > span{opacity:1;filter:alpha(opacity=100);}
.mainproducttab_area .panel_area{height:0px;opacity:0;overflow:hidden;}
.mainproducttab_area .panel_area.active{height:auto;opacity:1;}

.mainproducttab_box .mproduct_box.mainmore li{display:none;}
.mainproducttab_box .mproduct_box.mainmore li:nth-child(1),
.mainproducttab_box .mproduct_box.mainmore li:nth-child(2),
.mainproducttab_box .mproduct_box.mainmore li:nth-child(3),
.mainproducttab_box .mproduct_box.mainmore li:nth-child(4),
.mainproducttab_box .mproduct_box.mainmore li:nth-child(5),
.mainproducttab_box .mproduct_box.mainmore li:nth-child(6),
.mainproducttab_box .mproduct_box.mainmore li:nth-child(7),
.mainproducttab_box .mproduct_box.mainmore li:nth-child(8){display:inline-block;}

.mainproducttab_box .mproduct_box.mainmore2 li{display:none;}
.mainproducttab_box .mproduct_box.mainmore2 li:nth-child(1),
.mainproducttab_box .mproduct_box.mainmore2 li:nth-child(2),
.mainproducttab_box .mproduct_box.mainmore2 li:nth-child(3),
.mainproducttab_box .mproduct_box.mainmore2 li:nth-child(4),
.mainproducttab_box .mproduct_box.mainmore2 li:nth-child(5),
.mainproducttab_box .mproduct_box.mainmore2 li:nth-child(6),
.mainproducttab_box .mproduct_box.mainmore2 li:nth-child(7),
.mainproducttab_box .mproduct_box.mainmore2 li:nth-child(8){display:inline-block;}

.mainproducttab_box .mproduct_box.mainmore3 li{display:none;}
.mainproducttab_box .mproduct_box.mainmore3 li:nth-child(1),
.mainproducttab_box .mproduct_box.mainmore3 li:nth-child(2),
.mainproducttab_box .mproduct_box.mainmore3 li:nth-child(3),
.mainproducttab_box .mproduct_box.mainmore3 li:nth-child(4),
.mainproducttab_box .mproduct_box.mainmore3 li:nth-child(5),
.mainproducttab_box .mproduct_box.mainmore3 li:nth-child(6),
.mainproducttab_box .mproduct_box.mainmore3 li:nth-child(7),
.mainproducttab_box .mproduct_box.mainmore3 li:nth-child(8){display:inline-block;}

.mainproducttab_box .mproduct_box.mainmore4 li{display:none;}
.mainproducttab_box .mproduct_box.mainmore4 li:nth-child(1),
.mainproducttab_box .mproduct_box.mainmore4 li:nth-child(2),
.mainproducttab_box .mproduct_box.mainmore4 li:nth-child(3),
.mainproducttab_box .mproduct_box.mainmore4 li:nth-child(4),
.mainproducttab_box .mproduct_box.mainmore4 li:nth-child(5),
.mainproducttab_box .mproduct_box.mainmore4 li:nth-child(6),
.mainproducttab_box .mproduct_box.mainmore4 li:nth-child(7),
.mainproducttab_box .mproduct_box.mainmore4 li:nth-child(8){display:inline-block;}


.more_box .boxmore{margin:30px auto 0;}
.more_box .boxmore span{background:url("//dainpark06.cafe24.com/sunny/images/ico_arrowdownlist2.png") no-repeat 0 0;background-size:12px auto;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 .boxmore2{margin:30px auto 0;}
.more_box .boxmore2 span{background:url("//dainpark06.cafe24.com/sunny/images/ico_arrowdownlist2.png") no-repeat 0 0;background-size:12px auto;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 .boxmore3{margin:30px auto 0;}
.more_box .boxmore3 span{background:url("//dainpark06.cafe24.com/sunny/images/ico_arrowdownlist2.png") no-repeat 0 0;background-size:12px auto;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 .boxmore4{margin:30px auto 0;}
.more_box .boxmore4 span{background:url("//dainpark06.cafe24.com/sunny/images/ico_arrowdownlist2.png") no-repeat 0 0;background-size:12px auto;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 .boxmore5{margin:30px auto 0;}
.more_box .boxmore5 span{background:url("//dainpark06.cafe24.com/sunny/images/ico_arrowdownlist2.png") no-repeat 0 0;background-size:12px auto;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 .boxmore6{margin:30px auto 0;}
.more_box .boxmore6 span{background:url("//dainpark06.cafe24.com/sunny/images/ico_arrowdownlist2.png") no-repeat 0 0;background-size:12px auto;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;}




.mainbestseller_area{padding:15% 0;background:#efedea;overflow:hidden;}
.mainbestseller_area .title_main{margin-bottom:10px;}
.mainpromotion_area{padding:15% 0;background:#efedea;overflow:hidden;}
.mainpromotion_area .title_main{margin-bottom:10px;}

.mainpromotion_area .maintabban_box{position:relative;margin:0px 0px 15px 0px;height:270px;}
.mainpromotion_area .maintabban_box dl{position:absolute;bottom:10%;left:30%;z-index:2;}
.mainpromotion_area .maintabban_box dt{font-size:18px;line-height:24px;color:#fff;letter-spacing:-1px;}
.mainpromotion_area .maintabban_box .txt{font-size:13px;line-height:20px;color:#fff;letter-spacing:-1px;margin:15px 0 20px;font-weight:300;}
.mainpromotion_area .maintabban_box .img{position:relative;z-index:1;}
.mainpromotion_area .maintabban_box .img img{width:100%;}
.mainpromotion_area .maintabban_box .btn a{margin:0;}

.sliderfor_outer{position:relative;}
.sliderfor_outer .btn_arrow{position:absolute;top:54%;width:13px;height:25px;border:0;background:none;outline:0;text-indent:-999em;cursor:pointer;z-index:2;}
.sliderfor_outer .prev{left:-60px;background:url("http://skin-mobile1.ecudemo237204.cafe24.com/temply/images/ico_blackleft.png") no-repeat 0 0;background-size:13px 25px;}
.sliderfor_outer .next{right:-60px;background:url("http://skin-mobile1.ecudemo237204.cafe24.com/temply/images/ico_blackright.png") no-repeat 0 0;background-size:13px 25px;}

.sliderfor_outer .slider-dots{position:absolute;top:8px;left:0;right:0;font-size:0;letter-spacing:-5px;overflow:hidden;text-align:center;padding:0 50px;box-sizing:border-box;}
.mainbestseller_area .sliderfor_outer .slider-dots{padding:0 50px;box-sizing:border-box;}
.sliderfor_outer .slider-dots li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;padding:10px 0 0 0;margin:0 5px;font-size:12px;color:#c7c7c7;cursor:pointer;}
.sliderfor_outer .slider-dots li .tab_dot{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);}
.sliderfor_outer .slider-dots li.slick-active{color:#282828;}
.sliderfor_outer .slider-dots li.slick-active .tab_dot{opacity:1;filter:alpha(opacity=100);}
.sliderfor_outer .dots__number{display:none;}

.slider-for{position:relative;padding:60px 0 0;overflow:hidden;}
.slider-for .item{outline:0;outline:0;}
.slider-for .item img{width:100%;}
.slider-for .slick-slider{z-index:1;}

.slider-nav{overflow:hidden;}
.slider-nav .item{}
.slider-nav .slick-dots{font-size:0; line-height:0; text-align:center;}
.slider-nav .slick-dots li{display:inline-block; overflow:hidden; margin:0 3px 0 4px; width:10px; height:10px; border:0; border-radius:10px; cursor:pointer; background-color:#e9ebea; }
.slider-nav .slick-dots li button{text-indent:-999em;background:none;border:none;}
.slider-nav .slick-dots li.slick-active{ background-color:#b36839; }

.mainbestseller_area .Button{margin-top:30px;}
/*.mainbestseller_area .slick-list{height:auto !important;}*/


.mainhistorynum_area{padding:5% 0;background:url("//dainpark06.cafe24.com/sunny/images/bg_mainnumber.jpg") repeat 0 0;background-size:2000px auto;}
.mainhistorynum_box{overflow:hidden;}
.mainhistorynum_box .title_box{position:relative;margin-bottom:10px;}
.mainhistorynum_box .title_box .title{font-family: 'Noto Serif KR', serif;font-size:15px;line-height:18px;color:#fff;letter-spacing:-1px;text-align:center;}
.mainhistorynum_box .title_box .title2{display:none;font-family: 'Noto Serif KR', serif;font-size:15px;line-height:18px;color:#fff;letter-spacing:-1px;text-align:center;}
.mainhistorynum_box .txt{color:#919090;font-size:11px;line-height:11px;letter-spacing:-0.5px;}

.mainhistorynum_box .box{width:280px;padding:20px 0;border:1px solid #2f2e2d;box-sizing:border-box;text-align:center;}
.mainhistorynum_box .num_box{}
.mainhistorynum_box .num_box .number_hisnum{display:inline-block;font-family:'termina', sans-serif;color:#fff;font-size:35px;line-height:35px;font-weight:400;letter-spacing:0;vertical-align:top;}
.mainhistorynum_box .num_box .text_hisnum{display:block;font-family:'Work Sans', sans-serif;color:#fff;font-size:14px;line-height:14px;padding-bottom:7px;vertical-align:top;text-transform:uppercase;}
.mainhistorynum_box .text_box{color:#fff;font-size:14px;line-height:20px;letter-spacing:-1px;margin:10px 0 15px;}

.mainhistorynum_area .slide_wrap {position:relative; width:100%;height:auto;}
.mainhistorynum_area .slide_wrap .wide_slide .slick-list{overflow:visible !important;}
.mainhistorynum_area .slide_wrap .wide_slide .slick-slide {position:relative;margin:0 10px;outline:0;}

.mainhistorynum_area .slide_wrap .ctrl {display:none !important;position:absolute; top:245px; cursor:pointer;}
.mainhistorynum_area .slide_wrap .ctrl img{width:15px;}
.mainhistorynum_area .slide_wrap .ctrl.prev {left:50%; margin-left:-558px;}
.mainhistorynum_area .slide_wrap .ctrl.next {right:50%; margin-right:-558px;}
    
.mainhistorynum_area .box{}
.mainhistorynum_area .box.slick-active{}
    
.mainhistorynum_area .paging_box{position:relative;bottom:auto;padding-top:30px;text-align:center;}
.mainhistorynum_area .paging_box li{display:inline;margin:0 6px;}
.mainhistorynum_area .paging_box li button{width:6px;height:6px;background:#fff;border-radius:6px;opacity:0.3;outline:0;border:0;text-indent:-999em;}
.mainhistorynum_area .paging_box li.slick-active button{opacity:1;}
.mainhistorynum_area .paging_box li button:before{display:none;}


.mainwelcome_area{padding:15% 0;background:#ebe7e4;}
.mainwelcome_box{}


.mainwelcome_box .box{
    width:280px;
    /* padding:40px 0;
    border:1px solid #dfdbd5; */
    box-sizing:border-box;
}

/*************** .mainwelcome_area dl{padding-left:30px;}
.mainwelcome_area dl.ico1{background:url("//dainpark06.cafe24.com/sunny/images/ico_mainwelcome1.png") no-repeat 88% 45%;background-size:40px auto;}
.mainwelcome_area dl.ico2{background:url("//dainpark06.cafe24.com/sunny/images/ico_mainwelcome2.png") no-repeat 88% 45%;background-size:40px auto;}
.mainwelcome_area dl.ico3{background:url("//dainpark06.cafe24.com/sunny/images/ico_mainwelcome3.png") no-repeat 88% 45%;background-size:40px auto;}
.mainwelcome_area dl.ico4{background:url("//dainpark06.cafe24.com/sunny/images/ico_mainwelcome4.png") no-repeat 88% 45%;background-size:40px auto;}
.mainwelcome_area dl.ico5{background:url("//dainpark06.cafe24.com/sunny/images/ico_mainwelcome5.png") no-repeat 88% 45%;background-size:40px auto;}
.mainwelcome_area dt{color:#201f1e;font-size:17px;line-height:17px;letter-spacing:-1px;margin-bottom:10px;}
.mainwelcome_area dd{color:#a9a6a3;font-size:13px;line-height:13px;letter-spacing:-1px;}

.mainwelcome_area .slide_wrap {position:relative; width:100%;height:auto;}
.mainwelcome_area .slide_wrap .wide_slide .slick-list{overflow:visible !important;}
.mainwelcome_area .slide_wrap .wide_slide .slick-slide {position:relative;margin:0 10px;outline:0;}

.mainwelcome_area .slide_wrap .ctrl {display:none !important;position:absolute; top:245px; cursor:pointer;}
.mainwelcome_area .slide_wrap .ctrl img{width:15px;}
.mainwelcome_area .slide_wrap .ctrl.prev {left:50%; margin-left:-558px;}
.mainwelcome_area .slide_wrap .ctrl.next {right:50%; margin-right:-558px;}
    
.mainwelcome_area .box{}
.mainwelcome_area .box.slick-active{}
    
.mainwelcome_area .paging_box{position:relative;bottom:auto;padding-top:30px;text-align:center;}
.mainwelcome_area .paging_box li{display:inline;margin:0 6px;}
.mainwelcome_area .paging_box li button{width:6px;height:6px;background:#222120;border-radius:6px;opacity:0.3;outline:0;border:0;text-indent:-999em;}
.mainwelcome_area .paging_box li.slick-active button{opacity:1;}
.mainwelcome_area .paging_box li button:before{display:none;}  ***********2023.02.01 Àü¿¹³ª ¼öÁ¤ ¡é************/

.mainwelcome_area dl{
    padding-left:30px;
}
.mainwelcome_area dl.ico1{
    background:url("//dainpark06.cafe24.com/sunny/images/main_welcome1_mo.jpg") no-repeat;
    background-size:100% auto;
    height: 120px;
}
.mainwelcome_area dl.ico2{
    background:url("//dainpark06.cafe24.com/sunny/images/main_welcome2_mo.jpg") no-repeat;
    background-size:100% auto;
    height: 120px;
}
.mainwelcome_area dl.ico3{
    background:url("//dainpark06.cafe24.com/sunny/images/main_welcome3_mo.jpg") no-repeat;
    background-size:100% auto;
    height: 120px;
}
.mainwelcome_area dl.ico4{
    background:url("//dainpark06.cafe24.com/sunny/images/main_welcome4_mo.jpg") no-repeat;
    background-size:100% auto;
    height: 120px;
}
.mainwelcome_area dl.ico5{
    background:url("//dainpark06.cafe24.com/sunny/images/main_welcome5_mo.jpg") no-repeat;
    background-size:100% auto;
    height: 120px;
}
.mainwelcome_area dt{
    color:#fff;
    font-size:17px;
    font-weight: 600;
    line-height:17px;
    letter-spacing:-1px;
    margin-bottom:10px;
    padding-top: 26%;
}
.mainwelcome_area dd{
    color: #fff;
    font-size: 13px;
    line-height: 4px;
    letter-spacing: -1px;
    font-weight: 500;
}

.mainwelcome_area .slide_wrap{
    position:relative;
    width:100%;
    height:auto;
}
.mainwelcome_area .slide_wrap .wide_slide .slick-list{overflow:visible !important;}
.mainwelcome_area .slide_wrap .wide_slide .slick-slide {position:relative;margin:0 10px;outline:0;}

.mainwelcome_area .slide_wrap .ctrl {display:none !important;position:absolute; top:245px; cursor:pointer;}
.mainwelcome_area .slide_wrap .ctrl img{width:15px;}
.mainwelcome_area .slide_wrap .ctrl.prev {left:50%; margin-left:-558px;}
.mainwelcome_area .slide_wrap .ctrl.next {right:50%; margin-right:-558px;}
    
.mainwelcome_area .paging_box{position:relative;bottom:auto;padding-top:30px;text-align:center;}
.mainwelcome_area .paging_box li{display:inline;margin:0 6px;}
.mainwelcome_area .paging_box li button{
    width:6px;
    height:6px;
    background:#222120;
    border-radius:6px;
    opacity:0.3;
    outline:0;
    border:0;
    text-indent:-999em;
}
.mainwelcome_area .paging_box li.slick-active button{opacity:1;}
.mainwelcome_area .paging_box li button:before{display:none;}



.mainmovie_area{background:#efedea;}
.mainmovie_area .bg_outer{padding:15% 0 0;}
.mainmovie_area.bg1 .bg_outer{background:url("//dainpark06.cafe24.com/sunny/images/bg_mainmovie1.jpg") repeat-x 0 0;background-size:auto 210px;}
.mainmovie_area.bg2 .bg_outer{background:url("//dainpark06.cafe24.com/sunny/images/bg_mainmovie2.jpg") repeat-x 0 0;background-size:auto 190px;}
.mainmovie_area .title_box{position:relative;margin:0 auto 30px;}
.mainmovie_area .title_box h2{font-family: 'Noto Serif KR', serif;font-size:18px;line-height:18px;color:#fff;letter-spacing:-1px;font-weight:300;text-align:center;}
.mainmovie_area .title_box .txt{position:absolute;right:0;top:13px;display:inline-block;font-family:'Work Sans', sans-serif;color:#fff;font-size:13px;height:20px;line-height:20px;text-transform:uppercase;}
.mainmovie_area .title_box .txt:after{content:'';position:absolute;bottom:0;left:0;height:1px;width:0;background:#fff;transition: all 0.3s ease-in-out;}
.mainmovie_area .title_box .txt:hover:after{width:100%;transition: all 0.3s ease-in-out;}

.mainvideo_area{margin:0 15px;}
.mainvideo_box{position:relative;width:100%;background:#ebe7e4;overflow:hidden;}

.mainvideo_area2{margin:0 15px;}
.mainvideo_box2{position:relative;width:100%;background:#ebe7e4;overflow:hidden;}

.mainreal_area{padding:15% 15px;background:#efedea;}
.mainreal_box{}

.mainreal_area .slick-arrow{}
.mainreal_area .slick-next,
.mainreal_area .slick-prev{position:absolute; top:-48px;width:20px;height:20px;outline:0; background-size:20px; background-position:center; border:0; font-size:0; line-height:0;}
.mainreal_area .slick-next{right:15px; background-image:url('//dainpark06.cafe24.com/sunny/images/ico_radiusright.png');}
.mainreal_area .slick-next img{width:100%;}
.mainreal_area .slick-prev{right:38px; background-image:url('//dainpark06.cafe24.com/sunny/images/ico_radiusleft.png');}
.mainreal_area .slick-prev img{width:100%;}

.mainreal_box .img_box{position:relative;overflow:hidden;}
.mainreal_box .img_box .text{position:absolute;left:15px;bottom:15px;width:100%;color:#fff;font-size:12px;line-height:12px;z-index:3;}
.mainreal_box .img_box .bg{display:none;}
.mainreal_box .img{position:relative;overflow:hidden;z-index:1;}
.mainreal_box .img img{width:100%;}
.mainreal_box dl{padding:30px 0 0 0;text-align:center;}
.mainreal_box dt p{display:none;}
.mainreal_box dt{font-family: 'Noto Serif KR', serif;font-size:17px;line-height:20px;color:#201f1e;letter-spacing:-1px;font-weight:400;}
.mainreal_box .txt{font-size:0;line-height:0;color:#97938f;letter-spacing:-1px;margin:10px 0 15px;font-weight:300;}
.mainreal_box .txt p{font-size:12px;line-height:20px;}
.mainreal_box .btn{font-family:'Work Sans', sans-serif;font-size:11px;line-height:11px;color:#c3b6ab;text-transform:uppercase;}

.mainreal_area .slide_wrap{}
.mainreal_area .slide_wrap .ctrl {display:none !important;}
    
.mainreal_area .box{}
.mainreal_area .box.slick-active{}
    
.mainreal_area .paging_box{position:relative;bottom:auto;padding-top:30px;text-align:center;}
.mainreal_area .paging_box li{display:inline;margin:0 6px;}
.mainreal_area .paging_box li button{width:6px;height:6px;background:#222120;border-radius:6px;opacity:0.3;outline:0;border:0;text-indent:-999em;}
.mainreal_area .paging_box li.slick-active button{opacity:1;}
.mainreal_area .paging_box li button:before{display:none;}


.maininterview_area{background:#efedea;}
.maininterview_box{}

.maininterview_box .left_box{border-top:1px solid #dfdbd5;padding:12% 0;}
.maininterview_box .right_box{border-top:1px solid #dfdbd5;padding:12% 0 5%;}
.maininterview_box .right_box.rr{border-top:0;}

.maininterview_area .minterview_box{}
.maininterview_area .minterview_box .box{position:relative;display:block;width:280px;background:#ebe7e4;overflow:hidden;box-sizing:border-box;}

.maininterview_area .minterview_box .img{width:100%;height:200px;}
.maininterview_area .minterview_box .img img{width:100%;}
.maininterview_area .minterview_box dl{padding:30px 15px;box-sizing:border-box;text-align:center;}
.maininterview_area .minterview_box .txt{font-family:'Work Sans', sans-serif;color:#b8633c;font-size:12px;line-height:12px;margin:0 0 15px;text-transform:uppercase;}
.maininterview_area .minterview_box dt{font-family: 'Noto Serif KR', serif;font-size:16px;line-height:22px;color:#201f1e;letter-spacing:-1px;margin:0 0 17px}
.maininterview_area .minterview_box dt h2{font-size:15px; font-weight:400;}
.maininterview_area .minterview_box dt p{font-size:11px; color:#97938f; margin-top:10px;}
.maininterview_area .minterview_box .btn{font-family:'Work Sans', sans-serif;font-size:12px;line-height:12px;color:#c3b6ab;text-transform:uppercase;}

.maininterview_area .minterview_box .slide_wrap {position:relative; width:100%;height:auto;}
.maininterview_area .minterview_box .slide_wrap .wide_slide .slick-list{overflow:visible !important;}
.maininterview_area .minterview_box .slide_wrap .wide_slide .slick-slide {position:relative;margin:0 7px;outline:0;}

.maininterview_area .minterview_box .slide_wrap .ctrl {display:none !important;position:absolute; top:245px; cursor:pointer;}
.maininterview_area .minterview_box .slide_wrap .ctrl img{width:15px;}
.maininterview_area .minterview_box .slide_wrap .ctrl.prev {left:50%; margin-left:-558px;}
.maininterview_area .minterview_box .slide_wrap .ctrl.next {right:50%; margin-right:-558px;}
    
.maininterview_area .minterview_box .box{}
.maininterview_area .minterview_box .box.slick-active{}
    
.maininterview_area .minterview_box .paging_box{position:relative;bottom:auto;padding-top:30px;text-align:center;}
.maininterview_area .minterview_box .paging_box li{display:inline;margin:0 6px;}
.maininterview_area .minterview_box .paging_box li button{width:6px;height:6px;background:#222120;border-radius:6px;opacity:0.3;outline:0;border:0;text-indent:-999em;}
.maininterview_area .minterview_box .paging_box li.slick-active button{opacity:1;}
.maininterview_area .minterview_box .paging_box li button:before{display:none;}

.maininterview_area .outer_box .next{position:absolute;right:15px;top:-48px;width:20px;height:20px;outline:0;}
.maininterview_area .outer_box .next img{width:100%;}
.maininterview_area .outer_box .prev{position:absolute;right:38px;top:-48px;width:20px;height:20px;outline:0;}
.maininterview_area .outer_box .prev img{width:100%;}

.maininterview_area .mreview_outbox .title_main{}
.maininterview_area .mreview_outbox .outer_box{position:relative;}
.maininterview_area .mreview_box{padding:0 15px;}
.maininterview_area .mreview_box .box{border-top:1px solid #e5e2dd;padding:12px 10px;}
.maininterview_area .mreview_box .box a{display:block;color:#97938f;font-size:12px;line-height:16px;letter-spacing:-1px; text-align:center;}
.maininterview_area .mreview_box .box a span{color:#b8633c; margin-right:10px; display:block;}
.maininterview_area .mreview_box .slick-list{padding:0 0 1px;}


.maincategory_area{padding:15% 0;background:#ebe7e4;}
.maincategory_box{overflow:hidden;margin:0 5px;}

.maincategory_box ul{font-size:0;letter-spacing:-5px;overflow:hidden;width:100.6%;margin:-5% 0 0 -0.6%;}
.maincategory_box ul li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:16.06%;margin:5% 0 0 0.6%;}

/*.maincategory_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;}
.maincategory_box ul::-webkit-scrollbar {display: none; width: 0 !important; height: 0 !important; background-color: transparent}
.maincategory_box ul li {display:inline-block;width:68px;margin-left:15px;}*/

.maincategory_box .ico_box{overflow:hidden;border-radius:12px;}
.maincategory_box .ico_box img{width:100%;opacity:0;filter: alpha(opacity=0);}

.maincategory_box .ico_box.ico1{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate1_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico2{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate2_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico3{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate3_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico4{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate4_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico5{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate5_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico6{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate6_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico7{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate7_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico8{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate8_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico9{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate9_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico10{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate10_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico11{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate11_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico12{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate12_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico13{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate13_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico14{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate14_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico15{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate15_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico16{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate16_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico17{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate17_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico18{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate18_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico19{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate19_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico20{background:url("//dainpark06.cafe24.com/sunny/images/ico_maincate20_off.png") no-repeat center center;background-size:contain;}

.maincategory_box .text{font-size:10px;line-height:12px;color:#201f1e;letter-spacing:-1px;margin-top:10px;text-align:center;}


/*.mainmdpickban_area{background:#efedea;}
.mainmdpickban_box{position:relative;overflow:hidden;width:100%;height:200px;background:#ebe8e3 url("//dainpark06.cafe24.com/sunny/images/mobilebg_mainmdpickban.jpg") no-repeat right center;background-size:cover;}
.mainmdpickban_area dl{padding:55px 20px 0;}
.mainmdpickban_area .txt{font-family: 'Noto Serif KR', serif;font-size:13px;line-height:18px;color:#c3b6ab;letter-spacing:-1px;margin:0 0 12px;}
.mainmdpickban_area dt{font-family: 'Noto Serif KR', serif;font-size:15px;line-height:23px;color:#201f1e;letter-spacing:-1px;}*/

.mainmdpickban_area{background:#efedea;}
.mainmdpickban_box{position:relative;overflow:hidden;width:100%;}
.mainmdpickban_area dl{padding:25px 20px;background:#ebe7e4;}
.mainmdpickban_area .txt{font-family: 'Work Sans',sans-serif;font-size:12px;line-height:19px;color:#97938f;letter-spacing:-1px;margin:0 0 12px;font-weight:700;}
.mainmdpickban_area dt{font-family: 'Noto Serif KR', serif;font-size:15px;line-height:23px;color:#201f1e;letter-spacing:-1px;font-weight:400;}
.mainmdpickban_area .img{width:100%;height:200px;background:url("//dainpark06.cafe24.com/sunny/images/bg_mainmdpickban.jpg") no-repeat 62% center;background-size:cover;}



.mainquality_area{padding:15% 15px;background:#ebe7e4;}
.mainquality_area .title_box{position:relative;margin:0 auto 30px;}
.mainquality_area .title_box h2{font-family: 'Noto Serif KR', serif;font-size:18px;line-height:18px;color:#201f1e;letter-spacing:-1px;font-weight:300;text-align:center;}
.mainquality_area .title_box .txt{position:absolute;right:0;top:10px;display:inline-block;font-family:'Work Sans', sans-serif;color:#c3b6ab;font-size:13px;height:20px;line-height:20px;text-transform:uppercase;}
.mainquality_area .title_box .txt:after{content:'';position:absolute;bottom:0;left:0;height:1px;width:0;background:#c3b6ab;transition: all 0.3s ease-in-out;}
.mainquality_area .title_box .txt:hover:after{width:100%;transition: all 0.3s ease-in-out;}

.mainquality_box{}

.mainquality_area .img_box{position:relative;overflow:hidden;}
.mainquality_area .img_box .bg{display:none;}
.mainquality_area .img{position:relative;overflow:hidden;}
.mainquality_area .img img{width:100%;}
.mainquality_area .info_box{padding:25px 0 0 10px;font-size:15px;line-height:15px;color:#201f1e;font-weight:300;letter-spacing:-1px;text-align:center;}
.mainquality_area span{display:inline-block;font-family:'Work Sans', sans-serif;font-size:15px;line-height:16px;color:#c3b6ab;padding-right:6px;letter-spacing:0;font-weight:400;vertical-align:top;}

.mainquality_area .slide_wrap{}
.mainquality_area .slide_wrap .ctrl {display:none !important;}
    
.mainquality_area .box{}
.mainquality_area .box.slick-active{}
    
.mainquality_area .paging_box{position:relative;bottom:auto;padding-top:30px;text-align:center;}
.mainquality_area .paging_box li{display:inline;margin:0 6px;}
.mainquality_area .paging_box li button{width:6px;height:6px;background:#222120;border-radius:6px;opacity:0.3;outline:0;border:0;text-indent:-999em;}
.mainquality_area .paging_box li.slick-active button{opacity:1;}
.mainquality_area .paging_box li button:before{display:none;}

.mainmaterial_area{padding:15% 0;background:#efedea;}
.mainmaterial_box{}
.mainmaterial_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;}
.mainmaterial_box ul::-webkit-scrollbar {display: none; width: 0 !important; height: 0 !important; background-color: transparent}
.mainmaterial_box ul li {display:inline-block;width:68px;margin-left:15px;}

.mainmaterial_box .img_box{position:relative;overflow:hidden;border-radius:20px;}
.mainmaterial_box .img_box .bg{display:none;}
.mainmaterial_box .img{position:relative;overflow:hidden;}
.mainmaterial_box .img img{width:100%;}

.mainmaterial_box .text{font-size:14px;line-height:14px;color:#201f1e;letter-spacing:-1px;text-align:center;margin-top:15px;}
.mainmaterial_box .text span{display:block;font-size:11px;line-height:11px;color:#97938f;vertical-align:top;padding-top:4px;}


.mainprove_area{padding:15% 15px;border-top:1px solid #e5e2dd;background:#efedea;}
.mainprove_box{}
.mainprove_area .mainproveban_box{position:relative;margin:0 0 50px;}
.mainprove_area .mainproveban_box dl{padding:25% 15px 5%;}
.mainprove_area .mainproveban_box dt{font-size:18px;line-height:24px;color:#fff;letter-spacing:-1px;}
.mainprove_area .mainproveban_box .txt{font-size:13px;line-height:20px;color:#fff;letter-spacing:-1px;margin:15px 0 20px;font-weight:300;}
.mainprove_area .mainproveban_box .img{position:relative;z-index:1;}
.mainprove_area .mainproveban_box .img img{width:100%;}
.mainprove_area .mainproveban_box .btn a{margin:15;}

.mainprovelist_box .img_box{position:relative;overflow:hidden;}
.mainprovelist_box .img_box .text{position:absolute;left:0;top:50%;transform:translateY(-50%);font-family:'termina', sans-serif;width:100%;color:#fff;font-size:30px;line-height:30px;text-align:center;letter-spacing:3px;font-weight:400;z-index:3;}
.mainprovelist_box .img_box .bg{display:none;}
.mainprovelist_box .img{position:relative;overflow:hidden;}
.mainprovelist_box .img img{width:100%;}
.mainprovelist_box dl{text-align:center;}
.mainprovelist_box dt{font-family: 'Noto Serif KR', serif;font-size:16px;line-height:24px;color:#201f1e;letter-spacing:-1px;font-weight:400;margin-bottom:30px;}
.mainprovelist_box .txt{font-size:12px;line-height:20px;color:#97938f;letter-spacing:-1px;margin:25px 0 20px;font-weight:300;}
.mainprovelist_box .btn{font-family:'Work Sans', sans-serif;font-size:12px;line-height:12px;color:#c3b6ab;text-transform:uppercase;}

.mainprove_area .slide_wrap{}
.mainprove_area .slide_wrap .ctrl {display:none !important;}
    
.mainprove_area .box{}
.mainprove_area .box.slick-active{}
    
.mainprove_area .paging_box{position:relative;height:6px;bottom:auto;padding-top:40px;text-align:center;}
.mainprove_area .paging_box li{display:inline;margin:0 6px;}
.mainprove_area .paging_box li button{width:6px;height:6px;background:#222120;border-radius:6px;opacity:0.3;outline:0;border:0;text-indent:-999em;}
.mainprove_area .paging_box li.slick-active button{opacity:1;}
.mainprove_area .paging_box li button:before{display:none;}


.maindiff_area{padding:15% 0;background:#efedea;border-top:1px solid #e5e2dd;}
.maindiff_area .title_box{text-align:center;margin-bottom:35px;}
.maindiff_area .title_box .txt1{font-family:'termina', sans-serif;font-size:14px;line-height:14px;color:#c3b6ab;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase;}
.maindiff_area .title_box dt{font-size:20px;line-height:30px;color:#201f1e;letter-spacing:-1px;font-weight:300;}
.maindiff_area .title_box .txt2{font-size:12px;line-height:20px;color:#97938f;margin:15px 0 0;letter-spacing:-1px;font-weight:400;}
.maindiff_area .title_box .btn a{margin:0;}

.maindiff_area2{padding:15% 0;background:#efedea;border-top:1px solid #e5e2dd;}
.maindiff_area2 .title_box{text-align:center;margin-bottom:35px;}
.maindiff_area2 .title_box .txt1{font-family:'termina', sans-serif;font-size:14px;line-height:14px;color:#c3b6ab;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase;}
.maindiff_area2 .title_box dt{font-size:20px;line-height:30px;color:#201f1e;letter-spacing:-1px;font-weight:300;}
.maindiff_area2 .title_box .txt2{font-size:12px;line-height:20px;color:#97938f;margin:15px 0 0;letter-spacing:-1px;font-weight:400;}
.maindiff_area2 .title_box .btn a{margin:0;}

.maindiff_area .btn_mainmore{margin-top:40px;}
.maindiff_area2 .btn_mainmore{margin-top:40px;}


.maindiff_area .mproduct_box.mainmore5 li{display:none;}
.maindiff_area .mproduct_box.mainmore5 li:nth-child(1),
.maindiff_area .mproduct_box.mainmore5 li:nth-child(2),
.maindiff_area .mproduct_box.mainmore5 li:nth-child(3),
.maindiff_area .mproduct_box.mainmore5 li:nth-child(4),
.maindiff_area .mproduct_box.mainmore5 li:nth-child(5),
.maindiff_area .mproduct_box.mainmore5 li:nth-child(6),
.maindiff_area .mproduct_box.mainmore5 li:nth-child(7),
.maindiff_area .mproduct_box.mainmore5 li:nth-child(8){display:inline-block;}

.maindiff_area .mproduct_box.mainmore6 li{display:none;}
.maindiff_area .mproduct_box.mainmore6 li:nth-child(1),
.maindiff_area .mproduct_box.mainmore6 li:nth-child(2),
.maindiff_area .mproduct_box.mainmore6 li:nth-child(3),
.maindiff_area .mproduct_box.mainmore6 li:nth-child(4),
.maindiff_area .mproduct_box.mainmore6 li:nth-child(5),
.maindiff_area .mproduct_box.mainmore6 li:nth-child(6),
.maindiff_area .mproduct_box.mainmore6 li:nth-child(7),
.maindiff_area .mproduct_box.mainmore6 li:nth-child(8){display:inline-block;}


.maincustom_area{background:#efedea;}
.maincustom_area .bg_outer{padding:15% 0 0;}
.maincustom_area.bg1 .bg_outer{background:url("//dainpark06.cafe24.com/sunny/images/bg_maincustom.jpg") repeat-x 0 0;background-size:auto 250px;}
.maincustom_area.bg2 .bg_outer{background:url("//dainpark06.cafe24.com/sunny/images/bg_mainmovie2.jpg") repeat-x 0 0;background-size:auto 250px;}
.maincustom_area .title_box{position:relative;margin:0 auto 30px;}
.maincustom_area .title_box h2{font-family: 'Noto Serif KR', serif;font-size:18px;line-height:18px;color:#fff;letter-spacing:-1px;font-weight:300;text-align:center;}
.maincustom_area .title_box .txt{position:absolute;right:0;top:13px;display:inline-block;font-family:'Work Sans', sans-serif;color:#fff;font-size:13px;height:20px;line-height:20px;text-transform:uppercase;}
.maincustom_area .title_box .txt:after{content:'';position:absolute;bottom:0;left:0;height:1px;width:0;background:#fff;transition: all 0.3s ease-in-out;}
.maincustom_area .title_box .txt:hover:after{width:100%;transition: all 0.3s ease-in-out;}

.maincustomban_area{margin:0 15px;}
.maincustomban_box{position:relative;height:300px;background:url("//dainpark06.cafe24.com/sunny/images/mobilebg_maincustomban.jpg") no-repeat 0 0;background-size:cover;}
.maincustomban_box dl{position:absolute;bottom:8%;left:20px;right:20px;}
.maincustomban_box dt{font-size:18px;line-height:20px;color:#fff;letter-spacing:-1px;font-weight:300;}
.maincustomban_box .txt{font-size:13px;line-height:22px;color:#a2a09f;letter-spacing:-1px;margin:18px 0 0;font-weight:300;}
.maincustomban_box .img{position:relative;z-index:1;}
.maincustomban_box .img img{width:100%;}


.maincustomtext_area{padding:15% 15px;}
.maincustomtext_box .img_box{position:relative;overflow:hidden;}
.maincustomtext_box .img_box .text{position:absolute;left:0;top:50%;transform:translateY(-50%);font-family:'termina', sans-serif;width:100%;color:#fff;font-size:40px;line-height:40px;text-align:center;letter-spacing:3px;font-weight:400;z-index:3;}
.maincustomtext_box .img_box .bg{display:none;}

.maincustomtext_box .img{position:relative;overflow:hidden;}
.maincustomtext_box .img img{width:100%;}
.maincustomtext_box dl{padding:30px 0 0 0;text-align:center;}
.maincustomtext_box dt{font-family: 'Noto Serif KR', serif;font-size:16px;line-height:18px;color:#201f1e;letter-spacing:-1px;font-weight:400;}
.maincustomtext_box .txt{font-size:12px;line-height:20px;color:#97938f;letter-spacing:-1px;margin:10px 0 20px;font-weight:300;}
.maincustomtext_box .btn{font-family:'Work Sans', sans-serif;font-size:12px;line-height:12px;color:#c3b6ab;text-transform:uppercase;}

.maincustomtext_area .slide_wrap{}
.maincustomtext_area .slide_wrap .ctrl {display:none !important;}
    
.maincustomtext_area .box{}
.maincustomtext_area .box.slick-active{}
    
.maincustomtext_area .paging_box{position:relative;bottom:auto;padding-top:30px;text-align:center;}
.maincustomtext_area .paging_box li{display:inline;margin:0 6px;}
.maincustomtext_area .paging_box li button{width:6px;height:6px;background:#222120;border-radius:6px;opacity:0.3;outline:0;border:0;text-indent:-999em;}
.maincustomtext_area .paging_box li.slick-active button{opacity:1;}
.maincustomtext_area .paging_box li button:before{display:none;}


.mainourclients_area{padding:15% 0;border-top:1px solid #e5e2dd;background:#efedea;}
.mainourclients_box{}

.mainourclients_box .img_box{position:relative;overflow:hidden;}
.mainourclients_box .img_box .text{position: absolute;top: 50%;left: 50%;transform: translate( -50%, -50% );width:100%;color:#fff;font-size:12px;line-height:12px;text-align:center;z-index:3;}
.mainourclients_box .img_box .bg{display:none;}
.mainourclients_box .img{position:relative;overflow:hidden;}
.mainourclients_box .img img{width:100%;}

.mainourclients_area .slide_wrap{margin:0 7.5px;}
.mainourclients_area .slide_wrap .ctrl {display:none !important;}
    
.mainourclients_area .box{margin:0 7.5px;}
.mainourclients_area .box.slick-active{}
    
.mainourclients_area .paging_box{position:relative;bottom:auto;padding-top:30px;text-align:center;}
.mainourclients_area .paging_box li{display:inline;margin:0 6px;}
.mainourclients_area .paging_box li button{width:6px;height:6px;background:#222120;border-radius:6px;opacity:0.3;outline:0;border:0;text-indent:-999em;}
.mainourclients_area .paging_box li.slick-active button{opacity:1;}
.mainourclients_area .paging_box li button:before{display:none;}



.mainourteam_area{padding:15% 0;border-top:1px solid #e5e2dd;background:#efedea;}
.mainourteam_box{}

.mainourteam_box .img_box{position:relative;overflow:hidden;}
.mainourteam_box .img_box .text{position:absolute;left:0;bottom:23px;width:100%;color:#fff;font-size:12px;line-height:12px;text-align:center;z-index:3;}
.mainourteam_box .img_box .bg{display:none;}
.mainourteam_box .img{position:relative;overflow:hidden;}
.mainourteam_box .img img{width:100%;}

.mainourteam_area .slide_wrap{margin:0 7.5px;}
.mainourteam_area .slide_wrap .ctrl {display:none !important;}
    
.mainourteam_area .box{margin:0 7.5px;}
.mainourteam_area .box.slick-active{}
    
.mainourteam_area .paging_box{position:relative;bottom:auto;padding-top:30px;text-align:center;}
.mainourteam_area .paging_box li{display:inline;margin:0 6px;}
.mainourteam_area .paging_box li button{width:6px;height:6px;background:#222120;border-radius:6px;opacity:0.3;outline:0;border:0;text-indent:-999em;}
.mainourteam_area .paging_box li.slick-active button{opacity:1;}
.mainourteam_area .paging_box li button:before{display:none;}


.maincustomtext_area2{padding:15% 15px;}

.maincustomtext_box2 .img_box{position:relative;overflow:hidden;}
.maincustomtext_box2 .img_box .text{position:absolute;left:0;top:50%;transform:translateY(-50%);font-family:'termina', sans-serif;width:100%;color:#fff;font-size:40px;line-height:40px;text-align:center;letter-spacing:3px;font-weight:400;z-index:3;}
.maincustomtext_box2 .img_box .bg{display:none;}
.maincustomtext_box2 .img{position:relative;overflow:hidden;}
.maincustomtext_box2 .img img{width:100%;}

.maincustomtext_box2 dl{padding:30px 0 0 0;text-align:center;}
.maincustomtext_box2 .txt1{font-size:12px;line-height:12px;color:#a9a6a3;letter-spacing:-1px;margin:0 0 10px;}
.maincustomtext_box2 dt{font-family: 'Noto Serif KR', serif;font-size:15px;line-height:22px;color:#201f1e;letter-spacing:-1px;font-weight:400;}
.maincustomtext_box2 dt u{display:block;text-decoration:none;}
.maincustomtext_box2 .txt2{font-size:12px;line-height:20px;color:#97938f;letter-spacing:-1px;margin:10px 0 20px;font-weight:300;}
.maincustomtext_box2 .btn{font-family:'Work Sans', sans-serif;font-size:12px;line-height:12px;color:#c3b6ab;text-transform:uppercase;}

.maincustomtext_area2 .slide_wrap{}
.maincustomtext_area2 .slide_wrap .ctrl {display:none !important;}
    
.maincustomtext_area2 .box{}
.maincustomtext_area2 .box.slick-active{}
    
.maincustomtext_area2 .paging_box{position:relative;bottom:auto;padding-top:30px;text-align:center;}
.maincustomtext_area2 .paging_box li{display:inline;margin:0 6px;}
.maincustomtext_area2 .paging_box li button{width:6px;height:6px;background:#222120;border-radius:6px;opacity:0.3;outline:0;border:0;text-indent:-999em;}
.maincustomtext_area2 .paging_box li.slick-active button{opacity:1;}
.maincustomtext_area2 .paging_box li button:before{display:none;}

.maininsta_area{padding:15% 0 0;border-top:1px solid #e5e2dd;background:#efedea;}
.maininsta_box{margin:0 15px;}










/* ·Ñ¸µ¹è³Ê */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //·Ñ¸µ¹è³Ê */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

/*ÄíÆù ÇýÅà ¹öÆ°*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }
/* BASIC css end */