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

:root {
  --black: #1d1d1f;
  --gray: #86868b;
  --light: #f5f5f7;
  --white: #fff;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --px: clamp(20px, 5vw, 80px);
  --section-py: clamp(48px, 7vw, 96px);
}

html {
  scroll-behavior: smooth
}

body {
  font-family: 'Pretendard Variable', Pretendard, -apple-system, sans-serif;
  color: var(--black);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}