<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="/cm/css/base.css" type="text/css"?>
<?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 meta_vertical_guides="" meta_horizontal_guides="">
        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>
        <script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function() {

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

    			<w2:wframe class="dsside" id="" scope="true" src="/websquare/kit/design_kit/xml/side.xml" style=""></w2:wframe></xf:group>
    			<xf:group class="designKit_cont" id="">
    			<xf:group id="" class="dscontents"><w2:wframe src="/websquare/kit/design_kit/xml/color.xml" style="" id="content1" class=""></w2:wframe></xf:group></xf:group>
    		</xf:group>
    		<xf:group class="r_contents" id="" style="display:none" tagname="ul">
    			<w2:textbox id="" label="CONTENTS" style=""></w2:textbox>
    			<xf:group id="" tagname="li">
    				<w2:anchor href="#mf_color" id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Color]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    			<xf:group id="" style="" tagname="li">
    				<w2:anchor href="#mf_primary" id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Primary Color]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    			<xf:group id="" style="" tagname="li">
    				<w2:anchor href="#mf_second" id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Second Color]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    			<xf:group id="" style="" tagname="li">
    				<w2:anchor href="#mf_sub" id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Sub Color]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    			<xf:group id="" style="" tagname="li">
    				<w2:anchor href="#mf_alert" id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Alert Color]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    			<xf:group id="" style="" tagname="li">
    				<w2:anchor href="#mf_legend" id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Legend Color]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    			<xf:group id="" style="" tagname="li">
    				<w2:anchor href="#mf_grayscale" id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Gray Scale]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    		</xf:group>
    	</xf:group>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="/cm/css/base.css" type="text/css"?>
