:root{
  --h: 32;
  --bg: hsl(var(--h) 30% 97%);
  --text: hsl(var(--h) 20% 18%);
  --muted: hsl(var(--h) 14% 42%);
  --brand: hsl(var(--h) 78% 46%);
  --brand-dark: hsl(var(--h) 70% 33%);
  --brand-light: hsl(var(--h) 85% 92%);
  --line: hsl(var(--h) 24% 84%);
}

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

/* Header H3: utility bar + main nav, two rows */
.util-bar{background:hsl(var(--h) 40% 22%);color:#fff;font-size:.78rem;padding:6px 0;}
.site-header{border-bottom:1px solid var(--line);}
.header-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;}
.logo{font-weight:800;font-size:1.25rem;color:var(--brand-dark);}
.gnb{display:flex;gap:20px;}
.gnb a{text-decoration:none;color:var(--text);font-size:.95rem;}
.gnb a:hover{color:var(--brand);}

/* Hero V6: diagonal split via clip-path */
.hero{position:relative;padding:70px 0;overflow:hidden;}
.hero-split{
  position:absolute;inset:0;
  background:hsl(var(--h) 30% 95%);
  z-index:0;
}
.hero-split::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(120deg, hsl(var(--h) 70% 42%), hsl(var(--h) 55% 30%));
  clip-path:polygon(0 0, 55% 0, 30% 100%, 0 100%);
}
.hero-inner{position:relative;z-index:1;}
.hero h1{font-size:2rem;margin:0 0 16px;color:var(--brand-dark);}
.hero .lead{margin:0;max-width:560px;color:var(--muted);}

main{padding:56px 0 10px;}
.block{margin-bottom:44px;}
.block h2{font-size:1.28rem;color:var(--brand-dark);margin:0 0 14px;}
.block p{margin:0 0 16px;}

table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.92rem;}
caption{text-align:left;font-weight:700;color:var(--brand-dark);margin-bottom:8px;font-family:'Nanum Myeongjo',serif;}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;}
th{background:var(--brand-light);color:var(--brand-dark);}
tbody tr:nth-child(even){background:hsl(var(--h) 20% 98%);}

.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 C3: split left text / right button */
.cta{padding:44px 0;background:var(--bg);}
.cta-split{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.cta-split p{margin:0;font-size:1.05rem;}
.cta-link{
  display:inline-block;
  background:var(--brand);
  color:#fff;
  padding:12px 26px;
  border-radius:6px;
  text-decoration:none;
  font-weight:700;
  white-space:nowrap;
}
.cta-link:hover{background:var(--brand-dark);}

/* Footer F3: horizontal row */
footer{padding:14px 0;background:hsl(var(--h) 20% 96%);}
.footer-grid{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{padding:56px 0;}
}
@media (max-width:768px){
  .header-row{padding:12px 16px;}
  .hero h1{font-size:1.7rem;}
  table{font-size:.85rem;}
}
@media (max-width:480px){
  .gnb{gap:10px;}
  .hero h1{font-size:1.45rem;}
  .cta-split{flex-direction:column;align-items:flex-start;}
}