@charset "utf-8";

 .sub_wrap{
		max-width:1200px;
		margin:0 auto;
		 
}
 
  


 /*////////////////////////////////////////////////////////////////////sub 공통/////////////////////////////////////////////////*/
 h2{
		color:#000;
		font-size:35px;
		padding:40px 0 30px 0;
		line-height:1;
		letter-spacing:-1px;
}
 h2.sub_tit{
		text-align:center;
		font-size:40px;
		margin:0px auto 20px auto;
		font-weight:500;
}

 h2.sub_tit:after{
	position:relative;
	width:40px;
	height:3px;
	background:#e16d1d;
	display:block;
	content:'';
	margin:10px auto;
 }
  
 h3.subsubtit{
	font-size:33px;
	font-weight:500;
	 text-align:center;
	margin-bottom:50px;
	position:relative;
	letter-spacing:-2px;
	margin-top:30px;
	 
 }
  h3.subsubtit:before{
	content:'';
	display:block;
	position:absolute;
	width:20%;
	height:2px;
	background:#000;
	top:30px;
	left:0;
  }

 h3.subsubtit:after{
	content:'';
	display:block;
	position:absolute;
	width:20%;
	height:2px;
	background:#000;
	top:30px;
	right:0;
  }
.center{
		text-align:center;
}

ul.ulli li{background: url(../image/icon_dot.png) no-repeat 20px 4px;padding-left:47px;padding-bottom:10px}
ul.ulliB  li{background: url(../image/icon_dot2.png) no-repeat 20px 10px;padding-left:47px;padding-bottom:10px}

 



 

 
 #sub_contents{
		background: #fff;
		width:100%;
		margin:80px auto 50px auto;
		 
 		font-weight:400;
		line-height:1.5;
		font-size:17px;
		position:relative;

		}
 #sub_contents:after{
		clear:both;
		content:'';
		}
 
 
 

.sub_title{

	font-weight:300;
	color:#fff;
	text-align:center;
	margin:10px auto 80px auto;
	letter-spacing:-2px;
	font-size:30px;
	 text-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);

	}
 
.bg_ttA{background: url(../image/about/bg_txt.png) repeat-y center 0;}
.bg_ttB{background: url(../image/sonamu/bg_txt.png) repeat-y center 0;}

.topimgarea{
 	padding:80px;	 
}
 .boxing{
	margin: 0px auto;
	width:100%;
	padding:50px 50px; 
	background:#fff;
	min-height:300px;
}


.greetingarea{
	background: url(../image/about/back_greeting.jpg) no-repeat center 0; 	 
}

.locationarea{
	background: url(../image/about/back_loc.jpg) no-repeat center 0; 	 
}
 .businessarea{
	background: url(../image/business/back_business.jpg) no-repeat center 0; 	 
}

 .housearea{
	background: url(../image/house/back_house.jpg) no-repeat center 0; 	 
}

 .sonamuarea{
	background: url(../image/sonamu/back_sonamu.jpg) no-repeat center 0; 	 
}

 .contactarea{
	background: url(../image/contact/back_contact.jpg) no-repeat center 0; 	 
}

  /*////////////////////////////////////////////////////////////////////회사소개////////////////////*/
 /*인사말*/


 
 .greeting_txt  strong{
	display:block;
	font-size:30px;
	font-weight:300;
	letter-spacing:-2px;
	
	}
 .greeting_txt  p span{
			font-weight:700;
			font-size:30px;
			font-family:'NanumSquare',sans-serif;
			line-height:1.3;
			letter-spacing:-1px;
			display:block;
			padding-top:20px;
	 }
 .greeting_txt  p i{
	font-family:'Raleway', sans-serif;
 }
 
 .greeting_txt_txt{ 
	 padding:0px 50px; 
	font-size:18px;
	 
	margin:0 auto;

}
.greeting_txt_txt p{
	margin-bottom:20px;
	
}
 .greetingimg{float:right;padding-left:40px;}



