# 푸터 상세 설정하기

푸터 상세 설정 관리에서는 레이아웃과 스타일 설정이 가능합니다.

\[디자인 편집\] - 푸터 영역의 \[푸터 상세설정\] 버튼을 이용해서 변경할 수 있습니다.

자세한 내용은 아래 안내를 참고해 주시기 바랍니다.

[https://docs.dothome.co.kr/books/08/page/6c524](https://docs.dothome.co.kr/books/08/page/6c524)

<span style="color: #333333;">  
</span>

<span style="color: #333333;">[![dhbd-08-02-01.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-08-02-01.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-08-02-01.png)</span>

<span style="color: rgb(22, 145, 121);">\[푸터 상세설정 버튼 화면\]</span>

푸터 영역 위에 마우스를 올리면 우측에 \[편집\] 버튼이 표시됩니다.

두번째에 있는 \[상세 설정\] 버튼을 클릭하여 상세 설정창을 열어줍니다.

[![dhbd-08-02-02.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-08-02-02.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-08-02-02.png)

<span style="color: rgb(22, 145, 121);">\[푸터 상세설정 - 레이아웃 항목 화면\]</span>

푸터 상세 설정창에서는 너비, 여백, 배경색 등의 설정이 가능합니다.

**<span style="color: #636363;">레이아웃</span>**

<table class="table table-bordered" id="bkmrk-%ED%95%AD%EB%AA%A9-%EC%84%A4%EB%AA%85-%EB%84%88%EB%B9%84-%EC%BB%A8%ED%85%90%EC%B8%A0%EA%B0%80-%ED%91%9C%EC%8B%9C%EB%90%98%EB%8A%94-%EC%98%81" style="width: 100%;"><thead><tr><td style="width: 24.3453%;">항목</td><td style="width: 75.7739%;">설명</td></tr></thead><tbody><tr><td style="width: 24.3453%;">너비  
</td><td style="width: 75.7739%;">컨텐츠가 표시되는 영역의 기본 너비를 설정합니다.  
본문 너비 : 글로벌 디자인 설정에서 적용한 본문폭 너비에 맞게 설정합니다.  
채우기 : 컨텐츠를 화면에 꽉 맞게 채웁니다.

</td></tr><tr><td style="width: 24.3453%;">좌우 여백</td><td style="width: 75.7739%;">푸터의 좌우 여백을 설정합니다.</td></tr><tr><td style="width: 24.3453%;">상단 여백</td><td style="width: 75.7739%;">푸터 안쪽의 상단 여백을 설정합니다.</td></tr><tr><td style="width: 24.3453%;">하단 여백</td><td style="width: 75.7739%;">푸터 안쪽의 하단 여백을 설정합니다.</td></tr><tr><td style="width: 24.3453%;">정렬</td><td style="width: 75.7739%;">푸터 안쪽의 내용 정렬 방법을 설정합니다.</td></tr><tr><td style="width: 24.3453%;">수직 정렬</td><td style="width: 75.7739%;">푸터 안쪽의 수직 정렬 기준을 설정합니다.  
</td></tr></tbody></table>

[![dhbd-08-02-03.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-08-02-03.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-08-02-03.png)

<span style="color: rgb(22, 145, 121);">\[푸터 상세설정 - 스타일 항목 화면\]</span>

**<span style="color: #636363;">스타일</span>**

<table class="table table-bordered" id="bkmrk-%ED%95%AD%EB%AA%A9-%EC%84%A4%EB%AA%85-%EB%B0%B0%EA%B2%BD%EC%83%89-%ED%91%B8%ED%84%B0%C2%A0%EC%98%81%EC%97%AD%EC%9D%98-%EB%B0%B0%EA%B2%BD%EC%83%89" style="width: 100%;"><thead><tr><td style="width: 24.3453%;">항목</td><td style="width: 75.7739%;">설명</td></tr></thead><tbody><tr><td style="width: 24.3453%;">배경색</td><td style="width: 75.7739%;">푸터 영역의 배경색을 설정합니다.</td></tr><tr><td style="width: 24.3453%;">구분선</td><td style="width: 75.7739%;">푸터 상단의 구분선 색상을 설정합니다.</td></tr></tbody></table>

**푸터 내용 편집하기**

푸터는 텍스트, 소셜링크 블럭들로 구성되어있습니다.

이 요소들을 새로 추가하거나 복제, 삭제하는 것은 불가하지만, 위치를 변경하거나 내용을 수정할 수 있습니다.

요소 블럭들의 편집 방법은 각 매뉴얼에서 확인하세요

[텍스트 블럭 다루기 &gt; ](https://docs.dothome.co.kr/books/10/page/55a7c)

[<span style="color: #3c99f6;">소셜링크 블럭 다루기&gt;</span>](https://docs.dothome.co.kr/books/10/page/d2dde)

[![dhbd-08-02-04.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-08-02-04.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-08-02-04.png)

<span style="color: rgb(22, 145, 121);">\[게시하기 버튼 화면\]</span>

변경 후에는 반드시 \[게시하기\]버튼을 눌러주어야 설정한 내용이 반영됩니다.