@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,700&display=swap');

html, body, div, span,iframe,
h1, h2, h3, p,
a, address,
img, strong,
ol, ul, li,
form, label, legend, table,
textarea, input
{
	font-family:'Open Sans', sans-serif;;
	margin: 0;
	padding: 0;
	line-height: 1.7;
	outline:none;
	vertical-align: baseline;
	color:#333;
}
textarea, input{font-family: 'Open Sans', sans-serif;}
body {	
	position:relative;
	/*min-width:1400px;*/
	font-size: 15px;
	height:100%;
	/*-webkit-font-smoothing: subpixel-antialiased;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;*/
}

ol, ul, li {list-style:none;}
img{
	display:block;
	outline:none;
	border-width:0;
	margin:0;
	padding:0;
}
#whatpage{
	display:none;
}
.clearfix{
	display:block;
	clear:both;
	width:0;
	height:0;
	line-height:0;
}
.hide{
	width:1px !important;
	height:1px !important;
	font-size:0 !important;
	line-height:0 !important;
	position:absolute !important;
	left:-9999px !important;
}
.txt{
	/* font-size:14px; 
	line-height:1.5;*/
	line-height:1.8;
}






#top {
	position:relative;
	width:100%;
	height:40px;
	background:#656d74;
	overflow:hidden
	}
#top div{
	width:1200px;
	height:100%;
	margin:0 auto;
	overflow:hidden;
	}
#top div ul{	
	height:20px;
	margin-top:10px;
	border:0px solid red;
	overflow:Hidden;
	}	
#top div ul.left{
	width:280px;
	float:left;	
	}
#top div ul.right{
	float:right;	
	}
#top div ul li{
	float:left;
	height:20px;
	background:url(../img/common/footer_ul_bar.png) 0 50% no-repeat;
	}
#top div ul li a{
	display:block;
	width:100%;
	height:20px;
	text-decoration:none;
	padding-left:12px;
	padding-right:12px;
	font-size:13px;
	font-weight:300;
	color:#fff;	
	line-height:1.5;
	}
#top div ul li:first-child{
	background:none;
	}



header {
	clear:both;
	position:relative;
	width:100%;
	height:100px;
	background:#fff;
	margin:0 auto;
	}



#header {
	overflow:hidden; 
	position:absolute; 
	top:0px; 
	right:0px; 
	z-index:1000; 
	width:100%; 
	min-width:1300px; 
	height:100px; 
	background:#fff;
	transition:background 0.4s, height 0.4s;
	border-bottom:1px solid #b2b6b9;
	padding:0;
	margin:0;
}

#header .logo {position:absolute; top:18px; left:18%; width:220px; z-index:999;}
#header .inwrap {
	position:relative; 
	width:1300px; 
	height:100%;
	margin:0 auto; 
	border:0px solid red;
	}
#gnb {
	float:right;
	position:relative; 
	width:900px;
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; 
	height:100%;
	border:0px solid red;
	}
#gnb > li {
	position:relative;
	width:180px;
	float:left;
	height:100%;
	border:0px solid red;
	overflow:hidden;
	margin-right:0;
	padding:0;
	}
#gnb > li > a {
	position:relative;
	display:block; 
	width:100%;
	height:100%;
	font-size:18px; 
	color:#333; 
	line-height:5; 
	letter-spacing:-0.08em;
	text-align:center; 
	font-weight:700;
	transition:all 0.4s;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	border:0px solid red;
	}
#gnb > li > a span.line2{
	position:absolute;
	display:inline-block;
	width:180px;
	left:0;
	text-align:center;
	font-size:17px; 
	top:20px;
	line-height:1.3; 
	}	
#gnb > li > a:hover,
#gnb > li > a:hover span.line2,
#gnb > li > a:hover.on{
	color:#0055a9;
	}	
#gnb > li > a:after {
	width:100%; 
	height:95px;
	position:absolute; 
	left:0;
	opacity:1; 	 
	transition:all 0.4s;
	color:#333;
	border-bottom:5px solid #ddd;
	transition:all 0.4s;
	}

#gnb > li.on > a:after {
	width:100%; 
	height:95px;
	left:0;
	right:0; 
	opacity:1; 
	content:'';
	color:#0055a9;
	border-bottom:5px solid #022566;
	transition:all 0.4s;
	}
#gnb .sub {
	position:absolute; 
	top:100px; 
	left:0; 
	right:0px; 
	width:100%;
	height:100%;	
	border:0px solid red; 
	transition:top 0.4s;margin:0;
	padding:0;
	background:#fff;
	overflow:hidden;
	}
#gnb .sub:hover{
	 background:#f9f9f9;
	}
#gnb .sub a {
	display:block; 
	padding:8px; 
	font-size:14px; 
	text-decoration:none;		
	line-height:1.2; 
	letter-spacing:-0.07em;
	transition:color 0.4s;
	font-weight:400;
	color:#222;
	}
#gnb .sub a:hover {
	background:#0055a9;
	color:#fff;
	}


#header.open {height:420px;}




/*QUICK*/
ul#quick {
	clear:both;
	position:fixed;
	right:0%;
	top:160px;
	width:100px;
	height:220px;
	overflow:hidden;
	border:1px solid #b2b6b9;
	border-radius:5px;
	background:#fff;
	z-index:999;
	}
