@charset "utf-8";

/* 공통 */
.check_box input[type="checkbox"]{display:none;}
.check_box input[type="checkbox"] + label{position:relative;font-size:14px;margin-left:30px;color:#999999}
.check_box input[type="checkbox"] + label:before{content:"";display:block;position:absolute;background:#222222 url('./img/check.svg') no-repeat center;background-size:100%;width:23px;height:23px;border:solid 1px #dddddd;border-radius:50%;top:-3px;left:-30px}
.check_box input[type="checkbox"]:checked + label:before{border-color:#ffb000;background-image:url('./img/check_on.svg')}
.btn_submit {width:100%;height:40px;background:#F63E63;border:solid 1px #F63E63;border-radius:50px;color:#ffffff;margin-top:20px;font-size:18px;transition:all .2s}
.btn_submit:hover {background:#D11940;color:#ffb000}
.btn_submit2 {width:100%;height:40px;background:#666666;border:solid 1px #666666;border-radius:50px;color:#ffffff;margin-top:20px;font-size:18px;transition:all .2s}
.btn_submit2:hover {background:#333333;color:#D11940}
/* 로그인 */
.mem04_skin {width:300px;margin:0 auto;padding:50px 0;margin-top: calc(50vh - 200px);}
.mem04_skin .title {color:#ffffff;padding:55px 0 45px;font-size:35px;text-align:center;font-weight:normal;}

#login_fs {padding-top:50px;}
#login_fs .frm_input {width:100%;height:40px;background:#222222;border:solid 1px #999999;border-radius:50px;padding-left:25px;font-size:18px;color:#999999}
#login_fs .frm_input:focus {border-color:#ffb000}
#login_fs .frm_input::placeholder {color:#999999}
#login_fs #login_pw {margin-top:15px}
#login_fs .info_wrap {display:flex;align-items:center;justify-content:space-between;margin-top:20px}
#login_fs .info_wrap #lost_password a {font-size:14px;color:#999999;position:relative}
#login_fs .info_wrap #lost_password #join:hover {color:#ffb000}

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

.sns_login {margin-top:50px;text-align:center;border-top:solid 1px #999999}
.sns_login .sns_list {margin-top:30px;padding:0 50px;display:flex;align-items:center;justify-content:space-between}
.sns_login .sns_list li a {display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;border:solid 1px #999999;transition:all .3s}
.sns_login .sns_list li a.google_login:hover {background-color:#ffffff;border-color:#ffffff}
.sns_login .sns_list li a.facebook_login:hover {background-color:#1877f2;border-color:#1877f2}
.sns_login .sns_list li a.naver_login:hover {background-color:#00c60c;border-color:#00c60c}
.sns_login .sns_list li a img {width:38px;filter:saturate(0);opacity:.5;transition:all .3s}
.sns_login .sns_list li a.google_login img {opacity:1}
.sns_login .sns_list li a:hover img {filter:saturate(1);opacity:1}