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

        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map">
				<w2:dataList id="dataList1" baseNode="list" saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="col1" name="Month" dataType="text"></w2:column>
						<w2:column id="col2" name="Price" dataType="number"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<col1><![CDATA[January]]></col1>
							<col2><![CDATA[17400]]></col2>
						</w2:row>
						<w2:row>
							<col1><![CDATA[February]]></col1>
							<col2><![CDATA[19800]]></col2>
						</w2:row>
						<w2:row>
							<col1><![CDATA[March]]></col1>
							<col2><![CDATA[21800]]></col2>
						</w2:row>
						<w2:row>
							<col1><![CDATA[April]]></col1>
							<col2><![CDATA[23800]]></col2>
						</w2:row>
						<w2:row>
							<col1><![CDATA[May]]></col1>
							<col2><![CDATA[29600]]></col2>
						</w2:row>
						<w2:row>
							<col1><![CDATA[June]]></col1>
							<col2><![CDATA[27600]]></col2>
						</w2:row>
						<w2:row>
							<col1><![CDATA[July]]></col1>
							<col2><![CDATA[31800]]></col2>
						</w2:row>
						<w2:row>
							<col1><![CDATA[August]]></col1>
							<col2><![CDATA[39700]]></col2>
						</w2:row>
						<w2:row>
							<col1><![CDATA[September]]></col1>
							<col2><![CDATA[37800]]></col2>
						</w2:row>
						<w2:row>
							<col1><![CDATA[October]]></col1>
							<col2><![CDATA[21900]]></col2>
						</w2:row>
						<w2:row>
							<col1><![CDATA[November]]></col1>
							<col2><![CDATA[32900]]></col2>
						</w2:row>
						<w2:row>
							<col1><![CDATA[December]]></col1>
							<col2><![CDATA[39800]]></col2>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dataList2" baseNode="list" saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="col1" name="Month" dataType="text"></w2:column>
						<w2:column id="col2" name="2005" dataType="number"></w2:column>
						<w2:column id="col3" name="2006" dataType="number"></w2:column>
						<w2:column id="col4" name="2007" dataType="number"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<col1><![CDATA[January]]></col1>
							<col2><![CDATA[27400]]></col2>
							<col3><![CDATA[10000]]></col3>
							<col4><![CDATA[10000]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[February]]></col1>
							<col2><![CDATA[11500]]></col2>
							<col3><![CDATA[28110]]></col3>
							<col4><![CDATA[23990]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[March]]></col1>
							<col2><![CDATA[12500]]></col2>
							<col3><![CDATA[29800]]></col3>
							<col4><![CDATA[32700]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[April]]></col1>
							<col2><![CDATA[27400]]></col2>
							<col3><![CDATA[10000]]></col3>
							<col4><![CDATA[29000]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[May]]></col1>
							<col2><![CDATA[1500]]></col2>
							<col3><![CDATA[10000]]></col3>
							<col4><![CDATA[10000]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[June]]></col1>
							<col2><![CDATA[19700]]></col2>
							<col3><![CDATA[32600]]></col3>
							<col4><![CDATA[32600]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[July]]></col1>
							<col2><![CDATA[27400]]></col2>
							<col3><![CDATA[29700]]></col3>
							<col4><![CDATA[31900]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[August]]></col1>
							<col2><![CDATA[27400]]></col2>
							<col3><![CDATA[10000]]></col3>
							<col4><![CDATA[21800]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[September]]></col1>
							<col2><![CDATA[27400]]></col2>
							<col3><![CDATA[31800]]></col3>
							<col4><![CDATA[42800]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[October]]></col1>
							<col2><![CDATA[27400]]></col2>
							<col3><![CDATA[15000]]></col3>
							<col4><![CDATA[11000]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[November]]></col1>
							<col2><![CDATA[27400]]></col2>
							<col3><![CDATA[9800]]></col3>
							<col4><![CDATA[11800]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[December]]></col1>
							<col2><![CDATA[27400]]></col2>
							<col3><![CDATA[22900]]></col3>
							<col4><![CDATA[20800]]></col4>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dataList3" baseNode="list" saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="col1" name="상품명" dataType="text"></w2:column>
						<w2:column id="col2" name="2009" dataType="number"></w2:column>
						<w2:column id="col3" name="2010" dataType="number"></w2:column>
						<w2:column id="col4" name="2011" dataType="number"></w2:column>
						<w2:column id="col5" name="2012" dataType="number"></w2:column>
						<w2:column id="col6" name="2013" dataType="number"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<col1><![CDATA[상품 A]]></col1>
							<col2><![CDATA[10]]></col2>
							<col3><![CDATA[26]]></col3>
							<col4><![CDATA[23]]></col4>
							<col5><![CDATA[44]]></col5>
							<col6><![CDATA[48]]></col6>
						</w2:row>
						<w2:row>
							<col1><![CDATA[상품 B]]></col1>
							<col2><![CDATA[52]]></col2>
							<col3><![CDATA[62]]></col3>
							<col4><![CDATA[56]]></col4>
							<col5><![CDATA[23]]></col5>
							<col6><![CDATA[14]]></col6>
						</w2:row>
						<w2:row>
							<col1><![CDATA[상품 C]]></col1>
							<col2><![CDATA[45]]></col2>
							<col3><![CDATA[76]]></col3>
							<col4><![CDATA[21]]></col4>
							<col5><![CDATA[87]]></col5>
							<col6><![CDATA[88]]></col6>
						</w2:row>
						<w2:row>
							<col1><![CDATA[상품 D]]></col1>
							<col2><![CDATA[22]]></col2>
							<col3><![CDATA[33]]></col3>
							<col4><![CDATA[50]]></col4>
							<col5><![CDATA[33]]></col5>
							<col6><![CDATA[55]]></col6>
						</w2:row>
						<w2:row>
							<col1><![CDATA[상품 E]]></col1>
							<col2><![CDATA[81]]></col2>
							<col3><![CDATA[45]]></col3>
							<col4><![CDATA[78]]></col4>
							<col5><![CDATA[76]]></col5>
							<col6><![CDATA[76]]></col6>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dataList4" baseNode="list" saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="col1" name="Server" dataType="text"></w2:column>
						<w2:column id="col2" name="X" dataType="number"></w2:column>
						<w2:column id="col3" name="Y" dataType="number"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<col1><![CDATA[Server 1]]></col1>
							<col2><![CDATA[24]]></col2>
							<col3><![CDATA[1.6]]></col3>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 1]]></col1>
							<col2><![CDATA[75]]></col2>
							<col3><![CDATA[2.7]]></col3>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 1]]></col1>
							<col2><![CDATA[33]]></col2>
							<col3><![CDATA[7.4]]></col3>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 1]]></col1>
							<col2><![CDATA[69]]></col2>
							<col3><![CDATA[6.3]]></col3>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 1]]></col1>
							<col2><![CDATA[33]]></col2>
							<col3><![CDATA[4.2]]></col3>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 2]]></col1>
							<col2><![CDATA[96]]></col2>
							<col3><![CDATA[3.7]]></col3>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 2]]></col1>
							<col2><![CDATA[37]]></col2>
							<col3><![CDATA[7.9]]></col3>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 2]]></col1>
							<col2><![CDATA[17]]></col2>
							<col3><![CDATA[6.5]]></col3>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 2]]></col1>
							<col2><![CDATA[84]]></col2>
							<col3><![CDATA[2.1]]></col3>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 2]]></col1>
							<col2><![CDATA[47]]></col2>
							<col3><![CDATA[1.7]]></col3>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dataList5" baseNode="list" saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="col1" name="Server" dataType="text"></w2:column>
						<w2:column id="col2" name="X" dataType="number"></w2:column>
						<w2:column id="col3" name="Y" dataType="number"></w2:column>
						<w2:column id="col4" name="Z" dataType="number"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<col1><![CDATA[Server 1]]></col1>
							<col2><![CDATA[24]]></col2>
							<col3><![CDATA[1.6]]></col3>
							<col4><![CDATA[3.7]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 1]]></col1>
							<col2><![CDATA[75]]></col2>
							<col3><![CDATA[2.7]]></col3>
							<col4><![CDATA[7.9]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 1]]></col1>
							<col2><![CDATA[33]]></col2>
							<col3><![CDATA[7.4]]></col3>
							<col4><![CDATA[6.5]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 1]]></col1>
							<col2><![CDATA[69]]></col2>
							<col3><![CDATA[6.3]]></col3>
							<col4><![CDATA[2.1]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 1]]></col1>
							<col2><![CDATA[33]]></col2>
							<col3><![CDATA[4.2]]></col3>
							<col4><![CDATA[1.6]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 2]]></col1>
							<col2><![CDATA[96]]></col2>
							<col3><![CDATA[3.7]]></col3>
							<col4><![CDATA[2.7]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 2]]></col1>
							<col2><![CDATA[37]]></col2>
							<col3><![CDATA[7.9]]></col3>
							<col4><![CDATA[7.4]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 2]]></col1>
							<col2><![CDATA[17]]></col2>
							<col3><![CDATA[6.5]]></col3>
							<col4><![CDATA[6.3]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 2]]></col1>
							<col2><![CDATA[84]]></col2>
							<col3><![CDATA[2.1]]></col3>
							<col4><![CDATA[4.2]]></col4>
						</w2:row>
						<w2:row>
							<col1><![CDATA[Server 2]]></col1>
							<col2><![CDATA[47]]></col2>
							<col3><![CDATA[1.7]]></col3>
							<col4><![CDATA[3.7]]></col4>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dataList6" baseNode="list" saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="col1" name="Year" dataType="text"></w2:column>
						<w2:column id="col2" name="Product A" dataType="number"></w2:column>
						<w2:column id="col3" name="Product B" dataType="number"></w2:column>
						<w2:column id="col4" name="Service A" dataType="number"></w2:column>
						<w2:column id="col5" name="Service B" dataType="number"></w2:column>
						<w2:column id="col6" name="Service C" dataType="number"></w2:column>
						<w2:column id="col7" name="Revenue A" dataType="number"></w2:column>
						<w2:column id="col8" name="Revenue B" dataType="number"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<col1><![CDATA[2001]]></col1>
							<col2><![CDATA[23]]></col2>
							<col3><![CDATA[54]]></col3>
							<col4><![CDATA[34]]></col4>
							<col5><![CDATA[54]]></col5>
							<col6><![CDATA[43]]></col6>
							<col7><![CDATA[54]]></col7>
							<col8><![CDATA[23]]></col8>
						</w2:row>
						<w2:row>
							<col1><![CDATA[2002]]></col1>
							<col2><![CDATA[85]]></col2>
							<col3><![CDATA[13]]></col3>
							<col4><![CDATA[72]]></col4>
							<col5><![CDATA[13]]></col5>
							<col6><![CDATA[12]]></col6>
							<col7><![CDATA[13]]></col7>
							<col8><![CDATA[85]]></col8>
						</w2:row>
						<w2:row>
							<col1><![CDATA[2003]]></col1>
							<col2><![CDATA[33]]></col2>
							<col3><![CDATA[66]]></col3>
							<col4><![CDATA[32]]></col4>
							<col5><![CDATA[66]]></col5>
							<col6><![CDATA[83]]></col6>
							<col7><![CDATA[66]]></col7>
							<col8><![CDATA[33]]></col8>
						</w2:row>
						<w2:row>
							<col1><![CDATA[2004]]></col1>
							<col2><![CDATA[43]]></col2>
							<col3><![CDATA[34]]></col3>
							<col4><![CDATA[73]]></col4>
							<col5><![CDATA[34]]></col5>
							<col6><![CDATA[54]]></col6>
							<col7><![CDATA[34]]></col7>
							<col8><![CDATA[43]]></col8>
						</w2:row>
						<w2:row>
							<col1><![CDATA[2005]]></col1>
							<col2><![CDATA[24]]></col2>
							<col3><![CDATA[90]]></col3>
							<col4><![CDATA[37]]></col4>
							<col5><![CDATA[90]]></col5>
							<col6><![CDATA[33]]></col6>
							<col7><![CDATA[90]]></col7>
							<col8><![CDATA[24]]></col8>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dataList7" baseNode="list" saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="col1" name="Year" dataType="text"></w2:column>
						<w2:column id="col2" name="Product A" dataType="text"></w2:column>
						<w2:column id="col3" name="Product B" dataType="text"></w2:column>
						<w2:column id="col4" name="Service A" dataType="text"></w2:column>
						<w2:column id="col5" name="Service B" dataType="text"></w2:column>
						<w2:column id="col6" name="Service C" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<col1><![CDATA[2001]]></col1>
							<col2><![CDATA[23]]></col2>
							<col3><![CDATA[54]]></col3>
							<col4><![CDATA[34]]></col4>
							<col5><![CDATA[54]]></col5>
							<col6><![CDATA[43]]></col6>
						</w2:row>
						<w2:row>
							<col1><![CDATA[2002]]></col1>
							<col2><![CDATA[85]]></col2>
							<col3><![CDATA[13]]></col3>
							<col4><![CDATA[72]]></col4>
							<col5><![CDATA[13]]></col5>
							<col6><![CDATA[12]]></col6>
						</w2:row>
						<w2:row>
							<col1><![CDATA[2003]]></col1>
							<col2><![CDATA[33]]></col2>
							<col3><![CDATA[66]]></col3>
							<col4><![CDATA[32]]></col4>
							<col5><![CDATA[66]]></col5>
							<col6><![CDATA[83]]></col6>
						</w2:row>
						<w2:row>
							<col1><![CDATA[2004]]></col1>
							<col2><![CDATA[43]]></col2>
							<col3><![CDATA[34]]></col3>
							<col4><![CDATA[73]]></col4>
							<col5><![CDATA[34]]></col5>
							<col6><![CDATA[54]]></col6>
						</w2:row>
						<w2:row>
							<col1><![CDATA[2005]]></col1>
							<col2><![CDATA[24]]></col2>
							<col3><![CDATA[90]]></col3>
							<col4><![CDATA[37]]></col4>
							<col5><![CDATA[90]]></col5>
							<col6><![CDATA[33]]></col6>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>

    	<xf:group class="sub_contents" id="" style="">
			<xf:group class="pgtbox" id="" style="">
				<w2:textbox class="pgt_tit" id="" label="Publishing Template - FusionChart" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="FusionChart Wrapper 컴포넌트이며, FusionCharts의 데이터는 실제 차트에 보여줄 값과 스타일 옵션들이 하나로 결합되어 있는 형태입니다.
