diff --git a/opengds2018prod/src/main/resources/application.yml b/opengds2018prod/src/main/resources/application.yml
index bcd8b44c..4fbb15c3 100644
--- a/opengds2018prod/src/main/resources/application.yml
+++ b/opengds2018prod/src/main/resources/application.yml
@@ -1,19 +1,19 @@
 spring:
   rabbitmq:
-    host: 175.116.181.42
-    port: 5672
-    virtual-host: only_opengds
-    username: qaproducer
-    password: qaproducer
+    host: 레빗엠큐 호스트 주소 EX)175.111.222.333
+    port: 레빗엠큐 포트번호 EX)5672
+    virtual-host: 레빗 엠큐 버추얼 호스트
+    username: 레빗엠큐 계정명
+    password: 레빗엠큐 비밀번호
     template:
-      exchange: opengds_qa_exchange
-      routing-key: opengds_qa_key
-      routing-key-mobile: opengds_mobile_qa_key
+      exchange: 레빗엠큐 익스체인지
+      routing-key: 레빗엠큐 라우팅키
+      routing-key-mobile: 레빗엠큐 모바일용 라우팅키
   datasource:
     type: com.zaxxer.hikari.HikariDataSource
-    url: jdbc:postgresql://175.116.181.42:5432/opengds_2018?charSet=UTF-8&prepareThreshold=1
-    username: opensource
-    password: opensource
+    url: jdbc:postgresql://postgresql주소:포트번호/데이터베이스 이름?charSet=UTF-8&prepareThreshold=1
+    username: 데이터베이스 계정명
+    password: 데이터베이스 비밀번호
     driver-class-name: org.postgresql.Driver
     hikari:
       connection-test-query: SELECT 1
@@ -30,7 +30,7 @@ spring:
       max-file-size: 10485760KB
       max-request-size: 10485760KB
 server:
-  port: 8080
+  port: 프로젝트 접속 포트번호
   context-path: /geodt
   servlet:
     session:
@@ -42,12 +42,12 @@ server:
     whitelabel:
       enabled: false
 gitrnd:
-  serverhost: 175.116.181.34
+  serverhost: 프로젝트 접속 주소 EX)175.111.222.333
   apache:
-    host: 127.0.0.1
-    port: 8888
-    basedir: gdofiles
-    basedrive: C
+    host: 아파치 서버 주소 EX) 127.0.0.1
+    port: 아파치 서버 포트 EX) 8888
+    basedir: 디렉토리 이름 EX) gdofiles
+    basedrive: 드라이브 명 EX) C
 mybatis:
   config-location: classpath:config/mybatis.xml
   mapper-location: classpath:sql/*.xml
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/edit/layerhistory.js b/opengds2018prod/src/main/resources/static/resources/js/gb/edit/layerhistory.js
deleted file mode 100644
index c3d3753a..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/edit/layerhistory.js
+++ /dev/null
@@ -1,670 +0,0 @@
-/**
- * 레이어 편집 이력을 관리하는 객체
- * 
- * @class gb.edit.LayerRecord
- * @memberof gb.edit
- * @param {Object}
- *            obj - 생성자 옵션을 담은 객체
- * @param {String}
- *            obj.id - 레이어의 ID
- * @version 0.01
- * @author 소이준
- * @date 2017.05.18
- */
-gb.edit.LayerRecord = function(obj) {
-	this.created = {};
-	this.modified = {};
-	this.removed = {};
-	this.id = obj.id ? obj.id : false;
-}
-/**
- * 임시보관 중인 새로운 layer들을 반환한다.
- * 
- * @method gb.edit.LayerRecord#getCreated
- * @function
- * @return {Object} 새로 생성한 Layer
- */
-gb.edit.LayerRecord.prototype.getCreated = function() {
-	return this.created;
-};
-/**
- * 임시보관 중인 변경한 layer들을 반환한다.
- * 
- * @method gb.edit.LayerRecord#getModified
- * @function
- * @return {Object} 변경한 Layer
- */
-gb.edit.LayerRecord.prototype.getModified = function() {
-	return this.modified;
-};
-/**
- * 임시보관 중인 삭제한 layer들을 반환한다.
- * 
- * @method gb.edit.LayerRecord#getRemoved
- * @function
- * @return {Object} 삭제한 Layer
- */
-gb.edit.LayerRecord.prototype.getRemoved = function() {
-	return this.removed;
-};
-/**
- * 임시보관 중인 모든 레이어 이력을 삭제한다.
- * 
- * @method gb.edit.LayerRecord#clearAll
- * @function
- */
-gb.edit.LayerRecord.prototype.clearAll = function() {
-	this.created = {};
-	this.modified = {};
-	this.removed = {};
-};
-/**
- * 임시보관 중인 새로 만든 layer들의 이력을 삭제한다.
- * 
- * @method gb.edit.LayerRecord#clearCreated
- * @function
- */
-gb.edit.LayerRecord.prototype.clearCreated = function() {
-	this.created = {};
-};
-/**
- * 임시보관 중인 변경한 layer들의 이력을 삭제한다.
- * 
- * @method gb.edit.LayerRecord#clearModified
- * @function
- */
-gb.edit.LayerRecord.prototype.clearModified = function() {
-	this.modified = {};
-};
-/**
- * 임시보관 중인 삭제한 layer들의 이력을 삭제한다.
- * 
- * @method gb.edit.LayerRecord#clearRemoved
- * @function
- */
-gb.edit.LayerRecord.prototype.clearRemoved = function() {
-	this.removed = {};
-};
-/**
- * 해당 Layer가 삭제되었는지 임시보관 목록에서 조회한다.
- * 
- * @method gb.edit.LayerRecord#isRemoved
- * @function
- * @param {ol.layer.Base}
- *            layer - 편집이력(삭제)에서 확인할 layer 객체
- * @return {Boolean} 해당 Layer의 편집이력(삭제) 존재 여부
- */
-gb.edit.LayerRecord.prototype.isRemoved = function(layer) {
-	var isRemoved = false;
-	if (this.removed.hasOwnProperty(layer.get("id"))) {
-		isRemoved = true;
-	}
-	return isRemoved;
-};
-/**
- * 도엽단위의 그룹 레이어 생성 이력을 추가한다.
- * 
- * @method gb.edit.LayerRecord#createByMapsheet
- * @function
- * @param {ol.layer.Base}
- *            mapsheetLayer - 새로 생성할 도엽단위 layer 객체
- */
-gb.edit.LayerRecord.prototype.createByMapsheet = function(mapsheetLayer) {
-	if (mapsheetLayer instanceof ol.layer.Base) {
-		if (!mapsheetLayer.get("git")) {
-			console.error("no git property");
-			return;
-		}
-	}
-	var git = mapsheetLayer.get("git");
-	var info = git.information;
-	if (!info) {
-		console.error("no information");
-		return;
-	}
-	var format = info.getFormat();
-	var mapsheet = info.getSheetNumber();
-	var layers;
-	if (mapsheetLayer instanceof ol.layer.Group) {
-		layers = mapsheetLayer.getLayers();
-	} else if (mapsheetLayer instanceof ol.layer.Tile) {
-		layers = git.layers;
-	}
-	if (!this.created.hasOwnProperty(format)) {
-		this.created[format] = {};
-	}
-	if (!this.created[format].hasOwnProperty(mapsheet)) {
-		this.created[format][mapsheet] = {};
-	}
-	for (var i = 0; i < layers.getLength(); i++) {
-		this.created[format][mapsheet][layers.item(i).get("id")] = layers.item(i);
-	}
-	console.log(this.created);
-}
-/**
- * 도엽내에 레이어를 생성이력을 추가한다.
- * 
- * @method gb.edit.LayerRecord#create
- * @function
- * @param {String}
- *            format - 도엽의 원본 확장자
- * @param {String}
- *            mapsheet - 도엽번호
- * @param {ol.layer.Base}
- *            layer - 새로 생성할 도엽내 layer 객체
- */
-gb.edit.LayerRecord.prototype.create = function(format, mapsheet, layer) {
-	if (!this.created.hasOwnProperty(format)) {
-		this.created[format] = {};
-	}
-	if (!this.created[format].hasOwnProperty(mapsheet)) {
-		this.created[format][mapsheet] = {};
-	}
-	this.created[format][mapsheet][layer.get("id")] = layer;
-	console.log(this.created);
-}
-/**
- * 도엽내에 레이어를 삭제한다.
- * 
- * @method gb.edit.LayerRecord#remove
- * @function
- * @param {String}
- *            format - 도엽의 원본 확장자
- * @param {String}
- *            mapsheet - 도엽번호
- * @param {ol.layer.Base}
- *            layer - 삭제할 도엽내 layer 객체
- */
-gb.edit.LayerRecord.prototype.remove = function(format, mapsheet, layer) {
-	if (layer instanceof ol.layer.Group) {
-		var layers = layer.getLayers();
-		for (var i = 0; i < layers.getLength().length; i++) {
-			var git = layers.item(i).get("git");
-			if (!git) {
-				console.error("no git property");
-				return;
-			}
-			var info = git.information;
-			if (!info) {
-				console.error("no information");
-				return;
-			}
-
-			if (info.getIsNew() === true) {
-				delete this.created[format][mapsheet][layers.item(i).get("id")];
-				var mkeys = Object.keys(this.created[format][mapsheet]);
-				if (mkeys.length === 0) {
-					delete this.created[format][mapsheet];
-				}
-				var fkeys = Object.keys(this.created[format]);
-				if (fkeys.length === 0) {
-					delete this.created[format];
-				}
-			} else {
-				if (!this.removed.hasOwnProperty(format)) {
-					this.removed[format] = {};
-				}
-				if (!this.removed[format].hasOwnProperty(mapsheet)) {
-					this.removed[format][mapsheet] = {};
-				}
-				this.removed[format][mapsheet][layers.item(i).get("id")] = layers.item(i);
-				if (this.modified.hasOwnProperty(format)) {
-					if (this.modified[format].hasOwnProperty(mapsheet)) {
-						if (this.modified[format][mapsheet].hasOwnProperty(layers.item(i).get("id"))) {
-							delete this.modified[format][mapsheet][layers.item(i).get("id")];
-							var mkeys = Object.keys(this.modified[format][mapsheet]);
-							if (mkeys.length === 0) {
-								delete this.modified[format][mapsheet];
-							}
-							var fkeys = Object.keys(this.modified[format]);
-							if (fkeys.length === 0) {
-								delete this.modified[format];
-							}
-						}
-					}
-				}
-			}
-		}
-	} else {
-		var git = layer.get("git");
-		if (git.hasOwnProperty("fake")) {
-			if (git["fake"] === "parent") {
-				var layers = git.layers;
-				for (var i = 0; i < layers.getLength().length; i++) {
-					var git = layers.item(i).get("git");
-					if (!git) {
-						console.error("no git property");
-						return;
-					}
-					var info = git.information;
-					if (!info) {
-						console.error("no information");
-						return;
-					}
-
-					if (info.getIsNew() === true) {
-						delete this.created[format][mapsheet][layers.item(i).get("id")];
-						var mkeys = Object.keys(this.created[format][mapsheet]);
-						if (mkeys.length === 0) {
-							delete this.created[format][mapsheet];
-						}
-						var fkeys = Object.keys(this.created[format]);
-						if (fkeys.length === 0) {
-							delete this.created[format];
-						}
-					} else {
-						if (!this.removed.hasOwnProperty(format)) {
-							this.removed[format] = {};
-						}
-						if (!this.removed[format].hasOwnProperty(mapsheet)) {
-							this.removed[format][mapsheet] = {};
-						}
-						this.removed[format][mapsheet][layers.item(i).get("id")] = layers.item(i);
-						if (this.modified.hasOwnProperty(format)) {
-							if (this.modified[format].hasOwnProperty(mapsheet)) {
-								if (this.modified[format][mapsheet].hasOwnProperty(layers.item(i).get("id"))) {
-									delete this.modified[format][mapsheet][layers.item(i).get("id")];
-									var mkeys = Object.keys(this.modified[format][mapsheet]);
-									if (mkeys.length === 0) {
-										delete this.modified[format][mapsheet];
-									}
-									var fkeys = Object.keys(this.modified[format]);
-									if (fkeys.length === 0) {
-										delete this.modified[format];
-									}
-								}
-							}
-						}
-					}
-				}
-			} else if (git["fake"] === "child") {
-				var git = layer.get("git");
-				if (!git) {
-					console.error("no git property");
-					return;
-				}
-				var info = git.information;
-				if (!info) {
-					console.error("no information");
-					return;
-				}
-
-				if (info.getIsNew() === true) {
-					delete this.created[format][mapsheet][layer.get("id")];
-					var mkeys = Object.keys(this.created[format][mapsheet]);
-					if (mkeys.length === 0) {
-						delete this.created[format][mapsheet];
-					}
-					var fkeys = Object.keys(this.created[format]);
-					if (fkeys.length === 0) {
-						delete this.created[format];
-					}
-				} else {
-					if (!this.removed.hasOwnProperty(format)) {
-						this.removed[format] = {};
-					}
-					if (!this.removed[format].hasOwnProperty(mapsheet)) {
-						this.removed[format][mapsheet] = {};
-					}
-					this.removed[format][mapsheet][layer.get("id")] = layer;
-					if (this.modified.hasOwnProperty(format)) {
-						if (this.modified[format].hasOwnProperty(mapsheet)) {
-							if (this.modified[format][mapsheet].hasOwnProperty(layer.get("id"))) {
-								delete this.modified[format][mapsheet][layer.get("id")];
-								var mkeys = Object.keys(this.modified[format][mapsheet]);
-								if (mkeys.length === 0) {
-									delete this.modified[format][mapsheet];
-								}
-								var fkeys = Object.keys(this.modified[format]);
-								if (fkeys.length === 0) {
-									delete this.modified[format];
-								}
-							}
-						}
-					}
-				}
-			}
-		} else {
-			var git = layer.get("git");
-			if (!git) {
-				console.error("no git property");
-				return;
-			}
-			var info = git.information;
-			if (!info) {
-				console.error("no information");
-				return;
-			}
-
-			if (info.getIsNew() === true) {
-				delete this.created[format][mapsheet][layer.get("id")];
-				var mkeys = Object.keys(this.created[format][mapsheet]);
-				if (mkeys.length === 0) {
-					delete this.created[format][mapsheet];
-				}
-				var fkeys = Object.keys(this.created[format]);
-				if (fkeys.length === 0) {
-					delete this.created[format];
-				}
-			} else {
-				if (!this.removed.hasOwnProperty(format)) {
-					this.removed[format] = {};
-				}
-				if (!this.removed[format].hasOwnProperty(mapsheet)) {
-					this.removed[format][mapsheet] = {};
-				}
-				this.removed[format][mapsheet][layer.get("id")] = layer;
-				if (this.modified.hasOwnProperty(format)) {
-					if (this.modified[format].hasOwnProperty(mapsheet)) {
-						if (this.modified[format][mapsheet].hasOwnProperty(layer.get("id"))) {
-							delete this.modified[format][mapsheet][layer.get("id")];
-							var mkeys = Object.keys(this.modified[format][mapsheet]);
-							if (mkeys.length === 0) {
-								delete this.modified[format][mapsheet];
-							}
-							var fkeys = Object.keys(this.modified[format]);
-							if (fkeys.length === 0) {
-								delete this.modified[format];
-							}
-						}
-					}
-				}
-			}
-		}
-	}
-
-	console.log(this.removed);
-	console.log(this.created);
-	console.log(this.modified);
-}
-/**
- * 도엽내의 해당 Layer를 변경한다.
- * 
- * @method gb.edit.LayerRecord#update
- * @function
- * @param {String}
- *            format - 도엽의 원본 확장자
- * @param {String}
- *            mapsheet - 도엽번호
- * @param {ol.layer.Base}
- *            layer - 새로 생성할 도엽내 layer 객체
- * @param {String}
- *            oldLayerId - 변경될 예전 Layer ID
- */
-gb.edit.LayerRecord.prototype.update = function(format, mapsheet, layer, oldLayerId) {
-	if (!this.modified) {
-		this.modified = {};
-	}
-	var info = layer.get("git").information;
-	if (info.getIsNew() === true) {
-		delete this.created[format][mapsheet][oldLayerId];
-		this.created[format][mapsheet][layer.get("id")] = layer;
-	} else {
-		if (this.modified.hasOwnProperty(format)) {
-			if (this.modified[format].hasOwnProperty(mapsheet)) {
-				delete this.modified[format][mapsheet][oldLayerId];
-				this.modified[format][mapsheet][layer.get("id")] = layer;
-			}
-		}
-	}
-	console.log(this.removed);
-	console.log(this.created);
-	console.log(this.modified);
-}
-/**
- * 도엽 단위의 Layer 정보 변경이력을 JSON형태로 반환한다.
- * 
- * @method gb.edit.LayerRecord#getStructure
- * @function
- * @return {Object} Layer 정보 편집이력
- */
-gb.edit.LayerRecord.prototype.getStructure = function() {
-	var obj = {};
-	var created = this.getCreated();
-	var cFormat = Object.keys(created);
-	for (var i = 0; i < cFormat.length; i++) {
-		if (!obj.hasOwnProperty(cFormat[i])) {
-			obj[cFormat[i]] = {};
-		}
-		var cSheetNum = Object.keys(created[cFormat[i]]);
-		for (var j = 0; j < cSheetNum.length; j++) {
-			if (!obj[cFormat[i]].hasOwnProperty(cSheetNum[j])) {
-				obj[cFormat[i]][cSheetNum[j]] = {};
-				obj[cFormat[i]][cSheetNum[j]]["create"] = [];
-			}
-			var cLayers = Object.keys(created[cFormat[i]][cSheetNum[j]]);
-			for (var k = 0; k < cLayers.length; k++) {
-				var cLayer = created[cFormat[i]][cSheetNum[j]][cLayers[k]];
-				var cInfo = cLayer.get("git").information;
-				var cObj;
-				if (cInfo.getFormat() === "ngi") {
-					cObj = {
-						"layerName" : cInfo.getName() + "_" + (cInfo.getGeometry().toUpperCase()),
-						"layerType" : cInfo.getGeometry(),
-						"version" : cInfo.getNGIVersion(),
-						"dim" : cInfo.getNGIDim(),
-						"bound" : cInfo.getMbound(),
-						"represent" : cInfo.getNGIRep()
-					};
-					var attrs = [];
-					var cAttrs = cInfo.getAttributes();
-					if (!!cAttrs) {
-						for (var l = 0; l < cAttrs.length; l++) {
-							attrs.push(cAttrs[l].getStructure());
-						}
-						cObj["attr"] = attrs;
-					}
-				} else if (cInfo.getFormat() === "dxf") {
-					cObj = {
-						"layerName" : cInfo.getName() + "_" + (cInfo.getGeometry().toUpperCase()),
-						"layerType" : cInfo.getGeometry()
-					};
-				}
-				obj[cFormat[i]][cSheetNum[j]]["create"].push(cObj);
-			}
-		}
-	}
-
-	var modified = this.getModified();
-	var mFormat = Object.keys(modified);
-	for (var i = 0; i < mFormat.length; i++) {
-		if (!obj.hasOwnProperty(mFormat[i])) {
-			obj[mFormat[i]] = {};
-		}
-		var mSheetNum = Object.keys(modified[mFormat[i]]);
-		for (var j = 0; j < mSheetNum.length; j++) {
-			if (!obj[mFormat[i]].hasOwnProperty(mSheetNum[j])) {
-				obj[mFormat[i]][mSheetNum[j]] = {};
-				obj[mFormat[i]][mSheetNum[j]]["modify"] = [];
-			}
-			var mLayers = Object.keys(modified[mFormat[i]][mSheetNum[j]]);
-			for (var k = 0; k < mLayers.length; k++) {
-				var mLayer = modified[mFormat[i]][mSheetNum[j]][mLayers[k]];
-				var mInfo = mLayer.get("git").information;
-
-				var mObj = {
-					"nativeName" : mInfo.getId(),
-					"originLayerName" : mInfo.getOldName() + "_" + (mInfo.getGeometry().toUpperCase()),
-					"currentLayerName" : mInfo.getName() + "_" + (mInfo.getGeometry().toUpperCase()),
-					// "layerType" : mInfo.getGeometry(),
-					// "version" : mInfo.getNGIVersion(),
-					// "dim" : mInfo.getNGIDim(),
-					"bound" : mInfo.getMbound(),
-					"represent" : mInfo.getNGIRep()
-				};
-				var attrs = [];
-				var mAttrs = mInfo.getAttributes();
-				if (!!mAttrs) {
-					for (var l = 0; l < mAttrs.length; l++) {
-						attrs.push(mAttrs[l].getStructure());
-					}
-					mObj["updateAttr"] = attrs;
-				}
-				obj[mFormat[i]][mSheetNum[j]]["modify"].push(mObj);
-			}
-		}
-	}
-
-	var removed = this.getRemoved();
-	var rFormat = Object.keys(removed);
-	for (var i = 0; i < rFormat.length; i++) {
-		if (!obj.hasOwnProperty(rFormat[i])) {
-			obj[rFormat[i]] = {};
-		}
-		var rSheetNum = Object.keys(removed[rFormat[i]]);
-		for (var j = 0; j < rSheetNum.length; j++) {
-			if (!obj[rFormat[i]].hasOwnProperty(rSheetNum[j])) {
-				obj[rFormat[i]][rSheetNum[j]] = {};
-				obj[rFormat[i]][rSheetNum[j]]["remove"] = {};
-			}
-			var scope = "part";
-			var layer = [];
-			var rLayers = Object.keys(removed[rFormat[i]][rSheetNum[j]]);
-			for (var k = 0; k < rLayers.length; k++) {
-				var rLayer = removed[rFormat[i]][rSheetNum[j]][rLayers[k]];
-				var rInfo = rLayer.get("git").information;
-				var name = info.rInfo.getOldName() + "_" + (rInfo.getGeometry().toUpperCase());
-				layer.push(name);
-			}
-			obj[rFormat[i]][rSheetNum[j]]["remove"]["scope"] = scope;
-			obj[rFormat[i]][rSheetNum[j]]["remove"]["layer"] = layer;
-		}
-	}
-	return obj;
-}
-/**
- * 선택한 도엽 단위의 Layer 정보 변경이력을 JSON형태로 반환한다.
- * 
- * @method gb.edit.LayerRecord#getPartStructure
- * @function
- * @param {String}
- *            bringLayer - Layer ID 배열
- * @return {Object} Layer 정보 편집이력
- */
-gb.edit.LayerRecord.prototype.getPartStructure = function(bringLayer) {
-	if (!Array.isArray(bringLayer)) {
-		console.error("type error");
-		return;
-	}
-	var obj = {};
-	var created = this.getCreated();
-	var cFormat = Object.keys(created);
-	for (var i = 0; i < cFormat.length; i++) {
-		if (bringLayer.indexOf(cFormat[i]) === -1) {
-			continue;
-		}
-		if (!obj.hasOwnProperty(cFormat[i])) {
-			obj[cFormat[i]] = {};
-		}
-		var cSheetNum = Object.keys(created[cFormat[i]]);
-		for (var j = 0; j < cSheetNum.length; j++) {
-			if (!obj[cFormat[i]].hasOwnProperty(cSheetNum[j])) {
-				obj[cFormat[i]][cSheetNum[j]] = {};
-				obj[cFormat[i]][cSheetNum[j]]["create"] = [];
-			}
-			var cLayers = Object.keys(created[cFormat[i]][cSheetNum[j]]);
-			for (var k = 0; k < cLayers.length; k++) {
-				var cLayer = created[cFormat[i]][cSheetNum[j]][cLayers[k]];
-				var cInfo = cLayer.get("git").information;
-				var cObj;
-				if (cInfo.getFormat() === "ngi") {
-					cObj = {
-						"layerName" : cInfo.getName() + "_" + (cInfo.getGeometry().toUpperCase()),
-						"layerType" : cInfo.getGeometry(),
-						"version" : cInfo.getNGIVersion(),
-						"dim" : cInfo.getNGIDim(),
-						"bound" : cInfo.getMbound(),
-						"represent" : cInfo.getNGIRep()
-					};
-					var attrs = [];
-					var cAttrs = cInfo.getAttributes();
-					if (!!cAttrs) {
-						for (var l = 0; l < cAttrs.length; l++) {
-							attrs.push(cAttrs[l].getStructure());
-						}
-						cObj["attr"] = attrs;
-					}
-				} else if (cInfo.getFormat() === "dxf") {
-					cObj = {
-						"layerName" : cInfo.getName() + "_" + (cInfo.getGeometry().toUpperCase()),
-						"layerType" : cInfo.getGeometry()
-					};
-				}
-				obj[cFormat[i]][cSheetNum[j]]["create"].push(cObj);
-			}
-		}
-	}
-
-	var modified = this.getModified();
-	var mFormat = Object.keys(modified);
-	for (var i = 0; i < mFormat.length; i++) {
-		if (bringLayer.indexOf(mFormat[i]) === -1) {
-			continue;
-		}
-		if (!obj.hasOwnProperty(mFormat[i])) {
-			obj[mFormat[i]] = {};
-		}
-		var mSheetNum = Object.keys(modified[mFormat[i]]);
-		for (var j = 0; j < mSheetNum.length; j++) {
-			if (!obj[mFormat[i]].hasOwnProperty(mSheetNum[j])) {
-				obj[mFormat[i]][mSheetNum[j]] = {};
-				obj[mFormat[i]][mSheetNum[j]]["modify"] = [];
-			}
-			var mLayers = Object.keys(modified[mFormat[i]][mSheetNum[j]]);
-			for (var k = 0; k < mLayers.length; k++) {
-				var mLayer = modified[mFormat[i]][mSheetNum[j]][mLayers[k]];
-				var mInfo = mLayer.get("git").information;
-
-				var mObj = {
-					"nativeName" : mInfo.getId(),
-					"originLayerName" : mInfo.getOldName() + "_" + (mInfo.getGeometry().toUpperCase()),
-					"currentLayerName" : mInfo.getName() + "_" + (mInfo.getGeometry().toUpperCase()),
-					// "layerType" : mInfo.getGeometry(),
-					// "version" : mInfo.getNGIVersion(),
-					// "dim" : mInfo.getNGIDim(),
-					"bound" : mInfo.getMbound(),
-					"represent" : mInfo.getNGIRep()
-				};
-				var attrs = [];
-				var mAttrs = mInfo.getAttributes();
-				if (!!mAttrs) {
-					for (var l = 0; l < mAttrs.length; l++) {
-						attrs.push(mAttrs[l].getStructure());
-					}
-					mObj["updateAttr"] = attrs;
-				}
-				obj[mFormat[i]][mSheetNum[j]]["modify"].push(mObj);
-			}
-		}
-	}
-
-	var removed = this.getRemoved();
-	var rFormat = Object.keys(removed);
-	for (var i = 0; i < rFormat.length; i++) {
-		if (bringLayer.indexOf(rFormat[i]) === -1) {
-			continue;
-		}
-		if (!obj.hasOwnProperty(rFormat[i])) {
-			obj[rFormat[i]] = {};
-		}
-		var rSheetNum = Object.keys(removed[rFormat[i]]);
-		for (var j = 0; j < rSheetNum.length; j++) {
-			if (!obj[rFormat[i]].hasOwnProperty(rSheetNum[j])) {
-				obj[rFormat[i]][rSheetNum[j]] = {};
-				obj[rFormat[i]][rSheetNum[j]]["remove"] = {};
-			}
-			var scope = "part";
-			var layer = [];
-			var rLayers = Object.keys(removed[rFormat[i]][rSheetNum[j]]);
-			for (var k = 0; k < rLayers.length; k++) {
-				var rLayer = removed[rFormat[i]][rSheetNum[j]][rLayers[k]];
-				var rInfo = rLayer.get("git").information;
-				var name = info.rInfo.getOldName() + "_" + (rInfo.getGeometry().toUpperCase());
-				layer.push(name);
-			}
-			obj[rFormat[i]][rSheetNum[j]]["remove"]["scope"] = scope;
-			obj[rFormat[i]][rSheetNum[j]]["remove"]["layer"] = layer;
-		}
-	}
-	return obj;
-}
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/edit/recordtransfer.js b/opengds2018prod/src/main/resources/static/resources/js/gb/edit/recordtransfer.js
deleted file mode 100644
index fb29f5cf..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/edit/recordtransfer.js
+++ /dev/null
@@ -1,123 +0,0 @@
-/**
- * 레이어 및 피처 편집 이력을 전송하는 객체
- * 
- * @param {Object}
- *            obj - 생성자 옵선을 담은 객체
- * @param {String}
- *            obj.url - 편집이력을 전송할 URL
- * @param {gb.edit.LayerRecord}
- *            obj.layer - Layer 편집이력 저장 객체
- * @param {gb.edit.FeatureRecord}
- *            obj.feature - Feature 편집이력 저장 객체
- * @author 소이준
- * @date 2017.06.13
- */
-gb.edit.RecordTransfer = function(obj) {
-	this.feature = obj.feature;
-	this.layer = obj.layer;
-	this.url = obj.url;
-}
-gb.edit.RecordTransfer.prototype.getFeatureRecord = function() {
-	return this.feature;
-};
-gb.edit.RecordTransfer.prototype.getLayerRecord = function() {
-	return this.layer;
-};
-gb.edit.RecordTransfer.prototype.getPartStructure = function(savingLayer) {
-	var obj = {};
-	// if (this.layer instanceof gb.edit.LayerRecord) {
-	// obj["layer"] = this.layer.getPartStructure(savingLayer);
-	// }
-
-	if (this.feature instanceof gb.edit.FeatureRecord) {
-		obj["feature"] = this.feature.getPartStructure(savingLayer);
-	}
-	console.log(obj);
-	return obj;
-};
-
-gb.edit.RecordTransfer.prototype.getStructure = function() {
-	var obj = {};
-	if (this.layer instanceof gb.edit.LayerRecord) {
-		obj["layer"] = this.layer.getStructure();
-	}
-
-	if (this.feature instanceof gb.edit.FeatureRecord) {
-		obj["feature"] = this.feature.getStructure();
-	}
-	console.log(obj);
-	return obj;
-};
-gb.edit.RecordTransfer.prototype.refresh = function(layer, editingTool) {
-	if (layer instanceof ol.layer.Group) {
-		var layers = layer.getLayers();
-		for (var i = 0; i < layers.getLength(); i++) {
-			this.refresh(layers.item(i), editingTool);
-		}
-	} else if (layer instanceof ol.layer.Tile) {
-		var params = layer.getSource().getParams();
-		params["time"] = Date.now();
-		layer.getSource().updateParams(params);
-		layer.getSource().refresh();
-		editingTool.removeFeatureFromUnmanaged(layer);
-	}
-};
-gb.edit.RecordTransfer.prototype.sendStructure = function(ollayers, editingTool) {
-	var that = this;
-	var featureObj = this.getFeatureRecord();
-	console.log(this.getStructure());
-	$.ajax({
-		url : this.url,
-		type : "POST",
-		data : JSON.stringify(this.getStructure()),
-		contentType : "application/json; charset=UTF-8",
-		dataType : 'json',
-		beforeSend : function() {
-			$("body").css("cursor", "wait");
-		},
-		complete : function() {
-			$("body").css("cursor", "default");
-		},
-		success : function(data) {
-			console.log(data);
-			featureObj.clearAll();
-			for (var i = 0; i < ollayers.getLength(); i++) {
-				that.refresh(ollayers.item(i), editingTool);
-			}
-		}
-	});
-};
-
-gb.edit.RecordTransfer.prototype.sendPartStructure = function(layers, ollayers, editingTool) {
-	console.log(this.getPartStructure(layers));
-	var featureObj = this.getFeatureRecord();
-
-	$.ajax({
-		url : this.url,
-		type : "POST",
-		data : JSON.stringify(this.getPartStructure(layers)),
-		contentType : "application/json; charset=UTF-8",
-		dataType : 'json',
-		beforeSend : function() {
-			$("body").css("cursor", "wait");
-		},
-		complete : function() {
-			$("body").css("cursor", "default");
-		},
-		success : function(data) {
-			console.log(data);
-			for (var i = 0; i < layers.length; i++) {
-				featureObj.removeByLayer(layers[i]);
-			}
-			for (var i = 0; i < ollayers.getLength(); i++) {
-				if (ollayers.item(i) instanceof ol.layer.Tile) {
-					var params = ollayers.item(i).getSource().getParams();
-					params["time"] = Date.now();
-					ollayers.item(i).getSource().updateParams(params);
-					ollayers.item(i).getSource().refresh();
-					editingTool.removeFeatureFromUnmanaged(ollayers.item(i));
-				}
-			}
-		}
-	});
-};
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/interaction/selectwms.js b/opengds2018prod/src/main/resources/static/resources/js/gb/interaction/selectwms.js
deleted file mode 100644
index 9023435d..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/interaction/selectwms.js
+++ /dev/null
@@ -1,347 +0,0 @@
-/**
- * WMS레이어의 선택 위치의 피처를 요청한다.
- * 
- * @param {ol.interaction.Select}
- *            select 연동할 실렉트 인터렉션
- * @param {ol.layer.Vector}
- *            destination 선택한 피처가 편입될 벡터레이어
- * @param {function ||
- *            ol.layer.Tile} layer 선택한 레이어 또는 레이어를 반환할 함수
- */
-var gb;
-if (!gb)
-	gb = {};
-if (!gb.interaction)
-	gb.interaction = {};
-
-gb.interaction.SelectWMS = function(opt_options) {
-	var options = opt_options ? opt_options : {};
-	this.map_ = null;
-	this.coordinate_ = null;
-	this.extent_ = null;
-	this.conLayer = options.layer ? options.layer : undefined;
-	this.layer = undefined;
-	this.source_ = new ol.source.Vector();
-	this.features_ = new ol.Collection();
-	this.select_ = options.select;
-	this.destination_ = options.destination ? options.destination : new ol.layer.Vector({
-		source : this.source_
-	});
-	this.record = options.record;
-	ol.interaction.Interaction.call(this, {
-		handleEvent : gb.interaction.SelectWMS.prototype.handleEvent
-	});
-	this.getFeature_ = options.getFeature ? options.getFeature : null;
-	this.getFeatureInfo_ = options.getFeatureInfo ? options.getFeatureInfo : null;
-}
-ol.inherits(gb.interaction.SelectWMS, ol.interaction.Interaction);
-
-gb.interaction.SelectWMS.prototype.handleEvent = function(evt) {
-	var that = this;
-	this.map_ = evt.map;
-	if (typeof this.conLayer === "function") {
-		this.layer = this.conLayer();
-	} else if (this.conLayer instanceof ol.layer.Base) {
-		this.layer = this.conLayer;
-	}
-	if (evt.type === "singleclick") {
-		if (this.layer instanceof ol.layer.Vector) {
-			var lys = [ this.layer ];
-			var layerFilter;
-			if (lys) {
-				if (typeof lys === 'function') {
-					layerFilter = lys;
-				} else {
-					var layers = lys;
-					layerFilter = function(layer) {
-						return ol.array.includes(lys, layer);
-					};
-				}
-			} else {
-				layerFilter = ol.functions.TRUE;
-			}
-
-			/**
-			 * @private
-			 * @type {function(ol.layer.Layer): boolean}
-			 */
-			this.select_.layerFilter_ = layerFilter;
-
-			this.select_.handleEvent(evt);
-		} else if (this.layer instanceof ol.layer.Layer) {
-			var lys = [ this.destination_ ];
-			var layerFilter;
-			if (lys) {
-				if (typeof lys === 'function') {
-					layerFilter = lys;
-				} else {
-					var layers = lys;
-					layerFilter = function(layer) {
-						return ol.array.includes(lys, layer);
-					};
-				}
-			} else {
-				layerFilter = ol.functions.TRUE;
-			}
-			/**
-			 * @private
-			 * @type {function(ol.layer.Layer): boolean}
-			 */
-			this.select_.layerFilter_ = layerFilter;
-
-			this.setCoordinate(evt);
-		}
-	}
-	return true;
-};
-
-gb.interaction.SelectWMS.prototype.getFeatures = function() {
-	return this.features_;
-};
-
-gb.interaction.SelectWMS.prototype.setExtent = function(extent) {
-	if (!this.getLayer().getVisible() || this.getLayer() instanceof ol.layer.Vector) {
-		return;
-	}
-	this.extent_ = extent;
-	var that = this;
-	var params;
-	if (that.layer instanceof ol.layer.Tile) {
-		params = {
-			"service" : "WFS",
-			"version" : gb.module.serviceVersion.WFS,
-			"request" : "GetFeature",
-			"typeName" : that.layer.getSource().getParams().LAYERS,
-			"outputformat" : "text/javascript",
-			"bbox" : extent.toString(),
-			"format_options" : "callback:getJson"
-		};
-	} else if (that.layer instanceof ol.layer.Base && that.layer.get("git").hasOwnProperty("fake")) {
-		params = {
-			"service" : "WFS",
-			"version" : gb.module.serviceVersion.WFS,
-			"request" : "GetFeature",
-			"typeName" : that.layer.get("id"),
-			"outputformat" : "text/javascript",
-			"bbox" : extent.toString(),
-			"format_options" : "callback:getJson"
-		};
-	}
-	console.log(extent);
-	var addr = this.getFeature_;
-
-	$.ajax({
-		url : addr,
-		data : params,
-		dataType : 'jsonp',
-		jsonpCallback : 'getJson',
-		beforeSend : function() {
-			$("body").css("cursor", "wait");
-		},
-		complete : function() {
-			$("body").css("cursor", "default");
-		},
-		success : function(data) {
-			that.features_.clear();
-			var features = new ol.format.GeoJSON().readFeatures(JSON.stringify(data));
-
-			that.destination_.getSource().addFeatures(features);
-			that.destination_.setMap(that.map_);
-			that.select_.getFeatures().clear();
-
-			that.destination_.getSource().forEachFeatureIntersectingExtent(extent, function(feature) {
-				if (feature.getId().indexOf(that.layer.get("id")) !== -1 && !that.record.isRemoved(that.layer, feature)) {
-					that.select_.getFeatures().push(feature);
-				}
-			});
-		}
-	});
-};
-gb.interaction.SelectWMS.prototype.setCoordinate = function(evt) {
-	if (!this.getLayer().getVisible() || this.getLayer() instanceof ol.layer.Vector) {
-		return;
-	}
-	var that = this;
-	this.coordinate_ = evt.coordinate;
-	var viewResolution = (this.map_.getView().getResolution());
-	var wmsSource = new ol.source.TileWMS({
-		url : this.getFeatureInfo_,
-		params : this.getLayer().getSource().getParams()
-	});
-	var url = wmsSource.getGetFeatureInfoUrl(evt.coordinate, viewResolution, this.map_.getView().getProjection().getCode(), {
-		'INFO_FORMAT' : 'text/javascript',
-		'FORMAT_OPTIONS' : 'callback:getJson'
-	});
-	if (url) {
-		this.getFeatureAJAX(url);
-	}
-};
-gb.interaction.SelectWMS.prototype.setLayer = function(layer) {
-	this.layer = layer;
-}
-gb.interaction.SelectWMS.prototype.getLayer = function() {
-	return this.layer;
-}
-gb.interaction.SelectWMS.prototype.setFeatureId = function(fid) {
-	var that = this;
-	var params;
-	if (that.layer instanceof ol.layer.Tile) {
-		params = {
-			"service" : "WFS",
-			"version" : gb.module.serviceVersion.WFS,
-			"request" : "GetFeature",
-			"typeName" : this.layer.get("id"),
-			"outputformat" : "text/javascript",
-			"featureID" : fid,
-			"format_options" : "callback:getJson"
-		};
-	} else if (that.layer instanceof ol.layer.Base && that.layer.get("git").hasOwnProperty("fake")) {
-		params = {
-			"service" : "WFS",
-			"version" : gb.module.serviceVersion.WFS,
-			"request" : "GetFeature",
-			"typeName" : this.layer.get("id"),
-			"outputformat" : "text/javascript",
-			"featureID" : fid,
-			"format_options" : "callback:getJson"
-		};
-	}
-
-	var addr = this.getFeature_;
-
-	$.ajax({
-		url : addr,
-		data : params,
-		dataType : 'jsonp',
-		jsonpCallback : 'getJson',
-		beforeSend : function() {
-			$("body").css("cursor", "wait");
-		},
-		complete : function() {
-			$("body").css("cursor", "default");
-		},
-		success : function(data) {
-
-			that.features_.clear();
-			var features = new ol.format.GeoJSON().readFeatures(JSON.stringify(data));
-			var ids = [];
-			for (var i = 0; i < features.length; i++) {
-				ids.push(features[i].getId());
-			}
-			that.destination_.getSource().addFeatures(features);
-			that.destination_.setMap(that.map_);
-
-			console.log(that.select_.getFeatures());
-			var vf = that.select_.getFeatures();
-			for (var i = 0; i < vf.getLength(); i++) {
-				if (vf.item(i).getId().indexOf(that.layer.get("id")) !== -1) {
-					ids.push(vf.item(i).getId());
-				}
-			}
-			that.select_.getFeatures().clear();
-
-			for (var i = 0; i < ids.length; i++) {
-				var f = that.destination_.getSource().getFeatureById(ids[i]);
-				if (f.getId().indexOf(that.layer.get("id")) !== -1 && !that.record.isRemoved(that.layer, f)) {
-					that.select_.getFeatures().push(f);
-				}
-			}
-
-			// that.features_.clear();
-			// var features = new
-			// ol.format.GeoJSON().readFeatures(JSON.stringify(data));
-			// var ids = [];
-			// for (var i = 0; i < features.length; i++) {
-			// ids.push(features[i].getId());
-			// }
-			// that.destination_.getSource().addFeatures(features);
-			// that.destination_.setMap(that.map_);
-			//
-			// var selFeatures = that.select_.getFeatures();
-			// var cFeatures = [];
-			// for (var k = 0; k < selFeatures.getLength(); k++) {
-			// if (selFeatures.item(k).getId().search(that.layer.get("id") +
-			// ".new") !== -1)
-			// {
-			// cFeatures.push(selFeatures.item(k));
-			// } else {
-			// if (!that.record.isRemoved(that.layer, selFeatures.item(k))) {
-			// cFeatures.push(selFeatures.item(k));
-			// }
-			// }
-			// }
-			// that.select_.getFeatures().clear();
-			// that.select_.getFeatures().extend(cFeatures);
-			// var newFeatures = [];
-			// for (var j = 0; j < ids.length; j++) {
-			// if (!that.record.isRemoved(that.layer,
-			// that.destination_.getSource().getFeatureById(ids[j]))) {
-			// newFeatures.push(that.destination_.getSource().getFeatureById(ids[j]));
-			// }
-			// }
-			// that.select_.getFeatures().extend(newFeatures);
-		}
-	});
-};
-
-gb.interaction.SelectWMS.prototype.getFeatureAJAX = function(url) {
-	console.log(url);
-	console.log(url.substring(0, url.indexOf("?")));
-	var ctrlr = url.substring(0, url.indexOf("?"));
-	var prm = url.substring(url.indexOf("?") + 1);
-	console.log(prm);
-	var QueryStringToJSON = function(str) {
-		var pairs = str.split('&');
-
-		var result = {};
-		pairs.forEach(function(pair) {
-			pair = pair.split('=');
-			result[pair[0]] = decodeURIComponent(pair[1] || '');
-		});
-
-		return JSON.parse(JSON.stringify(result));
-	}
-
-	console.log(QueryStringToJSON(prm));
-	var that = this;
-	var params = QueryStringToJSON(prm);
-	$.ajax({
-		url : ctrlr,
-		data : params,
-		dataType : 'jsonp',
-		jsonpCallback : 'getJson',
-		beforeSend : function() {
-			$("body").css("cursor", "wait");
-		},
-		complete : function() {
-			$("body").css("cursor", "default");
-		},
-		success : function(data) {
-
-			that.features_.clear();
-			var features = new ol.format.GeoJSON().readFeatures(JSON.stringify(data));
-			var ids = [];
-			for (var i = 0; i < features.length; i++) {
-				ids.push(features[i].getId());
-			}
-			that.destination_.getSource().addFeatures(features);
-			that.destination_.setMap(that.map_);
-
-			console.log(that.select_.getFeatures());
-			var vf = that.select_.getFeatures();
-			for (var i = 0; i < vf.getLength(); i++) {
-				if (vf.item(i).getId().indexOf(that.layer.get("id")) !== -1) {
-					ids.push(vf.item(i).getId());
-				}
-			}
-			that.select_.getFeatures().clear();
-
-			for (var i = 0; i < ids.length; i++) {
-				var f = that.destination_.getSource().getFeatureById(ids[i]);
-				if (f.getId().indexOf(that.layer.get("id")) !== -1 && !that.record.isRemoved(that.layer, f)) {
-					that.select_.getFeatures().push(f);
-				}
-			}
-		}
-	});
-}
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/createlayer.js b/opengds2018prod/src/main/resources/static/resources/js/gb/modal/createlayer.js
deleted file mode 100644
index 464219fc..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/createlayer.js
+++ /dev/null
@@ -1,512 +0,0 @@
-/**
- * 레이어 정보를 변경하는 객체를 정의한다.
- * 
- * @author yijun.so
- * @date 2017. 06. 16
- * @version 0.01
- */
-var gb;
-if (!gb)
-	gb = {};
-if (!gb.geoserver)
-	gb.geoserver = {};
-gb.geoserver.CreateLayer = function(obj) {
-	var that = this;
-	var options = obj;
-	this.window;
-	this.url = options.URL ? options.URL : null;
-	this.format = undefined;
-	this.type = undefined;
-	this.refer = options.refer ? options.refer : undefined;
-	this.clientRefer = options.clientRefer ? options.clientRefer : undefined;
-
-	var xSpan = $("<span>").attr({
-		"aria-hidden" : true
-	}).html("&times;");
-	var xButton = $("<button>").attr({
-		"type" : "button",
-		"data-dismiss" : "modal",
-		"aria-label" : "Close"
-	}).html(xSpan);
-	$(xButton).addClass("close");
-
-	this.htag = $("<h4>");
-	this.htag.text("Create layer");
-	$(this.htag).addClass("modal-title");
-
-	var header = $("<div>").append(xButton).append(this.htag);
-	$(header).addClass("modal-header");
-	/*
-	 * 
-	 * 
-	 * header end
-	 * 
-	 * 
-	 */
-	var sheetNum = $("<p>").text("Map Sheet Number");
-	this.sheetNumInput = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	});
-	var div1 = $("<div>").css({
-		"margin-bottom" : "10px"
-	}).append(sheetNum).append(this.sheetNumInput);
-
-	var layerName = $("<p>").text("Layer Name");
-	this.layerNameInput = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	});
-	this.layerNameForm = $("<div>").css({
-		"margin-bottom" : "15px"
-	}).append(layerName).append(this.layerNameInput);
-
-	this.typeForm = $("<div>").css({
-		"margin-bottom" : "10px"
-	});
-
-	this.attrForm = $("<div>").css({
-		"margin-bottom" : "10px"
-	});
-
-	this.expertForm = $("<div>").css({
-		"margin-bottom" : "10px"
-	});
-
-	this.message = $("<div>").addClass("text-danger").css({
-		"margin-bottom" : "10px",
-		"display" : "none"
-	});
-	this.body = $("<div>").append(div1).append(this.layerNameForm).append(this.typeForm).append(this.attrForm).append(this.expertForm)
-			.append(this.message);
-	$(this.body).addClass("modal-body");
-	/*
-	 * 
-	 * 
-	 * body end
-	 * 
-	 * 
-	 */
-
-	var closeBtn = $("<button>").attr({
-		"type" : "button",
-		"data-dismiss" : "modal"
-	});
-	$(closeBtn).addClass("btn");
-	$(closeBtn).addClass("btn-default");
-	$(closeBtn).text("Close");
-
-	var okBtn = $("<button>").attr({
-		"type" : "button"
-	}).on("click", function() {
-		var opt = that.getDefinitionForm();
-		var isExisting = that.isExisting([ that.futureId ]);
-		if (isExisting) {
-			$(that.message).empty();
-			$(that.message).show();
-			$(that.message).text("Layer name or Map sheet number is duplicated.");
-		} else {
-			that.save(opt);
-			that.close();
-		}
-	});
-	$(okBtn).addClass("btn");
-	$(okBtn).addClass("btn-primary");
-	$(okBtn).text("Create");
-
-	var pright = $("<span>").css("float", "right");
-	$(pright).append(closeBtn).append(okBtn);
-
-	var footer = $("<div>").append(pright);
-	$(footer).addClass("modal-footer");
-	/*
-	 * 
-	 * 
-	 * footer end
-	 * 
-	 * 
-	 */
-	var content = $("<div>").append(header).append(this.body).append(footer);
-	$(content).addClass("modal-content");
-
-	var dialog = $("<div>").html(content);
-	$(dialog).addClass("modal-dialog");
-	$(dialog).addClass("modal-lg");
-	this.window = $("<div>").hide().attr({
-		// Setting tabIndex makes the div focusable
-		tabIndex : -1,
-		role : "dialog",
-	}).html(dialog);
-	$(this.window).addClass("modal");
-	$(this.window).addClass("fade");
-
-	this.window.appendTo("body");
-	this.window.modal({
-		backdrop : true,
-		keyboard : true,
-		show : false,
-	});
-};
-
-gb.geoserver.CreateLayer.prototype.isExisting = function(ids) {
-	var result = false;
-	var refer = this.getReference();
-	if (!Array.isArray(ids)) {
-		return;
-	}
-	for (var i = 0; i < ids.length; i++) {
-		var layer = refer.get_node(ids[i]);
-		if (!!layer) {
-			result = true;
-			break;
-		}
-	}
-
-	return result;
-};
-gb.geoserver.CreateLayer.prototype.open = function() {
-	$(this.message).hide();
-	this.window.modal('show');
-};
-gb.geoserver.CreateLayer.prototype.close = function() {
-	this.window.modal('hide');
-};
-gb.geoserver.CreateLayer.prototype.setClientReference = function(refer) {
-	this.clientRefer = refer;
-};
-gb.geoserver.CreateLayer.prototype.getClientReference = function() {
-	return this.clientRefer;
-};
-gb.geoserver.CreateLayer.prototype.setReference = function(refer) {
-	this.refer = refer;
-};
-gb.geoserver.CreateLayer.prototype.getReference = function() {
-	return this.refer;
-};
-gb.geoserver.CreateLayer.prototype.save = function(obj) {
-	var that = this;
-	console.log(obj);
-	$.ajax({
-		url : this.getUrl(),
-		method : "POST",
-		contentType : "application/json; charset=UTF-8",
-		cache : false,
-		data : JSON.stringify(obj),
-		beforeSend : function() {
-			$("body").css("cursor", "wait");
-		},
-		complete : function() {
-			$("body").css("cursor", "default");
-		},
-		traditional : true,
-		success : function(data, textStatus, jqXHR) {
-			console.log(data);
-			that.getReference().refresh();
-		}
-	});
-};
-gb.geoserver.CreateLayer.prototype.setForm = function(format, type, sheetNum) {
-	this.format = format;
-	this.type = type;
-	if (type === "mapsheet") {
-		if (format === "dxf") {
-			$(this.htag).text("Create a map sheet (DXF)");
-		} else if (format === "ngi") {
-			$(this.htag).text("Create a map sheet (NGI)");
-		} else if (format === "shp") {
-			$(this.htag).text("Create a map sheet (SHP)");
-		}
-		$(this.sheetNumInput).val("");
-		$(this.layerNameForm).hide();
-		$(this.typeForm).hide();
-		$(this.attrForm).hide();
-		$(this.expertForm).hide();
-	} else if (type === "layer") {
-		$(this.htag).text("Create a layer");
-		$(this.sheetNumInput).val(sheetNum);
-		$(this.layerNameInput).val("");
-		$(this.layerNameForm).show();
-		if (format === "dxf") {
-			this.initTypeForm("dxf");
-			$(this.typeForm).show();
-			$(this.attrForm).hide();
-			$(this.expertForm).hide();
-		} else if (format === "ngi") {
-			this.initTypeForm("ngi");
-			$(this.typeForm).show();
-			this.initAttrForm();
-			$(this.attrForm).show();
-			this.initExpertForm();
-			$(this.expertForm).show();
-		} else if (format === "shp") {
-			this.initTypeForm("shp");
-			$(this.typeForm).show();
-			this.initAttrForm();
-			$(this.attrForm).show();
-			$(this.expertForm).hide();
-		}
-	}
-};
-gb.geoserver.CreateLayer.prototype.initTypeForm = function(type) {
-	var select = $("<select>").addClass("form-control");
-	if (type === "dxf") {
-		var option1 = $("<option>").text("LWPolyline");
-		var option2 = $("<option>").text("Polyline");
-		var option3 = $("<option>").text("Insert");
-		var option4 = $("<option>").text("Text");
-		$(select).append(option1).append(option2).append(option3).append(option4);
-	} else if (type === "ngi") {
-		var option1 = $("<option>").text("Point");
-		var option2 = $("<option>").text("LineString");
-		var option3 = $("<option>").text("Polygon");
-		var option4 = $("<option>").text("Text");
-		$(select).append(option1).append(option2).append(option3).append(option4);
-	} else if (type === "shp") {
-		var option1 = $("<option>").text("Point");
-		var option2 = $("<option>").text("LineString");
-		var option3 = $("<option>").text("Polygon");
-		$(select).append(option1).append(option2).append(option3);
-	}
-	$(this.typeForm).empty();
-	var tp = $("<p>").text("Type");
-	$(this.typeForm).append(tp).append(select);
-};
-gb.geoserver.CreateLayer.prototype.initAttrForm = function() {
-	var that = this;
-	var htd1 = $("<td>").text("Name");
-	var htd2 = $("<td>").text("Type");
-	var htd3 = $("<td>").text("Not Null");
-	var htd4 = $("<td>").text("Unique");
-	var thd = $("<thead>").append(htd1).append(htd2).append(htd3).append(htd4);
-
-	var key = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	});
-	var td1 = $("<td>").append(key);
-
-	var opt1 = $("<option>").text("Integer");
-	var opt2 = $("<option>").text("Double");
-	var opt3 = $("<option>").text("String");
-	var opt4 = $("<option>").text("Date");
-	var opt5 = $("<option>").text("Boolean");
-	var type = $("<select>").addClass("form-control").append(opt1).append(opt2).append(opt3).append(opt4).append(opt5);
-	var td2 = $("<td>").append(type);
-
-	var nullable = $("<input>").attr({
-		"type" : "checkbox"
-	});
-	var td3 = $("<td>").append(nullable);
-
-	var unique = $("<input>").attr({
-		"type" : "checkbox"
-	});
-	var td4 = $("<td>").append(unique);
-
-	var tr1 = $("<tr>").append(td1).append(td2).append(td3).append(td4);
-	this.typeFormBody = $("<tbody>").append(tr1);
-
-	var table = $("<table>").addClass("table").addClass("text-center").append(thd).append(this.typeFormBody);
-	var addBtn = $("<input>").addClass("gitbuilder-createlayer-addattr").addClass("btn").addClass("btn-default").attr({
-		"type" : "button",
-		"value" : "Add Attribute"
-	}).on("click", function() {
-		console.log("attr");
-		var key = $("<input>").addClass("form-control").attr({
-			"type" : "text"
-		});
-		var td1 = $("<td>").append(key);
-
-		var opt1 = $("<option>").text("Integer");
-		var opt2 = $("<option>").text("Double");
-		var opt3 = $("<option>").text("String");
-		var opt4 = $("<option>").text("Date");
-		var opt5 = $("<option>").text("Boolean");
-		var type = $("<select>").addClass("form-control").append(opt1).append(opt2).append(opt3).append(opt4).append(opt5);
-		var td2 = $("<td>").append(type);
-
-		var nullable = $("<input>").attr({
-			"type" : "checkbox"
-		});
-		var td3 = $("<td>").append(nullable);
-
-		var unique = $("<input>").attr({
-			"type" : "checkbox"
-		});
-		var td4 = $("<td>").append(unique);
-		var tr1 = $("<tr>").append(td1).append(td2).append(td3).append(td4);
-		$(that.typeFormBody).append(tr1);
-	});
-	$(this.attrForm).empty();
-	var tp = $("<p>").text("Attribute");
-	$(this.attrForm).append(tp).append(table).append(addBtn);
-};
-gb.geoserver.CreateLayer.prototype.initExpertForm = function() {
-	var that = this;
-	var htd1 = $("<td>").text("Version");
-	var htd2 = $("<td>").text("Dimension");
-	var htd3 = $("<td>").text("Represent");
-	var thd = $("<thead>").append(htd1).append(htd2).append(htd3);
-
-	var veropt1 = $("<option>").text("1");
-	var veropt2 = $("<option>").text("2");
-	this.ver = $("<select>").addClass("form-control").append(veropt1).append(veropt2).val("2");
-	var td1 = $("<td>").append(this.ver);
-
-	var dimopt1 = $("<option>").text("2");
-	var dimopt2 = $("<option>").text("3");
-	this.dim = $("<select>").addClass("form-control").append(dimopt1).append(dimopt2).val("2");
-	var td2 = $("<td>").append(this.dim);
-
-	this.rep = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	}).val("255;0;102");
-	var td3 = $("<td>").append(this.rep);
-
-	var tr1 = $("<tr>").append(td1).append(td2).append(td3);
-
-	this.expertFormBody = $("<tbody>").append(tr1);
-
-	var table = $("<table>").addClass("table").addClass("text-center").append(thd).append(this.expertFormBody);
-
-	var htd12 = $("<td>").text("MinX");
-	var htd22 = $("<td>").text("MinY");
-	var htd32 = $("<td>").text("MaxX");
-	var htd42 = $("<td>").text("MaxY");
-	var thd2 = $("<thead>").append(htd12).append(htd22).append(htd32).append(htd42);
-
-	this.minx = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	}).val("-219825.99");
-	var td12 = $("<td>").append(this.minx);
-	this.miny = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	}).val("-435028.96");
-	var td22 = $("<td>").append(this.miny);
-	this.maxx = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	}).val("819486.07");
-	var td32 = $("<td>").append(this.maxx);
-	this.maxy = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	}).val("877525.22");
-	var td42 = $("<td>").append(this.maxy);
-
-	var tr12 = $("<tr>").append(td12).append(td22).append(td32).append(td42);
-
-	this.expertFormBodyUnder = $("<tbody>").append(tr12);
-
-	var table2 = $("<table>").addClass("table").addClass("text-center").append(thd2).append(this.expertFormBodyUnder);
-
-	$(this.expertForm).empty();
-	var tp = $("<p>").text("NGI Setting");
-	$(this.expertForm).append(tp).append(table).append(table2);
-};
-gb.geoserver.CreateLayer.prototype.getDefinitionForm = function() {
-	var opt = {
-		"layer" : {}
-	};
-	if (this.type === "mapsheet") {
-		opt.layer[this.format] = {};
-		opt.layer[this.format][$(this.sheetNumInput).val()] = {};
-		if ($(this.sheetNumInput).val().replace(/(\s*)/g, '') === "") {
-			console.error("no mapsheet number");
-			return;
-		}
-		opt.layer[this.format][$(this.sheetNumInput).val()]["create"] = [];
-		var layerObj = {
-			"layerName" : "default",
-			"layerType" : "Point"
-		};
-		opt.layer[this.format][$(this.sheetNumInput).val()]["create"].push(layerObj);
-		if (this.format === "ngi") {
-			var attr = {
-				"fieldName" : "UFID",
-				"type" : "String",
-				"decimal" : null,
-				"size" : 256,
-				"isUnique" : true
-			}
-			layerObj["attr"] = [ attr ];
-			layerObj["version"] = 2;
-			layerObj["dim"] = 2;
-			layerObj["bound"] = [ [ 122.6019287109375, 49.73690656023088 ], [ 122.14874267578125, 49.40918616182351 ] ];
-			layerObj["represent"] = "255;0;102";
-		} else if (this.format === "shp") {
-			var attr = {
-				"fieldName" : "UFID",
-				"type" : "String",
-				"nullable" : true
-			}
-			layerObj["attr"] = [ attr ];
-			// layerObj["bound"] = [ [ 122.6019287109375, 49.73690656023088 ], [
-			// 122.14874267578125, 49.40918616182351 ] ];
-		}
-		this.futureId = "gro_" + this.format + "_" + $(this.sheetNumInput).val().replace(/(\s*)/g, '');
-	} else if (this.type === "layer") {
-		opt.layer[this.format] = {};
-		if ($(this.sheetNumInput).val().replace(/(\s*)/g, '') === "") {
-			console.error("no mapsheet number");
-			return;
-		}
-		opt.layer[this.format][$(this.sheetNumInput).val()] = {};
-		opt.layer[this.format][$(this.sheetNumInput).val()]["create"] = [];
-		if ($(this.layerNameInput).val().replace(/(\s*)/g, '') === "") {
-			console.error("no layer name");
-			return;
-		}
-		var layerObj = {
-			"layerName" : $(this.layerNameInput).val(),
-			"layerType" : $(this.typeForm).find("select").val()
-		};
-		opt.layer[this.format][$(this.sheetNumInput).val()]["create"].push(layerObj);
-		var layerAttr = [];
-		if (this.format === "ngi") {
-			var attrs = $(this.attrForm).find("tr");
-			for (var i = 0; i < attrs.length; i++) {
-				if ($(attrs[i]).children().eq(0).find("input:text").val().replace(/(\s*)/g, '') === "") {
-					break;
-				}
-				var attr = {
-					"fieldName" : $(attrs[i]).children().eq(0).find("input:text").val().replace(/(\s*)/g, ''),
-					"type" : $(attrs[i]).children().eq(1).find("select").val(),
-					"nullable" : $(attrs[i]).children().eq(2).find("input:checkbox").prop("checked") ? false : true,
-					"isUnique" : $(attrs[i]).children().eq(3).find("input:checkbox").prop("checked") ? true : false,
-					"decimal" : $(attrs[i]).children().eq(1).find("select").val() === "Double" ? 30 : null,
-					"size" : 256
-				};
-				layerAttr.push(attr);
-			}
-			layerObj["attr"] = layerAttr;
-			layerObj["version"] = $(this.ver).val();
-			layerObj["dim"] = $(this.dim).val();
-			layerObj["bound"] = [ [ $(this.minx).val(), $(this.miny).val() ], [ $(this.maxx).val(), $(this.maxy).val() ] ];
-			layerObj["represent"] = $(this.rep).val();
-		} else if (this.format === "shp") {
-			var attrs = $(this.attrForm).find("tr");
-			for (var i = 0; i < attrs.length; i++) {
-				if ($(attrs[i]).children().eq(0).find("input:text").val().replace(/(\s*)/g, '') === "") {
-					break;
-				}
-				var attr = {
-					"fieldName" : $(attrs[i]).children().eq(0).find("input:text").val().replace(/(\s*)/g, ''),
-					"type" : $(attrs[i]).children().eq(1).find("select").val(),
-					"nullable" : $(attrs[i]).children().eq(2).find("input:checkbox").prop("checked") ? false : true
-				};
-				layerAttr.push(attr);
-			}
-			layerObj["attr"] = layerAttr;
-			// layerObj["bound"] = [ [ $(this.minx).val(), $(this.miny).val() ],
-			// [ $(this.maxx).val(), $(this.maxy).val() ] ];
-		}
-		this.futureId = "geo_" + this.format + "_" + $(this.sheetNumInput).val().replace(/(\s*)/g, '') + "_" + $(this.layerNameInput).val()
-				+ "_" + ($(this.typeForm).find("select").val().toUpperCase());
-	}
-	console.log(opt);
-	return opt;
-};
-gb.geoserver.CreateLayer.prototype.setUrl = function(url) {
-	if (typeof url === "string") {
-		this.url = url;
-	}
-};
-gb.geoserver.CreateLayer.prototype.getUrl = function() {
-	return this.url;
-};
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/createvectorlayer.js b/opengds2018prod/src/main/resources/static/resources/js/gb/modal/createvectorlayer.js
deleted file mode 100644
index d355f6a8..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/createvectorlayer.js
+++ /dev/null
@@ -1,668 +0,0 @@
-/**
- * 레이어 정보를 변경하는 객체를 정의한다.
- * 
- * @author yijun.so
- * @date 2017. 06. 16
- * @version 0.01
- */
-var gb;
-if (!gb)
-	gb = {};
-if (!gb.edit)
-	gb.edit = {};
-gb.edit.CreateVectorLayer = function(obj) {
-	var that = this;
-	var options = obj;
-	this.window;
-	// this.url = options.URL ? options.URL : null;
-	this.format = undefined;
-	this.type = undefined;
-	this.refer = options.refer ? options.refer : undefined;
-	this.map = options.map ? options.map : undefined;
-	this.layerRecord = options.layerRecord ? options.layerRecord : undefined;
-	// this.clientRefer = options.clientRefer ? options.clientRefer : undefined;
-
-	var xSpan = $("<span>").attr({
-		"aria-hidden" : true
-	}).html("&times;");
-	var xButton = $("<button>").attr({
-		"type" : "button",
-		"data-dismiss" : "modal",
-		"aria-label" : "Close"
-	}).html(xSpan);
-	$(xButton).addClass("close");
-
-	this.htag = $("<h4>");
-	this.htag.text("Create layer");
-	$(this.htag).addClass("modal-title");
-
-	var header = $("<div>").append(xButton).append(this.htag);
-	$(header).addClass("modal-header");
-	/*
-	 * 
-	 * 
-	 * header end
-	 * 
-	 * 
-	 */
-
-	var formatArea = $("<div>").css({
-		"margin-bottom" : "10px"
-	});
-	var sheetNum = $("<p>").text("Map Sheet Number");
-	this.sheetNumInput = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	});
-	var div1 = $("<div>").css({
-		"margin-bottom" : "20px"
-	}).append(sheetNum).append(this.sheetNumInput);
-
-	var layerName = $("<p>").text("Layer Name");
-	this.layerNameInput = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	});
-	this.layerNameForm = $("<div>").css({
-		"margin-bottom" : "20px"
-	}).append(layerName).append(this.layerNameInput);
-
-	this.geomForm = $("<div>").css({
-		"margin-bottom" : "20px"
-	});
-
-	this.attrForm = $("<div>").css({
-		"margin-bottom" : "20px"
-	});
-
-	this.expertFormArea = $("<div>");
-
-	this.expertForm = $("<div>").css({
-		"margin-bottom" : "20px"
-	}).append(this.expertFormArea);
-
-	this.formatRadio1 = $("<input>").attr({
-		"type" : "radio",
-		"value" : "ngi",
-		"name" : "gitbuilder-createvector-radio"
-	}).prop({
-		"checked" : true
-	}).change(function() {
-		that.setForm("ngi", "layer");
-	});
-	var label1 = $("<label>").addClass("radio-inline").append(this.formatRadio1).append("NGI");
-
-	this.formatRadio2 = $("<input>").attr({
-		"type" : "radio",
-		"value" : "dxf",
-		"name" : "gitbuilder-createvector-radio"
-	}).change(function() {
-		that.setForm("dxf", "layer");
-	});
-	var label2 = $("<label>").addClass("radio-inline").append(this.formatRadio2).append("DXF");
-
-	this.formatRadio3 = $("<input>").attr({
-		"type" : "radio",
-		"value" : "shp",
-		"name" : "gitbuilder-createvector-radio"
-	}).change(function() {
-		that.setForm("shp", "layer");
-	});
-	var label3 = $("<label>").addClass("radio-inline").append(this.formatRadio3).append("SHP");
-	$(formatArea).append(label1).append(label2).append(label3);
-
-	this.body = $("<div>").append(formatArea).append(div1).append(this.layerNameForm).append(this.geomForm).append(this.attrForm).append(
-			this.expertForm);
-	that.setForm("ngi", "layer");
-	$(this.body).addClass("modal-body");
-	/*
-	 * 
-	 * 
-	 * body end
-	 * 
-	 * 
-	 */
-
-	var closeBtn = $("<button>").attr({
-		"type" : "button",
-		"data-dismiss" : "modal"
-	});
-	$(closeBtn).addClass("btn");
-	$(closeBtn).addClass("btn-default");
-	$(closeBtn).text("Close");
-
-	var okBtn = $("<button>").attr({
-		"type" : "button"
-	}).on("click", function() {
-		var opt = that.getDefinitionForm();
-		that.save(opt);
-		that.close();
-	});
-	$(okBtn).addClass("btn");
-	$(okBtn).addClass("btn-primary");
-	$(okBtn).text("Create");
-
-	var pright = $("<span>").css("float", "right");
-	$(pright).append(closeBtn).append(okBtn);
-
-	var footer = $("<div>").append(pright);
-	$(footer).addClass("modal-footer");
-	/*
-	 * 
-	 * 
-	 * footer end
-	 * 
-	 * 
-	 */
-	var content = $("<div>").append(header).append(this.body).append(footer);
-	$(content).addClass("modal-content");
-
-	var dialog = $("<div>").html(content);
-	$(dialog).addClass("modal-dialog");
-	$(dialog).addClass("modal-lg");
-	this.window = $("<div>").hide().attr({
-		// Setting tabIndex makes the div focusable
-		tabIndex : -1,
-		role : "dialog",
-	}).html(dialog);
-	$(this.window).addClass("modal");
-	$(this.window).addClass("fade");
-
-	this.window.appendTo("body");
-	this.window.modal({
-		backdrop : true,
-		keyboard : true,
-		show : false,
-	});
-}
-gb.edit.CreateVectorLayer.prototype.open = function() {
-	this.window.modal('show');
-};
-gb.edit.CreateVectorLayer.prototype.close = function() {
-	this.window.modal('hide');
-};
-gb.edit.CreateVectorLayer.prototype.setClientReference = function(refer) {
-	this.clientRefer = refer;
-};
-gb.edit.CreateVectorLayer.prototype.getClientReference = function() {
-	return this.clientRefer;
-};
-gb.edit.CreateVectorLayer.prototype.setReference = function(refer) {
-	this.refer = refer;
-};
-gb.edit.CreateVectorLayer.prototype.getReference = function() {
-	return this.refer;
-};
-gb.edit.CreateVectorLayer.prototype.save = function(obj) {
-	var that = this;
-
-};
-gb.edit.CreateVectorLayer.prototype.setForm = function(format, type) {
-	this.format = format;
-	this.type = type;
-	if (type === "mapsheet") {
-		if (format === "dxf") {
-			$(this.htag).text("Create a map sheet (DXF)");
-		} else if (format === "ngi") {
-			$(this.htag).text("Create a map sheet (NGI)");
-		}
-		$(this.sheetNumInput).val("");
-		$(this.layerNameForm).hide();
-		$(this.geomForm).hide();
-		$(this.attrForm).hide();
-		$(this.expertForm).hide();
-	} else if (type === "layer") {
-		$(this.htag).text("Create a vector layer");
-		$(this.sheetNumInput).val("");
-		$(this.layerNameInput).val("");
-		$(this.layerNameForm).show();
-		if (format === "dxf") {
-			this.initGeomForm("dxf");
-			$(this.geomForm).show();
-			$(this.attrForm).hide();
-			$(this.expertForm).hide();
-		} else if (format === "ngi") {
-			this.initGeomForm("ngi");
-			$(this.geomForm).show();
-			this.initAttrForm("ngi");
-			$(this.attrForm).show();
-			this.initExpertForm();
-			$(this.expertForm).show();
-			$(this.expertFormArea).hide();
-		} else if (format === "shp") {
-			this.initGeomForm("shp");
-			$(this.geomForm).show();
-			this.initAttrForm("shp");
-			$(this.attrForm).show();
-			$(this.expertForm).hide();
-		}
-	}
-};
-gb.edit.CreateVectorLayer.prototype.initGeomForm = function(type) {
-	var select = $("<select>").addClass("form-control");
-	if (type === "dxf") {
-		var option1 = $("<option>").text("LWPolyline");
-		var option2 = $("<option>").text("Polyline");
-		var option3 = $("<option>").text("Insert");
-		var option4 = $("<option>").text("Text");
-		$(select).append(option1).append(option2).append(option3).append(option4);
-	} else if (type === "ngi") {
-		var option1 = $("<option>").text("Point");
-		var option2 = $("<option>").text("LineString");
-		var option3 = $("<option>").text("Polygon");
-		var option4 = $("<option>").text("Text");
-		$(select).append(option1).append(option2).append(option3).append(option4);
-	} else if (type === "shp") {
-		var option1 = $("<option>").text("Point");
-		var option2 = $("<option>").text("LineString");
-		var option3 = $("<option>").text("Polygon");
-		$(select).append(option1).append(option2).append(option3);
-	}
-	$(this.geomForm).empty();
-	var tp = $("<p>").text("Type");
-	$(this.geomForm).append(tp).append(select);
-};
-gb.edit.CreateVectorLayer.prototype.initAttrForm = function(format) {
-	var that = this;
-	var htd1 = $("<td>").text("Name");
-	var htd2 = $("<td>").text("Type");
-	var htd3 = $("<td>").text("Not Null");
-	var htd4 = $("<td>").text("Unique");
-	var htd5 = $("<td>").text("Delete");
-	var thd;
-	if (format === "ngi") {
-		thd = $("<thead>").append(htd1).append(htd2).append(htd3).append(htd4).append(htd5);
-	} else {
-		thd = $("<thead>").append(htd1).append(htd2).append(htd3).append(htd5);
-	}
-
-	var key = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	});
-	var td1 = $("<td>").append(key);
-
-	var opt1 = $("<option>").text("Integer");
-	var opt2 = $("<option>").text("Double");
-	var opt3 = $("<option>").text("String");
-	var opt4 = $("<option>").text("Date");
-	var opt5 = $("<option>").text("Boolean");
-	var type = $("<select>").addClass("form-control").append(opt1).append(opt2).append(opt3).append(opt4).append(opt5);
-	var td2 = $("<td>").append(type);
-
-	var nullable = $("<input>").attr({
-		"type" : "checkbox"
-	}).css({
-		"vertical-align" : "-webkit-baseline-middle"
-	});
-	var td3 = $("<td>").append(nullable);
-
-	var unique = $("<input>").attr({
-		"type" : "checkbox"
-	}).css({
-		"vertical-align" : "-webkit-baseline-middle"
-	});
-	var td4 = $("<td>").append(unique);
-
-	var delIcon = $("<i>").attr({
-		"aria-hidden" : "true"
-	}).addClass("fa").addClass("fa-times");
-	var del = $("<button>").addClass("btn").addClass("btn-default").append(delIcon);
-
-	var td5 = $("<td>").append(del);
-
-	var tr1;
-	if (format === "ngi") {
-		tr1 = $("<tr>").append(td1).append(td2).append(td3).append(td4).append(td5);
-	} else {
-		tr1 = $("<tr>").append(td1).append(td2).append(td3).append(td5);
-	}
-
-	this.geomFormBody = $("<tbody>").append(tr1);
-
-	var table = $("<table>").addClass("table").addClass("text-center").append(thd).append(this.geomFormBody);
-
-	var addBtn = $("<input>").addClass("gitbuilder-createlayer-addattr").addClass("btn").addClass("btn-default").attr({
-		"type" : "button",
-		"value" : "Add Attribute"
-	}).on("click", function() {
-		console.log("attr");
-		var key = $("<input>").addClass("form-control").attr({
-			"type" : "text"
-		});
-		var td1 = $("<td>").append(key);
-
-		var opt1 = $("<option>").text("Integer");
-		var opt2 = $("<option>").text("Double");
-		var opt3 = $("<option>").text("String");
-		var opt4 = $("<option>").text("Date");
-		var opt5 = $("<option>").text("Boolean");
-		var type = $("<select>").addClass("form-control").append(opt1).append(opt2).append(opt3).append(opt4).append(opt5);
-		var td2 = $("<td>").append(type);
-
-		var nullable = $("<input>").attr({
-			"type" : "checkbox"
-		});
-		var td3 = $("<td>").append(nullable);
-
-		var unique = $("<input>").attr({
-			"type" : "checkbox"
-		});
-		var td4 = $("<td>").append(unique);
-
-		var delIcon = $("<i>").attr({
-			"aria-hidden" : "true"
-		}).addClass("fa").addClass("fa-times");
-		var del = $("<button>").addClass("btn").addClass("btn-default").append(delIcon);
-
-		var td5 = $("<td>").append(del);
-
-		var tr1;
-		if (that.getFormat() === "ngi") {
-			tr1 = $("<tr>").append(td1).append(td2).append(td3).append(td4).append(td5);
-		} else if (that.getFormat() === "shp") {
-			tr1 = $("<tr>").append(td1).append(td2).append(td3).append(td5);
-		}
-
-		$(that.geomFormBody).append(tr1);
-	});
-	$(this.attrForm).empty();
-	var tp = $("<p>").text("Attribute");
-	$(this.attrForm).append(tp).append(table).append(addBtn);
-};
-gb.edit.CreateVectorLayer.prototype.initExpertForm = function() {
-	var that = this;
-	var htd1 = $("<td>").text("Version");
-	var htd2 = $("<td>").text("Dimension");
-	var htd3 = $("<td>").text("Represent");
-	var thd = $("<thead>").append(htd1).append(htd2).append(htd3);
-
-	var veropt1 = $("<option>").text("1");
-	var veropt2 = $("<option>").text("2");
-	this.ver = $("<select>").addClass("form-control").append(veropt1).append(veropt2).val("2");
-	var td1 = $("<td>").append(this.ver);
-
-	var dimopt1 = $("<option>").text("2");
-	var dimopt2 = $("<option>").text("3");
-	this.dim = $("<select>").addClass("form-control").append(dimopt1).append(dimopt2).val("2");
-	var td2 = $("<td>").append(this.dim);
-
-	this.rep = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	}).val("255;0;102");
-	var td3 = $("<td>").append(this.rep);
-
-	var tr1 = $("<tr>").append(td1).append(td2).append(td3);
-
-	this.expertFormBody = $("<tbody>").append(tr1);
-
-	var table = $("<table>").addClass("table").addClass("text-center").append(thd).append(this.expertFormBody);
-
-	var htd12 = $("<td>").text("MinX");
-	var htd22 = $("<td>").text("MinY");
-	var htd32 = $("<td>").text("MaxX");
-	var htd42 = $("<td>").text("MaxY");
-	var thd2 = $("<thead>").append(htd12).append(htd22).append(htd32).append(htd42);
-
-	this.minx = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	}).val("-219825.99");
-	var td12 = $("<td>").append(this.minx);
-	this.miny = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	}).val("-435028.96");
-	var td22 = $("<td>").append(this.miny);
-	this.maxx = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	}).val("819486.07");
-	var td32 = $("<td>").append(this.maxx);
-	this.maxy = $("<input>").addClass("form-control").attr({
-		"type" : "text"
-	}).val("877525.22");
-	var td42 = $("<td>").append(this.maxy);
-
-	var tr12 = $("<tr>").append(td12).append(td22).append(td32).append(td42);
-
-	this.expertFormBodyUnder = $("<tbody>").append(tr12);
-
-	var table2 = $("<table>").addClass("table").addClass("text-center").append(thd2).append(this.expertFormBodyUnder);
-
-	$(this.expertForm).empty();
-
-	var caret = $("<i>").addClass("fa").addClass("fa-caret-down");
-	var exa = $("<a>").append("NGI Setting ").attr({
-		"href" : "#"
-	}).css({
-		"color" : "#333",
-		"cursor" : "point",
-		"text-decoration" : "none"
-	}).append(caret).click(function() {
-		if ($(that.expertFormArea).is(":visible")) {
-			$(that.expertFormArea).hide();
-			$(this).find("i").removeClass("fa-caret-up").addClass("fa-caret-down");
-		} else {
-			$(that.expertFormArea).show();
-			$(this).find("i").removeClass("fa-caret-down").addClass("fa-caret-up");
-		}
-	});
-	var tp = $("<p>").append(exa);
-	this.expertFormArea = $("<div>").append(table).append(table2);
-	$(this.expertForm).append(tp).append(this.expertFormArea);
-
-};
-gb.edit.CreateVectorLayer.prototype.getDefinitionForm = function() {
-	// var opt = {
-	// "layer" : {}
-	// };
-	var mapsheet;
-	if (this.type === "mapsheet") {
-		// opt.layer[this.format] = {};
-		// opt.layer[this.format][$(this.sheetNumInput).val()] = {};
-		// if ($(this.sheetNumInput).val().replace(/(\s*)/g, '') === "") {
-		// console.error("no mapsheet number");
-		// return;
-		// }
-		// opt.layer[this.format][$(this.sheetNumInput).val()]["create"] = [];
-		// var layerObj = {
-		// "layerName" : "default",
-		// "layerType" : "Point"
-		// };
-		// opt.layer[this.format][$(this.sheetNumInput).val()]["create"].push(layerObj);
-		// if (this.format === "ngi") {
-		// var attr = {
-		// "fieldName" : "UFID",
-		// "type" : "String",
-		// "decimal" : null,
-		// "size" : 256,
-		// "isUnique" : true
-		// }
-		// layerObj["attr"] = [ attr ];
-		// layerObj["version"] = 2;
-		// layerObj["dim"] = 2;
-		// layerObj["bound"] = [ [ 122.6019287109375, 49.73690656023088 ], [
-		// 122.14874267578125, 49.40918616182351 ] ];
-		// layerObj["represent"] = "255;0;102";
-		// }
-	} else if (this.type === "layer") {
-		// opt.layer[this.format] = {};
-		if ($(this.sheetNumInput).val().replace(/(\s*)/g, '') === "") {
-			console.error("no mapsheet number");
-			return;
-		}
-		mapsheet = new gb.mapsheet.Mapsheet({
-			number : $(this.sheetNumInput).val().replace(/(\s*)/g, ''),
-			id : "gro_" + this.format + "_" + $(this.sheetNumInput).val().replace(/(\s*)/g, ''),
-			format : this.format
-		});
-		var groupLayer = new ol.layer.Group();
-		groupLayer.set("id", mapsheet.getId());
-		groupLayer.set("name", mapsheet.getSheetNumber());
-		var gitGroup = {
-			"information" : mapsheet
-		};
-		groupLayer.set("git", gitGroup);
-		// opt.layer[this.format][$(this.sheetNumInput).val()] = {};
-		// opt.layer[this.format][$(this.sheetNumInput).val()]["create"] = [];
-		if ($(this.layerNameInput).val().replace(/(\s*)/g, '') === "") {
-			console.error("no layer name");
-			return;
-		}
-		var layer;
-		if (this.format === "ngi") {
-			layer = new gb.layer.LayerInfo({
-				name : $(this.layerNameInput).val().replace(/(\s*)/g, ''),
-				id : "geo_" + this.format + "_" + $(this.sheetNumInput).val().replace(/(\s*)/g, '') + "_"
-						+ $(this.layerNameInput).val().replace(/(\s*)/g, '') + "_" + ($(this.geomForm).find("select").val().toUpperCase()),
-				format : this.format,
-				srs : "EPSG:5186",
-				NGIVer : parseInt($(this.ver).val()),
-				NGIDim : parseInt($(this.dim).val()),
-				NGIRep : $(this.rep).val(),
-				mbound : [ [ $(this.minx).val(), $(this.miny).val() ], [ $(this.maxx).val(), $(this.maxy).val() ] ],
-				lbound : [ [ 122.71, 28.6 ], [ 134.28, 40.27 ] ],
-				isNew : true,
-				geometry : $(this.geomForm).find("select").val(),
-				sheetNum : $(this.sheetNumInput).val().replace(/(\s*)/g, '')
-			});
-		} else if (this.format === "dxf") {
-			layer = new gb.layer.LayerInfo({
-				name : $(this.layerNameInput).val().replace(/(\s*)/g, ''),
-				id : "geo_" + this.format + "_" + $(this.sheetNumInput).val().replace(/(\s*)/g, '') + "_"
-						+ $(this.layerNameInput).val().replace(/(\s*)/g, '') + "_" + ($(this.geomForm).find("select").val().toUpperCase()),
-				format : this.format,
-				srs : "EPSG:5186",
-				mbound : [ [ $(this.minx).val(), $(this.miny).val() ], [ $(this.maxx).val(), $(this.maxy).val() ] ],
-				lbound : [ [ 122.71, 28.6 ], [ 134.28, 40.27 ] ],
-				isNew : true,
-				geometry : $(this.geomForm).find("select").val(),
-				sheetNum : $(this.sheetNumInput).val().replace(/(\s*)/g, '')
-			});
-		} else if (this.format === "shp") {
-			layer = new gb.layer.LayerInfo({
-				name : $(this.layerNameInput).val().replace(/(\s*)/g, ''),
-				id : "geo_" + this.format + "_" + $(this.sheetNumInput).val().replace(/(\s*)/g, '') + "_"
-						+ $(this.layerNameInput).val().replace(/(\s*)/g, '') + "_" + ($(this.geomForm).find("select").val().toUpperCase()),
-				format : this.format,
-				srs : "EPSG:5186",
-				mbound : [ [ $(this.minx).val(), $(this.miny).val() ], [ $(this.maxx).val(), $(this.maxy).val() ] ],
-				lbound : [ [ 122.71, 28.6 ], [ 134.28, 40.27 ] ],
-				isNew : true,
-				geometry : $(this.geomForm).find("select").val(),
-				sheetNum : $(this.sheetNumInput).val().replace(/(\s*)/g, '')
-			});
-		}
-		var vectorLayer = new ol.layer.Vector({
-			source : new ol.source.Vector()
-		});
-		vectorLayer.set("id", layer.getId());
-		vectorLayer.set("name", layer.getName());
-		var gitLayer = {
-			"editable" : true,
-			"geometry" : layer.getGeometry(),
-			"validation" : false,
-			"information" : layer
-		};
-		// layerObj["bound"] = [ [ $(this.minx).val(), $(this.miny).val() ], [
-		// $(this.maxx).val(), $(this.maxy).val() ] ];
-		// layerObj["represent"] = $(this.rep).val();
-		// var layerObj = {
-		// "layerName" : $(this.layerNameInput).val(),
-		// "layerType" : $(this.geomForm).find("select").val()
-		// };
-		// opt.layer[this.format][$(this.sheetNumInput).val()]["create"].push(layerObj);
-		var layerAttr = [];
-		if (this.format === "ngi") {
-			var attrs = $(this.attrForm).find("tr");
-			for (var i = 0; i < attrs.length; i++) {
-				if ($(attrs[i]).children().eq(0).find("input:text").val().replace(/(\s*)/g, '') === "") {
-					break;
-				}
-				var attribute = new gb.layer.Attribute({
-					originFieldName : $(attrs[i]).children().eq(0).find("input:text").val().replace(/(\s*)/g, ''),
-					fieldName : $(attrs[i]).children().eq(0).find("input:text").val().replace(/(\s*)/g, ''),
-					type : $(attrs[i]).children().eq(1).find("select").val(),
-					decimal : $(attrs[i]).children().eq(1).find("select").val() === "Double" ? 30 : null,
-					size : 256,
-					isUnique : $(attrs[i]).children().eq(3).find("input:checkbox").prop("checked") ? true : false,
-					nullable : $(attrs[i]).children().eq(2).find("input:checkbox").prop("checked") ? false : true,
-					isNew : true
-				});
-				// var attr = {
-				// "fieldName" :
-				// $(attrs[i]).children().eq(0).find("input:text").val().replace(/(\s*)/g,
-				// ''),
-				// "type" : $(attrs[i]).children().eq(1).find("select").val(),
-				// "nullable" :
-				// $(attrs[i]).children().eq(2).find("input:checkbox").prop("checked")
-				// ? false : true,
-				// "isUnique" :
-				// $(attrs[i]).children().eq(3).find("input:checkbox").prop("checked")
-				// ? true : false,
-				// "decimal" : $(attrs[i]).children().eq(1).find("select").val()
-				// === "Double" ? 30 : null,
-				// "size" : 256
-				// };
-				layerAttr.push(attribute);
-			}
-			// layerObj["attr"] = layerAttr;
-			layer.setAttributes(layerAttr);
-			gitLayer["attribute"] = layer.getAttributesJSON();
-		} else if (this.format === "shp") {
-			var attrs = $(this.attrForm).find("tr");
-			for (var i = 0; i < attrs.length; i++) {
-				if ($(attrs[i]).children().eq(0).find("input:text").val().replace(/(\s*)/g, '') === "") {
-					break;
-				}
-				var attribute = new gb.layer.Attribute({
-					originFieldName : $(attrs[i]).children().eq(0).find("input:text").val().replace(/(\s*)/g, ''),
-					fieldName : $(attrs[i]).children().eq(0).find("input:text").val().replace(/(\s*)/g, ''),
-					type : $(attrs[i]).children().eq(1).find("select").val(),
-					// decimal :
-					// $(attrs[i]).children().eq(1).find("select").val() ===
-					// "Double" ? 30 : null,
-					// size : 256,
-					isUnique : false,
-					nullable : $(attrs[i]).children().eq(2).find("input:checkbox").prop("checked") ? false : true,
-					isNew : true
-				});
-				// var attr = {
-				// "fieldName" :
-				// $(attrs[i]).children().eq(0).find("input:text").val().replace(/(\s*)/g,
-				// ''),
-				// "type" : $(attrs[i]).children().eq(1).find("select").val(),
-				// "nullable" :
-				// $(attrs[i]).children().eq(2).find("input:checkbox").prop("checked")
-				// ? false : true,
-				// "isUnique" :
-				// $(attrs[i]).children().eq(3).find("input:checkbox").prop("checked")
-				// ? true : false,
-				// "decimal" : $(attrs[i]).children().eq(1).find("select").val()
-				// === "Double" ? 30 : null,
-				// "size" : 256
-				// };
-				layerAttr.push(attribute);
-			}
-			// layerObj["attr"] = layerAttr;
-			layer.setAttributes(layerAttr);
-			gitLayer["attribute"] = layer.getAttributesJSON();
-		}
-		vectorLayer.set("git", gitLayer);
-		console.log(vectorLayer.get("git"));
-		var col = new ol.Collection();
-		col.push(vectorLayer);
-		groupLayer.setLayers(col);
-		this.layerRecord.createByMapsheet(groupLayer);
-		this.map.addLayer(groupLayer);
-	}
-};
-gb.edit.CreateVectorLayer.prototype.setUrl = function(url) {
-	if (typeof url === "string") {
-		this.url = url;
-	}
-};
-gb.edit.CreateVectorLayer.prototype.getUrl = function() {
-	return this.url;
-};
-gb.edit.CreateVectorLayer.prototype.setFormat = function(format) {
-	this.format = format;
-};
-gb.edit.CreateVectorLayer.prototype.getFormat = function() {
-	return this.format;
-};
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/deletegrouplayer.js b/opengds2018prod/src/main/resources/static/resources/js/gb/modal/deletegrouplayer.js
deleted file mode 100644
index f5ed3ef5..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/deletegrouplayer.js
+++ /dev/null
@@ -1,205 +0,0 @@
-/**
- * 레이어 삭제하는 객체를 정의한다.
- * 
- * @author yijun.so
- * @date 2017. 06. 16
- * @version 0.01
- */
-var gb;
-if (!gb)
-	gb = {};
-if (!gb.geoserver)
-	gb.geoserver = {};
-gb.geoserver.DeleteGroupLayer = function(obj) {
-	var that = this;
-	var options = obj;
-	this.url = options.URL ? options.URL : null;
-	this.format = undefined;
-	this.type = undefined;
-	this.refer = options.refer ? options.refer : undefined;
-	this.structure = {};
-	this.window = undefined;
-	this.clientRefer = options.clientRefer ? options.clientRefer : undefined;
-
-	var xSpan = $("<span>").attr({
-		"aria-hidden" : true
-	}).html("&times;");
-	var xButton = $("<button>").attr({
-		"type" : "button",
-		"data-dismiss" : "modal",
-		"aria-label" : "Close"
-	}).html(xSpan);
-	$(xButton).addClass("close");
-
-	var htag = $("<h4>");
-	htag.text("Alert");
-	$(htag).addClass("modal-title");
-
-	var header = $("<div>").append(xButton).append(htag);
-	$(header).addClass("modal-header");
-	/*
-	 * 
-	 * 
-	 * header end
-	 * 
-	 * 
-	 */
-	this.message = $("<div>").text("Layers will be removed.");
-	var body = $("<div>").append(this.message);
-	$(body).addClass("modal-body");
-	/*
-	 * 
-	 * 
-	 * body end
-	 * 
-	 * 
-	 */
-	var closeBtn = $("<button>").attr({
-		"type" : "button",
-		"data-dismiss" : "modal"
-	});
-	$(closeBtn).addClass("btn");
-	$(closeBtn).addClass("btn-default");
-	$(closeBtn).text("Close");
-
-	this.okBtn = $("<button>").attr({
-		"type" : "button",
-		"data-dismiss" : "modal"
-	}).click(function() {
-		that.save(that.getStructure());
-	});
-	$(this.okBtn).addClass("btn");
-	$(this.okBtn).addClass("btn-primary");
-	$(this.okBtn).text("OK");
-
-	var footer = $("<div>").append(closeBtn).append(this.okBtn);
-	$(footer).addClass("modal-footer");
-	/*
-	 * 
-	 * 
-	 * footer end
-	 * 
-	 * 
-	 */
-	var content = $("<div>").append(header).append(body).append(footer);
-	$(content).addClass("modal-content");
-
-	var dialog = $("<div>").html(content);
-	$(dialog).addClass("modal-dialog");
-	$(dialog).addClass("modal-sm");
-	this.window = $("<div>").hide().attr({
-		// Setting tabIndex makes the div focusable
-		tabIndex : -1,
-		role : "dialog",
-	}).html(dialog);
-	$(this.window).addClass("modal");
-	$(this.window).addClass("fade");
-
-	$(this.window).appendTo("body");
-	this.window.modal({
-		backdrop : "static",
-		keyboard : true,
-		show : false,
-	});
-};
-gb.geoserver.DeleteGroupLayer.prototype.setClientReference = function(refer) {
-	this.clientRefer = refer;
-};
-gb.geoserver.DeleteGroupLayer.prototype.getClientReference = function() {
-	return this.clientRefer;
-};
-gb.geoserver.DeleteGroupLayer.prototype.setReference = function(refer) {
-	this.refer = refer;
-};
-gb.geoserver.DeleteGroupLayer.prototype.getReference = function() {
-	return this.refer;
-};
-gb.geoserver.DeleteGroupLayer.prototype.isEditing = function(ids) {
-	var result = false;
-	var crefer = this.getClientReference();
-	if (!Array.isArray(ids)) {
-		return;
-	}
-	for (var i = 0; i < ids.length; i++) {
-		var layer = crefer.get_LayerByOLId(ids[i]);
-		if (layer instanceof ol.layer.Base) {
-			result = true;
-			break;
-		}
-	}
-
-	if (result) {
-		$(this.message).text("Can't remove. The layer is now editing.");
-		$(this.okBtn).hide();
-	} else {
-		$(this.message).text("Layers will be removed.");
-		$(this.okBtn).show();
-	}
-};
-gb.geoserver.DeleteGroupLayer.prototype.alert = function() {
-	this.isEditing();
-	this.window.modal('show');
-	// var alert =
-	// gb.geoserver.DeleteGroupLayer.prototype.save(obj);
-};
-gb.geoserver.DeleteGroupLayer.prototype.save = function(obj) {
-	var that = this;
-	$.ajax({
-		url : this.getUrl(),
-		method : "POST",
-		contentType : "application/json; charset=UTF-8",
-		cache : false,
-		data : JSON.stringify(obj),
-		beforeSend : function() {
-			$("body").css("cursor", "wait");
-		},
-		complete : function() {
-			$("body").css("cursor", "default");
-		},
-		traditional : true,
-		success : function(data, textStatus, jqXHR) {
-			console.log(data);
-			that.getReference().refresh();
-			that.setStructure({});
-		}
-	});
-};
-gb.geoserver.DeleteGroupLayer.prototype.addStructure = function(format, mapsheet, scope, layers) {
-	var strc = this.getStructure();
-	if (typeof strc === "object") {
-		if (!strc.hasOwnProperty("layer")) {
-			strc["layer"] = {};
-		}
-		if (!strc["layer"].hasOwnProperty(format)) {
-			strc["layer"][format] = {};
-		}
-		if (!strc["layer"][format].hasOwnProperty(mapsheet)) {
-			strc["layer"][format][mapsheet] = {};
-		}
-		// if (!strc["layer"][format][mapsheet].hasOwnProperty("remove")) {
-		// strc["layer"][format][mapsheet]["remove"] = {};
-		// }
-	}
-	var obj = {};
-	obj["scope"] = typeof scope === "string" ? scope : false;
-	obj["layer"] = Array.isArray(layers) ? layers : false;
-	if (!obj["layer"] || !obj["scope"]) {
-		return;
-	}
-	strc["layer"][format][mapsheet]["remove"] = obj;
-	// this.structure.push(obj);
-};
-gb.geoserver.DeleteGroupLayer.prototype.getStructure = function() {
-	return this.structure;
-};
-gb.geoserver.DeleteGroupLayer.prototype.setStructure = function(obj) {
-	this.structure = obj;
-};
-gb.geoserver.DeleteGroupLayer.prototype.setUrl = function(url) {
-	if (typeof url === "string") {
-		this.url = url;
-	}
-};
-gb.geoserver.DeleteGroupLayer.prototype.getUrl = function() {
-	return this.url;
-};
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/deletelayer.js b/opengds2018prod/src/main/resources/static/resources/js/gb/modal/deletelayer.js
deleted file mode 100644
index 4316b261..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/deletelayer.js
+++ /dev/null
@@ -1,205 +0,0 @@
-/**
- * 레이어 정보를 변경하는 객체를 정의한다.
- * 
- * @author yijun.so
- * @date 2017. 06. 16
- * @version 0.01
- */
-var gb;
-if (!gb)
-	gb = {};
-if (!gb.geoserver)
-	gb.geoserver = {};
-gb.geoserver.DeleteLayer = function(obj) {
-	var that = this;
-	var options = obj;
-	this.url = options.URL ? options.URL : null;
-	this.format = undefined;
-	this.type = undefined;
-	this.refer = options.refer ? options.refer : undefined;
-	this.structure = {};
-	this.window = undefined;
-	this.clientRefer = options.clientRefer ? options.clientRefer : undefined;
-
-	var xSpan = $("<span>").attr({
-		"aria-hidden" : true
-	}).html("&times;");
-	var xButton = $("<button>").attr({
-		"type" : "button",
-		"data-dismiss" : "modal",
-		"aria-label" : "Close"
-	}).html(xSpan);
-	$(xButton).addClass("close");
-
-	var htag = $("<h4>");
-	htag.text("Alert");
-	$(htag).addClass("modal-title");
-
-	var header = $("<div>").append(xButton).append(htag);
-	$(header).addClass("modal-header");
-	/*
-	 * 
-	 * 
-	 * header end
-	 * 
-	 * 
-	 */
-	this.message = $("<div>").text("Layers will be removed.");
-	var body = $("<div>").append(this.message);
-	$(body).addClass("modal-body");
-	/*
-	 * 
-	 * 
-	 * body end
-	 * 
-	 * 
-	 */
-	var closeBtn = $("<button>").attr({
-		"type" : "button",
-		"data-dismiss" : "modal"
-	});
-	$(closeBtn).addClass("btn");
-	$(closeBtn).addClass("btn-default");
-	$(closeBtn).text("Close");
-
-	this.okBtn = $("<button>").attr({
-		"type" : "button",
-		"data-dismiss" : "modal"
-	}).click(function() {
-		that.save(that.getStructure());
-	});
-	$(this.okBtn).addClass("btn");
-	$(this.okBtn).addClass("btn-primary");
-	$(this.okBtn).text("OK");
-
-	var footer = $("<div>").append(closeBtn).append(this.okBtn);
-	$(footer).addClass("modal-footer");
-	/*
-	 * 
-	 * 
-	 * footer end
-	 * 
-	 * 
-	 */
-	var content = $("<div>").append(header).append(body).append(footer);
-	$(content).addClass("modal-content");
-
-	var dialog = $("<div>").html(content);
-	$(dialog).addClass("modal-dialog");
-	$(dialog).addClass("modal-sm");
-	this.window = $("<div>").hide().attr({
-		// Setting tabIndex makes the div focusable
-		tabIndex : -1,
-		role : "dialog",
-	}).html(dialog);
-	$(this.window).addClass("modal");
-	$(this.window).addClass("fade");
-
-	$(this.window).appendTo("body");
-	this.window.modal({
-		backdrop : "static",
-		keyboard : true,
-		show : false,
-	});
-};
-gb.geoserver.DeleteLayer.prototype.setClientReference = function(refer) {
-	this.clientRefer = refer;
-};
-gb.geoserver.DeleteLayer.prototype.getClientReference = function() {
-	return this.clientRefer;
-};
-gb.geoserver.DeleteLayer.prototype.setReference = function(refer) {
-	this.refer = refer;
-};
-gb.geoserver.DeleteLayer.prototype.getReference = function() {
-	return this.refer;
-};
-gb.geoserver.DeleteLayer.prototype.isEditing = function(ids) {
-	var result = false;
-	var crefer = this.getClientReference();
-	if (!Array.isArray(ids)) {
-		return;
-	}
-	for (var i = 0; i < ids.length; i++) {
-		var layer = crefer.get_LayerByOLId(ids[i]);
-		if (layer instanceof ol.layer.Base) {
-			result = true;
-			break;
-		}
-	}
-
-	if (result) {
-		$(this.message).text("Can't remove. The layer is now editing.");
-		$(this.okBtn).hide();
-	} else {
-		$(this.message).text("Layers will be removed.");
-		$(this.okBtn).show();
-	}
-};
-gb.geoserver.DeleteLayer.prototype.alert = function() {
-	this.isEditing();
-	this.window.modal('show');
-	// var alert =
-	// gb.geoserver.DeleteLayer.prototype.save(obj);
-};
-gb.geoserver.DeleteLayer.prototype.save = function(obj) {
-	var that = this;
-	$.ajax({
-		url : this.getUrl(),
-		method : "POST",
-		contentType : "application/json; charset=UTF-8",
-		cache : false,
-		data : JSON.stringify(obj),
-		beforeSend : function() {
-			$("body").css("cursor", "wait");
-		},
-		complete : function() {
-			$("body").css("cursor", "default");
-		},
-		traditional : true,
-		success : function(data, textStatus, jqXHR) {
-			console.log(data);
-			that.getReference().refresh();
-			that.setStructure({});
-		}
-	});
-};
-gb.geoserver.DeleteLayer.prototype.addStructure = function(format, mapsheet, scope, layers) {
-	var strc = this.getStructure();
-	if (typeof strc === "object") {
-		if (!strc.hasOwnProperty("layer")) {
-			strc["layer"] = {};
-		}
-		if (!strc["layer"].hasOwnProperty(format)) {
-			strc["layer"][format] = {};
-		}
-		if (!strc["layer"][format].hasOwnProperty(mapsheet)) {
-			strc["layer"][format][mapsheet] = {};
-		}
-		// if (!strc["layer"][format][mapsheet].hasOwnProperty("remove")) {
-		// strc["layer"][format][mapsheet]["remove"] = {};
-		// }
-	}
-	var obj = {};
-	obj["scope"] = typeof scope === "string" ? scope : false;
-	obj["layer"] = Array.isArray(layers) ? layers : false;
-	if (!obj["layer"] || !obj["scope"]) {
-		return;
-	}
-	strc["layer"][format][mapsheet]["remove"] = obj;
-	// this.structure.push(obj);
-};
-gb.geoserver.DeleteLayer.prototype.getStructure = function() {
-	return this.structure;
-};
-gb.geoserver.DeleteLayer.prototype.setStructure = function(obj) {
-	this.structure = obj;
-};
-gb.geoserver.DeleteLayer.prototype.setUrl = function(url) {
-	if (typeof url === "string") {
-		this.url = url;
-	}
-};
-gb.geoserver.DeleteLayer.prototype.getUrl = function() {
-	return this.url;
-};
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/detailinformation.js b/opengds2018prod/src/main/resources/static/resources/js/gb/modal/detailinformation.js
deleted file mode 100644
index 13155aac..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/detailinformation.js
+++ /dev/null
@@ -1,57 +0,0 @@
-/**
- * 검수 코멘트 정보 모달
- * 
- * @author yijun.so
- * @date 2018. 03.28
- * @version 0.01
- * @class gb.modal.LayerDefinition
- * @constructor
- */
-var gb;
-if (!gb)
-	gb = {};
-if (!gb.modal)
-	gb.modal = {};
-gb.modal.DetailInformation = function(obj) {
-	var options = obj ? obj : {};
-	var that = this;
-	this.target = typeof options.target === "string" ? options.target : undefined;
-
-	this.content = $("<div>");
-
-	var xSpan = $("<span>").attr({
-		"aria-hidden" : "true"
-	}).append("&times;");
-	var xBtn = $("<button>").addClass("close").attr({
-		"data-dismiss" : "modal",
-		"aria-label" : "Close"
-	}).append(xSpan);
-	var title = $("<h4>").addClass("modal-title").text("상세 정보");
-	var header = $("<div>").addClass("modal-header").append(xBtn).append(title);
-
-	var body = $("<div>").addClass("modal-body").append(this.content);
-
-	var closeBtn = $("<button>").addClass("btn").addClass("btn-default").attr({
-		"type" : "button",
-		"data-dismiss" : "modal"
-	}).text("확인");
-
-	var footer = $("<div>").addClass("modal-footer").append(closeBtn);
-
-	var cont = $("<div>").addClass("modal-content").append(header).append(body).append(footer);
-	var dial = $("<div>").addClass("modal-dialog").append(cont);
-	this.modal = $("<div>").addClass("modal").addClass("fade").append(dial);
-	$("body").append(this.modal);
-	$(this.modal).modal("hide");
-
-	$(document).on("click", this.target, function() {
-		that.open(this);
-	});
-};
-gb.modal.DetailInformation.prototype.constructor = gb.modal.DetailInformation;
-
-gb.modal.DetailInformation.prototype.open = function(btn) {
-	$(this.content).empty();
-	$(this.content).html($(btn).attr("comment"));
-	$(this.modal).modal("show");
-};
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/generalization.js b/opengds2018prod/src/main/resources/static/resources/js/gb/modal/generalization.js
deleted file mode 100644
index a62a1942..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/generalization.js
+++ /dev/null
@@ -1,510 +0,0 @@
-/**
- * 일반화 모달 객체를 정의한다.
- * 
- * @author yijun.so
- * @date 2017. 07.26
- * @version 0.01
- * @class gb.modal.Generalization
- * @constructor
- */
-var gb;
-if (!gb)
-	gb = {};
-if (!gb.modal)
-	gb.modal = {};
-gb.modal.Generalization = function(obj) {
-	gb.modal.Base.call(this, obj);
-	var that = this;
-	this.json = undefined;
-	var options = obj ? obj : {};
-	this.jstreeURL = options.jstreeURL ? options.jstreeURL : "";
-	this.items = options.items ? options.items : undefined;
-	// 일반화 순서(토폴로지 여부 포함한 객체 배열)
-	this.genOrder = undefined;
-	// 셀렉트 박스 아래 인풋영역의 DOM배열
-	this.formArea = undefined;
-	this.thresholdArea = undefined;
-	this.fileType = undefined;
-	this.requestURL = options.requestURL ? options.requestURL : undefined;
-	this.closeBtn = $("<button>").css({
-		"float" : "right"
-	}).addClass("gb-button").addClass("gb-button-default").text("Close").click(this, function(evt) {
-		evt.data.close();
-	});
-	this.okBtn = $("<button>").css({
-		"float" : "right"
-	}).addClass("gb-button").addClass("gb-button-primary").text("OK").click(this, function(evt) {
-		evt.data.requestGeneralization();
-	});
-	this.message = $("<div>").addClass("gb-alert").addClass("gb-alert-success").hide();
-	this.buttonArea = $("<span>").addClass("gb-modal-buttons").append(this.okBtn).append(this.closeBtn);
-	this.modalFooter = $("<div>").addClass("gb-modal-footer").append(this.buttonArea);
-	$(this.getModal()).append(this.modalFooter);
-	var llist = $("<div>").text("Layer list");
-	var treeHead = $("<div>").addClass("gb-article-head").append(llist);
-	this.treeBody = $("<div>").addClass("gb-article-body").css({
-		"height" : "400px",
-		"max-height" : "400px"
-	});
-	this.tree = $("<div>").addClass("gb-article").append(treeHead).append(this.treeBody);
-
-	var infohead = $("<div>").text("Processing order").addClass("gb-article-head");
-	this.info = $("<div>").css({
-		"margin-left" : "8px"
-	});
-
-	if (Array.isArray(this.items)) {
-		this.formArea = [];
-		this.thresholdArea = [];
-		for (var i = 0; i < 3; i++) {
-			var select = $("<select>").addClass("gb-form").css({
-				"width" : "134px",
-				"display" : "inline-block",
-				"margin" : "5px"
-			}).change(function() {
-				// that.refreshThresholdArea($(this).val(),
-				// $(this).parent().parent().index());
-
-			});
-
-			for (var j = 0; j < this.items.length; j++) {
-				var opt = $("<option>").text(this.items[j]).attr("value", this.items[j].toLowerCase());
-				$(select).append(opt);
-			}
-			var inc = $("<input>").attr({
-				"type" : "checkbox"
-			}).css({
-				"vertical-align" : "top"
-			});
-			var span = $("<div>").append("Phase" + (i + 1) + " ").append(inc);
-
-			var row1 = $("<div>").append(select);
-
-			var text = $("<input>").attr({
-				"type" : "number"
-			}).addClass("gb-form").css({
-				"display" : "inline-block",
-				"width" : "134px",
-				"margin" : "5px"
-			})
-					.on(
-							"input",
-							function() {
-								console.log($(this).parent().index());
-								console.log("check");
-								console.log($(that.treeBody).jstree(true).get_selected(true).length);
-								if ($(this).parent().parent().find("input[type=checkbox]").is(":checked")
-										&& $(that.treeBody).jstree(true).get_selected(true).length === 1
-										&& ($(that.treeBody).jstree(true).get_selected(true)[0].type === "n_shp_layer_ln"
-												|| $(that.treeBody).jstree(true).get_selected(true)[0].type === "n_shp_layer_mln"
-												|| $(that.treeBody).jstree(true).get_selected(true)[0].type === "n_shp_layer_pg" || $(
-												that.treeBody).jstree(true).get_selected(true)[0].type === "n_shp_layer_mpg")) {
-									console.log("here");
-									console.log($(that.treeBody).jstree(true).get_selected(true)[0].id);
-									if (typeof that.json === "undefined") {
-										that.json = {};
-									}
-									if (!that.json.hasOwnProperty($(that.treeBody).jstree(true).get_selected(true)[0].id)) {
-										that.json[$(that.treeBody).jstree(true).get_selected(true)[0].id] = {
-											"define" : undefined,
-											"phase" : [],
-											"topology" : undefined
-										};
-									}
-									that.json[$(that.treeBody).jstree(true).get_selected(true)[0].id].define = $(that.def).val();
-									that.json[$(that.treeBody).jstree(true).get_selected(true)[0].id].phase[$(this).parent().index()] = {
-										"method" : $(this).parent().find("select").val(),
-										"threshold" : $(this).val()
-									}
-									that.json[$(that.treeBody).jstree(true).get_selected(true)[0].id].topology = $(that.check).is(
-											":checked");
-									that.updateLayerList();
-									$(that.treeBody).jstree(true).set_flag($(that.treeBody).jstree(true).get_selected(true)[0], "checking",
-											true);
-									console.log(that.json);
-								}
-							});
-
-			var odr = $("<div>").append(span).append(row1).append(text).css({
-				"margin" : "5px",
-				"display" : "inline-block",
-				"vertical-align" : "top"
-			}).addClass("gb-generalization-step");
-			this.formArea[i] = odr;
-			$(this.info).append(odr);
-			// this.refreshThresholdArea($(select).val(), i);
-		}
-		console.log(this.formArea);
-	}
-	var opt1 = $("<option>").attr({
-		"value" : "linestring"
-	}).text("LineString");
-	var opt2 = $("<option>").attr({
-		"value" : "polygon"
-	}).text("Polygon");
-	this.def = $("<select>").append(opt1).append(opt2).addClass("gb-form").css({
-		"width" : "443px",
-		"margin-left" : "18px",
-		"margin-bottom" : "5px",
-		"margin-top" : "3px"
-	});
-
-	var label = $("<span>").text("Define").css({
-		"margin-left" : "13px",
-		"margin-right" : "5px"
-	});
-	this.check = $("<input>").attr({
-		"type" : "checkbox"
-	}).css({
-		"vertical-align" : "top",
-		"margin-left" : "5px"
-	});
-	var topo = $("<label>").css({
-		"margin" : "5px 5px 5px 11px",
-		"font-weight" : "100"
-	}).append("Topology Check").append(this.check);
-	var tocheck = $("<div>").append(topo);
-
-	var infobody = $("<div>").append(label).append(this.def).append(tocheck).append(this.info).addClass("gb-article-body").css({
-		"height" : "220px",
-		"padding" : "5px"
-	});
-	var layerInfo = $("<div>").append(infohead).append(infobody).addClass("gb-article");
-
-	var tdhead1 = $("<td>").text("#");
-	var tdhead2 = $("<td>").text("Format");
-	var tdhead3 = $("<td>").text("Map sheet");
-	var tdhead4 = $("<td>").text("Layer");
-	var trhead = $("<tr>").append(tdhead1).append(tdhead2).append(tdhead3).append(tdhead4);
-	var thead = $("<thead>").append(trhead);
-	this.tbody = $("<tbody>");
-	var tb = $("<table>").css({
-		"margin-bottom" : 0,
-		"text-align" : "center"
-	}).append(thead).append(this.tbody);
-
-	$(tb).addClass("gb-table");
-	var infobody2 = $("<div>").css({
-		"max-height" : "168px",
-		"height" : "168px",
-		"overflow-y" : "auto",
-		"padding" : 0
-	}).append(tb).addClass("gb-article-body");
-	var layerInfo2 = $("<div>").append(infobody2).addClass("gb-article");
-	var uright = $("<div>").append(layerInfo).append(layerInfo2);
-
-	var layouttd1 = $("<td>").append(this.tree).attr({
-		"width" : "40%"
-	});
-	var layouttd2 = $("<td>").append(uright).attr({
-		"width" : "60%"
-	}).css({
-		"vertical-align" : "baseline"
-	});
-	var layouttr = $("<tr>").append(layouttd1).append(layouttd2);
-	var layouttb = $("<table>").append(layouttr).attr({
-		"width" : "100%"
-	});
-	$(this.getModalBody()).append(layouttb).append(this.message);
-	$(this.treeBody).jstree({
-		"core" : {
-			"animation" : 0,
-			"check_callback" : true,
-			"themes" : {
-				"stripes" : true
-			},
-			'data' : {
-				'url' : function() {
-					return that.jstreeURL;
-				}
-			}
-		},
-		"functionmarker" : {
-			"checking" : "fa fa-check"
-		},
-		"plugins" : [ "types", "functionmarker" ]
-	});
-
-	$(this.treeBody).on(
-			'deselect_node.jstree',
-			function(e, data) {
-				var r = [];
-				for (var i = 0; i < data.selected.length; i++) {
-					if (data.instance.get_node(data.selected[i]).type === "n_shp_layer_ln"
-							|| data.instance.get_node(data.selected[i]).type === "n_shp_layer_pg"
-							|| data.instance.get_node(data.selected[i]).type === "n_shp_layer_mln"
-							|| data.instance.get_node(data.selected[i]).type === "n_shp_layer_mpg") {
-						that.printDetailOption(data.instance.get_node(data.selected[i]));
-						continue;
-					}
-				}
-			});
-	$(this.treeBody).on(
-			'select_node.jstree',
-			function(e, data) {
-				var r = [];
-				for (var i = 0; i < data.selected.length; i++) {
-					if (data.instance.get_node(data.selected[i]).type === "n_shp_layer_ln"
-							|| data.instance.get_node(data.selected[i]).type === "n_shp_layer_pg"
-							|| data.instance.get_node(data.selected[i]).type === "n_shp_layer_mln"
-							|| data.instance.get_node(data.selected[i]).type === "n_shp_layer_mpg") {
-						// data.instance.set_flag(data.instance.get_node(data.selected[i]),
-						// "checking", true);
-						// r.push(data.instance.get_node(data.selected[i]));
-						that.printDetailOption(data.instance.get_node(data.selected[i]));
-						continue;
-					}
-				}
-				// that.updateLayerList(r);
-			});
-};
-gb.modal.Generalization.prototype = Object.create(gb.modal.Base.prototype);
-gb.modal.Generalization.prototype.constructor = gb.modal.Generalization;
-
-/**
- * 
- */
-gb.modal.Generalization.prototype.updateFormData = function() {
-	var opt = {
-		"define" : $(this.def).val(),
-		"phase" : [],
-		"topology" : $(this.check).is(":checked")
-	};
-};
-
-/**
- * 선택한 레이어의 옵션 정보를 출력한다
- * 
- * @name printDetailOption
- * @param {Object}
- *            jstree node
- */
-gb.modal.Generalization.prototype.printDetailOption = function(node) {
-	var id = node.id;
-	if (typeof this.json === "undefined") {
-		this.json = {};
-	}
-	if (this.json.hasOwnProperty(id)) {
-		$(this.def).val(this.json[id].define);
-		$(this.check).prop("checked", this.json[id].topology);
-		var phase = this.json[id].phase;
-		if (phase.length > 0) {
-			for (var i = 0; i < 3; i++) {
-				if (typeof phase[i] !== "undefined") {
-					$(this.formArea[i]).find("input[type=checkbox]").prop("checked", true);
-					$(this.formArea[i]).find("select").val(phase[i].method);
-					$(this.formArea[i]).find("input[type=number]").val(phase[i].threshold);
-				} else {
-					$(this.formArea[i]).find("input[type=checkbox]").prop("checked", false);
-					$(this.formArea[i]).find("select").val("simplification");
-					$(this.formArea[i]).find("input[type=number]").val("");
-				}
-			}
-		}
-	} else {
-		$(this.def).val("linestring");
-		$(this.check).prop("checked", false);
-		for (var i = 0; i < 3; i++) {
-			$(this.formArea[i]).find("input[type=checkbox]").prop("checked", false);
-			$(this.formArea[i]).find("select").val("simplification");
-			$(this.formArea[i]).find("input[type=number]").val("");
-		}
-	}
-};
-
-/**
- * 일반화할 레이어를 목록에 표시한다.
- * 
- * @name updateLayerList
- * @param {Array}
- *            names
- */
-gb.modal.Generalization.prototype.updateLayerList = function() {
-	var names = Object.keys(this.json).sort();
-	$(this.tbody).empty();
-	for (var i = 0; i < names.length; i++) {
-		var td1 = $("<td>").text((i + 1));
-		var td2 = $("<td>").text("not yet");
-		var td3 = $("<td>").text($(this.treeBody).jstree(true).get_node($(this.treeBody).jstree(true).get_node(names[i]).parent).text);
-		var td4 = $("<td>").text($(this.treeBody).jstree(true).get_node(names[i]).text);
-		var tr = $("<tr>").append(td1).append(td2).append(td3).append(td4);
-		$(this.tbody).append(tr);
-	}
-};
-
-/**
- * 일반화 프로세스에 맞는 입력폼을 출력한다
- * 
- * @name refreshThresholdArea
- * @param {String}
- *            method
- * @param {Number}
- *            idx
- */
-gb.modal.Generalization.prototype.refreshThresholdArea = function(method, idx) {
-	var that = this;
-	switch (method) {
-	case "simplification":
-		$(this.thresholdArea[idx]).empty();
-		var text = $("<input>").attr({
-			"type" : "number"
-		}).addClass("gb-form").css({
-			"display" : "inline-block",
-			"width" : "134px",
-			"margin" : "5px"
-		}).on(
-				"input",
-				function() {
-					console.log($(this).parent().parent().index());
-					console.log("check");
-					console.log($(that.treeBody).jstree(true).get_selected(true).length);
-					if ($(this).parent().parent().find("input[type=checkbox]").is(":checked")
-							&& $(that.treeBody).jstree(true).get_selected(true).length === 1
-							&& ($(that.treeBody).jstree(true).get_selected(true)[0].type === "n_shp_layer_ln"
-									|| $(that.treeBody).jstree(true).get_selected(true)[0].type === "n_shp_layer_mln"
-									|| $(that.treeBody).jstree(true).get_selected(true)[0].type === "n_shp_layer_pg" || $(that.treeBody)
-									.jstree(true).get_selected(true)[0].type === "n_shp_layer_mpg")) {
-						console.log("here");
-						console.log($(that.treeBody).jstree(true).get_selected(true)[0].id);
-						if (typeof that.json === "undefined") {
-							that.json = {};
-						}
-						if (!that.json.hasOwnProperty($(that.treeBody).jstree(true).get_selected(true)[0].id)) {
-							that.json[$(that.treeBody).jstree(true).get_selected(true)[0].id] = {
-								"define" : undefined,
-								"phase" : [],
-								"topology" : undefined
-							};
-						}
-						that.json[$(that.treeBody).jstree(true).get_selected(true)[0].id].define = $(that.def).val();
-						that.json[$(that.treeBody).jstree(true).get_selected(true)[0].id].phase[$(this).parent().parent().index()] = {
-							"method" : $(this).parent().parent().find("select").val(),
-							"threshold" : $(this).val()
-						}
-						that.json[$(that.treeBody).jstree(true).get_selected(true)[0].id].topology = $(that.check).is(":checked");
-						that.updateLayerList();
-						$(that.treeBody).jstree(true).set_flag($(that.treeBody).jstree(true).get_selected(true)[0], "checking", true);
-						console.log(that.json);
-					}
-				});
-
-		$(this.thresholdArea[idx]).append(text);
-		break;
-	case "elimination":
-		$(this.thresholdArea[idx]).empty();
-		var text = $("<input>").attr({
-			"type" : "number"
-		}).addClass("gb-form").css({
-			"display" : "inline-block",
-			"width" : "134px",
-			"margin" : "5px"
-		});
-		var toler = $("<div>").append(text);
-
-		$(this.thresholdArea[idx]).append(toler);
-		break;
-	default:
-		break;
-	}
-};
-/**
- * 일반화를 요청한다.
- * 
- * @name requestGeneralization
- */
-gb.modal.Generalization.prototype.requestGeneralization = function() {
-	var obj = {
-		"topology" : $(this.check).is(":checked") ? true : false,
-		"order" : [],
-		"layers" : undefined
-	}
-	var groups = $(this.treeBody).jstree(true).get_selected();
-	obj.layers = groups;
-	// var dup = {};
-	// for (var i = 0; i < groups.length; i++) {
-	// var parent = $(this.treeBody).jstree(true).get_node(groups[i]);
-	// for (var j = 0; j < parent.children.length; j++) {
-	// var node = $(this.treeBody).jstree(true).get_node(parent.children[j]);
-	// dup[node.id] = null;
-	// }
-	// }
-	// obj.layers = Object.keys(dup);
-	for (var i = 0; i < this.items.length; i++) {
-		if ($(this.info).find(".gb-generalization-step:eq(" + i + ")").find("input[type=checkbox]").is(":checked")) {
-			if ($(this.info).find(".gb-generalization-step:eq(" + i + ")").find("select").val() === "simplification") {
-				var step = {
-					"method" : $(this.info).find(".gb-generalization-step:eq(" + i + ")").find("select").val(),
-					"tolerance" : $(this.info).find(".gb-generalization-step:eq(" + i + ")").find("input[type=number]").val()
-				};
-				obj.order.push(step);
-			} else if ($(this.info).find(".gb-generalization-step:eq(" + i + ")").find("select").val() === "elimination") {
-				var step = {
-					"method" : $(this.info).find(".gb-generalization-step:eq(" + i + ")").find("select").val(),
-					"tolerance" : $(this.info).find(".gb-generalization-step:eq(" + i + ")").find("input[type=number]").val()
-				};
-				obj.order.push(step);
-			}
-		}
-	}
-	console.log(JSON.stringify(obj));
-	$.ajax({
-		url : this.requestURL,
-		type : "POST",
-		contentType : "application/json; charset=UTF-8",
-		cache : false,
-		data : JSON.stringify(obj),
-		beforeSend : function() { // 호출전실행
-			// loadImageShow();
-		},
-		traditional : true,
-		success : function(data, textStatus, jqXHR) {
-			console.log(data);
-		},
-		error : function(jqXHR, textStatus, errorThrown) {
-			console.log(jqXHR);
-			if (jqXHR.status === 500) {
-				console.error(errorTrown);
-			}
-		}
-	});
-	this.afterRequest_();
-};
-/**
- * 요청후 메시지를 출력한다
- * 
- * @name afterRequest_
- */
-gb.modal.Generalization.prototype.afterRequest_ = function() {
-	$(this.okBtn).prop("disabled", true);
-	var that = this;
-	setTimeout(function() {
-		$(that.message).text("Request completed. This window will be closed in 5 second.");
-		$(that.message).show();
-	}, 1000);
-	setTimeout(function() {
-		$(that.message).text("Request completed. This window will be closed in 4 second.");
-	}, 2000);
-	setTimeout(function() {
-		$(that.message).text("Request completed. This window will be closed in 3 second.");
-	}, 3000);
-	setTimeout(function() {
-		$(that.message).text("Request completed. This window will be closed in 2 second.");
-	}, 4000);
-	setTimeout(function() {
-		$(that.message).text("Request completed. This window will be closed in 1 second.");
-	}, 5000);
-	setTimeout(function() {
-		$(that.message).text("Request completed. This window will be closed in 0 second.");
-		that.close();
-		$(that.message).hide();
-	}, 6000);
-};
-/**
- * 모달을 연다
- * 
- * @name open
- */
-gb.modal.Generalization.prototype.open = function() {
-	gb.modal.Base.prototype.open.call(this);
-	$(this.okBtn).prop("disabled", false);
-};
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/layerdefinition10.js b/opengds2018prod/src/main/resources/static/resources/js/gb/modal/layerdefinition10.js
deleted file mode 100644
index 67b6148b..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/layerdefinition10.js
+++ /dev/null
@@ -1,561 +0,0 @@
-/**
- * 레이어 코드를 정의하는 객체를 정의한다.
- * 
- * @author yijun.so
- * @date 2017. 04
- * @version 0.01
- */
-var gitbuilder;
-if (!gitbuilder)
-	gitbuilder = {};
-if (!gitbuilder.ui)
-	gitbuilder.ui = {};
-gitbuilder.ui.LayerDefinition10 = $.widget("gitbuilder.layerdefinition10",
-		{
-			widnow : undefined,
-			layerDef : undefined,
-			tbody : undefined,
-			message : undefined,
-			file : undefined,
-			options : {
-				definition : undefined,
-				appendTo : "body"
-			},
-			_create : function() {
-				this.layerDef = $.extend({}, this.options.definition);
-
-				var that = this;
-				this._on(false, this.element, {
-					click : function(event) {
-						if (event.target === that.element[0]) {
-							that.open();
-						}
-					}
-				});
-				var xSpan = $("<span>").attr({
-					"aria-hidden" : true
-				}).html("&times;");
-				var xButton = $("<button>").attr({
-					"type" : "button",
-					"data-dismiss" : "modal",
-					"aria-label" : "Close"
-				}).html(xSpan);
-				this._addClass(xButton, "close");
-
-				var htag = $("<h4>");
-				htag.text("Layer Definition");
-				this._addClass(htag, "modal-title");
-
-				var header = $("<div>").append(xButton).append(htag);
-				this._addClass(header, "modal-header");
-				/*
-				 * 
-				 * 
-				 * header end
-				 * 
-				 * 
-				 */
-				var tdhead1 = $("<td>").text("#");
-				var tdhead2 = $("<td>").text("Layer Name");
-				var tdhead3 = $("<td>").text("Layer Code");
-				var tdhead4 = $("<td>").text("Geometry Type");
-				var tdhead5 = $("<td>").text("Delete");
-				var tdhead6 = $("<td>").text("QA Area");
-				// var tdhead7 = $("<td>").text("Weight");
-				var trhead = $("<tr>").append(tdhead1).append(tdhead2).append(tdhead3).append(tdhead4).append(tdhead5).append(tdhead6);
-				var thead = $("<thead>").append(trhead);
-				that.tbody = $("<tbody>");
-				var tb = $("<table>").append(thead).append(that.tbody);
-				this._addClass(tb, "table");
-				this._addClass(tb, "table-striped");
-				this._addClass(tb, "text-center");
-				this.update();
-				$(document).on("click", ".layerdefinition10-del", function(event) {
-					var laName;
-					if (event.target === this) {
-						laName = $(event.target).parent().parent().find("td:eq(1) > input").val();
-						$(event.target).parent().parent().remove();
-					} else if ($(event.target).parent()[0] === this) {
-						laName = $(event.target).parent().parent().parent().find("td:eq(1) > input").val();
-						$(event.target).parent().parent().parent().remove();
-					}
-				});
-				var addBtn = $("<button>").attr({
-					"type" : "button"
-				});
-				this._addClass(addBtn, "btn");
-				this._addClass(addBtn, "btn-default");
-				$(addBtn).text("Add Row");
-				this._on(false, addBtn, {
-					click : function(event) {
-						if (event.target === addBtn[0]) {
-							var no = $("<span>").css({
-								"vertical-align" : "-webkit-baseline-middle"
-							}).text($(that.tbody).find("tr:last").index() + 2)
-							var td1 = $("<td>").append(no);
-							var lname = $("<input>").val("");
-							this._addClass(lname, "form-control");
-							var td2 = $("<td>").append(lname);
-							$(td2).attr({
-								"type" : "text"
-							});
-							var lcode = $("<input>").val("");
-							this._addClass(lcode, "form-control");
-							var td3 = $("<td>").append(lcode);
-							$(td3).attr({
-								"type" : "text"
-							});
-							var ty1 = $("<option>").text("Insert").val("insert");
-//							var ty2 = $("<option>").text("Line").val("line");
-							var ty3 = $("<option>").text("LWPolyline").val("lwpolyline");
-							var ty4 = $("<option>").text("Polyline").val("polyline");
-							var ty5 = $("<option>").text("Text").val("text");
-							var gtype = $("<select>").append(ty1).append(ty3).append(ty4).append(ty5);
-							this._addClass(gtype, "form-control");
-							var td4 = $("<td>").append(gtype);
-							var icon = $("<i>").attr("aria-hidden", true);
-							this._addClass(icon, "fa");
-							this._addClass(icon, "fa-times");
-							var delBtn = $("<button>").append(icon);
-							this._addClass(delBtn, "btn");
-							this._addClass(delBtn, "btn-default");
-							this._addClass(delBtn, "layerdefinition10-del");
-							var td5 = $("<td>").append(delBtn);
-							var radio = $("<input>").attr({
-								"type" : "radio",
-								"name" : "layerdefinition10-area"
-							}).css({
-								"vertical-align" : "-webkit-baseline-middle"
-							});
-							var td6 = $("<td>").append(radio);
-							// var weight = $("<input>").attr({
-							// "type" : "number",
-							// "min" : 1,
-							// "max" : 100
-							// });
-							// that._addClass(weight, "form-control");
-							// var td7 = $("<td>").append(weight);
-							var tr = $("<tr>").append(td1).append(td2).append(td3).append(td4).append(td5).append(td6);
-							$(that.tbody).append(tr);
-						}
-					}
-				});
-				var upper = $("<div>").css({
-					"overflow-y" : "auto",
-					"height" : "400px"
-				}).append(tb);
-				this.message = $("<p>").css({
-					"display" : "none"
-				});
-				this._addClass(this.message, "text-danger");
-				var mid = $("<div>").append(this.message).append(addBtn);
-				this.file = $("<input>").attr({
-					"type" : "file"
-				}).css({
-					"float" : "left",
-					"display" : "inline-block"
-				});
-				var lower = $("<div>").css({
-					"display" : "none",
-					"height" : "30px",
-					"margin" : "5px 0"
-				}).append(this.file);
-				this._on(false, this.file, {
-					change : function(event) {
-						var fileList = that.file[0].files;
-						var reader = new FileReader();
-						if (fileList.length === 0) {
-							return;
-						}
-						reader.readAsText(fileList[0]);
-						that._on(false, reader, {
-							load : function(event) {
-								var obj = JSON.parse(reader.result.replace(/(\s*)/g, ''));
-								that.update(obj);
-								$(lower).css("display", "none");
-							}
-						});
-					}
-				});
-				var body = $("<div>").append(upper).append(mid).append(lower);
-				this._addClass(body, "modal-body");
-				/*
-				 * 
-				 * 
-				 * body end
-				 * 
-				 * 
-				 */
-				var uploadBtn = $("<button>").attr({
-					"type" : "button"
-				});
-				this._addClass(uploadBtn, "btn");
-				this._addClass(uploadBtn, "btn-default");
-				$(uploadBtn).text("Upload");
-				this._on(false, uploadBtn, {
-					click : function(event) {
-						if (event.target === uploadBtn[0]) {
-							if ($(lower).css("display") === "none") {
-								$(lower).css("display", "block");
-							} else {
-								$(lower).css("display", "none");
-							}
-						}
-					}
-				});
-				var downloadBtn = $("<button>").attr({
-					"type" : "button"
-				});
-				this._addClass(downloadBtn, "btn");
-				this._addClass(downloadBtn, "btn-default");
-				$(downloadBtn).text("Download");
-				this._on(false, downloadBtn, {
-					click : function(event) {
-						if (event.target === downloadBtn[0]) {
-							that.downloadSetting();
-						}
-					}
-				});
-
-				var pleft = $("<span>").css("float", "left");
-				// this._addClass(pleft, "text-left");
-				$(pleft).append(uploadBtn).append(downloadBtn);
-
-				var closeBtn = $("<button>").attr({
-					"type" : "button",
-					"data-dismiss" : "modal"
-				});
-				this._addClass(closeBtn, "btn");
-				this._addClass(closeBtn, "btn-default");
-				$(closeBtn).text("Close");
-
-				var okBtn = $("<button>").attr({
-					"type" : "button"
-				});
-				this._addClass(okBtn, "btn");
-				this._addClass(okBtn, "btn-primary");
-				$(okBtn).text("Save");
-
-				this._on(false, okBtn, {
-					click : function(event) {
-						if (event.target === okBtn[0]) {
-							var obj = that.getDefinitionForm();
-							if (!!obj) {
-								that.setDefinition(obj);
-								that.close();
-							}
-						}
-					}
-				});
-
-				var pright = $("<span>").css("float", "right");
-				// this._addClass(pright, "text-right");
-				$(pright).append(closeBtn).append(okBtn);
-
-				var footer = $("<div>").append(pleft).append(pright);
-				this._addClass(footer, "modal-footer");
-				/*
-				 * 
-				 * 
-				 * footer end
-				 * 
-				 * 
-				 */
-				var content = $("<div>").append(header).append(body).append(footer);
-				this._addClass(content, "modal-content");
-
-				var dialog = $("<div>").html(content);
-				this._addClass(dialog, "modal-dialog");
-				this._addClass(dialog, "modal-lg");
-
-				this.window = $("<div>").hide().attr({
-					// Setting tabIndex makes the div focusable
-					tabIndex : -1,
-					role : "dialog",
-				}).html(dialog);
-				this._addClass(this.window, "modal");
-				this._addClass(this.window, "fade");
-
-				this.window.appendTo(this._appendTo());
-				this.window.modal({
-					backdrop : "static",
-					keyboard : true,
-					show : false,
-				});
-			},
-			_init : function() {
-				this.layerDef = $.extend({}, this.options.definition);
-			},
-			downloadSetting : function() {
-				var def = this.getDefinitionForm();
-				if (!!def) {
-					var setting = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(def));
-					var anchor = $("<a>").attr({
-						"href" : setting,
-						"download" : "layer_setting.json"
-					});
-					$(anchor)[0].click();
-				}
-			},
-			getDefinitionForm : function() {
-				var that = this;
-				var flag = true;
-				var tbody = this.tbody;
-				var def = {};
-				var result;
-				var children = $(tbody).children();
-				var error = [];
-				// var tWeight = 0;
-				for (var i = 0; i < children.length; i++) {
-					// var wei =
-					// parseInt($(children[i]).find("td:eq(6)>input[type=number]").val());
-					// tWeight = tWeight + wei;
-					// if (wei < 1) {
-					// flag = false;
-					// $(that.message).css({
-					// "display" : "block"
-					// }).text("Each weight must be over than 0%");
-					// }
-					$(children[i]).removeClass("danger");
-					for (var j = 0; j < children.length; j++) {
-						if (i !== j) {
-							if ($(children[i]).find("td:eq(1)>input").val() !== ""
-									&& $(children[i]).find("td:eq(1)>input").val().replace(/(\s*)/g, '') === $(children[j]).find("td:eq(1)>input").val().replace(/(\s*)/g, '')) {
-								error.push(children[i]);
-								error.push(children[j]);
-								flag = false;
-								$(that.message).css({
-									"display" : "block"
-								}).text("Same layer names are not allowed.");
-							}
-						}
-					}
-					var area = $("input[name=layerdefinition10-area]:checked");
-					if (area.length === 0) {
-						flag = false;
-						$(that.message).css({
-							"display" : "block"
-						}).text("QA area must be set.");
-					}
-					if ($(children[i]).find("td:eq(1)>input").val() === "" || $(children[i]).find("td:eq(2)>input").val() === "") {
-						$(children[i]).addClass("warning");
-						flag = false;
-						$(that.message).css({
-							"display" : "block"
-						}).text("Blank spaces are not allowed.");
-					} else {
-						$(children[i]).removeClass("warning");
-					}
-
-					var code = $(children[i]).find("td:eq(2)>input").val();
-					code.replace(/(\s*)/g, '');
-					var spCode = code.split(",");
-					var geom = $(children[i]).find("td:eq(3)>select").val();
-					var area;
-					if ($(children[i]).find("td:eq(5)>input").prop("checked")) {
-						area = true;
-					} else {
-						area = false;
-					}
-					// var wVal =
-					// parseInt($(children[i]).find("td:eq(6)>input[type=number]").val());
-					def[$(children[i]).find("td:eq(1)>input").val().replace(/(\s*)/g, '')] = {
-						"code" : spCode,
-						"geom" : geom,
-						"area" : area
-					// ,
-					// "weight" : wVal
-					};
-				}
-				// if (tWeight !== 100) {
-				// flag = false;
-				// $(that.message).css({
-				// "display" : "block"
-				// }).text("Total weight must be 100%");
-				// }
-				for (var k = 0; k < error.length; k++) {
-					$(error[k]).addClass("danger");
-				}
-				if (flag) {
-					$(that.message).css({
-						"display" : "none"
-					});
-					result = def;
-				}
-				return result;
-			},
-			setDefinition : function(obj) {
-				this.layerDef = obj;
-			},
-			getDefinition : function() {
-				return this.layerDef;
-			},
-			update : function(obj) {
-				var that = this;
-				$(this.tbody).empty();
-				$(that.message).css({
-					"display" : "none"
-				});
-				if (!obj) {
-					obj = this.layerDef;
-				}
-				var keys = Object.keys(obj);
-				for (var i = 0; i < keys.length; i++) {
-					var no = $("<span>").css({
-						"vertical-align" : "-webkit-baseline-middle"
-					}).text((i + 1));
-					var td1 = $("<td>").append(no);
-					var lname = $("<input>").attr({
-						"type" : "text"
-					}).val(keys[i]);
-					this._addClass(lname, "form-control");
-					var td2 = $("<td>").append(lname);
-
-					var lcode = $("<input>").attr({
-						"type" : "text"
-					}).val(obj[keys[i]].code.toString());
-					this._addClass(lcode, "form-control");
-					var td3 = $("<td>").append(lcode);
-
-					var ty1 = $("<option>").text("Insert").val("insert");
-//					var ty2 = $("<option>").text("Line").val("line");
-					var ty3 = $("<option>").text("LWPolyline").val("lwpolyline");
-					var ty4 = $("<option>").text("Polyline").val("polyline");
-					var ty5 = $("<option>").text("Text").val("text");
-					var gtype = $("<select>").append(ty1).append(ty3).append(ty4).append(ty5).val(obj[keys[i]].geom);
-					this._addClass(gtype, "form-control");
-					var td4 = $("<td>").append(gtype);
-
-					var icon = $("<i>").attr("aria-hidden", true);
-					this._addClass(icon, "fa");
-					this._addClass(icon, "fa-times");
-					var delBtn = $("<button>").append(icon);
-					this._addClass(delBtn, "btn");
-					this._addClass(delBtn, "btn-default");
-					this._addClass(delBtn, "layerdefinition10-del");
-					var td5 = $("<td>").append(delBtn);
-					var radio = $("<input>").attr({
-						"type" : "radio",
-						"name" : "layerdefinition10-area"
-					}).css({
-						"vertical-align" : "-webkit-baseline-middle"
-					});
-					if (obj[keys[i]].area) {
-						$(radio).prop("checked", true);
-					} else {
-						$(radio).prop("checked", false);
-					}
-					var td6 = $("<td>").append(radio);
-					// var weight = $("<input>").attr({
-					// "type" : "number",
-					// "min" : 1,
-					// "max" : 100
-					// }).val(obj[keys[i]].weight);
-					// that._addClass(weight, "form-control");
-					// var td7 = $("<td>").append(weight);
-					var tr = $("<tr>").append(td1).append(td2).append(td3).append(td4).append(td5).append(td6);
-					$(that.tbody).append(tr);
-				}
-			},
-			open : function() {
-				this.window.modal('show');
-				this.update();
-			},
-			close : function() {
-				this.window.modal('hide');
-			},
-			destroy : function() {
-				this.element.off("click");
-				$(this.window).find("button").off("click");
-				$(this.window).find("input").off("change").off("load");
-				this.window = undefined;
-			},
-			_appendTo : function() {
-				var element = this.options.appendTo;
-				if (element && (element.jquery || element.nodeType)) {
-					return $(element);
-				}
-				return this.document.find(element || "body").eq(0);
-			},
-			_removeClass : function(element, keys, extra) {
-				return this._toggleClass(element, keys, extra, false);
-			},
-
-			_addClass : function(element, keys, extra) {
-				return this._toggleClass(element, keys, extra, true);
-			},
-
-			_toggleClass : function(element, keys, extra, add) {
-				add = (typeof add === "boolean") ? add : extra;
-				var shift = (typeof element === "string" || element === null), options = {
-					extra : shift ? keys : extra,
-					keys : shift ? element : keys,
-					element : shift ? this.element : element,
-					add : add
-				};
-				options.element.toggleClass(this._classes(options), add);
-				return this;
-			},
-
-			_on : function(suppressDisabledCheck, element, handlers) {
-				var delegateElement;
-				var instance = this;
-
-				// No suppressDisabledCheck flag, shuffle arguments
-				if (typeof suppressDisabledCheck !== "boolean") {
-					handlers = element;
-					element = suppressDisabledCheck;
-					suppressDisabledCheck = false;
-				}
-
-				// No element argument, shuffle and use this.element
-				if (!handlers) {
-					handlers = element;
-					element = this.element;
-					delegateElement = this.widget();
-				} else {
-					element = delegateElement = $(element);
-					this.bindings = this.bindings.add(element);
-				}
-
-				$.each(handlers, function(event, handler) {
-					function handlerProxy() {
-
-						// Allow widgets to customize the disabled
-						// handling
-						// - disabled as an array instead of boolean
-						// - disabled class as method for disabling
-						// individual parts
-						if (!suppressDisabledCheck && (instance.options.disabled === true || $(this).hasClass("ui-state-disabled"))) {
-							return;
-						}
-						return (typeof handler === "string" ? instance[handler] : handler).apply(instance, arguments);
-					}
-
-					// Copy the guid so direct unbinding works
-					if (typeof handler !== "string") {
-						handlerProxy.guid = handler.guid = handler.guid || handlerProxy.guid || $.guid++;
-					}
-
-					var match = event.match(/^([\w:-]*)\s*(.*)$/);
-					var eventName = match[1] + instance.eventNamespace;
-					var selector = match[2];
-
-					if (selector) {
-						delegateElement.on(eventName, selector, handlerProxy);
-					} else {
-						element.on(eventName, handlerProxy);
-					}
-				});
-			},
-
-			_off : function(element, eventName) {
-				eventName = (eventName || "").split(" ").join(this.eventNamespace + " ") + this.eventNamespace;
-				element.off(eventName).off(eventName);
-
-				// Clear the stack to avoid memory leaks (#10056)
-				this.bindings = $(this.bindings.not(element).get());
-				this.focusable = $(this.focusable.not(element).get());
-				this.hoverable = $(this.hoverable.not(element).get());
-			}
-		});
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/layerdefinition20_page.js b/opengds2018prod/src/main/resources/static/resources/js/gb/modal/layerdefinition20_page.js
deleted file mode 100644
index 310ae32b..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/layerdefinition20_page.js
+++ /dev/null
@@ -1,858 +0,0 @@
-/**
- * 레이어 코드를 정의하는 객체를 정의한다.
- * 
- * @author yijun.so
- * @date 2017. 04
- * @version 0.01
- */
-var gitbuilder;
-if (!gitbuilder)
-	gitbuilder = {};
-if (!gitbuilder.ui)
-	gitbuilder.ui = {};
-gitbuilder.ui.LayerDefinition20 = $.widget("gitbuilder.layerdefinition20", {
-	widnow : undefined,
-	layerDef : undefined,
-	geom : undefined,
-	tbody : undefined,
-	tbody2 : undefined,
-	message : undefined,
-	file : undefined,
-	copyNameList : undefined,
-	objCopy : undefined,
-	addNameList : undefined,
-	addObj : undefined,
-	pagination : undefined,
-	okBtn : undefined,
-	options : {
-		definition : undefined,
-		appendTo : "body"
-	},
-	_create : function() {
-		this.layerDef = $.extend({}, this.options.definition);
-		var that = this;
-		this._on(false, this.element, {
-			click : function(event) {
-				if (event.target === that.element[0]) {
-					that.open();
-				}
-			}
-		});
-		var xSpan = $("<span>").attr({
-			"aria-hidden" : true
-		}).html("&times;");
-		var xButton = $("<button>").attr({
-			"type" : "button",
-			"data-dismiss" : "modal",
-			"aria-label" : "Close"
-		}).html(xSpan);
-		this._addClass(xButton, "close");
-
-		var htag = $("<h4>");
-		htag.text("Layer Definition");
-		this._addClass(htag, "modal-title");
-
-		var header = $("<div>").append(xButton).append(htag);
-		this._addClass(header, "modal-header");
-		/*
-		 * 
-		 * 
-		 * header end
-		 * 
-		 * 
-		 */
-		var tdhead1 = $("<td>").text("#");
-		var tdhead2 = $("<td>").text("Layer Name");
-		var tdhead3 = $("<td>").text("Layer Code");
-		var tdhead4 = $("<td>").text("Geometry Type");
-		var tdhead5 = $("<td>").text("Delete");
-		var tdhead6 = $("<td>").text("QA Area");
-		// var tdhead7 = $("<td>").text("Weight");
-		var trhead = $("<tr>").append(tdhead1).append(tdhead2).append(tdhead3).append(tdhead4).append(tdhead5).append(tdhead6);
-		var thead = $("<thead>").append(trhead);
-		that.tbody = $("<tbody>");
-		that.tbody2 = $("<tbody>");
-		var tb = $("<table>").append(thead).append(that.tbody);
-		this._addClass(tb, "table");
-		this._addClass(tb, "table-striped");
-		this._addClass(tb, "text-center");
-
-		var tdhead12 = $("<td>").text("#");
-		var tdhead22 = $("<td>").text("Layer Name");
-		var tdhead32 = $("<td>").text("Layer Code");
-		var tdhead42 = $("<td>").text("Geometry Type");
-		var tdhead52 = $("<td>").text("Delete");
-		var tdhead62 = $("<td>").text("QA Area");
-		// var tdhead72 = $("<td>").text("Weight");
-		var trhead2 = $("<tr>").append(tdhead12).append(tdhead22).append(tdhead32).append(tdhead42).append(tdhead52).append(tdhead62);
-		var thead2 = $("<thead>").append(trhead2);
-		var tb2 = $("<table>").append(thead2).append(that.tbody2);
-		this._addClass(tb2, "table");
-		this._addClass(tb2, "table-striped");
-		this._addClass(tb2, "text-center");
-		this.update();
-		$(document).on("click", ".layerdefinition20-del", function(event) {
-			var laName;
-			if (event.target === this) {
-				laName = $(event.target).parent().parent().find("td:eq(1) > input").val();
-				$(event.target).parent().parent().remove();
-			} else if ($(event.target).parent()[0] === this) {
-				laName = $(event.target).parent().parent().parent().find("td:eq(1) > input").val();
-				$(event.target).parent().parent().parent().remove();
-			}
-			// console.log(laName);
-			delete that.objCopy[laName];
-			// console.log(that.objCopy);
-			var page = $(that.pagination).find(".active").text();
-			// console.log(page);
-			that.update(that.objCopy, page);
-		});
-		$(document).on("click", ".layerdefinition20-del-temp", function(event) {
-			var laName;
-			if (event.target === this) {
-				laName = $(event.target).parent().parent().find("td:eq(1) > input").val();
-				$(event.target).parent().parent().remove();
-			} else if ($(event.target).parent()[0] === this) {
-				laName = $(event.target).parent().parent().parent().find("td:eq(1) > input").val();
-				$(event.target).parent().parent().parent().remove();
-			}
-			// console.log(laName);
-			// console.log(that.objCopy);
-			// console.log("del-temp");
-		});
-		$(document).on("input", ".layerdefinition20-lname-temp", function(event) {
-			// console.log($(this).val());
-			var idx = $(this).parent().parent().index();
-			// console.log(idx);
-			that.setTempData(idx);
-		});
-		$(document).on("input", ".layerdefinition20-lname", function(event) {
-			var idx = $(this).parent().parent().index();
-			// console.log(idx);
-			that.setCopyData(idx);
-		});
-		$(document).on("input", ".layerdefinition20-lcode-temp", function(event) {
-			// console.log($(this).val());
-			var idx = $(this).parent().parent().index();
-			// console.log(idx);
-			that.setTempData(idx);
-		});
-		$(document).on("input", ".layerdefinition20-lcode", function(event) {
-			// console.log($(this).val());
-			var idx = $(this).parent().parent().index();
-			// console.log(idx);
-			that.setCopyData(idx);
-		});
-		$(document).on("change", ".layerdefinition20-geom-temp", function(event) {
-			// console.log($(this).val());
-			var idx = $(this).parent().parent().index();
-			// console.log(idx);
-			that.setTempData(idx);
-		});
-		$(document).on("change", ".layerdefinition20-geom", function(event) {
-			// console.log($(this).val());
-			var idx = $(this).parent().parent().index();
-			// console.log(idx);
-			that.setCopyData(idx);
-		});
-		$(document).on("change", ".layerdefinition20-area-temp", function(event) {
-			// console.log($(this).val());
-			var idx = $(this).parent().parent().index();
-			// console.log(idx);
-			that.setTempData(idx);
-		});
-		$(document).on("change", ".layerdefinition20-area", function(event) {
-			// console.log($(this).val());
-			var idx = $(this).parent().parent().index();
-			// console.log(idx);
-			that.setCopyData(idx);
-		});
-		var addBtn = $("<button>").attr({
-			"type" : "button"
-		});
-		this._addClass(addBtn, "btn");
-		this._addClass(addBtn, "btn-default");
-		$(addBtn).text("Add Row");
-		this._on(false, addBtn, {
-			click : function(event) {
-				if (event.target === addBtn[0]) {
-					$(that.upper).hide();
-					if (!$(that.upper2).is(":visible")) {
-						$(that.tbody2).empty();
-						$(that.upper2).show();
-					}
-					if (Object.keys(that.objCopy).length === 0) {
-						$(that.backBtn).hide();
-					} else {
-						$(that.backBtn).show();
-					}
-					var num = $(that.tbody2).find("tr:last").index() + 2 + Object.keys(that.objCopy).length;
-					// console.log(num);
-					var no = $("<span>").css({
-						"vertical-align" : "-webkit-baseline-middle"
-					}).text(num);
-					var td1 = $("<td>").append(no);
-					var lname = $("<input>").addClass("layerdefinition20-lname-temp").val("");
-					this._addClass(lname, "form-control");
-					var td2 = $("<td>").append(lname);
-					$(td2).attr({
-						"type" : "text"
-					});
-					var lcode = $("<input>").addClass("layerdefinition20-lcode-temp").val("");
-					this._addClass(lcode, "form-control");
-					var td3 = $("<td>").append(lcode);
-					$(td3).attr({
-						"type" : "text"
-					});
-					var ty1 = $("<option>").text("Point").val("point");
-					var ty2 = $("<option>").text("LineString").val("linestring");
-					var ty3 = $("<option>").text("Polygon").val("polygon");
-					var ty4 = $("<option>").text("Text").val("text");
-					var gtype = $("<select>").addClass("layerdefinition20-geom-temp").append(ty1).append(ty2).append(ty3).append(ty4);
-					this._addClass(gtype, "form-control");
-					var td4 = $("<td>").append(gtype);
-					var icon = $("<i>").attr("aria-hidden", true);
-					this._addClass(icon, "fa");
-					this._addClass(icon, "fa-times");
-					var delBtn = $("<button>").append(icon);
-					this._addClass(delBtn, "btn");
-					this._addClass(delBtn, "btn-default");
-					this._addClass(delBtn, "layerdefinition20-del-temp");
-					var td5 = $("<td>").append(delBtn);
-					var radio = $("<input>").attr({
-						"type" : "checkbox",
-						"name" : "layerdefinition20-area-temp"
-					}).css({
-						"vertical-align" : "-webkit-baseline-middle"
-					}).addClass("layerdefinition20-area-temp");
-					var td6 = $("<td>").append(radio);
-					// var weight = $("<input>").attr({
-					// "type" : "number",
-					// "min" : 1,
-					// "max" : 100
-					// });
-					// that._addClass(weight, "form-control");
-					// var td7 = $("<td>").append(weight);
-					var tr = $("<tr>").append(td1).append(td2).append(td3).append(td4).append(td5).append(td6);
-					$(that.tbody2).append(tr);
-				}
-			}
-		});
-
-		this.pagination = $("<nav>").addClass("text-center");
-		this.upper = $("<div>").css({
-			"overflow-y" : "auto",
-			"height" : "400px"
-		}).append(tb).append(this.pagination);
-		var i = $("<i>").attr({
-			"aria-hidden" : true
-		}).addClass("fa").addClass("fa-reply");
-		this.backBtn = $("<button>").addClass("btn").addClass("btn-default").append("Back").click(function() {
-			that.objCopy = that.includeAddObject();
-			// console.log(that.objCopy);
-			$(that.upper).show();
-			$(that.upper2).hide();
-			that.update(that.objCopy);
-		});
-		this.upper2 = $("<div>").css({
-			"overflow-y" : "auto",
-			"height" : "400px"
-		}).append(this.backBtn).append(tb2);
-		this.message = $("<p>").css({
-			"display" : "none"
-		});
-		this._addClass(this.message, "text-danger");
-		var mid = $("<div>").append(this.message).append(addBtn);
-		this.file = $("<input>").attr({
-			"type" : "file"
-		}).css({
-			"float" : "left",
-			"display" : "inline-block"
-		});
-		var lower = $("<div>").css({
-			"display" : "none",
-			"height" : "30px",
-			"margin" : "5px 0"
-		}).append(this.file);
-		this._on(false, this.file, {
-			change : function(event) {
-				var fileList = that.file[0].files;
-				var reader = new FileReader();
-				if (fileList.length === 0) {
-					return;
-				}
-				reader.readAsText(fileList[0]);
-				that._on(false, reader, {
-					load : function(event) {
-						var obj = JSON.parse(reader.result.replace(/(\s*)/g, ''));
-						that.objCopy = obj;
-						that.update(obj);
-						$(lower).css("display", "none");
-					}
-				});
-			}
-		});
-		var body = $("<div>").append(this.upper).append(this.upper2).append(mid).append(lower);
-		this._addClass(body, "modal-body");
-		/*
-		 * 
-		 * 
-		 * body end
-		 * 
-		 * 
-		 */
-		var uploadBtn = $("<button>").attr({
-			"type" : "button"
-		});
-		this._addClass(uploadBtn, "btn");
-		this._addClass(uploadBtn, "btn-default");
-		$(uploadBtn).text("Upload");
-		this._on(false, uploadBtn, {
-			click : function(event) {
-				if (event.target === uploadBtn[0]) {
-					if ($(lower).css("display") === "none") {
-						$(lower).css("display", "block");
-					} else {
-						$(lower).css("display", "none");
-					}
-				}
-			}
-		});
-		var downloadBtn = $("<button>").attr({
-			"type" : "button"
-		});
-		this._addClass(downloadBtn, "btn");
-		this._addClass(downloadBtn, "btn-default");
-		$(downloadBtn).text("Download");
-		this._on(false, downloadBtn, {
-			click : function(event) {
-				if (event.target === downloadBtn[0]) {
-					that.downloadSetting();
-				}
-			}
-		});
-
-		var pleft = $("<span>").css("float", "left");
-		// this._addClass(pleft, "text-left");
-		$(pleft).append(uploadBtn).append(downloadBtn);
-
-		var closeBtn = $("<button>").attr({
-			"type" : "button",
-			"data-dismiss" : "modal"
-		});
-		this._addClass(closeBtn, "btn");
-		this._addClass(closeBtn, "btn-default");
-		$(closeBtn).text("Close");
-
-		this.okBtn = $("<button>").attr({
-			"type" : "button"
-		});
-		this._addClass(this.okBtn, "btn");
-		this._addClass(this.okBtn, "btn-primary");
-		$(this.okBtn).text("Save");
-
-		this._on(false, this.okBtn, {
-			click : function(event) {
-				if (event.target === that.okBtn[0]) {
-					if ($(that.upper).is(":visible")) {
-						var obj = that.objCopy;
-						if (!!obj) {
-							that.setDefinition(obj);
-							that.close();
-						}
-					} else if ($(that.upper2).is(":visible")) {
-						// console.log("upper2");
-						that.objCopy = that.includeAddObject();
-						if (!!that.objCopy) {
-							that.setDefinition(that.objCopy);
-							that.close();
-						}
-					}
-				}
-			}
-		});
-
-		var pright = $("<span>").css("float", "right");
-		// this._addClass(pright, "text-right");
-		$(pright).append(closeBtn).append(this.okBtn);
-
-		var footer = $("<div>").append(pleft).append(pright);
-		this._addClass(footer, "modal-footer");
-		/*
-		 * 
-		 * 
-		 * footer end
-		 * 
-		 * 
-		 */
-		var content = $("<div>").append(header).append(body).append(footer);
-		this._addClass(content, "modal-content");
-
-		var dialog = $("<div>").html(content);
-		this._addClass(dialog, "modal-dialog");
-		this._addClass(dialog, "modal-lg");
-
-		this.window = $("<div>").hide().attr({
-			// Setting tabIndex makes the div focusable
-			tabIndex : -1,
-			role : "dialog",
-		}).html(dialog);
-		this._addClass(this.window, "modal");
-		this._addClass(this.window, "fade");
-
-		this.window.appendTo(this._appendTo());
-		this.window.modal({
-			backdrop : "static",
-			keyboard : true,
-			show : false,
-		});
-	},
-	_init : function() {
-		this.layerDef = $.extend({}, this.options.definition);
-	},
-	downloadSetting : function() {
-		var def;
-		if ($(this.upper).is(":visible")) {
-			def = this.objCopy;
-			if (!!def) {
-				var setting = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(def));
-				var anchor = $("<a>").attr({
-					"href" : setting,
-					"download" : "layer_setting.json"
-				});
-				$(anchor)[0].click();
-			}
-		} else if ($(this.upper2).is(":visible")) {
-			// def = this.addObj;
-			this.setMessage("Please, Save first");
-		}
-
-	},
-	setDefinition : function(obj) {
-		this.layerDef = obj;
-	},
-	getDefinition : function() {
-		return this.layerDef;
-	},
-	update : function(obj, page) {
-		var that = this;
-		page = parseInt(page);
-		$(this.tbody).empty();
-		$(this.pagination).empty();
-		$(that.message).css({
-			"display" : "none"
-		});
-		if (!obj) {
-			obj = this.layerDef;
-		}
-
-		this.copyNameList = Object.keys(obj);
-		if (this.copyNameList.length === 0) {
-			$(this.upper).hide();
-			$(this.upper2).show();
-			$(this.backBtn).hide();
-			return;
-		} else {
-			$(this.upper).show();
-			$(this.upper2).hide();
-		}
-
-		this.copyNameList.sort();
-		var itemStartNum, itemEndNum, startPageNum;
-		if (!page) {
-			page = 1;
-		}
-		if (this.copyNameList.length >= (page * 5)) {
-			itemEndNum = (page * 5);
-			itemStartNum = (page * 5) - 5;
-		} else {
-			itemEndNum = this.copyNameList.length;
-			itemStartNum = this.copyNameList.length - (this.copyNameList.length % 5);
-		}
-		for (itemStartNum; itemStartNum < itemEndNum; itemStartNum++) {
-			var no = $("<span>").css({
-				"vertical-align" : "-webkit-baseline-middle"
-			}).text((itemStartNum + 1));
-			var td1 = $("<td>").append(no);
-			var lname = $("<input>").attr({
-				"type" : "text"
-			}).addClass("layerdefinition20-lname").val(this.copyNameList[itemStartNum]);
-			this._addClass(lname, "form-control");
-			var td2 = $("<td>").append(lname);
-
-			var lcode = $("<input>").attr({
-				"type" : "text"
-			}).addClass("layerdefinition20-lcode").val(obj[this.copyNameList[itemStartNum]].code.toString());
-			this._addClass(lcode, "form-control");
-			var td3 = $("<td>").append(lcode);
-
-			var ty1 = $("<option>").text("Point").val("point");
-			var ty2 = $("<option>").text("LineString").val("linestring");
-			var ty3 = $("<option>").text("Polygon").val("polygon");
-			var ty4 = $("<option>").text("Text").val("text");
-			var gtype = $("<select>").addClass("layerdefinition20-geom").append(ty1).append(ty2).append(ty3).append(ty4).val(
-					obj[this.copyNameList[itemStartNum]].geom);
-			this._addClass(gtype, "form-control");
-			var td4 = $("<td>").append(gtype);
-
-			var icon = $("<i>").attr("aria-hidden", true);
-			this._addClass(icon, "fa");
-			this._addClass(icon, "fa-times");
-			var delBtn = $("<button>").append(icon);
-			this._addClass(delBtn, "btn");
-			this._addClass(delBtn, "btn-default");
-			this._addClass(delBtn, "layerdefinition20-del");
-			var td5 = $("<td>").append(delBtn);
-			var radio = $("<input>").attr({
-				"type" : "checkbox",
-				"name" : "layerdefinition20-area"
-			}).css({
-				"vertical-align" : "-webkit-baseline-middle"
-			}).addClass("layerdefinition20-area");
-			if (obj[this.copyNameList[itemStartNum]].area) {
-				$(radio).prop("checked", true);
-			} else {
-				$(radio).prop("checked", false);
-			}
-			var td6 = $("<td>").append(radio);
-			// var weight = $("<input>").attr({
-			// "type" : "number",
-			// "min" : 1,
-			// "max" : 100
-			// }).val(obj[keys[i]].weight);
-			// that._addClass(weight, "form-control");
-			// var td7 = $("<td>").append(weight);
-			var tr = $("<tr>").append(td1).append(td2).append(td3).append(td4).append(td5).append(td6);
-			$(that.tbody).append(tr);
-		}
-		// 총 페이지 수
-		var totalPageNum = Math.ceil(this.copyNameList.length >= 5 ? this.copyNameList.length / 5 : 1);
-		// 현재 페이지 위치
-		var currentPageNum = (page * 5) >= 5 ? page > totalPageNum ? totalPageNum : page : 1;
-		// 보여줄 마지막 페이지
-		var maxDisplayNum = 5;
-		// 페이지 링크 영역
-		var ul = $("<ul>").addClass("pagination");
-		// 시작 페이지
-		var start = 0;
-		while (currentPageNum > maxDisplayNum) {
-			if (currentPageNum >= totalPageNum) {
-				maxDisplayNum = totalPageNum;
-				start = maxDisplayNum - 5;
-				break;
-			} else {
-				maxDisplayNum = maxDisplayNum + 5;
-				if (totalPageNum < maxDisplayNum) {
-					maxDisplayNum = totalPageNum;
-				}
-				start = maxDisplayNum - 5;
-			}
-		}
-		if (totalPageNum < 5) {
-			start = 0;
-			maxDisplayNum = totalPageNum;
-		}
-		var pre = $("<span>").attr({
-			"aria-hidden" : true
-		}).html("&laquo;");
-		var sa = $("<a>").attr({
-			"href" : "#",
-			"aria-label" : "Previous"
-		}).append(pre).click(function() {
-			that.update(that.objCopy, currentPageNum === 1 ? 1 : currentPageNum - 1);
-		});
-		var sli = $("<li>").append(sa);
-		$(ul).append(sli);
-
-		for (var i = start; i < maxDisplayNum; i++) {
-			var a = $("<a>").attr({
-				"href" : "#"
-			}).text(i + 1).click(function() {
-				that.update(that.objCopy, $(this).text());
-			});
-			var li = $("<li>").append(a);
-			if (page === (i + 1)) {
-				$(li).addClass("active");
-			}
-			$(ul).append(li);
-		}
-
-		var next = $("<span>").attr({
-			"aria-hidden" : true
-		}).html("&raquo;");
-		var ea = $("<a>").attr({
-			"href" : "#",
-			"aria-label" : "Next"
-		}).append(next).click(function() {
-			that.update(that.objCopy, currentPageNum >= totalPageNum ? totalPageNum : currentPageNum + 1);
-		});
-
-		var eli = $("<li>").append(ea);
-		$(ul).append(eli);
-
-		$(this.pagination).empty();
-		$(this.pagination).append(ul);
-	},
-	setWarning : function(tr) {
-		if (!$(tr).hasClass("warning")) {
-			$(tr).addClass("warning");
-		}
-	},
-	setDefault : function(tr) {
-		if ($(tr).hasClass("warning")) {
-			$(tr).removeClass("warning");
-		}
-	},
-	setMessage : function(text) {
-		if (text !== "") {
-			$(this.message).css({
-				"display" : "block"
-			}).text(text);
-		} else {
-			$(this.message).css({
-				"display" : "none"
-			});
-		}
-	},
-	checkArea : function(obj) {
-		var keys = Object.keys(obj);
-		var area = 0;
-		var result = false;
-		for (var i = 0; i < keys.length; i++) {
-			if (obj[keys[i]].area === true) {
-				area++;
-			}
-		}
-		if (area === 1) {
-			result = true;
-		}
-		return result;
-	},
-	setSaveBtn : function(flag) {
-		if (flag) {
-			$(this.okBtn).prop({
-				"disabled" : false
-			});
-		} else {
-			$(this.okBtn).prop({
-				"disabled" : true
-			});
-		}
-	},
-	setCopyData : function(index) {
-		var that = this;
-		$(this.tbody).find("tr").each(function() {
-			that.setDefault(this);
-		});
-		this.setMessage("");
-		var tr = $(this.tbody).find("tr:eq(" + index + ")");
-		var lname = $(tr).find(".layerdefinition20-lname").val().replace(/(\s*)/g, '');
-		if (lname === "") {
-			this.setMessage("Layer name must be set.");
-			this.setWarning(tr);
-			this.setSaveBtn(false);
-			return;
-		}
-		var lcode = $(tr).find(".layerdefinition20-lcode").val().replace(/(\s*)/g, '');
-		if (lcode === "") {
-			this.setMessage("Layer code must be set.");
-			this.setWarning(tr);
-			this.setSaveBtn(false);
-			return;
-		}
-		var geom = $(tr).find(".layerdefinition20-geom").val();
-		var area = $(tr).find(".layerdefinition20-area").is(":checked");
-		if (lname !== "" && lcode !== "" && geom) {
-			var idx = parseInt($(tr).find("td:eq(0)").text()) - 1;
-			var obj = that.objCopy;
-
-			if (this.copyNameList.indexOf(lname) !== -1 && this.copyNameList[idx] !== lname) {
-				this.setMessage("Layer name is duplicated.");
-				this.setWarning(tr);
-				this.setSaveBtn(false);
-				return;
-			}
-			delete obj[this.copyNameList[idx]];
-			this.copyNameList[idx] = lname;
-
-			obj[lname] = {
-				"code" : lcode.split(","),
-				"geom" : geom,
-				"area" : area
-			};
-
-			if (!this.checkArea(obj)) {
-				this.setMessage("QA area is not set or duplicated.");
-				this.setWarning(tr);
-				this.setSaveBtn(false);
-				return;
-			}
-			this.setSaveBtn(true);
-		}
-	},
-	setTempData : function(index) {
-		var that = this;
-		$(this.tbody2).find("tr").each(function() {
-			that.setDefault(this);
-		});
-		this.setMessage("");
-		var tr = $(this.tbody2).find("tr:eq(" + index + ")");
-		if (typeof this.addObj === "undefined") {
-			this.addNameList = [];
-			this.addObj = {};
-		}
-		var lname = $(tr).find(".layerdefinition20-lname-temp").val().replace(/(\s*)/g, '');
-		if (lname === "") {
-			this.setMessage("Layer name must be set.");
-			this.setWarning(tr);
-			this.setSaveBtn(false);
-			return;
-		}
-		var lcode = $(tr).find(".layerdefinition20-lcode-temp").val().replace(/(\s*)/g, '');
-		if (lcode === "") {
-			this.setMessage("Layer code must be set.");
-			this.setWarning(tr);
-			this.setSaveBtn(false);
-			return;
-		}
-		var geom = $(tr).find(".layerdefinition20-geom-temp").val();
-		var area = $(tr).find(".layerdefinition20-area-temp").is(":checked");
-		if (lname !== "" && lcode !== "" && geom) {
-			var def = this.objCopy;
-			var isExistOrigin = def.hasOwnProperty(lname);
-			var isExistTemp = this.addObj.hasOwnProperty(lname);
-			if (isExistOrigin || (isExistTemp && this.addNameList.indexOf(lname) !== index)) {
-				this.setMessage("Same layer names are not allowed.");
-				this.setWarning(tr);
-				this.setSaveBtn(false);
-				return;
-			}
-			delete this.addObj[this.addNameList[index]];
-			this.addNameList[index] = undefined;
-
-			this.addNameList[index] = lname;
-			this.addObj[lname] = {
-				"code" : lcode.split(","),
-				"geom" : geom,
-				"area" : area
-			};
-
-			var tobj = $.extend({}, this.objCopy, this.addObj);
-			if (!this.checkArea(tobj)) {
-				this.setMessage("Please check QA area.");
-				this.setWarning(tr);
-				this.setSaveBtn(false);
-				return;
-			}
-			this.setSaveBtn(true);
-		}
-	},
-	includeAddObject : function() {
-		var tobj = $.extend({}, this.objCopy, this.addObj);
-		this.addObj = {};
-		this.addNameList = [];
-		return tobj;
-	},
-	open : function() {
-		this.window.modal('show');
-		this.objCopy = JSON.parse(JSON.stringify(this.getDefinition()));
-		this.update(this.objCopy);
-	},
-	close : function() {
-		this.window.modal('hide');
-	},
-	destroy : function() {
-		this.element.off("click");
-		$(this.window).find("button").off("click");
-		$(this.window).find("input").off("change").off("load");
-		this.window = undefined;
-	},
-	_appendTo : function() {
-		var element = this.options.appendTo;
-		if (element && (element.jquery || element.nodeType)) {
-			return $(element);
-		}
-		return this.document.find(element || "body").eq(0);
-	},
-	_removeClass : function(element, keys, extra) {
-		return this._toggleClass(element, keys, extra, false);
-	},
-
-	_addClass : function(element, keys, extra) {
-		return this._toggleClass(element, keys, extra, true);
-	},
-
-	_toggleClass : function(element, keys, extra, add) {
-		add = (typeof add === "boolean") ? add : extra;
-		var shift = (typeof element === "string" || element === null), options = {
-			extra : shift ? keys : extra,
-			keys : shift ? element : keys,
-			element : shift ? this.element : element,
-			add : add
-		};
-		options.element.toggleClass(this._classes(options), add);
-		return this;
-	},
-
-	_on : function(suppressDisabledCheck, element, handlers) {
-		var delegateElement;
-		var instance = this;
-
-		// No suppressDisabledCheck flag, shuffle arguments
-		if (typeof suppressDisabledCheck !== "boolean") {
-			handlers = element;
-			element = suppressDisabledCheck;
-			suppressDisabledCheck = false;
-		}
-
-		// No element argument, shuffle and use this.element
-		if (!handlers) {
-			handlers = element;
-			element = this.element;
-			delegateElement = this.widget();
-		} else {
-			element = delegateElement = $(element);
-			this.bindings = this.bindings.add(element);
-		}
-
-		$.each(handlers, function(event, handler) {
-			function handlerProxy() {
-
-				// Allow widgets to customize the disabled
-				// handling
-				// - disabled as an array instead of boolean
-				// - disabled class as method for disabling
-				// individual parts
-				if (!suppressDisabledCheck && (instance.options.disabled === true || $(this).hasClass("ui-state-disabled"))) {
-					return;
-				}
-				return (typeof handler === "string" ? instance[handler] : handler).apply(instance, arguments);
-			}
-
-			// Copy the guid so direct unbinding works
-			if (typeof handler !== "string") {
-				handlerProxy.guid = handler.guid = handler.guid || handlerProxy.guid || $.guid++;
-			}
-
-			var match = event.match(/^([\w:-]*)\s*(.*)$/);
-			var eventName = match[1] + instance.eventNamespace;
-			var selector = match[2];
-
-			if (selector) {
-				delegateElement.on(eventName, selector, handlerProxy);
-			} else {
-				element.on(eventName, handlerProxy);
-			}
-		});
-	},
-
-	_off : function(element, eventName) {
-		eventName = (eventName || "").split(" ").join(this.eventNamespace + " ") + this.eventNamespace;
-		element.off(eventName).off(eventName);
-
-		// Clear the stack to avoid memory leaks (#10056)
-		this.bindings = $(this.bindings.not(element).get());
-		this.focusable = $(this.focusable.not(element).get());
-		this.hoverable = $(this.hoverable.not(element).get());
-	}
-});
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/layerweight.js b/opengds2018prod/src/main/resources/static/resources/js/gb/modal/layerweight.js
deleted file mode 100644
index 66f0c286..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/layerweight.js
+++ /dev/null
@@ -1,472 +0,0 @@
-/**
- * 레이어 코드를 정의하는 객체를 정의한다.
- * 
- * @author yijun.so
- * @date 2017. 04
- * @version 0.01
- */
-var gitbuilder;
-if (!gitbuilder)
-	gitbuilder = {};
-if (!gitbuilder.ui)
-	gitbuilder.ui = {};
-gitbuilder.ui.WeightDefinition = $.widget("gitbuilder.weightdefinition", {
-	widnow : undefined,
-	weightDef : undefined,
-	layerDef : undefined,
-	optDef : undefined,
-	tbody : undefined,
-	message : undefined,
-	file : undefined,
-	options : {
-		definition : undefined,
-		layerDefinition : undefined,
-		optionDefinition : undefined,
-		appendTo : "body"
-	},
-	_create : function() {
-		this.setDefinition(this.options.definition);
-		if (typeof this.options.layerDefinition === "function") {
-			this.setLayerDef(this.options.layerDefinition());
-		} else {
-			this.setLayerDef(this.options.layerDefinition);
-		}
-		if (typeof this.options.optionDefinition === "function") {
-			this.setOptDef(this.options.optionDefinition());
-		} else {
-			this.setOptDef(this.options.optionDefinition);
-		}
-
-		var that = this;
-		this._on(false, this.element, {
-			click : function(event) {
-				if (event.target === that.element[0]) {
-					that.open();
-				}
-			}
-		});
-		var xSpan = $("<span>").attr({
-			"aria-hidden" : true
-		}).html("&times;");
-		var xButton = $("<button>").attr({
-			"type" : "button",
-			"data-dismiss" : "modal",
-			"aria-label" : "Close"
-		}).html(xSpan);
-		this._addClass(xButton, "close");
-
-		var htag = $("<h4>");
-		htag.text("Layer Weight Definition");
-		this._addClass(htag, "modal-title");
-
-		var header = $("<div>").append(xButton).append(htag);
-		this._addClass(header, "modal-header");
-		/*
-		 * 
-		 * 
-		 * header end
-		 * 
-		 * 
-		 */
-		var tdhead1 = $("<td>").addClass("col-md-1").text("#");
-		var tdhead2 = $("<td>").addClass("col-md-3").text("Layer Name");
-		var tdhead3 = $("<td>").addClass("col-md-4").text("Layer Code");
-		var tdhead4 = $("<td>").addClass("col-md-2").text("Geometry Type");
-		var tdhead7 = $("<td>").addClass("col-md-2").text("Weight");
-		var trhead = $("<tr>").append(tdhead1).append(tdhead2).append(tdhead3).append(tdhead4).append(tdhead7);
-		var thead = $("<thead>").append(trhead);
-		that.tbody = $("<tbody>");
-		var tb = $("<table>").css({
-			"table-layout" : "fixed"
-		}).append(thead).append(that.tbody);
-		this._addClass(tb, "table");
-		this._addClass(tb, "table-striped");
-		this._addClass(tb, "text-center");
-		this.update();
-
-		var upper = $("<div>").css({
-			"overflow-y" : "auto",
-			"height" : "400px"
-		}).append(tb);
-		this.message = $("<p>").css({
-			"display" : "none"
-		});
-		this._addClass(this.message, "text-danger");
-		var mid = $("<div>").append(this.message);
-		this.file = $("<input>").attr({
-			"type" : "file"
-		}).css({
-			"float" : "left",
-			"display" : "inline-block"
-		});
-		var lower = $("<div>").css({
-			"display" : "none",
-			"height" : "30px",
-			"margin" : "5px 0"
-		}).append(this.file);
-		this._on(false, this.file, {
-			change : function(event) {
-				var fileList = that.file[0].files;
-				var reader = new FileReader();
-				if (fileList.length === 0) {
-					return;
-				}
-				reader.readAsText(fileList[0]);
-				that._on(false, reader, {
-					load : function(event) {
-						var obj = JSON.parse(reader.result.replace(/(\s*)/g, ''));
-						that.update(obj);
-						$(lower).css("display", "none");
-					}
-				});
-			}
-		});
-		var body = $("<div>").append(upper).append(mid).append(lower);
-		this._addClass(body, "modal-body");
-		/*
-		 * 
-		 * 
-		 * body end
-		 * 
-		 * 
-		 */
-		var uploadBtn = $("<button>").attr({
-			"type" : "button"
-		});
-		this._addClass(uploadBtn, "btn");
-		this._addClass(uploadBtn, "btn-default");
-		$(uploadBtn).text("Upload");
-		this._on(false, uploadBtn, {
-			click : function(event) {
-				if (event.target === uploadBtn[0]) {
-					if ($(lower).css("display") === "none") {
-						$(lower).css("display", "block");
-					} else {
-						$(lower).css("display", "none");
-					}
-				}
-			}
-		});
-		var downloadBtn = $("<button>").attr({
-			"type" : "button"
-		});
-		this._addClass(downloadBtn, "btn");
-		this._addClass(downloadBtn, "btn-default");
-		$(downloadBtn).text("Download");
-		this._on(false, downloadBtn, {
-			click : function(event) {
-				if (event.target === downloadBtn[0]) {
-					that.downloadSetting();
-				}
-			}
-		});
-
-		var pleft = $("<span>").css("float", "left");
-		// this._addClass(pleft, "text-left");
-		$(pleft).append(uploadBtn).append(downloadBtn);
-
-		var closeBtn = $("<button>").attr({
-			"type" : "button",
-			"data-dismiss" : "modal"
-		});
-		this._addClass(closeBtn, "btn");
-		this._addClass(closeBtn, "btn-default");
-		$(closeBtn).text("Close");
-
-		var okBtn = $("<button>").attr({
-			"type" : "button"
-		});
-		this._addClass(okBtn, "btn");
-		this._addClass(okBtn, "btn-primary");
-		$(okBtn).text("Save");
-
-		this._on(false, okBtn, {
-			click : function(event) {
-				if (event.target === okBtn[0]) {
-					var obj = that.getDefinitionForm();
-					if (!!obj) {
-						that.setDefinition(obj);
-						that.close();
-					}
-				}
-			}
-		});
-
-		var pright = $("<span>").css("float", "right");
-		// this._addClass(pright, "text-right");
-		$(pright).append(closeBtn).append(okBtn);
-
-		var footer = $("<div>").append(pleft).append(pright);
-		this._addClass(footer, "modal-footer");
-		/*
-		 * 
-		 * 
-		 * footer end
-		 * 
-		 * 
-		 */
-		var content = $("<div>").append(header).append(body).append(footer);
-		this._addClass(content, "modal-content");
-
-		var dialog = $("<div>").html(content);
-		this._addClass(dialog, "modal-dialog");
-		this._addClass(dialog, "modal-lg");
-
-		this.window = $("<div>").hide().attr({
-			// Setting tabIndex makes the div focusable
-			tabIndex : -1,
-			role : "dialog",
-		}).html(dialog);
-		this._addClass(this.window, "modal");
-		this._addClass(this.window, "fade");
-
-		this.window.appendTo(this._appendTo());
-		this.window.modal({
-			backdrop : "static",
-			keyboard : true,
-			show : false,
-		});
-	},
-	_init : function() {
-		this.setDefinition(this.options.definition);
-		if (typeof this.options.layerDefinition === "function") {
-			this.setLayerDef(this.options.layerDefinition());
-		} else {
-			this.setLayerDef(this.options.layerDefinition);
-		}
-		if (typeof this.options.optionDefinition === "function") {
-			this.setOptDef(this.options.optionDefinition());
-		} else {
-			this.setOptDef(this.options.optionDefinition);
-		}
-	},
-	downloadSetting : function() {
-		var def = this.getDefinitionForm();
-		if (!!def) {
-			var setting = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(def));
-			var anchor = $("<a>").attr({
-				"href" : setting,
-				"download" : "weight_setting.json"
-			});
-			$(anchor)[0].click();
-		}
-	},
-	getDefinitionForm : function() {
-		var that = this;
-		var flag = true;
-		var tbody = this.tbody;
-		var def = {};
-		var result;
-		var children = $(tbody).children();
-		var error = [];
-		var tWeight = 0;
-		for (var i = 0; i < children.length; i++) {
-			var wei = parseInt($(children[i]).find("td:eq(4)>input[type=number]").val());
-			tWeight = tWeight + wei;
-			if (wei < 1) {
-				flag = false;
-				$(that.message).css({
-					"display" : "block"
-				}).text("Each weight must be over than 0%");
-			}
-			$(children[i]).removeClass("danger");
-
-			var wVal = parseInt($(children[i]).find("td:eq(4)>input[type=number]").val());
-			def[$(children[i]).find("td:eq(1)").text()] = wVal;
-		}
-		if (tWeight !== 100) {
-			flag = false;
-			$(that.message).css({
-				"display" : "block"
-			}).text("Total weight must be 100%");
-		}
-		for (var k = 0; k < error.length; k++) {
-			$(error[k]).addClass("danger");
-		}
-		if (flag) {
-			$(that.message).css({
-				"display" : "none"
-			});
-			result = def;
-		}
-		return result;
-	},
-	setDefinition : function(obj) {
-		this.weightDef = $.extend({}, obj);
-	},
-	getDefinition : function() {
-		return this.weightDef;
-	},
-	getOptDef : function() {
-		return this.optDef;
-	},
-	setOptDef : function(def) {
-		this.optDef = $.extend({}, def);
-	},
-	getLayerDef : function() {
-		return this.layerDef;
-	},
-	setLayerDef : function(def) {
-		this.layerDef = $.extend({}, def);
-	},
-	update : function(obj) {
-		var that = this;
-
-		$(this.tbody).empty();
-		$(that.message).css({
-			"display" : "none"
-		});
-		if (typeof this.options.layerDefinition === "function") {
-			this.setLayerDef(this.options.layerDefinition());
-		} else {
-			this.setLayerDef(this.options.layerDefinition);
-		}
-		if (typeof this.options.optionDefinition === "function") {
-			this.setOptDef(this.options.optionDefinition());
-		} else {
-			this.setOptDef(this.options.optionDefinition);
-		}
-
-		var okeys = Object.keys(this.getOptDef());
-		var wkeys = [];
-		for (var i = 0; i < okeys.length; i++) {
-			var keys = Object.keys(this.getOptDef()[okeys[i]]);
-			if (keys.length > 0) {
-				wkeys.push(okeys[i]);
-			}
-		}
-
-		for (var i = 0; i < wkeys.length; i++) {
-			var no = $("<span>").css({
-				"vertical-align" : "-webkit-baseline-middle"
-			}).text((i + 1));
-			var td1 = $("<td>").append(no);
-
-			var td2 = $("<td>").text(wkeys[i]);
-
-			var td3 = $("<td>").css({
-				"text-overflow" : "ellipsis",
-				"overflow" : "hidden"
-			}).text(this.getLayerDef()[wkeys[i]].code.toString());
-
-			var td4 = $("<td>").text(this.getLayerDef()[wkeys[i]].geom);
-
-			var weight = $("<input>").attr({
-				"type" : "number",
-				"min" : 1,
-				"max" : 100
-			});
-			if (!obj) {
-				$(weight).val(this.weightDef.hasOwnProperty(wkeys[i]) ? this.weightDef[wkeys[i]] : "0");
-			} else {
-				$(weight).val(obj.hasOwnProperty(wkeys[i]) ? obj[wkeys[i]] : "0");
-			}
-
-			that._addClass(weight, "form-control");
-			var td7 = $("<td>").append(weight);
-			var tr = $("<tr>").append(td1).append(td2).append(td3).append(td4).append(td7);
-			$(that.tbody).append(tr);
-		}
-	},
-	open : function() {
-		this.window.modal('show');
-		this.update();
-	},
-	close : function() {
-		this.window.modal('hide');
-	},
-	destroy : function() {
-		this.element.off("click");
-		$(this.window).find("button").off("click");
-		$(this.window).find("input").off("change").off("load");
-		this.window = undefined;
-	},
-	_appendTo : function() {
-		var element = this.options.appendTo;
-		if (element && (element.jquery || element.nodeType)) {
-			return $(element);
-		}
-		return this.document.find(element || "body").eq(0);
-	},
-	_removeClass : function(element, keys, extra) {
-		return this._toggleClass(element, keys, extra, false);
-	},
-
-	_addClass : function(element, keys, extra) {
-		return this._toggleClass(element, keys, extra, true);
-	},
-
-	_toggleClass : function(element, keys, extra, add) {
-		add = (typeof add === "boolean") ? add : extra;
-		var shift = (typeof element === "string" || element === null), options = {
-			extra : shift ? keys : extra,
-			keys : shift ? element : keys,
-			element : shift ? this.element : element,
-			add : add
-		};
-		options.element.toggleClass(this._classes(options), add);
-		return this;
-	},
-
-	_on : function(suppressDisabledCheck, element, handlers) {
-		var delegateElement;
-		var instance = this;
-
-		// No suppressDisabledCheck flag, shuffle arguments
-		if (typeof suppressDisabledCheck !== "boolean") {
-			handlers = element;
-			element = suppressDisabledCheck;
-			suppressDisabledCheck = false;
-		}
-
-		// No element argument, shuffle and use this.element
-		if (!handlers) {
-			handlers = element;
-			element = this.element;
-			delegateElement = this.widget();
-		} else {
-			element = delegateElement = $(element);
-			this.bindings = this.bindings.add(element);
-		}
-
-		$.each(handlers, function(event, handler) {
-			function handlerProxy() {
-
-				// Allow widgets to customize the disabled
-				// handling
-				// - disabled as an array instead of boolean
-				// - disabled class as method for disabling
-				// individual parts
-				if (!suppressDisabledCheck && (instance.options.disabled === true || $(this).hasClass("ui-state-disabled"))) {
-					return;
-				}
-				return (typeof handler === "string" ? instance[handler] : handler).apply(instance, arguments);
-			}
-
-			// Copy the guid so direct unbinding works
-			if (typeof handler !== "string") {
-				handlerProxy.guid = handler.guid = handler.guid || handlerProxy.guid || $.guid++;
-			}
-
-			var match = event.match(/^([\w:-]*)\s*(.*)$/);
-			var eventName = match[1] + instance.eventNamespace;
-			var selector = match[2];
-
-			if (selector) {
-				delegateElement.on(eventName, selector, handlerProxy);
-			} else {
-				element.on(eventName, handlerProxy);
-			}
-		});
-	},
-
-	_off : function(element, eventName) {
-		eventName = (eventName || "").split(" ").join(this.eventNamespace + " ") + this.eventNamespace;
-		element.off(eventName).off(eventName);
-
-		// Clear the stack to avoid memory leaks (#10056)
-		this.bindings = $(this.bindings.not(element).get());
-		this.focusable = $(this.focusable.not(element).get());
-		this.hoverable = $(this.hoverable.not(element).get());
-	}
-});
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/modifylayer.js b/opengds2018prod/src/main/resources/static/resources/js/gb/modal/modifylayer.js
deleted file mode 100644
index 9ba83f4b..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/modifylayer.js
+++ /dev/null
@@ -1,664 +0,0 @@
-/**
- * 레이어 정보를 변경하는 객체를 정의한다.
- * 
- * @author yijun.so
- * @date 2017. 06. 16
- * @version 0.01
- */
-var gb;
-if (!gb)
-	gb = {};
-if (!gb.geoserver)
-	gb.geoserver = {};
-gb.geoserver.ModifyLayer = function(obj) {
-	var that = this;
-	var options = obj;
-	this.infoURL = options.infoURL ? options.infoURL : null;
-	this.editURL = options.editURL ? options.editURL : null;
-	this.layer;
-	this.window;
-	this.originInfo = {};
-	this.currentInfo = {};
-	this.currentInfo = {};
-	this.sendObj = {};
-	var xSpan = $("<span>").attr({
-		"aria-hidden" : true
-	}).html("&times;");
-	var xButton = $("<button>").attr({
-		"type" : "button",
-		"data-dismiss" : "modal",
-		"aria-label" : "Close"
-	}).html(xSpan);
-	$(xButton).addClass("close");
-
-	var htag = $("<h4>");
-	htag.text("Layer Properties");
-	$(htag).addClass("modal-title");
-
-	var header = $("<div>").append(xButton).append(htag);
-	$(header).addClass("modal-header");
-	/*
-	 * 
-	 * 
-	 * header end
-	 * 
-	 * 
-	 */
-
-	// var name = $("<p>").text("Name");
-	// var nameInput = $("<input>").addClass("form-control").attr({
-	// "type" : "text"
-	// });
-	//
-	// var title = $("<p>").text("Title");
-	// var titleInput = $("<input>").addClass("form-control").attr({
-	// "type" : "text"
-	// });
-	//
-	// var summary = $("<p>").text("Summary");
-	// var summaryInput = $("<textarea>").addClass("form-control").attr({
-	// "rows" : "3"
-	// });
-	//
-	// var minBound = $("<p>").text("Minimum Boundary of Original Data");
-	//
-	// var bminx = $("<p>").text("Min X");
-	// var td1 = $("<td>").append(bminx);
-	//
-	// var bminy = $("<p>").text("Min Y");
-	// var td2 = $("<td>").append(bminy);
-	//
-	// var bmaxx = $("<p>").text("Max X");
-	// var td3 = $("<td>").append(bmaxx);
-	//
-	// var bmaxy = $("<p>").text("Max Y");
-	// var td4 = $("<td>").append(bmaxy);
-	//
-	// var tr1 = $("<tr>").append(td1).append(td2).append(td3).append(td4);
-	//
-	// var bminx2 = $("<input>").addClass("form-control").attr({
-	// "type" : "text"
-	// });
-	// var td11 = $("<td>").append(bminx2);
-	//
-	// var bminy2 = $("<input>").addClass("form-control").attr({
-	// "type" : "text"
-	// });
-	// var td22 = $("<td>").append(bminy2);
-	//
-	// var bmaxx2 = $("<input>").addClass("form-control").attr({
-	// "type" : "text"
-	// });
-	// var td33 = $("<td>").append(bmaxx2);
-	//
-	// var bmaxy2 = $("<input>").addClass("form-control").attr({
-	// "type" : "text"
-	// });
-	// var td44 = $("<td>").append(bmaxy2);
-	//
-	// var tr11 = $("<tr>").append(td11).append(td22).append(td33).append(td44);
-	//
-	// var tb1 = $("<table>").addClass("table").append(tr1).append(tr11);
-	//
-	// var lonlatBound = $("<p>").text("Latitude / Longitude Area");
-	//
-	// var bminx1 = $("<p>").text("Min X");
-	// var td111 = $("<td>").append(bminx1);
-	//
-	// var bminy1 = $("<p>").text("Min Y");
-	// var td222 = $("<td>").append(bminy1);
-	//
-	// var bmaxx1 = $("<p>").text("Max X");
-	// var td333 = $("<td>").append(bmaxx1);
-	//
-	// var bmaxy1 = $("<p>").text("Max Y");
-	// var td444 = $("<td>").append(bmaxy1);
-	//
-	// var tr111 =
-	// $("<tr>").append(td111).append(td222).append(td333).append(td444);
-	//
-	// var bminx3 = $("<input>").addClass("form-control").attr({
-	// "type" : "text"
-	// });
-	// var td1111 = $("<td>").append(bminx3);
-	//
-	// var bminy3 = $("<input>").addClass("form-control").attr({
-	// "type" : "text"
-	// });
-	// var td2222 = $("<td>").append(bminy3);
-	//
-	// var bmaxx3 = $("<input>").addClass("form-control").attr({
-	// "type" : "text"
-	// });
-	// var td3333 = $("<td>").append(bmaxx3);
-	//
-	// var bmaxy3 = $("<input>").addClass("form-control").attr({
-	// "type" : "text"
-	// });
-	// var td4444 = $("<td>").append(bmaxy3);
-	//
-	// var tr1111 =
-	// $("<tr>").append(td1111).append(td2222).append(td3333).append(td4444);
-	//
-	// var tb2 = $("<table>").addClass("table").append(tr111).append(tr1111);
-	//
-	// var ftb = $("<table>");
-	//
-	// this.body =
-	// $("<div>").append(name).append(nameInput).append(title).append(titleInput).append(summary).append(summaryInput).append(minBound).append(tb1).append(
-	// lonlatBound).append(tb2);
-	this.body = $("<div>");
-	$(this.body).addClass("modal-body");
-	/*
-	 * 
-	 * 
-	 * body end
-	 * 
-	 * 
-	 */
-
-	var closeBtn = $("<button>").attr({
-		"type" : "button",
-		"data-dismiss" : "modal"
-	});
-	$(closeBtn).addClass("btn");
-	$(closeBtn).addClass("btn-default");
-	$(closeBtn).text("Close");
-
-	var okBtn = $("<button>").attr({
-		"type" : "button"
-	}).on("click", function() {
-		console.log("save");
-		var obj2 = that.getStructure();
-		console.log(obj2);
-		that.save(obj2);
-		that.close();
-	});
-	$(okBtn).addClass("btn");
-	$(okBtn).addClass("btn-primary");
-	$(okBtn).text("Save");
-
-	var pright = $("<span>").css("float", "right");
-	$(pright).append(closeBtn).append(okBtn);
-
-	var footer = $("<div>").append(pright);
-	$(footer).addClass("modal-footer");
-	/*
-	 * 
-	 * 
-	 * footer end
-	 * 
-	 * 
-	 */
-	var content = $("<div>").append(header).append(this.body).append(footer);
-	$(content).addClass("modal-content");
-
-	var dialog = $("<div>").html(content);
-	$(dialog).addClass("modal-dialog");
-	$(dialog).addClass("modal-lg");
-	this.window = $("<div>").hide().attr({
-		// Setting tabIndex makes the div focusable
-		tabIndex : -1,
-		role : "dialog",
-	}).html(dialog);
-	$(this.window).addClass("modal");
-	$(this.window).addClass("fade");
-
-	this.window.appendTo("body");
-	this.window.modal({
-		backdrop : true,
-		keyboard : true,
-		show : false,
-	});
-}
-gb.geoserver.ModifyLayer.prototype.open = function() {
-	this.window.modal('show');
-};
-gb.geoserver.ModifyLayer.prototype.close = function() {
-	this.window.modal('hide');
-};
-gb.geoserver.ModifyLayer.prototype.save = function(obj) {
-	var that = this;
-	$.ajax({
-		url : this.getEditURL(),
-		method : "POST",
-		contentType : "application/json; charset=UTF-8",
-		cache : false,
-		data : JSON.stringify(obj),
-		beforeSend : function() {
-			$("body").css("cursor", "wait");
-		},
-		complete : function() {
-			$("body").css("cursor", "default");
-		},
-		traditional : true,
-		success : function(data, textStatus, jqXHR) {
-			console.log(data);
-			that.getReference().refresh();
-		}
-	});
-};
-gb.geoserver.ModifyLayer.prototype.setReference = function(refer) {
-	this.refer = refer;
-};
-gb.geoserver.ModifyLayer.prototype.getReference = function() {
-	return this.refer;
-};
-gb.geoserver.ModifyLayer.prototype.getStructure = function() {
-	this.getInformationForm();
-	return this.structure;
-};
-gb.geoserver.ModifyLayer.prototype.getPosition = function(str, subString, index) {
-	return str.split(subString, index).join(subString).length;
-};
-gb.geoserver.ModifyLayer.prototype.load = function(name, code) {
-	var that = this;
-	this.structure = {};
-	var format = name.substring(this.getPosition(name, "_", 1) + 1, this.getPosition(name, "_", 2));
-	var sheetNum = name.substring(this.getPosition(name, "_", 2) + 1, this.getPosition(name, "_", 3));
-	this.structure["layer"] = {};
-	this.structure["layer"][format] = {};
-	this.structure["layer"][format][sheetNum] = {};
-	this.structure["layer"][format][sheetNum]["modify"] = [ this.sendObj ];
-
-	this.originInfo["nativeName"] = name;
-	// this.originInfo["originLayerName"] =
-	// name.substring(this.getPosition(name, "_", 3) + 1);
-	this.originInfo["geoserver"] = {};
-	this.originInfo["attr"] = [];
-	var arr = {
-		"geoLayerList" : [ name ]
-	}
-	console.log(JSON.stringify(arr));
-	$.ajax({
-		url : that.getInfoURL(),
-		method : "POST",
-		contentType : "application/json; charset=UTF-8",
-		cache : false,
-		// async : false,
-		data : JSON.stringify(arr),
-		beforeSend : function() {
-			$("body").css("cursor", "wait");
-		},
-		complete : function() {
-			$("body").css("cursor", "default");
-		},
-		traditional : true,
-		success : function(data, textStatus, jqXHR) {
-			console.log(data);
-			if (data.length !== 1) {
-				return;
-			}
-			var name = $("<p>").text("Name");
-			that.nameInput = $("<input>").addClass("form-control").attr({
-				"type" : "text"
-			}).val(code).on("input", function() {
-				that.currentInfo["currentLayerName"] = this.value;
-			});
-			that.sendObj["nativeName"] = data[0].nativeName;
-			that.originInfo["code"] = code;
-			that.originInfo["geomType"] = data[0].geomType;
-			that.originInfo["originLayerName"] = code + "_" + (data[0].geomType.toUpperCase());
-			var div1 = $("<div>").css("margin-bottom", "10px").append(name).append(that.nameInput);
-
-			var title = $("<p>").text("Title");
-			that.titleInput = $("<input>").addClass("form-control").attr({
-				"type" : "text"
-			}).val(data[0].title).on("input", function() {
-				if (!that.currentInfo.hasOwnProperty("geoserver")) {
-					that.currentInfo["geoserver"] = {};
-				}
-				that.currentInfo["geoserver"]["title"] = this.value;
-			});
-			that.originInfo["geoserver"]["title"] = data[0].title;
-			var div2 = $("<div>").css("margin-bottom", "10px").append(title).append(that.titleInput);
-
-			var summary = $("<p>").text("Summary");
-			that.summaryInput = $("<textarea>").addClass("form-control").attr({
-				"rows" : "3"
-			}).text(data[0].abstractContent).on("input", function() {
-				if (!that.currentInfo.hasOwnProperty("geoserver")) {
-					that.currentInfo["geoserver"] = {};
-				}
-				that.currentInfo["geoserver"]["summary"] = $(this).val();
-			});
-			that.originInfo["geoserver"]["summary"] = data[0].abstractContent;
-			var div3 = $("<div>").css("margin-bottom", "10px").append(summary).append(that.summaryInput);
-
-			var minBound = $("<p>").text("Minimum Boundary of Original Data");
-
-			var td1 = $("<td>").text("Min X");
-
-			var td2 = $("<td>").text("Min Y");
-
-			var td3 = $("<td>").text("Max X");
-
-			var td4 = $("<td>").text("Max Y");
-
-			var tr1 = $("<thead>").append(td1).append(td2).append(td3).append(td4);
-
-			that.bminx2 = $("<input>").addClass("form-control").attr({
-				"type" : "text",
-				"disabled" : true
-			}).val(data[0].nbBox.minx);
-			var td11 = $("<td>").append(that.bminx2);
-
-			that.bminy2 = $("<input>").addClass("form-control").attr({
-				"type" : "text",
-				"disabled" : true
-			}).val(data[0].nbBox.miny);
-			var td22 = $("<td>").append(that.bminy2);
-
-			that.bmaxx2 = $("<input>").addClass("form-control").attr({
-				"type" : "text",
-				"disabled" : true
-			}).val(data[0].nbBox.maxx);
-			var td33 = $("<td>").append(that.bmaxx2);
-
-			that.bmaxy2 = $("<input>").addClass("form-control").attr({
-				"type" : "text",
-				"disabled" : true
-			}).val(data[0].nbBox.maxy);
-			var td44 = $("<td>").append(that.bmaxy2);
-
-			var tr11 = $("<tr>").append(td11).append(td22).append(td33).append(td44);
-			var tbd = $("<tbody>").append(tr11);
-			var tb1 = $("<table>").addClass("table").addClass("text-center").append(tr1).append(tbd);
-			var div4 = $("<div>").css("margin-bottom", "10px").append(minBound).append(tb1);
-
-			var lonlatBound = $("<p>").text("Latitude / Longitude Area");
-
-			var td111 = $("<td>").text("Min X");
-
-			var td222 = $("<td>").text("Min Y");
-
-			var td333 = $("<td>").text("Max X");
-
-			var td444 = $("<td>").text("Max Y");
-
-			var tr111 = $("<thead>").append(td111).append(td222).append(td333).append(td444);
-
-			that.bminx3 = $("<input>").addClass("form-control").attr({
-				"type" : "text",
-				"disabled" : true
-			}).val(data[0].llbBox.minx);
-
-			var td1111 = $("<td>").append(that.bminx3);
-
-			that.bminy3 = $("<input>").addClass("form-control").attr({
-				"type" : "text",
-				"disabled" : true
-			}).val(data[0].llbBox.miny);
-			var td2222 = $("<td>").append(that.bminy3);
-
-			that.bmaxx3 = $("<input>").addClass("form-control").attr({
-				"type" : "text",
-				"disabled" : true
-			}).val(data[0].llbBox.maxx);
-			var td3333 = $("<td>").append(that.bmaxx3);
-
-			that.bmaxy3 = $("<input>").addClass("form-control").attr({
-				"type" : "text",
-				"disabled" : true
-			}).val(data[0].llbBox.maxy);
-			var td4444 = $("<td>").append(that.bmaxy3);
-
-			that.originInfo["bound"] = [ [ data[0].nbBox.minx, data[0].nbBox.miny ], [ data[0].nbBox.maxx, data[0].nbBox.maxy ] ];
-			that.originInfo["geoserver"]["nbBox"] = [ [ data[0].nbBox.minx, data[0].nbBox.miny ],
-					[ data[0].nbBox.maxx, data[0].nbBox.maxy ] ];
-			that.originInfo["geoserver"]["llbBox"] = [ [ data[0].llbBox.minx, data[0].llbBox.miny ],
-					[ data[0].llbBox.maxx, data[0].llbBox.maxy ] ];
-
-			var tr1111 = $("<tr>").append(td1111).append(td2222).append(td3333).append(td4444);
-			var tbd2 = $("<tbody>").append(tr1111);
-			var tb2 = $("<table>").addClass("table").addClass("text-center").append(tr111).append(tbd2);
-			var div5 = $("<div>").css("margin-bottom", "10px").append(lonlatBound).append(tb2);
-
-			var attrkey = $("<p>").text("Attributes");
-			var thtd1 = $("<td>").text("Name");
-			var thtd2 = $("<td>").text("Type");
-			var thtd3 = $("<td>").text("Nullable");
-//			var thtd4 = $("<td>").text("Unique");
-			var thead = $("<thead>").append(thtd1).append(thtd2).append(thtd3);
-			var tbody = $("<tbody>");
-			var fttb = $("<table>").addClass("table").addClass("text-center").append(thead).append(tbody);
-			var keys = Object.keys(data[0].attInfo).sort();
-			for (var i = 0; i < keys.length; i++) {
-				var input;
-				if (format === "ngi") {
-					if (keys[i] === "f_idx" || keys[i] === "feature_id" || keys[i] === "feature_type" || keys[i] === "geom"
-							|| keys[i] === "num_rings" || keys[i] === "num_vertexes" || keys[i] === "style_id") {
-						input = $("<input>").addClass("form-control").attr({
-							"type" : "text",
-							"disabled" : "disabled"
-						}).val(keys[i]);
-					} else {
-						input = $("<input>").addClass("form-control").attr({
-							"type" : "text"
-						}).val(keys[i]).on("input", function() {
-							if (!that.sendObj.hasOwnProperty("updateAttr")) {
-								that.sendObj["updateAttr"] = [];
-							}
-							var trs = $(this).parent().parent().parent().find("tr");
-							var idx = $(trs).index($(this).parent().parent());
-							var oattr = that.originInfo["attr"][idx];
-
-							console.log(idx);
-							if (that.sendObj["updateAttr"].length === 0) {
-								var obj = {
-									"originFieldName" : oattr.originFieldName,
-									"fieldName" : $(this).val(),
-									"type" : oattr.type,
-									"nullable" : oattr.nullable
-								};
-								that.sendObj["updateAttr"].push(obj);
-							} else if (that.sendObj["updateAttr"].length > 0) {
-								var isExist = true;
-								for (var j = 0; j < that.sendObj["updateAttr"].length; j++) {
-									var attr = that.sendObj["updateAttr"][j];
-									if (attr.originFieldName === oattr.originFieldName) {
-										var obj = {
-											"originFieldName" : oattr.originFieldName,
-											"fieldName" : $(this).val(),
-											"type" : oattr.type,
-											"nullable" : oattr.nullable
-										};
-										that.sendObj["updateAttr"][j] = obj;
-										isExist = false;
-										break;
-									}
-								}
-								if (isExist) {
-									var obj = {
-										"originFieldName" : oattr.originFieldName,
-										"fieldName" : $(this).val(),
-										"type" : oattr.type,
-										"nullable" : oattr.nullable
-									};
-									that.sendObj["updateAttr"].push(obj);
-								}
-							}
-							console.log(that.sendObj);
-							// that.sendObj["geoserver"]["title"] = this.value;
-						});
-					}
-				} else if (format === "dxf") {
-					input = $("<input>").addClass("form-control").attr({
-						"type" : "text",
-						"disabled" : "disabled"
-					}).val(keys[i]);
-				} else {
-					input = $("<input>").addClass("form-control").attr({
-						"type" : "text"
-					}).val(keys[i]).on("input", function() {
-						if (!that.sendObj.hasOwnProperty("updateAttr")) {
-							that.sendObj["updateAttr"] = [];
-						}
-						var trs = $(this).parent().parent().parent().find("tr");
-						var idx = $(trs).index($(this).parent().parent());
-						var oattr = that.originInfo["attr"][idx];
-
-						console.log(idx);
-						if (that.sendObj["updateAttr"].length === 0) {
-							var obj = {
-								"originFieldName" : oattr.originFieldName,
-								"fieldName" : $(this).val(),
-								"type" : oattr.type,
-								"nullable" : oattr.nullable
-							};
-							that.sendObj["updateAttr"].push(obj);
-						} else if (that.sendObj["updateAttr"].length > 0) {
-							var isExist = true;
-							for (var j = 0; j < that.sendObj["updateAttr"].length; j++) {
-								var attr = that.sendObj["updateAttr"][j];
-								if (attr.originFieldName === oattr.originFieldName) {
-									var obj = {
-										"originFieldName" : oattr.originFieldName,
-										"fieldName" : $(this).val(),
-										"type" : oattr.type,
-										"nullable" : oattr.nullable
-									};
-									that.sendObj["updateAttr"][j] = obj;
-									isExist = false;
-									break;
-								}
-							}
-							if (isExist) {
-								var obj = {
-									"originFieldName" : oattr.originFieldName,
-									"fieldName" : $(this).val(),
-									"type" : oattr.type,
-									"nullable" : oattr.nullable
-								};
-								that.sendObj["updateAttr"].push(obj);
-							}
-						}
-						console.log(that.sendObj);
-						// that.sendObj["geoserver"]["title"] = this.value;
-					});
-				}
-				var td1 = $("<td>").append(input);
-
-				var stritem = $("<option>").text("String");
-				var dblitem = $("<option>").text("Double");
-				var intitem = $("<option>").text("Integer");
-				var select = $("<select>").attr({
-					"disabled" : true
-				}).addClass("form-control").append(stritem).append(dblitem).append(intitem).val(data[0].attInfo[keys[i]]["type"]);
-				var td2 = $("<td>").append(select);
-
-				var check = $("<input>").attr({
-					"type" : "checkbox",
-					"disabled" : true
-				});
-				if (data[0].attInfo[keys[i]]["nillable"] === "true") {
-					$(check).prop("checked", true);
-				}
-				var td3 = $("<td>").append(check);
-
-//				var ucheck = $("<input>").attr({
-//					"type" : "checkbox",
-//					"disabled" : true
-//				});
-//				var td4 = $("<td>").append(ucheck);
-
-				var tr = $("<tr>").append(td1).append(td2).append(td3);
-				$(tbody).append(tr);
-				var attrObj = {
-					"originFieldName" : keys[i],
-					"type" : data[0].attInfo[keys[i]]["type"],
-					"nullable" : data[0].attInfo[keys[i]]["nillable"] === "true" ? true : false
-				};
-				that.originInfo["attr"].push(attrObj);
-			}
-			var div6 = $("<div>").css("margin-bottom", "10px").append(attrkey).append(fttb);
-			$(that.body).empty();
-			$(that.body).append(div1).append(div2).append(div3).append(div4).append(div5).append(div6);
-			// $(body).addClass("modal-body");
-			console.log(that.originInfo);
-			that.open();
-		}
-	});
-};
-gb.geoserver.ModifyLayer.prototype.getInformationForm = function() {
-	this.currentInfo["code"] = $(this.nameInput).val().replace(/(\s*)/g, '');
-	this.currentInfo["currentLayerName"] = (this.currentInfo["code"] + "_" + (this.originInfo["geomType"].toUpperCase())).replace(/(\s*)/g,
-			'');
-	this.currentInfo["geoserver"] = {};
-	this.currentInfo["geoserver"]["title"] = $(this.titleInput).val();
-	if (this.currentInfo["geoserver"]["title"] !== this.originInfo["geoserver"]["title"]) {
-		if (!this.sendObj.hasOwnProperty("geoserver")) {
-			this.sendObj["geoserver"] = {};
-		}
-		this.sendObj["geoserver"]["title"] = this.currentInfo["geoserver"]["title"];
-	}
-
-	this.currentInfo["geoserver"]["summary"] = $(this.summaryInput).val();
-
-	if (this.currentInfo["geoserver"]["summary"] !== this.originInfo["geoserver"]["summary"]) {
-		if (!this.sendObj.hasOwnProperty("geoserver")) {
-			this.sendObj["geoserver"] = {};
-		}
-		this.sendObj["geoserver"]["summary"] = this.currentInfo["geoserver"]["summary"];
-	}
-
-	this.currentInfo["geoserver"]["nbBox"] = [
-			[ parseFloat($(this.bminx2).val().replace(/(\s*)/g, '')), parseFloat($(this.bminy2).val().replace(/(\s*)/g, '')) ],
-			[ parseFloat($(this.bmaxx2).val().replace(/(\s*)/g, '')), parseFloat($(this.bmaxy2).val().replace(/(\s*)/g, '')) ] ];
-	this.currentInfo["geoserver"]["llbBox"] = [
-			[ parseFloat($(this.bminx3).val().replace(/(\s*)/g, '')), parseFloat($(this.bminy3).val().replace(/(\s*)/g, '')) ],
-			[ parseFloat($(this.bmaxx3).val().replace(/(\s*)/g, '')), parseFloat($(this.bmaxy3).val().replace(/(\s*)/g, '')) ] ];
-	this.currentInfo["bound"] = this.currentInfo["geoserver"]["nbBox"];
-	if (this.currentInfo["code"] !== this.originInfo["code"]) {
-		this.sendObj["currentLayerName"] = this.currentInfo["currentLayerName"];
-	}
-	this.sendObj["originLayerName"] = this.originInfo["originLayerName"];
-	for (var i = 0; i < this.currentInfo["geoserver"]["nbBox"].length; i++) {
-		var celem = this.currentInfo["geoserver"]["nbBox"][i];
-		var oelem = this.originInfo["geoserver"]["nbBox"][i];
-		var llelem = this.originInfo["geoserver"]["llbBox"][i];
-		var cllelem = this.currentInfo["geoserver"]["llbBox"][i];
-		for (var j = 0; j < celem.length; j++) {
-			if (celem[j] !== oelem[j]) {
-				this.sendObj["bound"] = this.currentInfo["geoserver"]["nbBox"];
-				if (!this.sendObj.hasOwnProperty("geoserver")) {
-					this.sendObj["geoserver"] = {};
-				}
-				this.sendObj["geoserver"]["nbBox"] = this.currentInfo["geoserver"]["nbBox"];
-			}
-			if (llelem[j] !== cllelem[j]) {
-				if (!this.sendObj.hasOwnProperty("geoserver")) {
-					this.sendObj["geoserver"] = {};
-				}
-				this.sendObj["geoserver"]["llbBox"] = this.currentInfo["geoserver"]["llbBox"];
-			}
-		}
-	}
-	console.log(this.sendObj);
-	return this.sendObj;
-};
-gb.geoserver.ModifyLayer.prototype.setInfoURL = function(url) {
-	if (typeof url === "string") {
-		this.infoURL = url;
-	}
-};
-gb.geoserver.ModifyLayer.prototype.getInfoURL = function() {
-	return this.infoURL;
-};
-gb.geoserver.ModifyLayer.prototype.setEditURL = function(url) {
-	if (typeof url === "string") {
-		this.editURL = url;
-	}
-};
-gb.geoserver.ModifyLayer.prototype.getEditURL = function() {
-	return this.editURL;
-};
-gb.geoserver.ModifyLayer.prototype.setName = function(name) {
-	return;
-};
-gb.geoserver.ModifyLayer.prototype.setTitle = function(title) {
-	return;
-};
-gb.geoserver.ModifyLayer.prototype.setAttributeType = function() {
-	return;
-};
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/qaedit.js b/opengds2018prod/src/main/resources/static/resources/js/gb/modal/qaedit.js
deleted file mode 100644
index b980aaec..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/qaedit.js
+++ /dev/null
@@ -1,1189 +0,0 @@
-/**
- * 검수편집 객체를 정의한다.
- * 
- * @author yijun.so
- * @date 2017. 04
- * @version 0.01
- */
-var gitbuilder;
-if (!gitbuilder)
-	gitbuilder = {};
-if (!gitbuilder.ui)
-	gitbuilder.ui = {};
-gitbuilder.ui.QAEdit = $.widget("gitbuilder.qaedit",
-		{
-			window : undefined,
-			naviWindow : undefined,
-			options : {
-				geoserverURL : undefined,
-				map : undefined,
-				user : undefined,
-				appendTo : "body",
-				layersURL : undefined,
-				featureWMSURL : undefined,
-				featureWFSURL : undefined,
-				groupURL : undefined,
-				editingTool : undefined,
-				linkKey : undefined
-			},
-			map : undefined,
-			mapsheet : undefined,
-			upbtn : undefined,
-			leftbtn : undefined,
-			centerbtn : undefined,
-			rightbtn : undefined,
-			downbtn : undefined,
-			errbtn : undefined,
-			td2 : undefined,
-			tbody : undefined,
-			error : undefined,
-			source : undefined,
-			features : undefined,
-			count : undefined,
-			feature : undefined,
-			lid : undefined,
-			list : undefined,
-			lastMapSheet : undefined,
-			_create : function() {
-				var that = this;
-				console.log(this.options.editingTool);
-				this._on(false, this.element, {
-					click : function(event) {
-						if (event.target === that.element[0]) {
-							that.open();
-						}
-					}
-				});
-				this.mapsheet = {};
-				this.map = this.options.map;
-				var xSpan = $("<span>").attr({
-					"aria-hidden" : true
-				}).html("&times;");
-				var xButton = $("<button>").attr({
-					"type" : "button",
-					"data-dismiss" : "modal",
-					"aria-label" : "Close"
-				}).html(xSpan);
-				$(xButton).addClass("close");
-
-				var htag = $("<h4>");
-				htag.text("QA Edit");
-				$(htag).addClass("modal-title");
-
-				var header = $("<div>").append(xButton).append(htag);
-				$(header).addClass("modal-header");
-				/*
-				 * 
-				 * 
-				 * header end
-				 * 
-				 * 
-				 */
-				var icls = $("<i>").addClass("fa").addClass("fa-refresh").attr({
-					"aria-hidden" : "true"
-				});
-				var refBtn = $("<button>").addClass("pull-right").addClass("gitbuilder-clearbtn").append(icls).click(function() {
-					$(that.list).jstree("refresh");
-				});
-				// var serverTitle =
-				// $("<h3>").addClass("panel-title").text("GeoServer");
-				var serverHead = $("<div>").addClass("panel-heading").append("GeoServer").append(refBtn);
-				this.list = $("<div>").attr({
-					"id" : "geoserverList"
-				});
-				var serverBody = $("<div>").css({
-					"padding" : "0",
-					"overflow" : "auto",
-					"height" : "300px"
-				}).addClass("panel-body").append(this.list);
-				var panel = $("<div>").addClass("panel").addClass("panel-default").append(serverHead).append(serverBody);
-				var left = $("<div>").append(panel);
-
-				$(this.list).jstree({
-					"core" : {
-						"animation" : 0,
-						"check_callback" : true,
-						"themes" : {
-							"stripes" : true
-						},
-						'data' : {
-							'url' : function() {
-								return that.options.layersURL;
-							}
-						}
-					},
-					"contextmenu" : {
-						select_node : true,
-						show_at_node : true,
-						items : function(o, cb) { // Could be an
-							// object
-							// directly
-							return {
-								"center" : {
-									"separator_before" : false,
-									"icon" : "fa fa-dot-circle-o",
-									"separator_after" : false,
-									"_disabled" : false, // (this.check("rename_node",
-									// data.reference,
-									// this.get_parent(data.reference),
-									// "")),
-									"label" : "Center",
-									/*
-									 * ! "shortcut" : 113, "shortcut_label" :
-									 * 'F2', "icon" : "glyphicon
-									 * glyphicon-leaf",
-									 */
-									"action" : function(data) {
-										var inst = $.jstree.reference(data.reference), obj = inst.get_node(data.reference);
-										if (obj.type === "n_ngi_group" || obj.type === "n_dxf_group" || obj.type === "n_shp_group") {
-											that.assign_center(obj);
-										}
-									}
-								},
-								"up" : {
-									"separator_before" : false,
-									"icon" : "fa fa-chevron-circle-up",
-									"separator_after" : false,
-									"_disabled" : false, // (this.check("rename_node",
-									// data.reference,
-									// this.get_parent(data.reference),
-									// "")),
-									"label" : "Up",
-									/*
-									 * ! "shortcut" : 113, "shortcut_label" :
-									 * 'F2', "icon" : "glyphicon
-									 * glyphicon-leaf",
-									 */
-									"action" : function(data) {
-										var inst = $.jstree.reference(data.reference), obj = inst.get_node(data.reference);
-										if (obj.type === "n_ngi_group" || obj.type === "n_dxf_group" || obj.type === "n_shp_group") {
-											that.assign_up(obj);
-										}
-									}
-								},
-								"down" : {
-									"separator_before" : false,
-									"icon" : "fa fa-chevron-circle-down",
-									"separator_after" : false,
-									"_disabled" : false, // (this.check("rename_node",
-									// data.reference,
-									// this.get_parent(data.reference),
-									// "")),
-									"label" : "Down",
-									/*
-									 * ! "shortcut" : 113, "shortcut_label" :
-									 * 'F2', "icon" : "glyphicon
-									 * glyphicon-leaf",
-									 */
-									"action" : function(data) {
-										var inst = $.jstree.reference(data.reference), obj = inst.get_node(data.reference);
-										if (obj.type === "n_ngi_group" || obj.type === "n_dxf_group" || obj.type === "n_shp_group") {
-											that.assign_down(obj);
-										}
-									}
-								},
-								"left" : {
-									"separator_before" : false,
-									"icon" : "fa fa-chevron-circle-left",
-									"separator_after" : false,
-									"_disabled" : false, // (this.check("rename_node",
-									// data.reference,
-									// this.get_parent(data.reference),
-									// "")),
-									"label" : "Left",
-									/*
-									 * ! "shortcut" : 113, "shortcut_label" :
-									 * 'F2', "icon" : "glyphicon
-									 * glyphicon-leaf",
-									 */
-									"action" : function(data) {
-										var inst = $.jstree.reference(data.reference), obj = inst.get_node(data.reference);
-										if (obj.type === "n_ngi_group" || obj.type === "n_dxf_group" || obj.type === "n_shp_group") {
-											that.assign_left(obj);
-										}
-									}
-								},
-								"right" : {
-									"separator_before" : false,
-									"icon" : "fa fa-chevron-circle-right",
-									"separator_after" : false,
-									"_disabled" : false, // (this.check("rename_node",
-									// data.reference,
-									// this.get_parent(data.reference),
-									// "")),
-									"label" : "Right",
-									/*
-									 * ! "shortcut" : 113, "shortcut_label" :
-									 * 'F2', "icon" : "glyphicon
-									 * glyphicon-leaf",
-									 */
-									"action" : function(data) {
-										var inst = $.jstree.reference(data.reference), obj = inst.get_node(data.reference);
-										if (obj.type === "n_ngi_group" || obj.type === "n_dxf_group" || obj.type === "n_shp_group") {
-											that.assign_right(obj);
-										}
-									}
-								},
-								"error" : {
-									"separator_before" : false,
-									"icon" : "fa fa-info-circle",
-									"separator_after" : false,
-									"_disabled" : false, // (this.check("rename_node",
-									// data.reference,
-									// this.get_parent(data.reference),
-									// "")),
-									"label" : "Error",
-									/*
-									 * ! "shortcut" : 113, "shortcut_label" :
-									 * 'F2', "icon" : "glyphicon
-									 * glyphicon-leaf",
-									 */
-									"action" : function(data) {
-										var inst = $.jstree.reference(data.reference), obj = inst.get_node(data.reference);
-										if (obj.type === "e_ngi_layer" || obj.type === "e_dxf_layer" || obj.type === "e_shp_layer") {
-											that.assign_error(obj);
-										}
-									}
-								}
-							};
-						}
-					},
-					"plugins" : [ "contextmenu", "search", "types" ]
-				});
-
-				$("body").on("contextmenu", function() {
-					$("body").find(".vakata-context").css("z-index", "1100");
-				});
-
-				this.upbtn = $("<input>").addClass("gitbuilder-qaedit-delup").addClass("btn").addClass("btn-default").attr({
-					"type" : "button",
-					"value" : "Up : Not assigned"
-				}).css({
-					"width" : "100%",
-					"margin-left" : 0
-				});
-				this.leftbtn = $("<input>").addClass("gitbuilder-qaedit-delleft").addClass("btn").addClass("btn-default").attr({
-					"type" : "button",
-					"value" : "Left : Not assigned"
-				}).css({
-					"width" : "100%",
-					"margin-left" : 0
-				});
-				this.centerbtn = $("<input>").addClass("gitbuilder-qaedit-delcenter").addClass("btn").addClass("btn-default").attr({
-					"type" : "button",
-					"value" : "Center : Not assigned"
-				}).css({
-					"width" : "100%",
-					"margin-left" : 0
-				});
-				this.rightbtn = $("<input>").addClass("gitbuilder-qaedit-delright").addClass("btn").addClass("btn-default").attr({
-					"type" : "button",
-					"value" : "Right : Not assigned"
-				}).css({
-					"width" : "100%",
-					"margin-left" : 0
-				});
-				this.downbtn = $("<input>").addClass("gitbuilder-qaedit-deldown").addClass("btn").addClass("btn-default").attr({
-					"type" : "button",
-					"value" : "Down : Not assigned"
-				}).css({
-					"width" : "100%",
-					"margin-left" : 0
-				});
-				this.errbtn = $("<input>").addClass("gitbuilder-qaedit-delerror").addClass("btn").addClass("btn-default").attr({
-					"type" : "button",
-					"value" : "Error : Not assigned"
-				}).css({
-					"width" : "100%",
-					"margin-left" : 0
-				});
-
-				var td1 = $("<td>"), td2 = $("<td>").append(this.upbtn), td3 = $("<td>");
-				var tr1 = $("<tr>").append(td1).append(td2).append(td3);
-
-				var td11 = $("<td>").append(this.leftbtn), td22 = $("<td>").append(this.centerbtn), td33 = $("<td>").append(this.rightbtn);
-				var tr11 = $("<tr>").append(td11).append(td22).append(td33);
-
-				var td111 = $("<td>"), td222 = $("<td>").append(this.downbtn), td333 = $("<td>");
-				var tr111 = $("<tr>").append(td111).append(td222).append(td333);
-
-				var td1111 = $("<td>"), td2222 = $("<td>").attr({
-					"colspan" : "3"
-				}).append(this.errbtn), td3333 = $("<td>");
-				var tr1111 = $("<tr>").append(td2222);
-
-				var tb = $("<table>").addClass("table").addClass("table-bordered").addClass("text-center").append(tr1).append(tr11).append(
-						tr111).append(tr1111);
-
-				var sixLayers = $("<div>").append(tb);
-
-				var outerRow = $("<div>").addClass("row").append(sixLayers).append(left);
-				var body = $("<div>").append(outerRow);
-				$(body).addClass("modal-body");
-				/*
-				 * 
-				 * 
-				 * body end
-				 * 
-				 * 
-				 */
-				var closeBtn = $("<button>").attr({
-					"type" : "button",
-					"data-dismiss" : "modal"
-				});
-				$(closeBtn).addClass("btn");
-				$(closeBtn).addClass("btn-default");
-				$(closeBtn).text("Close");
-
-				var okBtn = $("<button>").attr({
-					"type" : "button",
-					"data-dismiss" : "modal"
-				});
-				$(okBtn).addClass("btn");
-				$(okBtn).addClass("btn-primary");
-				$(okBtn).addClass("gitbuilder-jstree-geoserver-qa-ok");
-				$(okBtn).text("OK");
-				$(document).on("click", ".gitbuilder-jstree-geoserver-qa-ok", function() {
-					that.start();
-				});
-				var footer = $("<div>").append(closeBtn).append(okBtn);
-				$(footer).addClass("modal-footer");
-				/*
-				 * 
-				 * 
-				 * footer end
-				 * 
-				 * 
-				 */
-				var content = $("<div>").append(header).append(body).append(footer);
-				$(content).addClass("modal-content");
-
-				var dialog = $("<div>").html(content);
-				$(dialog).addClass("modal-dialog");
-				$(dialog).addClass("modal-lg");
-				this.window = $("<div>").hide().attr({
-					// Setting tabIndex makes the div focusable
-					tabIndex : -1,
-					role : "dialog",
-				}).html(dialog);
-				this._addClass(this.window, this.eventNamespace.substr(1));
-				$(this.window).addClass("modal");
-				$(this.window).addClass("fade");
-
-				$(this.window).appendTo("body");
-				this.window.modal({
-					backdrop : "static",
-					keyboard : true,
-					show : false,
-				});
-
-				$(document).on("click", this.eventNamespace + " .gitbuilder-qaedit-navigator-link", function() {
-					console.log($(this).attr("value"));
-					var fid = $(this).attr("value");
-					var lid = fid.substring(0, fid.indexOf("."));
-					if (lid.indexOf(".") !== -1) {
-						console.error("layer name error");
-						return;
-					}
-					that.selectOriginalFeature(lid, fid);
-				});
-
-				$(document).on("click", this.eventNamespace + " .gitbuilder-qaedit-delup", function() {
-					that.mapsheet.up = undefined;
-					$(this).val("Up : Not assigned");
-					console.log(that.mapsheet);
-				});
-				$(document).on("click", this.eventNamespace + " .gitbuilder-qaedit-deldown", function() {
-					that.mapsheet.down = undefined;
-					$(this).val("Down : Not assigned");
-					console.log(that.mapsheet);
-				});
-				$(document).on("click", this.eventNamespace + " .gitbuilder-qaedit-delleft", function() {
-					that.mapsheet.left = undefined;
-					$(this).val("Left : Not assigned");
-					console.log(that.mapsheet);
-				});
-				$(document).on("click", this.eventNamespace + " .gitbuilder-qaedit-delright", function() {
-					that.mapsheet.right = undefined;
-					$(this).val("Right : Not assigned");
-					console.log(that.mapsheet);
-				});
-				$(document).on("click", this.eventNamespace + " .gitbuilder-qaedit-delcenter", function() {
-					that.mapsheet.center = undefined;
-					$(this).val("Center : Not assigned");
-					console.log(that.mapsheet);
-				});
-				$(document).on("click", this.eventNamespace + " .gitbuilder-qaedit-delerror", function() {
-					that.mapsheet.error = undefined;
-					$(this).val("Error : Not assigned");
-					console.log(that.mapsheet);
-				});
-
-				this._create_navigator();
-			},
-			_init : function() {
-				var that = this;
-				this.mapsheet = {};
-			},
-
-			/**
-			 * 오류 레이어 할당
-			 */
-			assign_error : function(obj) {
-				this.mapsheet.error = obj.id;
-				$(this.errbtn).val(obj.text);
-				console.log(this.mapsheet);
-			},
-
-			/**
-			 * 가운데 레이어 할당
-			 */
-			assign_center : function(obj) {
-				this.mapsheet.center = obj.id;
-				$(this.centerbtn).val(obj.text);
-				console.log(this.mapsheet);
-			},
-
-			/**
-			 * 위 레이어 할당
-			 */
-			assign_up : function(obj) {
-				this.mapsheet.up = obj.id;
-				$(this.upbtn).val(obj.text);
-				console.log(this.mapsheet);
-			},
-
-			/**
-			 * 아래 레이어 할당
-			 */
-			assign_down : function(obj) {
-				this.mapsheet.down = obj.id;
-				$(this.downbtn).val(obj.text);
-				console.log(this.mapsheet);
-			},
-
-			/**
-			 * 왼 레이어 할당
-			 */
-			assign_left : function(obj) {
-				this.mapsheet.left = obj.id;
-				$(this.leftbtn).val(obj.text);
-				console.log(this.mapsheet);
-			},
-
-			/**
-			 * 오른 레이어 할당
-			 */
-			assign_right : function(obj) {
-				this.mapsheet.right = obj.id;
-				$(this.rightbtn).val(obj.text);
-				console.log(this.mapsheet);
-			},
-			_import_fake_group : function(jstreeRefer, group, groupInfoURL, wmsURL, wfsURL, groupLayerName, lastMapSheet, errorLayerName,
-					errorCallback, inputLayer, instance) {
-				// // =======================================
-				var that = this;
-				console.log(JSON.stringify(groupLayerName));
-				$.ajax({
-					url : groupInfoURL,
-					method : "POST",
-					contentType : "application/json; charset=UTF-8",
-					cache : false,
-					data : JSON.stringify(groupLayerName),
-					beforeSend : function() { // 호출전실행
-						$("body").css("cursor", "wait");
-					},
-					traditional : true,
-					success : function(data, textStatus, jqXHR) {
-						console.log(data);
-						var getPosition = function(str, subString, index) {
-							return str.split(subString, index).join(subString).length;
-						};
-						if (Array.isArray(data)) {
-							for (var i = 0; i < data.length; i++) {
-								var wms = new ol.layer.Tile({
-									source : new ol.source.TileWMS({
-										url : wmsURL,
-										params : {
-											'LAYERS' : jstreeRefer.get_node(data[i].name).children.toString(),
-											'TILED' : true,
-											'FORMAT' : 'image/png8',
-											'VERSION' : '1.1.0',
-											'CRS' : that.map.getView().getProjection().getCode(),
-											'SRS' : that.map.getView().getProjection().getCode(),
-											'BBOX' : data[i].bbox.minx.toString() + "," + data[i].bbox.miny.toString() + ","
-													+ data[i].bbox.maxx.toString() + "," + data[i].bbox.maxy.toString(),
-											"time" : Date.now()
-										},
-										serverType : 'geoserver'
-									})
-								});
-								var layers = new ol.Collection();
-								for (var j = 0; j < data[i].publishedList.names.length; j++) {
-									var layer = new ol.layer.Layer({
-										opacity : 1,
-										visible : true
-									});
-									var id = data[i].publishedList.names[j];
-									var name = id.substring((id.split("_", 3).join("_").length) + 1, id.split("_", 4).join("_").length);
-									var geom = id.substring(getPosition(id, "_", 4) + 1);
-									var realGeom;
-									switch (geom) {
-									case "POINT":
-										realGeom = "Point";
-										break;
-									case "LINESTRING":
-										realGeom = "LineString";
-										break;
-									case "POLYGON":
-										realGeom = "Polygon";
-										break;
-									case "MULTIPOINT":
-										realGeom = "MultiPoint";
-										break;
-									case "MULTILINESTRING":
-										realGeom = "MultiLineString";
-										break;
-									case "MULTIPOLYGON":
-										realGeom = "MultiPolygon";
-										break;
-
-									default:
-										break;
-									}
-									var gchild = {
-										"geometry" : realGeom,
-										"validation" : false,
-										"editable" : true,
-										"fake" : "child"
-									}
-									layer.set("git", gchild);
-									layer.set("id", id);
-									layer.set("name", name);
-									layers.push(layer);
-								}
-								var git = {
-									"validation" : false,
-									"geometry" : data[i].geomType,
-									"editable" : true,
-									"fake" : "parent",
-									"layers" : layers
-								}
-
-								wms.set("name", jstreeRefer.get_node(data[i].name).text);
-								wms.set("id", data[i].name);
-								wms.set("git", git);
-
-								group.getLayers().push(wms);
-								console.log(wms);
-
-								if (i === lastMapSheet) {
-									errorCallback(jstreeRefer, wfsURL, errorLayerName, group, inputLayer, instance);
-								}
-								// wms.set("type", "ImageTile");
-								// that._data.geoserver.map.addLayer(wms);
-								// $("body").css("cursor", "default");
-							}
-						}
-					}
-				});
-			},
-			loadGroupLayer : function(jstreeRefer, layerInfoURL, groupInfoURL, wmsURL, wfsURL, groupLayerName, lastMapSheet,
-					errorLayerName, childrenCallback) {
-				console.log(groupLayerName);
-				var that = this;
-				var layers = new ol.Collection();
-				var group = new ol.layer.Group({
-					layers : layers
-				});
-
-				group.set("name", "Validator Layers");
-				group.set("type", "Group");
-
-				$.ajax({
-					url : groupInfoURL,
-					method : "POST",
-					contentType : "application/json; charset=UTF-8",
-					cache : false,
-					data : JSON.stringify(groupLayerName),
-					beforeSend : function() { // 호출전실행
-						$("body").css("cursor", "wait");
-					},
-					traditional : true,
-					success : function(data, textStatus, jqXHR) {
-						console.log(data);
-						// parentParam = data;
-						if (Array.isArray(data)) {
-							for (var i = 0; i < data.length; i++) {
-								console.log(lastMapSheet);
-								var wms = new ol.layer.Tile({
-									source : new ol.source.TileWMS({
-										url : wmsURL,
-										params : {
-											'LAYERS' : jstreeRefer.get_node(data[i].name).children.toString(),
-											'TILED' : true,
-											'FORMAT' : 'image/png8',
-											'VERSION' : '1.1.0',
-											'CRS' : that.map.getView().getProjection().getCode(),
-											'SRS' : that.map.getView().getProjection().getCode(),
-											'BBOX' : data[i].bbox.minx.toString() + "," + data[i].bbox.miny.toString() + ","
-													+ data[i].bbox.maxx.toString() + "," + data[i].bbox.maxy.toString()
-										},
-										serverType : 'geoserver'
-									})
-								});
-								wms.set("name", jstreeRefer.get_node(data[i].name).text);
-								wms.set("id", data[i].name);
-								var git = {
-									"validation" : false,
-									"geometry" : data[i].geomType,
-									"editable" : true,
-									"fake" : "parent"
-								}
-								wms.set("git", git);
-								console.log(wms);
-								// wms.set("type", "ImageTile");
-								// that._data.geoserver.map.addLayer(wms);
-								group.getLayers().push(wms);
-
-								childrenCallback(jstreeRefer, layerInfoURL, wmsURL, wfsURL, group, lastMapSheet, i, jstreeRefer
-										.get_node(data[i].name).children, wms, errorLayerName, that.loadErrorLayer, that);
-							}
-						}
-					}
-				});
-
-			},
-			loadChildrenLayer : function(jstreeRefer, layerInfoURL, wmsURL, wfsURL, group, lastSheet, nowSheet, childrenLayerName,
-					parentLayer, errorLayerName, errorCallback, instance) {
-				// var that = this;
-				var arr = {
-					"geoLayerList" : childrenLayerName
-				}
-				$.ajax({
-					url : layerInfoURL,
-					method : "POST",
-					contentType : "application/json; charset=UTF-8",
-					cache : false,
-					data : JSON.stringify(arr),
-					beforeSend : function() { // 호출전실행
-						// loadImageShow();
-					},
-					traditional : true,
-					success : function(data2, textStatus, jqXHR) {
-						console.log(data2);
-						if (Array.isArray(data2)) {
-							var arra = [];
-							for (var i = 0; i < data2.length; i++) {
-								var wms = new ol.layer.Tile({
-									source : new ol.source.TileWMS({
-										url : wmsURL,
-										params : {
-											'LAYERS' : data2[i].lName,
-											'TILED' : true,
-											'FORMAT' : 'image/png8',
-											'VERSION' : '1.1.0',
-											'CRS' : that.map.getView().getProjection().getCode(),
-											'SRS' : that.map.getView().getProjection().getCode(),
-											'BBOX' : data2[i].nbBox.minx.toString() + "," + data2[i].nbBox.miny.toString() + ","
-													+ data2[i].nbBox.maxx.toString() + "," + data2[i].nbBox.maxy.toString()
-										},
-										serverType : 'geoserver'
-									})
-								});
-								var git = {
-									"validation" : false,
-									"geometry" : data2[i].geomType,
-									"editable" : true,
-									"attribute" : data2[i].attInfo,
-									"fake" : "child"
-								}
-								wms.set("name", jstreeRefer.get_node(data2[i].lName).text);
-								wms.set("id", data2[i].lName);
-								// wms.setVisible(false);
-								console.log(wms.get("id"));
-								// wms.set("type", "ImageTile");
-								wms.set("git", git);
-								arra.push(wms);
-								console.log(wms);
-							}
-
-							var info = parentLayer.get("git");
-							info["layers"] = new ol.Collection().extend(arra);
-							console.log(parentLayer);
-							// that._data.geoserver.map.addLayer(parentLayer);
-							// group.set("name",
-							// obj.refer.get_node(obj.parent).text);
-							// group.set("id", obj.parent);
-							// group.set("type", "Group");
-							// that._data.geoserver.map.addLayer(group);
-						}
-						// $("body").css("cursor", "default");
-						if (lastSheet === nowSheet) {
-							errorCallback(jstreeRefer, wfsURL, errorLayerName, group, instance.inputLayer, instance);
-						}
-					}
-				});
-
-			},
-			loadErrorLayer : function(jstreeRefer, wfsURL, errorLayerName, group, inputCallback, instance) {
-				// var that = this;
-				var defaultParameters = {
-					service : 'WFS',
-					version : '1.0.0',
-					request : 'GetFeature',
-					typeName : errorLayerName,
-					outputFormat : 'text/javascript',
-					format_options : 'callback:getJson'
-				};
-
-				$.ajax({
-					url : wfsURL,
-					data : defaultParameters,
-					dataType : 'jsonp',
-					jsonpCallback : 'getJson',
-					success : function(errorData, textStatus, jqXHR) {
-						console.log(errorData);
-						var format = new ol.format.GeoJSON().readFeatures(JSON.stringify(errorData));
-						var source = new ol.source.Vector({
-							features : format
-						});
-						var fill = new ol.style.Fill({
-							color : "rgba(0,0,0,0)"
-						});
-						var stroke = new ol.style.Stroke({
-							color : "rgba(255,0,0,1)",
-							width : 2.7
-						});
-						var text = new ol.style.Text({});
-						var styles = new ol.style.Style({
-							image : new ol.style.Circle({
-								fill : fill,
-								stroke : stroke,
-								radius : 40
-							}),
-							fill : fill,
-							stroke : stroke,
-							text : text
-						});
-
-						var layer = new ol.layer.Vector({
-							source : source,
-							style : styles
-						});
-						layer.set("name", jstreeRefer.get_node(errorLayerName).text);
-						layer.set("id", jstreeRefer.get_node(errorLayerName).id);
-						layer.set("type", "Point");
-						layer.set("git", {
-							"validation" : true
-						});
-						instance.error = layer;
-
-						group.getLayers().push(layer);
-
-						// var group = new ol.layer.Group({
-						// layers : layers
-						// });
-						// group.set("name", "Validator Layers");
-						// group.set("type", "Group");
-
-						// 에러 레이어 로드 완료.
-						inputCallback(group, instance);
-					}
-				});
-			},
-			inputLayer : function(vlayer, instance) {
-				if (instance.map instanceof ol.Map) {
-					var coll = instance.map.getLayers();
-					for (var i = 0; i < coll.getLength(); i++) {
-						if (coll.item(i).get("name") === "Validator Layers") {
-							this.map.removeLayer(coll.item(i));
-						}
-					}
-					instance.map.addLayer(vlayer);
-					// instance.openNavigator();
-					instance._initNavigator();
-					$("body").css("cursor", "default");
-				}
-			},
-			start : function() {
-				var that = this;
-				console.log(this.mapsheet);
-				var mapsheet = this.mapsheet;
-				var arr = {
-					"geoLayerList" : []
-				}
-
-				if (mapsheet.center !== undefined && mapsheet.center !== null && mapsheet.center !== "") {
-					arr.geoLayerList.push(mapsheet.center);
-				}
-				if (mapsheet.up !== undefined && mapsheet.up !== null && mapsheet.up !== "") {
-					arr.geoLayerList.push(mapsheet.up);
-				}
-				if (mapsheet.down !== undefined && mapsheet.down !== null && mapsheet.down !== "") {
-					arr.geoLayerList.push(mapsheet.down);
-				}
-				if (mapsheet.left !== undefined && mapsheet.left !== null && mapsheet.left !== "") {
-					arr.geoLayerList.push(mapsheet.left);
-				}
-				if (mapsheet.right !== undefined && mapsheet.right !== null && mapsheet.right !== "") {
-					arr.geoLayerList.push(mapsheet.right);
-				}
-				var errorLayerName;
-				if (mapsheet.error !== undefined && mapsheet.error !== null && mapsheet.error !== "") {
-					errorLayerName = mapsheet.error;
-				}
-
-				if (errorLayerName !== undefined && arr.geoLayerList.length > 0) {
-					// this.loadGroupLayer($(that.list).jstree(true),
-					// this.options.layerInfoURL, this.options.groupInfoURL,
-					// this.options.featureWMSURL, this.options.featureWFSURL,
-					// arr,
-					// arr.geoLayerList.length - 1,
-					// errorLayerName, this.loadChildrenLayer);
-					var glayers = new ol.Collection();
-					var group = new ol.layer.Group({
-						layers : glayers
-					});
-					group.set("name", "Validator Layers");
-					group.set("type", "Group");
-
-					this._import_fake_group($(that.list).jstree(true), group, this.options.groupInfoURL, this.options.featureWMSURL,
-							this.options.featureWFSURL, arr, arr.geoLayerList.length - 1, errorLayerName, this.loadErrorLayer,
-							this.inputLayer, this);
-				}
-			},
-			_create_navigator : function() {
-				var that = this;
-				var prevIcon = $("<span>").addClass("glyphicon").addClass("glyphicon-backward"), nextIcon = $("<span>").addClass(
-						"glyphicon").addClass("glyphicon-forward");
-				var btnPrev = $("<button>").addClass("gitbuilder-qaedit-navigator-prev").addClass("btn").addClass("btn-default").append(
-						prevIcon), btnNext = $("<button>").addClass("gitbuilder-qaedit-navigator-next").addClass("btn").addClass(
-						"btn-default").append(nextIcon);
-				$(document).on("click", this.eventNamespace + " .gitbuilder-qaedit-navigator-prev", function() {
-					that.options.editingTool.attrPop.close();
-					that.prevError();
-				});
-				$(document).on("click", this.eventNamespace + " .gitbuilder-qaedit-navigator-next", function() {
-					that.options.editingTool.attrPop.close();
-					that.nextError();
-				});
-				var td1 = $("<div>").css({
-					"width" : "100px",
-					"display" : "inline-block"
-				}).append(btnPrev), td3 = $("<div>").css({
-					"width" : "100px",
-					"display" : "inline-block"
-				}).append(btnNext);
-				this.td2 = $("<div>").css({
-					"display" : "inline-block"
-				});
-				var tr1 = $("<div>").addClass("text-center").append(td1).append(this.td2).append(td3);
-				var thead = $("<div>").css({
-					"margin-bottom" : "10px"
-				}).append(tr1);
-				var xSpan = $("<span>").attr({
-					"aria-hidden" : "true"
-				}).append("&times;");
-				var xBtn = $("<button>").click(function() {
-					$(that.naviWindow).hide();
-				}).attr({
-					"data-dismiss" : "modal",
-					"aria-label" : "Close"
-				}).css({
-					"display" : "inline-block",
-					"float" : "right",
-					"padding" : "0",
-					"margin" : "0",
-					"color" : "#ccc",
-					"border" : "none",
-					"background-color" : "transparent",
-					"cursor" : "pointer",
-					"outline" : "none",
-					"color" : "#ccc"
-				}).append(xSpan);
-
-				var title = $("<span>").text("Error Navigator");
-				this.tbody = $("<tbody>");
-				var tb = $("<table>").addClass("table").append(this.tbody);
-				var pbd = $("<div>").addClass("panel-body").append(thead).append(tb);
-				var phd = $("<div>").addClass("panel-heading").append(title).append(xBtn);
-				var pdf = $("<div>").addClass("panel").addClass("panel-default").append(phd).append(pbd);
-				this.naviWindow = $("<div>").css({
-					"max-width" : "500px",
-					"top" : "100px",
-					"right" : 0,
-					"position" : "absolute",
-					"z-Index" : "999",
-				}).addClass(this.eventNamespace.substr(1)).append(pdf);
-
-				$("body").append(this.naviWindow);
-				$(this.naviWindow).hide();
-				$(this.naviWindow).draggable({
-					appendTo : "body",
-				});
-			},
-			_initNavigator : function() {
-				this.source = this.error.getSource();
-				this.features = this.source.getFeatures();
-				this.count = 1;
-				this.lid = this.error.get("id");
-				if (!this.source.getFeatureById(this.lid + "." + this.count)) {
-					console.log("no feature. maybe there is no error");
-					swal('No Errors!', 'There is no error feature!', 'success')
-					return;
-				}
-				this.showFeatureInfo(this.source.getFeatureById(this.lid + "." + this.count));
-				this.openNavigator();
-			},
-			prevError : function() {
-				if (this.count > 1 && this.count < this.features.length + 1) {
-					this.count--;
-				}
-				var feature = this.source.getFeatureById(this.lid + "." + this.count);
-				if (feature) {
-					this.showFeatureInfo(feature);
-				}
-			},
-			nextError : function() {
-				if (this.count > 0 && this.count < this.features.length) {
-					this.count++;
-				}
-				var feature = this.source.getFeatureById(this.lid + "." + this.count);
-				if (feature) {
-					this.showFeatureInfo(feature);
-				}
-			},
-			showFeatureInfo : function(feature) {
-				if (!feature) {
-					console.log("no feature maybe there is no error");
-					return;
-				}
-				var fid = feature.getId();
-				$(this.td2).text(fid);
-				var prop = feature.getProperties();
-				var keys = Object.keys(prop);
-				$(this.tbody).empty();
-				for (var i = 0; i < keys.length; i++) {
-					var td1 = $("<td>").text(keys[i]);
-					if (keys[i] === this.options.linkKey) {
-						var anc = $("<a>").addClass("gitbuilder-qaedit-navigator-link").attr({
-							"href" : "#",
-							"value" : prop[keys[i]]
-						}).text("Move to feature");
-						var td2 = $("<td>").attr("colspan", 2).append(anc);
-					} else {
-						var td2 = $("<td>").attr("colspan", 2).text(prop[keys[i]]);
-					}
-					var tr1 = $("<tr>").append(td1).append(td2);
-					$(this.tbody).append(tr1);
-				}
-				var geom = feature.getGeometry();
-				this.map.getView().fit(geom.getExtent(), this.map.getSize());
-				this.map.getView().setZoom(16);
-			},
-			selectOriginalFeature : function(layer, fid) {
-				var that = this;
-				var params = {
-					"service" : "WFS",
-					"version" : gb.module.serviceVersion.WFS,
-					"request" : "GetFeature",
-					"typeName" : layer,
-					"outputformat" : "text/javascript",
-					"featureID" : fid,
-					"format_options" : "callback:getJson"
-				};
-				var addr = this.options.featureWFSURL;
-
-				$.ajax({
-					url : addr,
-					data : params,
-					dataType : 'jsonp',
-					jsonpCallback : 'getJson',
-					beforeSend : function() {
-						$("body").css("cursor", "wait");
-					},
-					complete : function() {
-						$("body").css("cursor", "default");
-					},
-					success : function(data) {
-						console.log(data);
-						var features = new ol.format.GeoJSON().readFeatures(JSON.stringify(data));
-						// that.options.editingTool.open();
-						var sourceLayer = that.options.treeInstance.get_LayerByOLId(layer);
-
-						var arr = {
-							"geoLayerList" : [ layer ]
-						}
-
-						$.ajax({
-							url : that.options.layerInfoURL,
-							method : "POST",
-							contentType : "application/json; charset=UTF-8",
-							cache : false,
-							data : JSON.stringify(arr),
-							beforeSend : function() { // 호출전실행
-								// loadImageShow();
-							},
-							traditional : true,
-							success : function(data2, textStatus, jqXHR) {
-								console.log(data2);
-								if (Array.isArray(data2)) {
-									for (var i = 0; i < data2.length; i++) {
-										var source = new ol.source.TileWMS({
-											url : that.options.featureWMSURL,
-											params : {
-												'LAYERS' : data2[i].lName,
-												'TILED' : true,
-												'FORMAT' : 'image/png8',
-												'VERSION' : '1.1.0',
-												'CRS' : that.map.getView().getProjection().getCode(),
-												'SRS' : that.map.getView().getProjection().getCode(),
-												'BBOX' : data2[i].nbBox.minx.toString() + "," + data2[i].nbBox.miny.toString() + ","
-														+ data2[i].nbBox.maxx.toString() + "," + data2[i].nbBox.maxy.toString()
-											},
-											serverType : 'geoserver'
-										});
-										sourceLayer.setSource(source);
-										var git = {
-											"validation" : false,
-											"geometry" : data2[i].geomType,
-											"editable" : true,
-											"attribute" : data2[i].attInfo,
-											"fake" : "child"
-										}
-										sourceLayer.set("git", git)
-										console.log(sourceLayer);
-										// wms.set("name",
-										// that.options.treeInstance.get_node(data2[i].lName).text);
-										// wms.set("id", data2[i].lName);
-										// wms.setVisible(false);
-										// console.log(wms.get("id"));
-										// wms.set("type", "ImageTile");
-										// wms.set("git", git);
-										// arra.push(wms);
-										// console.log(wms);
-
-										that.options.treeInstance.deselect_all();
-										that.options.treeInstance.select_node(sourceLayer.get("treeid"));
-										that.options.editingTool.setLayer(sourceLayer);
-										that.options.editingTool.setFeatures(features);
-									}
-								}
-							}
-						});
-
-					}
-				});
-			},
-			getErrorLayer : function(map) {
-				return this.error;
-			},
-			open : function() {
-				$(this.list).jstree(true).refresh();
-				this.window.modal('show');
-			},
-			openNavigator : function() {
-				$(this.naviWindow).show();
-			},
-			close : function() {
-				this.window.modal('hide');
-			},
-			closeNavigator : function() {
-				$(this.naviWindow).hide();
-			},
-			destroy : function() {
-				this.element.off("click");
-				$(this.window).find("button").off("click");
-				$(this.window).find("input").off("change").off("load");
-				this.window = undefined;
-			},
-			_appendTo : function() {
-				var element = this.options.appendTo;
-				if (element && (element.jquery || element.nodeType)) {
-					return $(element);
-				}
-				return this.document.find(element || "body").eq(0);
-			},
-			_removeClass : function(element, keys, extra) {
-				return this._toggleClass(element, keys, extra, false);
-			},
-
-			_addClass : function(element, keys, extra) {
-				return this._toggleClass(element, keys, extra, true);
-			},
-
-			_toggleClass : function(element, keys, extra, add) {
-				add = (typeof add === "boolean") ? add : extra;
-				var shift = (typeof element === "string" || element === null), options = {
-					extra : shift ? keys : extra,
-					keys : shift ? element : keys,
-					element : shift ? this.element : element,
-					add : add
-				};
-				options.element.toggleClass(this._classes(options), add);
-				return this;
-			},
-
-			_on : function(suppressDisabledCheck, element, handlers) {
-				var delegateElement;
-				var instance = this;
-
-				// No suppressDisabledCheck flag, shuffle arguments
-				if (typeof suppressDisabledCheck !== "boolean") {
-					handlers = element;
-					element = suppressDisabledCheck;
-					suppressDisabledCheck = false;
-				}
-
-				// No element argument, shuffle and use this.element
-				if (!handlers) {
-					handlers = element;
-					element = this.element;
-					delegateElement = this.widget();
-				} else {
-					element = delegateElement = $(element);
-					this.bindings = this.bindings.add(element);
-				}
-
-				$.each(handlers, function(event, handler) {
-					function handlerProxy() {
-
-						// Allow widgets to customize the disabled
-						// handling
-						// - disabled as an array instead of boolean
-						// - disabled class as method for disabling
-						// individual parts
-						if (!suppressDisabledCheck && (instance.options.disabled === true || $(this).hasClass("ui-state-disabled"))) {
-							return;
-						}
-						return (typeof handler === "string" ? instance[handler] : handler).apply(instance, arguments);
-					}
-
-					// Copy the guid so direct unbinding works
-					if (typeof handler !== "string") {
-						handlerProxy.guid = handler.guid = handler.guid || handlerProxy.guid || $.guid++;
-					}
-
-					var match = event.match(/^([\w:-]*)\s*(.*)$/);
-					var eventName = match[1] + instance.eventNamespace;
-					var selector = match[2];
-
-					if (selector) {
-						delegateElement.on(eventName, selector, handlerProxy);
-					} else {
-						element.on(eventName, handlerProxy);
-					}
-				});
-			},
-
-			_off : function(element, eventName) {
-				eventName = (eventName || "").split(" ").join(this.eventNamespace + " ") + this.eventNamespace;
-				element.off(eventName).off(eventName);
-
-				// Clear the stack to avoid memory leaks (#10056)
-				this.bindings = $(this.bindings.not(element).get());
-				this.focusable = $(this.focusable.not(element).get());
-				this.hoverable = $(this.hoverable.not(element).get());
-			}
-		});
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/qastatus.js b/opengds2018prod/src/main/resources/static/resources/js/gb/modal/qastatus.js
deleted file mode 100644
index e006b015..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/qastatus.js
+++ /dev/null
@@ -1,409 +0,0 @@
-/**
- * 검수현황을 조회하는 객체를 정의한다.
- * 
- * @author yijun.so
- * @date 2017. 06. 16
- * @version 0.01
- */
-var gb;
-if (!gb)
-	gb = {};
-if (!gb.qa)
-	gb.qa = {};
-gb.qa.QAStatus = function(obj) {
-	var that = this;
-	var options = obj;
-	this.window;
-	this.statusURL = options.statusURL ? options.statusURL : undefined;
-	this.errorURL = options.errorURL ? options.errorURL : undefined;
-	this.downloadNGIDXFURL = options.downloadNGIDXFURL ? options.downloadNGIDXFURL : undefined;
-	this.listInstance = undefined;
-	this.reportInstance = undefined;
-
-	var xSpan = $("<span>").attr({
-		"aria-hidden" : true
-	}).html("&times;");
-	var xButton = $("<button>").attr({
-		"type" : "button",
-		"data-dismiss" : "modal",
-		"aria-label" : "Close"
-	}).html(xSpan);
-	$(xButton).addClass("close");
-
-	this.htag = $("<h4>");
-	this.htag.text("QA Status");
-	$(this.htag).addClass("modal-title");
-
-	var header = $("<div>").append(xButton).append(this.htag);
-	$(header).addClass("modal-header");
-	/*
-	 * 
-	 * 
-	 * header end
-	 * 
-	 * 
-	 */
-	this.naviArea = $("<div>").css("margin-bottom", "10px");
-
-	this.tb = $("<table>").addClass("gb-qastatus-list");
-	this.listArea = $("<div>").append(this.tb);
-
-	$(document).on('click', '.gb-qastatus-list tbody .gb-qastatus-reportBtn', function() {
-		var data = that.listInstance.row($(this).parents('tr')).data();
-		that.setReport(data[2]);
-		console.log(data);
-	});
-	$(document).on('click', '.gb-qastatus-list tbody .gb-qastatus-downBtn', function() {
-		// var data = table.row( $(this).parents('tr') ).data();
-		// alert( data[0] +"'s salary is: "+ data[ 5 ] );
-		console.log("down");
-		var data = that.listInstance.row($(this).parents('tr')).data();
-		var format = data[0];
-		var layerName = data[2];
-		that.downloadErrorLayer(format, layerName);
-	});
-
-	this.rtb = $("<table>").addClass("table").addClass("table-striped");
-	this.reportArea = $("<div>").append(this.rtb);
-
-	this.body = $("<div>").append(this.naviArea).append(this.listArea).append(this.reportArea);
-	$(this.body).addClass("modal-body");
-	/*
-	 * 
-	 * 
-	 * body end
-	 * 
-	 * 
-	 */
-
-	var closeBtn = $("<button>").attr({
-		"type" : "button",
-		"data-dismiss" : "modal"
-	});
-	$(closeBtn).addClass("btn");
-	$(closeBtn).addClass("btn-default");
-	$(closeBtn).text("Close");
-
-	var pright = $("<span>").css("float", "right");
-	$(pright).append(closeBtn);
-
-	var footer = $("<div>").append(pright);
-	$(footer).addClass("modal-footer");
-	/*
-	 * 
-	 * 
-	 * footer end
-	 * 
-	 * 
-	 */
-	var content = $("<div>").append(header).append(this.body).append(footer);
-	$(content).addClass("modal-content");
-
-	var dialog = $("<div>").html(content);
-	$(dialog).addClass("modal-dialog");
-	$(dialog).addClass("modal-lg");
-	this.window = $("<div>").hide().attr({
-		// Setting tabIndex makes the div focusable
-		tabIndex : -1,
-		role : "dialog",
-	}).html(dialog);
-	$(this.window).addClass("modal");
-	$(this.window).addClass("fade");
-
-	this.window.appendTo("body");
-	this.window.modal({
-		backdrop : true,
-		keyboard : true,
-		show : false
-	});
-};
-gb.qa.QAStatus.prototype.open = function() {
-	this.window.modal('show');
-	this.setList();
-	this.switchArea("list");
-};
-gb.qa.QAStatus.prototype.close = function() {
-	this.window.modal('hide');
-};
-gb.qa.QAStatus.prototype.downloadErrorLayer = function(format, layerName) {
-	var that = this;
-	var obj = {
-		"format" : format,
-		"type" : "layer",
-		"name" : layerName
-	}
-
-	var path = this.downloadNGIDXFURL;
-	var target = "gitWindow";
-	var form = document.createElement("form");
-	form.setAttribute("method", "post");
-	form.setAttribute("action", path);
-	var keys = Object.keys(obj);
-	for (var k = 0; k < keys.length; k++) {
-		var hiddenField = document.createElement("input");
-		hiddenField.setAttribute("type", "hidden");
-		hiddenField.setAttribute("name", keys[k]);
-		hiddenField.setAttribute("value", obj[keys[k]]);
-		form.appendChild(hiddenField);
-	}
-	form.target = target;
-	document.body.appendChild(form);
-	form.submit();
-};
-gb.qa.QAStatus.prototype.switchNavi = function(area) {
-	var that = this;
-	if (area === "list") {
-		$(this.naviArea).empty();
-	} else if (area === "report") {
-		$(this.naviArea).empty();
-		var icon = $("<i>").addClass("fa").addClass("fa-reply").attr({
-			"aria-hidden" : true
-		});
-		var backBtn = $("<button>").addClass("btn").addClass("btn-default").append(icon).append(" Back").click(function() {
-			that.switchArea("list");
-		});
-		$(this.naviArea).append(backBtn);
-	}
-};
-gb.qa.QAStatus.prototype.switchArea = function(area) {
-	this.switchNavi(area);
-	if (area === "list") {
-		$(this.listArea).show();
-		$(this.reportArea).hide();
-	} else if (area === "report") {
-		$(this.listArea).hide();
-		$(this.reportArea).show();
-	}
-};
-gb.qa.QAStatus.prototype.setList = function() {
-	var that = this;
-	var obj = {
-		"atest" : "hi"
-	};
-	$.ajax({
-		url : that.getStatusURL(),
-		method : "POST",
-		contentType : "application/json; charset=UTF-8",
-		cache : false,
-		data : JSON.stringify(obj),
-		beforeSend : function() { // 호출전실행
-			$("body").css("cursor", "wait");
-		},
-		complete : function() {
-			$("body").css("cursor", "default");
-		},
-		traditional : true,
-		success : function(data, textStatus, jqXHR) {
-			console.log(data);
-			var dxf = data["dxf"];
-			var ngi = data["ngi"];
-			var shp = data["shp"];
-			var total = [];
-			if (Array.isArray(dxf)) {
-				for (var i = 0; i < dxf.length; i++) {
-					var stat = dxf[i].state;
-					var statText;
-					switch (stat) {
-					case 0:
-						statText = "Request successful";
-						break;
-					case 1:
-						statText = "Validating";
-						break;
-					case 2:
-						statText = "Validation successful";
-						break;
-					case 3:
-						statText = "Validation failure";
-						break;
-					case 4:
-						statText = "Error layer created";
-						break;
-					case 5:
-						statText = "Error layer failed";
-						break;
-					default:
-						break;
-					}
-
-					var tbData = [ dxf[i].fileType, dxf[i].collectionName, dxf[i].errLayerName, statText, dxf[i].requestTime,
-							dxf[i].responseTime ];
-					total.push(tbData);
-
-				}
-			}
-			if (Array.isArray(ngi)) {
-				for (var i = 0; i < ngi.length; i++) {
-					var stat = ngi[i].state;
-					var statText;
-					switch (stat) {
-					case 0:
-						statText = "Request successful";
-						break;
-					case 1:
-						statText = "Validating";
-						break;
-					case 2:
-						statText = "Validation successful";
-						break;
-					case 3:
-						statText = "Validation failure";
-						break;
-					case 4:
-						statText = "Error layer created";
-						break;
-					case 5:
-						statText = "Error layer failed";
-						break;
-					default:
-						break;
-					}
-
-					var tbData = [ ngi[i].fileType, ngi[i].collectionName, ngi[i].errLayerName, statText, ngi[i].requestTime,
-							ngi[i].responseTime ];
-					total.push(tbData);
-				}
-			}
-			if (Array.isArray(shp)) {
-				for (var i = 0; i < shp.length; i++) {
-					var stat = shp[i].state;
-					var statText;
-					switch (stat) {
-					case 0:
-						statText = "Request successful";
-						break;
-					case 1:
-						statText = "Validating";
-						break;
-					case 2:
-						statText = "Validation successful";
-						break;
-					case 3:
-						statText = "Validation failure";
-						break;
-					case 4:
-						statText = "Error layer created";
-						break;
-					case 5:
-						statText = "Error layer failed";
-						break;
-					default:
-						break;
-					}
-
-					var tbData = [ shp[i].fileType, shp[i].collectionName, shp[i].errLayerName, statText, shp[i].requestTime,
-							shp[i].responseTime ];
-					total.push(tbData);
-				}
-			}
-			if (!!that.listInstance) {
-				that.listInstance.destroy();
-				that.listInstance = undefined;
-			}
-			that.listInstance = $(that.tb).DataTable({
-				"data" : total,
-				"columns" : [ {
-					title : "Format"
-				}, {
-					title : "Map sheet number"
-				}, {
-					title : "Layer name"
-				}, {
-					title : "Status"
-				}, {
-					title : "Requested time"
-				}, {
-					title : "Completed time"
-				}, {
-					title : "Report"
-				}, {
-					title : "Download"
-				} ],
-				"columnDefs" : [ {
-					"targets" : 6,
-					"data" : null,
-					"defaultContent" : "<button class='btn btn-default gb-qastatus-reportBtn'>Click</button>"
-				}, {
-					"targets" : 7,
-					"data" : null,
-					"defaultContent" : "<button class='btn btn-default gb-qastatus-downBtn'>Click</button>"
-				} ],
-				"order" : [ [ 4, "desc" ] ]
-			});
-
-		}
-	});
-
-};
-gb.qa.QAStatus.prototype.setReport = function(layer) {
-	var that = this;
-	var obj = {
-		"errorLayer" : layer
-	};
-	$.ajax({
-		url : "errorLayer/errorReport.ajax",
-		method : "POST",
-		contentType : "application/json; charset=UTF-8",
-		cache : false,
-		data : JSON.stringify(obj),
-		beforeSend : function() { // 호출전실행
-			$("body").css("cursor", "wait");
-		},
-		complete : function() {
-			$("body").css("cursor", "default");
-		},
-		traditional : true,
-		success : function(data, textStatus, jqXHR) {
-			if (data === null) {
-				return;
-			}
-			var json = JSON.parse(data);
-			var arr = json.fields;
-			var tableData = [];
-			for (var i = 0; i < arr.length; i++) {
-				var row = [];
-				row.push(arr[i].collectionName);
-				row.push(arr[i].layerName);
-				row.push(arr[i].featureID);
-				row.push(arr[i].errorType);
-				row.push(arr[i].errorName);
-				row.push(arr[i].errorCoordinateX);
-				row.push(arr[i].errorCoordinateY);
-				tableData.push(row);
-			}
-			if (!!that.reportInstance) {
-				that.reportInstance.destroy();
-				that.reportInstance = undefined;
-			}
-			that.reportInstance = $(that.rtb).DataTable({
-				"data" : tableData,
-				"columns" : [ {
-					title : "Map sheet number"
-				}, {
-					title : "Layer name"
-				}, {
-					title : "Feature ID"
-				}, {
-					title : "Error type"
-				}, {
-					title : "Error name"
-				}, {
-					title : "Coordinate X"
-				}, {
-					title : "Coordinate Y"
-				} ]
-			});
-			that.switchNavi("report");
-			that.switchArea("report");
-		}
-	});
-
-};
-gb.qa.QAStatus.prototype.setStatusURL = function(url) {
-	if (typeof url === "string") {
-		this.statusURL = url;
-	}
-};
-gb.qa.QAStatus.prototype.getStatusURL = function() {
-	return this.statusURL
-};
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/validationdefinition.js b/opengds2018prod/src/main/resources/static/resources/js/gb/modal/validationdefinition.js
deleted file mode 100644
index 9c2de5ed..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/modal/validationdefinition.js
+++ /dev/null
@@ -1,2060 +0,0 @@
-/**
- * 검수 옵션 설정 모달 객체를 정의한다.
- * 
- * @author yijun.so
- * @date 2017. 07.26
- * @version 0.01
- * @class gb.modal.ValidationDefinition
- * @constructor
- */
-var gb;
-if (!gb)
-	gb = {};
-if (!gb.modal)
-	gb.modal = {};
-gb.modal.ValidationDefinition = function(obj) {
-	obj["width"] = 900;
-	obj["height"] = 710;
-	gb.modal.Base.call(this, obj);
-	var options = obj ? obj : {};
-	this.definition = obj.definition ? obj.definition : undefined;
-	this.layerDefinition = obj.layerDefinition ? obj.layerDefinition : undefined;
-	this.itemList = {
-
-		polyline : [ "ConBreak", "ConIntersected", "ConOverDegree", "EdgeMatchMiss", "EntityDuplicated", "EntityNone", "LayerMiss",
-				"OverShoot", "PointDuplicated", "SelfEntity", "UselessPoint", "ZValueAmbiguous" ],
-		lwpolyline : [ "ConBreak", "ConIntersected", "ConOverDegree", "EdgeMatchMiss", "EntityDuplicated", "EntityNone", "LayerMiss",
-				"OverShoot", "PointDuplicated", "SelfEntity", "UselessPoint", "ZValueAmbiguous" ],
-		text : [ "EntityDuplicated", "LayerMiss", "OverShoot", "SelfEntity" ],
-		insert : [ "EntityDuplicated", "LayerMiss", "OverShoot", "SelfEntity" ],
-		point : [ "AttributeFix", "EntityDuplicated", "LayerMiss", "OutBoundary", "OverShoot", "SelfEntity" ],
-		multipoint : [ "AttributeFix", "EntityDuplicated", "LayerMiss", "OutBoundary", "OverShoot", "SelfEntity" ],
-		linestring : [ "AttributeFix", "ConBreak", "ConIntersected", "ConOverDegree", "EdgeMatchMiss", "EntityDuplicated", "LayerMiss",
-				"OutBoundary", "OverShoot", "PointDuplicated", "RefAttributeMiss", "SelfEntity", "SmallLength", "UselessPoint",
-				"ZValueAmbiguous", "NodeMiss" ],
-		multilinestring : [ "AttributeFix", "ConBreak", "ConIntersected", "ConOverDegree", "EdgeMatchMiss", "EntityDuplicated",
-				"LayerMiss", "OutBoundary", "OverShoot", "PointDuplicated", "RefAttributeMiss", "SelfEntity", "SmallLength",
-				"UselessPoint", "ZValueAmbiguous", "NodeMiss" ],
-		polygon : [ "AttributeFix", "EdgeMatchMiss", "EntityDuplicated", "LayerMiss", "OutBoundary", "OverShoot", "PointDuplicated",
-				"RefAttributeMiss", "SelfEntity", "SmallArea", "TwistedPolygon" ],
-		multipolygon : [ "AttributeFix", "EdgeMatchMiss", "EntityDuplicated", "LayerMiss", "OutBoundary", "OverShoot", "PointDuplicated",
-				"RefAttributeMiss", "SelfEntity", "SmallArea", "TwistedPolygon" ]
-	};
-	this.optItem = {
-		"TwistedPolygon" : {
-			"title" : "Twisted Polygon",
-			"alias" : "TwistedPolygon",
-			"type" : "none"
-		},
-		"RefAttributeMiss" : {
-			"title" : "Attribute Error Between Map Sheets",
-			"alias" : "RefAttributeMiss",
-			"type" : "notnull",
-			"multi" : true
-		},
-		"NodeMiss" : {
-			"title" : "Node Missing Error",
-			"alias" : "NodeMiss",
-			"type" : "relation"
-		},
-		"EntityNone" : {
-			"title" : "Entity missing in current map sheet",
-			"alias" : "EntityNone",
-			"type" : "none"
-		},
-		"EdgeMatchMiss" : {
-			"title" : "Entity missing in adjacent map sheet",
-			"alias" : "EdgeMatchMiss",
-			"type" : "none"
-		},
-		"LayerMiss" : {
-			"title" : "Layer Error",
-			"alias" : "LayerMiss",
-			"type" : "geometry"
-		},
-		"EntityDuplicated" : {
-			"title" : "Entity Duplication",
-			"alias" : "EntityDuplicated",
-			"type" : "none"
-		},
-		"SelfEntity" : {
-			"title" : "Overlapping Entities",
-			"alias" : "SelfEntity",
-			"type" : "relation"
-		},
-		"AttributeFix" : {
-			"title" : "Fixed Attribute",
-			"alias" : "AttributeFix",
-			"type" : "attribute",
-			"multi" : true
-		},
-		"OutBoundary" : {
-			"title" : "Out-of-bounds Error",
-			"alias" : "OutBoundary",
-			"type" : "relation"
-		},
-		"PointDuplicated" : {
-			"title" : "Points Duplication",
-			"alias" : "PointDuplicated",
-			"type" : "none"
-		},
-		"SmallLength" : {
-			"title" : "Unallowable Length of Entities",
-			"alias" : "SmallLength",
-			"type" : "figure",
-			"unit" : "meter"
-		},
-		"SmallArea" : {
-			"title" : "Unallowable Area of Entities",
-			"alias" : "SmallArea",
-			"type" : "figure",
-			"unit" : "squaremeter"
-		},
-		"ConIntersected" : {
-			"title" : "Contour Line Intersections",
-			"alias" : "ConIntersected",
-			"type" : "none"
-		},
-		"ConOverDegree" : {
-			"title" : "Unsmooth Contour Line Curves",
-			"alias" : "ConOverDegree",
-			"type" : "figure",
-			"unit" : "degree"
-		},
-		"ConBreak" : {
-			"title" : "Contour Line Disconnections",
-			"alias" : "ConBreak",
-			"type" : "none"
-		},
-		"ZValueAmbiguous" : {
-			"title" : "Altitude Error",
-			"alias" : "ZValueAmbiguous",
-			"type" : "attribute",
-			"multi" : false
-		},
-		"UselessPoint" : {
-			"title" : "Contour Straightening Error",
-			"alias" : "UselessPoint",
-			"type" : "none"
-		},
-		"OverShoot" : {
-			"title" : "Entity Crossing the Baseline",
-			"alias" : "OverShoot",
-			"type" : "figure",
-			"unit" : "meter"
-		}
-	};
-	var that = this;
-	this.optDef = undefined;
-	this.optDefCopy = undefined;
-	this.layerDef = undefined;
-	this.selectedLayerNow = undefined;
-	this.selectedValidationNow = undefined;
-	this.selectedDetailNow = undefined;
-	this.selectedLayerBefore = undefined;
-	this.lAlias = undefined;
-	this.vItem = undefined;
-	this.dOption = undefined;
-	this.codeSelect = undefined;
-	this.nnullCodeSelect = undefined;
-	this.labelCodeSelect = undefined;
-	this.attrForm = undefined;
-	this.nnullAttrForm = undefined;
-	this.labelAttrForm = undefined;
-	this.addBtn = undefined;
-	this.addAttrBtn = undefined;
-	this.addLabelAttrBtn = undefined;
-	this.file = undefined;
-	this.emptyLayers = undefined;
-	this.radio = undefined;
-	this.conAttr = undefined;
-	this.conSelect = undefined;
-	this.conFigure = undefined;
-
-	this.lAlias = $("<ul>").addClass("gb-list-group").css({
-		"margin-bottom" : 0,
-		"cursor" : "pointer"
-	});
-	this.vItem = $("<ul>").addClass("gb-list-group").css({
-		"margin-bottom" : 0,
-		"cursor" : "pointer"
-	});
-	this.dOption = $("<ul>").addClass("gb-list-group").css({
-		"margin-bottom" : 0,
-		"float" : "left"
-	});
-	this.codeSelect = $("<select>").addClass("gb-form");
-	this.nnullCodeSelect = $("<select>").addClass("gb-form");
-	this.labelCodeSelect = $("<select>").addClass("gb-form");
-	this.attrForm = $("<tbody>");
-	this.nnullAttrForm = $("<tbody>");
-	this.labelAttrForm = $("<tbody>");
-	this.addBtn = $("<button>").text("Add Attribute").addClass("gb-button").addClass("gb-button-default");
-	this.addAttrBtn = $("<button>").text("Add Attribute").addClass("gb-button").addClass("gb-button-default");
-	this.addLabelAttrBtn = $("<button>").text("Add Attribute").addClass("gb-button").addClass("gb-button-default");
-	this.file = $("<input>").attr({
-		"type" : "file"
-	});
-
-	this.updateLayerDefinition();
-	this.setDefinition(this.definition);
-	if (this.getDefinition()) {
-		this.setOptDefCopy(Object.assign({}, this.getDefinition()));
-	}
-
-	var phead1 = $("<div>").text("Layer Alias");
-	$(phead1).addClass("gb-article-head");
-	this.pbody1 = $("<div>").css({
-		"max-height" : "500px",
-		"overflow-y" : "auto"
-	}).append(this.lAlias);
-
-	$(this.pbody1).addClass("gb-article-body");
-	var panel1 = $("<div>").css({
-		"float" : "left",
-		"width" : "279px"
-	}).append(phead1).append(this.pbody1);
-	$(panel1).addClass("gb-article");
-
-	var phead2 = $("<div>").text("Validation Item");
-	$(phead2).addClass("gb-article-head");
-	this.pbody2 = $("<div>").css({
-		"max-height" : "500px",
-		"overflow-y" : "auto"
-	}).append(this.vItem);
-
-	$(this.pbody2).addClass("gb-article-body");
-	var panel2 = $("<div>").css({
-		"float" : "left",
-		"width" : "279px"
-	}).append(phead2).append(this.pbody2);
-	$(panel2).addClass("gb-article");
-
-	var phead3 = $("<div>").text("Detailed Option");
-	$(phead3).addClass("gb-article-head");
-	this.pbody3 = $("<div>").css({
-		"max-height" : "500px",
-		"overflow-y" : "auto"
-	}).append(this.dOption);
-	$(this.pbody3).addClass("gb-article-body");
-	var panel3 = $("<div>").css({
-		"float" : "left",
-		"width" : "279px"
-	}).append(phead3).append(this.pbody3);
-	$(panel3).addClass("gb-article");
-
-	var left = $("<div>").append(panel1);
-
-	var mid = $("<div>").append(panel2);
-
-	var right = $("<div>").append(panel3);
-
-	var upper = $("<div>").css({
-		"height" : "555px"
-	}).append(left).append(mid).append(right);
-	this.file = $("<input>").attr({
-		"type" : "file"
-	}).css({
-		"float" : "left",
-		"display" : "inline-block"
-	});
-	var lower = $("<div>").css({
-		"display" : "none",
-		"height" : "30px",
-		"margin" : "10px"
-	}).append(this.file);
-
-	$(this.file).on("change", function(event) {
-		var fileList = that.file[0].files;
-		var reader = new FileReader();
-		if (fileList.length === 0) {
-			return;
-		}
-		reader.readAsText(fileList[0]);
-		$(reader).on("load", function(event) {
-			var obj = JSON.parse(reader.result.replace(/(\s*)/g, ''));
-			that.setOptDefCopy(obj);
-			that.update();
-			that.resetRelation();
-			$(lower).css("display", "none");
-		});
-	});
-
-	var body = $("<div>").append(upper).append(lower);
-	$(this.getModalBody()).css({
-		"height" : "607px"
-	});
-	$(this.getModalBody()).append(body);
-	/*
-	 * 
-	 * 
-	 * body end
-	 * 
-	 * 
-	 */
-	var uploadBtn = $("<button>").attr({
-		"type" : "button"
-	});
-	$(uploadBtn).addClass("gb-button");
-	$(uploadBtn).addClass("gb-button-default");
-	$(uploadBtn).text("Upload");
-	$(uploadBtn).click(function(event) {
-		if (event.target === uploadBtn[0]) {
-			if ($(lower).css("display") === "none") {
-				$(lower).css("display", "block");
-			} else {
-				$(lower).css("display", "none");
-			}
-		}
-	});
-
-	var downloadBtn = $("<button>").attr({
-		"type" : "button"
-	});
-	$(downloadBtn).addClass("gb-button");
-	$(downloadBtn).addClass("gb-button-default");
-	$(downloadBtn).text("Download");
-	$(downloadBtn).click(function(event) {
-		if (event.target === downloadBtn[0]) {
-			that.downloadSetting();
-		}
-	});
-
-	var pleft = $("<span>").css("float", "left");
-	// this._addClass(pleft, "text-left");
-	$(pleft).append(uploadBtn).append(downloadBtn);
-
-	this.closeBtn = $("<button>").css({
-		"float" : "right"
-	}).addClass("gb-button").addClass("gb-button-default").text("Close").click(this, function(evt) {
-		evt.data.close();
-	});
-	this.okBtn = $("<button>").css({
-		"float" : "right"
-	}).addClass("gb-button").addClass("gb-button-primary").text("OK").click(this, function(evt) {
-		evt.data.beforeSaveRelation();
-		var cobj = evt.data.getOptDefCopy();
-		evt.data.setDefinition(cobj);
-		console.log(cobj);
-		evt.data.setOptDefCopy(undefined);
-		evt.data.close();
-	});
-
-	this.buttonArea = $("<span>").addClass("gb-modal-buttons").append(uploadBtn).append(downloadBtn).append(this.okBtn).append(
-			this.closeBtn);
-	this.modalFooter = $("<div>").addClass("gb-modal-footer").append(this.buttonArea);
-	$(this.getModal()).append(this.modalFooter);
-	/*
-	 * 
-	 * 
-	 * footer end
-	 * 
-	 * 
-	 */
-	// var content = $("<div>").append(header).append(body).append(footer);
-	// $(content).addClass("modal-content");
-	//
-	// var dialog = $("<div>").html(content);
-	// $(dialog).addClass("modal-dialog");
-	// $(dialog).addClass("modal-lg");
-	//
-	// this.window = $("<div>").hide().attr({
-	// // Setting tabIndex makes the div focusable
-	// tabIndex : -1,
-	// role : "dialog"
-	// }).html(dialog);
-};
-gb.modal.ValidationDefinition.prototype = Object.create(gb.modal.Base.prototype);
-gb.modal.ValidationDefinition.prototype.constructor = gb.modal.ValidationDefinition;
-
-gb.modal.ValidationDefinition.prototype.setDefinition = function(obj) {
-	console.log(obj);
-	this.optDef = $.extend({}, obj);
-};
-gb.modal.ValidationDefinition.prototype.getDefinition = function() {
-	return this.optDef;
-};
-gb.modal.ValidationDefinition.prototype.setLayerDefinition = function(obj) {
-	this.layerDef = $.extend({}, obj);
-};
-gb.modal.ValidationDefinition.prototype.getLayerDefinition = function() {
-	return this.layerDef;
-};
-gb.modal.ValidationDefinition.prototype.setOptDefCopy = function(def) {
-	this.optDefCopy = $.extend({}, def);
-};
-gb.modal.ValidationDefinition.prototype.getOptDefCopy = function() {
-	return this.optDefCopy;
-};
-gb.modal.ValidationDefinition.prototype.updateLayerDefinition = function() {
-	if (typeof this.layerDefinition === "function") {
-		this.layerDef = $.extend({}, this.layerDefinition());
-		this.setLayerDefinition(this.layerDefinition());
-	} else {
-		this.layerDef = $.extend({}, this.layerDefinition);
-		this.setLayerDefinition(this.layerDefinition);
-	}
-};
-gb.modal.ValidationDefinition.prototype.beforeSaveRelation = function() {
-	var cobj = this.getOptDefCopy();
-	var ekeys = Object.keys(this.emptyLayers);
-	for (var i = 0; i < ekeys.length; i++) {
-		if (this.emptyLayers[ekeys[i]] < 1 && cobj.hasOwnProperty(ekeys[i])) {
-			var keys = Object.keys(cobj[ekeys[i]]);
-			if (keys.length === 0) {
-				delete cobj[ekeys[i]];
-			}
-		} else if (this.emptyLayers[ekeys[i]] > 0 && !cobj.hasOwnProperty(ekeys[i])) {
-			cobj[ekeys[i]] = {};
-		}
-	}
-	console.log("beforeSaveRelation: ");
-	console.log(this.emptyLayers);
-};
-gb.modal.ValidationDefinition.prototype.getRelation = function() {
-	return this.emptyLayers;
-};
-gb.modal.ValidationDefinition.prototype.resetRelation = function(obj) {
-	this.emptyLayers = {};
-	var ldefinition = this.getLayerDefinition();
-	var ldefKeys = Object.keys(ldefinition);
-	for (var i = 0; i < ldefKeys.length; i++) {
-		this.emptyLayers[ldefKeys[i]] = 0;
-	}
-
-	var def = this.getOptDefCopy();
-	var dkeys = Object.keys(def);
-	for (var i = 0; i < dkeys.length; i++) {
-		var vkeys = Object.keys(def[dkeys[i]]);
-		for (var j = 0; j < vkeys.length; j++) {
-			console.log(vkeys[j]);
-			if (this.optItem[vkeys[j]].type === "relation" || this.optItem[vkeys[j]].type === "labelnrelation") {
-				var relation = def[dkeys[i]][vkeys[j]].relation;
-				for (var k = 0; k < relation.length; k++) {
-					this.updateRelation(relation[k], "up");
-					if (!def.hasOwnProperty(relation[k])) {
-						this.getOptDefCopy()[relation[k]] = {};
-						console.log(this.getOptDefCopy());
-					}
-				}
-			}
-		}
-	}
-	console.log("resetRelation: ");
-	console.log(this.emptyLayers);
-};
-
-gb.modal.ValidationDefinition.prototype.updateRelation = function(alias, und) {
-	if (typeof alias === "string") {
-		if (und === "up") {
-			this.emptyLayers[alias]++;
-		} else if (und === "down") {
-			this.emptyLayers[alias]--;
-		} else if (und === "upradio") {
-			if (this.radio !== undefined) {
-				this.emptyLayers[this.radio]--;
-			}
-			this.emptyLayers[alias]++;
-		} else if (und === "downradio") {
-			if (this.radio !== undefined) {
-				this.emptyLayers[this.radio]++;
-			}
-			this.emptyLayers[alias]--;
-		}
-	} else if (Array.isArray(alias)) {
-		for (var i = 0; i < alias.length; i++) {
-			if (und === "up") {
-				this.emptyLayers[alias[i]]++;
-			} else if (und === "down") {
-				this.emptyLayers[alias[i]]--;
-			}
-		}
-	}
-	console.log("updateRelation: ");
-	console.log(this.emptyLayers);
-};
-gb.modal.ValidationDefinition.prototype.downloadSetting = function() {
-	var setting = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(this.getOptDefCopy()));
-	var anchor = $("<a>").attr({
-		"href" : setting,
-		"download" : "validation_setting.json"
-	});
-	$(anchor)[0].click();
-};
-gb.modal.ValidationDefinition.prototype.update = function(obj) {
-	var that = this;
-	if (!obj) {
-		obj = this.layerDef;
-	}
-	this.updateLayerDefinition();
-	obj = this.getLayerDefinition();
-	$(this.pbody1).empty();
-	$(this.pbody1).append(this.lAlias)
-	$(this.lAlias).empty();
-	var keys = Object.keys(obj);
-	for (var i = 0; i < keys.length; i++) {
-		var alias = $("<span>").text(keys[i]);
-		// $(alias).addClass("optiondefinition-alias-span");
-		var span = $("<span>").text(obj[keys[i]].geom).css({
-			"font-weight" : "100"
-		});
-		$(span).addClass("gb-badge");
-		var anchor = $("<li>").attr({
-			"title" : obj[keys[i]].code
-		}).append(alias).append(span);
-		$(anchor).addClass("gb-list-group-item");
-		// $(anchor).addClass("optiondefinition-alias")
-		$(anchor).click(function() {
-			that.alias(this);
-		});
-		if (obj[keys[i]].area) {
-			$(anchor).addClass("gb-list-group-item-info");
-		}
-		$(that.lAlias).append(anchor);
-	}
-	$(this.vItem).empty();
-	$(this.dOption).empty();
-};
-gb.modal.ValidationDefinition.prototype._printValidationItem = function(mix) {
-	var obj = mix.obj;
-	var geom = mix.geom;
-	// vItem
-	var that = this;
-	$(this.pbody2).empty();
-	$(this.pbody2).append(that.vItem);
-	$(this.vItem).empty();
-	var lower = geom.toLowerCase();
-	var list;
-	switch (lower) {
-	case "point":
-		list = that.itemList.point;
-		break;
-	case "multipoint":
-		list = that.itemList.multipoint;
-		break;
-	case "linestring":
-		list = that.itemList.linestring;
-		break;
-	case "multilinestring":
-		list = that.itemList.multilinestring;
-		break;
-	case "polygon":
-		list = that.itemList.polygon;
-		break;
-	case "multipolygon":
-		list = that.itemList.multipolygon;
-		break;
-	case "line":
-		list = that.itemList.line;
-		break;
-	case "polyline":
-		list = that.itemList.polyline;
-		break;
-	case "lwpolyline":
-		list = that.itemList.lwpolyline;
-		break;
-	case "text":
-		list = that.itemList.text;
-		break;
-	case "insert":
-		list = that.itemList.insert;
-		break;
-	default:
-		break;
-	}
-	for (var i = 0; i < list.length; i++) {
-		var checkbox = $("<input>").attr({
-			"type" : "checkbox",
-			"value" : that.optItem[list[i]].alias
-		});
-		// $(checkbox).addClass("optiondefinition-item-check")
-		$(checkbox).change(function() {
-			if ($(this).prop("checked")) {
-				if (that.optItem[$(this).val()].type === "none") {
-					if (!that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-						that.getOptDefCopy()[that.selectedLayerNow] = {};
-					}
-					that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow] = true;
-				}
-			} else if (that.optItem[$(this).val()].type === "relation") {
-				if (that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-					if (that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-						if (that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow].hasOwnProperty("relation")) {
-							var relation = that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow].relation;
-							that.updateRelation(relation, "down");
-							delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-						}
-					}
-					var keys = Object.keys(that.getOptDefCopy()[that.selectedLayerNow]);
-					if (keys.length === 0) {
-						delete that.getOptDefCopy()[that.selectedLayerNow];
-					}
-				}
-			} else {
-				delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-			}
-		});
-		if (!!obj) {
-			var keys = Object.keys(obj);
-			if (keys.indexOf(list[i]) !== -1) {
-				$(checkbox).prop("checked", true);
-			}
-		}
-		var title = $("<span>").css({
-			"vertical-align" : "text-bottom",
-			"margin-left" : "5px"
-		}).text(that.optItem[list[i]].title);
-		var li = $("<li>").append(checkbox).append(title);
-
-		$(li).addClass("gb-list-group-item");
-		// $(li).addClass("optiondefinition-item");
-		$(li).click(function() {
-			var chldr = $(this).parent().children();
-			for (var i = 0; i < chldr.length; i++) {
-				$(chldr).removeClass("active");
-			}
-			$(this).addClass("active");
-			var name = $(this).find("input").val();
-			that.selectedValidationNow = name;
-			var opt;
-			if (!!that.getOptDefCopy()[that.selectedLayerNow]) {
-				opt = that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-			}
-			var mix = {
-				"obj" : opt,
-				"vtem" : name
-			};
-			that._printDetailedOption(mix);
-		});
-		$(that.vItem).append(li);
-	}
-
-};
-gb.modal.ValidationDefinition.prototype._printDetailedOption = function(mix) {
-	var optObj = mix.obj;
-	var vtem = mix.vtem;
-	var that = this;
-	$(this.pbody3).empty();
-	$(this.pbody3).append(this.dOption);
-	$(this.dOption).empty();
-	var obj = this.optItem[vtem];
-	switch (obj.type) {
-	case "none":
-		var li = $("<li>").text("No detailed option");
-		$(li).addClass("gb-list-group-item").css({
-			"border" : "0"
-		});
-		$(that.dOption).append(li);
-		break;
-	case "figure":
-		var input = $("<input>").attr({
-			"type" : "text"
-		});
-		// $(input).addClass("optiondefinition-figure-text");
-		$(input).on("input", function() {
-			if ($(this).val() === "") {
-				delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-				that._toggleCheckbox(that.selectedValidationNow, false);
-			} else if ($.isNumeric($(this).val().replace(/(\s*)/g, ''))) {
-				if (!that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-					that.getOptDefCopy()[that.selectedLayerNow] = {};
-				}
-				if (!that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-					that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow] = {
-						"figure" : undefined
-					};
-				}
-				that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["figure"] = $(this).val().replace(/(\s*)/g, '');
-				that._toggleCheckbox(that.selectedValidationNow, true);
-			} else {
-				delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-				that._toggleCheckbox(that.selectedValidationNow, false);
-				$(this).val("");
-			}
-		});
-		$(input).addClass("gb-form");
-		if (!!optObj) {
-			var keys = Object.keys(optObj);
-			if (keys.indexOf("figure") !== -1) {
-				$(input).val(optObj["figure"]);
-			}
-		}
-		var addon = $("<div>");
-		$(addon).addClass("input-group-addon");
-		switch (obj.unit) {
-		case "meter":
-			$(addon).text("m");
-			break;
-		case "squaremeter":
-			var sup = $("<sup>").text("2");
-			$(addon).append("m").append(sup);
-			break;
-		case "degree":
-			var sup = $("<sup>").html("&deg;");
-			$(addon).append(sup);
-			break;
-		default:
-			$(addon).text(obj.unit);
-			break;
-		}
-		var group = $("<div>").append(input).append(addon);
-		$(group).addClass("input-group");
-		$(that.dOption).append(group);
-		break;
-	case "relation":
-		var keys = Object.keys(that.getLayerDefinition());
-		for (var i = 0; i < keys.length; i++) {
-			var checkbox = $("<input>").attr({
-				"type" : "checkbox",
-				"value" : keys[i]
-			}).css({
-				"vertical-align" : "top",
-				"margin-right" : "3px"
-			});
-			// $(checkbox).addClass("optiondefinition-rel-check");
-			$(checkbox)
-					.change(
-							function() {
-								if ($(this).prop("checked")) {
-									if (!that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-										that.getOptDefCopy()[that.selectedLayerNow] = {};
-									}
-									if (!that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-										that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow] = {
-											"relation" : []
-										};
-									}
-									if (that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"].indexOf($(this)
-											.val()) === -1) {
-										that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"].push($(this)
-												.val());
-										that.updateRelation($(this).val(), "up");
-										console.log(that.emptyLayers);
-									}
-									that._toggleCheckbox(that.selectedValidationNow, true);
-								} else {
-									if (that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"].indexOf($(this)
-											.val()) !== -1) {
-										that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"].splice(that
-												.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"].indexOf($(
-												this).val()), 1);
-										that.updateRelation($(this).val(), "down");
-										console.log(that.emptyLayers);
-									}
-								}
-								var checks = $(this).parent().parent().parent().find("input:checked");
-								if (checks.length === 0) {
-									delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-									that._toggleCheckbox(that.selectedValidationNow, false);
-								}
-							});
-			if (that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-				if (that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(vtem)) {
-					if (that.getOptDefCopy()[that.selectedLayerNow][vtem].relation.indexOf(keys[i]) !== -1) {
-						$(checkbox).prop("checked", true);
-					}
-				}
-			}
-
-			var label = $("<label>").append(checkbox).append(keys[i]);
-			var li = $("<li>").css({
-				"margin-top" : 0
-			}).append(label);
-			$(li).addClass("gb-list-group-item").css({
-				"width" : "277px"
-			});
-			$(that.dOption).append(li);
-		}
-		break;
-	case "attribute":
-		$(this.codeSelect).empty();
-		var codes = that.getLayerDefinition()[this.selectedLayerNow].code;
-		var geom = that.getLayerDefinition()[this.selectedLayerNow].geom.toUpperCase();
-		var sCode;
-		for (var i = 0; i < codes.length; i++) {
-			var opt = $("<option>").text(codes[i] + "_" + geom);
-			$(this.codeSelect).append(opt);
-			if (i === 0) {
-				$(opt).prop("selected", true);
-				sCode = codes[i] + "_" + geom;
-			}
-		}
-		$(this.codeSelect).change(function() {
-			var isMulti = that.optItem[that.selectedValidationNow].multi;
-			that._updateAttribute($(this).val(), isMulti);
-		});
-		this._updateAttribute(sCode, obj.multi);
-
-		var tb = $("<table>").append(this.attrForm);
-		$(tb).addClass("table");
-		$(tb).addClass("text-center");
-		if (obj.multi) {
-			$(this.addBtn).click(function() {
-				that.attr_addrow(this);
-			});
-			$(this.dOption).append(this.codeSelect).append(tb).append(this.addBtn);
-		} else {
-			$(this.dOption).append(this.codeSelect).append(tb);
-		}
-
-		break;
-	case "notnull":
-		$(that.nnullCodeSelect).empty();
-		var codes = that.getLayerDefinition()[that.selectedLayerNow].code;
-		var geom = that.getLayerDefinition()[that.selectedLayerNow].geom.toUpperCase();
-		var sCode;
-		for (var i = 0; i < codes.length; i++) {
-			var opt = $("<option>").text(codes[i] + "_" + geom);
-			$(that.nnullCodeSelect).append(opt);
-			if (i === 0) {
-				$(opt).prop("selected", true);
-				sCode = codes[i] + "_" + geom;
-			}
-		}
-		$(that.nnullCodeSelect).change(function() {
-			var isMulti = that.optItem[that.selectedValidationNow].multi;
-			that._updateNotNullAttribute($(this).val(), isMulti);
-		});
-		that._updateNotNullAttribute(sCode, obj.multi);
-
-		var tb = $("<table>").append(that.nnullAttrForm);
-		$(tb).addClass("table");
-		$(tb).addClass("text-center");
-
-		if (obj.multi) {
-			$(this.addAttrBtn).click(function() {
-				that.nnullattr_addrow(this);
-			});
-			$(that.dOption).append(that.nnullCodeSelect).append(tb).append(that.addAttrBtn);
-		} else {
-			$(that.dOption).append(that.nnullCodeSelect).append(tb);
-		}
-		break;
-	case "geometry":
-		var keys = Object.keys(that.itemList);
-		for (var i = 0; i < keys.length; i++) {
-			var enType;
-			switch (keys[i]) {
-			case "point":
-				enType = "Point";
-				break;
-			case "multipoint":
-				enType = "MultiPoint";
-				break;
-			case "linestring":
-				enType = "LineString";
-				break;
-			case "multilinestring":
-				enType = "MultiLineString";
-				break;
-			case "polygon":
-				enType = "Polygon";
-				break;
-			case "multipolygon":
-				enType = "MultiPolygon";
-				break;
-			case "line":
-				enType = "Line";
-				break;
-			case "polyline":
-				enType = "Polyline";
-				break;
-			case "lwpolyline":
-				enType = "LWPolyline";
-				break;
-			case "text":
-				enType = "Text";
-				break;
-			case "insert":
-				enType = "Insert";
-				break;
-			default:
-				enType = "Unknown";
-				break;
-			}
-
-			var checkbox = $("<input>").attr({
-				"type" : "checkbox",
-				"value" : enType
-			}).css({
-				"vertical-align" : "top",
-				"margin-right" : "3px"
-			});
-			// $(checkbox).addClass("optiondefinition-geom-check");
-			$(checkbox).change(
-					function() {
-						if ($(this).prop("checked")) {
-							if (!that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-								that.getOptDefCopy()[that.selectedLayerNow] = {};
-							}
-							if (!that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-								that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow] = [];
-							}
-							if (that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow].indexOf($(this).val()) === -1) {
-								that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow].push($(this).val());
-							}
-							that._toggleCheckbox(that.selectedValidationNow, true);
-						} else {
-							if (that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow].indexOf($(this).val()) !== -1) {
-								that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow].splice(
-										that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow].indexOf($(this).val()), 1);
-							}
-						}
-						var checks = $(this).parent().parent().parent().find("input:checked");
-						if (checks.length === 0) {
-							delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-							that._toggleCheckbox(that.selectedValidationNow, false);
-						}
-						// console.log(that.getOptDefCopy()[that.selectedLayerNow]);
-					});
-			if (that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-				if (that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(vtem)) {
-					if (that.getOptDefCopy()[that.selectedLayerNow][vtem].indexOf(enType) !== -1) {
-						$(checkbox).prop("checked", true);
-					}
-				}
-			}
-
-			var label = $("<label>").append(checkbox).append(enType);
-			var li = $("<li>").css({
-				"margin-top" : 0
-			}).append(label);
-			$(li).addClass("gb-list-group-item").css({
-				"width" : "277px"
-			});
-			$(that.dOption).append(li);
-		}
-		break;
-	case "labelnrelation":
-		this.radio = undefined;
-		$(that.labelCodeSelect).empty();
-		var codes = that.getLayerDefinition()[that.selectedLayerNow].code;
-		var geom = that.getLayerDefinition()[that.selectedLayerNow].geom.toUpperCase();
-		var sCode;
-		for (var i = 0; i < codes.length; i++) {
-			var opt = $("<option>").text(codes[i] + "_" + geom);
-			$(that.labelCodeSelect).append(opt);
-			if (i === 0) {
-				$(opt).prop("selected", true);
-				sCode = codes[i] + "_" + geom;
-			}
-		}
-		$(that.labelCodeSelect).change(function() {
-			var isMulti = that.optItem[that.selectedValidationNow].multi;
-			that._updateLabelAttribute($(this).val(), isMulti);
-		});
-		that._updateLabelAttribute(sCode, obj.multi);
-
-		var tb = $("<table>").append(that.labelAttrForm);
-		// $(tb).addClass("table");
-		// $(tb).addClass("text-center");
-		if (obj.multi) {
-			$(this.addLabelAttrBtn).click(function() {
-				that.labelattr_addrow(this);
-			});
-			$(that.dOption).append(that.labelCodeSelect).append(tb).append(that.addLabelAttrBtn);
-		} else {
-			$(that.dOption).append(that.labelCodeSelect).append(tb);
-		}
-
-		var keys = Object.keys(that.getLayerDefinition());
-		for (var i = 0; i < keys.length; i++) {
-			var checkbox = $("<input>").attr({
-				"type" : obj.multi ? "checkbox" : "radio",
-				"value" : keys[i],
-				"name" : "optiondefinition-label-rel"
-			}).css({
-				"vertical-align" : "top",
-				"margin-right" : "3px"
-			});
-			if (obj.multi) {
-				$(checkbox).on("change", function() {
-					var flag = false;
-					var tr = $(that.labelAttrForm).find("tr");
-					for (var i = 0; i < tr.length; i = i + 2) {
-						var key = $(tr[i]).find("input[type=text]").val();
-						var value = $(tr[i + 1]).find("input[type=text]").val().replace(/(\s*)/g, '');
-						var values;
-						if (value === "") {
-							values = undefined;
-						} else {
-							values = value.split(",");
-							flag = true;
-						}
-					}
-					if (flag) {
-						that.labelattr_text();
-						// that.optiondefinition_label_rel_multi(this);
-					}
-				});
-			} else {
-				$(checkbox).on("change", function() {
-					console.log("radio");
-					var flag = false;
-					var tr = $(that.labelAttrForm).find("tr");
-					for (var i = 0; i < tr.length; i = i + 2) {
-						var key = $(tr[i]).find("input[type=text]").val();
-						var value = $(tr[i + 1]).find("input[type=text]").val().replace(/(\s*)/g, '');
-						var values;
-						if (value === "") {
-							values = undefined;
-						} else {
-							values = value.split(",");
-							flag = true;
-						}
-					}
-					if (flag) {
-						that.labelattr_text();
-						// that.optiondefinition_label_rel_single(this);
-					}
-				});
-			}
-			// $(checkbox).addClass("optiondefinition-label-rel");
-			if (that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-				if (that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(vtem)) {
-					if (that.getOptDefCopy()[that.selectedLayerNow][vtem].relation.indexOf(keys[i]) !== -1) {
-						$(checkbox).prop("checked", true);
-					}
-				}
-			}
-			var label = $("<label>").append(checkbox).append(keys[i]);
-			var li = $("<li>").css({
-				"margin-top" : 0
-			}).append(label);
-			$(li).addClass("gb-list-group-item").css({
-				"width" : "277px"
-			});
-			$(that.dOption).append(li);
-		}
-		break;
-	case "conditionalfigure":
-		var attr;
-		var select;
-		var figure;
-		if (that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-			if (that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(vtem)) {
-				attr = that.getOptDefCopy()[that.selectedLayerNow][vtem]["attribute"];
-				select = that.getOptDefCopy()[that.selectedLayerNow][vtem]["condition"];
-				figure = that.getOptDefCopy()[that.selectedLayerNow][vtem]["figure"];
-			}
-		}
-		this.conAttr = $("<input>").attr({
-			"type" : "text",
-			"placeholder" : "Attribute"
-		}).val(attr ? attr : "");
-		// $(this.conAttr).addClass("optiondefinition-conditionalfigure-text");
-		$(this.conAttr).on("input", function() {
-			that.conditionalfigure_text(this);
-		});
-		$(this.conAttr).addClass("gb-form");
-		var div1 = $("<div>").css({
-			"width" : "90px",
-			"display" : "inline-block"
-		}).append(this.conAttr);
-		$(that.dOption).append(div1);
-
-		var over = $("<option>").attr({
-			"value" : "over"
-		}).text(">");
-		var under = $("<option>").attr({
-			"value" : "under"
-		}).text("<");
-		var equal = $("<option>").attr({
-			"value" : "equal"
-		}).text("=");
-		this.conSelect = $("<select>").addClass("gb-form").append(over).append(under).append(equal).on("input", function() {
-			that.conditionalfigure_select(this);
-		});
-		// $(this.conSelect).addClass("optiondefinition-conditionalfigure-select")
-		if (select) {
-			this.conSelect.val(select);
-		} else {
-			this.conSelect.val("over");
-		}
-		var div2 = $("<div>").css({
-			"width" : "55px",
-			"display" : "inline-block"
-		}).append(this.conSelect);
-		$(that.dOption).append(div2);
-
-		this.conFigure = $("<input>").attr({
-			"type" : "number",
-			"placeholder" : "figure"
-		}).val(figure ? figure : "");
-		$(this.conFigure).on("input", function() {
-			that.conditionalfigure_figure(this);
-		});
-		// $(this.conFigure).addClass("optiondefinition-conditionalfigure-figure");
-		$(this.conFigure).addClass("gb-form");
-		var div3 = $("<div>").css({
-			"width" : "85px",
-			"display" : "inline-block"
-		}).append(this.conFigure);
-		$(that.dOption).append(div3);
-		break;
-	default:
-		var li = $("<li>").text("Unknown");
-		$(li).addClass("danger");
-		break;
-	}
-};
-gb.modal.ValidationDefinition.prototype._updateAttribute = function(code, multi) {
-	var that = this;
-	var attrs;
-	if (that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-		if (that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-			attrs = that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][code];
-		}
-	}
-	$(that.attrForm).empty();
-	if (!attrs && multi) {
-		return;
-	} else if (attrs && multi) {
-		var keys = Object.keys(attrs);
-		for (var j = 0; j < keys.length; j++) {
-			var text = $("<input>").attr({
-				"type" : "text",
-				"value" : keys[j],
-				"placeholder" : "Key"
-			}).css({
-				"display" : "inline-block"
-			});
-			$(text).addClass("gb-form");
-			// $(text).addClass("optiondefinition-attr-text");
-			$(text).on("input", function() {
-				that.attr_text(this);
-			});
-			var td1 = $("<td>").append(text);
-
-			var icon = $("<i>").attr("aria-hidden", true);
-			$(icon).addClass("fa");
-			$(icon).addClass("fa-times");
-			var btn = $("<button>").css({
-				"display" : "inline-block"
-			}).append(icon);
-			$(btn).addClass("gb-button");
-			$(btn).addClass("gb-button-default");
-			// $(btn).addClass("optiondefinition-attr-del");
-			$(btn).on("click", function() {
-				that.attr_del(this);
-			});
-			var td2 = $("<td>").append(btn);
-
-			var text2 = $("<input>").attr({
-				"type" : "text",
-				"value" : attrs[keys[j]].toString(),
-				"placeholder" : "Value"
-			});
-			$(text2).addClass("gb-form");
-			// $(text2).addClass("optiondefinition-attr-text2");
-			$(text2).on("input", function() {
-				that.attr_text(this);
-			});
-			var td3 = $("<td>").attr({
-				"colspan" : "2"
-			}).css({
-				"border-top" : 0
-			}).append(text2);
-
-			var btr1 = $("<tr>").append(td1).append(td2);
-			var btr2 = $("<tr>").append(td3);
-
-			$(that.attrForm).append(btr1).append(btr2);
-		}
-	} else if (attrs && !multi) {
-		var keys = Object.keys(attrs);
-
-		var text = $("<input>").attr({
-			"type" : "text",
-			"value" : keys[0] ? keys[0] : "",
-			"placeholder" : "Key"
-		}).css({
-			"display" : "inline-block"
-		});
-		$(text).addClass("gb-form");
-		// $(text).addClass("optiondefinition-attr-text")
-		$(text).on("input", function() {
-			that.attr_text(this);
-		});
-		var td1 = $("<td>").append(text);
-
-		var text2 = $("<input>").attr({
-			"type" : "text",
-			"value" : attrs[keys[0]] ? attrs[keys[0]].toString() : "",
-			"placeholder" : "Value"
-		});
-		$(text2).addClass("gb-form");
-		// $(text2).addClass("optiondefinition-attr-text2");
-		$(text2).on("input", function() {
-			that.attr_text(this);
-		});
-		var td3 = $("<td>").attr({
-			"colspan" : "2"
-		}).css({
-			"border-top" : 0
-		}).append(text2);
-
-		var btr1 = $("<tr>").append(td1);
-		var btr2 = $("<tr>").append(td3);
-
-		$(that.attrForm).append(btr1).append(btr2);
-	} else if (!attrs && !multi) {
-		var text = $("<input>").attr({
-			"type" : "text",
-			"placeholder" : "Key"
-		}).css({
-			"display" : "inline-block"
-		});
-		$(text).addClass("gb-form");
-		// $(text).addClass("optiondefinition-attr-text")
-		$(text).on("input", function() {
-			that.attr_text(this);
-		});
-		var td1 = $("<td>").append(text);
-
-		var text2 = $("<input>").attr({
-			"type" : "text",
-			"placeholder" : "Value"
-		});
-		$(text2).addClass("gb-form");
-		// $(text2).addClass("optiondefinition-attr-text2")
-		$(text2).on("input", function() {
-			that.attr_text(this);
-		});
-		var td3 = $("<td>").attr({
-			"colspan" : "2"
-		}).css({
-			"border-top" : 0
-		}).append(text2);
-
-		var btr1 = $("<tr>").append(td1);
-		var btr2 = $("<tr>").append(td3);
-
-		$(that.attrForm).append(btr1).append(btr2);
-	} else {
-		console.error("unknown");
-	}
-
-};
-gb.modal.ValidationDefinition.prototype._updateLabelAttribute = function(code, multi) {
-	var that = this;
-	var attrs;
-	if (that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-		if (that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-			if (that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow].hasOwnProperty("label")) {
-				// .hasOwnProperty(code)
-				attrs = that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["label"][code];
-			}
-		}
-	}
-	$(that.labelAttrForm).empty();
-	if (!attrs && multi) {
-		return;
-	} else if (attrs && multi) {
-		var keys = Object.keys(attrs);
-		for (var j = 0; j < keys.length; j++) {
-			var text = $("<input>").attr({
-				"type" : "text",
-				"value" : keys[j],
-				"placeholder" : "Key"
-			}).css({
-				"display" : "inline-block"
-			});
-			$(text).addClass("gb-form");
-			// $(text).addClass("optiondefinition-labelattr-text")
-			$(text).on("input", function() {
-				that.labelattr_text(this);
-			});
-			var td1 = $("<td>").append(text);
-
-			var icon = $("<i>").attr("aria-hidden", true);
-			$(icon).addClass("fa");
-			$(icon).addClass("fa-times");
-			var btn = $("<button>").css({
-				"display" : "inline-block"
-			}).append(icon);
-			$(btn).addClass("gb-button");
-			$(btn).addClass("gb-button-default");
-			$(btn).on("click", function() {
-				that.labelattr_del(this);
-			});
-			// $(btn).addClass("optiondefinition-labelattr-del");
-			var td2 = $("<td>").append(btn);
-
-			var text2 = $("<input>").attr({
-				"type" : "text",
-				"value" : attrs[keys[j]].toString(),
-				"placeholder" : "Value"
-			});
-			$(text2).addClass("gb-form");
-			// $(text2).addClass("optiondefinition-labelattr-text2")
-			$(text2).on("input", function() {
-				that.labelattr_text(this);
-			});
-			var td3 = $("<td>").attr({
-				"colspan" : "2"
-			}).css({
-				"border-top" : 0
-			}).append(text2);
-
-			var btr1 = $("<tr>").append(td1).append(td2);
-			var btr2 = $("<tr>").append(td3);
-
-			$(that.labelAttrForm).append(btr1).append(btr2);
-		}
-	} else if (attrs && !multi) {
-		var keys = Object.keys(attrs);
-
-		var text = $("<input>").attr({
-			"type" : "text",
-			"value" : keys[0] ? keys[0] : "",
-			"placeholder" : "Key"
-		}).css({
-			"display" : "inline-block"
-		});
-		$(text).addClass("gb-form");
-		// $(text).addClass("optiondefinition-labelattr-text")
-		$(text).on("input", function() {
-			that.labelattr_text(this);
-		});
-		var td1 = $("<td>").append(text);
-
-		var text2 = $("<input>").attr({
-			"type" : "text",
-			"value" : attrs[keys[0]] ? attrs[keys[0]].toString() : "",
-			"placeholder" : "Value"
-		});
-		$(text2).addClass("gb-form");
-		// $(text2).addClass("optiondefinition-labelattr-text2")
-		$(text2).on("input", function() {
-			that.labelattr_text(this);
-		});
-		var td3 = $("<td>").attr({
-			"colspan" : "2"
-		}).css({
-			"border-top" : 0
-		}).append(text2);
-
-		var btr1 = $("<tr>").append(td1);
-		var btr2 = $("<tr>").append(td3);
-
-		$(that.labelAttrForm).append(btr1).append(btr2);
-	} else if (!attrs && !multi) {
-		var text = $("<input>").attr({
-			"type" : "text",
-			"placeholder" : "Key"
-		}).css({
-			"display" : "inline-block"
-		});
-		$(text).addClass("gb-form");
-		// $(text).addClass("optiondefinition-labelattr-text")
-		$(text).on("input", function() {
-			that.labelattr_text(this);
-		});
-		var td1 = $("<td>").append(text);
-
-		var text2 = $("<input>").attr({
-			"type" : "text",
-			"placeholder" : "Value"
-		});
-		$(text2).addClass("gb-form");
-		// $(text2).addClass("optiondefinition-labelattr-text2")
-		$(text2).on("input", function() {
-			that.labelattr_text(this);
-		});
-		var td3 = $("<td>").attr({
-			"colspan" : "2"
-		}).css({
-			"border-top" : 0
-		}).append(text2);
-
-		var btr1 = $("<tr>").append(td1);
-		var btr2 = $("<tr>").append(td3);
-
-		$(that.labelAttrForm).append(btr1).append(btr2);
-	} else {
-		console.error("unknown");
-	}
-
-};
-gb.modal.ValidationDefinition.prototype._updateNotNullAttribute = function(code, multi) {
-	var that = this;
-	var attrs;
-	if (that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-		if (that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-			attrs = that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][code];
-		}
-	}
-	$(that.nnullAttrForm).empty();
-	if (!attrs && multi) {
-		return;
-	} else if (!attrs && !multi) {
-		var text = $("<input>").attr({
-			"type" : "text",
-			"value" : ""
-		}).css({
-			"display" : "inline-block"
-		});
-		$(text).addClass("gb-form");
-		// $(text).addClass("optiondefinition-nnullattr-text");
-		$(text).on("input", function() {
-			that.nnullattr_text(this);
-		});
-		var td1 = $("<td>").append(text);
-		btr1 = $("<tr>").append(td1);
-		$(that.nnullAttrForm).append(btr1);
-	} else if (attrs && multi) {
-		var keys = attrs;
-		for (var j = 0; j < keys.length; j++) {
-			var text = $("<input>").attr({
-				"type" : "text",
-				"value" : keys[j]
-			}).css({
-				"display" : "inline-block"
-			});
-			$(text).addClass("gb-form");
-			// $(text).addClass("optiondefinition-nnullattr-text");
-			$(text).on("input", function() {
-				that.nnullattr_text(this);
-			});
-			var td1 = $("<td>").append(text);
-
-			var icon = $("<i>").attr("aria-hidden", true);
-			$(icon).addClass("fa");
-			$(icon).addClass("fa-times");
-
-			var btr1;
-
-			var btn = $("<button>").css({
-				"display" : "inline-block"
-			}).append(icon);
-			$(btn).addClass("gb-button");
-			$(btn).addClass("gb-button-default");
-			// $(btn).addClass("optiondefinition-nnullattr-del")
-			$(btn).on("click", function() {
-				that.nnullattr_del(this);
-			});
-			var td2 = $("<td>").append(btn);
-
-			btr1 = $("<tr>").append(td1).append(td2);
-			$(that.nnullAttrForm).append(btr1);
-		}
-	} else if (attrs && !multi) {
-		var keys = attrs;
-		for (var j = 0; j < keys.length; j++) {
-			var text = $("<input>").attr({
-				"type" : "text",
-				"value" : keys[j]
-			}).css({
-				"display" : "inline-block"
-			});
-			$(text).addClass("gb-form");
-			// $(text).addClass("optiondefinition-nnullattr-text");
-			var td1 = $("<td>").append(text);
-			btr1 = $("<tr>").append(td1);
-			$(that.nnullAttrForm).append(btr1);
-		}
-	} else {
-		console.error("unknown");
-	}
-
-};
-
-gb.modal.ValidationDefinition.prototype._toggleCheckbox = function(vtem, bool) {
-	var that = this;
-	var inputs = $(that.vItem).find("input");
-	for (var i = 0; i < inputs.length; i++) {
-		if ($(inputs[i]).val() === vtem) {
-			$(inputs[i]).prop("checked", bool);
-			if (!bool) {
-				var keys = Object.keys(that.getOptDefCopy()[that.selectedLayerNow]);
-				if (keys.length === 0 && this.emptyLayers[that.selectedLayerNow] < 1) {
-					delete that.getOptDefCopy()[that.selectedLayerNow];
-				}
-			}
-		}
-	}
-};
-
-/**
- * 모달을 연다
- * 
- * @name open
- */
-gb.modal.ValidationDefinition.prototype.open = function() {
-	gb.modal.Base.prototype.open.call(this);
-	this.updateLayerDefinition();
-	this.setOptDefCopy(Object.assign({}, this.getDefinition()));
-	this.update();
-	this.resetRelation();
-};
-
-gb.modal.ValidationDefinition.prototype.attr_del = function(jqobj) {
-	var that = this;
-	var row1 = $(jqobj).parent().parent();
-	var row2 = $(jqobj).parent().parent().next();
-	var keyname = $(row1).find("input[type=text]").val();
-	var selected = $(that.codeSelect).val();
-	if (keyname !== "") {
-		delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][selected][keyname];
-		var keys = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]);
-		var count = 0;
-		for (var i = 0; i < keys.length; i++) {
-			var length = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][keys[i]]).length;
-			if (length === 0) {
-				delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][keys[i]]
-			}
-			count = count + length;
-		}
-		if (!count) {
-			delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-		}
-		that._toggleCheckbox(that.selectedValidationNow, !!count);
-	}
-
-	$(row2).remove();
-	$(row1).remove();
-}
-
-gb.modal.ValidationDefinition.prototype.attr_addrow = function(jqobj) {
-	var that = this;
-	var text = $("<input>").attr({
-		"type" : "text"
-	}).css({
-		"display" : "inline-block"
-	});
-	$(text).addClass("gb-form");
-	// $(text).addClass("optiondefinition-attr-text")
-	$(text).on("input", function() {
-		that.attr_text(this);
-	});
-	var td1 = $("<td>").append(text);
-
-	var icon = $("<i>").attr("aria-hidden", true);
-	$(icon).addClass("fa");
-	$(icon).addClass("fa-times");
-	var btn = $("<button>").css({
-		"display" : "inline-block"
-	}).append(icon);
-	$(btn).addClass("gb-button");
-	$(btn).addClass("gb-button-default");
-	// $(btn).addClass("optiondefinition-attr-del")
-	$(btn).on("click", function() {
-		that.attr_del(this);
-	});
-	var td2 = $("<td>").append(btn);
-
-	var text2 = $("<input>").attr({
-		"type" : "text"
-	});
-	$(text2).addClass("gb-form");
-	// $(text2).addClass("optiondefinition-attr-text2")
-	$(text2).on("input", function() {
-		that.attr_text(this);
-	});
-	var td3 = $("<td>").attr({
-		"colspan" : "2"
-	}).css({
-		"border-top" : 0
-	}).append(text2);
-
-	var btr1 = $("<tr>").append(td1).append(td2);
-	var btr2 = $("<tr>").append(td3);
-
-	$(that.attrForm).append(btr1).append(btr2);
-}
-
-gb.modal.ValidationDefinition.prototype.nnullattr_addrow = function(jqobj) {
-	var that = this;
-	var text = $("<input>").attr({
-		"type" : "text"
-	}).css({
-		"display" : "inline-block"
-	});
-	$(text).addClass("gb-form");
-	// $(text).addClass("optiondefinition-nnullattr-text");
-	$(text).on("input", function() {
-		that.nnullattr_text(this);
-	});
-	var td1 = $("<td>").append(text);
-
-	var icon = $("<i>").attr("aria-hidden", true);
-	$(icon).addClass("fa");
-	$(icon).addClass("fa-times");
-	var btn = $("<button>").css({
-		"display" : "inline-block"
-	}).append(icon);
-	$(btn).addClass("gb-button");
-	$(btn).addClass("gb-button-default");
-	// $(btn).addClass("optiondefinition-nnullattr-del");
-	$(btn).on("click", function() {
-		that.nnullattr_del(this);
-	});
-	var td2 = $("<td>").append(btn);
-
-	var btr1 = $("<tr>").append(td1).append(td2);
-
-	$(that.nnullAttrForm).append(btr1);
-}
-
-gb.modal.ValidationDefinition.prototype.labelattr_addrow = function(jqobj) {
-	var that = this;
-	var text = $("<input>").attr({
-		"type" : "text"
-	}).css({
-		"display" : "inline-block"
-	});
-	$(text).addClass("gb-form");
-	// $(text).addClass("optiondefinition-labelattr-text")
-	$(text).on("input", function() {
-		that.labelattr_text(this);
-	});
-	var td1 = $("<td>").append(text);
-
-	var icon = $("<i>").attr("aria-hidden", true);
-	$(icon).addClass("fa");
-	$(icon).addClass("fa-times");
-	var btn = $("<button>").css({
-		"display" : "inline-block"
-	}).append(icon);
-	$(btn).addClass("gb-button");
-	$(btn).addClass("gb-button-default");
-	// $(btn).addClass("optiondefinition-labelattr-del");
-	$(btn).on("click", function() {
-		that.labelattr_del(this);
-	});
-	var td2 = $("<td>").append(btn);
-
-	var text2 = $("<input>").attr({
-		"type" : "text"
-	});
-	$(text2).addClass("gb-form");
-	// $(text2).addClass("optiondefinition-labelattr-text2")
-	$(text2).on("input", function() {
-		that.labelattr_text(this);
-	});
-	var td3 = $("<td>").attr({
-		"colspan" : "2"
-	}).css({
-		"border-top" : 0
-	}).append(text2);
-
-	var btr1 = $("<tr>").append(td1).append(td2);
-	var btr2 = $("<tr>").append(td3);
-
-	$(that.labelAttrForm).append(btr1).append(btr2);
-}
-
-gb.modal.ValidationDefinition.prototype.alias = function(jqobj) {
-	var that = this;
-	$(that.dOption).empty();
-	var chldr = $(jqobj).parent().children();
-	for (var i = 0; i < chldr.length; i++) {
-		$(chldr).removeClass("active");
-	}
-	$(jqobj).addClass("active");
-	// var text = $(jqobj).find(".optiondefinition-alias-span").text();
-	var text = $(jqobj).find("span:eq(0)").text();
-	that.selectedLayerNow = text;
-	var opt = that.getOptDefCopy()[text];
-	var mix = {
-		"obj" : opt,
-		"geom" : that.getLayerDefinition()[text].geom
-	};
-	that._printValidationItem(mix);
-}
-
-gb.modal.ValidationDefinition.prototype.nnullattr_del = function(jqobj) {
-	var that = this;
-	var row1 = $(jqobj).parent().parent();
-	var keyname = $(row1).find("input[type=text]").val().replace(/(\s*)/g, '');
-	var selected = $(that.nnullCodeSelect).val().replace(/(\s*)/g, '');
-	if (that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-		if (that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow].hasOwnProperty(selected)) {
-			var optArr = that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][selected];
-			var idx;
-			if (Array.isArray(optArr)) {
-				idx = that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][selected].indexOf(keyname);
-				var deletedArr = that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][selected];
-				deletedArr.splice(idx, 1);
-				that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][selected] = deletedArr;
-			}
-			var keys = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]);
-			var count = 0;
-			for (var i = 0; i < keys.length; i++) {
-				var length = that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][keys[i]].length;
-				if (length === 0) {
-					delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][keys[i]]
-				}
-				count = count + length;
-			}
-			if (!count) {
-				delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-			}
-			that._toggleCheckbox(that.selectedValidationNow, !!count);
-		} else {
-			delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-			that._toggleCheckbox(that.selectedValidationNow, false);
-		}
-	}
-
-	$(row1).remove();
-}
-
-gb.modal.ValidationDefinition.prototype.labelattr_del = function(jqobj) {
-	var that = this;
-	var row1 = $(jqobj).parent().parent();
-	var row2 = $(jqobj).parent().parent().next();
-	var keyname = $(row1).find("input[type=text]").val();
-	var selected = $(that.labelCodeSelect).val();
-	if (keyname !== "") {
-		delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["label"][selected][keyname];
-		var keys = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["label"]);
-		var count = 0;
-		for (var i = 0; i < keys.length; i++) {
-			var length = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["label"][keys[i]]).length;
-			if (length === 0) {
-				delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["label"][keys[i]]
-			}
-			count = count + length;
-		}
-		if (!count) {
-			delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-		}
-		that._toggleCheckbox(that.selectedValidationNow, !!count);
-	}
-
-	$(row2).remove();
-	$(row1).remove();
-};
-
-gb.modal.ValidationDefinition.prototype.attr_text = function(jqobj) {
-	var that = this;
-	// var attrs = $(that.attrForm).find("input[type=text]:eq(0)");
-	var tr = $(that.attrForm).find("tr");
-	var obj = {};
-	for (var i = 0; i < tr.length; i = i + 2) {
-		var key = $(tr[i]).find("input[type=text]").val();
-		var values = $(tr[i + 1]).find("input[type=text]").val().replace(/(\s*)/g, '').split(",");
-		if (values.length === 1 && values[0] === "") {
-			values = undefined;
-		}
-		if (key !== "" && values !== undefined) {
-			obj[key] = values;
-		}
-	}
-	var selected = $(that.codeSelect).val();
-	if (!that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-		that.getOptDefCopy()[that.selectedLayerNow] = {};
-	}
-	if (!that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-		that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow] = {};
-	}
-	that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][selected] = obj;
-	var keys = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]);
-	var count = 0;
-	for (var i = 0; i < keys.length; i++) {
-		var length = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][keys[i]]).length;
-		if (length === 0) {
-			delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][keys[i]]
-		}
-		count = count + length;
-	}
-	that._toggleCheckbox(that.selectedValidationNow, !!count);
-
-	Object.keys(that.optDefCopy[that.selectedLayerNow][that.selectedValidationNow]);
-
-	that.optDefCopy[that.selectedLayerNow][that.selectedValidationNow][keys[i]];
-
-};
-
-gb.modal.ValidationDefinition.prototype.nnullattr_text = function(jqobj) {
-	var that = this;
-	var attrs = $(that.nnullAttrForm).find("input[type=text]");
-	var obj = [];
-	var selected = $(that.nnullCodeSelect).val();
-	var curOpt;
-	if (!that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-		that.getOptDefCopy()[that.selectedLayerNow] = {};
-	}
-	if (!that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-		that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow] = {};
-	}
-	if (!that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow].hasOwnProperty(selected)) {
-		that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][selected] = [];
-	}
-	that.optDefCopy[that.selectedLayerNow][that.selectedValidationNow][selected];
-	curOpt = [];
-	for (var i = 0; i < attrs.length; i++) {
-		if (curOpt.indexOf($(attrs[i]).val()) === -1 && $(attrs[i]).val() !== "") {
-			curOpt.push($(attrs[i]).val());
-		}
-	}
-
-	that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][selected] = curOpt;
-	var keys = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]);
-	var count = 0;
-	for (var i = 0; i < keys.length; i++) {
-		var length = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][keys[i]]).length;
-		if (length === 0) {
-			delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][keys[i]]
-		}
-		count = count + length;
-	}
-	if (!count) {
-		delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-	}
-	that._toggleCheckbox(that.selectedValidationNow, !!count);
-	// console.log(that.getOptDefCopy());
-};
-
-gb.modal.ValidationDefinition.prototype.labelattr_text = function(jqobj) {
-	var that = this;
-	var tr = $(that.labelAttrForm).find("tr");
-	var obj = {};
-	var flag = false;
-	for (var i = 0; i < tr.length; i = i + 2) {
-		var key = $(tr[i]).find("input[type=text]").val();
-		var values = $(tr[i + 1]).find("input[type=text]").val().replace(/(\s*)/g, '').split(",");
-		if (values.length === 1 && values[0] === "") {
-			values = undefined;
-		}
-		var checkbox = $("input[name=optiondefinition-label-rel]:checked");
-
-		if (key !== "" && values !== undefined && checkbox.length > 0) {
-			if (checkbox.length === 1) {
-				that.optiondefinition_label_rel_single(checkbox[0]);
-				obj[key] = values;
-			} else if (checkbox.length > 1) {
-				for (var i = 0; i < checkbox.length; i++) {
-					that.optiondefinition_label_rel_multi(checkbox[i]);
-				}
-				obj[key] = values;
-			}
-			flag = true;
-		}
-	}
-
-	// if (flag) {
-	var selected = $(that.labelCodeSelect).val();
-	if (!that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-		that.getOptDefCopy()[that.selectedLayerNow] = {};
-	}
-	if (!that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-		that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow] = {};
-	}
-	if (!that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow].hasOwnProperty("label")) {
-		that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["label"] = {};
-	}
-	that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["label"][selected] = obj;
-
-	var keys = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["label"]);
-	var count = 0;
-	for (var i = 0; i < keys.length; i++) {
-		that.optDefCopy[that.selectedLayerNow][that.selectedValidationNow][keys[i]];
-		var length = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["label"][keys[i]]).length;
-		if (length === 0) {
-			delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["label"][keys[i]];
-		}
-		count = count + length;
-	}
-	that._toggleCheckbox(that.selectedValidationNow, !!count);
-
-	if (count === 0) {
-		delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-	}
-
-	// }
-
-	// if
-	// (that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["label"]
-	// !== undefined) {
-	//		
-	// }
-
-	// Object.keys(that.optDefCopy[that.selectedLayerNow][that.selectedValidationNow]);
-
-};
-
-gb.modal.ValidationDefinition.prototype.conditionalfigure_text = function(jqobj) {
-	var that = this;
-	if ($(that.conAttr).val() !== "" && $(that.conFigure).val() !== "") {
-		if (!that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-			that.getOptDefCopy()[that.selectedLayerNow] = {};
-		}
-		if (!that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-			that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow] = {};
-		}
-		that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["attribute"] = $(that.conAttr).val();
-		that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["condition"] = $(that.conSelect).val();
-		that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["figure"] = $(that.conFigure).val();
-	} else {
-		if (that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-			if (that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-				delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-			}
-		}
-	}
-	if (that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-		if (that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-			var keys = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]);
-			var count = 0;
-			for (var i = 0; i < keys.length; i++) {
-				var length = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][keys[i]]).length;
-				if (length === 0) {
-					delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][keys[i]]
-				}
-				count = count + length;
-			}
-			if (!count) {
-				delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-			}
-			that._toggleCheckbox(that.selectedValidationNow, !!count);
-		}
-	}
-};
-
-gb.modal.ValidationDefinition.prototype.conditionalfigure_select = function(jqobj) {
-	var that = this;
-	console.log("select");
-	if ($(that.conAttr).val() !== "" && $(that.conFigure).val() !== "") {
-		if (!that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-			that.getOptDefCopy()[that.selectedLayerNow] = {};
-		}
-		if (!that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-			that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow] = {};
-		}
-		that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["attribute"] = $(that.conAttr).val();
-		that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["condition"] = $(that.conSelect).val();
-		that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["figure"] = $(that.conFigure).val();
-	} else {
-		if (that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-			if (that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-				delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-			}
-		}
-	}
-	if (that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-		if (that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-			var keys = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]);
-			var count = 0;
-			for (var i = 0; i < keys.length; i++) {
-				var length = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][keys[i]]).length;
-				if (length === 0) {
-					delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][keys[i]]
-				}
-				count = count + length;
-			}
-			if (!count) {
-				delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-			}
-			that._toggleCheckbox(that.selectedValidationNow, !!count);
-		}
-	}
-};
-
-gb.modal.ValidationDefinition.prototype.conditionalfigure_figure = function(jqobj) {
-	var that = this;
-	console.log("figure");
-	if ($(that.conAttr).val() !== "" && $(that.conFigure).val() !== "") {
-		if (!that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-			that.getOptDefCopy()[that.selectedLayerNow] = {};
-		}
-		if (!that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-			that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow] = {};
-		}
-		that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["attribute"] = $(that.conAttr).val();
-		that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["condition"] = $(that.conSelect).val();
-		that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["figure"] = $(that.conFigure).val();
-	} else {
-		if (that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-			if (that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-				delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-				that._toggleCheckbox(that.selectedValidationNow, false);
-			}
-		}
-	}
-	if (that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-		if (that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-			var keys = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]);
-			var count = 0;
-			for (var i = 0; i < keys.length; i++) {
-				var length = Object.keys(that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][keys[i]]).length;
-				if (length === 0) {
-					delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow][keys[i]]
-				}
-				count = count + length;
-			}
-			if (!count) {
-				delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-			}
-			that._toggleCheckbox(that.selectedValidationNow, !!count);
-		}
-	}
-};
-
-gb.modal.ValidationDefinition.prototype.optiondefinition_label_rel_multi = function(jqobj) {
-	var that = this;
-	if ($(jqobj).prop("checked")) {
-		if (!that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-			that.getOptDefCopy()[that.selectedLayerNow] = {};
-		}
-		if (!that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-			that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow] = {};
-		}
-		if (!that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow].hasOwnProperty("relation")) {
-			that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"] = [];
-		}
-		if (that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"].indexOf($(jqobj).val()) === -1) {
-			that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"].push($(jqobj).val());
-			that.updateRelation($(jqobj).val(), "up");
-			console.log(that.emptyLayers);
-		}
-		that._toggleCheckbox(that.selectedValidationNow, true);
-	} else {
-		if (that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"].indexOf($(jqobj).val()) !== -1) {
-			that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"].splice(
-					that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"].indexOf($(jqobj).val()), 1);
-			that.updateRelation($(jqobj).val(), "down");
-			console.log(that.emptyLayers);
-		}
-	}
-	var checks = $(jqobj).parent().parent().parent().find("input:checked");
-	if (checks.length === 0) {
-		delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-		that._toggleCheckbox(that.selectedValidationNow, false);
-	}
-};
-
-gb.modal.ValidationDefinition.prototype.optiondefinition_label_rel_single = function(jqobj) {
-	var that = this;
-	if ($(jqobj).prop("checked")) {
-		if (!that.getOptDefCopy().hasOwnProperty(that.selectedLayerNow)) {
-			that.getOptDefCopy()[that.selectedLayerNow] = {};
-		}
-		if (!that.getOptDefCopy()[that.selectedLayerNow].hasOwnProperty(that.selectedValidationNow)) {
-			that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow] = {};
-		}
-		if (!that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow].hasOwnProperty("relation")) {
-			that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"] = [];
-		}
-		if (that.radio !== undefined) {
-			if (that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"].indexOf(that.radio) !== -1) {
-				that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"].splice(
-						that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"].indexOf(that.radio), 1);
-			}
-		}
-		if (that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"].indexOf($(jqobj).val()) === -1) {
-			that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow]["relation"].push($(jqobj).val());
-			that.updateRelation($(jqobj).val(), "upradio");
-			that.radio = $(jqobj).val();
-			console.log(that.emptyLayers);
-			that._toggleCheckbox(that.selectedValidationNow, true);
-		}
-	}
-	var checks = $(jqobj).parent().parent().parent().find("input:checked");
-	if (checks.length === 0) {
-		delete that.getOptDefCopy()[that.selectedLayerNow][that.selectedValidationNow];
-		that._toggleCheckbox(that.selectedValidationNow, false);
-	}
-};
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/overriding/olinteractionselect.js b/opengds2018prod/src/main/resources/static/resources/js/gb/overriding/olinteractionselect.js
deleted file mode 100644
index f2f1df2e..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/overriding/olinteractionselect.js
+++ /dev/null
@@ -1,3 +0,0 @@
-/**
- * 
- */
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/overriding/ollayerbase.js b/opengds2018prod/src/main/resources/static/resources/js/gb/overriding/ollayerbase.js
deleted file mode 100644
index c920a4c3..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/overriding/ollayerbase.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * 오픈레이어스를 확장한다.
- * 
- * @author yijun.so
- * @date 2017. 07. 07
- * @version 0.01
- */
-ol.layer.Base.prototype.setSource = function(source) {
-	this.source = source;
-};
-ol.layer.Base.prototype.getSource = function() {
-	return this.source;
-};
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/panel/editingtool.js b/opengds2018prod/src/main/resources/static/resources/js/gb/panel/editingtool.js
deleted file mode 100644
index d1e3e52b..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/panel/editingtool.js
+++ /dev/null
@@ -1,1870 +0,0 @@
-/**
- * 에디팅 툴 패널 객체를 정의한다.
- * 
- * @class gb.panel.EditingTool
- * @extends gb.panel.Base
- * @memberof gb.panel
- * @param {Object}
- *            obj - 생성자 옵션을 담은 객체
- * @param {Number}
- *            obj.width - 패널의 너비 (픽셀)
- * @param {Number}
- *            obj.height - 패널의 높이 (픽셀)
- * @param {Number}
- *            obj.positionX - 패널의 페이지 왼편으로 부터의 거리 (픽셀)
- * @param {Number}
- *            obj.positionY - 패널의 페이지 상단으로 부터의 거리 (픽셀)
- * @param {Boolean}
- *            obj.autoOpen - 패널이 선언과 동시에 표출 할 것인지 선택
- * @param {gb.edit.FeatureRecord}
- *            obj.featureRecord - 저장하기 전까지 편집 이력을 임시 보관
- * @param {jsTreeCustom}
- *            obj.treeInstance - ol3 레이어 객체를 tree 형태로 표현 및 보관
- * @param {function}
- *            obj.selected - 현재 선택된 레이어를 반환하는 함수
- * @param {String}
- *            obj.getFeatureInfo - WMS 레이어의 feature 정보를 요청하기 위한 URL
- * @param {String}
- *            obj.layerInfo - WMS 레이어의 정보를 요청하기 위한 URL
- * @param {String}
- *            obj.imageTile - WMS 레이어의 이미지 타일을 요청하기 위한 URL
- * @param {String}
- *            obj.getFeature - WFS 레이어의 feature 정보를 요청하기 위한 URL
- * @param {String}
- *            obj.getFeatureInfo - WMS 레이어의 feature 정보를 요청하기 위한 URL
- * @version 0.01
- * @author yijun.so
- * @date 2017. 07.26
- */
-gb.panel.EditingTool = function(obj) {
-	gb.panel.Base.call(this, obj);
-	var options = obj ? obj : {};
-	this.map = options.map ? options.map : undefined;
-	console.log(this.map.getView().getProjection());
-	this.featureRecord = options.featureRecord ? options.featureRecord : undefined;
-	this.treeInstance = options.treeInstance ? options.treeInstance : undefined;
-	this.selected = options.selected ? options.selected : undefined;
-	this.layerInfo = options.layerInfo ? options.layerInfo : undefined;
-	this.imageTile = options.imageTile ? options.imageTile : undefined;
-	this.getFeature = options.getFeature ? options.getFeature : undefined;
-	this.getFeatureInfo = options.getFeatureInfo ? options.getFeatureInfo : undefined;
-	this.layers = undefined;
-	this.layer = undefined;
-
-	this.snapWMS = [];
-	this.snapSource = new ol.source.Vector();
-
-	this.snapVector = new ol.Collection();
-
-	this.features = new ol.Collection();
-	this.tempSource = new ol.source.Vector({
-		features : this.features
-	});
-	this.tempVector = new ol.layer.Vector({
-		map : this.map,
-		source : this.tempSource
-	});
-
-	this.managed = new ol.layer.Vector({
-		source : this.tempSource
-	});
-	this.managed.set("name", "temp_vector");
-	this.managed.set("id", "temp_vector");
-
-	this.styles = [ new ol.style.Style({
-		stroke : new ol.style.Stroke({
-			color : 'rgba(0,153,255,1)',
-			width : 2
-		}),
-		fill : new ol.style.Fill({
-			color : 'rgba(255, 255, 255, 0.5)'
-		})
-	}), new ol.style.Style({
-		image : new ol.style.Circle({
-			radius : 10,
-			fill : new ol.style.Fill({
-				color : 'rgba(0,153,255,0.4)'
-			})
-		})
-	}) ];
-
-	this.highlightStyles1 = [ new ol.style.Style({
-		stroke : new ol.style.Stroke({
-			color : 'rgba(255,0,0,1)',
-			width : 2
-		})
-	}), new ol.style.Style({
-		image : new ol.style.Circle({
-			radius : 10,
-			stroke : new ol.style.Stroke({
-				color : 'rgba(255,0,0,1)',
-				width : 2
-			})
-		})
-	}) ];
-
-	this.highlightStyles2 = [ new ol.style.Style({
-		stroke : new ol.style.Stroke({
-			color : 'rgba(0, 0, 255, 1)',
-			width : 2
-		})
-	}), new ol.style.Style({
-		image : new ol.style.Circle({
-			radius : 10,
-			stroke : new ol.style.Stroke({
-				color : 'rgba(0, 0, 255, 1)',
-				width : 2
-			})
-		})
-	}) ];
-
-	this.selectedStyles = [ new ol.style.Style({
-		stroke : new ol.style.Stroke({
-			color : 'rgba(0,153,255,1)',
-			width : 2
-		}),
-		fill : new ol.style.Fill({
-			color : 'rgba(255, 255, 255, 0.5)'
-		})
-	}), new ol.style.Style({
-		image : new ol.style.Circle({
-			radius : 10,
-			fill : new ol.style.Fill({
-				color : 'rgba(0,153,255,0.4)'
-			})
-		}),
-		geometry : function(feature) {
-
-			var coordinates;
-			var geom;
-
-			if (feature.getGeometry() instanceof ol.geom.MultiPolygon) {
-				coordinates = feature.getGeometry().getCoordinates()[0][0];
-				geom = new ol.geom.MultiPoint(coordinates);
-			} else if (feature.getGeometry() instanceof ol.geom.Polygon) {
-				coordinates = feature.getGeometry().getCoordinates()[0];
-				geom = new ol.geom.MultiPoint(coordinates);
-			} else if (feature.getGeometry() instanceof ol.geom.MultiLineString) {
-				coordinates = feature.getGeometry().getCoordinates()[0];
-				geom = new ol.geom.MultiPoint(coordinates);
-			} else if (feature.getGeometry() instanceof ol.geom.LineString) {
-				coordinates = feature.getGeometry().getCoordinates();
-				geom = new ol.geom.MultiPoint(coordinates);
-			} else if (feature.getGeometry() instanceof ol.geom.MultiPoint) {
-				coordinates = feature.getGeometry().getCoordinates();
-				geom = new ol.geom.MultiPoint(coordinates);
-			} else if (feature.getGeometry() instanceof ol.geom.Point) {
-				coordinates = [ feature.getGeometry().getCoordinates() ];
-				geom = new ol.geom.MultiPoint(coordinates);
-			}
-
-			return geom;
-		}
-	}) ];
-
-	this.interval = undefined;
-	this.count = 1;
-
-	this.btn = {
-		selectBtn : undefined,
-		drawBtn : undefined,
-		moveBtn : undefined,
-		rotateBtn : undefined,
-		modiBtn : undefined,
-		delBtn : undefined
-	};
-	this.isOn = {
-		select : false,
-		draw : false,
-		move : false,
-		remove : false,
-		modify : false,
-		rotate : false,
-		snap : false
-	};
-	this.interaction = {
-		select : undefined,
-		selectWMS : undefined,
-		dragbox : undefined,
-		draw : undefined,
-		updateDraw : undefined,
-		move : undefined,
-		rotate : undefined,
-		modify : undefined,
-		snap : undefined,
-		remove : undefined
-	};
-
-	var that = this;
-	var i1 = $("<i>").addClass("fa").addClass("fa-mouse-pointer").attr("aria-hidden", true);
-	this.btn.selectBtn = $("<button>").addClass("gb-panel-editingtool-btn").click(function() {
-		console.log("click select");
-		that.select(that.updateSelected());
-	}).append(i1);
-	var float1 = $("<div>").css({
-		"float" : "left"
-	}).append(this.btn.selectBtn);
-
-	var i2 = $("<i>").addClass("fa").addClass("fa-pencil").attr("aria-hidden", true);
-	this.btn.drawBtn = $("<button>").addClass("gb-panel-editingtool-btn").click(function() {
-		console.log("click draw");
-		that.draw(that.updateSelected());
-	}).append(i2);
-	var float2 = $("<div>").css({
-		"float" : "left"
-	}).append(this.btn.drawBtn);
-
-	var i3 = $("<i>").addClass("fa").addClass("fa-arrows").attr("aria-hidden", true);
-	this.btn.moveBtn = $("<button>").addClass("gb-panel-editingtool-btn").click(function() {
-		console.log("click move");
-		that.move(that.updateSelected());
-	}).append(i3);
-	var float3 = $("<div>").css({
-		"float" : "left"
-	}).append(this.btn.moveBtn);
-
-	var i4 = $("<i>").addClass("fa").addClass("fa-wrench").attr("aria-hidden", true);
-	this.btn.modiBtn = $("<button>").addClass("gb-panel-editingtool-btn").click(function() {
-		console.log("click modify");
-		that.modify(that.updateSelected());
-	}).append(i4);
-	var float4 = $("<div>").css({
-		"float" : "left"
-	}).append(this.btn.modiBtn);
-
-	var i5 = $("<i>").addClass("fa").addClass("fa-repeat").attr("aria-hidden", true);
-	this.btn.rotateBtn = $("<button>").addClass("gb-panel-editingtool-btn").click(function() {
-		console.log("click rotate");
-		that.rotate(that.updateSelected());
-	}).append(i5);
-	var float5 = $("<div>").css({
-		"float" : "left"
-	}).append(this.btn.rotateBtn);
-
-	var i6 = $("<i>").addClass("fa").addClass("fa-eraser").attr("aria-hidden", true);
-	this.btn.delBtn = $("<button>").addClass("gb-panel-editingtool-btn").click(function() {
-		console.log("click remove");
-		that.remove(that.updateSelected());
-	}).append(i6);
-	var float6 = $("<div>").css({
-		"float" : "left"
-	}).append(this.btn.delBtn);
-
-	$(this.panelBody).append(float1).append(float2).append(float3).append(float4).append(float5).append(float6);
-
-	if (this.autoOpen) {
-		this.open();
-	} else {
-		this.close();
-	}
-	$("body").append(this.panel);
-
-	var fth1 = $("<th>").text("Index");
-	var fth2 = $("<th>").text("Description");
-	var ftr = $("<tr>").append(fth1).append(fth2);
-	var fhd = $("<thead>").append(ftr);
-	this.featureTB = $("<tbody>");
-	// .mouseleave(function() {
-	// that.map.getView().fit(that.tempSelectSource.getExtent(),
-	// that.map.getSize());
-	// });
-	var ftb = $("<table>").addClass("gb-table").append(fhd).append(this.featureTB);
-
-	this.featurePop = new gb.panel.Base({
-		"width" : "240px",
-		"positionX" : 0,
-		"positionY" : 0,
-		"autoOpen" : false,
-		"body" : ftb
-	});
-
-	$(this.featurePop.getPanel()).find(".gb-panel-body").css({
-		"max-height" : "300px",
-		"overflow-y" : "auto"
-	});
-	var ath1 = $("<th>").text("Key");
-	var ath2 = $("<th>").text("Value");
-	var atr = $("<tr>").append(ath1).append(ath2);
-	var ahd = $("<thead>").append(atr);
-	this.attrTB = $("<tbody>");
-	var atb = $("<table>").addClass("gb-table").append(ahd).append(this.attrTB);
-	this.attrPop = new gb.panel.Base({
-		"width" : "300px",
-		"positionX" : 0,
-		"positionY" : 0,
-		"autoOpen" : false,
-		"body" : atb
-	});
-	// var ahead = $("<div>").addClass("panel-heading").css({
-	// "padding" : 0
-	// }).append(" ");
-	// var alist =
-	// $("<div>").addClass("panel-body").addClass("gb-edit-sel-apan").css({
-	// "max-height" : "300px",
-	// "overflow-y" : "auto"
-	// }).append(this.attrTB);
-	// this.attrPop = $("<div>").css({
-	// "width" : "250px",
-	// // "max-height" : "300px",
-	// "top" : 0,
-	// "right" : 0,
-	// "position" : "absolute",
-	// "z-Index" : "999",
-	// "margin-bottom" : 0
-	// }).addClass("panel").addClass("panel-default").append(ahead).append(alist);
-	// $("body").append(this.attrPop);
-	// $(this.attrPop).hide();
-	// $(this.attrPop).draggable({
-	// appendTo : "body"
-	// });
-
-	this.map.on('postcompose', function(evt) {
-		that.map.getInteractions().forEach(function(interaction) {
-			if (interaction instanceof gb.interaction.MultiTransform) {
-				if (interaction.getFeatures().getLength()) {
-					interaction.drawMbr(evt);
-				}
-			}
-		});
-	});
-	this.map.on('moveend', (function() {
-		that.loadSnappingLayer(this.getView().calculateExtent(this.getSize()));
-	}));
-};
-gb.panel.EditingTool.prototype = Object.create(gb.panel.Base.prototype);
-gb.panel.EditingTool.prototype.constructor = gb.panel.EditingTool;
-/**
- * 피처목록을 생성한다.
- * 
- * @method gb.panel.EditingTool#gb.panel.EditingTool#setFeatureList_
- * @private
- */
-gb.panel.EditingTool.prototype.setFeatureList_ = function() {
-
-};
-/**
- * 내부 인터랙션 저장 객체를 반환한다.
- * 
- * @method gb.panel.EditingTool#getInteractions_
- * @private
- * @return {Object} 내부 인터랙션 저장 객체
- */
-gb.panel.EditingTool.prototype.getInteractions_ = function() {
-	return this.interaction;
-};
-/**
- * 내부 인터랙션 하나를 반환한다.
- * 
- * @method gb.panel.EditingTool#getInteraction_
- * @private
- * @param {String}
- *            반환할 인터랙션
- * @return {ol.interaction.Interaction}
- */
-gb.panel.EditingTool.prototype.getInteraction_ = function(key) {
-	return this.interaction[key];
-};
-/**
- * 내부 인터랙션 구조를 설정한다.
- * 
- * @method gb.panel.EditingTool#setInteraction_
- * @private
- * @param {String}
- *            key - 인터랙션 이름
- * @param {ol.interaction.Interaction}
- *            val - 인터랙션 객체
- */
-gb.panel.EditingTool.prototype.setInteraction_ = function(key, val) {
-	this.interaction[key] = val;
-};
-/**
- * 편집할 레이어를 설정한다.
- * 
- * @method gb.panel.EditingTool#setLayer
- * @param {ol.layer.Base}
- *            layer - 편집하고자 하는 레이어
- */
-gb.panel.EditingTool.prototype.setLayer = function(layer) {
-	if (layer instanceof ol.layer.Group) {
-		console.error("group layer can not edit");
-	} else if (layer instanceof ol.layer.Tile) {
-		var git = layer.get("git");
-		if (git) {
-			console.error("fake parent layer can not edit");
-		} else {
-			this.layer = layer;
-		}
-	} else if (layer instanceof ol.layer.Base) {
-		this.layer = layer;
-	}
-};
-/**
- * 편집중인 레이어를 반환한다.
- * 
- * @method gb.panel.EditingTool#getLayer
- * @return {ol.layer.Base} 현재 편집중인 레이어
- */
-gb.panel.EditingTool.prototype.getLayer = function() {
-	return this.layer;
-};
-
-/**
- * 인터랙션을 활성화 시킨다.
- * 
- * @method gb.panel.EditingTool#activeIntrct_
- * @param {(String |
- *            String[])} intrct - 활성화 시킬 인터랙션 이름 또는 이름의 배열
- */
-gb.panel.EditingTool.prototype.activeIntrct_ = function(intrct) {
-	// var that = this;
-	// var keys = Object.keys(this.getInteractions_());
-	// for (var i = 0; i < keys.length; i++) {
-	// if (this.getInteraction_(keys[i])) {
-	// this.getInteraction_(keys[i]).setActive(false);
-	// }
-	// }
-	if (Array.isArray(intrct)) {
-		for (var j = 0; j < intrct.length; j++) {
-			this.getInteraction_(intrct[j]).setActive(true);
-			if (intrct[j] === "select" || intrct[j] === "selectWMS" || intrct[j] === "dragbox") {
-				this.isOn["select"] = true;
-			} else {
-				this.isOn[intrct[j]] = true;
-			}
-		}
-	} else if (typeof intrct === "string") {
-		this.getInteraction_(intrct).setActive(true);
-		if (intrct === "select" || intrct === "selectWMS" || intrct[j] === "dragbox") {
-			this.isOn["select"] = true;
-		} else {
-			this.isOn[intrct] = true;
-		}
-	}
-};
-/**
- * 인터랙션을 비활성화 시킨다.
- * 
- * @method gb.panel.EditingTool#deactiveIntrct_
- * @param {(String |
- *            String[])} intrct - 인터랙션의 이름 또는 이름의 배열
- */
-gb.panel.EditingTool.prototype.deactiveIntrct_ = function(intrct) {
-	if (Array.isArray(intrct)) {
-		for (var j = 0; j < intrct.length; j++) {
-			if (!!this.interaction[intrct[j]]) {
-				this.interaction[intrct[j]].setActive(false);
-			}
-			if (intrct[j] === "select" || intrct[j] === "selectWMS" || intrct[j] === "dragbox") {
-				this.isOn["select"] = false;
-				this.featurePop.close();
-			} else {
-				this.isOn[intrct[j]] = false;
-				this.tempVector.setMap(this.map);
-				// this.map.removeLayer(this.managed);
-			}
-		}
-	} else if (typeof intrct === "string") {
-		if (!!this.interaction[intrct]) {
-			this.interaction[intrct].setActive(false);
-		}
-		if (intrct === "select" || intrct === "selectWMS" || intrct === "dragbox") {
-			this.isOn["select"] = false;
-		} else {
-			this.isOn[intrct] = false;
-			this.tempVector.setMap(this.map);
-			// this.map.removeLayer(this.managed);
-		}
-	}
-	// this.map.removeLayer(this.managed);
-};
-/**
- * 버튼을 누른 상태로 스타일을 변경한다.
- * 
- * @method gb.panel.EditingTool#activeBtn_
- * @private
- * @param {String}
- *            btn - 버튼 이름
- */
-gb.panel.EditingTool.prototype.activeBtn_ = function(btn) {
-	if (!this.btn[btn].hasClass("active")) {
-		this.btn[btn].addClass("active");
-	}
-	var keys = Object.keys(this.btn);
-	for (var i = 0; i < keys.length; i++) {
-		if (keys[i] !== btn) {
-			if (this.btn[keys[i]].hasClass("active")) {
-				this.btn[keys[i]].removeClass("active");
-			}
-		}
-	}
-};
-/**
- * 버튼을 안 누른 상태로 스타일을 변경한다.
- * 
- * @method gb.panel.EditingTool#deactiveBtn_
- * @private
- * @param {String}
- *            btn - 버튼 이름
- */
-gb.panel.EditingTool.prototype.deactiveBtn_ = function(btn) {
-	if (this.btn[btn].hasClass("active")) {
-		this.btn[btn].removeClass("active");
-	}
-};
-/**
- * 피처 선택을 활성화 한다
- * 
- * @method gb.panel.EditingTool#select
- * @param {ol.layer.Base}
- *            layer - 편집할 레이어
- */
-gb.panel.EditingTool.prototype.select = function(layer) {
-	var that = this;
-	if (this.isOn.select) {
-		if (!!this.interaction.selectWMS || !!this.interaction.select) {
-			this.interaction.select.getFeatures().clear();
-			this.deactiveIntrct_([ "dragbox", "select", "selectWMS" ]);
-		}
-		this.deactiveBtn_("selectBtn");
-		this.isOn.select = false;
-		return;
-	}
-	this.map.removeLayer(this.managed);
-	var sourceLayer;
-	if (Array.isArray(layer)) {
-		if (layer.length > 1) {
-			console.error("please, select 1 layer");
-			return;
-		} else if (layer.length < 1) {
-			console.error("no selected layer");
-			return;
-		} else {
-			this.setLayer(layer[0]);
-		}
-	} else if (layer instanceof ol.layer.Base) {
-		this.setLayer(layer);
-	} else {
-		return;
-	}
-	sourceLayer = this.getLayer();
-	if (!sourceLayer instanceof ol.layer.Base) {
-		return;
-	}
-	if (sourceLayer instanceof ol.layer.Base && sourceLayer.get("git").hasOwnProperty("fake")) {
-		if (sourceLayer.get("git").fake === "child") {
-			var source = sourceLayer.getSource();
-			if (!source) {
-				this.setWMSSource(sourceLayer);
-			}
-		}
-	}
-
-	if (!this.tempSelectSource) {
-		this.tempSelectSource = new ol.source.Vector();
-	} else {
-		this.tempSelectSource.clear();
-	}
-	if (this.interaction.select instanceof ol.interaction.Select) {
-		this.interaction.select.getFeatures().clear();
-	}
-	this.map.removeInteraction(this.interaction.select);
-
-	if (sourceLayer instanceof ol.layer.Vector) {
-		this.interaction.select = new ol.interaction.Select({
-			layers : [ sourceLayer ],
-			toggleCondition : ol.events.condition.platformModifierKeyOnly,
-			style : this.selectedStyles
-		});
-	} else if (sourceLayer instanceof ol.layer.Base) {
-		this.interaction.select = new ol.interaction.Select({
-			layers : [ this.tempVector ],
-			toggleCondition : ol.events.condition.platformModifierKeyOnly,
-			style : this.selectedStyles
-		});
-	}
-	this.map.addInteraction(this.interaction.select);
-	this.map.removeInteraction(this.interaction.dragbox);
-	this.interaction.dragbox = new ol.interaction.DragBox({
-		condition : ol.events.condition.shiftKeyOnly
-	});
-	this.map.addInteraction(this.interaction.dragbox);
-
-	this.interaction.selectWMS = new gb.interaction.SelectWMS({
-		getFeature : this.getFeature,
-		getFeatureInfo : this.getFeatureInfo,
-		select : this.interaction.select,
-		dragbox : this.interaction.dragbox,
-		destination : this.tempVector,
-		record : this.featureRecord,
-		layer : function() {
-			return that.updateSelected();
-		}
-	});
-	this.map.addInteraction(this.interaction.selectWMS);
-
-	this.interaction.dragbox.on('boxend', function() {
-		if (that.getLayer() instanceof ol.layer.Vector) {
-			that.interaction.select.getFeatures().clear();
-			that.getLayer().getSource().forEachFeatureIntersectingExtent(this.getGeometry().getExtent(), function(feature) {
-				that.interaction.select.getFeatures().push(feature);
-			});
-		} else if (that.getLayer() instanceof ol.layer.Layer) {
-			that.interaction.select.getFeatures().clear();
-			that.tempSource.forEachFeatureIntersectingExtent(this.getGeometry().getExtent(), function(feature) {
-				that.interaction.select.getFeatures().push(feature);
-			});
-			that.interaction.selectWMS.setExtent(this.getGeometry().getExtent());
-		}
-	});
-
-	this.interaction.select.getFeatures().on("change:length", function(evt) {
-		that.features = that.interaction.select.getFeatures();
-		$(that.featureTB).empty();
-		that.tempSelectSource.clear();
-		that.tempSelectSource.addFeatures(that.features.getArray());
-		if (that.features.getLength() > 1) {
-			that.featurePop.close();
-			for (var i = 0; i < that.features.getLength(); i++) {
-				var idx = that.features.item(i).getId().substring(that.features.item(i).getId().indexOf(".") + 1);
-				var td1 = $("<td>").text(idx);
-				var anc = $("<a>").addClass("gb-edit-sel-flist").css("cursor", "pointer").attr({
-					"value" : that.features.item(i).getId()
-				}).text("Selecting feature").click(function() {
-					var feature = that.tempSelectSource.getFeatureById($(this).attr("value"));
-					that.count = 1;
-					clearInterval(that.interval);
-					feature.setStyle(undefined);
-					that.interaction.select.getFeatures().clear();
-					that.interaction.select.getFeatures().push(feature);
-					that.featurePop.close();
-					console.log(feature);
-				});
-				var td2 = $("<td>").append(anc);
-				var tr = $("<tr>").append(td1).append(td2).mouseenter(function(evt) {
-					var fid = $(this).find("a").attr("value");
-					var feature = that.tempSelectSource.getFeatureById(fid);
-					feature.setStyle(that.highlightStyles1);
-					that.interval = setInterval(function() {
-						var val = that.count % 2;
-						if (val === 0) {
-							feature.setStyle(that.highlightStyles1);
-						} else {
-							feature.setStyle(that.highlightStyles2);
-						}
-						that.count++;
-					}, 500);
-				}).mouseleave(function() {
-					var fid = $(this).find("a").attr("value");
-					var feature = that.tempSelectSource.getFeatureById(fid);
-					that.count = 1;
-					clearInterval(that.interval);
-					feature.setStyle(undefined);
-				});
-				$(that.featureTB).append(tr);
-			}
-
-			that.featurePop.open();
-			that.featurePop.getPanel().position({
-				"my" : "left top",
-				"at" : "right top",
-				"of" : that.getPanel(),
-				"collision" : "fit"
-			});
-			that.attrPop.close();
-		} else if (that.features.getLength() === 1) {
-			that.featurePop.close();
-			$(that.attrTB).empty();
-			that.setLayer(that.updateSelected());
-			var attrInfo = that.getLayer().get("git").attribute;
-			that.feature = that.features.item(0);
-			if (attrInfo) {
-				var attr = that.features.item(0).getProperties();
-				var keys = Object.keys(attrInfo);
-				for (var i = 0; i < keys.length; i++) {
-					if (keys[i] === "geometry") {
-						continue;
-					}
-					var td1 = $("<td>").text(keys[i]);
-					var tform = $("<input>").addClass("gb-edit-sel-alist").attr({
-						"type" : "text"
-					}).css({
-						"width" : "100%",
-						"border" : "none"
-					}).val(attr[keys[i]]).on("input", function() {
-						var attrTemp = attrInfo[$(this).parent().prev().text()];
-						console.log(attrTemp.type);
-						switch (attrTemp.type) {
-						case "String":
-							if (that.isString($(this).val()) || ($(this).val() === "")) {
-								var obj = {};
-								obj[$(this).parent().prev().text()] = $(this).val();
-								that.feature.setProperties(obj);
-								that.featureRecord.update(that.getLayer(), that.feature);
-								console.log("set");
-							} else {
-								$(this).val("");
-							}
-							break;
-						case "Integer":
-							if (that.isInteger($(this).val()) || ($(this).val() === "")) {
-								var obj = {};
-								obj[$(this).parent().prev().text()] = $(this).val();
-								that.feature.setProperties(obj);
-								that.featureRecord.update(that.getLayer(), that.feature);
-								console.log("set");
-							} else {
-								$(this).val("");
-							}
-							break;
-						case "Double":
-							if (that.isDouble($(this).val()) || ($(this).val() === "")) {
-								var obj = {};
-								obj[$(this).parent().prev().text()] = $(this).val();
-								that.feature.setProperties(obj);
-								that.featureRecord.update(that.getLayer(), that.feature);
-								console.log("set");
-							} else {
-								$(this).val("");
-							}
-							break;
-						case "Boolean":
-							var valid = [ "t", "tr", "tru", "true", "f", "fa", "fal", "fals", "false" ];
-							if (valid.indexOf($(this).val()) !== -1) {
-								if (that.isBoolean($(this).val())) {
-									var obj = {};
-									obj[$(this).parent().prev().text()] = $(this).val();
-									that.feature.setProperties(obj);
-									that.featureRecord.update(that.getLayer(), that.feature);
-									console.log("set");
-								}
-							} else if ($(this).val() === "") {
-								var obj = {};
-								obj[$(this).parent().prev().text()] = $(this).val();
-								that.feature.setProperties(obj);
-								that.featureRecord.update(that.getLayer(), that.feature);
-								console.log("set");
-							} else {
-								$(this).val("");
-							}
-							break;
-						case "Date":
-							if ($(this).val().length === 10) {
-								if (that.isDate($(this).val())) {
-									var obj = {};
-									obj[$(this).parent().prev().text()] = $(this).val();
-									that.feature.setProperties(obj);
-									that.featureRecord.update(that.getLayer(), that.feature);
-									console.log("set");
-								} else {
-									$(this).val("");
-								}
-							} else if ($(this).val().length > 10) {
-								$(this).val("");
-							}
-							break;
-						default:
-							break;
-						}
-
-					});
-					var td2 = $("<td>").append(tform);
-					var tr = $("<tr>").append(td1).append(td2);
-					that.attrTB.append(tr);
-				}
-				that.attrPop.open();
-				that.attrPop.getPanel().position({
-					"my" : "left top",
-					"at" : "right top",
-					"of" : that.getPanel(),
-					"collision" : "fit"
-				});
-			} else {
-				that.attrPop.close();
-			}
-		} else {
-			that.featurePop.close();
-			that.attrPop.close();
-		}
-
-	});
-
-	this.deactiveIntrct_([ "draw", "move", "rotate", "modify" ]);
-	if (sourceLayer instanceof ol.layer.Vector) {
-		this.activeIntrct_([ "select", "dragbox" ]);
-	} else if (sourceLayer instanceof ol.layer.Base) {
-		this.activeIntrct_([ "select", "selectWMS", "dragbox" ]);
-	}
-
-	this.isOn.select = true;
-	this.activeBtn_("selectBtn");
-
-};
-/**
- * 피처 그리기를 활성화 한다
- * 
- * @method gb.panel.EditingTool#draw
- * @param {ol.layer.Base}
- *            layer - 편집할 레이어
- */
-gb.panel.EditingTool.prototype.draw = function(layer) {
-
-	if (this.isOn.draw) {
-		if (!!this.interaction.draw || !!this.interaction.updateDraw) {
-			this.deactiveIntrct_("snap");
-			this.deactiveIntrct_("draw");
-			this.deactiveBtn_("drawBtn");
-			this.map.removeLayer(this.managed);
-		}
-		return;
-	}
-	this.map.removeLayer(this.managed);
-	var that = this;
-	if (this.interaction.select) {
-		this.interaction.select.getFeatures().clear();
-		this.deactiveIntrct_([ "dragbox", "select", "selectWMS" ]);
-	}
-	var sourceLayer;
-	if (Array.isArray(layer)) {
-		if (layer.length > 1) {
-			console.error("please, select 1 layer");
-			return;
-		} else if (layer.length < 1) {
-			console.error("no selected layer");
-			return;
-		} else {
-			sourceLayer = layer[0];
-		}
-	} else if (layer instanceof ol.layer.Base) {
-		sourceLayer = layer;
-	} else {
-		return;
-	}
-
-	var git = sourceLayer.get("git");
-	if (git.editable === true && sourceLayer instanceof ol.layer.Vector) {
-		this.interaction.draw = new ol.interaction.Draw({
-			source : sourceLayer.getSource(),
-			type : git.geometry
-		});
-		this.interaction.snap = new ol.interaction.Snap({
-			source : this.snapSource
-		});
-		this.interaction.draw.selectedType = function() {
-			var layer = that.updateSelected();
-			if (!layer) {
-				return;
-			}
-			var irreGeom = layer.get("git").geometry;
-			var geom;
-			switch (irreGeom) {
-			case "Polyline":
-				geom = "LineString";
-				break;
-			case "LWPolyline":
-				geom = "LineString";
-				break;
-			case "Insert":
-				geom = "Point";
-				break;
-			case "Text":
-				geom = "Point";
-				break;
-			default:
-				geom = that.updateSelected().get("git").geometry;
-				break;
-			}
-			return geom;
-		};
-
-		this.interaction.draw.on("drawend", function(evt) {
-			console.log(evt);
-			var layers = that.selected();
-			if (layers.length !== 1) {
-				return;
-			}
-			if (that.getLayer().get("id") === layers[0].get("id")) {
-				var feature = evt.feature;
-				var c = that.featureRecord.getCreated();
-				var l = c[that.getLayer().get("id")];
-				if (!l) {
-					var fid = that.getLayer().get("id") + ".new0";
-					feature.setId(fid);
-					that.featureRecord.create(layers[0], feature);
-				} else {
-					var keys = Object.keys(l);
-					var count;
-					if (keys.length === 0) {
-						count = 0;
-					} else {
-						var id = keys[keys.length - 1];
-						var nposit = (id.search(".new")) + 4;
-						count = (parseInt(id.substr(nposit, id.length)) + 1);
-					}
-					var fid = that.getLayer().get("id") + ".new" + count;
-					feature.setId(fid);
-					that.featureRecord.create(layers[0], feature);
-				}
-			}
-		});
-		this.deactiveIntrct_([ "move", "modify", "rotate" ]);
-		this.map.addInteraction(this.interaction.draw);
-		this.map.addInteraction(this.interaction.snap);
-		this.activeIntrct_("draw");
-		this.activeIntrct_("snap");
-		this.activeBtn_("drawBtn");
-	} else if (git.editable === true && sourceLayer instanceof ol.layer.Base) {
-		this.map.addLayer(this.managed);
-
-		this.interaction.draw = new ol.interaction.Draw({
-			source : this.tempSource,
-			type : git.geometry
-		});
-		this.interaction.snap = new ol.interaction.Snap({
-			source : this.snapSource
-		});
-		this.interaction.draw.selectedType = function() {
-			var result = false;
-			var layer = that.updateSelected();
-			if (layer) {
-				result = layer.get("git").geometry;
-			}
-			return result;
-		};
-		this.interaction.draw.on("drawend", function(evt) {
-			console.log(evt);
-			var layers = that.selected();
-			if (layers.length !== 1) {
-				return;
-			}
-			if (that.getLayer().get("id") === layers[0].get("id")) {
-				var feature = evt.feature;
-				var c = that.featureRecord.getCreated();
-				var l = c[that.getLayer().get("id")];
-				if (!l) {
-					var fid = that.getLayer().get("id") + ".new0";
-					feature.setId(fid);
-					that.featureRecord.create(layers[0], feature);
-				} else {
-					var keys = Object.keys(l);
-					var count;
-					if (keys.length === 0) {
-						count = 0;
-					} else {
-						var id = keys[keys.length - 1];
-						var nposit = (id.search(".new")) + 4;
-						count = (parseInt(id.substr(nposit, id.length)) + 1);
-					}
-					var fid = that.getLayer().get("id") + ".new" + count;
-					feature.setId(fid);
-					that.featureRecord.create(layers[0], feature);
-				}
-			}
-		});
-		this.deactiveIntrct_([ "move", "modify", "rotate" ]);
-		this.map.addInteraction(this.interaction.draw);
-		this.map.addInteraction(this.interaction.snap);
-		this.activeIntrct_("draw");
-		this.activeIntrct_("snap");
-		this.activeBtn_("drawBtn");
-	}
-
-};
-/**
- * 피처 이동을 활성화 한다
- * 
- * @method gb.panel.EditingTool#move
- * @param {ol.layer.Base}
- *            layer - 편집할 레이어
- */
-gb.panel.EditingTool.prototype.move = function(layer) {
-	if (this.interaction.select === undefined) {
-		return;
-	}
-	if (this.isOn.move) {
-		if (this.interaction.move) {
-			this.interaction.select.getFeatures().clear();
-			this.deactiveIntrct_("move");
-			this.deactiveBtn_("moveBtn");
-			this.map.removeLayer(this.managed);
-		}
-		return;
-	}
-	this.map.removeLayer(this.managed);
-	var that = this;
-	if (this.interaction.select.getFeatures().getLength() > 0) {
-		if (!(layer instanceof ol.layer.Vector)) {
-			// if (!this.managed) {
-			// this.managed = new ol.layer.Vector({
-			// source : this.tempSource
-			// });
-			// this.managed.set("name", "temp_vector");
-			// this.managed.set("id", "temp_vector");
-			// }
-			this.map.addLayer(this.managed);
-		}
-
-		this.interaction.move = new ol.interaction.Translate({
-			features : this.interaction.select.getFeatures()
-		});
-		this.interaction.move.on("translateend", function(evt) {
-			console.log(evt);
-			var layers = that.selected();
-			if (layers.length !== 1) {
-				return;
-			}
-			if (that.getLayer().get("id") === layers[0].get("id")) {
-				var features = evt.features;
-				for (var i = 0; i < features.getLength(); i++) {
-					that.featureRecord.update(layers[0], features.item(i));
-				}
-			}
-		});
-		this.deactiveIntrct_([ "select", "selectWMS", "dragbox", "draw", "modify", "rotate" ]);
-		this.map.addInteraction(this.interaction.move);
-		this.activeIntrct_("move");
-		this.activeBtn_("moveBtn");
-	} else {
-		console.error("select features");
-	}
-};
-/**
- * 피처 멀티편집을 활성화 한다
- * 
- * @method gb.panel.EditingTool#rotate
- * @param {ol.layer.Base}
- *            layer - 편집할 레이어
- */
-gb.panel.EditingTool.prototype.rotate = function(layer) {
-	if (this.interaction.select === undefined) {
-		return;
-	}
-	if (this.isOn.rotate) {
-		if (!!this.interaction.rotate) {
-			this.interaction.select.getFeatures().clear();
-			this.deactiveIntrct_("rotate");
-			this.deactiveBtn_("rotateBtn");
-		}
-		return;
-	}
-	this.map.removeLayer(this.managed);
-	var that = this;
-	if (this.interaction.select.getFeatures().getLength() > 0) {
-
-		if (this.interaction.select.getFeatures().getLength() !== 1) {
-			console.error("select 1 feature");
-			return;
-		}
-		// if (!this.managed) {
-		// this.managed = new ol.layer.Vector({
-		// source : this.tempSource
-		// });
-		// this.managed.set("name", "temp_vector");
-		// this.managed.set("id", "temp_vector");
-		// }
-		this.map.addLayer(this.managed);
-		this.interaction.rotate = new gb.interaction.MultiTransform({
-			features : this.interaction.select.getFeatures()
-		});
-		this.interaction.rotate.on("transformend", function(evt) {
-			console.log(evt);
-			var layers = that.selected();
-			if (layers.length !== 1) {
-				return;
-			}
-			if (that.getLayer().get("id") === layers[0].get("id")) {
-				var feature = evt.feature;
-				that.featureRecord.update(layers[0], feature);
-			}
-		});
-		this.map.addInteraction(this.interaction.rotate);
-		this.deactiveIntrct_([ "select", "selectWMS", "draw", "move", "modify" ]);
-		this.activeIntrct_("rotate");
-		this.activeBtn_("rotateBtn");
-	} else {
-		console.error("select features");
-	}
-};
-/**
- * 피처 수정을 활성화 한다
- * 
- * @method gb.panel.EditingTool#modify
- * @param {ol.layer.Base}
- *            layer - 편집할 레이어
- */
-gb.panel.EditingTool.prototype.modify = function(layer) {
-	if (this.interaction.select === undefined) {
-		return;
-	}
-	if (this.isOn.modify) {
-		if (!!this.interaction.modify) {
-			this.interaction.select.getFeatures().clear();
-			this.deactiveIntrct_("modify");
-			this.deactiveBtn_("modiBtn");
-			this.map.removeLayer(this.managed);
-		}
-		return;
-	}
-	this.map.removeLayer(this.managed);
-	var that = this;
-	if (this.interaction.select.getFeatures().getLength() > 0) {
-
-		// if (!this.managed) {
-		// this.managed = new ol.layer.Vector({
-		// source : this.tempSource
-		// });
-		// this.managed.set("name", "temp_vector");
-		// this.managed.set("id", "temp_vector");
-		//
-		// }
-		this.map.addLayer(this.managed);
-		this.interaction.modify = new ol.interaction.Modify({
-			features : this.interaction.select.getFeatures()
-		});
-		this.interaction.modify.on("modifyend", function(evt) {
-			console.log(evt);
-			var layers = that.selected();
-			if (layers.length !== 1) {
-				return;
-			}
-			if (that.getLayer().get("id") === layers[0].get("id")) {
-				var features = evt.features;
-				for (var i = 0; i < features.getLength(); i++) {
-					that.featureRecord.update(layers[0], features.item(i));
-				}
-			}
-		});
-		this.deactiveIntrct_([ "select", "selectWMS", "dragbox", "draw", "move", "rotate" ]);
-		this.map.addInteraction(this.interaction.modify);
-
-		var sourceLayer;
-		if (Array.isArray(layer)) {
-			if (layer.length > 1) {
-				console.error("please, select 1 layer");
-				return;
-			} else if (layer.length < 1) {
-				console.error("no selected layer");
-				return;
-			} else {
-				sourceLayer = layer[0];
-			}
-		} else if (layer instanceof ol.layer.Base) {
-			sourceLayer = layer;
-		} else {
-			return;
-		}
-		if (sourceLayer instanceof ol.layer.Vector) {
-			this.interaction.snap = new ol.interaction.Snap({
-				source : this.snapSource
-			});
-		} else if (sourceLayer instanceof ol.layer.Base) {
-			this.interaction.snap = new ol.interaction.Snap({
-				source : this.snapSource
-			});
-		}
-		this.map.addInteraction(this.interaction.snap);
-		this.activeIntrct_("snap");
-
-		this.activeIntrct_("modify");
-		this.activeBtn_("modiBtn");
-	} else {
-		console.error("select features");
-	}
-};
-/**
- * 피처를 삭제한다
- * 
- * @method gb.panel.EditingTool#remove
- * @param {ol.layer.Base}
- *            layer - 편집할 레이어
- */
-gb.panel.EditingTool.prototype.remove = function(layer) {
-	if (this.interaction.select === undefined) {
-		return;
-	}
-	var that = this;
-	if (this.interaction.select.getFeatures().getLength() > 0) {
-		var layers = that.selected();
-		if (layers.length !== 1) {
-			return;
-		}
-		if (that.getLayer().get("id") === layers[0].get("id")) {
-			var features = this.interaction.select.getFeatures();
-			var fill = new ol.style.Fill({
-				color : "rgba(255,0,0,0.01)"
-			});
-
-			var stroke = new ol.style.Stroke({
-				color : "rgba(255,0,0,0.7)",
-				width : 1.25
-			});
-
-			var text = new ol.style.Text({});
-			var style = new ol.style.Style({
-				image : new ol.style.Circle({
-					fill : fill,
-					stroke : stroke,
-					radius : 5
-				}),
-				fill : fill,
-				stroke : stroke
-			});
-			if (layer instanceof ol.layer.Vector) {
-				for (var i = 0; i < features.getLength(); i++) {
-					if (features.item(i).getId().search(".new") !== -1) {
-						layer.getSource().removeFeature(features.item(i));
-					} else {
-						features.item(i).setStyle(style);
-					}
-					that.featureRecord.remove(layers[0], features.item(i));
-				}
-			} else if (layer instanceof ol.layer.Base) {
-				for (var i = 0; i < features.getLength(); i++) {
-					if (features.item(i).getId().search(".new") !== -1) {
-						this.managed.getSource().removeFeature(features.item(i));
-					} else {
-						features.item(i).setStyle(style);
-					}
-					that.featureRecord.remove(layers[0], features.item(i));
-				}
-			}
-
-		}
-		this.interaction.select.getFeatures().clear();
-
-	} else {
-		console.error("select features");
-	}
-};
-/**
- * 선택한 레이어를 업데이트한다
- * 
- * @method gb.panel.EditingTool#updateSelected
- * @return {ol.layer.Base} 업데이트한 레이어
- */
-gb.panel.EditingTool.prototype.updateSelected = function() {
-	var result;
-	if (typeof this.selected === "function") {
-		this.layers = this.selected();
-		if (Array.isArray(this.layers)) {
-			var layer = this.layers[0];
-
-			if (layer instanceof ol.layer.Group) {
-				console.error("group layer can not edit");
-			} else if (layer instanceof ol.layer.Tile) {
-				var git = layer.get("git");
-				if (git.hasOwnProperty("fake")) {
-					if (git.fake === "parent") {
-						console.error("fake parent layer can not edit");
-					} else {
-						this.setLayer(layer);
-						result = layer;
-					}
-				} else {
-					this.setLayer(layer);
-					result = layer;
-				}
-			} else if (layer instanceof ol.layer.Vector) {
-				this.setLayer(layer);
-				result = layer;
-			} else if (layer instanceof ol.layer.Base) {
-				var source = layer.getSource();
-				if (!source) {
-					this.setWMSSource(layer);
-				}
-				this.setLayer(layer);
-				result = layer;
-			}
-		}
-	}
-	return result;
-};
-/**
- * 피처를 선택한다
- * 
- * @method gb.panel.EditingTool#setFeatures
- * @param {ol.Feature}
- *            newFeature - 선택할 feature
- */
-gb.panel.EditingTool.prototype.setFeatures = function(newFeature) {
-	var that = this;
-	if (this.isOn.select) {
-		if (!!this.interaction.selectWMS || !!this.interaction.select) {
-			this.interaction.select.getFeatures().clear();
-			this.deactiveIntrct_([ "dragbox", "select", "selectWMS" ]);
-		}
-		this.deactiveBtn_("selectBtn");
-		this.isOn.select = false;
-	}
-	this.select(this.layer);
-	if (newFeature.length === 1) {
-		this.interaction.selectWMS.setLayer(this.layer);
-		this.interaction.selectWMS.setFeatureId(newFeature[0].getId());
-		// this.interaction.select.getFeatures().extend(newFeature);
-		this.open();
-		this.attrPop.getPanel().position({
-			"my" : "left top",
-			"at" : "right top",
-			"of" : this.getPanel(),
-			"collision" : "fit"
-		});
-	}
-
-};
-/**
- * 선택한 피처를 반환한다.
- * 
- * @method gb.panel.EditingTool#getFeatures
- * @return {ol.Collection<ol.Feature>} 선택한 feature들
- */
-gb.panel.EditingTool.prototype.getFeatures = function() {
-	return this.features;
-};
-/**
- * 삭제한 레이어에 포함되는 피처를 임시 레이어에서 지운다
- * 
- * @method gb.panel.EditingTool#removeFeatureFromUnmanaged
- * @param {ol.layer.Base}
- *            layer - feature를 삭제한 레이어
- */
-gb.panel.EditingTool.prototype.removeFeatureFromUnmanaged = function(layer) {
-	var that = this;
-
-	if (layer instanceof ol.layer.Group) {
-		var layers = layer.getLayers();
-		for (var i = 0; i < layers.getLength(); i++) {
-			this.featureRecord.removeByLayer(layers.item(i).get("id"));
-			// that.tempVector.setMap(this.map);
-			this.removeFeatureFromUnmanaged(layers.item(i));
-		}
-	} else if (layer instanceof ol.layer.Base) {
-		var git = layer.get("git");
-		if (git) {
-			// git 변수가 있음
-			if (git.hasOwnProperty("fake")) {
-				// 가짜 레이어임
-				if (git["fake"] === "parent") {
-					// 가짜 그룹 레이어임
-					var layers = git["layers"];
-					for (var i = 0; i < layers.getLength(); i++) {
-						this.featureRecord.removeByLayer(layers.item(i).get("id"));
-						// that.tempVector.setMap(this.map);
-						this.removeFeatureFromUnmanaged(layers.item(i));
-					}
-				} else if (git["fake"] === "child") {
-					var layerId = layer.get("id");
-					this.tempVector.getSource().forEachFeature(function(feature) {
-						var id = feature.getId();
-						if (id.indexOf(layerId) !== -1) {
-							that.tempVector.getSource().removeFeature(feature);
-							// that.tempVector.setMap(this.map);
-						}
-					});
-				}
-			} else {
-				var layerId = layer.get("id");
-				this.tempVector.getSource().forEachFeature(function(feature) {
-					var id = feature.getId();
-					if (id.indexOf(layerId) !== -1) {
-						that.tempVector.getSource().removeFeature(feature);
-						// that.tempVector.setMap(this.map);
-					}
-				});
-			}
-		} else {
-			var layerId = layer.get("id");
-			this.tempVector.getSource().forEachFeature(function(feature) {
-				var id = feature.getId();
-				if (id.indexOf(layerId) !== -1) {
-					that.tempVector.getSource().removeFeature(feature);
-					// that.tempVector.setMap(this.map);
-				}
-			});
-		}
-	}
-	that.tempVector.setMap(this.map);
-	return;
-};
-
-/**
- * 임시 레이어에 있는 피처를 전부 삭제한다.
- * 
- * @method gb.panel.EditingTool#clearUnmanaged
- */
-gb.panel.EditingTool.prototype.clearUnmanaged = function() {
-	if (this.tempVector instanceof ol.layer.Vector) {
-		this.tempVector.clear();
-	}
-	this.tempVector.setMap(this.map);
-	return;
-};
-
-/**
- * 패널을 나타낸다.
- * 
- * @override
- * @method gb.panel.EditingTool#open
- */
-gb.panel.EditingTool.prototype.open = function() {
-	var layer = this.updateSelected();
-	if (layer instanceof ol.layer.Group) {
-		console.error("group layer can not edit");
-	} else if (layer instanceof ol.layer.Tile) {
-		var git = layer.get("git");
-		if (git.hasOwnProperty("fake")) {
-			if (git.fake === "parent") {
-				console.error("fake parent layer can not edit");
-			} else {
-				this.panel.css("display", "block");
-			}
-		} else {
-			this.panel.css("display", "block");
-		}
-	} else if (layer instanceof ol.layer.Base) {
-		this.panel.css("display", "block");
-	}
-
-};
-
-/**
- * 베이스 타입 레이어에 소스를 입력한다.
- * 
- * @method gb.panel.EditingTool#setWMSSource
- * @param {ol.layer.Base}
- *            sourceLayer - WMS Source를 입력할 레이어
- * @param {function}
- *            [callback] - ol.source.Source에 정보를 넣기 위한 함수
- */
-gb.panel.EditingTool.prototype.setWMSSource = function(sourceLayer, callback) {
-	var that = this;
-	if (sourceLayer instanceof ol.layer.Vector || sourceLayer instanceof ol.layer.Group) {
-		return;
-	}
-	var arr = {
-		"geoLayerList" : [ sourceLayer.get("id") ]
-	}
-	var names = [];
-	// console.log(JSON.stringify(arr));
-
-	$.ajax({
-		url : this.layerInfo,
-		method : "POST",
-		contentType : "application/json; charset=UTF-8",
-		cache : false,
-		data : JSON.stringify(arr),
-		beforeSend : function() { // 호출전실행
-			$("body").css("cursor", "wait");
-		},
-		traditional : true,
-		success : function(data2, textStatus, jqXHR) {
-			console.log(data2);
-			if (Array.isArray(data2)) {
-				for (var i = 0; i < 1; i++) {
-					var source = new ol.source.TileWMS({
-						url : this.imageTile,
-						params : {
-							'LAYERS' : data2[i].lName,
-							'TILED' : true,
-							'FORMAT' : 'image/png8',
-							'VERSION' : '1.1.0',
-							'CRS' : that.getMap().getView().getProjection().getCode(),
-							'SRS' : that.getMap().getView().getProjection().getCode(),
-							'BBOX' : data2[i].nbBox.minx.toString() + "," + data2[i].nbBox.miny.toString() + ","
-									+ data2[i].nbBox.maxx.toString() + "," + data2[i].nbBox.maxy.toString()
-						},
-						serverType : 'geoserver'
-					});
-					sourceLayer.setSource(source);
-					var ogit = sourceLayer.get("git");
-					ogit["attribute"] = data2[i].attInfo;
-					ogit["geometry"] = data2[i].geomType;
-					var getPosition = function(str, subString, index) {
-						return str.split(subString, index).join(subString).length;
-					};
-					var id = sourceLayer.get("id");
-					var format = id.substring((getPosition(id, "_", 1) + 1), getPosition(id, "_", 2));
-					var layer;
-					if (format === "ngi") {
-						layer = new gb.layer.LayerInfo({
-							name : sourceLayer.get("name"),
-							id : id,
-							format : format,
-							epsg : data2[i].srs,
-							mbound : [ [ data2[i].nbBox.minx.toString(), data2[i].nbBox.miny.toString() ],
-									[ data2[i].nbBox.maxx.toString(), data2[i].nbBox.maxy.toString() ] ],
-							lbound : [ [ 122.71, 28.6 ], [ 134.28, 40.27 ] ],
-							isNew : false,
-							geometry : id.substring(getPosition(id, "_", 4) + 1),
-							sheetNum : id.substring((getPosition(id, "_", 2) + 1), getPosition(id, "_", 3))
-						});
-					} else if (format === "dxf") {
-						layer = new gb.layer.LayerInfo({
-							name : sourceLayer.get("name"),
-							id : id,
-							format : format,
-							epsg : data2[i].srs,
-							mbound : [ [ data2[i].nbBox.minx.toString(), data2[i].nbBox.miny.toString() ],
-									[ data2[i].nbBox.maxx.toString(), data2[i].nbBox.maxy.toString() ] ],
-							isNew : false,
-							lbound : [ [ 122.71, 28.6 ], [ 134.28, 40.27 ] ],
-							isNew : false,
-							geometry : id.substring(getPosition(id, "_", 4) + 1),
-							sheetNum : id.substring((getPosition(id, "_", 2) + 1), getPosition(id, "_", 3))
-						});
-					} else if (format === "shp") {
-						layer = new gb.layer.LayerInfo({
-							name : sourceLayer.get("name"),
-							id : id,
-							format : format,
-							epsg : data2[i].srs,
-							mbound : [ [ data2[i].nbBox.minx.toString(), data2[i].nbBox.miny.toString() ],
-									[ data2[i].nbBox.maxx.toString(), data2[i].nbBox.maxy.toString() ] ],
-							lbound : [ [ 122.71, 28.6 ], [ 134.28, 40.27 ] ],
-							isNew : false,
-							geometry : id.substring(getPosition(id, "_", 4) + 1),
-							sheetNum : id.substring((getPosition(id, "_", 2) + 1), getPosition(id, "_", 3))
-						});
-					}
-					ogit["information"] = layer;
-					console.log(ogit["attribute"]);
-					console.log("source injected");
-					if (typeof callback === "function") {
-						callback(source);
-					}
-				}
-				$("body").css("cursor", "default");
-			}
-		}
-	});
-};
-/**
- * ol.Map을 입력한다.
- * 
- * @method gb.panel.EditingTool#setMap
- * @param {ol.Map}
- *            map - 편집할 레이어를 포함하는 ol.Map
- */
-gb.panel.EditingTool.prototype.setMap = function(map) {
-	this.map = map;
-}
-/**
- * ol.Map을 반환한다.
- * 
- * @method gb.panel.EditingTool#getMap
- * @return {ol.Map} 현재 편집중인 레이어가 포함된 ol.Map
- */
-gb.panel.EditingTool.prototype.getMap = function() {
-	return this.map;
-}
-/**
- * String인지 검사한다.
- * 
- * @method gb.panel.EditingTool#isString
- * @param {*}
- *            va - String 인지 검사할 변수
- * @return {Boolean} String 여부
- */
-gb.panel.EditingTool.prototype.isString = function(va) {
-	var result = false;
-	if (typeof va === "string") {
-		result = true;
-	}
-	return result;
-}
-/**
- * Integer인지 검사한다.
- * 
- * @method gb.panel.EditingTool#isString
- * @param {*}
- *            va - Integer 인지 검사할 변수
- * @return {Boolean} Integer 여부
- */
-gb.panel.EditingTool.prototype.isInteger = function(va) {
-	var result = false;
-	if (va == parseInt(va)) {
-		result = true;
-	}
-	return result;
-}
-/**
- * Double인지 검사한다.
- * 
- * @method gb.panel.EditingTool#isDouble
- * @param {*}
- *            va - Double 인지 검사할 변수
- * @return {Boolean} Double 여부
- */
-gb.panel.EditingTool.prototype.isDouble = function(va) {
-	var result = false;
-	if (typeof va === "string") {
-		var p = parseFloat(va);
-		if (!isNaN(p)) {
-			result = true;
-		}
-	}
-	return result;
-}
-/**
- * Boolean인지 검사한다.
- * 
- * @method gb.panel.EditingTool#isBoolean
- * @param {*}
- *            va - Boolean 인지 검사할 변수
- * @return {Boolean} Boolean 여부
- */
-gb.panel.EditingTool.prototype.isBoolean = function(va) {
-	var result = false;
-	if (va == "true" || va == "false") {
-		result = true;
-	}
-	return result;
-}
-/**
- * Date인지 검사한다.
- * 
- * @method gb.panel.EditingTool#isDate
- * @param {*}
- *            va - Date 인지 검사할 변수
- * @return {Boolean} Date 여부
- */
-gb.panel.EditingTool.prototype.isDate = function(va) {
-	var result = false;
-	if (typeof va === "string") {
-		if ((new Date(va)).getTime() > 0) {
-			result = true;
-		}
-	}
-	return result;
-}
-/**
- * 스냅핑 레이어를 설정한다.
- * 
- * @method gb.panel.EditingTool#addSnappingLayer
- * @param {ol.layer.Base}
- *            layer - Snapping을 활성화 할 레이어
- * @return {Boolean} Snapping 활성화 여부
- */
-gb.panel.EditingTool.prototype.addSnappingLayer = function(layer) {
-	var success = false;
-	if (layer instanceof ol.layer.Group) {
-		var layers = layer.getLayers();
-		for (var i = 0; i < layers.getLength(); i++) {
-			this.addSnappingLayer(layers.item(i));
-		}
-		success = true;
-	} else if (layer instanceof ol.layer.Vector) {
-		for (var i = 0; i < this.snapVector.getLength(); i++) {
-			if (this.snapVector.item(i).get("id") === layer.get("id")) {
-				success = true;
-				break;
-			}
-		}
-		if (!success) {
-			this.snapVector.push(layer);
-			success = true;
-		}
-	} else if (layer instanceof ol.layer.Tile) {
-		if (this.snapWMS.indexOf(layer.get("id")) === -1) {
-			this.snapWMS.push(layer.get("id"));
-			success = true;
-		}
-	} else if (layer instanceof ol.layer.Layer) {
-		var git = layer.get("git");
-		if (git) {
-			if (git.hasOwnProperty("fake")) {
-				if (git.fake === "child") {
-					if (this.snapWMS.indexOf(layer.get("id")) === -1) {
-						this.snapWMS.push(layer.get("id"));
-						success = true;
-					}
-				}
-			}
-		}
-	}
-	return success;
-}
-/**
- * 스냅핑 레이어를 삭제한다.
- * 
- * @method gb.panel.EditingTool#addSnappingLayer
- * @param {ol.layer.Base}
- *            layer - Snapping을 비활성화 할 레이어
- * @return {Boolean} Snapping 비활성화 여부
- */
-gb.panel.EditingTool.prototype.removeSnappingLayer = function(layer) {
-	var that = this;
-	var success = false;
-	if (layer instanceof ol.layer.Group) {
-		var layers = layer.getLayers();
-		for (var i = 0; i < layers.getLength(); i++) {
-			this.removeSnappingLayer(layers.item(i));
-		}
-		success = true;
-	} else if (layer instanceof ol.layer.Vector) {
-		for (var i = 0; i < this.snapVector.getLength(); i++) {
-			if (this.snapVector.item(i).get("id") === layer.get("id")) {
-				this.snapVector.removeAt(i);
-				success = true;
-				break;
-			}
-		}
-	} else if (layer instanceof ol.layer.Tile) {
-		if (this.snapWMS.indexOf(layer.get("id")) !== -1) {
-			this.snapWMS.splice(this.snapWMS.indexOf(layer.get("id")), 1);
-			success = true;
-		}
-	} else if (layer instanceof ol.layer.Layer) {
-		var git;
-		if (layer) {
-			git = layer.get("git");
-		}
-		if (!!git) {
-			if (git.hasOwnProperty("fake")) {
-				if (git.fake === "child") {
-					if (this.snapWMS.indexOf(layer.get("id")) !== -1) {
-						this.snapWMS.splice(this.snapWMS.indexOf(layer.get("id")), 1);
-						success = true;
-					}
-				}
-			} else {
-				if (this.snapWMS.indexOf(layer.get("id")) !== -1) {
-					this.snapWMS.splice(this.snapWMS.indexOf(layer.get("id")), 1);
-					success = true;
-				}
-			}
-		} else {
-			if (this.snapWMS.indexOf(layer.get("id")) !== -1) {
-				this.snapWMS.splice(this.snapWMS.indexOf(layer.get("id")), 1);
-				success = true;
-			}
-		}
-	}
-	return success;
-}
-/**
- * 스냅핑 레이어를 로드한다.
- * 
- * @method gb.panel.EditingTool#loadSnappingLayer
- * @param {Number[]}
- *            extent - Snapping 하기위한 현재 화면 영역
- */
-gb.panel.EditingTool.prototype.loadSnappingLayer = function(extent) {
-	var that = this;
-	if (this.getMap().getView().getZoom() >= 14) {
-		that.snapSource.clear();
-		if (that.snapWMS.length > 0) {
-			var params = {
-				"service" : "WFS",
-				"version" : gb.module.serviceVersion.WFS,
-				"request" : "GetFeature",
-				"typeName" : this.snapWMS.toString(),
-				"outputformat" : "text/javascript",
-				"bbox" : extent.toString(),
-				"format_options" : "callback:getJson"
-			};
-
-			$.ajax({
-				url : this.getFeature,
-				data : params,
-				dataType : 'jsonp',
-				jsonpCallback : 'getJson',
-				beforeSend : function() {
-					$("body").css("cursor", "wait");
-				},
-				complete : function() {
-					$("body").css("cursor", "default");
-				},
-				success : function(data) {
-					var features = new ol.format.GeoJSON().readFeatures(JSON.stringify(data));
-					if (that.interaction.snap instanceof ol.interaction.Snap) {
-						that.snapSource.addFeatures(features);
-					}
-					console.log("snap feature injected");
-				}
-			});
-		}
-		if (this.snapVector.getLength() > 0) {
-			for (var i = 0; i < this.snapVector.getLength(); i++) {
-				this.snapVector.item(i).getSource().forEachFeatureIntersectingExtent(extent, function(feature) {
-					that.snapSource.addFeature(feature);
-				});
-			}
-		}
-		if (this.tempSource.getFeatures().length > 0) {
-			this.tempSource.forEachFeatureIntersectingExtent(extent, function(feature) {
-				var lid = feature.getId().substring(0, feature.getId().indexOf("."));
-				if (that.snapWMS.indexOf(lid) !== -1) {
-					that.snapSource.addFeature(feature);
-				}
-			});
-		}
-	}
-};
-/**
- * 해당 레이어로 화면을 확대한다.
- * 
- * @method gb.panel.EditingTool#zoomToFit
- * @param {ol.layer.Base}
- *            layer - 화면을 확대할 레이어
- */
-gb.panel.EditingTool.prototype.zoomToFit = function(layer) {
-	var that = this;
-	if (layer instanceof ol.layer.Group) {
-		var extent = ol.extent.createEmpty();
-		layer.getLayers().forEach(function(layer2) {
-			if (layer2.getSource() instanceof ol.source.TileWMS) {
-				var param = layer2.getSource().getParams();
-				var keys = Object.keys(param);
-				var bbx = "bbox";
-				for (var i = 0; i < keys.length; i++) {
-					if (keys[i].toLowerCase() === bbx.toLowerCase()) {
-						var bbox = param[keys[i]].split(",");
-						ol.extent.extend(extent, bbox);
-						break;
-					}
-				}
-			} else if (layer2.source instanceof ol.source.Vector) {
-				ol.extent.extend(extent, layer2.getSource().getExtent());
-			}
-		});
-		this.getMap().getView().fit(extent, this.getMap().getSize());
-	} else if (layer instanceof ol.layer.Vector) {
-		var view = this.getMap().getView();
-		view.fit(source.getExtent(), this.getMap().getSize());
-	} else if (layer instanceof ol.layer.Tile) {
-		var source = layer.getSource();
-		if (source instanceof ol.source.TileWMS) {
-			var param = source.getParams();
-			var keys = Object.keys(param);
-			var bbx = "bbox";
-			for (var i = 0; i < keys.length; i++) {
-				if (keys[i].toLowerCase() === bbx.toLowerCase()) {
-					var bbox = param[keys[i]].split(",");
-					var view = this.getMap().getView();
-					view.fit(bbox, this.getMap().getSize());
-					break;
-				}
-			}
-		}
-	} else if (layer instanceof ol.layer.Layer) {
-		var source = layer.getSource();
-		var func = function(src) {
-			var param = src.getParams();
-			var keys = Object.keys(param);
-			var bbx = "bbox";
-			for (var i = 0; i < keys.length; i++) {
-				if (keys[i].toLowerCase() === bbx.toLowerCase()) {
-					var bbox = param[keys[i]].split(",");
-					var view = that.getMap().getView();
-					view.fit(bbox, that.getMap().getSize());
-					break;
-				}
-			}
-		};
-		if (typeof source === "undefined" || source === null) {
-			this.setWMSSource(layer, func);
-		} else if (source instanceof ol.source.TileWMS) {
-			func(source);
-		}
-	}
-	return;
-};
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/panel/layerdefinition.js b/opengds2018prod/src/main/resources/static/resources/js/gb/panel/layerdefinition.js
deleted file mode 100644
index 49d3735e..00000000
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/panel/layerdefinition.js
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * 레이어 정의 패널 객체를 정의한다.
- * 
- * @author yijun.so
- * @date 2017. 07.26
- * @version 0.01
- * @class gb.panel.LayerDefinition
- * @constructor
- */
-var gb;
-if (!gb)
-	gb = {};
-if (!gb.panel)
-	gb.panel = {};
-gb.panel.LayerDefinition = function(obj) {
-	gb.panel.Base.call(this, obj);
-	var options = obj ? obj : {};
-	this.geometry = obj.geometry ? obj.geometry : ["point", "linestring", "polygon"];
-	
-	if (this.autoOpen) {
-		this.open();
-	} else {
-		this.close();
-	}
-	$("body").append(this.panel);
-};
-gb.panel.LayerDefinition.prototype = Object.create(gb.panel.Base.prototype);
-gb.panel.LayerDefinition.prototype.constructor = gb.panel.LayerDefinition;
-/**
- * 피처목록을 생성한다.
- * 
- * @method setFeatureList_
- */
-gb.panel.LayerDefinition.prototype.setFeatureList_ = function() {
-	return this.interaction;
-};
-/**
- * 내부 인터랙션 구조를 반환한다.
- * 
- * @method getInteractions_
- * @return {Mixed Obj} {select : ol.interaction.Select..}
- */
-gb.panel.LayerDefinition.prototype.getInteractions_ = function() {
-	return this.interaction;
-};
\ No newline at end of file
diff --git a/opengds2018prod/src/main/resources/static/resources/js/gb/tree/geoserver.js b/opengds2018prod/src/main/resources/static/resources/js/gb/tree/geoserver.js
index 595711fb..63575e72 100644
--- a/opengds2018prod/src/main/resources/static/resources/js/gb/tree/geoserver.js
+++ b/opengds2018prod/src/main/resources/static/resources/js/gb/tree/geoserver.js
@@ -1755,11 +1755,6 @@ gb.tree.GeoServer.prototype.openAddGeoServer = function() {
 		"display" : "table-row"
 	});
 
-    $(gNameInput).val("geo42");
-    $(gURLInput).val("http://175.116.181.42:9990/geoserver");
-    $(gIDInput).val("admin");
-    $(gPassInput).val("geoserver");
-
 	var closeBtn = $("<button>").css({
 		"float" : "right"
 	}).addClass("gb-button").addClass("gb-button-default").text(that.translation["close"][that.locale]);