@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
:root{--color-bg:#fff;--color-primary:#06f;--color-text:#222;--color-border:#e2e2e2;--color-muted:#666}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Noto Sans KR,system-ui,sans-serif}a{color:inherit;text-decoration:none}.page-wrapper{max-width:1200px;margin:0 auto;padding-bottom:60px}.header{justify-content:space-between;align-items:center;padding:18px 8px;display:flex}.logo{letter-spacing:1px;font-size:22px;font-weight:700}.mypage-btn{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:999px;padding:8px 16px;font-size:14px}.top-nav{border-bottom:1px solid #eee;gap:16px;padding:8px 4px 16px;display:flex}.nav-item{background-color:#fff;border:1px solid #e2e2e2;border-radius:999px;padding:8px 14px;font-size:14px}.banner-section{max-width:1200px;margin:40px auto 0;padding:0 20px;position:relative}.banner-slide{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:100%;height:260px;overflow:hidden}.banner-img{object-fit:contain;width:100%;height:100%;display:block}.banner-text-overlay{color:#222;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff9;border-radius:12px;padding:10px 16px;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.banner-text-overlay h2{margin-bottom:4px;font-size:24px;font-weight:700}.banner-text-overlay p{font-size:14px}.banner-dots{background:#0006;border-radius:10px;gap:8px;padding:4px 8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background-color:#ffffff80;border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:all .2s}.dot.active{background-color:#fff;border-radius:4px;width:18px;transform:none}.search-section{margin-top:24px}.search-inner{align-items:center;gap:12px;max-width:680px;margin:0 auto;display:flex}.search-box{background-color:#fff;border:1px solid #ddd;border-radius:999px;flex:1;align-items:center;gap:8px;padding:10px 16px;display:flex}.search-icon{font-size:16px}.search-box input{border:none;outline:none;width:100%;font-size:14px}.search-submit-btn{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 26px;font-size:14px;font-weight:600;box-shadow:0 3px 8px #0066ff4d}.search-submit-btn:hover{filter:brightness(1.05)}.topcar-section{margin-top:32px}.topcar-section h3{margin-bottom:12px;font-size:18px}.topcar-slider{background-color:#fff;border-radius:16px;gap:24px;padding:16px;display:flex}.topcar-image-wrap{flex:1}.topcar-image-placeholder{width:100%;height:180px;color:var(--color-muted);background-color:#eee;border-radius:12px;justify-content:center;align-items:center;font-size:14px;display:flex}.topcar-info{flex-direction:column;justify-content:center;gap:8px;width:220px;display:flex}.topcar-name{font-weight:600}.topcar-sub{color:var(--color-muted);font-size:13px}.brand-section{margin-top:32px}.brand-tabs{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px;width:100%;display:grid}@media (max-width:1200px){.brand-tabs{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:10px}}@media (max-width:768px){.brand-tabs{grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:8px}}.brand-btn{color:#111;cursor:pointer;text-align:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:90px;padding:12px 8px;font-size:13px;transition:all .15s;display:flex}.brand-btn:hover{color:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 8px #2563eb1a}.brand-btn-active{color:#2563eb;background-color:#f0f8ff;border-color:#2563eb;font-weight:600}.brand-btn img{object-fit:contain;width:40px;height:40px;margin-bottom:4px}.car-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.car-card{background-color:#fff;border:1px solid #eee;border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.car-image-placeholder{width:100%;height:120px;color:var(--color-muted);background-color:#f1f1f1;border-radius:10px;justify-content:center;align-items:center;font-size:13px;display:flex}.car-info{flex-direction:column;gap:4px;display:flex}.car-name{font-size:14px;font-weight:500}.car-price{color:var(--color-primary);font-size:13px}.car-detail-btn{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;align-self:flex-start;margin-top:4px;padding:6px 12px;font-size:12px}.empty-text{color:#777;font-size:14px}.result-page{max-width:1100px;margin:24px auto 60px;padding:0 8px}.result-title{font-size:22px;font-weight:700}.result-keyword{color:var(--color-primary);margin-left:6px;font-size:20px}.result-sub{color:#666;margin-top:4px;font-size:13px}.car-result-list{flex-direction:column;gap:12px;margin-top:24px;display:flex}.car-result-row{background-color:#fff;border:1px solid #e5e5e5;border-radius:12px;grid-template-columns:170px 1fr 180px;gap:16px;padding:14px 18px;display:grid}.car-thumb-placeholder{width:100%;height:100px;color:var(--color-muted);background-color:#f3f3f3;border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex}.car-name-brand{margin-bottom:4px;font-size:13px}.car-brand{margin-right:4px;font-weight:700}.car-model{color:#444}.car-title{margin-bottom:4px;font-size:14px;font-weight:600}.car-meta-top,.car-meta-bottom{color:#777;font-size:12px}.car-price-box{flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;font-size:13px;display:flex}.car-price-line{gap:8px;display:flex}.car-price-label{color:#999}.car-price-sub{color:#333}.car-check-btn{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;margin-top:4px;padding:8px 16px;font-size:13px}@media (max-width:768px){.banner-slide{height:220px}.banner-text-overlay{left:20px}.banner-text-overlay h2{font-size:18px}.banner-text-overlay p{font-size:12px}.topcar-slider{flex-direction:column}.topcar-info{width:100%}.car-result-row{grid-template-columns:1fr}.car-price-box{align-items:flex-start}}.pagination{justify-content:center;gap:8px;margin:24px 0 40px;display:flex}.page-btn{cursor:pointer;background-color:#fff;border:1px solid #d0d7de;border-radius:999px;min-width:32px;height:32px;padding:0 8px;font-size:13px;transition:all .15s}.page-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.page-btn-active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}:root{--font-main:"SUIT",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html,body{font-family:var(--font-main)}.gnb-nav{align-items:center;gap:24px;font-size:15px;display:flex}.gnb-link{color:#222;padding-bottom:4px;font-weight:600;text-decoration:none;position:relative}.gnb-link:hover{color:#111}.gnb-link:after{content:"";background-color:#111;width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:0}.gnb-link-active:after{width:100%}.mega-menu-panel{z-index:999;background-color:#fff;border-top:1px solid #eee;width:100%;position:absolute;top:100%;left:0;box-shadow:0 12px 30px #00000014}.mega-menu-panel>div{max-width:1200px;margin:0 auto;padding:24px 40px 40px}.mega-greeting{margin-bottom:24px;font-size:18px}.mega-greeting-name{margin-right:4px;font-weight:800}.mega-greeting-sub{color:#444;font-weight:500}.mega-menu-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 40px;display:grid}.mega-menu-title{border-bottom:2px solid #ddd;margin-bottom:14px;padding-bottom:6px;font-size:16px;font-weight:800}.mega-call-number{letter-spacing:.03em;margin-top:4px;font-size:22px;font-weight:800}.gnb-link{padding-bottom:2px;position:relative}.gnb-link:after{content:"";transform-origin:100%;background-color:#0070f3;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.gnb-link:hover:after,.gnb-link-active:after{transform-origin:0;transform:scaleX(1)}.mega-panel{animation:.4s ease-out megaSlideDown}@keyframes megaSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.brand-testdrive-section{width:100%;margin:60px 0 40px}.brand-testdrive-title{text-align:center;margin-bottom:20px;font-size:22px;font-weight:600}.brand-testdrive-wrapper{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;max-width:1400px;margin:0 auto;padding:20px 32px;position:relative}@media (max-width:1200px){.brand-testdrive-wrapper{max-width:100%;padding:16px}}.brand-testdrive-scroll{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.brand-testdrive-scroll::-webkit-scrollbar{display:none}.brand-testdrive-list{gap:12px;min-width:max-content;display:flex}.brand-testdrive-item{background-color:#fff;border:1px solid #e5e5e5;flex-direction:column;justify-content:center;align-items:center;width:150px;height:120px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.brand-testdrive-item:hover{border-color:#06f;transform:scale(1.06);box-shadow:0 10px 22px #0000001f}.brand-testdrive-logo{justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:10px;display:flex}.brand-testdrive-logo img{object-fit:contain;max-width:100%;max-height:100%}.brand-testdrive-name{color:#333;font-size:14px}.brand-testdrive-arrow{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.brand-testdrive-arrow.left{left:8px}.brand-testdrive-arrow.right{right:8px}.brand-testdrive-progress{width:100%;margin-top:12px}.brand-testdrive-progress-inner{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 32px;display:flex}@media (max-width:1200px){.brand-testdrive-progress-inner{max-width:100%;padding:0 16px}}.brand-testdrive-progress-line{background-color:#e5e5e5;flex:1;height:2px;position:relative;overflow:hidden}.brand-testdrive-progress-indicator{background-color:#111;height:2px;transition:width .25s;position:absolute;top:0;left:0}.brand-testdrive-progress-arrows{color:#666;align-items:center;gap:8px;margin-left:10px;font-size:11px;display:flex}.brand-testdrive-progress-arrows button{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.brand-testdrive-progress-arrows span{color:#666;font-size:11px}