.direct-renewal{background:#faf9f6;color:#20231f;min-height:100dvh;color-scheme:light;padding:64px 32px;--direct-orange:#bd431b}.direct-renewal *{box-sizing:border-box}.direct-renewal__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:64px;max-width:1120px;margin:0 auto;align-items:start}.direct-renewal__intro{position:sticky;top:32px;min-width:0}.direct-renewal em{font-style:normal;color:var(--direct-orange)}.direct-renewal__guide{margin:24px 0;color:#62675f;font-size:14px}.direct-renewal__guide p{display:flex;gap:8px;align-items:center;margin:12px 0}.direct-renewal__guide svg{color:var(--direct-orange);flex:none}.direct-renewal__jump{display:inline-flex;gap:12px;align-items:center;font-size:14px;color:var(--direct-orange);font-weight:600;text-decoration:none;padding-bottom:8px;border-bottom:1px solid #bd431b}.direct-renewal__card{background:#fff;border:1px solid #e3e5dd;border-radius:16px;padding:32px;min-width:0;scroll-margin-top:24px;animation:direct-enter .6s ease both}.direct-renewal__form-heading h2{font-size:26px;font-weight:600;line-height:1.4;letter-spacing:-.04em;margin:8px 0}.direct-renewal__form-heading>p{font-size:14px;color:#62675f;margin:8px 0 24px;line-height:1.6}.direct-renewal__form-heading .direct-renewal__completion{font-size:12px;text-align:right;margin:12px 0 0;color:#bd431b}.direct-renewal__form input:not([type=checkbox]){background:#faf9f6;color:#20231f;min-height:52px;transition:border-color .24s,box-shadow .24s!important}.direct-renewal__form input:not([type=checkbox]):focus{outline:2px solid #bd431b!important;outline-offset:2px;background:#fff}.direct-renewal__form input[aria-invalid=true]{border-color:#b42318!important}.direct-renewal__form label{color:#20231f!important;font-weight:600!important}.direct-renewal__form button{font-weight:600!important;transition:background-color .24s,border-color .24s,transform .24s,box-shadow .24s!important}.direct-renewal__form button[aria-pressed]{min-height:48px;color:#62675f}.direct-choice-track{background:#f4f4f1;padding:4px;border-radius:14px;gap:4px!important}.direct-choice-track button[aria-pressed]{border:0!important;background:transparent!important;color:#62675f!important;box-shadow:none}.direct-choice-track button[aria-pressed=true]{background:#fff!important;color:#20231f!important;box-shadow:0 2px 8px #20231f0a}.direct-renewal__form .direct-method-choice{position:relative;display:flex;align-items:center;gap:12px;padding:20px 12px;border:1px solid #ecede8;border-radius:16px;background:#f8f8f5;color:#20231f;min-height:88px;text-align:left;cursor:pointer}.direct-method-choice__icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:12px;background:#fff}.direct-method-choice__copy{display:flex;flex-direction:column;gap:4px;min-width:0}.direct-method-choice__label{font-size:14px;font-weight:600!important;color:#20231f}.direct-method-choice__note{font-size:12px;line-height:1.5;color:#62675f;word-break:keep-all}.direct-method-choice__check{position:absolute;right:8px;top:8px;color:#20231f}.direct-renewal__form .direct-method-choice--phone[aria-pressed=true]{border-color:#d0d3ca;background:#fff;box-shadow:0 4px 16px #20231f08;color:#20231f}.direct-renewal__form .direct-method-choice--phone[aria-pressed=true] .direct-method-choice__icon{background:#f4f4f1}.direct-renewal__form .direct-method-choice--kakao{background:#fff9d9;border-color:#fff9d9;color:#3c1e1e}.direct-renewal__form .direct-method-choice--kakao .direct-method-choice__icon{background:#fee500;color:#3c1e1e}.direct-method-choice--kakao .direct-method-choice__icon svg{fill:#3c1e1e;stroke-width:0}.direct-renewal__form .direct-method-choice--kakao[aria-pressed=true]{background:#fee500;border-color:#fee500;color:#3c1e1e;box-shadow:none}.direct-method-choice--kakao[aria-pressed=true] .direct-method-choice__note{color:#3c1e1e}.direct-renewal__form .direct-method-choice:hover{transform:translateY(-1px)}@media(max-width:480px){.direct-renewal__form .direct-method-choice{gap:8px;padding:16px 12px}.direct-method-choice__icon{width:28px;height:28px}.direct-method-choice__note{font-size:11px}}.direct-renewal a:focus-visible,.direct-renewal__form button:focus-visible{outline:2px solid #bd431b;outline-offset:4px}.direct-renewal__form button[type=submit]{display:flex;justify-content:center;align-items:center;gap:12px;min-height:56px;background:#bd431b!important}.direct-renewal__form button[type=submit]:hover:not(:disabled){background:#983413!important;transform:translateY(-2px)}.direct-renewal__form button[type=submit]:disabled{background:#e3e5dd!important}.direct-renewal__form span{font-weight:inherit}.direct-renewal__form #phone-notice{color:#62675f!important;border-color:#e3e5dd!important;background:#faf9f6!important;border-radius:12px!important}.direct-renewal__vehicle{max-width:1120px;margin:48px auto 0}@keyframes direct-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.direct-renewal{padding:32px 24px 48px}.direct-renewal__layout{grid-template-columns:minmax(0,1fr);gap:32px;max-width:600px}.direct-renewal__intro{position:static}.direct-renewal__vehicle{max-width:600px}}@media(max-width:480px){.direct-renewal{padding:24px 16px 32px}.direct-renewal__card{padding:24px 16px}.direct-renewal__form-heading h2{font-size:24px}.direct-renewal__guide{margin:16px 0}.direct-renewal__jump{display:none}}@media(prefers-reduced-motion:reduce){.direct-renewal__card{animation:none}.direct-renewal *{transition:none!important;scroll-behavior:auto!important}}.direct-renewal .quote-intro,.direct-renewal .quote-progress{--quote-accent:#bd431b;--quote-ink:#20231f;--quote-muted:#62675f;--quote-line:#e3e5dd}.direct-renewal .quote-intro--illustrated{grid-template-columns:minmax(0,1fr);gap:16px}.direct-renewal .quote-intro__art{justify-self:end;width:200px;height:200px}@media(max-width:900px){.direct-renewal .quote-intro--illustrated{grid-template-columns:minmax(0,1fr) 120px;gap:16px}.direct-renewal .quote-intro__art{width:120px;height:120px}}@media(max-width:480px){.direct-renewal .quote-intro--illustrated{grid-template-columns:minmax(0,1fr) 80px;gap:8px}.direct-renewal .quote-intro__art{width:80px;height:80px}}