@charset "utf-8";
/* CSS Document */
:root{
--fontBase: 'Pretendard','Noto Sans KR',sans-serif;

--baseWidth: 1520px;  
--subWidth : 1280px;
--mainWide: 1760px;  
--fullWidth: 96%;
--fullHeight: calc(100vh - var(--headH));
--maxHeight: calc(100vh - var(--headHS) - 3em);

--headerH : 6em;
--headerHS :var(--headerH);

--siteC : #BE3526;
--siteC2: #eff3f7;
--siteC3: #e31f26;
--siteBg1: var(--crGray2);
--siteBg2: var(--crGray);
--siteBg3: #171717;
--gradC1: #3050a1;
--gradC2: #da383e;
--selectionBg: var(--siteC3);

--whiteLine: 1px solid rgba(255,255,255, .365);
--blackLine: 1px solid rgba(0,0,0, .1);

--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;
}