:root{
  --h: 60;
  --bg: hsl(var(--h) 30% 97%);
  --text: hsl(var(--h) 20% 17%);
  --muted: hsl(var(--h) 12% 42%);
  --brand: hsl(var(--h) 65% 40%);
  --brand-dark: hsl(var(--h) 55% 28%);
  --brand-light: hsl(var(--h) 70% 90%);
  --line: hsl(var(--h) 20% 85%);
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif;
  color:var(--text);
  background:#fff;
  line-height:1.75;
}
.wrap{max-width:772px;margin-inline:auto;padding:0 20px;}
a{color:var(--brand-dark);}

/* Header H5: two-row stack, centered */
.site-header{border-bottom:1px solid var(--line);background:#fff;}
.header-stack{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;text-align:center;}
.logo{font-weight:900;font-size:1.2rem;color:var(--brand-dark);}
.gnb{display:flex;gap:20px;}
.gnb a{text-decoration:none;color:var(--text);font-size:.92rem;}
.gnb a:hover{color:var(--brand);}

/* Hero V8: numbering emphasis */
.hero{background:linear-gradient(180deg, hsl(var(--h) 40% 95%), #fff);padding:60px 0 40px;position:relative;}
.hero-inner{text-align:center;position:relative;}
.hero-num{
  display:block;
  font-weight:900;
  font-size:5.2rem;
  color:hsl(var(--h) 60% 88%);
  line-height:1;
  margin-bottom:-18px;
}
.hero h1{font-size:1.9rem;margin:0 0 14px;color:var(--brand-dark);position:relative;}
.hero .lead{margin:0 auto;max-width:560px;color:var(--muted);}

main{padding:50px 0 10px;}
.block{margin-bottom:40px;}
.block h2{font-size:1.2rem;color:var(--brand-dark);margin:0 0 12px;}
.block p{margin:0;}

.ph{margin:50px 0;}
.ph-row{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:16px;max-width:900px;margin-inline:auto;}
.ph-row img{flex:1 1 0;min-width:0;width:100%;height:auto;display:block;border-radius:8px;}
@media (max-width:600px){.ph-row{gap:10px;}}

/* CTA C5: line box, border only */
.cta{padding:46px 0;}
.cta-box{
  border:2px solid var(--brand);
  border-radius:10px;
  padding:28px 24px;
  text-align:center;
  max-width:560px;
  margin:0 auto;
}
.cta-box p{margin:0 0 16px;}
.cta-link{
  display:inline-block;
  color:var(--brand-dark);
  border:1px solid var(--brand-dark);
  padding:9px 22px;
  border-radius:6px;
  text-decoration:none;
  font-weight:700;
}
.cta-link:hover{background:var(--brand-light);}

/* Footer F1: horizontal row */
footer{padding:14px 0;background:var(--bg);}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 20px;}
footer p{margin:0;font-size:.85rem;color:var(--muted);}

@media (max-width:1024px){
  .hero-num{font-size:4.4rem;}
}
@media (max-width:768px){
  .header-stack{padding:12px 16px;}
  .hero h1{font-size:1.6rem;}
  .hero-num{font-size:3.6rem;}
}
@media (max-width:480px){
  .gnb{gap:12px;}
  .hero h1{font-size:1.4rem;}
  .hero-num{font-size:3rem;}
  .block h2{font-size:1.08rem;}
}