@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nanum+Gothic:wght@400;800&family=Noto+Sans+KR:wght@100..900&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: 10px;
	top: 10px;
	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: #fff !important;
	background-color: #4a6da7 !important;
	border: 2px solid #4a6da7 !important;
}

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

html,body {
	background-color: #fff;
}

.modalPopup {
	background-color: #e3e0dd;
}

/*input[type=button],
input[type=submit] {
	border: 1px solid #7416a9 !important;
	background-color: #6e16a1 !important;
	color: #fff !important;
	box-shadow:2px 2px 5px #000;
}*/

.highlight {
  background-color: #ffee91;
  color: black;
  font-weight: bold;
}