@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--bg:#f5f5f1;--surface:#fff;--ink:#18211c;--muted:#707973;--line:#e1e4de;--accent:#c6f252;--accent-ink:#223408;--navy:#203b4d;--soft:#eef2e7;--negative:#bf473b;--shadow:0 15px 45px rgba(24,33,28,.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Manrope,"Noto Sans KR",sans-serif;color:var(--ink);letter-spacing:-.025em}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #91bb2c;outline-offset:2px}.header{max-width:1210px;height:76px;margin:auto;padding:0 25px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center;color:var(--ink);font-weight:800;text-decoration:none;font-size:18px}.brand span{display:grid;place-items:center;width:32px;height:32px;background:var(--accent);border-radius:10px;font-size:10px;letter-spacing:-1px}.header nav{display:flex;gap:28px;margin-left:auto;margin-right:28px}.header nav a{font-size:13px;font-weight:700;color:var(--muted);text-decoration:none}.theme{border:1px solid var(--line);width:37px;height:37px;border-radius:50%;color:var(--ink);background:var(--surface);font-size:20px}main{max-width:1210px;margin:auto;padding:0 25px}.hero{min-height:355px;display:grid;grid-template-columns:1.4fr .85fr;align-items:center;gap:42px;padding:55px 45px;margin:28px 0;background:var(--navy);color:#f8fbf4;border-radius:25px;overflow:hidden}.kicker{font-family:"DM Mono",monospace;letter-spacing:.08em;font-size:11px;color:#759049;font-weight:700;margin:0 0 11px}.hero .kicker{color:#c6f252}.hero h1{font-size:clamp(41px,5vw,66px);letter-spacing:-.075em;line-height:1.01;margin:0}.hero h1 em{font-style:normal;color:var(--accent)}.hero p:not(.kicker){font-family:"Noto Sans KR",sans-serif;color:#c3cdc6;line-height:1.7;font-size:15px;margin:21px 0}.hero-notes{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#dcebd0}.ad{border:1px dashed rgba(203,222,195,.35);color:#aebaaa;display:grid;place-items:center;font:11px "DM Mono",monospace;letter-spacing:.08em}.ad-hero{min-height:145px}.ad-wide{height:88px;margin:26px 0 74px;border-color:#cad1c6;color:#909991;background:#fafbf8}.notice{margin:0 0 64px;border-radius:12px;padding:14px 18px;background:#e7f2ca;color:#3d5522;font-size:13px;display:flex;align-items:center;gap:10px}.notice strong{font-weight:800}.link-button{border:0;background:none;color:#3d5c11;font-weight:800;margin-left:auto;white-space:nowrap}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:21px}.section-heading h2{margin:0;font-size:28px;letter-spacing:-.055em}.section-heading>p{font-size:12px;color:var(--muted);margin:0}.calculator-wrap{margin-bottom:0}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{border:1px solid var(--line);background:var(--surface);border-radius:18px;box-shadow:var(--shadow)}.input-panel{padding:24px}.input-panel fieldset{border:0;padding:0 0 22px;margin:0 0 20px;border-bottom:1px solid var(--line)}.input-panel fieldset:last-of-type{margin-bottom:22px}.input-panel legend{font-size:14px;font-weight:800;margin-bottom:15px}.field{display:flex;flex-direction:column;gap:7px}.field label,.service-select label,.manual-rate label{font-size:12px;font-weight:700}.field small{font-size:10px;color:var(--muted);font-weight:500}.field input,.field select,.service-select select,.manual-rate input{border:1px solid var(--line);background:#fcfcfa;border-radius:9px;padding:11px 12px;color:var(--ink);min-width:0}.wide{margin-bottom:14px}.dimensions,.two-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.two-cols{grid-template-columns:1fr 1fr;margin-bottom:14px}.two-cols:last-child{margin-bottom:0}.fee-settings{padding-bottom:0!important;border:0!important;margin-bottom:10px!important}.fee-settings legend{display:flex;width:100%;justify-content:space-between;align-items:center}.fee-settings legend button{border:0;background:transparent;color:#69821a;font-size:12px;font-weight:700}.fee-settings p{font-size:12px;color:var(--muted);margin:0}.primary,.secondary,.file-button{border:0;border-radius:10px;padding:13px 16px;font-weight:800;display:inline-flex;gap:18px;justify-content:center;align-items:center}.primary{width:100%;background:var(--accent);color:var(--accent-ink)}.secondary{background:var(--soft);color:#3c4d2b}.result-panel{padding:26px;display:flex;flex-direction:column}.result-top{margin-bottom:18px}.result-top h3{font-size:25px;margin:0;letter-spacing:-.05em}.result-top p:not(.kicker){font-size:12px;color:var(--muted);margin:7px 0 0}.result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.result-cards article{border-radius:12px;background:var(--soft);padding:14px 12px;min-height:99px}.result-cards article:nth-child(2){background:var(--navy);color:#fff}.result-cards span,.result-cards small{display:block;font-size:10px;color:#788174}.result-cards article:nth-child(2) small{color:#bcc9c0}.result-cards strong{font-size:18px;display:block;letter-spacing:-.06em;margin:8px 0 4px}.service-select{margin:19px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.service-select select{flex:1;max-width:180px;padding:9px}.breakdown{border-top:1px solid var(--line);padding-top:5px}.breakdown div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.breakdown span{color:var(--muted)}.disclaimer{color:var(--muted);font-size:10px;line-height:1.55;margin:14px 0 0}.rates{margin-top:18px;padding:23px}.rates-head{display:flex;justify-content:space-between;align-items:end}.rates h3{font-size:20px;margin:0;letter-spacing:-.04em}.rates-head span{font-size:12px;color:var(--muted)}.table-scroll{overflow:auto;margin-top:19px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{font-size:11px;color:var(--muted);font-weight:700;background:#fafbf9}th,td{padding:14px;border-bottom:1px solid var(--line)}td b{font-size:14px}.empty{text-align:center;color:var(--muted);height:73px}.table-radio{accent-color:#7fa420}.manager,.bulk{margin-top:77px}.manager-grid,.bulk-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.upload-card,.template-card,.bulk-grid .panel{padding:25px}.manager h3,.bulk h3{font-size:19px;margin:0 0 10px;letter-spacing:-.04em}.manager p,.bulk p{font-family:"Noto Sans KR",sans-serif;font-size:12px;line-height:1.65;color:var(--muted);min-height:42px;margin:0 0 18px}.file-button{background:var(--navy);color:#fff;font-size:13px}.status{margin:15px 0 0!important;min-height:0!important}.text-danger{border:0;background:none;color:var(--negative);font-size:12px;font-weight:700;margin-top:8px;padding:0}.bulk-grid{grid-template-columns:repeat(3,1fr)}.step{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font:700 11px "DM Mono",monospace;margin-bottom:29px}.bulk .primary{font-size:13px}.exchange{margin:77px 0 58px;padding:25px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;align-items:center}.exchange h3{margin:0;font-size:20px}.exchange p:not(.kicker){font-size:12px;color:var(--muted);margin:8px 0 0}.exchange-value strong{display:block;font-size:27px;letter-spacing:-.06em}.exchange-value span{font:10px "DM Mono",monospace;color:var(--muted)}.exchange-value .secondary{margin:10px 0 0;padding:8px 11px;font-size:11px}.manual-rate{display:grid;grid-template-columns:1fr auto;gap:7px}.manual-rate label{grid-column:1/-1}.manual-rate input{padding:9px}.manual-rate button{border:0;border-radius:8px;background:#e7ebe3;color:var(--ink);font-size:12px;font-weight:700;padding:0 12px}footer{max-width:1210px;margin:auto;padding:26px 25px 35px;color:var(--muted);font-size:12px;border-top:1px solid var(--line);display:flex;gap:22px}footer strong{color:var(--ink)}body.dark{--bg:#141a17;--surface:#1e2621;--ink:#eef3eb;--muted:#9aa69d;--line:#354039;--soft:#273228;--navy:#132d3e;--accent:#cbf35f}body.dark .field input,body.dark .field select,body.dark .service-select select,body.dark .manual-rate input,body.dark th{background:#182019;color:var(--ink)}body.dark .ad-wide{background:#1a211c}@media(max-width:800px){.header nav{display:none}.hero{grid-template-columns:1fr;padding:38px 29px}.ad-hero{min-height:70px}.notice{align-items:flex-start;flex-wrap:wrap}.link-button{margin-left:0}.calculator-grid,.manager-grid,.bulk-grid,.exchange{grid-template-columns:1fr}.result-cards{grid-template-columns:1fr}.result-cards article{min-height:auto}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.rates-head{align-items:flex-start;flex-direction:column;gap:7px}.exchange{gap:25px}.dimensions{gap:6px}.hero h1{font-size:48px}.manager,.bulk{margin-top:56px}footer{flex-wrap:wrap}.exchange-value{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.exchange-value .secondary{margin:0}}
