Index: reference/jquery-plugins/select2-4.0.13/src/scss/theme/default/layout.scss
===================================================================
diff -u -rcd457c969d574c450f2a8a7d75958fe40c76bc8f -re84698a1565a970f74befa089587143eddcb6254
--- reference/jquery-plugins/select2-4.0.13/src/scss/theme/default/layout.scss	(.../layout.scss)	(revision cd457c969d574c450f2a8a7d75958fe40c76bc8f)
+++ reference/jquery-plugins/select2-4.0.13/src/scss/theme/default/layout.scss	(.../layout.scss)	(revision e84698a1565a970f74befa089587143eddcb6254)
@@ -47,7 +47,6 @@
 			$.getScript("js/" + page + ".js", function () {
 				/* 로그인 인증 여부 체크 함수 */
 				execDocReady();
-				laddaBtnSetting();
 				dwr_login(userName, userName);
 			});
 		}
@@ -117,7 +116,10 @@
 	var promises = groups.map(function (group) {
 		return loadPluginGroupSequentially(group);
 	});
-	return Promise.all(promises);
+	return Promise.all(promises).then(function () {
+		laddaBtnSetting();
+		loadTourGuide();
+	});
 }
 
 ////////////////////////////////////////////////////////////////////////////////////////
@@ -1081,10 +1083,10 @@
 		callback: function( instance ) {
 			var progress = 0;
 			var interval = setInterval( function() {
-				progress = Math.min( progress + Math.random() * 0.1, 1 );
+				progress = Math.min( progress + 0.1, 1.5 );
 				instance.setProgress( progress );
 
-				if( progress === 1 ) {
+				if( progress === 1.5 ) {
 					instance.stop();
 					clearInterval( interval );
 				}
@@ -1116,3 +1118,48 @@
 		return `${this.baseUrl}?${queryString}`;
 	}
 }
+
+function getCookie(cname) {
+	var name = cname + "=";
+	var decodedCookie = decodeURIComponent(document.cookie);
+	console.log(decodedCookie);
+	var ca = decodedCookie.split(';');
+	for(var i = 0; i <ca.length; i++) {
+		var c = ca[i];
+		while (c.charAt(0) == ' ') {
+			c = c.substring(1);
+		}
+		if (c.indexOf(name) == 0) {
+			return c.substring(name.length, c.length);
+		}
+	}
+	return "";
+}
+
+function setTourGuide(tourGuide) {
+	console.log("common.js :: setTourGuide");
+	document.cookie = "gta=" + tourGuide;
+	if (tourGuide === "on") {
+		//tourGuide 동작
+		GtaApi.startTour(getPageName(this.location.search));
+	}
+}
+
+function getPageName(str) {
+	if (str !== "") {
+		let idxOfPageParam = str.indexOf('page'); // page param의 위치
+		return str.substring(idxOfPageParam+5);
+	}
+	return "페이지 이름 없음"; //페이지 이름이 없을 경우.
+}
+function loadTourGuide() {
+	console.log("common.js :: loadTourGuide");
+	//guided-tour-arrow 플러그인
+	const tourGuide = getCookie("gta");
+	if (tourGuide) {
+		setTourGuide(tourGuide);
+	} else {
+		//지정된 투어가이드(gta) 의 설정이 없을 때, on으로 설정
+		setTourGuide("on");
+	}
+}
\ No newline at end of file
Index: arms/js/common/guidedTour/gtaApi.js
===================================================================
diff -u
--- arms/js/common/guidedTour/gtaApi.js	(revision 0)
+++ arms/js/common/guidedTour/gtaApi.js	(revision e84698a1565a970f74befa089587143eddcb6254)
@@ -0,0 +1,59 @@
+// guided-tour-arrow 요소를 추가하면 됩니다.
+var GtaApi = (function () {
+    var startTour = function (pageName) {
+        switch (pageName) {
+            case 'dashboard':
+                console.log("GtaApi.startTour :: dashboard tour");
+                //GtaGroup.gta_dashboard();
+                break;
+            //Product Service
+            case 'pdService':
+                console.log("GtaApi.startTour :: pdService tour");
+                //GtaGroup.gta_pdService();
+                break;
+            case 'pdServiceVersion':
+                console.log("GtaApi.startTour :: pdServiceVersion tour");
+                //GtaGroup.gta_pdServiceVersion();
+                break;
+            //Jira
+            case 'jiraConnection':
+                console.log("GtaApi.startTour :: jiraConnection tour");
+                //GtaGroup.gta_jiraConnection();
+                break;
+            case 'pdServiceJira':
+                console.log("GtaApi.startTour :: pdServiceJira tour");
+                //GtaGroup.gta_pdServiceJira();
+                break;
+            //Requirement
+            case 'reqAdd':
+                console.log("GtaApi.startTour :: reqAdd tour");
+                //GtaGroup.gta_reqAdd();
+                break;
+            case 'reqStatus':
+                console.log("GtaApi.startTour :: reqStatus tour");
+                //GtaGroup.gta_reqStatus();
+                break;
+            //Analysis
+            case 'analysisGantt':
+                console.log("GtaApi.startTour :: analysisGantt tour");
+                //GtaGroup.gta_analysisGantt();
+                break;
+            case 'analysisResource':
+                console.log("GtaApi.startTour :: analysisResource tour");
+                //GtaGroup.gta_analysisResource();
+                break;
+            case 'analysisTime':
+                console.log("GtaApi.startTour :: analysisTime tour");
+                //GtaGroup.gta_analysisTime();
+                break;
+            case 'analysisCost':
+                console.log("GtaApi.startTour :: analysisCost tour");
+                //GtaGroup.gta_analysisCost();
+                break;
+            default:
+                console.log("투어가이드에 해당하는 페이지가 없습니다. gtaApi 의 pageName 을 확인해주세요.");
+        } //end of switch
+    };
+
+    return {startTour : startTour}; // 내부 함수 key : value ( function )
+})();
\ No newline at end of file
Index: arms/js/common/guidedTour/gtaGroup.js
===================================================================
diff -u
--- arms/js/common/guidedTour/gtaGroup.js	(revision 0)
+++ arms/js/common/guidedTour/gtaGroup.js	(revision e84698a1565a970f74befa089587143eddcb6254)
@@ -0,0 +1,218 @@
+var GtaGroup = ( function () {
+        var gta_dashboard = function () {
+            $.guides({
+                guides: [
+                    {
+                        element: $("#osStatusHeader"),
+                        html: '등록된 Host의 OS 통계를 확인할 수 있습니다.'
+                    }, {
+                        element: $("#sources-chart-pie"),
+                        html: '등록된 Host 차트입니다. 각 OS별 비율을 시각적으로 확인할 수 있습니다.'
+                    }
+                ]
+            }).start();
+        };
+
+        var gta_pdService = function () {
+            $.guides({
+                guides: [
+                    {
+                        element: $(".page-title"),
+                        html: "해당 페이지의 타이틀 입니다."
+                    },
+                    {
+                        element: $(".tg-2nd-section"),
+                        html: "두번째 섹션"
+                    }
+                ]
+                /*guides: [
+                    {
+                        element: $("#pdServiceFirstSection"),
+                        html: '제품(서비스) 목록입니다. 제품(서비스) 추가 버튼을 통해 등록할 수 있습니다.'
+                    }, {
+                        element: $("#pdServiceSecondSection"),
+                        html: '상세 섹션입니다. 상세보기 편집 삭제 탭으로 이루어져 있습니다.'
+                    }
+                ]*/
+            }).start();
+        };
+
+        var gta_pdServiceVersion = function () {
+            $.guides({
+                guides: [
+                    {
+                        element: $("#pdServiceFirstSection"),
+                        html: '제품(서비스) 목록입니다. 제품(서비스) 추가 버튼을 통해 등록할 수 있습니다.'
+                    }, {
+                        element: $("#pdServiceSecondSection"),
+                        html: '상세 섹션입니다. 상세보기 편집 삭제 탭으로 이루어져 있습니다.'
+                    }
+                ]
+            }).start();
+        };
+        var gta_jiraConnection = function () {
+            $.guides({
+                guides: [
+                    {
+                        element: $("#pdServiceFirstSection"),
+                        html: '제품(서비스) 목록입니다. 제품(서비스) 추가 버튼을 통해 등록할 수 있습니다.'
+                    }, {
+                        element: $("#pdServiceSecondSection"),
+                        html: '상세 섹션입니다. 상세보기 편집 삭제 탭으로 이루어져 있습니다.'
+                    }
+                ]
+            }).start();
+        };
+        var gta_pdServiceJira = function () {
+            $.guides({
+                guides: [
+                    {
+                        element: $("#pdServiceFirstSection"),
+                        html: '제품(서비스) 목록입니다. 제품(서비스) 추가 버튼을 통해 등록할 수 있습니다.'
+                    }, {
+                        element: $("#pdServiceSecondSection"),
+                        html: '상세 섹션입니다. 상세보기 편집 삭제 탭으로 이루어져 있습니다.'
+                    }
+                ]
+            }).start();
+        };
+
+        var gta_reqAdd = function () {
+            $.guides({
+                guides: [
+                    {
+                        element: $("#pdServiceFirstSection"),
+                        html: '제품(서비스) 목록입니다. 제품(서비스) 추가 버튼을 통해 등록할 수 있습니다.'
+                    }, {
+                        element: $("#pdServiceSecondSection"),
+                        html: '상세 섹션입니다. 상세보기 편집 삭제 탭으로 이루어져 있습니다.'
+                    }
+                ]
+            }).start();
+        };
+
+        var gta_reqStatus = function () {
+            $.guides({
+                guides: [
+                    {
+                        element: $("#pdServiceFirstSection"),
+                        html: '제품(서비스) 목록입니다. 제품(서비스) 추가 버튼을 통해 등록할 수 있습니다.'
+                    }, {
+                        element: $("#pdServiceSecondSection"),
+                        html: '상세 섹션입니다. 상세보기 편집 삭제 탭으로 이루어져 있습니다.'
+                    }
+                ]
+            }).start();
+        };
+        var gta_analysisGantt = function () {
+            $.guides({
+                guides: [
+                    {
+                        element: $("#pdServiceFirstSection"),
+                        html: '제품(서비스) 목록입니다. 제품(서비스) 추가 버튼을 통해 등록할 수 있습니다.'
+                    }, {
+                        element: $("#pdServiceSecondSection"),
+                        html: '상세 섹션입니다. 상세보기 편집 삭제 탭으로 이루어져 있습니다.'
+                    }
+                ]
+            }).start();
+        };
+
+
+        var gta_analysisTime = function () {
+            $.guides({
+                guides: [
+                    {
+                        element: $("#pdServiceFirstSection"),
+                        html: '제품(서비스) 목록입니다. 제품(서비스) 추가 버튼을 통해 등록할 수 있습니다.'
+                    }, {
+                        element: $("#pdServiceSecondSection"),
+                        html: '상세 섹션입니다. 상세보기 편집 삭제 탭으로 이루어져 있습니다.'
+                    }
+                ]
+            }).start();
+        };
+        var gta_analysisScope = function () {
+            $.guides({
+                guides: [
+                    {
+                        element: $("#pdServiceFirstSection"),
+                        html: '제품(서비스) 목록입니다. 제품(서비스) 추가 버튼을 통해 등록할 수 있습니다.'
+                    }, {
+                        element: $("#pdServiceSecondSection"),
+                        html: '상세 섹션입니다. 상세보기 편집 삭제 탭으로 이루어져 있습니다.'
+                    }
+                ]
+            }).start();
+        };
+        var gta_analysisResource = function () {
+            $.guides({
+                guides: [
+                    {
+                        element: $("#pdServiceFirstSection"),
+                        html: '제품(서비스) 목록입니다. 제품(서비스) 추가 버튼을 통해 등록할 수 있습니다.'
+                    }, {
+                        element: $("#pdServiceSecondSection"),
+                        html: '상세 섹션입니다. 상세보기 편집 삭제 탭으로 이루어져 있습니다.'
+                    }
+                ]
+            }).start();
+        };
+        var gta_analysisCost = function () {
+            $.guides({
+                guides: [
+                    {
+                        element: $("#pdServiceFirstSection"),
+                        html: '제품(서비스) 목록입니다. 제품(서비스) 추가 버튼을 통해 등록할 수 있습니다.'
+                    }, {
+                        element: $("#pdServiceSecondSection"),
+                        html: '상세 섹션입니다. 상세보기 편집 삭제 탭으로 이루어져 있습니다.'
+                    }
+                ]
+            }).start();
+        };
+
+        return { gta_dashboard : gta_dashboard,
+
+            gta_pdService : gta_pdService,
+            gta_pdServiceVersion : gta_pdServiceVersion,
+
+            gta_jiraConnection : gta_jiraConnection,
+            gta_pdServiceJira : gta_pdServiceJira,
+
+            gta_reqAdd  : gta_reqAdd,
+            gta_reqStatus : gta_reqStatus,
+
+            gta_analysisGantt : gta_analysisGantt,
+            gta_analysisTime : gta_analysisTime,
+            gta_analysisScope : gta_analysisScope,
+            gta_analysisResource : gta_analysisResource,
+            gta_analysisCost : gta_analysisCost
+        }; // 내부함수 key : value
+    }
+)();
+
+// If you want to manually start the tour you can do the following:
+/*
+var guides = $.guides({
+    guides: [{
+        html: 'Welcome to Guides.js'
+    }, {
+        element: $('.navbar'),
+        html: 'Navigate through guides.js website'
+    }, {
+        element: $('#demo'),
+        html: 'See how it works'
+    }, {
+        element: $('#download'),
+        html: 'Download guides.js'
+    }, {
+        element: $('#getting-started'),
+        html: 'Check out how to get started with guides.js'
+    }, {
+        element: $('#docs'),
+        html: 'Read the docs'
+    }]
+});
+guides.start();
+*/
\ No newline at end of file
Index: arms/template.html
===================================================================
diff -u -r37841a34ca3a53420ebf88620e99d407c2a39ddd -re84698a1565a970f74befa089587143eddcb6254
--- arms/template.html	(.../template.html)	(revision 37841a34ca3a53420ebf88620e99d407c2a39ddd)
+++ arms/template.html	(.../template.html)	(revision e84698a1565a970f74befa089587143eddcb6254)
@@ -119,6 +119,11 @@
         <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.min.css" media="screen" />
 
+        <!-- Tour-Guide -->
+        <script type="text/javascript" src="../reference/jquery-plugins/guided-tour-arrow/dist/guides.min.js" charset="utf-8"></script>
+        <script type="text/javascript" src="js/common/guidedTour/gtaApi.js" charset="utf-8"></script>
+        <script type="text/javascript" src="js/common/guidedTour/gtaGroup.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>