:root{
  --bg:#ffffff;
  --text:#000B79;      /* C100 M95 Y46 K12 */
  --muted:rgba(0,11,121,.70);
  --line:rgba(0,11,121,.14);
  --accent:#4DF299;    /* C70 M5 Y40 K0 */
  --shadow: 0 12px 30px rgba(0,0,0,.06);
  --radius: 16px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  background: var(--bg);
  color: var(--text);
}

.container{max-width: 1040px; margin: 0 auto; padding: 22px 18px 54px;}

.header{display:flex; align-items:center; justify-content:space-between; gap:16px;}
.brand{display:flex; align-items:center; gap:12px;}
.brand__logo{width:218px; height:38px; }
.brand__name{font-weight:900; letter-spacing:.2px;}
.brand__tagline{font-size:12px; color: var(--muted); margin-top:2px;}

.nav{display:flex; gap:14px; flex-wrap:wrap;}
.nav a{font-size:14px; color: var(--muted);}
.nav a:hover{color: var(--text); text-decoration: underline;}

.hero{padding: 28px 0 10px;}
.hero__kicker{font-size:14px; color: var(--muted); margin-bottom: 10px;}
.hero__title{font-size:42px; line-height:1.1; margin:0 0 14px;}
.hero__lead{max-width: 70ch; color: var(--muted); line-height:1.8; margin:0 0 18px;}

.hero__cta{display:flex; gap:10px; flex-wrap:wrap;}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius: 12px;
  border:1px solid var(--line); color: var(--text);
  background:#fff;
}
.btn--primary{
  background: var(--accent);
  border-color: transparent;
  font-weight: 800;
}

.section{
  margin-top: 18px;
  padding: 18px 16px;
  border:1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  background:#fff;
}
.section h2{margin:0 0 10px; font-size:18px;}
.section__head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap;}

.cards{display:grid; grid-template-columns: repeat(3, 1fr); gap:12px;}
.card{
  padding: 16px 14px;
  border:1px solid var(--line);
  border-radius: 14px;
  background:#fff;
}
.card h3{margin:0 0 8px; font-size:16px;}
.muted{color: var(--muted);}
.tiny{font-size:12px;}

/* 파트너 로고 카드 */
.logos{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
  gap:16px;
}

.logoItem{
  background:#fff;                 /* 흰 로고 대비용 */
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:92px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

/* 로고 이미지 */
.logoItem img{
  max-width:140px;
  max-height:44px;
  width:auto;
  height:auto;
  object-fit:contain;
}

.contact{display:grid; grid-template-columns: repeat(3, 1fr); gap:12px;}
.info{border:1px solid var(--line); border-radius: 14px; padding: 12px;}
.info .k{font-size:12px; color: var(--muted);}
.info .v{font-weight: 800; margin-top: 2px;}

.footer{margin-top: 18px; padding-top: 10px;}

@media (max-width: 860px){
  .hero__title{font-size:32px;}
  .cards{grid-template-columns:1fr;}
  .logos{grid-template-columns: repeat(3, 1fr);}
  .contact{grid-template-columns:1fr;}
}