/* ========================================
   FOUNDATION
======================================== */
:root {
  --color-primary: #e60012;
  --color-accent: #dcff02;
  --color-text: #29323d;
  --color-text-sub: #677382;
  --color-gray: #949494;
  --color-alto: #d9d9d9;
  --color-iron: #cacdd1;
  --color-spring-wood: #fbfcdf;
  --color-white: #ffffff;
  --font-geom: Geom, "Arial Black", sans-serif;
  --font-zkg:
    "Zen Kaku Gothic Antique", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-hiragino:
    "Hiragino UD Sans StdN", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-overpass: Overpass, Arial, sans-serif;
  --radius-sm: 5px;
  --radius-md: 9px;
  --radius-lg: 14px;
  --radius-menu: 20px;
  --radius-circle: 9999px;
  --radius-pill: 80px;
  --inner-pc: 1172px;
  --shell-pc: 1280px;
  --gap-pc: 40px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  margin: 0;
  background: #f2f2f2;
  color: var(--color-text);
  font-family: var(--font-zkg);
  line-height: 1.6;
}

a {
  color: inherit;
  text-decoration: none;
}

ul,
p,
h1,
h2,
h3 {
  margin: 0;
}

ul {
  padding: 0;
  list-style: none;
}