/* BASIC css start */
.login-page {max-width:1416px;margin:0 auto;padding:110px 24px 150px;box-sizing:border-box;}
.login-card {width:100%;max-width:460px;margin:0 auto;}
.login-heading {text-align:center;margin-bottom:42px;}
.login-heading .eyebrow {font-size:12px;font-weight:700;letter-spacing:.12em;color:#929292;margin-bottom:12px;}
.login-heading h1 {font-size:34px;font-weight:800;line-height:1.2;color:#111;margin-bottom:12px;}
.login-heading > p:last-child {font-size:14px;color:#777;}
.login-form legend {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.login-form .field {margin-bottom:18px;}
.login-form .field label {display:block;font-size:13px;font-weight:700;color:#222;margin-bottom:9px;}
.login-form .login-input {display:block;width:100%;height:52px;border:1px solid #d9d9d9;background:#fff;padding:0 15px;box-sizing:border-box;font-family:inherit;font-size:15px;color:#111;outline:none;}
.login-form .login-input:focus {border-color:#111;}
.login-options {display:flex;justify-content:space-between;align-items:center;margin:4px 0 24px;font-size:13px;color:#666;}
.login-options .security {display:flex;align-items:center;gap:6px;}
.login-options a {color:#555;border-bottom:1px solid #bbb;}
.login-submit {display:flex;align-items:center;justify-content:center;width:100%;height:54px;background:#111;color:#fff;font-size:16px;font-weight:700;}
.divider {display:flex;align-items:center;gap:14px;margin:34px 0 20px;color:#999;font-size:12px;}
.divider:before,.divider:after {content:'';height:1px;background:#e5e5e5;flex:1;}
.sns-buttons {display:flex;flex-direction:column;gap:10px;}
.sns-btn {position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:52px;font-size:15px;font-weight:700;box-sizing:border-box;}
.sns-btn .sns-mark {position:absolute;left:18px;font-size:17px;font-weight:900;}
.sns-btn.kakao {background:#fee500;color:#191919;}
.sns-btn.naver {background:#03c75a;color:#fff;}
.join-guide {display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;padding-top:28px;border-top:1px solid #eee;font-size:14px;color:#777;}
.join-guide a {font-weight:700;color:#111;border-bottom:1px solid #111;}
@media (max-width:768px){
    .login-page {padding:95px 24px 90px;}
    .login-heading {margin-bottom:32px;}
    .login-heading h1 {font-size:28px;}
    .login-form .login-input,.login-submit,.sns-btn {height:50px;}
}

/* BASIC css end */