:root{
  --g:#4a8f6a; --gbg:#f4faf6; --gd:#1f3d2d; --gm:#2f5a43;
  --hl:#9ad1b0; --mu:#66786d; --tx:#26332b;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:"Noto Sans KR","Noto Sans CJK KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  color:var(--tx); background:var(--gbg); line-height:1.75; font-size:16px;
}
a{color:var(--gm);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header.site{
  background:#fff;border-bottom:1px solid #e6f0ea;padding:18px 0;
}
header.site .wrap{display:flex;align-items:baseline;gap:12px}
.logo{font-size:22px;font-weight:700;color:var(--gd)}
.logo span{color:var(--g)}
.tagline{font-size:13px;color:var(--mu)}
.hero{padding:48px 0 28px}
.hero h1{font-size:30px;color:var(--gd);letter-spacing:-.02em;margin-bottom:10px}
.hero p{color:var(--mu)}
.post-list{list-style:none;padding-bottom:56px}
.post-list li{background:#fff;border:1px solid #e6f0ea;border-radius:14px;padding:22px 24px;margin-bottom:14px}
.post-list .cat{font-size:12px;font-weight:700;color:var(--g);letter-spacing:.04em}
.post-list h2{font-size:19px;margin:6px 0 4px;color:var(--gd)}
.post-list p{font-size:14px;color:var(--mu)}
.post-list .date{font-size:12px;color:var(--mu);margin-top:8px;display:block}
article.post{background:#fff;border:1px solid #e6f0ea;border-radius:14px;padding:36px 34px;margin:32px 0 48px}
article.post h1{font-size:26px;color:var(--gd);letter-spacing:-.02em;line-height:1.4;margin:6px 0 10px}
article.post .meta{font-size:13px;color:var(--mu);margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid #e6f0ea}
article.post h2{font-size:20px;color:var(--gd);margin:34px 0 10px}
article.post h3{font-size:16px;color:var(--gm);margin:22px 0 6px}
article.post p{margin:12px 0}
article.post ul,article.post ol{margin:10px 0 14px 22px}
article.post li{margin:5px 0}
article.post .note{background:var(--gbg);border-left:3px solid var(--hl);border-radius:0 10px 10px 0;padding:14px 18px;font-size:14px;margin:18px 0}
article.post .steps{counter-reset:step;list-style:none;margin-left:0}
article.post .steps>li{position:relative;padding:14px 0 14px 46px;border-bottom:1px dashed #e6f0ea;counter-increment:step}
article.post .steps>li::before{
  content:counter(step);position:absolute;left:0;top:16px;width:30px;height:30px;border-radius:50%;
  background:var(--g);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px;
}
article.post .faq dt{font-weight:700;color:var(--gm);margin-top:16px}
article.post .faq dd{margin:4px 0 0;font-size:15px}
.cta{background:var(--gd);color:#e9f3ec;border-radius:14px;padding:24px 26px;margin-top:36px}
.cta strong{color:#fff}
.cta a{color:var(--hl);font-weight:700}
footer.site{border-top:1px solid #e6f0ea;padding:26px 0 40px;font-size:12px;color:var(--mu)}
nav.breadcrumb{font-size:13px;color:var(--mu);margin-top:24px}
@media (max-width:480px){
  .hero h1{font-size:24px}
  article.post{padding:26px 20px}
  article.post h1{font-size:22px}
}