/*header*/
#header{
	position:fixed;
	z-index:200;
	max-width: 720px;
	width:100%;
	background:#544e47;
}
#header.main_header{display:none !important;}

#header > div{
	position: relative;
	height: 100%;
	min-height: 8.5rem;
}
#header h1,
#header .gnb_side{
	position:absolute;
	z-index:30;
}
#header h1{left:4rem; top:2.1rem;}
#header h1 > a{display:block;}
#header .gnb_side{
	top:.5rem;
	right:4rem;
	font-size: 5rem;
	color:#fff;
	cursor: pointer;
}


/*gnb*/
.gnb{
	text-align:center;
	z-index:15;
	position:relative;
	left:0;
	top:0;
	width:100%;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
.gnb.open{
	visibility:visible;
	height:100vh;
}
.gnb > .gnb_container{
	display:inline-block;
	vertical-align:top;
}
.gnb > .gnb_container > ul{
	display: flex;
	flex-wrap: wrap;
	gap: 3rem 2rem;
	margin-top:15rem;
}
.gnb > .gnb_container > ul > li{
	width:calc((100%/3) - 1.4rem);
}
.gnb > .gnb_container >  ul >  li > a{
	display:block;
	padding:2rem;
	font-size:2.2rem;
	color:#fff;
}

@media (max-width:575.98px) {
	
}