#loginBackground {
	position: absolute;
	width: 100%;
	height: 145vw;
	background: #000000;
	opacity: 30%;
	padding: 0;
	margin: 0;
	z-index: 7;
}
#loginFormPanel {
	position: absolute;
	width: 30vw;
	height: 20vw;
	background: #FFFFFF;
	padding: 0;
	margin: 0;
	margin-left: 35%;
	margin-top: 10vw;
	font-size: 2vw;
	z-index: 8;
	border-radius: 2vw;
}
#closeButton {
	width: 3vw;
	height: 3vw;
	padding: 0;
	margin: 1vw 0 0 25vw;
	border-radius: 0.6vw;
}
#closeLoginImg {
	width: 3vw;
	height: 3vw;
}
#closeButton:hover {
	background: rgba(0, 0, 0, 0.1);
}
#loginNotice {
	position: absolute;
	width: 10vw;
	padding: 0;
	margin: -2.5vw 0 0 10vw;
	font-size: 2.5vw;
	font-weight: 500;
	text-align: center;
}
#userID {
	width: 19.7vw;
	padding: 0;
	margin: 2.5vw 0 0 5vw;
	font-size: 1.5vw;
	border: 0.2vw solid #BABABA;
	border-radius: 0.4vw;
	text-indent: 1vw;
}
#userID:focus {
	border-color: #545454;
	outline: none;
}
#password {
	width: 19.7vw;
	padding: 0;
	margin: 1.5vw 0 0 5vw;
	font-size: 1.5vw;
	border: 0.2vw solid #BABABA;
	border-radius: 0.4vw;
	text-indent: 1vw;
}
#password:focus {
	border-color: #545454;
	outline: none;
}
#loginSubmit {
	width: 10vw;
	padding: 0;
	margin: 2vw 0 0 5vw;
	font-size: 1.5vw;
	text-align: center;
	border: 0.2vw solid #969696;
	border-radius: 0.4vw;
	background: #FFFFFF;
	outline: none;
}
#loginSubmit:hover {
	border-color: #545454;
	background: #BABABA;
}
#openRegistFormButton {
	width: 10vw;
	padding: 0;
	margin: 2vw 0 0 0;
	font-size: 1.5vw;
	text-align: center;
	border: 0.2vw solid #969696;
	border-radius: 0.4vw;
	background: #FFFFFF;
	outline: none;
}
#openRegistFormButton:hover {
	border-color: #545454;
	background: #BABABA;
}


/* 회원가입 class */
#pageTitle {
	width: 400px;
	margin: 20px 0 0 20px;
	font-size: 30px;
	font-weight: 500;
	text-align: center;
	display: block;
}
#nickname, #selectedID, #newpw, #pwcheck {
	width: 400px;
	margin: 40px 0 0 20px;
	font-size: 20px;
	text-indent: 10px;
	display: block;
}
#userpw {
	width: 400px;
	margin: 25px 0 0 20px;
	font-size: 20px;
	text-indent: 10px;
	display: block;
}
#decide {
	width: 250px;
	color:red;
	font-size:13px;
	margin: 5px 0 0 30px;
	display: inline-block;
}
#checkButton {
	width: 120px;
	margin-left: 0px;
	font-size: 13px;
	display: inline-block;
}
#applyButton {
	width: 170px;
	margin: 40px 0 0 130px;
	padding: 3px;
	font-size:20px;
	display: block;
}
/* 내 정보 */
.changeButton {
	width: 170px;
	margin: 30px 0 50px 130px;
	padding: 3px;
	font-size:15px;
	display: block;
}

@media (max-width: 1000px) {
	
	#loginFormPanel {
		width: 70vw;
		height: 46vw;
		margin-left: 15%;
		margin-top: 30vw;
		font-size: 4vw;
		border-radius: 6vw;
	}
	#closeButton {
		width: 6vw;
		height: 6vw;
		margin: 2vw 0 0 61vw;
		border-radius: 1vw;
	}
	#closeLoginImg {
		width: 6vw;
		height: 6vw;
	}
	#loginNotice {
		width: 25vw;
		margin: -5vw 0 0 23vw;
		font-size: 6vw;
	}
	#userID {
		width: 49.6vw;
		margin: 6vw 0 0 10vw;
		font-size: 4vw;
		border: 0.4vw solid #BABABA;
	}
	#password {
		width: 49.6vw;
		margin: 4vw 0 0 10vw;
		font-size: 4vw;
		border: 0.4vw solid #BABABA;
	}
	#loginSubmit {
		width: 25vw;
		margin: 4vw 0 0 10vw;
		font-size: 4vw;
		border: 0.3vw solid #969696;
	}
	#openRegistFormButton {
		width: 25vw;
		margin: 4vw 0 0 0;
		font-size: 4vw;
		border: 0.3vw solid #969696;
	}
}