버튼1 - 두글자
<![CDATA[
<span class="blind">두글자의 어두운배경 버튼</span>
<button type="button" class="btn_button btn_type01">목록</button>
<span class="blind">두글자의 흰배경 버튼</span>
<button type="button" class="btn_button btn_type02">삭제</button>
]]>
버튼2 - 여러글자
<![CDATA[
<span class="blind">여러글자의 어두운배경 버튼</span>
<button type="button" class="btn_button2 btn_type01">전체선택</button>
<span class="blind">여러글자의 흰배경 버튼</span>
<button type="button" class="btn_button2 btn_type02">아이핀인증</button>
]]>
버튼 - 가운데정렬
<![CDATA[
<div class="btn_basic btn_padding">
<button type="button" class="btn_button btn_type02">삭제</button>
<button type="button" class="btn_button btn_type01">목록</button>
</div>
]]>
버튼 - 왼쪽, 오른쪽, 양쪽 정렬
<![CDATA[
<div class="btn_basic">
<button type="button" class="btn_button btn_left btn_type02">삭제</button>
<button type="button" class="btn_button btn_right btn_type01">목록</button>
</div>
]]>
페이징
<![CDATA[
<div class="pagenation">
<!-- pagenation 시작 class="first_num" -->
<ul>
<li class="first">
<a href="#"><img src="./../images/common/btn_first.png" alt="처음으로"></a>
</li>
<li class="pre">
<a href="#"><img src="./../images/common/btn_prev.png" alt="이전으로"></a>
</li>
<li class="first_num active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
<li class="last_num"><a href="#">10</a></li>
<li class="next">
<a href="#"><img src="./../images/common/btn_next.png" alt="다음으로"></a>
</li>
<li class="last">
<a href="#"><img src="./../images/common/btn_last.png" alt="마지막으로"></a>
</li>
</ul>
</div>
]]>