> 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/page_style.md).

# 페이지 스타일

채용 홈페이지의 전체 및 개별 페이지 스타일을 설정할 수 있습니다. 폰트, 버튼 둥글기, 간격, 헤더 색상 등을 일괄 또는 개별적으로 관리합니다.

## 개요

채용 홈페이지의 전체 페이지와 개별 페이지에 적용되는 스타일 설정을 안내합니다.

### 핵심 이점

* 전체 페이지에 공통 스타일(폰트, 버튼 둥글기)을 일괄 적용할 수 있습니다.
* 개별 페이지별로 레이아웃 간격, 단 간격, 블록 간격을 세밀하게 조정할 수 있습니다.
* 헤더의 배경색, 텍스트색, 브랜딩 색상을 설정하여 기업 아이덴티티를 반영할 수 있습니다.

***

## 사전 준비

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

***

## 1. 페이지 스타일 설정

<figure><img src="https://3113620308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3vbe9mozK3C5425TCxL%2Fuploads%2Fgit-blob-3d68fd5013dd513020d26fc5f23bb91edc042f63%2Fhpb_design_page_style_s0_01.png?alt=media" alt="페이지 스타일 설정 화면. 색상, 폰트 등 전체 스타일 지정"><figcaption></figcaption></figure>

### 전체 적용

* **버튼 둥글기** : 모든 페이지에서 사용하는 버튼의 둥글기를 설정할 수 있습니다.
* **기본 폰트 설정** : 모든 페이지에서 기본적으로 사용하는 폰트를 설정할 수 있습니다.

***

### 개별 적용

* **레이아웃 간격** : 섹션 내부 레이아웃 간의 상하 간격을 설정할 수 있습니다.
* **단 간격** : 레이아웃 내부 단 간의 좌우 간격을 설정할 수 있습니다.
* **블록 간격** : 블록 간의 상하 간격을 설정할 수 있습니다.

***

### 헤더

* **헤더 배경색** : 헤더의 배경색을 설정할 수 있습니다.
* **기본 메뉴 텍스트색** : 기본 메뉴 텍스트색을 설정할 수 있습니다.
* **메뉴 강조 배경 색상** : 강조된 메뉴의 배경 색상을 설정할 수 있습니다. (미설정 시 조직 브랜딩 색상이 기본 적용됩니다)
* **메뉴 강조 텍스트 색상** : 강조된 메뉴의 텍스트 색상을 설정할 수 있습니다.

***

### 푸터

* **푸터 배경 색상** : 푸터의 배경 색상을 설정할 수 있습니다.

{% hint style="info" %}
전체 적용 스타일은 모든 페이지에 일괄 적용됩니다. 개별 적용 스타일은 현재 선택된 페이지에만 적용됩니다.
{% endhint %}

***

## 자주 묻는 질문

<details>

<summary>전체 적용 스타일과 개별 적용 스타일의 차이점은 무엇인가요?</summary>

**전체 적용** 스타일(버튼 둥글기, 기본 폰트)은 모든 페이지에 공통으로 적용됩니다. **개별 적용** 스타일(레이아웃 간격, 단 간격, 블록 간격)은 현재 편집 중인 페이지에만 적용되어 페이지마다 다르게 설정할 수 있습니다.

</details>

<details>

<summary>헤더 스타일은 페이지별로 다르게 설정할 수 있나요?</summary>

아니요, 헤더·푸터 스타일은 전체 페이지에 공통으로 적용됩니다. 헤더 배경색, 메뉴 텍스트색, 메뉴 강조 배경·텍스트 색상은 모든 페이지에서 동일하게 표시됩니다.

</details>

<details>

<summary>폰트는 페이지마다 다르게 설정할 수 있나요?</summary>

아니요, **기본 폰트 설정**은 전체 적용 스타일에 속하므로 모든 페이지에서 공통으로 사용됩니다. 버튼 둥글기 역시 전체 적용으로 일괄 적용됩니다.

</details>