<?xml-stylesheet href="/websquare/kit/design_kit/design_kit.css" type="text/css"?>
<?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>COMPONENT</w2:type>
    	<w2:buildDate />
    	<w2:MSA />
    	<xf:model>
    		<w2:dataCollection baseNode="map" />
    		<w2:workflowCollection />
    	</xf:model>
    	<w2:layoutInfo />
    	<w2:publicInfo method="" />
    	<script lazy="false" type="text/javascript"><![CDATA[scwin.btnDsSlide_onclick = function () {
    $(".designKit_layout").toggleClass("hide_menu");
};

scwin.onpageload = function() {
};

scwin.btn_components_onclick = function() {
    var parentComp = this.getParent();
    if (!parentComp.hasClass("on")){
        parentComp.toggleClass("on");
        btn_guid.getParent().removeClass("on");
        btn_template.getParent().removeClass("on");
        wf_main.setSrc("/websquare/kit/design_kit/design_kit.xml");
    }
};

scwin.btn_guide_onclick = function() {
    var parentComp = this.getParent();
    if (!parentComp.hasClass("on")){
        parentComp.toggleClass("on");
        btn_components.getParent().removeClass("on");
        btn_template.getParent().removeClass("on");
        wf_main.setSrc("/websquare/kit/design_kit/design_kit_guide.xml");
    }
};

scwin.btn_template_onclick = function() {
    var parentComp = this.getParent();
    if (!parentComp.hasClass("on")){
        parentComp.toggleClass("on");
        btn_guid.getParent().removeClass("on");
        btn_components.getParent().removeClass("on");
        wf_main.setSrc("/websquare/kit/design_kit/design_kit_template.xml");
    }
};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<xf:group class="dswrap" id="" style="">
    		<xf:group class="dsheader" id="dsheaderGrp" style="">
    			<xf:group class="logo" id="">
    				<w2:anchor class="btn_designKit_slide" ev:onclick="scwin.btnDsSlide_onclick" id="btnDsSlide" outerDiv="false"
    					style="">
    					<xf:label><![CDATA[메뉴]]></xf:label>
    				</w2:anchor>
    				<w2:textbox id="" label="DesignKit" style=""></w2:textbox>
    			</xf:group>
    			<xf:group class="gnb_menu" id="" style="" tagname="ul">
    				<xf:group id="" style="" tagname="li"></xf:group>
    				<xf:group id="" style="" tagname="li"></xf:group><xf:group class="on" id="" style="" tagname="li">
    					<w2:anchor ev:onclick="scwin.btn_components_onclick" id="btn_components" outerDiv="false" style="">
    						<xf:label><![CDATA[Components]]></xf:label>
    					</w2:anchor>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="li">
    					<w2:anchor id="btn_template" outerDiv="false" style="" ev:onclick="scwin.btn_template_onclick">
    						<xf:label><![CDATA[Template]]></xf:label>
    					</w2:anchor>
    				</xf:group>

    				<xf:group id="" style="" tagname="li" class="">
    					<w2:anchor id="btn_guid" outerDiv="false" style="" ev:onclick="scwin.btn_guide_onclick">
    						<xf:label><![CDATA[DesignKit Guide]]></xf:label>
    					</w2:anchor>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group class="dscontainer" id="">
    			<w2:wframe style="" id="wf_main" src="/websquare/kit/design_kit/design_kit.xml"></w2:wframe>
    		</xf:group>
    	</xf:group>
    </body>
</html>


<?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: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="타이틀" style=""></w2:textbox>
    		<w2:textbox class="con_txt" escape="false" id="" label="Page 최상단의 공통 영역입니다. 페이지타이틀, 서브타이틀을 제공합니다.
" 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="">
    		</xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id=""
    				label="· 페이지 타이틀은 최종 depth 메뉴명과 일치합니다.
· 한 페이지 내에 조회 영역을 제외한 두 개 이상의 모듈이 존재할 경우, 각 모듈 상단에 서브타이틀을 배치합니다. " style="">
    			</w2:textbox>
    		</xf:group>
    		<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 class="breadcrumb" id="" style="">
    				<xf:group id="" style="" tagname="ul">
    					<xf:group class="home" id="" style="" tagname="li">
    						<w2:anchor id="" outerDiv="false" style="">
    							<xf:label><![CDATA[Home]]></xf:label>
    						</w2:anchor>
    					</xf:group>
    					<xf:group id="" style="" tagname="li">
    						<w2:anchor id="" outerDiv="false" style="">
    							<xf:label><![CDATA[1Depth Menu]]></xf:label>
    						</w2:anchor>
    					</xf:group>
    					<xf:group id="" style="" tagname="li">
    						<w2:anchor id="" outerDiv="false" style="">
    							<xf:label><![CDATA[2Depth Menu]]></xf:label>
    						</w2:anchor>
    					</xf:group>
    					<xf:group id="" style="" tagname="li">
    						<w2:span id="" label="3Depth Menu" style=""></w2:span>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</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 " 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 class="tblbox" id="" style="">
    			<xf:group adaptive="layout" adaptiveThreshold="600" class="w2tb tbl" id="" style="" tagname="table">
    				<w2:attributes>
    					<w2:summary></w2:summary>
    				</w2:attributes>
    				<xf:group tagname="colgroup">
    					<xf:group style="width:150px;" tagname="col"></xf:group>
    					<xf:group style="" tagname="col"></xf:group>
    				</xf:group>
    				<xf:group style="" tagname="tr">
    					<xf:group class="w2tb_th" style="" tagname="th">
    						<w2:textbox class="req" id="" label="테이블헤더" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group class="w2tb_td" style="" tagname="td"></xf:group>
    				</xf:group>
    				<xf:group tagname="tr">
    					<xf:group class="w2tb_th " tagname="th">
    						<w2:attributes>
    							<w2:scope>row</w2:scope>
    						</w2:attributes>
    						<w2:textbox class="" id="" label="테이블헤더" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group class="w2tb_td" tagname="td">
    						<w2:attributes>
    							<w2:colspan>1</w2:colspan>
    							<w2:rowspan>1</w2:rowspan>
    						</w2:attributes>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group class="lybox" id="" style="">
    			<xf:group adaptiveThreshold="" class="ly_column col_5" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="서브서브타이틀" style="" tagname="h4"></w2:textbox>
    				</xf:group>
    				<xf:group class="tblbox" id="" style="">
    					<xf:group adaptive="layout" adaptiveThreshold="600" class="w2tb tbl" id="" style="" tagname="table">
    						<w2:attributes>
    							<w2:summary></w2:summary>
    						</w2:attributes>
    						<xf:group tagname="colgroup">
    							<xf:group style="width:150px;" tagname="col"></xf:group>
    							<xf:group style="" tagname="col"></xf:group>
    						</xf:group>
    						<xf:group style="" tagname="tr">
    							<xf:group class="w2tb_th" style="" tagname="th">
    								<w2:textbox class="req" id="" label="테이블헤더" ref="" style="" userData2=""></w2:textbox>
    							</xf:group>
    							<xf:group class="w2tb_td" style="" tagname="td"></xf:group>
    						</xf:group>
    						<xf:group tagname="tr">
    							<xf:group class="w2tb_th " tagname="th">
    								<w2:attributes>
    									<w2:scope>row</w2:scope>
    								</w2:attributes>
    								<w2:textbox class="" id="" label="테이블헤더" ref="" style="" userData2=""></w2:textbox>
    							</xf:group>
    							<xf:group class="w2tb_td" tagname="td">
    								<w2:attributes>
    									<w2:colspan>1</w2:colspan>
    									<w2:rowspan>1</w2:rowspan>
    								</w2:attributes>
    							</xf:group>
    						</xf:group>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    			<xf:group class="ly_column col_5" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="서브서브타이틀" style="" tagname="h4"></w2:textbox>
    				</xf:group>
    				<xf:group class="tblbox" id="" style="">
    					<xf:group adaptive="layout" adaptiveThreshold="600" class="w2tb tbl" id="" style="" tagname="table">
    						<w2:attributes>
    							<w2:summary></w2:summary>
    						</w2:attributes>
    						<xf:group tagname="colgroup">
    							<xf:group style="width:150px;" tagname="col"></xf:group>
    							<xf:group style="" tagname="col"></xf:group>
    						</xf:group>
    						<xf:group style="" tagname="tr">
    							<xf:group class="w2tb_th" style="" tagname="th">
    								<w2:textbox class="req" id="" label="테이블헤더" ref="" style="" userData2=""></w2:textbox>
    							</xf:group>
    							<xf:group class="w2tb_td" style="" tagname="td"></xf:group>
    						</xf:group>
    						<xf:group tagname="tr">
    							<xf:group class="w2tb_th " tagname="th">
    								<w2:attributes>
    									<w2:scope>row</w2:scope>
    								</w2:attributes>
    								<w2:textbox class="" id="" label="테이블헤더" ref="" style="" userData2=""></w2:textbox>
    							</xf:group>
    							<xf:group class="w2tb_td" tagname="td">
    								<w2:attributes>
    									<w2:colspan>1</w2:colspan>
    									<w2:rowspan>1</w2:rowspan>
    								</w2:attributes>
    							</xf:group>
    						</xf:group>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>

    	</xf:group>


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

        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>

    	<xf:group class="top_box" id="" style="" tagname="">
    		<w2:textbox class="con_tit" id="" label="조회영역" style=""></w2:textbox>
    		<w2:textbox class="con_txt" escape="false" id="" label="다수의 조회조건 일 경우, 중요도에 따라 상위에 위치 시키며, 줄바꿈이 필요할 경우, adaptive 속성을 사용합니다."
    			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="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id=""
    				label="· 조회 조건의 레이블은 우측 정렬합니다.
· 별도의 팝업을 통해서 조회를 하는 경우 돋보기 버튼을 사용합니다.
· 다수의 조회조건이 있을 경우, 조회 조건의 중요한 항목을 좌측에 위치합니다."
    				style="">
    			</w2:textbox>
    		</xf:group>
    		<xf:group class="schbox" id="" style="" adaptive="layout" adaptiveThreshold="600">
    			<xf:group class="schbox_inner" id="" style="">
    				<xf:group adaptive="layout" adaptiveThreshold="1024" 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="req" 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="line_gray" id="second" style="" tagname="hr"></xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id=""
    				label='· 조회 옵션이 4개 이상일 경우는 Selectbox 사용을 권하며, 기본값은 ‘선택’으로 표시합니다.
· 필수로 입력해야 하는 입력폼의 경우 , 레이블의 좌측에 를 &nbsp;추가하고, 폼요소에는 &nbsp;Background color 를 적용해 줍니다.'
    				style="">
    			</w2:textbox>
    		</xf:group>
    		<xf:group class="schbox" id="" style="">
    				<xf:group class="schbox_inner" id="" style="">
    					<xf:group adaptive="layout" adaptiveThreshold="1024" 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="req" 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="req" 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="req" 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 class="" id="" style="" tagname="tr">
    							<xf:group class="w2tb_th" style="" tagname="th">
    								<w2:textbox class="" id="" label="조건" style=""></w2:textbox>
    							</xf:group>
    							<xf:group class="w2tb_td" style="" tagname="td">
    								<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>
    							</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">
    								<w2:inputCalendar alt="" calendarValueType="yearMonthDate" class="" focusOnDateSelect="false" footerDiv="true" id="" renderDiv="true" renderType="" rightAlign="false" style="width:120px;">
    								</w2:inputCalendar>
    								<w2:span id="" label="~" style=""></w2:span>
    								<w2:inputCalendar calendarValueType="yearMonthDate" class="" focusOnDateSelect="false" footerDiv="true" id="" renderDiv="true" renderType="" rightAlign="false" style="width:120px;">
    								</w2:inputCalendar>
    							</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>


<?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>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>
        <script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function() {

};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<xf:group class="top_box" id="" style="" tagname="">
    		<w2:textbox class="con_tit" id="" label="Typography" style=""></w2:textbox>
    		<w2:textbox class="con_txt" escape="false" id=""
    			label="기본적으로 고딕 형태의 정해진 폰트를 사용합니다.<br/>"
    			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="Font" style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id="" label="모든 컴포넌트 요소에 &nbsp;'맑은 고딕'을 사용합니다. 기준 폰트 사이즈는 12px입니다. "
    				style="">
    			</w2:textbox>
    		</xf:group>
    		<xf:group id="" class="font_script_box">
    			<xf:group class="lybox" id="" style="">
    				<xf:group adaptiveThreshold="" class="ly_column col_5" id="" style="">
    					<xf:group id="" style="" class="fonttype_box">
    						<w2:textbox tagname="span" style="display: block;" id="" label="맑은 고딕" class="page_tit" escape="false"></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="ly_column col_5" id="" style="">
    					<xf:group id="" style="" class="fonttype_box">
    						<w2:textbox tagname="span" style="display: block;" id="" label="Malgun Gothic" class="page_tit"
    							escape="false">
    						</w2:textbox>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group class="subtitbox" id="" style="" tagname="">
    			<w2:textbox class="subtit" id="" label="Usage" style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="fontsize_txtbox mt20" id="" style="">
    			<w2:textbox class="page_tit" escape="false" id="" label="화면타이틀" style="" tagname="span"></w2:textbox>
    			<w2:textbox class="page_tit" escape="false" id="" label="PageTitle" style="" tagname="span"></w2:textbox>
    			<w2:textbox class="" escape="false" id="" label="18px" style="" tagname="span"></w2:textbox>
    			<w2:textbox class="" escape="false" id="" label="Bold" style="" tagname="span"></w2:textbox>
    		</xf:group>
    		<xf:group class="fontsize_txtbox" id="" style="">
    			<w2:textbox class="sub_tit" escape="false" id="" label="서브타이틀 " style="" tagname="h3"></w2:textbox>
    			<w2:textbox class="sub_tit" escape="false" id="" label="Subtitle" style="" tagname="h3"></w2:textbox>
    			<w2:textbox class="" escape="false" id="" label="14px" style="" tagname="span"></w2:textbox>
    			<w2:textbox class="" escape="false" id="" label="Bold " style="" tagname="span"></w2:textbox>
    		</xf:group>
    		<xf:group class="fontsize_txtbox" id="" style="">
    			<w2:textbox class="sub_head" escape="false" id="" label="항목타이틀 / 버튼" style="" tagname="span"></w2:textbox>
    			<w2:textbox class="sub_head" escape="false" id="" label="Subhead / Buttons" style="" tagname="span"></w2:textbox>
    			<w2:textbox class="" escape="false" id="" label="12px" style="" tagname="span"></w2:textbox>
    			<w2:textbox class="" escape="false" id="" label="Bold " style="" tagname="span"></w2:textbox>
    		</xf:group>
    		<xf:group class="fontsize_txtbox" id="" style="">
    			<w2:textbox class="" escape="false" id="" label="본문 / 라벨" style="" tagname="span"></w2:textbox>
    			<w2:textbox class="" escape="false" id="" label="Body / label" style="" tagname="span"></w2:textbox>
    			<w2:textbox class="" escape="false" id="" label="12px" style="" tagname="span"></w2:textbox>
    			<w2:textbox class="" escape="false" id="" label="Normal" style="" tagname="span"></w2:textbox>
    		</xf:group>
    	</xf:group>
    </body>
</html>


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

        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>

    	<xf:group class="top_box" id="" style="" tagname="">
    		<w2:textbox class="con_tit" id="" label="Overview" style=""></w2:textbox>
    		<w2:textbox class="con_txt" escape="false" id=""
    			label="WDS (WebSquare Design System)
Websquare SP5 DesignSystem은 &nbsp;애플리케이션을 개발하는데 도움을 주기 위한 웹스퀘어 스튜디오 SP5의 추가된 기능입니다.
"
    			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="WDS &nbsp;(WebSquare Design System)" style="" escape="false"></w2:textbox>
    		</xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id="" label="이전버전의 스니핏 사용법과 동일하지만, WDS는 썸네일로 제공되는 스니핏이라서 쉽게 사용할 수 있습니다." style=""></w2:textbox>
    		</xf:group>
    		<xf:group id="" class="font_script_box"><xf:group tagname="" style="" id="" class="titbox">
    			<w2:textbox style="" id="" label=": &nbsp;v 1.0 (2022.11) - 최초 작성" class="  " escape="false"></w2:textbox>
    		</xf:group></xf:group>
    	</xf:group>


<?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>COMPONENT</w2:type>
    	<w2:buildDate />
    	<w2:MSA />
    	<xf:model>
    		<w2:dataCollection baseNode="map">
    			<w2:dataList baseNode="list" repeatNode="map" id="dlt_menu" saveRemovedData="true">
    				<w2:columnInfo>
    					<w2:column id="MENU_CD" name="메뉴코드" dataType="text"></w2:column>
    					<w2:column id="MENU_NM" name="메뉴명" dataType="text"></w2:column>
    					<w2:column id="IS_USE" name="사용유무" dataType="text"></w2:column>
    					<w2:column id="SRC_PATH" name="메뉴경로" dataType="text"></w2:column>
    					<w2:column id="PARENT_MENU_CD" name="부모메뉴코드" dataType="text"></w2:column>
    					<w2:column id="MENU_LEVEL" name="메뉴레벨" dataType="text"></w2:column>
    					<w2:column id="SORT_ORDER" name="정렬순서" dataType="text"></w2:column>
    					<w2:column id="PROGRAM_CD" name="프로그램코드" dataType="text"></w2:column>
    				</w2:columnInfo>
    				<w2:data use="true">
    					<w2:row>
    						<MENU_CD><![CDATA[001000000]]></MENU_CD>
    						<MENU_LEVEL><![CDATA[1]]></MENU_LEVEL>
    						<MENU_NM><![CDATA[Overview]]></MENU_NM>
    						<SRC_PATH><![CDATA[/websquare/kit/design_kit/xml/overview.xml]]></SRC_PATH>
    					</w2:row>
    					<w2:row>
    						<MENU_CD><![CDATA[002000000]]></MENU_CD>
    						<MENU_LEVEL><![CDATA[1]]></MENU_LEVEL>
    						<MENU_NM><![CDATA[Color]]></MENU_NM>
    						<SRC_PATH><![CDATA[/websquare/kit/design_kit/xml/color.xml]]></SRC_PATH>
    					</w2:row>
    					<w2:row>
    						<MENU_CD><![CDATA[003000000]]></MENU_CD>

    						<MENU_NM><![CDATA[Typography]]></MENU_NM>
    						<MENU_LEVEL><![CDATA[1]]></MENU_LEVEL>
    						<SRC_PATH><![CDATA[/websquare/kit/design_kit/xml/typography.xml]]></SRC_PATH>
    						<PARENT_MENU_CD><![CDATA[]]></PARENT_MENU_CD>
    					</w2:row>
    					<w2:row>
    						<MENU_CD><![CDATA[004000000]]></MENU_CD>
    						<MENU_LEVEL><![CDATA[1]]></MENU_LEVEL>
    						<MENU_NM><![CDATA[Grid System]]></MENU_NM>
    						<SRC_PATH><![CDATA[/websquare/kit/design_kit/xml/gridsystem.xml]]></SRC_PATH>
    					</w2:row>
    					<w2:row>
    						<MENU_CD><![CDATA[007000000]]></MENU_CD>

    						<MENU_NM><![CDATA[Components]]></MENU_NM>
    						<MENU_LEVEL><![CDATA[1]]></MENU_LEVEL>
    						<SRC_PATH><![CDATA[]]></SRC_PATH>
    						<PARENT_MENU_CD><![CDATA[]]></PARENT_MENU_CD>
    					</w2:row>
    					<w2:row>
    						<MENU_CD><![CDATA[007001000]]></MENU_CD>
    						<MENU_NM><![CDATA[타이틀]]></MENU_NM>
    						<MENU_LEVEL><![CDATA[2]]></MENU_LEVEL>
    						<SRC_PATH><![CDATA[/websquare/kit/design_kit/xml/title.xml]]></SRC_PATH>
    						<PARENT_MENU_CD><![CDATA[007000000]]></PARENT_MENU_CD>
    					</w2:row>
    					<w2:row>
    						<MENU_CD><![CDATA[007002000]]></MENU_CD>
    						<MENU_NM><![CDATA[조회영역]]></MENU_NM>
    						<MENU_LEVEL><![CDATA[2]]></MENU_LEVEL>
    						<SRC_PATH><![CDATA[/websquare/kit/design_kit/xml/searcharea.xml]]></SRC_PATH>
    						<PARENT_MENU_CD><![CDATA[007000000]]></PARENT_MENU_CD>
    					</w2:row>
    					<w2:row>
    						<MENU_CD><![CDATA[007003000]]></MENU_CD>
    						<MENU_NM><![CDATA[입력폼]]></MENU_NM>
    						<MENU_LEVEL><![CDATA[2]]></MENU_LEVEL>
    						<SRC_PATH><![CDATA[/websquare/kit/design_kit/xml/input.xml]]></SRC_PATH>
    						<PARENT_MENU_CD><![CDATA[007000000]]></PARENT_MENU_CD>
    					</w2:row>
    					<w2:row>
    						<MENU_CD><![CDATA[007006000]]></MENU_CD>
    						<MENU_NM><![CDATA[입출력테이블]]></MENU_NM>
    						<MENU_LEVEL><![CDATA[2]]></MENU_LEVEL>
    						<SRC_PATH><![CDATA[/websquare/kit/design_kit/xml/table.xml]]></SRC_PATH>
    						<PARENT_MENU_CD><![CDATA[007000000]]></PARENT_MENU_CD>
    					</w2:row>
    					<w2:row>
    						<MENU_CD><![CDATA[007007000]]></MENU_CD>
    						<MENU_NM><![CDATA[그리드]]></MENU_NM>
    						<MENU_LEVEL><![CDATA[2]]></MENU_LEVEL>
    						<SRC_PATH><![CDATA[/websquare/kit/design_kit/xml/grid.xml]]></SRC_PATH>
    						<PARENT_MENU_CD><![CDATA[007000000]]></PARENT_MENU_CD>
    					</w2:row>
    					<w2:row>

    						<MENU_CD><![CDATA[007008000]]></MENU_CD>

    						<MENU_NM><![CDATA[탭]]></MENU_NM>
    						<MENU_LEVEL><![CDATA[2]]></MENU_LEVEL>
    						<SRC_PATH><![CDATA[/websquare/kit/design_kit/xml/tab.xml]]></SRC_PATH>
    						<PARENT_MENU_CD><![CDATA[007000000]]></PARENT_MENU_CD>
    					</w2:row>

    					<w2:row>

    						<MENU_CD><![CDATA[007010000]]></MENU_CD>

    						<MENU_NM><![CDATA[트리]]></MENU_NM>
    						<MENU_LEVEL><![CDATA[2]]></MENU_LEVEL>
    						<SRC_PATH><![CDATA[/websquare/kit/design_kit/xml/tree.xml]]></SRC_PATH>
    						<PARENT_MENU_CD><![CDATA[007000000]]></PARENT_MENU_CD>
    					</w2:row>
    					<w2:row>

    						<MENU_CD><![CDATA[007012000]]></MENU_CD>

    						<MENU_NM><![CDATA[버튼]]></MENU_NM>
    						<MENU_LEVEL><![CDATA[2]]></MENU_LEVEL>
    						<SRC_PATH><![CDATA[/websquare/kit/design_kit/xml/button.xml]]></SRC_PATH>
    						<PARENT_MENU_CD><![CDATA[007000000]]></PARENT_MENU_CD>
    					</w2:row>
    					<w2:row>
    						<MENU_CD><![CDATA[007013000]]></MENU_CD>

    						<MENU_NM><![CDATA[메시지]]></MENU_NM>
    						<MENU_LEVEL><![CDATA[2]]></MENU_LEVEL>
    						<SRC_PATH><![CDATA[/websquare/kit/design_kit/xml/message.xml]]></SRC_PATH>
    						<PARENT_MENU_CD><![CDATA[007000000]]></PARENT_MENU_CD>
    					</w2:row>

    					<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:dataCollection>
    		<w2:workflowCollection />
    	</xf:model>
    	<w2:layoutInfo />
    	<w2:publicInfo method="" />
    	<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function() {

};

scwin.tw_menu_onlabelclick = function(value,nodeElement,index) {
    var selectedMenu = dlt_menu.getMatchedJSON("MENU_CD", value);
    var tValue = selectedMenu[0].SRC_PATH;  //var tValue = value.replaceAll("/", "");

    $p.parent().content1.setSrc(tValue);
};]]></script>
<style type="text/css">
.tw_menuCustom {
	background: #EFF1F3;
	border: 1px solid #EFF1F3;
	color: #20252A;
}
</style>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<xf:group class="grp_tab" id="" style="bottom:0">
    		<xf:group class="tab_con" id="" style="">
    			<w2:treeview class="tw_menu" dataType="listed" ev:onlabelclick="scwin.tw_menu_onlabelclick" id="tw_menu" lineShow="false"
    				style="" tooltipGroupClass="false" toggleEvent="onclick" renderType="table">
    				<w2:itemset nodeset="data:dlt_menu">
    					<w2:label ref="MENU_NM"></w2:label>
    					<w2:value ref="MENU_CD"></w2:value>
    					<w2:depth ref="MENU_LEVEL"></w2:depth>
    					<w2:folder ref=""></w2:folder>
    					<w2:checkbox ref=""></w2:checkbox>
    					<w2:checkboxDisabled ref=""></w2:checkboxDisabled>
    					<w2:image ref=""></w2:image>
    					<w2:iconImage ref=""></w2:iconImage>
    					<w2:selectedImage ref=""></w2:selectedImage>
    					<w2:expandedImage ref=""></w2:expandedImage>
    					<w2:leafImage ref=""></w2:leafImage>
    				</w2:itemset>
    			</w2:treeview>
    		</xf:group>
    	</xf:group>
    </body>
