@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{--ink:#13231d;--muted:#65736d;--green:#0b6b4f;--lime:#dff95d;--paper:#f4f6f1;--line:#dce3dd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid var(--line);background:#f4f6f1f0;align-items:center;gap:42px;height:76px;padding:0 max(5vw,24px);display:flex;position:sticky;top:0}.brand{letter-spacing:-1px;font:800 25px DM Sans}.brand span{color:var(--green)}nav{gap:26px;font-size:14px;font-weight:600;display:flex}nav a:hover{color:var(--green)}.search{margin-left:auto;position:relative}.search input{border:1px solid var(--line);background:#fff;border-radius:40px;width:220px;padding:10px 16px}.results{border:1px solid var(--line);background:#fff;border-radius:14px;width:280px;padding:8px;position:absolute;top:48px;right:0;box-shadow:0 15px 35px #13231d1c}.results a{border-radius:8px;padding:10px;display:block}.results a:hover{background:var(--paper)}main{max-width:1180px;margin:auto;padding:0 24px 90px}.hero{background:radial-gradient(circle at 80% 25%,#dff95d 0 70px,#0000 71px);min-height:470px;padding:92px 0 150px}.eyebrow,.pagehead>span{letter-spacing:2px;color:var(--green);font:700 12px DM Sans}.hero h1{letter-spacing:-5px;margin:16px 0 24px;font-size:clamp(48px,7.2vw,92px);line-height:1.02}.hero h1 em{color:var(--green);font-style:normal}.hero p,.pagehead p{color:var(--muted);font-size:18px}.panel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:clamp(22px,4vw,48px);box-shadow:0 18px 60px #25403710}.overlap{margin-top:-95px}.panel h2{margin:0 0 24px;font-size:28px}.fields{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}label{flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex;position:relative}label input,select{border:1px solid var(--line);height:52px;color:var(--ink);background:#fbfcfa;border-radius:12px;padding:0 15px;font-size:17px;font-weight:700}label span{color:var(--muted);position:absolute;bottom:16px;right:14px}.chips{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.chips button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:30px;padding:8px 13px}.chips button:hover{background:var(--lime);border-color:var(--lime)}.answer{background:var(--ink);color:#fff;border-radius:18px;margin-top:22px;padding:26px}.answer small{color:#bdc9c2;display:block}.answer strong,.exchangeResult strong{color:var(--lime);margin:5px 0 20px;font-size:clamp(27px,4vw,42px);display:block}.metrics{border-top:1px solid #ffffff30;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:18px;display:grid}.metrics span{color:#aebbb4;font-size:12px}.metrics b{color:#fff;margin-top:4px;font-size:15px;display:block}.compare{grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0;display:grid}.compare span{background:#eef2ec;border-radius:10px;padding:13px;font-size:12px}.compare b{margin-top:3px;display:block}details{border-top:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:700}.feature{padding:100px 0}.feature>div:first-child{justify-content:space-between;align-items:end;display:flex}.feature h2{letter-spacing:-2px;font-size:40px}.cards,.grid,.rategrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card,.ratecard{border:1px solid var(--line);background:#fff;border-radius:18px;padding:28px;transition:all .2s;display:block}.card:hover,.ratecard:hover{border-color:var(--green);transform:translateY(-4px)}.card i{color:var(--green);font:700 13px DM Sans}.card p{color:var(--muted);min-height:48px}.card b,.card a,.ratecard span{color:var(--green)}.pagehead{padding:76px 0 45px}.pagehead h1{letter-spacing:-4px;margin:12px 0;font-size:clamp(40px,6vw,68px)}.grid{grid-template-columns:repeat(2,1fr)}.rategrid{grid-template-columns:repeat(5,1fr);margin-bottom:28px}.ratecard i{font-size:38px;font-style:normal}.ratecard small,.ratecard strong,.ratecard span{margin-top:8px;display:block}.ratecard strong{font-size:18px}.exchangeCalc{max-width:680px}.exchangeCalc>div:first-child{grid-template-columns:1fr 120px;gap:10px;display:grid}.swap{background:var(--lime);cursor:pointer;border:0;border-radius:50%;width:42px;height:42px;margin:12px 0}.exchangeResult{background:var(--ink);color:#fff;border-radius:18px;margin-bottom:10px;padding:22px}.exchangeResult strong{margin-bottom:0}.note{color:var(--muted);font-size:12px}.breadcrumb{color:var(--muted);padding-top:24px;font-size:13px}.articleLayout{grid-template-columns:minmax(0,1fr) 340px;gap:30px;display:grid}.articleLayout article{min-width:0}.articleLayout aside{border:1px solid var(--line);background:#fff;border-radius:18px;height:max-content;padding:20px;position:sticky;top:96px}.articleLayout p,.prose p{color:#46554e;font-size:17px;line-height:1.85}.articleLayout h2{margin-top:46px;font-size:28px}table{border-collapse:collapse;background:#fff;border-radius:15px;width:100%;overflow:hidden}td{border-bottom:1px solid var(--line);padding:14px}td:last-child{text-align:right;font-weight:700}.cta{background:var(--green);color:#fff;border-radius:10px;margin:20px 0;padding:14px 20px;display:inline-block}.budget{border:1px solid var(--line);background:#fff;border-radius:18px;padding:25px}.budget h2{margin-top:0}.budget>div{border-bottom:1px solid var(--line);grid-template-columns:90px repeat(3,1fr);padding:12px 0;font-size:13px;display:grid}.prose{background:#fff;border-radius:20px;max-width:760px;padding:36px}.calc>.answer+details{margin-top:14px}footer{background:var(--ink);color:#fff;grid-template-columns:1fr 2fr;gap:35px;padding:50px max(5vw,24px);display:grid}footer b{font:800 26px DM Sans}footer p,footer small{color:#aebbb4}footer div:nth-child(2){flex-wrap:wrap;gap:15px;display:flex}footer small{border-top:1px solid #fff2;grid-column:1/-1;padding-top:20px}@media (width<=800px){header{height:64px;padding:0 16px}nav{display:none}.search input{width:150px}.hero{background-position:120% 10%;min-height:400px;padding-top:60px}.hero h1{letter-spacing:-3px}.fields,.metrics,.compare{grid-template-columns:1fr 1fr}.cards,.grid,.rategrid{grid-template-columns:1fr}.rategrid{gap:10px}.ratecard{padding:20px}.articleLayout{grid-template-columns:1fr}.articleLayout aside{z-index:15;width:calc(100% - 32px);max-height:55vh;position:fixed;top:auto;bottom:16px;right:16px;overflow:auto;box-shadow:0 15px 50px #13231d55}.articleLayout aside h3{margin-top:0}.budget>div{grid-template-columns:1fr 1fr;gap:6px}.pagehead{padding-top:50px}.feature{padding:70px 0}.feature>div:first-child{display:block}footer{grid-template-columns:1fr}.overlap{margin-top:-70px}}@media (width<=480px){.fields,.metrics{grid-template-columns:1fr}.compare{grid-template-columns:1fr 1fr}.panel{border-radius:18px}.articleLayout aside{display:none}}.clear{color:#9a302b!important;border-color:#e4b9b5!important}.datastamp{background:#e8eee9;border-radius:10px;display:inline-block;padding:10px 14px!important;font-size:13px!important;line-height:1.55!important}.datastamp span{color:var(--muted)}.wide{max-width:none;margin-top:30px}.oilgrid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:30px;display:grid}.oilgrid .panel strong{color:var(--green);margin:10px 0;font:700 clamp(38px,6vw,64px) DM Sans;display:block}.oilgrid .panel span{color:var(--muted)}@media (width<=480px){.oilgrid{grid-template-columns:1fr}}.ad-zone{max-width:1180px;min-height:120px;margin:20px auto 50px;padding:0 24px;display:block;overflow:hidden}