/*
개발공사 2018 서브
*/

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

@media (min-width: 992px) {

	
	.sub { }
	.sub .sub-bg  { position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:460px;background-repeat: no-repeat; background-position:center top;   }
	.sub-top-title-wrap { height:275px; color:#fff; padding-top:50px;text-align:center;   }
	.sub-top-title-wrap .text span {display:block;  font-size:16px; font-weight:bold; color:#eaeaea;  font-family: 'Arial';  margin-bottom:5px;  }
	.sub-top-title-wrap .text { font-size:24px; color:#eaeaea;  }
	.sub-top-title-wrap h3 { position:relative;  margin-top:65px;  font-size:60px; font-weight:normal; color:#fff; }
	.sub-top-title-wrap h3:before { position:absolute; top:-25px;  content:''; display:inline-block;  border-top:3px solid #fff; width:35px;margin:0 auto;  left:50%; margin-left:-17.5px;  }


	.sub-menu-wrap { width:100%; height:55px;  border-top:1px solid rgba(255,255,255,0.3); font-weight:100;  }
	.sub-menu-wrap .container { position:relative; padding-left:50px; padding-right:50px;  }
	.sub-menu-wrap .sub-menu {  float:left; width:100%; height:54px; border-left:1px solid rgba(255,255,255,0.3);   }
	.sub-menu-wrap .sub-menu li {border-right:1px solid rgba(255,255,255,0.3);  position:relative;z-index:90;  float:left;padding-top:10px;height:54px;  padding-left:25px; padding-right:25px;  width:255px; letter-spacing:-1.5px;  font-size:20px;  }
	.sub-menu-wrap .sub-menu li a { color:#fff; display:block;  padding-bottom:5px; padding-top:5px;   }
	.sub-menu-wrap .sub-menu li a i.icon-down-open {position:absolute;   top:15px; right:20px;  }
	.sub-menu-wrap .sub-menu li a:hover {   }
	.sub-menu-wrap .sub-menu li.active { background:#0063c9; }
	.sub-menu-wrap .sub-menu li.active a {  }
	.sub-menu-wrap .sub-menu li.home {padding-left:20px; padding-right:20px; padding-top:14px;  width:auto; }
	.sub-menu-wrap .sub-menu li.home a {color:#fff; }
	.sub-menu-wrap .sub-menu li  ul {display:none; padding-top:11px; padding-bottom:5px;  position:absolute; top:54px; left:0px;  background:#0063c9; width:255px;  }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; display:inline-block;   height:auto; background:none; margin-bottom:10px;  font-size:16px;padding-top:0px; padding-bottom:0px;   }
	.sub-menu-wrap .sub-menu li  ul li a { color:#fff; display:inline-block;padding:0px;    }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#fff;}
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#fff;  text-decoration:underline; }

	.sub-contents { padding-left:50px; padding-right:50px;  }
	.sub-contents .top-contents { padding-top:30px;  padding-bottom:50px; position:relative;   }
	.sub-contents .top-contents .breadcrumb {    background: none;	padding:0px; 	font-size:15px;    margin-bottom:35px;   }  
	.sub-contents .top-contents .breadcrumb > li + li:before {    content: ">";    color:#606060;   }
	.sub-contents .top-contents .breadcrumb li a { color:#606060; }
	.sub-contents .top-contents h1 { color:#000; font-size:40px; font-weight:normal;  margin-bottom:20px; }
	.sub-contents .top-contents .text { font-size:20px; color:#000; font-weight:100;  }
	.sub-contents .top-contents .contents-util { position:absolute; top:25px; right:0px;  }
	.sub-contents .top-contents .contents-util a { margin-left:10px;  }
	

.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:#0063c9; font-weight:bold; }


	.sub-main-contents { font-size:16px; color:#000;  padding-bottom:60px; line-height:1.6; }
	.sub-main-contents h2 {font-size:24px; color:#000;  padding-bottom:20px; font-weight:normal;  margin-top:40px; padding-left:20px; background:url(../images/sub/blit_h2.png) no-repeat left 8px;   }
	.sub-main-contents h2:first-child  { margin-top:0px;   }
	.sub-main-contents h3 { font-size:18px; font-weight:bold; color:#0063c9; margin-bottom:10px;  }
	.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:#f2f9ff; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; }
	.contents-table table tbody th {padding:10px 15px; color:#000; background:#f2f9ff; 	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-wrap {}
	.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:#0063c9;  }
.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:#0063c9; }
	.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;  }




}

@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 .sub-bg  { position:absolute; top:0px; left:0px; z-index:-1; width:100%;height:8rem;background-size:cover; background-repeat: no-repeat; background-position:center center;   }
	.sub-top-title-wrap { position:relative; height:5.72727273rem; color:#fff; padding-top:0.8rem;text-align:center;   }
	.sub-top-title-wrap .text {position:absolute; bottom:0.8rem;  left:0px; width:100%; font-size:0.6rem; color:#eaeaea;  }
	.sub-top-title-wrap .text span {   font-size:0.5rem; font-weight:bold;  font-family: 'Arial';display:block;   }
	.sub-top-title-wrap h3 { position:relative;  margin-top:0.6rem;  font-size:1.2rem; font-weight:normal; color:#fff; }
	.sub-top-title-wrap h3:before { position:absolute; top:-10px;  content:''; display:inline-block;  border-top:2px solid #fff; width:30px;margin:0 auto;  left:50%; margin-left:-15px;  }

	.sub-contents .top-contents { padding-top:0.5rem;  padding-bottom:0.8rem; position:relative;   }
	.sub-contents .top-contents .breadcrumb {    background: none;	padding:0px; 	font-size:0.5rem;    margin-bottom:0.3rem;   }  
	.sub-contents .top-contents .breadcrumb > li + li:before {    content: ">";    color:#606060;   }
	.sub-contents .top-contents .breadcrumb li a { color:#606060; }
	.sub-contents .top-contents h1 { color:#000; font-size:1rem; font-weight:normal;  margin-bottom:0.2rem; }
	.sub-contents .top-contents .text { font-size:0.6rem; color:#000; font-weight:100;  }
	.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:#0063c9; font-weight:bold; }

	.sub-menu-wrap {  display:none;  }
	.sub-main-contents {  font-size:0.5rem; color:#000;  line-height:1.6;  font-size:0.58rem; }
	.sub-main-contents h2 { margin-top:0.7rem; padding-bottom:0.6rem;  font-size:0.65rem; color:#000;  padding-left:20px; background:url(../images/sub/blit_h2.png) no-repeat left 2px;  }
	.sub-main-contents h2:first-child { margin-top:0px;}
	.sub-main-contents h3 { font-size:0.6rem; font-weight:bold; color:#0063c9; margin-bottom:0.35rem;  }
	.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:#f2f9ff; 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: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:#f2f9ff; 	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:#f2f9ff; 	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-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:#0063c9; }
.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:#0063c9; 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; }






}


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