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


.mainreal_area{padding:120px 0;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("//dainpark06.cafe24.com/sunny/images/ico_leftblack.png") no-repeat 0 0;background-size:11px 20px;outline:0;}
.mainreal_area .outer_box .prev{position:absolute;right:-60px;top:50%;transform:translateY(-650%);width:11px;height:20px;background:url("//dainpark06.cafe24.com/sunny/images/ico_rightblack.png") no-repeat 0 0;background-size:11px 20px;outline:0;}
.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 .txt{font-size:14px;line-height:25px;color:#97938f;letter-spacing:-1px;margin:15px 0 25px;font-weight:300;}
.mainreal_box .btn{font-family:'Work Sans', sans-serif;font-size:13px;line-height:13px;color:#c3b6ab;text-transform:uppercase;}

.subrealstory_area{padding:120px 0 0;background:url("//dainpark06.cafe24.com/sunny/images/bg_realstory1.jpg") repeat-x 0 0;background-size:100% 666px;}
.subrealstory_box{min-width:1300px;max-width:1600px;margin:0 auto;}

.realstory_imgbox1{position:relative;overflow:hidden;background:url("//dainpark06.cafe24.com/sunny/images/bg_realstory2.jpg") repeat 0 0;}
.realstory_imgbox1 .img{float:left;width:50%;}
.realstory_imgbox1 .img img{width:100%;}
.realstory_imgbox1 .text{position:absolute;left:50%;top:0;bottom:0;right:0;}
.realstory_imgbox1 .text dl{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;}
.realstory_imgbox1 .text dt{font-family: 'Noto Serif KR', serif;font-size:40px;line-height:65px;color:#fff;letter-spacing:-2px;font-weight:300;}
.realstory_imgbox1 .text dd{font-size:20px;line-height:20px;color:#e1dbd5;letter-spacing:-1px;margin-top:45px;}

.realstory_imgbox2{position:relative;overflow:hidden;}
.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_imgbox3{position:relative;overflow:hidden;margin:-0.6% 0 0 0;}
.realstory_imgbox3 .img{overflow:hidden;margin-left:-0.6%;}
.realstory_imgbox3 .img > div{float:left;width:49.4%;margin:0.6% 0 0 0.6%;}
.realstory_imgbox3 .img > div img{width:100%;}

.realstory_imgbox4{position:relative;overflow:hidden;}
.realstory_imgbox4 .img{overflow:hidden;margin-left:-0.6%;}
.realstory_imgbox4 .img > div{float:left;width:32.7%;margin:0 0 0 0.6%;}
.realstory_imgbox4 .img > div img{width:100%;}

.realstory_textbox1{padding:110px 0 60px;background:#efedea;}
.realstory_textbox1 dl{position:relative;padding:55px 0 50px 100px;border-top:1px solid #e5e2dd;}
.realstory_textbox1 dl:first-child{padding-top:0;border-top:0;}
.realstory_textbox1 dl:after{font-family: 'termina', sans-serif;content:"Q";position:absolute;left:0;top:55px;width:80px;height:80px;border-radius:15px;font-size:30px;line-height:80px;text-align:center;background:#e4deda;}
.realstory_textbox1 dl:first-child:after{top:5px;}
.realstory_textbox1 dt{font-size:24px;line-height:40px;color:#201f1e;letter-spacing:-2px;font-weight:500;}
.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;}


.subban_wide{position:relative;min-width:1300px;height:500px;overflow:hidden;}
.subban_wide .text{position:absolute;left:50%;top:50%;width:1300px;transform:translate(-50%,-50%);text-align:center;z-index:2;}
.subban_wide .text{font-family: "Noto Serif KR", serif;font-size:34px;line-height:55px;color:#fff;letter-spacing:-2px;font-weight:300;}
.subban_wide .text .txt1{padding-bottom:10px;}
.subban_wide .text .txt2{padding-top:35px;}
.subban_wide .bgbox{height:500px;overflow:hidden;z-index:1;}
.subban_wide .bgbox .bg{position:absolute;width:100%;height:600px;}
.subban_wide.subban_realstory1 .bgbox .bg{background:url("//dainpark06.cafe24.com/sunny/images/bgban_realstory1.jpg") no-repeat center center;background-size:cover;}
.subban_wide.subban_realstory2 .bgbox .bg{background:url("//dainpark06.cafe24.com/sunny/images/bgban_realstory2.jpg") no-repeat center center;background-size:cover;}
.subban_wide.subban_realstory3 .bgbox .bg{background:url("//dainpark06.cafe24.com/sunny/images/bgban_realstory3.jpg") no-repeat center center;background-size:cover;}
.subban_wide.subban_realstory4 .bgbox .bg{background:url("//dainpark06.cafe24.com/sunny/images/bgban_realstory4.jpg") no-repeat center center;background-size:cover;}
.subban_wide.subban_realstory5 .bgbox .bg{background:url("//dainpark06.cafe24.com/sunny/images/bgban_realstory5.jpg") no-repeat center center;background-size:cover;}

.mproduct_box ul li{margin-bottom:0;}

/* BASIC css end */