/*오시는길*/

 
 .mapinfo{width:100%;float:left;background:#f7f7f7;padding:30px 50px;}
.mapinfo > ul > li{
		overflow:hidden;
		 padding:10px 0px 10px 30px;
		 font-size:15px;
		 display:inline-block;
		 
		}
 
  

 /*사업*/
.businessarea_info{
	padding-top:50px;
}
.businessbox{
	border:1px solid #dddddd;
	padding:30px;
	margin-bottom:20px;
}
.businessbox:after{
	clear:both;
	display:block;
	content:' ';
	position:relative;
	
	
}

.businessbox .leftcon{
	width:30%;
	float:left;

}
.businessbox .leftcon .title .number{
	vertical-align:middle;
	font-size:50px;
	color:#000;
	font-family:'Roboto', sans-serif;

}
.businessbox .leftcon .title .con_title{
	font-size:28px;
	color:#000;
	padding-left:20px;
	letter-spacing:-2px;
	vertical-align:middle;

}
.businessbox .leftcon .conentlist ul{
	position:relative;
	padding-left:80px;
	margin-top:30px;
}
.businessbox .leftcon .conentlist ul li:before{
	 content:'';
	display:block;
	position:absolute;
	top:13px;
	width:8px;
	height:1px;
	left:0;
	background:#4c4c4c;
}
.businessbox .leftcon .conentlist ul li{
	color:#4c4c4c;
	padding-left:20px;
	position:relative;
	font-weight:400;
	font-size:16px;
	margin-bottom:5px;
}

.businessbox .rightcon{
	width:70%;
	float:left;

}
.businessbox .rightcon .imgarea{
	width:47%;
	margin-right:2%;
	display:inline-block;
}
.businessbox .rightcon .imgarea img{
	max-width:100%;
}

.business_sonamu{font-size:0;}
.business_sonamu .imgarea{
	width:50%;
	 text-align:center;
	display:inline-block;
}
.business_sonamu .imgarea img{
	max-width:98%;
}



/*분양*/
.houselist{ text-align:center;}
.houselist:after{
	clear:both;display:block;content:'';
}
.houselist .housebox{
	width:33%;
	display:inline-block;
	margin-bottom:30px;
	position:relative;
	vertical-align:top;
	 text-align:center;
	 margin-left:-5px;
	 

}

.houselist .housebox a{
	display:block;
	width:90%;
	margin: 0 auto;
	border:1px solid #ccc;
	position:relative;
	 
}
.houselist .housebox .imgarea img{
	width:100%;
}
.houselist .housebox .houselist_info{
	padding:10px 30px 10px 10px;
	font-weight:400;
	font-size:16px;
	line-height:1.3;
	text-align:center;
	position:relative;
	 
}
.houselist .housebox span{
	display:block;
	position:absolute;
	text-indent:-999999px;
	background:#fff;
	bottom:10px;
	right:5px;
	width:25px;
	height:25px;
	
}
.houselist .housebox span:before,
.houselist .housebox span:after {
			content:"";
			position:absolute;
			right:5px;
			top:12px;
			
			width:15px;
			height:2px;
			margin-top:-1px;
			background:#ccc;
			transition:all .2s;
			}
	.houselist .housebox span:after {
		transform:rotate(90deg);
		 
		}

.workarea .housebox .state_part{
	position:absolute;
	top:0;
	z-index:2;
	right:0px;
	min-width:70px;
	padding:5px 10px;
	color:#fff;
	line-height:2;
	text-align:center;

}
.workarea .housebox .bgA{background:#ed6324;}
.workarea .housebox .bgB{background:#2c6f96;}



/*houseview*/
.houseview{
	margin-top:40px;
}


.house_conents{
	background:#f7f7f7;
	position:relative;
}

.house_conents:after{
	clear:both;
	display:block;
	content:'';
	 
} 
 
.house_conents_img{
      position: relative;
      float:left;
	  width:70%;
	  padding:30px;
	  
    }


 .house_conents_img img {
	 max-width:100%;
}
 
 

/**/


.house_conents .project_info{
	width:30%;	
	height:100%;
	float:left;
	position:relative;
	margin:0px auto 0 auto;
 	padding:50px 10px;
	 
 
	 
}
 
  .houseview .house_tit_area{
	text-align:center;
	font-size:30px;
	line-height:1.3;
	font-weight:500;
	margin-bottom:40px;
	padding-bottom:20px;
	border-bottom:0px solid #fff;
	 
}


 .workarea .project_info dl:after{
	clear:both;display:block;content:'';
	position:relative;
	border-bottom:1px solid #ccc;

}
.workarea .project_info dl dt{
	float:left;
	width:30%;
	padding:10px 0;
	font-weight:500;

}
.workarea .project_info dl dd{
	float:left;
	width:70%;
	padding:10px 0;
}

 

.workarea .etc_contents{
	background:#fff;
	padding:60px 10px 10px 10px;
	text-align:center;
}
.workarea .etc_contents img{
		max-width:100%;
		margin-bottom:30px;

}
 


/*온라인문의*/
.inq_txt{text-align:center;}
.inqarea_box{
		background:#fafafa;
		}
.inq_img{
		background: url(../image/customer/customer_img.jpg) no-repeat right 0}
.inq_imgB{
		background: url(../image/customer/customer_img2.jpg) no-repeat right 0}

.inq_img_txt{
		padding:30px 0 20px 80px;
		width:60%;
		}
.inq_imgB .inq_img_txt{
	width:90%;
}
.inq_img_txt p{
		font-size:20px;		 
		letter-spacing:-1px;
		}
.inq_img_txt .telarea{
		margin-top:30px;
		font-size:28px;
		color:#00ad2f;
		}
.inq_img_txt .timearea{
		margin-top:5px;
		font-size:18px;
		color:#000;
		}
.inqarea{
		padding:30px;
		border-top: 2px solid #555;
		}

.inqarea .row {
		margin-top:15px;
		}
.inqarea .row:after {
		content:'';
		 display:block;
		 clear:both;
		}
.inqarea .row .tdcol {
		float:left;
		 width:50%;
		}
.inqarea .row .tdcol.wide {
		width:100%;
		}
.inqarea .row .tdcol .tdtit {
		float:left;
		 width:100px;
		 line-height:40px;
		 font-size:14px;
		 color:#3b3b3b;
		}
.inqarea .row .tdcol .tdtit.tdright{
		text-align:center;
		}
.inqarea .row .tdcol .tdinput {
		overflow:hidden;
		 border:1px solid #999999;
		}


 input.form_style{
		width:100%;
		 height:40px;
		 font-size:14px;
		 color:#3b3b3b;
		 border:none;
		}
 
.form_textarea{
	width:100%;
 	 border:none;
	 resize:none;
     line-height:130%;
	 padding:2%;
	 }




@media(max-width:768px){
	.inq_img{
		background: none;
		}
	.inq_img_txt{
		width:90%;
		padding-left:20px;
	}

	.inq_img_txt p{
		font-size:17px;		 
 		}
	.inq_img_txt .telarea{
		margin-top:10px;
		font-size:22px;
		
	}
	.inq_img_txt .timearea{
		font-size:15px;
	}
 
 }


@media(max-width:680px){

	.inqarea .row .tdcol {
		float:none;
		 width:100%;
		 margin-bottom:15px;
	}

	.inqarea .row .tdcol .tdtit.tdright{
	text-align:left;
	}

	.inqarea .row .tdcol .tdtit {
		width:80px;
	}
 
 }

 /*파일첨부*/

.fom_fileinput{
		float: left;
		padding:10px;
		} 
.file_input_div{
		position: relative;
		width: 100px;
		 height:35px;
		overflow: hidden;
		border: 0px} 
.file_input_button{
		
	width: 100px;
	position: absolute;
	top: 0px;
	padding:11px;
	background-color: #5d5d5d;
	color: #FFFFFF;
	border:0;
	border-style: solid;
} 

.file_input_hidden{
		
		font-size: 45px;
		position: absolute;
		right: 0px;
		top: 0px;
		opacity: 0;
		filter: alpha(opacity=0);
		ms-filter: "alpha(opacity=0)";
		-khtml-opacity: 0;
		-moz-opacity: 0;
		}


.btnarea{
		text-align:center;
		width:340px;
		margin: 20px auto;
		}
 
.sendbutton{
		
	background: #59b2d6;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
 	margin: 5px 2px;
	 
}

.cancelbutton{
    
	background: #727272;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
 	margin: 5px 2px;
}

 .sendbutton a, .sendbutton a:hover,
  .cancelbutton a, .cancelbutton a:hover
 {
		color:#fff;
		}

 .iconarea{
		width:100%;
		 position:relative;
		text-align:center;
		border-top: 1px solid #ccc;
		padding:10px 0;
		margin:  20px auto 0 auto;
		}
 .iconarea_in{
		padding:30px 0;
		 margin: 0 auto;
		 }
 .iconarea_in .sendbutton{
		display:inline-block;
		vertical-align:middle;
	}
 .iconarea_in .cancelbutton{
		display:inline-block;
		vertical-align:middle;
	}
 .iconarea_in .boardbutton{
		display:inline-block;
		vertical-align:middle;
	}
 .iconarea_in .blank{
		display:inline-block;
		width:0;
		height:0px;
		vertical-align:middle;
		
	}



  @media(max-width:420px){
	
	.fom_fileinput{
		
		padding:10px 3px;
		} 

	.file_input_button{
		width: 50px;
	}
	 
 
 }
 



 /*/////////////////////////////////////////*/

/**개인정보취급방침**/
.personbox{
		background:#f7f7f7;
		 margin-top:20px;
		margin-bottom:20px;
		margin-left:8%;
		margin-right:0;
		padding:20px 0 20px 0 ;
		height:100%;
		}
.personbox .personbox_in{
		font-size:13px;
		line-height:20px;
		letter-spacing:-1px;
		color:#333;
		padding:2%;
		height:100%;
		width:94%;
		max-height:90px;
		overflow: scroll;
		 overflow-x: hidden;
		border:1px solid #f7f7f7;
		margin-left:2%;
		 }

 .agreementcontents h3{
		font-size:19px;
		margin-top:30px;
		}
.agreementcontents h4{
		font-size:16px;
		margin-top:30px;
		font-weight:500}
 /*/////////////////////////////////////////*/