@charset "utf-8";
/* CSS Document */
:root{
  --fontBase: 'Pretendard','Noto Sans KR',sans-serif;
  --fontPoint: 'Pretendard','Noto Sans KR',sans-serif;
  --fontEng: 'Prata', 'Pretendard', 'Noto Sans KR', sans-serif;
  --fontSerif: 'Prata', Georgia, "Times New Roman", Times, serif;
  
  --baseWidth: 1400px; 
  --fullWidth: 92%;
  --midwidth: 1560px;
  --fullHeight: calc(100vh - var(--headH));
  --maxHeight: calc(100vh - var(--headHS) - 3em);
  
  --headH: 5.5em;
  --headHS: 4.625em;

  --siteC: #00386b;
  --siteC2: #eeb111;
  --siteC3: #002c62;
  --siteC4: #FFCA5F;
  --siteBg1: #091C32;
  --siteBg2: #1a1a1a;
  --siteBg3: #044e93;
  --gradC1: #52d5c7;
  --gradC2: #3ebac9;
  --selectionBg: var(--siteC2);
  
  --siteCfil: invert(14%) sepia(68%) saturate(2263%) hue-rotate(192deg) brightness(96%) contrast(101%);
  --siteCfil2: invert(72%) sepia(88%) saturate(1299%) hue-rotate(356deg) brightness(98%) contrast(89%);
  --siteCfil3: invert(13%) sepia(29%) saturate(5984%) hue-rotate(200deg) brightness(93%) contrast(104%);
  
  --crWhite: #fff;
  --crBlack: #212121;
  --crGray: #edf1f2;
  --crGray2: #d3ebf5;
  --crGray3: #f8f8f8;
  --crRed: #ed1839;
  --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)); 
  
  --snsIn:#e82155;
  --snsFb:#2167be;
  --snsYt:#ed3023;
  --snsKa:#f7e111;
  --snsNv:#07bb58;
  --snsTw:#1d9bf0;
}