@charset "utf-8";

/* 공통 */
*{letter-spacing: -0.5px;}
.check_box input[type="checkbox"]{display:none;}
.check_box input[type="checkbox"] + label{position:relative;font-size:13px;margin-left:22px}
.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:15px;height:15px;border:solid 1px #dddddd;border-radius:50%;top:2px}
.check_box input[type="checkbox"]:checked + label:before{border-color:#222222;background-color:#222222}

/* 로그인 */
.login_wrap {width:450px;margin:0 auto;margin-top:200px;}
.login_wrap .login_logo{width:180px;display:none;margin-bottom:20px;}
.login_wrap .intro_txt {margin-bottom:40px;text-align:center;font-size:30px;line-height:40px;font-weight: bold;letter-spacing: -0.7px;}

#login_fs .login_box .input_wrap {width:100%}
#login_fs .login_box .btn_wrap {width:100%;}
#login_fs .login_box .btn_wrap .btn_submit {width:100%;padding:25px 20px;margin-top:20px;border-radius:8px;background:#222222;color:#ffffff;font-size:16px;font-weight:600;}
#login_fs .info_wrap {display:flex;align-items:center;gap:0 20px;justify-content:center;margin-top:30px}
#login_fs .info_wrap a {font-size:14px;}
#login_fs .info_wrap a:after{content: "";width: 2px;height: 13px;background: #e4e4e4;display: inline-block;margin-left: 20px;position: relative;top: 1px;}
#login_fs .info_wrap a:last-child:after{display:none;}

#login_fs .frm_input {box-shadow: none; width:100%;padding:25px 20px;border:solid 1px #dddddd;border-radius:8px;font-size:14px}
#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}

.sns_login {margin-top:50px;border-top:solid 1px #dddddd}
.sns_login .sns_list {margin-top:30px;display:flex;gap:0 35px;align-items: center;justify-content:center}
.sns_login .sns_list li {}
.sns_login .sns_list li a img {width:60px;border-radius:100px;display:block;margin:0 auto;}
.sns_login .sns_list li a span{display:block;text-align:center;margin-top:7px;color:#555;font-weight:500;font-size:14px;}

@media screen and ( max-width:768px){
    .login_wrap{width: 85%;margin-top: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .login_wrap .intro_txt{margin-bottom:20px;font-size:18px;}
    #login_fs .frm_input{padding:15px;font-size:12px;}
    #login_fs .login_box .btn_wrap .btn_submit{padding:15px;font-size:12px;}
    #login_fs .info_wrap a{font-size:12px;}
    .sns_login .sns_list li a img{width:35px;}
    .sns_login .sns_list li a span{font-size:12px;}
    #login_fs .info_wrap a:after{height:10px;}
}