@charset "utf-8";

:root {
	--color-primary:#324333;							/* 대표 색상 */
	--color-secondary:#7A8A1F;							/* 대표(두번째) 색상 */
	--color-tertiary:#3E8F43;							/* 대표(세번째) 색상	 */
	--color-quaternary:#707070;							/* 대표(네번째) 색상	 */
	/* --color-quinary:#F52FFF; */							/* 대표(다섯번째) 색상 */
	--color-text:#222;									/* 글짜 기본 색상 */
	/* --color-text-deep: #5E5E5E;	 */						/* 글짜 1단계 진한 색상 */
	/* --color-text-deeper:#111;	 */						/* 글짜 2단계 진한 색상 */
	/* --color-text-deepest:#000; */							/* 글짜 가장 진한 색상 */
	--color-text-light:#414341; 						/* 글짜 1단계 연한 색상 */
	--color-text-lighter:#9F9F9F;						/* 글짜 2단계 연한 색상 */
	--color-text-lightest:#819552;							/* 글짜 가장 연한 색상 */	
	/* --color-text-link:#333;	 */							/* a 태그 색상 */
	/* --color-text-link-hover:;	 */						/* a 태그 hover 색상 */
	/* --color-text-link-focus:; */							/* a 태그 focus 색상 */
	/* --color-text-link-active:;	 */						/* a 태그 active 색상 */
	/* --color-text-link-visited:; */							/* a 태그 visited 색상 */
	/* --color-text-link-light:#40e3ff;	 */				/* a 태그 밝은 색상 */
	--color-icon-fill-primary: #8D8A8A;					/* 아이콘 대표 색상 */
	--color-border: #d2d2d2;							/* 기본 보더 색상 */
	--color-background-primary: #E2E4E8;				/* 대표(기본) 배경색상 */
	--color-background-secondary:#F1F1F1;				/* 대표(두번째) 배경색상 */
	/* --color-background-tertiary:#F5F5F5;	 */			/* 대표(세번째) 배경색상 */
	/* --color-background-keyword:#e6efff;		 */			/* 키워드 배경색상 */
	/* --color-background-overlay:;	 */					/* 오버레이 효과 배경색상 */
	/* --color-background-foot:#000;		 */					/* 오버레이 효과 배경색상 */
	--color-button-background:#324333;				/* 버튼 배경 색상 */
	/* --color-button-background-hover:#271baa;	 */		/* 버튼 배경 hover 색상 */
	/* --color-button-background-focus:; */				/* 버튼 배경 focus 색상 */
	/* --color-button-background-active:; */			/* 버튼 배경 active 색상 */
	/* --color-button-background-secondary:; */			/* 버튼 배경(두번째) 색상 */
	/* --color-button-background-secondary-hover:; */	/* 버튼 배경(두번째) hover 색상 */
	/* --color-button-background-secondary-focus:; */	/* 버튼 배경(두번째) focus 색상 */
	/* --color-button-background-secondary-active:; */	/* 버튼 배경(두번째) active 색상 */
	--color-button-border:#d2d2d2;						/* 버튼 border 색상 */
	/* --color-button-border-hover:; */					/* 버튼 border hover 색상 */
	/* --color-button-border-focus:; */					/* 버튼 border focus 색상 */
	/* --color-button-border-active:; */				/* 버튼 border active 색상 */
	/* --color-button-border-secondary:; */				/* 버튼 border(두번째) 색상 */
	/* --color-button-border-secondary-hover:; */		/* 버튼 border(두번째) hover 색상 */
	/* --color-button-border-secondary-focus:; */		/* 버튼 border(두번째) focus 색상 */
	/* --color-button-border-secondary-active:; */		/* 버튼 border(두번째) active 색상 */
	/* --color-button-text:; */							/* 버튼 글짜 색상 */
	/* --color-button-text-hover:; */					/* 버튼 글짜 hover 색상 */
	/* --color-button-text-focus:; */					/* 버튼 글짜 focus 색상 */
	/* --color-button-text-active:; */					/* 버튼 글짜 active 색상 */
	/* --color-button-text-secondary-hover:; */			/* 버튼 글짜(두번째) hover 색상 */
	/* --color-button-text-secondary-focus:; */			/* 버튼 글짜(두번째) focus 색상 */
	/* --color-button-text-secondary-active:; */		/* 버튼 글짜(두번째) active 색상 */
	/* --color-button-icon:; */							/* 버튼 아이콘 색상 */
	/* --color-button-icon-hover:; */					/* 버튼 아이콘 hover 색상 */
	/* --color-button-icon-focus:; */					/* 버튼 아이콘 focus 색상 */
	/* --color-button-icon-active:; */					/* 버튼 아이콘 active 색상 */
	/* --color-button-icon-secondary-hover:; */			/* 버튼 아이콘(두번째) hover 색상 */
	/* --color-button-icon-secondary-focus:; */			/* 버튼 아이콘(두번째) focus 색상 */
	/* --color-button-icon-secondary-active:; */		/* 버튼 아이콘(두번째) active 색상 */
	--color-list-marker:#2150BD;						/* 목록(ul, ol, li, dl, dt, dd) 마커 색상 */
}