Index: arms/html/template/page-sidebar.html
===================================================================
diff -u -r86273f1fb1983157456da70e455375eb28bb67f7 -r0cc2ef4e5a19518c64915cbacfe792d16f05c766
--- arms/html/template/page-sidebar.html	(.../page-sidebar.html)	(revision 86273f1fb1983157456da70e455375eb28bb67f7)
+++ arms/html/template/page-sidebar.html	(.../page-sidebar.html)	(revision 0cc2ef4e5a19518c64915cbacfe792d16f05c766)
@@ -26,11 +26,11 @@
 		<ul id="product_elements_collapse">
 			<li class=""
 				id="sidebar_menu_product_manage">
-				<a href="/arms/template.html?page=pdService">제품 관리</a>
+				<a href="/arms/template.html?page=pdService" data-locale="nav.product.p">제품 관리</a>
 			</li>
 			<li class=""
 				id="sidebar_menu_version_manage">
-				<a href="/arms/template.html?page=pdServiceVersion">버전 관리</a>
+				<a href="/arms/template.html?page=pdServiceVersion" data-locale="nav.product.v">버전 관리</a>
 			</li>
 
 		</ul>
@@ -53,11 +53,11 @@
         <ul id="jira_elements_collapse">
             <li class=""
                 id="sidebar_menu_jira_manage">
-                <a href="/arms/template.html?page=jiraServer">서버 관리</a>
+                <a href="/arms/template.html?page=jiraServer" data-locale="nav.alm.s">서버 관리</a>
             </li>
             <li class=""
                 id="sidebar_menu_product_jira_connect">
-                <a href="/arms/template.html?page=jiraConnection">연결 관리</a>
+                <a href="/arms/template.html?page=jiraConnection" data-locale="nav.alm.c">연결 관리</a>
             </li>
         </ul>
     </li>
@@ -71,11 +71,11 @@
 		<ul id="requirement_elements_collapse">
 			<li class=""
 				id="sidebar_menu_requirement_regist">
-				<a href="/arms/template.html?page=reqAdd">요구 관리</a>
+				<a href="/arms/template.html?page=reqAdd" data-locale="nav.requirement.q">요구 관리</a>
 			</li>
 			<li class=""
 				id="sidebar_menu_requirement_status">
-				<a href="/arms/template.html?page=reqStatus">현황 관리</a>
+				<a href="/arms/template.html?page=reqStatus" data-locale="nav.requirement.s">현황 관리</a>
 			</li>
 		</ul>
 	</li>
@@ -89,19 +89,19 @@
         <ul id="analysis_elements_collapse">
             <li class=""
                 id="sidebar_menu_analysis_gantt">
-                <a href="/arms/template.html?page=analysisGantt">간트 차트<span class="font12"> - Gantt</span></a>
+                <a href="/arms/template.html?page=analysisGantt" data-locale="nav.analysis.g">간트 차트<span class="font12"> - Gantt</span></a>
             </li>
             <li class=""
                 id="sidebar_menu_analysis_time">
-                <a href="/arms/template.html?page=analysisTime">일정 분석<span class="font12"> - Time</span></a>
+                <a href="/arms/template.html?page=analysisTime" data-locale="nav.analysis.t">일정 분석<span class="font12"> - Time</span></a>
             </li>
             <li class=""
                 id="sidebar_menu_analysis_scope">
-                <a href="/arms/template.html?page=analysisScope">범위 분석<span class="font12"> - Scope</span></a>
+                <a href="/arms/template.html?page=analysisScope" data-locale="nav.analysis.s">범위 분석<span class="font12"> - Scope</span></a>
             </li>
             <li class=""
                 id="sidebar_menu_analysis_resource">
-                <a href="/arms/template.html?page=analysisResource">자원 분석<span class="font12"> - Resource</span></a>
+                <a href="/arms/template.html?page=analysisResource" data-locale="nav.analysis.r">자원 분석<span class="font12"> - Resource</span></a>
             </li>
         </ul>
     </li>
@@ -121,31 +121,31 @@
         <ul id="community_elements_collapse">
             <li class=""
                 id="sidebar_menu_community_notice">
-                <a href="/php/gnuboard5/bbs/board.php?bo_table=notice">공지 사항</a>
+                <a href="/php/gnuboard5/bbs/board.php?bo_table=notice" data-locale="nav.community.n">공지 사항</a>
             </li>
             <li class=""
                 id="sidebar_menu_community_qa">
-                <a href="/php/gnuboard5/bbs/board.php?bo_table=qa">문의 답변</a>
+                <a href="/php/gnuboard5/bbs/board.php?bo_table=qa" data-locale="nav.community.q">문의 답변</a>
             </li>
             <li class=""
                 id="sidebar_menu_community_releasenote">
-                <a href="/php/gnuboard5/bbs/board.php?bo_table=releasenote">업데이트 노트</a>
+                <a href="/php/gnuboard5/bbs/board.php?bo_table=releasenote" data-locale="nav.community.p">업데이트 노트</a>
             </li>
             <li class=""
                 id="sidebar_menu_community_manual">
-                <a href="/php/gnuboard5/bbs/board.php?bo_table=manual">사용자 메뉴얼</a>
+                <a href="/php/gnuboard5/bbs/board.php?bo_table=manual" data-locale="nav.community.m">사용자 메뉴얼</a>
             </li>
             <li class=""
                 id="sidebar_menu_community_devtools">
