/* 로그인 */
:root {
	--navy-color :#003568;
	--green-color: #22afa6;
	--white-color: #fff;
	--placeHolder-color: #d8d8d8;
	--error-color: #e4002b;

	--main-txt-color: #333;
}

#login_top_bar {height:3px;line-height:3px;font-size:30px;background:linear-gradient(to right, #6fc1bc 50%, #00a4e5 100%)}

.login_logo {height:400px;line-height:400px;background:var(--navy-color);}

#login {width:390px;top:16%;left:0;margin:10px auto;transform:translate(0%,-50%);}
#login .login_wrap {padding:20px}
#login .login_wrap .login_error {padding-top:10px;padding-left:10px;}
#login .login_error .login_error_txt {color:var(--error-color);font-size:8pt;width:95%}
#login .login_error img {margin-right:6px}
#login .login_content .id_form {margin:20px 0 10px}
#login .login_content .pw_form {margin:0 0 15px}
#login .login_content .id_form input,
#login .login_content .pw_form input {height:35px;padding:0 10px 0 10px;border:1px solid #dedede;border-radius:3px;background:var(--white-color);font-size:12pt;color:var(--main-txt-color);}
#login .login_content .id_form input::placeholder,
#login .login_content .pw_form input::placeholder {color:var(--placeHolder-color)}
#login .login_content input[type="submit"] {height:45px;margin:0 auto;padding:4px 0;border-radius:3px;background-color:var(--green-color);color:var(--white-color);font-size:9pt;font-weight:bold;}
#login .login_content .login_error_box {padding-top:10px;padding-left:10px;}

@media screen and (max-width:768px) {
	.login_title_box .login_title img {width:200px}
	.login_title_box {height:300px;line-height:300px}
	#login {width:100%}
}

/* Loading 오버레이 */
#overlay {display:none;background:var(--white-color);color:#666666;height:100%;z-index:5000;top:0;left:0;padding-top:25%;opacity:.80;}
.spinner {margin: 0 auto;height: 64px;width: 64px;animation: rotate 0.8s infinite linear;border: 5px solid #322f2f;border-right-color: transparent;border-radius: 50%;}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}