diff --git a/api/actions/app.go b/api/actions/app.go
index 03eeb518..648ef805 100644
--- a/api/actions/app.go
+++ b/api/actions/app.go
@@ -44,13 +44,17 @@ func App() *buffalo.App {
 		apiPath := "/api"
 
 		auth := app.Group(apiPath + "/auth")
-		auth.Middleware.Skip(SetContextMiddleware, AuthLogin)
+
+		auth.Middleware.Skip(SetContextMiddleware, AuthLogin, AuthLoginRefresh)
 		auth.POST("/login", AuthLogin)
-		auth.POST("/refresh", AuthLoginRefresh)
 		auth.POST("/validate", AuthValidate)
 		auth.POST("/logout", AuthLogout)
 		auth.POST("/userinfo", AuthUserinfo)
 
+		refresh := auth.Group("/refresh")
+		refresh.Use(SetRefreshCtxMiddleware)
+		refresh.POST("", AuthLoginRefresh)
+
 		api := app.Group(apiPath)
 		api.POST("/disklookup", DiskLookup)
 		api.POST("/availabledisktypebyproviderregion", AvailableDiskTypeByProviderRegion)
diff --git a/api/actions/auth.go b/api/actions/auth.go
index d2864271..feecf2d8 100644
--- a/api/actions/auth.go
+++ b/api/actions/auth.go
@@ -8,6 +8,7 @@ import (
 	"log"
 
 	"github.com/gobuffalo/buffalo"
+	"github.com/gobuffalo/buffalo/render"
 	"github.com/gobuffalo/pop/v6"
 )
 
@@ -54,16 +55,21 @@ func AuthLoginRefresh(c buffalo.Context) error {
 		return c.Render(commonResponse.Status.StatusCode, r.JSON(commonResponse))
 	}
 
+	refreshToken := c.Value("refreshToken").(string)
+	if refreshToken != sess.RefreshToken {
+		return c.Render(http.StatusForbidden, render.JSON(map[string]interface{}{"error": http.StatusText(http.StatusForbidden)}))
+	}
+
 	tokenSet, err := handler.RefreshAccessToken(sess.RefreshToken)
 	if err != nil {
 		app.Logger.Error(err.Error())
-		commonResponse := handler.CommonResponseStatusBadRequest(err.Error())
+		commonResponse := handler.CommonResponseStatusForbidden(err.Error())
 		return c.Render(commonResponse.Status.StatusCode, r.JSON(commonResponse))
 	}
 
 	sess.AccessToken = tokenSet.Accesstoken
 	sess.ExpiresIn = float64(tokenSet.ExpiresIn)
-	sess.RefreshToken = tokenSet.Accesstoken
+	sess.RefreshToken = tokenSet.RefreshToken
 	sess.RefreshExpiresIn = float64(tokenSet.RefreshExpiresIn)
 
 	_, err = handler.UpdateUserSess(tx, sess)
diff --git a/api/actions/middleware.go b/api/actions/middleware.go
index 327eaf5f..76677df5 100644
--- a/api/actions/middleware.go
+++ b/api/actions/middleware.go
@@ -37,3 +37,34 @@ func SetContextMiddleware(next buffalo.Handler) buffalo.Handler {
 		return next(c)
 	}
 }
