@charset "utf-8";
/* CSS Document */
:root{
  --fontBase: 'SUIT','Noto Sans KR',sans-serif;
  
  --baseWidth: 1440px;
  --fullWidth: 92%;
  --maxHeight: calc(100vh - var(--headHS) - 3em);
  
  --headH: 5.5em;
  --headHS: 4em;
  --headB: 4em;

  --siteC: #3cb371;
  --siteC2: #111;
  --siteC3: #168d63;
  
  --siteCfil: invert(7%) sepia(31%) saturate(6545%) hue-rotate(254deg) brightness(110%) contrast(102%);
  --siteCfil2: invert(25%) sepia(19%) saturate(3907%) hue-rotate(227deg) brightness(93%) contrast(92%);
  
  --crWhite: #fff;
  --crBlack: #151617;
  --crGray: #edeff1;
  --crGray2: #f5f7f8; 
  --crRed: #d82744;
  --crWhitefil: brightness(0) invert(1);
  --crBlackfil: brightness(0) invert(0);
  --crfilRE: invert(1);

  --gradC1: #3cb371;
  --gradC2: #168d63;
  
  --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;
}