@charset "utf-8";

:root{
  --color-primary01: #011F5B;
  --color-primary02: #990000;
  --color-primary03: #0C8066;
  --color-primary04: #04447C;

  --color-point01: #E02D00;
  --color-point02: #8601B3;
  --color-point03: #0299BA;
  --color-point04: #01B395;

  --color-border01: #BEBEBE;
  --color-border02: #DDD;

  --color-bg01: #F3F8FE;
  --color-bg02: #F4F4F4;
  --color-bg03: #F7F7F7;

  --color-text0: #000;
  --color-text20: #222;
  --color-text30: #333333;
  --color-text40: #444444;
  --color-text76: #767676;
  --color-text100: #FFFFFF;
  --color-gray01: #555;
  --color-gray02: #BABEC4;
  --color-gray03: #EDF2F8;

  --black: #000;
  --font-gray: #555;
	
  --radius01: 10px;
  --radius02: 20px;
  --radiusPill: 9999px;
  
  /*--font-family01: 'Aggravo';*/
  --font-family01: "klavika-web", "Pretendard", sans-serif;
  --font-family02: "Pretendard", sans-serif;
  --font-family03: "klavika-web";
	
  --font-ss: 1.3rem;
  --font-s: 1.4rem;
  --font-ms: 1.5rem;
  --font-d: 1.6rem;
  --font-m: 1.8rem;
  
  
}

html {
  font-size: 62.5%;
}

body {
  font-family: 'Pretendard Variable',Pretendard Variable, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: var(--color-text20);
  font-size: 1.6rem;
  word-break: keep-all;
  -webkit-overflow-scrolling: touch;
}