@charset "utf-8";

/* LOGIN */
.login{width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:space-between; padding:80px 30px 80px; background:url(../img/contents/login_bg.jpg) no-repeat center; background-size:cover;}

.login .login_top{text-align:center;}
.login .login_top h2{line-height:0;}
.login .login_top h2 img{width:154px;}
.login .login_top p{font-size:1.429em; color:#fff; line-height:1.2em; letter-spacing:-0.05em; margin-top:30px;}

.login .login_frm{width:100%; max-width:500px; padding-bottom:130px;}
.login .login_frm *{width:100%;}
.login .login_frm li{margin-bottom:50px;}
.login .login_frm li:last-child{margin-bottom:0;}
.login .login_frm li label, .login .login_frm li input, .login .login_frm li button{display:block;}
.login .login_frm li label{font-size:1.286em; font-weight:500; color:#23e8ef; line-height:1.2em; margin-bottom:10px;}
.login .login_frm li input{font-size:1.143em; color:#fff; line-height:1.5em; padding:10px 0; background-color:transparent; border-width:0 0 2px; border-color:#f5f5f7; border-radius:0;}
.login .login_frm li button{font-size:1.714em; font-weight:600; color:#41405d; line-height:1em; padding:25px; background-color:#23e8ef; border-radius:0;}

.login .copy{font-size:1.143em; text-align:center; color:rgba(255,255,255,0.6);}



/* RESPONSIVE */
@media screen and (max-width : 1200px){
	/* LOGIN */
	.login{padding:120px 30px 50px;}
}


@media screen and (max-width : 960px){
	/* LOGIN */
	
}


@media screen and (max-width : 640px){
	/* LOGIN */
	.login{padding:80px 4.5% 50px;}
	.login .login_top h2 img{width:130px;}
	.login .login_top p{font-size:1.286em; margin-top:20px;}
	
	.login .login_frm{max-wodth:420px; padding-bottom:20%;}
	.login .login_frm li{margin-bottom:30px;}
	.login .login_frm li label{font-size:1.143em; margin-bottom:0;}
	.login .login_frm li input{font-size:1em;}
	.login .login_frm li button{font-size:1.429em; padding:20px;}
	
	.login .copy{font-size:1em;}
}