> For the complete documentation index, see [llms.txt](https://tmapmobility.gitbook.io/tmap-ads-guidelines/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tmapmobility.gitbook.io/tmap-ads-guidelines/digital-display-advertising/common-banner.md).

# 공통 배너

{% hint style="info" %}
**필수 전달 사항 : 투명 png 파일** (광고 오브젝트 이미지와 문구 구성)**, 랜딩 URL**
{% endhint %}

<figure><img src="/files/9KMnDFc3g37iI3rHmt7P" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/2FkqkkHtOS2sQqWddxCp" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
소재 유형 및 게재 위치에 따라 AD마크가 표기되어 노출될 수 있습니다.
{% endhint %}

##

## 1-1. 소재 정보

<figure><img src="/files/gGGOtytn9ZG7beq0lK4G" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="207"></th><th></th></tr></thead><tbody><tr><td><strong>사이즈</strong></td><td>720 x 154 px </td></tr><tr><td><strong>파일형식</strong></td><td>투명 png 파일</td></tr><tr><td><strong>용량</strong></td><td>300kb 이하</td></tr><tr><td><strong>공통</strong></td><td><ul><li><mark style="color:blue;">배경이 투명한 이미지로 제작</mark> </li><li>배경 박스는 시스템에서 구현 </li><li>문구와 연관된 이미지로 구성</li></ul></td></tr></tbody></table>

#### 레이어 구성

<figure><img src="/files/PWdNGeia5EFdVktOeGgN" alt=""><figcaption></figcaption></figure>

##

## 1-2. 배너 유형

{% tabs %}
{% tab title="2줄 텍스트형" %}

#### 2줄 기본형

<figure><img src="/files/PkMs7LnskGV53fZTJROe" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="/files/Jg6bEHGzmygMFhfHbSJu" alt="" width="563"><figcaption></figcaption></figure>

#### 2줄 확장형

<figure><img src="/files/6E2yFTt2kVLNsiE1vE39" alt="" width="563"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="1줄 텍스트형" %}

<figure><img src="/files/N8sDXyaeT1e920aUEjKl" alt="" width="563"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="하단고지형" %}

#### 하단고지 기본형

<figure><img src="/files/2JwgbBwI6yIQ1W2npc5C" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="/files/qS7KmZbTpLwVaX9QGrse" alt="" width="563"><figcaption></figcaption></figure>

#### 하단고지 1줄형

<figure><img src="/files/8QTvjy1j9bQ89nJvGJMp" alt="" width="563"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

##

## 1-3 텍스트 가이드

{% hint style="info" %}
텍스트 영역 최대 길이 468 px (이미지 영역 최소) / 최소 길이 348 px (이미지 영역 최대)&#x20;
{% endhint %}

### • 2줄 텍스트형 (기본형)

<figure><img src="/files/7Cp2XPpm8fWfeXJ7HH7a" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="203"></th><th></th></tr></thead><tbody><tr><td><ol><li><strong>메인 타이틀</strong></li></ol></td><td><ul><li>폰트 : Spoqa Han Sans Bold(권장) or Noto Sans KR Bold </li><li>스타일 : 32pt / #36393D / 100% / Crisp(뚜렷하게) </li><li><mark style="color:blue;">폰트 사이즈 및 스타일 변경 불가</mark> </li></ul></td></tr><tr><td><ol start="2"><li><strong>서브 타이틀</strong></li></ol></td><td><ul><li>폰트 : Spoqa Han Sans Regular(권장) or Noto Sans KR Regular </li><li>스타일 : 28pt / #6E747A / 100% / Crisp(뚜렷하게) </li><li><mark style="color:blue;">폰트 사이즈 및 스타일 변경 불가</mark> </li></ul></td></tr><tr><td><strong>공통</strong></td><td><ul><li><mark style="color:blue;">문구와 오브젝트 겹침 불가</mark></li><li>메인 타이틀과 서브 타이틀은 동일 문구로 기재 불가 </li><li>문구는 좌측 정렬 필수</li><li>이미지의 최대~ 최소 사이즈에 맞춰 텍스트 영역을 준수해서 제작 </li><li>가격과 관련된 정보(금액,할인율)에 한정하여 취소선 허용<br>(예) <del>59,000</del> → 49,000 </li><li>자판 외 특수기호 및 이모티콘 사용불가 (예)^^/:D/★/😀</li></ul></td></tr></tbody></table>

### • 2줄 확장형 / 1줄 텍스트형

<figure><img src="/files/r8lCYVfuR6ZAFL19UQW9" alt=""><figcaption><p>2줄 확장형</p></figcaption></figure>

<figure><img src="/files/wKwp1cq2lPtYNn8oOk86" alt=""><figcaption><p>1줄 텍스트형</p></figcaption></figure>

