<?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 meta_screenId="example_viewer" meta_screenName="예제 뷰어" meta_subsystem="예제 공통" meta_author="인스웨이브시스템즈" meta_type="서브" meta_desc="예제 실행 및 소스 보기 기능을 제공합니다.">
        <w2:historyInfo>
        	<w2:history meta_no="1" meta_desc="최초 작성" meta_date="20220601" meta_user="InswaveSystems"></w2:history>
        	<w2:history meta_no="2" meta_desc="예제 이력(History)의 출력 값을 DataList에서 Meta 값으로 변경" meta_date=" 20230703" meta_user="InswaveSystems"></w2:history>
        </w2:historyInfo>
        <w2:type palette="support">COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map">
            	<w2:dataList baseNode="list" repeatNode="map" id="udc_dlt_viewSource_data" saveRemovedData="true">
    				<w2:columnInfo>
    					<w2:column id="col1" name="name1" dataType="text"></w2:column>
    				</w2:columnInfo>
    			</w2:dataList>
    			<w2:aliasDataList scope="/dlt_cssFileList" id="udc_adl_cssFileList"></w2:aliasDataList>
    			<w2:dataList baseNode="list" id="dlt_page_history" repeatNode="map" saveRemovedData="true" style="" initRowPosition="0">
    				<w2:columnInfo>
    					<w2:column dataType="text" id="updated_date" name="업데이트 날짜"></w2:column>
    					<w2:column dataType="text" id="version" name="버전"></w2:column>
    					<w2:column dataType="text" id="author" name="작성자"></w2:column>
    					<w2:column dataType="text" id="description" name="설명"></w2:column>
    				</w2:columnInfo>
    			</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method="scwin.init"/>
        <script lazy="false" type="text/javascript"><![CDATA[
/**
 * @component
 * @company
 * @developer
 * @variableClone true
 * @notSupportBrowser
 * @version
 * @htmlRender
 * @icon
 * @disableIcon
 * @width
 * @height
 * @description
 */

/**
 * @property
 * @name style
 * @category 01.Basic & ETC
 * @type string
 * @option
 * @default
 * @necessary N
 * @description desc
 */

/**
 * @property
 * @name class
 * @category 01.Basic & ETC
 * @type string
 * @option
 * @default
 * @necessary N
 * @description desc
 */

/**
 * @property
 * @name id
 * @category 01.Basic & ETC
 * @type string
 * @option
 * @default udc_exampleViewer
 * @necessary N
 * @description 컴포넌트의 ID
 */

/**
 * @property
 * @name openExampleView
 * @category 01.Basic & ETC
 * @type combobox
 * @option [true,false]
 * @default
 * @necessary N
 * @description [default:true,false] 실행된 예제를 확장 또는 축소한다. true: 확장 상태, false:축소 상태.
 */

/**
 * @property
 * @name openSourceView
 * @category 01.Basic & ETC
 * @type combobox
 * @option [true,false]
 * @default
 * @necessary N
 * @description [default:true,false] 소스보기를 확장 또는 축소한다. true: 확장 상태, false:축소 상태.
 */

scwin.gVar = {
    "menuData": null,
    "path_example": null,
    "viewSource_xmlStr": null,
    "wfmDataCollection": []
};

scwin.onpageload = function () {
    //$p.getOptions();
    scwin._setDefaultOptions(); //속성에 따른 기본 셋팅
};

scwin._setDefaultOptions = function () {
    var jsnOptions = $p.getOptions();

    if (jsnOptions.openExampleView === "false") {
        btn_udc_exampleView_showHide.trigger("click");
    }

    if (jsnOptions.openSourceView === "false") {
        btn_udc_sourceView_showHide.trigger("click");
    }
};

/**
 * @method
 * @name init
 * @description 메뉴 데이터를 기반으로 예제 미리보기, 소스보기를 초기화한다.
 * @param {string|json} argMenuData 메뉴 데이터
 * @returns
 * @hidden N
 * @exception
 * @example
 */
scwin.init = function (argMenuData) {
    if (!scwin._isValidMenu(argMenuData)) {
        scwin._hide();
        console.error("예제 메뉴 데이터가 유효하지 않습니다. arguments : ", argMenuData);
        return;
    }
    scwin._setMenuData(argMenuData);

    scwin._setSeeAlso(argMenuData);
};

/**
 * 메뉴 데이터 유효성 체크
 */
scwin._isValidMenu = function (argMenuData) {
    var returnValue = true;

    if ($.isPlainObject(argMenuData) || !argMenuData["PATH"]) {
        argMenuData = false;
    }

    return returnValue;
};

/**
 * 메뉴 데이터 할당.
 */
scwin._setMenuData = function (argMenuData) {
    var strPath;
    var strExamplePath;

    //예제 화면 경로 설정
    strPath = $c.frame.getSrc(argMenuData["PATH"]);

    if (strPath.indexOf(".xml") > -1) {
        strExamplePath = strPath;
    } else {
        strExamplePath = strPath + ".xml";
    }

    scwin.gVar.path_example = strExamplePath;

    udc_txb_example_filePath.setValue("( 파일 경로 : " + strExamplePath.replace(new RegExp("^" + $c.frame.getContextPath() + "/"), "/") + " )");

    udc_wfm_example.setSrc(strExamplePath);

};

//SeeAlso 생성
scwin._setSeeAlso = function (argJsnMenu) {
    var strSeeAlso;
    var arrSeeAlso;
    var arrRefMenu;
    var _main;
    var hasRef = false;;

    strSeeAlso = argJsnMenu["SEE_ALSO"];

    if (!strSeeAlso) return false;

    strSeeAlso = strSeeAlso.replace(new RegExp(" ", "g"), "");

    if (!strSeeAlso) return false;

    arrSeeAlso = strSeeAlso.split(new RegExp("[,|]"));

    _main = $p.main();
    arrRefMenu = [];

    let _genComp = udc_gen_seealso;

    arrSeeAlso.forEach(argItem => {
        let jsnMenu = _main.scwin.menu.getMenuByPage(argItem);
        if (!jsnMenu || !jsnMenu.ID) return;

        _genComp.insertChild();
        let comp = _genComp.getChild(_genComp.getLength() - 1, "udc_gen_seealso_title");
        comp.setValue(jsnMenu["TITLE"]);
        comp.setUserData("menu_id", jsnMenu["ID"]);

        hasRef = true;
    });

    if (hasRef) {
        udc_grp_seealso_title.removeClass("hide");
        udc_grp_seealso_cont.removeClass("hide");
    }
};

scwin._hide = function () {
    this.hide();
};

//예제 실행 파일 경로 반환
scwin._getExamplePath = function () {
    return scwin.gVar.path_example;
};

//예제 실행 경로 반환
scwin._getExampleLink = function (argWithHost) {
    return $c.frame.getBasePageURL(argWithHost) + "#w2xPath=" + scwin._getExamplePath();
};

//실행된 예제 [단독 실행] 버튼 클릭
scwin.udc_btn_openPop_example_onclick = function (e) {
    window.open(scwin._getExampleLink(), "_blank");
};

//예제 화면 로드 후
scwin.udc_wfm_example_onwframeload = function () {
    //scwin._removeCkEditorAutoInline();
    scwin._initViewSource_source();
};

//CKEditor의 auto inline 기능 제거
scwin._removeCkEditorAutoInline = function () {
    if (typeof CKEDITOR != "undefined") {
        // CKEDITOR.disableAutoInline = true;
        // CKEDITOR.config.autoUpdateElement = false;
        // CKEDITOR.scayt_autoStartupSince = false;

        let strID_group = "udc_grp_viewSource_script";
        let strID_textbox = "udc_tbx_viewSource_script";
        let cmpGroup = $p.getComponentById(strID_group);
        let str_grp_viewSource_data_ID = cmpGroup.getID();

        if (CKEDITOR.instances[str_grp_viewSource_data_ID]) {
            CKEDITOR.instances[str_grp_viewSource_data_ID].destroy();
            $p.getComponentById(strID_textbox).remove();
            $p.dynamicCreate(
                strID_textbox,
                "textbox",
                {
                    "escape": "false",
                    "tagname": "code"
                },
                cmpGroup
            );
        }
    }
};
//소스 가져오기
scwin._initViewSource_source = async function () {
    //scwin.gVar.viewSource_xmlStr = await WebSquare.util.getSource('text', wfm_example.uuid);
    $.ajax({
        "url": scwin._getExamplePath(),
        "dataType": "text"
    }).done(function (res) {
        scwin.gVar.viewSource_xmlStr = res;
        scwin._dispSourceView(udc_tac_sourceView_script.getSelectedTabID());
    }).fail(function (resFail) {
        console.error(resFail);
    });
};

/**
 * 예제 소스 탭별 소스 보기
 */
scwin._dispSourceView = function (argType) {
    var xmlSrc;
    var strCode;
    switch (argType) {
        case "tabs_script":
            xmlSrc = scwin.gVar.viewSource_xmlStr;
            if (!xmlSrc) {
                udc_tbx_viewSource_script.setValue("");
                return;
            }
            xmlSrc = WebSquare.xml.parse(xmlSrc);
            strCode = xmlSrc.getElementsByTagName("script")[0].textContent || "";
            udc_tbx_viewSource_script.setValue(hljs.highlight(strCode, { language: 'javascript' }).value);
            break;
        case "tabs_body":
            xmlSrc = scwin.gVar.viewSource_xmlStr;
            if (!xmlSrc) {
                udc_tbx_viewSource_body.setValue("");
                return;
            }
            xmlSrc = WebSquare.xml.parse(xmlSrc);
            strCode = WebSquare.xml.indent(xmlSrc.getElementsByTagName("body")[0]) || "";
            udc_tbx_viewSource_body.setValue(hljs.highlight(strCode, { language: 'html' }).value);
            break;
        case "tabs_datacollection":
            scwin._initViewSource_dataCollection();
            break;
        case "tabs_css":
            // 구성된 selectbox에서 대상을 선택하고 조회.
            break;
        case "tabs_orgSource":
            strCode = scwin.gVar.viewSource_xmlStr;
            if (!strCode) {
                udc_tbx_viewSource_orgSource.setValue("");
                return;
            }
            udc_tbx_viewSource_orgSource.setValue(hljs.highlight(strCode, { language: 'html' }).value);
            break;
        case "tabs_history":
            scwin._initPageHistory();
            break;
        default:
            break;
    }
};

/**
 * [DataCollection] 초기화
 */
scwin._initViewSource_dataCollection = function () {
    var strWfmID;
    var objWfm;
    var arrAllDataObj;
    var arrWfmDataID = [];
    var regDataType;

    scwin.gVar.wfmDataCollection = [];

    strWfmID = udc_wfm_example.getID();

    objWfm = udc_wfm_example.getWindow();

    //UI 초기화
    udc_sbx_viewSource_data.removeAll(true);
    udc_sbx_viewSource_dataFormat.setSelectedIndex(0);
    udc_grp_viewSource_data_gridData.hide();
    udc_tbx_viewSource_data.setValue("");
    udc_grp_viewSource_data.show("block");

    regDataType = new RegExp("dataMap|dataList|linkedDataList");

    arrAllDataObj = $p.data.getAllDataCollection("object");
    arrAllDataObj.forEach((item, idx) => {
        if (item.scope_id == strWfmID && regDataType.test(item.getObjectType())) {
            let tmpID = item.org_id;
            arrWfmDataID.push(tmpID);
            udc_sbx_viewSource_data.addItem(tmpID, tmpID);
        }
    });

    scwin.gVar.wfmDataCollection = [].concat(arrWfmDataID);
};

//예제 소스 보기 탭 ondrawcomplete
scwin.udc_tac_sourceView_script_ondrawcomplete = function (tabID, idx, userID) {
    scwin._dispSourceView(userID);
};

/**
 * 탭 [DataColleciton]의 버튼 [조회] 클릭 시
 */
scwin.udc_btn_viewSource_data_searchData_onclick = function (e) {
    var strID;
    var strFormat;
    var objData;

    strID = udc_sbx_viewSource_data.getValue();
    strFormat = udc_sbx_viewSource_dataFormat.getValue();

    udc_tbx_viewSource_data.setValue("");

    if (!strID) {
        $c.frame.alert($p, "DataCollection의 ID를 선택하세요.")
        return false;
    }

    if (!strFormat) {
        $c.frame.alert($p, "데이터 형태를 선택하세요.")
        return false;
    }

    let strData;
    let arrGlobalID = [];
    let arrOriginalID = [];
    let objFrame;
    let i, i_max;
    let isError;
    let isSingle;

    objFrame = udc_wfm_example.getWindow();

    if (strID == "all") {
        arrGlobalID = [].concat(scwin.gVar.wfmDataCollection);
        isSingle = false;
    } else {
        arrGlobalID = [strID];
        isSingle = true;
    }

    isError = false;
    for (i = 0, i_max = arrGlobalID.length; i < i_max; i++) {
        let objItem, item;
        item = arrGlobalID[i];
        objItem = objFrame[item];

        if (!objItem) {
            isError = true;
            break;
        }

        arrGlobalID[i] = objItem.getID();
    }

    if (isError) {
        $c.frame.alert($p, "[" + item + "]로 정의된 DataCollection이 존재하지 않습니다.[새로고침]버튼을 눌러주세요.")
        return false;
    }

    switch (strFormat) {
        case "XML":
            strData = $p.data.get("XML", arrGlobalID, { "singleMode": isSingle });
            strData = hljs.highlight(WebSquare.xml.indent(strData), { language: 'xml' }).value;
            break;
        case "XML_all":
            strData = $p.data.get("XML", arrGlobalID);
            strData = WebSquare.xml.indent(strData);
            break;
        case "JSON":
            strData = $p.data.get("JSON", arrGlobalID, { "singleMode": isSingle });
            strData = hljs.highlight(JSON.stringify(strData, null, "\t"), { language: 'json' }).value;
            break;
        case "ARRAY":
            //@todo 22.04.08 dataMap 타입인 경우 JSON 타입으로 반환됨.
            //strData = $p.data.get("Array", arrGlobalID, {"singleMode":isSingle});

            if (isSingle && (objData = objFrame[strID], objData.getObjectType() == "dataMap")) {
                strData = objData.getArray();
            } else {
                strData = $p.data.get("Array", arrGlobalID, { "singleMode": isSingle });
            }
            strData = hljs.highlight(JSON.stringify(strData, null, "\t"), { language: 'json' }).value;
            break;
        case "GRID":
            if (!isSingle) {
                $c.frame.alert($p, "GRID는 DataCollection을 [전체]로 출력할 수 없습니다. DataCollection을 다시 선택해주세요.");
                return false;
            }

            scwin._setData_grd_viewSource_data_gridData(objFrame[strID]);

            break;
        default:
            break;
    }

    if (strFormat == "GRID") {
        udc_grp_viewSource_data.hide();
        udc_grp_viewSource_data_gridData.show("block");
    } else {
        udc_grp_viewSource_data_gridData.hide();
        udc_grp_viewSource_data.show("block");

        if (strData) {
            udc_tbx_viewSource_data.setValue(strData);
        }
    }

};

/**
 * 탭 [DataColleciton]의 Grid로 보기
 */
scwin._setData_grd_viewSource_data_gridData = function (argObjData) {
    var strForm = "";
    var strDataListID = "udc_dlt_viewSource_data";
    var strGridViewID = "udc_grd_viewSource_data_gridData";
    var arrDCInfo = [];
    var arrStrFormHead = [];
    var arrStrFormBody = [];
    var jsnObjectInfo;
    var arrColID;

    //타입 확인.
    jsnObjectInfo = (argObjData.getObjectType() == "dataMap") ? argObjData.getInfo()["keyInfo"] : argObjData.getInfo()["columnInfo"];

    arrColID = Object.keys(jsnObjectInfo);

    arrColID.forEach(item => {
        let tmpItem = jsnObjectInfo[item];
        let tmpColID = tmpItem.id;

        arrDCInfo.push(tmpItem);
        arrStrFormHead.push('<w2:column blockSelect="false" id="h_' + tmpColID + '" width="100" value="' + tmpColID + '"></w2:column>');
        arrStrFormBody.push('<w2:column blockSelect="false" id="' + tmpColID + '" width="100"></w2:column>');
    });

    //data 객체 생성
    if ($p.getComponentById(strDataListID)) {
        $p.data.remove(strDataListID);
    }

    $p.data.create({
        "id": strDataListID,
        "type": "dataList",
        "option": {
            "baseNode": "list",
            "repeatNode": "map"
        },
        "columnInfo": arrDCInfo
    });

    let dataObj = {};

    dataObj[strDataListID] = [].concat($p.data.get("JSON", [argObjData.getID()], { "singleMode": true }));

    $p.data.set("JSON", dataObj, [strDataListID]);

    strForm += '<w2:gridView 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" ';
    strForm += 'dataList="' + strDataListID + '" id="' + strGridViewID + '" ';
    strForm += 'class="gvw" style="height: 50px;" scrollByColumn="true" useShiftKey="true" tooltipDisplay="true" defaultCellHeight="26" readOnly="true" initFixedHeightByRowNum="1" visibleRowNum="5">';
    strForm += '<w2:header id="header1" style="">';
    strForm += '<w2:row id="row1" style="">';
    strForm += arrStrFormHead.join("");
    strForm += '</w2:row>';
    strForm += '</w2:header>';
    strForm += '<w2:gBody id="gBody1" style="">';
    strForm += '<w2:row id="row2" style="">';
    strForm += arrStrFormBody.join("");
    strForm += '</w2:row>';
    strForm += '</w2:gBody>';
    strForm += '</w2:gridView>';

    udc_grd_viewSource_data_gridData.setGridStyle(strForm);
};

/**
 * 탭 [DataColleciton]의 버튼 [새로고침] 클릭 시
 */
scwin.udc_btn_viewSource_data_init_onclick = function (e) {
    scwin._initViewSource_dataCollection();
};

/**
 * 탭 [CSS] 의 버튼 [조회] 클릭 시
 */
scwin.udc_btn_viewSource_cssfile_search_onclick = function (e) {
    var strPath;
    var strCode;
    udc_tbx_viewSource_css.setValue("");
    strPath = udc_sbx_viewSource_cssfile.getValue();

    if (!strPath) { $c.frame.alert($p, "CSS 파일을 선택하세요."); return false; }

    if (strPath == "style") {
        strCode = WebSquare.xml.parse(scwin.gVar.viewSource_xmlStr).getElementsByTagName("style") || "";
        if (strCode[0] && strCode[0].textContent) {
            strCode = strCode[0].textContent;
            udc_tbx_viewSource_css.setValue(hljs.highlight(strCode, { language: 'css' }).value);
        }
    } else {
        $c.frame.getText_globalCSS($c.frame.getSrc(strPath)).then(function (res) {
            udc_tbx_viewSource_css.setValue(hljs.highlight(res, { language: 'css' }).value);
        });
    }
};

//실행된 예제 [축소/확장] 기능
scwin.btn_udc_exampleView_showHide_onclick = function (e) {
    $c.frame.showExamDescBox(this);
};

//소스보기 [축소/확장] 기능
scwin.btn_udc_sourceView_showHide_onclick = function (e) {
    $c.frame.showExamDescBox(this);
};

//예제 새로 고침 기능
scwin.udc_btn_refresh_onclick = function (e) {
    udc_wfm_example.getWindow().$p.reinitialize();
};

/**
 * 탭 [History] 초기화
 */
scwin._initPageHistory = function () {
    let xmlSrc = scwin.gVar.viewSource_xmlStr;
    if (!xmlSrc) { return; }

    xmlSrc = WebSquare.xml.parse(xmlSrc);

    let objHistoryInfo = xmlSrc.getElementsByTagName("w2:historyInfo")[0];
    if (!objHistoryInfo) { return; }

    let arrHistory = objHistoryInfo.children;
    let arrData = [];

    for (let i = 0, i_max = arrHistory.length; i < i_max; i++) {
        let item = arrHistory[i];
        arrData.push({
            "updated_date": item.getAttribute("meta_date"),
            "version": item.getAttribute("meta_no"),
            "author": item.getAttribute("meta_user"),
            "description": item.getAttribute("meta_desc")
        });
    }

    dlt_page_history.setJSON(arrData);
};

/**
 * see also 링크 클릭 시
 */
scwin.udc_gen_seealso_title_onclick = function () {
    $p.main().scwin.dispPage(this.getUserData("menu_id"));
};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<xf:group class="dfbox com_example_descBox_title mb_def" id="" style="display: none;">
    		<w2:textbox class="" id="" label="실행된 예제" style="vertical-align: bottom;" tagname="h2"></w2:textbox>
    		<xf:trigger class="btn_cm white ml_def" id="btn_udc_exampleView_showHide" style="" type="button"
    			ev:onclick="scwin.btn_udc_exampleView_showHide_onclick">
    			<xf:label><![CDATA[축소]]></xf:label>
    		</xf:trigger>
    		<!--
    			<xf:trigger class="btn_cm" id="udc_btn_refresh" style=""
    			type="button" ev:onclick="scwin.udc_btn_refresh_onclick">
    			<xf:label><![CDATA[새로고침]]></xf:label>
    			</xf:trigger>
    		-->
    		<xf:trigger class="btn_cm" ev:onclick="scwin.udc_btn_openPop_example_onclick" id="udc_btn_openPop_example"
    			style="display: none;" type="button">
    			<xf:label><![CDATA[예제 단독 실행]]></xf:label>
    		</xf:trigger>
    		<w2:span id="udc_txb_example_filePath" label="파일 경로" style=""></w2:span>
    	</xf:group>
    	<w2:wframe ev:onwframeload="scwin.udc_wfm_example_onwframeload" id="udc_wfm_example"
    		style="min-height: 20px; border:1px solid #ddd; margin-bottom: 16px;" class="com_example_descBox example_viewer">
    	</w2:wframe>
    	<xf:group class="com_example_descBox_title hide" id="udc_grp_seealso_title" style="">
    		<w2:textbox class="" id="" label="See Also" style="vertical-align: bottom;" tagname="h2"></w2:textbox>
    	</xf:group>
    	<xf:group style="" id="udc_grp_seealso_cont" class="hide com_example_descBox example_viewer_seealso">
    		<w2:generator style="" id="udc_gen_seealso" tagname="ul">
    		<xf:group id="" tagname="li"><w2:anchor outerDiv="false" ev:onclick="scwin.udc_gen_seealso_title_onclick" style="" id="udc_gen_seealso_title" title="예제 열기">
    				<xf:label><![CDATA[]]></xf:label>
    			</w2:anchor></xf:group></w2:generator>
    	</xf:group>
    	<xf:group class="com_example_descBox_title" id="" style="">
    		<w2:textbox class="" id="" label="예제 소스" style="vertical-align: bottom;" tagname="h2"></w2:textbox>
    		<xf:trigger class="btn_cm white ml_def" id="btn_udc_sourceView_showHide" style="display: none;" type="button"
    			ev:onclick="scwin.btn_udc_sourceView_showHide_onclick">
    			<xf:label><![CDATA[축소]]></xf:label>
    		</xf:trigger>
    	</xf:group>
    	<xf:group class="tabbox com_example_descBox udc_example_viewer" id="" style="">
    		<w2:tabControl class="wq_tab" confirmFalseAction="new" confirmTrueAction="exist"
    			ev:ondrawcomplete="scwin.udc_tac_sourceView_script_ondrawcomplete" id="udc_tac_sourceView_script" style="" tabScroll="true"
    			useConfirmMessage="false" useMoveNextTabFocus="false" useTabKeyOnly="true" changeActiveTab="true">
    			<w2:tabs disabled="false" id="tabs_script" label="Script" style=""></w2:tabs>
    			<w2:tabs disabled="false" id="tabs_body" label="Body" style=""></w2:tabs>
    			<w2:tabs disabled="false" id="tabs_datacollection" label="DataCollection" style=""></w2:tabs>
    			<w2:tabs disabled="false" id="tabs_css" label="CSS" style=""></w2:tabs>
    			<w2:tabs disabled="false" id="tabs_orgSource" label="Original Source" style=""></w2:tabs>
    			<w2:tabs disabled="false" style="" id="tabs_history" label="History"></w2:tabs>
    			<w2:content id="content2" style="">
    				<xf:group id="">
    					<xf:group class="cke_show_blocks_off com_example_viewSource_pre scrollbar" id="udc_grp_viewSource_script"
    						tagname="pre">
    						<w2:attributes>
    							<w2:contenteditable>true</w2:contenteditable>
    							<w2:spellcheck>false</w2:spellcheck>
    						</w2:attributes>
    						<w2:textbox class="hljs" escape="false" id="udc_tbx_viewSource_script" label="" tagname="code"></w2:textbox>
    					</xf:group>
    				</xf:group>
    			</w2:content>
    			<w2:content id="content4" style="">
    				<xf:group id="" style="">
    					<xf:group class="cke_show_blocks_off com_example_viewSource_pre scrollbar" tagname="pre">
    						<w2:attributes>
    							<w2:contenteditable>true</w2:contenteditable>
    							<w2:spellcheck>false</w2:spellcheck>
    						</w2:attributes>
    						<w2:textbox class="hljs" escape="false" id="udc_tbx_viewSource_body" label="" tagname="code"></w2:textbox>
    					</xf:group>
    				</xf:group>
    			</w2:content>
    			<w2:content alwaysDraw="false" id="content1" style="">
    				<xf:group class="com_example_content datacollection" id="">
    					<xf:group class="com_example_box_margin_left ofh search" id="" style="">
    						<xf:group id="" class="fl">
    							<w2:span style="" id="" label="DataCollection :" class="mr_def"></w2:span>
    							<xf:select1 sortOption="label" chooseOptionLabel="" submenuSize="auto" chooseOption="" allOption="true" textAlign="left"
    								ref="" sortMethod="ascending" appearance="minimal" disabledClass="w2selectbox_disabled" disabled="false" style="width: 148px;"
    								id="udc_sbx_viewSource_data" renderType="" class="" direction="auto">
    								<xf:choices></xf:choices>
    							</xf:select1>
    						</xf:group>
    						<xf:group id="" class="fl">
    							<w2:span style="" id="" label="데이터 형태 :" class="mr_def"></w2:span>
    							<xf:select1 chooseOptionLabel="" submenuSize="auto" textAlign="left"  appearance="minimal"
    								disabledClass="w2selectbox_disabled" disabled="false" style="width: 148px;" id="udc_sbx_viewSource_dataFormat" renderType=""
    								class="" direction="auto">
    								<xf:choices>
    									<xf:item>
    										<xf:label><![CDATA[JSON]]></xf:label>
    										<xf:value><![CDATA[JSON]]></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[XML]]></xf:label>
    										<xf:value><![CDATA[XML]]></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[ARRAY]]></xf:label>
    										<xf:value><![CDATA[ARRAY]]></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[GRID]]></xf:label>
    										<xf:value><![CDATA[GRID]]></xf:value>
    									</xf:item>
    								</xf:choices>
    							</xf:select1>
    						</xf:group>
    						<xf:group id="" class="fl">
    							<xf:trigger ev:onclick="scwin.udc_btn_viewSource_data_searchData_onclick" style=""
    								id="udc_btn_viewSource_data_searchData" type="button" class="btn_cm white">
    								<xf:label><![CDATA[조회]]></xf:label>
    							</xf:trigger>
    							<xf:trigger ev:onclick="scwin.udc_btn_viewSource_data_init_onclick" style=""
    								id="udc_btn_viewSource_data_init" title="예제 소스보기 DataCollection 새로고침" type="button" class="btn_refresh">
    								<xf:label></xf:label>
    							</xf:trigger>
    						</xf:group>
    					</xf:group>
    					<xf:group class="" id="" style="">
    						<xf:group class="cke_show_blocks_off com_example_viewSource_pre scrollbar" id="udc_grp_viewSource_data" tagname="pre">
    							<w2:attributes>
    								<w2:contenteditable>true</w2:contenteditable>
    								<w2:spellcheck>false</w2:spellcheck>
    							</w2:attributes>
    							<w2:textbox class="hljs" escape="false" id="udc_tbx_viewSource_data" label="" tagname="code"></w2:textbox>
    						</xf:group>
    						<xf:group adaptiveThreshold="" class="gvwbox" id="udc_grp_viewSource_data_gridData" style="display: none;">
    							<w2:gridView class="gvw" dataList="data:udc_dlt_viewSource_data" defaultCellHeight="20"
    								id="udc_grd_viewSource_data_gridData" scrollByColumn="false" scrollByColumnAdaptive="false" style="height: 300px;"
    								tooltipDisplay="true" useShiftKey="true">
    								<w2:caption id="caption2" style="" value="this is a grid caption."></w2:caption>
    								<w2:header id="header2" style="">
    									<w2:row id="row3" style="">
    										<w2:column blockSelect="false" displayMode="label" id="column12" inputType="text"
    											removeBorderStyle="false" style="height:34px;" value="ID" width="100">
    										</w2:column>
    									</w2:row>
    								</w2:header>
    								<w2:gBody id="gBody2" style="">
    									<w2:row id="row4" style="">
    										<w2:column blockSelect="false" displayMode="label" id="col1" inputType="text"
    											removeBorderStyle="false" style="height:34px;" width="100">
    										</w2:column>
    									</w2:row>
    								</w2:gBody>
    							</w2:gridView>
    						</xf:group>
    					</xf:group>
    				</xf:group>
    			</w2:content>
    			<w2:content id="content5" style="">
    				<xf:group class="com_example_content css" id="" style="">
    					<xf:group class="com_example_box_margin_left ofh search" id="" style="">
    						<xf:group id="" class="fl" style="position: relative;">
    							<w2:span style="" id="" label="CSS File List :" class="mr_def"></w2:span>
    							<xf:select1 chooseOptionLabel="" submenuSize="auto" textAlign="left" chooseOption="true" allOption="" ref=""
    								appearance="minimal" disabledClass="w2selectbox_disabled" disabled="false" style="width: 150px;" id="udc_sbx_viewSource_cssfile"
    								renderType="" class="" direction="auto">
    								<xf:choices>
    									<xf:itemset nodeset="data:udc_adl_cssFileList">
    										<xf:label ref="label"></xf:label>
    										<xf:value ref="path"></xf:value>
    									</xf:itemset>
    								</xf:choices>
    							</xf:select1>
    						</xf:group>
    						<xf:group id="" class="fl">
    							<xf:trigger ev:onclick="scwin.udc_btn_viewSource_cssfile_search_onclick" style=""
    								id="udc_btn_viewSource_cssfile_search" type="button" class="btn_cm white">
    								<xf:label><![CDATA[조회]]></xf:label>
    							</xf:trigger>
    						</xf:group>
    					</xf:group>
    					<xf:group id="">
    						<xf:group class="cke_show_blocks_off com_example_viewSource_pre scrollbar" tagname="pre">
    							<w2:attributes>
    								<w2:contenteditable>true</w2:contenteditable>
    								<w2:spellcheck>false</w2:spellcheck>
    							</w2:attributes>
    							<w2:textbox class="hljs" escape="false" id="udc_tbx_viewSource_css" label="" tagname="code"></w2:textbox>
    						</xf:group>
    					</xf:group>
    				</xf:group>
    			</w2:content>
    			<w2:content id="content6" style="">
    				<xf:group id="" style="">
    					<xf:group class="cke_show_blocks_off com_example_viewSource_pre scrollbar" tagname="pre">
    						<w2:attributes>
    							<w2:contenteditable>true</w2:contenteditable>
    							<w2:spellcheck>false</w2:spellcheck>
    						</w2:attributes>
    						<w2:textbox class="hljs" escape="false" id="udc_tbx_viewSource_orgSource" label="" tagname="code"></w2:textbox>
    					</xf:group>
    				</xf:group>
    			</w2:content>
    			<w2:content alwaysDraw="false" style="" id="content7">
    				<xf:group id="" style="" class="com_example_content history" >
    					<xf:group adaptiveThreshold="" class="gvwbox" id="" style="margin-bottom: 10px;">
    						<w2:gridView autoFit="lastColumn" checkReadOnlyOnPasteEnable="" class="gvw" dataList="data:dlt_page_history"
    							defaultCellHeight="26" focusMode="row" id="" scrollByColumn="false" scrollByColumnAdaptive="false" style="height: 68px;"
    							visibleRowNum="5" rowNumVisible="true" rowNumWidth="30" readOnly="true" sortable="true" sortEvent="onclick" sortHeaderDiv="true"
    							showSortableImage="true" tooltipDisplay="true" keepDefaultColumnWidth="true" noResultMessageVisibleAlways="true" noResultMessage="작성된 문서 이력이 없습니다." noResultMessageVisible="true" initFixedHeightByRowNum="2">
    							<w2:caption id="caption2" style="" value="this is a grid caption."></w2:caption>
    							<w2:header id="header2" style="">
    								<w2:row id="row3" style="">
    									<w2:column blockSelect="false" displayMode="label" id="column12" inputType="text"
    										removeBorderStyle="false" value="업데이트 날짜" width="94" class="grd_header_align_left">
    									</w2:column>
    									<w2:column blockSelect="false" displayMode="label" id="column11" inputType="text"
    										removeBorderStyle="false" value="버전" width="54">
    									</w2:column>
    									<w2:column blockSelect="false" displayMode="label" id="column9" inputType="text"
    										removeBorderStyle="false" width="120" value="작성자">
    									</w2:column>
    									<w2:column blockSelect="false" displayMode="label" id="column10" inputType="text"
    										removeBorderStyle="false" value="설명" width="70" class="grd_header_align_left">
    									</w2:column>
    								</w2:row>
    							</w2:header>
    							<w2:gBody id="gBody2" style="">
    								<w2:row id="row4" style="">
    									<w2:column blockSelect="false" displayMode="label" id="updated_date" inputType="text"
    										removeBorderStyle="false" style="height:26px;" width="94" dataType="date">
    									</w2:column>
    									<w2:column blockSelect="false" displayMode="label" id="version" inputType="text"
    										removeBorderStyle="false" style="height:26px;" width="54">
    									</w2:column>
    									<w2:column blockSelect="false" displayMode="label" id="author" inputType="text"
    										removeBorderStyle="false" style="height:26px;" width="120">
    									</w2:column>
    									<w2:column blockSelect="false" displayMode="label" id="description" inputType="text"
    										removeBorderStyle="false" style="height:26px;" width="70" textAlign="left">
    									</w2:column>
    								</w2:row>
    							</w2:gBody>
    						</w2:gridView>
    					</xf:group>
    					<w2:textbox id="" label="설명" style="" class="example_viewer_tab_title"></w2:textbox>
    					<xf:textarea id="" style="width: 100%;height: 60px;" ref="data:dlt_page_history.description" readOnly="true"></xf:textarea>
    				</xf:group>
    			</w2:content>
    		</w2:tabControl>
    	</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 meta_vertical_guides="" meta_horizontal_guides="1434" meta_screenId="example_refresh" meta_screenName="화면 새로 고침" meta_subsystem="예제 공통" meta_author="인스웨이브시스템즈" meta_type="서브">
        <w2:type palette="support">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[
/**
 * @component
 * @company
 * @developer na
 * @variableClone true
 * @notSupportBrowser
 * @version
 * @htmlRender
 * @icon
 * @disableIcon
 * @width
 * @height
 * @description
 */

/**
 * @property
 * @name style
 * @category 01.Basic & ETC
 * @type string
 * @option
 * @default
 * @necessary N
 * @description desc
 */

/**
 * @property
 * @name class
 * @category 01.Basic & ETC
 * @type string
 * @option
 * @default
 * @necessary N
 * @description desc
 */

/**
 * @property
 * @name id
 * @category 01.Basic & ETC
 * @type string
 * @option
 * @default udc_example_refresh
 * @necessary N
 * @description desc
 */

scwin.onpageload = function() {

};

scwin.btn_refresh_onclick = function(e) {
    $p.parent().$p.reinitialize();
};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<xf:trigger class="btn_cm" disabled="" escape="false" id="btn_refresh" style="" type="button" ev:onclick="scwin.btn_refresh_onclick">
   			<xf:label><![CDATA[새로고침]]></xf:label>
   		</xf:trigger>
    </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:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
        </xf:model>
        <script type="javascript" lazy="false"><![CDATA[
        ]]></script>
    </head>
    <body>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="/cm/css/base.css" type="text/css"?>
<?xml-stylesheet href="/websquare/kit/dev_kit/dev_kit.css" type="text/css"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head meta_vertical_guides="" meta_horizontal_guides="">
        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>
        <script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function() {

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

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


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

        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map">
            	<w2:dataList baseNode="list" repeatNode="map" id="dataList3" saveRemovedData="true">
            		<w2:columnInfo>
            			<w2:column id="col1" name="name1" dataType="text"></w2:column>
            			<w2:column id="col2" name="name2" dataType="text"></w2:column>
            			<w2:column id="col3" name="name3" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            		</w2:data>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>

    	<xf:group class="top_box" id="" style="" tagname="">
    		<w2:textbox class="con_tit" id="" label="타이틀" style=""></w2:textbox>
    		<w2:textbox class="con_txt" escape="false" id="" label="Page 최상단의 공통 영역입니다. 페이지타이틀, 서브타이틀을 제공합니다.
" style="">
    		</w2:textbox>
    		<xf:group class="" id="primary" style=""></xf:group>
    		<xf:group class="tab_anchor" id="" style="" tagname="ul">
    			<xf:group class="on" id="" tagname="li">
    				<w2:anchor class="" id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Examples]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    			<xf:group id="" tagname="li">
    				<w2:anchor id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Snippet]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    			<xf:group id="" tagname="li">
    				<w2:anchor id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Dark Theme]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    		</xf:group>
    	</xf:group>
    	<xf:group class="contbox" id="" style="">
    		<xf:group class="subtitbox" id="" style="" tagname="">
    		</xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id=""
    				label="· 페이지 타이틀은 최종 depth 메뉴명과 일치합니다.
