/*------------------------------------------------------------------------------------------------------
메인비주얼
---------------------------------------------------------------------------------------------------------*/
.visual_container {width:100%; z-index:0;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.visual_container {margin-top:45px;}
	}

	/*-------------------------------------------
	메인 카피
	-------------------------------------------*/
.main_copy_wrap {
	width:683px; z-index:1;
	position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.main_copy_wrap {width:70%;}
	}
.mc_container {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:column;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	height:536px; background:url(../main/images/visual_copy_bg.png) center center no-repeat; position:relative;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.mc_container {width:100%; height:auto;}
	}
.mc_container > h2, .mc_container > h3 {width:420px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.mc_container > h2, .mc_container > h3 {width:100%;}
	}
.mc_container > h2 {
	margin:120px 0 0 0; padding:0;
	font-family:'ggi Batang', 경기천년바탕, 경기천년제목; font-size:70px; color:#fff; font-weight:100; line-height:80px;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.mc_container > h2 {
			margin-top:0;
			font-size:24px; color:#fff; line-height:34px;
		}
	}
.mc_container > h2 > span {color:#e9b94b;}
.mc_container > h3 {font-size:18px; color:#fff; font-weight:300; line-height:28px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.mc_container > h3 {display:none;}
	}
/*------------------------------------------------------------------------------------------------------
메인비주얼 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
상담신청
---------------------------------------------------------------------------------------------------------*/
.on_banner_wrap {
	width:100%; padding:50px 0; background-color:#f5f5f5;
	background-image:url(../main/images/online_left_bg.png), url(../main/images/online_right_bg.png); background-size:488px 412px, 145px 92px; background-position:left top ,right top; background-repeat:no-repeat, no-repeat;
}
.on_banner_wrap a h4 {
	transition: .3s ease-in-out;
	font-size: 1.5rem;
}
.on_banner_wrap a:hover h4 {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
    color:#0db1c0;
}
/*------------------------------------------------------------------------------------------------------
상담신청 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
건축종류
---------------------------------------------------------------------------------------------------------*/
.house_wrap {
	width:100%; background-size:100%; background:url(../main/images/house_bg.jpg) center top no-repeat fixed; background-size:cover;
}
.house_wrap > h3 {margin:0!important; padding:0!important;}
.house_wrap a {text-decoration:none; cursor:pointer; word-break:break-all; word-break:keep-all;}

.house_wrap a > h4 {
	transition: .3s ease-in-out;
}
.house_wrap a:hover > h4 {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	color:#0db1c0;
}
/*------------------------------------------------------------------------------------------------------
건축종류 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
건축스타일
---------------------------------------------------------------------------------------------------------*/
.hpstyle_wrap {
	width:100%; background-color:#f5f5f5; background:url(../main/images/style_bg.jpg) center top no-repeat fixed; background-size:cover;
	color:#fff;
}
.hpstyle_wrap a {
	border-right:1px solid #fff; text-decoration:none; cursor:pointer; word-break:break-all; word-break:keep-all;
	color:#fff;
}
	@media all and (min-width: 320px) and (max-width: 1259px) {
		.hpstyle_wrap a {padding:0; border-right:none;}
	}
.hpstyle_wrap a:last-child {border-right: none;}
.hpstyle_wrap a > h4 {
	transition: .3s ease-in-out;
	font-size:1.5rem; color:#e9b94b; font-weight:350;
}
	/*@media all and (min-width: 320px) and (max-width: 1259px) {
		.hpstyle_wrap a > h4 {font-size:1.2rem;}
	}*/
.hpstyle_wrap a:hover > h4 {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.hpstyle_wrap a > p {
	transition: .2s ease-in-out;
	display:block; width:100%;
	font-size:inherit;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.hpstyle_wrap a > p {display:none;}
	}
.hpstyle_wrap a:hover > p {
	-webkit-transform: scale(1);
	transform: scale(1);
	font-weight:500;
}
/*------------------------------------------------------------------------------------------------------
건축스타일 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
현성주택건축소개
---------------------------------------------------------------------------------------------------------*/
.main_about {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	width:100%;
}
.main_about > section {width:50%;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.main_about > section {width:100%;}
	}
.main_about > section:last-child > img {width:100%;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.main_about > section:last-child > img {display:none;}
	}

.main_about_container {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:column;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	float:right; width:75%;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.main_about_container {float:inherit; width:100%; padding:25px 10px;}
	}
.main_about_container > h3 {margin:25px 0!important; padding:0!important;}
.main_about_container > p {width:100%;}
.main_about_container > p > span {
	padding:5px 20px; background-color:#0db1c0;
	color:#fff;
}
/*------------------------------------------------------------------------------------------------------
현성주택건축소개 끝
---------------------------------------------------------------------------------------------------------*/

/*.bannerContainer {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	width:100%; margin:0; padding:0;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.bannerContainer {flex-direction:column;}
	}
	
	
.companyInfoWrap .companyInfoContainer {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin:0 auto; padding:45px 10px; border-top:2px solid #353535; border-bottom:2px solid #353535;
	background:url(/theme/2019_1/img/bottom_bg_center.png) 600px top no-repeat;
}
	@media all and (min-width: 320px) and (max-width: 999px) {
		.companyInfoWrap .companyInfoContainer {flex-direction:column;}
	}*/