@charset "utf-8";

/*
 * File			:	color.css
 * Author		:	YoungJae Lee
 * Date			:	Jan. 2023
 * Description	:	색상 관련 스타일
 */



/* --
	기본 컬러 변수 선언
---------------------------------------------------------- */
:root {	
	--he-main1: #d1232a;
	--he-main1-hover: #a71c21;
	--he-main1-rgb: 209, 35, 42;
	--he-main2: #191919;	
	--he-gradient: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);
	--he-gradient2:  linear-gradient(to right, #df2f53, #ff8f4e);
/* 	--he-gradient2:  radial-gradient(circle at 10% 20%, #e01c1c 45%, #ffb468 90%); */
	--he-tree-header: #3a3e57;	   	
	
	--he-base: #ffffff;
	--he-base-rgb: 255, 255, 255;
	--he-black: #000000;
	--he-black-rgb: 0, 0, 0;
	--he-blue: #276baa;
	--he-red: #e4211d;
	--he-red-dark: #dd2424;
	--he-gray-dark: #333;
	
	--he-gray-100: #f5f7fa;
	--he-gray-200: #edf0f5;
	--he-gray-300: #dde3ed;
	--he-gray-400: #ced4da;
	--he-gray-400-rgb: 206, 212, 218;
	--he-gray-500: #646b77;
	--he-gray-600: #45495f;
}


/* --
	컬러 공통 클래스 선언
---------------------------------------------------------- */

.colorMain {color: var(--he-main1);}
.colorBlue {color: var(--he-blue);}
.colorBlack {color: var(--he-gray-dark);}
.txt-red,
.colorRed {color: var(--he-red);}
.colorGray {color: var(--he-gray-500); font-size:11px;}

.bgMain {background-color: var(--he-main1) !important; color: #fff !important;}
.bgWhite {background-color: #fff !important;}
.bgGray {background-color: var(--he-gray-100) !important;}

.bgMainGra {position: relative; background: var(--he-gradient) !important; z-index: 1; color: #fff;}
.bgMainGra.st02 {background: var(--he-gradient2) !important;}
.bgMainGra:before {content:''; position: absolute; top:0; left:0; right:0; bottom: 0; background: url(/static/images/background/bg_dimm.png) no-repeat; background-size: 150% auto; background-position: center center; z-index: -1;
									-webkit-mask-image: linear-gradient(125deg, rgba(0,0,0,.6) 35%, rgba(0,0,0,1) 100%); mask-image: linear-gradient(125deg, rgba(0,0,0,.6) 35%, rgba(0,0,0,1) 100%);}