*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#142e39;background:#f6f8f8;margin:0;font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}a,button{touch-action:manipulation}button,.button{color:#fff;cursor:pointer;background:#075a61;border:0;border-radius:12px;padding:13px 22px;font-weight:700;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#084850}:focus-visible{outline-offset:4px;outline:3px solid #cf791e}header{background:#fff;border-bottom:1px solid #dde6e7}.nav{justify-content:space-between;align-items:center;gap:20px;max-width:1160px;margin:auto;padding:18px 24px;display:flex}.brand{align-items:center;gap:10px;font-size:21px;font-weight:900;text-decoration:none;display:flex}.brand-icon{flex:none;width:44px;height:44px}.brand small{letter-spacing:0;color:#55717b;font-size:11px;display:block}.nav nav{gap:22px;font-size:14px;display:flex}.nav nav a{text-decoration:none}main{max-width:1160px;margin:auto;padding:42px 24px 70px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;margin:18px 0 64px;display:grid}.eyebrow{color:#08717a;letter-spacing:2px;font-size:12px;font-weight:800}h1{letter-spacing:-2px;margin:18px 0 24px;font-size:clamp(32px,4.7vw,58px);line-height:1.2}h2{letter-spacing:-1px;font-size:28px;line-height:1.4}h3{font-size:20px;line-height:1.5}.lead{color:#506773;font-size:18px}.muted,small{color:#536b76}.hero-art{background:#d7e9e6;border-radius:28px;min-height:360px;position:relative;overflow:hidden}.hero-art svg{width:100%;height:360px;display:block}.art-note{color:#214e57;font-size:12px;position:absolute;bottom:20px;left:24px}.tags{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.tags span{border:1px solid #c7d7d8;border-radius:30px;padding:5px 10px;font-size:12px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:#fff;border:1px solid #dce5e5;border-radius:18px;padding:24px;text-decoration:none;display:block}.card:hover{border-color:#397d83}.card h3{margin:8px 0 12px}.card p{color:#506773;margin-bottom:18px;font-size:14px}.arrow{color:#075a61;font-size:14px;font-weight:700}.section-head{justify-content:space-between;align-items:center;gap:18px;margin:42px 0 22px;display:flex}.band{color:#fff;background:#142f3a;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin:50px 0;padding:32px;display:flex}.band p{color:#c6d6dd}.band .button{color:#153d42;white-space:nowrap;background:#cae9df}.article{max-width:780px;margin:auto}.article h1{font-size:40px}.article section{background:#fff;border:1px solid #dce5e5;border-radius:18px;margin:22px 0;padding:24px 28px}.article section h2{font-size:24px}.source{border-left:3px solid #08717a;margin:30px 0;padding:15px 22px;font-size:14px}.source a{margin-right:16px;display:inline-block}.crumb{color:#536b76;font-size:13px}.steps{gap:10px;margin:22px 0;display:flex}.steps span{background:#dce5e5;border-radius:4px;flex:1;height:5px}.steps .active{background:#08717a}.choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice{color:#142e39;text-align:left;background:#fff;border:1px solid #b9cecf;padding:20px}.choice:hover{color:#fff}.choice small{font-weight:400;display:block}.funnel{max-width:800px;margin:auto}.result section{margin:20px 0}.notice{background:#e8f2ee;border-radius:12px;padding:18px;font-size:14px}.tools{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.secondary{color:#183e45;background:#e2edeb}textarea{color:#142e39;background:#fff;border:1px solid #b9cecf;border-radius:12px;width:100%;min-height:230px;padding:16px}label{margin:14px 0 7px;font-weight:700;display:block}input{border:1px solid #b9cecf;border-radius:10px;width:100%;padding:12px}.compare-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}footer{color:#536b76;border-top:1px solid #dce5e5;padding:32px 24px;font-size:13px}.footer-inner{max-width:1112px;margin:auto}footer a{margin-right:18px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:10;background:#fff;padding:12px;top:10px;left:20px}[hidden]{display:none!important}.ad{border-top:1px solid #ddd;min-height:250px;margin:48px 0;padding-top:16px}.ad small{margin-bottom:18px;display:block}@media (width<=700px){main{padding:26px 20px 45px}.nav{padding:16px 20px}.nav nav{gap:12px;font-size:12px}.brand{gap:8px}.brand-icon{width:36px;height:36px}.brand small{font-size:10px}.hero{grid-template-columns:1fr;gap:28px;margin:12px 0 42px}.hero-art{min-height:240px}.hero-art svg{height:240px}.grid{grid-template-columns:1fr}.band{padding:26px;display:block}.band .button{margin-top:10px}.section-head{display:block}.choices,.compare-grid{grid-template-columns:1fr}.article h1{font-size:32px}.article section{padding:20px}.brand{font-size:18px}.lead{font-size:16px}h1{letter-spacing:-1px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.kakao{color:#252014;background:#fee500}.kakao:hover{color:#252014;background:#f0d900}.chat-caption{color:#536b76;margin:12px 0 0;font-size:13px}.nav-chat{color:#075a61;font-weight:800}@media (width<=700px){.nav{flex-wrap:wrap;gap:12px}.nav nav{gap:14px}.hero-actions .button{text-align:center;width:100%}.nav .brand{flex:1 0 auto}}