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

body {
	font-family: 'Noto Sans KR', sans-serif !important;
}

p {
	margin: 0px;
}

a {
	text-decoration: none;
}

/* home �뚮줈�� */
.float-home {
	position: fixed;
	top: 15pt;
	left: 25pt;
}


/* start menu �뚮줈�� */

.float-menu {
	position: fixed;
	top: 10pt;
	right: 20pt;
	background-color: rgb(200, 200, 200, 0.7);
	padding: 10pt;
	border-radius: 10px;
	font-weight: 400;
	font-size: 11pt;
}

.float-menu .title {
	color: yellow;
	text-align: center;
	font-size: 12pt;
	padding-bottom: 10px;
	font-weight: 500;
}


.float-menu a {
	display: flex;
	align-items: center;
	color: #FFFFFF;
	text-decoration: none;
	margin: 5px 0px;
}

.float-menu .bar {
	border-radius: 50pt;
	background-color: #525252;
	width: 20px;
	height: 6px;
	margin-right: 10px;
}

.float-menu .bar.active {
	background-color: #FFF000;

}

/* menu blue  */ 
.float-menu-blue {
	position: fixed;
	top: 10pt;
	right: 20pt;
	background-color: rgb(0, 0, 0, 0.2);
	padding: 10pt;
	border-radius: 10px;
	font-weight: 400;
	font-size: 11pt;
}

.float-menu-blue .title {
	color: #000000;
	text-align: center;
	font-size: 12pt;
	padding-bottom: 10px;
	font-weight: 500;
}


.float-menu-blue a {
	display: flex;
	align-items: center;
	color: #747474;
	text-decoration: none;
	margin: 5px 0px;
}

.float-menu-blue .bar {
	border-radius: 50pt;
	background-color: #B6B7B7;
	width: 20px;
	height: 6px;
	margin-right: 10px;
}

.float-menu-blue .bar.active {
	background-color: #00B0F0;

}

/* end menu �뚮줈�� */



.font-red {
	color: #FF0000;
}

.font-yellow {
	color: #FFF000
}

.font-gold {
	color: #FFC000;
}

.font-blue {
	color: #00B0F0;
}

.font-green {
	color: #00B050;
}

.font-light-green {
	color : #47D45A;
}