<?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>


<?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="Color" style=""></w2:textbox>
    		<w2:textbox class="con_txt" escape="false" id=""
    			label="WebSquare에서 제공하는 템플릿페이지의 &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="">
    		<xf:group class="subtitbox" id="" style="" tagname="">
    			<w2:textbox class="subtit" id="" label="Primary Color" style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="colorbox primary" id="" style="" tagname="">
    			<xf:group class="color_titbox" id="" style="">
    				<w2:textbox class="subtxt" escape="false" id="" label="Primary | 600" style=""></w2:textbox>
    				<w2:textbox class="subtxt tar" escape="false" id="" label="#348FE2" style=""></w2:textbox>
    			</xf:group>
    			<xf:group class="_flex" id="">
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group class="cm_colorbox box" id="">
    						<w2:textbox class="" escape="false" id="" label="900" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#1d4d9e" style=""></w2:textbox>
    					</xf:group>
    					<xf:group class="cm_colorbox box" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="800" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#276bbd" style=""></w2:textbox>
    					</xf:group>
    					<xf:group class="cm_colorbox box" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="700" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#2d7ccf" style=""></w2:textbox>
    					</xf:group>
    					<xf:group class="cm_colorbox box" id="" style="">
    						<w2:textbox class="req" escape="false" id="" label="600" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#348ee2" style=""></w2:textbox>
    					</xf:group>
    					<xf:group class="cm_colorbox box" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="500" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#3a9cf0" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group class="cm_colorbox box" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="400" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#51aaf2" style=""></w2:textbox>
    					</xf:group>
    					<xf:group class="cm_colorbox box" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="300" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#6eb9f4" style=""></w2:textbox>
    					</xf:group>
    					<xf:group class="cm_colorbox box" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="200" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#96cdf8" style=""></w2:textbox>
    					</xf:group>
    					<xf:group class="cm_colorbox box" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="100" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#bee0fa" style=""></w2:textbox>
    					</xf:group>
    					<xf:group class="cm_colorbox box" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="050" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#e4f3fd" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group class="line_gray" id="second" style="" tagname="hr"></xf:group>
    		<xf:group class="subtitbox" id="" style="" tagname="">
    			<w2:textbox class="subtit" id="" label="Secondary Color" style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="colorbox secondary" id="" style="" tagname="">
    			<xf:group class="color_titbox" id="" style="">
    				<w2:textbox class="subtxt" escape="false" id="" label="Secondary | 900" style=""></w2:textbox>
    				<w2:textbox class="subtxt tar" escape="false" id="" label="#e28834" style=""></w2:textbox>
    			</xf:group>
    			<xf:group class="_flex" id="">
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="">
    						<w2:textbox class="req" escape="false" id="" label="900" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#e28834" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="800" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#eaac44" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="700" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#eec34d" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="600" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#f1d957" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="500" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#f0e85a" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group class="cm_colorbox box" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="400" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#f3ec70" style=""></w2:textbox>
    					</xf:group>
    					<xf:group class="cm_colorbox box" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="300" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#f6f188" style=""></w2:textbox>
    					</xf:group>
    					<xf:group class="cm_colorbox box" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="200" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#f8f5a9" style=""></w2:textbox>
    					</xf:group>
    					<xf:group class="cm_colorbox box" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="100" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#faf9cb" style=""></w2:textbox>
    					</xf:group>
    					<xf:group class="cm_colorbox box" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="050" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#fdfdea" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group class="line_gray" id="sub" style="" tagname="hr"></xf:group>
    		<xf:group class="subtitbox" id="" style="" tagname="">
    			<w2:textbox class="subtit" id="" label="Sub Color" style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="colorbox" id="" style="" tagname="">
    			<xf:group class="_flex" id="">
    				<xf:group class="subcolor1" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="">
    						<w2:textbox class="" escape="false" id="" label="50" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#d9f8f8" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="100" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#9bedec" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="req" escape="false" id="" label="200" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#34e2df" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="300" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#00d3ce" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="400" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#00c6be" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="500" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#00b8ad" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="600" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#00aa9e" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="700" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#00998b" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="800" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#00887a" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="900" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#006a59" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="subcolor2" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="">
    						<w2:textbox class="" escape="false" id="" label=" 50" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#ede7fc" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="100" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#cfc5f7" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="200" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#ae9ff3" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="300" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#8a77f0" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="400" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#6b58ed" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="500" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#453be9" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="req" escape="false" id="" label="600" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#3437e2" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="700" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#0b2fd9" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="800" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#002ad3" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="900" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#001eca" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="subcolor3" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="">
    						<w2:textbox class="" dataType="" escape="false" id="" label=" 50" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#f9e3ef" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="100" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#f1b9d8" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="200" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#ea8cbe" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="300" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#e55ca4" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="req" escape="false" id="" label="400" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#e2348e" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="500" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#e10078" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="600" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#d00073" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="700" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#b9006c" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="800" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#a30067" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="900" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#7d005b" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group class="line_gray" id="alert" style="" tagname="hr" toolTip=""></xf:group>
    		<xf:group class="subtitbox" id="" style="" tagname="">
    			<w2:textbox class="subtit" id="" label="Alert Color" style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="colorbox alert" id="" style="" tagname="">
    			<xf:group adaptive="" class="_flex" id="" style="" tagname="">
    				<xf:group adaptive="" class="cm_colorbox" id="" style="" tagname="">
    					<w2:textbox class="" escape="false" id="" label="#F94B50" style=""></w2:textbox>
    				</xf:group>
    				<xf:group adaptive="" class="example" id="" style="" tagname="">
    					<xf:input class="error" id="" placeholder="" style="width:148px;"></xf:input>
    					<w2:textbox class="txt_error" dataType="" id="" label="Error" style=""></w2:textbox>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group class="line_gray" id="legend" style="" tagname="hr" toolTip=""></xf:group>
    		<xf:group class="subtitbox" id="" style="" tagname="">
    			<w2:textbox class="subtit" id="" label="Legend Color" style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id="" label="범례 색 / 그리드, 테이블을 강조할 경우 헤더 및 셀의 배경에 사용합니다." style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="colorbox legend" id="" style="" tagname="">
    			<xf:group class="_flex" id="">
    				<xf:group class="legendcolor1" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="200" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#FFCDE0" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="100" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#FFE5EF" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="legendcolor2" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="">
    						<w2:textbox class="" escape="false" id="" label="200" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#E0F7FA" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="100" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#B2EBF2" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="legendcolor3" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="">
    						<w2:textbox class="" dataType="" escape="false" id="" label="200" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#E0F2F1" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="100" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#B2DFDB" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="legendcolor4" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="">
    						<w2:textbox class="" dataType="" escape="false" id="" label="200" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#E0F2F1" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="100" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#B2DFDB" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    			<xf:group class="_flex" id="" style="">
    				<xf:group class="legendcolor5" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="200" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#FFF1A6" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="100" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#FFF9DA" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="legendcolor6" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="">
    						<w2:textbox class="" escape="false" id="" label="200" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#A6E9ED" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="100" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#CCF3F5" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="legendcolor7" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="">
    						<w2:textbox class="" dataType="" escape="false" id="" label="200" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#C3D2F8" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="100" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#D7E0F7" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="legendcolor8" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="">
    						<w2:textbox class="" dataType="" escape="false" id="" label="200" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#E5C6BF" style=""></w2:textbox>
    					</xf:group>
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="100" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#ECE1DF" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group class="line_gray" id="grayscale" style="" tagname="hr" toolTip=""></xf:group>
    		<xf:group class="subtitbox" id="" style="" tagname="">
    			<w2:textbox class="subtit" id="" label="Grayscale" style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="colorbox grayscale cool" id="">
    			<xf:group class="color_titbox" id="" style="">
    				<w2:textbox class="maintxt" dataType="" escape="false" id="" label="Grayscale" style=""></w2:textbox>
    				<w2:textbox class="subtxt" escape="false" id="" label="Cool Gray" style=""></w2:textbox>
    			</xf:group>
    			<xf:group class="_flex" id="" style="">
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="900" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#2C3238" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="850" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#373D45" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="800" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#424952" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="700" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#56606B" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="600" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#6B7682" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="500" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#8996A3" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="400" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#A5B3C2" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="300" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#BEC9D4" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="200" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#DAE3ED" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="100" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#E8EFF5" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="50" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#F5F7FA" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group class="colorbox grayscale basic" id="" style="">
    			<xf:group class="color_titbox" id="" style="">
    				<w2:textbox class="maintxt" dataType="" escape="false" id="" label="Grayscale" style=""></w2:textbox>
    				<w2:textbox class="subtxt" escape="false" id="" label="Basic Gray" style=""></w2:textbox>
    			</xf:group>
    			<xf:group class="_flex" id="" style="">
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="900" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#202020" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style=""></xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="800" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#333333" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="700" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#555555" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="600" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#888888" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="500" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#AAAAAA" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="400" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#CCCCCC" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="300" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#DDDDDD" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="200" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#EEEEEE" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="100" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#F6F6F6" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group class="" id="" style="" tagname="">
    					<xf:group adaptiveThreshold="" class="cm_colorbox" id="" style=""></xf:group>
    					<xf:group adaptiveThreshold="" class="codebox" id="" style="">
    						<w2:textbox class="" escape="false" id="" label="50" style=""></w2:textbox>
    						<w2:textbox class="" escape="false" id="" label="#FAFAFA" style=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</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="Tree" style=""></w2:textbox>
    		<w2:textbox class="con_txt" escape="false" id="" label="계층 구조를 가지는 데이터를, &nbsp;Tree형태로 출력하는 컴포넌트입니다. "
    			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="· 각 노드에 checkbox와 image(icon)를 넣을 수 있습니다.
