<?xml version="1.0" encoding="UTF-8"?>

        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map">
            	<w2:dataList baseNode="list" repeatNode="map" id="dataList3" saveRemovedData="true">
            		<w2:columnInfo>
            			<w2:column id="col1" name="name1" dataType="text"></w2:column>
            			<w2:column id="col2" name="name2" dataType="text"></w2:column>
            			<w2:column id="col3" name="name3" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            		</w2:data>
            	</w2:dataList>
            	<w2:dataList baseNode="list" id="dataList1" repeatNode="map" saveRemovedData="true" style="">
            		<w2:columnInfo>
            			<w2:column dataType="text" encYN="true" id="col1" name="타이틀"></w2:column>
            			<w2:column dataType="text" id="col2" name="이름"></w2:column>
            			<w2:column dataType="text" id="col3" name="주소"></w2:column>
            			<w2:column dataType="text" id="col4" name="날짜"></w2:column>
            			<w2:column dataType="text" id="col5" name="금액"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<col1><![CDATA[금일 일정 안내입니다.]]></col1>
            				<col2><![CDATA[홍길동]]></col2>
            				<col3><![CDATA[서울시 공항대로]]></col3>
            				<col4><![CDATA[2022-12-10]]></col4>
            				<col5><![CDATA[100,000]]></col5>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[금일 일정 안내입니다.]]></col1>
            				<col2><![CDATA[홍길동]]></col2>
            				<col3><![CDATA[서울시 공항대로]]></col3>
            				<col4><![CDATA[2022-12-11]]></col4>
            				<col5><![CDATA[120,000]]></col5>
            			</w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            		</w2:data>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>

    	<xf:group class="top_box" id="" style="" tagname="">
    		<w2:textbox class="con_tit" id="" label="Button" style=""></w2:textbox>
    		<w2:textbox class="con_txt" escape="false" id="" label="WDS에서 사용되는 버튼 스타일입니다. "
    			style="">
    		</w2:textbox>
    		<xf:group class="" id="primary" style=""></xf:group>
    		<xf:group class="tab_anchor" id="" style="" tagname="ul">
    			<xf:group class="on" id="" tagname="li">
    				<w2:anchor class="" id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Examples]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    			<xf:group id="" tagname="li">
    				<w2:anchor id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Snippet]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    			<xf:group id="" tagname="li">
    				<w2:anchor id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Dark Theme]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    		</xf:group>
    	</xf:group>
    	<xf:group class="contbox" id="" style="">
    		<xf:group class="subtitbox" id="" style="" tagname="">
    			<w2:textbox class="subtit" id="" label="Button Default" style=""></w2:textbox>
    		</xf:group>
    		<w2:textbox class="subtxt" escape="false" id="" label="가장 기본이 되는 버튼입니다. 일반적인 상황에 사용합니다." style=""></w2:textbox>
    		<xf:group class="lybox col4" id="" style="">
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Normal" style="" tagname="h3"></w2:textbox>
    				</xf:group>
    				<xf:trigger class="btn_cm" id="" style="" type="button">
    					<xf:label><![CDATA[Button default]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Hover" style="" tagname="h3"></w2:textbox>
    				</xf:group>
    				<xf:trigger class="btn_cm btn_cm_focus" id="" style="" type="button">
    					<xf:label><![CDATA[Button default]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Active" style="" tagname="h3"></w2:textbox>
    				</xf:group>
    				<xf:trigger class="btn_cm btn_cm_active" id="" style="" type="button">
    					<xf:label><![CDATA[Button default]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Disabled" style="" tagname="h3"></w2:textbox>
    				</xf:group>
    				<xf:trigger class="btn_cm" id="" style="" type="button" disabled="true">
    					<xf:label><![CDATA[Button default]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    		</xf:group>
    		<xf:group class="line_gray" id="group4" style="" tagname="hr"></xf:group>
    		<xf:group class="subtitbox" id="" style="" tagname="">
    			<w2:textbox class="subtit" id="" label="Primary" style=""></w2:textbox>
    		</xf:group>
    		<w2:textbox class="subtxt" escape="false" id="" label="해당 페이지의 키액션 등에 사용하는 버튼입니다. 한 페이지에 한 번만 쓰입니다." style=""></w2:textbox>
    		<xf:group class="lybox col4" id="" style="">
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Normal" style="" tagname="h3"></w2:textbox>
    				</xf:group>
    				<xf:group id="" class="btnbox">
    					<xf:trigger style="" id="" type="button" class="btn_cm pt">
    						<xf:label><![CDATA[Button primary]]></xf:label>
    					</xf:trigger>
    				</xf:group>
    			</xf:group>
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Hover" style="" tagname="h3"></w2:textbox>
    				</xf:group>
    				<xf:group class="btnbox" id="" style="">
    					<xf:trigger class="btn_cm pt pt_hover" id="" style="" type="button">
    						<xf:label><![CDATA[Button primary]]></xf:label>
    					</xf:trigger>
    				</xf:group>
    			</xf:group>
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Active" style="" tagname="h3"></w2:textbox>
    				</xf:group>
    				<xf:group class="btnbox" id="" style="">
    					<xf:trigger class="btn_cm pt pt_active" id="" style="" type="button">
    						<xf:label><![CDATA[Button primary]]></xf:label>
    					</xf:trigger>
    				</xf:group>
    			</xf:group>
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Disabled" style="" tagname="h3"></w2:textbox>
    				</xf:group>
    				<xf:group class="btnbox" id="" style="">
    					<xf:trigger class="btn_cm pt" id="" style="" type="button" disabled="true">
    						<xf:label><![CDATA[Button primary]]></xf:label>
    					</xf:trigger>
    				</xf:group>
    			</xf:group>
    		</xf:group>

    		<xf:group class="line_gray" id="group5" style="" tagname="hr"></xf:group>
    		<xf:group class="subtitbox" id="" style="" tagname="">
    			<w2:textbox class="subtit" id="" label="Pattern" style=""></w2:textbox>
    		</xf:group>
    		<w2:textbox class="subtxt" escape="false" id="" label="아이콘의 유무에 따라 Icon + Text, Text Only, Icon Only 3가지 패턴을 제공합니다." style="">
    		</w2:textbox>
    		<xf:group class="lybox col4" id="" style="">
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Icon + Text" style="" tagname="h3"></w2:textbox>
    				</xf:group>
    				<xf:trigger class="btn_cm  upload" id="" style="" type="button">
    					<xf:label><![CDATA[업로드]]></xf:label>
    				</xf:trigger>
    				<xf:trigger class="btn_cm download" id="" style="" type="button">
    					<xf:label><![CDATA[다운로드]]></xf:label>
    				</xf:trigger>

    			</xf:group>
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Text Only" style="" tagname="h3"></w2:textbox>
    				</xf:group>
    				<xf:trigger class="btn_cm" id="" style="" type="button">
    					<xf:label><![CDATA[Button default]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Icon Only" style="" tagname="h3"></w2:textbox>
    				</xf:group>
    				<xf:trigger anchorWithGroupClass="" class="btn_cm btn_search" id="" style="" type="button">
    					<xf:label><![CDATA[Search]]></xf:label>
    				</xf:trigger>
    				<xf:trigger anchorWithGroupClass="" class="btn_cm btn_delete" id="" style="" type="button">
    					<xf:label><![CDATA[Delete]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    			<xf:group class="ly_column" id="" style=""></xf:group>
    		</xf:group>
    		<xf:group class="line_gray" id="group6" style="" tagname="hr"></xf:group>
    		<xf:group class="subtitbox" id="" style="" tagname="">
    			<w2:textbox class="subtit" id="" label="배치" style=""></w2:textbox>
    		</xf:group>
    		<w2:textbox class="subtxt" escape="false" id=""
    			label="· 버튼은 업무처리의 흐름에 따라 배치합니다.
· 화면 전체를 제어하는 버튼은 화면의 하단 우측에 배치합니다.
" style="">
    		</w2:textbox>
    		<xf:group class="subtitbox" id="" style="" tagname=""></xf:group>
    		<xf:group class="pgtbox" id="" style="">
    			<xf:trigger class="btn_fav" id="" style="" type="button">
    				<xf:label></xf:label>
    			</xf:trigger>
    			<w2:textbox class="pgt_tit" id="" label="화면타이틀" style="" tagname=""></w2:textbox>
    		</xf:group>
    		<xf:group class="schbox" id="" style="">
    			<xf:group class="schbox_inner" id="" style="">
    				<xf:group adaptive="layout" adaptiveThreshold="768" class="w2tb tbl" id="" style="" tagname="table">
    					<w2:attributes>
    						<w2:summary></w2:summary>
    					</w2:attributes>
    					<xf:group tagname="colgroup">
    						<xf:group style="width:100px;" tagname="col"></xf:group>
    						<xf:group style="" tagname="col"></xf:group>
    						<xf:group style="width:100px;" tagname="col"></xf:group>
    						<xf:group style="" tagname="col"></xf:group>
    					</xf:group>
    					<xf:group class="" id="" style="" tagname="tr">
    						<xf:group class="w2tb_th" style="" tagname="th">
    							<w2:textbox class="req" id="" label="조회조건" style=""></w2:textbox>
    						</xf:group>
    						<xf:group class="w2tb_td" style="" tagname="td">
    							<xf:select1 allOption="true" appearance="minimal" chooseOption="" class="" direction="auto" disabled="false"
    								disabledClass="w2selectbox_disabled" id="" ref="" renderType="" style="width:100px;" submenuSize="auto">
    								<xf:choices>
    									<xf:item>
    										<xf:label><![CDATA[new row]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[new row]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[new row]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    								</xf:choices>
    							</xf:select1>
    							<xf:select1 allOption="true" appearance="minimal" chooseOption="" class="" direction="auto" disabled="false"
    								disabledClass="w2selectbox_disabled" id="" ref="" renderType="" style="width:100px;" submenuSize="auto">
    								<xf:choices>
    									<xf:item>
    										<xf:label><![CDATA[new row]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[new row]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[new row]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    								</xf:choices>
    							</xf:select1>
    							<xf:trigger class="btn_cm " id="" style="" type="button">
    								<xf:label><![CDATA[조회]]></xf:label>
    							</xf:trigger>
    						</xf:group>
    						<xf:group class="w2tb_th" style="" tagname="th">
    							<w2:textbox class="" id="" label="조회조건" style=""></w2:textbox>
    						</xf:group>
    						<xf:group class="w2tb_td" id="" style="" tagname="td">
    							<xf:select1 appearance="full" cols="" disabled="" id="" ref="" renderType="radiogroup" rows=""
    								selectedIndex="1" style="">
    								<xf:choices>
    									<xf:item>
    										<xf:label><![CDATA[항목1]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[항목2]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[항목3]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    								</xf:choices>
    							</xf:select1>
    						</xf:group>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    			<xf:group class="btn_schbox" id="" style="">
    				<xf:trigger class="btn_cm sch" disabled="" escape="false" id="" style="" type="button">
    					<xf:label><![CDATA[조회]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    		</xf:group>
    		<xf:group class="titbox" id="" style="">
    			<w2:textbox class="" id="" label="서브타이틀" style="" tagname="h3"></w2:textbox>
    			<xf:group class="rt" id="" style="">
    				<xf:trigger class="btn_cm  copy" id="" style="" type="button">
    					<xf:label><![CDATA[행복사]]></xf:label>
    				</xf:trigger>
    				<xf:trigger class="btn_cm  row_add" id="" style="" type="button">
    					<xf:label><![CDATA[행추가]]></xf:label>
    				</xf:trigger>
    				<xf:trigger class="btn_cm  row_del" id="" style="" type="button">
    					<xf:label><![CDATA[행삭제]]></xf:label>
    				</xf:trigger>
    				<xf:trigger class="btn_cm  upload" id="" style="" type="button">
    					<xf:label><![CDATA[업로드]]></xf:label>
    				</xf:trigger>
    				<xf:trigger class="btn_cm download" id="" style="" type="button">
    					<xf:label><![CDATA[다운로드]]></xf:label>
    				</xf:trigger>
    				<xf:trigger class="btn_cm " id="" style="" type="button">
    					<xf:label><![CDATA[업무버튼]]></xf:label>
    				</xf:trigger>
    				<xf:trigger class="btn_cm " id="" style="" type="button">
    					<xf:label><![CDATA[업무버튼]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    		</xf:group>
    		<xf:group adaptiveThreshold="" class="gvwbox" id="" style="">
    			<w2:gridView autoFit="allColumn" captionTitle="" checkReadOnlyOnCut="" class="gvw"
    				dataList="data:dataList1" defaultCellHeight="26" evenRowBackgroundColor="" filterFocusMode="" id="" keepDefaultColumnWidth="true"
    				oddRowBackgroundColor="" overflowX="" rowNumBackgroundColor="" rowNumHeaderValue="No" rowNumVisible="" rowNumWidth=""
    				rowStatusHeaderValue="" rowStatusVisible="" rowStatusWidth="50" scrollByColumn="false" scrollByColumnAdaptive="false"
    				selectedCellColor="" selectedCellOverColor="" style="height:150px;" titleAuto="true" visibleRowNum="10">
    				<w2:caption id="caption2" style="" value="this is a grid caption."></w2:caption>
    				<w2:header id="header2" style="">
    					<w2:row id="row3" style="">
    						<w2:column class="" displayMode="label" id="column15" inputType="text" style="" value="타이틀" width="210"></w2:column>
    						<w2:column displayMode="label" id="column14" inputType="text" style="" value="이름" width="70"></w2:column>
    						<w2:column displayMode="label" id="column13" inputType="text" style="" value="주소" width="210"></w2:column>
    						<w2:column displayMode="label" id="column12" inputType="text" style="" value="날짜" width="100"></w2:column>
    						<w2:column displayMode="label" id="column11" inputType="text" style="" value="금액" width="100"></w2:column>
    					</w2:row>
    				</w2:header>
    				<w2:gBody id="gBody2" style="">
    					<w2:row id="row4" style="">
    						<w2:column class="tal" displayMode="label" id="col1" inputType="text" style="" value="" width="210"></w2:column>
    						<w2:column displayMode="label" id="col2" inputType="text" style="" value="" width="70"></w2:column>
    						<w2:column class="tal" displayMode="label" id="col3" inputType="text" style="" value="" width="210"></w2:column>
    						<w2:column displayMode="label" id="col4" inputType="text" style="" value="" width="100"></w2:column>
    						<w2:column class="tar" displayMode="label" id="col5" inputType="text" style="" value="" width="100"></w2:column>
    					</w2:row>
    				</w2:gBody>
    			</w2:gridView>
    		</xf:group>
    		<xf:group class="btnbox" id="" style="">
    			<xf:group class="rt" id="" style="">
    				<xf:trigger class="btn_cm" id="" style="" type="button">
    					<xf:label><![CDATA[업무버튼]]></xf:label>
    				</xf:trigger>
    				<xf:trigger class="btn_cm" id="" style="" type="button">
    					<xf:label><![CDATA[업무버튼]]></xf:label>
    				</xf:trigger>
    				<w2:textbox class="bar_btndiv" id="" label="" style=""></w2:textbox>
    				<xf:trigger class="btn_cm pt" id="" style="" type="button">
    					<xf:label><![CDATA[신규]]></xf:label>
    				</xf:trigger>
    				<xf:trigger class="btn_cm" id="" style="" type="button">
    					<xf:label><![CDATA[수정]]></xf:label>
    				</xf:trigger>
    				<xf:trigger class="btn_cm pt" id="" style="" type="button">
    					<xf:label><![CDATA[저장]]></xf:label>
    				</xf:trigger>
    				<xf:trigger class="btn_cm " id="" style="" type="button">
    					<xf:label><![CDATA[삭제]]></xf:label>
    				</xf:trigger>
    				<xf:trigger class="btn_cm pt" id="" style="" type="button">
    					<xf:label><![CDATA[확인]]></xf:label>
    				</xf:trigger>
    				<xf:trigger class="btn_cm " id="" style="" type="button">
    					<xf:label><![CDATA[취소]]></xf:label>
    				</xf:trigger>
    				<xf:group id="" class="guide_arrow type1" style="">
    					<xf:group style="width:154px;" id="" class="arrow">
    						<xf:group id="">
    							<w2:span style="" id="" label="업무버튼"></w2:span>
    						</xf:group>
    					</xf:group>
    					<xf:group class="arrow" id="" style="width:257px;">
    						<xf:group id="">
    							<w2:span style="" id="" label="CRUD버튼"></w2:span>
    						</xf:group>
    					</xf:group>
    					<xf:group class="arrow" id="" style="width:125px;">
    						<xf:group id="">
    							<w2:span style="" id="" label="전체제어버튼"></w2:span>
    						</xf:group>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    	</xf:group>


<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="/websquare/kit/design_kit/design_kit.css" type="text/css"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
    	<w2:buildDate />
    	<xf:model>
    		<xf:instance>
    			<data xmlns="" />
    		</xf:instance>
    		<w2:dataCollection baseNode="map">
    			<w2:dataList baseNode="list" repeatNode="map" id="resource" saveRemovedData="true">
    				<w2:columnInfo>
    					<w2:column id="id" name="id" dataType="text"></w2:column>
    					<w2:column id="category" name="category" dataType="text"></w2:column>
    					<w2:column id="title" name="타이틀" dataType="text"></w2:column>
    					<w2:column id="iconSrc" name="아이콘자원" dataType="text"></w2:column>
    					<w2:column id="previewSrc" name="미리보기자원" dataType="text"></w2:column>
    					<w2:column id="xmlpath" name="xml자원" dataType="text"></w2:column>
    					<w2:column id="favMenu" name="즐겨찾기" dataType="text"></w2:column>
    				</w2:columnInfo>
    				<w2:data>
    					<w2:row></w2:row>
    				</w2:data>
    			</w2:dataList>
    			<w2:dataList baseNode="list" repeatNode="map" id="category" saveRemovedData="true">
    				<w2:columnInfo>
    					<w2:column id="id" name="name1" dataType="text"></w2:column>
    					<w2:column id="iconSrc" name="name2" dataType="text"></w2:column>
    					<w2:column id="path" name="name3" dataType="text"></w2:column>
    				</w2:columnInfo>
    			</w2:dataList>
    		</w2:dataCollection>
    		<w2:workflowCollection></w2:workflowCollection>
    	</xf:model>
    	<script type="text/javascript" src="/websquare/kit/design_kit/studioAPI.js"></script>
    	<script type="text/javascript" lazy="false"><![CDATA[
scwin.initUserDataTop = true;
scwin.categoryTitleGrpMargin = 30;
scwin.onpageload = function () {
    // requestJson data 생성
    var requestJson = {
        "type": "REQUEST",
        "payload": {
            "type": "READ_FILE_LIST",
            // 전체 리스트를 조회하는 경우는 wds로 날려야함.
            "req": {
                "id": "wds"
            }
        }
    }
    studioAPI.exec(scwin.jsonDataCallBack, {}, requestJson);

    // LEFT메뉴 리사이징
    $(window).resize(function () {
        var win_w = $(this).width();

        if (win_w < 400) {
            $(".designKit_layout").removeClass("hide_menu");
            $(".designKit_layout").addClass("hide_menu");
        }
    });

    $(window).scroll( function() {
        setUserDataTop();
    });

};

fnScrollTo = function(id) {
    var filterFav = { type: 'row', colIndex: 'favMenu', key: "1", condition: 'and' };
    resource.clearFilter();
    resource.setColumnFilter(filterFav);
    var favMenuJson = resource.getAllFilteredJSON();

    if (id == scwin.favCategoryMenu) {//즐겨찾기 메뉴일 경우 즐겨찾기 항목이 없을 경우 아무것도 하지 않기.

        if (favMenuJson.length == 0) return;
        window.scrollTo(0,0);
    } else {
        var top = $p.getComponentById(id).getUserData("top");
        //즐겨찾기가 있으면 +30 해준다.
        if (favMenuJson.length != 0) top = top + scwin.categoryTitleGrpMargin;
        window.scrollTo(0,top-15);
    }
}

scwin.onpageunload = function () {

};

scwin.jsonDataCallBack = function (jsonData) {
    var jsonResource = jsonData && jsonData.res ? jsonData.res.resource : [];
    var jsonCategory = jsonData && jsonData.res ? jsonData.res.category : [];

    resource.setJSON(jsonResource);
    category.setJSON(jsonCategory);
    //category
    for (var i = 0; i < jsonCategory.length; i++) {
        //console.log("start[" + i + "]" + jsonCategory[i].id);
        var genCatogoryIdx = categoryGen.insertChild();

        var strCategory = jsonCategory[i].id;
        var strCategoryMenuIcon = jsonCategory[i].iconSrc;
        var objCategoryTitle = categoryGen.getChild(genCatogoryIdx, "categoryTitle");
        objCategoryTitle.setValue(strCategory);//category anchor title setting
        var tagCategoryId = objCategoryTitle.getID();//좌측메뉴 클릭시 찾아갈 객체 id 얻어오기
        var objResourceListGen = categoryGen.getChild(genCatogoryIdx, "resourceListGen");

        //category menu setting
        var genCatogoryMenuIdx = categoryMenuGen.insertChild();
        var objCategoryMenu = categoryMenuGen.getChild(genCatogoryMenuIdx, "categoryMenu");
        objCategoryMenu.setValue(strCategory);
        //objCategoryMenu.setHref("#" + tagCategoryId);
        objCategoryMenu.setHref("javascript:setUserDataTop();fnScrollTo('" + tagCategoryId+"')");

        //console.log(tagCategoryId);
        atc_search.addItem(strCategory, genCatogoryMenuIdx);
        var objCategoryMenuIcon = categoryMenuGen.getChild(genCatogoryMenuIdx, "categoryMenuIcon");
        objCategoryMenuIcon.setSrc(strCategoryMenuIcon);

        //resource
        var filterCon = { type: 'row', colIndex: 'category', key: "00_화면시작", condition: 'and' };
        filterCon.key = strCategory;
        resource.clearFilter();
        resource.setColumnFilter(filterCon);

        var jsonResForCategory = resource.getAllFilteredJSON();

        for (var j = 0; j < jsonResForCategory.length; j++) {
            //console.log("[" + j + "]" + jsonResForCategory[j].id);
            var strRessourceTitle = jsonResForCategory[j].title;
            var strRessourceIcon = jsonResForCategory[j].iconSrc;
            //hidden
            var strResourceId = jsonResForCategory[j].id;
            var strResourceCategory = jsonResForCategory[j].category;
            var strResourcePreviewSrc = jsonResForCategory[j].previewSrc;
            var strResourceXmlpath = jsonResForCategory[j].xmlpath;

            var genResourceIdx = objResourceListGen.insertChild();

            var objResourceTitle = objResourceListGen.getChild(genResourceIdx, "resourceTitle");
            objResourceTitle.setValue(strRessourceTitle);//resource anchor title setting

            var objResourceIcon = objResourceListGen.getChild(genResourceIdx, "resourceIcon");
            objResourceIcon.setSrc(strRessourceIcon);

            var objResourceIconSrc = objResourceListGen.getChild(genResourceIdx, "resourceIconSrc");
            objResourceIconSrc.setValue(strRessourceIcon);

            var objResourceId = objResourceListGen.getChild(genResourceIdx, "resourceId");
            objResourceId.setValue(strResourceId);

            var objResourceCategory = objResourceListGen.getChild(genResourceIdx, "resourceCategory");
            objResourceCategory.setValue(strResourceCategory);

            var objResourcePreviewSrc = objResourceListGen.getChild(genResourceIdx, "resourcePreviewSrc");
            objResourcePreviewSrc.setValue(strResourcePreviewSrc);

            var objResourceXmlpath = objResourceListGen.getChild(genResourceIdx, "resourceXmlpath");
            objResourceXmlpath.setValue(strResourceXmlpath);

            if (jsonResForCategory[j].favMenu == "1") {
                objResourceListGen.getChild(genResourceIdx, "btn_favorit").toggleClass("on");
            }
        }

    }

    //좌측 카테고리에 즐겨찾기 추가
    var i = categoryMenuGen.insertChild();
    var categoryMenuObj = categoryMenuGen.getChild(i,"categoryMenu");
    var categoryMenuIconObj = categoryMenuGen.getChild(i,"categoryMenuIcon");
    categoryMenuObj.setValue("즐겨찾기");
    categoryMenuIconObj.setSrc("/cm/images/base/ico_ds_favorit.png");

    scwin.favCategoryMenu = categoryMenuObj.id;
    categoryMenuObj.setHref("javascript:setUserDataTop();fnScrollTo('" + scwin.favCategoryMenu+"')");

    // Snippet 미리보기
    $(".btn_snippet").on("click", function () {
        $(".designKit_zoom_box").addClass("on");
        $(".designKit_dim").addClass("on");
    });
    $(".btn_zoom_close").on("click", function () {
        $(".designKit_zoom_box").removeClass("on");
        $(".designKit_dim").removeClass("on");
    });

    // Snippet 즐겨찾기
    $(".btn_snp_favorit").on("click", function () {
        $(this).toggleClass("on");
    });

    scwin.load_favMenu();
};

setUserDataTop = function () {
	if (scwin.initUserDataTop == true) {
		//console.log("initUserDataTop");
		var categoryGen = mf_wf_main_categoryGen;
		var dsHeaderHeight = mf_dsheaderGrp.render.getBoundingClientRect().height;
        var favFullHeight = 0;

        if (scwin.favgenTitleId && scwin.favGenFavListGenId) {
            if ($p.getComponentById(scwin.favgenTitleId) && $p.getComponentById(scwin.favGenFavListGenId)) {
                favFullHeight = $p.getComponentById(scwin.favgenTitleId).render.getBoundingClientRect().height + $p.getComponentById(scwin.favGenFavListGenId).render.getBoundingClientRect().height;
            } else {
                favFullHeight = 0;//즐겨찾기 추가후 해제한 경우
            }
        }

		for(i=0;i<categoryGen.getLength();i++){

			var categoryTitleObj = categoryGen.getChild(i,"categoryTitle");
			var topVal = categoryTitleObj.render.getBoundingClientRect().top;

			//console.log(categoryTitleObj.id);

            if (categoryTitleObj.getUserData("originTop") == undefined) {
                categoryTitleObj.setUserData("originTop", topVal - dsHeaderHeight);
                categoryTitleObj.setUserData("top", topVal - dsHeaderHeight);
            } else {
                categoryTitleObj.setUserData("top", categoryTitleObj.getUserData("originTop") + favFullHeight);
            }
		}

		scwin.initUserDataTop = false;
	}
}

// LEFT메뉴 버튼 토클
scwin.btnDsSlide_onclick = function () {
    $(".designKit_layout").toggleClass("hide_menu");
};

scwin.resourceIcon_onclick = function (e) {
    var genIdx = this.getGeneratedIndex();

    var resourceIdObj = this.getGeneratedComponent("resourceId");
    var resourceCategoryObj = this.getGeneratedComponent("resourceCategory");
    var resourceTitelObj = this.getGeneratedComponent("resourceTitle");
    var resourceIconSrcObj = this.getGeneratedComponent("resourceIconSrc");
    var resourcePreviewSrcObj = this.getGeneratedComponent("resourcePreviewSrc");
    var resourceXmlpathObj = this.getGeneratedComponent("resourceXmlpath");

    console.log(genIdx + "번째 , click한  값 : " + resourceIdObj.getValue() + "\n" + resourceCategoryObj.getValue() + "\n" +
        resourceTitelObj.getValue() + "\n" +
        resourceIconSrcObj.getValue() + "\n" +
        resourcePreviewSrcObj.getValue() + "\n" +
        resourceXmlpathObj.getValue()
    );

    // request json 의 스펙을 생성한다.
    var reqJson = {
        "type": "REQUEST",
        "payload": {
            "type": "INSERT_SNIPPETS",
            "req": {
                "id": "",
                "category": "",
                "title": "",
                "iconSrc": "",
                "previewSrc": "",
                "xmlpath": ""
            },
            "res": {}
        }
    }

    reqJson.payload.req.id = resourceIdObj.getValue();
    reqJson.payload.req.category = resourceCategoryObj.getValue();
    reqJson.payload.req.title = resourceTitelObj.getValue();
    reqJson.payload.req.iconSrc = resourceIconSrcObj.getValue();
    reqJson.payload.req.previewSrc = resourcePreviewSrcObj.getValue();
    reqJson.payload.req.xmlpath = resourceXmlpathObj.getValue();

    studioAPI.exec({}, {}, reqJson);
};
scwin.btn_popup_onclick = function () {
    var preview_src = this.getGeneratedComponent("resourceXmlpath").getValue().split("WebContent")[1].replaceAll("\\", "/");
    wf_preview.setSrc(preview_src);
};
scwin.atc_search_onviewchange = function (info) {

    var idx = info.newValue;
    if (idx == '') {
        $(".li_categoryMenuGen").css("display", "list-item");
        return;
    }
    $(".li_categoryMenuGen").css("display", "none");
    var selected = categoryMenuGen.getChild(idx, "li_category");
    var menu = categoryMenuGen.getChild(idx, "categoryMenu");
    selected.setStyle("display", "list-item");
    menu.trigger("onclick");
};

scwin.load_favMenu = function () {
    var insertIdx = 0;
    if (categoryGen.getChild(insertIdx, "categoryTitle") != null && categoryGen.getChild(insertIdx, "categoryTitle").getValue() == "즐겨찾기") {
        categoryGen.removeChild(insertIdx);
    }
    var filterFav = { type: 'row', colIndex: 'favMenu', key: "1", condition: 'and' };
    resource.clearFilter();
    resource.setColumnFilter(filterFav);
    var favMenuJson = resource.getAllFilteredJSON();

    if (favMenuJson.length > 0) {
        var genCatogoryFavIdx = categoryGen.insertChild(insertIdx);
        var genFavListGen = categoryGen.getChild(genCatogoryFavIdx, "resourceListGen");
        var genTitle = categoryGen.getChild(genCatogoryFavIdx, "categoryTitle");

        //즐겨찾기 타이틀, 리소스목록generator id 기억하기
        scwin.favGenFavListGenId = genFavListGen.id;
        scwin.favgenTitleId = genTitle.id;

        genTitle.setValue("즐겨찾기");
        //categoryMenuGen.getChild(categoryMenuGen.getLength() - 2, "categoryMenu").setHref("#" + genTitle.getID());
        for (var j = 0; j < favMenuJson.length; j++) {
            //console.log("[" + j + "]" + favMenuJson[j].id);
            var strRessourceTitle = favMenuJson[j].title;
            var strRessourceIcon = favMenuJson[j].iconSrc;
            //hidden
            var strResourceId = favMenuJson[j].id;
            var strResourceCategory = favMenuJson[j].category;
            var strResourcePreviewSrc = favMenuJson[j].previewSrc;
            var strResourceXmlpath = favMenuJson[j].xmlpath;

            var genResourceIdx = genFavListGen.insertChild();

            var objResourceTitle = genFavListGen.getChild(genResourceIdx, "resourceTitle");
            objResourceTitle.setValue(strRessourceTitle);//resource anchor title setting

            var objResourceIcon = genFavListGen.getChild(genResourceIdx, "resourceIcon");
            objResourceIcon.setSrc(strRessourceIcon);

            var objResourceIconSrc = genFavListGen.getChild(genResourceIdx, "resourceIconSrc");
            objResourceIconSrc.setValue(strRessourceIcon);

            var objResourceId = genFavListGen.getChild(genResourceIdx, "resourceId");
            objResourceId.setValue(strResourceId);

            var objResourceCategory = genFavListGen.getChild(genResourceIdx, "resourceCategory");
            objResourceCategory.setValue(strResourceCategory);

            var objResourcePreviewSrc = genFavListGen.getChild(genResourceIdx, "resourcePreviewSrc");
            objResourcePreviewSrc.setValue(strResourcePreviewSrc);

            var objResourceXmlpath = genFavListGen.getChild(genResourceIdx, "resourceXmlpath");
            objResourceXmlpath.setValue(strResourceXmlpath);

            genFavListGen.getChild(genResourceIdx, "btn_favorit").toggleClass("on");
            genFavListGen.getChild(genResourceIdx, "btn_favorit").addClass("inFavMenu");
        }
    }
    resource.clearFilter();
    scwin.initUserDataTop = true;//즐겨찾기 항목들이 추가로 그려짐에 따라 ogrigin위치 재계산을 위해 플래그값 수정함.

    // Snippet 미리보기
    $(".btn_snippet").on("click", function () {
        $(".designKit_zoom_box").addClass("on");
        $(".designKit_dim").addClass("on");
    });
}
scwin.btn_favorit_onclick = function () {
    var generatorIdx =  this.getGeneratedIndex();
    var id = this.getGenerator().getChild(generatorIdx, "resourceId").getValue();
    //getMatchedIndex는 filter된 데이타에서 찾으므로 잘못된 결과 리턴하여 하기와 같이 clear filter
    resource.clearFilter();
    var resourceIndex = resource.getMatchedIndex("id", id)[0];

    var status = resource.getRowData(resourceIndex)[6] == "1" ? "0" : "1";
    resource.setCellData(resourceIndex, "favMenu", status);

    var len = $(".btn_snp_favorit.on:not(.inFavMenu)").length;
    var title = this.getGenerator().getChild(generatorIdx, "resourceTitle").getValue();
    for (var i = 0; i < len; i++) {
        //var selector = ".btn_snp_favorit.on:eq(" + i + "):not(.inFavMenu)";
        var selector = ".btn_snp_favorit.on:not(.inFavMenu):eq(" + i + ")";
        if ($(selector).next().text() == title) {
            $(selector).toggleClass("on");
            break;
        }
    }
    setUserDataTop();
    scwin.load_favMenu();
};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload" style="">
      <xf:group id="layout" class="designKit_layout" style="">
        <xf:group class="designKit_search" id="" style="">
        	<w2:autoComplete editType="select" id="atc_search" useKeywordHighlight="false" style="width: 178px;height: 21px;"
        		submenuSize="auto" search="contain" autoFocus="false" allowEmptySubmission="false" emptyItem="true" emptyIndex="1"
        		noResult="useData" ev:onviewchange="scwin.atc_search_onviewchange" allOption="" chooseOption="" ref="" placeholder="Search...">
        		<w2:choices>
        			<w2:item>
        				<w2:label><![CDATA[전체]]></w2:label>
        				<w2:value><![CDATA[]]></w2:value>
        			</w2:item>
        		</w2:choices>
        	</w2:autoComplete>
        </xf:group>
        <xf:group style="" id="" class="designKit_side">
          <xf:group style="" id="" class="designKit_menu">
            <w2:generator id="categoryMenuGen" style="" tagname="ul">
              <xf:group id="li_category" style="" tagname="li" class="li_categoryMenuGen">
                <xf:group id="" tagname="a">
                  <w2:attributes>
                    <w2:href>#mf_layout</w2:href>
                  </w2:attributes>
                  <xf:image id="categoryMenuIcon" src="/cm/template/snippets/00_화면시작/00_화면시작.png" style=""></xf:image>
                </xf:group>
                <w2:anchor class="designKit_m_tit" href="#mf_layout" id="categoryMenu" outerDiv="false" style="">
                  <xf:label><![CDATA[화면시작]]></xf:label>
                </w2:anchor>
              </xf:group>
            </w2:generator>
          </xf:group>
        </xf:group>
        <w2:generator style="" id="categoryGen" class="designKit_cont">
        	<xf:group class="designKit_dfbox" id="categoryTitleGrp" style="">
        		<w2:textbox class="designKit_df_tit" id="categoryTitle" label="화면시작" style=""></w2:textbox>
        	</xf:group>
        	<w2:generator class="designKit_list" id="resourceListGen" style="" tagname="ul">
        		<xf:group class="item" id="" style="" tagname="li">
        			<xf:group class="img_box" id="">
        				<xf:image id="resourceIcon" src="/cm/template/snippets/00_화면시작/0_01%20페이지시작_icon.png" style="" tabIndex=""
        					ev:onclick="scwin.resourceIcon_onclick">
        				</xf:image>
        				<xf:input adjustMaxLength="false" id="resourceId" style="width: 144px;height: 21px;" type="hidden"></xf:input>
        				<xf:input adjustMaxLength="false" id="resourceCategory" style="width: 144px;height: 21px;" type="hidden"></xf:input>
        				<xf:input adjustMaxLength="false" id="resourcePreviewSrc" style="width: 144px;height: 21px;" type="hidden"></xf:input>
        				<xf:input adjustMaxLength="false" id="resourceXmlpath" style="width: 144px;height: 21px;" type="hidden"></xf:input>
        				<xf:input adjustMaxLength="false" id="resourceIconSrc" style="width: 144px;height: 21px;" type="hidden"></xf:input>
        				<xf:group class="sc_area" id="" style="">
        					<w2:anchor class="btn_snippet" id="btn_popup" outerDiv="false" style="" ev:onclick="scwin.btn_popup_onclick">
        						<xf:label><![CDATA[미리보기]]></xf:label>
        					</w2:anchor>
        				</xf:group>

        			</xf:group>

        			<xf:group id="" class="title_box">
        				<w2:anchor outerDiv="false" style="" id="btn_favorit" class="btn_snp_favorit"
        					ev:onclick="scwin.btn_favorit_onclick">
        					<xf:label><![CDATA[즐겨찾기]]></xf:label>
        				</w2:anchor>
        				<w2:anchor outerDiv="false" style="" id="resourceTitle" ev:onclick="scwin.resourceIcon_onclick">
        					<xf:label><![CDATA[01_페이지시작_icon]]></xf:label>
        				</w2:anchor>
        			</xf:group>
        		</xf:group>
        	</w2:generator>
        </w2:generator>
        <xf:group style="display: none" id="" class="designKit_cont">
          <xf:group style="" id="" class="designKit_dfbox">
            <w2:textbox style="" id="" label="화면시작" class="designKit_df_tit"></w2:textbox>

          </xf:group>
          <w2:generator style="" id="" class="designKit_list" tagname="ul">
            <xf:group class="item" id="" tagname="li" style="">
              <xf:group class="img_box" id="">
                <xf:image id="" src="/cm/template/snippets/00_화면시작/01_페이지시작_icon.png" style="" tabIndex=""></xf:image>
                <xf:group class="sc_area" id="" style="">
                  <w2:anchor class="btn_snippet" id="" outerDiv="false" style="">
                    <xf:label><![CDATA[미리보기]]></xf:label>
                  </w2:anchor>
                  <w2:anchor class="btn_snp_favorit" id="" outerDiv="false" style="">
                    <xf:label><![CDATA[즐겨찾기]]></xf:label>
                  </w2:anchor>
                </xf:group>
              </xf:group>
              <w2:anchor id="" outerDiv="false" style="">
                <xf:label><![CDATA[01_페이지시작_icon]]></xf:label>
              </w2:anchor>
            </xf:group>
          </w2:generator>
        </xf:group>
        <xf:group id="" class="designKit_zoom_box"><xf:group style="" id="" class="designKit_zoom_comp">
        	<w2:wframe style="" id="wf_preview"></w2:wframe>
        	<w2:anchor ref="" outerDiv="false" style="" id="" class="btn_zoom_close">
        		<xf:label><![CDATA[Insert Text]]></xf:label>
        	</w2:anchor>
        </xf:group></xf:group><xf:group style="" id="" class="designKit_dim"></xf:group>
      </xf:group></body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="/websquare/kit/design_kit/design_kit.css" type="text/css"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
    	<w2:buildDate />
    	<xf:model>
    		<xf:instance>
    			<data xmlns="" />
    		</xf:instance>
    		<w2:dataCollection baseNode="map">
    			<w2:dataList baseNode="list" repeatNode="map" id="resource" saveRemovedData="true">
    				<w2:columnInfo>
    					<w2:column id="id" name="id" dataType="text"></w2:column>
    					<w2:column id="category" name="category" dataType="text"></w2:column>
    					<w2:column id="title" name="타이틀" dataType="text"></w2:column>
    					<w2:column id="iconSrc" name="아이콘자원" dataType="text"></w2:column>
    					<w2:column id="previewSrc" name="미리보기자원" dataType="text"></w2:column>
    					<w2:column id="xmlpath" name="xml자원" dataType="text"></w2:column>
    					<w2:column id="favMenu" name="즐겨찾기" dataType="text"></w2:column>
    				</w2:columnInfo>
    				<w2:data>
    					<w2:row></w2:row>
    				</w2:data>
    			</w2:dataList>
    			<w2:dataList baseNode="list" repeatNode="map" id="category" saveRemovedData="true">
    				<w2:columnInfo>
    					<w2:column id="id" name="name1" dataType="text"></w2:column>
    					<w2:column id="iconSrc" name="name2" dataType="text"></w2:column>
    					<w2:column id="path" name="name3" dataType="text"></w2:column>
    				</w2:columnInfo>
    			</w2:dataList>
    		</w2:dataCollection>
    		<w2:workflowCollection></w2:workflowCollection>
    	</xf:model>
    	<script type="text/javascript" src="/websquare/kit/design_kit/studioAPI.js"></script>
    	<script type="text/javascript" lazy="false"><![CDATA[
scwin.initUserDataTop = true;
scwin.categoryTitleGrpMargin = 30;
scwin.onpageload = function () {
    // requestJson data 생성
    var requestJson = {
        "type": "REQUEST",
        "payload": {
            "type": "READ_TEMPLETE_FILE_LIST",
            // 전체 리스트를 조회하는 경우는 wds로 날려야함.
            "req": {
                "id": "wds"
            }
        }
    }
    studioAPI.exec(scwin.jsonDataCallBack, {}, requestJson);

    // LEFT메뉴 리사이징
    $(window).resize(function () {
        var win_w = $(this).width();

        if (win_w < 400) {
            $(".designKit_layout").removeClass("hide_menu");
            $(".designKit_layout").addClass("hide_menu");
        }
    });

    $(window).scroll( function() {
        setUserDataTop();
    });

};

fnScrollTo = function(id) {
    var filterFav = { type: 'row', colIndex: 'favMenu', key: "1", condition: 'and' };
    resource.clearFilter();
    resource.setColumnFilter(filterFav);
    var favMenuJson = resource.getAllFilteredJSON();

    if (id == scwin.favCategoryMenu) {//즐겨찾기 메뉴일 경우 즐겨찾기 항목이 없을 경우 아무것도 하지 않기.

        if (favMenuJson.length == 0) return;
        window.scrollTo(0,0);
    } else {
        var top = $p.getComponentById(id).getUserData("top");
        //즐겨찾기가 있으면 +30 해준다.
        if (favMenuJson.length != 0) top = top + scwin.categoryTitleGrpMargin;
        window.scrollTo(0,top-15);
    }
}

scwin.onpageunload = function () {
};

scwin.jsonDataCallBack = function (jsonData) {
    var jsonResource = jsonData && jsonData.res ? jsonData.res.resource : [];
    //var jsonCategory = jsonData && jsonData.res ? jsonData.res.category : [];
    var jsonCategory = [
        {
            "id": "Template",
            "iconSrc": "",
            "path": "/cm/template/",
            "rowStatus": "R"
        }
    ]
    var blankResource = [
        {
            "id": "00_new_component",
            "category": "00_new_component",
            "title": "빈 페이지",
            "iconSrc": "/cm/images/base/icon.png",
            "previewSrc": "/cm/images/base/icon.png",
            "xmlpath": "",
            "favMenu": "",
            "rowStatus": "R"
        }
    ]
    resource.setJSON(blankResource);
    resource.setJSON(jsonResource, true);
    category.setJSON(jsonCategory);
    //category
    for (var i = 0; i < jsonCategory.length; i++) {
        //console.log("start[" + i + "]" + jsonCategory[i].id);
        var genCatogoryIdx = categoryGen.insertChild();

        var strCategory = jsonCategory[i].id;
        var strCategoryMenuIcon = jsonCategory[i].iconSrc;
        var objCategoryTitle = categoryGen.getChild(genCatogoryIdx, "categoryTitle");
        objCategoryTitle.setValue(strCategory);//category anchor title setting
        var tagCategoryId = objCategoryTitle.getID();//좌측메뉴 클릭시 찾아갈 객체 id 얻어오기
        var objResourceListGen = categoryGen.getChild(genCatogoryIdx, "resourceListGen");

        //category menu setting
        var genCatogoryMenuIdx = categoryMenuGen.insertChild();
        var objCategoryMenu = categoryMenuGen.getChild(genCatogoryMenuIdx, "categoryMenu");
        objCategoryMenu.setValue(strCategory);
        //objCategoryMenu.setHref("#" + tagCategoryId);
        objCategoryMenu.setHref("javascript:setUserDataTop();fnScrollTo('" + tagCategoryId+"')");

        //console.log(tagCategoryId);
        atc_search.addItem(strCategory, genCatogoryMenuIdx);
        var objCategoryMenuIcon = categoryMenuGen.getChild(genCatogoryMenuIdx, "categoryMenuIcon");
        objCategoryMenuIcon.setSrc(strCategoryMenuIcon);

        //resource
        /*
        var filterCon = { type: 'row', colIndex: 'category', key: "00_화면시작", condition: 'and' };
        filterCon.key = strCategory;
        resource.clearFilter();
        resource.setColumnFilter(filterCon);
        */
        var jsonResForCategory = resource.getAllFilteredJSON();

        for (var j = 0; j < jsonResForCategory.length; j++) {
            //console.log("[" + j + "]" + jsonResForCategory[j].id);
            var strRessourceTitle = jsonResForCategory[j].title;
            var strRessourceIcon = jsonResForCategory[j].iconSrc;
            //hidden
            var strResourceId = jsonResForCategory[j].id;
            var strResourceCategory = jsonResForCategory[j].category;
            var strResourcePreviewSrc = jsonResForCategory[j].previewSrc;
            var strResourceXmlpath = jsonResForCategory[j].xmlpath;

            var genResourceIdx = objResourceListGen.insertChild();

            var objResourceTitle = objResourceListGen.getChild(genResourceIdx, "resourceTitle");
            objResourceTitle.setValue(strRessourceTitle);//resource anchor title setting

            var objResourceIcon = objResourceListGen.getChild(genResourceIdx, "resourceIcon");
            objResourceIcon.setSrc(strRessourceIcon);

            var objResourceIconSrc = objResourceListGen.getChild(genResourceIdx, "resourceIconSrc");
            objResourceIconSrc.setValue(strRessourceIcon);

            var objResourceId = objResourceListGen.getChild(genResourceIdx, "resourceId");
            objResourceId.setValue(strResourceId);

            var objResourceCategory = objResourceListGen.getChild(genResourceIdx, "resourceCategory");
            objResourceCategory.setValue(strResourceCategory);

            var objResourcePreviewSrc = objResourceListGen.getChild(genResourceIdx, "resourcePreviewSrc");
            objResourcePreviewSrc.setValue(strResourcePreviewSrc);

            var objResourceXmlpath = objResourceListGen.getChild(genResourceIdx, "resourceXmlpath");
            objResourceXmlpath.setValue(strResourceXmlpath);

            if (jsonResForCategory[j].favMenu == "1") {
                objResourceListGen.getChild(genResourceIdx, "btn_favorit").toggleClass("on");
            }
        }

    }

    //좌측 카테고리에 즐겨찾기 추가
    var i = categoryMenuGen.insertChild();
    var categoryMenuObj = categoryMenuGen.getChild(i,"categoryMenu");
    var categoryMenuIconObj = categoryMenuGen.getChild(i,"categoryMenuIcon");
    categoryMenuObj.setValue("즐겨찾기");
    categoryMenuIconObj.setSrc("/cm/images/base/ico_ds_favorit.png");

    scwin.favCategoryMenu = categoryMenuObj.id;
    categoryMenuObj.setHref("javascript:setUserDataTop();fnScrollTo('" + scwin.favCategoryMenu+"')");

    // Snippet 미리보기
    $(".btn_snippet").on("click", function () {
    	designKitZoomBox.show("");
        $(".designKit_zoom_box").addClass("on");
        $(".designKit_dim").addClass("on");
    });
    $(".btn_zoom_close").on("click", function () {
    	designKitZoomBox.hide();
        $(".designKit_zoom_box").removeClass("on");
        $(".designKit_dim").removeClass("on");
    });

    // Snippet 즐겨찾기
    $(".btn_snp_favorit").on("click", function () {
        $(this).toggleClass("on");
    });

    scwin.load_favMenu();
};

setUserDataTop = function () {
	if (scwin.initUserDataTop == true) {
		//console.log("initUserDataTop");
		var categoryGen = mf_wf_main_categoryGen;
		var dsHeaderHeight = mf_dsheaderGrp.render.getBoundingClientRect().height;
        var favFullHeight = 0;

        if (scwin.favgenTitleId && scwin.favGenFavListGenId) {
            if ($p.getComponentById(scwin.favgenTitleId) && $p.getComponentById(scwin.favGenFavListGenId)) {
                favFullHeight = $p.getComponentById(scwin.favgenTitleId).render.getBoundingClientRect().height + $p.getComponentById(scwin.favGenFavListGenId).render.getBoundingClientRect().height;
            } else {
                favFullHeight = 0;//즐겨찾기 추가후 해제한 경우
            }
        }

		for(i=0;i<categoryGen.getLength();i++){

			var categoryTitleObj = categoryGen.getChild(i,"categoryTitle");
			var topVal = categoryTitleObj.render.getBoundingClientRect().top;

			//console.log(categoryTitleObj.id);

            if (categoryTitleObj.getUserData("originTop") == undefined) {
                categoryTitleObj.setUserData("originTop", topVal - dsHeaderHeight);
                categoryTitleObj.setUserData("top", topVal - dsHeaderHeight);
            } else {
                categoryTitleObj.setUserData("top", categoryTitleObj.getUserData("originTop") + favFullHeight);
            }
		}

		scwin.initUserDataTop = false;
	}
}

// LEFT메뉴 버튼 토클
scwin.btnDsSlide_onclick = function () {
    $(".designKit_layout").toggleClass("hide_menu");
};

scwin.resourceIcon_onclick = function (e) {
    var genIdx = this.getGeneratedIndex();

    var resourceIdObj = this.getGeneratedComponent("resourceId");
    var resourceCategoryObj = this.getGeneratedComponent("resourceCategory");
    var resourceTitelObj = this.getGeneratedComponent("resourceTitle");
    var resourceIconSrcObj = this.getGeneratedComponent("resourceIconSrc");
    var resourcePreviewSrcObj = this.getGeneratedComponent("resourcePreviewSrc");
    var resourceXmlpathObj = this.getGeneratedComponent("resourceXmlpath");

    console.log(genIdx + "번째 , click한  값 : " + resourceIdObj.getValue() + "\n" + resourceCategoryObj.getValue() + "\n" +
        resourceTitelObj.getValue() + "\n" +
        resourceIconSrcObj.getValue() + "\n" +
        resourcePreviewSrcObj.getValue() + "\n" +
        resourceXmlpathObj.getValue()
    );

    // request json 의 스펙을 생성한다.
    var reqJson = {
        "type": "REQUEST",
        "payload": {
            "type": "INSERT_TEMPLETE_PAGE",
            "req": {
                "id": "",
                "category": "",
                "title": "",
                "iconSrc": "",
                "previewSrc": "",
                "xmlpath": ""
            },
            "res": {}
        }
    }

    reqJson.payload.req.id = resourceIdObj.getValue();
    reqJson.payload.req.category = resourceCategoryObj.getValue();
    reqJson.payload.req.title = resourceTitelObj.getValue();
    reqJson.payload.req.iconSrc = resourceIconSrcObj.getValue();
    reqJson.payload.req.previewSrc = resourcePreviewSrcObj.getValue();
    reqJson.payload.req.xmlpath = resourceXmlpathObj.getValue();

    studioAPI.exec({}, {}, reqJson);
};
scwin.btn_popup_onclick = function () {
    var preview_src = this.getGeneratedComponent("resourceXmlpath").getValue().split("WebContent")[1].replaceAll("\\", "/");
    wf_preview.setSrc(preview_src);
};
scwin.atc_search_onviewchange = function (info) {

    var idx = info.newValue;
    if (idx == '') {
        $(".li_categoryMenuGen").css("display", "list-item");
        return;
    }
    $(".li_categoryMenuGen").css("display", "none");
    var selected = categoryMenuGen.getChild(idx, "li_category");
    var menu = categoryMenuGen.getChild(idx, "categoryMenu");
    selected.setStyle("display", "list-item");
    menu.trigger("onclick");
};

scwin.load_favMenu = function () {
    var insertIdx = 0;
    if (categoryGen.getChild(insertIdx, "categoryTitle") != null && categoryGen.getChild(insertIdx, "categoryTitle").getValue() == "즐겨찾기") {
        categoryGen.removeChild(insertIdx);
    }
    var filterFav = { type: 'row', colIndex: 'favMenu', key: "1", condition: 'and' };
    resource.clearFilter();
    resource.setColumnFilter(filterFav);
    var favMenuJson = resource.getAllFilteredJSON();

    if (favMenuJson.length > 0) {
        var genCatogoryFavIdx = categoryGen.insertChild(insertIdx);
        var genFavListGen = categoryGen.getChild(genCatogoryFavIdx, "resourceListGen");
        var genTitle = categoryGen.getChild(genCatogoryFavIdx, "categoryTitle");

        //즐겨찾기 타이틀, 리소스목록generator id 기억하기
        scwin.favGenFavListGenId = genFavListGen.id;
        scwin.favgenTitleId = genTitle.id;

        genTitle.setValue("즐겨찾기");
        //categoryMenuGen.getChild(categoryMenuGen.getLength() - 2, "categoryMenu").setHref("#" + genTitle.getID());
        for (var j = 0; j < favMenuJson.length; j++) {
            //console.log("[" + j + "]" + favMenuJson[j].id);
            var strRessourceTitle = favMenuJson[j].title;
            var strRessourceIcon = favMenuJson[j].iconSrc;
            //hidden
            var strResourceId = favMenuJson[j].id;
            var strResourceCategory = favMenuJson[j].category;
            var strResourcePreviewSrc = favMenuJson[j].previewSrc;
            var strResourceXmlpath = favMenuJson[j].xmlpath;

            var genResourceIdx = genFavListGen.insertChild();

            var objResourceTitle = genFavListGen.getChild(genResourceIdx, "resourceTitle");
            objResourceTitle.setValue(strRessourceTitle);//resource anchor title setting

            var objResourceIcon = genFavListGen.getChild(genResourceIdx, "resourceIcon");
            objResourceIcon.setSrc(strRessourceIcon);

            var objResourceIconSrc = genFavListGen.getChild(genResourceIdx, "resourceIconSrc");
            objResourceIconSrc.setValue(strRessourceIcon);

            var objResourceId = genFavListGen.getChild(genResourceIdx, "resourceId");
            objResourceId.setValue(strResourceId);

            var objResourceCategory = genFavListGen.getChild(genResourceIdx, "resourceCategory");
            objResourceCategory.setValue(strResourceCategory);

            var objResourcePreviewSrc = genFavListGen.getChild(genResourceIdx, "resourcePreviewSrc");
            objResourcePreviewSrc.setValue(strResourcePreviewSrc);

            var objResourceXmlpath = genFavListGen.getChild(genResourceIdx, "resourceXmlpath");
            objResourceXmlpath.setValue(strResourceXmlpath);

            genFavListGen.getChild(genResourceIdx, "btn_favorit").toggleClass("on");
            genFavListGen.getChild(genResourceIdx, "btn_favorit").addClass("inFavMenu");
        }
    }
    resource.clearFilter();
    scwin.initUserDataTop = true;//즐겨찾기 항목들이 추가로 그려짐에 따라 ogrigin위치 재계산을 위해 플래그값 수정함.

    // Snippet 미리보기
    $(".btn_snippet").on("click", function () {
        $(".designKit_zoom_box").addClass("on");
        $(".designKit_dim").addClass("on");
    });
}
scwin.btn_favorit_onclick = function () {
    var generatorIdx =  this.getGeneratedIndex();
    var id = this.getGenerator().getChild(generatorIdx, "resourceId").getValue();
    //getMatchedIndex는 filter된 데이타에서 찾으므로 잘못된 결과 리턴하여 하기와 같이 clear filter
    resource.clearFilter();
    var resourceIndex = resource.getMatchedIndex("id", id)[0];

    var status = resource.getRowData(resourceIndex)[6] == "1" ? "0" : "1";
    resource.setCellData(resourceIndex, "favMenu", status);

    var len = $(".btn_snp_favorit.on:not(.inFavMenu)").length;
    var title = this.getGenerator().getChild(generatorIdx, "resourceTitle").getValue();
    for (var i = 0; i < len; i++) {
        //var selector = ".btn_snp_favorit.on:eq(" + i + "):not(.inFavMenu)";
        var selector = ".btn_snp_favorit.on:not(.inFavMenu):eq(" + i + ")";
        if ($(selector).next().text() == title) {
            $(selector).toggleClass("on");
            break;
        }
    }
    setUserDataTop();
    scwin.load_favMenu();
};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload" style="">
      <xf:group id="layout" class="designKit_layout page" style="">
        <xf:group class="designKit_search" id="" style="">
        	<w2:autoComplete editType="select" id="atc_search" useKeywordHighlight="false" style="width: 178px;height: 21px;"
        		submenuSize="auto" search="contain" autoFocus="false" allowEmptySubmission="false" emptyItem="true" emptyIndex="1"
        		noResult="useData" ev:onviewchange="scwin.atc_search_onviewchange" allOption="" chooseOption="" ref="" placeholder="Search...">
        		<w2:choices>
        			<w2:item>
        				<w2:label><![CDATA[전체]]></w2:label>
        				<w2:value><![CDATA[]]></w2:value>
        			</w2:item>
        		</w2:choices>
        	</w2:autoComplete>
        </xf:group>
        <xf:group style="" id="" class="designKit_side">
          <xf:group style="" id="" class="designKit_menu">
            <w2:generator id="categoryMenuGen" style="" tagname="ul">
              <xf:group id="li_category" style="" tagname="li" class="li_categoryMenuGen">
                <xf:group id="" tagname="a">
                  <w2:attributes>
                    <w2:href>#mf_layout</w2:href>
                  </w2:attributes>
                  <xf:image id="categoryMenuIcon" src="/cm/template/snippets/00_화면시작/00_화면시작.png" style=""></xf:image>
                </xf:group>
                <w2:anchor class="designKit_m_tit" href="#mf_layout" id="categoryMenu" outerDiv="false" style="">
                  <xf:label><![CDATA[화면시작]]></xf:label>
                </w2:anchor>
              </xf:group>
            </w2:generator>
          </xf:group>
        </xf:group>
        <w2:generator style="" id="categoryGen" class="designKit_cont">
        	<xf:group class="designKit_dfbox" id="categoryTitleGrp" style="">
        		<w2:textbox class="designKit_df_tit" id="categoryTitle" label="화면시작" style=""></w2:textbox>
        	</xf:group>
        	<w2:generator class="designKit_list" id="resourceListGen" style="" tagname="ul">
        		<xf:group class="item" id="" style="" tagname="li">
        			<xf:group class="img_box" id="">
        				<xf:image id="resourceIcon" src="/cm/template/snippets/00_화면시작/0_01%20페이지시작_icon.png" style="" tabIndex=""
        					ev:onclick="scwin.resourceIcon_onclick">
        				</xf:image>
        				<xf:input adjustMaxLength="false" id="resourceId" style="width: 144px;height: 21px;" type="hidden"></xf:input>
        				<xf:input adjustMaxLength="false" id="resourceCategory" style="width: 144px;height: 21px;" type="hidden"></xf:input>
        				<xf:input adjustMaxLength="false" id="resourcePreviewSrc" style="width: 144px;height: 21px;" type="hidden"></xf:input>
        				<xf:input adjustMaxLength="false" id="resourceXmlpath" style="width: 144px;height: 21px;" type="hidden"></xf:input>
        				<xf:input adjustMaxLength="false" id="resourceIconSrc" style="width: 144px;height: 21px;" type="hidden"></xf:input>
        				<xf:group class="sc_area" id="" style="">
        					<w2:anchor class="btn_snippet" id="btn_popup" outerDiv="false" style="" ev:onclick="scwin.btn_popup_onclick">
        						<xf:label><![CDATA[미리보기]]></xf:label>
        					</w2:anchor>
        				</xf:group>

        			</xf:group>

        			<xf:group id="" class="title_box">
        				<w2:anchor outerDiv="false" style="" id="btn_favorit" class="btn_snp_favorit"
        					ev:onclick="scwin.btn_favorit_onclick">
        					<xf:label><![CDATA[즐겨찾기]]></xf:label>
        				</w2:anchor>
        				<w2:anchor outerDiv="false" style="" id="resourceTitle" ev:onclick="scwin.resourceIcon_onclick">
        					<xf:label><![CDATA[01_페이지시작_icon]]></xf:label>
        				</w2:anchor>
        			</xf:group>
        		</xf:group>
        	</w2:generator>
        </w2:generator>
        <xf:group style="display: none" id="" class="designKit_cont">
          <xf:group style="" id="" class="designKit_dfbox">
            <w2:textbox style="" id="" label="화면시작" class="designKit_df_tit"></w2:textbox>

          </xf:group>
          <w2:generator style="" id="" class="designKit_list" tagname="ul">
            <xf:group class="item" id="" tagname="li" style="">
              <xf:group class="img_box" id="">
                <xf:image id="" src="/cm/template/snippets/00_화면시작/01_페이지시작_icon.png" style="" tabIndex=""></xf:image>
                <xf:group class="sc_area" id="" style="">
                  <w2:anchor class="btn_snippet" id="" outerDiv="false" style="">
                    <xf:label><![CDATA[미리보기]]></xf:label>
                  </w2:anchor>
                  <w2:anchor class="btn_snp_favorit" id="" outerDiv="false" style="">
                    <xf:label><![CDATA[즐겨찾기]]></xf:label>
                  </w2:anchor>
                </xf:group>
              </xf:group>
              <w2:anchor id="" outerDiv="false" style="">
                <xf:label><![CDATA[01_페이지시작_icon]]></xf:label>
              </w2:anchor>
            </xf:group>
          </w2:generator>
        </xf:group>
        <xf:group style="" id="designKitZoomBox" class="designKit_zoom_box">
        <xf:group id="" class="designKit_zoom_comp"><w2:wframe style="" id="wf_preview"></w2:wframe><w2:anchor ref="" outerDiv="false" style="" id="" class="btn_zoom_close">
        		<xf:label><![CDATA[Insert Text]]></xf:label>
        	</w2:anchor></xf:group></xf:group>
        <xf:group style="" id="" class="designKit_dim"></xf:group>
      </xf:group></body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:type>LAYOUT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:mediaInfo>
            <w2:media name="desktop"/>
            <w2:media name="tablet"/>
            <w2:media name="mobile"/>
        </w2:mediaInfo>
        <script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function() {

};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<xf:group class="wrap show_menu" id="" style="">
    		<w2:wframe class="header" id="wfm_header" scope="true" src="" style=""></w2:wframe>
    		<xf:group class="container" id="" style="">

    			<xf:group style="" id="" class="contents">
    				<w2:windowContainer class="win_c" controlIconPosition="allright" fixArrangeFullScreen="false" frameMode="wframe"
    					hideTitleOnMaximize="false" horizontalArrangeNum="2" id="wdc_main" sequentialArrangeColNum="2" sequentialArrangeRowNum="2"
    					spaInitCount="0" stopMinimizeOnNameLayer="false" stopToggleOnLast="false" style="" toolbarPosition="bottom" tooltipDisplay="true"
    					tooltipGroupClass="false" useCloseButton="true" useControlIconTitle="false" useCustomMsg="false" useFixButton="false"
    					useNameContainer="true" useStatusMsg="false" verticalArrangeNum="2" windowAutoResize="false" windowMaxNum="30"
    					windowMaximizeAll="false" windowTooltipDisplay="true">
    					<w2:windowToolbar>
    						<w2:controlIconLayer>
    							<w2:controlIcon></w2:controlIcon>
    							<w2:controlIcon></w2:controlIcon>
    							<w2:controlIcon></w2:controlIcon>
    							<w2:controlIcon></w2:controlIcon>
    							<w2:controlIcon></w2:controlIcon>
    						</w2:controlIconLayer>
    						<w2:nameLayer></w2:nameLayer>
    						<w2:selectedNameLayer></w2:selectedNameLayer>
    					</w2:windowToolbar>
    				</w2:windowContainer>

    				<xf:group id="" style="position: absolute;bottom:40px;left:10px;min-width:calc( 98% - 20px );z-index: 9980;" >
    					<xf:group style="display:none;" id="msg_success" class="msg_box success">
    						<w2:textbox tagname="" style="min-height:20px" id="txt_success" label="정상 처리 되었습니다." class="txt_msg"></w2:textbox>
    					</xf:group><xf:group style="display:none;" id="msg_info" class="msg_box info">
    						<w2:textbox tagname="" style="" id="txt_info" label="정상 처리 되었습니다." class="txt_msg"></w2:textbox>
    					</xf:group><xf:group style="display:none;" id="msg_warning" class="msg_box warning">
    						<xf:group style="" id="">
    							<w2:textbox tagname="" style="" id="txt_warning" label="처리 도중 오류가 발생하였습니다." class="txt_msg"></w2:textbox>
    							<xf:trigger ev:onclick="scwin.removeWarnMsg" disabled="" style="" id="btn_warnig" type="button" class="btn_close">
    								<xf:label><![CDATA[테이블버튼]]></xf:label>
    							</xf:trigger>
    						</xf:group>
    						<xf:textarea style="min-height: 100px;" id="textarea_warning" placeholder=""></xf:textarea>
    					</xf:group><xf:group style="display:none;" id="msg_error" class="msg_box error">
    						<xf:group style="" id="">
    							<w2:textbox tagname="" style="" id="txt_error" label="처리 도중 오류가 발생하였습니다." class="txt_msg"></w2:textbox>
    							<xf:trigger ev:onclick="scwin.removeErrorMsg" disabled="" style="" id="btn_error" type="button" class="btn_close">
    								<xf:label><![CDATA[테이블버튼]]></xf:label>
    							</xf:trigger>
    						</xf:group>
    						<xf:textarea style="min-height: 100px;" id="textarea_error" placeholder=""></xf:textarea>
    					</xf:group></xf:group>
    			</xf:group>
    		</xf:group>
    		<w2:wframe style="z-index: 9999" id="wfm_side" class="side" scope="true" src=""></w2:wframe>
    		<xf:group style="" id="" class="dim"></xf:group>
    	</xf:group>

    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="/cm/css/all.css" type="text/css"?>
<?xml-stylesheet href="/cm/css/contents.css" type="text/css"?>

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:type>LAYOUT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:mediaInfo>
            <w2:media name="desktop"/>
            <w2:media name="tablet"/>
        </w2:mediaInfo>
        <script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function() {

};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
        	<xf:group class="wrap show_menu" id="" style="">

    		<w2:wframe style="" id="wfm_header" class="header" scope="true" src=""></w2:wframe>

    		<xf:group class="container" id="" style="">

    			<xf:group style="" id="" class="contents">
    				<w2:tabControl useTabKeyOnly="true" id="tac_layout" useMoveNextTabFocus="false" useConfirmMessage="false"
    					confirmTrueAction="exist" confirmFalseAction="new" alwaysDraw="false" style="" class="tabc_layout" hiddenTab="" tabPosition=""
    					closable="true" useAccessibilityMenu="false" tableRender="" tabScroll="true" adaptive="layout" adaptiveThreshold="1024"
    					focusOnStart="" preventTabClickEvent="" selectedIndex="" spaAuto="" confirmMessage="">
    				</w2:tabControl>
    				<w2:anchor outerDiv="false" style="" id="btn_tab_allclose" class="tab_allclose"
    					ev:onclick="scwin.btn_tab_allclose_onclick">
    					<xf:label><![CDATA[탭전체닫기]]></xf:label>
    				</w2:anchor>
    				<xf:group id="grpMsg" style="position: absolute;bottom:40px;left:10px;min-width:calc( 98% - 20px );z-index: 9980;" >
    					<xf:group style="display:none;" id="msg_success" class="msg_box success">
    						<w2:textbox tagname="" style="min-height:20px" id="txt_success" label="정상 처리 되었습니다." class="txt_msg"></w2:textbox>
    					</xf:group><xf:group style="display:none;" id="msg_info" class="msg_box info">
    						<w2:textbox tagname="" style="" id="txt_info" label="정상 처리 되었습니다." class="txt_msg"></w2:textbox>
    					</xf:group><xf:group style="display:none;" id="msg_warning" class="msg_box warning">
    						<xf:group style="" id="">
    							<w2:textbox tagname="" style="" id="txt_warning" label="처리 도중 오류가 발생하였습니다." class="txt_msg"></w2:textbox>
    							<xf:trigger ev:onclick="scwin.removeWarnMsg" disabled="" style="" id="btn_warnig" type="button" class="btn_close">
    								<xf:label><![CDATA[테이블버튼]]></xf:label>
    							</xf:trigger>
    						</xf:group>
    						<xf:textarea style="min-height: 100px;" id="textarea_warning" placeholder=""></xf:textarea>
    					</xf:group><xf:group style="display:none;" id="msg_error" class="msg_box error">
    						<xf:group style="" id="">
    							<w2:textbox tagname="" style="" id="txt_error" label="처리 도중 오류가 발생하였습니다." class="txt_msg"></w2:textbox>
    							<xf:trigger ev:onclick="scwin.removeErrorMsg" disabled="" style="" id="btn_error" type="button" class="btn_close">
    								<xf:label><![CDATA[테이블버튼]]></xf:label>
    							</xf:trigger>
    						</xf:group>
    						<xf:textarea style="min-height: 100px;" id="textarea_error" placeholder=""></xf:textarea>
    					</xf:group></xf:group>
    					</xf:group>
    		</xf:group>

    		<w2:wframe style="z-index: 9999" id="wfm_side" class="side" scope="true" src=""></w2:wframe>

    		<xf:group style="" id="" class="dim"></xf:group>
    	</xf:group>

    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:type>LAYOUT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
         <w2:mediaInfo>
            <w2:media name="desktop"/>
            <w2:media name="tablet"/>
        </w2:mediaInfo>
        <script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function() {

};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<xf:group class="wrap show_menu" id="" style="">

    			<w2:wframe style="" id="wfm_header" class="header" scope="true" src=""></w2:wframe>
    		<xf:group class="container" id="" style="">

    			<xf:group style="" id="" class="contents" tabIndex="">
    				<w2:wframe style="" id="wfm_main" scope="true" src=""></w2:wframe>
    				<xf:group id="grpMsg" style="position: absolute;bottom:3px;left:10px;min-width:calc( 98% - 20px );z-index: 9980;">
    					<xf:group style="display:none;" id="msg_success" class="msg_box success">
    						<w2:textbox tagname="" style="min-height:20px" id="txt_success" label="정상 처리 되었습니다." class="txt_msg"></w2:textbox>
    					</xf:group>
    					<xf:group style="display:none;" id="msg_info" class="msg_box info">
    						<w2:textbox tagname="" style="" id="txt_info" label="정상 처리 되었습니다." class="txt_msg"></w2:textbox>
    					</xf:group>
    					<xf:group style="display:none;" id="msg_warning" class="msg_box warning">
    						<xf:group style="" id="">
    							<w2:textbox tagname="" style="" id="txt_warning" label="처리 도중 오류가 발생하였습니다." class="txt_msg"></w2:textbox>
    							<xf:trigger ev:onclick="scwin.removeWarnMsg" disabled="" style="" id="btn_warnig" type="button"
    								class="btn_close">
    								<xf:label><![CDATA[테이블버튼]]></xf:label>
    							</xf:trigger>
    						</xf:group>
    						<xf:textarea style="min-height: 100px;" id="textarea_warning" placeholder=""></xf:textarea>
    					</xf:group>
    					<xf:group style="display:none;" id="msg_error" class="msg_box error">
    						<xf:group style="" id="">
    							<w2:textbox tagname="" style="" id="txt_error" label="처리 도중 오류가 발생하였습니다." class="txt_msg"></w2:textbox>
    							<xf:trigger ev:onclick="scwin.removeErrorMsg" disabled="" style="" id="btn_error" type="button"
    								class="btn_close">
    								<xf:label><![CDATA[테이블버튼]]></xf:label>
    							</xf:trigger>
    						</xf:group>
    						<xf:textarea style="min-height: 100px;" id="textarea_error" placeholder=""></xf:textarea>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
   			<w2:wframe style="z-index: 9999" id="wfm_side" class="side" scope="true" src=""></w2:wframe>

    	</xf:group>

    </body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_group.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><xf:group class="acdbox" id="">
	<w2:accordion class="acd" id="" style="">
		<w2:panels class="" id="panels1" style="">
			<w2:panelTitle class="" id="panelTitle1" label="타이틀" style="">
</w2:panelTitle>
			<w2:panelContent class="" id="panelContent1" style="">
				<w2:textbox id="" label="내용" style="" tagname="span">
</w2:textbox>
</w2:panelContent>
</w2:panels>
		<w2:panels class="" id="panels2" style="">
			<w2:panelTitle id="panelTitle2" label="타이틀" style="">
</w2:panelTitle>
			<w2:panelContent id="panelContent2" style="">
				<w2:textbox id="" label="내용" style="" tagname="span">
</w2:textbox>
</w2:panelContent>
</w2:panels>
</w2:accordion>
</xf:group>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_group.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><xf:group class="tbcbox" id="" style="">
	<w2:tabControl alwaysDraw="false" class="tbc" confirmFalseAction="new" confirmTrueAction="exist" id="" style="" tabScroll="" useConfirmMessage="false" useMoveNextTabFocus="false" useTabKeyOnly="true">
		<w2:tabs disabled="false" id="tabs1" label="탭1" style="">
		</w2:tabs>
		<w2:tabs disabled="false" id="tabs2" label="탭2" style="">
		</w2:tabs>
		<w2:tabs disabled="false" id="tabs3" label="탭3" style="">
		</w2:tabs>
		<w2:tabs disabled="false" id="tabs4" label="탭4" style="">
		</w2:tabs>
		<w2:tabs disabled="false" id="tabs5" label="탭5" style="">
		</w2:tabs>
		<w2:tabs disabled="false" id="tabs6" label="탭6" style="">
		</w2:tabs>
		<w2:tabs disabled="false" id="tabs7" label="탭7" style="">
		</w2:tabs>
		<w2:content alwaysDraw="false" id="content1" style="">
			<w2:textbox id="" label="Content" style="line-height:28px;height: 30px;text-align:center;width: 100%;">
			</w2:textbox>
</w2:content>
		<w2:content alwaysDraw="false" id="content2" style="">
		</w2:content>
		<w2:content alwaysDraw="false" id="content3" style="height:0px">
		</w2:content>
		<w2:content alwaysDraw="false" id="content4" style="height:0px">
		</w2:content>
		<w2:content alwaysDraw="false" id="content5" style="height:0px">
		</w2:content>
		<w2:content alwaysDraw="false" id="content6" style="height:0px">
		</w2:content>
		<w2:content alwaysDraw="false" id="content7" style="height:0px">
		</w2:content>
</w2:tabControl>
</xf:group>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_group.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><xf:group class="tbcbox" id="" style="">
	<w2:tabControl alwaysDraw="false" class="tbc" confirmFalseAction="new" confirmTrueAction="exist" id="" style="" tabScroll="" useConfirmMessage="false" useMoveNextTabFocus="false" useTabKeyOnly="true">
		<w2:tabs disabled="false" id="tabs1" label="탭1" style="">
		</w2:tabs>
		<w2:tabs disabled="false" id="tabs2" label="탭2" style="">
		</w2:tabs>
		<w2:tabs disabled="false" id="tabs3" label="탭3" style="">
		</w2:tabs>
		<w2:tabs disabled="false" id="tabs4" label="탭4" style="">
		</w2:tabs>
		<w2:tabs disabled="false" id="tabs5" label="탭5" style="">
		</w2:tabs>
		<w2:tabs disabled="false" id="tabs6" label="탭6" style="">
		</w2:tabs>
		<w2:tabs disabled="false" id="tabs7" label="탭7" style="">
		</w2:tabs>
		<w2:content alwaysDraw="false" id="content1" style="">
			<w2:tabControl alwaysDraw="false" class="tbc_sub" confirmFalseAction="new" confirmTrueAction="exist" id="" style="" tabScroll="" useConfirmMessage="false" useMoveNextTabFocus="false" useTabKeyOnly="true">
				<w2:tabs disabled="false" id="tabs1" label="탭1" style="">
				</w2:tabs>
				<w2:tabs disabled="false" id="tabs2" label="탭2" style="">
				</w2:tabs>
				<w2:content alwaysDraw="false" id="content1" style="">
					<w2:textbox id="" label="Content" style="line-height:28px;height: 30px;text-align:center;width: 100%;">
					</w2:textbox>
</w2:content>
				<w2:content alwaysDraw="false" id="content2" style="">
				</w2:content>
</w2:tabControl>
</w2:content>
		<w2:content alwaysDraw="false" id="content2" style="">
		</w2:content>
		<w2:content alwaysDraw="false" id="content3" style="height:0px">
		</w2:content>
		<w2:content alwaysDraw="false" id="content4" style="height:0px">
		</w2:content>
		<w2:content alwaysDraw="false" id="content5" style="height:0px">
		</w2:content>
		<w2:content alwaysDraw="false" id="content6" style="height:0px">
		</w2:content>
		<w2:content alwaysDraw="false" id="content7" style="height:0px">
		</w2:content>
</w2:tabControl>
</xf:group>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_pageList.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><w2:pageList class="pgl" displayButtonType="display" displayFormat="#" id="pageList1" pageSize="10" pagingType="0" style="">
</w2:pageList>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_group.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><xf:group adaptiveThreshold="" class="gvwbox" id="" style="">
	<w2:gridView autoFit="allColumn" checkReadOnlyOnPasteEnable="" class="gvw" dataList="data:dataList1" defaultCellHeight="26"
		focusMode="row" id="" scrollByColumn="false" scrollByColumnAdaptive="false" style="height: 150px;" visibleRowNum="10">
		<w2:caption id="caption2" style="" value="this is a grid caption."></w2:caption>
		<w2:header id="header2" style="">
			<w2:row id="row3" style="">
				<w2:column blockSelect="false" displayMode="label" id="column12" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column11" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column10" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column9" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column8" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column7" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column6" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column5" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column4" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column3" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
			</w2:row>
		</w2:header>
		<w2:gBody id="gBody2" style="">
			<w2:row id="row4" style="">
				<w2:column blockSelect="false" displayMode="label" id="col1" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col2" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col3" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col4" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col5" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col6" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col7" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col8" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col9" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col10" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
			</w2:row>
		</w2:gBody>
	</w2:gridView>
</xf:group>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_group.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><xf:group adaptiveThreshold="" class="gvwbox" id="" style="">
	<w2:gridView autoFit="allColumn" checkReadOnlyOnPasteEnable="" class="gvw" dataList="data:dataList1" defaultCellHeight="26"
		focusMode="row" id="" keepDefaultColumnWidth="true" rowNumHeaderValue="No" rowNumVisible="true" rowNumWidth="50" rowStatusHeaderValue="상태"
		rowStatusVisible="true" rowStatusWidth="50" scrollByColumn="false" scrollByColumnAdaptive="false" style="height: 150px;"
		visibleRowNum="10">
		<w2:caption id="caption2" style="" value="this is a grid caption."></w2:caption>
		<w2:header id="header2" style="">
			<w2:row id="row3" style="">
				<w2:column blockSelect="false" displayMode="label" id="column11" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column10" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column9" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column8" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column7" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column6" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column5" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column4" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="column3" inputType="text" removeBorderStyle="false" value="타이틀"
					width="70">
				</w2:column>
			</w2:row>
		</w2:header>
		<w2:gBody id="gBody2" style="">
			<w2:row id="row4" style="">
				<w2:column blockSelect="false" displayMode="label" id="col2" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col3" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col4" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col5" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col6" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col7" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col8" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col9" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
				<w2:column blockSelect="false" displayMode="label" id="col10" inputType="text" removeBorderStyle="false" width="70">
				</w2:column>
			</w2:row>
		</w2:gBody>
	</w2:gridView>
</xf:group>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_select1.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><xf:select1 allOption="true" appearance="minimal" chooseOption="" class="" direction="auto" disabled="false" disabledClass="w2selectbox_disabled" id="" ref="" renderType="" style="width: 148px;" submenuSize="auto">
	<xf:choices>
		<xf:item>
			<xf:label>
<![CDATA[new row]]></xf:label>
			<xf:value>
			</xf:value>
</xf:item>
		<xf:item>
			<xf:label>
<![CDATA[new row]]></xf:label>
			<xf:value>
			</xf:value>
</xf:item>
</xf:choices>
</xf:select1>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="/multi/i_input.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body>
    	<xf:input class="tar" dataType="number" editType="" id="" placeholder="" style="width:148px;" type=""></xf:input>
    	<w2:span id="" label="원" style=""></w2:span>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_group.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><xf:group class="flex" id="" style="">
	<xf:input class="" id="" placeholder="" style="width:100%;">
	</xf:input>
	<xf:input class="flex_no" id="" placeholder="" style="width:148px;">
	</xf:input>
	<xf:trigger class="btn_cm btn_search " id="" style="" type="button">
		<xf:label>
<![CDATA[Search]]></xf:label>
</xf:trigger>
</xf:group>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_autoComplete.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><w2:autoComplete allOption="" chooseOption="" editType="select" id="" ref="" search="start" style="width: 148px;" submenuSize="auto" useKeywordHighlight="false">
	<w2:choices>
		<w2:item>
			<w2:label>
<![CDATA[A]]></w2:label>
			<w2:value>
			</w2:value>
</w2:item>
		<w2:item>
			<w2:label>
<![CDATA[AB]]></w2:label>
			<w2:value>
			</w2:value>
</w2:item>
		<w2:item>
			<w2:label>
<![CDATA[ABC]]></w2:label>
			<w2:value>
			</w2:value>
</w2:item>
		<w2:item>
			<w2:label>
<![CDATA[ABCD]]></w2:label>
			<w2:value>
			</w2:value>
</w2:item>
</w2:choices>
</w2:autoComplete>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_group.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><xf:group class="flex" id="" style="">
	<xf:input class="" id="" placeholder="" style="width:100%;">
	</xf:input>
	<w2:span id="" label="@" style="">
	</w2:span>
	<xf:input class="" id="" placeholder="" style="width:100%;">
	</xf:input>
	<xf:select1 allOption="true" appearance="minimal" chooseOption="" class="" direction="auto" disabled="false" disabledClass="w2selectbox_disabled" id="" ref="" renderType="" style="" submenuSize="auto">
		<xf:choices>
			<xf:item>
				<xf:label>
<![CDATA[직접입력]]></xf:label>
				<xf:value>
				</xf:value>
</xf:item>
</xf:choices>
</xf:select1>
</xf:group>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_input.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><xf:input class="" id="" placeholder="" style="width:100%;">
</xf:input>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_span.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><w2:span id="" label="출력텍스트입니다. " style="">
</w2:span>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_select.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><xf:select appearance="full" cols="" disabled="" id="" ref="" renderType="checkboxgroup" rows="" selectedindex="1" style="">
	<xf:choices>
		<xf:item>
			<xf:label>
<![CDATA[Atype]]></xf:label>
			<xf:value>
			</xf:value>
</xf:item>
		<xf:item>
			<xf:label>
<![CDATA[Btype]]></xf:label>
			<xf:value>
			</xf:value>
</xf:item>
</xf:choices>
</xf:select>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="/multi/i_input.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><xf:input class="" id="" placeholder="" style="width:148px;">
</xf:input>
<xf:trigger class="btn_cm btn_search " id="" style="" type="button">
	<xf:label>
<![CDATA[Search]]></xf:label>
</xf:trigger>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="/multi/i_input.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><xf:input class="" id="" placeholder="" style="width:148px;">
</xf:input>
<w2:span id="" label="@" style="">
</w2:span>
<xf:input class="" id="" placeholder="" style="width:148px;">
</xf:input>
<xf:select1 allOption="true" appearance="minimal" chooseOption="" class="" direction="auto" disabled="false" disabledClass="w2selectbox_disabled" id="" ref="" renderType="" style="width: 148px;" submenuSize="auto">
	<xf:choices>
		<xf:item>
			<xf:label>
<![CDATA[직접입력]]></xf:label>
			<xf:value>
			</xf:value>
</xf:item>
</xf:choices>
</xf:select1>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_select1.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><xf:select1 allOption="" appearance="minimal" chooseOption="" class="" direction="auto" disabled="false" disabledClass="w2selectbox_disabled" id="" ref="" renderType="" style="width:100%;" submenuSize="auto">
	<xf:choices>
		<xf:item>
			<xf:label>
<![CDATA[new row]]></xf:label>
			<xf:value>
</xf:value>
</xf:item>
		<xf:item>
			<xf:label>
<![CDATA[new row]]></xf:label>
			<xf:value>
</xf:value>
</xf:item>
		<xf:item>
			<xf:label>
<![CDATA[new row]]></xf:label>
			<xf:value>
</xf:value>
</xf:item>
</xf:choices>
</xf:select1>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_input.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><xf:input class="" id="" placeholder="" style="width:148px;">
</xf:input>
</body>
</html>


<?xml version="1.0" encoding="UTF-8" standalone="no"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:buildDate/>
        <w2:userPalette defaultIcon="i_select1.png" desc=""/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="text/javascript"><![CDATA[ ]]></script>
    </head>
    <body><xf:select1 appearance="full" cols="" disabled="" id="" ref="" renderType="radiogroup" rows="" selectedIndex="1" style="">
	<xf:choices>
		<xf:item>
			<xf:label>
<![CDATA[Atype]]></xf:label>
			<xf:value>
			</xf:value>
</xf:item>
		<xf:item>
			<xf:label>
<![CDATA[Btype]]></xf:label>
			<xf:value>
			</xf:value>
</xf:item>
</xf:choices>
</xf:select1>
</body>
</html>