/* login */
.login_wrap {display:flex; justify-content:center; background:url(../img/content/login_bg.jpg) no-repeat left top; background-size:cover; }
.login_wrap .login_area {display:flex; width:470px; height:640px; margin:auto; }
.login_wrap .login_area .login_box {position:relative; display:flex; flex:1; flex-direction:column; width:440px; border-radius:50px; background:#fff; padding:115px 65px 0; }
.login_wrap .login_area .login_box form {position:relative; display:flex; flex-direction:column; }
.login_wrap .login_area .login_box .login_tit {line-height:50px; font-size:38px; font-weight:600; color:#3ebd00; margin-bottom:25px; }
.login_wrap .login_area .login_box .input_box {position:relative; margin-top:20px; }
.login_wrap .login_area .login_box .input_box .input_tit {position:absolute; top:-9px; left:25px; font-size:16px; color:#287ee9; background:#fff; padding:0 5px; }
.login_wrap .login_area .login_box .input_box input {width:100%; height:50px; font-size:14px; color:#31313b; border-radius:10px; padding:0 30px; }
.login_wrap .login_area .login_box .password_find {font-size:14px; font-weight:500; color:#78777f; margin:12px 0 0 auto; }
.login_wrap .login_area .login_box .login_btn {display:inline-block; width:100%; height:50px; line-height:50px; font-size:16px; font-weight:600; color:#fff; text-align:center; background:#287ee9; border-radius:10px; margin-top:25px; }
.login_wrap .login_area .login_box .login_error {padding:10px 0 0; }
.login_wrap .login_area .login_box .login_error span {display:block; width:100%; font-size:12px; text-align:center; color:#fc5451; }
.login_wrap .login_area .login_box .sign_up {font-size:14px; font-weight:500; color:#78777f; text-align:center; padding:20px 0 0; }
.login_wrap .login_area .login_box .sign_up .sign_up_btn {font-size:14px; font-weight:700; color:#287ee9; }


/* TABLET  + Mobile */
@media screen and (max-width:1279px){
	.login_wrap .login_area {width:auto; height:auto; }
	.login_wrap .login_area .login_box {width:auto; flex:none; padding:80px 50px 40px; }
}