-                <a href="/arms/template.html?page=community_devtools">관리 도구</a>
+                <a href="/arms/template.html?page=community_devtools" data-locale="nav.community.t">관리 도구</a>
             </li>
             <li class=""
                 id="sidebar_menu_community_contributors">
-                <a href="/arms/template.html?page=community_contributors">만든 사람</a>
+                <a href="/arms/template.html?page=community_contributors" data-locale="nav.community.c">만든 사람</a>
             </li>
             <li class=""
                 id="sidebar_menu_community_license">
-                <a href="/arms/template.html?page=community_license">라이 선스</a>
+                <a href="/arms/template.html?page=community_license" data-locale="nav.community.l">라이 선스</a>
             </li>
         </ul>
     </li>
Index: reference/jquery-plugins/select2-4.0.13/src/scss/theme/default/layout.scss
===================================================================
diff -u -r1928300b466242910388c27dc0947dbfafe31f45 -r0cc2ef4e5a19518c64915cbacfe792d16f05c766
--- reference/jquery-plugins/select2-4.0.13/src/scss/theme/default/layout.scss	(.../layout.scss)	(revision 1928300b466242910388c27dc0947dbfafe31f45)
+++ reference/jquery-plugins/select2-4.0.13/src/scss/theme/default/layout.scss	(.../layout.scss)	(revision 0cc2ef4e5a19518c64915cbacfe792d16f05c766)
@@ -54,9 +54,8 @@
 }
 
 function 로드_완료_이후_실행_함수() {
-
 	톱니바퀴_초기설정();
-
+	setLocale();
 }
 
 ////////////////////////////////////////////////////////////////////////////////////////
