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

.mainvisual_area{position:relative;min-width:1300px;height:1150px;overflow:hidden;}

.mainvisual_area .box{position:relative;height:1150px;outline:0;}
.mainvisual_area .box a{outline:0;}
.mainvisual_area .text_box{position:absolute;left:50%;top:50%;width:100%;min-width:1300px;max-width:1600px;transform:translate(-50%,-50%);text-align:center;z-index:2;}
.mainvisual_area .text_box dt{color:#a9acaa;font-size:20px;line-height:20px;letter-spacing:8px;font-weight:400;}
.mainvisual_area .text_box dd{font-family:'termina', sans-serif;font-size:40px;line-height:70px;color:#fff;letter-spacing:2px;margin-top:40px;text-transform:uppercase;}

.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 .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 .btn_box{display:none;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{}


.mainmaterial_area{padding:120px 0;background:#efedea;}
.mainmaterial_box{min-width:1300px;max-width:1600px;margin:0 auto;overflow:hidden;}
.mainmaterial_box2{min-width:1300px;max-width:1600px;margin:0 auto;}
.mainmaterial_area ul{overflow:hidden;margin:-3% 0 0 -4.7%;}
.mainmaterial_area li{float:left;width:6.61%;margin:3% 0 0 4.5%;}
.mainmaterial_area .img_box{position:relative;overflow:hidden;border-radius:30px;-ms-border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
.mainmaterial_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;}

.mainmaterial_area 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_area .box: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_area .img{position:relative;overflow:hidden;z-index:1;}
.mainmaterial_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;
}
.mainmaterial_area 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_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;
}
.mainmaterial_area .text{font-size:15px;line-height:15px;color:#201f1e;letter-spacing:-1.5px;text-align:center;margin-top:20px;}
.mainmaterial_area .text span{display:inline-block;font-size:11px;line-height:11px;color:#97938f;vertical-align:top;padding-left:4px;}

@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;}
}

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



.subrealwood_area{padding:120px 0 110px;border-top:1px solid #e5e2dd;}

.subrealwood_box{min-width:1300px;max-width:1600px;margin:0 auto;}

.subrealwood_imgbox1{position:relative;overflow:hidden;min-width:1300px;max-width:1600px;margin:0 auto;}
.subrealwood_imgbox1 .text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;font-family: 'termina', sans-serif;font-size:80px;line-height:80px;color:#fff;letter-spacing:3px;font-weight:500;text-align:center;text-transform: uppercase;z-index:2;}
.subrealwood_imgbox1 .img{position:realtive;z-index:1;}
.subrealwood_imgbox1 .img img{width:100%;}

.subrealwood_imgbox2{position:relative;overflow:hidden;background:#201f1e;}
.subrealwood_imgbox2 .img{float:left;width:50%;}
.subrealwood_imgbox2 .img img{width:100%;}
.subrealwood_imgbox2 .text{position:absolute;left:50%;top:0;bottom:0;right:0;}
.subrealwood_imgbox2 .text dl{position:absolute;left:0;right:8%;bottom:9%;text-align:right;}
.subrealwood_imgbox2 .text dt{font-size:24px;line-height:24px;color:#fff;letter-spacing:-2px;font-weight:500;}
.subrealwood_imgbox2 .text dt div{font-family: 'termina', sans-serif;font-size:16px;line-height:16px;letter-spacing:1px;text-transform: uppercase;margin-bottom:15px;font-weight:400;}
.subrealwood_imgbox2 .text dd{font-size:20px;line-height:35px;color:#908f8f;letter-spacing:-1px;margin-top:50px;font-weight:300;}

.subrealwood_imgbox3{position:relative;overflow:hidden;background:#201f1e;}
.subrealwood_imgbox3 .img{float:right;width:50%;}
.subrealwood_imgbox3 .img img{width:100%;}
.subrealwood_imgbox3 .text{position:absolute;right:50%;top:0;bottom:0;left:0;}
.subrealwood_imgbox3 .text dl{position:absolute;left:8%;right:0;bottom:9%;text-align:left;}
.subrealwood_imgbox3 .text dt{font-size:24px;line-height:24px;color:#fff;letter-spacing:-2px;font-weight:500;}
.subrealwood_imgbox3 .text dt div{font-family: 'termina', sans-serif;font-size:16px;line-height:16px;letter-spacing:1px;text-transform: uppercase;margin-bottom:15px;font-weight:400;}
.subrealwood_imgbox3 .text dd{font-size:20px;line-height:35px;color:#908f8f;letter-spacing:-1px;margin-top:50px;font-weight:300;}

@media screen and (max-width:1600px) {
.subrealwood_imgbox2 .text dl{bottom:10%;}
.subrealwood_imgbox2 .text dd{font-size:18px;line-height:35px;}
.subrealwood_imgbox3 .text dl{bottom:10%;}
.subrealwood_imgbox3 .text dd{font-size:18px;line-height:35px;}
}

.realstory_imgbox2{position:relative;overflow:hidden;min-width:1300px;max-width:1600px;margin:0 auto;}
.realstory_imgbox2 .img_left{float:left;width:49.7%;margin-right:0.3%;}
.realstory_imgbox2 .img_left img{width:100%;}
.realstory_imgbox2 .img_right{float:left;width:49.7%;margin-left:0.3%;}
.realstory_imgbox2 .img_right img{width:100%;}

.realstory_textbox1{padding:120px 0 110px;min-width:1300px;max-width:1600px;margin:0 auto;}
.realstory_textbox1.padd1{padding:120px 0 0;}
.realstory_textbox1 dl{position:relative;}
.realstory_textbox1 dt{font-family: 'Noto Serif KR', serif;color:#201f1e;font-size:34px;line-height:54px;font-weight:400;letter-spacing:-2px;}
.realstory_textbox1 dd{font-size:24px;line-height:40px;color:#97938f;letter-spacing:-2px;font-weight:300;margin-top:25px;}
.realstory_textbox1 dd > div{margin-top:20px;}

.realstory_textbox2{padding:120px 0 0;min-width:1300px;max-width:1600px;margin:0 auto;}
.realstory_textbox2 dl{position:relative;}
.realstory_textbox2 dt{font-family: 'Noto Serif KR', serif;color:#201f1e;font-size:34px;line-height:54px;font-weight:400;letter-spacing:-2px;margin-top:45px;}
.realstory_textbox2 dd{font-size:24px;line-height:40px;color:#97938f;letter-spacing:-2px;font-weight:300;}
.realstory_textbox2 dd > div{margin-top:20px;}

.realstory_textbox3{padding:120px 0;min-width:1300px;max-width:1600px;margin:0 auto;}
.realstory_textbox3.padd1{padding:120px 0 0;}
.realstory_textbox3 dl{position:relative;overflow:hidden;}
.realstory_textbox3 dt{float:left;width:50%;font-family: 'Noto Serif KR', serif;color:#201f1e;font-size:34px;line-height:54px;font-weight:400;letter-spacing:-2px;}
.realstory_textbox3 dt > div{font-family:'termina', sans-serif;font-size:20px;line-height:20px;color:#c3b6ab;letter-spacing:2px;margin-bottom:15px;text-transform: uppercase;}
.realstory_textbox3 dd{float:right;width:50%;font-size:24px;line-height:40px;color:#97938f;letter-spacing:-2px;font-weight:300;}
.realstory_textbox3 dd > div{margin-top:20px;}
.realstory_textbox3 dd > div.last{font-size:18px;line-height:32px;color:#201f1e;margin-top:40px;font-weight:400;}
.realstory_textbox3 dd > div.last p{font-family: 'Roboto', serif;letter-spacing:0;}

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

.realwoodlist_area{padding:120px 0;}
.realwoodlist_box{min-width:1300px;max-width:1600px;margin:0 auto;}
.realwoodlist_box ul{overflow:hidden;width:103%;margin:-5% 0 0 -3%;}
.realwoodlist_box li{float:left;width:30.33%;margin:5% 0 0 3%;}
.realwoodlist_box .box{display:block;}
.realwoodlist_box .img_box{position:relative;}
.realwoodlist_box .img_box .text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;font-family:'termina', sans-serif;font-size:20px;line-height:35px;color:#fff;letter-spacing:2px;text-transform:uppercase;text-align:center;z-index:3;}
.realwoodlist_box .img_box .img{position:relative;z-index:1;overflow:hidden;}
.realwoodlist_box .img_box::before{content:"";display:block;position:absolute;right:30px;bottom:30px;width:50px;height:50px;border-radius:50px;background:url("/design/83kjh/sunny/images/ico_thumbplay2.png") no-repeat 0 0;box-shadow:1px 1px 4px rgba(0, 0, 0, 0.1);z-index:3;}

.realwoodlist_box .img_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;
}
.realwoodlist_box li:hover .img_box .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;
}

.realwoodlist_box .img_box::after{content:"";display:block;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;}

.realwoodlist_box li:hover .img_box::after{
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;}

.realwoodlist_box dl{padding:8%;background:#f2f1ee;border:1px solid #e5e2dd;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.realwoodlist_box dt{font-family: 'Noto Serif KR', serif;font-size:28px;line-height:28px;color:#201f1e;letter-spacing:-1.5px;font-weight:300;margin-bottom:25px;}
.realwoodlist_box .txt{font-size:15px;line-height:30px;color:#97938f;letter-spacing:-1.5px;}
.realwoodlist_box .txt_more{font-family: "Work Sans", sans-serif;font-size: 13px;line-height: 13px;color:#c3b6ab;text-transform: uppercase;margin-top:20px;}

@media screen and (max-width:1600px) {
.realwoodlist_box dt{font-size:22px;line-height:22px;margin-bottom:20px;}
.realwoodlist_box .txt{font-size:13px;line-height:26px;}
}

/* BASIC css end */