> 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-series-mw/smart-channel/expandable-video.md).

# 동영상 확장형

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

* 누끼형 오브젝트와 카피로 구성된 기본 소재와 미리보기 소재로 활용되는 스틸컷 이미지로 구성됩니다.
* 다수의 광고주 소재 테스트 결과를 바탕으로 제작된 가이드를 참고하여 제작합니다.
* 샘플 PSD를 활용하여 제작해야하며, 가이드를 준수하지 않은 광고 소재는 노출이 불가할 수 있습니다.

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

## **필요 에셋**

<figure><img src="/files/E7n2czBeP9zRN7j6jreS" alt=""><figcaption><p>기본 소재, 미리보기 소재</p></figcaption></figure>

<table><thead><tr><th width="115.30859375">에셋명</th><th width="124.546875">이미지 사이즈</th><th width="108.29296875">파일 용량</th><th width="131.55078125">파일 형식</th><th>필수 소재</th></tr></thead><tbody><tr><td><strong>기본 소재</strong></td><td>750x160px</td><td>최대 150KB</td><td><p>PNG </p><p>(배경 투명 필수)</p></td><td>광고 오브젝트 이미지와 텍스트 구성의 PNG 이미지 1장</td></tr><tr><td><strong>미리보기 소재</strong></td><td>960x360px</td><td>최대 200KB</td><td>JPG, JPEG, PNG</td><td>광고 상품 비주얼이 잘 표현되는 이미지 1장 (배경이 포함된 이미지)</td></tr><tr><td><strong>16:9 동영상</strong></td><td>16:9 비율 (해상도 무관)</td><td>최대 1GB</td><td>MP4, AVI, MOV</td><td>사운드가 삽입된 16:9 비율의 동영상 소재 (동영상 길이 무관)</td></tr></tbody></table>

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

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

* 오브젝트는 지정된 위치를 준수하여 **좌측만 사용 가능**합니다.
* 우측 미리보기 어포던스 영역을 고려하여 랜딩 아이콘은 노출하지 않습니다.
* 오브젝트는 260x160px(41,600px) 허용 면적 내에서, 최대 70프로(29,120px) 면적까지만 사용 가능합니다.
* 광고 내용과 관련된 소재 이미지로만 구성하며 초상권, 저작권, 상표권 등 타인의 권리를 침해하는 이미지와 선정적이고 음란한 신체 노출 이미지는 사용 불가합니다.

<div><figure><img src="/files/9l201huJwpXLnjM4AHWG" alt=""><figcaption><p>좌측 정렬만 가능</p></figcaption></figure> <figure><img src="/files/witB2ypgHL7wpgAsE46e" alt=""><figcaption><p>사용 가능 면적 예시</p></figcaption></figure></div>

<figure><img src="/files/4Ah04kAUsEiPGiNMEszi" alt="" width="375"><figcaption><p>우측 미리보기 어포던스 영역 고려하여 제작</p></figcaption></figure>
{% endtab %}

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

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

<div><figure><img src="/files/cXbo767XeFq5dEbxCoRi" alt=""><figcaption></figcaption></figure> <figure><img src="/files/mFuK0sNtZIYrkEEU8b29" alt=""><figcaption></figcaption></figure></div>

***

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

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

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

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

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

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

<div><figure><img src="/files/zq551j37Ej8jKJeopZFK" alt=""><figcaption><p>H FASHION MALL 예시 (168x20px = 3,360px)</p></figcaption></figure> <figure><img src="/files/qkADmAmmDva9gVHre7vA" alt=""><figcaption><p>상하좌우 여백 준수</p></figcaption></figure></div>

***

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

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

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

***

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

* 썸네일형 이미지는 195x130px(1.5:1 비율) 사이즈로 표현 가능하며, 가이드에서 제시하는 규정 사이즈에 맞춰 제작합니다.
* 썸네일형 오브젝트는 샘플 PSD를 준수하여 제작합니다.
* 유통업종 소재의 썸네일형 이미지일 경우, 브랜드 로고 및 업체명을 썸네일 이미지 내부에 배치하도록 합니다.
* 브랜드 로고 및 업체명 삽입 시 배경에 의한 가독성이 떨어질 경우, 라벨형 로고 적용 예시와 같이 표현합니다.

<figure><img src="/files/63tZ85j3DiJjmocx6PSW" alt="" width="375"><figcaption><p>썸네일형 오브젝트 좌측</p></figcaption></figure>

