> For the complete documentation index, see [llms.txt](https://malgn.gitbook.io/cloud/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://malgn.gitbook.io/cloud/initial-setup-guide/basic-setup-guide/main-banner-settings.md).

# 메인 배너 설정하기

{% hint style="info" %}
홈페이지 메인 배너를 설정할 수 있습니다. 사전에 롤링바배너에 등록할 이미지를 준비해주시면 빠르게 세팅할 수 있습니다. 
{% endhint %}

<figure><img src="https://2682005733-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCJ1h9RfgMyIYNsCiItT%2Fuploads%2FyLyqIGtkqGCZBwknXoDW%2Fimage.png?alt=media&amp;token=0cdc05f2-22ee-407f-9511-5a0de8155fc9" alt=""><figcaption></figcaption></figure>

***

1. 홈페이지관리 > 디자인관리 > 메인화면관리에 접속합니다.

<figure><img src="https://2682005733-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCJ1h9RfgMyIYNsCiItT%2Fuploads%2Fuy8GbyNB1EYkVc1QyKAL%2Fimage.png?alt=media&amp;token=2bd39745-0142-4bd1-b6fe-0755e0fcdabc" alt=""><figcaption></figcaption></figure>

2. 등록되어 있는 롤링바배너 모듈을 클릭합니다. 클릭 시 우측에 수정할 수 있는 항목이 생성됩니다.

<figure><img src="https://2682005733-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCJ1h9RfgMyIYNsCiItT%2Fuploads%2F7MYB9iZTMgHUDl45wwgG%2Fimage.png?alt=media&amp;token=79a27e54-a41b-49db-b410-5140cddae257" alt=""><figcaption></figcaption></figure>

3. 기본정보 탭에서 해당 모듈에 대한 정보를 입력합니다.&#x20;

* **타이틀** : 작성 시 해당 모듈에 대한 이름을 설정할 수 있습니다. 좌측 모듈 내역에서 확인 가능합니다.
* **배너롤링속도** : 3000ms 권장 속도로 지정합니다.
* **화면너비** : 권장사이즈에 맞게 768px로 지정합니다.&#x20;

<figure><img src="https://2682005733-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCJ1h9RfgMyIYNsCiItT%2Fuploads%2FxTvOpdIqgkMAMDgx0RJd%2Fimage.png?alt=media&amp;token=84e09058-8388-40eb-9c10-752a39c03714" alt=""><figcaption></figcaption></figure>

4. 배너관리 탭을 클릭 후 \[등록] 버튼을 클릭하여 메인화면에 노출할 이미지를 등록합니다.

{% hint style="success" %}
롤링바배너사이즈 : 1903 \* 500 (여백 없이 등록하실 경우)

롤링바배너에 이미지 크기 제한은 없습니다. 다만 복수의 배너 등록 시 모든 이미지의 크기가 동일해야합니다.&#x20;

(스크롤이 17px이므로 1920으로 제작 시 미세하게 이미지가 작아질 수 있습니다. )
{% endhint %}

<figure><img src="https://2682005733-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCJ1h9RfgMyIYNsCiItT%2Fuploads%2FdzVFJQfIESPiE9WGFN9i%2Fimage.png?alt=media&amp;token=5da08bee-d4da-4133-ac78-d90faec04332" alt=""><figcaption></figcaption></figure>

5. **\[등록]** 버튼 클릭 시 롤링바배너에 대한 상세 설정이 가능합니다.

* **링크** : 배너 클릭 시 이동할 링크(URL)을 입력하시면 됩니다.
* **링크타겟** : 현재 창 이동 / 새 창 띄움
* **노출기간** : 상시노출 체크 해제 시 노출 기간을 설정할 수 있습니다.
* **PC 이미지** : PC 화면에서 보여줄 이미지를 등록합니다.
* **모바일 이미지** : 모바일 화면에서 보여줄 이미지를 등록합니다. 모바일 이미지를 등록하지 않을 경우 PC 이미지로 보이게 됩니다.&#x20;

<figure><img src="https://2682005733-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCJ1h9RfgMyIYNsCiItT%2Fuploads%2F5N9G2wLsMSrydx5uCpK7%2Fimage.png?alt=media&amp;token=be138fbb-4644-41e7-8eba-f8188a4bd761" alt=""><figcaption></figcaption></figure>


---

# 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://malgn.gitbook.io/cloud/initial-setup-guide/basic-setup-guide/main-banner-settings.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.