@charset "utf-8";


.sub_container{ clear:both; }

/* common */

.login_title, .forgot, .find, .wrong, .success, .find_pw, .wrong_pw, .success_pw, .signup{ width:100%; height:1130px; }
.login_title_wrap, .forgot_wrap, .find_wrap, .wrong_wrap, .success_wrap, .find_pw_wrap, .wrong_pw_wrap, .success_pw_wrap, .signup_wrap{ width:30%; color:#fff; margin:0 auto; padding-top:350px; }
.login_title_wrap h3, .forgot_wrap h3, .find_wrap h3, .wrong_wrap h3, .success_wrap h3, .find_pw_wrap h3, .wrong_pw_wrap h3, .success_pw_wrap h3, .signup_wrap h3{ font-size:30px; }
.login_title_wrap p:nth-of-type(1), .forgot_wrap p:nth-of-type(1), .find_wrap p:nth-of-type(1), .wrong_wrap p:nth-of-type(1), .success_wrap p:nth-of-type(1), .find_pw_wrap p:nth-of-type(1), .wrong_pw_wrap p:nth-of-type(1), .success_pw_wrap p:nth-of-type(1), .signup_wrap p:nth-of-type(1){ padding:10px 0 30px 0; }




/* background common */
.login_title, .forgot, .signup{ background:url(../images/login.png) no-repeat center; }
.find, .wrong, .success{ background:url(../images/find.png) no-repeat center; }
.find_pw, .wrong_pw, .success_pw{ background:url(../images/find_pw.png) no-repeat center; }


/* find, wrong, success, find_pw, wrong_pw, success_pw common */

.find_wrap a, .wrong_wrap a, .success_wrap a, .find_pw a, .wrong_pw a, .success_pw a{ display:block; width:100%; height:50px; line-height:50px; color:#fff; text-align:center; background-color:#4277ff; }



/* wrong, success, wrong_pw, success_pw common */

.wrong_wrap p:nth-of-type(2), .success_wrap p:nth-of-type(2), .wrong_pw_wrap p:nth-of-type(2), .success_pw_wrap p:nth-of-type(2){ margin-bottom:40px; }






/* login */


.login_title_wrap tr, .login_title_wrap table input{ width:100%; height:50px; }
.login_title_wrap table{ width:100%; border-collapse:collapse; }

.login_title_wrap tr input::placeholder{ color:#c2c2c2; }
.login_title_wrap tr input{ border:0; }
.login_title_wrap a { color:#83a5ff; }


.login_title_wrap tr:nth-child(2) td, .login_title_wrap tr:nth-child(4) td{ padding-top:10px; }


.login_title_wrap tr:nth-child(1) input{ text-indent:50px; background:url(../images/login2.png) no-repeat 2%; background-color:#fff; }
.login_title_wrap tr:nth-child(2) input{ text-indent:50px; background:url(../images/login3.png) no-repeat 2%; background-color:#fff; }
.login_title_wrap tr:nth-child(4) input{ color:#fff; font-size:16px; background-color:#4277ff; cursor:pointer; }

.login_title_wrap p:nth-of-type(2){ float:right; margin-top:20px; }



/* forgot */


.forgot_wrap p:nth-of-type(3){ padding-top:10px; }
.forgot_wrap a{ display:block; width:100%; height:50px; line-height:50px; text-indent:20px; background:#fff; color:#c2c2c2; font-weight:600; }
.forgot_wrap a:hover{ color:#4277ff; font-weight:600; border:1px solid #4277ff; }



/* find, find_pw */

.find_wrap input, .find_pw_wrap input{ width:100%; height:50px; border:0; text-indent:20px; }
.find_wrap input::placeholder, .find_pw_wrap input::placeholder{ color:#c2c2c2; }
.find_wrap p:nth-of-type(2), .find_pw_wrap p:nth-of-type(2){ margin-top:10px; }



/* wrong, wrong_pw */

.wrong_wrap p:nth-of-type(1), .wrong_pw_wrap p:nth-of-type(1){ color:#ff0000; }


/* success, success_pw */

.success_wrap p:nth-of-type(1), .success_pw_wrap p:nth-of-type(1){ color:#83a5ff; }



/* sign up */

.signup_wrap{ padding-top:200px; }
.signup_wrap table, .signup_wrap tr, .signup_wrap input, .signup_wrap select{ width:100%; height:50px; line-height:50px; border:0; }
.signup_wrap table{ border-collapse:collapse; }

.signup_wrap a{ color:#83a5ff; }

.signup_wrap tr:nth-child(2) td, .signup_wrap tr:nth-child(4) td{ padding:10px 0; }
.signup_wrap tr:nth-child(6) td{ padding-top:10px; }

.signup_wrap input, .signup_wrap select{ color:#c2c2c2; }
.signup_wrap input{ text-indent:60px; }
.signup_wrap input::placeholder{ color:#c2c2c2; }


.signup_wrap tr:nth-child(1) input{ background:url(../images/login4.png) no-repeat 3%; background-color:#fff; }
.signup_wrap tr:nth-child(2) input{ background:url(../images/login3.png) no-repeat 3%; background-color:#fff; }
.signup_wrap tr:nth-child(3) input{ background:url(../images/login3.png) no-repeat 3%; background-color:#fff; }
.signup_wrap tr:nth-child(4) input{ background:url(../images/login2.png) no-repeat 3%; background-color:#fff; }

.signup_wrap tr:nth-child(5) select{ text-indent:55px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../images/login5.png) no-repeat 3%, url(../images/signup.png) no-repeat 98%; background-color:#fff; }
.signup_wrap tr:nth-child(5) select::-ms-expand{ display: none; }
.signup_wrap option{ background:#000; }

.signup_wrap tr:nth-child(6) input{ background:url(../images/login6.png) no-repeat 3%; background-color:#fff; }

.signup_wrap tr:nth-child(7){ font-size:13.8px; }
.signup_wrap tr:nth-child(7) td{ padding:20px 0; }
.signup_wrap tr:nth-child(7) a{ border-bottom:1px solid #83a5ff; }

.signup_wrap tr:nth-child(8) input{ text-indent:0px; color:#fff; font-size:16px; background-color:#4277ff; cursor:pointer; }


.signup_wrap p:nth-of-type(2){ float:right; margin-top:20px; }