diff --git a/client/nexacro-src/Application_Desktop.xadl b/client/nexacro-src/Application_Desktop.xadl
new file mode 100644
index 0000000..f9dbe30
--- /dev/null
+++ b/client/nexacro-src/Application_Desktop.xadl
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ADL version="2.0">
+  <Application id="Application_Desktop" screenid="Desktop_screen">
+    <Layout>
+      <MainFrame id="mainframe" showtitlebar="true" showstatusbar="true" left="0" top="0" width="1440" height="900" titletext="Hanwha Nexacro Demo">
+        <VFrameSet id="VFrameSet00" separatesize="56,*">
+          <Frames>
+            <ChildFrame id="TopFrame" showtitlebar="false" showstatusbar="false" formurl="FrameBase::Form_Top.xfdl"/>
+            <HFrameSet id="HFrameSet00" separatesize="240,*">
+              <Frames>
+                <ChildFrame id="LeftFrame" showtitlebar="false" showstatusbar="false" formurl="FrameBase::Form_Left.xfdl"/>
+                <ChildFrame id="WorkFrame" showtitlebar="false" showstatusbar="false" formurl="FrameBase::Form_Work.xfdl"/>
+              </Frames>
+            </HFrameSet>
+          </Frames>
+        </VFrameSet>
+      </MainFrame>
+    </Layout>
+  </Application>
+</ADL>
diff --git a/client/nexacro-src/FrameBase/Form_Left.xfdl b/client/nexacro-src/FrameBase/Form_Left.xfdl
new file mode 100644
index 0000000..30ee930
--- /dev/null
+++ b/client/nexacro-src/FrameBase/Form_Left.xfdl
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FDL version="2.1">
+  <Form id="Form_Left" width="240" height="840" titletext="Form_Left">
+    <Static id="staMenuTitle" taborder="0" left="20" top="24" width="180" height="28" text="Demo Forms"/>
+    <Static id="staMenu0" taborder="1" left="20" top="72" width="180" height="24" text="1. 집계 실행"/>
+    <Static id="staMenu1" taborder="2" left="20" top="114" width="180" height="24" text="2. 로그인"/>
+    <Static id="staMenu2" taborder="3" left="20" top="156" width="180" height="24" text="3. 기준정보 관리"/>
+    <Static id="staMenu3" taborder="4" left="20" top="198" width="180" height="24" text="4. 리포트/운영"/>
+    <Static id="staMenu4" taborder="5" left="20" top="240" width="180" height="24" text="5. 업로드/검증"/>
+    <Layouts>
+      <Layout width="240" height="840" screenid="Desktop_screen"/>
+    </Layouts>
+  </Form>
+</FDL>
diff --git a/client/nexacro-src/FrameBase/Form_Top.xfdl b/client/nexacro-src/FrameBase/Form_Top.xfdl
new file mode 100644
index 0000000..be33f66
--- /dev/null
+++ b/client/nexacro-src/FrameBase/Form_Top.xfdl
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FDL version="2.1">
+  <Form id="Form_Top" width="1440" height="56" titletext="Form_Top">
+    <Static id="staTitle" taborder="0" left="24" top="14" width="420" height="28" text="Hanwha Nexacro Demo"/>
+    <Static id="staGuide" taborder="1" left="460" top="18" width="420" height="20" text="AI generated Nexacro source for Studio review"/>
+    <Layouts>
+      <Layout width="1440" height="56" screenid="Desktop_screen"/>
+    </Layouts>
+  </Form>
+</FDL>
diff --git a/client/nexacro-src/FrameBase/Form_Work.xfdl b/client/nexacro-src/FrameBase/Form_Work.xfdl
new file mode 100644
index 0000000..da98aea
--- /dev/null
+++ b/client/nexacro-src/FrameBase/Form_Work.xfdl
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FDL version="2.1">
+  <Form id="Form_Work" width="1200" height="844" titletext="Form_Work">
+    <Div id="divWork" taborder="0" left="0" top="0" width="1200" height="844" url="Forms::frmLogin.xfdl"/>
+    <Layouts>
+      <Layout width="1200" height="844" screenid="Desktop_screen"/>
+    </Layouts>
+  </Form>
+</FDL>
diff --git a/client/nexacro-src/HanwhaNexacroDemo.xprj b/client/nexacro-src/HanwhaNexacroDemo.xprj
index 20ee3a1..8d198a5 100644
--- a/client/nexacro-src/HanwhaNexacroDemo.xprj
+++ b/client/nexacro-src/HanwhaNexacroDemo.xprj
@@ -1,15 +1,9 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Project version="2.0" name="HanwhaNexacroDemo">
-  <Environment url="./environment.xml"/>
-  <TypeDefinition url="./typedefinition.xml"/>
-  <AppVariables url="./appvariables.xml"/>
-  <Application url="./application.xadl"/>
-  <Forms>
-    <Form id="frmConsolidation" url="./forms/frmConsolidation.xfdl" title="집계 실행"/>
-    <Form id="frmLogin" url="./forms/frmLogin.xfdl" title="로그인"/>
-    <Form id="frmMasterData" url="./forms/frmMasterData.xfdl" title="기준정보 관리"/>
-    <Form id="frmReportsOps" url="./forms/frmReportsOps.xfdl" title="리포트/운영"/>
-    <Form id="frmUploadValidation" url="./forms/frmUploadValidation.xfdl" title="업로드/검증"/>
-  </Forms>
+<?xml version="1.0" encoding="utf-8"?>
+<Project version="2.1" nexacrosdk="Latest Version" sdkversion="">
+  <EnvironmentDefinition url="/environment.xml"/>
+  <TypeDefinition url="/typedefinition.xml"/>
+  <AppVariables url="/appvariables.xml"/>
+  <AppInfos>
+    <AppInfo url="/Application_Desktop.xadl"/>
+  </AppInfos>
 </Project>