</html>


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

        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>

    	<xf:group class="top_box" id="" style="" tagname="">
    		<w2:textbox class="con_tit" id="" label="Tab" style=""></w2:textbox>
    		<w2:textbox class="con_txt" escape="false" id="" label="다건의 탭과 콘텐츠를 생성할 수 있으며 동적으로 탭을 생성하거나 삭제할 수 있습니다. "
    			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="Basic Tab" style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id=""
    				label="· 각각의 탭은 선택 빈도순이나 업무 순서로 배치시키며, 첫 번째 탭은 활성화 시킵니다.
· 각각의 탭 버튼은 width값을 고정시키지 않고 레이블 길이에 따라 달라집니다.
· 레이블은 다른 탭과 구분이 될 수 있도록 명확하게 지정합니다.
· 일반적으로 한두 단어로 짧고 스캔 가능한 레이블을 사용합니다. &nbsp;
· 선택된 탭과 비선택된 탭을 배경색으로 구분시켜 줍니다.
"
    				style="">
    			</w2:textbox>
    		</xf:group>

    		<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="" style="line-height:28px;height: 50px;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>
    		<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="선택된 탭" 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="" style="line-height:28px;height:50px;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>
    		<xf:group class="line_gray" id="group3" style="" tagname="hr"></xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id=""
    				label="· 서브탭(Tab in tab)을 사용할 경우, 두개의 탭이 구분될 수 있도록 합니다.
