@charset "utf-8";
/* CSS Document */

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

	.subpwrap {width: 100%; height: 100%; position: relative}
	.circle {width:180px; height: 10px; margin: 30px auto 0; position: relative;  }	
	.circle_01 {width: 10px; height: 10px; position: relative; display: inline-block; margin:0 10px; background:#d9d9d9; border-radius: 5px  }			
	.sub_content_title {width: 100%; text-align: center; font-size: 18px; padding: 50px 0}	
	.sub_color {color: #065bac; font-weight: bold}
	.subcontentwrap {width: 100%; height: auto; padding: 30px 10px; background: #f2f2f2; position: relative }
	.subcontent {width: 100%; height: auto; margin: 0; padding: 0; color: #383838; font-size: 14px}
	.subcontent_01 {text-align: left}
	.sub0102_bg {width: 100%; height: 303px; position: relative;  margin: 0; }	
	.p_color {color: #fff; background: #ff7912}
	.imgres {max-width: 100%; height: auto}	
	.imgres2 {max-width: 100%; height: auto}			
	.imgres3 {max-width: 100%; height: auto; padding: 15px}			
		
	.subct {width:100%; height: auto; margin: 30px 0 0 0; position: relative}		
	.photo01 {width: 100%; float: none; margin-left:0 }
	.subct_content {width: 100%;float: none; margin-left: 0; margin-top: 15px; padding: 0 15px }
	.subct_title {width:200px; padding: 10px; text-indent: 30px; background: #065bac; color: #fff; font-weight: bold; font-size: 16px}
	.subct_content h3 {font-weight: bold; font-size: 16px}
	.subct_content p {font-weight: normal; font-size: 14px; padding-top: 10px}		
		
	.subct2 {width:100%; height: auto; margin: 30px 0 0 0; position: relative; clear: both; padding-top: 20px}		
	.subct_content02 {width: 100%;float: none; margin-left: 0; margin-top: 15px; padding: 0 15px }
	.photo02 {width: 100%; float: none; margin-left:0; margin-top: 15px }
	.subct_title {width:200px; padding: 15px; text-indent: 30px; background: #065bac; color: #fff; font-weight: bold; font-size: 16px}
	.subct_content h3 {font-weight: bold; font-size: 16px; padding-top: 30px}
	.subct_content p {font-weight: normal; font-size: 14px;  padding-top: 10px}						

	.sub05wrap {width: 100%; height: 260px; padding: 0; background: url("../image/sub/s0105_bg.jpg") no-repeat center top; margin-top: 25px; position: relative}		
	.sub05_title {width: 180px; height: 40px; margin: 0 auto ; text-align: center; line-height: 40px; color: #fff; font-size: 20px; font-weight: bold; background: #065bac; border-radius: 3px; top: 40px; position: relative }
	.sub05wrap p { width: 100%; text-align: center; color: #000; line-height: 30px; font-size: 15px; position: relative; top: 80px}	
	.s05_color {color:#065bac; font-weight: bold; font-size: 20px}	
		
	.sub05wrap02 { width: 100%; height: auto; padding: 40px 0; background: #f4f4f4}
	.sub05wrap02 h1 {width: 100%; text-align: center; color: #000; font-weight: bold; font-size: 25px}
	.sub05 {width: 100%; height: auto; margin: 0 auto; position: relative}		
	.sub05_01 { width: 150px; height: auto; padding-top: 30px; float: none; margin: 30px auto}
	.sub05_01 h2 {font-weight: bold; font-size: 16px; padding-top: 20px; text-align: center}
	.sub05_01 p {font-weight: 300; font-size: 14px; padding-top: 20px; text-align: center}	
	
.tab_comm {overflow:hidden;width:100%;  box-sizing: border-box; margin: 30px auto 20px}
.tab_menu {list-style-type: none}
.tab_comm li {float:left;width:33%; }
.tab_comm .lst {overflow:hidden; }
.tab_comm .link_tab {display:block;height:38px; line-height:38px;  border-top: 1px solid #c1c1c1;border-left: 1px solid #c1c1c1; border-bottom: 2px solid #132948;  border-right: 1.5px solid #c1c1c1;font-family: 'Nanum Gothic'; font-size:12px;color:#000;text-align:center;text-decoration:none; background: #f0f0f0; margin-left: -1px }
.tab_comm .on .link_tab { background-color:#fff;color:#000; font-weight:bold; border-top: 2px solid #132948; border-left: 2px solid #132948;border-right: 3px solid #132948; border-bottom: 1px solid #fff;  }
	
.ntable { width:96%; margin:5% 2%; border-top:#a6bcd1 2px solid; border-collapse:collapse; text-align: center}
.ntable th { padding:10px; background:#f6f8fa}
.ntable .t_head {width: 96%; height: 30px; background: url("../theme/ns/image/sub/table_bg_left.jpg"); font-family:'Nanum Gothic',sans-serif;font-size:14px; color:#fff;}		
		
.ntable td { padding:10px; border:#e1eef7 1px solid;font-family:'Nanum Gothic',sans-serif;font-size:1em; text-decoration: none; color:#414141}
.ntable .year { font-family:'Nanum Gothic',sans-serif;font-size:2.8em; color:#000; font-weight:bold;}

.ntable_th_tr {  font-family:'Nanum Gothic',sans-serif;font-size:1.2em; text-decoration: none; color:#414141;}
.ntable_content { text-align:left; font-family:'Nanum Gothic',sans-serif;font-size:1.2em; text-decoration: none; color:#414141; line-height:15px}
.ntable_h1 { font-family:'Nanum Gothic',sans-serif;font-size:1.2em; text-decoration: none; color:#F90; text-indent:15px}	
	
	.btnappwrap {width: 100%; text-align: center; margin-top: 40px}		
	.btnappwrap h1 {font-size: 20px; width: 100%; text-align: center; margin-bottom: 50px}		
	
	}	

	@media screen and (min-width: 1200px) {
		
	.subpwrap {width: 100%; height: 100%; position: relative; }
	.circle {width:180px; height: 10px; margin: 30px auto 0; position: relative;  }	
	.circle_01 {width: 10px; height: 10px; position: relative; display: inline-block; margin:0 10px; background:#d9d9d9; border-radius: 5px  }		
	.sub_content_title {width: 100%; text-align: center; font-size: 25px; padding: 90px 0}	
	.sub_color {color: #065bac; font-weight: bold}
	.subcontentwrap {width: 100%; height: auto; padding: 90px; background: #f2f2f2; position: relative }
	.subcontent {width: 1200px; height: auto; margin: 0 auto; padding: 0; color: #383838; font-size: 16px}
	.subcontent_01 {text-align: left}
	.sub0102_bg {width: 399px; height: 303px; position: absolute; left: 50%; top: -130px; margin: 0 0 0 180px}	
	.p_color {color: #fff; background: #ff7912}
	.imgres {max-width: 100%; height: auto}	
	.imgres2 {max-width: 100%; height: auto}			
	.imgres3 {max-width: 100%; height: auto; padding: 15px}				
		
	.subct {width:1200px; height: auto; margin: 80px auto; position: relative}		
	.photo01 {width: 460px; float: left; margin-left:55px }
	.subct_content {width: 630px;float: left; margin-left: 55px }
	.subct_title {width:220px; padding: 15px; text-indent: 30px; background: #065bac; color: #fff; font-weight: bold; font-size: 18px}
	.subct_content h3 {font-weight: bold; font-size: 18px; padding-top: 50px}
	.subct_content p {font-weight: normal; font-size: 18px}		
	
	.subct2 {width:1200px; height: auto; margin: 80px auto; position: relative; clear: both; padding-top: 50px}		
	.subct_content02 {width: 580px;float: left; margin-left: 55px }
	.photo02 {width: 510px; float: left; margin-left:0 }
	.subct_title {width:220px; padding: 15px; text-indent: 30px; background: #065bac; color: #fff; font-weight: bold; font-size: 18px}
	.subct_content h3 {font-weight: bold; font-size: 18px; padding-top: 50px}
	.subct_content p {font-weight: normal; font-size: 18px}				
		
	.sub05wrap {width: 100%; height: 360px; background: url("../image/sub/s0105_bg.jpg") no-repeat center top; margin-top: 35px; position: relative}		
	.sub05_title {width: 240px; height: 50px; margin: 0 auto ; text-align: center; line-height: 50px; color: #fff; font-size: 25px; font-weight: bold; background: #065bac; border-radius: 3px; top: 50px; position: relative }
	.sub05wrap p { width: 100%; text-align: center; color: #000; line-height: 40px; font-size: 25px; position: relative; top: 100px}	
	.s05_color {color:#065bac; font-weight: bold; font-size: 30px}	
		
	.sub05wrap02 { width: 100%; height: 525px; padding: 60px 0; background: #f4f4f4}
	.sub05wrap02 h1 {width: 100%; text-align: center; color: #000; font-weight: bold; font-size: 25px}
	.sub05 {width: 1100px; height: 300px; margin: 0 auto; position: relative}		
	.sub05_01 { width: 150px; height: 300px; padding-top: 50px; float: left; margin-left: 100px}
	.sub05_01 h2 {font-weight: bold; font-size: 16px; padding-top: 30px; text-align: center}
	.sub05_01 p {font-weight: 300; font-size: 14px; padding-top: 30px; text-align: center}
		
.tab_comm {overflow:hidden;width:100%;  box-sizing: border-box; margin: 80px auto 30px;}
.tab_comm li {float:left;width:33%; }
.tab_comm .lst {overflow:hidden; }
.tab_comm .link_tab {display:block;height:58px; line-height:58px;  border-top: 1px solid #c1c1c1;border-left: 1px solid #c1c1c1; border-bottom: 2px solid #132948;  border-right: 1.5px solid #c1c1c1;font-family: 'Nanum Gothic'; font-size:14px;color:#000;text-align:center;text-decoration:none; background: #f0f0f0; margin-left: -1px }
.tab_comm .on .link_tab { background-color:#fff;color:#000; font-weight:bold; border-top: 2px solid #132948; border-left: 2px solid #132948;border-right: 3px solid #132948; border-bottom: 1px solid #fff;  }
		
.ntable { width:96%; margin:5% 2%; border-top:#014faa 2px solid;border-left:#a6bcd1 0px solid;border-right:#a6bcd1 0px solid; border-collapse:collapse; text-align: center}
.ntable th { padding:10px; background:#f6f8fa}
.ntable .t_head {width: 976px; height: 50px; background: url("../theme/ns/image/sub/table_bg_left.jpg"); font-family:'Nanum Gothic',sans-serif;font-size:18px; color:#fff;}		
.ntable td { padding:10px; border:#e1eef7 1px solid;font-family:'Nanum Gothic',sans-serif;font-size:0.9em; text-decoration: none; color:#414141}
.ntable .year { font-family:'Nanum Gothic',sans-serif;font-size:2.8em; color:#000; font-weight:bold;}

.ntable_th_tr {  font-family:'Nanum Gothic',sans-serif;font-size:0.9em; text-decoration: none; color:#414141;}
.ntable_content { text-align:left; font-family:'Nanum Gothic',sans-serif;font-size:0.9em; text-decoration: none; color:#414141; line-height:15px}
.ntable_h1 { font-family:'Nanum Gothic',sans-serif;font-size:1.2em; text-decoration: none; color:#F90; text-indent:15px}		
		
	.btnappwrap {width: 100%; text-align: center; margin-top: 70px}	
	.btnappwrap h1 {font-size: 30px; width: 100%; text-align: center; margin-bottom: 50px}			
		
	}