@charset "utf-8";
/* CSS Document */
:root{
  --fontBase: 'Pretendard','Noto Sans KR',sans-serif;
  --fontPoint: 'KT','Pretendard','Noto Sans KR',sans-serif;
  --fontEng: 'Cormorant', 'Pretendard', 'Noto Sans KR', sans-serif;
  --fontSerif: Georgia, "Times New Roman", Times, serif;
  
  --baseWidth: 1280px;
  --fullWidth: 92%;
  --maxHeight: calc(100vh - var(--headHS) - 3em);
  
  --headH: 6.25em;
  --headHS: 5em;

  --siteC: #04A3BB;
  --siteC2: #5ddfde;
  --siteC3: #4271d9;
  --gradC1: #5ddfde;
  --gradC2: #4271d9;
  --gradC3: #009d9b;
  --selectionBg: #5ddfde;
  
  --siteCfil: invert(76%) sepia(100%) saturate(278%) hue-rotate(127deg) brightness(91%) contrast(91%);
  --siteCfil2: invert(49%) sepia(66%) saturate(5544%) hue-rotate(153deg) brightness(95%) contrast(87%);
  --siteCfil3: invert(65%) sepia(65%) saturate(7468%) hue-rotate(210deg) brightness(92%) contrast(84%);
  
  --crWhite: #fff;
  --crBlack: #000;
  --crGray: #f2f7fd;
  --crGray2: #e6ebf1; 
  --crRed: #e40f18;
  --crWhitefil: brightness(0) invert(1);
  --crBlackfil: brightness(0) invert(0);
  --crfilRE: invert(1);
  
  --crGrad1: linear-gradient(to right,var(--gradC1),var(--gradC2));
  --crGrad2: linear-gradient(to bottom,var(--gradC1),var(--gradC2)); 
  --crGrad3: linear-gradient(to right,var(--gradC2),var(--gradC3)); 

  --snsIn:#e82155;
  --snsFb:#2167be;
  --snsYt:#ed3023;
  --snsKa:#f7e111;
  --snsNv:#07bb58;
  --snsTw:#1d9bf0;
}