markup 예시
<div class="button-area large">
<!-- 우측위치 -->
<span class="btn-right">
<button type="button" class="btn normal small">버튼</button>
<button type="button" class="btn slightly small">버튼</button>
</span>
<!-- 좌측위치 -->
<span class="btn-left">
<button type="button" class="btn normal small">버튼</button>
<button type="button" class="btn slightly small">버튼</button>
</span>
</div>
<!-- 센터위치 -->
<div class="button-area large">
<button type="button" class="btn slightly small">버튼</button><button type="button" class="btn normal small">버튼</button>
</div>
<!-- 50:50 -->
<div class="button-area large half">
<button type="button" class="btn slightly small">버튼</button>
<button type="button" class="btn normal small">버튼</button>
</div>