1. 기능버튼(Type="Main")은 내용 하단에 위치한다. (권장)
2. Panel을 사용하는 경우 해당 내용의 버튼은 Panel 안에 위치한다.
3. 기능버튼은 항상 <div class="MainButtonGroup"> 사용하여  버튼의 정렬 및 여백값을 조절한다.
4. 기능버튼을 좌우 정렬하는 경우 테이블 구조를 사용한다. (권장하지 않음-시선의 이동이 길어 인지하는데 시간이 오래 걸린다.)
5. 속성(스타일)이 다른 버튼이 필요할 경우 "CssClass" 속성을 사용한다.
    ex) <rw:RealButton CssClass="특화된 스타일명" .../>
6. 버튼에 아이콘을 사용하는 경우 "Icon" 속성을 사용한다.
    ex) <rw:RealButton Icon="아이콘명" .../>

* 버튼의 정렬 및 여백은 ButtonGroup Class로 조절한다.
<div class="MainButtonGroup"> 
     <rw:RealButton ID="RealButton1" Type="Main" runat="server" Text="버튼명"/>
     <rw:RealButton ID="RealButton2" Type="Main" runat="server" Text="버튼명" CssClass="Green" />  * 속성 다른 버튼
     <rw:RealButton ID="RealButton3" Type="Main" runat="server" Text="버튼명" Icon="Search" />  * 아이콘 있는 버튼
</div>
 

* 버튼을 좌우 정렬시키는 경우 테이블 구조를 사용한다.
<div class="MainButtonGroup"> 
    <table cellspacing="0" cellpadding="0" border="0" class="Outline"> 
        <tr>
            <td style="text-align:left;">  
                <rw:RealButton ID="RealButton1" Type="Main" runat="server" Text="버튼명"/>
            </td>
            <td>
                <rw:RealButton ID="RealButton2" Type="Main" runat="server" Text="버튼명"/>
            </td style="text-align:right;">
        </tr>
    </table>
</div>