.login-page {
	background: #F4F5F7; 
	width: 100vw; 
	overflow: hidden;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 50px 0;
	height: 100vh;	
}
#signup-page { 
	justify-content: flex-start;
}
#signup-page > .accounts-box { }

.accounts-box {
	margin: 0 auto;
	width: 420px;
	border: solid 1px #ddd;
	background: #ffffff;
	padding: 40px; 
	display: flex;
	flex-direction: column;
    justify-content: center;
	align-items: center
}

.login-logo { 
	float: left; 
	font-size: 30px; 
	font-family: 'Noto Sans KR'; 
	font-weight: bold; 
	height: 50px; 
	margin-top: 20px; 
}
.login-logo .logo-i { float: left; color: #3BAFDA; }
.login-logo .logo-am { float: left; color: #63707D; }
.login-logo .logo-cso { float: left; color: #3BAFDA; }
.login-logo + .login-tx { color: #555; font-size: 18px; font-weight: 600; text-align: center; }

.login-box { width: 100%; margin-top: 50px; }
.login-box li { padding-bottom: 15px; position: relative; }
.login-box li > label { display: block; width: 100%; color: #777; font-weight: 600; margin-bottom: 3px; font-size: 14px; }
.login-box li input[type=text],
.login-box li input[type=email],
.login-box li input[type=tel],
.login-box li input[type=password] { 
	width: 100%; 
	height: 42px; 
	font-size: 16px; 
	padding-left: 15px; 
	font-family: 'Noto Sans KR';
}
.login-box li:has(input.checked):after {
	content: '';
	display: inline-block; 
	background: url(/img/icons1.png) no-repeat -153px -78px;	
	width: 17px; 
	height: 12px;
	position: absolute;
	top: 35px;
	right: 10px;
}
.login-box li [name=email_auth] { letter-spacing: 5px; font-weight: 600; text-align: center; }
.login-box li [name=mobile_auth] { letter-spacing: 5px; font-weight: 600; text-align: center; }

.login-box li .flat-button { }
.login-box li.submit { padding-top: 20px; }
.login-box li.links { display: flex; flex-direction: column; align-items: flex-end; padding-top: 20px; }
.login-box li.links div { margin-bottom: 5px; }
.login-box li.links a { color: #3BAFDA; font-size: 14px; font-weight: 600; } 
.login-box li.tab { padding-bottom: 30px; } 
.login-box li.tab table { width: 100%; }
.login-box li.tab td > .flat-button { border-radius: 0; }

input[type=checkbox] + label > a { color: #3BAFDA; }

.login-box .btn-app-download { display: none; }

@media (max-width: 768px) {

	.login-page { padding: 0; flex-direction: row; align-items: stretch }
	.accounts-box { border: 0; }
	.login-box { padding-bottom: 50px; }
	.login-box .btn-app-download { display: inherit; padding-bottom: 25px; }
	.login-box li.email { padding-top: 20px; }

}

@media (max-width: 1010px) {

	.login-page { padding: 0; flex-direction: row; align-items: stretch }
	.accounts-box { border: 0; }
	.login-box { padding-bottom: 50px; }
	.login-box .btn-app-download { display: inherit; padding-bottom: 25px; }
	.login-box li.email { padding-top: 20px; }

}