@charset "utf-8";

.inner_mb{width:90%; margin:0 auto;}
.inner_mb img {width: 100%; margin:0 auto;}


/************************************************************/
/************************************************************/
/*--사업안내--*/

/*사업개요*/
.overview .inner_overview{width:100%; margin:30px auto 0;}
.overview .inner_overview > img{margin-bottom:30px;}
.overview .inner_overview > h3{font-size:25px; color:#fff; font-weight:500; margin-bottom:20px; width:100%; height:50px; line-height:50px; text-align:center; background:#c26c59; }
.overview .inner_overview > div{overflow:hidden;}
.overview .inner_overview > div > table{float:left; width:100%; border-top:2px solid #1d2058;}
.overview .inner_overview > div > table + table{float:right;}
.overview .inner_overview > div > table th,
.overview .inner_overview > div > table td{font-size:20px; font-weight:500; padding:20px 20px; border-bottom:1px solid #ddd;}
.overview .inner_overview > div > table th{background:#fff; color:#1d2058; font-weight:500; font-size:16px; padding:20px 20px; border-bottom:1px solid #bcbcb6}
.overview .inner_overview > div > table td{padding:20px 10px 20px 20px; font-size:16px; border-bottom:1px solid #cfcfcf; color:#4e4a50; font-weight:400; text-align:left;}
.overview .inner_overview > div > table td.th_{height:130px}

/*브랜드_홍보영상*/
.brand_mov ul li { width: 50% !important; }

/*오시는길*/
.map_box{margin-top: 30px; }
.map_box a{width:100%; bottom:50px; display:inline-block; background:#000; color:#fff; border:1px solid rgba(255,255,255,0.5); font-size:17px;  height:40px; line-height:40px; text-align:center;  transition:all 0.4s ease-in; margin:0 auto; font-weight:400;}

/************************************************************/
/************************************************************/
/*--단지안내--*/

/*동호수배치도*/
.dong_more{position: absolute;}
.pops_dong{ position: relative; width: 100%; margin: 0 auto; }
.pops_dong > img { width: 100%;}
.pops_dong .dong_more{bottom: 10px; right:10px; }

/*유니트 확대*/
.unit_more{position: absolute;}
.pops_unit{ position: relative; width: 100%; margin: 0 auto; }
.pops_unit > img { width: 100%;}
.pops_unit .unit_more{bottom: -10px; right:10px; }

/************************************************************/
/************************************************************/
/*--홍봇센터--*/

/*홍보영상*/
.sub_vr{position:relative;}
.sub_vr .inner_vr{position:relative;}
.sub_vr .inner_vr #myVideo{max-width: 100%; height: auto; margin:0 auto; display:block; box-shadow:10px 10px 15px rgba(0,0,0,0.5)}

@media screen and (max-width:640px){
	.sub_vr .inner_vr{height:400px;}
}
@media screen and (max-width:540px){
	.sub_vr .inner_vr{height:350px;}
}
@media screen and (max-width:390px){
	.sub_vr .inner_vr{height:300px;}
}	
/*유튜브*/
.pr { width: 95.25%; margin: 0 auto; margin-bottom: 100px; }
.pr ul { width: 100%; margin: 0 auto 100px auto; overflow: hidden; }
.pr ul li { width: 33.3%; padding: 5px; margin-top: 10px;float: left; opacity: 0.7; filter: alpha(opacity=70); }
.pr ul li::after {content: ""; clear: both; display: table;}
.pr ul li div { width: 100%; margin: 0 auto; position: relative; padding-bottom: 88.25%; height: 0; line-height: 0; overflow: hidden; }
.pr ul li div a img { display: block; width: 100%; }
.pr ul li div a span {display:block;width: 100%;font-size: 14px; color: #000; height: 30px; line-height: 30px; text-align: center; background-color: #eee;}
.pr ul li.active,
.pr ul li:hover { cursor:pointer; opacity: 1; }
.pr ul li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; font-size: 18px; text-shadow: 0 0 1px rgba(0,0,0,0.2); }

/*영상 공통*/
.videoWrap { width: 100%; margin: 30px auto; }
.videoWrap ul li { margin-bottom: 100px; }
.videoWrap ul li p { font-size: 20px; margin-bottom: 10px; }
.video { width: 100%; margin: 0 auto; position: relative; padding-bottom: 76.25%; height: 0; /*line-height: 0;*/ background-color: #fff;}
.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/************************************************************/
/************************************************************/
/*--E모델하우스--*/
/*e모델하우스*/
.vr { width: 100%; margin: 0 auto; position: relative; padding-bottom: 95.25%; height: 0; line-height: 0; overflow: hidden; background: #fff; margin-top: 60px; }
.vr iframe { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100.375%; height: 100%; }

/*유니트vr*/
.unit_vr iframe{top:-45px;}

@media screen and (max-width:730px){
	.unit_vr iframe{top:-30px;}
}

@media screen and (max-width:580px){
	.unit_vr iframe{top:-26px;}
}
@media screen and (max-width:540px){
	.unit_vr iframe{top:-23px;}
}
@media screen and (max-width:480px){
	.unit_vr iframe{top:-20px;}
}
@media screen and (max-width:430px){
	.unit_vr iframe{top:-18px;}
}
@media screen and (max-width:360px){
	.unit_vr iframe{top:-16px;}
}

/*세대안내_유닛*/
.vr_page_style { margin: 0 auto; width: 100%; margin-bottom:50px; }
.vr_page_style ul.vr_btns { position: relative; overflow: hidden; margin-bottom: 20px; }
.vr_page_style ul.vr_btns li { position: relative; text-align: center; cursor: pointer; float: left; width:110px; height: 30px; border-bottom:2px solid #ededed; margin-top:20px;}
.vr_page_style ul.vr_btns li span { position: relative; color: #676b6e; display: block; vertical-align: unset; font-size: 15px; width: 100%; height: 100%; }
.vr_page_style ul.vr_btns li:hover span,
.vr_page_style ul.vr_btns li.active span { font-weight: 500; }
.vr_page_style ul.vr_btns li span.tab_bg { position: absolute; left: 0; bottom: -5px; width: 0; height: 5px; opacity: 0; }
.vr_page_style ul.vr_btns li:hover span.tab_bg,
.vr_page_style ul.vr_btns li.active span.tab_bg { opacity: 1; width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}

.clr44 { background-color: #004f97 !important; border-color: #004f97 !important;}

/************************************************************/
/************************************************************/
/*--청약안내--*/

/*특별공급 버튼*/
.cheongyag_btn{margin:0 auto; text-align:center;}
.cheongyag_btn a p{cursor:pointer; display:inline-block;  font-size:17px; line-height:50px; height:50px; background:#403e3d; width:250px;  text-align:center; color:#fff; 
 font-weight:400;
 border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
-o-border-radius:30px;
 }
.cheongyag_btn a p:hover{background:#09284a; transition: all 1s;
-webkit-transition: all 1s; 
-ms-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
}

/************************************************************/
/************************************************************/
/*--분양안내--*/

/*모집공고 돋보기*/
.notice_more{position: absolute;}
.pops_notice{ position: relative; width: 100%; margin: 0 auto; }
.pops_notice > img { width: 100%; }
.pops_notice .notice_more{top:0; right: 0; }