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

/*modal*/
#modal {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: none;
	opacity: 0.6;
	background: #000;
	z-index: 9990;
	text-align: center;
}

.modalPopup {
	left:50%;
	transform:translateX(-50%);
	position: fixed;
	background-color: #fff;
	padding: 15px;
	z-index: 9995;
	border-radius:10px;
	display: none;
	top: 70px;
	width: 80%;
	max-width: 500px;
	overflow: auto;	
}

/*모달 팝업시 뒷배경 스크롤 방지*/
.hidden {
	min-height:100%;
	overflow:hidden !important; 
	touch-action:none;
}

#loginBtn {
	color: #4a6da7;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	text-align: center;
	line-height: 48px;
	font-size: 24px;
	border: 3px solid #4a6da7;
	background-color: #fff;
	position: fixed;
	right: 15px;
	bottom: 15px;
	box-shadow:0px 0px 5px #000;
	z-index: 9000;
}

#loginFrm > div {
	margin-bottom: 10px;
}

#loginFrm > div > input[type=text],
#loginFrm > div > input[type=password] {
	display: block;
	border: 1px solid #4a6da7;
	width: 90%;
	margin: 0 auto;
}

#loginFrm > div > label{
	display: block;
	text-align: right;
	width: 90%;
	margin: 0 auto;
}

#loginFrm > div > span {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	width: 90%;
	margin: 0 auto;
}

#loginFrm > div > input[type=button] {
	display: block;
	width: 90%;
	margin: 0 auto;
	background-color: #4a6da7;
	color: #fff;
	font-weight: bold;
	height: 40px;
}

 #loginFrm p{
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	line-height: 28px;
 }

#logoutDiv {
	padding-top: 10px;
}
#subTitle {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

#editPage {
	color: #4a6da7 !important;
	background-color: #fff !important;
	border: 2px solid #4a6da7 !important;
}

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