@@ -155,13 +154,12 @@
 				self.removeAttr("data-include");
 			});
 		} else if (url.indexOf("page-sidebar") !== -1) {
-
 			if (mode == "detail" || hrefLink.indexOf("detail.html") > 0) {
 				url = "/arms/html/detail/page-sidebar.html";
 				self.load(url, function () {
 					self.removeAttr("data-include");
 				});
-			}else{
+			} else {
 				url = "/arms/html/template/page-sidebar.html";
 				self.load(url, function () {
 					self.removeAttr("data-include");
@@ -1111,9 +1109,7 @@
 }
 
 function laddaBtnSetting(라따적용_클래스이름_배열) {
-
 	for (i = 0; i < 라따적용_클래스이름_배열.length; i++) {
-
 		// add css
 		$(라따적용_클래스이름_배열[i]).addClass("ladda-button");
 
@@ -1122,7 +1118,6 @@
 			callback: function (instance) {
 				var progress = 0;
 				var interval = setInterval(function () {
-
 					progress = Math.min(progress + 0.1, 1);
 					instance.setProgress(progress);
 
@@ -1181,7 +1176,8 @@
 	let tourGuideMode = getCookie("tourGuideMode");
 	if (tourGuideMode) {
 		return tourGuideMode;
-	} else { //쿠키가 없을 때, "on"으로 체크
+	} else {
+		//쿠키가 없을 때, "on"으로 체크
 		setTourGuideMode("on");
 		return getCookie("tourGuideMode");
 	}
@@ -1192,14 +1188,13 @@
 /////////////////////////////////
 function setTourGuideMode(mode) {
 	console.log("[ common :: setTourGuideMode ] :: mode → " + mode);
-	$.cookie("tourGuideMode",mode,{ expires: 7});
+	$.cookie("tourGuideMode", mode, { expires: 7 });
 	return mode;
 }
 
-
 function tourGuideStart() {
 	let pageName = getPageName(this.location.search);
-	console.log("[ common :: tourGuideStart ] :: pageName → " +pageName);
+	console.log("[ common :: tourGuideStart ] :: pageName → " + pageName);
 	let tg = TourGuideApi.makeInstance(pageName);
 	tg.start();
 }
@@ -1210,7 +1205,8 @@
 	if (!checkMobileDevice()) {
 		if (tourGuideMode === "off") {
 			console.log("common :: checkTourGuideMode : tourGuideMode is Off");
-		} else {//mode 가 없거나 on 일때
+		} else {
+			//mode 가 없거나 on 일때
 			console.log("common :: checkTourGuideMode : tourGuideMode is On");
 			setTourGuideMode("on");
 			setTimeout(function () {
@@ -1232,7 +1228,7 @@
 		$("#tourGuideButtons #tour_guide_on").addClass("active");
 	}
 
-	$("#tourGuideButtons button").click(function() {
+	$("#tourGuideButtons button").click(function () {
 		let $active_label = $(this).text().toLowerCase();
 		console.log($active_label);
 		if ($active_label === "on") {
@@ -1261,7 +1257,6 @@
 	return isMobile;
 }
 
-
 ////////////////////////////////////////////////////////////////////////////////////////
 // 헤더 :: 톱니바퀴 대응함수
 ////////////////////////////////////////////////////////////////////////////////////////
@@ -1525,8 +1520,7 @@
 	const params = {};
 
 	window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi, (str, key, value) => {
-
-		if (!isEmpty(path) &&  key === "page") {
+		if (!isEmpty(path) && key === "page") {
 			params[key] = path;
 		} else {
 			params[key] = value;
@@ -1541,14 +1535,12 @@
 	const params = {};
 
 	window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi, (str, key, value) => {
-
-		if (!isEmpty(bo_table) &&  key === "page") {
+		if (!isEmpty(bo_table) && key === "page") {
 			params[key] = "index";
 		} else {
-
 			if (key == "wr_id") {
 				console.log("skip");
-			}else {
+			} else {
 				params[key] = value;
 			}
 		}
@@ -1586,4 +1578,46 @@
 	params["mode"] = "detail";
 
 	location.href = `/php/gnuboard5/index.php?${new URLSearchParams(params).toString()}`;
-}
\ No newline at end of file
+}
+
+/**
+ * Locales
+ * */
+function bindLocaleText(locales) {
+	const targets = document.querySelectorAll("[data-locale]");
+
+	targets.forEach((tag) => {
+		tag.textContent = locales[tag.dataset.locale];
+	});
+}
+
+function flattenObject(obj, parentKey) {
+	let result = {};
+
+	Object.entries(obj).forEach(([key, value]) => {
+		const _key = parentKey ? parentKey + "." + key : key;
+		if (typeof value === "object") {
+			result = { ...result, ...flattenObject(value, _key) };
+		} else {
+			result[_key] = value;
+		}
+	});
+
+	return result;
+}
+
+function setLocale(locale = "ko") {
+	$.ajax({
+		url: `locales/${locale}.json`,
+		async: false,
+		dataType: "json"
+	}).done(function (data) {
+		bindLocaleText(flattenObject(data));
+	});
+}
+
+function chnageLoocale() {
+	const localeSelect = document.getElementById("localeSelect");
+
+	setLocale(localeSelect.options[localeSelect.selectedIndex].value);
+}
Index: arms/locales/en.json
===================================================================
diff -u
--- arms/locales/en.json	(revision 0)
+++ arms/locales/en.json	(revision 0cc2ef4e5a19518c64915cbacfe792d16f05c766)
@@ -0,0 +1,31 @@
+{
+	"nav": {
+		"product": {
+			"p": "Product Management",
+			"v": "Version Management"
+		},
+		"alm": {
+			"s": "Server Management",
+			"c": "Manage Connection"
+		},
+		"requirement": {
+			"q": "Demand Management",
+			"s": "Status Management"
+		},
+		"analysis": {
+			"g": "Gantt Chart",
+			"t": "Time Analysis",
+			"s": "Scope Analysis",
+			"r": "Resource Analysis"
+		},
+		"community": {
+			"n": "Notice",
+			"q": "Inquiry Answers",
+			"p": "Patch Note",
+			"m": "Manual",
+			"t": "Administrative Tools",
+			"c": "Contributors",
+			"l": "Licenses"
+		}
+	}
+}
Index: arms/locales/ko.json
===================================================================
diff -u
--- arms/locales/ko.json	(revision 0)
+++ arms/locales/ko.json	(revision 0cc2ef4e5a19518c64915cbacfe792d16f05c766)
@@ -0,0 +1,31 @@
+{
+	"nav": {
+		"product": {
+			"p": "제품 관리",
+			"v": "버전 관리"
+		},
+		"alm": {
+			"s": "서버 관리",
+			"c": "연결 관리"
+		},
+		"requirement": {
+			"q": "요구 관리",
+			"s": "현황 관리"
+		},
+		"analysis": {
+			"g": "간트 차트 - Gantt",
+			"t": "일정 분석 - Time",
+			"s": "범위 분석 - Scope",
+			"r": "자원 분석 - Resource"
+		},
+		"community": {
+			"n": "공지 사항",
+			"q": "문의 답변",
+			"p": "업데이트 노트",
+			"m": "사용자 메뉴얼",
+			"t": "관리 도구",
+			"c": "만든 사람",
+			"l": "라이 선스"
+		}
+	}
+}
Index: arms/template.html
===================================================================
diff -u -r3d4ed2f63583496900dfa737bf5979c8f5d7d63b -r0cc2ef4e5a19518c64915cbacfe792d16f05c766
--- arms/template.html	(.../template.html)	(revision 3d4ed2f63583496900dfa737bf5979c8f5d7d63b)
+++ arms/template.html	(.../template.html)	(revision 0cc2ef4e5a19518c64915cbacfe792d16f05c766)
@@ -1,301 +1,449 @@
 <!DOCTYPE html>
 <html>
-<head>
-    <title>A-RMS By 313DEVGRP</title>
+	<head>
+		<title>A-RMS By 313DEVGRP</title>
 
-    <meta   charset="utf-8" />
-    <meta   http-equiv="X-UA-Compatible"
-            content="IE=edge" />
-    <!-- Tell the browser to be responsive to screen width -->
-    <meta   name="viewport"
-            content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-    <meta   http-equiv="Expire"
-            content="-1" />
-    <meta   http-equiv="Keywords"
-            content="A-RMS By 313DEVGRP" />
-    <meta   http-equiv="Reply-to"
-            content="313cokr@gmail.com" />
-    <meta   http-equiv="Content-Language"
-            content="Korean" />
-    <meta   http-equiv="Last-Modified"
-            content="Wed 01 Nov 2023 23:59:59" />
-    <meta   http-equiv="Organization"
-            content="www.a-rms.net" />
-    <meta   http-equiv="Content-Type"
-            content="text/html;charset=utf-8" />
-    <meta   http-equiv="Cache-Control"
-            content="no-cache" />
-    <meta   http-equiv="Pragma"
-            content="no-cache" />
-    <meta   http-equiv="imagetoolbar"
-            content="no" />
-    <meta   http-equiv="content-Script-type"
-            content="text/javascript" />
-    <meta   http-equiv="content-Style-type"
-            content="text/css" />
+		<meta charset="utf-8" />
+		<meta
+			http-equiv="X-UA-Compatible"
+			content="IE=edge" />
+		<!-- Tell the browser to be responsive to screen width -->
+		<meta
+			name="viewport"
+			content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+		<meta
+			http-equiv="Expire"
+			content="-1" />
+		<meta
+			http-equiv="Keywords"
+			content="A-RMS By 313DEVGRP" />
+		<meta
+			http-equiv="Reply-to"
+			content="313cokr@gmail.com" />
+		<meta
+			http-equiv="Content-Language"
+			content="Korean" />
+		<meta
+			http-equiv="Last-Modified"
+			content="Wed 01 Nov 2023 23:59:59" />
+		<meta
+			http-equiv="Organization"
+			content="www.a-rms.net" />
+		<meta
+			http-equiv="Content-Type"
+			content="text/html;charset=utf-8" />
+		<meta
+			http-equiv="Cache-Control"
+			content="no-cache" />
+		<meta
+			http-equiv="Pragma"
+			content="no-cache" />
+		<meta
+			http-equiv="imagetoolbar"
+			content="no" />
+		<meta
+			http-equiv="content-Script-type"
+			content="text/javascript" />
+		<meta
+			http-equiv="content-Style-type"
+			content="text/css" />
 
-    <meta   name="robots"
-            content="ALL, INDEX, FOLLOW" />
-    <meta   name="Subject"
-            content="A-RMS By 313DEVGRP" />
-    <meta   name="Filename"
-            content="template.html" />
-    <meta   name="Author-Date"
-            content="Wed 01 Nov 2023" />
-    <meta   name="Date"
-            content="Wed 01 Nov 2023" />
-    <meta   name="Author"
-            content="313DEVGRP" />
-    <meta   name="Other Agent"
-            content="313DEVGRP" />
-    <meta   name="Email"
-            content="313cokr@gmail.com" />
-    <meta   name="Reply-To"
-            content="313cokr@gmail.com" />
-    <meta   name="Project"
-            content="A-RMS By 313DEVGRP" />
-    <meta   name="Status"
-            content="Draft" />
-    <meta   name="Location"
-            content="South Korea" />
-    <meta   name="distribution"
-            content="A-RMS By 313DEVGRP" />
-    <meta   name="Description"
-            content="A-RMS By 313DEVGRP" />
-    <meta   name="verify-v1"
-            content="Eal6+fiCjgKAZb5A6pRvSLmsh9NLF2AsqxqJrLuFoAs=" />
-    <meta   name="Revision"
-            content="1.0" />
-    <meta   name="Generator"
-            content="eclipse 3.6.1" />
-    <meta   name="Classification"
-            content="Development,Deployment" />
-    <meta   name="Copyright"
-            content="CopyRight@313DEVGRP. All Rights Reserved" />
-    <meta   name="title"
-            content="A-RMS By 313DEVGRP" />
-    <meta   name="revisit-after"
-            content="1 days" />
-    <meta   name="siteinfo"
-            content="http://www.a-rms.net/robots.txt" />
-    <meta   name="HandheldFriendly"
-            content="True" />
-    <meta   name="MobileOptimized"
-            content="320" />
-    <meta   property="og:type"
-            content="website" />
-    <meta   property="og:title"
-            content="A-RMS By 313DEVGRP" />
-    <meta   property="og:url"
-            content="http://www.a-rms.net/" />
-    <meta   property="og:site_name"
-            content="A-RMS By 313DEVGRP" />
+		<meta
+			name="robots"
+			content="ALL, INDEX, FOLLOW" />
+		<meta
+			name="Subject"
+			content="A-RMS By 313DEVGRP" />
+		<meta
+			name="Filename"
+			content="template.html" />
+		<meta
+			name="Author-Date"
+			content="Wed 01 Nov 2023" />
+		<meta
+			name="Date"
+			content="Wed 01 Nov 2023" />
+		<meta
+			name="Author"
+			content="313DEVGRP" />
+		<meta
+			name="Other Agent"
+			content="313DEVGRP" />
+		<meta
+			name="Email"
+			content="313cokr@gmail.com" />
+		<meta
+			name="Reply-To"
+			content="313cokr@gmail.com" />
+		<meta
+			name="Project"
+			content="A-RMS By 313DEVGRP" />
+		<meta
+			name="Status"
+			content="Draft" />
+		<meta
+			name="Location"
+			content="South Korea" />
+		<meta
+			name="distribution"
+			content="A-RMS By 313DEVGRP" />
+		<meta
+			name="Description"
+			content="A-RMS By 313DEVGRP" />
+		<meta
+			name="verify-v1"
+			content="Eal6+fiCjgKAZb5A6pRvSLmsh9NLF2AsqxqJrLuFoAs=" />
+		<meta
+			name="Revision"
+			content="1.0" />
+		<meta
+			name="Generator"
+			content="eclipse 3.6.1" />
+		<meta
+			name="Classification"
+			content="Development,Deployment" />
+		<meta
+			name="Copyright"
+			content="CopyRight@313DEVGRP. All Rights Reserved" />
+		<meta
+			name="title"
+			content="A-RMS By 313DEVGRP" />
+		<meta
+			name="revisit-after"
+			content="1 days" />
+		<meta
+			name="siteinfo"
+			content="http://www.a-rms.net/robots.txt" />
+		<meta
+			name="HandheldFriendly"
+			content="True" />
+		<meta
+			name="MobileOptimized"
+			content="320" />
+		<meta
+			property="og:type"
+			content="website" />
+		<meta
+			property="og:title"
+			content="A-RMS By 313DEVGRP" />
+		<meta
+			property="og:url"
+			content="http://www.a-rms.net/" />
+		<meta
+			property="og:site_name"
+			content="A-RMS By 313DEVGRP" />
 
-    <!-- favicon -->
-    <link rel="icon" href="./img/313_logo.ico" type="image/x-icon" />
-    <link rel="shortcut icon" href="./img/313_logo.ico" type="image/x-icon" />
+		<!-- favicon -->
+		<link
+			rel="icon"
+			href="./img/313_logo.ico"
+			type="image/x-icon" />
+		<link
+			rel="shortcut icon"
+			href="./img/313_logo.ico"
+			type="image/x-icon" />
 
-    <link href="../reference/jquery-plugins/normalize.css-8.0.1/normalize.css" rel="stylesheet" type="text/css" media="screen" />
+		<link
+			href="../reference/jquery-plugins/normalize.css-8.0.1/normalize.css"
+			rel="stylesheet"
+			type="text/css"
+			media="screen" />
 
-    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
-    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
-    <!--[if lt IE 9]>
-    <script src="../reference/jquery-plugins/html5shiv.js"></script>
-    <script src="../reference/jquery-plugins/respond.js"></script>
-    <![endif]-->
+		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+		<!--[if lt IE 9]>
+			<script src="../reference/jquery-plugins/html5shiv.js"></script>
+			<script src="../reference/jquery-plugins/respond.js"></script>
+		<![endif]-->
 
-    <link href="../reference/lightblue4/docs/css/application.min.css" rel="stylesheet" type="text/css" media="screen" />
-    <link href="./css/override.css" rel="stylesheet" type="text/css" media="screen" />
+		<link
+			href="../reference/lightblue4/docs/css/application.min.css"
+			rel="stylesheet"
+			type="text/css"
+			media="screen" />
+		<link
+			href="./css/override.css"
+			rel="stylesheet"
+			type="text/css"
+			media="screen" />
 
-    <!-- common libraries. required for every page-->
-    <script type="text/javascript" src="../reference/lightblue4/docs/lib/jquery/dist/jquery.min.js" charset="utf-8"></script>
-    <script type="text/javascript" src="../reference/lightblue4/docs/lib/jquery-ui/jquery-ui.min.js" charset="utf-8"></script>
-    <script type="text/javascript" src="../reference/jquery-plugins/jquery-cookie-1.4.1/jquery.cookie.js" charset="utf-8"></script>
-    <script type="text/javascript" src="../reference/lightblue4/docs/lib/bootstrap-sass/assets/javascripts/bootstrap.min.js" charset="utf-8"></script>
+		<!-- common libraries. required for every page-->
+		<script
+			type="text/javascript"
+			src="../reference/lightblue4/docs/lib/jquery/dist/jquery.min.js"
+			charset="utf-8"></script>
+		<script
+			type="text/javascript"
+			src="../reference/lightblue4/docs/lib/jquery-ui/jquery-ui.min.js"
+			charset="utf-8"></script>
+		<script
+			type="text/javascript"
+			src="../reference/jquery-plugins/jquery-cookie-1.4.1/jquery.cookie.js"
+			charset="utf-8"></script>
+		<script
+			type="text/javascript"
+			src="../reference/lightblue4/docs/lib/bootstrap-sass/assets/javascripts/bootstrap.min.js"
+			charset="utf-8"></script>
 
-    <script type="text/javascript" src="../reference/jquery-plugins/jnotify_v2.1/jquery/jNotify.jquery.min.js" charset="utf-8"></script>
-    <link rel="stylesheet" type="text/css" href="../reference/jquery-plugins/jnotify_v2.1/jquery/jNotify.jquery.css" media="screen" />
+		<script
+			type="text/javascript"
+			src="../reference/jquery-plugins/jnotify_v2.1/jquery/jNotify.jquery.min.js"
+			charset="utf-8"></script>
+		<link
+			rel="stylesheet"
+			type="text/css"
+			href="../reference/jquery-plugins/jnotify_v2.1/jquery/jNotify.jquery.css"
+			media="screen" />
 
-    <!-- Ladda -->
-    <script type="text/javascript" src="../reference/jquery-plugins/Ladda-jQuery-0.6.0/dist/spin.min.js" charset="utf-8"></script>
-    <script type="text/javascript" src="../reference/jquery-plugins/Ladda-jQuery-0.6.0/js/ladda.js" charset="utf-8"></script>
-    <link rel="stylesheet" type="text/css" href="../reference/jquery-plugins/Ladda-jQuery-0.6.0/dist/ladda.css" media="screen" />
+		<!-- Ladda -->
+		<script
+			type="text/javascript"
+			src="../reference/jquery-plugins/Ladda-jQuery-0.6.0/dist/spin.min.js"
+			charset="utf-8"></script>
+		<script
+			type="text/javascript"
+			src="../reference/jquery-plugins/Ladda-jQuery-0.6.0/js/ladda.js"
+			charset="utf-8"></script>
+		<link
+			rel="stylesheet"
+			type="text/css"
+			href="../reference/jquery-plugins/Ladda-jQuery-0.6.0/dist/ladda.css"
+			media="screen" />
 
-    <!-- Tour-Guide -->
-    <script type="text/javascript" src="../reference/jquery-plugins/tourguide-js-0.0.1-alpha/dist/tour.js" charset="utf-8"></script>
-    <link rel="stylesheet" type="text/css" href="../reference/jquery-plugins/tourguide-js-0.0.1-alpha/dist/css/tour.min.css" media="screen" />
-    <script type="text/javascript" src="../arms/js/common/tourGuide/tgApi.js" charset="utf-8"></script>
-    <script type="text/javascript" src="../arms/js/common/tourGuide/tgGroup.js" charset="utf-8"></script>
-    <link rel="stylesheet" type="text/css" href="../arms/css/tourGuide/tourGuideCustom.css" media="screen"/>
+		<!-- Tour-Guide -->
+		<script
+			type="text/javascript"
+			src="../reference/jquery-plugins/tourguide-js-0.0.1-alpha/dist/tour.js"
+			charset="utf-8"></script>
+		<link
+			rel="stylesheet"
+			type="text/css"
+			href="../reference/jquery-plugins/tourguide-js-0.0.1-alpha/dist/css/tour.min.css"
+			media="screen" />
+		<script
+			type="text/javascript"
+			src="../arms/js/common/tourGuide/tgApi.js"
+			charset="utf-8"></script>
+		<script
+			type="text/javascript"
+			src="../arms/js/common/tourGuide/tgGroup.js"
+			charset="utf-8"></script>
+		<link
+			rel="stylesheet"
+			type="text/css"
+			href="../arms/css/tourGuide/tourGuideCustom.css"
+			media="screen" />
 
-    <!-- notification popup -->
-    <script src="../reference/lightblue4/docs/lib/messenger/build/js/messenger.min.js" charset="utf-8"></script>
-    <script src="../reference/lightblue4/docs/lib/messenger/build/js/messenger-theme-flat.js" charset="utf-8"></script>
+		<!-- notification popup -->
+		<script
+			src="../reference/lightblue4/docs/lib/messenger/build/js/messenger.min.js"
+			charset="utf-8"></script>
+		<script
+			src="../reference/lightblue4/docs/lib/messenger/build/js/messenger-theme-flat.js"
+			charset="utf-8"></script>
 
-    <!-- ckeditor4 성능 이슈로 인한 주석 처리. -->
-    <script type="text/javascript" src="../reference/jquery-plugins/ckeditor4-4.22.1/ckeditor.js" charset="utf-8"></script>
+		<!-- ckeditor4 성능 이슈로 인한 주석 처리. -->
+		<script
+			type="text/javascript"
+			src="../reference/jquery-plugins/ckeditor4-4.22.1/ckeditor.js"
+			charset="utf-8"></script>
 
-    <!-- page interaction -->
-    <script type="text/javascript" src="../reference/jquery-plugins/topbar.js" charset="utf-8"></script>
+		<!-- page interaction -->
+		<script
+			type="text/javascript"
+			src="../reference/jquery-plugins/topbar.js"
+			charset="utf-8"></script>
 
-    <!-- page js -->
-    <script type="text/javascript" src="../arms/js/common.js" charset="utf-8"></script>
-    <script type="text/javascript" src="../arms/js/common/dwrChat.js" charset="utf-8"></script>
-    <script type="text/javascript" src="../reference/lightblue4/docs/js/app.js" charset="utf-8"></script>
+		<!-- page js -->
+		<script
+			type="text/javascript"
+			src="../arms/js/common.js"
+			charset="utf-8"></script>
+		<script
+			type="text/javascript"
+			src="../arms/js/common/dwrChat.js"
+			charset="utf-8"></script>
+		<script
+			type="text/javascript"
+			src="../reference/lightblue4/docs/js/app.js"
+			charset="utf-8"></script>
+	</head>
 
-</head>
+	<body style="overflow-x: hidden">
+		<div
+			class="logo"
+			data-include="html/template/page-logo.html"
+			style="left: 35px !important; position: absolute !important"></div>
 
-<body   style="overflow-x: hidden">
-<div    class="logo"
-        data-include="html/template/page-logo.html"
-        style="left: 35px !important; position: absolute !important">
-</div>
+		<nav
+			id="sidebar"
+			class="sidebar nav-collapse collapse"
+			data-include="html/template/page-sidebar.html"></nav>
 
-<nav    id="sidebar"
-        class="sidebar nav-collapse collapse"
-        data-include="html/template/page-sidebar.html">
-</nav>
+		<div class="wrap">
+			<header
+				class="page-header"
+				data-include="html/template/page-header.html"></header>
 
-<div    class="wrap">
-    <header class="page-header"
-            data-include="html/template/page-header.html">
-    </header>
+			<div class="content container">
+				<section
+					class="widgetheader"
+					data-include="html/template/content-header.html"></section>
 
-    <div    class="content container">
-        <section    class="widgetheader"
-                    data-include="html/template/content-header.html">
-        </section>
+				<div
+					class="row"
+					data-include="html/template/content-container.html"></div>
 
-        <div    class="row"
-                data-include="html/template/content-container.html">
-        </div>
+				<footer
+					class="content-footer pull-right"
+					data-include="html/template/content-footer.html"></footer>
+			</div>
+		</div>
 
-        <footer class="content-footer pull-right"
-                data-include="html/template/content-footer.html">
-        </footer>
-    </div>
-</div>
-
-<div    class="loader animated fadeIn darkBack hide"
-        style="z-index: 999999">
-			<span   class="spinner"
-                    style="font-size: 13px !important">
-				<img    src="./img/circleloading.gif"
-                        alt="로딩"
-                        style="width: 16px;">
+		<div
+			class="loader animated fadeIn darkBack hide"
+			style="z-index: 999999">
+			<span
+				class="spinner"
+				style="font-size: 13px !important">
+				<img
+					src="./img/circleloading.gif"
+					alt="로딩"
+					style="width: 16px" />
 				어플리케이션 API Data를 가져오는 중입니다...
 			</span>
-</div>
+		</div>
 
-<div    id="topicon"
-        style="opacity: 1">
-    <img    src="./img/topicon.gif"
-            alt="맨위로" />
-</div>
+		<div
+			id="topicon"
+			style="opacity: 1">
+			<img
+				src="./img/topicon.gif"
+				alt="맨위로" />
+		</div>
 
-<!-- config icon template -->
-<script type="text/template" id="settings-template">
-    <div class="setting clearfix" style="margin-top: 5px;">
-        <div>Mode (NewTab)</div>
-        <div class="btn-group" style="margin-top: 5px;">
-            <button type="button" class="btn btn-sm btn-default" style="margin-top: 0px;padding: 1px 7px;">Adm</button>
-            <button type="button" class="btn btn-sm btn-default" style="margin-top: 0px;padding: 1px 7px;">User</button>
-        </div>
-    </div>
-    <div class="setting clearfix" style="margin-top: 15px;">
-        <div>Sidebar</div>
-        <div id="display-sidebar-toggle" class="btn-group" data-toggle="buttons-radio" style="margin-top: 5px;">
-            <% display = displaySidebar%>
-            <button type="button" data-value="true" class="btn btn-sm btn-default <%= display? 'active' : '' %>" style="margin-top: 0px;padding: 1px 7px;">Show</button>
-            <button type="button" data-value="false" class="btn btn-sm btn-default <%= display? '' : 'active' %>" style="margin-top: 0px;padding: 1px 7px;">Hide</button>
-        </div>
-    </div>
-    <div class="setting clearfix" style="margin-top: 15px;">
-        <div>TourGuide</div>
-        <div class="btn-group" id="tourGuideButtons" data-toggle="buttons-radio" style="margin-top: 5px;">
-            <button id="tour_guide_on" type="button" class="btn btn-sm btn-default" style="margin-top: 0px;padding: 1px 7px;">On</button>
-            <button id="tour_guide_off" type="button" class="btn btn-sm btn-default" style="margin-top: 0px;padding: 1px 7px;">Off</button>
-        </div>
-    </div>
-</script>
+		<!-- config icon template -->
+		<script
+			type="text/template"
+			id="settings-template">
+			<div class="setting clearfix" style="margin-top: 5px;">
+			    <div>Mode (NewTab)</div>
+			    <div class="btn-group" style="margin-top: 5px;">
+			        <button type="button" class="btn btn-sm btn-default" style="margin-top: 0px;padding: 1px 7px;">Adm</button>
+			        <button type="button" class="btn btn-sm btn-default" style="margin-top: 0px;padding: 1px 7px;">User</button>
+			    </div>
+			</div>
+			<div class="setting clearfix" style="margin-top: 15px;">
+			    <div>Sidebar</div>
+			    <div id="display-sidebar-toggle" class="btn-group" data-toggle="buttons-radio" style="margin-top: 5px;">
+			        <% display = displaySidebar%>
+			        <button type="button" data-value="true" class="btn btn-sm btn-default <%= display? 'active' : '' %>" style="margin-top: 0px;padding: 1px 7px;">Show</button>
+			        <button type="button" data-value="false" class="btn btn-sm btn-default <%= display? '' : 'active' %>" style="margin-top: 0px;padding: 1px 7px;">Hide</button>
+			    </div>
+			</div>
+			<div class="setting clearfix" style="margin-top: 15px;">
+			    <div>TourGuide</div>
+			    <div class="btn-group" id="tourGuideButtons" data-toggle="buttons-radio" style="margin-top: 5px;">
+			        <button id="tour_guide_on" type="button" class="btn btn-sm btn-default" style="margin-top: 0px;padding: 1px 7px;">On</button>
+			        <button id="tour_guide_off" type="button" class="btn btn-sm btn-default" style="margin-top: 0px;padding: 1px 7px;">Off</button>
+			    </div>
+			</div>
+			<div class="setting clearfix" style="margin-top: 15px;">
+			  <div>Language</div>
+			  <div style="margin-top: 5px;">
+			       <select id="localeSelect" class="darkBack" style="min-height: 30px;" onchange="chnageLoocale()">
+			            <option value="ko">한국어</option>
+			            <option value="en">영어</option>
+			       </select>
+			  </div>
+			</div>
+		</script>
 
-<!-- upload template -->
-<script id="template-upload" type="text/x-tmpl">
-    {% for (var i=0, file; file=o.files[i]; i++) { %}
-    <tr class="template-upload fade">
-        <td class="preview"><span class="fade"></span></td>
-        <td class="name"><span>{%=file.name%}</span></td>
-        <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
-        {% if (file.error) { %}
-        <td class="error" colspan="2"><span class="label label-important">Error</span> {%=file.error%}</td>
-        {% } else if (o.files.valid && !i) { %}
-        <td>
-            <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
-                <div class="bar" style="width:0%;"></div>
-            </div>
-        </td>
-        <td>{% if (!o.options.autoUpload) { %}
-            <button class="btn btn-primary btn-sm start">
-                <i class="fa fa-upload"></i>
-                <span>Start</span>
-            </button>
-            {% } %}</td>
-        {% } else { %}
-        <td colspan="2"></td>
-        {% } %}
-        <td>{% if (!i) { %}
-            <button class="btn btn-warning btn-sm cancel">
-                <i class="fa fa-ban"></i>
-                <span>Cancel</span>
-            </button>
-            {% } %}</td>
-    </tr>
-    {% } %}
-</script>
+		<!-- upload template -->
+		<script
+			id="template-upload"
+			type="text/x-tmpl">
+			{% for (var i=0, file; file=o.files[i]; i++) { %}
+			<tr class="template-upload fade">
+			    <td class="preview"><span class="fade"></span></td>
+			    <td class="name"><span>{%=file.name%}</span></td>
+			    <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
+			    {% if (file.error) { %}
+			    <td class="error" colspan="2"><span class="label label-important">Error</span> {%=file.error%}</td>
+			    {% } else if (o.files.valid && !i) { %}
+			    <td>
+			        <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
+			            <div class="bar" style="width:0%;"></div>
+			        </div>
+			    </td>
+			    <td>{% if (!o.options.autoUpload) { %}
+			        <button class="btn btn-primary btn-sm start">
+			            <i class="fa fa-upload"></i>
+			            <span>Start</span>
+			        </button>
+			        {% } %}</td>
+			    {% } else { %}
+			    <td colspan="2"></td>
+			    {% } %}
+			    <td>{% if (!i) { %}
+			        <button class="btn btn-warning btn-sm cancel">
+			            <i class="fa fa-ban"></i>
+			            <span>Cancel</span>
+			        </button>
+			        {% } %}</td>
+			</tr>
+			{% } %}
+		</script>
 
-<!-- The template to display files available for download -->
-<script id="template-download" type="text/x-tmpl">
-    {% for (var i=0, file; file=o.files[i]; i++) { %}
-    <tr class="template-download fade">
-        {% if (file.error) { %}
-        <td></td>
-        <td class="name"><span>{%=file.name%}</span></td>
-        <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
-        <td class="error" colspan="2"><span class="label label-important">Error</span> {%=file.error%}</td>
-        {% } else { %}
-        <td class="preview">{% if (file.thumbnailUrl) { %}
-            <a href="{%=file.url%}" title="{%=file.fileName%}" data-gallery="gallery" download="{%=file.fileName%}">
-            <img src="{%=file.iconFileName%}" width="80" height="80" class="thumbnail">
-            {% } %}</td>
-        <td class="name" style="vertical-align: middle;">
-            <a href="{%=file.url%}" title="{%=file.fileName%}" data-gallery="{%=file.thumbnailUrl&&'gallery'%}" download="{%=file.fileName%}">{%=file.fileName%}</a>
-        </td>
-        <td class="size" style="vertical-align: middle;"><span>{%=o.formatFileSize(file.size)%}</span></td>
-        <td colspan="2"></td>
-        {% } %}
-        <td style="vertical-align: middle;">
-            <button class="btn btn-danger btn-sm delete file-delete-btn" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}"{% if (file.delete_with_credentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
-            <i class="fa fa-trash"></i>
-            <span>Delete</span>
-            </button>
-        </td>
-    </tr>
-    {% } %}
-</script>
-<!-- Matomo -->
-<script>
-    var _paq = window._paq = window._paq || [];
-    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-    _paq.push(['trackPageView']);
-    _paq.push(['enableLinkTracking']);
-    (function() {
-        var u="//313.co.kr/php/matomo/";
-        _paq.push(['setTrackerUrl', u+'matomo.php']);
-        _paq.push(['setSiteId', '1']);
-        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-        g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
-    })();
-</script>
-<!-- End Matomo Code -->
-</body>
+		<!-- The template to display files available for download -->
+		<script
+			id="template-download"
+			type="text/x-tmpl">
+			{% for (var i=0, file; file=o.files[i]; i++) { %}
+			<tr class="template-download fade">
+			    {% if (file.error) { %}
+			    <td></td>
+			    <td class="name"><span>{%=file.name%}</span></td>
+			    <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
+			    <td class="error" colspan="2"><span class="label label-important">Error</span> {%=file.error%}</td>
+			    {% } else { %}
+			    <td class="preview">{% if (file.thumbnailUrl) { %}
+			        <a href="{%=file.url%}" title="{%=file.fileName%}" data-gallery="gallery" download="{%=file.fileName%}">
+			        <img src="{%=file.iconFileName%}" width="80" height="80" class="thumbnail">
+			        {% } %}</td>
+			    <td class="name" style="vertical-align: middle;">
+			        <a href="{%=file.url%}" title="{%=file.fileName%}" data-gallery="{%=file.thumbnailUrl&&'gallery'%}" download="{%=file.fileName%}">{%=file.fileName%}</a>
+			    </td>
+			    <td class="size" style="vertical-align: middle;"><span>{%=o.formatFileSize(file.size)%}</span></td>
+			    <td colspan="2"></td>
+			    {% } %}
+			    <td style="vertical-align: middle;">
+			        <button class="btn btn-danger btn-sm delete file-delete-btn" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}"{% if (file.delete_with_credentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
+			        <i class="fa fa-trash"></i>
+			        <span>Delete</span>
+			        </button>
+			    </td>
+			</tr>
+			{% } %}
+		</script>
+		<!-- Matomo -->
+		<script>
+			var _paq = (window._paq = window._paq || []);
+			/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+			_paq.push(["trackPageView"]);
+			_paq.push(["enableLinkTracking"]);
+			(function () {
+				var u = "//313.co.kr/php/matomo/";
+				_paq.push(["setTrackerUrl", u + "matomo.php"]);
+				_paq.push(["setSiteId", "1"]);
+				var d = document,
+					g = d.createElement("script"),
+					s = d.getElementsByTagName("script")[0];
+				g.async = true;
+				g.src = u + "matomo.js";
+				s.parentNode.insertBefore(g, s);
+			})();
+		</script>
+		<!-- End Matomo Code -->
+	</body>
 </html>