Title

@[OP+PP] Guide_Layout 의 타이틀 3종. 좌측 코드가 개발 전달용 정식 마크업, 우측이 적용 UI. 코드블럭 우상단 Copy 로 복사하세요.

Page Title .page-title · Title/28-B · 페이지 최상단 제목 
<h2 class="page-title">Page Title</h2>

Page Title

Page Title + 설명문구 .page-head > .page-title + .page-title-desc · 설명 15-R N-600 · gap 4 
<div class="page-head">
  <h2 class="page-title">Page Title</h2>
  <p class="page-title-desc">페이지 타이틀 설명 문구입니다.</p>
</div>

Page Title

페이지 타이틀 설명 문구입니다.

Contents Title .contents-title · Title/20-B · 카드/영역 제목 
<h3 class="contents-title">Page Title</h3>

Page Title

Group Title .group-title · 좌측 3×12 Primary 바 + Body/15-SB 
<h4 class="group-title">
  <span class="group-title-text">Page Title</span>
</h4>

Page Title

Group Title — 폴딩 .group-title.group-title--fold · 우측 arrow_down · 열림 .is-open 
<button type="button" class="group-title group-title--fold is-open">
  <span class="group-title-text">Page Title</span>
  <i class="ico ico-arrow-down"></i>
</button>

<!-- 접힘: .is-open 제거 (토글은 개발 연동) -->
열림 (.is-open)
접힘