Site Default Color

사이트 기본 색상
$color.primary사이트 기본 색상 코드값은 #E76D48
$color.secondaryprimary와 보색으로써 추가 표현하기 위한 색상. 코드값은 #4067cf
$color.dangerwarning나 오류등을 표현하기 위한 색상. 코드값은 #E9513C
$color.success성공이나 문제없는 상태를 표현하기 위한 색상. 코드값은 #00AF66
$color.active메뉴등 active 상태를 표현하기 위한 색상 (primary와 같은색상). 코드값은 #E76D48
$color.highlight주목 색상으로써 primary 색상과 동일합니다 (primary와 같은색상). 코드값은 #E76D48

TEXT Color

폰트에 사용할 색상 변수 정보
폰트 기본색은 primary, light, lighter, dark, darker 다섯가지 입니다. 사이트 기본 폰트 색상은 dark 를 사용하고 있습니다.
$text-color.primary중간 폰트색 으로써 코드값는 #666666
$text-color.light약간 밝은 색으로써 코드값은 #858585
$text-color.lighter가장 밝은 색으로써 코드값은 #b6b6b6
$text-color.dark사이트의 폰트 기본색으로써 코드값은 #292929
$text-color.darker현재 의미상 잡아놓은 색상으로써 사용하지 않습니다. 코드값은 #000
$text-color.borderborder와 비슷하게 표현하려는 font의 시각 보정용 색상입니다. 코드값은 ##c7c7c7
$text-color.highlight주목 색상으로써 기본적인 사이트의 primary 색상과 동일합니다.

Shape Color

Shape 색상
box나 border 등을 표현하기 위한 색상입니다.
$shapes.borderborder 를 표현하기 위한 색상. 코드값은 #e5e5e5
$shapes.border-light기본 border색상보다 밝은 표현을 하고 싶을때. 코드값은 #fafafa
$shapes.button기본 버튼 색상. 코드값은 #d2d4d8
$shapes.inputinput box를 표현하기 위한 색상(현재 border와 같음.) . 코드값은 #e5e5e5

Font Size

$font-size.normal사이트 기본 폰트 사이즈. 사이즈는 15px
$font-size.smaller작은 글씨. 사이즈는 14px
$font-size.larger큰 글씨. 사이즈는 16px
$font-size.normal-m모바일용 폰트였지만 현재 web/mobile 같게 변경해서 현재 사용하지 않음.

Font Weight

$font-weights.regular사이트 기본 글씨
$font-weights.medium조금 굵은 글씨
$font-weights.bold더 굵은 글씨