> For the complete documentation index, see [llms.txt](https://guide.roundhr.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.roundhr.com/homepage_builder_guide/design_edit/section_setting.md).

# 섹션 추가 및 설정

페이지를 구성하는 섹션을 추가하거나 설정할 수 있습니다. 섹션 배경, 오버레이, 화면 가득 채우기 등 다양한 옵션을 제공합니다.

## 개요

채용 홈페이지 페이지를 구성하는 섹션의 추가 및 설정 방법을 안내합니다.

### 핵심 이점

* 라운드HR에서 제공하는 섹션 템플릿을 활용하여 빠르게 페이지를 구성할 수 있습니다.
* 섹션별 배경(색, 이미지, 비디오), 오버레이 등을 설정하여 원하는 디자인을 구현할 수 있습니다.

***

## 사전 준비

* **권한**: 관리자 권한이 필요합니다. 매니저는 별도 권한 부여 시 편집할 수 있습니다.

***

## 1. 섹션 추가

* 좌측 섹션 메뉴에서 라운드HR에서 제공하는 섹션 템플릿을 바로 추가할 수 있습니다.
* 편집 화면에서 섹션 클릭하면 나타나는 <mark style="color:blue;">**`+섹션 추가`**</mark> 버튼을 클릭하여 추가합니다.

<figure><img src="https://3113620308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3vbe9mozK3C5425TCxL%2Fuploads%2Fgit-blob-ef6a52c722dd54ed92f7f808e7c5c1bc94e61b2a%2Fhpb_design_section_setting_s1_01.png?alt=media" alt="[+섹션 추가] 버튼으로 섹션 템플릿을 추가하는 화면"><figcaption></figcaption></figure>

***

## 2. 섹션 설정

* 섹션 선택 후 설정(톱니바퀴) 버튼을 클릭하면 다양한 설정을 할 수 있습니다.

<figure><img src="https://3113620308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3vbe9mozK3C5425TCxL%2Fuploads%2Fgit-blob-b8dcb83bef9126a573af59be5b6c89cb4327d8e0%2Fhpb_design_section_setting_s2_01.png?alt=media" alt="섹션 선택 후 설정(톱니바퀴) 버튼으로 여는 섹션 설정"><figcaption></figcaption></figure>

* **섹션 이름** : 섹션 이름을 설정할 수 있습니다.
* **섹션 배경** : **색상** / **이미지** / **동영상** 중 하나를 선택하여 섹션 배경으로 설정할 수 있습니다.
* **화면 가득 채우기** : 좌우 여백 없이 배경을 꽉 채워줍니다.
* **오버레이** : 섹션 배경과 텍스트 사이에 오버레이를 만들어줍니다.

{% hint style="info" %}
섹션 배경에 이미지나 비디오를 사용할 때 **오버레이**를 설정하면 텍스트 가독성을 높일 수 있습니다.
{% endhint %}

***

## 자주 묻는 질문

<details>

<summary>섹션 템플릿은 어디에서 선택하나요?</summary>

좌측 **섹션 메뉴** 버튼을 클릭하면 라운드HR에서 제공하는 다양한 섹션 템플릿을 확인하고 바로 추가할 수 있습니다. 빈 섹션을 추가한 후 직접 구성할 수도 있습니다.

</details>

<details>

<summary>섹션 배경으로 비디오를 사용할 수 있나요?</summary>

네, 섹션 배경을 **색상**, **이미지**, **동영상** 중 하나로 설정할 수 있습니다. 동영상 배경은 채용 홈페이지에 동적인 느낌을 줄 수 있습니다.

</details>

<details>

<summary>오버레이는 언제 사용하나요?</summary>

**오버레이**는 섹션 배경과 텍스트 사이에 만들어지는 층입니다. 섹션 배경에 이미지나 비디오를 사용할 때 오버레이를 설정하면 텍스트 가독성을 높일 수 있습니다.

</details>