@charset "UTF-8";

:root{
	/* 배경 색상 */
	--main-bg-color:#12141C; /* 메인 */
	--sub-bg-color:#1E202A; /* 서브 */
	--opt-bg-color:#2B2C36; /* 옵션 */
	--opt2-bg-color:#313241;
	--bg-fc-color:#FF3636; /* 포인트 / hover / select */
	--bg-fc2-color:#FF0025; /* 포인트 / hover / select */
	--bg-fc-hv-color:#CF1919; /* 포인트 / hover / select */
	/* 선 색상 */
	--main-line-color:#3E3E3E;
	--main-line2-color:#5E5E5E;
	/* 폰트 색상 */
	--main-ft-color:#FFFFFF; /* 메인 */
	--main-ft-fc-color:#B6B8CB; /* hover / tab */
	--sub-ft-color:#909090; /* 서브 */
	--sub2-ft-color:#C1C1C1; /* 서브 */
	/* 그 외 */
	--tag-sp-sale-bg:#FFFA03;
	--tag-sp-sale-bd:#FFFA03;
	--tag-sp-sale-co:#000;
}

:root[color-theme="light"]{
	/* 배경 색상 */
	--main-bg-color:#FFFFFF; /* 메인 */
	--sub-bg-color:#FBFBFB; /* 서브 */
	/* --sub-bg-color:#FFFFFF; */ /* 서브 */
	--opt-bg-color:#F2F2F2; /* 옵션 */
	--opt2-bg-color:#F0F0F0;
	--bg-fc-color:#FF3636; /* 포인트 / hover / select */
	--bg-fc2-color:#FF0025; /* 포인트 / hover / select */
	--bg-fc-hv-color:#CF1919; /* 포인트 / hover / select */
	/* 선 색상 */
	--main-line-color:#D1D1D1;
	--main-line2-color:#E1E1E1;
	/* 폰트 색상 */
	--main-ft-color:#000000; /* 메인 */
	--main-ft-fc-color:#576DAC; /* hover / tab */
	--sub-ft-color:#707070; /* 서브 */
	--sub2-ft-color:#505050; /* 서브 */
	/* 그 외 */
	--tag-sp-sale-bg:#FFFA03;
	--tag-sp-sale-bd:#FFFA03;
	--tag-sp-sale-co:#000;
}