@charset "utf-8";
/* CSS Document */
:root{
    --fontBase: 'NanumSquareNeo','Pretendard','Noto Sans KR',sans-serif;  
    --fontSerif: Georgia, "Times New Roman", Times, serif;
    
    --baseWidth: 1380px;  
    --fullWidth: 92%;
    --maxHeight: calc(100vh - var(--headH));

    --gnbH: 5em;
    --headH: 7.25em;

    --headerH : 5.75em;
    --headerHS :var(--headerH);
    --siteC : #a40000;
    --siteC2 : #1F3A61;
    /* --gradC1: #007eff; */
    /* --gradC2: #0042db; */
    --selectionBg: var(--siteC);
    
    --siteCfil: invert(43%) sepia(69%) saturate(988%) hue-rotate(104deg) brightness(91%) contrast(87%);
    --siteCfil2: invert(53%) sepia(77%) saturate(6055%) hue-rotate(149deg) brightness(96%) contrast(101%);  
    
    --crWhite: #fff;
    --crBlack: #000;    
    --crGray1: #f5f5f5;
    --crGray2: #f1f1f1;
    --crGray3: #f8f8f8;
    --crGray4: #eef2fb;
    --crGray5: #f5f8fb;
    --crGray6: #f4f4f4;
    --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)); 
    
    --snsIn:#e82155;
    --snsFb:#2167be;
    --snsYt:#ed3023;
    --snsKa:#f7e111;
    --snsNv:#07bb58;
    --snsTw:#1d9bf0;
}