· 한 페이지 내에 조회 영역을 제외한 두 개 이상의 모듈이 존재할 경우, 각 모듈 상단에 서브타이틀을 배치합니다. " style="">
    			</w2:textbox>
    		</xf:group>
    		<xf:group class="subtitbox" id="" style="" tagname=""></xf:group>
    		<xf:group class="pgtbox" id="" style="">
    			<xf:trigger class="btn_fav" id="" style="" type="button">
    				<xf:label></xf:label>
    			</xf:trigger>
    			<w2:textbox class="pgt_tit" id="" label="화면타이틀" style="" tagname=""></w2:textbox>
    			<xf:group class="breadcrumb" id="" style="">
    				<xf:group id="" style="" tagname="ul">
    					<xf:group class="home" id="" style="" tagname="li">
    						<w2:anchor id="" outerDiv="false" style="">
    							<xf:label><![CDATA[Home]]></xf:label>
    						</w2:anchor>
    					</xf:group>
    					<xf:group id="" style="" tagname="li">
    						<w2:anchor id="" outerDiv="false" style="">
    							<xf:label><![CDATA[1Depth Menu]]></xf:label>
    						</w2:anchor>
    					</xf:group>
    					<xf:group id="" style="" tagname="li">
    						<w2:anchor id="" outerDiv="false" style="">
    							<xf:label><![CDATA[2Depth Menu]]></xf:label>
    						</w2:anchor>
    					</xf:group>
    					<xf:group id="" style="" tagname="li">
    						<w2:span id="" label="3Depth Menu" style=""></w2:span>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group class="schbox" id="" style="">
    			<xf:group class="schbox_inner" id="" style="">
    				<xf:group adaptive="layout" adaptiveThreshold="768" class="w2tb tbl" id="" style="" tagname="table">
    					<w2:attributes>
    						<w2:summary></w2:summary>
    					</w2:attributes>
    					<xf:group tagname="colgroup">
    						<xf:group style="width:100px;" tagname="col"></xf:group>
    						<xf:group style="" tagname="col"></xf:group>
    						<xf:group style="width:100px;" tagname="col"></xf:group>
    						<xf:group style="" tagname="col"></xf:group>
    					</xf:group>
    					<xf:group class="" id="" style="" tagname="tr">
    						<xf:group class="w2tb_th" style="" tagname="th">
    							<w2:textbox class="req" id="" label="조회조건" style=""></w2:textbox>
    						</xf:group>
    						<xf:group class="w2tb_td" style="" tagname="td">
    							<xf:select1 allOption="true" appearance="minimal" chooseOption="" class="" direction="auto" disabled="false"
    								disabledClass="w2selectbox_disabled" id="" ref="" renderType="" style="width:100px;" submenuSize="auto">
    								<xf:choices>
    									<xf:item>
    										<xf:label><![CDATA[new row]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[new row]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[new row]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    								</xf:choices>
    							</xf:select1>
    							<xf:select1 allOption="true" appearance="minimal" chooseOption="" class="" direction="auto" disabled="false"
    								disabledClass="w2selectbox_disabled" id="" ref="" renderType="" style="width:100px;" submenuSize="auto">
    								<xf:choices>
    									<xf:item>
    										<xf:label><![CDATA[new row]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[new row]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[new row]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    								</xf:choices>
    							</xf:select1>
    							<xf:trigger class="btn_cm " id="" style="" type="button">
    								<xf:label><![CDATA[조회]]></xf:label>
    							</xf:trigger>
    						</xf:group>
    						<xf:group class="w2tb_th" style="" tagname="th">
    							<w2:textbox class="" id="" label="조회조건" style=""></w2:textbox>
    						</xf:group>
    						<xf:group class="w2tb_td" id="" style="" tagname="td">
    							<xf:select1 appearance="full" cols="" disabled="" id="" ref="" renderType="radiogroup" rows=""
    								selectedIndex="1" style="">
    								<xf:choices>
    									<xf:item>
    										<xf:label><![CDATA[항목1]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[항목2]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[항목3]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    								</xf:choices>
    							</xf:select1>
    						</xf:group>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    			<xf:group class="btn_schbox" id="" style="">
    				<xf:trigger class="btn_cm sch" disabled="" escape="false" id="" style="" type="button">
    					<xf:label><![CDATA[조회]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    		</xf:group>
    		<xf:group class="titbox" id="" style="">
    			<w2:textbox class="" id="" label="서브타이틀" style="" tagname="h3"></w2:textbox>
    			<xf:group class="rt" id="" style="">
    				<xf:trigger class="btn_cm " id="" style="" type="button">
    					<xf:label><![CDATA[업무버튼]]></xf:label>
    				</xf:trigger>
    				<xf:trigger class="btn_cm " id="" style="" type="button">
    					<xf:label><![CDATA[업무버튼]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    		</xf:group>
    		<xf:group class="tblbox" id="" style="">
    			<xf:group adaptive="layout" adaptiveThreshold="600" class="w2tb tbl" id="" style="" tagname="table">
    				<w2:attributes>
    					<w2:summary></w2:summary>
    				</w2:attributes>
    				<xf:group tagname="colgroup">
    					<xf:group style="width:150px;" tagname="col"></xf:group>
    					<xf:group style="" tagname="col"></xf:group>
    				</xf:group>
    				<xf:group style="" tagname="tr">
    					<xf:group class="w2tb_th" style="" tagname="th">
    						<w2:textbox class="req" id="" label="테이블헤더" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group class="w2tb_td" style="" tagname="td"></xf:group>
    				</xf:group>
    				<xf:group tagname="tr">
    					<xf:group class="w2tb_th " tagname="th">
    						<w2:attributes>
    							<w2:scope>row</w2:scope>
    						</w2:attributes>
    						<w2:textbox class="" id="" label="테이블헤더" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group class="w2tb_td" tagname="td">
    						<w2:attributes>
    							<w2:colspan>1</w2:colspan>
    							<w2:rowspan>1</w2:rowspan>
    						</w2:attributes>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group class="lybox" id="" style="">
    			<xf:group adaptiveThreshold="" class="ly_column col_5" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="서브서브타이틀" style="" tagname="h4"></w2:textbox>
    				</xf:group>
    				<xf:group class="tblbox" id="" style="">
    					<xf:group adaptive="layout" adaptiveThreshold="600" class="w2tb tbl" id="" style="" tagname="table">
    						<w2:attributes>
    							<w2:summary></w2:summary>
    						</w2:attributes>
    						<xf:group tagname="colgroup">
    							<xf:group style="width:150px;" tagname="col"></xf:group>
    							<xf:group style="" tagname="col"></xf:group>
    						</xf:group>
    						<xf:group style="" tagname="tr">
    							<xf:group class="w2tb_th" style="" tagname="th">
    								<w2:textbox class="req" id="" label="테이블헤더" ref="" style="" userData2=""></w2:textbox>
    							</xf:group>
    							<xf:group class="w2tb_td" style="" tagname="td"></xf:group>
    						</xf:group>
    						<xf:group tagname="tr">
    							<xf:group class="w2tb_th " tagname="th">
    								<w2:attributes>
    									<w2:scope>row</w2:scope>
    								</w2:attributes>
    								<w2:textbox class="" id="" label="테이블헤더" ref="" style="" userData2=""></w2:textbox>
    							</xf:group>
    							<xf:group class="w2tb_td" tagname="td">
    								<w2:attributes>
    									<w2:colspan>1</w2:colspan>
    									<w2:rowspan>1</w2:rowspan>
    								</w2:attributes>
    							</xf:group>
    						</xf:group>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    			<xf:group class="ly_column col_5" id="" style="">
    				<xf:group class="titbox" id="" style="">
    					<w2:textbox class="" id="" label="서브서브타이틀" style="" tagname="h4"></w2:textbox>
    				</xf:group>
    				<xf:group class="tblbox" id="" style="">
    					<xf:group adaptive="layout" adaptiveThreshold="600" class="w2tb tbl" id="" style="" tagname="table">
    						<w2:attributes>
    							<w2:summary></w2:summary>
    						</w2:attributes>
    						<xf:group tagname="colgroup">
    							<xf:group style="width:150px;" tagname="col"></xf:group>
    							<xf:group style="" tagname="col"></xf:group>
    						</xf:group>
    						<xf:group style="" tagname="tr">
    							<xf:group class="w2tb_th" style="" tagname="th">
    								<w2:textbox class="req" id="" label="테이블헤더" ref="" style="" userData2=""></w2:textbox>
    							</xf:group>
    							<xf:group class="w2tb_td" style="" tagname="td"></xf:group>
    						</xf:group>
    						<xf:group tagname="tr">
    							<xf:group class="w2tb_th " tagname="th">
    								<w2:attributes>
    									<w2:scope>row</w2:scope>
    								</w2:attributes>
    								<w2:textbox class="" id="" label="테이블헤더" ref="" style="" userData2=""></w2:textbox>
    							</xf:group>
    							<xf:group class="w2tb_td" tagname="td">
    								<w2:attributes>
    									<w2:colspan>1</w2:colspan>
    									<w2:rowspan>1</w2:rowspan>
    								</w2:attributes>
    							</xf:group>
    						</xf:group>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>

    	</xf:group>


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

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

    	<xf:group class="top_box" id="" style="" tagname="">
    		<w2:textbox class="con_tit" id="" label="조회영역" style=""></w2:textbox>
    		<w2:textbox class="con_txt" escape="false" id="" label="다수의 조회조건 일 경우, 중요도에 따라 상위에 위치 시키며, 줄바꿈이 필요할 경우, adaptive 속성을 사용합니다."
    			style="">
    		</w2:textbox>
    		<xf:group class="" id="primary" style=""></xf:group>
    		<xf:group class="tab_anchor" id="" style="" tagname="ul">
    			<xf:group class="on" id="" tagname="li">
    				<w2:anchor class="" id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Examples]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    			<xf:group id="" tagname="li">
    				<w2:anchor id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Snippet]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    			<xf:group id="" tagname="li">
    				<w2:anchor id="" outerDiv="false" style="">
    					<xf:label><![CDATA[Dark Theme]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    		</xf:group>
    	</xf:group>
    	<xf:group class="contbox" id="" style="">
    		<xf:group class="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id=""
    				label="· 조회 조건의 레이블은 우측 정렬합니다.
· 별도의 팝업을 통해서 조회를 하는 경우 돋보기 버튼을 사용합니다.
· 다수의 조회조건이 있을 경우, 조회 조건의 중요한 항목을 좌측에 위치합니다."
    				style="">
    			</w2:textbox>
    		</xf:group>
    		<xf:group class="schbox" id="" style="" adaptive="layout" adaptiveThreshold="600">
    			<xf:group class="schbox_inner" id="" style="">
    				<xf:group adaptive="layout" adaptiveThreshold="1024" class="w2tb tbl" id="" style="" tagname="table">
    					<w2:attributes>
    						<w2:summary></w2:summary>
    					</w2:attributes>
    					<xf:group tagname="colgroup">
    						<xf:group style="width:100px;" tagname="col"></xf:group>
    						<xf:group style="" tagname="col"></xf:group>
    						<xf:group style="width:100px;" tagname="col"></xf:group>
    						<xf:group style="" tagname="col"></xf:group>
    					</xf:group>
    					<xf:group class="" id="" style="" tagname="tr">
    						<xf:group class="w2tb_th" style="" tagname="th">
    							<w2:textbox class="req" id="" label="조회조건" style=""></w2:textbox>
    						</xf:group>
    						<xf:group class="w2tb_td" style="" tagname="td">
    							<xf:select1 allOption="true" appearance="minimal" chooseOption="" class="req" direction="auto" disabled="false"
    								disabledClass="w2selectbox_disabled" id="" ref="" renderType="" style="width:100px;" submenuSize="auto">
    								<xf:choices>
    									<xf:item>
    										<xf:label><![CDATA[new row]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[new row]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[new row]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    								</xf:choices>
    							</xf:select1>
    							<xf:trigger class="btn_cm " id="" style="" type="button">
    								<xf:label><![CDATA[조회]]></xf:label>
    							</xf:trigger>
    						</xf:group>
    						<xf:group class="w2tb_th" style="" tagname="th">
    							<w2:textbox class="" id="" label="조회조건" style=""></w2:textbox>
    						</xf:group>
    						<xf:group class="w2tb_td" id="" style="" tagname="td">
    							<xf:select1 appearance="full" cols="" disabled="" id="" ref="" renderType="radiogroup" rows=""
    								selectedIndex="1" style="">
    								<xf:choices>
    									<xf:item>
    										<xf:label><![CDATA[항목1]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[항목2]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    									<xf:item>
    										<xf:label><![CDATA[항목3]]></xf:label>
    										<xf:value></xf:value>
    									</xf:item>
    								</xf:choices>
    							</xf:select1>
    						</xf:group>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    			<xf:group class="btn_schbox" id="" style="">
    				<xf:trigger class="btn_cm sch" disabled="" escape="false" id="" style="" type="button">
    					<xf:label><![CDATA[조회]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    		</xf:group>
    		<xf:group class="line_gray" id="second" style="" tagname="hr"></xf:group>
    		<xf:group class="titbox" id="" style="" tagname="">
    			<w2:textbox class="subtxt" escape="false" id=""
    				label='· 조회 옵션이 4개 이상일 경우는 Selectbox 사용을 권하며, 기본값은 ‘선택’으로 표시합니다.
· 필수로 입력해야 하는 입력폼의 경우 , 레이블의 좌측에 를 &nbsp;추가하고, 폼요소에는 &nbsp;Background color 를 적용해 줍니다.'
    				style="">
    			</w2:textbox>
    		</xf:group>
    		<xf:group class="schbox" id="" style="">
    				<xf:group class="schbox_inner" id="" style="">
    					<xf:group adaptive="layout" adaptiveThreshold="1024" class="w2tb tbl" id="" style="" tagname="table">
    						<w2:attributes>
    							<w2:summary></w2:summary>
    						</w2:attributes>
    						<xf:group tagname="colgroup">
    							<xf:group style="width:100px;" tagname="col"></xf:group>
    							<xf:group style="" tagname="col"></xf:group>
    							<xf:group style="width:100px;" tagname="col"></xf:group>
    							<xf:group style="" tagname="col"></xf:group>
    						</xf:group>
    						<xf:group class="" id="" style="" tagname="tr">
    							<xf:group class="w2tb_th" style="" tagname="th">
    								<w2:textbox class="req" id="" label="조회조건" style=""></w2:textbox>
    							</xf:group>
    							<xf:group class="w2tb_td" style="" tagname="td">
    								<xf:select1 allOption="true" appearance="minimal" chooseOption="" class="req" direction="auto" disabled="false" disabledClass="w2selectbox_disabled" id="" ref="" renderType="" style="width:100px;" submenuSize="auto">
    									<xf:choices>
    										<xf:item>
    											<xf:label><![CDATA[new row]]></xf:label>
    											<xf:value></xf:value>
    										</xf:item>
    										<xf:item>
    											<xf:label><![CDATA[new row]]></xf:label>
    											<xf:value></xf:value>
    										</xf:item>
    										<xf:item>
    											<xf:label><![CDATA[new row]]></xf:label>
    											<xf:value></xf:value>
    										</xf:item>
    									</xf:choices>
    								</xf:select1>
    								<xf:select1 allOption="true" appearance="minimal" chooseOption="" class="req" direction="auto" disabled="false" disabledClass="w2selectbox_disabled" id="" ref="" renderType="" style="width:100px;" submenuSize="auto">
    									<xf:choices>
    										<xf:item>
    											<xf:label><![CDATA[new row]]></xf:label>
    											<xf:value></xf:value>
    										</xf:item>
    										<xf:item>
    											<xf:label><![CDATA[new row]]></xf:label>
    											<xf:value></xf:value>
    										</xf:item>
    										<xf:item>
    											<xf:label><![CDATA[new row]]></xf:label>
    											<xf:value></xf:value>
    										</xf:item>
    									</xf:choices>
    								</xf:select1>
    								<xf:trigger class="btn_cm " id="" style="" type="button">
    									<xf:label><![CDATA[조회]]></xf:label>
    								</xf:trigger>
    							</xf:group>
    							<xf:group class="w2tb_th" style="" tagname="th">
    								<w2:textbox class="req" id="" label="조회조건" style=""></w2:textbox>
    							</xf:group>
    							<xf:group class="w2tb_td" id="" style="" tagname="td">
    								<xf:select1 appearance="full" cols="" disabled="" id="" ref="" renderType="radiogroup" rows="" selectedIndex="1" style="">
    									<xf:choices>
    										<xf:item>
    											<xf:label><![CDATA[항목1]]></xf:label>
    											<xf:value></xf:value>
    										</xf:item>
    										<xf:item>
    											<xf:label><![CDATA[항목2]]></xf:label>
    											<xf:value></xf:value>
    										</xf:item>
    										<xf:item>
    											<xf:label><![CDATA[항목3]]></xf:label>
    											<xf:value></xf:value>
    										</xf:item>
    									</xf:choices>
    								</xf:select1>
    							</xf:group>
    						</xf:group>
    						<xf:group class="" id="" style="" tagname="tr">
    							<xf:group class="w2tb_th" style="" tagname="th">
    								<w2:textbox class="" id="" label="조건" style=""></w2:textbox>
    							</xf:group>
    							<xf:group class="w2tb_td" style="" tagname="td">
    								<xf:input class="" id="" placeholder="" style="width:148px;"></xf:input>
    								<xf:trigger class="btn_cm btn_search " id="" style="" type="button">
    									<xf:label><![CDATA[Search]]></xf:label>
    								</xf:trigger>
    							</xf:group>
    							<xf:group class="w2tb_th" style="" tagname="th">
    								<w2:textbox class="" id="" label="기간" style=""></w2:textbox>
    							</xf:group>
    							<xf:group class="w2tb_td" id="" style="" tagname="td">
    								<w2:inputCalendar alt="" calendarValueType="yearMonthDate" class="" focusOnDateSelect="false" footerDiv="true" id="" renderDiv="true" renderType="" rightAlign="false" style="width:120px;">
    								</w2:inputCalendar>
    								<w2:span id="" label="~" style=""></w2:span>
    								<w2:inputCalendar calendarValueType="yearMonthDate" class="" focusOnDateSelect="false" footerDiv="true" id="" renderDiv="true" renderType="" rightAlign="false" style="width:120px;">
    								</w2:inputCalendar>
    							</xf:group>
    						</xf:group>
    					</xf:group>
    				</xf:group>
    				<xf:group class="btn_schbox" id="" style="">
    					<xf:trigger class="btn_cm sch" disabled="" escape="false" id="" style="" type="button">
    						<xf:label><![CDATA[조회]]></xf:label>
    					</xf:trigger>
    				</xf:group>
    			</xf:group>
    	</xf:group>


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

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


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

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

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


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>COMPONENT</w2:type>
    	<w2:buildDate />
    	<w2:MSA />
    	<xf:model>
    		<w2:dataCollection baseNode="map">
    			<w2:dataList baseNode="list" repeatNode="map" id="dlt_menu" saveRemovedData="true">
    				<w2:columnInfo>
    					<w2:column id="MENU_CD" name="메뉴코드" dataType="text"></w2:column>
    					<w2:column id="MENU_NM" name="메뉴명" dataType="text"></w2:column>
    					<w2:column id="IS_USE" name="사용유무" dataType="text"></w2:column>
    					<w2:column id="SRC_PATH" name="메뉴경로" dataType="text"></w2:column>
    					<w2:column id="PARENT_MENU_CD" name="부모메뉴코드" dataType="text"></w2:column>
    					<w2:column id="MENU_LEVEL" name="메뉴레벨" dataType="text"></w2:column>
    					<w2:column id="SORT_ORDER" name="정렬순서" dataType="text"></w2:column>
    					<w2:column id="PROGRAM_CD" name="프로그램코드" dataType="text"></w2:column>
    				</w2:columnInfo>
    				<w2:data use="true">
    					<w2:row>
    						<MENU_CD><![CDATA[001000000]]></MENU_CD>
    						<MENU_LEVEL><![CDATA[1]]></MENU_LEVEL>
    						<MENU_NM><![CDATA[Overview]]></MENU_NM>
    						<SRC_PATH><![CDATA[/cm/template/design_system/xml/overview.xml]]></SRC_PATH>
    					</w2:row>
    					<w2:row>
    						<MENU_CD><![CDATA[002000000]]></MENU_CD>
    						<MENU_LEVEL><![CDATA[1]]></MENU_LEVEL>
    						<MENU_NM><![CDATA[Color]]></MENU_NM>
    						<SRC_PATH><![CDATA[/cm/template/design_system/xml/color.xml]]></SRC_PATH>
    					</w2:row>
    					<w2:row>
    						<MENU_CD><![CDATA[003000000]]></MENU_CD>

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

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

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

    						<MENU_NM><![CDATA[탭]]></MENU_NM>
    						<MENU_LEVEL><![CDATA[2]]></MENU_LEVEL>
    						<SRC_PATH><![CDATA[/cm/template/design_system/xml/tab.xml]]></SRC_PATH>
    						<PARENT_MENU_CD><![CDATA[007000000]]></PARENT_MENU_CD>
    					</w2:row>

    					<w2:row>

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

    						<MENU_NM><![CDATA[트리]]></MENU_NM>
    						<MENU_LEVEL><![CDATA[2]]></MENU_LEVEL>
    						<SRC_PATH><![CDATA[/cm/template/design_system/xml/tree.xml]]></SRC_PATH>
    						<PARENT_MENU_CD><![CDATA[007000000]]></PARENT_MENU_CD>
    					</w2:row>
    					<w2:row>

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

    						<MENU_NM><![CDATA[버튼]]></MENU_NM>
    						<MENU_LEVEL><![CDATA[2]]></MENU_LEVEL>
    						<SRC_PATH><![CDATA[/cm/template/design_system/xml/button.xml]]></SRC_PATH>
    						<PARENT_MENU_CD><![CDATA[007000000]]></PARENT_MENU_CD>
    					</w2:row>
    					<w2:row>
    						<MENU_CD><![CDATA[007013000]]></MENU_CD>

    						<MENU_NM><![CDATA[메시지]]></MENU_NM>
    						<MENU_LEVEL><![CDATA[2]]></MENU_LEVEL>
    						<SRC_PATH><![CDATA[/cm/template/design_system/xml/message.xml]]></SRC_PATH>
    						<PARENT_MENU_CD><![CDATA[007000000]]></PARENT_MENU_CD>
    					</w2:row>

    					<w2:row></w2:row>
    					<w2:row></w2:row>
    					<w2:row></w2:row>
    					<w2:row></w2:row>
    					<w2:row></w2:row>
    				</w2:data>
    			</w2:dataList>
    		</w2:dataCollection>
    		<w2:workflowCollection />
    	</xf:model>
    	<w2:layoutInfo />
    	<w2:publicInfo method="" />
    	<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function() {

};

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

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


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

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

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

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

    	</xf:group>