MENU
주로 서브의 상단에 위치하며, 페이지 타이틀과 네비게이션, 디스크립션이 포함된다. 네비게이션과 디스크립션은 생략가능.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
<div class="sub-top">
<h3>서브 제목</h3>
<div class="sub-top__navi">
<a href="#" class="icon-home navi--home"></a>
<span>메뉴</span>
<span>서브 제목</span>
</div>
</div>
<p class="title__desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
디스크립션은 생략가능.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
<div class="title--basic">
<h5>타이틀</h5>
<p class="title__desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
부연설명과 디스크립션은 생략가능.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
<div class="title--circle">
<h6>타이틀</h6>
<span>타이틀 간단 부연설명</span>
<p class="title__desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
h6
태그 또는 p
태그에 따라 서브타이틀 사이즈 조절 가능.
서브 타이틀
서브 타이틀 스몰
타이틀
//서브 타이틀 <h6 class="title--sub">타이틀</h6> //서브 타이틀 스몰 <p class="title--sub">타이틀</p>
타이틀은 h1
부터 h6
태그를 사용하여 사이즈 조절 가능.
Lorem ipsum dolor sit amet, consectetuer.
Aenean commodo ligula eget dolor.
<div class="title--set">
<h4 class="title--set__title">Top center title</h4>
<p class="title--set__desc">Lorem ipsum dolor sit amet, consectetuer.<br>Aenean commodo ligula eget dolor. </p>
</div>