@charset "UTF-8";

body {

	/* BASIC */
	--color-WH:#FFFFFF;
	--color-BL:#212121;

	/* GRAY */
	--color-G1:#FAFAFA;
	--color-G2:#F6F6F6;
	--color-G3:#E6E6E6;
	--color-G4:#BFBFBF;
	--color-G5:#8C8C8C;
	--color-G6:#595959;
	--color-G7:#404040;
	--color-G8:#262626;

	/* POINT COLOR */
	--color-A1:#FFEADB;
	--color-A2:#FFDBC2;
	--color-A3:#FFBE8F;
	--color-A4:#FF925C;
	--color-A5:#FF6929;
	--color-A6:#CC5421;
	--color-A7:#993F19;
	--color-A8:#662A10;

	--color-B1:#DBEAFF;
	--color-B2:#C2DAFF;
	--color-B3:#8FBCFF;
	--color-B4:#5C9DFF;
	--color-B5:#287CFA;
	--color-B6:#2165CC;
	--color-B7:#184C99;
	--color-B8:#103366;
	

}

/* background-color */
.bg_WH { background-color:var(--color-WH) !important; }
.bg_BL { background-color:var(--color-BL) !important; }
.bg_G1 { background-color:var(--color-G1) !important; }
.bg_G2 { background-color:var(--color-G2) !important; }
.bg_G3 { background-color:var(--color-G3) !important; }
.bg_G4 { background-color:var(--color-G4) !important; }
.bg_G5 { background-color:var(--color-G5) !important; }
.bg_G6 { background-color:var(--color-G6) !important; }
.bg_G7 { background-color:var(--color-G7) !important; }
.bg_G8 { background-color:var(--color-G8) !important; }

.bg_A1 { background-color:var(--color-A1) !important; }
.bg_A2 { background-color:var(--color-A2) !important; }
.bg_A3 { background-color:var(--color-A3) !important; }
.bg_A4 { background-color:var(--color-A4) !important; }
.bg_A5 { background-color:var(--color-A5) !important; }
.bg_A6 { background-color:var(--color-A6) !important; }
.bg_A7 { background-color:var(--color-A7) !important; }
.bg_A8 { background-color:var(--color-A8) !important; }

.bg_B1 { background-color:var(--color-B1) !important; }
.bg_B2 { background-color:var(--color-B2) !important; }
.bg_B3 { background-color:var(--color-B3) !important; }
.bg_B4 { background-color:var(--color-B4) !important; }
.bg_B5 { background-color:var(--color-B5) !important; }
.bg_B6 { background-color:var(--color-B6) !important; }
.bg_B7 { background-color:var(--color-B7) !important; }
.bg_B8 { background-color:var(--color-B8) !important; }

/* font-color */
.font_WH { color:var(--color-WH) !important; }
.font_BL { color:var(--color-BL) !important; }
.font_G1 { color:var(--color-G1) !important; }
.font_G2 { color:var(--color-G2) !important; }
.font_G3 { color:var(--color-G3) !important; }
.font_G4 { color:var(--color-G4) !important; }
.font_G5 { color:var(--color-G5) !important; }
.font_G6 { color:var(--color-G6) !important; }
.font_G7 { color:var(--color-G7) !important; }
.font_G8 { color:var(--color-G8) !important; }

.font_A1 { color:var(--color-A1) !important; }
.font_A2 { color:var(--color-A2) !important; }
.font_A3 { color:var(--color-A3) !important; }
.font_A4 { color:var(--color-A4) !important; }
.font_A5 { color:var(--color-A5) !important; }
.font_A6 { color:var(--color-A6) !important; }
.font_A7 { color:var(--color-A7) !important; }
.font_A8 { color:var(--color-A8) !important; }

.font_B1 { color:var(--color-B1) !important; }
.font_B2 { color:var(--color-B2) !important; }
.font_B3 { color:var(--color-B3) !important; }
.font_B4 { color:var(--color-B4) !important; }
.font_B5 { color:var(--color-B5) !important; }
.font_B6 { color:var(--color-B6) !important; }
.font_B7 { color:var(--color-B7) !important; }
.font_B8 { color:var(--color-B8) !important; }