WebSquare5에서는 이를 분리하여 차트를 쉽게 Customizing 할 수 있도록 API를 지원하며, FusionChart는 다양한 Device, Browser, Platform에서 작동하는 JavaScript chart입니다.
WebSquare5는 FusionChart의 기능을 사용할 수 있는 환경을 제공하며, 각 차트에 대한 자세한 Properties & API는 FusionCharts 공식 홈페이지를 참조하시기 바랍니다.
" class="" escape="false">
			</w2:textbox></xf:group>
			<xf:group id="" class="titbox"><w2:anchor outerDiv="false" style="" id="" href="http://docs.fusioncharts.com/charts/" target="_blank">
				<xf:label><![CDATA[http://docs.fusioncharts.com/charts/]]></xf:label>
			</w2:anchor></xf:group><xf:group style="border:1px dashed #ccc;" id="" class="msgbox">
				<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
					<w2:attributes>
						<w2:summary></w2:summary>
					</w2:attributes>
					<xf:group tagname="colgroup">
						<xf:group tagname="col" style="width:30.00%"></xf:group>
						<xf:group tagname="col" style="width:70.00%"></xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">
							Single Series Chart
							<w2:attributes>
								<w2:colspan>2</w2:colspan>
								<w2:rowspan>1</w2:rowspan>
							</w2:attributes>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr">
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>

							<w2:textbox tagname="label" for="basicip" style="" id="" label="dataList 확인" class="formguide"></w2:textbox>
							<w2:gridView fixedColumnWithHidden="true" dataList="dataList1" useShiftKey="true" scrollByColumn="false" style="width:100%; height:280px;" ignoreCellClick="false" id="" autoFit="allColumn" ignoreToggleOnDisabled="false" class="gvw">
								<w2:header style="" id="header1">
									<w2:row style="" id="row2">
										<w2:column width="70" style="height:20px" inputType="text" id="column7" value="Month" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column3" value="Price" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:header>
								<w2:gBody style="" id="gBody4">
									<w2:row style="" id="row5">
										<w2:column width="70" style="height:20px" inputType="text" id="col1" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col2" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:gBody>
							</w2:gridView>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="FusionChart 확인" class="formguide"></w2:textbox>
							<xf:select1 ref="" appearance="full" ev:onchange="scwin.radio1_onchange" ev:onlabelclick="scwin.radio1_onlabelclick" ev:onradioclick="scwin.radio1_onradioclick" style="" id="radio1" renderType="" rows="2" class="radio" cols="" selectedIndex="-1">
								<xf:choices>
									<xf:item>
										<xf:label><![CDATA[column2d]]></xf:label>
										<xf:value><![CDATA[column2d]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[column3d]]></xf:label>
										<xf:value><![CDATA[column3d]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[bar2d]]></xf:label>
										<xf:value><![CDATA[bar2d]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[bar3d]]></xf:label>
										<xf:value><![CDATA[bar3d]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[area2d]]></xf:label>
										<xf:value><![CDATA[area2d]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[line]]></xf:label>
										<xf:value><![CDATA[line]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[pareto2d]]></xf:label>
										<xf:value><![CDATA[pareto2d]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[pareto3d]]></xf:label>
										<xf:value><![CDATA[pareto3d]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[pie2d]]></xf:label>
										<xf:value><![CDATA[pie2d]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[pie3d]]></xf:label>
										<xf:value><![CDATA[pie3d]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[doughnut2d]]></xf:label>
										<xf:value><![CDATA[doughnut2d]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[doughnut3d]]></xf:label>
										<xf:value><![CDATA[doughnut3d]]></xf:value>
									</xf:item>
								</xf:choices>
							</xf:select1>
							<w2:fusionchart seriesColumns="" accessibility="true" runflashAt="IE6,IE7,IE8" drawType="javascript" valueNode="" ref="data:dataList1" labelNode="" seriesType="simple" dataList="" chartType="Column2D" style="position:relative; width:100%; height:250px;" id="singleSeriseChart" seriesNode="">
							</w2:fusionchart>
						</xf:group>
					</xf:group>
				</xf:group></xf:group>
				<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
					<w2:attributes>
						<w2:summary></w2:summary>
					</w2:attributes>
					<xf:group tagname="colgroup">
						<xf:group tagname="col" style="width:30.00%"></xf:group>
						<xf:group tagname="col" style="width:70.00%"></xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">
							Multi-series Charts
							<w2:attributes>
								<w2:colspan>2</w2:colspan>
								<w2:rowspan>1</w2:rowspan>
							</w2:attributes>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr">
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="dataList 확인" class="formguide"></w2:textbox>

							<w2:gridView fixedColumnWithHidden="true" dataList="dataList2" useShiftKey="true" ignoreCellClick="false" scrollByColumn="false" style="width:100%; height:280px;" autoFit="allColumn" id="" ignoreToggleOnDisabled="false" class="gvw">
								<w2:header style="" id="header1">
									<w2:row style="" id="row2">
										<w2:column width="70" inputType="text" style="height:20px" id="column11" value="Month" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" inputType="text" style="height:20px" id="column9" value="2005" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" inputType="text" style="height:20px" id="column7" value="2006" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" inputType="text" style="height:20px" id="column3" value="2007" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:header>
								<w2:gBody style="" id="gBody4">
									<w2:row style="" id="row5">
										<w2:column width="70" inputType="text" style="height:20px" id="col1" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" inputType="text" style="height:20px" id="col2" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" inputType="text" style="height:20px" id="col3" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" inputType="text" style="height:20px" id="col4" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:gBody>
							</w2:gridView>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="FusionChart 확인" class="formguide"></w2:textbox>
							<xf:select1 ref="" appearance="full" ev:onchange="scwin.radio2_onchange" ev:onlabelclick="scwin.radio1_onlabelclick" ev:onradioclick="scwin.radio1_onradioclick" style="" id="radio2" renderType="" rows="2" class="radio" cols="" selectedIndex="-1">
								<xf:choices>
									<xf:item>
										<xf:label><![CDATA[MSColumn2D]]></xf:label>
										<xf:value><![CDATA[MSColumn2D]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[MSColumn3D]]></xf:label>
										<xf:value><![CDATA[MSColumn3D]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[MSLine]]></xf:label>
										<xf:value><![CDATA[MSLine]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[ZoomLine]]></xf:label>
										<xf:value><![CDATA[ZoomLine]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[MSArea]]></xf:label>
										<xf:value><![CDATA[MSArea]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[MSBar2D]]></xf:label>
										<xf:value><![CDATA[MSBar2D]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[MSBar3D]]></xf:label>
										<xf:value><![CDATA[MSBar3D]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[Marimekko]]></xf:label>
										<xf:value><![CDATA[Marimekko]]></xf:value>
									</xf:item>
								</xf:choices>
							</xf:select1>
							<w2:fusionchart seriesColumns="" accessibility="true" drawType="javascript" runflashAt="IE6,IE7,IE8" valueNode="" labelNode="" ref="data:dataList2" seriesType="advanced" dataList="" chartType="MSColumn2D" style="position:relative; width:100%; height:250px;" id="multiSeriseChart" seriesNode="">
							</w2:fusionchart>
						</xf:group>
					</xf:group>
				</xf:group></xf:group>
				<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
					<w2:attributes>
						<w2:summary></w2:summary>
					</w2:attributes>
					<xf:group tagname="colgroup">
						<xf:group tagname="col" style="width:30.00%"></xf:group>
						<xf:group tagname="col" style="width:70.00%"></xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">
							Stacked Charts
							<w2:attributes>
								<w2:colspan>2</w2:colspan>
								<w2:rowspan>1</w2:rowspan>
							</w2:attributes>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr">
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="dataList 확인" class="formguide"></w2:textbox>

							<w2:gridView fixedColumnWithHidden="true" dataList="dataList3" useShiftKey="true" ignoreCellClick="false" scrollByColumn="false" style="width:100%; height:280px;" autoFit="allColumn" id="" ignoreToggleOnDisabled="false" class="gvw">
								<w2:header style="" id="header1">
									<w2:row style="" id="row2">
										<w2:column width="70" style="height:20px" inputType="text" id="column15" value="상품명" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column13" value="2009" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column11" value="2010" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column9" value="2011" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column7" value="2012" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column3" value="2013" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:header>
								<w2:gBody style="" id="gBody4">
									<w2:row style="" id="row5">
										<w2:column width="70" style="height:20px" inputType="text" id="col1" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col2" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col3" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col4" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col5" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col6" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:gBody>
							</w2:gridView>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="FusionChart 확인" class="formguide"></w2:textbox>
							<xf:select1 ref="" appearance="full" ev:onchange="scwin.radio3_onchange" ev:onlabelclick="scwin.radio1_onlabelclick" ev:onradioclick="scwin.radio1_onradioclick" style="" id="radio3" renderType="" rows="2" class="radio" cols="" selectedIndex="-1">
								<xf:choices>
									<xf:item>
										<xf:label><![CDATA[StackedColumn2D]]></xf:label>
										<xf:value><![CDATA[StackedColumn2D]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[StackedColumn3D]]></xf:label>
										<xf:value><![CDATA[StackedColumn3D]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[StackedArea2D]]></xf:label>
										<xf:value><![CDATA[StackedArea2D]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[StackedBar2D]]></xf:label>
										<xf:value><![CDATA[StackedBar2D]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[StackedBar3D]]></xf:label>
										<xf:value><![CDATA[StackedBar3D]]></xf:value>
									</xf:item>
								</xf:choices>
							</xf:select1>
							<w2:fusionchart seriesColumns="" accessibility="true" drawType="javascript" runflashAt="IE6,IE7,IE8" valueNode="" labelNode="" ref="data:dataList3" seriesType="advanced" dataList="" chartType="StackedColumn2D" style="position:relative; width:100%; height:250px;" id="stackedChart" seriesNode="">
							</w2:fusionchart>
						</xf:group>
					</xf:group>
				</xf:group></xf:group>
				<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
					<w2:attributes>
						<w2:summary></w2:summary>
					</w2:attributes>
					<xf:group tagname="colgroup">
						<xf:group tagname="col" style="width:30.00%"></xf:group>
						<xf:group tagname="col" style="width:70.00%"></xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">
							Combination Charts
							<w2:attributes>
								<w2:colspan>2</w2:colspan>
								<w2:rowspan>1</w2:rowspan>
							</w2:attributes>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr">
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="dataList 확인" class="formguide"></w2:textbox>
							<w2:gridView fixedColumnWithHidden="true" dataList="dataList2" useShiftKey="true" ignoreCellClick="false" scrollByColumn="false" style="width:100%; height:280px;" autoFit="allColumn" id="" ignoreToggleOnDisabled="false" class="gvw">
								<w2:header style="" id="header1">
									<w2:row style="" id="row2">
										<w2:column width="70" style="height:20px" inputType="text" id="column11" value="Month" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column9" value="2005" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column7" value="2006" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column3" value="2007" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:header>
								<w2:gBody style="" id="gBody4">
									<w2:row style="" id="row5">
										<w2:column width="70" style="height:20px" inputType="text" id="col1" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col2" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col3" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col4" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:gBody>
							</w2:gridView>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="FusionChart 확인" class="formguide"></w2:textbox>
							<xf:select1 ref="" appearance="full" ev:onchange="scwin.radio4_onchange" ev:onlabelclick="scwin.radio1_onlabelclick" ev:onradioclick="scwin.radio1_onradioclick" style="" id="radio4" renderType="" rows="3" class="radio" cols="" selectedIndex="-1">
								<xf:choices>
									<xf:item>
										<xf:label><![CDATA[MSCombi3D]]></xf:label>
										<xf:value><![CDATA[MSCombi3D]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[MSCombi2D]]></xf:label>
										<xf:value><![CDATA[MSCombi2D]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[MSColumnLine3D]]></xf:label>
										<xf:value><![CDATA[MSColumnLine3D]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[StackedColumn2DLine]]></xf:label>
										<xf:value><![CDATA[StackedColumn2DLine]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[StackedColumn3DLine]]></xf:label>
										<xf:value><![CDATA[StackedColumn3DLine]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[MSCombiDY2D]]></xf:label>
										<xf:value><![CDATA[MSCombiDY2D]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[MSColumn3DLineDY]]></xf:label>
										<xf:value><![CDATA[MSColumn3DLineDY]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[StackedColumn3DLineDY]]></xf:label>
										<xf:value><![CDATA[StackedColumn3DLineDY]]></xf:value>
									</xf:item>
								</xf:choices>
							</xf:select1>
							<w2:fusionchart seriesColumns="[['col2',{'id':'col3','seriesname':'Year New','renderas':'Area'},{'id':'col4','renderas':'Line'}]]" accessibility="true" drawType="javascript" runflashAt="IE6,IE7,IE8" valueNode="" labelNode="" ref="data:dataList2" seriesType="advanced" dataList="" chartType="MSCombi3D" style="position:relative; width:100%; height:250px;" id="combinationChart" seriesNode="">
							</w2:fusionchart>
						</xf:group>
					</xf:group>
				</xf:group></xf:group>
				<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
					<w2:attributes>
						<w2:summary></w2:summary>
					</w2:attributes>
					<xf:group tagname="colgroup">
						<xf:group tagname="col" style="width:30.00%"></xf:group>
						<xf:group tagname="col" style="width:70.00%"></xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">
							Scatter Charts
							<w2:attributes>
								<w2:colspan>2</w2:colspan>
								<w2:rowspan>1</w2:rowspan>
							</w2:attributes>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr">
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="dataList 확인" class="formguide"></w2:textbox>
							<w2:gridView fixedColumnWithHidden="true" dataList="dataList4" useShiftKey="true" ignoreCellClick="false" scrollByColumn="false" style="width:100%; height:280px;" autoFit="allColumn" id="" ignoreToggleOnDisabled="false" class="gvw">
								<w2:header style="" id="header1">
									<w2:row style="" id="row2">
										<w2:column width="70" style="height:20px" inputType="text" id="column9" value="Server" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column7" value="X" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column3" value="Y" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:header>
								<w2:gBody style="" id="gBody4">
									<w2:row style="" id="row5">
										<w2:column width="70" style="height:20px" inputType="text" id="col1" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col2" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col3" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:gBody>
							</w2:gridView>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="FusionChart 확인" class="formguide"></w2:textbox>
							<w2:fusionchart seriesColumns="" accessibility="true" drawType="javascript" runflashAt="IE6,IE7,IE8" valueNode="" labelNode="" ref="data:dataList4" seriesType="advanced" dataList="" chartType="Scatter" style="position:relative; width:100%; height:280px;" id="scatterCharts" seriesNode="">
							</w2:fusionchart>
						</xf:group>
					</xf:group>
				</xf:group></xf:group>
				<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
					<w2:attributes>
						<w2:summary></w2:summary>
					</w2:attributes>
					<xf:group tagname="colgroup">
						<xf:group tagname="col" style="width:30.00%"></xf:group>
						<xf:group tagname="col" style="width:70.00%"></xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">
							Bubble Charts
							<w2:attributes>
								<w2:colspan>2</w2:colspan>
								<w2:rowspan>1</w2:rowspan>
							</w2:attributes>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr">
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="dataList 확인" class="formguide"></w2:textbox>
							<w2:gridView fixedColumnWithHidden="true" dataList="dataList5" useShiftKey="true" ignoreCellClick="false" scrollByColumn="false" style="width:100%; height:280px;" autoFit="allColumn" id="" ignoreToggleOnDisabled="false" class="gvw">
								<w2:header style="" id="header1">
									<w2:row style="" id="row2">
										<w2:column width="70" style="height:20px" inputType="text" id="column11" value="Server" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column9" value="X" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column7" value="Y" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column3" value="Z" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:header>
								<w2:gBody style="" id="gBody4">
									<w2:row style="" id="row5">
										<w2:column width="70" style="height:20px" inputType="text" id="col1" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col2" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col3" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col4" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:gBody>
							</w2:gridView>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="FusionChart 확인" class="formguide"></w2:textbox>
							<w2:fusionchart seriesColumns="" accessibility="true" drawType="javascript" runflashAt="IE6,IE7,IE8" valueNode="" labelNode="" ref="data:dataList5" seriesType="advanced" dataList="" chartType="Bubble" style="position:relative; width:100%; height:280px;" id="bubbleCharts" seriesNode="">
							</w2:fusionchart>
						</xf:group>
					</xf:group>
				</xf:group></xf:group>
				<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
					<w2:attributes>
						<w2:summary></w2:summary>
					</w2:attributes>
					<xf:group tagname="colgroup">
						<xf:group tagname="col" style="width:30.00%"></xf:group>
						<xf:group tagname="col" style="width:70.00%"></xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">
							MSStackedColumn2DLineDY Chart
							<w2:attributes>
								<w2:colspan>2</w2:colspan>
								<w2:rowspan>1</w2:rowspan>
							</w2:attributes>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr">
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="dataList 확인" class="formguide"></w2:textbox>
							<w2:gridView fixedColumnWithHidden="true" dataList="dataList6" useShiftKey="true" ignoreCellClick="false" scrollByColumn="false" style="width:100%; height:280px;" autoFit="allColumn" id="" ignoreToggleOnDisabled="false" class="gvw">
								<w2:header style="" id="header21">
									<w2:row style="" id="row22">
										<w2:column width="70" style="height:20px" inputType="text" id="column39" value="Year" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column37" value="Product A" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column35" value="Product B" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column33" value="Service A" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column31" value="Service B" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column29" value="Service C" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column27" value="Revenue A" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column23" value="Revenue B" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:header>
								<w2:gBody style="" id="gBody24">
									<w2:row style="" id="row25">
										<w2:column width="70" style="height:20px" inputType="text" id="col1" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col2" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col3" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col4" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col5" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col6" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col7" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col8" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:gBody>
							</w2:gridView>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="FusionChart 확인" class="formguide"></w2:textbox>
							<w2:fusionchart seriesColumns="[['col2','col3'], ['col4','col5','col6'],[{'id':'col7','linethickness':'4'},{'id':'col8','linethickness':'4'}]]" accessibility="true" drawType="javascript" runflashAt="IE6,IE7,IE8" valueNode="" labelNode="" ref="data:dataList6" seriesType="advanced" dataList="" chartType="MSStackedColumn2DLineDY" style="position:relative; width:100%; height:280px;" id="6" seriesNode="">
							</w2:fusionchart>
						</xf:group>
					</xf:group>
				</xf:group></xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
					<w2:attributes>
						<w2:summary></w2:summary>
					</w2:attributes>
					<xf:group tagname="colgroup">
						<xf:group tagname="col" style="width:30.00%"></xf:group>
						<xf:group tagname="col" style="width:70.00%"></xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">
							MSStackedColumn2D Chart
							<w2:attributes>
								<w2:colspan>2</w2:colspan>
								<w2:rowspan>1</w2:rowspan>
							</w2:attributes>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr">
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="dataList 확인" class="formguide"></w2:textbox>
							<w2:gridView fixedColumnWithHidden="true" dataList="dataList7" useShiftKey="true" ignoreCellClick="false" scrollByColumn="false" style="width:100%; height:280px;" autoFit="allColumn" id="" ignoreToggleOnDisabled="false" class="gvw">
								<w2:header style="" id="header1">
									<w2:row style="" id="row2">
										<w2:column width="70" style="height:20px" inputType="text" id="column15" value="Year" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column13" value="Product A" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column11" value="Product B" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column9" value="Service A" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column7" value="Service B" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column3" value="Service C" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:header>
								<w2:gBody style="" id="gBody4">
									<w2:row style="" id="row5">
										<w2:column width="70" style="height:20px" inputType="text" id="col1" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col2" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col3" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col4" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col5" blockSelect="false" displayMode="label">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="col6" blockSelect="false" displayMode="label">
										</w2:column>
									</w2:row>
								</w2:gBody>
							</w2:gridView>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="FusionChart 확인" class="formguide"></w2:textbox>
							<w2:fusionchart seriesColumns="[['col2','col3'], ['col4','col5',{'id':'col6','showvalues':'1'}]]" accessibility="true" drawType="javascript" runflashAt="IE6,IE7,IE8" valueNode="" labelNode="" ref="data:dataList7" seriesType="advanced" dataList="" chartType="MSStackedColumn2D" style="position:relative; width:100%; height:280px;" id="7" seriesNode="">
							</w2:fusionchart>
						</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="sub_contents" id="" style="">
			<xf:group class="pgtbox" id="" style="">
				<w2:textbox class="pgt_tit" id="" label="Publishing Template - Multiupload" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="Multiupload는 flash로 구현되어 제공되고 있으며, 여러 개의 파일을 동시에 업로드할 수 있는 컴포넌트입니다. &nbsp;또한 투명 모드(mode:transparent)를 지원함으로써 사용자가 원하는 UI를 만들 수 있습니다." class="txt_guide">
			</w2:textbox></xf:group><xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="01. Sample" style="" tagname="h3"></w2:textbox>
			<xf:group id="" class="rt"><w2:anchor outerDiv="false" name="" style="" href="/ws/download/multiupload.zip" id="" class="btn_cm">
					<xf:label><![CDATA[Download]]></xf:label>
				</w2:anchor></xf:group></xf:group><xf:group id="" class="titbox"><w2:textbox style="" id="" label="Mode : flash" class="" tagname="h4"></w2:textbox></xf:group><xf:group style="" id="" class="msgbox">

			<xf:group id=""><w2:multiupload filter="" mode="flash" maxcount="" action="" style="position: relative;width: 500px;height: 150px;" wmode="false" id="" maxsize="" uploadButton="">
					</w2:multiupload></xf:group></xf:group><xf:group id="" class="titbox"><w2:textbox style="" id="" label="Mode : transparent" class="" tagname="h4"></w2:textbox></xf:group><xf:group id="" style="position :relative; height:26px;" class="msgbox">
				<xf:group id="" style="position :relative; height:26px;"><w2:multiupload filter="" mode="html5_transparent" maxcount="" action="" style="position:absolute;width:100px;z-index:10;height: 26px;" wmode="true" id="" maxsize="" uploadButton="false">
					</w2:multiupload><w2:anchor outerDiv="false" style="position:absolute; top:0; left:0;" id="" class="wq_mupl">
						<xf:label><![CDATA[파일찾기]]></xf:label>
					</w2:anchor></xf:group></xf:group>
			<xf:group id="" class="titbox"><w2:textbox tagname="h3" style="" id="" label="02. Property" class=""></w2:textbox></xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="wq_tb w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Property</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">action</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">업로드 처리 URL</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						displaySizeUnit
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						업로딩이&nbsp;완료(ondone&nbsp;이벤트&nbsp;발생)되는&nbsp;시점에&nbsp;화면에&nbsp;표시할&nbsp;사이즈&nbsp;단위.&nbsp;(Byte,&nbsp;KB,&nbsp;MB&nbsp;(기본&nbsp;값),&nbsp;GB,&nbsp;TB)&nbsp;&nbsp;(5.0_1.2701A.20170714.211228&nbsp;버전에서&nbsp;추가.)
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">filter</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">file 확장자 제한 filter 설정</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">lang</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">언어 설정 (ko/en)</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">maxcount</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">전송 가능한 파일의 최대 개수</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">mode</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						UI 형식

						1) flash(flash로 만들어져 디자인 변경 불가능)

						2) transparent(투명모드 지원으로 디자인 변경 가능)

						3) html5_transparent(투명모드 지원으로 디자인 변경 가능)
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						sizeUnit
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						업로딩이&nbsp;완료(ondone&nbsp;이벤트&nbsp;발생)되는&nbsp;시점에&nbsp;서버에서&nbsp;응답할&nbsp;때&nbsp;사용하는&nbsp;사이즈&nbsp;단위.&nbsp;(Byte&nbsp;(기본&nbsp;값),&nbsp;KB,&nbsp;MB&nbsp;(기본&nbsp;값),&nbsp;GB,&nbsp;TB)&nbsp;&nbsp;(5.0_1.2701A.20170714.211228&nbsp;버전에서&nbsp;추가.)
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						subSize
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						websquare.xml와&nbsp;config.xml에서&nbsp;업로드&nbsp;가능한&nbsp;maximum&nbsp;upload&nbsp;size&nbsp;값을&nbsp;가지고&nbsp;있는&nbsp;node이름.&nbsp;&nbsp;(5.0_1.2701A.20170714.211228&nbsp;버전에서&nbsp;추가.)
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">uploadButton</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">전송버튼 숨김 여부 (true/false)</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						tabIndex
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						Tab&nbsp;Key를&nbsp;이용&nbsp;한&nbsp;컴포넌트의&nbsp;포커스&nbsp;순서로&nbsp;HTML의&nbsp;tabindex속성과&nbsp;동일한&nbsp;기능을&nbsp;제공한다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
			</xf:group></xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="03. CSS Overriding" class="" tagname="h3"></w2:textbox></xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="wq_tb w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Class</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">w2multiupload_uploader</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td"></xf:group>
				</xf:group>
			</xf:group></xf:group><xf:group adaptiveThreshold="" class="msgbox" id="" style="">
				<xf:group id="" class="titbox"><w2:textbox tagname="h4" style="" id="" label="Tip" class=""></w2:textbox></xf:group><w2:textbox class="txt_info" id=""
					label='투명모드(mode:transparent)<br/>multiUpload 컴포넌트의 mode="transparent" 를 사용, 선택한 파일목록을 그리드로 구현<br/>1) 버튼 위에 mode="transparent" 속성의 multiupload 컴포넌트를 위치한다.<br/>2) 버튼 클릭시 투명모드의 multiupmoad컴포넌트의 추가 버튼클릭 이벤트가 발생한다.'
					style="">
				</w2:textbox>
			</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="sub_contents" id="" style="">
			<xf:group class="pgtbox" id="" style="">
				<w2:textbox class="pgt_tit" id="" label="Publishing Template - CheckCombobox" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="HTML의 select Tag에서 확장된 기능을 제공하는 컴포넌트로 selectbox와 checkbox가 결합되어있어 항목을 다중으로 선택할 수 있습니다." class="" tagname="h3">
			</w2:textbox></xf:group><xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="01. Sample" style="" tagname="h3"></w2:textbox>
			</xf:group>
			<xf:group class="msgbox" id="" style="border:1px dashed #ccc;">
				<xf:checkcombobox allOption="" appearance="minimal" chooseOption="" class="wq_ccb" direction="auto" disabled="false"
					displayAllOptionLabel="false" displayMode="label" id="" style='width:200px;margin-right:26px;' submenuSize="auto">
					<xf:choices>
						<xf:item>
							<xf:label><![CDATA[Red]]></xf:label>
							<xf:value></xf:value>
						</xf:item>
						<xf:item>
							<xf:label><![CDATA[Blue]]></xf:label>
							<xf:value></xf:value>
						</xf:item>
						<xf:item>
							<xf:label><![CDATA[Green]]></xf:label>
							<xf:value></xf:value>
						</xf:item>
					</xf:choices>
				</xf:checkcombobox>
				<xf:checkcombobox allOption="" appearance="minimal" chooseOption="" class="wq_ccb" direction="auto" disabled="true"
					displayAllOptionLabel="false" displayMode="label" id="" style="width:200px;" submenuSize="auto">
					<xf:choices>
						<xf:item>
							<xf:label><![CDATA[Red]]></xf:label>
							<xf:value></xf:value>
						</xf:item>
						<xf:item>
							<xf:label><![CDATA[Blue]]></xf:label>
							<xf:value></xf:value>
						</xf:item>
						<xf:item>
							<xf:label><![CDATA[Green]]></xf:label>
							<xf:value></xf:value>
						</xf:item>
					</xf:choices>
				</xf:checkcombobox>
			</xf:group>
			<xf:group id="" class="titbox">
				<w2:textbox style="" id="" label="02. Property" class="" tagname="h3"></w2:textbox>
				<xf:group id="" class="rt">
					<w2:anchor class="btn_cm" href="/ws/download/checkCombobox.zip" id="" name="" outerDiv="false" style="">
						<xf:label><![CDATA[Download]]></xf:label>
					</w2:anchor>
				</xf:group>
			</xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Property</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">allOption</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true] 전체항목 표시 여부로 label은 "-전체-" 로 value는 "all" 로 설정됩니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">appearance</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">xforms select1의 appearance속성</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						animation
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						itemtable의&nbsp;animation을&nbsp;설정한다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">checkboxClickSync</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">[default:false, true] 목록의 checkbox를 클릭시 선택된 아이템셋과 싱크를 맞출지 여부</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						checkDisabledOnAllCheck
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						[default:true,&nbsp;false]&nbsp;&nbsp;전체&nbsp;선택시&nbsp;disabled&nbsp;처리된&nbsp;항목도&nbsp;함께&nbsp;선택하는&nbsp;기능.&nbsp;&nbsp;true&nbsp;(기본&nbsp;값):&nbsp;전체&nbsp;선택&nbsp;시&nbsp;disabled&nbsp;처리된&nbsp;항목도&nbsp;함께&nbsp;선택.&nbsp;&nbsp;false:&nbsp;전체&nbsp;선택&nbsp;시&nbsp;disabled&nbsp;처리된&nbsp;항목은&nbsp;선택하지&nbsp;않음.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">chooseOption</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false,true] 선택항목 표시 여부로 chooseOptionLabel속성이 설정되어 있지 않으면 label은 "-선택-"으로 value는
						""(empty string)으로 설정됩니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">chooseOptionLabel</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">chooseOption속성이 true로 설정 된 경우 label에 표현 될 text를 정의 합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">class</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						HTML의 class속성과 동일한 기능을 제공하며 css파일 또는 style블럭에 정의 한 class를 1개 또는 공백(space)를 이용하여 다중 적용이 가능합니다. 기본적으로 엔진 내부에서 각 컴포넌트
						마다의 class를 적용하고 있으며 해당 class를 이용하여 컴포넌트의 css를 공통으로 적용할 수 있습니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">delimiter</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						displayMode속성에서 참조하고 있으며 value와 label을 함께 표현 할 때 사용하는 구분자입니다. displayMode속성의 "delim"에 해당하는 값이 본 속성에 정의 된
						값입니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">direction</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">[defulat:auto, down, up] 항목의 열림 방향.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">disabled</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true] HTML의 disabled속성과 동일한 기능을 제공하며 컴포넌트를 비활성화 시킵니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">displayMode</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:label, value delim label, label delim value] 항목의 표현 방법으로 label과 value를 함께 표현 할 수 있습니다. delim(구분자)는
						delimiter속성에 정의 된 값을 참조합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">displaymessage</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true] validate API를 호출 하였을 때 검증 실패에 대한 결과 메세지를 표시 할지의 여부. 기본적으로 엔진에서 정의 된 메세지가 표현되며 별도의 메세지를 정의하고자 할
						때는 invalidMessageFunc속성을 이용합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">escape</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td"><>&"를 HTML Escape 문자로 변환하여 화면에 표시합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">id</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">컴포넌트의 ID로 전역객체로 할당되며 script에서 본 id로 컴포넌트에 접근이 가능합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">invalidMessage</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						validate API를 호출 하였을 때 검증 실패에 대한 결과 메세지를 본 속성의 값으로 표현되는 기능으로 displaymessage속성이 true로 되어있어야 합니다. invalidMessageFunc과
						동시 적용이 불가합니다.

					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">invalidMessageFunc</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						validate API를 호출 하였을 때 검증 실패에 대한 결과 메세지를 별도로 정의 한 Function에서 동적으로 표현 할 수 있는 기능으로 정의 된 function의 이름을 명시합니다.
						displaymessage속성이 true로 되어있어야 하며 invalidMessage와 동시 적용이 불가합니다. 사용자 Function(아래 예시 참조)에서는 this.getType()을 통해 검증 실패
						type(아래 type 참조)과 this.getValue()를 value값을 가져와 메세지를 동적으로 생성하여 return 합니다. type)mandatory, allowChar, ignoreChar,
						minLength, maxLength, minByteLength, maxByteLength 예시)function fn_msg(){ var tmpType = this.getType(); var tmpValue
						= this.getValue(); if(tmpType == "mandatory"){ return "필수 검증 항목입니다."; } }
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">labelWidthAuto</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true] 컴포넌트에 정의 된 width을 무시하고 항목 중 text가 가장 긴 크기에 맞게 출력 할지 여부. 주의 사항으로 style의 position이 absolute로
						되어있고 우측에 컴포넌트가 배치 되어있을 경우 UI가 틀어질 수 있음으로 우측에 컴포넌트가 없도록 설계되거나 컴포넌트들의 position을 relative로 설정해야합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">mandatory</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">[default:false, true]validate API를 호출 시 필수입력을 체크 할지의 여부.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">ref</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						DataCollection의 value 경로로 컴포넌트와 DataCollection의 value를 binding을 시킬 때 사용하며 "data:"라는 prefix는 필수로 붙여주어야 합니다.
						작성 방법은 data:[DataCollection ID].[Key id 또는 Column id]와 같다. 예시)data:dataMap1.dept DataList와 연동 된 경우는 GridView에서 선택 된
						Row의 값이 binding 됩니다. Instance Data와 연동 할 경우 연동 할 XML 데이터의 XPath를 명시합니다. 예시)res/userInfo/dept/@value
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">separator</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:" "(space)] 선택 된 항목의 label을 나열(표현)하기 위한 구분자입니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">sortMethod</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:ascending, descending] sortOption속성에서 참조하며 sortOption에 정의 된 값에 대한 정렬 방법.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">
						sortOption

					</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[label,value] 항목을 label 또는 value를 기준으로 정렬 할 때 사용됩니다. 기본적으로 ascending으로 정렬되며 sortMethod속성에 값이 정의 된 경우 해당값으로 정렬 방법이
						결정됩니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">style</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">CheckCombobox의 style 속성</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">submenuSize</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:auto, fixed] labelWidthAuto속성이 true인 경우 미동작하며 목록(항목)창 크기를 label에 맞출지 기본 width로 고정 할지에 대한 설정.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">tabIndex</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">Tab Key를 이용 한 컴포넌트의 포커스 순서로 HTML의 tabindex속성과 동일한 기능을 제공합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">title</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">HTML의 title속성과 동일한 기능으로 명시 된 값을 브라우저에서 마우스 over시 툴팁형태로 표현합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">useLocale</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true] Client 다국어를 이용하여 항목의 label에 표현되는 값을 다국어 key를 이용하여 표현 할 지에 대한 설정입니다.( 세부 내용은 Client 다국어 가이드 참고
						) 본 속성에 추가적으로 영향을 받는 속성으로는 chooseOptionLabel이 있으며 해당 속성에도 다국어 key가 정의되어야합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">validator</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">유효성 체크 함수명</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">visibleRowNum</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">표현 될 항목 행수.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">wmode</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true] wmode 사용 여부로 항목이 object(activeX 또는 flash)에 가려 질 경우 해당 속성을 사용합니다. wmode가 true이면 object 태그보다 상위에
						보이도록 하는 설정으로 본 컴포넌트에 wmode를 설정하는 것이 아닌 object(activeX, flash 등)태그의 wmode를 사용하는 것을 권장합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						navBtn
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						itemtable에&nbsp;Button을&nbsp;설정한다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						nextTabID
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						tab으로&nbsp;이동시&nbsp;이동할&nbsp;컴포넌트&nbsp;ID
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
			</xf:group></xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="03. CSS Overriding" class="" tagname="h3"></w2:textbox></xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Class</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">w2checkcombobox</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						w2checkcombobox는 웹스퀘어 엔진에서 정의된 클래스입니다, 기본적으로 html 로 떨구는 시점에서 자동으로 부여됩니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">w2table_ccb</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						w2table_ccb는 웹스퀘어 엔진에서 정의된 클래스입니다, 기본적으로 html 로 떨구는 시점에서 자동으로 부여됩니다.
					</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 id="" class="sub_contents"><xf:group style="" id="" class="pgtbox">
				<w2:textbox style="" id="" label="Publishing Template - Calendar" class="pgt_tit"></w2:textbox>
			</xf:group><xf:group id="" class="titbox"><w2:textbox style="" id="" label="달력 이미지를 출력하여 날짜를 선택할 수 있는 인터페이스를 제공하는 컴포넌트입니다.<br/>달력의 종류는 3가지로, 년월, 년월일, 년월일시간을 나타낼 수 있습니다.<br/>InputBox와 관련된 것을 제외하고 InputCalendar와 동일한 속성을 가지고 있습니다. 단, 직접적인 날짜 입력은 불가능합니다.<br/>날짜 선택 시, 발생하는 이벤트 ondateselect(dateStr, dateObj)에서 선택된 날짜로 액션을 취할 수 있습니다<br/>" class="">
			</w2:textbox></xf:group>
    	<xf:group style="" id="" class="titbox">
    		<w2:textbox tagname="h3" style="" id="" label="01. Sample" class=""></w2:textbox>
    		<xf:group class="rt" id="" style="">
    			<w2:anchor class="btn_cm" href="/ws/download/Calendar.zip" id="" name="" outerDiv="false" style="">
    				<xf:label><![CDATA[Download]]></xf:label>
    			</w2:anchor>
    		</xf:group>
    	</xf:group>
    	<xf:group style="border:1px dashed #ccc;" id="" class="msgbox">
				<w2:calendar footerDiv="false" style="" id="" renderType="native" weekStartsOn="0" calendarClass=""></w2:calendar>
			</xf:group><xf:group id="" class="titbox"><w2:textbox tagname="h3" style="" id="" label="02. Property" class=""></w2:textbox></xf:group><xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Property</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">calendarClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						웹스퀘어에서 제공하는 5가지 skin 제공

						[default:class1, class2, class3, class4, class5] 스킨 종류를 정의합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">calendarValueType</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						캘린더의 뷰타입 설정가능, 예:) 년,월,일 > 년,월

						[default:yearMonthDate, yearMonth, yearMonthDateHour, yearMonthDateTime, yearMonthDateTimeSec] calendar의 표현 방법을
						정의합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">cancelButtonShow</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true]X(취소)모양의 버튼 표시 여부 컴포넌트의 우측 하단에 표현됩니다. 해당 버튼이 click 되었을 때의 로직은 oncancel이벤트에서 구현합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">caption</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						HTML caption Tag의 값을 설정합니다.(본 컴포넌트는 table Tag를 이용하여 구성되어 있습니다)
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">delimiter</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">[default:/]컴포넌트 하단에 나오는 선택 된 년월일 값에 대한 구분자를 설정합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">displayHrMinSec</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true] calendarValueType="yearMonthDateTime" 설정 시 selectbox에 시,분.초를 표시하는 기능
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">footerDiv</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true]선택 된 날짜등이 있는 컴포넌트 하위 영역을 table Tag가 아닌 div Tag로 표현할지 여부
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">id</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">컴포넌트의 ID로 전역객체로 할당되며 script에서 본 id로 컴포넌트에 접근이 가능합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">maxYear</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						calendar에 표시되는 최대연도로 config.xml의 calendar하위의 maxYear의 value 속성값이 기본값으로 설정됩니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">minYear</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						calendar에 표시되는 최소연도로 config.xml의 calendar하위의 minYear의 value 속성값이 기본값으로 설정됩니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">monthNames</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						월에 해당하는 selectbox에 display값을 설정하는 기능으로 1월부터 12월의 display값을 ,(comma)로 구분하여 정의합니다. ex)
						Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">ref</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						DataCollection의 value 경로로 컴포넌트와 DataCollection의 value를 binding을 시킬 때 사용하며 "data:"라는 prefix는 필수로 붙여주어야 합니다.
						작성 방법은 data:[DataCollection ID].[Key id 또는 Column id]와 같습니다. 예시)data:dataMap1.name DataList와 연동 된 경우는 GridView에서 선택
						된 Row의 값이 binding 됩니다. Instance Data와 연동 할 경우 연동 할 XML 데이터의 XPath를 명시합니다. 예시)res/userInfo/name/@value
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">renderType</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						(native) 접근성관련 프로젝트 시 이용

						[default:component, native]컴포넌트의 레이아웃 구조를 설정합니다. component : 내부적으로 div 및 table을 이용하여 달력을 표현합니다. 웹 접근성을 위해서는 사용을 지양해야
						합니다. native : 주로 웹 접근성을 위해 사용되는 속성으로 달력 내부의 selectbox를 html의 select태그를 사용하여 렌더링하며, 달력의 숫자 및 버튼들을 html의 button태그로
						렌더링합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">style</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">Calendar의 style 속성</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">summary</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						HTML의 table Tag의 summary 속성과 동일한 기능을 제공한다. 일반적으로 웹접근성 화면 구현시 사용됩니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">title</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">HTML의 title속성과 동일한 기능으로 명시 된 값을 브라우저에서 마우스 over시 툴팁형태로 표현합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">toolTip</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">웹스퀘어에서 만든 toolTip으로 컴포넌트의 추가정보를 명시한다. 마우스 over시 표현됩니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						tabIndex
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						Tab&nbsp;Key를&nbsp;이용&nbsp;한&nbsp;컴포넌트의&nbsp;포커스&nbsp;순서로&nbsp;HTML의&nbsp;tabindex속성과&nbsp;동일한&nbsp;기능을&nbsp;제공한다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">useMonthSelect</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:true, false]기본 달력 타입(calendarValueType속성의 값이 yearMonthDate)일 때만 적용되며 월(month) selectbox의 disabeld 적용 여부. 실제
						내부적으로는 disabled 속성을 이용하지는 않으며 사용자가 selectbox를 click 했을 때 항목이 열리지 않도록 합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">useYearSelect</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:true, false]기본 달력 타입(calendarValueType속성의 값이 yearMonthDate)일 때만 적용되며 년도(year) selectbox의 disabeld 적용 여부. 실제
						내부적으로는 disabled 속성을 이용하지는 않으며 사용자가 selectbox를 click 했을 때 항목이 열리지 않도록 합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						visibleHourList
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						[default:1,2,...,23,24]&nbsp;시간이&nbsp;표시되는&nbsp;달력에서&nbsp;시간&nbsp;항목을&nbsp;설정하는&nbsp;속성.&nbsp;[,]를&nbsp;구분자로&nbsp;사용한다.&nbsp;&nbsp;&nbsp;(ex)&nbsp;calendarValueType="yearMonthDateTime",&nbsp;visibleHourList="5,10,15,20"&nbsp;인&nbsp;경우,&nbsp;시간&nbsp;목록&nbsp;선택&nbsp;시&nbsp;[5,10,15,20]&nbsp;목록만&nbsp;나타난다.&nbsp;&nbsp;(ex)&nbsp;https://inswave.com/jira/browse/SKT-691&nbsp;참조
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						visibleMinList
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						[default:1,2,...,59,60]&nbsp;분이&nbsp;표시되는&nbsp;달력에서&nbsp;분&nbsp;항목을&nbsp;설정하는&nbsp;속성.&nbsp;[,]를&nbsp;구분자로&nbsp;사용한다.&nbsp;&nbsp;&nbsp;(ex)&nbsp;calendarValueType="yearMonthDateTime",&nbsp;visibleMinList="0,5,10,15,20,25,30,35,40,45,50,55"&nbsp;인&nbsp;경우,&nbsp;분&nbsp;목록&nbsp;선택&nbsp;시&nbsp;5의&nbsp;배수&nbsp;목록만&nbsp;나타난다.&nbsp;&nbsp;(ex)&nbsp;https://inswave.com/jira/browse/SKT-691&nbsp;참조
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						visibleSecList
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						[default:1,2,...,59,60]&nbsp;초가&nbsp;표시되는&nbsp;달력에서&nbsp;초&nbsp;항목을&nbsp;설정하는&nbsp;속성.&nbsp;[,]를&nbsp;구분자로&nbsp;사용한다.&nbsp;&nbsp;&nbsp;(ex)&nbsp;calendarValueType="yearMonthDateTime",&nbsp;visibleSecList="0,5,10,15,20,25,30,35,40,45,50,55"&nbsp;인&nbsp;경우,&nbsp;초&nbsp;목록&nbsp;선택&nbsp;시&nbsp;5의&nbsp;배수&nbsp;목록만&nbsp;나타난다.&nbsp;&nbsp;(ex)&nbsp;https://inswave.com/jira/browse/SKT-691&nbsp;참조
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">weekStartsOn</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:0, 1, 2, 3, 4, 5, 6]시작 요일을 설정합니다(0:일, 1:월, 2:화, 3:수, 4:목, 5:금, 6:토)
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">yearSuffix</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						연도 selectbox의 display되는 값의 숫자(연도) 뒤에 들어갈 문자열. 연도만 display 시킬 때는 $blank로 정의합니다.
					</xf:group>
				</xf:group>
			</xf:group></xf:group><xf:group adaptiveThreshold="" style="" id="" class="msgbox">
				<xf:group id="" class="titbox"><w2:textbox tagname="h3" style="" id="" label="Tip" class="tip"></w2:textbox></xf:group><w2:textbox style="" id="" label="접근성 지원을 위해선 renderType 속성을 native로 설정하고, 달력의 의미에 맞는 명확한 title 속성을 기술합니다." class="txt_info">
				</w2:textbox>
			</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="sub_contents" id="" style="">
			<xf:group class="pgtbox" id="" style="">
				<w2:textbox class="pgt_tit" id="" label="Publishing Template - Switch" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="특정 영역에 여러 개의 case로 화면을 구성하고 화면을 동적으로 변경할 수 있는 컴포넌트입니다." class="txt_guide"></w2:textbox></xf:group><xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="01. Sample" style="" tagname="h3"></w2:textbox>
			</xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="wq_tb w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Property</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">alwaysDraw</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">switch를 그릴때 case들을 html로 넣어줄지 말지를 결정합니다</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">caseClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">사용자가 임의의 class를 정의할때 사용합니다. case에 적용됩니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">class</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">사용자가 임의의 class를 정의할때 사용합니다. switch에 적용됩니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">detectionRange</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">slide 인식 드레그 범위를 설정합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">id</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">사용자가 임의의 id를 정의할때 사용합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">motionDisplay</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">드래그로 슬라이드시 마우스커서에 반응해서 드래그 될지를 지정합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">rotation</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">슬라이드시 마지막 페이지에서 첫번째 페이지로 혹은 첫번째 페이지에서 마지막 페이지로 돌아갈지를 지정합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">slide</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">슬라이드시 애니메이션을 적용할지를 지정합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">toolTip</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">toolTip 속성을 입력합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">touchMove</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">터치 또는 마우스 드래그를 이용한 슬라이드 처리 여부를 설정합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						tabIndex
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						Tab&nbsp;Key를&nbsp;이용&nbsp;한&nbsp;컴포넌트의&nbsp;포커스&nbsp;순서로&nbsp;HTML의&nbsp;tabindex속성과&nbsp;동일한&nbsp;기능을&nbsp;제공한다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">useSelect</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">슬라이드시 onselectstart(마우스로 선택할때 발생하는 이벤트) 활성화 유무를 지정합니다.</xf:group>
				</xf:group>
			</xf:group></xf:group>
			<xf:group id="" class="titbox"><w2:textbox tagname="h3" style="" id="" label="02. CSS Overriding" class=""></w2:textbox></xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="wq_tb w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Class</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">w2Switch</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						w2Switch는 웹스퀘어 엔진에서 정의된 클래스입니다, 기본적으로 html 로 떨구는 시점에서 자동으로 부여됩니다. 각각의 스위치를 감싼 요소 입니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">w2switch_case</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						w2switch_case 는 웹스퀘어 엔진에서 정의된 클래스입니다, 기본적으로 html 로 떨구는 시점에서 자동으로 부여됩니다. 스위치들의 개별 영역입니다.
					</xf:group>
				</xf:group>
			</xf:group></xf:group><xf:group adaptiveThreshold="" class="msgbox" id="" style="">
				<xf:group id="" class="titbox"><w2:textbox tagname="h4" style="" id="" label="Tip" class=""></w2:textbox></xf:group><w2:textbox class="txt_info" id=""
					label="Switch 컴포넌트를 그리면 최초 1개의 case를 가집니다. Switch는 하나 이상의 case를 가질 수 있고, 화면을 동적으로 변경하는 기본적인 기능과 더불어 슬라이드 효과를 주어 가로 터치(브라우저:드래그 앤 드롭, 모바일:터치) 페이지 전환 기능을 사용할 수 있습니다."
					style="">
				</w2:textbox>
			</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="sub_contents" id="" style="">
			<xf:group class="pgtbox" id="" style="">
				<w2:textbox class="pgt_tit" id="" label="Publishing Template - video" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="HTML5에서 새로 추가된 태그입니다. 플러그인 없이 동영상을 웹으로 보여줄 수 있습니다." class="txt_guide"></w2:textbox></xf:group><xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="01. Sample" style="" tagname="h3"></w2:textbox>
			</xf:group>
			<xf:group class="msgbox" id="" style="">
				<video id="" controls="" style="position: relative;width: 100%;height: 300px;"></video>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox tagname="h3" style="" id="" label="02. Property" class=""></w2:textbox></xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="wq_tb w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Property</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">controls</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">브라우저가 제공하는 재생 도구를 표시합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">id</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">컴포넌트의 ID로 전역객체로 할당되며 script에서 본 id로 컴포넌트에 접근이 가능합니다.</xf:group>
				</xf:group>
			</xf:group></xf:group><xf:group adaptiveThreshold="" class="notibox mt30" id="" style="">
				<xf:group id="" class="titbox"><w2:textbox tagname="h4" style="" id="" label="Tip" class=""></w2:textbox></xf:group><w2:textbox class="txt_info" id="" label='html5에 추가 요소로서 웹스퀘어에서 컴포넌트 별도의 속성이 없으며 필요할 경우 Attribute Add로 버튼으로 속성을 추가해 줍니다.'
					style="">
				</w2:textbox>
			</xf:group>
		</xf:group>
	</body>
</html>