@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* METRO UI TEMPLATE
/* Copyright 2012 Thomas Verelst, http://metro-webdesign.info*/

/*GENERAL*/
html{
	margin:0;
	padding:0;
	overflow-y:scroll;
	overflow-x:hidden;
	min-width:400px;
	font-weight:normal;
}
body{
	margin:0;
	padding:0;
}
/*LAYOUT PARTS*/
#wrapper{
	margin:0px 0 0 20px;
	position:relative;
	z-index:0;
}
#headerWrapper{
	position:relative;
	padding: 5px 0 7px 0;
	z-index:2;
	overflow:hidden;
}
#header{
	position:relative;
	height:120px;
	max-width:900px;/* MAX WIDTH OF PAGE*/
	padding-left:15px;
	margin: 0 auto;
	overflow:hidden;
}
#headerTitles{
	position:relative;
	width:1000px;margin:0 auto;
	display:inline-block;
}
#header h1{
	margin-top:10;
	margin-bottom:0;
}
/*#header h2{
	margin: 0 0 0 3px;
	z-index:12;
}*/

#qmn {position:absolute;top:20px;right:1px;}
#qmn ul {}
#qmn ul li {float:left;padding-left:5px;list-style:none;}

#news {position:absolute;top:80px;left:0px;font-family:'Noto Sans Kr',"NanumGothic","Malgun Gothic","돋움",sans-serif;z-index:999;}
#news p * {vertical-align:middle;}
#news p {font-size:12px;}
#news p>img {margin:-2px 9px 0 0;}
#news p img {border:0 none;}
#news p a span {font-size:10px;padding:0 10px;}
#news p a {color:#b9bcc6;text-decoration:none;}


#contentWrapper{
	position:relative;
	max-width: 900px; /* MAX WIDTH OF PAGE*/
	min-width: 400px;
	min-height:400px;
	margin:0px auto 60px auto; /* auto margin to center horizontally*/
	padding:0 20px 30px 20px;
	z-index:1;
	
}
div.pageContent{
	height:auto !important;
}
#content{
	position:relative;	
	-webkit-transition:margin-left 600ms;
	-moz-transition:margin-left 600ms;
	-o-transition:margin-left 600ms;
	-ms-transition:margin-left 600ms;
	transition:margin-left 600ms;
	z-index:2;
	font-weight:normal;
}
/* Footer */
#footer {position:absolute;left:0;top:730px;width:100%;}
#footer div {width:900px;margin:0 auto;overflow:auto;padding:0px 0;}
img#arrowLeft,img#arrowRight{
	position:absolute;
	margin-top:50px;
	opacity: 0.5;
	filter:  alpha(opacity=50);
	height:32px;
	display:none;
}
img#arrowLeft:hover,img#arrowRight:hover{
	cursor:pointer;
}
/* General Navigation */
.groupTitle{ /*the title of the tilegroups*/	
	position:absolute;
	text-decoration:none;
}
.groupTitle h3{
	width:500px;
	margin:0;
	font-weight:lighter;
}