:root{--primary: #2058a3;--primary-dark: #023b83;--bg: #f8f9fa;--text: #222;--subtext: #777;--border: #e5e7eb;--radius: 10px;--shadow: 0 1px 6px rgba(0, 0, 0, .08)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Noto Sans KR,sans-serif;line-height:1.5;margin:0}a{color:inherit;text-decoration:none}.bg-gray{background-color:#d5d5d5}input[type=radio]{display:none}.pill{background:#0000000d;border-radius:999px;padding:6px 12px;display:inline-flex;align-items:center;gap:6px}.quote-page{max-width:1280px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:24px}header .tabs{display:flex;gap:8px}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px}label.card_title{font-size:1.5em;font-weight:600;padding:2px 0 20px 5px;color:#191919}.field{max-height:400px;overflow-y:auto;padding-right:12px;scrollbar-width:thin;scrollbar-color:#bfbfbf transparent}.field::-webkit-scrollbar{width:6px}.field::-webkit-scrollbar-track{background:transparent}.field::-webkit-scrollbar-thumb{background-color:#bfbfbf;border-radius:6px}.field label.article{padding-left:10px;margin-bottom:6px;display:block;font-weight:500}.field label.article span{font-size:14px}.grid{display:grid;gap:12px}.row{display:flex;align-items:center;flex-wrap:wrap}.hr{height:1px;background:var(--border);margin:10px 0}.vehicle-header{display:flex;gap:24px;align-items:flex-start}.vehicle-header img{width:420px}.vehicle-info h1{font-size:1.2em;font-weight:700;margin-bottom:8px}.vehicle-info p{color:var(--subtext);margin-bottom:6px}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.badge{background:#efefef;border:1px solid #d3d3d3;color:#494949;border-radius:999px;padding:4px 10px;font-size:12px}.colors{display:flex;gap:8px;margin-top:1.1em}.color-chip{width:26px;height:26px;border-radius:50%;border:1px solid #ccc;cursor:pointer;transition:all .2s}.color-chip.active{outline:2px solid var(--primary)}.vehicle-option-grid{display:grid;grid-template-columns:1fr 1px 1fr;gap:20px}.model-option-grid{display:grid;grid-template-columns:3fr 2fr;gap:20px}.summary-panel{position:sticky;top:20px;height:fit-content}button{display:flex;align-items:center;align-content:center;justify-content:center}button img{width:35px;padding-right:8px}button.primary{background:var(--primary);color:#fff;border:none;border-radius:var(--radius);padding:12px 20px;font-weight:600;cursor:pointer;transition:all .2s}button.primary.active{background:var(--primary)}button.primary.active:hover{opacity:.9}button.order{background:#fff;color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius);padding:12px 20px;font-weight:600;cursor:pointer;transition:all .2s}button.order:hover,button.order.active{background:var(--primary);color:#fff}button.order.active:hover{opacity:.9}select,input{padding:10px 12px;border:1px solid var(--border);border-radius:8px}.circle-checkbox{display:flex;align-items:center;cursor:pointer;gap:8px;font-weight:400;font-size:.9em}.circle-checkbox input{display:none}.circle-checkbox .circle{width:8px;height:8px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center}.circle-checkbox input:checked+.circle{background-color:var(--primary);border-color:var(--primary)}.option-card{cursor:pointer;padding:8px;display:flex;justify-content:space-between;align-items:center;font-size:.9em;color:var(--subtext)}.option-card.selected{font-weight:800;color:var(--primary)}.accordion-card{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.9em;font-weight:400;color:var(--subtext);padding:8px 8px 8px 1em}.accordion-card.selected{font-weight:800;color:var(--primary)}.brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:1em 2em;background:#fff;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border:1px solid var(--border);border-top:0}.brand-tile{border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.brand-tile.active{outline:2px solid var(--primary)}.model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.model-card{border:1px solid var(--border);border-radius:12px;padding:10px;cursor:pointer}.model-card.active{outline:2px solid var(--primary)}.kicker{font-size:14px;color:var(--subtext);line-height:1.8;font-weight:400}.toast-popup{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;font-weight:500;padding:12px 24px;border-radius:8px;animation:fadeInOut 2s ease forwards;z-index:9999}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}.select_tab_btn{width:50%;padding:6px 12px;display:inline-flex;justify-content:center;border-top-left-radius:2em;border-top-right-radius:2em;height:4em;align-items:center;border:1px solid var(--border);border-bottom:0}.segmented{display:flex;border:1px solid #000;border-radius:999px;overflow:hidden;width:100%}.segmented-btn{flex:1;padding:1em 0;background:#fff;border:none;border-right:1px solid #000;font-weight:500;cursor:pointer;transition:all .2s ease}.segmented-btn:last-child{border-right:none}.segmented-btn.first{border-top-left-radius:999px;border-bottom-left-radius:999px}.segmented-btn.last{border-top-right-radius:999px;border-bottom-right-radius:999px}.segmented-btn.active{background:var(--primary, #1e6fff);color:#fff}.segmented-btn:hover:not(.active){background:#0000000d}.fixed_position_wrap{position:fixed;right:10px;bottom:10px;display:flex;justify-content:flex-end}.btn_next{background:#ccc;color:#fff;padding:1em 2em;border-radius:50px;font-size:1.2em;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid #fff;box-shadow:0 4px 10px #00000026}button.btn_next.active{background:var(--primary);box-shadow:0 6px 14px #00000040}button.btn_next.active:hover{opacity:.9;box-shadow:0 6px 14px #00000040}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:999}.intro-popup{background:#fff;padding:2em 2.5em;border-radius:16px;box-shadow:0 8px 30px #00000040;max-width:400px;text-align:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.site_logo{max-width:60%}.header_logo{width:300px;height:auto}.summary-block{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.summary-block:last-child{border-bottom:none}.summary-label{color:#666;font-size:.95em}.summary-value.big{font-size:20px;font-weight:800;color:var(--primary)}.input-basic{width:100%;padding:10px 14px;border-radius:6px;border:1px solid #ddd;font-size:14px}.type_wrap{border-bottom:1px solid #eee;padding-bottom:10px}.type_list{padding:10px 5px}.vehicle-title{font-size:20px;line-height:1.35;font-weight:700}.vehicle-title .trim-highlight{color:var(--primary);font-weight:700}strong.price{color:#191919;font-size:1.2em}.car_select_box_top{display:flex;align-items:center;text-align:center;align-content:center;justify-content:center;flex-wrap:wrap;padding:6px 12px;border-top-left-radius:2rem;border-top-right-radius:2rem;height:4em;border:1px solid var(--border);border-bottom:0}.car_select_box{background:#fff;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px;min-height:400px;border-top:none;border:1px solid var(--border)}.model-card.dummy{opacity:.4;filter:grayscale(60%);cursor:not-allowed}.model-card.dummy.active{opacity:.6}.item_row{display:grid;grid-template-columns:140px 1fr;gap:12px;margin-bottom:8px;align-items:flex-start}.item_row label{color:#494949}.item_row span{color:#000;text-align:right;white-space:pre-line;font-weight:500;font-size:1.05em}.btn-big{flex:7}.btn-small{flex:3}.btn-full{width:100%;padding:1.5em!important;margin-top:1em}.user_info label{padding:8px 0;display:flex}.user_info input.input-basic{padding:1em}p.check_message{font-size:.9em;padding:4px 8px}.label_info{font-weight:700;padding-left:5px;color:#000;font-size:1.1em}@media (max-width: 768px){.quote-page{padding:12px;gap:16px}.vehicle-header{flex-direction:column;align-items:center;text-align:center}.vehicle-header img{width:100%;max-width:340px}.vehicle-option-grid,.model-option-grid{grid-template-columns:1fr;gap:12px}.summary-panel{position:relative;top:0}.brand-grid{grid-template-columns:repeat(3,1fr);padding:1em}.model-grid{grid-template-columns:repeat(2,1fr)}.option-card,.accordion-card{font-size:.85em;padding:6px}.vehicle-title{font-size:18px}.color-chip{width:22px;height:22px}.segmented-btn{padding:.75em 0;font-size:.9em}.intro-popup{width:90%;padding:1.5em 1.2em}.site_logo{max-width:50%}.btn_next{padding:.8em 1.4em;font-size:1em}.brand-tile img{width:80px;height:auto}.type_list{font-size:.9em}.item_row{grid-template-columns:110px 1fr}}@media (max-width: 480px){.brand-grid{grid-template-columns:repeat(2,1fr)}.model-grid{grid-template-columns:repeat(2,1fr);gap:10px}.vehicle-header img{max-width:300px}.item_row{grid-template-columns:90px 1fr}.pill{padding:4px 10px;font-size:.85em}button img{width:26px;padding-right:6px}}