ul#quick li{
	width:70px;
	height:100px;
	margin:0 auto;
	border-bottom:1px solid #b2b6b9;
	padding:0;
	overflow:hidden;
	}
ul#quick li a{
	display:block;
	width:100%;
	height:100%;
	color:#333;
	text-decoration:none;
	text-align:center;
	background-position:0 -5px;
	background-repeat:no-repeat;
	line-height:1.1;
	letter-spacing:-0.05em;
	font-size:12.5px;
	font-weight:400;	
	}
ul#quick li a:hover{
	color:#0055a9;
	background-position:0 -105px;
	}
ul#quick li:nth-child(5){
	margin-top:5px;
	}	
ul#quick li:nth-child(5),
ul#quick li:nth-child(6),
ul#quick li:nth-child(7) {
	width:80px;
	height:28px;
	border-bottom:0px solid #b2b6b9;
	}
ul#quick li:last-child{
	position:absolute;
	bottom:-1px;
	left:0;
	width:100%;
	height:25px;
	background:#656d74;
	}	
ul#quick li:last-child a{
	display:block;
	width:100%;
	height:100%;
	text-align:Center;
	text-decoration:none;
	color:#fff;
	font-family:Montserrat;
	font-size:12px;
	font-weight:700;
	line-height:2.2;
	}
p.update{
	clear:both;
	position:fixed;
	right:0%;
	top:385px;
	width:100px;
	height:20px;
	overflow:hidden;
	text-align:Center;
	font-size:11px;
	letter-spacing:-0.08em;
	line-height:1;
	color:#333;
	z-index:999;
	}		

/*footer*/
#footer_banner{
	clear:both;
	position:relative;
	width:100%;
	height:100px;
	overflow:hidden;
	border-top:1px solid #d0d3d5;	
	}
#footer_banner div.banner_wrap{
	position:relative;
	width:1200px;
	height:60px;
	margin:20px auto;
	border:0px solid red;
	}	

#footer_banner div.banner_wrap div.left{
	float:left;
	display:inline-block;
	width:550px;
	height:60px;
	border:0px solid red;
	}
#footer_banner div.banner_wrap div.left img{
	display:inline-block;
	padding:0;
	margin:0 20px 0 0;
	}

#footer_banner div.banner_wrap div.right{
	float:left;
	display:inline-block;
	width:190px;
	height:60px;
	border:0px solid red;
	margin-left:458px
	}
#footer_banner div.banner_wrap div.right img{
	display:inline-block;
	padding:0;
	margin:0 13px 0 0;
	}	

footer {
	clear:both;
	position:relative;
	width:100%;
	height:220px;
	background:#656d74;
	overflow:hidden;
	}
footer div{
	width:1200px;
	height:100%;
	margin:0 auto;
	}	
footer div ul{
	width:100%;
	height:60px;
	border-bottom:1px solid #959a9f;
	}
footer div ul li{
	float:left;
	height:40px;
	background:url(../img/common/footer_ul_bar.png) 0 50% no-repeat;
	border:0px solid red;
	margin-top:15px;
	}
footer div ul li:first-child{
	background:none;
	}
footer div ul li a{
	display:block;
	width:100%;
	height:100%;
	line-height:2.6;
	font-size:13px;
	font-weight:400;
	text-decoration:none;
	padding-left:22px;
	padding-right:22px;
	color:#fff;
	letter-spacing:-0.05em;
	}

footer div address{
	text-align:left;
	font-style:normal;
	font-size:13px;
	color:#bcbfc2;
	line-height:2;
	padding-top:20px;
	padding-left:25px;
	}


.popupwin{
	background:#fff;
	min-width:520px;
	height:300px;
	color:#333;
}
.popupwin h1{
	font-weight:100;
	font-size:13px;
	background:#0062b2;
	color:#fff;
	text-align:center;
	padding:10px 0;
}
.popupwin textarea{
	width:513px;
	height:350px;
}


#contents_wrap {width:100%; height:auto; border:0px solid #cc0000; padding:20px; }
.per_tit{font-size: 18px; font-weight:bold; color:#333;display:block;}
.per_01,.per_02,.per_03,.per_04,.per_05,.per_06,.per_07,.per_08,.per_09,.per_10,.per_11{margin-top:30px; margin-bottom:30px;}
.per_info{
	width:620px;
	height:160px;
	margin:0 auto;
	border:0px solid #c18bee;
	padding:10px;
}
.per_info li{
	width:300px;
	float:left;
}
.per_bold{
	font-weight:bold;
	display:block;
}
#contents_wrap h3{
	color:#333;
}
.per{
	width:100%;
	margin:20px auto;
	table-layout:fixed;
	text-align:center;
	border-top:1px solid #b8b8b8;
	border-left:1px solid #b8b8b8;
	border-right:1px solid #b8b8b8;
	
}
.per thead th{
	height:40px;
	border-top:0px solid #b8b8b8;
	border-bottom:1px solid #b8b8b8;
	border-right:1px solid #b8b8b8;
	vertical-align:middle;
	background:#e9e9e9;
}

.per thead th.last{
	border-right:0px;
}
.per tbody td{
	border-bottom:1px solid #b8b8b8;
	border-right:1px solid #b8b8b8;
	vertical-align:middle;
	padding:10px;
}
.per tbody td.last{
	border-right:0px solid #b8b8b8;
}
.per ul{list-style:none;}