-
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Close.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Close.png
new file mode 100644
index 0000000..c908b50
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Close.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Close_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Close_D.png
new file mode 100644
index 0000000..10762d4
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Close_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Close_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Close_O.png
new file mode 100644
index 0000000..fae942e
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Close_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Max.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Max.png
new file mode 100644
index 0000000..f87d273
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Max.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Max_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Max_D.png
new file mode 100644
index 0000000..47b0d65
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Max_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Max_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Max_O.png
new file mode 100644
index 0000000..6c5f1be
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Max_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Min.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Min.png
new file mode 100644
index 0000000..c1cbafa
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Min.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Min_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Min_D.png
new file mode 100644
index 0000000..4a23598
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Min_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Min_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Min_O.png
new file mode 100644
index 0000000..a48738c
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Min_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Normal.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Normal.png
new file mode 100644
index 0000000..c4e9821
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Normal.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Normal_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Normal_D.png
new file mode 100644
index 0000000..f3c74d4
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Normal_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Normal_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Normal_O.png
new file mode 100644
index 0000000..cd0d323
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_TF_Normal_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calendar.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calendar.png
new file mode 100644
index 0000000..5c1657c
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calendar.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calendar_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calendar_D.png
new file mode 100644
index 0000000..93fa0a7
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calendar_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calnext.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calnext.png
new file mode 100644
index 0000000..906bb0d
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calnext.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calnext_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calnext_O.png
new file mode 100644
index 0000000..30d1a4f
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calnext_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calprev.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calprev.png
new file mode 100644
index 0000000..e6d9b3f
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calprev.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calprev_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calprev_O.png
new file mode 100644
index 0000000..a995534
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calprev_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspindown.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspindown.png
new file mode 100644
index 0000000..c4dc087
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspindown.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspindown_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspindown_D.png
new file mode 100644
index 0000000..69bfa00
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspindown_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspindown_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspindown_O.png
new file mode 100644
index 0000000..2dc7324
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspindown_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspinup.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspinup.png
new file mode 100644
index 0000000..23293b3
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspinup.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspinup_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspinup_D.png
new file mode 100644
index 0000000..9561ec4
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspinup_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspinup_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspinup_O.png
new file mode 100644
index 0000000..201d326
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Calspinup_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Grdexpand.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Grdexpand.png
new file mode 100644
index 0000000..a90eb62
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Grdexpand.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hdec.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hdec.png
new file mode 100644
index 0000000..c99deed
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hdec.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hdec_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hdec_D.png
new file mode 100644
index 0000000..569a70c
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hdec_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hdec_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hdec_O.png
new file mode 100644
index 0000000..5b1ed30
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hdec_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hinc.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hinc.png
new file mode 100644
index 0000000..3c0b36e
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hinc.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hinc_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hinc_D.png
new file mode 100644
index 0000000..960c02f
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hinc_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hinc_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hinc_O.png
new file mode 100644
index 0000000..0780d2a
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Hinc_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menunext.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menunext.png
new file mode 100644
index 0000000..4065dad
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menunext.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menunext_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menunext_D.png
new file mode 100644
index 0000000..576c245
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menunext_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menunext_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menunext_O.png
new file mode 100644
index 0000000..540d095
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menunext_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menuprev.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menuprev.png
new file mode 100644
index 0000000..c178402
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menuprev.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menuprev_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menuprev_D.png
new file mode 100644
index 0000000..e239fcd
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menuprev_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menuprev_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menuprev_O.png
new file mode 100644
index 0000000..0a425cd
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Menuprev_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext.png
new file mode 100644
index 0000000..9427659
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext2.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext2.png
new file mode 100644
index 0000000..725105b
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext2.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext2_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext2_D.png
new file mode 100644
index 0000000..04a7f8d
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext2_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext2_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext2_O.png
new file mode 100644
index 0000000..d32c8a4
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext2_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext_D.png
new file mode 100644
index 0000000..e9c98b2
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext_O.png
new file mode 100644
index 0000000..8e7cb6f
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenunext_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev.png
new file mode 100644
index 0000000..8a4816c
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev2.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev2.png
new file mode 100644
index 0000000..8cf028a
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev2.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev2_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev2_D.png
new file mode 100644
index 0000000..6f49817
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev2_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev2_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev2_O.png
new file mode 100644
index 0000000..d0872d9
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev2_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev_D.png
new file mode 100644
index 0000000..7ab5e7a
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev_O.png
new file mode 100644
index 0000000..611d6ff
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popmenuprev_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popupexpand.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popupexpand.png
new file mode 100644
index 0000000..52fdd62
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popupexpand.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popupexpand2.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popupexpand2.png
new file mode 100644
index 0000000..cf244da
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Popupexpand2.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spindown.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spindown.png
new file mode 100644
index 0000000..bb92e86
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spindown.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spindown_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spindown_D.png
new file mode 100644
index 0000000..db32436
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spindown_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spindown_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spindown_O.png
new file mode 100644
index 0000000..76fef8a
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spindown_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spindown_P.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spindown_P.png
new file mode 100644
index 0000000..1d9b60c
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spindown_P.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spinup.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spinup.png
new file mode 100644
index 0000000..bfbb24e
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spinup.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spinup_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spinup_D.png
new file mode 100644
index 0000000..3e444f6
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spinup_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spinup_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spinup_O.png
new file mode 100644
index 0000000..c90a5fc
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spinup_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spinup_P.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spinup_P.png
new file mode 100644
index 0000000..1945a41
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Spinup_P.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Stepitem.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Stepitem.png
new file mode 100644
index 0000000..4bcdc33
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Stepitem.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Stepitem_S.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Stepitem_S.png
new file mode 100644
index 0000000..76f1ad5
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Stepitem_S.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabextra.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabextra.png
new file mode 100644
index 0000000..9ebcfd0
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabextra.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabextra_S.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabextra_S.png
new file mode 100644
index 0000000..1bb5f03
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabextra_S.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabnext.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabnext.png
new file mode 100644
index 0000000..4aa5af4
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabnext.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabnext_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabnext_D.png
new file mode 100644
index 0000000..03fa24e
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabnext_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabnext_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabnext_O.png
new file mode 100644
index 0000000..137db9c
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabnext_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabprev.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabprev.png
new file mode 100644
index 0000000..fa81a27
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabprev.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabprev_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabprev_D.png
new file mode 100644
index 0000000..d9cfe51
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabprev_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabprev_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabprev_O.png
new file mode 100644
index 0000000..d8a0db8
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Tabprev_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Treecollapse.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Treecollapse.png
new file mode 100644
index 0000000..acd4995
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Treecollapse.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Treeexpand.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Treeexpand.png
new file mode 100644
index 0000000..a48b6eb
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Treeexpand.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vdec.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vdec.png
new file mode 100644
index 0000000..19ed5ca
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vdec.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vdec_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vdec_D.png
new file mode 100644
index 0000000..b36ea56
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vdec_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vdec_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vdec_O.png
new file mode 100644
index 0000000..e5bbf28
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vdec_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vinc.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vinc.png
new file mode 100644
index 0000000..b14b32c
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vinc.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vinc_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vinc_D.png
new file mode 100644
index 0000000..e7a0563
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vinc_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vinc_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vinc_O.png
new file mode 100644
index 0000000..8bf6e83
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_WF_Vinc_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/btn_expand.png b/client/nexacro-src/_resource_/_theme_/blue/images/btn_expand.png
new file mode 100644
index 0000000..0adb676
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/btn_expand.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box.png b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box.png
new file mode 100644
index 0000000..dee0f12
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box_D.png
new file mode 100644
index 0000000..4195e9a
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box_DS.png b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box_DS.png
new file mode 100644
index 0000000..38492f4
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box_DS.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box_F.png b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box_F.png
new file mode 100644
index 0000000..c152690
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box_F.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box_O.png
new file mode 100644
index 0000000..72d153b
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box_S.png b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box_S.png
new file mode 100644
index 0000000..0d6bbcb
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Box_S.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Popupmenu.png b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Popupmenu.png
new file mode 100644
index 0000000..d32ebc8
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Popupmenu.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Popupmenu_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Popupmenu_O.png
new file mode 100644
index 0000000..5eb0d97
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/chk_WF_Popupmenu_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/cmb_WF_Drop.png b/client/nexacro-src/_resource_/_theme_/blue/images/cmb_WF_Drop.png
new file mode 100644
index 0000000..2079706
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/cmb_WF_Drop.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/cmb_WF_Drop_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/cmb_WF_Drop_O.png
new file mode 100644
index 0000000..0b5d2d5
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/cmb_WF_Drop_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/cmb_WF_Drop_P.png b/client/nexacro-src/_resource_/_theme_/blue/images/cmb_WF_Drop_P.png
new file mode 100644
index 0000000..3d70609
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/cmb_WF_Drop_P.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/daterange.png b/client/nexacro-src/_resource_/_theme_/blue/images/daterange.png
new file mode 100644
index 0000000..ed660e6
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/daterange.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/dropdown.png b/client/nexacro-src/_resource_/_theme_/blue/images/dropdown.png
new file mode 100644
index 0000000..ec589f3
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/dropdown.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/dropdown_invalid.png b/client/nexacro-src/_resource_/_theme_/blue/images/dropdown_invalid.png
new file mode 100644
index 0000000..68d0850
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/dropdown_invalid.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/dropdown_valid.png b/client/nexacro-src/_resource_/_theme_/blue/images/dropdown_valid.png
new file mode 100644
index 0000000..4ba4bf1
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/dropdown_valid.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Grdimg.png b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Grdimg.png
new file mode 100644
index 0000000..f365bf9
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Grdimg.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Htrackbar.png b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Htrackbar.png
new file mode 100644
index 0000000..ae3b761
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Htrackbar.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Htrackbar_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Htrackbar_D.png
new file mode 100644
index 0000000..bd3e097
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Htrackbar_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Menu_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Menu_O.png
new file mode 100644
index 0000000..527ae78
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Menu_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Menuitem2.png b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Menuitem2.png
new file mode 100644
index 0000000..7c78876
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Menuitem2.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Popupcheck.png b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Popupcheck.png
new file mode 100644
index 0000000..a816bea
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Popupcheck.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Popupcheck2.png b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Popupcheck2.png
new file mode 100644
index 0000000..05dbfc9
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Popupcheck2.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Treecollapse.png b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Treecollapse.png
new file mode 100644
index 0000000..bd8433c
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Treecollapse.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Treeexpand.png b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Treeexpand.png
new file mode 100644
index 0000000..43c13bd
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Treeexpand.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Treeitem.png b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Treeitem.png
new file mode 100644
index 0000000..507a6b8
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Treeitem.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Vtrackbar.png b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Vtrackbar.png
new file mode 100644
index 0000000..0f6d4de
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Vtrackbar.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Vtrackbar_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Vtrackbar_D.png
new file mode 100644
index 0000000..36307b0
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/img_WF_Vtrackbar_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/img_grip.png b/client/nexacro-src/_resource_/_theme_/blue/images/img_grip.png
new file mode 100644
index 0000000..23d30d0
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/img_grip.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/invalid.png b/client/nexacro-src/_resource_/_theme_/blue/images/invalid.png
new file mode 100644
index 0000000..6d4ed11
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/invalid.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/mnu_WF_PopItemImg.png b/client/nexacro-src/_resource_/_theme_/blue/images/mnu_WF_PopItemImg.png
new file mode 100644
index 0000000..b3b7f70
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/mnu_WF_PopItemImg.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/rdo_WF_Radio.png b/client/nexacro-src/_resource_/_theme_/blue/images/rdo_WF_Radio.png
new file mode 100644
index 0000000..38f68ac
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/rdo_WF_Radio.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/rdo_WF_Radio_D.png b/client/nexacro-src/_resource_/_theme_/blue/images/rdo_WF_Radio_D.png
new file mode 100644
index 0000000..277beda
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/rdo_WF_Radio_D.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/rdo_WF_Radio_DS.png b/client/nexacro-src/_resource_/_theme_/blue/images/rdo_WF_Radio_DS.png
new file mode 100644
index 0000000..fe49df7
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/rdo_WF_Radio_DS.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/rdo_WF_Radio_O.png b/client/nexacro-src/_resource_/_theme_/blue/images/rdo_WF_Radio_O.png
new file mode 100644
index 0000000..bfaa398
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/rdo_WF_Radio_O.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/rdo_WF_Radio_S.png b/client/nexacro-src/_resource_/_theme_/blue/images/rdo_WF_Radio_S.png
new file mode 100644
index 0000000..591992b
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/rdo_WF_Radio_S.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/timerange.png b/client/nexacro-src/_resource_/_theme_/blue/images/timerange.png
new file mode 100644
index 0000000..173f023
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/timerange.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/titlebar_icon.ico b/client/nexacro-src/_resource_/_theme_/blue/images/titlebar_icon.ico
new file mode 100644
index 0000000..48fde73
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/titlebar_icon.ico differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/titlebar_icon.png b/client/nexacro-src/_resource_/_theme_/blue/images/titlebar_icon.png
new file mode 100644
index 0000000..bc868db
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/titlebar_icon.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/images/valid.png b/client/nexacro-src/_resource_/_theme_/blue/images/valid.png
new file mode 100644
index 0000000..2f99cb7
Binary files /dev/null and b/client/nexacro-src/_resource_/_theme_/blue/images/valid.png differ
diff --git a/client/nexacro-src/_resource_/_theme_/blue/theme.xcss b/client/nexacro-src/_resource_/_theme_/blue/theme.xcss
new file mode 100644
index 0000000..f8545e5
--- /dev/null
+++ b/client/nexacro-src/_resource_/_theme_/blue/theme.xcss
@@ -0,0 +1,2835 @@
+<?xml version="1.0" encoding="utf-8"?>
+<XCSS version="1.1">
+  <Predefines>
+    <Group id="Default_font">
+      <Define id="MalgunGothic12px" value="12px &quot;Malgun Gothic&quot;"/>
+      <Define id="BoldMalgunGothic12px" value="bold 12px &quot;Malgun Gothic&quot;"/>
+      <Define id="BoldMalgunGothic13px" value="bold 13px &quot;Malgun Gothic&quot;"/>
+      <Define id="BoldMalgunGothic14px" value="bold 14px &quot;Malgun Gothic&quot;"/>
+      <Define id="BoldMalgunGothic17px" value="bold 17px &quot;Malgun Gothic&quot;"/>
+    </Group>
+  </Predefines>
+  <CSSData><![CDATA[/* 
+  nexacro Application Theme
+  Name		   : blue.xtheme
+  Published        : 2020-04-06
+  Last-modified    : 2024-11-20
+*/
+
+/* Frame/Form */
+.Form
+{
+	font :  -nexa-define(--MalgunGothic12px);
+	color : #555555;
+	background : #ffffff;
+	-nexa-border : 0px none;
+}
+
+.Form[userstatus=contents]
+{
+	background : transparent;
+}
+
+.Form[status=disabled]
+{
+	color : #999999;
+}
+.MainFrame,.ChildFrame,.FrameSet,.VFrameSet,.HFrameSet,.TileFrameSet
+{
+	-nexa-border : 1px solid #b7b1b2;
+}
+
+/* Button */
+/* FileDownload */
+/* FileUpload */
+.Button,.FileDownload
+{
+	background : linear-gradient(to top,#eaeaea,#ffffff);
+	-nexa-border : 1px solid #c2c2c2;
+}
+
+.ButtonControl
+{
+	background : transparent;
+	-nexa-border : 0px none;
+}
+
+.FileUpload
+{
+	/* No style applied */
+}
+
+.FileUpload .fileuploaditem
+{
+	/* No style applied */
+}
+
+.FileUpload .fileuploaditem[status=disabled]
+{
+	color : #999999;
+}
+
+.FileUpload .fileuploaditem .fileuploaditembutton
+{
+	background : linear-gradient(to top,#eaeaea,#ffffff);
+	-nexa-border : 1px solid #c2c2c2;
+	-nexa-padding : 1px 9px 0px 9px;
+}
+
+.Button[status=mouseover],.Button[status=focused],.FileDownload[status=mouseover],.FileDownload[status=focused],.FileUpload .fileuploaditem .fileuploaditembutton[status=mouseover],.FileUpload .fileuploaditem .fileuploaditembutton[status=focused]
+{
+	background : linear-gradient(to top,#e7e7e7,#fefefe);
+	-nexa-border : 1px solid #a0a0a0;
+}
+
+.Button[userstatus=pushed],.Button[userstatus=selected],.FileDownload[userstatus=pushed],.FileUpload .fileuploaditem .fileuploaditembutton[userstatus=pushed],.FileUpload .fileuploaditem .fileuploaditembutton[userstatus=selected]
+{
+	background : linear-gradient(to top,#fefefe,#e9e9e9);
+}
+
+.Button[status=disabled],.FileDownload[status=disabled],.FileUpload .fileuploaditem .fileuploaditembutton[status=disabled]
+{
+	color : #bbbbbb;
+	background : #f5f5f5;
+	-nexa-border : 1px solid #d9d9d9;
+}
+
+
+/* Calendar */
+.Calendar,.CalendarControl
+{
+	background : #ffffff;
+	-nexa-border : 1px solid #d5d5d5;
+}
+
+.Calendar[status=mouseover],.CalendarControl[status=mouseover],.Calendar[status=focused],.CalendarControl[status=focused]
+{
+	-nexa-border : 1px solid #5a86cd;
+}
+
+.Calendar[status=readonly],.CalendarControl[status=readonly]
+{
+	background : #efefef;
+}
+
+.Calendar[status=disabled],.CalendarControl[status=disabled]
+{
+	color : #999999;
+	background : #efefef;
+}
+
+.Calendar .calendaredit,.CalendarControl .calendaredit
+{
+	/* Same as MaskEditControl */
+}
+
+.Calendar .dropbutton,.CalendarControl .dropbutton
+{
+	-nexa-icon : URL('theme://images/btn_WF_Calendar.png');
+}
+
+.Calendar .dropbutton[status=disabled],.CalendarControl .dropbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Calendar_D.png');
+}
+
+.Calendar .calendarspinupbutton,.CalendarControl .calendarspinupbutton
+{
+	-nexa-icon : URL('theme://images/btn_WF_Spinup.png');
+}
+
+.Calendar .calendarspinupbutton[status=mouseover],.CalendarControl .calendarspinupbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Spinup_O.png');
+}
+
+.Calendar .calendarspinupbutton[userstatus=pushed],.CalendarControl .calendarspinupbutton[userstatus=pushed]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Spinup_P.png');
+}
+
+.Calendar .calendarspinupbutton[status=disabled],.CalendarControl .calendarspinupbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Spinup_D.png');
+}
+
+.Calendar .calendarspindownbutton,.CalendarControl .calendarspindownbutton
+{
+	-nexa-icon : URL('theme://images/btn_WF_Spindown.png');
+}
+
+.Calendar .calendarspindownbutton[status=mouseover],.CalendarControl .calendarspindownbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Spindown_O.png');
+}
+
+.Calendar .calendarspindownbutton[userstatus=pushed],.CalendarControl .calendarspindownbutton[userstatus=pushed]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Spindown_P.png');
+}
+
+.Calendar .calendarspindownbutton[status=disabled],.CalendarControl .calendarspindownbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Spindown_D.png');
+}
+
+
+/* CheckBox */
+.CheckBox,.CheckBoxControl
+{
+	-nexa-icon : URL('theme://images/chk_WF_Box.png');
+	-nexa-text-padding : 0px 0px 0px 6px;
+}
+
+.CheckBox[status=mouseover],.CheckBoxControl[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/chk_WF_Box_O.png');
+}
+
+.CheckBox[status=readonly],.CheckBoxControl[status=readonly]
+{
+	-nexa-icon : URL('theme://images/chk_WF_Box_D.png');
+}
+
+.CheckBox[userstatus=selected],.CheckBoxControl[userstatus=selected]
+{
+	-nexa-icon : URL('theme://images/chk_WF_Box_S.png');
+}
+
+.CheckBox[status=disabled],.CheckBoxControl[status=disabled]
+{
+	color : #999999;
+	-nexa-icon : URL('theme://images/chk_WF_Box_D.png');
+}
+
+.CheckBox[status=disabled][userstatus=selected],.CheckBoxControl[status=disabled][userstatus=selected]
+{
+	color : #999999;
+	-nexa-icon : URL('theme://images/chk_WF_Box_DS.png');
+}
+
+
+/* Combo */
+.Combo,.ComboControl
+{
+	background : #ffffff;
+	-nexa-border : 1px solid #d5d5d5;
+}
+
+.Combo[status=mouseover],.Combo[status=focused],.ComboControl[status=mouseover],.ComboControl[status=focused]
+{
+	-nexa-border : 1px solid #5a86cd;
+}
+
+.Combo[status=readonly],.ComboControl[status=readonly]
+{
+	background : #efefef;
+}
+
+.Combo[status=disabled],.ComboControl[status=disabled]
+{
+	color : #999999;
+	background : #efefef;
+}
+
+.Combo .comboedit,.ComboControl .comboedit
+{
+	/* Same as EditControl */
+}
+
+.Combo .dropbutton,.ComboControl .dropbutton
+{
+	-nexa-padding : 1px 2px 0px 0px;
+	-nexa-icon : URL('theme://images/cmb_WF_Drop.png');
+}
+
+.Combo .dropbutton[status=mouseover],.Combo .dropbutton[status=focused],.ComboControl .dropbutton[status=mouseover],.ComboControl .dropbutton[status=focused]
+{
+	-nexa-icon : URL('theme://images/cmb_WF_Drop_O.png');
+}
+
+.Combo .dropbutton[userstatus=pushed],.Combo .dropbutton[userstatus=selected],.ComboControl .dropbutton[userstatus=pushed],.ComboControl .dropbutton[userstatus=selected]
+{
+	-nexa-icon : URL('theme://images/cmb_WF_Drop_P.png');
+}
+
+.Combo .dropbutton[status=disabled],.ComboControl .dropbutton[status=disabled]
+{
+	opacity : 0.50;
+}
+
+.Combo .combolist,.ComboControl .combolist
+{
+	font :  -nexa-define(--MalgunGothic12px);
+	color : #555555;
+	background : #ffffff;
+	-nexa-border : 1px solid #b1b1b1;
+}
+
+
+/* Edit */
+.Edit,.FileUpload .fileuploaditem .fileuploaditemedit
+{
+	background : #ffffff;
+	-nexa-border : 1px solid #d5d5d5;
+	-nexa-padding : 1px 9px 0px 9px;
+}
+
+.EditControl
+{
+	background : transparent;
+	-nexa-border : 0px none;
+	-nexa-padding : 1px 9px 0px 9px;
+}
+
+.Edit[status=mouseover],.Edit[status=focused],.FileUpload .fileuploaditem .fileuploaditemedit[status=mouseover],.FileUpload .fileuploaditem .fileuploaditemedit[status=focused]
+{
+	-nexa-border : 1px solid #5a86cd;
+}
+
+.Edit[status=readonly]
+{
+	background : #efefef;
+}
+
+.Edit[status=disabled],.FileUpload .fileuploaditem .fileuploaditemedit[status=disabled]
+{
+	color : #999999;
+	background : #efefef;
+}
+
+/* nulltext, invalidtext */
+.Edit[userstatus=nulltext],.EditControl[userstatus=nulltext],.MaskEdit[userstatus=nulltext],.MaskEditControl[userstatus=nulltext],.TextArea[userstatus=nulltext],.TextAreaControl[userstatus=nulltext]
+{
+	color : #999999;
+}
+.Calendar[userstatus=invalidtext],.CalendarControl[userstatus=invalidtext],.MaskEdit[userstatus=invalidtext],.MaskEditControl[userstatus=invalidtext],.Spin[userstatus=invalidtext],.SpinControl[userstatus=invalidtext]
+{
+	color : #999999;
+}
+/* Grid */
+.Grid
+{
+	background : #ffffff;
+	-nexa-border : 2px solid #125dae, 1px solid #b7b1b2, 1px solid #b7b1b2, 1px solid #b7b1b2;
+}
+
+/* head */
+.Grid .head .row .cell
+{
+	font : -nexa-define(--BoldMalgunGothic12px);
+	color : #2f2f2f;
+	background : linear-gradient(to top, #eff0f0, #f9fafa);
+	-nexa-border : 1px solid #cacaca;
+	-nexa-padding : 4px 4px 4px 4px;
+	-nexa-text-align : center;
+}
+
+.Grid .head .row .cell[status=disabled]
+{
+	color : #999999;
+}
+
+.Grid .body .row .cell[status=disabled][userstatus=selected]
+{
+	background : #f0f0f0;
+}
+/* headcellbutton (Same as ButtonControl) */
+/* headcellcalendar (Same as CalendarControl) */
+/* headcellcheckbox (Same as CheckBoxControl) */
+/* headcellcombo (Same as ComboControl) */
+/* headcelledit (Same as EditControl) */
+/* headcellexpandbutton */
+/* headcellimage (No style applied) */
+/* headcellmaskedit (Same as MaskEditControl) */
+/* headcellprogressbar (Same as ProgressBarControl) */
+/* headcelltextarea (Same as TextAreaControl) */
+/* headcelltreeitem */
+
+/* body */
+.Grid .body .row .cell
+{
+	color : #666666;
+	-nexa-border : 1px solid #dbdee2;
+	-nexa-padding : 4px 4px 4px 4px;
+}
+
+.Grid .body .row .cell[status=mouseover]
+{
+	background : #f6f6f6;
+}
+
+.Grid .body .row .cell[userstatus=selected]
+{
+	background : #f2f9ff;
+}
+
+.Grid .body .row .cell[status=disabled]
+{
+	color : #999999;
+}
+
+/* subcell (Same as cell) */
+.Grid .body .row .cell .subcell
+{
+	color : #666666;
+	-nexa-border : 1px solid #dbdee2;
+	-nexa-padding : 4px 4px 4px 4px;
+}
+.Grid .body .row .cell .subcell[status=mouseover]
+{
+	background : #f6f6f6;
+}
+.Grid .body .row .cell .subcell[status=disabled]
+{
+	color : #999999;
+}
+.Grid .body .row .cell .subcell[userstatus=selected]
+{
+	background : #f2f9ff;
+}
+.Grid .body .row .cell .subcell[userstatus=blinked]
+{
+    background : #125dae;
+	color : #ffffff;
+}
+
+.Grid .body .selection
+{
+	-nexa-border : 2px solid #125dae;
+}
+
+/* bodycellbutton (Same as ButtonControl) */
+/* bodycellcalendar (Same as CalendarControl) */
+/* bodycellcheckbox (Same as CheckBoxControl) */
+/* bodycellcombo (Same as ComboControl) */
+/* bodycelledit (Same as EditControl) */
+/* bodycellexpandbutton */
+/* bodycellimage (No style applied) */
+/* bodycellmaskedit (Same as MaskEditControl) */
+/* bodycellprogressbar (Same as ProgressBarControl) */
+/* bodycelltextarea (Same as TextAreaControl) */
+/* bodycelltreeitem */
+
+/* summary */
+.Grid .summary
+{
+	-nexa-border : 1px solid #c8c1c2, 0px none, 0px none, 0px none;
+}
+
+.Grid .summary .row .cell
+{
+	font :  -nexa-define(--BoldMalgunGothic12px);
+	color : #333333;
+	background : #fdfbe5;
+	-nexa-border : 1px solid #c8c1c2;
+	-nexa-text-align : center;
+}
+
+/* summarycellbutton (Same as ButtonControl) */
+/* summarycellcalendar (Same as CalendarControl) */
+/* summarycellcheckbox (Same as CheckBoxControl) */
+/* summarycellcombo (Same as ComboControl) */
+/* summarycelledit (Same as EditControl) */
+/* summarycellexpandbutton */
+/* summarycellimage (No style applied) */
+/* summarycellmaskedit (Same as MaskEditControl) */
+/* summarycellprogressbar (Same as ProgressBarControl) */
+/* summarycelltextarea (Same as TextAreaControl) */
+/* summarycelltreeitem */
+
+/* Grid hscrollbar */
+.Grid .hscrollbar
+{
+	-nexa-border : 1px solid #b1b1b1, 0px none, 0px none, 0px none;
+}
+
+/* Grid vscrollbar */
+.Grid .vscrollbar
+{
+	-nexa-border : 0px none, 0px none, 0px none, 1px solid #b1b1b1;
+}
+
+
+/* cellbutton (Same as ButtonControl) */
+.GridCellControl .cellbutton
+{
+	font :  -nexa-define(--MalgunGothic12px);
+	color : #555555;
+	background : linear-gradient(to top,#eaeaea,#ffffff);
+	-nexa-border : 1px solid #c2c2c2;
+}
+
+.GridCellControl .cellbutton[status=mouseover],.GridCellControl .cellbutton[status=focused]
+{
+	background : linear-gradient(to top,#e7e7e7,#fefefe);
+	-nexa-border : 1px solid #a0a0a0;
+}
+
+.GridCellControl .cellbutton[userstatus=pushed],.GridCellControl .cellbutton[userstatus=selected]
+{
+	background : linear-gradient(to top,#fefefe,#e9e9e9);
+}
+
+.GridCellControl .cellbutton[status=disabled]
+{
+	color : #bbbbbb;
+	background : #f5f5f5;
+	-nexa-border : 1px solid #d9d9d9;
+}
+
+/* cellcalendar (Same as CalendarControl) */
+.GridCellControl .cellcalendar
+{
+	font :  -nexa-define(--MalgunGothic12px);
+}
+
+/* cellcheckbox (Same as CheckBoxControl) */
+.GridCellControl .cellcheckbox
+{
+	font :  -nexa-define(--MalgunGothic12px);
+}
+
+/* cellcombo (Same as ComboControl) */
+.GridCellControl .cellcombo
+{
+	font :  -nexa-define(--MalgunGothic12px);
+}
+
+.GridCellControl .cellcombo .combolist
+{
+	font :  -nexa-define(--MalgunGothic12px);
+	color : #555555;
+}
+
+.GridCellControl .cellcombo .combolist .listboxitem[status=mouseover]
+{
+	background : #e8e9ed;
+}
+
+/* celledit (Same as EditControl) */
+.GridCellControl .celledit
+{
+	font :  -nexa-define(--MalgunGothic12px);
+	background : #ffffff;
+	-nexa-border : 1px solid #d5d5d5;
+	-nexa-padding : 1px 9px 0px 9px;
+}
+
+.GridCellControl .celledit[status=mouseover],.GridCellControl .celledit[status=focused]
+{
+	-nexa-border : 1px solid #5a86cd;
+}
+
+.GridCellControl .celledit[status=disabled]
+{
+	color : #999999;
+	background : #efefef;
+}
+
+/* cellexpandbutton */
+.GridCellControl .cellexpandbutton
+{
+	-nexa-icon : URL('theme://images/btn_WF_Grdexpand.png');
+}
+
+/* cellimage (No style applied) */
+
+/* cellselection */
+.GridCellControl .cellselection
+{
+	-nexa-border : 2px dotted #909090;
+}
+
+/* cellradioitem */
+.GridCellControl .cellradioitem
+{
+	-nexa-icon : URL('theme://images/rdo_WF_Radio.png');
+	-nexa-text-padding : 0px 0px 0px 5px;
+}
+.GridCellControl .cellradioitem[userstatus=selected]
+{
+	-nexa-icon : URL('theme://images/rdo_WF_Radio_S.png');
+}
+
+.GridCellControl .cellradioitem[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/rdo_WF_Radio_O.png');
+}
+
+.GridCellControl .cellradioitem[status=disabled]
+{
+	-nexa-icon : URL('theme://images/rdo_WF_Radio_D.png');
+}
+
+.GridCellControl .cellradioitem[status=disabled][userstatus=selected]
+{
+	-nexa-icon : URL('theme://images/rdo_WF_Radio_DS.png');
+}
+
+/* cellmaskedit(Same as MaskEditControl) */
+.GridCellControl .cellmaskedit
+{
+	font :  -nexa-define(--MalgunGothic12px);
+	background : #ffffff;
+	-nexa-border : 1px solid #d5d5d5;
+	-nexa-padding : 1px 9px 0px 9px;
+}
+
+.GridCellControl .cellmaskedit[status=mouseover],.GridCellControl .cellmaskedit[status=focused]
+{
+	-nexa-border : 1px solid #5a86cd;
+}
+
+.GridCellControl .cellmaskedit[status=disabled]
+{
+	color : #999999;
+	background : #efefef;
+}
+
+/* cellprogressbar (Same as ProgressBarControl) */
+.GridCellControl .cellprogressbar
+{
+	font :  -nexa-define(--MalgunGothic12px);
+}
+
+/* celltextarea (Same as TextAreaControl) */
+.GridCellControl .celltextarea
+{
+	font :  -nexa-define(--MalgunGothic12px);
+}
+
+/* celltreeitem: */
+.GridCellControl .celltreeitem .treeitemtext
+{
+	font :  -nexa-define(--MalgunGothic12px);
+	color : #666666;
+}
+
+.GridCellControl .celltreeitem .treeitemtext[status=disabled]
+{
+	color : #999999;
+}
+
+.GridCellControl .celltreeitem .treeitembutton[userstatus=expand]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Treeexpand.png');
+}
+
+.GridCellControl .celltreeitem .treeitembutton[userstatus=collapse]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Treecollapse.png');
+}
+
+.GridCellControl .celltreeitem .treeitemimage
+{
+	-nexa-icon : URL('theme://images/img_WF_Treeitem.png');
+}
+
+.GridCellControl .celltreeitem .treeitemimage[userstatus=expand]
+{
+	-nexa-icon : URL('theme://images/img_WF_Treeexpand.png');
+}
+
+.GridCellControl .celltreeitem .treeitemimage[userstatus=collapse]
+{
+	-nexa-icon : URL('theme://images/img_WF_Treecollapse.png');
+}
+
+.GridCellControl .celltreeline
+{
+	-nexa-border : 1px dotted #909090;
+}
+
+.Grid .body .row .cell[userstatus=blinked]
+{
+    background : #125dae;
+	color : #ffffff;
+}
+
+/* GroupBox */
+.GroupBox
+{
+	/* No style applied */
+}
+
+.GroupBox .groupboxcontents
+{
+	background : #ffffff;
+	-nexa-border : 1px solid #d6d4d5;
+}
+
+.GroupBox .groupboxcontents[status=disabled]
+{
+	background : #efefef;
+}
+
+.GroupBox .groupboxtitle
+{
+	background : #ffffff;
+	-nexa-padding : 0px 4px 0px 4px;
+}
+
+.GroupBox .groupboxtitle[status=disabled]
+{
+	color : #999999;
+	background : #efefef;
+}
+
+
+/* ImageViewer */
+.ImageViewer
+{
+	background : #ffffff;
+	-nexa-border : 1px solid #d5d5d5;
+}
+
+.ImageViewer[status=disabled]
+{
+	background : #f2f2f2;
+}
+
+.ImageViewer .imagetext
+{
+	-nexa-text-align : center;
+}
+
+.ImageViewer .imagetext[status=disabled]
+{
+	color : #999999;
+}
+
+
+/* ListBox */
+.ListBox,.ListBoxControl
+{
+	background : #ffffff;
+	-nexa-border : 1px solid #d5d5d5;
+}
+
+.ListBox[status=mouseover],.ListBox[status=focused],.ListBoxControl[status=mouseover],.ListBoxControl[status=focused]
+{
+	-nexa-border : 1px solid #5a86cd;
+}
+
+.ListBox[status=disabled],.ListBoxControl[status=disabled]
+{
+	background : #efefef;
+}
+
+.ListBox .listboxitem,.ListBoxControl .listboxitem
+{
+	color : #555555;
+	-nexa-padding : 2px 9px 3px 9px;
+}
+
+.ListBox .listboxitem[status=mouseover],.ListBoxControl .listboxitem[status=mouseover]
+{
+	background : #e7e9ed;
+}
+
+.ListBox .listboxitem[userstatus=selected],.ListBoxControl .listboxitem[userstatus=selected]
+{
+	color : #ffffff;
+	background : #125dae;
+}
+
+.ListBox .listboxitem[status=disabled],.ListBoxControl .listboxitem[status=disabled]
+{
+	/*color : #999999;*/
+	opacity : 0.50;
+}
+
+
+/* MaskEdit */
+.MaskEdit
+{
+	background : #ffffff;
+	-nexa-border : 1px solid #d5d5d5;
+	-nexa-padding : 1px 9px 0px 9px;
+}
+
+.MaskEditControl
+{
+	background : transparent;
+	-nexa-border : 0px none;
+	-nexa-padding : 1px 9px 0px 9px;
+}
+
+.MaskEdit[status=mouseover],.MaskEdit[status=focused]
+{
+	-nexa-border : 1px solid #5a86cd;
+}
+
+.MaskEdit[status=readonly]
+{
+	background : #efefef;
+}
+
+.MaskEdit[status=disabled]
+{
+	color : #999999;
+	background : #f2f2f2;
+}
+
+
+/* Menu */
+.Menu
+{
+	background : linear-gradient(to top, #1059a8, #125dae);
+}
+
+.Menu[status=disabled]
+{
+	background : #94a9bf;
+}
+
+.Menu .prevbutton
+{
+	-nexa-padding : 0px 5px 0px 15px;
+	-nexa-icon : URL('theme://images/btn_WF_Menuprev.png');
+	cursor : pointer;
+}
+
+.Menu .prevbutton[status=mouseover],.Menu .prevbutton[userstatus=pushed]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Menuprev_O.png');
+}
+
+.Menu .prevbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Menuprev_D.png');
+}
+
+.Menu .nextbutton
+{
+	-nexa-padding : 0px 15px 0px 5px;
+	-nexa-icon : URL('theme://images/btn_WF_Menunext.png');
+	cursor : pointer;
+}
+
+.Menu .nextbutton[status=mouseover],.Menu .nextbutton[userstatus=pushed]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Menunext_O.png');
+}
+
+.Menu .nextbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Menunext_D.png');
+}
+
+.Menu .menuitem
+{
+	font :  -nexa-define(--BoldMalgunGothic13px);
+	color : #ffffff;
+	-nexa-padding : 0px 30px 0px 30px;
+	cursor : pointer;
+}
+
+.Menu .menuitem[status=disabled]
+{
+	color : #c7d4e2;
+}
+
+.Menu .menuitem[status=mouseover]
+{
+	background : #00438b;
+}
+.Menu .menuitem[userstatus=selected]
+{
+	background : #00438b URL('theme://images/img_WF_Menu_O.png') no-repeat center top;
+}
+.Menu .menupopupmenu
+{
+	font :  -nexa-define(--MalgunGothic12px);
+	color : #555555;
+	background : #0753a5;
+	-nexa-border : 1px solid #034389;
+}
+
+.Menu .menupopupmenu .prevbutton
+{
+	-nexa-icon : URL('theme://images/btn_WF_Popmenuprev.png');
+	cursor : pointer;
+}
+
+.Menu .menupopupmenu .prevbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Popmenuprev_O.png');
+}
+
+.Menu .menupopupmenu .prevbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Popmenuprev_D.png');
+}
+
+.Menu .menupopupmenu .nextbutton
+{
+	-nexa-icon : URL('theme://images/btn_WF_Popmenunext.png');
+	cursor : pointer;
+}
+
+.Menu .menupopupmenu .nextbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Popmenunext_O.png');
+}
+
+.Menu .menupopupmenu .nextbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Popmenunext_D.png');
+}
+
+.Menu .menupopupmenu .popupmenuitem
+{
+	color : #c3e0ff;
+	-nexa-border : 0px none, 0px none, 1px solid #2065ae, 0px none;
+	-nexa-padding : 3px 8px 3px 8px;
+}
+
+.Menu .menupopupmenu .popupmenuitem[status=mouseover]
+{
+	color : #ffffff;
+	background : transparent;
+}
+.Menu .menupopupmenu .popupmenuitem[status=focused],.Menu .menupopupmenu .popupmenuitem[userstatus=selected]
+{
+	color : #ffffff;
+	background : #00438b;
+}
+
+.Menu .menupopupmenu .popupmenuitem[status=disabled]
+{
+	color : #2665af;
+}
+
+
+.Menu .menupopupmenu .popupmenuitem .popupmenuitemtext
+{
+	color : #c3e0ff;
+	-nexa-padding : 0px 20px 0px 0px;
+}
+
+.Menu .menupopupmenu .popupmenuitem .popupmenuitemtext[status=mouseover]
+{
+	color : #ffffff;
+}
+
+.Menu .menupopupmenu .popupmenuitem .popupmenuitemtext[status=disabled]
+{
+	color : #2665af;
+}
+
+.Menu .menupopupmenu .popupmenuitem .popupmenuitemhotkeytext
+{
+	color : #6d95cc;
+	-nexa-padding : 0px 7px 0px 0px;
+	-nexa-text-align : right;
+}
+
+.Menu .menupopupmenu .popupmenuitem .popupmenuitemhotkeytext[status=mouseover]
+{
+	color : #ffffff;
+}
+
+.Menu .menupopupmenu .popupmenuitem .popupmenuitemhotkeytext[status=disabled]
+{
+	color : #4577b9;
+}
+
+.Menu .menupopupmenu .popupmenuitem .popupmenuitemexpandimage
+{
+	
+	-nexa-icon : URL('theme://images/btn_WF_Popupexpand2.png');
+}
+/* Plugin */
+.Plugin,.PluginControl
+{
+	-nexa-border : 1px solid #d5d5d5;
+}
+
+
+/* PopupMenu */
+.PopupMenu,.PopupMenuControl
+{
+	font :  -nexa-define(--MalgunGothic12px);
+	color : #555555;
+	background : #ffffff;
+	-nexa-border : 1px solid #b5b5b5;
+}
+
+.PopupMenu .prevbutton,.PopupMenuControl .prevbutton
+{
+	-nexa-icon : URL('theme://images/btn_WF_Popmenuprev2.png');
+}
+
+.PopupMenu .prevbutton[status=mouseover],.PopupMenuControl .prevbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Popmenuprev2_O.png');
+}
+
+.PopupMenu .prevbutton[status=disabled],.PopupMenuControl .prevbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Popmenuprev2_D.png');
+}
+
+.PopupMenu .nextbutton,.PopupMenuControl .nextbutton
+{
+	-nexa-icon : URL('theme://images/btn_WF_Popmenunext2.png');
+}
+
+.PopupMenu .nextbutton[status=mouseover],.PopupMenuControl .nextbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Popmenunext2_O.png');
+}
+
+.PopupMenu .nextbutton[status=disabled],.PopupMenuControl .nextbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Popmenunext2_D.png');
+}
+
+.PopupMenu .popupmenuitem,.PopupMenuControl .popupmenuitem
+{
+	color : #555555;
+	-nexa-padding : 3px 9px 3px 9px;
+}
+
+.PopupMenu .popupmenuitem[userstatus=selected],.PopupMenuControl .popupmenuitem[userstatus=selected]
+{
+	color : #ffffff;
+	background : #125dae;
+}
+
+.PopupMenu .popupmenuitem[status=mouseover],.PopupMenu .popupmenuitem[status=focused],.PopupMenuControl .popupmenuitem[status=mouseover],.PopupMenuControl .popupmenuitem[status=focused]
+{
+	background : #e7e9ed;
+}
+
+.PopupMenu .popupmenuitem[status=disabled],.PopupMenuControl .popupmenuitem[status=disabled]
+{
+	color : #999999;
+}
+
+.PopupMenu .popupmenuitem .popupmenuitemcheckbox,.PopupMenuControl .popupmenuitem .popupmenuitemcheckbox
+{
+	background : URL('theme://images/chk_WF_Popupmenu_O.png') no-repeat left center;
+}
+
+.PopupMenu .popupmenuitem .popupmenuitemcheckbox[status=mouseover],.PopupMenuControl .popupmenuitem .popupmenuitemcheckbox[status=mouseover]
+{
+	background : URL('theme://images/chk_WF_Popupmenu_O.png') no-repeat left center;
+}
+
+.PopupMenu .popupmenuitem .popupmenuitemcheckbox[status=disabled],.PopupMenuControl .popupmenuitem .popupmenuitemcheckbox[status=disabled]
+{
+	background : URL('theme://images/chk_WF_Popupmenu.png') no-repeat left center;
+}
+
+.PopupMenu .popupmenuitem .popupmenuitemtext,.PopupMenuControl .popupmenuitem .popupmenuitemtext
+{
+	-nexa-padding : 2px 10px 1px 4px;
+}
+
+.PopupMenu .popupmenuitem .popupmenuitemhotkeytext,.PopupMenuControl .popupmenuitem .popupmenuitemhotkeytext
+{
+	color : #aaaaaa;
+	-nexa-padding : 0px 7px 0px 0px;
+	-nexa-text-align : right;
+}
+
+.PopupMenu .popupmenuitem .popupmenuitemhotkeytext[status=disabled],.PopupMenuControl .popupmenuitem .popupmenuitemhotkeytext[status=disabled]
+{
+	color : #4577b9;
+}
+
+.PopupMenu .popupmenuitem .popupmenuitemexpandimage,.PopupMenuControl .popupmenuitem .popupmenuitemexpandimage
+{
+	-nexa-icon : URL('theme://images/btn_WF_Popupexpand2.png');
+}
+
+
+/* ProgressBar */
+.ProgressBar,.ProgressBarControl
+{
+	background : #f0f0f0;
+	-nexa-border : 1px solid #aeaeae;
+}
+
+.ProgressBar .progressbaritem,.ProgressBarControl .progressbaritem
+{
+	background : #125dae;
+}
+
+.ProgressBar .progressbaritem[status=disabled],.ProgressBarControl .progressbaritem[status=disabled]
+{
+	background : #b5b5b5;
+}
+
+.ProgressBar .progressbartext,.ProgressBarControl .progressbartext
+{
+	color : #ffffff;
+	-nexa-text-align : center;
+}
+
+
+/* Radio */
+.Radio
+{
+	/* No style applied */
+}
+
+.Radio .radioitem
+{
+	-nexa-icon : URL('theme://images/rdo_WF_Radio.png');
+	-nexa-text-padding : 0px 0px 0px 5px;
+}
+
+.Radio .radioitem[userstatus=selected]
+{
+	-nexa-icon : URL('theme://images/rdo_WF_Radio_S.png');
+}
+
+.Radio .radioitem[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/rdo_WF_Radio_O.png');
+}
+
+.Radio .radioitem[status=disabled]
+{
+	-nexa-icon : URL('theme://images/rdo_WF_Radio_D.png');
+}
+
+.Radio .radioitem[status=disabled][userstatus=selected]
+{
+	-nexa-icon : URL('theme://images/rdo_WF_Radio_DS.png');
+}
+.RadioItemControl
+{
+	-nexa-icon : URL('theme://images/rdo_WF_Radio.png');
+	-nexa-text-padding : 0px 0px 0px 5px;
+}
+.RadioItemControl[userstatus=selected]
+{
+	-nexa-icon : URL('theme://images/rdo_WF_Radio_S.png');
+}
+
+.RadioItemControl[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/rdo_WF_Radio_O.png');
+}
+
+.RadioItemControl[status=disabled]
+{
+	-nexa-icon : URL('theme://images/rdo_WF_Radio_D.png');
+}
+
+.RadioItemControl[status=disabled][userstatus=selected]
+{
+	-nexa-icon : URL('theme://images/rdo_WF_Radio_DS.png');
+}
+
+
+/* Sketch */
+.Sketch
+{
+	background : #ffffff;
+	-nexa-border : 1px solid #d5d5d5;
+}
+
+.Sketch[status=disabled]
+{
+	background : #efefef;
+}
+
+
+/* Spin */
+.Spin
+{
+	background : #ffffff;
+	-nexa-border : 1px solid #d5d5d5;
+}
+
+.Spin[status=mouseover],.Spin[status=focused]
+{
+	-nexa-border : 1px solid #5a86cd;
+}
+
+.Spin[status=readonly]
+{
+	background : #efefef;
+}
+
+.Spin[status=disabled]
+{
+	color : #999999;
+	background : #efefef;
+}
+
+.Spin .spinedit
+{
+	-nexa-padding : 0px 3px 0px 3px;
+	-nexa-text-align : right;
+}
+
+.Spin .spinedit[status=disabled]
+{
+	-nexa-padding : 1px 2px 0px 9px;
+}
+
+.Spin .spinupbutton
+{
+	-nexa-padding : 1px 0px 0px 0px;
+	-nexa-icon : URL('theme://images/btn_WF_Spinup.png');
+}
+
+.Spin .spinupbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Spinup_O.png');
+}
+
+.Spin .spinupbutton[userstatus=pushed]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Spinup_P.png');
+}
+
+.Spin .spinupbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Spinup_D.png');
+}
+
+.Spin .spindownbutton
+{
+	-nexa-padding : 0px 0px 2px 0px;
+	-nexa-icon : URL('theme://images/btn_WF_Spindown.png');
+}
+
+.Spin .spindownbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Spindown_O.png');
+}
+
+.Spin .spindownbutton[userstatus=pushed]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Spindown_P.png');
+}
+
+.Spin .spindownbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Spindown_D.png');
+}
+
+
+/* Static */
+.Static,.StaticControl
+{
+	/* No style applied */
+}
+
+.Static[status=disabled],.StaticControl[status=disabled]
+{
+	color : #999999;
+}
+
+
+/* TextArea */
+.TextArea,.TextAreaControl
+{
+	background : #ffffff;
+	-nexa-border : 1px solid #d5d5d5;
+	-nexa-padding : 9px 9px 9px 9px;
+}
+
+.TextArea[status=mouseover],.TextArea[status=focused],.TextAreaControl[status=mouseover],.TextAreaControl[status=focused]
+{
+	-nexa-border : 1px solid #5a86cd;
+}
+
+.TextArea[status=readonly],.TextAreaControl[status=readonly]
+{
+	background : #efefef;
+	-nexa-border : 1px solid #d5d5d5;
+}
+
+.TextArea[status=disabled],.TextAreaControl[status=disabled]
+{
+	color : #999999;
+	background : #efefef;
+}
+
+
+/* WebBrowser */
+.WebBrowser,.WebBrowserControl
+{
+	-nexa-border : 1px solid #d5d5d5;
+}
+
+
+/* Div (No style applied) */
+/* PopupDiv (No style applied) */
+.Div,.PopupDiv
+{
+	/* No style applied */
+}
+
+
+/* Tab */
+.Tab
+{
+	/* No style applied */
+}
+
+.Tab .tabpage
+{
+	-nexa-border : 1px solid #cfcfcf, 0px none, 0px none, 0px none;
+}
+
+.Tab .tabbuttonitem
+{
+	color : #333333;
+	background : #fafafa;
+	-nexa-border : 1px solid #c7c7c7;
+	-nexa-padding : 6px 10px 6px 10px;
+}
+
+.Tab .tabbuttonitem[status=mouseover]
+{
+	-nexa-border : 1px solid #b1b1b1;
+	background : linear-gradient(to top, #dddcdc, #fefefe);
+}
+
+.Tab .tabbuttonitem[status=focused]
+{
+	color : #dee4ef;
+}
+
+.Tab .tabbuttonitem[userstatus=selected],.Tab .tabbuttonitem[status=focused][userstatus=selected]
+{
+	color : #dee4ef;
+	background : #1055a1;
+	-nexa-border : 1px solid #1055a1;
+}
+
+.Tab .tabbuttonitem[status=disabled]
+{
+	color : #ababab;
+	background : #e7e7e7;
+}
+
+.Tab .tabbuttonitem[status=disabled][userstatus=selected]
+{
+	-nexa-border : 1px solid #c7d4e2;
+	background : #94a9bf;
+}
+
+.Tab .tabbuttonitem .tabbuttonitemtext[status=disabled]
+{
+	color : #c8c8c8;
+}
+
+.Tab .tabbuttonitem .extrabutton
+{
+	-nexa-padding : 0px 0px 0px 20px;
+	-nexa-icon : URL('theme://images/btn_WF_Tabextra.png');
+	/*-nexa-icon-position : right;*/
+}
+
+.Tab .tabbuttonitem .extrabutton[userstatus=selected]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Tabextra_S.png');
+}
+
+.Tab .prevbutton
+{
+	-nexa-padding : 0px 8px 10px 0px;
+	-nexa-icon : URL('theme://images/btn_WF_Tabprev.png');
+}
+
+.Tab .prevbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Tabprev_O.png');
+}
+
+.Tab .prevbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Tabprev_D.png');
+}
+
+.Tab .nextbutton
+{
+	-nexa-padding : 0px 0px 10px 8px;
+	-nexa-icon : URL('theme://images/btn_WF_Tabnext.png');
+}
+
+.Tab .nextbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Tabnext_O.png');
+}
+
+.Tab .nextbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Tabnext_D.png');
+}
+
+
+/* DatePickerControl */
+.DatePickerControl
+{
+	background : #ffffff;
+}
+
+.DatePickerControl .head
+{
+	background : #125dae;
+	-nexa-padding : 5px 0px 0px 0px;
+}
+
+.DatePickerControl .head[status=disabled]
+{
+	background : #94a9bf;
+	color : #cdcdcd;
+}
+
+.DatePickerControl .head .prevbutton
+{
+	-nexa-padding : 0px 0px 0px 10px;
+	-nexa-icon : URL('theme://images/btn_WF_Calprev.png');
+}
+
+.DatePickerControl .head .prevbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Calprev_O.png');
+}
+
+.DatePickerControl .head .prevbutton[userstatus=pushed]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Calprev_O.png');
+}
+
+.DatePickerControl .head .prevbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Calprev.png');
+}
+
+.DatePickerControl .head .nextbutton
+{
+	-nexa-padding : 0px 10px 0px 0px;
+	-nexa-icon : URL('theme://images/btn_WF_Calnext.png');
+}
+
+.DatePickerControl .head .nextbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Calnext_O.png');
+}
+
+.DatePickerControl .head .nextbutton[userstatus=pushed]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Calnext_O.png');
+}
+
+.DatePickerControl .head .nextbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Calnext.png');
+}
+
+.DatePickerControl .head .yearstatic,.DatePickerControl .head .monthstatic
+{
+	font :  -nexa-define(--BoldMalgunGothic14px);
+	color : #ffffff;
+	-nexa-padding : 0px 10px 0px 0px;
+}
+
+.DatePickerControl .head .yearstatic[status=disabled]
+{
+	color : #c7d4e2;
+}
+
+.DatePickerControl .head .monthstatic[status=disabled]
+{
+	color : #c7d4e2;
+}
+
+.DatePickerControl .head .yearspin .spinedit,.DatePickerControl .head .monthspin .spinedit
+{
+	font :  -nexa-define(--BoldMalgunGothic14px);
+	color : #ffffff;
+	background : #0042a0;
+}
+
+.DatePickerControl .head .yearspin .spinupbutton,.DatePickerControl .head .monthspin .spinupbutton
+{
+	-nexa-padding : 0px 10px 0px 5px;
+	-nexa-icon : URL('theme://images/btn_WF_Calspinup.png');
+}
+
+.DatePickerControl .head .yearspin .spinupbutton[status=mouseover],.DatePickerControl .head .monthspin .spinupbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Calspinup_O.png');
+}
+
+.DatePickerControl .head .yearspin .spinupbutton[userstatus=pushed],.DatePickerControl .head .monthspin .spinupbutton[userstatus=pushed]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Calspinup_O.png');
+}
+
+.DatePickerControl .head .yearspin .spinupbutton[status=disabled],.DatePickerControl .head .monthspin .spinupbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Calspinup_D.png');
+}
+
+.DatePickerControl .head .yearspin .spindownbutton,.DatePickerControl .head .monthspin .spindownbutton
+{
+	-nexa-padding : 0px 10px 0px 5px;
+	-nexa-icon : URL('theme://images/btn_WF_Calspindown.png');
+}
+
+.DatePickerControl .head .yearspin .spindownbutton[status=mouseover],.DatePickerControl .head .monthspin .spindownbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Calspindown_O.png');
+}
+
+.DatePickerControl .head .yearspin .spindownbutton[userstatus=pushed],.DatePickerControl .head .monthspin .spindownbutton[userstatus=pushed]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Calspindown_O.png');
+}
+
+.DatePickerControl .head .yearspin .spindownbutton[status=disabled],.DatePickerControl .head .monthspin .spindownbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Calspindown_D.png');
+}
+
+.DatePickerControl .body
+{
+	-nexa-border : 1px solid #125dae, 1px solid #697888, 1px solid #697888, 1px solid #697888;
+}
+
+.DatePickerControl .body[status=disabled]
+{
+	-nexa-border : 1px solid #98a6b5;
+}
+
+.DatePickerControl .body .weekband
+{
+	background : #125dae;
+}
+
+.DatePickerControl .body .weekband[status=disabled]
+{
+	background : #94a9bf;
+}
+
+.DatePickerControl .body .weekitem
+{
+	color : #ffffff;
+}
+
+.DatePickerControl .body .weekitem[userstatus=saturday]
+{
+	color : #48afff;
+}
+
+.DatePickerControl .body .weekitem[userstatus=sunday]
+{
+	color : #ff7986;
+}
+
+.DatePickerControl .body .weekitem[status=disabled]
+{
+	color : #c7d4e2;
+	background : #94a9bf;
+}
+
+.DatePickerControl .body .dayitem,.DatePickerControl .body .monthitem
+{
+	color : #333333;
+}
+
+.DatePickerControl .body .dayitem[status=mouseover],.DatePickerControl .body .monthitem[status=mouseover]
+{
+	color : #ffffff;
+	background : #8da3c7;
+}
+
+.DatePickerControl .body .dayitem[status=focused],.DatePickerControl .body .monthitem[status=focused]
+{
+	color : #ffffff;
+	background : #8da3c7;
+}
+
+.DatePickerControl .body .dayitem[userstatus=selected],.DatePickerControl .body .monthitem[userstatus=selected]
+{
+	color : #ffffff;
+	background : #125dae;
+}
+
+.DatePickerControl .body .dayitem[userstatus=today]
+{
+	color : #ffffff;
+	background : #e7595c;
+}
+
+.DatePickerControl .body .dayitem[userstatus=saturday]
+{
+	color : #269bee;
+}
+
+.DatePickerControl .body .dayitem[status=mouseover][userstatus=saturday]
+{
+	color : #ffffff;
+}
+
+.DatePickerControl .body .dayitem[userstatus=sunday]
+{
+	color : #ff4c5e;
+}
+
+.DatePickerControl .body .dayitem[status=mouseover][userstatus=sunday]
+{
+	color : #ffffff;
+}
+
+.DatePickerControl .body .dayitem[userstatus=trailingday]
+{
+	color : #989898;
+}
+
+.DatePickerControl .body .dayitem[status=mouseover][userstatus=trailingday]
+{
+	color : #ffffff;
+}
+
+.DatePickerControl .body .dayitem[status=disabled],.DatePickerControl .body .monthitem[status=disabled]
+{
+	color : #cdcdcd;
+}
+
+.DatePickerControl .body .dayitem[status=disabled][userstatus=selected]
+{
+	background : #f0f0f0;
+}
+.DatePickerControl .body .yearitem
+{
+	color : #333333;
+}
+
+.DatePickerControl .body .yearitem[status=mouseover]
+{
+	color : #ffffff;
+	background : #8da3c7;
+}
+.DatePickerControl .body .yearitem[status=focused]
+{
+	color : #ffffff;
+	background : #125dae;
+}
+.DatePickerControl .body .yearitem[userstatus=selected]
+{
+	color : #ffffff;
+	background : #125dae;
+}
+.DatePickerControl .body .yearitem[status=disabled]
+{
+	color : #cdcdcd;
+}
+.DatePickerControl .body .yearitem[status=disabled][userstatus=selected]
+{
+	background : #f0f0f0;
+}
+
+/* ScrollBar */
+.VScrollBarControl
+{
+	background : #f7f7f7;
+	-nexa-border : 0px none, 0px none, 0px none, 1px solid #d5d5d5;
+	-nexa-padding : 2px 2px 2px 2px;
+}
+
+.HScrollBarControl
+{
+	background : #f7f7f7;
+	-nexa-border : 1px solid #d5d5d5, 0px none, 0px none, 0px none;
+	-nexa-padding : 2px 2px 2px 2px;
+}
+
+.VScrollBarControl .incbutton
+{
+	-nexa-icon : URL('theme://images/btn_WF_Vinc.png');
+}
+
+.VScrollBarControl .incbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Vinc_O.png');
+}
+
+.VScrollBarControl .incbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Vinc_D.png');
+}
+
+.VScrollBarControl .decbutton
+{
+	-nexa-icon : URL('theme://images/btn_WF_Vdec.png');
+}
+
+.VScrollBarControl .decbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Vdec_O.png');
+}
+
+.VScrollBarControl .decbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Vdec_D.png');
+}
+
+.HScrollBarControl .incbutton
+{
+	-nexa-icon : URL('theme://images/btn_WF_Hinc.png');
+}
+
+.HScrollBarControl .incbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Hinc_O.png');
+}
+
+.HScrollBarControl .incbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Hinc_D.png');
+}
+
+.HScrollBarControl .decbutton
+{
+	-nexa-icon : URL('theme://images/btn_WF_Hdec.png');
+}
+
+.HScrollBarControl .decbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Hdec_O.png');
+}
+
+.HScrollBarControl .decbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Hdec_D.png');
+}
+
+.VScrollBarControl .trackbar,.HScrollBarControl .trackbar
+{
+	background : #dddddd;
+}
+
+.VScrollBarControl .trackbar[userstatus=pushed],.VScrollBarControl .trackbar[status=focused],.VScrollBarControl .trackbar[userstatus=selected],.HScrollBarControl .trackbar[userstatus=pushed],.HScrollBarControl .trackbar[status=focused],.HScrollBarControl .trackbar[userstatus=selected]
+{
+	background : #999999;
+}
+
+.VScrollBarControl .trackbar[status=mouseover],.HScrollBarControl .trackbar[status=mouseover]
+{
+	background : #bbbbbb;
+}
+
+.VScrollBarControl .trackbar[status=disabled],.HScrollBarControl .trackbar[status=disabled]
+{
+	background : #eeeeee;
+}
+
+
+/* ScrollIndicatorControl */
+.VScrollIndicatorControl,.HScrollIndicatorControl
+{
+	background : #f2f2f2;
+}
+
+.VScrollIndicatorControl .trackbar,.HScrollIndicatorControl .trackbar
+{
+	background : #cccccc;
+	-nexa-border : 1px solid transparent;
+}
+
+.VScrollIndicatorControl .trackbar[userstatus=pushed],.HScrollIndicatorControl .trackbar[userstatus=pushed]
+{
+	background : #606060;
+}
+
+.VScrollIndicatorControl .trackbar[status=mouseover],.HScrollIndicatorControl .trackbar[status=mouseover]
+{
+	background : #999999;
+}
+
+
+/* StatusBar */
+.StatusBarControl
+{
+	background : #e7e7e7;
+}
+
+.StatusBarControl .progressbar
+{
+	background : #eaeaea;
+	-nexa-border : 1px solid #d2d0d0;
+}
+
+.StatusBarControl .progressbar .progressbaritem
+{
+	background : #4ca0e2;
+}
+
+.StatusBarControl .resizegrip
+{
+	-nexa-icon : URL("theme://images/img_grip.png");
+	-nexa-vertical-align : bottom;
+}
+
+
+/* TitleBar */
+.TitleBarControl
+{
+	font :  -nexa-define(--BoldMalgunGothic12px);
+	color : #ffffff;
+	background : #003284;
+	-nexa-padding : 0px 0px 0px 10px;
+}
+
+.TitleBarControl .titleicon
+{
+	-nexa-icon : URL('theme://images/titlebar_icon.png');
+	-nexa-text-padding : 0px 0px 0px 10px;
+}
+
+.TitleBarControl .minbutton
+{
+	-nexa-icon : URL('theme://images/btn_TF_Min.png');
+}
+
+.TitleBarControl .minbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_TF_Min_O.png');
+}
+
+.TitleBarControl .minbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_TF_Min_D.png');
+}
+
+.TitleBarControl .normalbutton
+{
+	-nexa-icon : URL('theme://images/btn_TF_Normal.png');
+}
+
+.TitleBarControl .normalbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_TF_Normal_O.png');
+}
+
+.TitleBarControl .normalbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_TF_Normal_D.png');
+}
+
+.TitleBarControl .maxbutton
+{
+	-nexa-icon : URL('theme://images/btn_TF_Max.png');
+}
+
+.TitleBarControl .maxbutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_TF_Max_O.png');
+}
+
+.TitleBarControl .maxbutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_TF_Max_D.png');
+}
+
+.TitleBarControl .closebutton
+{
+	-nexa-icon : URL('theme://images/btn_TF_Close.png');
+}
+
+.TitleBarControl .closebutton[status=mouseover]
+{
+	-nexa-icon : URL('theme://images/btn_TF_Close_O.png');
+}
+
+.TitleBarControl .closebutton[status=disabled]
+{
+	-nexa-icon : URL('theme://images/btn_TF_Close_D.png');
+}
+
+
+/* Step */
+.StepControl
+{
+	-nexa-padding : 0px 0px 10px 0px;
+}
+
+.StepControl .stepitem
+{
+	-nexa-icon : URL('theme://images/btn_WF_Stepitem.png');
+}
+
+.StepControl .stepitem[status=mouseover],.StepControl .stepitem[userstatus=pushed],.StepControl .stepitem[userstatus=selected]
+{
+	-nexa-icon : URL('theme://images/btn_WF_Stepitem_S.png');
+}
+
+/* ListView */
+.ListView, 
+.ListView[status=readonly]
+{
+	-nexa-border : 1px solid #d5d5d5;
+	background : #ebecee;
+	color : #666666;
+}
+.ListView[status=mouseover],
+.ListView[status=focused]
+{
+	-nexa-border : 1px solid #5a86cd;
+}
+.ListView[status=disabled]
+{
+	background : #666666;
+}
+.ListView .body,
+.ListView .body[status=readonly], .ListView .detail[status=readonly],
+.ListView .body[status=focused], .ListView .detail[status=focused],
+.ListView .body[status=mouseover], .ListView .detail[status=mouseover]
+{
+	-nexa-border : 0px none, 0px none, 1px solid #dbdee2, 0px none;
+	background : #ffffff;
+	font :  -nexa-define(--MalgunGothic12px);
+}
+.ListView .detail
+{
+	-nexa-border : 0px none, 0px none, 1px solid #dbdee2, 0px none;
+	background : #f9f9f9;
+	font :  -nexa-define(--MalgunGothic12px);
+}
+.ListView .body[userstatus=selected]
+{
+	background : #f2f9ff;
+}
+.ListView .detail[userstatus=selected]
+{
+	background : #ebf3f9;
+}
+.ListView .body[status=disabled], .ListView .detail[status=disabled]
+{
+	color : #999999;
+}
+.ListView .body .cell, .ListView .detail .cell,
+.ListView .body .cell[status=disabled], .ListView .detail .cell[status=disabled],
+.ListView .body .cell[status=readonly], .ListView .detail .cell[status=readonly],
+.ListView .body .cell[status=focused], .ListView .detail .cell[status=focused]
+{
+	-nexa-border : 1px solid #dbdee2;
+	-nexa-padding : 4px 4px 4px 4px;
+}
+.ListView .body .cell[status=mouseover], .ListView .detail .cell[status=mouseover]
+{
+	-nexa-border : 1px solid #c4c9cf;
+}
+
+
+/* cellbutton (Same as ButtonControl) */
+.ListViewCellControl .cellbutton
+{
+	font :  -nexa-define(--MalgunGothic12px);
+	color : #555555;
+	background : linear-gradient(to top,#eaeaea,#ffffff);
+	-nexa-border : 1px solid #c2c2c2;
+}
+
+.ListViewCellControl .cellbutton[status=mouseover],.ListViewCellControl .cellbutton[status=focused]
+{
+	background : linear-gradient(to top,#e7e7e7,#fefefe);
+	-nexa-border : 1px solid #a0a0a0;
+}
+
+.ListViewCellControl .cellbutton[userstatus=pushed]
+{
+	background : linear-gradient(to top,#fefefe,#e9e9e9);
+}
+
+.ListViewCellControl .cellbutton[status=disabled]
+{
+	color : #bbbbbb;
+	background : #f5f5f5;
+	-nexa-border : 1px solid #d9d9d9;
+}
+
+/* cellcalendar (Same as CalendarControl) */
+.ListViewCellControl .cellcalendar
+{
+	font :  -nexa-define(--MalgunGothic12px);
+}
+
+/* cellcheckbox (Same as CheckBoxControl) */
+.ListViewCellControl .cellcheckbox
+{
+	font :  -nexa-define(--MalgunGothic12px);
+}
+
+/* cellcombo (Same as ComboControl) */
+.ListViewCellControl .cellcombo
+{
+	font :  -nexa-define(--MalgunGothic12px);
+}
+
+.ListViewCellControl .cellcombo .combolist
+{
+	font :  -nexa-define(--MalgunGothic12px);
+	color : #555555;
+}
+
+.ListViewCellControl .cellcombo .combolist .listboxitem[status=mouseover]
+{
+	background : #e8e9ed;
+}
+
+/* celledit (Same as EditControl) */
+.ListViewCellControl .celledit
+{
+	font :  -nexa-define(--MalgunGothic12px);
+	background : #ffffff;
+	-nexa-border : 1px solid #d5d5d5;
+	-nexa-padding : 1px 9px 0px 9px;
+}
+
+.ListViewCellControl .celledit[status=mouseover],.ListViewCellControl .celledit[status=focused]
+{
+	-nexa-border : 1px solid #5a86cd;
+}
+
+.ListViewCellControl .celledit[status=disabled]
+{
+	color : #999999;
+	background : #efefef;
+}
+
+/* cellexpandbutton */
+.ListViewCellControl .cellexpandbutton
+{
+	-nexa-icon : URL('theme://images/btn_WF_Grdexpand.png');
+}
+
+/* cellimage (No style applied) */
+
+/* cellmaskedit (Same as MaskEditControl) */
+.ListViewCellControl .cellmaskedit
+{
+	font :  -nexa-define(--MalgunGothic12px);
+	background : #ffffff;
+	-nexa-border : 1px solid #d5d5d5;
+	-nexa-padding : 1px 9px 0px 9px;
+}
+
+.ListViewCellControl .cellmaskedit[status=mouseover],.ListViewCellControl .cellmaskedit[status=focused]
+{
+	-nexa-border : 1px solid #5a86cd;
+}
+
+.ListViewCellControl .cellmaskedit[status=disabled]
+{
+	color : #999999;
+	background : #efefef;
+}
+
+/* cellprogressbar (Same as ProgressBarControl) */
+.ListViewCellControl .cellprogressbar
+{
+	font :  -nexa-define(--MalgunGothic12px);
+}
+
+/* celltextarea (Same as TextAreaControl) */
+.ListViewCellControl .celltextarea
+{
+	font :  -nexa-define(--MalgunGothic12px);
+}
+
+.ListView .body .expandbar
+{
+	background : linear-gradient(to top,#eaeaea,#ffffff);
+	-nexa-border : 1px solid #c2c2c2;
+}
+
+.ListView .body .expandbar[status=mouseover],.ListView .body .expandbar[status=focused]
+{
+	background : linear-gradient(to top,#e7e7e7,#fefefe);
+	-nexa-border : 1px solid #a0a0a0;
+}
+
+.ListView .body .expandbar[status=disabled]
+{
+	color : #bbbbbb;
+	background : #f5f5f5;
+	-nexa-border : 1px solid #d9d9d9;
+	opacity : 0.50;
+}
+.ListView .body .expandbar[userstatus=collapse]
+{
+	-nexa-icon : URL('theme://images/cmb_WF_Drop.png');
+}
+
+.ListView .body .expandbar[userstatus=expand]
+{
+	-nexa-icon : URL('theme://images/btn_expand.png');
+}
+/* CheckBoxSet */
+.CheckBoxSet
+{
+    /* No style applied */
+}
+/* CheckBoxSetControl */
+.CheckBoxSetControl
+{
+	background : #ffffff;
+}
+.CheckBoxSetControl[status=disabled]
+{
+	background : #efefef;
+}
+
+.CheckBoxSetControl .checkboxsetitem
+{
+	color : #555555;
+	-nexa-padding : 2px 9px 3px 9px;
+	-nexa-icon : url('theme://images/chk_WF_Box.png');
+	-nexa-text-padding : 0px 0px 0px 6px;
+	
+}
+.CheckBoxSetControl .checkboxsetitem[status=disabled]
+
+{
+	opacity : 0.5;
+	-nexa-icon : url('theme://images/chk_WF_Box_D.png');
+}
+.CheckBoxSetControl .checkboxsetitem[status=mouseover]
+{
+	background : #e7e9ed;
+	-nexa-icon : url('theme://images/chk_WF_Box_O.png');
+}
+.CheckBoxSetControl .checkboxsetitem[userstatus=selected]
+{
+	color : #ffffff;
+	background : #125dae;
+	-nexa-icon : url('theme://images/chk_WF_Box_S.png');
+}
+/* MultiCombo */
+.MultiCombo,.MultiComboControl
+{
+	background : #ffffff;
+	-nexa-border : 1px solid #d5d5d5;
+}
+
+.MultiCombo[status=mouseover],.MultiCombo[status=focused],.MultiComboControl[status=mouseover],.MultiComboControl[status=focused]
+{
+	-nexa-border : 1px solid #5a86cd;
+}
+
+.MultiCombo[status=readonly],.MultiComboControl[status=readonly]
+{
+	background : #efefef;
+}
+
+.MultiCombo[status=disabled],.MultiComboControl[status=disabled]
+{
+	color : #999999;
+	background : #efefef;
+}
+
+.MultiCombo .multicombolist .multicomboedit,.MultiComboControl .multicombolist .multicomboedit
+{
+	/* Same as EditControl */
+}
+
+.MultiCombo .dropbutton,.MultiComboControl .dropbutton
+{
+	-nexa-padding : 1px 2px 0px 0px;
+	-nexa-icon : URL('theme://images/cmb_WF_Drop.png');
+}
+
+.MultiCombo .dropbutton[status=mouseover],.MultiCombo .dropbutton[status=focused],.MultiComboControl .dropbutton[status=mouseover],.MultiComboControl .dropbutton[status=focused]
+{
+	-nexa-icon : URL('theme://images/cmb_WF_Drop_O.png');
+}
+
+.MultiCombo .dropbutton[userstatus=pushed],.MultiCombo .dropbutton[userstatus=selected],.MultiComboControl .dropbutton[userstatus=pushed],.MultiComboControl .dropbutton[userstatus=selected]
+{
+	-nexa-icon : URL('theme://images/cmb_WF_Drop_P.png');
+}
+
+.MultiCombo .dropbutton[status=disabled],.MultiComboControl .dropbutton[status=disabled]
+{
+	opacity : 0.50;
+}
+
+.MultiCombo .multicombotext,.MultiComboControl .multicombotext
+{
+	-nexa-padding : 1px 9px 0px 9px;
+}
+.MultiCombo .multicombotagbox,.MultiComboControl .multicombotagbox
+{
+	-nexa-padding : 5px;
+}
+.MultiComboTagBoxControl
+{
+	-nexa-border : 0px none;
+	-nexa-padding : 5px;
+}
+
+.MultiComboTagBoxControl .tagboxitem
+{
+	-nexa-padding : 3px 9px 3px 9px;
+	background : #eeeeee;
+	border-radius : 10px;
+}
+.MultiComboTagBoxControl .tagboxedit
+{	
+	-nexa-padding : 3px;
+}
+.TagBoxControl
+{
+	-nexa-padding : 3px 9px 3px 9px;
+	background : #eeeeee;
+	border-radius : 10px;
+}
+
+.TagBoxControl[userstatus=selected]
+{
+	background : #5a86cd;
+	color : #ffffff;
+}
+
+.TagBoxControl .tagbutton
+{
+	background : url('theme://images/btn_TF_Close_O.png') no-repeat center center /cover #eeeeee;
+	border-radius : 50%;
+}
+
+.TagBoxControl .tagtext
+{
+	-nexa-padding : 0px 2px 0px 0px;
+}
+
+.MultiComboListControl
+{
+	-nexa-border : 1px solid #d5d5d5;
+}
+
+.MultiComboListControl[status=mouseover]
+{
+	-nexa-border : 1px solid #5a86cd;
+}
+
+.MultiComboListControl[status=disabled]
+{
+	background : #efefef;
+}
+
+.MultiComboListControl .checkboxset
+{
+	font :  -nexa-define(--MalgunGothic12px);
+	color : #555555;
+	background : #ffffff;
+	-nexa-border : 0px none;
+}
+
+.MultiComboListControl .selectallcheckbox
+{
+	color : #555555;
+	background : #ffffff;
+	-nexa-padding : 2px 9px 3px 9px;
+	-nexa-icon : url('theme://images/chk_WF_Box.png');
+	-nexa-text-padding : 0px 0px 0px 6px;
+	-nexa-border : 0px none,0px none,1px solid #d5d5d5;
+}
+
+.MultiComboListControl .selectallcheckbox[status=disabled]
+{
+	opacity : 0.50;
+	-nexa-icon : url('theme://images/chk_WF_Box_D.png');
+}
+ 
+.MultiComboListControl .selectallcheckbox[status=mouseover]
+{
+	background : #e7e9ed;
+	-nexa-icon : url('theme://images/chk_WF_Box_O.png');
+}
+
+.MultiComboListControl .selectallcheckbox[userstatus=selected]
+{
+	color : #ffffff;
+	background : #125dae;
+	-nexa-icon : url('theme://images/chk_WF_Box_S.png');
+}
+
+.MultiComboListControl .multicomboedit
+{
+	background : #ffffff;
+} 
+			
+.TextField .label					
+{					
+	background : transparent;						
+	-nexa-text-align : left;				
+	font :  -nexa-define(--MalgunGothic12px);		
+	-nexa-padding : 0px 9px 0px 9px;				
+}					
+						
+.TextField .label[status=focused][userstatus=floating],.TextField .label[status=mouseover][userstatus=floating]	
+{					
+	color : #5a86cd;			
+}											
+.TextField .label[userstatus=floating], .TextField .label[userstatus=floatingvalid]				
+{					
+	background : #ffffff;				
+	font :  -nexa-define(--MalgunGothic12px);
+	-nexa-padding : 2px;				
+}											
+.TextField .nulltext					
+{				
+	color : #999999;				
+	font :  -nexa-define(--MalgunGothic12px);			
+	-nexa-padding : 0px 9px 0px 9px;				
+}										
+.TextField .label[userstatus=floatinginvalid]					
+{					
+	background : #ffffff;				
+	font :  -nexa-define(--MalgunGothic12px);	
+	-nexa-padding : 2px;				
+	color : #b00020;				
+}					
+.TextField .label[status=focused][userstatus=floatingvalid], .TextField .label[status=mouseover][userstatus=floatingvalid]				
+{					
+	background : #ffffff;				
+	font :  -nexa-define(--MalgunGothic12px);		
+	-nexa-padding : 2px;				
+	color : #2E7D32;				
+}											
+.TextField .box					
+{					
+	-nexa-border : 1px solid #D5D5D5;				
+	background : #ffffff;				
+	border-radius : 3px;				
+	-nexa-vertical-align : middle;				
+	-nexa-padding : 0px 9px;				
+}											
+.TextField .box[status=focused],.TextField .box[status=mouseover]					
+{					
+	-nexa-border : 1px solid #5a86cd;				
+}
+.TextField .box[status=readonly]
+{
+	color : #999999;
+}
+.TextField .box[status=disabled]
+{
+	color : #999999;
+	background : #efefef;	
+}										
+.TextField .box[userstatus=invalid]					
+{					
+	-nexa-border : 1px solid #b00020;				
+}									
+.TextField .box[status=focused][userstatus=valid], .TextField .box[status=mouseover][userstatus=valid]		
+{					
+	-nexa-border : 1px solid #2E7D32;				
+}					
+.TextField .box .trailingbutton[userstatus=invalid]
+{
+	color : #999999;
+	background : transparent URL('theme://images/invalid.png') no-repeat center center;			
+}
+.TextField .box .trailingbutton[userstatus=valid]
+{
+	color : #999999;
+	background : transparent url('theme://images/valid.png') no-repeat center center;
+}											
+.TextField .box .prefixtext,.TextField .box .postfixtext					
+{					
+	color : #999999;				
+	-nexa-padding : 0px 9px;				
+}										
+.TextField .charcounttext					
+{					
+	-nexa-text-align : right;				
+	-nexa-padding : 5px 15px 0px 0px;				
+}										
+.TextField .helpertext					
+{					
+	-nexa-padding : 5px 0px 0px 15px;				
+}											
+.TextField .helpertext[userstatus=invalid]					
+{					
+	color : #b00020;				
+}
+.MultiLineTextField .label					
+{					
+	background : transparent;								
+	-nexa-text-align : left;				
+	font :  -nexa-define(--MalgunGothic12px);			
+	-nexa-padding : 0px 9px 0px 9px;				
+}											
+.MultiLineTextField .label[status=focused][userstatus=floating],.MultiLineTextField .label[status=mouseover][userstatus=floating]					
+{					
+	color : #5a86cd;				
+}										
+.MultiLineTextField .label[userstatus=floating]					
+{					
+	background : #ffffff;				
+	-nexa-padding : 2px;				
+}										
+.MultiLineTextField .nulltext					
+{					
+	color : #999999;				
+	font :  -nexa-define(--MalgunGothic12px);			
+	-nexa-padding : 0px 9px 0px 9px;				
+}										
+.MultiLineTextField .box					
+{					
+	-nexa-border : 1px solid #D5D5D5;				
+	background : #ffffff;				
+	border-radius : 3px;				
+	-nexa-vertical-align : middle;				
+	-nexa-padding : 1px 9px 9px 9px;					
+}										
+.MultiLineTextField .box[status=focused],.MultiLineTextField .box[status=mouseover]			
+{					
+	-nexa-border : 1px solid #5a86cd;				
+}
+.MultiLineTextField .box[status=readonly]
+{
+	color : #999999;
+}
+.MultiLineTextField .box[status=disabled]
+{
+	color : #999999;
+	background : #efefef;	
+}										
+.MultiLineTextField .charcounttext					
+{					
+	-nexa-text-align : right;				
+	-nexa-padding : 5px 15px 0px 0px;				
+}										
+.MultiLineTextField .helpertext					
+{					
+	-nexa-padding : 5px 0px 0px 15px;				
+}
+
+
+.DateField .label
+{
+	background : transparent;
+	-nexa-text-align : left;
+	font :  -nexa-define(--MalgunGothic12px);
+	-nexa-padding : 0px 9px 0px 9px;
+}
+
+.DateField .label[status=focused][userstatus=floating],.DateField .label[status=mouseover][userstatus=floating]
+{
+	color : #5a86cd;
+}
+.DateField .label[userstatus=floating], .DateField .label[userstatus=floatingvalid]	
+{
+	background : #ffffff;
+	font :  -nexa-define(--MalgunGothic12px);
+	-nexa-padding : 2px;
+}
+
+.DateField .nulltext
+{
+	color : #999999;
+	font :  -nexa-define(--MalgunGothic12px);
+	-nexa-padding : 0px 9px 0px 9px;
+}
+
+.DateField .label[userstatus=floatinginvalid]
+{
+	background : #ffffff;
+	font :  -nexa-define(--MalgunGothic12px);
+	-nexa-padding : 2px;
+	color : #b00020;
+}
+.DateField .label[status=focused][userstatus=floatingvalid], .DateField .label[status=mouseover][userstatus=floatingvalid]
+{
+	background : #ffffff;
+	font :  -nexa-define(--MalgunGothic12px);
+	-nexa-padding : 2px;
+	color : #2E7D32;
+}
+.DateField .box
+{
+	-nexa-border : 1px solid #D5D5D5;
+	background : #ffffff;
+	border-radius : 3px;
+	-nexa-vertical-align : middle;
+	-nexa-padding : 1px 9px 0px 9px;
+}
+.DateField .box[status=focused],.DateField .box[status=mouseover]
+{
+	-nexa-border : 1px solid #5a86cd;
+}
+.DateField .box[status=readonly]
+{
+	color : #999999;
+}
+.DateField .box[status=disabled]
+{
+	color : #999999;
+	background : #efefef;	
+}
+.DateField .box[userstatus=invalid]
+{
+	-nexa-border : 1px solid #b00020;
+}
+
+.DateField .box[status=focused][userstatus=valid], .DateField .box[status=mouseover][userstatus=valid]
+{
+	-nexa-border : 1px solid #2E7D32;
+}
+
+.DateField .box .dropbutton
+{
+	color : #999999;
+	background : transparent URL('theme://images/dropdown.png') no-repeat center center;
+}
+.DateField .box .dropbutton[userstatus=invalid]
+{
+	color : #999999;
+	background : transparent URL('theme://images/dropdown_invalid.png') no-repeat center center;			
+}
+.DateField .box .dropbutton[userstatus=valid]
+{
+	color : #999999;
+	background : transparent url('theme://images/dropdown_valid.png') no-repeat center center;
+}
+
+.DateField .helpertext
+{	
+	-nexa-padding : 5px 0px 0px 15px;
+}
+.DateField .helpertext[userstatus=invalid]
+{
+	color : #b00020;
+}
+
+.DateRangePicker, .DateRangePickerControl, .PopupDateRangePicker
+{
+	-nexa-border : 1px solid #697888;
+	background : #eaeaea;
+}
+.DateRangePicker .datetabbutton, .DateRangePickerControl .datetabbutton, .PopupDateRangePicker  .datetabbutton
+{
+	background: #eaeaea;
+	-nexa-border : 0px solid #dddddd,0px solid #dddddd,1px solid #dddddd;
+	-nexa-icon : url('theme://images/daterange.png');
+	
+}
+
+.DateRangePicker .timetabbutton, .DateRangePickerControl .timetabbutton, .PopupDateRangePicker .timetabbutton
+{
+	background: #eaeaea;
+	-nexa-border : 0px solid #dddddd,0px solid #dddddd,1px solid #dddddd;
+	-nexa-icon : url('theme://images/timerange.png');
+	
+}
+
+.DateRangePicker .datetabbutton[userstatus=selected], .DateRangePickerControl .datetabbutton[userstatus=selected], .PopupDateRangePicker  .datetabbutton[userstatus=selected],
+.DateRangePicker .timetabbutton[userstatus=selected], .DateRangePickerControl .timetabbutton[userstatus=selected], .PopupDateRangePicker  .timetabbutton[userstatus=selected]
+{
+	background: #ffffff;
+	-nexa-border : 0px solid #125dae,0px solid #125dae,0px solid #125dae;
+	border-radius : 4px 4px 0px 0px;
+	
+}
+
+.DateRangePicker .headline, .DateRangePickerControl .headline, .PopupDateRangePicker .headline
+{
+	background : #125dae;
+	-nexa-padding : 15px 15px;
+}
+
+.DateRangePicker .headline .splitline, .DateRangePickerControl .headline .splitline, .PopupDateRangePicker .headline .splitline
+{
+	-nexa-border : 1px solid #dddddd;
+}
+.DateRangePicker .headline .startdate, .DateRangePicker .headline .startdate[status=mouseover], .DateRangePicker .headline .startdate[status=focused], .DateRangePicker .headline .startdate[status=disabled],
+.DateRangePickerControl .headline .startdate, .DateRangePickerControl .headline .startdate[status=focused], .DateRangePickerControl .headline .startdate[status=disabled], 
+.PopupDateRangePicker .headline .startdate, .PopupDateRangePicker .headline .startdate[status=mouseover], .PopupDateRangePicker .headline .startdate[status=focused], .PopupDateRangePicker .headline .startdate[status=disabled]
+{
+	background : transparent;
+	color : #ffffff;
+	font :  -nexa-define(--BoldMalgunGothic17px);
+	-nexa-border : 0px none;
+	-nexa-text-align : center;
+	-nexa-vertical-align : middle;
+}
+.DateRangePicker .headline .enddate, .DateRangePicker .headline .enddate[status=mouseover], .DateRangePicker .headline .enddate[status=focused],.DateRangePicker .headline .enddate[status=disabled],
+.DateRangePickerControl  .headline .enddate, .DateRangePickerControl  .headline .enddate[status=mouseover], .DateRangePickerControl .headline .enddate[status=focused], .DateRangePickerControl .headline .enddate[status=disabled],
+.PopupDateRangePicker .headline .enddate, .PopupDateRangePicker .headline .enddate[status=mouseover], .PopupDateRangePicker .headline .enddate[status=focused], .PopupDateRangePicker .headline .enddate[status=disabled]
+{
+	background : transparent;
+	color : #ffffff;
+	font :  -nexa-define(--BoldMalgunGothic17px);
+	-nexa-text-align : center;
+	-nexa-vertical-align : middle;
+	-nexa-border : 0px none;
+}
+.DateRangePicker .headline .startsubdate, .DateRangePicker .headline .startsubdate[status=mouseover], .DateRangePicker .headline .startsubdate[status=focused], .DateRangePicker .headline .startsubdate[status=disabled],
+.DateRangePickerControl .headline .startsubdate, .DateRangePickerControl .headline .startsubdate[status=mouseover], .DateRangePickerControl .headline .startsubdate[status=focused], .DateRangePickerControl .headline .startsubdate[status=disabled],
+.PopupDateRangePicker .headline .startsubdate, .PopupDateRangePicker .headline .startsubdate[status=mouseover], .PopupDateRangePicker .headline .startsubdate[status=focused], .PopupDateRangePicker .headline .startsubdate[status=disabled]
+{
+	background : transparent;
+	color : #ffffff;
+	font :  -nexa-define(--MalgunGothic12px);
+	-nexa-border : 0px none;
+	-nexa-text-align : center;
+	-nexa-vertical-align : middle;
+	
+}
+.DateRangePicker .headline .endsubdate, .DateRangePicker .headline .endsubdate[status=mouseover], .DateRangePicker .headline .endsubdate[status=focused], .DateRangePicker .headline .endsubdate[status=disabled],
+.DateRangePickerControl .headline .endsubdate, .DateRangePickerControl .headline .endsubdate[status=mouseover], .DateRangePickerControl .headline .endsubdate[status=focused], .DateRangePickerControl .headline .endsubdate[status=disabled],
+.PopupDateRangePicker .headline .endsubdate, .PopupDateRangePicker .headline .endsubdate[status=mouseover], .PopupDateRangePicker .headline .endsubdate[status=focused], .PopupDateRangePicker .headline .endsubdate[status=disabled]
+{
+	background : transparent;
+	color : #ffffff;
+	font :  -nexa-define(--MalgunGothic12px);
+	-nexa-text-align : center;
+	-nexa-vertical-align : middle;
+	-nexa-border : 0px none;
+}
+.DateRangePicker .closebutton, .DateRangePickerControl .closebutton, .PopupDateRangePicker .closebutton
+{
+	background: transparent;
+	font :  -nexa-define(--MalgunGothic12px);
+	-nexa-border : 0px none;
+	-nexa-padding : 10px 8px;
+}
+.DateRangePicker .closebutton[status=focused], .DateRangePicker .closebutton[status=mouseover], 
+.DateRangePickerControl .closebutton[status=focused], .DateRangePickerControl .closebutton[status=mouseover],
+.PopupDateRangePicker .closebutton[status=focused], .PopupDateRangePicker .closebutton[status=mouseover]
+
+{
+	font :  -nexa-define(--BoldMalgunGothic12px);
+}
+.DateRangePicker .closebutton[userstatus=selected], .DateRangePicker .closebutton[userstatus=pushed],
+.DateRangePickerControl .closebutton[userstatus=selected], .DateRangePickerControl .closebutton[userstatus=pushed],
+.PopupDateRangePicker .closebutton[userstatus=selected], .PopupDateRangePicker .closebutton[userstatus=pushed]
+{
+	background: #d5d5d5;
+}
+/* okbutton, cancelbutton */
+.DateRangePicker .okbutton, .DateRangePickerControl .okbutton, .PopupDateRangePicker .okbutton	
+{
+	background: transparent;
+	font :  -nexa-define(--MalgunGothic12px);
+	-nexa-border : 0px none;
+	-nexa-padding : 10px 8px;
+}
+.DateRangePicker .okbutton[status=focused], .DateRangePicker .okbutton[status=mouseover], 
+.DateRangePickerControl .okbutton[status=focused], .DateRangePickerControl .okbutton[status=mouseover],
+.PopupDateRangePicker .okbutton[status=focused], .PopupDateRangePicker .okbutton[status=mouseover]
+{
+	font :  -nexa-define(--BoldMalgunGothic12px);
+}
+.DateRangePicker .okbutton[userstatus=selected], .DateRangePicker .okbutton[userstatus=pushed],
+.DateRangePickerControl .okbutton[userstatus=selected], .DateRangePickerControl .okbutton[userstatus=pushed],
+.PopupDateRangePicker .okbutton[userstatus=selected], .PopupDateRangePicker .okbutton[userstatus=pushed]
+{
+	background: #d5d5d5;
+}
+.DateRangePicker .cancelbutton, .DateRangePickerControl .cancelbutton, .PopupDateRangePicker .cancelbutton	
+{
+	background: transparent;
+	font :  -nexa-define(--MalgunGothic12px);
+	-nexa-border : 0px none;
+	-nexa-padding : 10px 8px;
+}
+
+.DateRangePicker .datepickergroup .datepicker .body, .DateRangePickerControl .datepickergroup .datepicker .body, .PopupDateRangePicker .datepickergroup .datepicker .body
+{
+	-nexa-border : 0px solid #125dae,0px solid #125dae,0px solid #697888;
+	-nexa-padding : 2px;
+}
+.DateRangePicker .datepickergroup .datepicker, .DateRangePickerControl .datepickergroup .datepicker, .PopupDateRangePicker .datepickergroup .datepicker
+{
+	-nexa-padding : 4px;
+}
+.DateRangePicker .datepickergroup .datepicker .body .selection, .DateRangePickerControl .datepickergroup .datepicker .body .selection, .PopupDateRangePicker .datepickergroup .datepicker .body .selection
+{
+	background : #dbe9ff;
+}
+.DateRangePicker .datepickergroup .datepicker .body[status=disabled], .DateRangePickerControl .datepickergroup .datepicker .body[status=disabled], .PopupDateRangePicker .datepickergroup .datepicker .body[status=disabled]
+{
+	-nexa-border : 0px solid #125dae;
+}
+ .DateRangePickerControl .datepickergroup .datepicker .body .dayitem[status=focused]{
+	background : transparent;
+	color : #333333;
+}
+ .DateRangePickerControl .datepickergroup .datepicker .body .dayitem{
+	color : #333333;
+	background : transparent;
+}
+ .DateRangePickerControl .datepickergroup .datepicker .body .dayitem[userstatus=selected]{
+	color : #ffffff;
+	background : #125dae;
+}
+.DateRangePicker .datepickergroup .splitline, .DateRangePickerControl .datepickergroup .splitline, .PopupDateRangePicker .datepickergroup .splitline
+{
+	-nexa-border : 1px solid #dddddd;
+}
+
+.DateRangePicker .datepickergroup, .DateRangePickerControl .datepickergroup, .PopupDateRangePicker .datepickergroup
+{
+	background : #ffffff;
+	-nexa-padding : 5px;	
+	
+}
+
+.DateRangePicker .timepickergroup, .DateRangePickerControl .timepickergroup, .PopupDateRangePicker .timepickergroup
+{
+	background : #ffffff;
+	-nexa-padding : 10px;
+	
+}
+.DateRangePicker .timepickergroup .splitline, .DateRangePickerControl .timepickergroup .splitline, .PopupDateRangePicker .timepickergroup .splitline
+{
+	-nexa-border : 1px solid #dddddd;
+}
+.DateRangePicker .timepickergroup .timepicker, .DateRangePickerControl .timepickergroup .timepicker, .PopupDateRangePicker .timepickergroup .timepicker
+{
+	-nexa-padding : 10px;
+}
+.DateRangePicker .datepickergroup .datepicker .body .weekband, .DateRangePickerControl .datepickergroup .datepicker .body .weekband, .PopupDateRangePicker .datepickergroup .datepicker .body .weekband
+{
+	background : #ffffff;
+}
+.DateRangePicker .datepickergroup .datepicker .body .weekband[status=disabled], .DateRangePickerControl .datepickergroup .datepicker .body .weekband[status=disabled], .PopupDateRangePicker .datepickergroup .datepicker .body .weekband[status=disabled]
+{
+	background : #ffffff;
+}
+.DateRangePicker .datepickergroup .datepicker .head, .DateRangePickerControl .datepickergroup .datepicker .head, .PopupDateRangePicker .datepickergroup .datepicker .head
+{
+	background : #ffffff;
+	color : #333333;
+	-nexa-border : 0px solid #125dae;
+}
+.DateRangePicker .datepickergroup .datepicker .head .prevbutton, .DateRangePickerControl .datepickergroup .datepicker .head .prevbutton
+{
+	-nexa-text-align : center;
+	-nexa-icon : url('theme://images/btn_WF_Tabprev.png');
+}
+.DateRangePicker .datepickergroup .datepicker .head .nextbutton, .DateRangePickerControl .datepickergroup .datepicker .head .nextbutton
+{
+	-nexa-text-align : center;
+	-nexa-icon : url('theme://images/btn_WF_Tabnext.png');
+}
+.DateRangePicker .datepickergroup .datepicker .head .prevbutton[status=mouseover], .DateRangePickerControl .datepickergroup .datepicker .head .prevbutton[status=mouseover]
+{
+	-nexa-text-align : center;
+	-nexa-icon : url('theme://images/btn_WF_Tabprev.png');
+}
+.DateRangePicker .datepickergroup .datepicker .head .prevbutton[userstatus=pushed], .DateRangePickerControl .datepickergroup .datepicker .head .prevbutton[userstatus=pushed]
+{
+	-nexa-text-align : center;
+	-nexa-icon : url('theme://images/btn_WF_Tabprev.png');
+}
+.DateRangePicker .datepickergroup .datepicker .head .prevbutton[status=disabled], .DateRangePickerControl .datepickergroup .datepicker .head .prevbutton[status=disabled]
+{
+	-nexa-text-align : center;
+	-nexa-icon : url('theme://images/btn_WF_Tabprev.png');
+}
+.DateRangePicker .datepickergroup .datepicker .head .nextbutton[status=mouseover], .DateRangePickerControl .datepickergroup .datepicker .head .nextbutton[status=mouseover]
+{
+	-nexa-text-align : center;
+	-nexa-icon : url('theme://images/btn_WF_Tabnext.png');
+}
+.DateRangePicker .datepickergroup .datepicker .head .nextbutton[userstatus=pushed], .DateRangePickerControl .datepickergroup .datepicker .head .nextbutton[userstatus=pushed]
+{
+	-nexa-text-align : center;
+	-nexa-icon : url('theme://images/btn_WF_Tabnext.png');
+}
+.DateRangePicker .datepickergroup .datepicker .head .nextbutton[status=disabled], .DateRangePickerControl .datepickergroup .datepicker .head .nextbutton[status=disabled]
+{
+	-nexa-text-align : center;
+	-nexa-icon : url('theme://images/btn_WF_Tabnext.png');
+}
+.DateRangePicker .datepickergroup .datepicker .head[status=disabled], .DateRangePickerControl .datepickergroup .datepicker .head[status=disabled], .PopupDateRangePicker .datepickergroup .datepicker .head[status=disabled]
+{
+	background : #ffffff;
+	-nexa-border : 0px solid #125dae;
+}
+.DateRangePicker .datepickergroup .datepicker .head .yearstatic,.DateRangePicker .datepickergroup .datepicker .head .monthstatic,
+.DateRangePickerControl .datepickergroup .datepicker .head .yearstatic,.DateRangePickerControl .datepickergroup .datepicker .head .monthstatic,
+.PopupDateRangePicker .datepickergroup .datepicker .head .yearstatic,.PopupDateRangePicker .datepickergroup .datepicker .head .monthstatic
+{
+	font :  -nexa-define(--BoldMalgunGothic14px);
+	color :#333333;
+	-nexa-padding : 0px 10px 0px 0px;
+}
+.DateRangePicker .datepickergroup .datepicker .body .weekitem, .DateRangePickerControl .datepickergroup .datepicker .body .weekitem, .PopupDateRangePicker .datepickergroup .datepicker .body .weekitem
+{
+	background : #ffffff;
+	color : #333333;
+}
+
+.DateRangePicker .datepickergroup .datepicker .body .weekitem[status=disabled], .DateRangePickerControl .datepickergroup .datepicker .body .weekitem[status=disabled], .PopupDateRangePicker .datepickergroup .datepicker .body .weekitem[status=disabled]
+{
+	background : #ffffff;
+}
+
+.TimePickerControl
+{
+	-nexa-padding : 10px;
+	/*font : bold 12px Tahoma;*/
+	
+}
+
+ .TimePickerControl .delimiter
+{
+	font :  -nexa-define(--BoldMalgunGothic14px);
+	color :#333333;
+	-nexa-text-align : center;
+	-nexa-vertical-align : middle;
+}
+
+.TimePickerControl .ampmspinner .spinneritem, .TimePickerControl .hourspinner .spinneritem, .TimePickerControl .minspinner .spinneritem, .TimePickerControl .secspinner .spinneritem
+{
+	color :#333333;
+	-nexa-text-align : center;
+	-nexa-vertical-align : middle;	
+}
+
+.TimePickerControl .ampmspinner .spinneritem[userstatus=selected], .TimePickerControl .hourspinner .spinneritem[userstatus=selected], .TimePickerControl .minspinner .spinneritem[userstatus=selected], .TimePickerControl .secspinner .spinneritem[userstatus=selected]
+{
+	font :  -nexa-define(--BoldMalgunGothic14px);
+}
+
+.TimePickerControl .ampmspinner .spinneritem[userstatus=selected][status=focused], .TimePickerControl .hourspinner .spinneritem[userstatus=selected][status=focused], .TimePickerControl .minspinner .spinneritem[userstatus=selected][status=focused], .TimePickerControl .secspinner .spinneritem[userstatus=selected][status=focused]
+{
+	color :#333333;
+}
+
+.TimePickerControl .ampmspinner, .TimePickerControl .hourspinner, .TimePickerControl .minspinner, .TimePickerControl .secspinner
+{
+	background : #ffffff;	
+}
+
+.TimePickerControl .ampmspinner .overlaytop, .TimePickerControl .hourspinner .overlaytop, .TimePickerControl .minspinner .overlaytop, .TimePickerControl .secspinner .overlaytop
+{
+	/*background : #ffffff;*/
+	background : linear-gradient(to top,rgba(255,255,255, 0) 0%,#ffffff);
+	-nexa-border : 0px none, 0px none, 1px solid #cccccc;
+	
+}
+
+.TimePickerControl .ampmspinner .overlaybottom, .TimePickerControl .hourspinner .overlaybottom, .TimePickerControl .minspinner .overlaybottom, .TimePickerControl .secspinner .overlaybottom
+{
+	/*background : #ffffff;	*/
+	background : linear-gradient(to bottom,rgba(255,255,255, 0) 0%,#ffffff);
+	-nexa-border : 1px solid #cccccc, 0px none, 0px none;
+        
+}]]></CSSData>
+  <CSSData type="desktop"><![CDATA[]]></CSSData>
+  <CSSData type="mobile_large"><![CDATA[]]></CSSData>
+  <CSSData type="mobile_small"><![CDATA[]]></CSSData>
+  <CSSData type="mobile_medium"><![CDATA[]]></CSSData>
+</XCSS>
diff --git a/client/nexacro-src/application.xadl b/client/nexacro-src/application.xadl
deleted file mode 100644
index 4d6a603..0000000
--- a/client/nexacro-src/application.xadl
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Application id="hanwha.demo.app" titletext="Hanwha Nexacro Demo" mainframeurl="./frame/MainFrame.xfdl">
-  <Frames>
-    <MainFrame id="mainframe" left="0" top="0" width="1440" height="900" formurl="./forms/frmLogin.xfdl"/>
-  </Frames>
-</Application>
-
diff --git a/client/nexacro-src/appvariables.xml b/client/nexacro-src/appvariables.xml
index 87cea71..2519020 100644
--- a/client/nexacro-src/appvariables.xml
+++ b/client/nexacro-src/appvariables.xml
@@ -1,6 +1,5 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<AppVariables>
-  <Variable id="g_apiBase" value="/api"/>
-  <Variable id="g_appTitle" value="Hanwha Nexacro Demo"/>
+<?xml version="1.0" encoding="utf-8"?>
+<AppVariables version="2.0">
+  <Datasets/>
+  <Variables/>
 </AppVariables>
-
diff --git a/client/nexacro-src/environment.xml b/client/nexacro-src/environment.xml
index e43e979..d693b64 100644
--- a/client/nexacro-src/environment.xml
+++ b/client/nexacro-src/environment.xml
@@ -1,9 +1,10 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Environment version="2.0" id="environment" themeid="theme::demo">
-  <Screen id="desktop" width="1440" height="900"/>
-  <Services>
-    <Service id="svcApi" url="/api" type="http"/>
-    <Service id="svcFile" url="/api" type="http"/>
-  </Services>
-</Environment>
-
+<?xml version="1.0" encoding="utf-8"?>
+<ENV version="2.1">
+  <Environment themeid="theme::blue" datatyperule="2.0">
+    <ScreenDefinition>
+      <Screen id="Desktop_screen" type="desktop"/>
+    </ScreenDefinition>
+    <Variables/>
+    <Cookies/>
+  </Environment>
+</ENV>
diff --git a/client/nexacro-src/forms/frmConsolidation.xfdl b/client/nexacro-src/forms/frmConsolidation.xfdl
index e1af332..3aff62a 100644
--- a/client/nexacro-src/forms/frmConsolidation.xfdl
+++ b/client/nexacro-src/forms/frmConsolidation.xfdl
@@ -1,6 +1,6 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<FDL version="2.0">
-  <Form id="frmConsolidation" titletext="집계 실행" width="1440" height="900" onload="this.form_onload();">
+<?xml version="1.0" encoding="utf-8"?>
+<FDL version="2.1">
+  <Form id="frmConsolidation" titletext="집계 실행" width="1440" height="900" onload="Form_onload">
   <Objects>
     <Dataset id="dsRuns">
       <ColumnInfo>
@@ -14,10 +14,7 @@
       </ColumnInfo>
     </Dataset>
   </Objects>
-  <Layouts>
-    <Layout id="default" width="1440" height="900"/>
-  </Layouts>
-  <Script><![CDATA[
+  <Script type="xscript5.1"><![CDATA[
 this.gfnApiBase = function()
 {
     return application.g_apiBase || "/api";
@@ -33,29 +30,30 @@ this.gfnShowMessage = function(message)
     trace(message);
 };
 
-
-
-this.form_onload = function()
+this.Form_onload = function(obj, e)
 {
     this.gfnShowMessage("집계 실행 loaded");
 };
 
-this.txLoadRuns = function()
+this.txLoadRuns = function(obj, e)
 {
     this.gfnShowMessage("txLoadRuns -> /api/tx/consolidations/overview");
 };
 
-this.actRunConsolidation = function()
+this.actRunConsolidation = function(obj, e)
 {
     this.gfnShowMessage("집계 실행");
 };
   ]]></Script>
-    <Edit id="edtRunFiscalPeriod" left="36" top="108" width="180" height="38" displaynulltext="회계기간 (YYYY-MM)"/>
-    <Button id="btnRun" left="236" top="108" width="140" height="38" text="집계 실행"/>
-    <Button id="btnReloadRuns" left="392" top="108" width="160" height="38" text="상태 새로고침"/>
-    <Static id="sta_grdRuns" left="36" top="148" width="1368" height="24" text="집계 실행 이력"/>
-    <Grid id="grdRuns" left="36" top="176" width="1368" height="360" binddataset="dsRuns">
+    <Edit id="edtRunFiscalPeriod" taborder="0" left="36" top="108" width="180" height="38" displaynulltext="회계기간 (YYYY-MM)"/>
+    <Button id="btnRun" taborder="1" left="236" top="108" width="140" height="38" text="집계 실행"/>
+    <Button id="btnReloadRuns" taborder="2" left="392" top="108" width="160" height="38" text="상태 새로고침"/>
+    <Static id="sta_grdRuns" taborder="0" left="36" top="148" width="1368" height="24" text="집계 실행 이력"/>
+    <Grid id="grdRuns" taborder="1" left="36" top="176" width="1368" height="360" binddataset="dsRuns">
       <Formats><Format id="default"><Columns><Column size="195"/><Column size="195"/><Column size="195"/><Column size="195"/><Column size="195"/><Column size="195"/><Column size="195"/></Columns><Rows><Row size="32" band="head"/><Row size="28"/></Rows><Band id="head"><Cell col="0" text="실행ID"/><Cell col="1" text="회계기간"/><Cell col="2" text="상태"/><Cell col="3" text="요청자"/><Cell col="4" text="요청시각"/><Cell col="5" text="완료시각"/><Cell col="6" text="요약"/></Band><Band id="body"><Cell col="0" text="bind:id"/><Cell col="1" text="bind:fiscalPeriod"/><Cell col="2" text="bind:statusCode"/><Cell col="3" text="bind:requestedBy"/><Cell col="4" text="bind:requestedAt"/><Cell col="5" text="bind:finishedAt"/><Cell col="6" text="bind:summaryMessage"/></Band></Format></Formats>
     </Grid>
+  <Layouts>
+    <Layout width="1440" height="900" screenid="Desktop_screen"/>
+  </Layouts>
   </Form>
 </FDL>
diff --git a/client/nexacro-src/forms/frmLogin.xfdl b/client/nexacro-src/forms/frmLogin.xfdl
index b9bcb18..645f11f 100644
--- a/client/nexacro-src/forms/frmLogin.xfdl
+++ b/client/nexacro-src/forms/frmLogin.xfdl
@@ -1,6 +1,6 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<FDL version="2.0">
-  <Form id="frmLogin" titletext="로그인" width="1440" height="900" onload="this.form_onload();">
+<?xml version="1.0" encoding="utf-8"?>
+<FDL version="2.1">
+  <Form id="frmLogin" titletext="로그인" width="1440" height="900" onload="Form_onload">
   <Objects>
     <Dataset id="dsLogin">
       <ColumnInfo>
@@ -9,10 +9,7 @@
       </ColumnInfo>
     </Dataset>
   </Objects>
-  <Layouts>
-    <Layout id="default" width="1440" height="900"/>
-  </Layouts>
-  <Script><![CDATA[
+  <Script type="xscript5.1"><![CDATA[
 this.gfnApiBase = function()
 {
     return application.g_apiBase || "/api";
@@ -28,25 +25,26 @@ this.gfnShowMessage = function(message)
     trace(message);
 };
 
-
-
-this.form_onload = function()
+this.Form_onload = function(obj, e)
 {
     this.gfnShowMessage("로그인 loaded");
 };
 
 
 
-this.actLogin = function()
+this.actLogin = function(obj, e)
 {
     this.gfnShowMessage("로그인");
 };
   ]]></Script>
-    <Static id="staTitle" left="88" top="72" width="460" height="64" text="Hanwha Nexacro Demo"/>
-    <Static id="staSubtitle" left="88" top="148" width="460" height="28" text="업로드/검증 중심 재무 통합 데모"/>
-    <Edit id="edtUsername" left="88" top="248" width="320" height="44" displaynulltext="사용자 ID" value="bind:username"/>
-    <Edit id="edtPassword" left="88" top="308" width="320" height="44" displaynulltext="비밀번호" value="bind:password" password="true"/>
-    <Button id="btnLogin" left="88" top="376" width="320" height="48" text="로그인"/>
+    <Static id="staTitle" taborder="0" left="88" top="72" width="460" height="64" text="Hanwha Nexacro Demo"/>
+    <Static id="staSubtitle" taborder="1" left="88" top="148" width="460" height="28" text="업로드/검증 중심 재무 통합 데모"/>
+    <Edit id="edtUsername" taborder="2" left="88" top="248" width="320" height="44" displaynulltext="사용자 ID" value="bind:username"/>
+    <Edit id="edtPassword" taborder="3" left="88" top="308" width="320" height="44" displaynulltext="비밀번호" value="bind:password" password="true"/>
+    <Button id="btnLogin" taborder="4" left="88" top="376" width="320" height="48" text="로그인"/>
 
+  <Layouts>
+    <Layout width="1440" height="900" screenid="Desktop_screen"/>
+  </Layouts>
   </Form>
 </FDL>
diff --git a/client/nexacro-src/forms/frmMasterData.xfdl b/client/nexacro-src/forms/frmMasterData.xfdl
index 0055b54..cd6fbfa 100644
--- a/client/nexacro-src/forms/frmMasterData.xfdl
+++ b/client/nexacro-src/forms/frmMasterData.xfdl
@@ -1,6 +1,6 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<FDL version="2.0">
-  <Form id="frmMasterData" titletext="기준정보 관리" width="1440" height="900" onload="this.form_onload();">
+<?xml version="1.0" encoding="utf-8"?>
+<FDL version="2.1">
+  <Form id="frmMasterData" titletext="기준정보 관리" width="1440" height="900" onload="Form_onload">
   <Objects>
     <Dataset id="dsEntity">
       <ColumnInfo>
@@ -32,10 +32,7 @@
       </ColumnInfo>
     </Dataset>
   </Objects>
-  <Layouts>
-    <Layout id="default" width="1440" height="900"/>
-  </Layouts>
-  <Script><![CDATA[
+  <Script type="xscript5.1"><![CDATA[
 this.gfnApiBase = function()
 {
     return application.g_apiBase || "/api";
@@ -51,34 +48,35 @@ this.gfnShowMessage = function(message)
     trace(message);
 };
 
-
-
-this.form_onload = function()
+this.Form_onload = function(obj, e)
 {
     this.gfnShowMessage("기준정보 관리 loaded");
 };
 
-this.txLoadReference = function()
+this.txLoadReference = function(obj, e)
 {
     this.gfnShowMessage("txLoadReference -> /api/tx/master/reference");
 };
   ]]></Script>
 
-    <Static id="sta_grdEntity" left="36" top="80" width="640" height="24" text="법인정보"/>
-    <Grid id="grdEntity" left="36" top="108" width="640" height="260" binddataset="dsEntity">
+    <Static id="sta_grdEntity" taborder="0" left="36" top="80" width="640" height="24" text="법인정보"/>
+    <Grid id="grdEntity" taborder="1" left="36" top="108" width="640" height="260" binddataset="dsEntity">
       <Formats><Format id="default"><Columns><Column size="213"/><Column size="213"/><Column size="213"/></Columns><Rows><Row size="32" band="head"/><Row size="28"/></Rows><Band id="head"><Cell col="0" text="법인코드"/><Cell col="1" text="법인명"/><Cell col="2" text="기준통화"/></Band><Band id="body"><Cell col="0" text="bind:entityCode"/><Cell col="1" text="bind:entityName"/><Cell col="2" text="bind:baseCurrency"/></Band></Format></Formats>
     </Grid>
-    <Static id="sta_grdAccount" left="708" top="80" width="696" height="24" text="계정코드"/>
-    <Grid id="grdAccount" left="708" top="108" width="696" height="260" binddataset="dsAccount">
+    <Static id="sta_grdAccount" taborder="0" left="708" top="80" width="696" height="24" text="계정코드"/>
+    <Grid id="grdAccount" taborder="1" left="708" top="108" width="696" height="260" binddataset="dsAccount">
       <Formats><Format id="default"><Columns><Column size="174"/><Column size="174"/><Column size="174"/><Column size="174"/></Columns><Rows><Row size="32" band="head"/><Row size="28"/></Rows><Band id="head"><Cell col="0" text="계정코드"/><Cell col="1" text="계정명"/><Cell col="2" text="분류"/><Cell col="3" text="내부거래"/></Band><Band id="body"><Cell col="0" text="bind:accountCode"/><Cell col="1" text="bind:accountName"/><Cell col="2" text="bind:accountCategory"/><Cell col="3" text="bind:internalTradeYn"/></Band></Format></Formats>
     </Grid>
-    <Static id="sta_grdFxRate" left="36" top="382" width="640" height="24" text="환율정보"/>
-    <Grid id="grdFxRate" left="36" top="410" width="640" height="260" binddataset="dsFxRate">
+    <Static id="sta_grdFxRate" taborder="0" left="36" top="382" width="640" height="24" text="환율정보"/>
+    <Grid id="grdFxRate" taborder="1" left="36" top="410" width="640" height="260" binddataset="dsFxRate">
       <Formats><Format id="default"><Columns><Column size="213"/><Column size="213"/><Column size="213"/></Columns><Rows><Row size="32" band="head"/><Row size="28"/></Rows><Band id="head"><Cell col="0" text="회계기간"/><Cell col="1" text="통화"/><Cell col="2" text="KRW 환산율"/></Band><Band id="body"><Cell col="0" text="bind:fiscalPeriod"/><Cell col="1" text="bind:currencyCode"/><Cell col="2" text="bind:rateToKrw"/></Band></Format></Formats>
     </Grid>
-    <Static id="sta_grdOwnership" left="708" top="382" width="696" height="24" text="지분율"/>
-    <Grid id="grdOwnership" left="708" top="410" width="696" height="260" binddataset="dsOwnership">
+    <Static id="sta_grdOwnership" taborder="0" left="708" top="382" width="696" height="24" text="지분율"/>
+    <Grid id="grdOwnership" taborder="1" left="708" top="410" width="696" height="260" binddataset="dsOwnership">
       <Formats><Format id="default"><Columns><Column size="232"/><Column size="232"/><Column size="232"/></Columns><Rows><Row size="32" band="head"/><Row size="28"/></Rows><Band id="head"><Cell col="0" text="모법인"/><Cell col="1" text="자법인"/><Cell col="2" text="지분율"/></Band><Band id="body"><Cell col="0" text="bind:parentEntityCode"/><Cell col="1" text="bind:childEntityCode"/><Cell col="2" text="bind:ownershipRatio"/></Band></Format></Formats>
     </Grid>
+  <Layouts>
+    <Layout width="1440" height="900" screenid="Desktop_screen"/>
+  </Layouts>
   </Form>
 </FDL>
diff --git a/client/nexacro-src/forms/frmReportsOps.xfdl b/client/nexacro-src/forms/frmReportsOps.xfdl
index 5a561d2..4298b73 100644
--- a/client/nexacro-src/forms/frmReportsOps.xfdl
+++ b/client/nexacro-src/forms/frmReportsOps.xfdl
@@ -1,6 +1,6 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<FDL version="2.0">
-  <Form id="frmReportsOps" titletext="리포트/운영" width="1440" height="900" onload="this.form_onload();">
+<?xml version="1.0" encoding="utf-8"?>
+<FDL version="2.1">
+  <Form id="frmReportsOps" titletext="리포트/운영" width="1440" height="900" onload="Form_onload">
   <Objects>
     <Dataset id="dsArtifacts">
       <ColumnInfo>
@@ -22,10 +22,7 @@
       </ColumnInfo>
     </Dataset>
   </Objects>
-  <Layouts>
-    <Layout id="default" width="1440" height="900"/>
-  </Layouts>
-  <Script><![CDATA[
+  <Script type="xscript5.1"><![CDATA[
 this.gfnApiBase = function()
 {
     return application.g_apiBase || "/api";
@@ -41,26 +38,27 @@ this.gfnShowMessage = function(message)
     trace(message);
 };
 
-
-
-this.form_onload = function()
+this.Form_onload = function(obj, e)
 {
     this.gfnShowMessage("리포트/운영 loaded");
 };
 
-this.txLoadReports = function()
+this.txLoadReports = function(obj, e)
 {
     this.gfnShowMessage("txLoadReports -> /api/tx/reports/overview");
 };
   ]]></Script>
 
-    <Static id="sta_grdArtifacts" left="36" top="80" width="1368" height="24" text="리포트 산출물"/>
-    <Grid id="grdArtifacts" left="36" top="108" width="1368" height="270" binddataset="dsArtifacts">
+    <Static id="sta_grdArtifacts" taborder="0" left="36" top="80" width="1368" height="24" text="리포트 산출물"/>
+    <Grid id="grdArtifacts" taborder="1" left="36" top="108" width="1368" height="270" binddataset="dsArtifacts">
       <Formats><Format id="default"><Columns><Column size="273"/><Column size="273"/><Column size="273"/><Column size="273"/><Column size="273"/></Columns><Rows><Row size="32" band="head"/><Row size="28"/></Rows><Band id="head"><Cell col="0" text="산출물ID"/><Cell col="1" text="실행ID"/><Cell col="2" text="형식"/><Cell col="3" text="파일명"/><Cell col="4" text="생성시각"/></Band><Band id="body"><Cell col="0" text="bind:id"/><Cell col="1" text="bind:runId"/><Cell col="2" text="bind:artifactType"/><Cell col="3" text="bind:downloadName"/><Cell col="4" text="bind:createdAt"/></Band></Format></Formats>
     </Grid>
-    <Static id="sta_grdJobLogs" left="36" top="392" width="1368" height="24" text="최근 배치 로그"/>
-    <Grid id="grdJobLogs" left="36" top="420" width="1368" height="320" binddataset="dsJobLogs">
+    <Static id="sta_grdJobLogs" taborder="0" left="36" top="392" width="1368" height="24" text="최근 배치 로그"/>
+    <Grid id="grdJobLogs" taborder="1" left="36" top="420" width="1368" height="320" binddataset="dsJobLogs">
       <Formats><Format id="default"><Columns><Column size="228"/><Column size="228"/><Column size="228"/><Column size="228"/><Column size="228"/><Column size="228"/></Columns><Rows><Row size="32" band="head"/><Row size="28"/></Rows><Band id="head"><Cell col="0" text="로그ID"/><Cell col="1" text="작업유형"/><Cell col="2" text="참조ID"/><Cell col="3" text="레벨"/><Cell col="4" text="메시지"/><Cell col="5" text="생성시각"/></Band><Band id="body"><Cell col="0" text="bind:id"/><Cell col="1" text="bind:jobType"/><Cell col="2" text="bind:referenceId"/><Cell col="3" text="bind:logLevel"/><Cell col="4" text="bind:logMessage"/><Cell col="5" text="bind:createdAt"/></Band></Format></Formats>
     </Grid>
+  <Layouts>
+    <Layout width="1440" height="900" screenid="Desktop_screen"/>
+  </Layouts>
   </Form>
 </FDL>
diff --git a/client/nexacro-src/forms/frmUploadValidation.xfdl b/client/nexacro-src/forms/frmUploadValidation.xfdl
index a4948b1..ad3d438 100644
--- a/client/nexacro-src/forms/frmUploadValidation.xfdl
+++ b/client/nexacro-src/forms/frmUploadValidation.xfdl
@@ -1,6 +1,6 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<FDL version="2.0">
-  <Form id="frmUploadValidation" titletext="업로드/검증" width="1440" height="900" onload="this.form_onload();">
+<?xml version="1.0" encoding="utf-8"?>
+<FDL version="2.1">
+  <Form id="frmUploadValidation" titletext="업로드/검증" width="1440" height="900" onload="Form_onload">
   <Objects>
     <Dataset id="dsUploadBatches">
       <ColumnInfo>
@@ -23,10 +23,7 @@
       </ColumnInfo>
     </Dataset>
   </Objects>
-  <Layouts>
-    <Layout id="default" width="1440" height="900"/>
-  </Layouts>
-  <Script><![CDATA[
+  <Script type="xscript5.1"><![CDATA[
 this.gfnApiBase = function()
 {
     return application.g_apiBase || "/api";
@@ -42,35 +39,36 @@ this.gfnShowMessage = function(message)
     trace(message);
 };
 
-
-
-this.form_onload = function()
+this.Form_onload = function(obj, e)
 {
     this.gfnShowMessage("업로드/검증 loaded");
 };
 
-this.txLoadUploadOverview = function()
+this.txLoadUploadOverview = function(obj, e)
 {
     this.gfnShowMessage("txLoadUploadOverview -> /api/tx/uploads/overview");
 };
 
-this.actUpload = function()
+this.actUpload = function(obj, e)
 {
     this.gfnShowMessage("파일 업로드");
 };
   ]]></Script>
-    <Combo id="cboTemplate" left="36" top="108" width="220" height="38" displaynulltext="템플릿 구분" codecolumn="code" datacolumn="label"/>
-    <Edit id="edtFiscalPeriod" left="274" top="108" width="140" height="38" displaynulltext="회계기간 (YYYY-MM)"/>
-    <FileUpload id="fileUpload" left="432" top="108" width="480" height="38" displaynulltext="업로드 파일"/>
-    <Button id="btnUpload" left="930" top="108" width="140" height="38" text="파일 업로드"/>
-    <Button id="btnReloadUploads" left="1086" top="108" width="140" height="38" text="내역 새로고침"/>
-    <Static id="sta_grdUploadBatches" left="36" top="148" width="1368" height="24" text="업로드 이력"/>
-    <Grid id="grdUploadBatches" left="36" top="176" width="1368" height="270" binddataset="dsUploadBatches">
+    <Combo id="cboTemplate" taborder="0" left="36" top="108" width="220" height="38" codecolumn="code" datacolumn="label"/>
+    <Edit id="edtFiscalPeriod" taborder="1" left="274" top="108" width="140" height="38" displaynulltext="회계기간 (YYYY-MM)"/>
+    <FileUpload id="fileUpload" taborder="2" left="432" top="108" width="480" height="38"/>
+    <Button id="btnUpload" taborder="3" left="930" top="108" width="140" height="38" text="파일 업로드"/>
+    <Button id="btnReloadUploads" taborder="4" left="1086" top="108" width="140" height="38" text="내역 새로고침"/>
+    <Static id="sta_grdUploadBatches" taborder="0" left="36" top="148" width="1368" height="24" text="업로드 이력"/>
+    <Grid id="grdUploadBatches" taborder="1" left="36" top="176" width="1368" height="270" binddataset="dsUploadBatches">
       <Formats><Format id="default"><Columns><Column size="171"/><Column size="171"/><Column size="171"/><Column size="171"/><Column size="171"/><Column size="171"/><Column size="171"/><Column size="171"/></Columns><Rows><Row size="32" band="head"/><Row size="28"/></Rows><Band id="head"><Cell col="0" text="배치ID"/><Cell col="1" text="템플릿"/><Cell col="2" text="회계기간"/><Cell col="3" text="상태"/><Cell col="4" text="파일명"/><Cell col="5" text="건수"/><Cell col="6" text="오류건수"/><Cell col="7" text="업로드시각"/></Band><Band id="body"><Cell col="0" text="bind:id"/><Cell col="1" text="bind:templateCode"/><Cell col="2" text="bind:fiscalPeriod"/><Cell col="3" text="bind:statusCode"/><Cell col="4" text="bind:originalFilename"/><Cell col="5" text="bind:rowCount"/><Cell col="6" text="bind:errorCount"/><Cell col="7" text="bind:uploadedAt"/></Band></Format></Formats>
     </Grid>
-    <Static id="sta_grdIssues" left="36" top="458" width="1368" height="24" text="오류내역"/>
-    <Grid id="grdIssues" left="36" top="486" width="1368" height="300" binddataset="dsIssues">
+    <Static id="sta_grdIssues" taborder="0" left="36" top="458" width="1368" height="24" text="오류내역"/>
+    <Grid id="grdIssues" taborder="1" left="36" top="486" width="1368" height="300" binddataset="dsIssues">
       <Formats><Format id="default"><Columns><Column size="342"/><Column size="342"/><Column size="342"/><Column size="342"/></Columns><Rows><Row size="32" band="head"/><Row size="28"/></Rows><Band id="head"><Cell col="0" text="행번호"/><Cell col="1" text="오류코드"/><Cell col="2" text="오류메시지"/><Cell col="3" text="등급"/></Band><Band id="body"><Cell col="0" text="bind:rowNumber"/><Cell col="1" text="bind:issueCode"/><Cell col="2" text="bind:issueMessage"/><Cell col="3" text="bind:severityCode"/></Band></Format></Formats>
     </Grid>
+  <Layouts>
+    <Layout width="1440" height="900" screenid="Desktop_screen"/>
+  </Layouts>
   </Form>
 </FDL>
diff --git a/client/nexacro-src/frame/MainFrame.xfdl b/client/nexacro-src/frame/MainFrame.xfdl
deleted file mode 100644
index b88d506..0000000
--- a/client/nexacro-src/frame/MainFrame.xfdl
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<FDL version="2.0">
-  <Form id="MainFrame" titletext="Hanwha Nexacro Demo" width="1440" height="900">
-    <Static id="staTitle" left="24" top="18" width="500" height="36" text="Hanwha Nexacro Demo"/>
-    <Static id="staGuide" left="24" top="60" width="900" height="24" text="이 MainFrame은 AI generator가 만든 Nexacro skeleton입니다."/>
-  </Form>
-</FDL>
diff --git a/client/nexacro-src/typedefinition.xml b/client/nexacro-src/typedefinition.xml
index 05ba17c..bc25d96 100644
--- a/client/nexacro-src/typedefinition.xml
+++ b/client/nexacro-src/typedefinition.xml
@@ -1,13 +1,61 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<TypeDefinition version="2.0">
+<?xml version="1.0" encoding="utf-8"?>
+<TypeDefinition version="3.0">
+  <Modules>
+    <Module url="CompBase.json"/>
+    <Module url="ComComp.json"/>
+    <Module url="Grid.json"/>
+    <Module url="ListView.json"/>
+    <Module url="DeviceAPI.json"/>
+    <Module url="MobileComp.json"/>
+  </Modules>
   <Components>
-    <Component id="Button" classname="nexacro.Button"/>
-    <Component id="Static" classname="nexacro.Static"/>
-    <Component id="Edit" classname="nexacro.Edit"/>
-    <Component id="Div" classname="nexacro.Div"/>
-    <Component id="Grid" classname="nexacro.Grid"/>
-    <Component id="Combo" classname="nexacro.Combo"/>
-    <Component id="FileUpload" classname="nexacro.FileUpload"/>
+    <Component type="JavaScript" id="Button" classname="nexacro.Button"/>
+    <Component type="JavaScript" id="Combo" classname="nexacro.Combo"/>
+    <Component type="JavaScript" id="Edit" classname="nexacro.Edit"/>
+    <Component type="JavaScript" id="MaskEdit" classname="nexacro.MaskEdit"/>
+    <Component type="JavaScript" id="TextArea" classname="nexacro.TextArea"/>
+    <Component type="JavaScript" id="Static" classname="nexacro.Static"/>
+    <Component type="JavaScript" id="Div" classname="nexacro.Div"/>
+    <Component type="JavaScript" id="PopupDiv" classname="nexacro.PopupDiv"/>
+    <Component type="JavaScript" id="Radio" classname="nexacro.Radio"/>
+    <Component type="JavaScript" id="CheckBox" classname="nexacro.CheckBox"/>
+    <Component type="JavaScript" id="ListBox" classname="nexacro.ListBox"/>
+    <Component type="JavaScript" id="Grid" classname="nexacro.Grid"/>
+    <Component type="JavaScript" id="Spin" classname="nexacro.Spin"/>
+    <Component type="JavaScript" id="Menu" classname="nexacro.Menu"/>
+    <Component type="JavaScript" id="PopupMenu" classname="nexacro.PopupMenu"/>
+    <Component type="JavaScript" id="Tab" classname="nexacro.Tab"/>
+    <Component type="JavaScript" id="GroupBox" classname="nexacro.GroupBox"/>
+    <Component type="JavaScript" id="Calendar" classname="nexacro.Calendar"/>
+    <Component type="JavaScript" id="ImageViewer" classname="nexacro.ImageViewer"/>
+    <Component type="JavaScript" id="ProgressBar" classname="nexacro.ProgressBar"/>
+    <Component type="JavaScript" id="Plugin" classname="nexacro.Plugin"/>
+    <Component type="JavaScript" id="Dataset" classname="nexacro.NormalDataset"/>
+    <Component type="JavaScript" id="ListView" classname="nexacro.ListView"/>
+    <Component type="JavaScript" id="DataObject" classname="nexacro.DataObject"/>
+    <Component type="JavaScript" id="CheckBoxSet" classname="nexacro.CheckBoxSet"/>
+    <Component type="JavaScript" id="MultiCombo" classname="nexacro.MultiCombo"/>
+    <Component type="JavaScript" id="Panel" classname="nexacro.Panel"/>
+    <Component type="JavaScript" id="TextField" classname="nexacro.TextField"/>
+    <Component type="JavaScript" id="MultiLineTextField" classname="nexacro.MultiLineTextField"/>
+    <Component type="JavaScript" id="DateField" classname="nexacro.DateField"/>
+    <Component type="JavaScript" id="DateRangePicker" classname="nexacro.DateRangePicker"/>
+    <Component type="JavaScript" id="PopupDateRangePicker" classname="nexacro.PopupDateRangePicker"/>
+    <Component type="JavaScript" id="View" classname="nexacro.View"/>
+    <Component type="JavaScript" id="FileUpload" classname="nexacro.FileUpload"/>
   </Components>
+  <Services>
+    <Service prefixid="theme" type="resource" url="./_resource_/_theme_/" version="0" cachelevel="session" include_subdir="true"/>
+    <Service prefixid="initvalue" type="resource" url="./_resource_/_initvalue_/" version="0" cachelevel="session" include_subdir="false"/>
+    <Service prefixid="xcssrc" type="resource" url="./_resource_/_xcss_/" version="0" cachelevel="session" include_subdir="false"/>
+    <Service prefixid="imagerc" type="resource" url="./_resource_/_images_/" version="0" cachelevel="session" include_subdir="true"/>
+    <Service prefixid="font" type="resource" url="./_resource_/_font_/" version="0" cachelevel="session" include_subdir="false"/>
+    <Service prefixid="stringrc" type="resource" url="./_resource_/_stringrc_/" version="0" cachelevel="session" include_subdir="false"/>
+    <Service prefixid="extlib" type="resource" url="./_extlib_/" version="0" cachelevel="session" include_subdir="true"/>
+    <Service prefixid="FrameBase" type="form" url="./FrameBase/" version="0" cachelevel="session" include_subdir="false" communicationversion="0"/>
+    <Service prefixid="Forms" type="form" url="./forms/" version="0" cachelevel="session" include_subdir="false" communicationversion="0"/>
+  </Services>
+  <Protocols/>
+  <DeviceAdaptors/>
+  <Update/>
 </TypeDefinition>
-
diff --git a/spec/nexacro/app.yaml b/spec/nexacro/app.yaml
index 210ecd4..cf5b1d8 100644
--- a/spec/nexacro/app.yaml
+++ b/spec/nexacro/app.yaml
@@ -2,7 +2,7 @@ projectName: HanwhaNexacroDemo
 applicationId: hanwha.demo.app
 appTitle: Hanwha Nexacro Demo
 previewTitle: Hanwha Nexacro Demo Preview
-themeId: theme::demo
+themeId: theme::blue
 apiBase: /api
 layout:
   width: 1440
@@ -23,4 +23,3 @@ sharedDatasets:
       - { id: level, type: STRING }
       - { id: code, type: STRING }
       - { id: message, type: STRING }
-
diff --git a/templates/nexacro/application.xadl.tpl b/templates/nexacro/application.xadl.tpl
index ef1884e..f80ee5e 100644
--- a/templates/nexacro/application.xadl.tpl
+++ b/templates/nexacro/application.xadl.tpl
@@ -1,7 +1,20 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Application id="{{applicationId}}" titletext="{{appTitle}}" mainframeurl="./frame/MainFrame.xfdl">
-  <Frames>
-    <MainFrame id="mainframe" left="0" top="0" width="{{width}}" height="{{height}}" formurl="./forms/frmLogin.xfdl"/>
-  </Frames>
-</Application>
-
+<?xml version="1.0" encoding="utf-8"?>
+<ADL version="2.0">
+  <Application id="Application_Desktop" screenid="Desktop_screen">
+    <Layout>
+      <MainFrame id="mainframe" showtitlebar="true" showstatusbar="true" left="0" top="0" width="{{width}}" height="{{height}}" titletext="{{appTitle}}">
+        <VFrameSet id="VFrameSet00" separatesize="{{topHeight}},*">
+          <Frames>
+            <ChildFrame id="TopFrame" showtitlebar="false" showstatusbar="false" formurl="FrameBase::Form_Top.xfdl"/>
+            <HFrameSet id="HFrameSet00" separatesize="{{leftWidth}},*">
+              <Frames>
+                <ChildFrame id="LeftFrame" showtitlebar="false" showstatusbar="false" formurl="FrameBase::Form_Left.xfdl"/>
+                <ChildFrame id="WorkFrame" showtitlebar="false" showstatusbar="false" formurl="FrameBase::Form_Work.xfdl"/>
+              </Frames>
+            </HFrameSet>
+          </Frames>
+        </VFrameSet>
+      </MainFrame>
+    </Layout>
+  </Application>
+</ADL>
diff --git a/templates/nexacro/appvariables.xml.tpl b/templates/nexacro/appvariables.xml.tpl
index 4e8f939..2519020 100644
--- a/templates/nexacro/appvariables.xml.tpl
+++ b/templates/nexacro/appvariables.xml.tpl
@@ -1,6 +1,5 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<AppVariables>
-  <Variable id="g_apiBase" value="{{apiBase}}"/>
-  <Variable id="g_appTitle" value="{{appTitle}}"/>
+<?xml version="1.0" encoding="utf-8"?>
+<AppVariables version="2.0">
+  <Datasets/>
+  <Variables/>
 </AppVariables>
-
diff --git a/templates/nexacro/environment.xml.tpl b/templates/nexacro/environment.xml.tpl
index 7a4f98f..7b865ab 100644
--- a/templates/nexacro/environment.xml.tpl
+++ b/templates/nexacro/environment.xml.tpl
@@ -1,9 +1,10 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Environment version="2.0" id="environment" themeid="{{themeId}}">
-  <Screen id="desktop" width="{{width}}" height="{{height}}"/>
-  <Services>
-    <Service id="{{apiServiceId}}" url="{{apiUrl}}" type="http"/>
-    <Service id="{{fileServiceId}}" url="{{fileUrl}}" type="http"/>
-  </Services>
-</Environment>
-
+<?xml version="1.0" encoding="utf-8"?>
+<ENV version="2.1">
+  <Environment themeid="{{themeId}}" datatyperule="2.0">
+    <ScreenDefinition>
+      <Screen id="Desktop_screen" type="desktop"/>
+    </ScreenDefinition>
+    <Variables/>
+    <Cookies/>
+  </Environment>
+</ENV>
diff --git a/templates/nexacro/project.xml.tpl b/templates/nexacro/project.xml.tpl
index fdbadbc..1835538 100644
--- a/templates/nexacro/project.xml.tpl
+++ b/templates/nexacro/project.xml.tpl
@@ -1,11 +1,9 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Project version="2.0" name="{{projectName}}">
-  <Environment url="./environment.xml"/>
-  <TypeDefinition url="./typedefinition.xml"/>
-  <AppVariables url="./appvariables.xml"/>
-  <Application url="./application.xadl"/>
-  <Forms>
-{{formEntries}}
-  </Forms>
+<?xml version="1.0" encoding="utf-8"?>
+<Project version="2.1" nexacrosdk="Latest Version" sdkversion="">
+  <EnvironmentDefinition url="/environment.xml"/>
+  <TypeDefinition url="/typedefinition.xml"/>
+  <AppVariables url="/appvariables.xml"/>
+  <AppInfos>
+    <AppInfo url="/Application_Desktop.xadl"/>
+  </AppInfos>
 </Project>
-
diff --git a/templates/nexacro/typedefinition.xml.tpl b/templates/nexacro/typedefinition.xml.tpl
index 05ba17c..fda2508 100644
--- a/templates/nexacro/typedefinition.xml.tpl
+++ b/templates/nexacro/typedefinition.xml.tpl
@@ -1,13 +1,61 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<TypeDefinition version="2.0">
+<?xml version="1.0" encoding="utf-8"?>
+<TypeDefinition version="3.0">
+  <Modules>
+    <Module url="CompBase.json"/>
+    <Module url="ComComp.json"/>
+    <Module url="Grid.json"/>
+    <Module url="ListView.json"/>
+    <Module url="DeviceAPI.json"/>
+    <Module url="MobileComp.json"/>
+  </Modules>
   <Components>
-    <Component id="Button" classname="nexacro.Button"/>
-    <Component id="Static" classname="nexacro.Static"/>
-    <Component id="Edit" classname="nexacro.Edit"/>
-    <Component id="Div" classname="nexacro.Div"/>
-    <Component id="Grid" classname="nexacro.Grid"/>
-    <Component id="Combo" classname="nexacro.Combo"/>
-    <Component id="FileUpload" classname="nexacro.FileUpload"/>
+    <Component type="JavaScript" id="Button" classname="nexacro.Button"/>
+    <Component type="JavaScript" id="Combo" classname="nexacro.Combo"/>
+    <Component type="JavaScript" id="Edit" classname="nexacro.Edit"/>
+    <Component type="JavaScript" id="MaskEdit" classname="nexacro.MaskEdit"/>
+    <Component type="JavaScript" id="TextArea" classname="nexacro.TextArea"/>
+    <Component type="JavaScript" id="Static" classname="nexacro.Static"/>
+    <Component type="JavaScript" id="Div" classname="nexacro.Div"/>
+    <Component type="JavaScript" id="PopupDiv" classname="nexacro.PopupDiv"/>
+    <Component type="JavaScript" id="Radio" classname="nexacro.Radio"/>
+    <Component type="JavaScript" id="CheckBox" classname="nexacro.CheckBox"/>
+    <Component type="JavaScript" id="ListBox" classname="nexacro.ListBox"/>
+    <Component type="JavaScript" id="Grid" classname="nexacro.Grid"/>
+    <Component type="JavaScript" id="Spin" classname="nexacro.Spin"/>
+    <Component type="JavaScript" id="Menu" classname="nexacro.Menu"/>
+    <Component type="JavaScript" id="PopupMenu" classname="nexacro.PopupMenu"/>
+    <Component type="JavaScript" id="Tab" classname="nexacro.Tab"/>
+    <Component type="JavaScript" id="GroupBox" classname="nexacro.GroupBox"/>
+    <Component type="JavaScript" id="Calendar" classname="nexacro.Calendar"/>
+    <Component type="JavaScript" id="ImageViewer" classname="nexacro.ImageViewer"/>
+    <Component type="JavaScript" id="ProgressBar" classname="nexacro.ProgressBar"/>
+    <Component type="JavaScript" id="Plugin" classname="nexacro.Plugin"/>
+    <Component type="JavaScript" id="Dataset" classname="nexacro.NormalDataset"/>
+    <Component type="JavaScript" id="ListView" classname="nexacro.ListView"/>
+    <Component type="JavaScript" id="DataObject" classname="nexacro.DataObject"/>
+    <Component type="JavaScript" id="CheckBoxSet" classname="nexacro.CheckBoxSet"/>
+    <Component type="JavaScript" id="MultiCombo" classname="nexacro.MultiCombo"/>
+    <Component type="JavaScript" id="Panel" classname="nexacro.Panel"/>
+    <Component type="JavaScript" id="TextField" classname="nexacro.TextField"/>
+    <Component type="JavaScript" id="MultiLineTextField" classname="nexacro.MultiLineTextField"/>
+    <Component type="JavaScript" id="DateField" classname="nexacro.DateField"/>
+    <Component type="JavaScript" id="DateRangePicker" classname="nexacro.DateRangePicker"/>
+    <Component type="JavaScript" id="PopupDateRangePicker" classname="nexacro.PopupDateRangePicker"/>
+    <Component type="JavaScript" id="View" classname="nexacro.View"/>
+    <Component type="JavaScript" id="FileUpload" classname="nexacro.FileUpload"/>
   </Components>
+  <Services>
+    <Service prefixid="theme" type="resource" url="./_resource_/_theme_/" version="0" cachelevel="session" include_subdir="true"/>
+    <Service prefixid="initvalue" type="resource" url="./_resource_/_initvalue_/" version="0" cachelevel="session" include_subdir="false"/>
+    <Service prefixid="xcssrc" type="resource" url="./_resource_/_xcss_/" version="0" cachelevel="session" include_subdir="false"/>
+    <Service prefixid="imagerc" type="resource" url="./_resource_/_images_/" version="0" cachelevel="session" include_subdir="true"/>
+    <Service prefixid="font" type="resource" url="./_resource_/_font_/" version="0" cachelevel="session" include_subdir="false"/>
+    <Service prefixid="stringrc" type="resource" url="./_resource_/_stringrc_/" version="0" cachelevel="session" include_subdir="false"/>
+    <Service prefixid="extlib" type="resource" url="./_extlib_/" version="0" cachelevel="session" include_subdir="true"/>
+    <Service prefixid="FrameBase" type="form" url="./FrameBase/" version="0" cachelevel="session" include_subdir="false" communicationversion="0"/>
+    <Service prefixid="Forms" type="form" url="./forms/" version="0" cachelevel="session" include_subdir="false" communicationversion="0"/>
+  </Services>
+  <Protocols/>
+  <DeviceAdaptors/>
+  <Update/>
 </TypeDefinition>
-
diff --git a/tools/nexacro-gen/index.js b/tools/nexacro-gen/index.js
index 3949b9e..5043c63 100644
--- a/tools/nexacro-gen/index.js
+++ b/tools/nexacro-gen/index.js
@@ -7,6 +7,12 @@ const specDir = path.join(repoRoot, "spec", "nexacro");
 const templateDir = path.join(repoRoot, "templates", "nexacro");
 const outputDir = path.join(repoRoot, "client", "nexacro-src");
 const previewDir = path.join(repoRoot, "client", "nexacro-deploy");
+const UTF8_BOM = "\uFEFF";
+const FRAME_TOP_HEIGHT = 56;
+const FRAME_LEFT_WIDTH = 240;
+const FORMS_DIR = "forms";
+const FRAMEBASE_DIR = "FrameBase";
+const LIB_DIR = "lib";
 
 function readYaml(filePath) {
   return yaml.load(fs.readFileSync(filePath, "utf8"));
@@ -31,6 +37,36 @@ function ensureDir(dirPath) {
   fs.mkdirSync(dirPath, { recursive: true });
 }
 
+function removePathIfExists(targetPath) {
+  if (fs.existsSync(targetPath)) {
+    fs.rmSync(targetPath, { recursive: true, force: true });
+  }
+}
+
+function writeGeneratedFile(filePath, content, options = {}) {
+  const includeBom = options.bom !== false;
+  const payload = includeBom ? `${UTF8_BOM}${content}` : content;
+  fs.writeFileSync(filePath, payload);
+}
+
+function cleanGeneratedOutput(baseOutputDir, projectName) {
+  [
+    `${projectName}.xprj`,
+    "application.xadl",
+    "Application_Desktop.xadl",
+    "environment.xml",
+    "typedefinition.xml",
+    "appvariables.xml",
+    `${projectName}.xprj.bak`,
+    "$Geninfo$.geninfo",
+    ".DS_Store"
+  ].forEach((file) => removePathIfExists(path.join(baseOutputDir, file)));
+
+  ["forms", FORMS_DIR, "frame", FRAMEBASE_DIR, "lib", LIB_DIR].forEach((dir) =>
+    removePathIfExists(path.join(baseOutputDir, dir))
+  );
+}
+
 function renderTemplate(template, values) {
   return Object.entries(values).reduce((content, [key, value]) => {
     return content.replaceAll(`{{${key}}}`, value);
@@ -45,6 +81,14 @@ function escapeXml(value = "") {
     .replaceAll('"', "&quot;");
 }
 
+function indentBlock(content, size = 4) {
+  const indent = " ".repeat(size);
+  return content
+    .split("\n")
+    .map((line) => (line ? `${indent}${line}` : line))
+    .join("\n");
+}
+
 function toXfdlDataset(dataset) {
   const columns = (dataset.columns || [])
     .map((column) => `      <Column id="${column.id}" type="${column.type || "STRING"}" size="256"/>`)
@@ -59,9 +103,10 @@ function toXfdlDataset(dataset) {
   ].join("\n");
 }
 
-function componentTag(component) {
+function componentTag(component, index = 0) {
   const attrs = [
     `id="${component.id}"`,
+    `taborder="${index}"`,
     `left="${component.left ?? 0}"`,
     `top="${component.top ?? 0}"`,
     `width="${component.width ?? 120}"`,
@@ -71,10 +116,10 @@ function componentTag(component) {
   if (component.text) {
     attrs.push(`text="${escapeXml(component.text)}"`);
   }
-  if (component.prompt) {
+  if (component.prompt && ["Edit", "MaskEdit", "TextArea"].includes(component.type)) {
     attrs.push(`displaynulltext="${escapeXml(component.prompt)}"`);
   }
-  if (component.bind) {
+  if (component.bind && ["Edit", "MaskEdit", "TextArea"].includes(component.type)) {
     const [, columnId] = component.bind.split(".");
     attrs.push(`value="bind:${columnId}"`);
   }
@@ -105,9 +150,9 @@ function gridFormats(grid) {
 
 function gridTag(grid) {
   return [
-    `    <Static id="sta_${grid.id}" left="${grid.left}" top="${grid.top - 28}" width="${grid.width}" height="24" text="${escapeXml(grid.title)}"/>`,
-    `    <Grid id="${grid.id}" left="${grid.left}" top="${grid.top}" width="${grid.width}" height="${grid.height}" binddataset="${grid.dataset}">`,
-    `      ${gridFormats(grid)}`,
+    `    <Static id="sta_${grid.id}" taborder="0" left="${grid.left}" top="${grid.top - 28}" width="${grid.width}" height="24" text="${escapeXml(grid.title)}"/>`,
+    `    <Grid id="${grid.id}" taborder="1" left="${grid.left}" top="${grid.top}" width="${grid.width}" height="${grid.height}" binddataset="${grid.dataset}">`,
+      `      ${gridFormats(grid)}`,
     "    </Grid>"
   ].join("\n");
 }
@@ -116,18 +161,18 @@ function buildFormScript(form) {
   const transactions = (form.transactions || [])
     .map(
       (transaction) =>
-        `this.${transaction.id} = function()\n{\n    this.gfnShowMessage("${escapeXml(transaction.id)} -> ${escapeXml(transaction.endpoint)}");\n};`
+        `this.${transaction.id} = function(obj, e)\n{\n    this.gfnShowMessage("${escapeXml(transaction.id)} -> ${escapeXml(transaction.endpoint)}");\n};`
     )
     .join("\n\n");
   const actions = (form.actions || [])
     .map(
       (action) =>
-        `this.${action.id} = function()\n{\n    this.gfnShowMessage("${escapeXml(action.label)}");\n};`
+        `this.${action.id} = function(obj, e)\n{\n    this.gfnShowMessage("${escapeXml(action.label)}");\n};`
     )
     .join("\n\n");
 
   return [
-    "this.form_onload = function()",
+    "this.Form_onload = function(obj, e)",
     "{",
     `    this.gfnShowMessage("${escapeXml(form.title)} loaded");`,
     "};",
@@ -142,27 +187,84 @@ function buildFormScript(form) {
 
 function renderXfdl(form, appSpec) {
   const datasets = (form.datasets || []).map(toXfdlDataset).join("\n");
-  const components = (form.components || []).map(componentTag).join("\n");
+  const components = (form.components || []).map((component, index) => componentTag(component, index)).join("\n");
   const grids = (form.grids || []).map(gridTag).join("\n");
   const layout = form.layout || appSpec.layout;
 
   return [
-    '<?xml version="1.0" encoding="UTF-8"?>',
-    '<FDL version="2.0">',
-    `  <Form id="${form.formId}" titletext="${escapeXml(form.title)}" width="${layout.width}" height="${layout.height}" onload="this.form_onload();">`,
+    '<?xml version="1.0" encoding="utf-8"?>',
+    '<FDL version="2.1">',
+    `  <Form id="${form.formId}" titletext="${escapeXml(form.title)}" width="${layout.width}" height="${layout.height}" onload="Form_onload">`,
     "  <Objects>",
     datasets || "    <Dataset id=\"dsEmpty\"><ColumnInfo><Column id=\"dummy\" type=\"STRING\" size=\"1\"/></ColumnInfo></Dataset>",
     "  </Objects>",
-    "  <Layouts>",
-    `    <Layout id="default" width="${layout.width}" height="${layout.height}"/>`,
-    "  </Layouts>",
-    "  <Script><![CDATA[",
-    readTemplate(path.join("common", "common.xjs.tpl")),
+    "  <Script type=\"xscript5.1\"><![CDATA[",
+    indentBlock(readTemplate(path.join("common", "common.xjs.tpl")).trimEnd(), 0),
     "",
     buildFormScript(form),
     "  ]]></Script>",
     components,
     grids,
+    "  <Layouts>",
+    `    <Layout width="${layout.width}" height="${layout.height}" screenid="Desktop_screen"/>`,
+    "  </Layouts>",
+    "  </Form>",
+    "</FDL>",
+    ""
+  ].join("\n");
+}
+
+function renderTopFrame(appSpec) {
+  return [
+    '<?xml version="1.0" encoding="utf-8"?>',
+    '<FDL version="2.1">',
+    `  <Form id="Form_Top" width="${appSpec.layout.width}" height="${FRAME_TOP_HEIGHT}" titletext="Form_Top">`,
+    `    <Static id="staTitle" taborder="0" left="24" top="14" width="420" height="28" text="${escapeXml(appSpec.appTitle)}"/>`,
+    '    <Static id="staGuide" taborder="1" left="460" top="18" width="420" height="20" text="AI generated Nexacro source for Studio review"/>',
+    "    <Layouts>",
+    `      <Layout width="${appSpec.layout.width}" height="${FRAME_TOP_HEIGHT}" screenid="Desktop_screen"/>`,
+    "    </Layouts>",
+    "  </Form>",
+    "</FDL>",
+    ""
+  ].join("\n");
+}
+
+function renderLeftFrame(forms) {
+  const menuItems = forms
+    .map(
+      (form, index) =>
+        `    <Static id="staMenu${index}" taborder="${index + 1}" left="20" top="${72 + index * 42}" width="180" height="24" text="${escapeXml(`${index + 1}. ${form.title}`)}"/>`
+    )
+    .join("\n");
+
+  return [
+    '<?xml version="1.0" encoding="utf-8"?>',
+    '<FDL version="2.1">',
+    `  <Form id="Form_Left" width="${FRAME_LEFT_WIDTH}" height="840" titletext="Form_Left">`,
+    '    <Static id="staMenuTitle" taborder="0" left="20" top="24" width="180" height="28" text="Demo Forms"/>',
+    menuItems,
+    "    <Layouts>",
+    '      <Layout width="240" height="840" screenid="Desktop_screen"/>',
+    "    </Layouts>",
+    "  </Form>",
+    "</FDL>",
+    ""
+  ].join("\n");
+}
+
+function renderWorkFrame(appSpec, defaultFormId) {
+  const workWidth = Math.max(appSpec.layout.width - FRAME_LEFT_WIDTH, 800);
+  const workHeight = Math.max(appSpec.layout.height - FRAME_TOP_HEIGHT, 640);
+
+  return [
+    '<?xml version="1.0" encoding="utf-8"?>',
+    '<FDL version="2.1">',
+    `  <Form id="Form_Work" width="${workWidth}" height="${workHeight}" titletext="Form_Work">`,
+    `    <Div id="divWork" taborder="0" left="0" top="0" width="${workWidth}" height="${workHeight}" url="Forms::${defaultFormId}.xfdl"/>`,
+    "    <Layouts>",
+    `      <Layout width="${workWidth}" height="${workHeight}" screenid="Desktop_screen"/>`,
+    "    </Layouts>",
     "  </Form>",
     "</FDL>",
     ""
@@ -170,68 +272,49 @@ function renderXfdl(form, appSpec) {
 }
 
 function generateProjectFiles(appSpec, forms, baseOutputDir = outputDir) {
+  cleanGeneratedOutput(baseOutputDir, appSpec.projectName);
   ensureDir(baseOutputDir);
-  ensureDir(path.join(baseOutputDir, "forms"));
-  ensureDir(path.join(baseOutputDir, "frame"));
-  ensureDir(path.join(baseOutputDir, "lib"));
+  ensureDir(path.join(baseOutputDir, FORMS_DIR));
+  ensureDir(path.join(baseOutputDir, FRAMEBASE_DIR));
+  ensureDir(path.join(baseOutputDir, LIB_DIR));
 
-  const formEntries = forms
-    .map((form) => `    <Form id="${form.formId}" url="./forms/${form.formId}.xfdl" title="${escapeXml(form.title)}"/>`)
-    .join("\n");
-
-  fs.writeFileSync(
+  writeGeneratedFile(
     path.join(baseOutputDir, `${appSpec.projectName}.xprj`),
     renderTemplate(readTemplate("project.xml.tpl"), {
-      projectName: appSpec.projectName,
-      formEntries
+      projectName: appSpec.projectName
     })
   );
-  fs.writeFileSync(
-    path.join(baseOutputDir, "application.xadl"),
+  writeGeneratedFile(
+    path.join(baseOutputDir, "Application_Desktop.xadl"),
     renderTemplate(readTemplate("application.xadl.tpl"), {
-      applicationId: appSpec.applicationId,
       appTitle: appSpec.appTitle,
       width: String(appSpec.layout.width),
-      height: String(appSpec.layout.height)
+      height: String(appSpec.layout.height),
+      topHeight: String(FRAME_TOP_HEIGHT),
+      leftWidth: String(FRAME_LEFT_WIDTH)
     })
   );
-  fs.writeFileSync(
+  writeGeneratedFile(
     path.join(baseOutputDir, "environment.xml"),
     renderTemplate(readTemplate("environment.xml.tpl"), {
-      themeId: appSpec.themeId,
-      width: String(appSpec.layout.width),
-      height: String(appSpec.layout.height),
-      apiServiceId: appSpec.service.apiServiceId,
-      apiUrl: appSpec.service.apiUrl,
-      fileServiceId: appSpec.service.fileServiceId,
-      fileUrl: appSpec.service.fileUrl
+      themeId: appSpec.themeId
     })
   );
-  fs.writeFileSync(path.join(baseOutputDir, "typedefinition.xml"), readTemplate("typedefinition.xml.tpl"));
-  fs.writeFileSync(
-    path.join(baseOutputDir, "appvariables.xml"),
-    renderTemplate(readTemplate("appvariables.xml.tpl"), {
-      apiBase: appSpec.apiBase,
-      appTitle: appSpec.appTitle
-    })
-  );
-  fs.writeFileSync(path.join(baseOutputDir, "lib", "common.xjs"), readTemplate(path.join("common", "common.xjs.tpl")));
-  fs.writeFileSync(
-    path.join(baseOutputDir, "frame", "MainFrame.xfdl"),
-    [
-      '<?xml version="1.0" encoding="UTF-8"?>',
-      '<FDL version="2.0">',
-      `  <Form id="MainFrame" titletext="${escapeXml(appSpec.appTitle)}" width="${appSpec.layout.width}" height="${appSpec.layout.height}">`,
-      "    <Static id=\"staTitle\" left=\"24\" top=\"18\" width=\"500\" height=\"36\" text=\"Hanwha Nexacro Demo\"/>",
-      "    <Static id=\"staGuide\" left=\"24\" top=\"60\" width=\"900\" height=\"24\" text=\"이 MainFrame은 AI generator가 만든 Nexacro skeleton입니다.\"/>",
-      "  </Form>",
-      "</FDL>",
-      ""
-    ].join("\n")
+  writeGeneratedFile(path.join(baseOutputDir, "typedefinition.xml"), readTemplate("typedefinition.xml.tpl"));
+  writeGeneratedFile(path.join(baseOutputDir, "appvariables.xml"), readTemplate("appvariables.xml.tpl"), { bom: false });
+  writeGeneratedFile(path.join(baseOutputDir, LIB_DIR, "common.xjs"), readTemplate(path.join("common", "common.xjs.tpl")), {
+    bom: false
+  });
+  writeGeneratedFile(path.join(baseOutputDir, FRAMEBASE_DIR, "Form_Top.xfdl"), renderTopFrame(appSpec));
+  writeGeneratedFile(path.join(baseOutputDir, FRAMEBASE_DIR, "Form_Left.xfdl"), renderLeftFrame(forms));
+  const defaultForm = forms.find((form) => form.route === "login") || forms[0];
+  writeGeneratedFile(
+    path.join(baseOutputDir, FRAMEBASE_DIR, "Form_Work.xfdl"),
+    renderWorkFrame(appSpec, defaultForm?.formId || "frmLogin")
   );
 
   forms.forEach((form) => {
-    fs.writeFileSync(path.join(baseOutputDir, "forms", `${form.formId}.xfdl`), renderXfdl(form, appSpec));
+    writeGeneratedFile(path.join(baseOutputDir, FORMS_DIR, `${form.formId}.xfdl`), renderXfdl(form, appSpec));
   });
 }
 
@@ -1055,4 +1138,3 @@ module.exports = {
   generate,
   renderXfdl
 };
-
diff --git a/tools/nexacro-gen/test/generator.test.js b/tools/nexacro-gen/test/generator.test.js
index 4f2e73d..cea8457 100644
--- a/tools/nexacro-gen/test/generator.test.js
+++ b/tools/nexacro-gen/test/generator.test.js
@@ -19,12 +19,18 @@ test("project generator writes required Nexacro files", () => {
   generateProjectFiles(appSpec, forms, tempDir);
 
   assert.ok(fs.existsSync(path.join(tempDir, "HanwhaNexacroDemo.xprj")));
-  assert.ok(fs.existsSync(path.join(tempDir, "application.xadl")));
+  assert.ok(fs.existsSync(path.join(tempDir, "Application_Desktop.xadl")));
   assert.ok(fs.existsSync(path.join(tempDir, "environment.xml")));
   assert.ok(fs.existsSync(path.join(tempDir, "typedefinition.xml")));
   assert.ok(fs.existsSync(path.join(tempDir, "appvariables.xml")));
   assert.ok(fs.existsSync(path.join(tempDir, "forms", "frmLogin.xfdl")));
-  assert.ok(fs.readFileSync(path.join(tempDir, "HanwhaNexacroDemo.xprj"), "utf8").includes("./forms/frmLogin.xfdl"));
+  assert.ok(fs.existsSync(path.join(tempDir, "FrameBase", "Form_Work.xfdl")));
+  assert.ok(fs.readFileSync(path.join(tempDir, "HanwhaNexacroDemo.xprj"), "utf8").includes("Application_Desktop.xadl"));
+
+  const projectBuffer = fs.readFileSync(path.join(tempDir, "HanwhaNexacroDemo.xprj"));
+  assert.equal(projectBuffer[0], 0xef);
+  assert.equal(projectBuffer[1], 0xbb);
+  assert.equal(projectBuffer[2], 0xbf);
 });
 
 test("preview generator emits static assets", () => {
@@ -43,5 +49,7 @@ test("xfdl renderer includes datasets and components", () => {
 
   assert.ok(xfdl.includes("<Dataset id=\"dsLogin\">"));
   assert.ok(xfdl.includes("<Edit id=\"edtUsername\""));
-  assert.ok(xfdl.includes("this.form_onload"));
+  assert.ok(xfdl.includes('onload="Form_onload"'));
+  assert.ok(xfdl.includes("<FDL version=\"2.1\">"));
+  assert.ok(xfdl.includes("this.Form_onload"));
 });