* {
    --fontFamilyBase: 'Pretendard-Regular', 'Noto Sans KR', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
    --fontFamilyMonospace: Consolas, 'Pretendard-Regular', 'Noto Sans KR', Courier, monospace;
    --fontFamilyNumeric: Bahnschrift, 'Pretendard-Regular', 'Noto Sans KR', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
	--underBarVisibility: hidden;
	--outlineVisibility: visible;
	--labelSeperator: ' ';


	--scrollbarArrowUp: url("../icons/ico_scrollbar_up_fill_light.svg");
	--scrollbarArrowDown: url("../icons/ico_scrollbar_down_fill_light.svg");
	--scrollbarArrowLeft: url("../icons/ico_scrollbar_left_fill_light.svg");
	--scrollbarArrowRight: url("../icons/ico_scrollbar_right_fill_light.svg");
	
	--sizeScrollBarWidth: 1.4rem;
	--sizeScrollBarHeight: 1.4rem;
	--sizeScrollBarThumbRadius: 0.6rem;
	--colorScrollBar:none;
	--colorScrollBarThumb:#888;
	--colorScrollBarTrack:#eee;
	--colorScrollBarTrackBorder:#eee;
	--colorScrollBarButton: #eee;

	--sizeMessageboxPaddingHor: 2rem;
	--sizeMessageboxPaddingVer: 1.5rem;
	--sizeDiaglogPaddingHor:2rem;
	--sizeDiaglogPaddingVer:1.8rem;

	--sizeMessageboxPaddingHor: 2rem;
	--sizeMessageboxPaddingVer: 1.5rem;
	--sizeDiaglogPaddingHor:2rem;
	--sizeDiaglogPaddingVer:1.8rem;

	/* Value는 컴포넌트에서 읽어서 바로사용함 */
	--gridRowHeightValue:35;
	--gridHeaderRowHeightValue: 35;
	--gridSmallRowHeightValue: 28;
	--gridSmallHeaderRowHeightValue: 28;
	--gridXSmallRowHeightValue: 22;
	--gridXSmallHeaderRowHeightValue: 22;
	--gridLargeRowHeightValue:42;
	--gridLargeHeaderRowHeightValue:42;
	--gridXLargeRowHeightValue:60;
	--gridXLargeHeaderRowHeightValue:60;

	--gridRowHeight:3.5rem;
	--gridHeaderRowHeight: 3.5rem;
	--gridSmallRowHeight: 2.8rem;
	--gridSmallHeaderRowHeight: 2.8rem;
	--gridXSmallRowHeight: 2.2rem;
	--gridXSmallHeaderRowHeight: 2.2rem;
	--gridLargeRowHeight:4.2rem;
	--gridLargeHeaderRowHeight:4.2rem;
	--gridXLargeRowHeight:6rem;
	--gridXLargeHeaderRowHeight:6rem;

	--labelSeperatorMarginRight: 0.1rem;
	--labelSeperatorMarginLeft: 0.1rem;

	/*
	--fontWeightRegular: 400;
    --fontWeightMedium: 500;
    --fontWeightSemibold: 600;
    --fontWeightBold: 700;
	*/

	--fontWeightRegular: 350;
    --fontWeightMedium: 450;
    --fontWeightSemibold: 550;
    --fontWeightBold: 650;


	--sizeLabelLineHeight:15px;

	--sizeBorderXXXS: 0.01rem;
	--sizeBorderXXS: 0.02rem;
	--sizeBorderXS: 0.04rem;
	--sizeBorderSN: 0.05rem;
	--sizeBorderS: 0.06rem;
	--sizeBorderMN: 0.08rem;
	--sizeBorderM: 0.1rem;
	--sizeBorderLN: 0.15rem;
	--sizeBorderL: 0.2rem;
    --sizeBorderXL: 0.3rem;
    --sizeBorderXXL: 0.4rem;
	--sizeBorderXXXL: 0.5rem;

	

	--sizeSpacingNone: 0;
	--sizeSpacingXXXS: 0.1rem;
	--sizeSpacingXXS: 0.2rem;
	--sizeSpacingXS: 0.4rem;
	--sizeSpacingSN: 0.6rem;
	--sizeSpacingS: 0.8rem;
	--sizeSpacingMN: 1.0rem;
	--sizeSpacingM: 1.2rem;
	--sizeSpacingLN: 1.4rem;
	--sizeSpacingL: 1.6rem;
	--sizeSpacingXL: 2.0rem;
	--sizeSpacingXXL: 2.4rem;
	--sizeSpacingXXXL: 3.2rem;

	--sizeSpacingNone: 0;
	--sizeSpacingXXXS: 0.1rem;
	--sizeSpacingXXS: 0.2rem;
	--sizeSpacingXS: 0.4rem;
	--sizeSpacingSN: 0.6rem;
	--sizeSpacingS: 0.8rem;
	--sizeSpacingMN: 1rem;
	--sizeSpacingM: 1.2rem;
	--sizeSpacingLN: 1.4rem;
	--sizeSpacingL: 1.6rem;
	--sizeSpacingXL: 2.0rem;
	--sizeSpacingXXL: 2.4rem;
	--sizeSpacingXXXL: 3.2rem;

    --shadowXXS: 0.1rem 0.2rem 0.1rem rgba(0,0,0,0.2);
    --shadowXS: 0.1rem 0.1rem 0.1rem rgba(0,0,0,0.2);
    --shadowSN: 0.2rem 0.2rem 0.2rem rgba(0,0,0,0.2);
    --shadowS: 0.4rem 0.4rem 0.4rem rgba(0,0,0,0.2);
	--shadowMN: 0.6rem 0.6rem 0.6rem rgba(0,0,0,0.2);
    --shadowM: 0.8rem 0.8rem 0.8rem rgba(0, 0, 0, 0.2);
	--shadowLN: 1.0rem 1.0rem 1.0rem rgba(0,0,0,0.2);
    --shadowL: 1.2rem 1.2rem 1.6rem rgba(0,0,0,0.2);
    --shadowXL: 1.6rem 1.6rem 1.6rem rgba(0,0,0,0.2);
    --shadowXXL: 2.0rem 2.0rem 2.0rem rgba(0,0,0,0.2);
	--shadowXXXL: 2.8rem 2.8rem 2.8rem rgba(0,0,0,0.2);

	/*
	--sizeSpacingNone: 0;
	--sizeSpacingXXXS: 0.1rem;
	--sizeSpacingXXS: 0.2rem;
	--sizeSpacingXS: 0.4rem;
	--sizeSpacingSN: 0.6rem;
	--sizeSpacingS: 0.8rem;
	--sizeSpacingMN: 1.0rem;
	--sizeSpacingM: 1.2rem;
	--sizeSpacingLN: 1.4rem;
	--sizeSpacingL: 1.6rem;
	--sizeSpacingXL: 2.0rem;
	--sizeSpacingXXL: 2.4rem;
	--sizeSpacingXXXL: 3.2rem;
	--sizeSpacingH: 4.0rem;
	--sizeSpacingXH: 4.8rem;
	--sizeSpacingXXH: 5.6rem;
	--sizeSpacingXXXH: 6.4rem;
	*/
	--sizeSpacingNone: 0;
	--sizeSpacingXXXS: 0.1rem;
	--sizeSpacingXXS: 0.1rem;
	--sizeSpacingXS: 0.2rem;
	--sizeSpacingSN: 0.4rem;
	--sizeSpacingS: 0.6rem;
	--sizeSpacingMN: 0.8rem;
	--sizeSpacingM: 1.0rem;
	--sizeSpacingLN: 1.2rem;
	--sizeSpacingL: 1.4rem;
	--sizeSpacingXL: 1.6rem;
	--sizeSpacingXXL: 2rem;
	--sizeSpacingXXXL: 2.4rem;
	--sizeSpacingH: 2.8rem;
	--sizeSpacingXH: 3.2rem;
	--sizeSpacingXXH: 3.6rem;
	--sizeSpacingXXXH: 4rem;


	--sizeButtonXS: 1.8rem;
	--sizeButtonS: 2.2rem;
	--sizeButtonM: 2.6rem;
	--sizeButtonL: 3.0rem;
	--sizeButtonXL: 3.4rem;

	--sizeTabButtonM: 3rem;
	--sizeTabButtonSideM: 2rem;

	--sizeFieldXS: 1.8rem;
	--sizeFieldS: 2.2rem;
	--sizeFieldM: 2.6rem;
	--sizeFieldL: 3.0rem;
	--sizeFieldXL: 3.4rem;
	/*
	--sizeFieldXS: 1.6rem;
	--sizeFieldS: 2.4rem;
	--sizeFieldM: 3.2rem;
	--sizeFieldL: 4.0rem;
	--sizeFieldXL: 4.8rem;
	*/
	/*
	--sizeIconXS: 1.0rem;
	--sizeIconS: 1.6rem;
	--sizeIconM: 2.0rem;  
	--sizeIconL: 2.4rem;
	--sizeIconXL: 2.8rem;
	--sizeIconXXL: 3.2rem;
	--sizeIconXXXL: 3.6rem;
	*/
	--sizeIconXS: 0.8rem;
	--sizeIconS: 1.2rem;
	--sizeIconM: 1.6rem;  
	--sizeIconL: 2.0rem;
	--sizeIconXL: 2.4rem;
	--sizeIconXXL: 2.8rem;
	--sizeIconXXXL: 3.2rem;

	--sizeSpacingVerticalFieldXS: 0.1rem;
	--sizeSpacingVerticalFieldS: 0.3rem;
	--sizeSpacingVerticalFieldM: 0.5rem;
	--sizeSpacingVerticalFieldL: 0.7rem;
	--sizeSpacingVerticalFieldXL: 1.2rem;
	--sizeSpacingHorizontalFieldXS: 1rem;
	--sizeSpacingHorizontalFieldS: 1.2rem;
	--sizeSpacingHorizontalFieldM: 1.6rem;
	--sizeSpacingHorizontalFieldL: 2rem;
	--sizeSpacingHorizontalFieldXL: 2.4rem;

	
	--sizeFontXXS: 0.4rem;
    --sizeFontXS: 0.8rem;
	--sizeFontSN: 1.0rem;
    --sizeFontS: 1.2rem;
	--sizeFontMN: 1.4rem;
    --sizeFontM: 1.6rem;
	--sizeFontLN: 1.8rem;
	--sizeFontL: 2.0rem;
	--sizeFontXL: 2.4rem;
	--sizeFontXXL: 2.8rem;
	--sizeFontXXXL: 3.2rem;

	--sizeLineXXS: 0.4rem;
    --sizeLineXS: 0.8rem;
	--sizeLineSN: 1.0rem;
    --sizeLineS: 1.2rem;
	--sizeLineMN: 1.4rem;
    --sizeLineM: 1.6rem;
	--sizeLineLN: 1.8rem;
	--sizeLineL: 2.0rem;
	--sizeLineXL: 2.4rem;
	--sizeLineXXL: 2.8rem;
	--sizeLineXXXL: 3.2rem;

	/*
	--sizeFontXXS: 0.4rem;
    --sizeFontXS: 0.8rem;
	--sizeFontSN: 1.0rem;
    --sizeFontS: 1.2rem;
	--sizeFontMN: 1.4rem;
    --sizeFontM: 1.6rem;
	--sizeFontLN: 1.8rem;
	--sizeFontL: 2.0rem;
	--sizeFontXL: 2.4rem;
	--sizeFontXXL: 2.8rem;
	--sizeFontXXXL: 3.2rem;
	*/


	--sizeFontTitleXS: 1.6rem;
	--sizeFontTitleS: 2.4rem;
	--sizeFontTitleM: 3.2rem;
	--sizeFontTitleL: 4.0rem;
	--sizeFontTitleXL: 4.8rem;
	--sizeFontTitleXXL: 5.6rem;
	--sizeFontTitleXXXL: 6.4rem;

	--sizeFieldGapXS: 0.1rem;
	--sizeFieldGapS: 0.2rem;
	--sizeFieldGapM: 0.4rem;
	--sizeFieldGapL: 0.6rem;
	--sizeFieldGapXL: 0.8rem;

	--sizeGapNone: 0;
	--sizeGapXXXS: 0.1rem;
	--sizeGapXXS: 0.2rem;
	--sizeGapXS: 0.4rem;
	--sizeGapSN: 0.6rem;
	--sizeGapS: 0.8rem;
	--sizeGapMN: 1.0rem;
	--sizeGapM: 1.2rem;
	--sizeGapL: 1.6rem;
	--sizeGapXL: 2.0rem;
	--sizeGapXXL: 2.4rem;
	--sizeGapXXXL: 3.2rem;

	/*
	--sizeCheckXS: 0.8rem;
	--sizeCheckS: 1.2rem;
	--sizeCheckM: 1.6rem;
	--sizeCheckL: 2.0rem;
	--sizeCheckXL: 2.4rem;
	*/
	--sizeCheckXS: 0.4rem;
	--sizeCheckS: 0.8rem;
	--sizeCheckM: 1.2rem;
	--sizeCheckL: 1.6rem;
	--sizeCheckXL: 2.0rem;

	/*
	--sizeBadgeXS: 1.0rem;
	--sizeBadgeS: 1.4rem;
	--sizeBadgeM: 1.8rem;
	--sizeBadgeL: 2.2rem;
	--sizeBadgeXL: 2.6rem;
	*/
	--sizeBadgeXS: 0.6rem;
	--sizeBadgeS: 1.0rem;
	--sizeBadgeM: 1.4rem;
	--sizeBadgeL: 1.8rem;
	--sizeBadgeXL: 2.2rem;

	/*
	--sizeCheckMarginXS: 0.3rem;
	--sizeCheckMarginS: 0.5rem;
	--sizeCheckMarginM: 0.7rem;
	--sizeCheckMarginL: 0.9rem;
	--sizeCheckMarginXL: 1.1rem;
	*/
	--sizeCheckMarginXS: 0.2rem;
	--sizeCheckMarginS: 0.3rem;
	--sizeCheckMarginM: 0.5rem;
	--sizeCheckMarginL: 0.7rem;
	--sizeCheckMarginXL: 0.9rem;

	--sizeRailXS: 0.2rem;
	--sizeRailS: 0.3rem;
	--sizeRailM: 0.4rem;
	--sizeRailL: 0.5rem;
	--sizeRailXL: 0.6rem;

	--sizeThumbXS: 1.8rem;
	--sizeThumbS: 1.8rem;
	--sizeThumbM: 2.0rem;
	--sizeThumbL: 2.4rem;
	--sizeThumbXL: 2.7rem;

	--sizeFieldBorderRadiusNone: 0;
	--sizeFieldBorderRadiusXS: 0.1rem;
    --sizeFieldBorderRadiusS: 0.2rem;
	--sizeFieldBorderRadiusMN: 0.3rem;
    --sizeFieldBorderRadiusM: 0.4rem;
	--sizeFieldBorderRadiusLN: 0.5rem;
    --sizeFieldBorderRadiusL: 0.6rem;
    --sizeFieldBorderRadiusXL: 0.8rem;
	--sizeFieldBorderRadiusXXL: 1.0rem;
	--sizeFieldBorderRadiusXXXL: 1.2rem;
    --sizeFieldBorderRadiusCircular: 1000rem;

	--sizeBorderRadiusNone: 0;
	--sizeBorderRadiusXXS: 0.2rem;
	--sizeBorderRadiusXS: 0.4rem;
	--sizeBorderRadiusSN: 0.6rem;
    --sizeBorderRadiusS: 0.8rem;
	--sizeBorderRadiusMN: 1.0rem;
    --sizeBorderRadiusM: 1.2rem;
	--sizeBorderRadiusLN: 1.4rem;
    --sizeBorderRadiusL: 1.6rem;
    --sizeBorderRadiusXL: 2.0rem;
	--sizeBorderRadiusXXL: 2.4rem;
	--sizeBorderRadiusXXXL: 3.2rem;
    --sizeBorderRadiusCircular: 1000rem;

	--colorFocusLine:  rgba(0, 144, 237, .4) ; 
	--colorFocusWrapper: #d1d1d1;
	--colorBorderBottomColor: #616161;
	--colorWhite: #ffffff;
	--colorBlack: #000000;
	--colorDark: #242424;

	--colorForeground: #4D4D4D;
	--colorForegroundPressed: #4D4D4D;
	--colorBackground: #ffffff;
	--colorBackgroundHover: #e0e0e0;
	--colorBackgroundPressed: #f5f5f5;
	--colorBorder: #D9D9D9;
	--colorStroke: #4D4D4D;
	--colorForeground2: #424242;
	--colorForeground2Pressed: #4D4D4D;
	--colorBackground2: #fafafa;
	--colorStroke2: #424242;
	--colorForeground3: #616161;
	--colorForeground3Pressed: #424242;
	--colorBackground3: #f5f5f5;
	--colorStroke3: #616161;
	--colorStrokeDisabled: #bdbdbd;
	--colorDisabled: #f0f0f0;
	--colorPrimaryForeground: #ffffff;
	--colorPrimary: #043A78;
	--colorPrimaryHover: #115ea3;
	--colorPrimaryPressed: #0c3b5e;
	--colorPrimarySelected: #0f548c;
	--colorSecondary:#367CC1;
	--colorSecondaryForeground: #ffffff;
	/*--colorSecondary: #ebf3fc;*/
	--colorSecondaryHover: #266CB1;
	--colorSecondaryPressed: #96c6fa;
	--colorSecondarySelected: #96c6fa;
	--colorTertiaryForeground: #4D4D4D;
	--colorTertiaryBorder: #d1d1d1;
	--colorTertiary: #ffffff;
	--colorTertiaryHover: #f5f5f5;
	--colorTertiaryPressed: #e0e0e0;
	--colorNeutralForeground: #4D4D4D;
	--colorNeutralForeground2: #424242;
	--colorNeutralForeground3: #616161;
	--colorNeutralForeground4: #707070;
	--colorNeutralStroke: #d1d1d1;
	--colorNeutral: #ffffff;
	--colorNeutral2: #fafafa;
	--colorNeutral3: #f5f5f5;
	--colorNeutral4: #f0f0f0;
	--colorNeutralHover: #f5f5f5;
	--colorNeutralPressed: #e0e0e0;
	--colorNeutralSelected: #dcdddd;
	--colorEmphasisStroke: #4D4D4D;
	--colorSubtleForeground: #424242;
	--colorSubtle: transparent;
	--colorSubtleHover: #f5f5f5;
	--colorSubtlePressed: #e0e0e0;
	--colorSubtleSelected: #ebebeb;
	--colorOutlineForeground: #4D4D4D;
	--colorOutlineStroke: #d1d1d1;
	--colorOutline: transparent;
	--colorOutlineHover: transparent;
	--colorOutlinePressed: transparent;
	--colorOutlineSelected: transparent;

	--colorTransparent: transparent;
	--colorTransparentHover: transparent;
	--colorTransparentPressed: transparent;
	--colorTransparentSelected: transparent;
	--colorTransparentForeground: #4D4D4D;
	--colorTransparentForegroundHover: #115ea3;
	--colorTransparentForegroundPressed: #0c3b5e;	
	--colorTransparentForegroundSelected: #0c3b5e;	

	--colorInvertedForeground: #ffffff;
	--colorInverted: #292929;
	--colorInvertedHover: #424242;
	--colorInvertedPressed: #242424;
	--colorInvertedSelected: #242424;
	--colorAccentForeground: #ffffff;
	--colorAccent: #bc2f32;
	--colorAccentHover: #751d1f;
	--colorAccentPressed: #d13438;
	--colorAccentSelected: #751d1f;
	--colorGridEditStroke: #c50f1f;

	--colorStatusSuccess: #0e700e;
	--colorStatusWarning: #bc4b09;
	--colorStatusDanger: #b10e1c;
	--colorStatusInfo: #0f6cbd;
	--colorStatusDanger2: #fdf3f4;
	--colorStatusDangerStroke: #c50f1f;
	--colorStatusSuccess2: #f1faf1;
	--colorStatusSuccessStroke: #9fd89f;
	--colorStatusWarning2: #fff9f5;
	--colorStatusWarningStroke: #fdcfb4;
	--colorStatusInfo2: #cfe4fa;
	--colorStatusInfoStroke: #0f6cbd;
	
	--colorGray: #ebebeb;
	--colorDarkGray:#e6e6e6;
	--colorFieldStroke: #d1d1d1;
	--colorFieldError: pink;
	--colorDivStroke: #e6e6e6;
	--colorLabel: #242424;
	--colorSubLabel: #616161;
	--colorHorLine: #ebebeb;
	--colorActive: #0f6cbd;
	--colorGridHeaderEditForeground: #0f6cbd;
	--colorGridHeaderEditForegroundPrimary: #fde300;
	--colorGridSelected: #ebf3fc;
	--colorGridHeaderMark: #bc4b09;
	--colorGridEdit:lightblue;
	--colorGridEditForeground:#333;

	--colorBackward: #FAFAFA;
	--colorCard: #F5F5F5;
	--colorTextSub: #999999;
	--colorText: #4D4D4D;
	--colorTitle: #1A1A1A;
	--colorLight: #ebf3fc;
}