:root {
    --basic-black: #333333;
    --basic-gray: #777777;
    --blue-gray: #83899E;
    --blue-gray2: #BDC4CB;
    --red-up: #E21A32;
    --blue-dn: #114FAC;
    --blue-mid-gray: #E5E8EB;
    --white: #FFFFFF;
    --lightgray: #F5F5F5;
    --lightgray-red: #F07860;
    --light-green: #509F89;
    --light-red: #C73C32;
    --lightlight-green: #C1C79B;
    --lightlight-red: #F07860;
    --lightlight-blue: #2391AA;
    --linegray: #777777;
    --darkgray: #555555;
    --dark-green: #1F5152;
    --black-green: #0B232D;
    --mid-gray: #DFDFDF;
    --warning: #F93D5C;
    --balck: #000000;
	--yellow: #FAFF00;
    /* Mobile Colorset*/
    --gray002: #333D4B;
    --gray003: #4E5968;
    --gray005: #8B95A1;
    --gray006: #B0B8C1;
}

.text-black,
.text--black {
    color: var(--basic-black) !important;
}

.text-red,
.text--red {
    color: var(--red-up) !important;
}

a.text-black,
a.text-black:hover,
a.text-black:focus,
a.text-black:visited {
    color: var(--basic-black);
}

a.text-red,
a.text-red:hover,
a.text-red:focus,
a.text-red:visited {
    color: var(--red-up);
}

.text-blue,
.text--blue {
    color: var(--blue-dn);
}

.text-system-blue,
.text--system-blue {
    color: var(--system-blue);
}

.text--lightlight-blue {
    color: var(--lightlight-blue);
}

.text--blue-gray {
    color: var(--blue-gray) !important;
}

[class^="text-"]::-webkit-input-placeholder,
[class^="text-"]::-ms-input-placeholder,
[class^="text-"]::placeholder {
    color: inherit;
}

.text--white {
    color: var(--white);
}

.text--gray005 {
    color: var(--gray005);
}