@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.css");

:root {
  --dark: #242F3D;
  --body: #2C3C52;
  --blue: #4176F5;
  --white: #FFFFFF;
  --card-bg: #F7F7F7;
  --gray: #828282;
  --stage-bg: #404C6A;
  --gradient-card: linear-gradient(168deg, rgba(217,239,255,1) 0%, rgba(252,253,255,1) 45%, rgba(210,229,255,1) 100%);
  --font: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Noto Sans KR', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font);
  /* 한국어는 기본값(word-break:normal)에서 음절 단위로 아무 데나 끊긴다.
     ("구독 서/비스", "사업 선/정") keep-all 로 공백에서만 끊게 한다.
     대신 끊을 수 없는 긴 문자열(URL·이메일)이 넘치지 않도록
     overflow-wrap 을 함께 건다. */
  word-break: keep-all;
  overflow-wrap: break-word;
  background: var(--white);
  color: var(--dark);
  overflow-x: hidden;
  line-height: 1.6;
}

/* ─── COMMON ─── */
.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 80px;
}

.section-heading {
  font-size: 30px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: -0.02em;
  color: var(--dark);
}
.section-body {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -0.02em;
  color: var(--body);
}