페이지 구분

페이지 구분

구분 여백

1. Separate_Large : 상위 단락(패널)과 하위 단락(타이틀이 없는 패널) 사이 (예: A Contents 아래부분과 타이틀 없는 B Contents 사이 간격)

<div class="Separate_Large"></div>

2. Separate_Middle : 상위 단락(패널)과 하위 타이틀(타이틀을 사용한 패널) 사이 (예: 상단 내용과 타이틀 사이 간격)

<div class="Separate_Middle"></div>

3. Separate_Small : 단락내에서 내용(소그룹) 사이의 여백

구분 선

1. Title Line

<div class="TitleLine"></div>

1) SubTitle, Legend, Button 등이 PageTitle 바로 밑에 위치하고 있어 구분이 필요한 경우 사용.

2. Normal Line

<div class="NormalLine"></div>

1) 단락,내용 등에 구분이 필요한 경우 사용.

* Tip: 구분선은 시선을 분산시킬 우려가 있으므로 가능한 여백으로 처리한다.

| |