.compare-renewal{--ink:#20231F;--muted:#62675F;--line:#E3E5DD;--accent:#BD431B;background:#FAF9F6;color:var(--ink);min-height:100vh;font-weight:400;font-family:inherit}.compare-renewal *{box-sizing:border-box}.compare-renewal button,.compare-renewal input,.compare-renewal select,.compare-renewal textarea{font:inherit}.compare-renewal [role=button],.compare-renewal button{cursor:pointer;transition:background .24s,border-color .24s,transform .24s}.compare-renewal a{color:inherit;text-decoration:none}.compare-renewal :focus-visible{outline:3px solid var(--accent);outline-offset:4px}.compare-renewal button:disabled,.compare-renewal select:disabled{opacity:.5;cursor:default}.compare-renewal .compare-header{background:white;border-bottom:1px solid var(--line)}.compare-renewal .compare-header__inner{max-width:1200px;margin:auto;min-height:80px;display:flex;align-items:center;gap:24px;padding:16px 32px}.compare-renewal .compare-header__logo{font-size:20px;font-weight:600;letter-spacing:.02em}.compare-renewal .compare-header__back{font-size:13px;color:var(--muted)}.compare-renewal .compare-header__nav{display:flex;gap:24px;margin:auto;font-size:14px}.compare-renewal .compare-header__nav-item--active{color:var(--accent);font-weight:600}.compare-renewal .compare-header__actions{display:flex;gap:8px}.compare-renewal button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:12px;padding:12px 16px;min-height:44px}.compare-renewal button:hover{border-color:var(--accent)}.compare-renewal .btn-all-quote,.compare-renewal .btn-bulk-quote,.compare-renewal .btn-car-quote,.compare-renewal .btn-quote-request,.compare-renewal .btn-submit{background:var(--accent);border-color:var(--accent);color:white;font-weight:600}.compare-renewal .btn-car-quote,.compare-renewal .btn-submit{width:100%}.compare-renewal .compare-main,.compare-renewal .page-header{max-width:1200px;margin:auto;padding:0 32px}.compare-renewal .page-header{padding-top:48px}.compare-renewal .compare-main{padding-top:32px;padding-bottom:64px}.compare-renewal .car-select-area{padding:24px;background:white;border:1px solid var(--line);border-radius:16px}.compare-renewal .car-select-area__footer,.compare-renewal .car-select-area__header{display:flex;align-items:center;gap:16px}.compare-renewal .bulk-quote-bar__title,.compare-renewal .car-select-area__label,.compare-renewal .car-select-area__tip{display:flex;align-items:center;gap:8px}.compare-renewal .car-select-area__label{font-weight:600}.compare-renewal .car-select-area__counter{margin-left:auto;font-size:14px;color:var(--accent);font-weight:600}.compare-renewal .car-select-area__slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.compare-renewal .select-slot{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;min-height:80px;border:1px solid var(--line);border-radius:12px}.compare-renewal .select-slot--filled{background:#FAF9F6;border-color:var(--accent);animation:compare-arrive .6s both}.compare-renewal .slot-car-name{font-size:15px;font-weight:600}.compare-renewal .slot-remove-btn{margin-left:auto;font-size:22px}.compare-renewal .card-plus,.compare-renewal .slot-plus{color:var(--accent);display:flex}.compare-renewal .slot-empty-actions{display:none}.compare-renewal .car-select-area__tip{color:var(--muted);font-size:13px;margin-right:auto;line-height:1.6}.compare-renewal .btn-reset{color:var(--muted)}.compare-renewal .bulk-quote-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0;padding:24px;background:white;border:1px solid var(--line);border-radius:16px}.compare-renewal .bulk-quote-bar__title{font-weight:600}.compare-renewal .bulk-quote-bar__desc{display:block;margin-top:8px;color:var(--muted);font-size:14px}.compare-renewal .compare-scroll-hint{display:none}.compare-renewal .compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.compare-renewal .car-card{min-width:0;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;animation:compare-arrive .6s both}.compare-renewal .car-card__img{width:100%;height:auto;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#FFFFFF;padding:0}.compare-renewal .car-photo-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:13px}.compare-renewal .car-card__info{padding:24px}.compare-renewal .car-card__brand{color:var(--muted);font-size:13px}.compare-renewal .car-card__name{font-weight:600;font-size:24px;margin-top:8px}.compare-renewal .car-card__trim{color:var(--muted);font-size:13px;margin:8px 0 24px;min-height:16px}.compare-renewal .mini-form__row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 0}.compare-renewal .mini-form__label{font-size:13px;color:var(--muted)}.compare-renewal .mini-form__select{width:60%;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:white}.compare-renewal .monthly-box{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.compare-renewal .monthly-box__label{color:var(--muted);font-size:13px;margin-bottom:8px}.compare-renewal .monthly-box__amount{font-size:32px;font-weight:600;letter-spacing:-.04em;color:var(--accent)}.compare-renewal .monthly-box__unit{margin-left:8px;font-size:14px}.compare-renewal .monthly-note{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0 24px}.compare-renewal .car-card--empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:16px;border-style:dashed}.compare-renewal .card-plus-text{font-size:18px;font-weight:600}.compare-renewal .card-empty-actions{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:13px;color:var(--muted)}.compare-renewal .spec-table-wrap{margin-top:32px;background:white;border:1px solid var(--line);border-radius:16px;overflow:auto}.compare-renewal .spec-table-title{font-size:20px;font-weight:600;padding:24px}.compare-renewal .spec-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.compare-renewal .spec-table td,.compare-renewal .spec-table th{padding:16px 24px;border-top:1px solid var(--line);line-height:1.6}.compare-renewal .spec-table th{font-weight:600;background:#FAF9F6}.compare-renewal .spec-table .spec-best{color:var(--accent);font-weight:600}.compare-renewal .modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(32,35,31,.5);display:flex;align-items:center;justify-content:center;padding:24px}.compare-renewal .modal-box{width:880px;max-width:100%;max-height:90dvh;overflow:auto;background:white;border-radius:16px;box-shadow:0 24px 64px rgba(32,35,31,.16);animation:compare-arrive .24s both}.compare-renewal .modal-box--sm{width:480px}.compare-renewal .modal-header{position:sticky;top:0;z-index:1;background:white;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--line)}.compare-renewal .modal-title{font-size:20px;font-weight:600}.compare-renewal .modal-close{padding:8px;min-width:44px;font-size:24px;border:0}.compare-renewal .picker-search{padding:24px}.compare-renewal .form-group input,.compare-renewal .form-group textarea,.compare-renewal .picker-search__input{width:100%;padding:16px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:white}.compare-renewal .picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 24px 24px}.compare-renewal .picker-car-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .24s,background .24s}.compare-renewal .picker-car-card--selected,.compare-renewal .picker-car-card:hover{border-color:var(--accent);background:#FAF9F6}.compare-renewal .picker-car-card--selected{cursor:default}.compare-renewal .picker-car-card__img{width:100%;height:140px;-o-object-fit:contain;object-fit:contain;padding:0;background:#FFFFFF}.compare-renewal .picker-car-card__body{padding:16px}.compare-renewal .picker-car-card__brand{font-size:12px;color:var(--muted)}.compare-renewal .picker-car-card__name{font-size:16px;font-weight:600;margin:8px 0}.compare-renewal .picker-car-card__price,.compare-renewal .picker-car-card__selected-badge{font-size:13px;color:var(--accent);margin-top:8px}.compare-renewal .picker-empty{padding:0 24px 24px;color:var(--muted)}.compare-renewal .modal-body{padding:24px}.compare-renewal .quote-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.compare-renewal .quote-chip{background:#FAF9F6;border:1px solid var(--line);padding:8px 12px;border-radius:12px;font-size:13px}.compare-renewal .form-group{margin-bottom:24px}.compare-renewal .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600}.compare-renewal .login-desc{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:24px}.compare-renewal .kakao-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#FEE500}.compare-renewal .kakao-icon{width:24px;height:24px}.compare-renewal .toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);z-index:1100;padding:16px 24px;background:var(--ink);color:white;border-radius:12px;max-width:calc(100vw - 32px)}@keyframes compare-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.compare-renewal .btn-quote-request,.compare-renewal .compare-header__back,.compare-renewal .compare-header__nav{display:none}.compare-renewal .compare-header__actions{margin-left:auto}.compare-renewal .compare-header__inner{padding:16px 24px;min-height:72px}.compare-renewal .compare-main,.compare-renewal .page-header{padding-left:24px;padding-right:24px}.compare-renewal .car-card__info{padding:16px}.compare-renewal .car-card__name{font-size:20px}.compare-renewal .car-select-area__footer{flex-wrap:wrap}.compare-renewal .car-select-area__tip{width:100%}.compare-renewal .picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.compare-renewal .page-header{padding-top:32px}.compare-renewal .car-select-area{padding:16px}.compare-renewal .car-select-area__label{font-size:13px}.compare-renewal .car-select-area__counter{font-size:12px;white-space:nowrap}.compare-renewal .car-select-area__slots{gap:8px;margin:16px 0}.compare-renewal .select-slot{padding:12px 8px;min-height:88px;flex-direction:column;gap:8px;font-size:12px}.compare-renewal .slot-car-name{font-size:12px;text-align:center}.compare-renewal .slot-remove-btn{margin:0;min-height:32px;min-width:32px;padding:0;font-size:20px}.compare-renewal .btn-all-quote{flex:1;font-size:13px}.compare-renewal .bulk-quote-bar{padding:16px;flex-direction:column;align-items:stretch;gap:16px}.compare-renewal .bulk-quote-bar__desc{font-size:13px}.compare-renewal .compare-scroll-hint{display:block;color:var(--muted);font-size:12px;margin:24px 0 12px}.compare-renewal .compare-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;margin-top:0}.compare-renewal .car-card{flex:0 0 88%;scroll-snap-align:start}.compare-renewal .car-card__img{height:auto}.compare-renewal .spec-table{min-width:650px}.compare-renewal .spec-table td,.compare-renewal .spec-table th{padding:16px}.compare-renewal .modal-overlay{padding:12px}.compare-renewal .modal-box{max-height:94dvh}.compare-renewal .modal-title{font-size:17px}.compare-renewal .modal-body,.compare-renewal .modal-header,.compare-renewal .picker-search{padding:16px}.compare-renewal .picker-grid{padding:0 16px 16px;gap:12px}.compare-renewal .picker-car-card__body{padding:12px}.compare-renewal .picker-car-card__img{height:112px}.compare-renewal .picker-car-card__name{font-size:14px}}@media(prefers-reduced-motion:reduce){.compare-renewal *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.compare-renewal .slot-plus{font-size:24px;line-height:1}.compare-renewal .card-plus{font-size:32px;line-height:1}.compare-renewal .spec-table__lowest{color:var(--accent);font-weight:600;background:#FAF9F6}.compare-renewal .spec-table__yes{color:var(--accent);font-weight:600}.compare-renewal .spec-table__no{color:var(--muted)}.compare-renewal .compare-header{background:#FAF9F6;border:0}.compare-renewal .compare-header__inner{min-height:64px;padding-top:12px;padding-bottom:12px}.compare-renewal .compare-header__back{display:block}.compare-renewal .compare-header__actions{margin-left:auto}.compare-renewal .btn-login{display:flex;align-items:center;gap:8px}.compare-renewal .btn-quote-request{display:block}.compare-renewal .car-card__photo-note{margin:0;padding:12px 16px 0;color:var(--muted);font-size:12px;line-height:1.6}@media(max-width:650px){.compare-renewal .compare-header__inner{padding-left:24px;padding-right:24px;gap:12px}.compare-renewal .compare-header__actions{gap:8px}.compare-renewal .compare-header__actions button{font-size:12px;padding:8px 12px}.compare-renewal .compare-header__back{font-size:12px}.compare-renewal .page-header{padding-top:24px}}.compare-renewal .select-slot--filled{background:#F5F5F1;border-color:var(--line);justify-content:flex-start;gap:12px}.compare-renewal .slot-selected-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:12px;background:white;color:var(--muted)}.compare-renewal .slot-car-name{display:flex;flex-direction:column;gap:4px;min-width:0;line-height:1.5;overflow-wrap:anywhere}.compare-renewal .slot-car-brand{font-size:12px;font-weight:400;color:var(--muted)}.compare-renewal .slot-remove-btn{flex-shrink:0;width:44px;min-width:44px;height:44px;border:0;background:transparent;font-size:20px;color:var(--muted);padding:8px}.compare-renewal .slot-remove-btn:hover{background:white;color:var(--ink)}.compare-renewal .car-select-area__footer{border-top:1px solid var(--line);padding-top:16px}@media(max-width:650px){.compare-renewal .select-slot--filled{position:relative;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;padding:12px 8px 44px;min-height:144px}.compare-renewal .select-slot--filled .slot-car-name{text-align:left;font-size:13px;gap:4px}.compare-renewal .slot-car-brand{font-size:12px}.compare-renewal .slot-remove-btn{position:absolute;bottom:0;right:0;margin:0;width:44px;min-width:44px;height:44px;min-height:44px}.compare-renewal .select-slot--empty{min-height:144px}.compare-renewal .car-select-area__tip{font-size:12px;align-items:flex-start}.compare-renewal .car-select-area__tip svg{flex-shrink:0;margin-top:2px}}