> 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).

# 공통 배너

TMAP 메인 상단/하단, 검색, 검색 결과, 운전점수, 운전점수 주행이력에 사용되는 공통 배너 광고 입니다.

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

<figure><img src="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2FtlJG9NPGdw7tXFi70XHJ%2FFrame%205918.jpg?alt=media&amp;token=4284846b-eebc-44a6-b847-c2b036b747a9" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2FdLMHVJvs1Q2546b6Kn09%2F1.jpg?alt=media&amp;token=2c080d6f-9430-4a1f-a803-7f980c70aa0c" alt=""><figcaption></figcaption></figure>

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

##

## 1-1. 소재 정보

<figure><img src="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2FZgHibSIfFGOc2J6FGnEU%2FFrame%205920.jpg?alt=media&amp;token=6d254ff6-b303-44b2-8cba-d5ca687691bd" 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="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2FG6ZaB4gHCltFE0Bp28eK%2FFrame%205921.jpg?alt=media&amp;token=6ceec772-04c2-4bb7-92d0-be8dae0d8c3e" alt=""><figcaption></figcaption></figure>

##

## 1-2. 배너 유형

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

#### 2줄 기본형

<figure><img src="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2FxAKOkB3ZTFp2S3kzNZFE%2Fimage.png?alt=media&amp;token=2b82c2ab-2412-40ea-99aa-fa5b8a7a083a" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2F5SfdwxfQxd7h3Cpz3mtS%2Fimage.png?alt=media&amp;token=579f13bb-1ece-4b4f-9f89-6453fdcb3519" alt="" width="563"><figcaption></figcaption></figure>

#### 2줄 확장형

<figure><img src="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2FKTPajHAVd03PLiFR84oy%2Fimage.png?alt=media&amp;token=458582e8-33b4-43dc-8f94-e2092c1e68f2" alt="" width="563"><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2FT5oyzjxuYQxzY2xHuh1r%2Fimage.png?alt=media&amp;token=cf1d7f12-de46-4f25-8067-4823cb7346bd" alt="" width="563"><figcaption></figcaption></figure>
{% endtab %}

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

#### 하단고지 기본형

<figure><img src="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2Fh4OOhOnK9epX4UBaAehQ%2Fimage.png?alt=media&amp;token=34ca5700-1ac2-44fd-b652-d9d8cea65f02" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2FCg7U0i0GE62oK49dhr94%2Fimage.png?alt=media&amp;token=8d8aac02-60af-4784-bd13-689a4769d480" alt="" width="563"><figcaption></figcaption></figure>

#### 하단고지 1줄형

<figure><img src="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2FLqSDKsTmZv62GyBwPzZY%2Fimage.png?alt=media&amp;token=393e82b5-ab6e-45e2-9691-cb8f7ec8973e" alt="" width="563"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

##

## 1-3 텍스트 가이드

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

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

<figure><img src="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2FXlrLJkYCtGu9wA1rUldT%2F2%E1%84%8C%E1%85%AE%E1%86%AF%20%E1%84%90%E1%85%A6%E1%86%A8%E1%84%89%E1%85%B3%E1%84%90%E1%85%B3%E1%84%92%E1%85%A7%E1%86%BC.jpg?alt=media&amp;token=f7dc0f33-af69-4d68-b518-8ed19ade9391" 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="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2FeZBAurxHWngSCyU7wDlB%2Fimage.png?alt=media&amp;token=ef1f186b-2676-4563-8319-552ebd5620e4" alt=""><figcaption><p>2줄 확장형</p></figcaption></figure>

<figure><img src="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2F14CjmxmD0uUzqXxPfulL%2Fimage.png?alt=media&amp;token=3ac40df2-da56-4478-b5ab-6a605a99236f" 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="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2FQQjDyanNAsxCd1jPZczJ%2F%E1%84%92%E1%85%A1%E1%84%83%E1%85%A1%E1%86%AB%20%E1%84%80%E1%85%A9%E1%84%8C%E1%85%B5%E1%84%92%E1%85%A7%E1%86%BC.jpg?alt=media&amp;token=bce705bc-f58f-4d7a-9b9e-dd06f57fffef" 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="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2FJBRxnYQMJpMynvZqLZe4%2Fimage.png?alt=media&amp;token=093f1b02-6896-401d-991e-ee4a4e85441f" 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="https://1385077716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXOYI3Vyv1Ntv6It60P57%2Fuploads%2FuzmVM40iDBkVP1BNlAqE%2Fimage.png?alt=media&amp;token=e8c661a1-e71e-4fe7-b195-d865659bf39b" 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> |