.login-page{color:#1c304b}.login-page .skip-link{position:fixed;top:8px;left:16px;z-index:1000;padding:12px 18px;background:#182d47;color:white;transform:translateY(calc(-100% - 16px))}.login-page .skip-link:focus{transform:none}.login-main{background:#fff;padding:26px 0 85px}.login-main>.wrap{max-width:1280px}.login-breadcrumb{display:flex;justify-content:flex-end;gap:10px;align-items:center;font-size:11px;color:#718096;margin:0 0 40px}.login-breadcrumb span{color:#abb6c4}.login-breadcrumb strong{font-weight:600;color:#3f526c}.login-layout{max-width:480px;margin:0 auto}.login-panel{min-width:0}.login-panel h1{text-align:center;font-size:36px;line-height:1.3;letter-spacing:-.045em;font-weight:700}.login-intro{text-align:center;font-size:15px;color:#718096;line-height:1.8;margin-top:13px;word-break:keep-all}
.login-form{margin-top:28px}.login-field{margin-bottom:19px}.login-field>label{display:block;font-size:13px;font-weight:600;color:#3b506b;margin-bottom:9px}.login-field input{display:block;width:100%;height:54px;padding:0 16px;background:#f9fafc;border:1px solid #d8e1eb;border-radius:6px;font:inherit;font-size:16px;color:#192f4b;outline:none;transition:border-color .2s,box-shadow .2s}.login-field input::placeholder{color:#9aa7b7;font-size:14px}.login-field input:focus{border-color:#4077d2;box-shadow:0 0 0 3px #4277cc12;background:#fff}.login-password{position:relative}.login-password input{padding-right:54px}.login-password-toggle{position:absolute;top:5px;right:6px;width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;border-radius:4px;color:#75879d;cursor:pointer}.login-password-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.login-password-toggle[aria-pressed="true"] .eye-slash{display:none}.login-caps{font-size:12px;line-height:1.6;color:#855923;margin-top:8px}.login-caps[hidden]{display:none}.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 24px;font-size:13px;color:#62738a}.login-auto{display:inline-flex;align-items:center;gap:8px;cursor:pointer;min-height:28px;white-space:nowrap}.login-auto input{width:17px;height:17px;accent-color:#3268bd;cursor:pointer}.login-recovery{text-underline-offset:4px}.login-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:55px;border:0;border-radius:6px;background:#3269c0;color:white;font:inherit;font-size:16px;font-weight:650;cursor:pointer;transition:background .2s,box-shadow .2s}.login-join{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;padding-top:22px;border-top:1px solid #e5eaf0}.login-join>p{font-size:13px;color:#77869a;word-break:keep-all}.login-join>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;gap:13px;font-size:14px;font-weight:650;color:#35577f;white-space:nowrap}.login-join>a span{font-size:19px}.login-main a:focus-visible,.login-main button:focus-visible,.login-main input[type="checkbox"]:focus-visible{outline:3px solid #82a9dc;outline-offset:3px}

.login-social{margin-top:27px}.login-social h2{display:flex;align-items:center;gap:17px;font-size:12px;font-weight:450;color:#8794a6;line-height:1.6;margin:0 0 20px}.login-social h2:before,.login-social h2:after{content:'';flex:1;height:1px;background:#e6ebf1}.login-social h2 span{white-space:nowrap}.login-social-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.login-social-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 10px;border:0;border-radius:6px;font:inherit;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap}.login-social-button svg{display:block;width:22px;height:22px;overflow:hidden;flex-shrink:0}.login-social-kakao{background:#fee500;color:#000000d9}.login-social-naver{background:#03a94d;color:white}.login-social-button:disabled{cursor:not-allowed}
@media(hover:hover){.login-recovery:hover{text-decoration:underline;color:#285799}.login-submit:hover{background:#255ba9;box-shadow:0 5px 15px #2a5b9c26}.login-password-toggle:hover{color:#234d80;background:#eaf0f6}.login-join>a:hover{color:#245eb3}}
@media(max-width:760px){.login-main{padding:20px 0 65px}.login-breadcrumb{margin-bottom:35px}.login-panel h1{font-size:32px}.login-layout{max-width:460px}}
@media(max-width:390px){.login-main>.wrap{padding-inline:20px}.login-intro{font-size:14px}.login-options{font-size:12px;gap:8px}.login-join{gap:10px}.login-join>p{font-size:12px}.login-join>a{font-size:13px;gap:7px}.login-social-buttons{gap:10px}.login-social-button{font-size:13px;padding-inline:8px}}
@media(max-width:350px){.login-social-button{gap:6px;font-size:12px}.login-social-button svg{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.login-field input,.login-submit{transition:none}}