@font-face{font-family:SUIT Variable;src:url(/fonts/SUIT-Variable.woff2) format("woff2-variations");font-weight:100 900;font-display:swap}@font-face{font-family:Cafe24Ssurround;src:url(/fonts/Cafe24Ssurround.woff) format("woff");font-weight:700;font-display:swap}:root{--navy: #1E2A44;--sub: #5D6B8A;--bg: #F6F8FD;--teal: #0E7C7B;--teal-2: #2AA198;--teal-soft: #DDF3F0;--lav: #E9E6FF;--mint: #DFF6EC;--peach: #FFE9DC;--lemon: #FFF4CC;--sky: #E0EEFF;--card: #FFFFFF;--line: #EDF1F9;--line-strong: #E3E9F5;--disp: "Cafe24Ssurround", "SUIT Variable", sans-serif;--body: "SUIT Variable", Pretendard, -apple-system, sans-serif;--shadow: 0 14px 40px rgba(30, 42, 68, .08);--shadow-sm: 0 4px 16px rgba(30, 42, 68, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--body);background:var(--bg);color:var(--navy);overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{max-width:1060px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.blob{position:fixed;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none;z-index:0}.blob-1{width:480px;height:480px;background:var(--lav);top:-140px;right:-100px}.blob-2{width:420px;height:420px;background:var(--mint);top:340px;left:-160px}.blob-3{width:380px;height:380px;background:var(--peach);bottom:-120px;right:8%}header{position:sticky;top:12px;z-index:50}.nav{display:flex;align-items:center;gap:8px;background:#ffffffd9;backdrop-filter:blur(10px);border:1px solid #E8EDF7;border-radius:999px;box-shadow:var(--shadow);padding:10px 12px 10px 20px;margin-top:14px}.logo{font:700 19px var(--disp);color:var(--teal);display:flex;align-items:center;gap:8px;margin-right:10px}.logo .dot{width:26px;height:26px;border-radius:9px;background:linear-gradient(135deg,var(--teal) 0%,#2AA198 100%);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transform:rotate(-6deg)}nav{display:flex;gap:4px}nav a{font-size:13.5px;font-weight:700;color:var(--sub);padding:8px 14px;border-radius:999px;transition:.15s}nav a:hover{background:var(--teal-soft);color:var(--teal)}.cta{margin-left:auto;background:var(--navy);color:#fff;font-size:13px;font-weight:700;border-radius:999px;padding:10px 18px}.hero{padding:64px 0 24px;text-align:center}.pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #E8EDF7;border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:700;color:var(--teal);box-shadow:var(--shadow)}.pill i{font-style:normal}h1{font:700 clamp(34px,5.4vw,54px)/1.25 var(--disp);letter-spacing:-.01em;margin-top:22px}h1 .u{position:relative;white-space:nowrap}h1 .u:after{content:"";position:absolute;left:-2px;right:-2px;bottom:6px;height:14px;background:var(--lemon);z-index:-1;border-radius:8px}.lead{margin:16px auto 0;color:var(--sub);font-size:16px;line-height:1.8;max-width:520px}.counter{max-width:720px;margin:36px auto 0;background:var(--card);border-radius:24px;box-shadow:var(--shadow);border:1px solid #EDF1F9;overflow:hidden;text-align:left}.counter .head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #F0F3FA}.counter .head .ico{width:34px;height:34px;border-radius:12px;background:var(--mint);display:flex;align-items:center;justify-content:center;font-size:16px}.counter .head b{font-size:15px}.counter .head span{margin-left:auto;font-size:11.5px;color:var(--sub);background:var(--bg);border-radius:999px;padding:5px 10px;font-weight:600}.counter textarea{width:100%;min-height:150px;border:0;outline:none;resize:vertical;padding:18px 20px;font:15px/1.8 inherit;color:var(--navy);background:transparent}.counter textarea::placeholder{color:#a8b3cc}.readout{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;background:#fbfcfe;border-top:1px solid #F0F3FA}.readout div{background:#fff;border:1px solid #EDF1F9;border-radius:16px;padding:12px 14px}.readout .num{font:700 24px var(--disp);color:var(--teal)}.readout div:nth-child(3) .num{color:#e0745a}.readout label{font-size:11px;color:var(--sub);font-weight:700}.ad-slot{max-width:720px;margin:26px auto;min-height:100px;border:1.5px dashed #C9D4E8;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#a8b3cc;font-size:11px;letter-spacing:.18em;font-weight:700}.ad-slot:has(ins.adsbygoogle){border:0}.tools{padding:36px 0 60px}.sec-head{text-align:center;margin-bottom:28px}.sec-head h2{font:700 28px var(--disp)}.sec-head p{color:var(--sub);font-size:14px;margin-top:8px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tool{background:var(--card);border:1px solid #EDF1F9;border-radius:22px;padding:22px 18px;box-shadow:0 4px 16px #1e2a440d;transition:transform .2s ease,box-shadow .2s ease}.tool:hover{transform:translateY(-5px);box-shadow:0 18px 40px #1e2a441f}.tool:hover .ico{transform:rotate(-8deg) scale(1.06)}.tool .ico{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px;transition:transform .2s ease}.tool h4{font-size:15.5px;font-weight:800;letter-spacing:-.01em}.tool p{font-size:12.5px;color:var(--sub);margin-top:6px;line-height:1.6;font-weight:500}.tool .vol{display:inline-block;margin-top:12px;font-size:11px;font-weight:700;color:var(--teal);background:var(--teal-soft);border-radius:999px;padding:4px 10px}.detail{padding:0 0 70px}.dcard{display:grid;grid-template-columns:1fr 1fr;background:var(--card);border:1px solid #EDF1F9;border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.calc{padding:30px}.calc .ico{width:44px;height:44px;border-radius:15px;background:var(--peach);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}.calc h3{font:700 22px var(--disp)}.calc .hint{font-size:13px;color:var(--sub);margin:8px 0 20px;font-weight:600;line-height:1.6}.field label{display:block;font-size:12px;font-weight:800;color:var(--sub);margin-bottom:8px}.field input{width:100%;border:1.5px solid #E3E9F5;border-radius:14px;padding:13px 14px;font:600 15px inherit;color:var(--navy);outline:none;background:#fbfcfe;transition:.15s}.field input:focus{border-color:var(--teal);box-shadow:0 0 0 4px #0e7c7b1a;background:#fff}.btn{margin-top:16px;width:100%;border:0;border-radius:14px;background:linear-gradient(135deg,var(--teal),#2AA198);color:#fff;padding:14px;font:800 15px inherit;cursor:pointer;box-shadow:0 10px 24px #0e7c7b40;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px #0e7c7b52}.btn:active{transform:translateY(1px)}.result{margin-top:20px;display:none;background:var(--teal-soft);border-radius:18px;padding:18px}.result.on{display:block}.result .big{font:700 40px var(--disp);color:var(--teal)}.result .big small{font-size:16px;color:var(--navy)}.result>p{margin-top:8px;color:var(--sub);font-size:14px;font-weight:700}.result ul{list-style:none;margin-top:10px;display:grid;gap:6px}.result li{font-size:13px;color:var(--sub);font-weight:600;display:flex;justify-content:space-between}.result li b{color:var(--navy)}.explain{padding:30px;background:linear-gradient(180deg,#fbfcfe,#f4f7fd)}.explain h4{font-size:13px;font-weight:800;color:var(--teal);margin-bottom:12px;display:flex;align-items:center;gap:8px}.explain h4:before{content:"";width:18px;height:18px;border-radius:6px;background:var(--mint)}.explain p{font-size:14px;line-height:1.9;color:#46536f;margin-bottom:12px;font-weight:500}.explain p b{color:var(--navy);background:var(--lemon);border-radius:6px;padding:0 5px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chips a{font-size:12px;font-weight:700;color:var(--sub);background:#fff;border:1px solid #E3E9F5;border-radius:999px;padding:7px 13px;transition:.15s}.chips a:hover{color:var(--teal);border-color:var(--teal)}.explain{max-width:720px;margin:0 auto 64px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow-sm)}.explain h2{font:700 20px var(--disp);margin:26px 0 12px}.explain h2:first-child{margin-top:0}.explain ul{list-style:none;display:grid;gap:8px}.explain li{color:#46536f;font-size:14px;line-height:1.8}.explain li b{color:var(--navy)}.explain details{border-top:1px solid var(--line);padding:14px 0}.explain details:last-of-type{border-bottom:1px solid var(--line)}.explain summary{cursor:pointer;font-weight:800}.explain details p{margin:10px 0 0}.readout{grid-template-columns:repeat(4,1fr)}.tool-panel{max-width:720px;margin:28px auto 0;padding:30px;background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.tool-panel>h2{font:700 22px var(--disp);margin-bottom:18px}.calc-grid{display:grid;gap:16px}.calc-grid.cols-2{grid-template-columns:repeat(2,1fr)}.calc-card{padding:20px;background:#fbfcfe;border:1px solid var(--line);border-radius:18px}.calc-card h2,.calc-card h3{font:700 18px var(--disp);margin-bottom:14px}.field+.field{margin-top:14px}.field-row,.converter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.inline-result{display:block;margin-top:16px;padding:14px 16px;color:var(--teal);background:var(--teal-soft);border-radius:14px;font:700 22px var(--disp)}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.preset-buttons button{border:1px solid var(--line-strong);border-radius:999px;padding:8px 13px;color:var(--sub);background:#fff;font:700 12px var(--body);cursor:pointer}.preset-buttons button:hover{color:var(--teal);border-color:var(--teal)}.data-table{width:100%;margin-top:22px;border-collapse:collapse;font-size:14px}.data-table caption{margin-bottom:10px;text-align:left;font-weight:800}.data-table th,.data-table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left}.data-table th{color:var(--sub);background:#fbfcfe}.prog{max-width:720px;margin:56px auto 70px;padding:30px;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.prog>h1{margin:0 0 24px;font-size:clamp(28px,5vw,42px)}.prog>p{margin-top:18px;color:#46536f;font-size:14px;line-height:1.9}.prog>p a{color:var(--teal);font-weight:800;text-decoration:underline}.page-content{max-width:760px;margin:56px auto 70px;padding:34px;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.page-content>h1{margin:0 0 24px;font-size:clamp(30px,5vw,44px)}.page-content h2{margin:30px 0 10px;font:700 21px var(--disp)}.page-content p{margin-top:14px;color:#46536f;font-size:15px;line-height:1.9}.page-content ul,.page-content ol{margin-top:14px;padding-left:24px;color:#46536f;font-size:15px;line-height:1.9}.page-content li+li{margin-top:6px}.page-content a{color:var(--teal);font-weight:800;text-decoration:underline}.link-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;list-style:none}.link-list a{display:block;padding:12px 14px;color:var(--navy);background:#fbfcfe;border:1px solid var(--line);border-radius:14px;text-decoration:none}.compact-page{min-height:340px}.contact-link{display:inline-block;margin-top:8px;padding:12px 16px;background:var(--teal-soft);border-radius:14px}.not-found{padding:90px 0 80px;text-align:center}.not-found>h1{margin-top:22px}.not-found .grid{margin-top:36px;text-align:left}.blog-grid{grid-template-columns:repeat(3,1fr)}footer{background:var(--navy);color:#c7d1e8;border-radius:32px 32px 0 0}.foot{padding:36px 0;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.foot .who{max-width:520px}.foot .who b{display:block;color:#fff;font:700 16px var(--disp);margin-bottom:8px}.foot .who p{font-size:13.5px;line-height:1.8;font-weight:500}.foot nav{display:flex;gap:8px;align-items:flex-start}.foot nav a{font-size:13px;font-weight:700;background:#ffffff14;border-radius:999px;padding:9px 16px}.foot nav a:hover{background:#ffffff29}.up{opacity:0;transform:translateY(16px);animation:up .6s cubic-bezier(.2,.8,.3,1) forwards}@keyframes up{to{opacity:1;transform:none}}.d1{animation-delay:.05s}.d2{animation-delay:.15s}.d3{animation-delay:.25s}.d4{animation-delay:.35s}.d5{animation-delay:.45s}@media(max-width:880px){.grid{grid-template-columns:repeat(2,1fr)}.dcard{grid-template-columns:1fr}.readout{grid-template-columns:repeat(2,1fr)}.calc-grid.cols-2,.field-row,.converter-grid,.link-list,.blog-grid{grid-template-columns:1fr}nav,.cta{display:none}}