/* Global */

:root {
   /* Color */
   --color-white: #ffffff;

   --color-light-white: #eeeeee;
 
   --color-dark-white: #bdbdbd;
 
   --color-pink: #fe918d;
 
   --color-dark-pink: #ff6863;
 
   --color-dark-grey: #4d4d4d;
 
   --color-grey: #616161;
 
   --color-light-grey: #7c7979;
 
   --color-blue: #73aace;
 
   --color-yellow: #fff7d1;
 
   --color-orange: #feb546;
 
   --color-black: #000000;

   --color-purple: #800080;

   --color--dark-margenta: #8B008B;

   --color--dark-orchild: #9932CC;

   --color--dark-violet: #9400D3;
  
   --color--light-purple: #8977ad;

   --color-orange : #ffa500;

   --color--light-salmon: #ffa07a;

   --color--light-coral: #f08080;

   --color-blueviolet : #8A2BE2;

   /* Font size */
   --font-large: 48px;
 
   --font-medium: 28px;
 
   --font-regular: 18px;
 
   --font-small: 16px;
 
   --font-micro: 14px;
 
   /* Font weight */
   --weight-bold: 700;
 
   --weight-semi-bold: 600;
 
   --weight-regular: 400;
  
   /* Size */
   --size-border-radius:4px;

   /* Animation */
   --animation-duration: .3s;
 }
 
 /* Universal tag */
 
* {
   box-sizing: border-box;
  }

body {
  margin: 0;
  font-family: 'Noto Sans KR', sans-serif;  /*google font*/
  cursor: default;    
}

a {
  text-decoration: none;
  color: var(--color-white);
}

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

button {
  background-color: transparent;
  cursor: pointer;
  border: none;
  outline: none;
}

/* 숨기기 */
.a11y-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  clip-path: polygon(0 0, 0 0, 0 0);
}

 /* Typography */
 
 h1 {
 
   font-size: var(--font-large);
 
   font-weight: var(--weight-bold);
 
   color: var(--color-black);
 
   margin: 16px 0px;
 
 }
 
 h2 {
 
   font-size: var(--font-medium);
 
   font-weight: var(--weight-semi-bold);
 
   color: var(--color-black);
 
   margin: 8px 0;
 
 }
 
 h3 {
 
   font-size: var(--font-regular);
 
   font-weight: var(--weight-regular);
 
   color: var(--color-black);
 
   margin: 8px 0;
 
 }
 
 p {
 
   font-size: var(--font-regular);
 
   font-weight: var(--weight-regular);
 
   color: var(--color-black);
 
   margin: 4px 0;
 
 }