/* BASIC css start */
.bbs-link { font-size:0 }
.bbs-link a { margin:0 2px; width:200px; text-align:left; padding-left:20px; box-sizing:border-box; font-family:'Noto Serif KR', serif;}
.bbs-link a.delete { padding: 0 3px 0 5px; }
.bbs-link a.reply { padding: 0; }
.bbs-link a span{float:right; margin-right:20px;}
.bbs-table-view .data-bd-cont { padding: 20px 0 40px 0; color:#8d8d8d }

.input-style2 { width: 120px; margin: 0px 5px; }

.list-link { padding:10px 15px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.list-link li { padding:10px 0px }
.list-link li a { color:#828282 }
.list-link span.arrow { padding: 0px 5px 0px 15px; color: #828282; font-weight:bold }
.list-link span.arrow.prev { background: url(/images/d3/modern_simple/common/icon_prev_arrow.gif) no-repeat left 1px }
.list-link span.arrow.next { background: url(/images/d3/modern_simple/common/icon_next_arrow.gif) no-repeat left 1px }

.data-bd-cont .add_info { float: left; border: 1px solid #e5e5e5; width: 97%; padding: 5px 10px; line-height: 150%; margin-bottom: 10px; }
.data-bd-cont .add_title { float: left; width: 30%; font-weight: bold; }
.data-bd-cont .add_content { float: left; width: 70%; }
.data-bd-cont .attach { text-align: center; margin-bottom: 10px; }
/* °ü·Ã »óÇ° ¸ñ·Ï */
.fixed-img-collist { margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;}
.list-tit { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;}
.fixed-img-collist ul { padding:15px 11px 0;}
.fixed-img-collist ul li { float:left; padding:0 10px 15px; text-align:center;}
.fixed-img-collist ul li a { display:block; width:150px; font-size:11px; color:#9d9d9d;}
.fixed-img-collist ul li a span.prd img { width:142px; height:142px; margin-bottom:8px; padding:3px; border:1px solid #d8d8d8;}
.fixed-img-collist ul li p { padding:1px; font-size:11px; color:#666; font-weight:bold;}
/* °³ÀÎÁ¤º¸º¸È£Á¤Ã¥ µ¿ÀÇ */
.privercy-contract textarea {  height: 60px; width: 660px; }
.privercy-contract-tap { height:30px; }
.privercy-contract-tap li a { padding: 7px 10px; }
/* °³ÀÎÁ¤º¸ ¼öÁý ÀÌ¿ë */
.privercy-contract .tbl { width:100% !important; padding:0; margin:0; border-spacing:0; border-collapse:collapse; border-top: 1px solid #dadada; border-left: 1px solid #dadada; }
.privercy-contract .tbl caption { display:none; }
.privercy-contract .tbl th { line-height:32px; color: #3b3b3b; font-size:12px; font-weight:bold; background: #f0f0f0; text-align:center; }
.privercy-contract .tbl th,
.privercy-contract .tbl td { height:32px; padding:0; margin:0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; letter-spacing:-1px }
.privercy-contract .tbl td .txt-l { padding:5px 3px; margin:0; text-align:left; }

/* ½Å°í ¹öÆ° */
.bbs-table-view .data-bd-cont {position: relative;}
.bbs-table-view .data-bd-cont .btn-report {display:inline-block; font-size:11px; color:#9d9d9d; position:absolute; right:10px; bottom:10px;}

.comment-box .reporting {padding: 5px 0;}
.comment-box .reporting span {display: inline-block; padding-left: 15px; background: url(/images/d3/modern_simple/ico_reciew_reporting_h17_pc.png) left 3px no-repeat; color: #808080; font-size: 11px; background-size:10px 10px;}
.comment-box .reporting a {display: inline-block; padding: 0; font-size: 11px; color: #999999;}

/* ´ñ±Û ÀÌ¹ÌÁö Ã·ºÎ */
.bbs-table-view td.com-wrt-box,.com-wrt-box .wrt_write { padding-bottom: 0px; }
.com-wrt-box .wrt textarea { resize: none; }
.img-comment-file img { display: inline-block; width: 200px; height: auto; margin-bottom: 10px; }
.comment-file { padding: 9px; margin-top:-1px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.comment-file .file-info { position: relative; display: none; width: 80px; }
.comment-file .file-info img { width: 80px; height: 53px; }
.comment-file .file-info .btn-del { position: absolute; right: -10px; top: -5px; width: 20px; height: 20px; background: url(/images/d3/modern_simple/btn_comment_file_del.png) right top / 20px no-repeat; font-size: 0; text-indent: -9999px; }
.comment-file .flex-box { display: flex; gap: 13px; align-items: center; margin-top: 5px; }
.comment-file span { font-size: 11px; color: #8d8d8d; letter-spacing: -0.5px; }
.comment-file .file-upload { padding: 9px 0 8px; background: none; font-size: 11px; color: #231f20; letter-spacing: -0.5px; cursor: pointer; }
.comment-file .btn_file { padding: 9px 12px 8px 32px; background: url(/images/d3/modern_simple/ico_comment_file.png) 12px center no-repeat; border: 1px solid #ddd; }
.comment-file input[type="file"] { display: none; }




.top-thumb{display:none;}


body #contentWrap{max-width:100%;}
body #content{width:100%;}

body .bbs-table-view .data-bd-cont,
body .bbs-table-view thead th, 
body .bbs-table-view tbody td{padding:0;}
body .view-link{text-align:center;}



/* 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; margin-bottom:110px;  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;}
.subban_wide.subban_realstory6 .bgbox .bg{background:url("//dainpark06.cafe24.com/sunny/images/bgban_realstory6.jpg") no-repeat center center;background-size:cover;}

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































/**/
/* BASIC css end */