· 탭의 개수가 한 줄을 넘어갈 경우, 탭 스크롤을 사용합니다." style="">
    			</w2:textbox>
    		</xf:group>
    		<xf:group class="lybox" id="" style="">
    			<xf:group adaptiveThreshold="" class="ly_column col_5" id="" style="">
    				<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="" 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>
    			</xf:group>
    			<xf:group class="ly_column col_5" id="" style="">
    				<xf:group class="tbcbox" id="" style="">
    					<w2:tabControl alwaysDraw="false" class="tbc" confirmFalseAction="new" confirmTrueAction="exist" id="" style=""
    						tabScroll="true" useConfirmMessage="false" useMoveNextTabFocus="false" useTabKeyOnly="true">
    						<w2:tabs disabled="false" id="tabs1" label="선택된 탭" 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="탭8" style=""></w2:tabs>
    						<w2:tabs disabled="false" style="" id="tabs9" label="탭9"></w2:tabs>
    						<w2:tabs disabled="false" style="" id="tabs10" label="탭10"></w2:tabs>
    						<w2:tabs disabled="false" style="" id="tabs11" label="탭11"></w2:tabs>
    						<w2:tabs disabled="false" style="" id="tabs12" label="탭12"></w2:tabs>
    						<w2:tabs disabled="false" style="" id="tabs13" label="탭13"></w2:tabs>
    						<w2:tabs disabled="false" style="" id="tabs8" label="탭14"></w2:tabs>
    						<w2:content alwaysDraw="false" id="content1" style="">
    							<w2:textbox id="" label="" 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:content alwaysDraw="false" style="height:0px" id="content9"></w2:content>
    						<w2:content alwaysDraw="false" style="height:0px" id="content10"></w2:content>
    						<w2:content alwaysDraw="false" style="height:0px" id="content11"></w2:content>
    						<w2:content alwaysDraw="false" style="height:0px" id="content12"></w2:content>
    						<w2:content alwaysDraw="false" style="height:0px" id="content13"></w2:content>
    						<w2:content alwaysDraw="false" style="height:0px" id="content8"></w2:content>
    					</w2:tabControl>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id="" label="· 경우에 따라 탭버튼의 위치를 left, right, bottom 에 위치 시킬 수 있습니다. " style="">
    			</w2:textbox>
    		</xf:group>
    		<xf:group class="tbcbox" id="" style="">
    			<w2:tabControl alwaysDraw="false" class="tbc" confirmFalseAction="new" confirmTrueAction="exist" id=""
    				style="height: 96px;" tabScroll="" useConfirmMessage="false" useMoveNextTabFocus="false" useTabKeyOnly="true" tabPosition="left">
    				<w2:tabs disabled="false" id="tabs1" label="탭1" style="width:100px;"></w2:tabs>
    				<w2:tabs disabled="false" id="tabs2" label="탭2" style="width:100px;"></w2:tabs>
    				<w2:tabs disabled="false" id="tabs3" label="탭3" style="width:100px;"></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:tabControl>
    		</xf:group>
    		<xf:group class="tbcbox" id="" style="">
    			<w2:tabControl alwaysDraw="false" class="tbc" confirmFalseAction="new" confirmTrueAction="exist" id=""
    				style="height: 96px;" tabPosition="right" tabScroll="" useConfirmMessage="false" useMoveNextTabFocus="false"
    				useTabKeyOnly="true">
    				<w2:tabs disabled="false" id="tabs1" label="탭1" style="width:100px;"></w2:tabs>
    				<w2:tabs disabled="false" id="tabs2" label="탭2" style="width:100px;"></w2:tabs>
    				<w2:tabs disabled="false" id="tabs3" label="탭3" style="width:100px;"></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:tabControl>
    		</xf:group>
    		<xf:group class="tbcbox" id="" style="">
    			<w2:tabControl alwaysDraw="false" class="tbc" confirmFalseAction="new" confirmTrueAction="exist" id=""
    				style="height: 150px" tabPosition="bottom" 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: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="height:100px"></w2:content>
    				<w2:content alwaysDraw="false" id="content3" style="height:0px"></w2:content>
    			</w2:tabControl>
    		</xf:group>

    	</xf:group>


