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

.realwoodlist_area{padding:20px 0 100px;}
.realwoodlist_box{min-width:1400px;max-width:1400px;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:'Pretendard', 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 .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:30px 0px 0;background:#fff;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.realwoodlist_box dt{font-family: 'Pretendard', sans-serif;font-size:28px;line-height:28px;color:#201f1e;letter-spacing:-1.5px;font-weight:500;margin-bottom:25px;}
.realwoodlist_box .txt{font-size:16px;line-height:30px;color:#000000;letter-spacing:-1px;}
.realwoodlist_box .txt_more{font-family: 'Pretendard', sans-serif;font-size: 13px;line-height: 13px;color:#c3b6ab;text-transform: uppercase;margin-top:20px;}


@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:0 0 110px;}

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

.subrealwood_imgbox1{position:relative;overflow:hidden;min-width:1400px;max-width:1400px;margin:0 auto;}
.subrealwood_imgbox1 .text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;font-family: 'Pretendard', sans-serif;font-size:50px;line-height:80px;color:#fff;letter-spacing:3px;font-weight:500;text-align:center;text-transform: uppercase;z-index:2;}
.subrealwood_imgbox1 .img{position:relative;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:22%;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:'Pretendard', 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:22%;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: 'Pretendard', 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:1400px;max-width:1400px;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:1400px;max-width:1400px;margin:0 auto;}
.realstory_textbox1.padd1{padding:120px 0 0;}
.realstory_textbox1 dl{position:relative;}
.realstory_textbox1 dt{font-family: 'Pretendard', sans-serif;color:#201f1e;font-size:34px;line-height:54px;font-weight:500;letter-spacing:-2px;}
.realstory_textbox1 dd{font-size:22px;line-height:40px;color:#000000;letter-spacing:-1px;font-weight:400;margin-top:25px;}
.realstory_textbox1 dd > div{margin-top:20px;}

.realstory_textbox2{padding:120px 0 0;min-width:1400px;max-width:1400px;margin:0 auto;}
.realstory_textbox2 dl{position:relative;}
.realstory_textbox2 dt{font-family: 'Pretendard', sans-serif;color:#201f1e;font-size:34px;line-height:54px;font-weight:500;letter-spacing:-2px;margin-top:45px;}
.realstory_textbox2 dd{font-size:22px;line-height:40px;color:#000000;letter-spacing:-1px;font-weight:400;}
.realstory_textbox2 dd > div{margin-top:20px;}

.realstory_textbox3{padding:120px 0;min-width:1400px;max-width:1400px;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:'Pretendard', sans-serif;color:#201f1e;font-size:34px;line-height:54px;font-weight:500;letter-spacing:-2px;}
.realstory_textbox3 dt > div{font-family:'Pretendard', 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:22px;line-height:40px;color:#000000;letter-spacing:-1px;font-weight:400;}
.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: 'Pretendard', sans-serif;letter-spacing:0;}
/* BASIC css end */