/*
개발공사 2018 서브
*/

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

.text-color { color:#415515 !important;  }
.block { display:block;  }

@media (min-width: 992px) {

	
	.sub { }
	

	.sub-bg {  background-repeat: no-repeat; background-position:center center;height:400px;position:absolute; top:0px ;left:0px; z-index:-1; width:100%;    }
	.sub-top-title-wrap {  color:#fff; padding-top:200px;text-align:center;   height:400px;   }
	.sub-top-title-wrap h2 {  font-size:28px; color:#fff; font-weight:200;  margin-bottom:15px; }
	.sub-top-title-wrap h3 {  font-size:52px; color:#fff; }


	.sub-menu-wrap { width:100%; height:60px;   border-bottom:1px solid #efefef;   }
	.sub-menu-wrap .container { position:relative;   text-align:center; }
	.sub-menu-wrap .sub-menu {   height:60px;  }
	.sub-menu-wrap .sub-menu li {  position:relative;z-index:90;  text-align:left;  float:left;  padding-top:14px;height:60px;  padding-left:25px; padding-right:25px;  width:255px; letter-spacing:-1.5px;  font-size:15px;  }
	.sub-menu-wrap .sub-menu li a { color:#000; display:block;  padding-bottom:5px; padding-top:5px;   }
	.sub-menu-wrap .sub-menu li a img {position:absolute;   top:15px; right:20px;  width:30px;  height:30px; }
	.sub-menu-wrap .sub-menu li a:hover {   }
	.sub-menu-wrap .sub-menu li.active {  }
	.sub-menu-wrap .sub-menu li.active a { font-weight:bold;   }
	.sub-menu-wrap .sub-menu li.home {padding-left:20px; padding-right:20px; padding-top:14px;  width:auto;  font-size:18px; }
	.sub-menu-wrap .sub-menu li.home a {color:#000; }
	.sub-menu-wrap .sub-menu li  ul {display:none;  padding:0px;   position:absolute; top:60px; left:0px;  background:#fff;  width:255px;  border-bottom:3px solid rgba(0,0,0,0.3);   }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; display:block;  width:auto;   height:auto; background:none;   font-size:15px; padding:0px;  }
	.sub-menu-wrap .sub-menu li  ul li a { color:#000; display:inline-block;padding:0px;   font-weight:normal; display:block ;width:100%;  padding:20px ; }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#000; font-weight:normal;   }
	.sub-menu-wrap .sub-menu li.active  ul li a {  font-weight:normal;  }
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#000;font-weight:normal; text-decoration:underline;  background:#DBE8C0; }





	.sub-contents {   }
	.sub-contents .top-contents { padding:25px 0 ;  margin-bottom:50px; position:relative; border-bottom:1px solid #E2E2F2;   }
	.sub-contents .top-contents h1 { color:#000; font-size:26px; font-weight:normal; }
	.sub-contents .top-contents .breadcrumb {  position:absolute; top:40px; right:0px;   background: none;	padding:0px; 	font-size:13px; display:inline-block;      }  
	.sub-contents .top-contents .breadcrumb > li + li:before {    content: ">";    color:#909090;   }
	.sub-contents .top-contents .breadcrumb li a { color:#909090; }
	.sub-contents .top-contents .breadcrumb li a.active { color:#000; }
	

	




.list-tab-menu { border:1px solid #ececec; background:#f6f6f6; text-align:center; padding:10px 0 ; margin-bottom:30px;   }
	.list-tab-menu:after {clear:both; content:''; display:table;   }
	.list-tab-menu li {  display:inline-block;  }
	.list-tab-menu li a {  font-size:22px; color:#888;  }
	.list-tab-menu li:before { content:'';  border-left:1px solid #888; height:14px;  display:inline-block; margin:0 20px;  }
	.list-tab-menu li:first-child:before { content:'';  margin:0px; border:0px;    }
	.list-tab-menu li.active a { color:#415515; font-weight:bold; }


	.sub-main-contents { font-size:16px; color:#000;  padding-bottom:60px; line-height:1.6; }
	.sub-main-contents h2 {font-size:30px; color:#415515;  padding-bottom:20px; font-weight:normal;  margin-top:40px; }
	.sub-main-contents h2:first-child  { margin-top:0px;   }
	.sub-main-contents h3 { font-size:20px; font-weight:bold; color:#000; margin-bottom:13px;   padding-top:10px; position:relative; }
	.sub-main-contents h3:before {position:absolute; top:0px; left:0px; content:''; width:18px; height:3px; background:#DBE8C0; }
	.sub-main-contents ul.bul {}
	.sub-main-contents ul.bul li  { padding-left:10px; background:url(../images/sub/blit_t.jpg) no-repeat left 8px;  margin-bottom:5px; }
	.sub-main-contents ul.bul li ul  { margin-top:5px; }
	.sub-main-contents ul.bul li ul li  {padding-left:0px; background:none; color:#666; }
	.sub-main-contents .text-box { padding:20px 40px;  background:#f2f2f2; margin:20px 0px;  }
	.sub-main-contents .text-box:after ,.sub-main-contents .border-box:after { clear:both; display:table; content:'';  }
	.sub-main-contents .border-box { border:1px solid #e6e6e6; background:#fff;  padding:20px 40px;margin:20px 0px;  }
	
	.contents-table { width:100%; border-top:2px solid #555;  }	
	.contents-table table { width:99.999%;  border-collapse:collapse; border-left:1px solid #e4e4e4;  }	
	.contents-table table thead th {padding:10px 15px; color:#000; background:#f2f2f2; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; }
	.contents-table table tbody th {padding:10px 15px; color:#000; background:#f2f2f2; 	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; }
	
	.contents-btn a { display:inline-block; background:#415515; padding:7px 20px; color:#fff; font-size:16px; border-radius:20px;  }
	.contents-btn-wrap .contents-btn {display:inline-block; min-width:310px;  height:60px; border:2px solid #353535; text-align:center;   line-height:55px;  }
	.contents-btn-wrap .contents-btn span {display:inline-block;padding-right:25px; background:url(../images/sub/arrow.png) no-repeat right center; font-size:17px; color:#000;     }
	.contents-btn-wrap .contents-btn.full-btn {padding-right:45px; width:100%; margin-bottom:10px;  text-align:left; padding-left:45px;  }
	.contents-btn-wrap .contents-btn.full-btn span { width:100%;  }

	.sub-main-contents a.link-btn { text-decoration:underline; color:#000;  padding-right:15px; background:url(../images/sub/arrow.png) no-repeat right center;}


	.half-wrap { margin-left:-15px;margin-right:-15px; margin-bottom:30px; }
	.half-wrap:after { clear:both; display:table; content:'';  }
	.half-wrap .half {float:left; width:50%; padding-left:15px; padding-right:15px;  }

	.triple-wrap { margin-left:-15px;margin-right:-15px; margin-bottom:30px; }
	.triple-wrap:after { clear:both; display:table; content:'';  }
	.triple-wrap .triple {float:left; width:33.333%; padding-left:15px; padding-right:15px;  }



/*인사말*/
.greeting {}
.greeting .title {font-size:22px; font-weight:bold; margin-bottom:20px; color:#222;  }
.greeting p {}
.greeting .name { font-size:20px; color:#000; }




	/*학과연혁*/
	.sub-main-contents .history:after {content:''; display:table; clear:both; }
	.sub-main-contents .history .years { position:relative;float:left; width:100%;   }
	.sub-main-contents .history .years:after {content:''; position:absolute; top:0px; left:0px; display:inline-block; border-bottom:1px solid #ddd;  width:20%; font-size:0px; }
	.sub-main-contents .history .years:first-child:after { border-bottom:0px;  }
	.sub-main-contents .history .years:first-child h2 { margin-top:0px;  }
	.sub-main-contents .history .years:first-child .right { padding-top:0px;  }
	.sub-main-contents .history .years h2 { float:left; width:20%; display:inline-block;  margin-top:30px;  }
	.sub-main-contents .history .years .right { float:left; width:82%; margin-left:-2%; padding-top:30px; padding-bottom:30px;  border-left:1px solid #ddd;  padding-left:2%; }
	.sub-main-contents .history .years .right:before { }
	.sub-main-contents .history .years .right dl { margin-bottom:15px;  }
	.sub-main-contents .history .years .right dl:after {content:''; display:table; clear:both; }
	.sub-main-contents .history .years .right dt {  float:left; width:15%; font-size:18px; font-weight:bold; color:#415515; }
	.sub-main-contents .history .years .right dd {margin-left:15%;  width:85%; padding-left:10px; background:url(../images/sub/blit_t.jpg) no-repeat left 8px; margin-top:3px;  }





}




/*게시판 검색*/
/*	.board-search-wrap { width:100%;  background:#E9E9E9; padding:20px 200px; margin-bottom:30px;  }
	.board-search-wrap .board-search-select {width:160px; height:45px; color:#333;  margin-right:5px; float:left; border:1px solid #E9E9E9; padding:0 5px;  }
	.board-search-wrap .board-search-text {width:calc(100% - 250px); color:#333; height:45px;  margin-right:5px; float:left; padding:0 5px;  border:1px solid #E9E9E9;  }
	.board-search-wrap .board-search-submit {width:80px; height:45px;  background:#091152; color:#fff; border:0px; float:left; }
*/


/*new 페이징*/
/*.new-paging { text-align:center;  font-size:0px;  margin:40px  0;  }
.new-paging a {display:inline-block;  color:#808080; padding-top:5px;margin:0 5px;    font-size:15px;  text-align:center; }
.new-paging a img {height:14px;  }
.new-paging a.num { background:#F1F1F1;  border-radius:100%;  width:36px; height:36px;}
.new-paging a.active { color:#000;  }

*/

@media (min-width: 992px) and (max-width: 1199px) {

.contents-btn-wrap {}
	.contents-btn-wrap .contents-btn { min-width:280px;  height:50px; line-height:45px;  }
	.contents-btn-wrap .contents-btn span { font-size:14px;     }
	.contents-btn-wrap .contents-btn.full-btn {padding-right:25px; padding-left:25px;  }
	



}



@media (max-width: 991px) {

	.sub {}


	.sub-bg {  background-repeat: no-repeat; background-position:center center;height:320px;position:absolute; top:0px ;left:0px; z-index:-1; width:100%;    }


	.sub-top-title-wrap {  padding:50px 0 30px;  height:210px;  padding-top:50px;  text-align:center;    }
	.sub-top-title-wrap h2 {  font-size:20px; color:#fff; font-weight:200;  margin-bottom:15px; }
	.sub-top-title-wrap h3 {  font-size:43px; color:#fff;  font-weight:normal; }


	.sub-menu-wrap { width:100%; height:50px;   border-bottom:1px solid #EAEAEA;    }
	.sub-menu-wrap .container { position:relative;   text-align:center; }
	.sub-menu-wrap .sub-menu {   height:50px; font-size:0px;  }
	.sub-menu-wrap .sub-menu li {  position:relative;z-index:90;  text-align:left;  display:inline-block; padding-top:10px;height:50px;  padding-left:25px; padding-right:25px;  width:calc(100% - 30px); letter-spacing:-1.5px;  font-size:14px;  }
	.sub-menu-wrap .sub-menu li.menu01 { display:none;  }
	.sub-menu-wrap .sub-menu li a { color:#000; display:block;  padding-bottom:5px; padding-top:5px;   }
	.sub-menu-wrap .sub-menu li a img {position:absolute;   top:10px; right:20px;  width:30px;  height:30px; }
	.sub-menu-wrap .sub-menu li a:hover {   }
	.sub-menu-wrap .sub-menu li.active {  }
	.sub-menu-wrap .sub-menu li.active a { font-weight:bold;   }
	.sub-menu-wrap .sub-menu li.home {padding-left:10px; padding-right:10px; padding-top:10px;  width:30px;   font-size:18px; }
	.sub-menu-wrap .sub-menu li.home a {color:#000; }
	.sub-menu-wrap .sub-menu li  ul {display:none;  padding: 0 ;    position:absolute; top:50px; left:0px;  background:#fff;  width:100%;   border-bottom:3px solid rgba(0,0,0,0.3);   border-top:0px;  }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; display:block;  width:auto;   height:auto; background:none;   font-size:14px; padding:0px;  }
	.sub-menu-wrap .sub-menu li  ul li a { color:#000; padding:0px;   font-weight:normal;  display:block ;width:100%;  padding:20px ;  }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#000; font-weight:normal;   }
	.sub-menu-wrap .sub-menu li.active  ul li a {  font-weight:normal;  }
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#000;font-weight:normal; text-decoration:underline;   background:#DBE8C0;  }




	.sub-contents {}
	.sub-contents .top-contents { padding:50px 0 30px;position:relative; text-align:center;    }
	.sub-contents .top-contents .breadcrumb {  display:none;   background: none;	padding:0px; 	font-size:12px;    width:100%; text-align:center; position:absolute; top:-60px; left:0px;   }  
	.sub-contents .top-contents .breadcrumb > li + li:before {    content: ">";    color:#fff;   }
	.sub-contents .top-contents .breadcrumb li a { color:#fff; }
	.sub-contents .top-contents h1 { color:#333; font-size:20px;   font-weight:normal;  }
	.sub-contents .top-contents .contents-util { display:none; }



	.list-tab-menu { border:1px solid #ececec; background:#f6f6f6; text-align:center; padding:10px 0 ; margin-bottom:0.8rem;    }
	.list-tab-menu:after {clear:both; content:''; display:table;   }
	.list-tab-menu li {  display:inline-block;  }
	.list-tab-menu li a {  font-size:0.7rem; color:#888;  }
	.list-tab-menu li:before { content:'';  border-left:1px solid #888; height:0.5rem;   display:inline-block; margin:0 0.4rem;  }
	.list-tab-menu li:first-child:before { content:'';  margin:0px; border:0px;    }
	.list-tab-menu li.active a { color:#415515; font-weight:bold; }


	.sub-main-contents {  padding:0 15px 30px;    color:#000;  line-height:1.6;  font-size:14px; }
	.sub-main-contents h2 { margin-top:0.7rem; padding-bottom:0.6rem;  font-size:24px; color:#415515;   font-weight:normal; }
	.sub-main-contents h2:first-child { margin-top:0px;}
	.sub-main-contents h3 { font-size:16; font-weight:bold; color:#000; margin-bottom:0.35rem; position:relative; padding-top:10px;   }
	.sub-main-contents h3:before {position:absolute; top:0px; left:0px; content:''; width:18px; height:3px; background:#DBE8C0; }
	.sub-main-contents ul.bul {}
	.sub-main-contents ul.bul li  { padding-left:10px; background:url(../images/sub/blit_t.jpg) no-repeat left 8px;  margin-bottom:0.2rem; }
	.sub-main-contents ul.bul li ul  { margin-top:0.1rem; }
	.sub-main-contents ul.bul li ul li  {padding-left:0px; background:none; color:#666; }
	.sub-main-contents .text-box { padding:0.5rem;  background:#f2f2f2; margin:0.5rem 0px;  }
	.sub-main-contents .border-box { border:1px solid #e6e6e6; background:#fff; padding:0.5rem;   margin:0.5rem 0px; }

	.contents-table { width:100%; border-top:2px solid #555;  }	
	.contents-table table { width:99.999%;  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:#f2f2f2; 	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:#f2f2f2; 	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; }



	.contents-btn a { display:inline-block; background:#415515; padding:5px 16px; color:#fff; font-size:14px; border-radius:17px;  }
	.contents-btn-wrap {}
	.contents-btn-wrap .contents-btn {display:inline-block; min-width:210px; border:2px solid #353535; text-align:center;   padding:0.5rem;  }
	.contents-btn-wrap .contents-btn span {display:inline-block;padding-right:25px; background:url(../images/sub/arrow.png) no-repeat right center; font-size:0.58rem; color:#000;     }
	.contents-btn-wrap .contents-btn.full-btn {padding-right:15px; width:100%; margin-bottom:0.4rem;  text-align:left; padding-left:15px;  }
	.contents-btn-wrap .contents-btn.full-btn span { width:100%;  }

	.sub-main-contents a.link-btn { text-decoration:underline; color:#000;  padding-right:15px; background:url(../images/sub/arrow.png) no-repeat right center;}

	.half-wrap {   }
	.half-wrap:after { clear:both; display:table; content:'';  }
	.half-wrap .half {width:100%; padding-left:15px; padding-right:15px;  padding-bottom:0.8rem; }


	.triple-wrap {  }
	.triple-wrap:after { clear:both; display:table; content:'';  }
	.triple-wrap .triple {width:100%; padding-left:15px; padding-right:15px;  padding-bottom:0.8rem; }



/*인사말*/
.greeting {}
.greeting .title {font-size:20px; font-weight:bold; margin-bottom:15px;  color:#222; }
.greeting p {}
.greeting .name { font-size:16px; color:#000; }




	/*학과연혁*/

	.sub-main-contents .history .years { padding-bottom:0.5rem; margin-bottom:0.8rem; border-bottom:1px solid #ddd;    }
	.sub-main-contents .history .years:after {content:'';clear:both; display:table;  }

	.sub-main-contents .history .years .right {  }

	.sub-main-contents .history .years .right dl { margin-bottom:0.4rem;  }
	.sub-main-contents .history .years .right dl:after {content:''; display:table; clear:both; }
	.sub-main-contents .history .years .right dt { float:left; width:25%; font-size:0.53rem; font-weight:bold; color:#415515; margin-bottom:0.35rem;  }
	.sub-main-contents .history .years .right dd { margin-left:25%; width:75%; padding-left:10px; background:url(../images/sub/blit_t.jpg) no-repeat left 8px;  margin-bottom:0.2rem; }




/*new 페이징*/
/*
.new-paging a {margin:0 3px;  padding-top:5px;  font-size:12px;  }
.new-paging a img {height:12px;  }
.new-paging a.num {    width:30px; height:30px; }
*/



/*게시판 검색*/
	/*.board-search-wrap {  padding:15px 15px; }
	.board-search-wrap .board-search-select {width:110px; height:45px; }
	.board-search-wrap .board-search-text {width:calc(100% - 180px); height:45px;   }
	.board-search-wrap .board-search-submit {width:60px; height:45px;  }
*/



.col-xs-12 { margin:0.4rem 0 ;  }

}


@media (max-width: 600px) {
	
}



#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;}