문단 타이틀 h2

서브 섹션 영역 class=”sub-section”

본문제목 h3

위에 여백이 없는 내용을 작성할때는 그냥 글을 쓰면 됩니다(여백x)

상단여백이 필요할 때는
class=”space-nomal” 클래스명을 추가 해줍니다. (margin-top:30)

h1은 섹션 타이틀

h2 문단타이틀

h3 본문타이틀

h4 본문 소타이틀 (상단여백)

h6 문단 타이틀 바로 아래쓰는 문장

h태그 시스템

– .sub-section 소속된 곳에서 써야합니다
– h1은 섹션 타이틀, 중앙정렬을 기본으로 가지고있습니다.

grid-style

같은 레벨이 여러칼럼으로 쪼개질때 사용

– 모바일에서 여백 조정하기 위함
– class=”grid-style”

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

버튼 스타일 기본 class = btn

sky / point / line

베이직 버튼 btn
배경 sky
포인트 point

라인 line
라인 line-sky
라인 line-point

중앙정렬, 라인없는 섹션

라인없는 문단은 class=”no-line” 추가 / 가운데 정렬은 class=”txt_center” 추가

이 섹션은 class=”no-line”을 추가해서 라인이 없습니다.

탭 사용하기

같은 레벨의 내용이 많은데, 짧게 쓰고 싶을때

Tour 요소사용

기본 클래스 tour-style
추가 스타일 클래스 white

tab 요소사용

기본 클래스 tab-style
추가 스타일 클래스 white

탭 타이틀 구분1
탭 타이틀 구분2

탭 타이틀 구분1

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

탭 타이틀 구분2

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Tab 2
Tab 1

Tab 2

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Tab 1

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.