@charset "utf-8";

/* 공통 */
.check_box input[type="checkbox"]{display:none;}
.check_box input[type="checkbox"] + label{position:relative;font-size:13px;margin-left:30px}
.check_box input[type="checkbox"] + label:before{content:"";display:block;position:absolute;background:#dddddd url(./img/check.svg) no-repeat center;background-size:100%;width:20px;height:20px;border:solid 1px #dddddd;border-radius:50%;top:-2px;left:-30px}
.check_box input[type="checkbox"]:checked + label:before{border-color:#0069b3;background-color:#0069b3}

/* 로그인 */
.mem03_skin {width:100%;  margin:0 auto;padding-bottom:40px; border: 1px solid #eaeaea}
.mem03_skin .title {padding:55px 0 45px;font-size:35px;text-align:center;font-weight:normal;border-bottom:solid 1px #222222}

.login_wrap {width:100%;max-width: 540px;margin:0 auto;padding-top:60px}
.login_wrap .intro_txt {margin-bottom:20px;font-size:30px;line-height:40px}

#login_fs .login_box .input_wrap {width: 100%; max-width:380px}
#login_fs .login_box .btn_wrap {width:150px;margin-left:10px}
#login_fs .login_box .btn_wrap .btn_submit {width:100%;height:100px;background:#0069b3;color:#ffffff;font-size:13px}
#login_fs .info_wrap {display:flex;align-items:center;justify-content:space-between;margin-top:30px}
#login_fs .info_wrap #lost_password a {border-bottom:solid 1px transparent}
#login_fs .info_wrap #lost_password a:hover {border-bottom:solid 1px #0069b3;color:#0069b3}

#login_fs .login_box {display:flex}
#login_fs .frm_input {width:100%;height:45px;border:solid 1px #dddddd;padding-left:20px;font-size:13px}
#login_fs .frm_input:focus {border:solid 1px #222222}
#login_fs .frm_input::placeholder {color:#999999}
#login_fs #login_pw {margin-top:10px}

#lost_password {display:flex;align-items:center;justify-content:space-between}
#lost_password a {font-size:13px;color:#999999;position:relative}
#lost_password #join:hover {color:#ff5000}

.join {display:flex;justify-content:center;color:#999999;font-size:15px; padding-top: 10px}
.join a {margin-left:10px;transition:all .2s}
.join a:hover {color:#1d73f3}

.sns_login {margin-top:50px;border-top:solid 1px #dddddd}
.sns_login .sns_list {margin-top:30px;display:flex;align-items: center;justify-content:center}
.sns_login .sns_list li {width:50%;border:solid 1px #dddddd}
.sns_login .sns_list li + li {margin-left:10px;}
.sns_login .sns_list li a {display:flex;align-items:center;justify-content:center;width:100%;height:45px}
.sns_login .sns_list li a img {width:24px;}
.sns_login .sns_list li a span {font-size:13px;margin-left:7px}


@media all and (max-width:580px){
	.mem03_skin {width:100%;  margin:0 auto;padding: 0 20px 40px; border: 1px solid #eaeaea}
	.join {display:flex;justify-content:center;color:#999999;font-size:13px; padding-top: 10px}
	#login_fs .login_box .input_wrap {width:100%}
}