@charset "UTF-8";

:root {
  --font-sans: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --navy: #0d2959;
  --blue: #2e6ff2;
  --ink: #111111;
  --body: #333333;
  --muted: #878787;
  --paper: #ffffff;
  --page-max: 1200px;
  --content-gutter: clamp(70px, 8.75vw, 105px);
  --overview-inner-x: clamp(43px, 5.375vw, 64px);
}

*, *::before, *::after { box-sizing: border-box; }
html { background: #edf1f7; scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--body);
  background: #edf1f7;
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  word-break: keep-all;
  overflow-wrap: break-word;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, p, dl, dd { margin: 0; }

.swcc-page {
  width: min(100%, var(--page-max));
  margin: 0 auto;
  overflow: hidden;
  background: var(--paper);
  box-shadow: 0 20px 70px rgba(13, 41, 89, .10);
}

.figure { width: 100%; height: auto; }
.figure--border { border: 1px solid var(--blue); }

@media (max-width: 800px) {
  html, body { background: var(--paper); }
  .swcc-page { box-shadow: none; }
}