:root {
  --font-default: "Noto Sans KR", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-primary: "Noto Sans KR", sans-serif;
  --font-secondary: "Noto Sans KR", sans-serif;
}

/* Global Colors */
:root {
  --color-default: #212529;
  --color-default-rgb: 33, 37, 41;
  --color-background: #ffffff;
  --color-background-rgb: 255, 255, 255;
  --color-primary: #FF0084;
  --color-primary-rgb: 255, 0, 132;
  --color-primary-shade:#eb007a;
  --color-secondary: #32353a;
  --color-secondary-rgb: 50, 53, 58;
  --color-box-background: #ffffff;
  --color-box-background-rgb: 255, 255, 255;
  --color-inverse: #ffffff;
  --color-inverse-rgb: 255, 255, 255;
  --color-naver-background: #2DB400;
  --color-naver-text: #ffffff;
  --color-kakao-background: #FEE500;
  --color-kakao-text: #191919;
}

/* Brand Colors */
:root {
  --color-brand-green: #224244;
  --color-brand-green-rgb: 34, 66, 68;
  --color-brand-green-light: #2e5c5c;
  --color-brand-green-light-rgb: 46, 92, 92;
  --color-brand-green-lighter: #3b7373;
  --color-brand-green-lighter-rgb: 59, 115, 115;
  --color-brand-green-lightest: #4a8c8c;
  --color-brand-green-lightest-rgb: 74, 140, 140;
  --color-brand-green-dark: #1c3a3a;
  --color-brand-green-dark-rgb: 28, 58, 58;
  --color-brand-green-darker: #162e2e;
  --color-brand-green-darker-rgb: 22, 46, 46;
  --color-brand-green-darkest: #0f1f1f;
  --color-brand-green-darkest-rgb: 15, 31, 31;
  --color-brand-background: #E5E3E6;
  --color-brand-background-rgb: 229, 227, 230;
  --color-brand-background-light: #F2F1F2;
  --color-brand-background-light-rgb: 242, 241, 242;
}

/* Nav Menu Colors */
:root {
  --color-nav: #3a3939;
  --color-nav-hover: #FF0084;
  --color-nav-dropdown: #3a3939;
  --color-nav-dropdown-hover: #FF0084;
  --color-nav-dropdown-background: #ffffff;
  --color-nav-mobile-background: #ffffff;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  color: var(--color-default);
  background-color: var(--color-background);
  font-family: var(--font-default);
}

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: rgba(var(--color-primary-rgb), 1.0);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-primary);
}

section {
  color: var(--color-default);
  background-color: var(--color-background);
  padding: 60px 0;
  overflow: clip;
}



.public-site-nav { height: 64px; }