<table><thead><tr><th width="203"></th><th></th></tr></thead><tbody><tr><td><ol><li><strong>메인 타이틀</strong></li></ol></td><td><ul><li>폰트 : Spoqa Han Sans Bold(권장) or Noto Sans KR Bold </li><li>스타일 : 32pt / #36393D / 100% / Crisp(뚜렷하게) </li><li><mark style="color:blue;">폰트 사이즈 및 스타일 변경 불가</mark></li></ul></td></tr><tr><td><strong>공통</strong></td><td><ul><li><mark style="color:blue;">문구와 오브젝트 겹침 불가</mark> </li><li>문구는 좌측 정렬 필수</li><li>이미지의 최대~ 최소 사이즈에 맞춰 텍스트 영역을 준수해서 제작 </li><li>가격과 관련된 정보(금액,할인율)에 한정하여 취소선 허용<br>(예) <del>59,000</del> → 49,000 </li><li>자판 외 특수기호 및 이모티콘 사용불가 (예)^^/:D/★/😀</li></ul></td></tr></tbody></table>

### • 하단고지형

<figure><img src="/files/egDd00ZfgXrURqTIzyzX" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="203"></th><th></th></tr></thead><tbody><tr><td><ol><li><strong>메인 타이틀</strong></li></ol></td><td><ul><li>폰트 : Spoqa Han Sans Bold(권장) or Noto Sans KR Bold </li><li>스타일 : 32pt / #36393D / 100% / Crisp(뚜렷하게) </li><li><mark style="color:blue;">폰트 사이즈 및 스타일 변경 불가</mark></li></ul></td></tr><tr><td><ol start="2"><li><strong>서브 타이틀</strong></li></ol></td><td><ul><li>폰트 : Spoqa Han Sans Regular(권장) or Noto Sans KR Regular </li><li>스타일 : 28pt / #6E747A / 100% / Crisp(뚜렷하게) </li><li><mark style="color:blue;">폰트 사이즈 및 스타일 변경 불가</mark></li></ul></td></tr><tr><td><ol start="3"><li><strong>심의필, 고지문구 영화등급,개봉일</strong></li></ol></td><td><ul><li>폰트 : Spoqa Han Sans Regular(권장) or Noto Sans KR Regular </li><li>스타일 : 18pt / #BEC5CC / 100% / Crisp(뚜렷하게) </li><li><mark style="color:blue;">폰트 사이즈 및 스타일 변경 불가</mark></li></ul></td></tr><tr><td><strong>공통</strong></td><td><ul><li><mark style="color:blue;">문구와 오브젝트 겹침 불가</mark></li><li>메인 타이틀과 서브 타이틀은 동일 문구로 기재 불가 </li><li>문구는 좌측 정렬 필수</li><li>이미지의 최대~ 최소 사이즈에 맞춰 텍스트 영역을 준수해서 제작 </li><li>가격과 관련된 정보(금액,할인율)에 한정하여 취소선 허용<br>(예) <del>59,000</del> → 49,000 </li><li>자판 외 특수기호 및 이모티콘 사용불가 (예)^^/:D/★/😀</li></ul></td></tr></tbody></table>

##

## 1-4. 오브젝트 가이드

<figure><img src="/files/vmypJk5MOIdgOE6Apjg4" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="203"></th><th></th></tr></thead><tbody><tr><td><strong>오브젝트</strong></td><td><ul><li>이미지 최대 너비 260px / 최소 너비 : 140px </li><li>이미지는 배경 없는 오브젝트 형태로 적용</li><li>이미지는 좌측 정렬로 텍스트와 균형에 따라 이미지 영역 내에서 Flexible하게 사용 가능 </li><li>좌측이 크롭되지 않는 온전한 형태로 필수 적용 </li><li>임의의 텍스트 삽입 불가</li></ul></td></tr><tr><td><strong>브랜드 로고 표기</strong></td><td><ul><li>브랜드 로고를 삽입 할 경우, 이미지 영역 내 로고 영역에 배치 </li><li>브랜드 로고는 배경 없는 오브젝트 형태로 가공 </li><li>TMAP l 제휴사 형식의 콜라보레이션 로고는 텍스트 영역을 활용하여 기재</li><li>표기할 경우 가독성 있는 사이즈로 제작 필수 </li><li>브랜드 로고 표기 1개 권장</li></ul></td></tr></tbody></table>

<figure><img src="/files/h5CrKtY7JOshUz4rE3er" alt=""><figcaption><p>프레임형 이미지</p></figcaption></figure>

|                                                                                                                                                                                                                                                |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <ul><li>누끼처리가 불가능 한 이미지의 경우 프레임 안에 이미지를 삽입 </li><li><mark style="color:blue;">프레임 사이즈 고정 220 x 122 / 모서리 라운드 
16R 적용</mark></li><li>프레임 영역 내에 텍스트 기재 불가</li><li>배경 컬러와 유사한 컬러(#F8F9FA, #EEF0F3) 사용 불가</li><li>브랜드 로고는 프레임 영역 내부에 배치 </li></ul> |