@charset "utf-8";
/* CSS Document */
/* 스킨별 색상 지정 */




/* Mobile Device */
@media (max-width : 767px) {
	:root {
		/* font */
		--theme-font : 'Pretendard', sans-serif;
		--font-symbol : 'Font Awesome 6 Free';
		--font-l: 18px;
		--font-m: 16px;
		--font-s: 14px;
		--font-xs: 12px;

		/* color */
		--color-theme: #1480FF;
		--color-normal: #444444;
		--color-emp: #ff372d;
		--color-emp-bk: #000000;
		--color-emp-wt: #FFFFFF;
		--color-unfocus: #999999;
		--color-line: #dddddd;
		--color-devided: #4C4C4C;
		--color-bg01: #F4F4F4;
		--color-bg02: #F9FAFC;
		/* mobile */
		--m-gap: 20px;
		
		/* radius */
		--radius-in: 3px;
		--radius-out: 5px;
		--radius-big: 10px;
		
		/* grid */
		--bx-sgap: 2px;
		--bx-mgap: 12px;
		--bx-lgap: 20px;
	}
}



/* Desktop Device */
@media (min-width : 768px) {
	:root {
		/* font */
		--theme-font : 'Pretendard', sans-serif;
		--font-symbol : 'Font Awesome 6 Free';
		--font-l: 18px;
		--font-m: 16px;
		--font-s: 14px;
		--font-xs: 12px;

		/* color */
		--color-theme: #00a685;
		--color-normal: #444444;
		--color-emp: #C7F531;
		--color-emp-bk: #000000;
		--color-emp-wt: #FFFFFF;
		--color-unfocus: #999999;
		--color-line: #E2E2E2;
		--color-devided: #4C4C4C;
		--color-bg01: #F4F4F4;
		--color-bg02: #F9FAFC;
		/* mobile */
		--m-gap: 20px;
		/* radius */
		--radius-in: 3px;
		--radius-out: 5px;
		--radius-big: 20px;
		
		/* grid */
		--bx-sgap: 4px;
		--bx-mgap: 20px;
		--bx-lgap: 30px;
	}
}