.login-modal-backdrop{width:calc(100% - 24px);max-width:440px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:24px;background:transparent;color:var(--jn-ink, #20252e);overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 60px #111d303d}.login-modal-backdrop::backdrop{background:rgb(22 29 40 / 58%)}.login-container{position:relative;background:transparent}.login-close{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:40px;height:40px;padding:0 0 2px;border:0;border-radius:50%;background:#fff;color:var(--jn-ink, #20252e);font:32px/1 var(--jn-font-sans, sans-serif);cursor:pointer}.login-ticket-header{position:relative;z-index:0;height:220px;padding:24px 28px 64px;overflow:hidden;border-radius:24px 24px 0 0;background:#ffdf79}.login-mascot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;pointer-events:none}.login-brand-tag{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:8px;background:var(--bs-dark, #20252e);color:#fff;font-size:18px;font-weight:800;line-height:1.4;transform:rotate(-8deg)}.login-brand-tag:before{width:5px;height:5px;border-radius:50%;background:#fff;content:""}.login-ticket-header h2{position:relative;z-index:1;max-width:56%;margin:14px 0 0;color:var(--jn-ink, #20252e);font-size:30px;font-weight:800;line-height:1.2;letter-spacing:-.045em;word-break:keep-all}.login-welcome-benefit{position:absolute;bottom:12px;left:28px;z-index:1;display:flex;align-items:center;gap:8px;max-width:calc(100% - 56px);margin:0;padding:9px 12px;border-radius:9px;background:#fff;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap}.login-welcome-benefit svg{flex:none;width:22px;height:22px}.login-welcome-benefit strong{color:var(--jn-action, #285fe5);font-weight:800}.login-ticket-seam{position:relative;height:20px;background:radial-gradient(circle at left bottom,transparent 10px,#ffdf79 10.5px) left top / 51% 50% no-repeat,radial-gradient(circle at right bottom,transparent 10px,#ffdf79 10.5px) right top / 51% 50% no-repeat,radial-gradient(circle at left top,transparent 10px,#fff 10.5px) left bottom / 51% 50% no-repeat,radial-gradient(circle at right top,transparent 10px,#fff 10.5px) right bottom / 51% 50% no-repeat}.login-ticket-seam:after{position:absolute;top:50%;right:12px;left:12px;border-top:2px dashed #e9c668;content:""}.login-loginForm{padding:18px 28px 24px;border-radius:0 0 24px 24px;background:#fff}.login-loginForm form{display:grid;gap:10px}.login-field{position:relative;min-width:0}.login-field .form-control{min-height:50px;padding:12px 14px;border-color:#cfd8e5;border-radius:9px;color:var(--jn-ink, #20252e);font-size:max(16px,var(--jn-text-body, 16px));line-height:1.5}.login-field input[name=password]{padding-right:48px}.login-field .form-control::placeholder{color:var(--jn-muted, #657080);opacity:1}.login-field .form-control:focus{border-color:var(--jn-action, #285fe5);box-shadow:var(--jn-focus, 0 0 0 3px rgb(40 95 229 / 20%))}.login-field .form-control.is-invalid{border-color:var(--bs-danger, #cc2443)}.login-field input[name=password].is-invalid{padding-right:74px;background-position:right 48px center}.login-password-toggle{position:absolute;top:0;right:0;display:grid;place-items:center;width:46px;height:100%;padding:0;border:0;border-radius:9px;background:transparent;color:var(--jn-muted, #657080);font-size:20px;cursor:pointer}.login-password-toggle[aria-pressed=false] .login-eye-slash{display:none}.login-utilities{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:2px 0 4px;font-size:13px;line-height:1.5}.login-remember{--jn-action: var(--bs-dark);--jn-focus: 0 0 0 3px rgba(var(--bs-dark-rgb), .2);display:inline-flex;align-items:center;gap:7px;cursor:pointer}.login-remember .form-check-input{flex:none;float:none;width:18px;height:18px;margin:0}.login-utilities a{color:var(--jn-ink, #20252e);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.login-submit{width:100%;min-height:48px;padding:10px 16px;border:0;border-radius:9px;font-size:var(--jn-text-body, 16px);font-weight:700;transition:background-color .15s ease}.login-submit.btn-dark{--bs-btn-hover-bg: rgba(var(--bs-dark-rgb), .88)}.login-naver{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 16px;border:1px solid #2cbd53;border-radius:9px;background:#fff;color:var(--jn-ink, #20252e);font-size:var(--jn-text-body, 16px);font-weight:700;line-height:1.5;text-decoration:none}.login-naver img{flex:none;width:24px;height:24px}.login-join{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:10px 0 0;color:var(--jn-muted, #657080);font-size:13px;line-height:1.5}.login-join:before,.login-join:after{flex:1;min-width:8px;height:1px;background:var(--jn-line, #e3e8f0);content:""}.login-join a{color:var(--jn-action, #285fe5);font-weight:700;white-space:nowrap}.login-loginForm .alert{font-size:var(--jn-text-sm, 14px);line-height:1.5}@media (max-width: 767.98px){.login-modal-backdrop{max-width:380px;border-radius:20px}.login-ticket-header{height:190px;padding:19px 22px 56px;border-radius:20px 20px 0 0}.login-brand-tag{padding:4px 10px;font-size:16px}.login-ticket-header h2{margin-top:12px;font-size:clamp(25px,7vw,28px)}.login-welcome-benefit{bottom:9px;left:22px;max-width:calc(100% - 44px);padding:8px 10px;font-size:12px}.login-loginForm{padding:16px 22px 22px;border-radius:0 0 20px 20px}}