:root {

/* 컬러값 정의 
--------------------------------------------------- */
	--static-white: #FFFFFF;
	--static-black: #000000;


	/* 기본 값 */
	--primary-normal : #303030;
	--primary-strong : #1c1c1c;
	--primary-heavy : #171717;

	/* 기본 값의 보조  */
	--secondary-normal : #DCDCDC;
	--secondary-strong : #9B9B9B;
	--secondary-heavy : #5C5C5C;

	/* 포인트 컬러 */
	--accent-normal: #1379a7; /* #F67EA0 */
	--accent-alternative : #844ad7; /* #F62862 */


	/* 배경색에서만 사용하는 컬러  */
	--background-normal : #FFFFFF;
	--background-alternative: #F9F9F9;

	/* 라인 */
	 --line-normal : #E3E3E3; /* 원래 F7F8F8 */
	 --line-neutral : #AEB0B6;
	 --line-alternative: #70737C;

	/* 상태 컬러  */
	--status-positive : #00BF40; /* 초록 : 긍정적 , 진행, 성공 */
	--status-cautionary: #FF9200; /* 노랑 : 주의 , 경고 */
	--status-destructive: #FF4242; /* 빨강 : 부정적 , 오류,   */
	--status-command : #3385FF; /* 파랑 : 지시 , 정보 */


	/* 대중교통 컬러 */
     --subway-line-1: #0041AA;
	 --subway-line-incheon2: #FF8000;

	--bus-green: #00BF40;
	--bus-blue: #3385FF;


/* 스타일 
--------------------------------------------------- */

	/* 버튼 높이 */
   --button-size-large : 48px;
   --button-size-medium : 40px;
   --button-size-small : 32px; 

	/* 반지름 */
	--border-radius-large: 25px;
	--border-radius-medium: 10px;
	--border-radius-small: 5px;


	--max-width-large: 1170px;
	--max-width-medium: 970px;
	--max-width-small: 480px;

	--pc-header-height : 100px;
	--mo-header-height : 66px;
	--mo-header-height2 : 48px;
	

}


.background--dark {
	--primary-normal : #FFFFFF;
	--primary-strong: #4d4d4d;


	--background-normal : #000000;
	--background-alternative : #2E2F33;

	--line-normal : #0F0F10;
	--line-neutral : #171719; 
	--line-alternative: #272727;
}


/* 상태 컬러 */
.color--statis--positive {color: var(--status-positive) !important; }
.color--statis--cautionary {color: var(--status-cautionary) !important; }
.color--statis--destructive {color: var(--status-destructive) !important; }
.color--statis--command {color: var(--status-command) !important; }

.bgcolor--statis--positive {background-color: var(--status-positive) !important; }
.bgcolor--statis--cautionary {background-color: var(--status-cautionary) !important; }
.bgcolor--statis--destructive {background-color: var(--status-destructive) !important; }
.bgcolor--statis--command {background-color: var(--status-command) !important;  }

/* 포인트 컬러 */
.accent-normal-color {color: var(--accent-normal) !important; }
.accent-alternative-color {color: var(--accent-alternative) !important; }

/* 버튼 디자인 */
.button--primary {border-radius: var(--border-radius-large); font-size: 18px; text-align: center; color: var(--primary-normal); font-weight: 500; } 
.button--primary.active {background-color: var(--accent-normal); color: var(--static-white);  }