> 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/test-drive.md).

# 시승 신청 전용 화면

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

## 1. 메인 배너

{% hint style="info" %}
**필수 전달 사항 : 광고 배너, 랜딩 URL**
{% endhint %}

### 1-1. A타입, B타입 배너 소개

A타입, B타입 중 원하는 타입으로 진행하시면 됩니다.

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

<table><thead><tr><th width="207"></th><th></th></tr></thead><tbody><tr><td><strong>사이즈</strong></td><td>1032 x 618 px</td></tr><tr><td><strong>파일형식</strong></td><td>PNG</td></tr><tr><td><strong>용량</strong></td><td>1MB 이하</td></tr><tr><td><strong>제작 규칙</strong></td><td><ul><li><p>A. 시승 신청을 위한 권장 배너</p><ul><li>시승 신청 권장 형태 <mark style="color:$info;">(아래 car main banner.psd 또는 '제작 파일 다운로드'에 첨부된 psd 파일 참고)</mark></li><li>차량 사진을 약간 우측으로 치우치게 배치</li></ul></li><li><p>B. 자유 배너</p><ul><li>시승 신청, 신차 홍보 등 자유 구성</li></ul></li></ul></td></tr></tbody></table>

###

### · A타입 배너 가이드 : psd 파일 (포토샵)

{% file src="/files/NqBm4I4keZUyQUg0TVXR" %}
A타입) 시승 신청을 위한 권장 배너 PSD 파일
{% endfile %}

###

### 1-2. A타입 배너 : 디테일한 작업 가이드

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

<table><thead><tr><th width="207"></th><th></th></tr></thead><tbody><tr><td><strong>프로필 (Brandname)</strong></td><td><ul><li><p>프로필 박스, 높이 96 px</p><ul><li>앞 여백 &#x26; 상하 여백 18 px / 뒤 여백 30 px</li></ul></li><li>로고 크기 60 x 60 px</li><li>브랜드명 높이 60 px, 폰트 크기 약 36 px (브랜드명의 폰트는 자율)</li></ul></td></tr><tr><td><strong>제목</strong></td><td>내용 자유, 폰트 크기 42 px (Pretendard 권장, 타 폰트 사용 시 크기 조정 필요)</td></tr><tr><td><strong>부제</strong></td><td>내용 자유, 폰트 크기 30 px (Pretendard 권장, 타 폰트 사용 시 크기 조정 필요)</td></tr></tbody></table>

## 2. 시승 신청 리스트

{% hint style="info" %}
**필수 전달 사항: 리스트 썸네일 이미지, 브랜드명, 차량명, 랜딩 URL**
{% endhint %}

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

<table><thead><tr><th width="207"></th><th></th></tr></thead><tbody><tr><td><strong>브랜드명</strong></td><td>브랜드명을 한글(영문 가능)로 표기 (최대 10자)</td></tr><tr><td><strong>차량명</strong></td><td><ul><li>영문/한글/특수 문자로 표기 (최대 30자)</li><li>허용 특수 문자: 슬래시(/), 마침표(.), 쉼표(,), 하이픈(-)</li><li>차량과 차량 사이에는 슬래시(/) 사용</li></ul></td></tr></tbody></table>

### 2-1. 리스트 썸네일 (차량 이미지)

{% file src="/files/OU9AfYVB8JMnwVPe7aNp" %}
리스트 썸네일 샘플
{% endfile %}

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

<table><thead><tr><th width="207"></th><th></th></tr></thead><tbody><tr><td><strong>사이즈</strong></td><td>240 x 180 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>배경색: #EEF0F3</li><li>차량 이미지 중앙 정렬</li><li>좌우 여백 너비 26px</li><li>상하 여백 필요</li></ul></td></tr></tbody></table>

### · 썸네일 이미지 Good & Bad case

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

## 3. 공통 배너

{% hint style="info" %}
**필수 전달 사항: 투명 PNG 파일(작업 완료된 배너) , 랜딩 URL**
{% endhint %}

{% content-ref url="/pages/i2CheZASEWnQsjuFunSI" %}
[공통 배너](/tmap-ads-guidelines/digital-display-advertising/common-banner.md)
{% endcontent-ref %}

위 \[공통 배너] 가이드를 참고해 주세요.

<figure><img src="/files/Zkws0w2j9sRcK0r75JL7" 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>