.login-page{flex-direction:column;width:100%;margin:0;padding:0;display:flex}.login-door{box-sizing:border-box;border:0;border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);flex-direction:column;width:100%;margin:0;display:flex;position:relative}.login-plate,.login-body,.login-band,.login-action{width:100%;position:relative}.login-band,.login-body,.login-action{border-top:1px solid var(--color-rule)}.login-plate .plate,.login-body .plate,.login-shape{border:0;border-right:1px solid var(--color-rule)}.login-body .plate+.plate,.login-body .login-shape+.login-shape{border-left:0}.login-body .plate:last-child,.login-body .login-shape:last-child{border-bottom:1px solid var(--color-rule)}.login-shape{box-sizing:border-box;flex:none;display:block}.login-back{z-index:1;box-sizing:border-box;width:var(--u);height:var(--u);border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);background:var(--color-paper);color:inherit;justify-content:center;align-items:center;text-decoration:none;display:flex;position:absolute;top:0;left:0}.login-back svg{width:1.15rem;height:1.15rem}.login-band{height:var(--u);align-items:stretch}.login-band .login-mark{box-sizing:border-box;color:inherit;background:0 0;flex:1;align-items:center;margin:0;padding-inline:.85rem;font-weight:700;display:flex}.login-mark,.login-kakao{font-size:inherit;letter-spacing:-.03em;word-break:keep-all;line-height:1.45}.login-kakao{box-sizing:border-box;height:var(--u);border:0;border-left:1px solid var(--color-rule);color:var(--color-ink);background:0 0;flex:none;align-items:center;gap:.45rem;padding-inline:.85rem;font-weight:400;display:flex}.login-door-loading .login-kakao{justify-content:center}.login-kakao .kakao-mark{flex:none;width:1.125rem;height:1.125rem}@media (min-width:431px){.login-page:has(.login-door){justify-content:center;min-height:100svh}}