<?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" id="dataList1" repeatNode="map" saveRemovedData="true" style="">
    				<w2:columnInfo>
    					<w2:column id="col1" name="타이틀" dataType="text" encYN="true"></w2:column>
    					<w2:column id="col2" name="이름" dataType="text"></w2:column>
    					<w2:column id="col3" name="주소" dataType="text"></w2:column>
    					<w2:column id="col4" name="날짜" dataType="text"></w2:column>
    					<w2:column id="col5" name="금액" dataType="text"></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:data>
    			</w2:dataList>
    			<w2:dataList baseNode="list" repeatNode="map" id="dataList2" 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:column id="col4" name="name4" dataType="text"></w2:column>
    					<w2:column id="col5" name="name5" dataType="text"></w2:column>
    					<w2:column id="col6" name="name6" dataType="text"></w2:column>
    					<w2:column id="col7" name="name7" dataType="text"></w2:column>
    					<w2:column id="col8" name="name8" dataType="text"></w2:column>
    				</w2:columnInfo>
    				<w2:data use="true">
    					<w2:row>
    						<col1><![CDATA[Data]]></col1>
    						<col2><![CDATA[Data]]></col2>
    						<col3><![CDATA[Data]]></col3>
    						<col4><![CDATA[Data]]></col4>
    						<col5><![CDATA[Data]]></col5>
    						<col6><![CDATA[Data]]></col6>
    						<col8><![CDATA[Data]]></col8>
    						<col7><![CDATA[Data]]></col7>
    					</w2:row>
    					<w2:row>
    						<col7><![CDATA[Data]]></col7>
    						<col8><![CDATA[Data]]></col8>
    						<col1><![CDATA[Data]]></col1>
    						<col2><![CDATA[Data]]></col2>
    						<col3><![CDATA[Data]]></col3>
    						<col4><![CDATA[Data]]></col4>
    						<col5><![CDATA[Data]]></col5>
    						<col6><![CDATA[Data]]></col6>
    					</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="Grid" style=""></w2:textbox>
    		<w2:textbox class="con_txt" escape="false" id="" label="조회 결과를 출력하는 목록으로 편집 기능을 갖고 있습니다."
    			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="텍스트 정렬" style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id=""
    				label="· Data의 정렬 기준에 따릅니다.
 &nbsp; &nbsp; - 우측정렬 : 금액, 숫자 등 자릿수 구분되는 Data
 &nbsp; &nbsp; - 좌측정렬 : 주소, 전화번호 등 글자 수가 일정치 않은 Data
 &nbsp; &nbsp; - 중앙정렬 : 날짜 등 Data 글자 수가 일정한 경우와 리스트의 테이블 헤더
