/*
개발공사 2018 서브
*/

.sub {
  z-index: 1;
  word-break: keep-all;
  color: #555;
}
.sub a {
  color: #555;
}

@media (min-width: 992px) {

	.sub {}
	.sub-contents-wrap:after { clear:both; display:table; content:''; }
	.sub-top-bg { position:absolute; top:0px; left:0px; width:100%; height:339px; background-position:center top; background-repeat: no-repeat;  z-index:-1;   }
	.left-contents { float:left; width:300px;  padding-top:39px; }
	.left-contents .menu-title {width:100%;height:200px;  text-align:center; font-size:38px; padding-left:40px; padding-right:40px; background:rgba(25,89,212,0.8); color:#fff; }
	.left-contents .menu-title h3 { border-bottom:2px solid #fff; padding-top:80px;height:200px; }
	.left-contents .sub-menu { background:rgba(25,89,212,0.8);  padding:0 40px 80px;  }
	.left-contents .sub-menu ul {}
	.left-contents .sub-menu>ul>li { border-bottom:1px solid #6c95e5; padding-top:10px; padding-bottom:10px; padding-left:10px;  }
	.left-contents .sub-menu>ul>li>a { font-size:20px; color:#fff; padding-top:15px; padding-bottom:15px; display:block; width:100%;padding-right:10px;   }
	.left-contents .sub-menu>ul>li>a.active { font-weight:bold; background:url(../images/sub/m_over.png) no-repeat right center;  }
	.left-contents .sub-menu>ul>li>ul {}
	.left-contents .sub-menu>ul>li>ul>li { margin-bottom:10px; position:relative; padding-left:10px; font-size:18px; color:#fff;  }
	.left-contents .sub-menu>ul>li>ul>li:before { content:'-'; color:#fff; position:absolute; top:0px; left:0px;   }
	.left-contents .sub-menu>ul>li>ul>li>a{ color:#fff;   }
	.left-contents .sub-menu>ul>li>ul>li>a:hover, .left-contents .sub-menu>ul>li>ul>li>a.active { text-decoration:underline; font-weight:bold;  }


	.right-contents { padding-left:70px; float:left; width:900px;  padding-top:239px;  }
	.right-contents  .sub-contents-top  { padding-top:65px; padding-bottom:40px; }
	.right-contents  .sub-contents-top  h1 {font-size:36px; color:#000; }
	.sub-contents { font-size:16px; color:#555;  padding-bottom:60px;  }
	.sub-contents h2 { font-size:24px; color:#000; margin-top:40px; margin-bottom:20px;  }
	.sub-contents h2:first-child {margin-top:0px; }
	.sub-contents h3 { font-size:18px; font-weight:bold; color:#000; margin-bottom:10px;  }
	.sub-contents ul.bul {}
	.sub-contents ul.bul li  { padding-left:10px; color:#000;  background:url(../images/sub/b_icon.jpg) no-repeat left 8px;  margin-bottom:5px; }
	.sub-contents ul.bul li ul  { margin-top:5px; }
	.sub-contents ul.bul li ul  li { padding-left:10px; color:#555;  background:url(../images/sub/b_dot.jpg) no-repeat left 10px;  }
	.sub-contents .text-box { padding:20px 40px;  background:#f7f7f7; margin:20px 0px;  }
	.sub-contents .text-box:after { clear:both; display:table; content:'';  }
	.sub-contents .text-box2 { background:#d4e4fe;  padding:35px; font-size:20px; margin:20px 0px;  }
	.sub-contents .border-box { border:1px solid #ccc; padding:35px; margin:20px 0px;  }

	.sub-contents .contents-btn-wrap {}
	.sub-contents .contents-btn-wrap .btn {border:1px solid #666;text-align:center;  min-width:250px; height:52px; padding:14px 20px 0px;   font-size:16px; display:inline-block; }
	.sub-contents .contents-btn-wrap .btn:hover { border:1px solid #3b72da; color:#3b72da;  background:url(../images/sub/btn_go.png) no-repeat right 10px center; }

	.contents-table { width:100%; border-top:2px solid #3b72da;  }	
	.contents-table table { width:100%;  border-collapse:collapse; border-left:1px solid #e4e4e4;  }	
	.contents-table table thead th {padding:10px 15px; color:#000; background:#f7f7f7; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; }
	.contents-table table tbody th {padding:10px 15px; color:#000; background:#f7f7f7; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;  text-align:center; }
	.contents-table table tbody td {padding:10px 15px; color:#555;  	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;   }
	.contents-table.table-left table tbody th { text-align:left; }



.sub-contents .half-text-wrap { background:url(../images/sub/bar_img.jpg) no-repeat left top; position:relative;  }
.sub-contents .half-text-wrap:after { content:''; display:table; background:url(../images/sub/bar_img.jpg) no-repeat left top; width:30px; height:8px; position:absolute; top:50%; left:50%; margin-left:-15px; margin-top:-4px; }
.sub-contents .half-text-wrap:after { clear:both; content:''; display:table;  }
.sub-contents .half-text { width:50%; padding:0 45px; height:160px; display:table-cell; vertical-align:middle; }
.sub-contents .half-text-wrap.short .half-text { height:130px; }
.sub-contents .half-text h2 { margin:0px;  }
.sub-contents .half-text-left {background:#d4e4fe; }
.sub-contents .half-text-right {background:#f4f5f9; color:#555; }



.font-small { font-size:14px !important; }
/*입주자격*/

.sub-contents .text-box-contents {}
.sub-contents .text-box-contents .text-box { padding:40px;  }
.sub-contents .text-box-contents .text-box h3 { float:left; color:#0066cc;  }
.sub-contents .text-box-contents .text-box ul { margin-left:120px;  }
.sub-contents .text-box-contents .text-box ul li ul { margin-left:0px;  }
.sub-contents .text-box-contents .text-box ul li {  padding-left:10px; color:#000;  background:url(../images/sub/b_dot.jpg) no-repeat left 10px;  }
.sub-contents .text-box-contents .text-box ul li ul li { color:#555;  }



/*공공주택 알리미*/
.alert-wrap {  }
.alert-wrap .agree-box { border:1px solid #e3e3e3;  width:100%; max-height:400px; overflow-y:auto; padding:30px;  } 
.alert-wrap .agree-btn-wrap { padding:15px; border:1px solid #e3e3e3; background:#f7f7f7; margin-top:-1px;  }
.alert-wrap .agree-btn-wrap:after { clear:both; display:table; content:'';  }
.alert-wrap .agree-btn-wrap .text { float:left; font-weight:bold; margin-top:5px;  }
.alert-wrap .agree-btn-wrap .radio-group { float:right;  }
.alert-wrap .agree-btn-wrap .radio-group .radio { float:left; margin:5px 0  5px 40px ; }


.alert-wrap .tel-group { border:1px solid #e3e3e3; background:#f7f7f7; padding:20px 30px;  }
.alert-wrap .tel-group:after { clear:both; display:table; content:'';  }
/*.alert-wrap .tel-group input { float:left; width:70%;   height:60px; }*/

.alert-wrap .tel-group input { margin:15px 5px 15px 20px;   }

.alert-wrap .modules-btn-wrap .btn { border-radius:5px; display:inline-block; font-size:18px;  padding-top:10px;  text-align:center; min-width:200px; margin-right:10px;   height:50px;  border:2px solid #3b72da; background:#fff; color:#000;  }
.alert-wrap .modules-btn-wrap .btn01 { color:#fff; background:#3d72da; }


}

@media (min-width: 992px) and (max-width: 1199px) {
	.left-contents { width:225px; }

	.left-contents .menu-title {font-size:30px; padding-left:20px; padding-right:20px; }
	.left-contents .menu-title h3 { padding-top:85px; }
	.left-contents .sub-menu { padding:0 20px 60px;  }

	.left-contents .sub-menu>ul>li>a { font-size:18px;    }
	.left-contents .sub-menu>ul>li>ul>li {  font-size:16px; }
	


	.right-contents { padding-left:30px; width:735px;   }

	.sub-contents {padding-left:0px; padding-right:0px;   }






}



@media (max-width: 991px) {

	.sub-top-bg { position:absolute; top:0px; left:0px; width:100%; height:8rem; background-position:center top;background-size:cover;  background-repeat: no-repeat;  z-index:-1;   }
	.left-contents{display:none;}

	.sub-contents-wrap { padding-top:5.22727273rem ;  font-size:0.58rem;  }
	.right-contents  { padding:0 15px;  }
	.right-contents  .sub-contents-top  { padding-top:0.8rem; padding-bottom:0.6rem; }
	.right-contents  .sub-contents-top  h1 {font-size:0.9rem; color:#000; }
	.sub-contents { padding-bottom:0.9rem;   }
	.sub-contents h2 { margin-top:0.7rem; padding-top:10px; margin-bottom:0.6rem;  font-size:0.65rem; color:#000; background:url(../images/sub/tit_1.jpg) no-repeat left top;   }
	.sub-contents h2:first-child { margin-top:0px;}
	.sub-contents h3 { font-size:0.63rem; font-weight:bold; color:#000; margin-bottom:0.35rem;  }
	.sub-contents ul.bul {}
	.sub-contents ul.bul li  { padding-left:10px; color:#000;  background:url(../images/sub/b_icon.jpg) no-repeat left 8px;  margin-bottom:0.2rem; }
	.sub-contents ul.bul li ul  { margin-top:0.1rem; }
	.sub-contents ul.bul li ul  li { padding-left:10px; background:url(../images/sub/b_dot.jpg) no-repeat left 10px;  }
	.sub-contents .text-box { padding:0.8rem;  background:#f7f7f7; margin:0.5rem 0px;  }
	.sub-contents .text-box:after { clear:both; display:table; content:''; }

	.sub-contents .text-box2 {  padding:20px; font-size:18px;  background:#d4e4fe; margin:15px 0px;  }
	.sub-contents .border-box { border:1px solid #ccc;  padding:20px;  margin:15px 0px;  }


	.sub-contents .contents-btn-wrap {}
	.sub-contents .contents-btn-wrap .btn {border:1px solid #666;text-align:center; min-width:4rem;  height:1.5rem; padding:0.3rem 10px 0px;  font-size:0.5rem;  display:inline-block; }
	.sub-contents .contents-btn-wrap .btn:hover { border:1px solid #3b72da; color:#3b72da;  }

	.contents-table { width:100%; border-top:2px solid #3b72da; overflow-x:auto;  }	

	.contents-table table { width:100%;  border-collapse:collapse; border-left:1px solid #e4e4e4; font-size:0.5rem;  }	
	.contents-table table thead th {padding:0.4rem 0.3rem; color:#000; background:#f7f7f7; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; }
	.contents-table table tbody th {padding:0.4rem 0.3rem; color:#000; background:#f7f7f7; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;  text-align:center; }
	.contents-table table tbody td {padding:0.4rem 0.3rem; color:#555;  	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;   }
	.contents-table.table-left table tbody th { text-align:left; }

.font-small { font-size:0.53rem !important; }

/*공공주택 알리미*/
.alert-wrap {  }
.alert-wrap .agree-box { border:1px solid #e3e3e3;  width:100%; max-height:10rem; overflow-y:auto; padding:15px;  } 
.alert-wrap .agree-btn-wrap { padding:15px; border:1px solid #e3e3e3; background:#f7f7f7; margin-top:-1px;  }
.alert-wrap .agree-btn-wrap:after { clear:both; display:table; content:'';  }
.alert-wrap .agree-btn-wrap .text { margin-bottom:10px;  font-weight:bold; margin-top:5px;  }
.alert-wrap .agree-btn-wrap .radio-group { }
.alert-wrap .agree-btn-wrap .radio-group .radio { float:left; margin:5px 0  5px 0 ; }

.alert-wrap .tel-group { border:1px solid #e3e3e3; background:#f7f7f7; padding:0.5rem;  }
.alert-wrap .tel-group:after { clear:both; display:table; content:'';  }
/*.alert-wrap .tel-group input { float:left; width:100%; margin-bottom:0.4rem;   height:2rem; }*/
.alert-wrap .tel-group button { float:left; width:100%;   height:2rem;   border:2px solid #3b72da; background:#fff; color:#000;  }

.alert-wrap .tel-group input { margin:0.2rem 0.1rem 0.2rem 0.4rem;   }

.alert-wrap .modules-btn-wrap .btn { border-radius:5px; display:inline-block; font-size:0.6rem; padding:0.4rem 0.8rem;  margin-right:0.2rem;   border:2px solid #3b72da; background:#fff; color:#000;  }
.alert-wrap .modules-btn-wrap .btn01 { color:#fff; background:#3d72da; }





/*입주자격*/

.sub-contents .text-box-contents {}
.sub-contents .text-box-contents .text-box {   }
.sub-contents .text-box-contents .text-box h3 { color:#0066cc;  }
.sub-contents .text-box-contents .text-box ul {  }
.sub-contents .text-box-contents .text-box ul li {  padding-left:10px;  background:url(../images/sub/b_dot.jpg) no-repeat left 10px;  }
.sub-contents .text-box-contents .text-box ul li ul li { color:#555;  }


.sub-contents .half-text-wrap {  }


.sub-contents .half-text { width:100%; padding:0.8rem 0.4rem;    }
.sub-contents .half-text h2 { margin:0px;  padding:0px;  }
.sub-contents .half-text-left {background:#d4e4fe; }
.sub-contents .half-text-right {background:#f4f5f9; color:#555; }


}


@media (max-width: 600px) {
	.sub-contents .sub-tab-menu li { width:50%; margin-top:-1px; }
}



	.rel-site {  }
	.rel-site:after { clear:both; display:table; content:'';    }
	.rel-site li {float:left; width:33.333%; border:1px solid #E4E4E4; margin-left:-1px; margin-top:-1px;  height:200px; }
	.rel-site li a {position:relative; display:block; height:200px; width:100%; text-align:center; color:#757575;  }
	.rel-site li a:hover {color:#fff;  text-decoration:none; }
	.rel-site li a .img { }
	.rel-site li a .icon { position:absolute; top:20px; right:20px;  font-size:16px; z-index:10;  }
	.rel-site li a .text { display:none;  }
	.rel-site li a:hover .img { display:none; }
	.rel-site li a:hover .text { display:table-cell; width:600px; height:198px; background:#3B72DA;   font-size:24px; text-align:center; vertical-align:middle; padding:10px; }

	@media (max-width: 991px) {
		.rel-site li { width:50%; }	
	}
	@media (max-width: 650px) {
		.rel-site li { width:100%; }	
	}




#contactUs {float:left; width:100%; padding-bottom:10px;  border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; font-size:14px;}
#contactUs dl {float:left; width:100%; margin-top:10px;}
#contactUs dl dt {float:left;  line-height:30px; padding:0 20px; border-left:1px solid #CCC;}
#contactUs dl dt:nth-of-type(1) {border-left:0 none;}
#contactUs dl dd:nth-of-type(1) {width:30%;}
#contactUs dl dd:nth-of-type(2) {width:10%;}
#contactUs dl dd {float:left; line-height:30px; word-break: break-all;}

#pageSurvey {clear:both; padding-bottom: 20px; margin-bottom:0px;  background:#EEE; border:1px solid #CCC;}
#pageSurvey dl {padding:15px 20px 0 20px; font-size:14px;}
#pageSurvey dl dd {padding-top:10px;}
#pageSurvey dl dd ul {margin:0;}
#pageSurvey dl dd label {margin-right:35px; font-weight:normal;}
#pageSurvey dl dd label input {margin-right:5px;}
#pageSurvey dl dd input[type='text'] {width:90%; height:30px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#pageSurvey dl dd button {width:10%; height:30px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;}