/*!
 * EMAX ERP — va-basic.css
 * Copyright (c) EMAX IT. All rights reserved.
 *
 * This stylesheet is original work by EMAX IT. A limited set of design
 * tokens (CSS variable naming such as --fontFamilyBase, --colorNeutralBorder,
 * --sizeSpacingM, --fontWeightBold) and the default font-family stack value
 * were adapted from the Microsoft Fluent UI design system.
 *
 * No Fluent UI source code, stylesheet, component, icon, or binary is
 * bundled or redistributed with this file. See ./LICENSE.txt for the full
 * MIT attribution text.
 *
 * Microsoft Fluent UI — MIT License
 * Copyright (c) Microsoft Corporation
 * https://github.com/microsoft/fluentui
 */
* {
	--fontFamilyBase: 'Pretendard', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
	--fontFamilyMonospace: 'Pretendard', Courier, monospace;
	--fontFamilyNumeric: 'Pretendard', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;

	/*
    --fontFamilyBase: 'Pretendard-Regular', 'Pretendard', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
    --fontFamilyMonospace: Consolas, 'Pretendard-Regular', 'Pretendard', Courier, monospace;
    --fontFamilyNumeric: Bahnschrift, 'Pretendard-Regular', 'Pretendard', '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");
	*/

	--scrollbarArrowUp: url("../icons/icon_arrowUp.svg");
	--scrollbarArrowDown: url("../icons/icon_arrowDown.svg");
	--scrollbarArrowLeft: url("../icons/icon_arrowLeft.svg");
	--scrollbarArrowRight: url("../icons/icon_arrowRight.svg");


	--sizeScrollBarWidth: 1rem;
	--sizeScrollBarHeight: 1rem;
	--sizeScrollBarThumbRadius: 0.4rem;
	--colorScrollBar: none;
	--colorScrollBarThumb: rgba(17, 18, 21, 0.2);
	--colorScrollBarTrack: transparent;
	--colorScrollBarTrackBorder: transparent;
	--colorScrollBarButton: #EBEEF7;

	--sizeLabelLineHeight: 17px;
	--sizeMessageboxPaddingHor: 2rem;
	--sizeMessageboxPaddingVer: -.5rem;
	--sizeMessageboxPaddingVerTop: 1.5rem;
	--sizeDiaglogPaddingHor: 2rem;
	--sizeDiaglogPaddingVer: 1.8rem;
	--sizeDiaglogPaddingVerTop: 0.9rem;
	--sizeMessageboxPaddingHor: 2rem;
	--sizeMessageboxPaddingVer: 1.5rem;
	--sizeDiaglogPaddingHor: 2rem;
	--sizeDiaglogPaddingVer: 1.8rem;

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

	/* Value는 컴포넌트에서 읽어서 바로사용함 */
	--gridRowHeightValue: 24;
	--gridHeaderRowHeightValue: 50;
	--gridSmallRowHeightValue: 20;
	--gridSmallHeaderRowHeightValue: 50;
	--gridXSmallRowHeightValue: 16;
	--gridXSmallHeaderRowHeightValue: 50;
	--gridLargeRowHeightValue: 30;
	--gridLargeHeaderRowHeightValue: 50;
	--gridXLargeRowHeightValue: 36;
	--gridXLargeHeaderRowHeightValue: 50;

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

	--tabHeaderHeight: 4rem;
	--tabHeaderClassicHeight: 2.6rem;

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

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

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


	--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: 1rem;
	--sizeSpacingM: 1.2rem;
	--sizeSpacingLN: 1.4rem;
	--sizeSpacingL: 1.6rem;
	--sizeSpacingXL: 2.0rem;
	--sizeSpacingXXL: 2.4rem;
	--sizeSpacingXXXL: 3.0rem;

	--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.0rem;
	--sizeButtonS: 1.6rem;
	--sizeButtonM: 2.2rem;
	--sizeButtonL: 2.8rem;
	--sizeButtonXL: 5.0rem;

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

	--sizeFieldXS: 1.0rem;
	--sizeFieldS: 1.6rem;
	--sizeFieldM: 2.2rem;
	--sizeFieldL: 2.8rem;
	--sizeFieldXL: 5.0rem;
	/*
	--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;
  */
	--sizeIconXS: 0.8rem;
	--sizeIconS: 1.0rem;
	--sizeIconM: 1.2rem;
	--sizeIconL: 1.4rem;
	--sizeIconXL: 1.6rem;
	--sizeIconXXL: 1.8rem;
	--sizeIconXXXL: 2.0rem;

	--sizeSpacingVerticalFieldXS: 0.2rem;
	--sizeSpacingVerticalFieldS: 0.3rem;
	--sizeSpacingVerticalFieldM: 0.4rem;
	--sizeSpacingVerticalFieldL: 0.5rem;
	--sizeSpacingVerticalFieldXL: 0.6rem;
	--sizeSpacingHorizontalFieldXS: 0.2rem;
	--sizeSpacingHorizontalFieldS: 0.3rem;
	--sizeSpacingHorizontalFieldM: 0.4rem;
	--sizeSpacingHorizontalFieldL: 0.5rem;
	--sizeSpacingHorizontalFieldXL: 0.6rem;


	--sizeFieldFontM: 1.2rem;
	--sizeSpacingFieldTop: 1.4rem;


	--sizeFontXXS: 0.4rem;
	--sizeFontXS: 0.6rem;
	--sizeFontSN: 0.8rem;
	--sizeFontS: 1.0rem;
	--sizeFontMN: 1.2rem;
	--sizeFontM: 1.4rem;
	--sizeFontLN: 1.6rem;
	--sizeFontL: 1.8rem;
	--sizeFontXL: 2.0rem;
	--sizeFontXXL: 2.5rem;
	--sizeFontXXXL: 3.0rem;

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

	--sizeFieldColumnGap: 3rem;
	--sizeFieldRowGap: 1.7rem;

	/*
	--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.2rem;
	--sizeFieldBorderRadiusS: 0.3rem;
	--sizeFieldBorderRadiusMN: 0.4rem;
	--sizeFieldBorderRadiusM: 0.5rem;
	--sizeFieldBorderRadiusLN: 0.6rem;
	--sizeFieldBorderRadiusL: 0.8rem;
	--sizeFieldBorderRadiusXL: 1.0rem;
	--sizeFieldBorderRadiusXXL: 1.2rem;
	--sizeFieldBorderRadiusXXXL: 1.4rem;
	--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;
	*/
	--sizeBorderRadiusNone: 0;
	--sizeBorderRadiusXS: 0.2rem;
	--sizeBorderRadiusS: 0.3rem;
	--sizeBorderRadiusMN: 0.4rem;
	--sizeBorderRadiusM: 0.5rem;
	--sizeBorderRadiusLN: 0.6rem;
	--sizeBorderRadiusL: 0.8rem;
	--sizeBorderRadiusXL: 1.0rem;
	--sizeBorderRadiusXXL: 1.2rem;
	--sizeBorderRadiusXXXL: 1.4rem;
	--sizeBorderRadiusCircular: 1000rem;

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

	--colorButton: #F6F8FD;
	--colorButtonPrimary: #3A4C6B;
	--colorButtonAdditive: #7F91B9;
	--colorButtonNegative: #BBC5DF;
	--colorButtonText: #50586C;




	--colorButtonBorder: #D9D9D9;
	--colorButtonNegativeForeground: #3B59B3;
	--colorFieldBorder: #C3C8D2;
	--colorDivBorder: #C3C8D2;
	--colorCard: #F8F8F9;
	--colorCardBorder: #E3E5EA;
	--colorGridHeader: #F8F8F9;
	--colorGridHeaderBorder: #C3C8D2;
	--colorGridHeaderForeground: #2E6591;
	/* new primary2/90 */
	--colorGridHeaderNoneEditForeground: #8B90A1;
	--colorGridHeaderRequired: #FABE04;
	--colorGridBorder: #E3E5EA;
	--colorGridBodyRow: #F6F8FD;
	--colorGridBodyRowStripe: #F8F8F9;
	--colorGridSelected: #3676A8;
	--colorGridSelectedHover: #266698;
	--colorGridSelectedForeground: #FFFFFF;
	--colorGridSplite: #F8F8F9;

	--colorGridBodyRowStroke: #E3E5EA;
	--colorGridBodyCellReadonly: #F1F1F5;
	--colorGridBodyCellReadonlyForeground: #8B90A1;

	--colorGridHeaderMark: #bc4b09;
	--colorGridEdit: #E9F7E7;
	--colorGridEditForeground: #333;
	--colorGridHeaderHover: #F1F1F5;
	/* 수정 26.09.08 */
	--colorGridRowHover: #E1E6F3;
	--colorGridCellText: #212433;

	--colorTabSelected: #CFD5EB;
	--colorButtonSelected: #EBEEF7;
	--colorTabUnselected: #F6F8FD;
	--colorSelected: #EBEEF7;
	--colorShapeBorder: #EBEEF7;
	--colorShape: #F6F8FD;
	--colorDiagramEditorContext: #020202;
	--colorFavoriate: #C3C8D2;

	--colorTabClassicSelected: #F6F8FD;
	--colorTabClassicUnselected: #F1F1F5;
	--colorButtonGray: #F1F1F5;

	--colorTooltipSecondary: #96c6fa;
	--colorTooltipSecondaryForeground: #1A1A1A;


	--colorGridButtonDisabled: #A9ADBD;





	--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: #32374C;
	/* #4887BE   #2B3951 -> #32374C*/
	--colorPrimaryHover: #3F4659;
	/* 566F9F -> #50586C*/
	--colorPrimaryPressed: #3F4659;
	/* 6A80AC -> 3F4659*/
	--colorPrimarySelected: #3F4659;
	/* 6A80AC -> 3F4659*/
	--colorSecondary: #EBEEF7;
	/*#367CC1;*/
	--colorSecondaryForeground: #3B59B3;


	/*--colorSecondary: #ebf3fc;*/
	--colorSecondaryHover: #e0e0e0;
	/*#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;

	--colorAdditive: #566F9F;
	--colorAdditiveHover: #93A3C6;

	--colorNegative: #7F91B9;
	--colorNegativeHover: #CFD5EB;


	--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: #1BAB0E;
	--colorStatusWarning: #E64B4B;
	--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: #212433;
	--colorSubLabel: #616161;
	--colorHorLine: #ebebeb;
	--colorActive: #0f6cbd;
	--colorGridHeaderEditForeground: #0f6cbd;
	--colorGridHeaderEditForegroundPrimary: #fde300;
	/*--colorGridSelected: #ebf3fc;*/


	--colorBackward: #FAFAFA;
	--colorTextSub: #999999;
	--colorText: #4D4D4D;
	--colorTitle: #1A1A1A;
	--colorSubTitle: #32474C;
	/* 26.09.08  #3A4C6B -> #32474C => #32474C 로 변경 */
	--colorSearchTitle: #2E6591;
	--colorLight: #ebf3fc;

	--colorDragInsertBeforeStroke: yellow;
	--colorDragInsertAfterStroke: orange;
	--colorDragAppendStroke: green;

	--colorMainTabHeader: #F1F1F5;
	--colorTabButtonMainSelected: #FFFFFF;
	--colorTabButtonMainPrimarySelected: #295A81;
	--colorTabButtonMainPrimaryUnSelected: #FFFFFF;
	--colorMessageBoxHeader: #295A81;
	--colorMessageTitle: #32374C;


	--colorFieldBorder: #C3C8D2;
	/* neutral/20 */
	--colorField: #4887BE;
	/* new primary2/70 colorComponent 제거 */
	--colorFieldIcon: #2E6591;
	/* new primary2/90 */
	/* --colorLabel: #212433; neutral/90  상단에 정의 */
	--fontWeightFieldLabel: 500;
	/* fontWeightSemibold */
	--fontSizeFieldLabel: 1.4rem;
	/* 14px*/
	--colorFieldText: #4D4D4D;
	--colorButtonHelp: #2E6591;
	/* new primary2/90 */


	/* 컬러추가 */
	--colorTopbackground: #002C57;
	--colorTopUtilbarbackground: #00162B;
	--colorNavigationBarText: #DAE0EE;
	--colorNavigationBarSearchBackground: #0D3760;
	--colorNavigationBarSearchBorder: #335679;
	--colorNavigationBarSearchPlaceholder: #8096AB;
	--colorTabBtnBackground: #E4E8F2;
	--colorTabBtnIcon: #295A81;
	--colorMenuListText: #ACBDDE;
	--colorMenuListText2: #DAE0EE;
	--colorTabButton: #50586C;
	/* new primary2/40*/
}


/*
	color:var(--colorTabButtonMainPrimary);
	background-color: var(--colorTabButtonMainSelected);
}
.va-tab.classic.main .va-tab-button .va-button.transparent {
	color:var(--colorTabButtonMainForeground);
	background-color: var(--colorTabButtonMainUnselected);
	*/