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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://tmapmobility.gitbook.io/tmap-ads-guidelines/digital-display-advertising/test-drive.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.