텍스트
text-headline01
72px
72px
일할 맛 나는
대한민국
대한민국
text-headline02
50px
50px
일할 맛 나는
대한민국
대한민국
text-headline03
40px
40px
일할 맛 나는
대한민국
대한민국
text-headline04
32px
32px
일할 맛 나는
대한민국
대한민국
text-headline05
24px
24px
일할 맛 나는
대한민국
대한민국
text-headline06
16px
16px
일할 맛 나는
대한민국
대한민국
text-paragraph01
18px
18px
사무실 간식
정기 관리 서비스
스낵24
정기 관리 서비스
스낵24
text-paragraph02
16px
16px
사무실 간식
정기 관리 서비스
스낵24
정기 관리 서비스
스낵24
text-paragraph03
14px
14px
사무실 간식
정기 관리 서비스
스낵24
정기 관리 서비스
스낵24
text-paragraph04
12px
12px
사무실 간식
정기 관리 서비스
스낵24
정기 관리 서비스
스낵24
텍스트 효과
textAlign-center
textAlign-right
textAlign-left
text-P02MO모바일 P02 사이즈만 조절
textEffect-bold
textColor-White
textColor-White
textColor-White
textColor-White
textColor-White
textColor-Yellow
이미지 효과
imageEffect-BG
imageEffect-BGfixed
Color
color-black
color-lightGray
color-yellow
gradient-snack
gradient-birth
color-white
color-white
투명도
opacity80
opacity50
opacity30
블록 모음
block-headline
박스 모음
box-verticalM
box-banner
버튼
button-Primary-L
Button TextButton Textbutton-Secondary-L
Button TextButton-CTA
Button Textbutton-Secondary-L
Button Text간격
align-row20
flex 간격 20
flex 간격 20
align-row60
flex 간격 60
flex 간격 60
align-row150
flex 간격 150
flex 간격 150
align-left
align-center
align-right
align-top
align-middle
align-bottom
위치
position-relative
position-backend
position-bottomLeft
position-bottomRight
position-top
position-topLeft
position-topLeft
align-middle
align-bottom
깊이감 Z축
기본
Z1
CTA, 메뉴
Z 99
Z 99
position-bottomRight
position-top
position-topLeft
position-topLeft
align-middle
align-bottom