@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: 16px;
	--font-m: 14px;
	--font-s: 13px;
	--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: #E5E6E7;
	--color-devided: #4C4C4C;
	--color-bg01: #F4F4F4;
	--color-bg02: #F9FAFC;
	
	/* mobile */
	--m-gap: 20px;
		
	/* radius */
	--radius-in: 3px;
	--radius-out: 5px;
	--radius-big: 10px;
}
}



/* 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: #ff372d;
	--color-emp-bk: #000000;
	--color-emp-wt: #FFFFFF;
	--color-unfocus: #999999;
	--color-line: #E5E6E7;
	--color-devided: #4C4C4C;
	--color-bg01: #F4F4F4;
	--color-bg02: #F9FAFC;
	
	/* mobile */
	--m-gap: 20px;
	
	/* radius */
	--radius-in: 3px;
	--radius-out: 5px;
	--radius-big: 20px;
}
}