??댁뼱 怨듭옣?꾧? 寃??| ?쒓뎅쨌湲덊샇쨌?μ꽱쨌誘몄뎽由?怨듦? 鍮꾧탳 - 諛붾줈李?/title> <link rel="icon" href="/favicon.jpg" type="image/jpeg" /> <link rel="apple-touch-icon" href="/favicon.jpg" /> <meta name="description" content="??댁뼱 怨듭옣?꾧?(怨듭옣異쒓퀬媛) 寃?? ?쒓뎅??댁뼱쨌湲덊샇쨌?μ꽱쨌誘몄뎽由걔룹퐯?곕꽙????12媛?釉뚮옖??5,000媛? ?⑦꽩 怨듦? 鍮꾧탳. ?ъ씠利댟룸툕?쒕뱶쨌?쒖쫵 ?꾪꽣, ?좎씤??怨꾩궛."> <meta name="keywords" content="??댁뼱 怨듭옣?꾧?,怨듭옣異쒓퀬媛,??댁뼱 怨듦?,??댁뼱 ?꾨ℓ媛,?쒓뎅??댁뼱 怨듭옣?꾧?,湲덊샇??댁뼱 怨듭옣?꾧?,?μ꽱 怨듭옣?꾧?,誘몄뎽由?怨듭옣?꾧?,225/55R17 怨듭옣?꾧?"> <meta name="robots" content="index,follow,max-image-preview:large"> <link rel="canonical" href="https://barocalc.kr/factory_price.html"> <meta name="theme-color" content="#2563eb"> <meta property="og:type" content="website"> <meta property="og:title" content="??댁뼱 怨듭옣?꾧? 寃??| 諛붾줈李?> <meta property="og:description" content="5,000媛? ??댁뼱 怨듭옣?꾧? 鍮꾧탳. ?ъ씠利??낅젰 ??踰덉뿉 釉뚮옖?쒕퀎 怨듦? ?뺤씤."> <meta property="og:url" content="https://barocalc.kr/factory_price.html"> <meta property="og:locale" content="ko_KR"> <meta property="og:site_name" content="諛붾줈李?> <script async src="https://www.googletagmanager.com/gtag/js?id=G-LDYZEZSYMP"></script> <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-LDYZEZSYMP');</script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5909497915228323" crossorigin="anonymous"></script> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebApplication","name":"??댁뼱 怨듭옣?꾧? 寃??,"url":"https://barocalc.kr/factory_price.html","applicationCategory":"UtilitiesApplication","operatingSystem":"Any","inLanguage":"ko-KR","description":"??댁뼱 怨듭옣?꾧?(怨듭옣異쒓퀬媛) ?ъ씠利댟룸툕?쒕뱶 寃??,"offers":{"@type":"Offer","price":"0","priceCurrency":"KRW"}} </script> <style> *{margin:0;padding:0;box-sizing:border-box} html,body{font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f5f5;color:#222;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} .hdr{position:sticky;top:0;z-index:200;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)} .hdr-inner{display:flex;align-items:center;padding:10px 16px;max-width:720px;margin:0 auto} .hdr-logo{display:flex;align-items:center;gap:6px} .hdr-logo svg{width:24px;height:24px} .hdr-logo b{font-size:16px;color:#111;letter-spacing:-.5px} .hdr-logo b span{color:#2563eb} .hdr-badge{background:#2563eb;color:#fff;font-size:9px;font-weight:800;padding:2px 7px;border-radius:50px;margin-left:6px} .hdr-upd{text-align:center;font-size:11px;color:#888;font-weight:600;padding:0 16px 8px;max-width:720px;margin:0 auto} .search-wrap{background:#fff;padding:12px 16px;border-bottom:1px solid #eee} .search-box{display:flex;align-items:center;gap:4px;border:2px solid #e0e0e0;border-radius:12px;padding:4px 6px 4px 14px;max-width:560px;margin:0 auto;transition:border-color .2s;background:#fff} .search-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)} .ssize{flex:1;border:none;background:none;font-size:16px;font-weight:800;text-align:left;padding:12px 4px;outline:none;font-family:inherit;color:#111;min-width:0;letter-spacing:.02em} .ssize::placeholder{color:#bbb;font-weight:600;font-size:14px;letter-spacing:0} .sbtn{background:#2563eb;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0} .sbtn svg{width:20px;height:20px;color:#fff} .brand-wrap{background:#fff;border-bottom:1px solid #eee;padding:0 16px 10px} .brand-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #ddd;border-radius:6px;overflow:hidden;max-width:640px;margin:0 auto} .btab{padding:10px 2px;text-align:center;font-size:12px;font-weight:600;color:#444;cursor:pointer;background:#fff;border-right:1px solid #eee;border-bottom:1px solid #eee;white-space:nowrap} .btab:nth-child(7n){border-right:none} .btab:hover{background:#f8f8f8} .btab.active{background:#3a3a3a;color:#fff;font-weight:800} .filter-wrap{background:#fff;padding:8px 16px;border-bottom:1px solid #eee;display:none} .filter-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;max-width:640px;margin:0 auto} .chip{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid #e0e0e0;background:#fff;color:#666;font-family:inherit} .chip.active{background:#3a3a3a;color:#fff;border-color:#3a3a3a} .chip.g.active{background:#7c3aed;border-color:#7c3aed} .chip.s.active{background:#0d9488;border-color:#0d9488} .fdiv{width:1px;height:16px;background:#ddd} .res-hdr{display:none;max-width:720px;margin:0 auto;padding:12px 16px 6px;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap} .res-hdr.show{display:flex} .res-hdr .cnt{font-size:13px;font-weight:700;color:#333} .res-hdr .cnt b{color:#2563eb} .round-tog{display:inline-flex;align-items:center;gap:8px;user-select:none;cursor:pointer;font-size:12px;font-weight:700;color:#555;background:#fff;border:1px solid #e5e5e5;border-radius:999px;padding:6px 10px} .round-tog input{display:none} .round-tog .sw{width:34px;height:20px;border-radius:999px;background:#ddd;position:relative;transition:.15s} .round-tog .sw::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:.15s} .round-tog input:checked + .sw{background:#2563eb} .round-tog input:checked + .sw::after{left:16px} .round-tog.on{color:#2563eb;border-color:#f0c3ae;background:#fff7f3} .cb-li{background:#fff7ed;color:#c2410c;border:1px solid #fdba74} .card-spec .li-label{color:#999;font-weight:600;margin-left:6px} .card-spec .li-val{color:#c2410c;font-weight:800} .card-spec .si-val{color:#1d4ed8;font-weight:800} .card-list{padding:0 16px 100px;max-width:720px;margin:0 auto} .card{background:#fff;border-radius:12px;padding:16px;margin-bottom:10px;border:1px solid #eee} .card-badges{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap} .cb{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700} .cb-brand{color:#fff} .cb-grade{background:#f3f0ff;color:#7c3aed} .cb-season{background:#f0fdf4;color:#16a34a} .cb-season.winter{background:#eff6ff;color:#2563eb} .cb-season.summer{background:#fffbeb;color:#d97706} .cb-season.allweather{background:#f5f3ff;color:#7c3aed} .card-main{display:flex;gap:12px;align-items:flex-start} .card-info{flex:1;min-width:0} .card-model{font-size:17px;font-weight:800;color:#111;margin-bottom:4px;line-height:1.3} .card-spec{font-size:12px;color:#888;font-weight:500;margin-bottom:2px} .card-spec b{color:#555;font-weight:700} .card-price-area{margin-top:12px} .card-factory-label{font-size:11px;color:#999;font-weight:500} .card-factory-price{font-size:11px;color:#999;text-decoration:line-through;margin-bottom:2px} .card-price-row{display:flex;align-items:baseline;gap:6px} .card-price{font-size:24px;font-weight:900;color:#111} .card-won{font-size:14px;font-weight:600;color:#666} .card-calc{display:flex;align-items:center;gap:4px;margin-top:10px;padding-top:10px;border-top:1px solid #f0f0f0} .card-calc .lbl{font-size:11px;color:#999;font-weight:600;white-space:nowrap} .card-calc input{width:34px;padding:5px 2px;border:1px solid #ddd;border-radius:5px;font-size:12px;text-align:center;font-family:inherit;font-weight:700;outline:none;background:#fafafa} .card-calc input:focus{border-color:#2563eb;background:#fff} .card-calc .unit{font-size:10px;color:#aaa} .card-calc .result{margin-left:auto;font-size:18px;font-weight:900;color:#2563eb;white-space:nowrap} .card-calc .result-lbl{font-size:10px;color:#aaa;font-weight:600;margin-left:auto;margin-right:4px;white-space:nowrap} .empty-msg{text-align:center;padding:40px 20px;color:#bbb;font-size:14px} .bnb{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;display:flex;z-index:200;padding-bottom:env(safe-area-inset-bottom)} .bnb a{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 4px 6px;font-size:10px;font-weight:600;color:#bbb;text-decoration:none;gap:2px} .bnb a.active{color:#2563eb} .bnb a svg{width:20px;height:20px} @media(max-width:400px){ .brand-grid{grid-template-columns:repeat(5,1fr)} .card-model{font-size:15px} .card-price{font-size:20px} } .site-top{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:220} .site-top .inner{max-width:720px;margin:0 auto;height:56px;display:flex;align-items:center;gap:12px;padding:0 16px} .site-top .logo{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:1.05rem;text-decoration:none;color:#111} .site-top .logo-img{width:30px;height:30px;border-radius:9px;object-fit:cover;flex-shrink:0;box-shadow:0 3px 10px rgba(37,99,235,.18);background:#fff} .site-top .logo-text{line-height:1} .site-top{background:#0f172a;border-bottom:1px solid #1e293b;box-shadow:0 2px 12px rgba(15,23,42,.18)} .site-top .logo{color:#fff} .site-top .logo-text{color:#fff} .site-top .nav{margin-left:auto;display:flex;gap:5px;overflow:auto;scrollbar-width:none} .site-top .nav a{padding:8px 12px;border-radius:999px;font-size:13px;font-weight:800;color:#e2e8f0;text-decoration:none;white-space:nowrap;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)} .site-top .nav a:hover{background:rgba(255,255,255,.14);color:#fff} .site-top .nav a.active{background:#2563eb;color:#fff;border-color:#3b82f6} .seo-block{max-width:720px;margin:0 auto;padding:20px 16px 40px} .seo-block h1{font-size:1.35rem;font-weight:900;margin:0 0 8px;letter-spacing:-.03em} .seo-block p{font-size:14px;color:#4b5563;line-height:1.7;margin:0 0 10px;word-break:keep-all} .seo-block .pop{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0} .seo-block .pop a{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700;color:#1f2937;text-decoration:none} .seo-block .pop a:hover{border-color:#93c5fd;color:#2563eb} .site-footer{background:#0f172a;color:#94a3b8;padding:28px 16px 40px;margin-top:12px} .site-footer .inner{max-width:720px;margin:0 auto} .site-footer a{color:#e2e8f0;font-weight:700;text-decoration:none;margin-right:12px;font-size:13px} .site-footer .note{font-size:12px;margin-top:12px;line-height:1.5} .ad-slot{margin:16px auto;max-width:720px;min-height:90px;border-radius:12px;background:#f8fafc;border:1px dashed #cbd5e1;display:grid;place-items:center;color:#94a3b8;font-size:12px;font-weight:700} .hdr{display:none} .bnb a.active{color:#2563eb} @media(max-width:800px){.site-top .nav{display:flex;gap:4px}.site-top .nav a{padding:7px 9px;font-size:12px}} </style> </head> <body> <div class="site-top"> <div class="inner"> <a class="logo" href="/"><img class="logo-img" src="/assets/brand/logo-mark.jpg" alt="諛붾줈李? width="32" height="32" /><span class="logo-text">諛붾줈李?/span></a> <nav class="nav" aria-label="硫붾돱"> <a class="active" href="/factory_price.html">??댁뼱 怨듭옣??/a> <a href="/guides/tire.html">??댁뼱 媛?대뱶</a> <a href="/tools/tire-size.html">?ъ씠利??댁꽍</a> <a href="/tools/oil-cost.html">?ㅼ씪 鍮꾩슜</a> </nav> </div> </div> <div class="seo-block" style="padding-bottom:8px"> <h1>??댁뼱 怨듭옣?꾧? 寃??/h1> <p>移댁꽱?걔룸룄留?湲곗? <strong>怨듭옣?꾧?(怨듭옣異쒓퀬媛쨌怨듦?)</strong>瑜??ъ씠利덈줈 寃?됲빐 釉뚮옖?쑣룻뙣?대퀎濡?鍮꾧탳?⑸땲?? 寃ъ쟻??怨쇳븳吏媛?좏븯??李멸퀬???쒖꽭?낅땲?? (?ㅼ젣 ?먮ℓ媛쨌?ш퀬? ?ㅻ? ???덉쓬)</p> <p id="db-meta" style="font-size:12px;color:#6b7280;font-weight:700">DB 濡쒕뵫 以묅?/p> </div> <div class="search-wrap"> <div class="search-box"> <input class="ssize" id="ssize" type="text" inputmode="text" autocomplete="off" placeholder="?? 225/55R17 ?먮뒗 2255517" aria-label="??댁뼱 ?ъ씠利?> <button class="sbtn" onclick="doSearch()" aria-label="寃??><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></button> </div> </div> <div class="brand-wrap"> <div class="brand-grid" id="brand-grid"> <div class="btab" onclick="pickBrand(this,'?쒓뎅??댁뼱')">?쒓뎅</div> <div class="btab" onclick="pickBrand(this,'湲덊샇??댁뼱')">湲덊샇</div> <div class="btab" onclick="pickBrand(this,'?μ꽱??댁뼱')">?μ꽱</div> <div class="btab" onclick="pickBrand(this,'釉뚮━吏?ㅽ넠')">釉뚮━吏?ㅽ넠</div> <div class="btab" onclick="pickBrand(this,'肄섑떚?⑦깉')">肄섑떚?⑦깉</div> <div class="btab" onclick="pickBrand(this,'誘몄뎽由?)">誘몄뎽由?/div> <div class="btab" onclick="pickBrand(this,'援우씠??)">援우씠??/div> <div class="btab" onclick="pickBrand(this,'?쇰젏由?)">?쇰젏由?/div> <div class="btab" onclick="pickBrand(this,'?섎∼')">?섎∼</div> <div class="btab" onclick="pickBrand(this,'?붿퐫?섎쭏')">?붿퐫</div> <div class="btab" onclick="pickBrand(this,'?쇱슦??)">?쇱슦??/div> <div class="btab" onclick="pickBrand(this,'BFG')">BFG</div> </div> </div> <div class="filter-wrap" id="filter-wrap"> <div class="filter-row"> <div class="chip g active" onclick="pickGrade(this,'')">?꾩껜</div> <div class="chip g" onclick="pickGrade(this,'媛?깅퉬')">媛?깅퉬</div> <div class="chip g" onclick="pickGrade(this,'怨좉툒??)">怨좉툒??/div> <div class="chip g" onclick="pickGrade(this,'理쒓퀬湲됲삎')">理쒓퀬湲됲삎</div> <div class="chip g" onclick="pickGrade(this,'OE')">OE</div> <div class="fdiv"></div> <div class="chip s active" onclick="pickSeason(this,'')">?꾩껜</div> <div class="chip s" onclick="pickSeason(this,'?ш퀎?덉슜')">?ш퀎??/div> <div class="chip s" onclick="pickSeason(this,'?щ쫫??)">?щ쫫??/div> <div class="chip s" onclick="pickSeason(this,'寃⑥슱??)">寃⑥슱??/div> <div class="chip s" onclick="pickSeason(this,'?ъ썾??)">?ъ썾??/div> </div> </div> <div class="res-hdr" id="res-hdr"> <div class="cnt"><b id="s-cnt">0</b>媛?寃?됰맖</div> <label class="round-tog" id="round-tog-label"> <input type="checkbox" id="round-up" onchange="toggleRoundUp(this)"> <span class="sw"></span> <span id="round-tog-txt">泥쒖썝 ?щ┝ OFF</span> </label> </div> <div class="card-list" id="card-list"> <div class="empty-msg">?ъ씠利덈? ?낅젰?섍퀬 寃?됲븯?몄슂 (?? 225/55R17)</div> </div> <div class="ad-slot">Advertisement</div> <div class="seo-block"> <h2 style="font-size:1.1rem;font-weight:900;margin:0 0 8px">?멸린 ?ъ씠利?怨듭옣?꾧?</h2> <p>寃?됰웾??留롮? 洹쒓꺽? ?꾩슜 ?섏씠吏?먯꽌??諛붾줈 鍮꾧탳?????덉뒿?덈떎.</p> <div class="pop" id="pop-sizes"> <a href="/factory/225-55-17.html">225/55R17</a> <a href="/factory/215-55-17.html">215/55R17</a> <a href="/factory/225-45-17.html">225/45R17</a> <a href="/factory/225-45-18.html">225/45R18</a> <a href="/factory/235-55-18.html">235/55R18</a> <a href="/factory/235-55-19.html">235/55R19</a> <a href="/factory/245-45-18.html">245/45R18</a> <a href="/factory/245-45-19.html">245/45R19</a> <a href="/factory/245-40-19.html">245/40R19</a> <a href="/factory/255-45-19.html">255/45R19</a> <a href="/factory/205-55-16.html">205/55R16</a> <a href="/factory/215-45-17.html">215/45R17</a> </div> <p style="margin-top:14px"><a href="/guides/tire.html" style="color:#2563eb;font-weight:800">??댁뼱 援먯껜 ?쒓린 媛?대뱶 ??/a> 쨌 <a href="/tools/tire-size.html" style="color:#2563eb;font-weight:800">?ъ씠利??댁꽍 ??/a></p> <p style="font-size:12px;color:#9ca3af">??怨듭옣?꾧???李멸퀬?⑹씠硫??쒖젏쨌?좏넻쨌?꾨줈紐⑥뀡???곕씪 ?ㅼ젣 嫄곕옒媛? ?ㅻ? ???덉뒿?덈떎. ?뺣퉬쨌援щℓ 寃곗젙? ?꾩? 寃ъ쟻???뺤씤?섏꽭??</p> </div> <footer class="site-footer"> <div class="inner"> <div><strong style="color:#fff">諛붾줈李?/strong></div> <div style="margin-top:10px"> <a href="/">??/a> <a href="/factory_price.html">??댁뼱 怨듭옣??/a> <a href="/guides/tire.html">??댁뼱</a> <a href="/privacy.html">媛쒖씤?뺣낫</a> <a href="/disclaimer.html">硫댁콉</a> <a href="/contact.html">臾몄쓽</a> </div> <p class="note">짤 諛붾줈李?쨌 怨듭옣?꾧?쨌怨듦? ?뺣낫??李멸퀬?⑹엯?덈떎.</p> </div> </footer> <script> let TIRE_DB = []; let DB_READY = false; async function loadDB(){ if(DB_READY) return; const el = document.getElementById('card-list'); if(el) el.innerHTML = '<div class="empty-msg">媛寃??곗씠??遺덈윭?ㅻ뒗 以묅?/div>'; try { const r = await fetch('/assets/tire-db.json', {cache:'force-cache'}); if(!r.ok) throw new Error('db '+r.status); TIRE_DB = await r.json(); DB_READY = true; const meta = document.getElementById('db-meta'); if(meta) meta.textContent = 'DB ' + TIRE_DB.length.toLocaleString() + '媛?쨌 李멸퀬??; // auto search from URL after load const p=new URLSearchParams(location.search);const s=p.get('size')||p.get('s')||p.get('q')||''; if(s){const inp=document.getElementById('ssize');if(inp){inp.value=s;doSearch();}} } catch(e){ console.error(e); if(el) el.innerHTML = '<div class="empty-msg">?곗씠?곕? 遺덈윭?ㅼ? 紐삵뻽?듬땲?? ?덈줈怨좎묠 ?댁＜?몄슂.</div>'; } } const _origDoSearch = null; const BRAND_ORDER=["?쒓뎅??댁뼱", "湲덊샇??댁뼱", "?μ꽱??댁뼱", "釉뚮━吏?ㅽ넠", "肄섑떚?⑦깉", "誘몄뎽由?, "援우씠??, "?쇰젏由?, "?섎∼", "?붿퐫?섎쭏", "?쇱슦??, "BFG"]; const BC={"?쒓뎅??댁뼱":"#e74c3c","湲덊샇??댁뼱":"#f39c12","?μ꽱??댁뼱":"#27ae60","釉뚮━吏?ㅽ넠":"#d35400","肄섑떚?⑦깉":"#e67e22","誘몄뎽由?:"#2980b9","援우씠??:"#3498db","?쇰젏由?:"#c0392b","?섎∼":"#16a085","?붿퐫?섎쭏":"#7f8c8d","?쇱슦??:"#5dade2","BFG":"#8e44ad","湲고?":"#95a5a6"}; let curBrand='',curGrade='',curSeason='',filtered=[]; function parseSizeInput(raw){ if(!raw) return null; let s=String(raw).trim().toUpperCase().replace(/\s+/g,'').replace(/-/g,'/').replace(/횞/g,'/'); // 225/55R17 or 225/55/17 let m=s.match(/^(\d{3})\/(\d{2})R?(\d{2})$/); if(m) return m[1]+'/'+m[2]+'R'+m[3]; // 2255517 m=s.match(/^(\d{3})(\d{2})(\d{2})$/); if(m) return m[1]+'/'+m[2]+'R'+m[3]; // partial: 225/55 or 225 m=s.match(/^(\d{3})\/(\d{2})$/); if(m) return {w:m[1], r:m[2], i:''}; m=s.match(/^(\d{3})$/); if(m) return {w:m[1], r:'', i:''}; return s; // fallback free text match } function sizeQuery(raw){ const parsed=parseSizeInput(raw); if(!parsed) return null; if(typeof parsed==='string' && parsed.includes('R')){ return {exact:parsed, w:parsed.slice(0,3), r:parsed.slice(4,6), i:parsed.slice(7,9)}; } if(typeof parsed==='object') return {exact:'', ...parsed}; // free text return {exact:'', free:String(parsed).toLowerCase(), w:'', r:'', i:''}; } function doSearch(){ if(!DB_READY){alert('媛寃??곗씠?곕? 遺덈윭?ㅻ뒗 以묒엯?덈떎. ?좎떆 ???ㅼ떆 ?쒕룄?섏꽭??');return;} const raw=(document.getElementById('ssize')?.value||'').trim(); if(!raw){alert('?ъ씠利덈? ?낅젰?댁＜?몄슂\n?? 225/55R17');return;} const q=sizeQuery(raw); filtered=TIRE_DB.filter(t=>{ if(!t.s)return false; if(q.exact) return t.s===q.exact || t.s.replace('R','/')===q.exact.replace('R','/'); if(q.free) return t.s.toLowerCase().replace(/[^0-9]/g,'').includes(q.free.replace(/[^0-9]/g,'')) || (t.n||'').toLowerCase().includes(q.free); let ok=true; if(q.w) ok=ok&&t.s.startsWith(q.w+'/'); if(q.r) ok=ok&&t.s.includes('/'+q.r+'R'); if(q.i) ok=ok&&t.s.endsWith('R'+q.i); return ok; }); curBrand='';curGrade='';curSeason=''; document.querySelectorAll('.btab').forEach(c=>c.classList.remove('active')); document.querySelectorAll('.chip.g,.chip.s').forEach((c,i)=>c.classList.remove('active')); document.querySelectorAll('.chip.g')[0].classList.add('active'); document.querySelectorAll('.chip.s')[0].classList.add('active'); document.getElementById('filter-wrap').style.display=''; const __rh=document.getElementById('res-hdr');if(__rh){__rh.style.display='flex';__rh.classList.add('show');} applyFilters(); } function applyFilters(){ let list=filtered.slice(); if(curBrand) list=list.filter(t=>t.b===curBrand); if(curGrade) list=list.filter(t=>t.g===curGrade); if(curSeason) list=list.filter(t=>t.t===curSeason); list.sort((a,b)=>{ const ai=BRAND_ORDER.indexOf(a.b),bi=BRAND_ORDER.indexOf(b.b); const ao=ai<0?999:ai,bo=bi<0?999:bi; if(ao!==bo)return ao-bo; return(a.p||999999)-(b.p||999999); }); document.getElementById('s-cnt').textContent=list.length; renderCards(list); } function seasonCls(t){ if(t==='寃⑥슱??)return' winter';if(t==='?щ쫫??)return' summer';if(t==='?ъ썾??)return' allweather';return''; } function renderCards(list){ const el=document.getElementById('card-list'); if(!list.length){el.innerHTML='<div class="empty-msg">?대떦 議곌굔????댁뼱媛 ?놁뒿?덈떎</div>';return;} window._list=list;window._idx=0; el.innerHTML=''; loadMore(); } function loadMore(){ const list=window._list;if(!list)return; const el=document.getElementById('card-list'); const end=Math.min(window._idx+50,list.length); let h=''; for(let i=window._idx;i<end;i++){ const t=list[i]; const color=BC[t.b]||'#95a5a6'; const gB=t.g?'<span class="cb cb-grade">'+t.g+'</span>':''; const sB=t.t?'<span class="cb cb-season'+seasonCls(t.t)+'">'+t.t+'</span>':''; const pr=t.p?t.p.toLocaleString():'??; h+='<div class="card" data-base="'+(t.p||0)+'">' +'<div class="card-badges">' +'<span class="cb cb-brand" style="background:'+color+'">'+t.b+'</span>' +gB+sB +'</div>' +'<div class="card-info">' +'<div class="card-model">'+( t.n||'<span style="color:#bbb;font-weight:600">紐⑤뜽紐?誘멸났媛?/span>')+'</div>' +'<div class="card-spec">'+t.s+(t.li?' <span class="li-label">?섏쨷吏??/span> <span class="li-val">'+t.li+'</span>':'')+(t.si?' <span class="li-label">?띾룄吏??/span> <span class="si-val">'+t.si+'</span>':'')+'</div>' +'</div>' +'<div class="card-price-area">' +'<div class="card-factory-label">怨듭옣?꾧?(怨듭옣??</div>' +'<div class="card-price-row">' +'<span class="card-price">'+(t.p?priceOf(t.p).toLocaleString():'??)+'</span>' +'<span class="card-won">??/span>' +'</div>' +'</div>' +'<div class="card-calc">' +'<span class="lbl">留ㅼ엯媛蹂닿린</span>' +'<input type="number" value="1" min="1" max="99" onchange="calcC(this)" oninput="calcC(this)">' +'<span class="unit">媛?/span>' +'<input type="number" placeholder="0" min="0" max="50" onfocus="if(this.value===\'0\')this.value=\'\'" oninput="calcC(this)" onchange="calcC(this)">' +'<span class="unit">%</span>' +'<span class="result-lbl">?⑷퀎</span>' +'<span class="result" data-base="'+t.p+'">'+(t.p?priceOf(t.p).toLocaleString()+'??:'??)+'</span>' +'</div>' +'</div>'; } el.insertAdjacentHTML('beforeend',h); window._idx=end; } /* 臾댄븳 ?ㅽ겕濡?*/ window.addEventListener('scroll',function(){ if(!window._list||window._idx>=window._list.length)return; if(window.innerHeight+window.scrollY>=document.body.offsetHeight-400)loadMore(); }); /* 怨꾩궛 */ let ROUND_UP=false; function toggleRoundUp(el){ ROUND_UP=!!(el&&el.checked); const lab=document.getElementById('round-tog-label'); const txt=document.getElementById('round-tog-txt'); if(lab) lab.classList.toggle('on', ROUND_UP); if(txt) txt.textContent=ROUND_UP?'泥쒖썝 ?щ┝ ON':'泥쒖썝 ?щ┝ OFF'; // re-render visible calc results + factory prices document.querySelectorAll('.card').forEach(card=>{ const priceEl=card.querySelector('.card-price'); const base=parseInt(card.dataset.base||'0',10)||0; if(priceEl&&base){ const shown=ROUND_UP?Math.ceil(base/1000)*1000:base; priceEl.textContent=shown.toLocaleString(); } const cell=card.querySelector('.card-calc'); if(cell){ const inputs=cell.querySelectorAll('input'); if(inputs[0]) calcC(inputs[0]); } }); } function priceOf(base){ const n=parseInt(base,10)||0; if(!n) return 0; return ROUND_UP?Math.ceil(n/1000)*1000:n; } function calcC(inp){ const cell=inp.closest('.card-calc'); if(!cell)return; const inputs=cell.querySelectorAll('input'); const eq=cell.querySelector('.result'); if(!eq)return; const base=parseInt(eq.dataset.base)||0; if(!base)return; const qty=parseInt(inputs[0].value)||1; const disc=parseInt(inputs[1].value)||0; let total=Math.round(base*qty*(100-disc)/100); if(ROUND_UP) total=Math.ceil(total/1000)*1000; eq.textContent=total.toLocaleString()+'??; } function pickBrand(el,v){ if(!DB_READY){alert('媛寃??곗씠?곕? 遺덈윭?ㅻ뒗 以묒엯?덈떎.');return;} if(curBrand===v){curBrand='';el.classList.remove('active');} else{curBrand=v;document.querySelectorAll('.btab').forEach(c=>c.classList.remove('active'));el.classList.add('active');} // ?ъ씠利?寃???꾩씠硫??꾩껜 DB ??곸쑝濡?釉뚮옖???꾪꽣 if(!filtered.length){ filtered = TIRE_DB.slice(); document.getElementById('filter-wrap').style.display=''; const __rh=document.getElementById('res-hdr');if(__rh){__rh.style.display='flex';__rh.classList.add('show');} } applyFilters(); } function pickGrade(el,v){curGrade=v;document.querySelectorAll('.chip.g').forEach(c=>c.classList.remove('active'));el.classList.add('active');applyFilters();} function pickSeason(el,v){curSeason=v;document.querySelectorAll('.chip.s').forEach(c=>c.classList.remove('active'));el.classList.add('active');applyFilters();} /* URL handled after DB load */ /* Enter */ (function(){const el=document.getElementById('ssize');if(!el)return;el.addEventListener('keydown',e=>{if(e.key==='Enter'){e.preventDefault();doSearch();}});})(); loadDB(); </script> <script src="/assets/visitor-count.js?v=3" defer></script> </body> </html>