"
    				style="">
    			</w2:textbox>
    		</xf:group>
    		<xf:group adaptiveThreshold="" class="gvwbox" id="" style="">
    			<w2:gridView autoFit="allColumn" captionTitle="" checkReadOnlyOnCut="" class="gvw" dataList="data:dataList1"
    				evenRowBackgroundColor="" filterFocusMode="" id="" keepDefaultColumnWidth="true" oddRowBackgroundColor="" overflowX=""
    				rowNumBackgroundColor="" rowNumHeaderValue="No" rowNumVisible="" rowNumWidth="" rowStatusHeaderValue="" rowStatusVisible=""
    				rowStatusWidth="50" scrollByColumn="false" scrollByColumnAdaptive="false" selectedCellColor="" selectedCellOverColor=""
    				style="height:100px;width: 100%;" titleAuto="true" visibleRowNum="10" sortable="true">
    				<w2:caption style="" id="caption2" value="this is a grid caption."></w2:caption>
    				<w2:header style="" id="header2">
    					<w2:row style="" id="row3">
    						<w2:column width="210" inputType="text" style="" id="column15" value="타이틀(좌)" displayMode="label" class=""></w2:column>
    						<w2:column width="70" inputType="text" style="" id="column14" value="이름(중앙)" displayMode="label"></w2:column>
    						<w2:column width="210" inputType="text" style="" id="column13" value="주소(좌)" displayMode="label"></w2:column>
    						<w2:column width="100" inputType="text" style="" id="column12" value="날짜(중앙)" displayMode="label"></w2:column>
    						<w2:column width="100" inputType="text" style="" id="column11" value="금액(우)" displayMode="label"></w2:column>
    					</w2:row>
    				</w2:header>
    				<w2:gBody style="" id="gBody2">
    					<w2:row style="" id="row4">
    						<w2:column width="210" inputType="text" style="" id="col1" value="" displayMode="label" class="tal"></w2:column>
    						<w2:column width="70" inputType="text" style="" id="col2" value="" displayMode="label"></w2:column>
    						<w2:column width="210" inputType="text" style="" id="col3" value="" displayMode="label" class="tal"></w2:column>
    						<w2:column width="100" inputType="text" style="" id="col4" value="" displayMode="label"></w2:column>
    						<w2:column width="100" inputType="text" style="" id="col5" value="" displayMode="label" class="tar"></w2:column>
    					</w2:row>
    				</w2:gBody>
    			</w2:gridView>
    		</xf:group>
    		<xf:group class="line_gray" id="group3" style="" tagname="hr"></xf:group>

    		<xf:group class="subtitbox" id="" style="" tagname="">
    			<w2:textbox class="subtit" id="" label="Background Color, 범례" style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id=""
    				label="· 마우스 over 시에 over된 행의 배경색을 다르게 설정하여 구분시킵니다.
