.sign-in-page{color:#29262b;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 22px max(48px, env(safe-area-inset-bottom));background:#fff;justify-content:center;display:flex}.sign-in-shell{flex-direction:column;gap:34px;width:100%;max-width:400px;display:flex}.sign-in-brand img{object-fit:contain;width:30px;height:30px;display:block}.sign-in-brand h1{letter-spacing:-.02em;margin:12px 0 0;font-size:21px;font-weight:700}.sign-in-preview{border-top:1px solid #ded9dc;padding-top:18px}.sign-in-preview h2{margin:0;font-size:14px;font-weight:650}.sign-in-preview h2 span{color:#7d767b;margin-left:7px;font-size:11px;font-weight:400}.sign-in-track{border-bottom:1px solid #ded9dc;height:52px;margin-top:14px;position:relative}.sign-in-track:before{content:"";background:radial-gradient(circle,#d9d5d8 1px,#0000 1.35px) 0 0/7px 5px;height:20px;position:absolute;inset:15px 0 auto}.sign-in-tick{width:1.5px;height:16px;position:absolute;top:17px}.sign-in-marker{position:absolute;top:0;translate:-50%}.sign-in-marker svg{display:block}.sign-in-scale{color:#8b8489;justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.sign-in-log{color:#4b454a;margin-top:16px;font-size:13px;line-height:1.7}.sign-in-log b{color:#7d767b;font-size:10px;font-weight:650;display:block}.sign-in-log p{word-break:keep-all;margin:4px 0 0}.sign-in-form h2{margin:0;font-size:15px;font-weight:650}.sign-in-kakao{min-height:52px;color:inherit;border-top:1px solid #ded9dc;border-bottom:1px solid #ded9dc;justify-content:space-between;align-items:center;margin-top:14px;padding:0 2px;font-size:14px;text-decoration:none;display:flex}.sign-in-kakao i{color:#3c1e1e;background:#f2e14a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-right:9px;font-size:10px;font-style:normal;font-weight:700;display:inline-flex}.sign-in-form form{margin-top:18px}.sign-in-form label{color:#7d767b;font-size:11px;display:block}.sign-in-form input{width:100%;min-height:48px;color:inherit;font:inherit;background:0 0;border:0;border-bottom:1px solid #c9c4c7;border-radius:0;padding:6px 0;font-size:16px;display:block}.sign-in-form input:focus{border-bottom-color:#59694d;outline:0}.sign-in-form form>button[type=submit]{color:#3f4b39;width:100%;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #c9c4c7;justify-content:space-between;align-items:center;margin-top:20px;padding:0 2px;font-size:14px;display:flex}.sign-in-form button:disabled{opacity:.45;cursor:default}.sign-in-form .sign-in-change{color:#7d767b;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-size:12px}.sign-in-note,.sign-in-error{word-break:keep-all;margin:12px 0 0;font-size:12px;line-height:1.6}.sign-in-note{color:#67616a}.sign-in-error{color:#a13434}@media (min-width:860px){.sign-in-page{align-items:center;padding:72px 40px}.sign-in-shell{flex-direction:row;gap:72px;max-width:880px}.sign-in-shell>*{flex:1;min-width:0}}