:root{--ink:#152d27;--green:#0b6655;--mint:#dceee8;--gold:#b88b35;--paper:#fbfaf5;--line:#d9ded8;--warn:#fff5e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#26342f;background:var(--paper);font-family:Arial,"Noto Sans KR",sans-serif;line-height:1.75;padding-bottom:86px}a{color:inherit}img{display:block;max-width:100%}.top{position:sticky;top:0;z-index:50;background:rgba(251,250,245,.97);border-top:4px solid var(--green);border-bottom:1px solid var(--line)}.nav{height:68px;max-width:1180px;margin:auto;display:flex;align-items:center;gap:28px;padding:0 22px}.brand{font-size:21px;font-weight:800;color:var(--ink);text-decoration:none;white-space:nowrap}.brand b{color:var(--gold)}.menu{margin-left:auto;display:flex;align-items:center;gap:25px}.menu a,.drop>button{font:inherit;font-weight:700;text-decoration:none;border:0;background:none;padding:20px 0;cursor:pointer}.drop{position:relative}.dropbox{display:none;position:absolute;right:0;top:58px;width:245px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 35px #16352d20;padding:9px}.drop:hover .dropbox,.drop:focus-within .dropbox{display:block}.dropbox a{display:block;padding:10px 12px}.phone{background:var(--green)!important;color:#fff;padding:10px 17px!important;border-radius:3px;text-decoration:none;font-weight:800;white-space:nowrap}.rail{position:sticky;top:68px;z-index:40;background:#edf6f2;border-bottom:1px solid #cbded7;transition:.25s}.rail-track{max-width:1180px;margin:auto;display:flex;gap:12px;overflow-x:auto;padding:13px 8px;scrollbar-width:thin}.tile{flex:0 0 190px;background:#fff;border:1px solid #cbd8d3;box-shadow:0 5px 15px #16352d0c}.tile img{width:100%;height:190px;object-fit:cover}.tile span{display:block;padding:8px 10px;font-size:14px;font-weight:800;white-space:nowrap}.compact .rail{top:68px}.compact .rail-track{padding:6px 8px}.compact .tile{flex-basis:118px}.compact .tile img{height:76px}.compact .tile span{font-size:11px;padding:4px 6px;overflow:hidden;text-overflow:ellipsis}.hero{background:linear-gradient(110deg,#e8f4ef 0 67%,#d5e8df 67%);border-bottom:1px solid #c9d9d1}.hero-inner{max-width:1180px;margin:auto;padding:72px 22px 60px;display:grid;grid-template-columns:1.5fr .7fr;gap:45px;align-items:center}.eyebrow{display:inline-block;color:var(--green);font-weight:800;border-bottom:2px solid var(--gold)}h1{font-size:50px;line-height:1.18;letter-spacing:0;margin:15px 0 20px;color:var(--ink)}.lead{font-size:19px;max-width:720px}.hero-note{background:#fff;border-left:5px solid var(--gold);padding:25px;box-shadow:0 15px 35px #173b3020}.hero-note strong{display:block;font-size:27px;color:var(--green)}.quick{max-width:1180px;margin:-24px auto 0;display:grid;grid-template-columns:repeat(3,1fr);position:relative;background:#fff;border:1px solid var(--line)}.quick div{padding:20px 24px;border-right:1px solid var(--line)}.quick div:last-child{border:0}.quick b{display:block;color:var(--green)}main{max-width:1180px;margin:65px auto;padding:0 22px;display:grid;grid-template-columns:minmax(0,820px) 250px;gap:60px}.article section{margin-bottom:62px}.article h2{font-size:31px;line-height:1.35;color:var(--ink);margin:0 0 18px}.article h3{font-size:22px;color:var(--green);margin:28px 0 8px}.article h4{font-size:17px;margin:20px 0 6px}.summary,.warning{padding:24px;border-left:5px solid var(--green);background:#edf5f1}.warning{background:var(--warn);border-color:#c57628}.steps{counter-reset:step;display:grid;gap:12px}.steps li{list-style:none;background:#fff;border:1px solid var(--line);padding:15px 18px 15px 54px;position:relative}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:14px;width:25px;height:25px;border-radius:50%;background:var(--green);color:white;text-align:center;line-height:25px;font-weight:800}.check{padding:0}.check li{list-style:none;margin:9px 0;padding:12px 15px 12px 42px;background:#f0f5f2;position:relative}.check li:before{content:"✓";position:absolute;left:16px;color:var(--green);font-weight:900}table{width:100%;border-collapse:collapse;background:#fff;font-size:15px}th,td{border:1px solid var(--line);padding:13px;text-align:left;vertical-align:top}th{background:#e4eee9;color:var(--ink)}.toc{position:sticky;top:250px;align-self:start;border-top:4px solid var(--gold);background:#fff;padding:20px}.toc strong{font-size:18px}.toc a{display:block;padding:9px 0;border-bottom:1px solid #e5e8e5;text-decoration:none;font-size:14px}.faq details{border-top:1px solid var(--line);padding:16px 4px}.faq summary{font-weight:800;cursor:pointer}.footer{background:var(--ink);color:#dce7e3;padding:35px 22px;text-align:center}.fixed{position:fixed;z-index:60;left:50%;bottom:12px;transform:translateX(-50%);width:min(1080px,calc(100% - 34px));height:64px;display:grid;grid-template-columns:1.25fr 1fr 1fr;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0004}.fixed div,.fixed a{display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800}.fixed div{background:#16372f;color:#fff;flex-direction:column}.fixed div small{color:#8ee0c8}.fixed a{background:#fff}.fixed a:last-child{background:var(--gold);color:#fff}.mobile-toggle{display:none}@media(max-width:800px){body{padding-bottom:74px}.nav{height:58px;padding:0 14px}.menu{display:none;position:absolute;top:58px;left:0;right:0;background:#fff;padding:10px 18px;border-bottom:1px solid var(--line)}.menu.open{display:block}.menu>a,.drop>button{display:block;width:100%;text-align:left;padding:10px}.dropbox{display:block;position:static;width:auto;box-shadow:none;border:0;padding-left:12px}.phone{display:inline-block!important;margin-top:5px}.mobile-toggle{display:block;margin-left:auto;border:0;background:none;font-size:25px}.rail{top:58px}.rail-track{padding:7px}.tile{flex-basis:125px}.tile img{height:125px}.tile span{font-size:11px;padding:5px}.compact .rail{top:58px}.compact .tile{flex-basis:88px}.compact .tile img{height:58px}.compact .tile span{display:none}.hero-inner{padding:45px 18px 42px;display:block}.hero-note{margin-top:28px}h1{font-size:36px}.quick{margin:0;grid-template-columns:1fr}.quick div{border-right:0;border-bottom:1px solid var(--line)}main{display:block;margin:45px auto;padding:0 18px}.toc{display:none}.article h2{font-size:27px}.fixed{height:58px;bottom:7px;width:calc(100% - 14px);grid-template-columns:.8fr 1fr 1fr}.fixed div small{display:none}.fixed div strong{font-size:13px}.fixed a{font-size:14px}table{font-size:13px}th,td{padding:9px}}
 .home-link{display:inline-block;margin-top:10px;padding:9px 13px;border:1px solid var(--green);color:var(--green);font-weight:800;text-decoration:none}
/* 상단 이미지 띠 축소 움직임 안정화 */
.rail {
  transition: box-shadow .22s ease, background-color .22s ease;
}

.rail-track,
.tile,
.tile img,
.tile span {
  transition:
    flex-basis .28s ease,
    height .28s ease,
    padding .28s ease,
    font-size .28s ease;
}
