/***header***/
#header{
	background:#fff;
	text-align: center;
	width:100%;
	position: fixed;
	z-index: 1000;
}
#header h1{
	position: absolute;
	left:70px;
}
#header h1 img{display: block;}

/*scroll_bar*/
.scroll_progress {
	width: 100%;
	height: 3px;
	background: #f6f6f6;
	position: fixed;
	z-index: 100;
}
.progress {
	height: 3px;
	background: #2b2171;
	width: 0%;
}

/*menu*/
.gnb{
	display: inline-block;
	height:80px;
	line-height: 80px;
	font-family: 'Noto Sans KR';
}
.gnb li{
	float:left;
	margin:0 50px;
}
.gnb li a,.util li a{
	display: block;
	color:#222;
}
.util li a{
	display: inline-block;
	margin:0 5px;
}
.gnb li a.active{
	color:#222;
	font-weight: bold;
}
.gnb li a:after{
	content: "";
	display: block;
	width:0;
	height: 3px;
	background:#222;
	transition: width 0.5s;
}
.gnb li a.active:after,.gnb li a:hover:after{
	width:100%;
}

.util{
	position: absolute;
	top:0;
	right:70px;
	text-align: right;
	z-index: 10;
}
.util li{
	float:left;
	margin-left: 20px;
}
.util li:last-child{display: none;}
.util .fa-chevron-down{margin-left:5px;}
#header h1,.util{
	top:50%;
	transform: translateY(-50%);
}

/***footer***/
#footer{
	text-align: center;
	color:#0b0b0b;
}
.f_info span{
	margin:0 3px;
}