· 컬럼의 구분이 필요할 경우 배경색을 다르게 설정하여 구분시킵니다.
" style="">
    			</w2:textbox>
    		</xf:group>
    		<xf:group adaptiveThreshold="" class="gvwbox" id="" style="">
    			<w2:gridView autoFit="allColumn" autoFitMinWidth="968" captionTitle="" checkReadOnlyOnCut="" class="gvw"
    				dataList="data:dataList1" evenRowBackgroundColor="" filterFocusMode="" id="" keepDefaultColumnWidth="true" oddRowBackgroundColor=""
    				overflowX="" rowNumBackgroundColor="" rowNumHeaderValue="No" rowNumVisible="" rowNumWidth="" rowStatusHeaderValue=""
    				rowStatusVisible="" rowStatusWidth="50" scrollByColumn="false" scrollByColumnAdaptive="false" selectedCellColor=""
    				selectedCellOverColor="" style="height:100px;" titleAuto="true" visibleRowNum="10" defaultCellHeight="26">
    				<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 adaptiveThreshold="" class="gvwbox" id="" style="">
    			<w2:gridView autoFit="allColumn" checkReadOnlyOnPasteEnable="" class="gvw" dataList="data:dataList2"
    				defaultCellHeight="26" id="" scrollByColumn="false" scrollByColumnAdaptive="false" style="height: 100px;" visibleRowNum="10"
    				focusMode="none">
    				<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="범례1" width="70" style="background:#FFE5EF;">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="column11" inputType="text" removeBorderStyle="false"
    							value="범례2" width="70" style="background:#DCEDFC;">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="column10" inputType="text" removeBorderStyle="false"
    							value="범례3" width="70" style="background:#FFE7DC;">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="column9" inputType="text" removeBorderStyle="false"
    							value="범례4" width="70" style="background:#D2F7DF;">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="column8" inputType="text" removeBorderStyle="false"
    							value="범례5" width="70" style="background:#FFF9DA;">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="column7" inputType="text" removeBorderStyle="false"
    							value="범례6" width="70" style="background:#CCF3F5;">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="column6" inputType="text" removeBorderStyle="false"
    							value="범례7" width="70" style="background:#D7E0F7;">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="column5" inputType="text" removeBorderStyle="false"
    							value="범례8" width="70" style="background:#ECE1DF;">
    						</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" style="background:#FFE5EF;">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="col2" inputType="text" removeBorderStyle="false"
    							width="70" style="background:#DCEDFC;">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="col3" inputType="text" removeBorderStyle="false"
    							width="70" style="background:#FFE7DC;">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="col4" inputType="text" removeBorderStyle="false"
    							width="70" style="background:#D2F7DF;">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="col5" inputType="text" removeBorderStyle="false"
    							width="70" style="background:#FFF9DA;">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="col6" inputType="text" removeBorderStyle="false"
    							width="70" style="background:#CCF3F5;">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="col7" inputType="text" removeBorderStyle="false"
    							width="70" style="background:#D7E0F7;">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="col8" inputType="text" removeBorderStyle="false"
    							width="70" style="background:#ECE1DF;">
    						</w2:column>
    					</w2:row>
    				</w2:gBody>
    			</w2:gridView>
    		</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="Sorting" style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id=""
    				label="· &nbsp;Data의 Sorting 기능 (오름차순/내림차순)을 사용할 경우 헤더 우측에 아이콘을 표시합니다.
