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

#HEADER-MAIN-MENU{
	width : 621px;
	height : 74px;
}
#HEADER-MAIN-MENU > nav > ul{
	height : 46px;
	padding : 0;
	margin : 0;
	font-size : 0;
}
#HEADER-MAIN-MENU > nav > ul > li{
	list-style : none;
	display : inline-block;
	position : relative;
	width : 155px;
	height : 46px;
}
#HEADER-MAIN-MENU > nav > ul > li > a{
	display : block;
	width : 100%;
	height : 100%;
	color : #555;
	text-align : center;
	text-decoration : none;
	font-family : 'Noto Sans KR';
	font-weight : 400;
	font-size : 15px;
	line-height : 46px;
}
#HEADER-MAIN-MENU > nav > ul > li > div{
	position : absolute;
	top : 46px;
	left : 50%;
	height : 0;
	margin-left : -36px;
	font-size : 0;
	white-space : nowrap;
	opacity : 0;
	overflow : hidden;
	transform : translateX( -50% );
	transition :
		margin-left .25s ease-in-out,
		opacity .25s ease-in-out;
}
#HEADER-MAIN-MENU > nav > ul > li > div > a{
	display : inline-block;
	margin : 0 4px;
	color : #FFF;
	text-decoration : none;
	font-size : 11px;
	line-height : 28px;
}

#HEADER-MAIN-MENU > nav > ul > li:hover > a{
	color : #A600E3;
	cursor : pointer;
}
#HEADER-MAIN-MENU > nav > ul > li:hover > div{
	height : 28px;
	margin-left : 0;
	opacity : 1;
}