<div><figure><img src="/files/Q1kiTUWfB5SFQvMJhBAz" alt=""><figcaption><p>좌측 라벨형 로고 적용 예시</p></figcaption></figure> <figure><img src="/files/70smyjem1BMezNaNi8Ed" alt=""><figcaption><p>우측 라벨형 로고 적용 예시</p></figcaption></figure></div>
{% endtab %}

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

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

<div><figure><img src="/files/PWDi7p6ADmwGS11Kdpph" alt=""><figcaption><p>오브젝트 최대 노출 영역(260x160px)을 준수하지 않은 경우</p></figcaption></figure> <figure><img src="/files/t54YN4jgO7B3OwdIG4Ui" alt=""><figcaption><p>좌측 여백, 우측 미리보기 어포던스 영역이 확보되지 않은 경우</p></figcaption></figure></div>

<div><figure><img src="/files/tzS45ixnEzoa44g4B3Xm" alt=""><figcaption><p>얼굴이 과도하게 잘리거나 인물의 특징이 잘 드러나지 않는 경우</p></figcaption></figure> <figure><img src="/files/OyVn4Gfgjyl98w2oqJsr" alt=""><figcaption><p>강조형 오브젝트에 인물 3명 미만을 배치한 경우</p></figcaption></figure></div>

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

<figure><img src="/files/Vo1IrHVQPeISTKkzGfmm" alt="" width="375"><figcaption><p>브랜드 로고(업체명)의 위치를 가이드에 준수하여 제작하지 않은 경우</p></figcaption></figure>
{% endtab %}
{% endtabs %}

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

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

* 광고와 관련된 내용으로 텍스트를 구성하며, 아래 가이드 내용을 참고하여 작업합니다.
* 우측 미리보기 어포던스 노출 영역을 고려하여 텍스트 카피를 구성합니다.
* 오브젝트 이미지의 가로폭이 작은 경우, **텍스트 영역의 가로폭을 늘려 사용**할 수 있습니다.
* 텍스트 영역 2줄 높이는 최대 80px / 영화 개봉일 및 등급, 고지문구, 심의필이 적용된 3줄 높이는 최대 110px을 넘을 수 없습니다.
* 오브젝트 영역과 텍스트 영역 사이 30px 이상, 우측 미리보기 어포던스 노출 영역 126px 여백을 준수합니다.
* 텍스트 영역의 상하 여백은 동일하게 적용합니다.

<div><figure><img src="/files/k1Wc2NC5TSL7oSf25mNA" alt=""><figcaption></figcaption></figure> <figure><img src="/files/p43omZJL1huPoEFJ05Y2" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="/files/3mFV6ILBKMcHzyAiAfij" alt=""><figcaption></figcaption></figure> <figure><img src="/files/61OhzrK312jSKt2J1FuI" alt=""><figcaption></figcaption></figure></div>

***

**텍스트 스타일**

* 지정 폰트 이외(손글씨 서체 등) 가독성이 떨어지는 폰트를 사용한 경우 광고 노출이 불가할 수 있습니다.
* 소재 제작 시, **샘플 PSD 파일에 적용된 폰트 스타일과 컬러를 변경하지 않고 제작**하도록 합니다.
* 브랜드 폰트는 사용 불가합니다.

<table><thead><tr><th width="132.37933349609375">언어</th><th width="348.6856689453125">폰트</th><th>컬러</th></tr></thead><tbody><tr><td>한글</td><td>산돌네오고딕(권장), 나눔바른고딕 총 2종만 사용 가능(한,영 모두 표기 가능)</td><td><p>메인카피(1행) #222222</p><p>서브카피(2행) #666666</p><p>심의필 및 고지문구(3행) #888888</p></td></tr><tr><td>영문</td><td>San Francisco 1종, 메인카피(1행)에서만 선택적으로 사용 가능(영문으로만 표기할 경우)</td><td><p>메인카피(1행) #222222</p><p>서브카피(2행) #666666</p><p>심의필 및 고지문구(3행) #888888</p></td></tr></tbody></table>

<div><figure><img src="/files/A6mQRY9MqL5Ch2kGK69R" alt=""><figcaption><p>폰트 적용 예시</p></figcaption></figure> <figure><img src="/files/R4YocxhasV6mWyn4irCS" alt=""><figcaption><p>심의필 및 고지문구 카피 적용 예시</p></figcaption></figure></div>
{% endtab %}

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

* 광고 카피는 **최대 2줄까지 사용 가능**하며 각 줄 내에서는 텍스트의 높이가 일정해야 합니다.
* 광고 카피 2줄 사용 시, 줄 간격은 최소 14px 이상으로 제작하여 글 줄이 뭉쳐보이지 않도록 합니다.
* 텍스트 메인카피(1행) 높이 고정 30px(Bold), 서브카피(2행) 높이 고정 26px(Regular), 줄 간격 고정 14px
* 광고 소재 제작 시, 샘플 PSD 파일에 적용된 폰트 크기와 줄 간격을 변경하지 않고 제작하도록 합니다.

