<var name="top_panel" type="radio">
    <title xml:lang="ko">★게시판최상단 풀립식 판넬</title>
    <description xml:lang="ko">게시판최상단에 폴더식 판넬의 출력</description>
    <options value="">
        <title xml:lang="ko">사용안함(기본)</title>
    </options>
    <options value="N">
        <title xml:lang="ko">사용</title>
    </options>
</var>
<var name="panel_auto" type="radio">
    <title xml:lang="ko">　┖ 판넬 자동 접기 / 펼치기</title>
    <description xml:lang="ko">판넬을 처음부터 접기 / 펼치기</description>
    <options value="">
        <title xml:lang="ko">접기(기본)</title>
    </options>
    <options value="N">
        <title xml:lang="ko">펼치기</title>
    </options>
</var>
<var name="top_panel_btn" type="text">
    <title xml:lang="ko">　┖ 버턴안 문구</title>
   <description xml:lang="ko">버턴안의 문구를 적어주세요(기본 Click)</description>
</var>
<var name="top_panel_text" type="textarea">
    <title xml:lang="ko">　┖ 판넬안에 들어갈 내용</title>
   <description xml:lang="ko">판넬안에 들어갈 문구나 이미지, 위젯을 넣어시면 됩니다.(Html지원됨)</description>
</var>
<var name="top_panel_bcolor" type="text">
    <title xml:lang="ko">　┖ 판넬박스의 배경색상</title>
   <description xml:lang="ko">판넬박스안의 배경색상을 지정.(기본 투명 ex:#ffffff)</description>
</var>

<!--// 뷰어로 보기 -->
<include cond="$mi->default_style=='viewer' && $grant->view" target="_viewer.html" />
<block cond="$mi->default_style!='viewer'">
<load target="js/jquery.masonry.min.js" type="body" />

 

<!--// 게시판상단에 풀립 판넬 -->
<div cond="!$mi-> top_panel=='' && !$document_srl">
    <load target="js/panel.js" />

 

<style type="text/css">
.panel,.flip { background-color:{$mi->top_panel_bcolor}; padding:5px; }
.flip { height:25px; text-align:right; color:#c0c0c0; cursor:pointer; margin:10px 0;}
.panel { <!--@if($mi->panel_auto=='')-->display:none<!--@end--> margin-top:0px; margin-bottom:10px; padding:10px; border:solid 1px #e5e5e5; border-radius:10px }
</style>

 

    <div class="flip"><span class="btn"><i class="fa fa-plus-square fa-lg" style="margin-right:5px; color:#ff6600;"></i>{$mi->top_panel_btn}</span></div>
    <div class="panel">{$mi->top_panel_text}</div>
</div>