· 접혀 있는 상태는 ‘+’ , 펼쳐져 있는 상태는 ‘-’ 표시를 하며, 하위 Data가 없는 경우는 ‘+’, ‘-’ 표시를 하지 않습니다."
    				style="">
    			</w2:textbox>
    		</xf:group>
    		<xf:group class="subtitbox" id="" style="" tagname=""></xf:group>
    		<xf:group class="tvwbox " id="" style="">
    			<w2:treeview class="tvw" dataType="listed" id="" style="height:270px;" tooltipGroupClass="false">
    				<w2:node>
    					<w2:label><![CDATA[메뉴1]]></w2:label>
    					<w2:value><![CDATA[]]></w2:value>
    					<w2:folder><![CDATA[]]></w2:folder>
    					<w2:checkbox><![CDATA[]]></w2:checkbox>
    					<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    					<w2:image><![CDATA[]]></w2:image>
    					<w2:iconImage><![CDATA[]]></w2:iconImage>
    					<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    					<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    					<w2:leafImage><![CDATA[]]></w2:leafImage>
    					<w2:node>
    						<w2:label><![CDATA[메뉴1-1]]></w2:label>
    						<w2:value><![CDATA[]]></w2:value>
    						<w2:folder><![CDATA[]]></w2:folder>
    						<w2:checkbox><![CDATA[]]></w2:checkbox>
    						<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    						<w2:image><![CDATA[]]></w2:image>
    						<w2:iconImage><![CDATA[]]></w2:iconImage>
    						<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    						<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    						<w2:leafImage><![CDATA[]]></w2:leafImage>
    						<w2:node>
    							<w2:label><![CDATA[메뉴1-1-1]]></w2:label>
    							<w2:value><![CDATA[]]></w2:value>
    							<w2:folder><![CDATA[]]></w2:folder>
    							<w2:checkbox><![CDATA[]]></w2:checkbox>
    							<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    							<w2:image><![CDATA[]]></w2:image>
    							<w2:iconImage><![CDATA[]]></w2:iconImage>
    							<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    							<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    							<w2:leafImage><![CDATA[]]></w2:leafImage>
    						</w2:node>
    					</w2:node>
    					<w2:node>
    						<w2:label><![CDATA[메뉴1-2]]></w2:label>
    						<w2:value><![CDATA[]]></w2:value>
    						<w2:folder><![CDATA[]]></w2:folder>
    						<w2:checkbox><![CDATA[]]></w2:checkbox>
    						<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    						<w2:image><![CDATA[]]></w2:image>
    						<w2:iconImage><![CDATA[]]></w2:iconImage>
    						<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    						<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    						<w2:leafImage><![CDATA[]]></w2:leafImage>
    					</w2:node>
    				</w2:node>
    				<w2:node>
    					<w2:label><![CDATA[메뉴2]]></w2:label>
    					<w2:value><![CDATA[]]></w2:value>
    					<w2:folder><![CDATA[]]></w2:folder>
    					<w2:checkbox><![CDATA[]]></w2:checkbox>
    					<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    					<w2:image><![CDATA[]]></w2:image>
    					<w2:iconImage><![CDATA[]]></w2:iconImage>
    					<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    					<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    					<w2:leafImage><![CDATA[]]></w2:leafImage>
    					<w2:node>
    						<w2:label><![CDATA[메뉴2-1]]></w2:label>
    						<w2:value><![CDATA[]]></w2:value>
    						<w2:folder><![CDATA[]]></w2:folder>
    						<w2:checkbox><![CDATA[]]></w2:checkbox>
    						<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    						<w2:image><![CDATA[]]></w2:image>
    						<w2:iconImage><![CDATA[]]></w2:iconImage>
    						<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    						<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    						<w2:leafImage><![CDATA[]]></w2:leafImage>
    						<w2:node>
    							<w2:label><![CDATA[메뉴2-1-1]]></w2:label>
    							<w2:value><![CDATA[]]></w2:value>
    							<w2:folder><![CDATA[]]></w2:folder>
    							<w2:checkbox><![CDATA[]]></w2:checkbox>
    							<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    							<w2:image><![CDATA[]]></w2:image>
    							<w2:iconImage><![CDATA[]]></w2:iconImage>
    							<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    							<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    							<w2:leafImage><![CDATA[]]></w2:leafImage>
    						</w2:node>
    					</w2:node>
    					<w2:node>
    						<w2:label><![CDATA[메뉴2-2]]></w2:label>
    						<w2:value><![CDATA[]]></w2:value>
    						<w2:folder><![CDATA[]]></w2:folder>
    						<w2:checkbox><![CDATA[]]></w2:checkbox>
    						<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    						<w2:image><![CDATA[]]></w2:image>
    						<w2:iconImage><![CDATA[]]></w2:iconImage>
    						<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    						<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    						<w2:leafImage><![CDATA[]]></w2:leafImage>
    					</w2:node>
    				</w2:node>
    			</w2:treeview>
    		</xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id=""
    				label="· 상위 레벨의 Data를 선택 시 , 전체 하위 레벨도 함께 선택됩니다.
