/*
개발공사 2018 서브
*/

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

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

@media (min-width: 992px) {

	
	.sub {position:relative; }
	
	.sub-menu-wrap { width:100%; height:60px;     }
	.sub-menu-wrap .container { position:relative; padding-left:50px; padding-right:50px;   text-align:center; }
	.sub-menu-wrap .sub-menu {   height:60px;  }
	.sub-menu-wrap .sub-menu li {  position:relative;z-index:90;  text-align:left;  display:inline-block; 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:15px;   position:absolute; top:60px; left:0px;  background:#fff;  width:255px;  }
	.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:17px 0 ; border-bottom:1px solid #EAEAEA;  }
	.sub-menu-wrap .sub-menu li  ul li a { color:#000; display:inline-block;padding:0px;   font-weight:normal;  }
	.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; }


	.sub-top-title-wrap {  color:#fff; padding-top:90px;text-align:center;  font-family:'nb';  background-repeat: no-repeat; background-position:center center; height:240px;   border-radius:0 0 40px 40px;  }
	.sub-top-title-wrap h2 {  font-size:22px; color:#fff;  margin-bottom:15px; }
	.sub-top-title-wrap h3 {  font-size:42px; color:#fff; }



	.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:30px; 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:#183760; 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:#183760;  padding-bottom:20px; font-weight:normal;  margin-top:40px; }
	.sub-main-contents h2:first-child  { margin-top:0px;   }
	.sub-main-contents h3 { font-size:18px; font-weight:bold; color:##000000; 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:100%;  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:#183760; 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:#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;  }






}

.jnulab h3{font-size: 26px; letter-spacing: -0.65px; text-align: 30px; color: #000000; margin-bottom: 30px;}
.jnulab h3 img{margin-bottom: 5px;}
.jnulab .list li{padding: 0 5px; margin-bottom: 10px;}
.jnulab .list div{border: 1px solid #DDDDDD; padding: 30px 20px; height: 430px;}
.jnulab .tit{text-align: center; font-size: 20px; color: #333333; letter-spacing: -0.5px; margin-bottom: 28px;}
.jnulab .option{display: flex; justify-content: space-between; width: 100%; padding: 17px 29px; background: #EBF5F6; border-radius: 0px 27px 27px 0; margin-bottom: 16.5px;}
.jnulab .option .stit{font-size: 15px; color: #333333;}
.jnulab .option .name{font-size: 15px; color: #014099;}
.jnulab .txt li{position: relative; padding-left: 10px; font-size: 15px; line-height: 22px; margin-bottom: 15px; letter-spacing: -0.38px;}
.jnulab .txt li:before{content: ''; position: absolute; top: 8.5px; left: 0px; width: 4px; height: 4px; border-radius: 50%; background: #555555;}
.jnulab .txt li	a{color: #1A52A3;}


/*게시판 검색*/
	.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 {position:relative; }



	.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:10px 15px 0 ;    position:absolute; top:50px; left:0px;  background:#fff;  width:100%;  border:1px solid #EAEAEA; 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:15px 0 ; border-bottom:1px solid #EAEAEA;  }
	.sub-menu-wrap .sub-menu li  ul li a { color:#000; display:inline-block;padding:0px;   font-weight:normal;  }
	.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; }


	.sub-top-title-wrap { display:none; padding:50px 0 30px; background-image:none !important; text-align:center;   font-family:'nb';  }
	.sub-top-title-wrap h2 {}
	.sub-top-title-wrap h3 {   }

	.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:#000000; font-size:38px;   font-family:'nb'; 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:#183760; 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:#183760;   font-weight:normal; }
	.sub-main-contents h2:first-child { margin-top:0px;}
	.sub-main-contents h3 { font-size:18; font-weight:bold; color:#000; 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:#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: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:#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:#183760; 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:#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; }





/*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;  margin-top:0px;  }




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