<div><figure><img src="/files/QQUXzGw0buCDwjA1iMYI" alt=""><figcaption></figcaption></figure> <figure><img src="/files/qPfg1zDGpd4aG9Ho33Qq" alt=""><figcaption></figcaption></figure></div>

***

**2. 텍스트 1줄**

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

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

***

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

* 좌, 우측 하단에만 배치하여 제작하며 상단 배치는 불가합니다.
* **텍스트 높이 16px 고정(Regular)**
* 광고 카피와의 줄 간격 14px 고정
* 광고 소재 제작 시, 샘플 PSD 파일에 적용된 폰트 크기와 줄 간격을 변경하지 않고 제작하도록 합니다.

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

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

<div><figure><img src="/files/N92WRE5XnCTtypXZ5IWS" alt=""><figcaption><p>심의필 문구 1줄 배치</p></figcaption></figure> <figure><img src="/files/AUKzMxat4Ep3yDQcV7Vh" alt=""><figcaption><p>심의필 문구 2줄 배치</p></figcaption></figure></div>

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

* 좌, 우측 하단에만 배치하여 제작하며 상단 배치는 불가합니다.
* 좌, 우측 하단 배치 시 오브젝트 이미지와 함께 배치하여 제작 가능합니다.
* 개봉한 영화의 경우 개봉일 영역에 대개봉 / 절찬 상영중 문구 사용 가능합니다.
* **텍스트 높이 16px 고정**
* 광고 카피와의 줄 간격 14px 고정
* 광고 소재 제작 시, 샘플 PSD 파일에 적용된 폰트 크기와 줄 간격을 변경하지 않고 제작하도록 합니다.

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

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

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

<div><figure><img src="/files/0BiE4KlX3y3f3uS4er1K" alt=""><figcaption><p>가이드에 맞지 않게 광고 카피 2줄 이상을 사용한 경우</p></figcaption></figure> <figure><img src="/files/BK4rCFo6KXEF7p2ylV3C" alt=""><figcaption><p>좌측 여백, 우측 미리보기 어포던스 영역을 준수하지 않은 경우</p></figcaption></figure></div>

<div><figure><img src="/files/MDtrCqHoSxkerESSG8f8" alt=""><figcaption><p>광고 카피 1줄 최대 폰트(높이 30px) 가이드를 준수하지 않은 경우</p></figcaption></figure> <figure><img src="/files/SEDheunRLYAdk0pQYqgl" alt=""><figcaption><p>서브카피 텍스트(높이 26px) 가이드를 준수하지 않은 경우</p></figcaption></figure></div>

<div><figure><img src="/files/El5WTIPqtdJzvprjrTUR" alt=""><figcaption><p>메인카피 외 서브카피까지 볼드체를 적용한 경우</p></figcaption></figure> <figure><img src="/files/yI16VAhLFUVAEfjPp7W3" alt=""><figcaption><p>가이드에 지정된 위치가 아닌 임의적인(상단) 위치에 배치한 경우</p></figcaption></figure></div>

<figure><img src="/files/H4jZHiLxHS0MPtscmyXi" alt="" width="375"><figcaption><p>텍스트 크기 및 컬러를 준수하지 않은 경우</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>

## **사용 불가 이미지**

***

<mark style="color:red;">**이미지를 잘못 자른 경우**</mark>

<div><figure><img src="/files/Dc1ZjBqA4wOGzUYy3WKe" alt=""><figcaption><p>하반신 이미지의 경우 배꼽보다 아래에서 잘린경우</p></figcaption></figure> <figure><img src="/files/SNETIxbvO6UUYP5L5tPL" alt=""><figcaption><p>이미지의 좌,우가 잘린 경우</p></figcaption></figure> <figure><img src="/files/H6nSBgadpgpozXrPU5Eo" alt=""><figcaption><p>주요 부분(상표 등)이 잘린 경우</p></figcaption></figure> <figure><img src="/files/AkRKIKdQejBpmFgNfIZ2" alt=""><figcaption><p>이미지를 과도하게 잘라서 어떤 사물인지 알수 없는 경우</p></figcaption></figure> <figure><img src="/files/jG9PHMqeLwo1PE6HGpL7" alt=""><figcaption><p>소재 이미지가 밝아 배경과의 구분이 명확하지 않은 경우</p></figcaption></figure></div>

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

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

{% 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-series-mw/smart-channel/expandable-video.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.