@charset "UTF-8";
.login_body{
	width:100%;
	height:100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(360deg, #EEEBFF 0%, #F3F9FF 41.09%, #B7DEFF 111.77%);
}
.login_body .container{
	display: flex;
	justify-content: center;
	align-items: center;
}
.card.loin_box{
	width:490px;
	border:none;
	border-radius: 20px;
	padding:40px 24px;
}
.loin_box .login_title{
	font-size: 32px;
	font-weight: 700;
	margin-bottom:40px;
}
.loin_box .input-wrapper + .input-wrapper{
	margin-top:32px;
}
.warning-msg {
	color: red;
	font-size: 12px;
	display: none;
	margin-top: 5px;
}

label.saveid{
	margin:24px 0;
}

a#loginBtn{
	width:100%;
	cursor: pointer;
}
.login_find_group{
	display: flex;
	justify-content: center;
	align-items: center;
	margin:24px 0 40px;
}
.login_find_group a {
	color:var(--Color-Grey-800);
}
.login_find_group > a + a:before{
	content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color:var(--Color-Grey-500);
    margin: 0 12px;
    vertical-align: -1px;
}
.login_desc{
	text-align: center;
	color:var(--Color-Grey-600);
}

.login_desc a.join_link{
	color:var(--Color-Primary-600);
	text-decoration: underline;
	margin-left:16px;
}

#email-rule-msg,
#password-rule-msg{
	display: none;
}