# Semantic Spacing

여백에 관한 시멘틱토큰을 정의합니다.

| 이름 | 여백 | 용도 |
| --- | --- | --- |
| helper_text.gap.desktop | 
6px

 | Helper Text Gap (Desktop) |
| helper_text.gap.mobile | 

6px

 | Helper Text Gap (Mobile) |
| section.margin.desktop | 

16px

 | Section Margin (Desktop) |
| section.margin.mobile | 

0px

 | Section Margin (Mobile) |
| section.gap.desktop | 

16px

 | Section gap (Desktop) |
| section.gap.mobile | 

0px

 | Section gap (Mobile) |
| section.padding_horizontal.desktop | 

24px

 | Section Padding Horizontal (Desktop) |
| section.padding_horizontal.mobile | 

16px

 | Section Padding Horizontal (Mobile) |
| section.padding_vertical.desktop | 

24px

 | Section Padding Vertical (Desktop) |
| section.padding_vertical.mobile | 

24px

 | Section Padding Vertical (Mobile) |
| content.gap_medium.desktop | 

24px

 | 속성이 다른 Form요소 사이의 여백(예 - 입력 - 버튼 사이) (Desktop) |
| content.gap_medium.mobile | 

16px

 | 속성이 다른 Form요소 사이의 여백(예 - 입력 - 버튼 사이) (Mobile) |
| content.gap_small.desktop | 

16px

 | Form 입력요소 사이의 여백(Desktop) |
| content.gap_small.mobile | 

8px

 | Form 입력요소 사이의 여백(Mobile) |
| table.padding_large.desktop | 

16px

 | Table Padding Large (Desktop) |
| table.padding_large.mobile | 

16px

 | Table Padding Large (Mobile) |
| table.padding_medium.desktop | 

12px

 | Table Padding Medium (Desktop) |
| table.padding_medium.mobile | 

12px

 | Table Padding Medium (Mobile) |
| table.padding_small.desktop | 

8px

 | Table Padding Small (Desktop) |
| table.padding_small.mobile | 

8px

 | Table Padding Small (Mobile) |
| table.padding_xsmall.desktop | 

4px

 | Table Padding XSmall (Desktop) |
| table.padding_xsmall.mobile | 

4px

 | Table Padding XSmall (Mobile) |
| empty_state.padding.desktop | 

120px

 | Empty State Padding (Desktop) |
| empty_state.padding.mobile | 

120px

 | Empty State Padding (Mobile) |