# 서브메뉴 상세 설정하기

서브메뉴 역시 통해 다양한 설정이 가능합니다.  
  
\[디자인 편집\] - 서브메뉴 영역의 \[설정\] 버튼을 클릭하면 서브 메뉴 상세 설정 창이 열립니다.

타이틀 영역 사용, 글꼴 설정, 레이아웃, 스타일 등을 설정하실 수 있습니다.

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

[https://docs.dothome.co.kr/books/07/page/63923](https://docs.dothome.co.kr/books/07/page/63923)

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

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

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

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

메뉴 상세 설정창에서는 서브메뉴 글자 크기, 색상 등을 변경할 수 있습니다.

**<span style="color: #636363;">\[내용\]</span>**

<div class="col-xl-9 col-lg-9" id="bkmrk-%ED%95%AD%EB%AA%A9-%EC%84%A4%EB%AA%85-%ED%83%80%EC%9D%B4%ED%8B%80-%EC%98%81%EC%97%AD-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0-%EC%B2%B4%ED%81%AC"><div class="contents"><table class="table table-bordered" style="width: 100%;"><thead><tr><td style="width: 23.003%;">항목</td><td style="width: 76.997%;">설명</td></tr></thead><tbody><tr><td style="width: 23.003%;">타이틀 영역 사용하기</td><td style="width: 76.997%;">체크시 메인메뉴와 서브메뉴 사이에 블럭을 추가할 수 있는 타이틀 영역을 사용할 수 있습니다.</td></tr><tr><td style="width: 23.003%;">기본</td><td style="width: 76.997%;">글자 크기 : 서브메뉴의 글자 크기를 설정합니다.  
글꼴 : 서브메뉴의 글꼴을 설정합니다.  
글자색 : 서브메뉴의 글자 색상을 설정합니다.  
텍스트 굵게 : 서브메뉴의 글자 굵기를 설정합니다. </td></tr><tr><td style="width: 23.003%;">활성화</td><td style="width: 76.997%;"><div>글자색 : 현재 페이지임을 표시하거나 마우스를 올렸을 때의 글자색을 설정합니다  
강조색 : 현재 페이지임을 표시하거나 마우스를 올렸을 때의 배경색이나 선 등의 색상을 설정합니다.  
텍스트 굵게 : 현재 페이지임을 표시하거나 마우스를 올렸을 때의 글자 굵기를 설정합니다.  
</div></td></tr></tbody></table>

</div></div><span style="color: #636363;">  
</span>

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

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

<div class="col-xl-9 col-lg-9" id="bkmrk-%ED%95%AD%EB%AA%A9-%EC%84%A4%EB%AA%85-%EC%A2%8C%EC%9A%B0-%EC%97%AC%EB%B0%B1-%EC%84%9C%EB%B8%8C%EB%A9%94%EB%89%B4-%EC%95%88%EC%AA%BD%EC%9D%98"><div class="contents"><table class="table table-bordered" style="width: 100%;"><thead><tr><td style="width: 22.5263%;">항목</td><td style="width: 77.4737%;">설명</td></tr></thead><tbody><tr><td style="width: 22.5263%;">좌우 여백</td><td style="width: 77.4737%;">서브메뉴 안쪽의 좌우 여백을 설정합니다.</td></tr><tr><td style="width: 22.5263%;">상단 여백</td><td style="width: 77.4737%;">서브메뉴 안쪽의 상단 여백을 설정합니다.</td></tr><tr><td style="width: 22.5263%;">하단 여백</td><td style="width: 77.4737%;">서브메뉴 안쪽의 하단 여백을 설정합니다.</td></tr><tr><td style="width: 22.5263%;">정렬</td><td style="width: 77.4737%;">텍스트의 정렬을 설정합니다.</td></tr></tbody></table>

</div></div>[![dhbd-07-05-04.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-07-05-04.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-07-05-04.png)

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

<div class="col-xl-9 col-lg-9" id="bkmrk-%ED%95%AD%EB%AA%A9-%EC%84%A4%EB%AA%85-%EB%B0%B0%EA%B2%BD%EC%83%89-%EC%84%9C%EB%B8%8C%EB%A9%94%EB%89%B4-%EC%98%81%EC%97%AD%EC%9D%98-%EB%B0%B0"><div class="contents"><table class="table table-bordered" style="width: 100%;"><thead><tr><td style="width: 22.2904%;">항목</td><td style="width: 77.7096%;">설명</td></tr></thead><tbody><tr><td style="width: 22.2904%;">배경색</td><td style="width: 77.7096%;">서브메뉴 영역의 배경색을 설정합니다.</td></tr><tr><td style="width: 22.2904%;">하단 구분선</td><td style="width: 77.7096%;">서브메뉴 하단의 구분선 색상을 설정합니다.</td></tr><tr><td style="width: 22.2904%;">상단 구분선 사용하기</td><td style="width: 77.7096%;">체크박스를 체크하면 상단 구분선이 생기며 색상지정도 가능합니다.</td></tr></tbody></table>

</div></div>