"
    				style="">
    			</w2:textbox>
    		</xf:group>
    		<xf:group class="tvwbox " id="" style="">
    			<w2:treeview class="tvw" dataType="listed" id="" style="height:270px;" tooltipGroupClass="false"
    				checkAllChildNodes="true" showCheckbox="true">
    				<w2:node>
    					<w2:label><![CDATA[메뉴1]]></w2:label>
    					<w2:value><![CDATA[]]></w2:value>
    					<w2:folder><![CDATA[]]></w2:folder>
    					<w2:checkbox><![CDATA[]]></w2:checkbox>
    					<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    					<w2:image><![CDATA[]]></w2:image>
    					<w2:iconImage><![CDATA[]]></w2:iconImage>
    					<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    					<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    					<w2:leafImage><![CDATA[]]></w2:leafImage>
    					<w2:node>
    						<w2:label><![CDATA[메뉴1-1]]></w2:label>
    						<w2:value><![CDATA[]]></w2:value>
    						<w2:folder><![CDATA[]]></w2:folder>
    						<w2:checkbox><![CDATA[]]></w2:checkbox>
    						<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    						<w2:image><![CDATA[]]></w2:image>
    						<w2:iconImage><![CDATA[]]></w2:iconImage>
    						<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    						<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    						<w2:leafImage><![CDATA[]]></w2:leafImage>
    						<w2:node>
    							<w2:label><![CDATA[메뉴1-1-1]]></w2:label>
    							<w2:value><![CDATA[]]></w2:value>
    							<w2:folder><![CDATA[]]></w2:folder>
    							<w2:checkbox><![CDATA[]]></w2:checkbox>
    							<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    							<w2:image><![CDATA[]]></w2:image>
    							<w2:iconImage><![CDATA[]]></w2:iconImage>
    							<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    							<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    							<w2:leafImage><![CDATA[]]></w2:leafImage>
    						</w2:node>
    					</w2:node>
    					<w2:node>
    						<w2:label><![CDATA[메뉴1-2]]></w2:label>
    						<w2:value><![CDATA[]]></w2:value>
    						<w2:folder><![CDATA[]]></w2:folder>
    						<w2:checkbox><![CDATA[]]></w2:checkbox>
    						<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    						<w2:image><![CDATA[]]></w2:image>
    						<w2:iconImage><![CDATA[]]></w2:iconImage>
    						<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    						<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    						<w2:leafImage><![CDATA[]]></w2:leafImage>
    					</w2:node>
    				</w2:node>
    				<w2:node>
    					<w2:label><![CDATA[메뉴2]]></w2:label>
    					<w2:value><![CDATA[]]></w2:value>
    					<w2:folder><![CDATA[]]></w2:folder>
    					<w2:checkbox><![CDATA[]]></w2:checkbox>
    					<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    					<w2:image><![CDATA[]]></w2:image>
    					<w2:iconImage><![CDATA[]]></w2:iconImage>
    					<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    					<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    					<w2:leafImage><![CDATA[]]></w2:leafImage>
    					<w2:node>
    						<w2:label><![CDATA[메뉴2-1]]></w2:label>
    						<w2:value><![CDATA[]]></w2:value>
    						<w2:folder><![CDATA[]]></w2:folder>
    						<w2:checkbox><![CDATA[]]></w2:checkbox>
    						<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    						<w2:image><![CDATA[]]></w2:image>
    						<w2:iconImage><![CDATA[]]></w2:iconImage>
    						<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    						<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    						<w2:leafImage><![CDATA[]]></w2:leafImage>
    						<w2:node>
    							<w2:label><![CDATA[메뉴2-1-1]]></w2:label>
    							<w2:value><![CDATA[]]></w2:value>
    							<w2:folder><![CDATA[]]></w2:folder>
    							<w2:checkbox><![CDATA[]]></w2:checkbox>
    							<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    							<w2:image><![CDATA[]]></w2:image>
    							<w2:iconImage><![CDATA[]]></w2:iconImage>
    							<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    							<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    							<w2:leafImage><![CDATA[]]></w2:leafImage>
    						</w2:node>
    					</w2:node>
    					<w2:node>
    						<w2:label><![CDATA[메뉴2-2]]></w2:label>
    						<w2:value><![CDATA[]]></w2:value>
    						<w2:folder><![CDATA[]]></w2:folder>
    						<w2:checkbox><![CDATA[]]></w2:checkbox>
    						<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    						<w2:image><![CDATA[]]></w2:image>
    						<w2:iconImage><![CDATA[]]></w2:iconImage>
    						<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    						<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    						<w2:leafImage><![CDATA[]]></w2:leafImage>
    					</w2:node>
    				</w2:node>
    			</w2:treeview>
    		</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" 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="Forms" 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 Form" 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 form" style="" tagname="h3"></w2:textbox>
    					<xf:group class="rt" id="" style=""></xf:group>
    				</xf:group>
    				<xf:input class="" id="" style="width:148px;" initValue="value"></xf:input>
    			</xf:group>
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Focused form" style="" tagname="h3"></w2:textbox>
    					<xf:group class="rt" id="" style=""></xf:group>
    				</xf:group>
    				<xf:input class="w2input_focus" id="" style="width:148px;" initValue="value"></xf:input>
    			</xf:group>
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Disabled form" style="" tagname="h3"></w2:textbox>
    					<xf:group class="rt" id="" style=""></xf:group>
    				</xf:group>
    				<xf:input class="" id="" style="width:148px;" disabled="true" initValue="value"></xf:input>
    			</xf:group>
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Readonly form" style="" tagname="h3"></w2:textbox>
    					<xf:group class="rt" id="" style=""></xf:group>
    				</xf:group>
    				<xf:input class="" id="" initValue="value" style='width:148px;' readOnly="true"></xf:input>
    			</xf:group>
    		</xf:group>
    		<xf:group class="line_gray" id="second" 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='필수로 입력해야 하는 입력폼의 경우 , 레이블의 좌측에 <span class="req"></span>를 &nbsp;추가하고, 폼요소에는 &nbsp;Background color 를 적용해 줍니다.'
    			style="">
    		</w2:textbox>
    		<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:input class="req" id="" initValue="value" style="width:148px;"></xf:input>
    						<xf:select1 allOption="true" appearance="minimal" chooseOption="" class="req" 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>
    					</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="req" 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>
    						<w2:inputCalendar calendarValueType="yearMonthDate" class="req" 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="req" 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="subtitbox" id="" style="" tagname=""></xf:group>
    		<xf:group adaptiveThreshold="" class="gvwbox" id="" style=""></xf:group>
    		<xf:group class="line_gray" id="group7" style="" tagname="hr"></xf:group>
    		<xf:group class="titbox" id="" style="">
    			<w2:textbox class="" id="" label="Invalid Form" style="" tagname="h3"></w2:textbox>
    		</xf:group>
    		<w2:textbox class="subtxt" escape="false" id="" label="입력폼에 유효성검사를 제공하여 , 잘못 입력 시 오류메시지를 출력합니다." style=""></w2:textbox>
    		<xf:group class="lybox col3" id="" style="">
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Invalid form" style="" tagname="h3"></w2:textbox>
    				</xf:group>
    				<xf:input class="w2input_error" fireEventOnInvalid="true" id="" initValue="Invalid value" style="width:148px;"></xf:input>
    			</xf:group>
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="Invalid form with description" style="" tagname="h3"></w2:textbox>
    				</xf:group>
    				<xf:group id="">
    					<xf:input class="w2input_error" id="" initValue="Invalid value" style="width:148px;"></xf:input>
    				</xf:group>
    				<w2:textbox class="w2input_errormessage" dataType="" id="" label="일회용 로그인 번호를 입력하세요." style=""></w2:textbox>
    			</xf:group>
    			<xf:group class="ly_column" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<xf:group class="rt" id="" style=""></xf:group>
    				</xf:group>
    			</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="기본 입력폼" style=""></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 tagname="col" style="width:120px;"></xf:group>
    					<xf:group tagname="col" style="width:20%;"></xf:group>
    					<xf:group style="" tagname="col"></xf:group>
    				</xf:group>
    				<xf:group style="" tagname="tr">
    					<xf:group class="w2tb_th tac" style="" tagname="th">
    						<w2:textbox class="" id="" label="유형" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group tagname="th" class="w2tb_th tac" style="">
    						<w2:attributes>
    							<w2:scope>row</w2:scope>
    						</w2:attributes>
    						<w2:textbox class="" id="" label="형태" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group tagname="th" class="w2tb_th tac" style="">
    						<w2:attributes>
    							<w2:scope>row</w2:scope>
    						</w2:attributes>
    						<w2:textbox class="" id="" label="설명" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group class="w2tb_td tac" tagname="td" style="">
    						Inputbox
    						<w2:attributes>
    							<w2:colspan>1</w2:colspan>
    							<w2:rowspan>1</w2:rowspan>
    						</w2:attributes>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						<w2:attributes>
    							<w2:scope>row</w2:scope>
    						</w2:attributes>
    						<xf:input class="" id="" placeholder="" style="width:100%"></xf:input>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						-&nbsp;한&nbsp;줄&nbsp;텍스트를&nbsp;입력하는&nbsp;경우에&nbsp;사용합니다.&nbsp;

    						-&nbsp;테이블&nbsp;컬럼&nbsp;안의&nbsp;Inputbox의&nbsp;width값은&nbsp;100%로&nbsp;작성하나,&nbsp;필요한&nbsp;경우&nbsp;일정사이즈로&nbsp;고정시킵니다.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    						<w2:attributes>
    							<w2:scope>row</w2:scope>
    							<w2:colspan>1</w2:colspan>
    							<w2:rowspan>1</w2:rowspan>
    						</w2:attributes>
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="td" class="w2tb_td tac">
    						Textarea
    						<w2:attributes>
    							<w2:colspan>1</w2:colspan>
    							<w2:rowspan>1</w2:rowspan>
    						</w2:attributes>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						<w2:attributes></w2:attributes>
    						<xf:textarea class="" id="" placeholder="" style="width:100%"></xf:textarea>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						-&nbsp;여러&nbsp;줄&nbsp;텍스트를&nbsp;입력하는&nbsp;경우&nbsp;사용합니다.&nbsp;&nbsp;&nbsp;&nbsp;

    						-&nbsp;필수&nbsp;입력폼은&nbsp;배경컬러로&nbsp;구분시킵니다.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    						-&nbsp;입력&nbsp;불가폼(비활성)은&nbsp;배경컬러로&nbsp;구분시킵니다.
    						<w2:attributes>
    							<w2:colspan>1</w2:colspan>
    							<w2:rowspan>1</w2:rowspan>
    						</w2:attributes>
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="td" class="w2tb_td tac">
    						Radio
    						<w2:attributes></w2:attributes>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td tac">
    						<w2:attributes></w2:attributes>
    						<xf:select1 appearance="full" cols="" disabled="" id="" ref="" renderType="radiogroup" rows="" selectedIndex="0"
    							style="">
    							<xf:choices>
    								<xf:item>
    									<xf:label><![CDATA[Atype]]></xf:label>
    									<xf:value><![CDATA[]]></xf:value>
    								</xf:item>
    								<xf:item>
    									<xf:label><![CDATA[Btype]]></xf:label>
    									<xf:value><![CDATA[]]></xf:value>
    								</xf:item>
    							</xf:choices>
    						</xf:select1>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						-&nbsp;여러&nbsp;개의&nbsp;항목&nbsp;중&nbsp;한&nbsp;항목만&nbsp;선택해야&nbsp;하는&nbsp;경우&nbsp;사용합니다.

    						-&nbsp;상황에&nbsp;맞게&nbsp;세로&nbsp;정렬과&nbsp;가로&nbsp;정렬을&nbsp;혼용해&nbsp;사용합니다.&nbsp;&nbsp;&nbsp;

    						-&nbsp;디폴트&nbsp;항목은&nbsp;가장&nbsp;중요한&nbsp;항목으로&nbsp;지정합니다.&nbsp;
    						<w2:attributes></w2:attributes>
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="td" class="w2tb_td tac">
    						Checkbox
    						<w2:attributes></w2:attributes>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td tac">
    						<w2:attributes></w2:attributes>
    						<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><![CDATA[]]></xf:value>
    								</xf:item>
    								<xf:item>
    									<xf:label><![CDATA[Btype]]></xf:label>
    									<xf:value><![CDATA[]]></xf:value>
    								</xf:item>
    							</xf:choices>
    						</xf:select>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						-&nbsp;다중으로&nbsp;선택하는&nbsp;경우&nbsp;사용합니다.

    						-&nbsp;상황에&nbsp;맞게&nbsp;세로&nbsp;정렬과&nbsp;가로&nbsp;정렬을&nbsp;혼용해&nbsp;사용합니다.
    						<w2:attributes></w2:attributes>
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="td" class="w2tb_td tac">
    						Selectbox
    						<w2:attributes>
    							<w2:colspan>1</w2:colspan>
    							<w2:rowspan>1</w2:rowspan>
    						</w2:attributes>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						<w2:attributes></w2:attributes>
    						<xf:select1 allOption="true" 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[A TYPE]]></xf:label>
    									<xf:value><![CDATA[]]></xf:value>
    								</xf:item>
    								<xf:item>
    									<xf:label><![CDATA[B TYPE]]></xf:label>
    									<xf:value><![CDATA[]]></xf:value>
    								</xf:item>
    								<xf:item>
    									<xf:label><![CDATA[C TYPE]]></xf:label>
    									<xf:value><![CDATA[]]></xf:value>
    								</xf:item>
    								<xf:item>
    									<xf:label><![CDATA[D TYPE]]></xf:label>
    									<xf:value><![CDATA[]]></xf:value>
    								</xf:item>
    							</xf:choices>
    						</xf:select1>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						-&nbsp;선택&nbsp;옵션이&nbsp;4개&nbsp;이상인&nbsp;경우&nbsp;사용을&nbsp;권장합니다.&nbsp;&nbsp;&nbsp;
    						<w2:attributes>
    							<w2:colspan>1</w2:colspan>
    							<w2:rowspan>1</w2:rowspan>
    						</w2:attributes>
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="td" class="w2tb_td tac">
    						AutoComplete
    						<w2:attributes></w2:attributes>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						<w2:attributes></w2:attributes>
    						<w2:autoComplete allOption="" chooseOption="" editType="select" id="" ref="" search="start" style="width: 100%"
    							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>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						-&nbsp;Select&nbsp;Box의&nbsp;확장&nbsp;컴포넌트로&nbsp;특정&nbsp;문자열에&nbsp;대한&nbsp;자동완성&nbsp;및&nbsp;검색기능이&nbsp;있습니다.
    						<w2:attributes></w2:attributes>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group class="line_gray" id="group6" style="" tagname="hr"></xf:group>
    		<xf:group class="titbox" id="" style="">
    			<w2:textbox class="" id="" label="Group of Form" style="" tagname="h3"></w2:textbox>
    			<w2:textbox class="con_txt" escape="false" id=""
    				label="경우에 따라 폼은 input, select, Trigger(버튼) 등과 함께 &nbsp;그룹으로 묶여 사용됩니다. " style="">
    			</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:120px;" tagname="col"></xf:group>
    					<xf:group style="" tagname="col"></xf:group>
    				</xf:group>
    				<xf:group style="" tagname="tr">
    					<xf:group class="w2tb_th tac" style="" tagname="th">
    						<w2:textbox class="" id="" label="유형" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group class="w2tb_th tac" style="" 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>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="td" class="w2tb_td tac">
    						조회
    						<w2:attributes></w2:attributes>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						<w2:attributes></w2:attributes>
    						<xf:group id="">
    							<xf:input style="width:148px;" id="" placeholder="" class=""></xf:input>
    							<xf:trigger style="" id="" type="button" class="btn_cm btn_search ">
    								<xf:label><![CDATA[Search]]></xf:label>
    							</xf:trigger>
    						</xf:group>
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="td" class="w2tb_td tac">
    						기간
    						<w2:attributes></w2:attributes>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						<w2:attributes></w2:attributes>
    						<xf:group id="">
    							<w2:inputCalendar footerDiv="true" rightAlign="false" focusOnDateSelect="false" style="width: 120px;" id=""
    								renderType="" renderDiv="true" calendarValueType="yearMonthDate">
    							</w2:inputCalendar>
    							<w2:span style="" id="" label="~"></w2:span>
    							<w2:inputCalendar footerDiv="true" rightAlign="false" focusOnDateSelect="false" style="width: 120px;" id=""
    								renderType="" renderDiv="true" calendarValueType="yearMonthDate">
    							</w2:inputCalendar>
    						</xf:group>
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="td" class="w2tb_td tac">
    						금액
    						<w2:attributes></w2:attributes>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						<w2:attributes></w2:attributes>
    						<xf:group id="">
    							<xf:input dataType="number" editType="" style="width:148px;" id="" placeholder="" type="" class="tar"></xf:input>
    							<w2:span style="" id="" label="원"></w2:span>
    						</xf:group>
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="td" class="w2tb_td tac">
    						이메일
    						<w2:attributes></w2:attributes>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						<w2:attributes></w2:attributes>
    						<xf:group id="">
    							<xf:input style="width:148px;" id="" placeholder="" class=""></xf:input>
    							<w2:span style="" id="" label="@"></w2:span>
    							<xf:input style="width:148px;" id="" placeholder="" class=""></xf:input>
    							<xf:select1 ref="" submenuSize="auto" appearance="minimal" disabledClass="w2selectbox_disabled"
    								chooseOption="" disabled="false" style="width: 148px;" allOption="true" id="" renderType="" class="" direction="auto">
    								<xf:choices>
    									<xf:item>
    										<xf:label><![CDATA[직접입력]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    								</xf:choices>
    							</xf:select1>
    						</xf:group>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>

    		<w2:textbox class="subtxt" escape="false" id=""
    			label="· Data의 정렬기준에 따릅니다. <br/> &nbsp; &nbsp; &nbsp;- 우측정렬 : 금액, 숫자 등 자릿수 구분되는 Data<br/> &nbsp; &nbsp; &nbsp;- 좌측정렬 : 주소, 전화번호 등 글자수가 일정치 않은 Data<br/> &nbsp; &nbsp; &nbsp;- 중앙정렬 : 날짜 등 Data 글자수가 일정한 경우"
    			style="">
    		</w2:textbox>
    	</xf:group>