레이아웃 정의

sub_class_name

예 ) wrap > head > header_inn > head-ttl
wrap > conts > conts_inn > conts-ttl

1. 메인 페이지

<div class="wrap">
    <!-- GNB-->
    <header class="head">
        <div class="header_inn container">
        </div>
    </header> <!-- //GNB -->

    <!-- Banner-->
    <section class="banner">
        <div class="banner_inn container">
        </div>
    </section> <!-- //Banner -->

    <!-- 본문 -->
    <main class="conts">
        <section class="conts1 container">
            <div class="inn"></div>
        </section>
        <section class="conts2 container">
            <div class="inn"></div>
        </section>
        <section class="conts3 container">
            <div class="inn"></div>
        </section>
    </main>

    <!-- 플로팅메뉴 -->
    <aside class="floating">
        <div class="floating_inn">
        </div>
    </aside> <!-- //플로팅메뉴 -->

    <!-- Footer -->
    <footer class="footer">
        <div class="footer_inn container">
        </div>
    </footer><!-- //Footer -->
</div>

2. 서브 페이지

<section class="sub_conts container">
    <!-- Content -->
    <div class="sub_conts_inn">
        <h2 class="sub_conts_ttl">제목</h2>
        <div class="sub_conts_cont"></div>
    </div><!-- //Content -->
</section>

3. 서브 페이지 사이드 메뉴 있는 경우

<section class="sub_conts container">
    <!-- 사이드 메뉴 -->
    <div class="side_menu">
        <h2 class="side_menu_ttl"></h2>
        <div class="side_menu_cont">
        </div>
    </div><!-- //사이드 메뉴 -->

    <!-- Content -->
    <div class="sub_conts_inn">
        <h2 class="sub_conts_ttl">제목</h2>
        <div class="sub_conts_cont"></div>
    </div><!-- //Content -->
</section>