+
+func SetRefreshCtxMiddleware(next buffalo.Handler) buffalo.Handler {
+	return func(c buffalo.Context) error {
+		accessToken := strings.TrimPrefix(c.Request().Header.Get("Authorization"), "Bearer ")
+		_, err := handler.GetTokenClaims(accessToken)
+		if errMsg := err.Error(); err != nil && !strings.Contains(errMsg, "token is expired") {
+			app.Logger.Error(errMsg)
+			app.Logger.Error("error occured from token claim")
+			return c.Render(http.StatusUnauthorized, render.JSON(map[string]interface{}{"error": "Unauthorized"}))
+		}
+
+		commonRequest := &handler.CommonRequest{}
+		if err := c.Bind(commonRequest); err != nil {
+			app.Logger.Error(err.Error())
+			return c.Render(http.StatusBadRequest, render.JSON(map[string]interface{}{"error": http.StatusText(http.StatusBadRequest)}))
+		}
+
+		refreshToken := commonRequest.Request.(map[string]interface{})["refresh_token"].(string)
+
+		refreshTokenClaim, err := handler.GetRefreshTokenClaims(refreshToken)
+		if err != nil {
+			app.Logger.Error(err.Error())
+			return c.Render(http.StatusForbidden, render.JSON(map[string]interface{}{"error": http.StatusText(http.StatusForbidden)}))
+		}
+
+		c.Set("UserId", refreshTokenClaim.Upn)
+		c.Set("refreshToken", refreshToken)
+
+		return next(c)
+	}
+}
diff --git a/api/handler/auth.go b/api/handler/auth.go
index d6f64551..8e34c6d1 100644
--- a/api/handler/auth.go
+++ b/api/handler/auth.go
@@ -214,9 +214,10 @@ func generateJWT() (*CmigUserLoginResponse, error) {
 
 	refreshExp := time.Now().Add(refreshTokenExpired).Unix()
 	refreshClaims := CmigRefreshtokenClaims{
-		Exp: exp,
+		Exp: refreshExp,
+		Upn: user.Id,
 		MapClaims: &jwt.MapClaims{
-			"exp": exp,
+			"exp": refreshExp,
 		},
 	}
 	refreshToken := jwt.NewWithClaims(jwt.SigningMethodHS256, refreshClaims)
@@ -242,7 +243,7 @@ func GetUserToken(id string, password string) (*CmigUserLoginResponse, error) {
 }
 
 func RefreshAccessToken(refreshToken string) (*CmigUserLoginResponse, error) {
-	token, err := jwt.ParseWithClaims(refreshToken, &CmigAccesstokenClaims{}, func(token *jwt.Token) (interface{}, error) {
+	token, err := jwt.ParseWithClaims(refreshToken, &CmigRefreshtokenClaims{}, func(token *jwt.Token) (interface{}, error) {
 		if _, ok := token.Method.(*jwt.SigningMethodHMAC); !ok {
 			return nil, fmt.Errorf("unexpected signing method: %v", token.Header["alg"])
 		}
@@ -251,7 +252,7 @@ func RefreshAccessToken(refreshToken string) (*CmigUserLoginResponse, error) {
 	if err != nil {
 		return nil, fmt.Errorf("token is invalid : %s", err.Error())
 	}
-	if claims, ok := token.Claims.(*CmigAccesstokenClaims); ok && token.Valid {
+	if claims, ok := token.Claims.(*CmigRefreshtokenClaims); ok && token.Valid {
 		if time.Now().Unix() > claims.Exp {
 			return nil, fmt.Errorf("refresh token expired")
 		}
@@ -261,15 +262,32 @@ func RefreshAccessToken(refreshToken string) (*CmigUserLoginResponse, error) {
 	}
 }
 
-func GetTokenClaims(tokenString string) (*CmigAccesstokenClaims, error) {
-	token, err := jwt.ParseWithClaims(tokenString, &CmigAccesstokenClaims{}, func(token *jwt.Token) (interface{}, error) {
+func GetRefreshTokenClaims(tokenString string) (*CmigRefreshtokenClaims, error) {
+	token, err := jwt.ParseWithClaims(tokenString, &CmigRefreshtokenClaims{}, func(token *jwt.Token) (interface{}, error) {
 		if _, ok := token.Method.(*jwt.SigningMethodHMAC); !ok {
 			return nil, fmt.Errorf("unexpected signing method: %v", token.Header["alg"])
 		}
 		return encryptionKey, nil
 	})
 	if err != nil {
-		return nil, fmt.Errorf("token is invalid : %s", err.Error())
+		return nil, err
+	}
+	if claims, ok := token.Claims.(*CmigRefreshtokenClaims); ok && token.Valid {
+		return claims, nil
+	} else {
+		return nil, fmt.Errorf("token is invalid")
+	}
+}
+
+func GetTokenClaims(tokenString string) (*CmigAccesstokenClaims, error) {
+	token, err := jwt.ParseWithClaims(tokenString, &CmigAccesstokenClaims{}, func(t *jwt.Token) (interface{}, error) {
+		if _, ok := t.Method.(*jwt.SigningMethodHMAC); !ok {
+			return nil, fmt.Errorf("unexpected signing method: %v", t.Header["alg"])
+		}
+		return encryptionKey, nil
+	})
+	if err != nil {
+		return nil, err
 	}
 	if claims, ok := token.Claims.(*CmigAccesstokenClaims); ok && token.Valid {
 		return claims, nil
diff --git a/api/handler/http-util.go b/api/handler/http-util.go
index 1ec9849f..b9ac3c59 100644
--- a/api/handler/http-util.go
+++ b/api/handler/http-util.go
@@ -65,7 +65,7 @@ type ApiYaml struct {
 // ////////////////////////////////////////////////////////////////
 
 var (
-	ApiYamlSet  ApiYaml
+	ApiYamlSet ApiYaml
 )
 
 func init() {
@@ -359,6 +359,17 @@ func CommonResponseStatusBadRequest(responseData interface{}) *CommonResponse {
 	}
 }
 
+func CommonResponseStatusForbidden(responseData interface{}) *CommonResponse {
+	webStatus := WebStatus{
+		StatusCode: http.StatusForbidden,
+		Message:    http.StatusText(http.StatusForbidden),
+	}
+	return &CommonResponse{
+		ResponseData: responseData,
+		Status:       webStatus,
+	}
+}
+
 func CommonResponseStatusInternalServerError(responseData interface{}) *CommonResponse {
 	webStatus := WebStatus{
 		StatusCode: http.StatusInternalServerError,
diff --git a/front/.env.local b/front/.env.local
index 54258825..582e8b5a 100644
--- a/front/.env.local
+++ b/front/.env.local
@@ -1,4 +1,4 @@
 VITE_BACKEND_ENDPOINT = '/api'
-VITE_BACKEND_URL = 'http://cm-butterfly-api:4000'
+VITE_BACKEND_URL = 'https://devmigapi.onecloudcon.com'
 VITE_PROJECT_NAME = 'MIGRATOR'
 VITE_LANGUAGE = 'en'
diff --git a/front/src/app/providers/router/index.ts b/front/src/app/providers/router/index.ts
index 3e869397..ba13c13a 100644
--- a/front/src/app/providers/router/index.ts
+++ b/front/src/app/providers/router/index.ts
@@ -13,10 +13,14 @@ import { AuthorizationType } from '../../../shared/libs/store/auth';
 import { useAuthStore } from '../../../shared/libs/store/auth';
 import { ROLE_TYPE } from '../../../shared/libs/accessControl/pageAccessHelper/constant';
 import { RoleType } from '../../../shared/libs/accessControl/pageAccessHelper/types';
-import { getMinimalPageAccessPermissionList } from '../../../shared/libs';
+import {
+  axiosPost,
+  getMinimalPageAccessPermissionList,
+} from '../../../shared/libs';
 import { toLower } from 'lodash';
 import { tempRoutes } from './routes/temp.ts';
 import NotFound from '@/pages/error/404/NotFound.vue';
+import { axiosInstance, createInstance } from '@/shared/libs/api/instance.ts';
 //TODO admin부분 고려
 
 const accessiblePagesWithRoles = [] as any[];
@@ -62,6 +66,7 @@ export class McmpRouter {
         mode: 'history',
         routes: McmpRouter.rootRoute,
       });
+
       McmpRouter.router.beforeEach((to: Route, from: Route, next) => {
         const requiresAuth = to.matched.some(
           record => record.meta?.requiresAuth,
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/beetleTaskEditorModel.ts b/front/src/features/sequential/designer/editor/model/beetleTaskEditorModel.ts
similarity index 100%
rename from front/src/features/workflow/workflowEditor/sequential/designer/editor/model/beetleTaskEditorModel.ts
rename to front/src/features/sequential/designer/editor/model/beetleTaskEditorModel.ts
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/editorProviders.ts b/front/src/features/sequential/designer/editor/model/editorProviders.ts
similarity index 88%
rename from front/src/features/workflow/workflowEditor/sequential/designer/editor/model/editorProviders.ts
rename to front/src/features/sequential/designer/editor/model/editorProviders.ts
index 06a066bd..0c9cb8f4 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/editorProviders.ts
+++ b/front/src/features/sequential/designer/editor/model/editorProviders.ts
@@ -1,6 +1,6 @@
 import { insertDynamicComponent } from '@/shared/utils';
-import { getSequencePath } from '@/features/workflow/workflowEditor/sequential/designer/editor/model/utils.ts';
-import BeetleTaskEditor from '@/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue';
+import { getSequencePath } from '@/features/sequential/designer/editor/model/utils.ts';
+import BeetleTaskEditor from '@/features/sequential/designer/editor/ui/BeetleTaskEditor.vue';
 
 export function editorProviders() {
   const editor = document.createElement('div');
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/utils.ts b/front/src/features/sequential/designer/editor/model/utils.ts
similarity index 100%
rename from front/src/features/workflow/workflowEditor/sequential/designer/editor/model/utils.ts
rename to front/src/features/sequential/designer/editor/model/utils.ts
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue b/front/src/features/sequential/designer/editor/ui/BeetleTaskEditor.vue
similarity index 97%
rename from front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue
rename to front/src/features/sequential/designer/editor/ui/BeetleTaskEditor.vue
index 3dcc89c9..1ab5d08e 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue
+++ b/front/src/features/sequential/designer/editor/ui/BeetleTaskEditor.vue
@@ -13,9 +13,9 @@ import Vue, {
   watch,
 } from 'vue';
 import { useInputModel } from '@/shared/hooks/input/useInputModel.ts';
-import { useTaskEditorModel } from '@/features/workflow/workflowEditor/sequential/designer/editor/model/beetleTaskEditorModel.ts';
+import { useTaskEditorModel } from '@/features/sequential/designer/editor/model/beetleTaskEditorModel.ts';
 import BAccordion from '@/shared/ui/Input/Accordian/BAccordion.vue';
-import SequentialShortCut from '@/features/workflow/workflowEditor/sequential/designer/shortcut/ui/SequentialShortCut.vue';
+import SequentialShortCut from '@/features/sequential/designer/shortcut/ui/SequentialShortCut.vue';
 import { Step } from '@/features/workflow/workflowEditor/model/types.ts';
 
 interface IProps {
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/TaskGroupEditor.vue b/front/src/features/sequential/designer/editor/ui/TaskGroupEditor.vue
similarity index 100%
rename from front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/TaskGroupEditor.vue
rename to front/src/features/sequential/designer/editor/ui/TaskGroupEditor.vue
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts b/front/src/features/sequential/designer/model/sequentialDesignerModel.ts
similarity index 95%
rename from front/src/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts
rename to front/src/features/sequential/designer/model/sequentialDesignerModel.ts
index c63b750b..8b229db7 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts
+++ b/front/src/features/sequential/designer/model/sequentialDesignerModel.ts
@@ -5,8 +5,8 @@ import {
 } from 'sequential-workflow-designer';
 import { Definition, Step } from 'sequential-workflow-model';
 import getRandomId from '@/shared/utils/uuid';
-import { toolboxSteps } from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/toolboxSteps.ts';
-import { editorProviders } from '@/features/workflow/workflowEditor/sequential/designer/editor/model/editorProviders.ts';
+import { toolboxSteps } from '@/features/sequential/designer/toolbox/model/toolboxSteps.ts';
+import { editorProviders } from '@/features/sequential/designer/editor/model/editorProviders.ts';
 import testSvg from '@/shared/asset/image/testSvg.svg';
 
 export function useSequentialDesignerModel(refs: any) {
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/shortcut/ui/SequentialShortCut.vue b/front/src/features/sequential/designer/shortcut/ui/SequentialShortCut.vue
similarity index 100%
rename from front/src/features/workflow/workflowEditor/sequential/designer/shortcut/ui/SequentialShortCut.vue
rename to front/src/features/sequential/designer/shortcut/ui/SequentialShortCut.vue
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/toolbox/model/api/index.ts b/front/src/features/sequential/designer/toolbox/model/api/index.ts
similarity index 100%
rename from front/src/features/workflow/workflowEditor/sequential/designer/toolbox/model/api/index.ts
rename to front/src/features/sequential/designer/toolbox/model/api/index.ts
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/toolbox/model/toolboxModel.ts b/front/src/features/sequential/designer/toolbox/model/toolboxModel.ts
similarity index 92%
rename from front/src/features/workflow/workflowEditor/sequential/designer/toolbox/model/toolboxModel.ts
rename to front/src/features/sequential/designer/toolbox/model/toolboxModel.ts
index 27867f83..8b9f34ee 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/toolbox/model/toolboxModel.ts
+++ b/front/src/features/sequential/designer/toolbox/model/toolboxModel.ts
@@ -1,14 +1,14 @@
 import {
   getTaskComponentList,
   ITaskComponentInfoResponse,
-} from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/api';
+} from '@/features/sequential/designer/toolbox/model/api';
 import { parseRequestBody } from '@/shared/utils/stringToObject';
 import getRandomId from '@/shared/utils/uuid';
 import {
   fixedModel,
   Step,
 } from '@/features/workflow/workflowEditor/model/types.ts';
-import { toolboxSteps } from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/toolboxSteps.ts';
+import { toolboxSteps } from '@/features/sequential/designer/toolbox/model/toolboxSteps.ts';
 import { ITaskResponse } from '@/entities';
 
 export function useSequentialToolboxModel() {
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/toolbox/model/toolboxSteps.ts b/front/src/features/sequential/designer/toolbox/model/toolboxSteps.ts
similarity index 100%
rename from front/src/features/workflow/workflowEditor/sequential/designer/toolbox/model/toolboxSteps.ts
rename to front/src/features/sequential/designer/toolbox/model/toolboxSteps.ts
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/ui/SequentialDesigner.vue b/front/src/features/sequential/designer/ui/SequentialDesigner.vue
similarity index 78%
rename from front/src/features/workflow/workflowEditor/sequential/designer/ui/SequentialDesigner.vue
rename to front/src/features/sequential/designer/ui/SequentialDesigner.vue
index ee31ebe4..ea9e92b2 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/ui/SequentialDesigner.vue
+++ b/front/src/features/sequential/designer/ui/SequentialDesigner.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { onMounted, reactive, ref, triggerRef, watch } from 'vue';
-import { useSequentialDesignerModel } from '@/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts';
+import { useSequentialDesignerModel } from '@/features/sequential/designer/model/sequentialDesignerModel.ts';
 
-import { useSequentialToolboxModel } from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/toolboxModel.ts';
+import { useSequentialToolboxModel } from '@/features/sequential/designer/toolbox/model/toolboxModel.ts';
 import { Designer } from 'sequential-workflow-designer';
 import { Step } from '@/features/workflow/workflowEditor/model/types.ts';
-import { ITaskComponentInfoResponse } from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/api';
+import { ITaskComponentInfoResponse } from '@/features/sequential/designer/toolbox/model/api';
 import { Definition } from 'sequential-workflow-model';
 
 interface IProps {
@@ -64,9 +64,9 @@ watch(
 </template>
 
 <style lang="postcss">
-@import '@/../node_modules/sequential-workflow-designer/css/designer.css';
-@import '@/../node_modules/sequential-workflow-designer/css/designer-light.css';
-@import '@/../node_modules/sequential-workflow-designer/css/designer-dark.css';
+@import 'sequential-workflow-designer/css/designer.css';
+@import 'sequential-workflow-designer/css/designer-light.css';
+@import 'sequential-workflow-designer/css/designer-dark.css';
 
 .source-template-workflow-edit-container {
   .workflow-box {
diff --git a/front/src/features/sourceServices/sourceConnection/ui/EditSourceConnectionInfo.vue b/front/src/features/sourceServices/sourceConnection/ui/EditSourceConnectionInfo.vue
index 48435620..a83bb753 100644
--- a/front/src/features/sourceServices/sourceConnection/ui/EditSourceConnectionInfo.vue
+++ b/front/src/features/sourceServices/sourceConnection/ui/EditSourceConnectionInfo.vue
@@ -161,14 +161,13 @@ watch(
               :invalid="!info.user"
             />
           </p-field-group>
-          <p-field-group label="Password" invalid required>
+          <p-field-group label="Password">
             <p-text-input
               v-model="info.password"
               placeholder="Password"
-              :invalid="!info.password"
             />
           </p-field-group>
-          <p-field-group class="private-key" label="Private Key" invalid>
+          <p-field-group class="private-key" label="Private Key">
             <p-text-input v-model="info.private_key" />
           </p-field-group>
         </div>
diff --git a/front/src/features/sourceServices/sourceConnection/ui/SourceConnectionInfo.vue b/front/src/features/sourceServices/sourceConnection/ui/SourceConnectionInfo.vue
index 0c5c8eb7..7604c18b 100644
--- a/front/src/features/sourceServices/sourceConnection/ui/SourceConnectionInfo.vue
+++ b/front/src/features/sourceServices/sourceConnection/ui/SourceConnectionInfo.vue
@@ -86,11 +86,10 @@ watchEffect(() => {
             :invalid="!sourceConnection.user"
           />
         </p-field-group>
-        <p-field-group label="Password" invalid required>
+        <p-field-group label="Password">
           <p-text-input
             v-model="sourceConnection.password"
             placeholder="Password"
-            :invalid="sourceConnection.password === ''"
           />
         </p-field-group>
         <p-field-group class="private-key" label="Private Key">
diff --git a/front/src/features/sourceServices/sourceServiceInfraRefinedModal/ui/sourceServiceInfraRefineModal.vue b/front/src/features/sourceServices/sourceServiceInfraRefinedModal/ui/sourceServiceInfraRefineModal.vue
index 4f29f2e0..b1725657 100644
--- a/front/src/features/sourceServices/sourceServiceInfraRefinedModal/ui/sourceServiceInfraRefineModal.vue
+++ b/front/src/features/sourceServices/sourceServiceInfraRefinedModal/ui/sourceServiceInfraRefineModal.vue
@@ -95,7 +95,7 @@ function handleConvertInfra(): (
     <simple-edit-form
       v-if="isSaveModal"
       name=""
-      header-title="Save Source Modal"
+      header-title="Save Source Model"
       name-label="Name"
       name-placeholder="Source Service name"
       @update:close-modal="isSaveModal = false"
diff --git a/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts b/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts
index 7763f3db..96d3209c 100644
--- a/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts
+++ b/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts
@@ -12,12 +12,12 @@ import {
   IWorkflowResponse,
 } from '@/entities/workflow/model/types.ts';
 import getRandomId from '@/shared/utils/uuid';
-import { toolboxSteps } from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/toolboxSteps.ts';
+import { toolboxSteps } from '@/features/sequential/designer/toolbox/model/toolboxSteps.ts';
 import { parseRequestBody } from '@/shared/utils/stringToObject';
-import { ITaskComponentInfoResponse } from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/api';
+import { ITaskComponentInfoResponse } from '@/features/sequential/designer/toolbox/model/api';
 import { isNullOrUndefined, showErrorMessage } from '@/shared/utils';
 import { reactive } from 'vue';
-import { useSequentialToolboxModel } from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/toolboxModel.ts';
+import { useSequentialToolboxModel } from '@/features/sequential/designer/toolbox/model/toolboxModel.ts';
 
 type dropDownType = {
   name: string;
diff --git a/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue b/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
index 8c363b33..15dc054b 100644
--- a/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
+++ b/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
@@ -19,14 +19,14 @@ import {
   useUpdateWorkflowV2,
 } from '@/entities';
 import { Designer } from 'sequential-workflow-designer';
-import SequentialDesigner from '@/features/workflow/workflowEditor/sequential/designer/ui/SequentialDesigner.vue';
 import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
 import {
   getTaskComponentList,
   ITaskComponentInfoResponse,
-} from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/api';
+} from '@/features/sequential/designer/toolbox/model/api';
 import getRandomId from '@/shared/utils/uuid';
 import { parseRequestBody } from '@/shared/utils/stringToObject';
+import SequentialDesigner from '@/features/sequential/designer/ui/SequentialDesigner.vue';
 
 interface IProps {
   wftId: string;
@@ -304,8 +304,8 @@ function handleSelectTemplate(e) {
         <p-button
           :loading="resUpdateWorkflow.isLoading.value"
           @click="handleSave"
-          >Save</p-button
-        >
+          >Save
+        </p-button>
       </template>
     </create-form>
   </div>
diff --git a/front/src/main.ts b/front/src/main.ts
index 7ad3f269..22d4e303 100644
--- a/front/src/main.ts
+++ b/front/src/main.ts
@@ -8,15 +8,32 @@ import VueRouter from 'vue-router';
 import { McmpRouter } from './app/providers/router';
 import { i18n } from './app/i18n';
 import './app/style/style.pcss';
+import JwtTokenProvider from '@/shared/libs/token';
+import { AUTH_ROUTE } from '@/pages/auth/auth.route.ts';
+import { axiosPost } from '@/shared/libs';
 
 const pinia = createPinia();
 Vue.use(PiniaVuePlugin);
 Vue.use(MirinaeDesignSystem);
 Vue.use(VueRouter);
 
-new Vue({
-  i18n,
-  pinia,
-  router: McmpRouter.getRouter(),
-  render: h => h(App),
-}).$mount('#app');
+async function init() {
+  const router = McmpRouter.getRouter();
+
+  try {
+    await JwtTokenProvider.validateToken();
+  } catch (e) {
+    McmpRouter.getRouter()
+      .push({ name: AUTH_ROUTE.LOGIN._NAME })
+      .catch(() => {});
+  } finally {
+    new Vue({
+      i18n,
+      pinia,
+      router: router,
+      render: h => h(App),
+    }).$mount('#app');
+  }
+}
+
+init();
diff --git a/front/src/shared/libs/accessControl/pageAccessHelper/config.ts b/front/src/shared/libs/accessControl/pageAccessHelper/config.ts
index 4204a2d7..1c6a35fc 100644
--- a/front/src/shared/libs/accessControl/pageAccessHelper/config.ts
+++ b/front/src/shared/libs/accessControl/pageAccessHelper/config.ts
@@ -1,32 +1,31 @@
 // TODO: Role별 접근가능한 페이지 목록 정의
 import { MENU_ID } from '../../../../entities';
-import type { MenuId } from '../../../../entities';
 
-export const PLATFORM_ADMIN_DEFAULT_PERMISSIONS: MenuId[] = [
-  MENU_ID.ORGANIZATIONS,
-  MENU_ID.USERS,
+export const PLATFORM_ADMIN_DEFAULT_PERMISSIONS: any = [
+  // MENU_ID.ORGANIZATIONS,
+  // MENU_ID.USERS,
   // MENU_ID.VPC,
   // MENU_ID.MANAGE_WORKLOADS,
   // MENU_ID.MANAGE_WORKSPACE,
 ];
 
-export const ADMIN_DEFAULT_PERMISSIONS: MenuId[] = [];
+export const ADMIN_DEFAULT_PERMISSIONS: any = [];
 
-export const OPERATOR_DEFAULT_PERMISSIONS: MenuId[] = [];
+export const OPERATOR_DEFAULT_PERMISSIONS: any = [];
 
-export const VIEWER_DEFAULT_PERMISSIONS: MenuId[] = [];
+export const VIEWER_DEFAULT_PERMISSIONS: any = [];
 
-export const BILL_ADMIN_DEFAULT_PERMISSIONS: MenuId[] = [];
+export const BILL_ADMIN_DEFAULT_PERMISSIONS: any = [];
 
-export const BILL_VIEWER_DEFAULT_PERMISSIONS: MenuId[] = [];
+export const BILL_VIEWER_DEFAULT_PERMISSIONS: any = [];
 
-export const MIGRATOR_ADMIN_DEFAULT_PERMISSIONS: MenuId[] = [
-  MENU_ID.SOURCE_SERVICES,
-  MENU_ID.SOURCE_MODELS,
-  MENU_ID.TARGET_MODELS,
-  MENU_ID.WORKFLOWS,
-  MENU_ID.WORKFLOW_TEMPLATES,
-  MENU_ID.TASK_COMPONENTS,
+export const MIGRATOR_ADMIN_DEFAULT_PERMISSIONS: any = [
+  // MENU_ID.SOURCE_SERVICES,
+  // MENU_ID.SOURCE_MODELS,
+  // MENU_ID.TARGET_MODELS,
+  // MENU_ID.WORKFLOWS,
+  // MENU_ID.WORKFLOW_TEMPLATES,
+  // MENU_ID.TASK_COMPONENTS,
 ];
 
-export const NO_ROLE_DEFAULT_PERMISSIONS: MenuId[] = [];
+export const NO_ROLE_DEFAULT_PERMISSIONS: any = [];
diff --git a/front/src/shared/libs/accessControl/pageAccessHelper/index.ts b/front/src/shared/libs/accessControl/pageAccessHelper/index.ts
index 88e50cb4..5b2fb02d 100644
--- a/front/src/shared/libs/accessControl/pageAccessHelper/index.ts
+++ b/front/src/shared/libs/accessControl/pageAccessHelper/index.ts
@@ -10,7 +10,6 @@ import {
   VIEWER_DEFAULT_PERMISSIONS,
 } from './config';
 import { RoleType } from './types';
-import { MenuId } from '../../../../entities';
 /**
  * @description
  * Role Type
@@ -25,7 +24,7 @@ import { MenuId } from '../../../../entities';
 
 export const getMinimalPageAccessPermissionList = (
   roleType?: RoleType,
-): MenuId[] => {
+): any[] => {
   if (roleType === 'PLATFORM_ADMIN') return PLATFORM_ADMIN_DEFAULT_PERMISSIONS;
   if (roleType === 'ADMIN') return ADMIN_DEFAULT_PERMISSIONS;
   if (roleType === 'OPERATOR') return OPERATOR_DEFAULT_PERMISSIONS;
diff --git a/front/src/shared/libs/api/instance.ts b/front/src/shared/libs/api/instance.ts
index 83cfb540..b436653f 100644
--- a/front/src/shared/libs/api/instance.ts
+++ b/front/src/shared/libs/api/instance.ts
@@ -53,7 +53,7 @@ axiosInstance.interceptors.response.use(
 
       if (!refresh_token) {
         McmpRouter.getRouter()
-          .push({ name: AUTH_ROUTE.LOGIN._NAME })
+          .replace({ name: AUTH_ROUTE.LOGIN._NAME })
           .catch(() => {});
       } else {
         try {
@@ -78,6 +78,11 @@ axiosInstance.interceptors.response.use(
           return Promise.reject(e);
         }
       }
+    } else if (error.response?.status === 403) {
+      alert('User Session Expired.\n Pleas login again');
+      McmpRouter.getRouter()
+        .replace({ name: AUTH_ROUTE.LOGIN._NAME })
+        .catch(() => {});
     }
     return Promise.reject(error);
   },
diff --git a/front/src/shared/libs/token/index.ts b/front/src/shared/libs/token/index.ts
index 50b77ac8..7422a01b 100644
--- a/front/src/shared/libs/token/index.ts
+++ b/front/src/shared/libs/token/index.ts
@@ -1,7 +1,7 @@
 import axios from 'axios';
 import { McmpRouter } from '../../../app/providers/router';
 import { AUTH_ROUTE } from '../../../pages/auth/auth.route.ts';
-import { IAxiosResponse } from '../index';
+import { axiosPost, IAxiosResponse } from '../index';
 import { IUserLoginResponse } from '../../../entities';
 import { jwtDecode } from 'jwt-decode';
 import LocalStorageConnector from '../access-localstorage/localStorageConnector.ts';
@@ -18,7 +18,7 @@ export default class JwtTokenProvider {
   private localstorage: LocalStorageConnector<IJwtToken>;
   private REFRESH_TOKEN_URL = 'auth/refresh';
   private TOKEN_STORAGE = 'MCMP_TOEKN';
-
+  private static TOKEN_VALIDATION_URL = 'auth/validate';
   private refresh_token = '';
   private access_token = '';
 
@@ -59,6 +59,10 @@ export default class JwtTokenProvider {
     this.localstorage.removeItem();
   }
 
+  public static async validateToken() {
+    await axiosPost(this.TOKEN_VALIDATION_URL, null);
+  }
+
   public async refreshTokens() {
     try {
       const refreshRes = await axios.post<IAxiosResponse<IUserLoginResponse>>(
@@ -84,7 +88,7 @@ export default class JwtTokenProvider {
 
       alert('User Session Expired.\n Pleas login again');
       McmpRouter.getRouter()
-        .push({ name: AUTH_ROUTE.LOGIN._NAME })
+        .replace({ name: AUTH_ROUTE.LOGIN._NAME })
         .catch(() => {});
 
       return Promise.reject(error);
diff --git a/front/src/widgets/layout/createForm/ui/CreateForm.vue b/front/src/widgets/layout/createForm/ui/CreateForm.vue
index 1fdd07e9..f3b13fbf 100644
--- a/front/src/widgets/layout/createForm/ui/CreateForm.vue
+++ b/front/src/widgets/layout/createForm/ui/CreateForm.vue
@@ -4,6 +4,7 @@ import { WidgetLayout } from '@/widgets/layout';
 import { useSidebar } from '@/shared/libs/store/sidebar';
 import { storeToRefs } from 'pinia';
 import { useSourceConnectionStore } from '@/entities/sourceConnection/model/stores';
+import { onBeforeUnmount, onMounted, ref } from 'vue';
 
 const sidebar = useSidebar();
 const sourceConnectionStore = useSourceConnectionStore();
@@ -21,79 +22,104 @@ interface Props {
 }
 
 defineProps<Props>();
+
 const emit = defineEmits([
   'addSourceConnection',
   'deleteSourceConnection',
   'update:modal-state',
 ]);
+const isMounted = ref(false);
 
+onMounted(() => {
+  isMounted.value = true;
+});
 const handleAddSourceConnection = () => {
   emit('addSourceConnection', true);
 };
 
-const handleGoBack = () => {
-  emit('deleteSourceConnection', true);
+function handleGoBack() {
+  isMounted.value = false;
+}
+
+function afterLeave() {
   isCollapsed.value = false;
   isGnbToolboxShown.value = true;
   isMinimized.value = false;
   sourceConnectionStore.setWithSourceConnection(true);
 
+  emit('deleteSourceConnection', true);
   emit('update:modal-state');
-};
+}
 </script>
 
 <template>
-  <div class="page-layer">
-    <div class="page-top">
-      <p-icon-button
-        style-type="transparent"
-        name="ic_arrow-left"
-        width="2rem"
-        height="2rem"
-        :disabled="loading"
-        @click="handleGoBack"
-      />
-      <p class="page-title">{{ title }}</p>
-      <p-badge
-        v-if="badgeTitle"
-        class="badge"
-        shape="square"
-        style-type="primary1"
-        text-color="#6738b7"
-        background-color="#E1E0FA"
-        font-weight="regular"
-      >
-        <div>{{ badgeTitle }}</div>
-      </p-badge>
-    </div>
-    <slot v-if="!needWidgetLayout" name="add-content" :loading="loading" />
-    <widget-layout
-      v-else-if="needWidgetLayout"
-      class="widget-layout"
-      overflow="visible"
-      :first-title="firstTitle"
-      :title="subtitle"
-    >
-      <template #default>
-        <p-button
-          v-if="addButtonText"
-          class="icon-plus"
-          icon-left="ic_plus"
-          style-type="secondary"
-          @click="handleAddSourceConnection"
+  <transition name="slide-down-up" @after-leave="afterLeave">
+    <div v-show="isMounted" class="page-layer">
+      <div class="page-top">
+        <p-icon-button
+          style-type="transparent"
+          name="ic_arrow-left"
+          width="2rem"
+          height="2rem"
+          :disabled="loading"
+          @click="handleGoBack"
+        />
+        <p class="page-title">{{ title }}</p>
+        <p-badge
+          v-if="badgeTitle"
+          class="badge"
+          shape="square"
+          style-type="primary1"
+          text-color="#6738b7"
+          background-color="#E1E0FA"
+          font-weight="regular"
         >
-          {{ addButtonText }}
-        </p-button>
-        <slot name="add-info" />
-      </template>
-    </widget-layout>
-    <div class="action-buttons">
-      <slot name="buttons" />
+          <div>{{ badgeTitle }}</div>
+        </p-badge>
+      </div>
+      <slot v-if="!needWidgetLayout" name="add-content" :loading="loading" />
+      <widget-layout
+        v-else-if="needWidgetLayout"
+        class="widget-layout"
+        overflow="visible"
+        :first-title="firstTitle"
+        :title="subtitle"
+      >
+        <template #default>
+          <p-button
+            v-if="addButtonText"
+            class="icon-plus"
+            icon-left="ic_plus"
+            style-type="secondary"
+            @click="handleAddSourceConnection"
+          >
+            {{ addButtonText }}
+          </p-button>
+          <slot name="add-info" />
+        </template>
+      </widget-layout>
+      <div class="action-buttons">
+        <slot name="buttons" />
+      </div>
     </div>
-  </div>
+  </transition>
 </template>
 
 <style scoped lang="postcss">
+.slide-down-up-enter-active {
+  transition: transform 0.8s ease;
+  transform: translateY(0);
+}
+
+.slide-down-up-leave-active {
+  transition: all 0.5s ease;
+  transform: translateY(100%);
+  opacity: 0;
+}
+.slide-down-up-enter {
+  transform: translateY(100%);
+}
+
 .page-layer {
   @apply p-[1.5rem];
   .page-top {
diff --git a/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue b/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
index ca218f7d..79726e81 100644
--- a/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
+++ b/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
@@ -97,7 +97,7 @@ function handleConvertInfra(): (
     <simple-edit-form
       v-if="isSaveModal"
       name=""
-      header-title="Save Source Modal"
+      header-title="Save Source Model"
       name-label="Name"
       name-placeholder="Source Service name"
       @update:close-modal="isSaveModal = false"
diff --git a/front/src/widgets/source/sourceConnections/sourceConnectionModal/ui/SourceConnectionModal.vue b/front/src/widgets/source/sourceConnections/sourceConnectionModal/ui/SourceConnectionModal.vue
index 8fa7e2fc..351d0ab0 100644
--- a/front/src/widgets/source/sourceConnections/sourceConnectionModal/ui/SourceConnectionModal.vue
+++ b/front/src/widgets/source/sourceConnections/sourceConnectionModal/ui/SourceConnectionModal.vue
@@ -31,7 +31,7 @@ watchEffect(
   () => {
     if (sourceConnectionStore.editConnections.length > 0) {
       sourceConnectionStore.editConnections.forEach(s => {
-        if (s.ip_address && s.name && s.password && s.ssh_port && s.user) {
+        if (s.ip_address && s.name && s.ssh_port && s.user) {
           isDisabled.value = true;
         } else {
           isDisabled.value = false;
diff --git a/scripts/docker-compose.yaml b/scripts/docker-compose.yaml
index dd8f4977..3c2dd392 100644
--- a/scripts/docker-compose.yaml
+++ b/scripts/docker-compose.yaml
@@ -15,11 +15,11 @@ services:
     env_file:
       - ../api/.env
     environment:
-      USER_AUTH_DATA_PATH: /conf/user.dat 
-      USER_AUTH_CONF_PATH: /conf/authsetting.yaml
-      MENU_CONF_DATA_PATH: /conf/menu.yaml
+      USER_AUTH_DATA_PATH: /app/conf/user.dat 
+      USER_AUTH_CONF_PATH: /app/conf/authsetting.yaml
+      MENU_CONF_DATA_PATH: /app/conf/menu.yaml
     volumes:
-      - ../api/conf:/conf/
+      - ../api/conf:/app/conf/
 
   cm-butterfly-front:
     container_name: cm-butterfly-front