\uc5f0\ub8cc\ube44\uc808\uac10\uc561 \uacc4\uc0b0\uae30 | (\uc8fc)\uc54c\ud14d\ucf54\ub9ac\uc544<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@400;500;700;900&family=Bebas+Neue&family=Roboto+Mono:wght@400;600&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --navy:#0a1628; --navy2:#112240; --blue:#1a4a8a;\n --accent:#c0392b; --silver:#b8c4d0; --gold:#d4a843;\n --green:#27ae60; --white:#f5f7fa;\n}\n*{box-sizing:border-box;margin:0;padding:0;}\nbody{font-family:'Noto Sans KR',sans-serif;background:transparent;color:var(--white);padding:20px;}\n.calc-wrap{max-width:1100px;margin:0 auto;background:var(--navy2);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.5);border:1px solid rgba(180,200,220,0.15);}\n\n\/* HEADER *\/\n.calc-header{background:linear-gradient(135deg,var(--blue) 0%,var(--navy) 100%);padding:28px 36px;display:flex;align-items:center;gap:16px;border-bottom:3px solid var(--accent);}\n.calc-header .icon{font-size:2.4rem;}\n.calc-header h1{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:3px;color:#fff;}\n.calc-header p{font-size:0.78rem;color:var(--silver);margin-top:2px;letter-spacing:1px;}\n.brand-tag{margin-left:auto;background:var(--accent);color:#fff;font-size:0.72rem;font-weight:700;padding:6px 14px;border-radius:20px;letter-spacing:1px;white-space:nowrap;}\n\n\/* BODY *\/\n.calc-body{display:grid;grid-template-columns:1fr 1fr;}\n.panel{padding:32px 36px;}\n.panel-input{border-right:1px solid rgba(180,200,220,0.12);}\n.panel-output{background:rgba(26,74,138,0.08);}\n.panel-title{font-size:0.72rem;font-weight:700;letter-spacing:3px;color:var(--silver);text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:8px;}\n.panel-title::after{content:'';flex:1;height:1px;background:rgba(180,200,220,0.2);}\n\n\/* FORM *\/\n.form-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;}\n.form-label{font-size:0.82rem;color:var(--silver);min-width:140px;font-weight:500;}\n.form-input{flex:1;background:rgba(255,255,255,0.06);border:1px solid rgba(180,200,220,0.2);border-radius:6px;padding:9px 12px;color:#fff;font-size:0.88rem;font-family:'Roboto Mono',monospace;outline:none;transition:border-color 0.2s,background 0.2s;}\n.form-input:focus{border-color:var(--gold);background:rgba(255,255,255,0.1);}\n.form-input[readonly]{opacity:0.6;cursor:default;}\n.form-unit{font-size:0.75rem;color:var(--silver);min-width:36px;}\nselect.form-input{cursor:pointer;appearance:none;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b8c4d0' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;}\nselect.form-input option{background:var(--navy2);color:#fff;}\n.form-hint{font-size:0.68rem;color:rgba(180,200,220,0.45);margin:-8px 0 12px 0;padding-left:4px;}\n.form-divider{height:1px;background:rgba(180,200,220,0.1);margin:18px 0;}\n\n\/* TOGGLE *\/\n.toggle-group{display:flex;gap:6px;flex:1;}\n.toggle-btn{flex:1;padding:8px 0;border-radius:6px;border:1px solid rgba(180,200,220,0.25);background:rgba(255,255,255,0.05);color:var(--silver);font-size:0.82rem;font-weight:700;cursor:pointer;transition:all 0.2s;font-family:'Noto Sans KR',sans-serif;}\n.toggle-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;}\n.ratio-display{font-family:'Roboto Mono',monospace;font-size:0.85rem;color:var(--gold);min-width:80px;text-align:center;}\n.ratio-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:rgba(255,255,255,0.15);outline:none;cursor:pointer;}\n.ratio-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gold);cursor:pointer;}\n\n\/* BUTTONS *\/\n.calc-btn{width:100%;margin-top:20px;padding:14px;background:linear-gradient(135deg,var(--accent),#a93226);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;font-family:'Noto Sans KR',sans-serif;cursor:pointer;letter-spacing:2px;transition:all 0.2s;box-shadow:0 4px 20px rgba(192,57,43,0.4);}\n.calc-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(192,57,43,0.5);}\n.reset-btn{width:100%;margin-top:8px;background:none;border:1px solid rgba(180,200,220,0.2);color:var(--silver);padding:8px 14px;border-radius:6px;font-size:0.78rem;cursor:pointer;font-family:'Noto Sans KR',sans-serif;transition:all 0.2s;}\n.reset-btn:hover{background:rgba(255,255,255,0.06);}\n\n\/* OUTPUT CARDS *\/\n.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;}\n.result-card{background:rgba(255,255,255,0.05);border:1px solid rgba(180,200,220,0.12);border-radius:10px;padding:16px;text-align:center;}\n.result-card.highlight{background:rgba(26,74,138,0.35);border-color:var(--gold);}\n.r-label{font-size:0.68rem;color:var(--silver);letter-spacing:1px;margin-bottom:6px;font-weight:500;}\n.r-value{font-family:'Roboto Mono',monospace;font-size:1.6rem;font-weight:600;color:#fff;line-height:1;}\n.r-value.gold{color:var(--gold);}\n.r-unit{font-size:0.72rem;color:var(--silver);margin-top:4px;}\n.r-dash{font-family:'Roboto Mono',monospace;font-size:1.6rem;color:rgba(255,255,255,0.15);}\n\n\/* RANGE CARD *\/\n.range-card{grid-column:1\/-1;background:rgba(26,74,138,0.25);border:1px solid var(--gold);border-radius:10px;padding:16px 20px;}\n.range-title{font-size:0.68rem;color:var(--silver);letter-spacing:1px;font-weight:700;text-align:center;margin-bottom:12px;}\n.range-rows{display:flex;flex-direction:column;gap:10px;}\n.range-row{display:flex;align-items:center;gap:10px;}\n.range-badge{font-size:0.65rem;font-weight:700;padding:3px 8px;border-radius:4px;min-width:52px;text-align:center;}\n.badge-con{background:rgba(100,120,150,0.4);color:#8aa0b8;}\n.badge-avg{background:rgba(26,74,138,0.6);color:#7eb3ff;}\n.badge-opt{background:rgba(39,174,96,0.3);color:#2ecc71;}\n.range-bar-wrap{flex:1;height:6px;background:rgba(255,255,255,0.08);border-radius:3px;overflow:hidden;}\n.range-bar{height:100%;border-radius:3px;transition:width 0.7s ease;}\n.range-value{font-family:'Roboto Mono',monospace;font-size:0.92rem;font-weight:600;min-width:120px;text-align:right;}\n.val-con{color:#8aa0b8;}\n.val-avg{color:#7eb3ff;font-size:1.05rem;}\n.val-opt{color:#2ecc71;}\n.range-sub{font-size:0.62rem;color:rgba(180,200,220,0.4);margin-top:1px;}\n.range-placeholder{text-align:center;color:rgba(255,255,255,0.15);font-size:0.85rem;padding:10px 0;}\n\n\/* BENEFITS *\/\n.benefits-title{font-size:0.68rem;letter-spacing:2px;color:var(--silver);text-transform:uppercase;margin-bottom:10px;font-weight:700;}\n.benefits-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px;}\n.benefits-list li{font-size:0.75rem;color:var(--silver);padding:5px 8px;background:rgba(255,255,255,0.04);border-radius:4px;display:flex;align-items:center;gap:5px;}\n.benefits-list li::before{content:'\u2713';color:var(--green);font-weight:700;}\n\n\/* NOTICE *\/\n.notice{margin-top:16px;padding:12px 14px;background:rgba(212,168,67,0.08);border-left:3px solid var(--gold);border-radius:0 6px 6px 0;font-size:0.70rem;color:var(--silver);line-height:1.7;}\n.notice a{color:var(--gold);text-decoration:none;}\n\n\/* SOURCE BOX *\/\n.source-box{margin-top:10px;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(180,200,220,0.1);border-radius:6px;font-size:0.66rem;color:rgba(180,200,220,0.5);line-height:1.6;}\n\n\/* FOOTER *\/\n.calc-footer{padding:14px 36px;background:rgba(0,0,0,0.2);border-top:1px solid rgba(180,200,220,0.08);font-size:0.66rem;color:rgba(180,200,220,0.35);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;}\n\n\/* ANIMATION *\/\n@keyframes fadeIn{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}\n.animated{animation:fadeIn 0.4s ease;}\n\n\/* RESPONSIVE *\/\n@media(max-width:720px){\n body{padding:8px;}\n .calc-body{grid-template-columns:1fr;}\n .panel-input{border-right:none;border-bottom:1px solid rgba(180,200,220,0.12);}\n .calc-header{flex-wrap:wrap;padding:16px;gap:10px;}\n .calc-header h1{font-size:1.4rem;}\n .calc-header p{font-size:0.68rem;}\n .brand-tag{margin-left:0;}\n .panel{padding:20px 14px;}\n .form-label{min-width:90px;font-size:0.76rem;}\n .form-input{font-size:0.82rem;padding:8px 10px;}\n .form-unit{min-width:28px;font-size:0.7rem;}\n .result-grid{grid-template-columns:1fr;gap:8px;}\n .r-value{font-size:1.3rem;}\n .range-card{padding:12px 10px;}\n .range-value{min-width:90px;font-size:0.82rem;}\n .benefits-list{grid-template-columns:1fr;}\n .calc-footer{flex-direction:column;text-align:center;padding:12px 16px;}\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"calc-wrap\">\n\n \n <div class=\"calc-header\">\n <div class=\"icon\">\u26fd<\/div>\n <div>\n <h1>\uc5f0\ub8cc\ube44 \uc808\uac10\uc561 \uacc4\uc0b0\uae30<\/h1>\n <p>FUEL SAVINGS CALCULATOR \u2014 ALUMINUM GATE REPLACEMENT<\/p>\n <\/div>\n <div class=\"brand-tag\">(\uc8fc) \uc54c\ud14d\ucf54\ub9ac\uc544<\/div>\n <\/div>\n\n <div class=\"calc-body\">\n\n \n <div class=\"panel panel-input\">\n <div class=\"panel-title\">\uc785\ub825\ucc3d INPUT<\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\ucc28\uc885 \uc120\ud0dd<\/label>\n <select class=\"form-input\" id=\"vehicleType\" onchange=\"onVehicleSelect()\">\n <option value=\"\">-- \ucc28\uc885 \uc120\ud0dd --<\/option>\n <option value=\"50|1400|12.0\">1\ud1a4 \ubd09\uace0 (\uac10\uc18c 50kg)<\/option>\n <option value=\"200|3500|7.0\">3.5\ud1a4 \ub9c8\uc774\ud2f0 (\uac10\uc18c 200kg)<\/option>\n <option value=\"150|5500|6.0\">5\ud1a4 \ud504\ub9ac\ub9c8 (\uac10\uc18c 150kg)<\/option>\n <option value=\"200|5800|5.5\">5\ud1a4 \uba54\uac00\ud2b8\ub7ed (\uac10\uc18c 200kg)<\/option>\n <option value=\"400|15830|4.0\">25\ud1a4 \uc5d1\uc2dc\uc5b8\ud2b8 (\uac10\uc18c 400kg)<\/option>\n <option value=\"320|14500|4.0\">25\ud1a4 \ud504\ub9ac\ub9c8 (\uac10\uc18c 320kg)<\/option>\n <option value=\"direct\">\uc9c1\uc811 \uc785\ub825<\/option>\n <\/select>\n <\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\uacf5\ucc28\uc911\ub7c9<\/label>\n <input type=\"number\" class=\"form-input\" id=\"emptyWeight\" placeholder=\"\uc608) 3500\" min=\"500\" max=\"30000\">\n <span class=\"form-unit\">kg<\/span>\n <\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\uac10\uc18c\uc911\ub7c9<\/label>\n <input type=\"number\" class=\"form-input\" id=\"weightReduction\" placeholder=\"\uc608) 200\" min=\"10\" max=\"1000\">\n <span class=\"form-unit\">kg<\/span>\n <\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\uac10\uc18c\ud6c4 \uacf5\ucc28\uc911\ub7c9<\/label>\n <input type=\"number\" class=\"form-input\" id=\"newWeight\" placeholder=\"\uc790\ub3d9\uacc4\uc0b0\" readonly>\n <span class=\"form-unit\">kg<\/span>\n <\/div>\n\n <div class=\"form-divider\"><\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\ud604\uc7ac \uc5f0\ube44<\/label>\n <input type=\"number\" class=\"form-input\" id=\"currentFuelEff\" placeholder=\"\uc790\ub3d9\uc785\ub825\" step=\"0.1\" min=\"1\" max=\"30\">\n <span class=\"form-unit\">km\/L<\/span>\n <\/div>\n <div class=\"form-hint\">\u203b \ucc28\uc885 \uc120\ud0dd \uc2dc \uc790\ub3d9\uc785\ub825 \/ \uccb4\uac10\uc5f0\ube44 \uc9c1\uc811\uc218\uc815 \uac00\ub2a5<\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\uac1c\uc120 \uc5f0\ube44 (\ud3c9\uade0)<\/label>\n <input type=\"number\" class=\"form-input\" id=\"improvedFuelEff\" placeholder=\"\uc790\ub3d9\uacc4\uc0b0\" readonly>\n <span class=\"form-unit\">km\/L<\/span>\n <\/div>\n\n <div class=\"form-divider\"><\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\uc5f0\uac04 \uc8fc\ud589\uac70\ub9ac<\/label>\n <input type=\"number\" class=\"form-input\" id=\"annualKm\" placeholder=\"\uc608) 100000\" min=\"1000\" max=\"500000\" value=\"100000\">\n <span class=\"form-unit\">km<\/span>\n <\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\uc2dc\ub0b4 : \uace0\uc18d<\/label>\n <div class=\"toggle-group\">\n <button class=\"toggle-btn active\" id=\"btnCity\" onclick=\"setRatio(50)\">\uc2dc\ub0b4<\/button>\n <button class=\"toggle-btn\" id=\"btnHwy\" onclick=\"setRatio(80)\">\uace0\uc18d<\/button>\n <\/div>\n <div class=\"ratio-display\" id=\"ratioDisplay\">50 : 50<\/div>\n <\/div>\n <div class=\"form-row\">\n <label class=\"form-label\" style=\"font-size:0.72rem;color:rgba(180,200,220,0.5)\">\uace0\uc18d\ube44\uc728 \uc9c1\uc811\uc870\uc815<\/label>\n <input type=\"range\" class=\"ratio-slider\" id=\"hwyRatio\" min=\"0\" max=\"100\" value=\"50\" oninput=\"updateRatio()\">\n <\/div>\n\n <div class=\"form-divider\"><\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\ud3c9\uade0 \uae30\ub984\ub2e8\uac00<\/label>\n <input type=\"number\" class=\"form-input\" id=\"fuelPrice\" value=\"1750\" min=\"1000\" max=\"3000\">\n <span class=\"form-unit\">\uc6d0\/L<\/span>\n <\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\ubb38\uc9dd \uad50\uccb4\ube44\uc6a9<\/label>\n <input type=\"number\" class=\"form-input\" id=\"replacementCost\" placeholder=\"\uc608) 1200000\" min=\"0\">\n <span class=\"form-unit\">\uc6d0<\/span>\n <\/div>\n\n <button class=\"calc-btn\" onclick=\"calculate()\">\u26a1 \uc808\uac10\uc561 \uacc4\uc0b0\ud558\uae30<\/button>\n <button class=\"reset-btn\" onclick=\"resetAll()\">\ucd08\uae30\ud654<\/button>\n <\/div>\n\n \n <div class=\"panel panel-output\">\n <div class=\"panel-title\">\ucd9c\ub825\ucc3d OUTPUT<\/div>\n\n <div class=\"result-grid\">\n\n \n <div class=\"result-card\">\n <div class=\"r-label\">\uc5f0\ube44 \uac1c\uc120\uc728 (\ud3c9\uade0)<\/div>\n <div class=\"r-dash\" id=\"out-eff\">\u2014<\/div>\n <div class=\"r-unit\">%<\/div>\n <\/div>\n\n \n <div class=\"result-card highlight\">\n <div class=\"r-label\">\uc5f0\uac04 \uc808\uac10 \uc5f0\ub8cc (\ud3c9\uade0)<\/div>\n <div class=\"r-dash\" id=\"out-fuel\">\u2014<\/div>\n <div class=\"r-unit\">\ub9ac\ud130 \/ \ub144<\/div>\n <\/div>\n\n \n <div class=\"result-card\">\n <div class=\"r-label\">\ud22c\uc790 \ud68c\uc218\uae30\uac04 (\ud3c9\uade0 \uae30\uc900)<\/div>\n <div class=\"r-dash\" id=\"out-payback\">\u2014<\/div>\n <div class=\"r-unit\">\uac1c\uc6d4<\/div>\n <\/div>\n\n \n <div class=\"range-card\">\n <div class=\"range-title\">\uc5f0\uac04 \uc808\uac10 \uae08\uc561 \uc608\uce21 \ubc94\uc704 (\uc6d0 \/ \ub144)<\/div>\n <div class=\"range-rows\" id=\"rangeRows\">\n <div class=\"range-placeholder\">\uacc4\uc0b0\ud558\uae30 \ubc84\ud2bc\uc744 \ub204\ub974\uba74 \ubc94\uc704\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"benefits-title\">\uc5f0\ub8cc\uc808\uac10 \uc678 \ubd80\uc218\uc801\uc778 \ud6a8\uacfc<\/div>\n <ul class=\"benefits-list\">\n <li>\uc801\uc7ac\uac00\ub2a5 \uc911\ub7c9 \uc99d\uac00<\/li>\n <li>\ube0c\ub808\uc774\ud06c \uc218\uba85 \uc5f0\uc7a5<\/li>\n <li>\ud0c0\uc774\uc5b4 \ub9c8\ubaa8 \uac10\uc18c<\/li>\n <li>\uc11c\uc2a4\ud39c\uc158\u00b7\uc0e4\uc2dc \ubd80\ub2f4 \uac10\uc18c<\/li>\n <li>\uac00\uc18d\u00b7\uc751\ub2f5\uc131 \ud5a5\uc0c1<\/li>\n <li>\uc6b4\uc804\uc790 \ud53c\ub85c\ub3c4 \uac10\uc18c<\/li>\n <li>\ubb38\uc9dd \uac1c\ud3d0 \ud3b8\uc758\uc131<\/li>\n <li>\ud0c4\uc18c\ubc30\ucd9c\ub7c9 \uac10\uc18c<\/li>\n <\/ul>\n\n \n <div class=\"notice\">\n \ubcf8 \uacc4\uc0b0\uae30\ub294 <b>\uacf5\ucc28\uc911\ub7c9 \uae30\uc900<\/b> \ucd94\uc815\uce58\uc785\ub2c8\ub2e4.\n \uccb4\uac10\uc5f0\ube44\ub97c \uc9c1\uc811 \uc785\ub825\ud558\uc2dc\uba74 \ub354 \uc815\ud655\ud55c \uacb0\uacfc\ub97c \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n \uacf5\ucc28\uc6b4\ud589\ube44\uc728, \uc6b4\uc804\uc2b5\uad00, \ud0c0\uc774\uc5b4\uacf5\uae30\uc555, \ucc28\ub7c9\ub178\ud6c4\ub3c4 \ub4f1\uc5d0 \ub530\ub77c \uc2e4\uc81c \uc808\uac10\uc561\uc740 \ub2ec\ub77c\uc9c8 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/div>\n\n \n <div class=\"source-box\">\n \ud83d\udccc <b>\uc5f0\ube44\uac1c\uc120\uc728 \uc0b0\ucd9c \uadfc\uac70<\/b> \u2014 \ucc28\ub7c9 \uc911\ub7c9 1% \uac10\uc18c \uc2dc \uc5f0\ube44 \uac1c\uc120\uc728 \uae30\uc900<br>\n \ubcf4\uc218\uc801 0.4% : \ud55c\uad6d \uad6d\ud1a0\uad50\ud1b5\ubd80 \/ \uc720\ub7fd EU \uae30\uc900<br>\n \ud3c9\uade0\uc801 0.5% : \uc77c\ubcf8 \uc790\ub3d9\ucc28\uacf5\ud559\ud68c(JSAE) \uc0c1\uc6a9\ucc28 \ud45c\uc900\uacc4\uc218<br>\n \ub099\uad00\uc801 0.6% : \ubbf8\uad6d DOE\u00b7EPA \/ Ricardo Inc. \uc5f0\uad6c \uae30\uc900<br>\n \ucd9c\ucc98 : <a href=\"https:\/\/www.fueleconomy.gov\" target=\"_blank\" rel=\"noopener\">fueleconomy.gov<\/a> | \n <a href=\"https:\/\/www.energy.gov\/eere\/vehicles\" target=\"_blank\" rel=\"noopener\">energy.gov\/vehicles<\/a> | \n <a href=\"https:\/\/kaica.or.kr\" target=\"_blank\" rel=\"noopener\">kaica.or.kr<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"calc-footer\">\n <span>\u00a9 2026 (\uc8fc)\uc54c\ud14d\ucf54\ub9ac\uc544 \u00b7 Aluminum Cargo Gate Specialist \u00b7 www.altech21.com<\/span>\n <span>6N01-T5 \uace0\uac15\ub3c4 \uc54c\ub8e8\ubbf8\ub284 \uac8c\uc774\ud2b8 \uc804\ubb38 \u00b7 A6N01-T5 High-Strength Aluminum Drop Side Gates<\/span>\n <\/div>\n\n<\/div>\n\n<script>\n\/\/ \u2500\u2500 \ucc28\uc885 \ub370\uc774\ud130: \uac10\uc18c\uc911\ub7c9|\uacf5\ucc28\uc911\ub7c9|\uae30\uc900\uc5f0\ube44\nfunction onVehicleSelect() {\n const sel = document.getElementById('vehicleType');\n if (!sel.value || sel.value === 'direct') {\n ['emptyWeight','weightReduction','newWeight','currentFuelEff','improvedFuelEff'].forEach(id => {\n document.getElementById(id).value = '';\n });\n return;\n }\n const p = sel.value.split('|');\n document.getElementById('weightReduction').value = p[0];\n document.getElementById('emptyWeight').value = p[1];\n document.getElementById('currentFuelEff').value = p[2];\n updateNewWeight();\n}\n\n\/\/ \u2500\u2500 \uac10\uc18c\ud6c4 \uacf5\ucc28\uc911\ub7c9 \uc790\ub3d9\uacc4\uc0b0\nfunction updateNewWeight() {\n const ew = parseFloat(document.getElementById('emptyWeight').value) || 0;\n const wr = parseFloat(document.getElementById('weightReduction').value) || 0;\n document.getElementById('newWeight').value = (ew > 0 && wr > 0) ? (ew - wr) : '';\n}\ndocument.getElementById('emptyWeight').addEventListener('input', updateNewWeight);\ndocument.getElementById('weightReduction').addEventListener('input', updateNewWeight);\n\n\/\/ \u2500\u2500 \uc2dc\ub0b4\/\uace0\uc18d \ud1a0\uae00\nfunction setRatio(hwyPct) {\n document.getElementById('hwyRatio').value = hwyPct;\n updateRatio();\n}\nfunction updateRatio() {\n const hwy = parseInt(document.getElementById('hwyRatio').value);\n const city = 100 - hwy;\n document.getElementById('ratioDisplay').textContent = city + ' : ' + hwy;\n document.getElementById('btnCity').classList.toggle('active', hwy <= 30);\n document.getElementById('btnHwy').classList.toggle('active', hwy >= 70);\n}\n\n\/\/ \u2500\u2500 \ud575\uc2ec \uacc4\uc0b0\nfunction calculate() {\n const emptyWeight = parseFloat(document.getElementById('emptyWeight').value);\n const weightReduction = parseFloat(document.getElementById('weightReduction').value);\n const annualKm = parseFloat(document.getElementById('annualKm').value);\n const fuelPrice = parseFloat(document.getElementById('fuelPrice').value);\n const replacementCost = parseFloat(document.getElementById('replacementCost').value) || 0;\n const manualEff = parseFloat(document.getElementById('currentFuelEff').value);\n\n \/\/ \uc785\ub825\uac12 \uac80\uc99d\n if (!emptyWeight || !weightReduction || !annualKm || !fuelPrice) {\n alert('\uacf5\ucc28\uc911\ub7c9, \uac10\uc18c\uc911\ub7c9, \uc5f0\uac04 \uc8fc\ud589\uac70\ub9ac, \uae30\ub984\ub2e8\uac00\ub97c \ud655\uc778\ud574 \uc8fc\uc138\uc694.');\n return;\n }\n if (weightReduction >= emptyWeight) {\n alert('\uac10\uc18c\uc911\ub7c9\uc774 \uacf5\ucc28\uc911\ub7c9\ubcf4\ub2e4 \ud074 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4.');\n return;\n }\n\n \/\/ \ud604\uc7ac\uc5f0\ube44 \u2014 \uc785\ub825\uac12 \uc6b0\uc120, \uc5c6\uc73c\uba74 \ucc28\uc885 \uae30\ubc18 \ucd94\uc815\n const autoEff = emptyWeight <= 2000 ? 12.0 :\n emptyWeight <= 4500 ? 7.0 :\n emptyWeight <= 7000 ? 6.0 :\n emptyWeight <= 10000 ? 5.0 : 4.0;\n const baseFuelEff = (manualEff > 0) ? manualEff : autoEff;\n\n \/\/ \u2500\u2500 \uc911\ub7c9 \uac10\uc18c\uc728\n const weightReducePct = weightReduction \/ emptyWeight; \/\/ \uc18c\uc218 (\uc608: 0.0571)\n\n \/\/ \u2500\u2500 \uc5f0\ube44\uac1c\uc120\uc728 (\uad6d\uac00\ubcc4 \uae30\uc900 \uc801\uc6a9)\n \/\/ \ubcf4\uc218\uc801 0.4%\/1%, \ud3c9\uade0\uc801 0.5%\/1%, \ub099\uad00\uc801 0.6%\/1%\n const effRate_con = weightReducePct * 0.4; \/\/ \ubcf4\uc218\uc801\n const effRate_avg = weightReducePct * 0.5; \/\/ \ud3c9\uade0\uc801\n const effRate_opt = weightReducePct * 0.6; \/\/ \ub099\uad00\uc801\n\n \/\/ \u2500\u2500 \uac1c\uc120 \ud6c4 \uc5f0\ube44\n const newEff_con = baseFuelEff * (1 + effRate_con);\n const newEff_avg = baseFuelEff * (1 + effRate_avg);\n const newEff_opt = baseFuelEff * (1 + effRate_opt);\n\n \/\/ \uac1c\uc120\uc5f0\ube44(\ud3c9\uade0) \ucd9c\ub825\ucc3d\n document.getElementById('improvedFuelEff').value = newEff_avg.toFixed(2);\n\n \/\/ \u2500\u2500 \uc5f0\uac04 \uc808\uac10 \uc5f0\ub8cc\n const savedFuel_con = annualKm \/ baseFuelEff - annualKm \/ newEff_con;\n const savedFuel_avg = annualKm \/ baseFuelEff - annualKm \/ newEff_avg;\n const savedFuel_opt = annualKm \/ baseFuelEff - annualKm \/ newEff_opt;\n\n \/\/ \u2500\u2500 \uc5f0\uac04 \uc808\uac10 \uae08\uc561\n const savedMoney_con = savedFuel_con * fuelPrice;\n const savedMoney_avg = savedFuel_avg * fuelPrice;\n const savedMoney_opt = savedFuel_opt * fuelPrice;\n\n \/\/ \u2500\u2500 \ud22c\uc790 \ud68c\uc218\uae30\uac04 (\ud3c9\uade0 \uae30\uc900)\n const payback = replacementCost > 0\n ? (replacementCost \/ savedMoney_avg * 12).toFixed(1) + ' \uac1c\uc6d4'\n : '\u2014';\n\n \/\/ \u2500\u2500 \ud654\uba74 \ucd9c\ub825\n const setVal = (id, txt, cls) => {\n const el = document.getElementById(id);\n el.textContent = txt;\n el.className = cls + ' animated';\n };\n\n setVal('out-eff', (effRate_avg * 100).toFixed(2), 'r-value gold');\n setVal('out-fuel', Math.round(savedFuel_avg).toLocaleString(), 'r-value gold');\n setVal('out-payback', payback, 'r-value');\n\n \/\/ \u2500\u2500 \ubc94\uc704 \ucd9c\ub825\n const maxMoney = Math.round(savedMoney_opt);\n const rows = [\n {\n badge:'\ubcf4\uc218\uc801', bc:'badge-con', vc:'val-con', barColor:'#607b99',\n money: Math.round(savedMoney_con),\n sub:'\ud55c\uad6d \uad6d\ud1a0\uad50\ud1b5\ubd80 \/ \uc720\ub7fd EU \uae30\uc900 (0.4%\/1%)'\n },\n {\n badge:'\u25b6 \ud3c9\uade0\uc801', bc:'badge-avg', vc:'val-avg', barColor:'#4a90d9',\n money: Math.round(savedMoney_avg),\n sub:'\uc77c\ubcf8 JSAE \uc0c1\uc6a9\ucc28 \ud45c\uc900\uacc4\uc218 (0.5%\/1%)'\n },\n {\n badge:'\ub099\uad00\uc801', bc:'badge-opt', vc:'val-opt', barColor:'#2ecc71',\n money: Math.round(savedMoney_opt),\n sub:'\ubbf8\uad6d DOE\u00b7EPA \/ Ricardo Inc. \uae30\uc900 (0.6%\/1%)'\n },\n ];\n\n document.getElementById('rangeRows').innerHTML = rows.map(r => `\n <div class=\"range-row\">\n <span class=\"range-badge ${r.bc}\">${r.badge}<\/span>\n <div style=\"flex:1\">\n <div class=\"range-bar-wrap\">\n <div class=\"range-bar\" style=\"width:${Math.round(r.money\/maxMoney*100)}%;background:${r.barColor}\"><\/div>\n <\/div>\n <div class=\"range-sub\">${r.sub}<\/div>\n <\/div>\n <span class=\"range-value ${r.vc}\">${r.money.toLocaleString()} \uc6d0<\/span>\n <\/div>\n `).join('');\n}\n\n\/\/ \u2500\u2500 \ucd08\uae30\ud654\nfunction resetAll() {\n document.getElementById('vehicleType').value = '';\n ['emptyWeight','weightReduction','newWeight','currentFuelEff','improvedFuelEff','replacementCost']\n .forEach(id => { document.getElementById(id).value = ''; });\n document.getElementById('annualKm').value = '100000';\n document.getElementById('fuelPrice').value = '1750';\n document.getElementById('hwyRatio').value = 50;\n updateRatio();\n ['out-eff','out-fuel','out-payback'].forEach(id => {\n const el = document.getElementById(id);\n el.textContent = '\u2014';\n el.className = 'r-dash';\n });\n document.getElementById('rangeRows').innerHTML =\n '<div class=\"range-placeholder\">\uacc4\uc0b0\ud558\uae30 \ubc84\ud2bc\uc744 \ub204\ub974\uba74 \ubc94\uc704\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4<\/div>';\n document.getElementById('improvedFuelEff').value = '';\n}\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\uc5f0\ub8cc\ube44\uc808\uac10\uc561 \uacc4\uc0b0\uae30 | (\uc8fc)\uc54c\ud14d\ucf54\ub9ac\uc544 \u26fd \uc5f0\ub8cc\ube44 \uc808\uac10\uc561 \uacc4\uc0b0\uae30 FUEL SAVINGS CALCULATOR \u2014 ALUMINUM GATE REPLACEMENT (\uc8fc) \uc54c\ud14d\ucf54\ub9ac\uc544 \uc785\ub825\ucc3d INPUT \ucc28\uc885 \uc120\ud0dd — \ucc28\uc885 \uc120\ud0dd —1\ud1a4 \ubd09\uace0 (\uac10\uc18c 50kg)3.5\ud1a4 \ub9c8\uc774\ud2f0 (\uac10\uc18c 200kg)5\ud1a4 \ud504\ub9ac\ub9c8 (\uac10\uc18c 150kg)5\ud1a4 \uba54\uac00\ud2b8\ub7ed (\uac10\uc18c 200kg)25\ud1a4 \uc5d1\uc2dc\uc5b8\ud2b8 (\uac10\uc18c 400kg)25\ud1a4 \ud504\ub9ac\ub9c8 (\uac10\uc18c 320kg)\uc9c1\uc811 \uc785\ub825 \uacf5\ucc28\uc911\ub7c9 kg \uac10\uc18c\uc911\ub7c9 kg \uac10\uc18c\ud6c4 \uacf5\ucc28\uc911\ub7c9 kg \ud604\uc7ac \uc5f0\ube44 km\/L \u203b […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-59","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":21,"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":2989,"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/pages\/59\/revisions\/2989"}],"wp:attachment":[{"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\n\uc5f0\ub8cc\ube44\uc808\uac10\uc561 \uacc4\uc0b0\uae30 | (\uc8fc)\uc54c\ud14d\ucf54\ub9ac\uc544<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@400;500;700;900&family=Bebas+Neue&family=Roboto+Mono:wght@400;600&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --navy:#0a1628; --navy2:#112240; --blue:#1a4a8a;\n --accent:#c0392b; --silver:#b8c4d0; --gold:#d4a843;\n --green:#27ae60; --white:#f5f7fa;\n}\n*{box-sizing:border-box;margin:0;padding:0;}\nbody{font-family:'Noto Sans KR',sans-serif;background:transparent;color:var(--white);padding:20px;}\n.calc-wrap{max-width:1100px;margin:0 auto;background:var(--navy2);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.5);border:1px solid rgba(180,200,220,0.15);}\n\n\/* HEADER *\/\n.calc-header{background:linear-gradient(135deg,var(--blue) 0%,var(--navy) 100%);padding:28px 36px;display:flex;align-items:center;gap:16px;border-bottom:3px solid var(--accent);}\n.calc-header .icon{font-size:2.4rem;}\n.calc-header h1{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:3px;color:#fff;}\n.calc-header p{font-size:0.78rem;color:var(--silver);margin-top:2px;letter-spacing:1px;}\n.brand-tag{margin-left:auto;background:var(--accent);color:#fff;font-size:0.72rem;font-weight:700;padding:6px 14px;border-radius:20px;letter-spacing:1px;white-space:nowrap;}\n\n\/* BODY *\/\n.calc-body{display:grid;grid-template-columns:1fr 1fr;}\n.panel{padding:32px 36px;}\n.panel-input{border-right:1px solid rgba(180,200,220,0.12);}\n.panel-output{background:rgba(26,74,138,0.08);}\n.panel-title{font-size:0.72rem;font-weight:700;letter-spacing:3px;color:var(--silver);text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:8px;}\n.panel-title::after{content:'';flex:1;height:1px;background:rgba(180,200,220,0.2);}\n\n\/* FORM *\/\n.form-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;}\n.form-label{font-size:0.82rem;color:var(--silver);min-width:140px;font-weight:500;}\n.form-input{flex:1;background:rgba(255,255,255,0.06);border:1px solid rgba(180,200,220,0.2);border-radius:6px;padding:9px 12px;color:#fff;font-size:0.88rem;font-family:'Roboto Mono',monospace;outline:none;transition:border-color 0.2s,background 0.2s;}\n.form-input:focus{border-color:var(--gold);background:rgba(255,255,255,0.1);}\n.form-input[readonly]{opacity:0.6;cursor:default;}\n.form-unit{font-size:0.75rem;color:var(--silver);min-width:36px;}\nselect.form-input{cursor:pointer;appearance:none;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b8c4d0' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;}\nselect.form-input option{background:var(--navy2);color:#fff;}\n.form-hint{font-size:0.68rem;color:rgba(180,200,220,0.45);margin:-8px 0 12px 0;padding-left:4px;}\n.form-divider{height:1px;background:rgba(180,200,220,0.1);margin:18px 0;}\n\n\/* TOGGLE *\/\n.toggle-group{display:flex;gap:6px;flex:1;}\n.toggle-btn{flex:1;padding:8px 0;border-radius:6px;border:1px solid rgba(180,200,220,0.25);background:rgba(255,255,255,0.05);color:var(--silver);font-size:0.82rem;font-weight:700;cursor:pointer;transition:all 0.2s;font-family:'Noto Sans KR',sans-serif;}\n.toggle-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;}\n.ratio-display{font-family:'Roboto Mono',monospace;font-size:0.85rem;color:var(--gold);min-width:80px;text-align:center;}\n.ratio-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:rgba(255,255,255,0.15);outline:none;cursor:pointer;}\n.ratio-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gold);cursor:pointer;}\n\n\/* BUTTONS *\/\n.calc-btn{width:100%;margin-top:20px;padding:14px;background:linear-gradient(135deg,var(--accent),#a93226);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;font-family:'Noto Sans KR',sans-serif;cursor:pointer;letter-spacing:2px;transition:all 0.2s;box-shadow:0 4px 20px rgba(192,57,43,0.4);}\n.calc-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(192,57,43,0.5);}\n.reset-btn{width:100%;margin-top:8px;background:none;border:1px solid rgba(180,200,220,0.2);color:var(--silver);padding:8px 14px;border-radius:6px;font-size:0.78rem;cursor:pointer;font-family:'Noto Sans KR',sans-serif;transition:all 0.2s;}\n.reset-btn:hover{background:rgba(255,255,255,0.06);}\n\n\/* OUTPUT CARDS *\/\n.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;}\n.result-card{background:rgba(255,255,255,0.05);border:1px solid rgba(180,200,220,0.12);border-radius:10px;padding:16px;text-align:center;}\n.result-card.highlight{background:rgba(26,74,138,0.35);border-color:var(--gold);}\n.r-label{font-size:0.68rem;color:var(--silver);letter-spacing:1px;margin-bottom:6px;font-weight:500;}\n.r-value{font-family:'Roboto Mono',monospace;font-size:1.6rem;font-weight:600;color:#fff;line-height:1;}\n.r-value.gold{color:var(--gold);}\n.r-unit{font-size:0.72rem;color:var(--silver);margin-top:4px;}\n.r-dash{font-family:'Roboto Mono',monospace;font-size:1.6rem;color:rgba(255,255,255,0.15);}\n\n\/* RANGE CARD *\/\n.range-card{grid-column:1\/-1;background:rgba(26,74,138,0.25);border:1px solid var(--gold);border-radius:10px;padding:16px 20px;}\n.range-title{font-size:0.68rem;color:var(--silver);letter-spacing:1px;font-weight:700;text-align:center;margin-bottom:12px;}\n.range-rows{display:flex;flex-direction:column;gap:10px;}\n.range-row{display:flex;align-items:center;gap:10px;}\n.range-badge{font-size:0.65rem;font-weight:700;padding:3px 8px;border-radius:4px;min-width:52px;text-align:center;}\n.badge-con{background:rgba(100,120,150,0.4);color:#8aa0b8;}\n.badge-avg{background:rgba(26,74,138,0.6);color:#7eb3ff;}\n.badge-opt{background:rgba(39,174,96,0.3);color:#2ecc71;}\n.range-bar-wrap{flex:1;height:6px;background:rgba(255,255,255,0.08);border-radius:3px;overflow:hidden;}\n.range-bar{height:100%;border-radius:3px;transition:width 0.7s ease;}\n.range-value{font-family:'Roboto Mono',monospace;font-size:0.92rem;font-weight:600;min-width:120px;text-align:right;}\n.val-con{color:#8aa0b8;}\n.val-avg{color:#7eb3ff;font-size:1.05rem;}\n.val-opt{color:#2ecc71;}\n.range-sub{font-size:0.62rem;color:rgba(180,200,220,0.4);margin-top:1px;}\n.range-placeholder{text-align:center;color:rgba(255,255,255,0.15);font-size:0.85rem;padding:10px 0;}\n\n\/* BENEFITS *\/\n.benefits-title{font-size:0.68rem;letter-spacing:2px;color:var(--silver);text-transform:uppercase;margin-bottom:10px;font-weight:700;}\n.benefits-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px;}\n.benefits-list li{font-size:0.75rem;color:var(--silver);padding:5px 8px;background:rgba(255,255,255,0.04);border-radius:4px;display:flex;align-items:center;gap:5px;}\n.benefits-list li::before{content:'\u2713';color:var(--green);font-weight:700;}\n\n\/* NOTICE *\/\n.notice{margin-top:16px;padding:12px 14px;background:rgba(212,168,67,0.08);border-left:3px solid var(--gold);border-radius:0 6px 6px 0;font-size:0.70rem;color:var(--silver);line-height:1.7;}\n.notice a{color:var(--gold);text-decoration:none;}\n\n\/* SOURCE BOX *\/\n.source-box{margin-top:10px;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(180,200,220,0.1);border-radius:6px;font-size:0.66rem;color:rgba(180,200,220,0.5);line-height:1.6;}\n\n\/* FOOTER *\/\n.calc-footer{padding:14px 36px;background:rgba(0,0,0,0.2);border-top:1px solid rgba(180,200,220,0.08);font-size:0.66rem;color:rgba(180,200,220,0.35);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;}\n\n\/* ANIMATION *\/\n@keyframes fadeIn{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}\n.animated{animation:fadeIn 0.4s ease;}\n\n\/* RESPONSIVE *\/\n@media(max-width:720px){\n body{padding:8px;}\n .calc-body{grid-template-columns:1fr;}\n .panel-input{border-right:none;border-bottom:1px solid rgba(180,200,220,0.12);}\n .calc-header{flex-wrap:wrap;padding:16px;gap:10px;}\n .calc-header h1{font-size:1.4rem;}\n .calc-header p{font-size:0.68rem;}\n .brand-tag{margin-left:0;}\n .panel{padding:20px 14px;}\n .form-label{min-width:90px;font-size:0.76rem;}\n .form-input{font-size:0.82rem;padding:8px 10px;}\n .form-unit{min-width:28px;font-size:0.7rem;}\n .result-grid{grid-template-columns:1fr;gap:8px;}\n .r-value{font-size:1.3rem;}\n .range-card{padding:12px 10px;}\n .range-value{min-width:90px;font-size:0.82rem;}\n .benefits-list{grid-template-columns:1fr;}\n .calc-footer{flex-direction:column;text-align:center;padding:12px 16px;}\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"calc-wrap\">\n\n \n <div class=\"calc-header\">\n <div class=\"icon\">\u26fd<\/div>\n <div>\n <h1>\uc5f0\ub8cc\ube44 \uc808\uac10\uc561 \uacc4\uc0b0\uae30<\/h1>\n <p>FUEL SAVINGS CALCULATOR \u2014 ALUMINUM GATE REPLACEMENT<\/p>\n <\/div>\n <div class=\"brand-tag\">(\uc8fc) \uc54c\ud14d\ucf54\ub9ac\uc544<\/div>\n <\/div>\n\n <div class=\"calc-body\">\n\n \n <div class=\"panel panel-input\">\n <div class=\"panel-title\">\uc785\ub825\ucc3d INPUT<\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\ucc28\uc885 \uc120\ud0dd<\/label>\n <select class=\"form-input\" id=\"vehicleType\" onchange=\"onVehicleSelect()\">\n <option value=\"\">-- \ucc28\uc885 \uc120\ud0dd --<\/option>\n <option value=\"50|1400|12.0\">1\ud1a4 \ubd09\uace0 (\uac10\uc18c 50kg)<\/option>\n <option value=\"200|3500|7.0\">3.5\ud1a4 \ub9c8\uc774\ud2f0 (\uac10\uc18c 200kg)<\/option>\n <option value=\"150|5500|6.0\">5\ud1a4 \ud504\ub9ac\ub9c8 (\uac10\uc18c 150kg)<\/option>\n <option value=\"200|5800|5.5\">5\ud1a4 \uba54\uac00\ud2b8\ub7ed (\uac10\uc18c 200kg)<\/option>\n <option value=\"400|15830|4.0\">25\ud1a4 \uc5d1\uc2dc\uc5b8\ud2b8 (\uac10\uc18c 400kg)<\/option>\n <option value=\"320|14500|4.0\">25\ud1a4 \ud504\ub9ac\ub9c8 (\uac10\uc18c 320kg)<\/option>\n <option value=\"direct\">\uc9c1\uc811 \uc785\ub825<\/option>\n <\/select>\n <\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\uacf5\ucc28\uc911\ub7c9<\/label>\n <input type=\"number\" class=\"form-input\" id=\"emptyWeight\" placeholder=\"\uc608) 3500\" min=\"500\" max=\"30000\">\n <span class=\"form-unit\">kg<\/span>\n <\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\uac10\uc18c\uc911\ub7c9<\/label>\n <input type=\"number\" class=\"form-input\" id=\"weightReduction\" placeholder=\"\uc608) 200\" min=\"10\" max=\"1000\">\n <span class=\"form-unit\">kg<\/span>\n <\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\uac10\uc18c\ud6c4 \uacf5\ucc28\uc911\ub7c9<\/label>\n <input type=\"number\" class=\"form-input\" id=\"newWeight\" placeholder=\"\uc790\ub3d9\uacc4\uc0b0\" readonly>\n <span class=\"form-unit\">kg<\/span>\n <\/div>\n\n <div class=\"form-divider\"><\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\ud604\uc7ac \uc5f0\ube44<\/label>\n <input type=\"number\" class=\"form-input\" id=\"currentFuelEff\" placeholder=\"\uc790\ub3d9\uc785\ub825\" step=\"0.1\" min=\"1\" max=\"30\">\n <span class=\"form-unit\">km\/L<\/span>\n <\/div>\n <div class=\"form-hint\">\u203b \ucc28\uc885 \uc120\ud0dd \uc2dc \uc790\ub3d9\uc785\ub825 \/ \uccb4\uac10\uc5f0\ube44 \uc9c1\uc811\uc218\uc815 \uac00\ub2a5<\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\uac1c\uc120 \uc5f0\ube44 (\ud3c9\uade0)<\/label>\n <input type=\"number\" class=\"form-input\" id=\"improvedFuelEff\" placeholder=\"\uc790\ub3d9\uacc4\uc0b0\" readonly>\n <span class=\"form-unit\">km\/L<\/span>\n <\/div>\n\n <div class=\"form-divider\"><\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\uc5f0\uac04 \uc8fc\ud589\uac70\ub9ac<\/label>\n <input type=\"number\" class=\"form-input\" id=\"annualKm\" placeholder=\"\uc608) 100000\" min=\"1000\" max=\"500000\" value=\"100000\">\n <span class=\"form-unit\">km<\/span>\n <\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\uc2dc\ub0b4 : \uace0\uc18d<\/label>\n <div class=\"toggle-group\">\n <button class=\"toggle-btn active\" id=\"btnCity\" onclick=\"setRatio(50)\">\uc2dc\ub0b4<\/button>\n <button class=\"toggle-btn\" id=\"btnHwy\" onclick=\"setRatio(80)\">\uace0\uc18d<\/button>\n <\/div>\n <div class=\"ratio-display\" id=\"ratioDisplay\">50 : 50<\/div>\n <\/div>\n <div class=\"form-row\">\n <label class=\"form-label\" style=\"font-size:0.72rem;color:rgba(180,200,220,0.5)\">\uace0\uc18d\ube44\uc728 \uc9c1\uc811\uc870\uc815<\/label>\n <input type=\"range\" class=\"ratio-slider\" id=\"hwyRatio\" min=\"0\" max=\"100\" value=\"50\" oninput=\"updateRatio()\">\n <\/div>\n\n <div class=\"form-divider\"><\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\ud3c9\uade0 \uae30\ub984\ub2e8\uac00<\/label>\n <input type=\"number\" class=\"form-input\" id=\"fuelPrice\" value=\"1750\" min=\"1000\" max=\"3000\">\n <span class=\"form-unit\">\uc6d0\/L<\/span>\n <\/div>\n\n \n <div class=\"form-row\">\n <label class=\"form-label\">\ubb38\uc9dd \uad50\uccb4\ube44\uc6a9<\/label>\n <input type=\"number\" class=\"form-input\" id=\"replacementCost\" placeholder=\"\uc608) 1200000\" min=\"0\">\n <span class=\"form-unit\">\uc6d0<\/span>\n <\/div>\n\n <button class=\"calc-btn\" onclick=\"calculate()\">\u26a1 \uc808\uac10\uc561 \uacc4\uc0b0\ud558\uae30<\/button>\n <button class=\"reset-btn\" onclick=\"resetAll()\">\ucd08\uae30\ud654<\/button>\n <\/div>\n\n \n <div class=\"panel panel-output\">\n <div class=\"panel-title\">\ucd9c\ub825\ucc3d OUTPUT<\/div>\n\n <div class=\"result-grid\">\n\n \n <div class=\"result-card\">\n <div class=\"r-label\">\uc5f0\ube44 \uac1c\uc120\uc728 (\ud3c9\uade0)<\/div>\n <div class=\"r-dash\" id=\"out-eff\">\u2014<\/div>\n <div class=\"r-unit\">%<\/div>\n <\/div>\n\n \n <div class=\"result-card highlight\">\n <div class=\"r-label\">\uc5f0\uac04 \uc808\uac10 \uc5f0\ub8cc (\ud3c9\uade0)<\/div>\n <div class=\"r-dash\" id=\"out-fuel\">\u2014<\/div>\n <div class=\"r-unit\">\ub9ac\ud130 \/ \ub144<\/div>\n <\/div>\n\n \n <div class=\"result-card\">\n <div class=\"r-label\">\ud22c\uc790 \ud68c\uc218\uae30\uac04 (\ud3c9\uade0 \uae30\uc900)<\/div>\n <div class=\"r-dash\" id=\"out-payback\">\u2014<\/div>\n <div class=\"r-unit\">\uac1c\uc6d4<\/div>\n <\/div>\n\n \n <div class=\"range-card\">\n <div class=\"range-title\">\uc5f0\uac04 \uc808\uac10 \uae08\uc561 \uc608\uce21 \ubc94\uc704 (\uc6d0 \/ \ub144)<\/div>\n <div class=\"range-rows\" id=\"rangeRows\">\n <div class=\"range-placeholder\">\uacc4\uc0b0\ud558\uae30 \ubc84\ud2bc\uc744 \ub204\ub974\uba74 \ubc94\uc704\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"benefits-title\">\uc5f0\ub8cc\uc808\uac10 \uc678 \ubd80\uc218\uc801\uc778 \ud6a8\uacfc<\/div>\n <ul class=\"benefits-list\">\n <li>\uc801\uc7ac\uac00\ub2a5 \uc911\ub7c9 \uc99d\uac00<\/li>\n <li>\ube0c\ub808\uc774\ud06c \uc218\uba85 \uc5f0\uc7a5<\/li>\n <li>\ud0c0\uc774\uc5b4 \ub9c8\ubaa8 \uac10\uc18c<\/li>\n <li>\uc11c\uc2a4\ud39c\uc158\u00b7\uc0e4\uc2dc \ubd80\ub2f4 \uac10\uc18c<\/li>\n <li>\uac00\uc18d\u00b7\uc751\ub2f5\uc131 \ud5a5\uc0c1<\/li>\n <li>\uc6b4\uc804\uc790 \ud53c\ub85c\ub3c4 \uac10\uc18c<\/li>\n <li>\ubb38\uc9dd \uac1c\ud3d0 \ud3b8\uc758\uc131<\/li>\n <li>\ud0c4\uc18c\ubc30\ucd9c\ub7c9 \uac10\uc18c<\/li>\n <\/ul>\n\n \n <div class=\"notice\">\n \ubcf8 \uacc4\uc0b0\uae30\ub294 <b>\uacf5\ucc28\uc911\ub7c9 \uae30\uc900<\/b> \ucd94\uc815\uce58\uc785\ub2c8\ub2e4.\n \uccb4\uac10\uc5f0\ube44\ub97c \uc9c1\uc811 \uc785\ub825\ud558\uc2dc\uba74 \ub354 \uc815\ud655\ud55c \uacb0\uacfc\ub97c \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n \uacf5\ucc28\uc6b4\ud589\ube44\uc728, \uc6b4\uc804\uc2b5\uad00, \ud0c0\uc774\uc5b4\uacf5\uae30\uc555, \ucc28\ub7c9\ub178\ud6c4\ub3c4 \ub4f1\uc5d0 \ub530\ub77c \uc2e4\uc81c \uc808\uac10\uc561\uc740 \ub2ec\ub77c\uc9c8 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/div>\n\n \n <div class=\"source-box\">\n \ud83d\udccc <b>\uc5f0\ube44\uac1c\uc120\uc728 \uc0b0\ucd9c \uadfc\uac70<\/b> \u2014 \ucc28\ub7c9 \uc911\ub7c9 1% \uac10\uc18c \uc2dc \uc5f0\ube44 \uac1c\uc120\uc728 \uae30\uc900<br>\n \ubcf4\uc218\uc801 0.4% : \ud55c\uad6d \uad6d\ud1a0\uad50\ud1b5\ubd80 \/ \uc720\ub7fd EU \uae30\uc900<br>\n \ud3c9\uade0\uc801 0.5% : \uc77c\ubcf8 \uc790\ub3d9\ucc28\uacf5\ud559\ud68c(JSAE) \uc0c1\uc6a9\ucc28 \ud45c\uc900\uacc4\uc218<br>\n \ub099\uad00\uc801 0.6% : \ubbf8\uad6d DOE\u00b7EPA \/ Ricardo Inc. \uc5f0\uad6c \uae30\uc900<br>\n \ucd9c\ucc98 : <a href=\"https:\/\/www.fueleconomy.gov\" target=\"_blank\" rel=\"noopener\">fueleconomy.gov<\/a> | \n <a href=\"https:\/\/www.energy.gov\/eere\/vehicles\" target=\"_blank\" rel=\"noopener\">energy.gov\/vehicles<\/a> | \n <a href=\"https:\/\/kaica.or.kr\" target=\"_blank\" rel=\"noopener\">kaica.or.kr<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"calc-footer\">\n <span>\u00a9 2026 (\uc8fc)\uc54c\ud14d\ucf54\ub9ac\uc544 \u00b7 Aluminum Cargo Gate Specialist \u00b7 www.altech21.com<\/span>\n <span>6N01-T5 \uace0\uac15\ub3c4 \uc54c\ub8e8\ubbf8\ub284 \uac8c\uc774\ud2b8 \uc804\ubb38 \u00b7 A6N01-T5 High-Strength Aluminum Drop Side Gates<\/span>\n <\/div>\n\n<\/div>\n\n<script>\n\/\/ \u2500\u2500 \ucc28\uc885 \ub370\uc774\ud130: \uac10\uc18c\uc911\ub7c9|\uacf5\ucc28\uc911\ub7c9|\uae30\uc900\uc5f0\ube44\nfunction onVehicleSelect() {\n const sel = document.getElementById('vehicleType');\n if (!sel.value || sel.value === 'direct') {\n ['emptyWeight','weightReduction','newWeight','currentFuelEff','improvedFuelEff'].forEach(id => {\n document.getElementById(id).value = '';\n });\n return;\n }\n const p = sel.value.split('|');\n document.getElementById('weightReduction').value = p[0];\n document.getElementById('emptyWeight').value = p[1];\n document.getElementById('currentFuelEff').value = p[2];\n updateNewWeight();\n}\n\n\/\/ \u2500\u2500 \uac10\uc18c\ud6c4 \uacf5\ucc28\uc911\ub7c9 \uc790\ub3d9\uacc4\uc0b0\nfunction updateNewWeight() {\n const ew = parseFloat(document.getElementById('emptyWeight').value) || 0;\n const wr = parseFloat(document.getElementById('weightReduction').value) || 0;\n document.getElementById('newWeight').value = (ew > 0 && wr > 0) ? (ew - wr) : '';\n}\ndocument.getElementById('emptyWeight').addEventListener('input', updateNewWeight);\ndocument.getElementById('weightReduction').addEventListener('input', updateNewWeight);\n\n\/\/ \u2500\u2500 \uc2dc\ub0b4\/\uace0\uc18d \ud1a0\uae00\nfunction setRatio(hwyPct) {\n document.getElementById('hwyRatio').value = hwyPct;\n updateRatio();\n}\nfunction updateRatio() {\n const hwy = parseInt(document.getElementById('hwyRatio').value);\n const city = 100 - hwy;\n document.getElementById('ratioDisplay').textContent = city + ' : ' + hwy;\n document.getElementById('btnCity').classList.toggle('active', hwy <= 30);\n document.getElementById('btnHwy').classList.toggle('active', hwy >= 70);\n}\n\n\/\/ \u2500\u2500 \ud575\uc2ec \uacc4\uc0b0\nfunction calculate() {\n const emptyWeight = parseFloat(document.getElementById('emptyWeight').value);\n const weightReduction = parseFloat(document.getElementById('weightReduction').value);\n const annualKm = parseFloat(document.getElementById('annualKm').value);\n const fuelPrice = parseFloat(document.getElementById('fuelPrice').value);\n const replacementCost = parseFloat(document.getElementById('replacementCost').value) || 0;\n const manualEff = parseFloat(document.getElementById('currentFuelEff').value);\n\n \/\/ \uc785\ub825\uac12 \uac80\uc99d\n if (!emptyWeight || !weightReduction || !annualKm || !fuelPrice) {\n alert('\uacf5\ucc28\uc911\ub7c9, \uac10\uc18c\uc911\ub7c9, \uc5f0\uac04 \uc8fc\ud589\uac70\ub9ac, \uae30\ub984\ub2e8\uac00\ub97c \ud655\uc778\ud574 \uc8fc\uc138\uc694.');\n return;\n }\n if (weightReduction >= emptyWeight) {\n alert('\uac10\uc18c\uc911\ub7c9\uc774 \uacf5\ucc28\uc911\ub7c9\ubcf4\ub2e4 \ud074 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4.');\n return;\n }\n\n \/\/ \ud604\uc7ac\uc5f0\ube44 \u2014 \uc785\ub825\uac12 \uc6b0\uc120, \uc5c6\uc73c\uba74 \ucc28\uc885 \uae30\ubc18 \ucd94\uc815\n const autoEff = emptyWeight <= 2000 ? 12.0 :\n emptyWeight <= 4500 ? 7.0 :\n emptyWeight <= 7000 ? 6.0 :\n emptyWeight <= 10000 ? 5.0 : 4.0;\n const baseFuelEff = (manualEff > 0) ? manualEff : autoEff;\n\n \/\/ \u2500\u2500 \uc911\ub7c9 \uac10\uc18c\uc728\n const weightReducePct = weightReduction \/ emptyWeight; \/\/ \uc18c\uc218 (\uc608: 0.0571)\n\n \/\/ \u2500\u2500 \uc5f0\ube44\uac1c\uc120\uc728 (\uad6d\uac00\ubcc4 \uae30\uc900 \uc801\uc6a9)\n \/\/ \ubcf4\uc218\uc801 0.4%\/1%, \ud3c9\uade0\uc801 0.5%\/1%, \ub099\uad00\uc801 0.6%\/1%\n const effRate_con = weightReducePct * 0.4; \/\/ \ubcf4\uc218\uc801\n const effRate_avg = weightReducePct * 0.5; \/\/ \ud3c9\uade0\uc801\n const effRate_opt = weightReducePct * 0.6; \/\/ \ub099\uad00\uc801\n\n \/\/ \u2500\u2500 \uac1c\uc120 \ud6c4 \uc5f0\ube44\n const newEff_con = baseFuelEff * (1 + effRate_con);\n const newEff_avg = baseFuelEff * (1 + effRate_avg);\n const newEff_opt = baseFuelEff * (1 + effRate_opt);\n\n \/\/ \uac1c\uc120\uc5f0\ube44(\ud3c9\uade0) \ucd9c\ub825\ucc3d\n document.getElementById('improvedFuelEff').value = newEff_avg.toFixed(2);\n\n \/\/ \u2500\u2500 \uc5f0\uac04 \uc808\uac10 \uc5f0\ub8cc\n const savedFuel_con = annualKm \/ baseFuelEff - annualKm \/ newEff_con;\n const savedFuel_avg = annualKm \/ baseFuelEff - annualKm \/ newEff_avg;\n const savedFuel_opt = annualKm \/ baseFuelEff - annualKm \/ newEff_opt;\n\n \/\/ \u2500\u2500 \uc5f0\uac04 \uc808\uac10 \uae08\uc561\n const savedMoney_con = savedFuel_con * fuelPrice;\n const savedMoney_avg = savedFuel_avg * fuelPrice;\n const savedMoney_opt = savedFuel_opt * fuelPrice;\n\n \/\/ \u2500\u2500 \ud22c\uc790 \ud68c\uc218\uae30\uac04 (\ud3c9\uade0 \uae30\uc900)\n const payback = replacementCost > 0\n ? (replacementCost \/ savedMoney_avg * 12).toFixed(1) + ' \uac1c\uc6d4'\n : '\u2014';\n\n \/\/ \u2500\u2500 \ud654\uba74 \ucd9c\ub825\n const setVal = (id, txt, cls) => {\n const el = document.getElementById(id);\n el.textContent = txt;\n el.className = cls + ' animated';\n };\n\n setVal('out-eff', (effRate_avg * 100).toFixed(2), 'r-value gold');\n setVal('out-fuel', Math.round(savedFuel_avg).toLocaleString(), 'r-value gold');\n setVal('out-payback', payback, 'r-value');\n\n \/\/ \u2500\u2500 \ubc94\uc704 \ucd9c\ub825\n const maxMoney = Math.round(savedMoney_opt);\n const rows = [\n {\n badge:'\ubcf4\uc218\uc801', bc:'badge-con', vc:'val-con', barColor:'#607b99',\n money: Math.round(savedMoney_con),\n sub:'\ud55c\uad6d \uad6d\ud1a0\uad50\ud1b5\ubd80 \/ \uc720\ub7fd EU \uae30\uc900 (0.4%\/1%)'\n },\n {\n badge:'\u25b6 \ud3c9\uade0\uc801', bc:'badge-avg', vc:'val-avg', barColor:'#4a90d9',\n money: Math.round(savedMoney_avg),\n sub:'\uc77c\ubcf8 JSAE \uc0c1\uc6a9\ucc28 \ud45c\uc900\uacc4\uc218 (0.5%\/1%)'\n },\n {\n badge:'\ub099\uad00\uc801', bc:'badge-opt', vc:'val-opt', barColor:'#2ecc71',\n money: Math.round(savedMoney_opt),\n sub:'\ubbf8\uad6d DOE\u00b7EPA \/ Ricardo Inc. \uae30\uc900 (0.6%\/1%)'\n },\n ];\n\n document.getElementById('rangeRows').innerHTML = rows.map(r => `\n <div class=\"range-row\">\n <span class=\"range-badge ${r.bc}\">${r.badge}<\/span>\n <div style=\"flex:1\">\n <div class=\"range-bar-wrap\">\n <div class=\"range-bar\" style=\"width:${Math.round(r.money\/maxMoney*100)}%;background:${r.barColor}\"><\/div>\n <\/div>\n <div class=\"range-sub\">${r.sub}<\/div>\n <\/div>\n <span class=\"range-value ${r.vc}\">${r.money.toLocaleString()} \uc6d0<\/span>\n <\/div>\n `).join('');\n}\n\n\/\/ \u2500\u2500 \ucd08\uae30\ud654\nfunction resetAll() {\n document.getElementById('vehicleType').value = '';\n ['emptyWeight','weightReduction','newWeight','currentFuelEff','improvedFuelEff','replacementCost']\n .forEach(id => { document.getElementById(id).value = ''; });\n document.getElementById('annualKm').value = '100000';\n document.getElementById('fuelPrice').value = '1750';\n document.getElementById('hwyRatio').value = 50;\n updateRatio();\n ['out-eff','out-fuel','out-payback'].forEach(id => {\n const el = document.getElementById(id);\n el.textContent = '\u2014';\n el.className = 'r-dash';\n });\n document.getElementById('rangeRows').innerHTML =\n '<div class=\"range-placeholder\">\uacc4\uc0b0\ud558\uae30 \ubc84\ud2bc\uc744 \ub204\ub974\uba74 \ubc94\uc704\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4<\/div>';\n document.getElementById('improvedFuelEff').value = '';\n}\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\uc5f0\ub8cc\ube44\uc808\uac10\uc561 \uacc4\uc0b0\uae30 | (\uc8fc)\uc54c\ud14d\ucf54\ub9ac\uc544 \u26fd \uc5f0\ub8cc\ube44 \uc808\uac10\uc561 \uacc4\uc0b0\uae30 FUEL SAVINGS CALCULATOR \u2014 ALUMINUM GATE REPLACEMENT (\uc8fc) \uc54c\ud14d\ucf54\ub9ac\uc544 \uc785\ub825\ucc3d INPUT \ucc28\uc885 \uc120\ud0dd — \ucc28\uc885 \uc120\ud0dd —1\ud1a4 \ubd09\uace0 (\uac10\uc18c 50kg)3.5\ud1a4 \ub9c8\uc774\ud2f0 (\uac10\uc18c 200kg)5\ud1a4 \ud504\ub9ac\ub9c8 (\uac10\uc18c 150kg)5\ud1a4 \uba54\uac00\ud2b8\ub7ed (\uac10\uc18c 200kg)25\ud1a4 \uc5d1\uc2dc\uc5b8\ud2b8 (\uac10\uc18c 400kg)25\ud1a4 \ud504\ub9ac\ub9c8 (\uac10\uc18c 320kg)\uc9c1\uc811 \uc785\ub825 \uacf5\ucc28\uc911\ub7c9 kg \uac10\uc18c\uc911\ub7c9 kg \uac10\uc18c\ud6c4 \uacf5\ucc28\uc911\ub7c9 kg \ud604\uc7ac \uc5f0\ube44 km\/L \u203b […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-59","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":21,"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":2989,"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/pages\/59\/revisions\/2989"}],"wp:attachment":[{"href":"https:\/\/altech21.com\/en\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}