/* BASIC css start */
.swiper-container{position:static !important;}

#overlay_layer{display:none !important;}



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

.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:13px;line-height:13px;color:#c0b5a7;letter-spacing:0;position:absolute;right:0;top:50%;transform:translateY(-50%);}


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


/* mainvisual */
.mainvisual_area{position:relative;min-width:1300px;height:700px;overflow:hidden;}

.mainvisual_area .box{position:relative;height:700px;cursor:pointer;outline:0;}
.mainvisual_area .box a{outline:0;}
.mainvisual_area .box .link{display:block;height:700px;outline:0;}
.mainvisual_area .text_box{position:absolute;left:50%;bottom:180px;width:100%;min-width:1300px;max-width:1600px;transform:translateX(-50%);z-index:2;}
.mainvisual_area .text_box.text_box2{text-align:center;}
.mainvisual_area .text_box dt{font-family:'pretendard', sans-serif;color:#fff;font-size:40px;line-height:40px;letter-spacing:4px;font-weight:700;text-transform:uppercase;}
.mainvisual_area .text_box.text_box2 dt{font-family: 'Noto Serif KR', serif;letter-spacing:-2px;font-weight:300;padding-bottom:20px;}
.mainvisual_area .text_box .txt1{font-size:30px;line-height:34px;color:#fff;letter-spacing:-2px;margin-top:30px;}
.mainvisual_area .text_box .txt2{font-size:18px;line-height:32px;color:#fff;letter-spacing:-1px;margin-top:22px;font-weight:200;}

.mainvisual_area .prev{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 .prev img{
    width: 20px;
}
.mainvisual_area .next{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 .next img{
    width: 20px;
}

.mainvisual_area .btn_box{position:absolute;left:50%;bottom:110px;width:100%;min-width:1300px;max-width:1600px;transform:translateX(-50%);z-index:2;}
.mainvisual_area .btn_box .inner{width:50px;height:20px;}
.mainvisual_area .pageing_box .slick-counter{font-family:'Work Sans', sans-serif;font-size:12px;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{}












/* ¿µ»ó ½½¶óÀÌµå ¹è³Ê ½ÃÀÛ */
.banner-slideArea-v{min-width:1300px;padding:0 0 0 0;overflow:hidden;}
.banner-slideArea-v .titleArea{text-align:center; margin-bottom:50px;}
.banner-slideArea-v .titleArea h2{font-size:28px;}
.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;}

.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; width:1200px;}
.banner-slideArea-v .item>.in{display:table; width:100%; height:100%; font-size:0; line-height:0;}
.banner-slideArea-v .item>.in>*{display:table-cell; width:50%; height:1070px; vertical-align:bottom; font-size:13px; line-height:1.1;}
.banner-slideArea-v .item.swiper-slide-active{}
.banner-slideArea-v .item .img{position:relative;   height:100% !important;  overflow:hidden; transition:0.2s;}
.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{position:relative; padding-bottom:100px; box-sizing:border-box; text-align:center; background-position:bottom; background-size:cover; transition:0.2s;}
.banner-slideArea-v .item .txt h2{font-size:20px; color:#fff; margin-bottom:40px; font-weight:normal; font-family:'termina', sans-serif; letter-spacing:1px;}
.banner-slideArea-v .item .txt p{font-size:26px; color:#fff; margin-bottom:40px; font-weight:200; font-family:'Noto Serif KR', serif;}
.banner-slideArea-v .item .txt .btn{display:block; margin:0 auto;   height:50px; line-height:50px; 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;}
/* ¿µ»ó ½½¶óÀÌµå ¹è³Ê Á¾·á */





















.mainproducttab_area{padding:120px 0;background:#efedea;overflow:hidden;}
.mainproducttab_box{position:relative;min-width:1300px;max-width:1600px;margin:0 auto;}
.mainproducttab_area .tab{padding-bottom:60px;font-size:0;letter-spacing:-5px;overflow:hidden;text-align:right;margin-top:-90px;}
.mainproducttab_area .tab li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;padding:15px 0 0 0;margin-left:30px;font-size:14px;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_area2{padding:120px 0;background:#efedea;overflow:hidden;}
.mainproducttab_box2{position:relative;min-width:1300px;max-width:1600px;margin:0 auto;}
.mainproducttab_area2 .tab{padding-bottom:60px;font-size:0;letter-spacing:-5px;overflow:hidden;text-align:right;margin-top:-90px;}
.mainproducttab_area2 .tab li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;padding:15px 0 0 0;margin-left:30px;font-size:14px;color:#c7c7c7;cursor:pointer;}
.mainproducttab_area2 .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_area2 .tab li.active{color:#201f1e;}
.mainproducttab_area2 .tab li.active > span{opacity:1;filter:alpha(opacity=100);}
.mainproducttab_area2 .maintabban_box{position:relative;margin-bottom:50px;}
.mainproducttab_area2 .maintabban_box dl{position:absolute;bottom:10%;right:3.5%;z-index:2;}
.mainproducttab_area2 .maintabban_box dt{font-size:35px;line-height:45px;color:#fff;letter-spacing:-2px;}
.mainproducttab_area2 .maintabban_box .txt{font-size:18px;line-height:30px;color:#fff;letter-spacing:-1px;margin:25px 0 40px;font-weight:300;}
.mainproducttab_area2 .maintabban_box .img{position:relative;z-index:1;}
.mainproducttab_area2 .maintabban_box .img img{width:100%;}
.mainproducttab_area2 .maintabban_box .btn a{margin:0;}
.mainproducttab_area2 .panel_area{position:relative;height:0px;opacity:0;}
.mainproducttab_area2 .tabouter_box{position:relative;}
.mainproducttab_area2 .panel_area.active{height:auto;opacity:1;}
.mainproducttab_area2 .panel_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;}
.mainproducttab_area2 .panel_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;}


/*.mproduct_area{padding:120px 0;background:#efedea;}
.mproduct_area.main_mdpick{border-top:1px solid #e5e2dd;position:relative;}
.mproduct_area .outer_box{position:relative;min-width:1300px;max-width:1600px;margin:0 auto;}
.mproduct_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;}
.mproduct_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;}

.mproduct_box{min-width:1300px;max-width:1600px;margin:0 auto;overflow:hidden;}
.mproduct_area.main_mdpick ul{}
.mproduct_box ul{font-size:0;letter-spacing:-5px;overflow:hidden;margin:0 0 0 -3%;}
.mproduct_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 5% 3%;overflow:hidden;}
.mproduct_box li a{display:block;}

.mproduct_area.main_mdpick li:nth-child(9){padding-top:360px;}
.mproduct_area.main_mdpick li:nth-child(10){padding-top:360px;}
.mproduct_area.main_mdpick li:nth-child(11){padding-top:360px;}
.mproduct_area.main_mdpick li:nth-child(12){padding-top:360px;}

.mproduct_area.main_mdpick .mainmdpickban_area{position:absolute;top:37.3%;left:0;right:0;margin:0;}

.mproduct_box .img_box{position:relative;overflow:hidden;}
.mproduct_box .txt_review{position:absolute;bottom:0;right:0;height:25px;font-family: 'Roboto', sans-serif;line-height:25px;font-size:12px;color:#706649;padding:0 8px;background:#ddd7c1;text-align:center;text-transform:uppercase;z-index:3;}
.mproduct_box .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
z-index:2;}
.mproduct_box .box:hover .bg{
background:rgba(0,0,0,.2);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;}

.mproduct_box .img{position:relative;overflow:hidden;z-index:1;}
.mproduct_box .img img{
width:100%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
z-index:1;
}
.mproduct_box .box: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.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
}

.mproduct_box .info_box{padding-top:28px;}
.mproduct_box .info_box dl{}
.mproduct_box .tit{color:#201f1e;font-size:15px;line-height:20px;letter-spacing:-0.5px;font-weight:400;}
.mproduct_box .txt{font-family:'Work Sans', sans-serif;color:#a9a6a3;font-size:12px;line-height:12px;letter-spacing:0;margin:10px 0 0;font-weight:400;}

.mproduct_box .price_box{position:relative;padding:18px 0 0;margin:20px 0 0;border-top:1px solid #e5e2dd;}
.mproduct_box .price_box .discount_rate{font-family:'Work Sans', sans-serif;color:#8c5039;font-size:15px;line-height:15px;padding-right:10px;font-weight:400;}
.mproduct_box .price_box .strike{font-family:'Work Sans', sans-serif;color:#a9a6a3;font-size:13px;line-height:13px;padding-right:6px;text-decoration:line-through;font-weight:normal;}
.mproduct_box .price_box .price{display:inline-block;font-family:'Work Sans', sans-serif;color:#201f1e;font-size:15px;line-height:15px;}*/

.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("http://dainpark06.cafe24.com/sunny/images/bg_mainmdpickban.jpg") no-repeat center 10%;
    background-size:auto 300px;
}
.mainmdpickban_area dl{position:absolute;left:6%;top:50%;transform:translateY(-50%);}
/*.mainmdpickban_area .txt{font-family: 'Work Sans',sans-serif;font-size:14px;line-height:13px;color:#97938f;letter-spacing:-1px;margin-bottom:22px;}*/
.mainmdpickban_area .txt{
    font-family: 'Work Sans',sans-serif;
    font-size: 14px;
    line-height: 13px;
    color: #97938f;
    letter-spacing: -1px;
    margin-bottom: 22px;
    font-weight: 700;
}
/*.mainmdpickban_area dt{font-family: 'Noto Serif KR', serif;font-size:22px;line-height:35px;color:#201f1e;letter-spacing:-1px;}*/
.mainmdpickban_area dt{
    font-family: 'Noto Serif KR', serif;
    font-size: 22px;
    line-height: 35px;
    color: #201f1e;
    letter-spacing: -1px;
    font-weight: 400;
}

.mainhistorynum_area{padding:60px 0;background:url("http://dainpark06.cafe24.com/sunny/images/bg_mainnumber.jpg") repeat 0 0;background-size:2000px auto;}
.mainhistorynum_box{min-width:1300px;max-width:1600px;margin:0 auto;overflow:hidden;}
.mainhistorynum_box .title_box{position:relative;margin-bottom:50px;}
.mainhistorynum_box .title_box .title{font-family: 'Noto Serif KR', serif;font-size:26px;line-height:26px;color:#fff;letter-spacing:-2px;}
.mainhistorynum_box .title_box .title2{display:none;font-family: 'Noto Serif KR', serif;font-size:26px;line-height:26px;color:#fff;letter-spacing:-2px;}
.mainhistorynum_box .title_box .txt{position:absolute;right:0;top:12px;color:#8e8e8d;font-size:12px;line-height:12px;letter-spacing:-1px;}
.mainhistorynum_box ul{overflow:hidden;margin-left:-3%;}
.mainhistorynum_box li{float:left;width:30.33%;margin-left:3%;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%;}

.mainwelcome_area{padding:120px 0;background:#ebe7e4;}
.mainwelcome_box{min-width:1300px;max-width:1600px;margin:0 auto;}
.mainwelcome_area .outer_box .next{
    position:absolute;
    left:-60px;
    top:50%;
    transform:translateY(-50%);
    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;
}
.mainwelcome_area .outer_box .prev{
    position:absolute;
    right:-60px;
    top:50%;
    transform:translateY(-50%);
    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;
}
.mainwelcome_area .outer_box{position:relative;}
.mainwelcome_area .mwelcome_benefit{overflow:hidden;}


/*.mainwelcome_area dl{
    border:1px solid #dfdbd5;
    height:138px;
    padding:45px 10%;box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.mainwelcome_area dl.ico1{background:url("http://dainpark06.cafe24.com/sunny/images/ico_mainwelcome1.png") no-repeat 88% 45%;background-size:40px auto;}
.mainwelcome_area dl.ico2{background:url("http://dainpark06.cafe24.com/sunny/images/ico_mainwelcome2.png") no-repeat 88% 45%;background-size:40px auto;}
.mainwelcome_area dl.ico3{background:url("http://dainpark06.cafe24.com/sunny/images/ico_mainwelcome3.png") no-repeat 88% 45%;background-size:40px auto;}
.mainwelcome_area dl.ico4{background:url("http://dainpark06.cafe24.com/sunny/images/ico_mainwelcome4.png") no-repeat 88% 45%;background-size:40px auto;}
.mainwelcome_area dl.ico5{background:url("http://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;} ******************* 2023.02.01 Àü¿¹³ª ¼öÁ¤ ¡é *************/

.mainwelcome_area dl{
    height:200px;
    padding:10%;
    box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.mainwelcome_area dl.ico1{
    background:url("http://dainpark06.cafe24.com/sunny/images/main_welcome1.jpg") no-repeat;
    background-size:100% auto;
}
.mainwelcome_area dl.ico2{
    background:url("http://dainpark06.cafe24.com/sunny/images/main_welcome2.jpg") no-repeat;
    background-size:100% auto;
}
.mainwelcome_area dl.ico3{
    background:url("http://dainpark06.cafe24.com/sunny/images/main_welcome3.jpg") no-repeat;
    background-size:100% auto;
}
.mainwelcome_area dl.ico4{
    background:url("http://dainpark06.cafe24.com/sunny/images/main_welcome4.jpg") no-repeat;
    background-size:100% auto;
}
.mainwelcome_area dl.ico5{
    background:url("http://dainpark06.cafe24.com/sunny/images/main_welcome5.jpg") no-repeat;
    background-size:100% auto;
}
.mainwelcome_area dt{
    color: #fff;
    font-size: 20px;
    line-height: 17px;
    letter-spacing: -1px;
    margin-top: 43%;
    font-weight: 600;
}
.mainwelcome_area dd{
    color: #fff;
    font-size: 15px;
    line-height: 35px;
    letter-spacing: -1px;
    font-weight: 500;
}


.mainmovie_area{background:#efedea;}
.mainmovie_area .bg_outer{padding:120px 0 0;}
.mainmovie_area.bg1 .bg_outer{background:url("http://dainpark06.cafe24.com/sunny/images/bg_mainmovie1.jpg") repeat 0 0;/*background-size:auto 922px;*/}
.mainmovie_area.bg2 .bg_outer{background:url("http://dainpark06.cafe24.com/sunny/images/bg_mainmovie2.jpg") repeat 0 0;/*background-size:auto 800px;*/}
.mainmovie_area .title_box{position:relative;min-width:1300px;max-width:1600px;margin:0 auto 50px;}
.mainmovie_area .title_box h2{font-family: 'Noto Serif KR', serif;font-size:26px;line-height:26px;color:#fff;letter-spacing:-1px;font-weight:300;}
.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{min-width:1300px;max-width:1600px;margin:0 auto;overflow:hidden;}
.mainvideo_area_inner{position:relative;background:#f2f1ee;}
.mainvideo_area_inner2{position:relative;background:#f2f1ee;}
.mainvideo_box{}
.mainvideo_box2{}


.mainreal_area{padding:120px 0 120px; background:#efedea;}
.mainreal_box{min-width:1300px;max-width:1600px;margin:0 auto;}
.mainreal_area .outer_box .next{position:absolute;left:-60px;top:50%;transform:translateY(-650%);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; cursor:pointer;}
.mainreal_area .outer_box .prev{position:absolute;right:-60px;top:50%;transform:translateY(-650%);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; cursor:pointer;}
.mainreal_area .outer_box{position:relative;}
.mainreal_area .mreal_story{overflow:hidden;}

.mainreal_box .img_box{position:relative;overflow:hidden;}
.mainreal_box .img_box .text{position:absolute;left:0;bottom:30px;width:100%;color:#fff;font-size:15px;line-height:15px;padding-left:6%;z-index:3;}
.mainreal_box .img_box .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
z-index:2;}

.mainreal_box .box:hover .img_box .bg{
background:rgba(0,0,0,.4);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;}
.mainreal_box .img{position:relative;overflow:hidden;z-index:1;}
.mainreal_box .img img{
width:100%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
z-index:1;
}
.mainreal_box .box: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;
}
.mainreal_box dl{padding:45px 0 0 0;}
.mainreal_box dt{font-family: 'Noto Serif KR', serif;font-size:20px;line-height:20px;color:#201f1e;letter-spacing:-2px;font-weight:400;}
.mainreal_box dt p{display:none;}
.mainreal_box .txt{font-size:0;line-height:0;color:#97938f;letter-spacing:-1px;margin:15px 0 25px;font-weight:300;}
.mainreal_box .txt p{font-size:14px;line-height:25px;}
.mainreal_box .btn{font-family:'Work Sans', sans-serif;font-size:13px;line-height:13px;color:#c3b6ab;text-transform:uppercase;}

.mainmaterial_area{padding:240px 0 120px;margin-top:-120px;background:#efedea;}
.mainmaterial_box{min-width:1300px;max-width:1600px;margin:0 auto;overflow:hidden;}
.mainmaterial_box ul{overflow:hidden;margin:-3% 0 0 -4.7%;}
.mainmaterial_box li{float:left;width:6.61%;margin:3% 0 0 4.5%;}
.mainmaterial_box .img_box{position:relative;overflow:hidden;border-radius:30px;-ms-border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
.mainmaterial_box .img_box .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
z-index:2;}

.mainmaterial_box li:hover .img_box .bg{
background:rgba(0,0,0,.2);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;}
.mainmaterial_box .img{position:relative;overflow:hidden;z-index:1;}
.mainmaterial_box .img img{
width:100%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
z-index:1;
}
.mainmaterial_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;
}
.mainmaterial_box .text{font-size:15px;line-height:15px;color:#201f1e;letter-spacing:-1.5px;text-align:center;margin-top:20px;}
.mainmaterial_box .text span{display:inline-block;font-size:11px;line-height:11px;color:#97938f;vertical-align:top;padding-left:4px;}f

@media screen and (max-width:1600px) {
.mainmaterial_box .text{font-size:12px;line-height:12px;}
.mainmaterial_box .text span{font-size:10px;line-height:10px;}
}

.maininterview_area{ background:#efedea; margin-top:-120px; padding-top:120px;}
.maininterview_box{min-width:1300px;max-width:1600px;margin:0 auto; }
.maininterview_area .title_main{margin:0;padding:0 0 45px;background:#efedea;}
.maininterview_box .left_box{ width:100%;padding:120px 0 105px 0; box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.maininterview_box .right_box{ width:100%;padding:20px 50px 150px 0px;overflow:hidden;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}


.maininterview_area.bottom{margin:0; padding:0 0 120px 0; border-bottom:1px solid #e5e2dd;}
.maininterview_area.bottom .maininterview_box{display:flex; }

.maininterview_area.bottom .title_main{min-width:initial;}
.maininterview_area.bottom .title_main h2{text-align:left;}
.maininterview_area.bottom .mreview_box .box a span{color:#b8633c; margin-right:20px;}
.maininterview_area.bottom .rr .mreview_box .box a span{}
.maininterview_area.bottom .rr .mreview_box .box a span + span{}
.maininterview_area.bottom .maininterview_box .right_box{width:calc(50% - 50px); padding-right:0;}
.maininterview_area.bottom .maininterview_box .right_box.rr{margin-left:100px;}


.maininterview_area .outer_box{position:relative;}
.maininterview_area .minterview_box{margin:0 -25px; }
.maininterview_area .minterview_box .item{margin:0 25px;}
.maininterview_area .minterview_box .box{position:relative;display:block; margin-bottom:15px;border:1px solid #e5e2dd;background:#ebe7e4;overflow:hidden;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.maininterview_area .minterview_box .img{width:100%; height:400px;}
.maininterview_area .minterview_box .img img{width:100%;}
.maininterview_area .minterview_box dl{position:relative; top:-1px; background:#ebe7e4; text-align:center;  padding:50px 20px; box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.maininterview_area .minterview_box .txt{font-family:'Work Sans', sans-serif;color:#b8633c;font-size:13px;line-height:13px;margin:0 0 30px;text-transform:uppercase;}
.maininterview_area .minterview_box dt{font-family: 'Noto Serif KR', serif;font-size:19px;  color:#201f1e;letter-spacing:-2px;margin:0 0 8%;}
.maininterview_area .minterview_box dt h2{font-size:19px; font-weight:400;}
.maininterview_area .minterview_box dt p{font-size:14px; color:#97938f; margin-top:15px;}
.maininterview_area .minterview_box .btn{font-family:'Work Sans', sans-serif;font-size:13px;line-height:13px;color:#c3b6ab;text-transform:uppercase;}

.maininterview_area .mreview_box{height:50px;}
.maininterview_area .mreview_box .box{border-top:1px solid #e5e2dd;padding:19px 0 21px;}
.maininterview_area .mreview_box .box a{display:block;color:#97938f;font-size:14px;line-height:16px;letter-spacing:-1px;}
.maininterview_area .mreview_box .slick-list{padding:0 0 1px;}


.maininterview_area:not(.bottom) .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;}
.maininterview_area:not(.bottom) .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;}

.maininterview_area.bottom .outer_box .next{position:absolute;right:0;top:-65px;width:20px;height:20px;outline:0; cursor:pointer;}
.maininterview_area.bottom .outer_box .next img{width:100%;}
.maininterview_area.bottom .outer_box .prev{position:absolute;right:25px;top:-65px;width:20px;height:20px;outline:0; cursor:pointer;}
.maininterview_area.bottom .outer_box .prev img{width:100%;}




.maincategory_area{padding:120px 0;background:#ebe7e4;}
.maincategory_box{min-width:1300px;max-width:1600px;margin:0 auto;overflow:hidden;}
.maincategory_box ul{overflow:hidden;margin:-3% 0 0 -3%;}
.maincategory_box li{float:left;width:7%;margin:3% 0 0 3%;}
.maincategory_box .ico_box{overflow:hidden;border-radius:30px;-ms-border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
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;}
.maincategory_box .ico_box img{width:100%;opacity:0;filter: alpha(opacity=0);}
.maincategory_box .ico_box.ico1{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate1_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico2{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate2_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico3{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate3_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico4{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate4_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico5{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate5_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico6{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate6_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico7{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate7_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico8{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate8_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico9{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate9_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico10{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate10_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico11{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate11_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico12{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate12_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico13{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate13_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico14{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate14_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico15{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate15_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico16{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate16_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico17{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate17_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico18{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate18_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico19{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate19_off.png") no-repeat center center;background-size:contain;}
.maincategory_box .ico_box.ico20{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate20_off.png") no-repeat center center;background-size:contain;}

.maincategory_box li:hover .ico_box{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;}
.maincategory_box li:hover .ico_box.ico1{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate1_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico2{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate2_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico3{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate3_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico4{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate4_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico5{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate5_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico6{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate6_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico7{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate7_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico8{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate8_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico9{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate9_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico10{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate10_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico11{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate11_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico12{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate12_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico13{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate13_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico14{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate14_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico15{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate15_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico16{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate16_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico17{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate17_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico18{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate18_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico19{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate19_on.png") no-repeat center center;background-size:contain;}
.maincategory_box li:hover .ico_box.ico20{background:url("http://dainpark06.cafe24.com/sunny/images/ico_maincate20_on.png") no-repeat center center;background-size:contain;}

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

.mainquality_area{padding:120px 0;background:#ede9e6;}
.mainquality_area .title_box{position:relative;min-width:1300px;max-width:1600px;margin:0 auto 50px;}
.mainquality_area .title_box h2{font-family: 'Noto Serif KR', serif;font-size:26px;line-height:26px;color:#201f1e;letter-spacing:-1px;font-weight:300;}
.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{min-width:1300px;max-width:1600px;margin:0 auto;}
.mainquality_area .outer_box{position:relative;min-width:1300px;max-width:1600px;margin:0 auto;}
.mainquality_area .main_quality{overflow:hidden;}
.mainquality_area .next{position:absolute;left:-60px;top:50%;transform:translateY(-250%);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;}
.mainquality_area .prev{position:absolute;right:-60px;top:50%;transform:translateY(-250%);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;}
.mainquality_area .img_box{position:relative;overflow:hidden;}
.mainquality_area .img_box .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
z-index:2;}

.mainquality_area .box:hover .img_box .bg{
background:rgba(0,0,0,.4);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;}
.mainquality_area .img{position:relative;overflow:hidden;z-index:1;}
.mainquality_area .img img{
width:100%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
z-index:1;
}
.mainquality_area .box: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;
}
.mainquality_area .info_box{padding:30px 0 0 0;font-size:17px;line-height:17px;color:#201f1e;font-weight:300;letter-spacing:-1px;}
.mainquality_area span{display:inline-block;font-family:'Work Sans', sans-serif;font-size:17px;line-height:17px;color:#c3b6ab;padding-right:10px;letter-spacing:0;font-weight:400;vertical-align:top;}

.mainprove_area{padding:120px 0;border-top:1px solid #e5e2dd;background:#efedea;}
.mainprove_box{min-width:1300px;max-width:1600px;margin:0 auto;}
.mainprove_area .mainproveban_box{position:relative;margin-bottom:50px;}
.mainprove_area .mainproveban_box dl{position:absolute;bottom:10%;right:3.5%;z-index:2;}
.mainprove_area .mainproveban_box dt{font-size:35px;line-height:40px;color:#fff;letter-spacing:-2px;}
.mainprove_area .mainproveban_box .txt{font-size:18px;line-height:30px;color:#fff;letter-spacing:-1px;margin:25px 0 40px;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:0;}

.mainprovelist_box ul{overflow:hidden;margin-left:-3%;}
.mainprovelist_box li{float:left;width:30.33%;margin-left:3%;}
.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:40px;line-height:40px;text-align:center;letter-spacing:3px;font-weight:400;z-index:3;}
.mainprovelist_box .img_box .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
z-index:2;}

.mainprovelist_box li:hover .img_box .bg{
background:rgba(0,0,0,.4);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;}
.mainprovelist_box .img{position:relative;overflow:hidden;z-index:1;}
.mainprovelist_box .img img{
width:100%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
z-index:1;
}
.mainprovelist_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;
}
.mainprovelist_box dl{padding:45px 0 0 0;}
.mainprovelist_box dt{font-family: 'Noto Serif KR', serif;font-size:20px;line-height:30px;color:#201f1e;letter-spacing:-1px;font-weight:400;}
.mainprovelist_box .txt{font-size:14px;line-height:25px;color:#97938f;letter-spacing:-1px;margin:10px 0 25px;font-weight:300;}
.mainprovelist_box .btn{font-family:'Work Sans', sans-serif;font-size:13px;line-height:13px;color:#c3b6ab;text-transform:uppercase;}


.maindiff_area{padding:120px 0 50px;background:#efedea;border-top:1px solid #e5e2dd;}
.maindiff_area .sunny_inner{position:relative;min-width:1300px;max-width:1600px;margin:0 auto;overflow:hidden;}
.maindiff_area .sunny_inner .makers{position:absolute;top:-120px;}
.maindiff_area .sunny_inner .makers2{position:absolute;bottom:700px;}
.maindiff_area .title_box{float:left;height:550px;}
.maindiff_area.active .title_box{position:fixed;top:0;padding-top:120px;}
.maindiff_area.active.active2 .title_box{position:absolute;top:auto;bottom:15px;}

.maindiff_area .title_box dl{}
.maindiff_area .title_box .txt1{font-family:'termina', sans-serif;font-size:20px;line-height:20px;color:#c3b6ab;letter-spacing:2px;margin-bottom:37px;text-transform:uppercase;}
.maindiff_area .title_box dt{font-size:40px;line-height:50px;color:#201f1e;letter-spacing:-2px;font-weight:300;}
.maindiff_area .title_box .txt2{font-size:15px;line-height:29px;color:#97938f;margin:40px 0;letter-spacing:-1px;font-weight:400;}
.maindiff_area .title_box .btn a{margin:0;}

.maindiff_box{float:right;width:65.5%;}
.maindiff_box.mproduct_box{min-width:auto;max-width:auto;margin:0;overflow:hidden;}
.maindiff_box.mproduct_box ul{font-size:0;letter-spacing:-5px;overflow:hidden;margin:0 0 0 -5%;}
.maindiff_box.mproduct_box li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:45%;margin:0 0 8% 5%;overflow:hidden;}
/*.maindiff_box.mproduct_box li a{display:block;}*/


.maindiff_area2{padding:120px 0 50px;background:#efedea;border-top:1px solid #e5e2dd;}
.maindiff_area2 .sunny_inner{position:relative;min-width:1300px;max-width:1600px;margin:0 auto;overflow:hidden;}
.maindiff_area2 .sunny_inner .makers{position:absolute;top:-120px;}
.maindiff_area2 .sunny_inner .makers2{position:absolute;bottom:700px;}
.maindiff_area2 .title_box{float:left;height:550px;}
.maindiff_area2.active .title_box{position:fixed;top:0;padding-top:120px;}
.maindiff_area2.active.active2 .title_box{position:absolute;top:auto;bottom:15px;}

.maindiff_area2 .title_box dl{}
.maindiff_area2 .title_box .txt1{font-family:'termina', sans-serif;font-size:20px;line-height:20px;color:#c3b6ab;letter-spacing:2px;margin-bottom:37px;text-transform:uppercase;}
.maindiff_area2 .title_box dt{font-size:40px;line-height:50px;color:#201f1e;letter-spacing:-2px;font-weight:300;}
.maindiff_area2 .title_box .txt2{font-size:15px;line-height:29px;color:#97938f;margin:40px 0;letter-spacing:-1px;font-weight:400;}
.maindiff_area2 .title_box .btn a{margin:0;}


.maincustom_area{background:#efedea;}
.maincustom_area .bg_outer{padding:120px 0 0;}
.maincustom_area.bg1 .bg_outer{background:url("http://dainpark06.cafe24.com/sunny/images/bg_maincustom.jpg") repeat 0 0;/*background-size:auto 922px;*/}
.maincustom_area.bg2 .bg_outer{background:url("http://dainpark06.cafe24.com/sunny/images/bg_mainmovie2.jpg") repeat 0 0;/*background-size:auto 922px;*/}
.maincustom_area .title_box{position:relative;min-width:1300px;max-width:1600px;margin:0 auto 50px;}
.maincustom_area .title_box h2{font-family: 'Noto Serif KR', serif;font-size:26px;line-height:26px;color:#fff;letter-spacing:-1px;font-weight:300;}
.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{min-width:1300px;max-width:1600px;margin:0 auto;}
.maincustomban_box{position:relative;}
.maincustomban_box dl{position:absolute;bottom:10%;left:6%;z-index:2;}
.maincustomban_box dt{font-size:35px;line-height:40px;color:#fff;letter-spacing:-2px;font-weight:300;}
.maincustomban_box .txt{font-size:18px;line-height:30px;color:#a2a09f;letter-spacing:-1px;margin:40px 0 0;font-weight:300;}
.maincustomban_box .img{position:relative;z-index:1;}
.maincustomban_box .img img{width:100%;}

.maincustomtext_area_outer{padding:240px 0 120px;margin-top:-120px;background:#efedea;}
.maincustomtext_area{min-width:1300px;max-width:1600px;margin:0 auto;}
.maincustomtext_box ul{overflow:hidden;margin-left:-3%;}
.maincustomtext_box li{float:left;width:47%;margin-left:3%;}
.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{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
z-index:2;}

.maincustomtext_box li:hover .img_box .bg{
background:rgba(0,0,0,.4);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;}
.maincustomtext_box .img{position:relative;overflow:hidden;z-index:1;}
.maincustomtext_box .img img{
width:100%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
z-index:1;
}
.maincustomtext_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;
}
.maincustomtext_box dl{padding:45px 0 0 0;}
.maincustomtext_box dt{font-family: 'Noto Serif KR', serif;font-size:20px;line-height:30px;color:#201f1e;letter-spacing:-1px;font-weight:400;}
.maincustomtext_box .txt{font-size:14px;line-height:25px;color:#97938f;letter-spacing:-1px;margin:10px 0 25px;font-weight:300;}
.maincustomtext_box .btn{font-family:'Work Sans', sans-serif;font-size:13px;line-height:13px;color:#c3b6ab;text-transform:uppercase;}



.mainourclients_area{padding:120px 0; border-bottom:1px solid #e5e2dd;background:#efedea;}
.mainourclients_box{min-width:1300px;max-width:1600px;margin:0 auto;}
.mainourclients_area .outer_box .next{position:absolute;left:-60px;top:50%;transform:translateY(-50%);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;}
.mainourclients_area .outer_box .prev{position:absolute;right:-60px;top:50%;transform:translateY(-50%);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;}
.mainourclients_area .outer_box{position:relative;}
.mainourclients_area .mainour_clients{overflow:hidden;}

.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:15px;line-height:15px;text-align:center;z-index:3;}
.mainourclientsbox .img_box .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
z-index:2;}

.mainourclients_box .box:hover .img_box .bg{
background:rgba(0,0,0,.4);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;}
.mainourclients_box .img{position:relative;overflow:hidden;z-index:1;}
.mainourclients_box .img img{
width:100%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
z-index:1;
}
.mainourclients_box .box: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;
}


.mainourteam_area{margin-top:120px; padding:120px 0;border-top:1px solid #e5e2dd;background:#efedea;}
.mainourteam_box{min-width:1300px;max-width:1600px;margin:0 auto;}
.mainourteam_area .outer_box .next{position:absolute;left:-60px;top:50%;transform:translateY(-50%);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;}
.mainourteam_area .outer_box .prev{position:absolute;right:-60px;top:50%;transform:translateY(-50%);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;}
.mainourteam_area .outer_box{position:relative;}
.mainourteam_area .mainour_team{overflow:hidden;}

.mainourteam_box .img_box{position:relative;overflow:hidden;}
.mainourteam_box .img_box .text{position:absolute;left:0;bottom:25px;width:100%;color:#fff;font-size:15px;line-height:15px;text-align:center;z-index:3;}
.mainourteam_box .img_box .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
z-index:2;}

.mainourteam_box .box:hover .img_box .bg{
background:rgba(0,0,0,.4);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;}
.mainourteam_box .img{position:relative;overflow:hidden;z-index:1;}
.mainourteam_box .img img{
width:100%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
z-index:1;
}
.mainourteam_box .box: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;
}


.maincustomtext_area2{min-width:1300px;max-width:1600px;margin:0 auto;/*padding:240px 0 120px;margin-top:-120px;background: #efedea;*/}
.maincustomtext_box2 ul{overflow:hidden;margin:-5% 0 0 -3%;}
.maincustomtext_box2 li{float:left;width:30.33%;margin:5% 0 0 3%;}
.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{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
z-index:2;}

.maincustomtext_box2 li:hover .img_box .bg{
background:rgba(0,0,0,.4);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;}
.maincustomtext_box2 .img{position:relative;overflow:hidden;z-index:1;}
.maincustomtext_box2 .img img{
width:100%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
z-index:1;
}
.maincustomtext_box2 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;
}
.maincustomtext_box2 dl{padding:45px 0 0 0;}
.maincustomtext_box2 .txt1{font-size:13px;line-height:13px;color:#a9a6a3;letter-spacing:-1px;margin:0 0 14px;}
.maincustomtext_box2 dt{font-family: 'Noto Serif KR', serif;font-size:20px;line-height:27px;color:#201f1e;letter-spacing:-1px;font-weight:400;}
.maincustomtext_box2 dt u{display:block;text-decoration:none;}
.maincustomtext_box2 .txt2{font-size:14px;line-height:25px;color:#97938f;letter-spacing:-1px;margin:10px 0 25px;font-weight:300;}
.maincustomtext_box2 .btn{font-family:'Work Sans', sans-serif;font-size:13px;line-height:13px;color:#c3b6ab;text-transform:uppercase;}


.maininsta_area{padding:120px 0;border-top:1px solid #e5e2dd;background:#efedea;}
.maininsta_box{min-width:1300px;max-width:1600px;margin:0 auto;}
.maininsta_box ul{overflow:hidden;margin:-3% 0 0 -3%;}
.maininsta_box li{float:left;width:13.66%;margin:3% 0 0 3%;}
.maininsta_box li img{width:100%;}


.more_box{display:none;}

.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{
color: #c3b6ab;
border: 1px solid #c3b6ab; }
.more_box a::before{
background-color: #c3b6ab;
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: #c3b6ab; }
.more_box a:not([disabled]):hover::before{
transform-origin: left center;
transform: scale(1, 1); } }

.more_box a span{background:url("http://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 a:not([disabled]):hover span{background:url("http://dainpark06.cafe24.com/sunny/images/ico_arrowdownlist2_over.png") no-repeat 0 0;background-size:12px auto;
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 .boxmore{margin:5% auto 0;cursor:pointer;}
.more_box .boxmore span{background:url("http://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 .boxmore:not([disabled]):hover span{background:url("http://dainpark06.cafe24.com/sunny/images/ico_arrowdownlist2_over.png") no-repeat 0 0;background-size:12px auto;
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 */

