> For the complete documentation index, see [llms.txt](https://guides.advertising.webtoon.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guides.advertising.webtoon.com/naverwebtoon/creative-guidelines/display-video-ads/nw-app/special-da/basic.md).

# 기본 이미지형 (투명)

## **노출 위치 및 특징** <a href="#id-21" id="id-21"></a>

* 앱 메인 진입 시 가장 먼저 노출되는 배너로 **노출 효과가 높은 상품**입니다.
* 주목도가 높은 위치에 노출되기 때문에 콘텐츠와 함께 자연스럽게 소비되는 광고입니다.
* 이미지 오브젝트와 카피로 구성되며 주요 메시지가 직관적으로 전달될 수 있도록 제작합니다.
* 다수의 광고주 소재 테스트 결과를 바탕으로 제작된 가이드를 참고하여 제작합니다.
* 사용자 디바이스 환경에 따라 라이트모드/다크모드가 자동 적용됩니다.

<figure><img src="/files/smStpemzzbUIkGH36Wtb" alt="" width="563"><figcaption><p>라이트모드, 다크모드</p></figcaption></figure>

## **필요 에셋**

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

<table data-header-hidden><thead><tr><th width="178.53515625"></th><th></th></tr></thead><tbody><tr><td><strong>이미지 사이즈</strong></td><td>750x200 px (제작용 PSD 샘플 참고)</td></tr><tr><td><strong>파일 용량</strong></td><td>최대 150KB</td></tr><tr><td><strong>파일 형식</strong></td><td>PNG (배경 투명 필수)</td></tr><tr><td><strong>필수 소재</strong></td><td>광고 오브젝트 이미지와 텍스트 구성의 PNG 이미지 1장</td></tr></tbody></table>

## **오브젝트 제작 가이드**

{% tabs %}
{% tab title="기본 가이드" %}

* 오브젝트는 지정된 위치를 준수하여 **좌측과 우측 모두 사용 가능**합니다.
* 오브젝트는 260x200px(52,000px) 허용 면적 내에서, 최대 70프로(36,400px) 면적까지만 사용 가능합니다.
* 광고 내용과 관련된 소재 이미지로만 구성하며 초상권, 저작권, 상표권 등 타인의 권리를 침해하는 이미지와 선정적이고 음란한 신체 노출 이미지는 사용 불가합니다.

<div><figure><img src="/files/zJ0G6RHsdnRD1OHFRb33" alt=""><figcaption><p>좌측 정렬</p></figcaption></figure> <figure><img src="/files/DhG3YxgOTwL6SBlJ81Mw" alt=""><figcaption><p>우측 정렬</p></figcaption></figure></div>

<div><figure><img src="/files/r1I35Blw4aVxzbVvToaT" alt=""><figcaption><p>사용 가능 면적 예시</p></figcaption></figure> <figure><img src="/files/VSkii3mIxkErRmZNS8sK" alt=""><figcaption><p>사용 면적 확인 방법</p></figcaption></figure></div>
{% endtab %}

{% tab title="유형" %}
**1. 누끼형 오브젝트**

* 오브젝트 사용 영역 가이드에 준수하여 누끼(투명 처리) 이미지만 사용 가능합니다.

<figure><img src="/files/DhG3YxgOTwL6SBlJ81Mw" alt="" width="375"><figcaption></figcaption></figure>

***

**2-1. 로고형 오브젝트 (오브젝트 영역에 로고를 사용하는 경우)**

* 오브젝트 이미지가 없는 업종의 경우 또는 로고, 텍스트로만 강조하고 싶은 경우 아래의 4가지 방법으로 구성하여 제작합니다.

<div><figure><img src="/files/UCfnTyN7tP2KUg47whRW" alt=""><figcaption><p>A-1. 텍스트 로고 타입</p></figcaption></figure> <figure><img src="/files/QE64onSgn2LBC6m3NTsw" alt=""><figcaption><p>A-2. 텍스트 오브젝트 타입</p></figcaption></figure></div>

<div><figure><img src="/files/tiUYo8xsgzRg07NmiDUS" alt=""><figcaption><p>B. 심볼타입</p></figcaption></figure> <figure><img src="/files/At7ho9if24GnkBYFJf5U" alt=""><figcaption><p>C. 텍스트 로고 + 심볼타입</p></figcaption></figure></div>

**2-2. 로고형 오브젝트 (오브젝트 영역에 로고를 사용하지 않는 경우)**

* 좌측 정렬, 센터 정렬 모두 사용 가능합니다. (우측 정렬 불가)
* 로고 이미지 1줄 + 텍스트 카피 1줄로 구성할 수 있습니다.
* 로고 이미지의 최대 높이는 40px, 가로폭은 300px입니다.

<div><figure><img src="/files/izLK5kwunxhZkMO1WSoQ" alt=""><figcaption><p>좌측 정렬</p></figcaption></figure> <figure><img src="/files/HplTyTw7jfYaK0hS6Hpa" alt=""><figcaption><p>센터 정렬</p></figcaption></figure></div>

**2-3. 로고형 오브젝트 (유통 업종 페이지 랜딩 시)**

* 유통 업종 소재의 경우 판매처의 로고 또는 업체명 풀네임을 소재 내 반드시 넣어주셔야 하며 로고의 경우 최소 크기를 준수하여 제작합니다. (판매처 로고가 있다면 판매 제품의 로고도 노출 가능)
* 로고의 최소 크기는 로고 면적 500px 이상(25x20px = 500px) 입니다.

<div><figure><img src="/files/dzzsbyHaftOOotCfVJWY" alt=""><figcaption><p>H FASHION MALL 예시 (168x20px = 3,360px)</p></figcaption></figure> <figure><img src="/files/q2PdyQpuycH6mzRcfl6j" alt=""><figcaption><p>NESPRESSO 예시 (82x16px = 1,312px)</p></figcaption></figure></div>

***

**3. 블러형 오브젝트 (배경 이미지 Mix형)**

* 광고 소재의 분위기를 살리기 위해 오브젝트와 배경이미지를 Mix하여 제작할 수 있습니다.
* 블러형 오브젝트는 샘플 PSD를 준수하여 제작합니다.

<div><figure><img src="/files/Ll53RYY4eZE200eqDap0" alt=""><figcaption></figcaption></figure> <figure><img src="/files/GJWs4NTVzGq8zZkPaF11" alt=""><figcaption></figcaption></figure></div>

***

**4. 강조형 오브젝트 (영화 업종만 사용)**

* 인물 또는 캐릭터가 3개 이상인 경우 오브젝트 가로폭을 최대 300px까지 사용할 수 있습니다.
* 인물 또는 캐릭터가 3개 미만인 경우 기본형 오브젝트 사이즈 260x200px 영역 내 구성하여 제작합니다.

<div align="center"><figure><img src="/files/gSBpxZRTulf5jFtDjCEu" alt="" width="375"><figcaption></figcaption></figure></div>

***

**5. 썸네일형 오브젝트**

* 썸네일형 이미지는 210x140px(1.5:1 비율) 사이즈로 표현 가능하며, 가이드에서 제시하는 규정 사이즈에 맞춰 제작합니다.
* 썸네일형 오브젝트는 샘플 PSD를 준수하여 제작합니다.

<div><figure><img src="/files/uXy67E1bZqXpNyme84Vq" alt=""><figcaption><p>썸네일형 오브젝트 좌측</p></figcaption></figure> <figure><img src="/files/KffZG0aVa0s1K3Gw24aL" alt=""><figcaption><p>썸네일형 오브젝트 우측</p></figcaption></figure></div>

***

**6. 원형 오브젝트**

* 원형 이미지는 140x140px(1:1 비율) 사이즈로 표현 가능하며, 가이드에서 제시하는 규정 사이즈에 맞춰 제작합니다.
* 원형 오브젝트는 샘플 PSD를 준수하여 제작합니다.

<div><figure><img src="/files/X7RnO5mGU7pfpKWpE6UM" alt=""><figcaption><p>원형 오브젝트 좌측</p></figcaption></figure> <figure><img src="/files/5ZW9T15h280SpmTY7des" alt=""><figcaption><p>원형 오브젝트 우측</p></figcaption></figure></div>
{% endtab %}

{% tab title="Bad 케이스" %}

<div><figure><img src="/files/LOWRLJuuiaYH0ysAoF6n" alt=""><figcaption><p>누끼 이미지가 아닌 경우</p></figcaption></figure> <figure><img src="/files/5LYpXtShQm1mlJtPsqP8" alt=""><figcaption><p>오브젝트 위치를 좌, 우측이 아닌 센터 정렬하여 구성한 경우</p></figcaption></figure></div>

<div><figure><img src="/files/EaEGwwIrOiaYenduhiKc" alt=""><figcaption><p>오브젝트 최대 노출 영역(260x200px)을 준수하지 않은 경우</p></figcaption></figure> <figure><img src="/files/CHiO48BKGqPmOBVy0Znc" alt=""><figcaption><p>좌우 56px의 여백이 확보되지 않은 경우</p></figcaption></figure></div>

<div><figure><img src="/files/HNPILSoNpK4tuARCe3o1" alt=""><figcaption><p>블러형 오브젝트 (배경 이미지 Mix형) 가이드를 준수하지 않은 경우</p></figcaption></figure> <figure><img src="/files/eysqwzsKB5rusyd8EkLE" alt=""><figcaption><p>강조형 오브젝트에 인물 3명 미만을 배치한 경우</p></figcaption></figure></div>

<div><figure><img src="/files/ScIMNFKkh5hCy26Z1DQV" alt=""><figcaption><p>썸네일형 오브젝트 사이즈 가이드를 준수하지 않은 경우</p></figcaption></figure> <figure><img src="/files/9HEVMhbT2tjSX6hCSsqm" alt=""><figcaption><p>썸네일형 오브젝트 아웃라인 가이드를 준수하지 않은 경우</p></figcaption></figure></div>

<div><figure><img src="/files/Uv0SZ8Pw6yTIl7x6EYKi" alt=""><figcaption><p>원형 오브젝트 사이즈 가이드를 준수하지 않은 경우</p></figcaption></figure> <figure><img src="/files/5Y6iIoYvoTC2FtQgKoVP" alt=""><figcaption><p>원형 오브젝트 아웃라인 가이드를 준수하지 않은 경우</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## **텍스트 제작 가이드**

{% tabs %}
{% tab title="기본 가이드" %}
**텍스트 영역**

* 광고와 관련된 내용으로 텍스트를 구성하며, 아래 가이드 내용을 참고하여 작업합니다.
* 오브젝트 이미지의 가로폭이 작거나 우측 랜딩 아이콘이 없을 시, **텍스트 영역의 가로폭을 늘려 사용**할 수 있습니다.
* 텍스트 영역의 높이는 최대 100px을 넘을 수 없습니다.
* 오브젝트 영역과 텍스트 영역 사이 30px 이상, 텍스트 영역과 꺽쇠형 랜딩 아이콘 사이 40px 이상 여백을 준수합니다.
* 문장의 정렬 구성은 좌측 정렬, 우측 정렬, 센터 정렬 모두 배치 가능합니다.

<div><figure><img src="/files/dWNuI9T8CEEICYN5lF1a" alt=""><figcaption></figcaption></figure> <figure><img src="/files/QN1b5tOMY9NZdkrk5N6a" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="/files/vT7SiDEGCACYzbaT8pZN" alt=""><figcaption></figcaption></figure> <figure><img src="/files/W3TYzcuPMDbgRYtQ7VyR" alt=""><figcaption></figcaption></figure></div>

***

**텍스트 스타일**

* 지정 폰트 이외(손글씨 서체 등) 가독성이 떨어지는 폰트를 사용한 경우 광고 노출이 불가할 수 있습니다.

<table><thead><tr><th width="132.37933349609375">언어</th><th width="348.6856689453125">폰트</th><th>컬러</th></tr></thead><tbody><tr><td>한글</td><td>나눔고딕, 나눔바른고딕, 나눔스퀘어, 나눔명조, 나눔스퀘어 라운드, 산돌네오고딕, Noto Sans</td><td>#303030 또는 #505050</td></tr><tr><td>영문</td><td>Helvetica, Roboto, San Francisco</td><td>#303030 또는 #505050</td></tr><tr><td>브랜드 고유 폰트</td><td>고딕형 사용 권장</td><td>#303030 또는 #505050</td></tr></tbody></table>

<div><figure><img src="/files/Vwc4mWhAGrIsB5rKrbLu" alt=""><figcaption><p>일반 폰트 적용 예시</p></figcaption></figure> <figure><img src="/files/JjwvAjwyecZpBb3zXIMH" alt=""><figcaption><p>브랜드 폰트 적용 예시</p></figcaption></figure></div>
{% endtab %}

{% tab title="구성 방식" %}
**1. 텍스트 2줄**

* 광고 카피는 **최대 2줄까지 사용 가능**하며 각 줄 내에서는 텍스트의 높이가 일정해야 합니다.
* 광고 카피 2줄 사용 시, 줄 간격은 최소 14px 이상으로 제작하여 글 줄이 뭉쳐보이지 않도록 합니다.
* 텍스트 최대 높이 30px, 최소 높이 22px, 줄 간격 최소 높이 14px

<div><figure><img src="/files/QtKbPP7C8zpkNlRdhHAm" alt=""><figcaption></figcaption></figure> <figure><img src="/files/fAINgwjLu3ZrEx9oLHMe" alt=""><figcaption></figcaption></figure></div>

***

**2. 텍스트 1줄**

* 광고 카피 1줄 사용 시 텍스트 최대 높이 30px

<figure><img src="/files/CgSz3EyN0k5Cx1vMKg5U" alt="" width="375"><figcaption><p>A-1. 텍스트 로고 타입</p></figcaption></figure>

***

**3. 텍스트 1줄 + 로고 포함형**

* 광고 카피 1줄 + 로고 이미지 1줄로 구성할 수 있습니다.
* **광고 카피 1줄은 Regular체만 사용 가능**하며, Bold체는 사용 불가합니다.
* 로고 이미지 1줄 사용 시, 로고 이외의 텍스트 사용은 불가합니다.
* 텍스트 최소 높이 22px, 로고 이미지 최대 높이 40px, 로고 이미지 최대 가로폭 300px

<figure><img src="/files/HgVDl0W7rSzTlDIAoVww" alt="" width="375"><figcaption></figcaption></figure>

***

**4-1. 텍스트 3줄 (고지문구 및 심의필 표기)**

* 좌, 우측 하단에만 배치하여 제작하며 상단 배치는 불가합니다. (하단고지문구형.psd 참고)
* **텍스트 높이 16px 고정**, 텍스트 컬러 #575757 컬러와 유사한 그레이 계열 사용
* 광고 카피와의 줄 간격 최소 14px

<figure><img src="/files/WLzIAsKvUriQtedgQ6xC" alt="" width="375"><figcaption><p>고지문구 우측 배치</p></figcaption></figure>

* 심의필은 고지문구와 달리 최대 2줄까지 기입할 수 있습니다.
* 심의필 2줄 적용 시 광고 카피는 1줄만 사용 가능하며, 심의필 1줄 적용 시 광고 카피는 2줄 사용 가능합니다.

<div><figure><img src="/files/ytjiccQBQ907JwUbQDLg" alt=""><figcaption><p>심의필 문구 1줄 우측 배치</p></figcaption></figure> <figure><img src="/files/ktMgLKUnB46CDiLANbXn" alt=""><figcaption><p>심의필 문구 2줄 좌측 배치</p></figcaption></figure></div>

**4-2. 텍스트 3줄 (영화 등급 및 개봉일 표기)**

* 좌, 우측 하단에만 배치하여 제작하며 상단 배치는 불가합니다. (하단고지문구형.psd 참고)
* 좌, 우측 하단 배치 시 오브젝트 이미지와 함께 배치하여 제작 가능합니다.
* 개봉한 영화의 경우 개봉일 영역에 대개봉 / 절찬 상영중 문구 사용 가능합니다.
* **텍스트 높이 16px 고정**, 텍스트 컬러 #575757 컬러와 유사한 그레이 계열 사용
* 광고 카피와의 줄 간격 최소 14px

<div><figure><img src="/files/JfNX7wRjwjx7iOP2EFTM" alt=""><figcaption><p>영화 등급 및 개봉일 우측 배치</p></figcaption></figure> <figure><img src="/files/7zZcxUdwKMnL6pQxPo9k" alt=""><figcaption><p>영화 등급 및 개봉일 좌측 배치</p></figcaption></figure></div>

<figure><img src="/files/avyvw5wn1Dmh42JEJd3O" alt="" width="375"><figcaption><p>영화 등급 및 개봉일 오브젝트와 함께 배치</p></figcaption></figure>
{% endtab %}

{% tab title="강조 방식" %}
{% hint style="danger" %}
**텍스트 강조 방식 사용 시 주의사항**

강조 방식 3가지 중 하나의 효과만 사용 가능합니다. (텍스트 강조 효과 중복 사용 불가)
{% endhint %}

**1. Bold 효과**

* Bold 효과는 **최대 한 줄**만 사용 가능합니다.

<figure><img src="/files/0hHUjF9QYgbw4cPvfTFK" alt="" width="375"><figcaption></figcaption></figure>

***

**2. 텍스트 컬러 효과**

* 텍스트 컬러는 **한 줄 기준 문장의 50프로 또는 어절의 50프로 이내에서 사용**할 수 있습니다.
* 컬러가 들어간 부분 이외의 텍스트는 #303030 또는 #505050을 사용하여 소재를 제작합니다.
* 컬러 적용 시 채도(S)와 명도(B)의 합이 170프로를 초과하지 않습니다.

<div><figure><img src="/files/WrGylHBcnaDS5vWIbSmF" alt=""><figcaption><p>문장의 50프로</p></figcaption></figure> <figure><img src="/files/Zh3ucfQkKgvMHQNTFvUY" alt=""><figcaption><p>어절의 50프로</p></figcaption></figure></div>

<figure><img src="/files/ydD2JcECrlkOK7woEFvZ" alt="" width="225"><figcaption><p>채도(s)와 명도(B)의 합 170프로 확인 팁</p></figcaption></figure>

***

**3. 하이라이트 효과**

* 한 줄 기준, 문장의 50프로 또는 어절의 50프로 이내로 사용합니다.
* 하이라이트의 높이는 텍스트 글 줄 높이의 50프로를 넘길 수 없습니다.
* 하이라이트의 색상은 가이드로 **지정된 컬러와 투명도만 사용이 가능**합니다.

<div><figure><img src="/files/XqgcBh581tFl0GhCPwfx" alt=""><figcaption><p>문장의 50프로</p></figcaption></figure> <figure><img src="/files/S9d1xDYKCALf8y3sYrk4" alt=""><figcaption><p>어절의 50프로</p></figcaption></figure></div>

<figure><img src="/files/1qWtThqY15QzyQcRtx9F" alt="" width="375"><figcaption><p>하이라이트 색상</p></figcaption></figure>
{% endtab %}

{% tab title="Bad 케이스" %}

<div><figure><img src="/files/YUDvxwtvUEJhZsQ1lZgj" alt=""><figcaption><p>가독성이 떨어지는 손글씨체 계열 폰트를 사용한 경우</p></figcaption></figure> <figure><img src="/files/4q05Ph1QxC9XY8PVDlXr" alt=""><figcaption><p>폰트 크기가 일정하지 않은 경우</p></figcaption></figure></div>

<div><figure><img src="/files/EuZyPMrbNDFojsmy1FQA" alt=""><figcaption><p>가이드에 맞지 않게 광고 카피 2줄 이상을 사용한 경우</p></figcaption></figure> <figure><img src="/files/3aP5WJYAj2HM3rxjIaWp" alt=""><figcaption><p>좌우 여백(56px)을 준수하지 않은 경우</p></figcaption></figure></div>

<div><figure><img src="/files/tOo7GB9mM4AfckEs6OkL" alt=""><figcaption><p>광고 카피 1줄 최대 폰트(높이 30px) 가이드를 준수하지 않은 경우</p></figcaption></figure> <figure><img src="/files/TZ4ENji1Hw5EZpm1KYfU" alt=""><figcaption><p>최소 폰트(높이 22px) 가이드를 준수하지 않은 경우</p></figcaption></figure></div>

<div><figure><img src="/files/q3V9dvoSSajKNIrjWJBW" alt=""><figcaption><p>1줄 이상 볼드체를 사용한 경우</p></figcaption></figure> <figure><img src="/files/vLyuvy9kcsyJtTVoOjig" alt=""><figcaption><p>텍스트 강조 효과를 중복으로 사용한 경우 (Bold + 강조 컬러)</p></figcaption></figure></div>

<div><figure><img src="/files/Kz8ZeL0Jys5MLn30zPV8" alt=""><figcaption><p>텍스트 컬러 사용 시 원색을 사용한 경우</p></figcaption></figure> <figure><img src="/files/d809gzH3WY626MBYv24m" alt=""><figcaption><p>하이라이트 효과가 문장의 50프로 또는 어절의 50프로를 넘을 경우</p></figcaption></figure></div>

<div><figure><img src="/files/hNYZKif8tk5AZ3dldm6c" alt=""><figcaption><p>하이라이트 높이가 텍스트 높이의 50프로를 넘은 경우</p></figcaption></figure> <figure><img src="/files/gg85iuHTdm9t6ylmloOy" alt=""><figcaption><p>하이라이트 컬러를 임의로 적용한 경우</p></figcaption></figure></div>

<div><figure><img src="/files/7xy7M9ggnKOrcXvaPgeD" alt=""><figcaption><p>로고 최대 높이를 준수하지 않은 경우</p></figcaption></figure> <figure><img src="/files/hIiXjgZmfjHYT8mlvPaL" alt=""><figcaption><p>꺽쇠 아이콘 사용 시, 로고와 텍스트를 우측 정렬하여 배치한 경우</p></figcaption></figure></div>

<div><figure><img src="/files/iHkbFYRPYx9KXihjiRKM" alt=""><figcaption><p>가이드에 지정된 위치가 아닌 임의적인(상단) 위치에 배치한 경우</p></figcaption></figure> <figure><img src="/files/c71GCTkmenTK0DOSpHLL" alt=""><figcaption><p>텍스트 크기 및 컬러를 준수하지 않은 경우</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## **랜딩 버튼 제작 가이드**

{% tabs %}
{% tab title="유형" %}
{% hint style="danger" %}
**랜딩 버튼 사용 시 주의사항**

랜딩 버튼은 필수 요소가 아닌 선택 요소이며, 필요 시 아래 3가지 타입 중 1가지 선택하여 제작 가능합니다.
{% endhint %}

**1. 꺽쇠형 랜딩 아이콘**

* 랜딩 버튼은 기본으로 제공되는 샘플 제작 파일에 포함되어 있지만, 필수 요소는 아니며 선택 요소입니다.
* **텍스트와 꺽쇠 아이콘 사이 40px 여백을 준수**하여 제작합니다.
* 관련 파일에서 제공되는 꺽쇠 아이콘 이외 다른 아이콘 사용은 불가합니다.
* 꺽쇠 아이콘 사용 시 오브젝트 위치는 좌측만 사용 가능합니다.

<figure><img src="/files/pc3Ymms9uQuHyKbTMsCp" alt="" width="375"><figcaption></figcaption></figure>

***

**2. 앱 랜딩형 버튼**

* 랜딩 버튼은 기본으로 제공되는 샘플 제작 파일에 포함되어 있지만, 필수 요소는 아니며 선택 요소입니다.
* 앱 미설치자는 앱마켓으로, 설치자는 앱으로 이동되는 랜딩의 경우, 소재에 ‘앱’ 또는 ‘다운로드’ 표현을 꼭 포함해 사용자가 인지할 수 있어야 합니다.
* 우측 11종의 문구 중 사용 가능합니다. **(앱 다운로드, 앱으로 보기, 앱 특가 보기, 지금 다운로드, 더 알아보기, 지금 예약하기, 문의하기, 다운로드, 지금 구매하기, 가입하기, 동영상 더보기)**
* 앱 랜딩 표현 문구는 광고 카피와 함께 묶어 표현하거나 가이드 된 행동 유도 문구 버튼으로 구성하여 제작합니다. (앱랜딩형.psd 참고)
* 미설치자를 웹페이지로 보내는 경우는 해당되지 않습니다.

<div><figure><img src="/files/83gdSBIClqh3olha3GDa" alt=""><figcaption><p>광고 카피와 함께 표현</p></figcaption></figure> <figure><img src="/files/Ms24Gme2MbSwJXuSpTM2" alt=""><figcaption><p>행동 유도 문구 버튼으로 표현</p></figcaption></figure></div>

***

**3. 행동 유도 문구 직접 입력**

* 랜딩 버튼은 기본으로 제공되는 샘플 제작 파일에 포함되어 있지만, 필수 요소는 아니며 선택 요소입니다.
* 제공된 11종 앱 랜딩형 버튼 외에도, 띄어쓰기 포함 10자 이내로 직접 문구를 입력해 적극적인 행동 유도가 가능합니다.
* 우측 예시 문구를 참고하여 제작합니다. **(사전 예약하기, 사전 예약 바로가기, 게임 다운로드, 다운로드 GO, 사전 예약 신청하기 등)**
* 직접 입력 문구 역시 광고 카피와 함께 묶어 표현하거나 글자 수 가이드에 맞는 행동 유도 문구 버튼으로 구성하여 제작합니다.
* 미설치자를 웹페이지로 보내는 경우는 해당되지 않습니다.

<div><figure><img src="/files/UDnXeEZHUCeWFQeCCTn5" alt=""><figcaption><p>광고 카피와 함께 표현</p></figcaption></figure> <figure><img src="/files/dSAZGeKwdVW3SUX8OCWq" alt=""><figcaption><p>행동 유도 문구 버튼으로 표현</p></figcaption></figure></div>
{% endtab %}

{% tab title="Bad 케이스" %}

<div><figure><img src="/files/Vlt8pYyu6reGRpnnL41W" alt=""><figcaption><p>제공되는 꺽쇠 아이콘 이외 다른 아이콘을 사용한 경우</p></figcaption></figure> <figure><img src="/files/2DREA3NJHX4GN7jzS82T" alt=""><figcaption><p>꺽쇠 아이콘 사용 시, 오브젝트를 우측해 배치한 경우</p></figcaption></figure></div>

<figure><img src="/files/TQaymjrIU1UEi0u5rjpt" alt="" width="375"><figcaption><p>가이드 된 행동 유도 문구(글자수)를 준수하지 않은 경우</p></figcaption></figure>
{% endtab %}
{% endtabs %}

## AD Mark **영역 노출 안내**

{% tabs %}
{% tab title="기본 가이드" %}

* AD Mark 영역은 모든 모바일 DA 광고 상품 우측 상단에 위치하며, **시스템으로 자동 노출**됩니다.
* AD Mark 아이콘 사이즈와 우측(고정) 여백은 해상도 별로 변하지 않지만, 위치는 디바이스 가로폭 해상도값에 따라 다르게 보여질 수 있습니다.
* 스페셜 DA 소재 내 주요 광고 상품 이미지 및 브랜드 로고 심볼 등이 AD Mark 아이콘에 가려지지 않도록 제작합니다.
* 라이트, 다크모드용 버튼 2벌이 함께 제공되며, 디스플레이 설정에 따라 아래와 같이 노출됩니다.

<table><thead><tr><th width="214.79296875">화면 모드</th><th width="276.54296875">배경 컬러</th><th>이미지</th></tr></thead><tbody><tr><td>라이트모드</td><td>#FFFFFF, Opacity 40%</td><td><img src="/files/EV2KgAoxm0A8UD4MAT7l" alt="" data-size="line"></td></tr><tr><td>다크모드</td><td>#333333, Opacity 35%</td><td><img src="/files/LaLG33CSZha0tqOXacaY" alt="" data-size="line"></td></tr></tbody></table>

<div><figure><img src="/files/7EJ57xJeJ5cCpg7ZVjK0" alt=""><figcaption><p>라이트모드</p></figcaption></figure> <figure><img src="/files/e7u1UQg0RqHaK4s3ORgX" alt=""><figcaption><p>다크모드</p></figcaption></figure></div>
{% endtab %}

{% tab title="Bad 케이스" %}

<figure><img src="/files/GgdJiWu1bE9HvKEZvzr2" alt="" width="375"><figcaption><p>AD Mute 영역에 브랜드 로고 심볼 요소가 가려져 식별이 어려운 경우</p></figcaption></figure>
{% endtab %}
{% endtabs %}

## **이미지를 잘라서 사용하는 경우**

***

**1. 사물 이미지를 잘라서 사용하는 경우**

<div><figure><img src="/files/R93KV30rV8pN6lsv5qiy" alt="" width="225"><figcaption><p>제품의 일부만 보여줄 수 있도록 제작</p></figcaption></figure> <figure><img src="/files/d9QtlPA1KxkwVSyYjRrR" alt="" width="225"><figcaption><p>어떤 사물인지 인지 할 수 있도록 제작</p></figcaption></figure></div>

**2. 신체 이미지를 잘라서 사용하는 경우**

<div><figure><img src="/files/Y5rNseJemEfsUxn8xTEZ" alt=""><figcaption><p>상반신의 경우 얼굴과 이마가 드러날 수 있도록 제작</p></figcaption></figure> <figure><img src="/files/xRndqMxmZZl2rOZH8maq" alt=""><figcaption><p>하반신의 경우 배꼽과 무릎을 포함하여 제작</p></figcaption></figure> <figure><img src="/files/cD4zSiRsSNT1rlyngapo" alt=""><figcaption><p>발과 손의 경우 발목과 손목이 드러나도록 제작</p></figcaption></figure></div>

## 가이드, 샘플 PSD 다운로드

<a href="https://comic.naver.com/external/shareFile?fileId=VVTu8J3QjnUrhfcmLS3S_Q" class="button secondary" data-icon="square-down">Download Guide and Sample PSD</a>&#x20;

{% hint style="success" %}
궁금한 점이나 광고 제휴 문의는 [문의하기](https://advertising.webtoon.com/kr/contact-us)를 이용해주세요
{% endhint %}


---

# 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://guides.advertising.webtoon.com/naverwebtoon/creative-guidelines/display-video-ads/nw-app/special-da/basic.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.