1. 연관된 2개이상의 Panel 사용시에는 skin="DualPanel" 을 사용한다.
    ex) Tree + Grid, Grid + Grid, Grid + GridView, Grid + Textarea 등.
2. Layout은 Table로 구성한다.
3. DualPanel의 컨텐츠는 <div class="InnerContents"> 안에 넣는다.
4. Panel 사이에 <td class="DualPanelCenter">버튼</td>를 넣어 간격을 조절하거나 버튼을 삽입한다. 
5. 종속 관계(구분이 필요한 경우)의 Panel인 경우 타입을 MainPanel과 SubPanel로 구분하여 사용하고 동일한 레벨일 경우 타입을 사용하지 않는다.
6. "ContentHeight" 속성은 안쪽 패널의 높이로, 두개 패널의 균형을 맞춘다.
7. "ContentScrollBars" 속성은 안쪽 컨텐츠의 스크롤 속성을 결정한다.

p.s 새로운 Panel 구성이 필요한 경우 화면 Capture 이미지나 화면 구성 안을 디자인팀에 보내 주시기바랍니다.

<rw:RealPanel id="realpanel1" runat="server" Title="Title"  Skin="DualPanel">

<table cellspacing="0" cellpadding="0" border="0" class="Outline"> 
    <tr>
        <td style="width:50%"> *Panel Width 값 설정  
            <rw:RealPanel id="realpanel1" runat="server" Title="Title" PanelType="MainPanel" Skin="DualPanel" ContentHeight="높이 설정" >
                <div class="InnerContents">
                -- Contents Area --
                </div>
            </rw:RealPanel>
        </td>
        <td class="DualPanelCenter"><rw:RealButton...</td>  *Panel 간격 조절 & 버튼 삽입
        <td style="width:50%">
           <rw:RealPanel id="realpanel1" runat="server" Title="Title" PanelType="SubPanel" Skin="DualPanel" ContentHeight="높이 설정">  
               <div class="InnerContents">
               -- Contents Area --
               </div>
            </rw:RealPanel>
        </td>
    </tr>
</table>

</rw:RealPanel>