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

.mainvisual_area{position:relative;height:60vh;overflow:hidden;}

.mainvisual_area .box{position:relative;height:60vh;outline:0;}
.mainvisual_area .box a{outline:0;}
.mainvisual_area .text_box{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);text-align:center;z-index:2;}
.mainvisual_area .text_box dt{color:#a9acaa;font-size:12px;line-height:20px;letter-spacing:2px;font-weight:400;}
.mainvisual_area .text_box dd{font-family:'termina', sans-serif;font-size:14px;line-height:30px;color:#fff;letter-spacing:1px;margin-top:20px;text-transform:uppercase;}

.mainvisual_area .prev{position:absolute;left:5%;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:5%;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%;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: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;}


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


.subrealwood_area{padding:15% 0 13%;border-top:1px solid #e5e2dd;}

.subrealwood_box{}

.subrealwood_imgbox1{position:relative;overflow:hidden;margin:0 15px;}
.subrealwood_imgbox1 .text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;font-family: 'termina', sans-serif;font-size:20px;line-height:30px;color:#fff;letter-spacing:1px;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;margin:0 15px;}
.subrealwood_imgbox2 .img{}
.subrealwood_imgbox2 .img img{width:100%;}
.subrealwood_imgbox2 .text{position:relative;padding:12% 15px;}
.subrealwood_imgbox2 .text dl{}
.subrealwood_imgbox2 .text dt{font-size:16px;line-height:16px;color:#fff;letter-spacing:-1px;font-weight:500;}
.subrealwood_imgbox2 .text dt div{font-family: 'termina', sans-serif;font-size:12px;line-height:12px;letter-spacing:1px;text-transform: uppercase;margin-bottom:5px;font-weight:400;}
.subrealwood_imgbox2 .text dd{font-size:13px;line-height:20px;color:#908f8f;letter-spacing:-1px;margin-top:20px;font-weight:300;}

.subrealwood_imgbox3{position:relative;overflow:hidden;background:#201f1e;margin:0 15px;}
.subrealwood_imgbox3 .img{}
.subrealwood_imgbox3 .img img{width:100%;}
.subrealwood_imgbox3 .text{position:relative;padding:12% 15px;}
.subrealwood_imgbox3 .text dl{}
.subrealwood_imgbox3 .text dt{font-size:16px;line-height:16px;color:#fff;letter-spacing:-1px;font-weight:500;}
.subrealwood_imgbox3 .text dt div{font-family: 'termina', sans-serif;font-size:12px;line-height:12px;letter-spacing:1px;text-transform: uppercase;margin-bottom:5px;font-weight:400;}
.subrealwood_imgbox3 .text dd{font-size:13px;line-height:23px;color:#908f8f;letter-spacing:-1px;margin-top:20px;font-weight:300;}


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

.realstory_textbox1{padding:12% 0;margin:0 15px;}
.realstory_textbox1.padd1{padding:15% 0 0;}
.realstory_textbox1 dl{position:relative;}
.realstory_textbox1 dt{font-family: 'Noto Serif KR', serif;color:#201f1e;font-size:18px;line-height:28px;font-weight:400;letter-spacing:-1px;}
.realstory_textbox1 dd{font-size:15px;line-height:24px;color:#97938f;letter-spacing:-1px;font-weight:300;margin-top:5%;}
.realstory_textbox1 dd > div{margin-top:5%;}

.realstory_textbox2{padding:15% 0;margin:0 15px;}
.realstory_textbox2.padd1{padding:15% 0 0;}
.realstory_textbox2 dl{position:relative;}
.realstory_textbox2 dt{font-family: 'Noto Serif KR', serif;color:#201f1e;font-size:18px;line-height:28px;font-weight:400;letter-spacing:-1px;margin-top:5%;}
.realstory_textbox2 dd{font-size:15px;line-height:24px;color:#97938f;letter-spacing:-1px;font-weight:300;}
.realstory_textbox2 dd > div{margin-top:5%;}

.realstory_textbox3{padding:15% 0;margin:0 15px;}
.realstory_textbox3.padd1{padding:15% 0 0;}
.realstory_textbox3 dl{position:relative;overflow:hidden;}
.realstory_textbox3 dt{font-family: 'Noto Serif KR', serif;color:#201f1e;font-size:22px;line-height:32px;font-weight:400;letter-spacing:-1px;}
.realstory_textbox3 dt > div{font-family:'termina', sans-serif;font-size:13px;line-height:13px;color:#c3b6ab;letter-spacing:1px;margin-bottom:5px;text-transform: uppercase;}
.realstory_textbox3 dd{font-size:15px;line-height:24px;color:#97938f;letter-spacing:-1px;font-weight:300;margin-top:5%;}
.realstory_textbox3 dd > div{margin-top:5%;}
.realstory_textbox3 dd > div.last{font-size:13px;line-height:20px;color:#201f1e;margin-top:20px;font-weight:400;}
.realstory_textbox3 dd > div.last p{font-family: 'Roboto', serif;letter-spacing:0;}

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


.realwoodlist_area{}
.realwoodlist_box{margin:0 15px;}
.realwoodlist_box ul{overflow:hidden;width:100%;margin:-5% 0 0 0;}
.realwoodlist_box li{margin:5% 0 0 0;}
.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:20px;bottom:20px;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%;}

.realwoodlist_box dl{padding:6%;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:18px;line-height:18px;color:#201f1e;letter-spacing:-1.5px;font-weight:300;margin-bottom:15px;}
.realwoodlist_box .txt{font-size:12px;line-height:20px;color:#97938f;letter-spacing:-1.5px;}
.realwoodlist_box .txt_more{font-family: "Work Sans", sans-serif;font-size: 12px;line-height: 12px;color:#c3b6ab;text-transform: uppercase;margin-top:12px;}
/* BASIC css end */