" style="">
    			</w2:textbox>
    		</xf:group>
    		<xf:group adaptiveThreshold="" class="gvwbox" id="" style="">
    			<w2:gridView autoFit="allColumn" autoFitMinWidth="968" captionTitle="" checkReadOnlyOnCut="" class="gvw"
    				dataList="data:dataList1" evenRowBackgroundColor="" filterFocusMode="" id="" keepDefaultColumnWidth="true" oddRowBackgroundColor=""
    				overflowX="" rowNumBackgroundColor="" rowNumHeaderValue="No" rowNumVisible="" rowNumWidth="" rowStatusHeaderValue=""
    				rowStatusVisible="" rowStatusWidth="50" scrollByColumn="false" scrollByColumnAdaptive="false" selectedCellColor=""
    				selectedCellOverColor="" sortable="true" style="height:100px;" titleAuto="true" visibleRowNum="10" showSortableImage="true">
    				<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>


<?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>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>
        <script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function() {

};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<xf:group class="top_box" id="" style="" tagname="">
    		<w2:textbox class="con_tit" id="" label="Grid System" style=""></w2:textbox>
    		<w2:textbox class="con_txt" escape="false" id=""
    			label="일관성을 유지할 수 있도록 그리드 규칙을 정의합니다. &nbsp;"
    			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[guide]]></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="">
    		<w2:textbox class="subtxt" escape="false" id="" label="Column은 최대 12개,로 구성되며, &nbsp;각 column의 너비는 상위 요소에 비례해 유동적으로 변화합니다. "
    			style="">
    		</w2:textbox>
    		<xf:group class="subtitbox" id="" style="" tagname="">
    			<w2:textbox class="subtit" id="" label="1280" style=""></w2:textbox>
    			<w2:textbox class="con_txt" escape="false" id="" label="12단 40마진 16거터" style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<xf:image src="/cm/images/base/Grid.png" style="border:1px solid #eee;" id=""></xf:image>
    		</xf:group>
    		<xf:group class="subtitbox" id="" style="" tagname="">
    			<w2:textbox class="subtit" id="" label="그리드 활용" style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<xf:image id="" src="/cm/images/base/Grid_ex.png" style="border:1px solid #eee;"></xf:image>
    		</xf:group>
    	</xf:group>
    </body>
</html>