# 띠 배너

## 타입

<div align="left"><figure><img src="https://583392291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxdbgD34XdoBdrVCIm02M%2Fuploads%2FBDApJSr7buQeJWlTH1bJ%2Fimage.png?alt=media&#x26;token=ac14cd0c-f78f-4b1c-b800-ddff605151a6" alt=""><figcaption></figcaption></figure></div>

## 소재 사이즈

| 사이즈        | 용량      | 포맷       |
| ---------- | ------- | -------- |
| 640 \* 100 | 20KB 이하 | PNG, JPG |
| 640 \* 200 | 20KB 이하 | PNG, JPG |

## 상세 가이드

* 소재 우측 하단 ‘M’ 불투명 로고 자동 삽입으로 해당 영역 고려한 제작 필수
* 텍스트의 위치는 상단/하단 20px, 좌우 측 30px 여백 준수 필수
* 텍스트는 24px\~46px 이내에서 적당한 크기로 구성 권장 좌/우 동일한 단색 컬러 사용 필수&#x20;
* ①확장 영역 컬러는 띠배너 좌/우 1\*100 영역의 BG컬러로 사용
* ②그라데이션 처리하여 확장영역과 자연스럽게 단색이 되도록 디자인 (필수)