@charset "utf-8";
/* CSS Document */
:root{
  --fontBase: SUIT,sans-serif;
  --fontPop: 'poppins','Noto Sans KR',sans-serif;
  
/*   --baseWidth: 1620px;  */ 
  --baseWidth: 1520px;  
  --subWidth : 1400px;
  --subWidth2 : 1500px;
  --smallWidth: 1200px;  
  --fullWidth: 96%;
  --pageW : 100%;

  --fullHeight: calc(100vh - var(--headH));
  --maxHeight: calc(100vh - var(--headHS) - 3em);

  --headerQ: 100px;
  --headH: 9em;
  --headHM: 6.25em;
  --headHS: 6.25em;
  --header-h: 5em;

  --siteC: #163e65;
  --siteC2: #183faa;
  --siteC3: #1d87c8;
  --siteBg1: var(--crGray2);
  --siteBg2: var(--crGray);
  --siteBg3: #171717;
  --gradC1: #233f8e;
  --gradC2: #2bade3;
  --selectionBg: var(--siteC3);
  
  --siteCfil: invert(16%) sepia(83%) saturate(1667%) hue-rotate(203deg) brightness(105%) contrast(88%);
  --siteCfil2: invert(55%) sepia(15%) saturate(2167%) hue-rotate(184deg) brightness(91%) contrast(85%);
  --siteCfil3: invert(10%) sepia(77%) saturate(7096%) hue-rotate(352deg) brightness(109%) contrast(82%);
  
  --crWhite: #fff;
  --crBlack: #171717;
  --crGray: #f0f4f7;
  --crGray2: #f5f5f5; 
  --crGray3: #5d5c5e;
  --crGray4: #ddd;
  --crGray5: #aaa;
  --crRed: #ed1839;
  --crfilRE: invert(1);  
  --crWhitefil: brightness(0) invert(1);
  --crBlackfil: brightness(0) invert(0);
  --crGrayfil: grayscale(1);
  --crGrayfilRE: var(--crGrayfil) var(--crfilRE);  
  
  --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;
}