diff --git a/babylon-vue-4.0.0/src/layout/AppBreadcrumb.vue b/babylon-vue-4.0.0/src/layout/AppBreadcrumb.vue
index f57fd0c..fc491f9 100644
--- a/babylon-vue-4.0.0/src/layout/AppBreadcrumb.vue
+++ b/babylon-vue-4.0.0/src/layout/AppBreadcrumb.vue
@@ -5,24 +5,44 @@
                 <li>
                     <button class="p-link" @click="home"><i class="pi pi-home"></i></button>
                 </li>
+                <span v-if="breadcrumb && breadcrumb[0]">
+                    <li>/</li>
+                    <li>{{ breadcrumb[0].parent }}</li>
+                    <template v-for="item in breadcrumb" v-bind:key="item.id">
+                        <li>/</li>
+                        <li>{{ item.label }}</li>
+                    </template>
+                </span>
+            </ul>
+            <!-- <ul>
+                <li>
+                    <button class="p-link" @click="home"><i class="pi pi-home"></i></button>
+                </li>
                 <template v-if="$route.meta.breadcrumb">
                     <li v-if="$route.meta.breadcrumb[0].parent">/</li>
                     <li v-if="$route.meta.breadcrumb[0].parent">{{ $route.meta.breadcrumb[0].parent }}</li>
                     <li>/</li>
                     <li>{{ $route.meta.breadcrumb[0].label }}</li>
                 </template>
-            </ul>
+            </ul> -->
         </div>
     </div>
 </template>
 
 <script>
+import router from '../router';
+
 export default {
     methods: {
         home() {
             window.location = '/#/';
         },
     },
+    computed: {
+            breadcrumb() {
+                return router.currentRoute.value.meta.breadcrumb
+            }
+        },
 };
 </script>
 
diff --git a/babylon-vue-4.0.0/src/layout/AppTopbar.vue b/babylon-vue-4.0.0/src/layout/AppTopbar.vue
index f7b37fb..c8bee96 100644
--- a/babylon-vue-4.0.0/src/layout/AppTopbar.vue
+++ b/babylon-vue-4.0.0/src/layout/AppTopbar.vue
@@ -28,9 +28,9 @@
                             </button>
                         </li>
                         <li role="menuitem">
-                            <button class="p-link">
-                                <i class="pi pi-cog"></i>
-                                <span>Settings</span>
+                            <button class="p-link"  @click="logout">
+                                <i class="pi pi-sign-out"></i>
+                                <span>Logout</span>
                             </button>
                         </li>
                         <li role="menuitem">
@@ -114,6 +114,11 @@ export default {
         togeulSamples(event) {
             let blnSamples = !this.store.state.samplePages;
             this.store.commit("setSamplePages", blnSamples); 
+        },
+        logout(event) {
+            router.push({
+                path: "/logout",
+            });
         }
     },
     computed: {
diff --git a/babylon-vue-4.0.0/src/router/index.js b/babylon-vue-4.0.0/src/router/index.js
index 844acf2..f437f58 100644
--- a/babylon-vue-4.0.0/src/router/index.js
+++ b/babylon-vue-4.0.0/src/router/index.js
@@ -177,7 +177,11 @@ const routes = [
                         path: '/samples/menu/payment',
                         component: () => import('@/views/samples/uikit/menu/PaymentDemo.vue'),
                         meta: {
-                            breadcrumb: [{ parent: 'UI Kit(Samples)', label: 'PaymentDemo' }],
+                            breadcrumb: [
+                                { parent: 'UI Kit(Samples)1', label: 'UI Kit(Samples)2' },
+                                { label: 'UI Kit(Samples)3' },
+                                { label: 'PaymentDemo' }
+                            ],
                         },
                     },
                     {
diff --git a/babylon-vue-4.0.0/src/service/AgGridService.js b/babylon-vue-4.0.0/src/service/AgGridService.js
index cea408b..17a40ee 100644
--- a/babylon-vue-4.0.0/src/service/AgGridService.js
+++ b/babylon-vue-4.0.0/src/service/AgGridService.js
@@ -102,6 +102,22 @@ const agGridService = {
         });    
 
         return res;
+    },
+
+    /**
+     * 디폴트 셀 스타일 적용
+     * @param {*} pGridApi 
+     * @returns 
+     */
+    agGridDefaultCellStyle: (params) => {
+        console.log("agGridDefaultCellStyle");
+        // 셀이 읽기 전용인 경우 배경색을 회색으로 변경
+        if (params.node && params.node.rowPinned) {
+            return { background: "lightgray" };
+        } else {
+            return null;
+        }
     }
+
 }
 export default agGridService;
\ No newline at end of file
diff --git a/babylon-vue-4.0.0/src/service/MenuDataService.js b/babylon-vue-4.0.0/src/service/MenuDataService.js
index ab6082c..c2c5d31 100644
--- a/babylon-vue-4.0.0/src/service/MenuDataService.js
+++ b/babylon-vue-4.0.0/src/service/MenuDataService.js
@@ -65,7 +65,7 @@ export const menuSamples =
                 { label: 'File', icon: 'pi pi-fw pi-file', to: '/samples/file', authrity: 'CURD', ord: 14 },
                 { label: 'Chart', icon: 'pi pi-fw pi-chart-bar', to: '/samples/chart', authrity: 'CURD', ord: 15 },
                 { label: 'Misc', icon: 'pi pi-fw pi-circle-off', to: '/samples/misc', authrity: 'CURD', ord: 16 },
-                { label: 'Misc', icon: 'pi pi-fw pi-circle-off', to: '/samples/menu/payment', authrity: 'CURD', ord: 16 },
+                { label: 'menus', icon: 'pi pi-fw pi-circle-off', to: '/samples/menu/payment', authrity: 'CURD', ord: 16 },
             ],
         },
         {
diff --git a/babylon-vue-4.0.0/src/views/common/Login.vue b/babylon-vue-4.0.0/src/views/common/Login.vue
index 8e7fbda..e464d05 100644
--- a/babylon-vue-4.0.0/src/views/common/Login.vue
+++ b/babylon-vue-4.0.0/src/views/common/Login.vue
@@ -1,39 +1,26 @@
 <template>
-    <body class="login-body">
-        <div class="mobile-banner">
-            <img src="/layout/images/logo-mobile.svg" alt="prestige-layout" />
-        </div>
-        <div class="login-panel">
-            <div class="logo">
-                <img src="/layout/images/logo.svg" alt="prestige-layout" />
+    <div class="login-body">
+        <div class="login-panel"></div>
+
+        <div class="login-content">
+            <img src="/layout/images/logo-black.png" alt="babylon-layout" />
+
+            <h1><span>SIGN IN</span> TO SYSTEM</h1>
+            <p>Welcome, please use the form to sign-in.</p>
+
+            <div class="login-input-wrapper">
+                <InputText placeholder="Username" v-model="username" @keypress="onkeypress"  />
+                <i class="pi pi-user"></i>
             </div>
-        </div>
-        <div class="login-card">
-            <div class="top-border"></div>
-            <div class="login-content">
-                <h1>Login</h1>
-                <p>Welcome, please use the form to sign-in.</p>
-                <div class="username-container">
-                    <label>Username</label>
-                    <div class="login-input">
-                        <InputText placeholder="Username" v-model="username" @keypress="onkeypress"  />
-                    </div>
-                </div>
-                <div class="password-container">
-                    <label>Password</label>
-                    <div class="login-input">
-                        <InputText type="password" placeholder="Password" v-model="password" @keypress="onkeypress" />
-                    </div>
-                </div>
-                <div class="forgetpassword-container">
-                    <a href="#" class="forget-password">Forget Password?</a>
-                </div>
-                <div>
-                    <Button label="Sign In" @click="formLogin" />
-                </div>
+
+            <div class="login-input-wrapper">
+                <InputText type="password" placeholder="Password" v-model="password" @keypress="onkeypress" />
+                <i class="pi pi-lock"></i>
             </div>
+
+            <Button label="Sign In" @click="formLogin" />
         </div>
-    </body>
+    </div>
 </template>
 
 <script>
diff --git a/babylon-vue-4.0.0/src/views/system/SystemCode.vue b/babylon-vue-4.0.0/src/views/system/SystemCode.vue
index 638893c..16ac1bc 100644
--- a/babylon-vue-4.0.0/src/views/system/SystemCode.vue
+++ b/babylon-vue-4.0.0/src/views/system/SystemCode.vue
@@ -26,7 +26,7 @@
         <div class="grid">
             <div class="col-12 md:col-4" style="padding: 0; padding-right: 10px;">
                 <ag-grid-vue
-                    style="width: 100%; height: 350px;"
+                    style="width: 100%; height: 500px;"
                     class="ag-theme-quartz"
                     :columnDefs="columnsType"                        
                     :rowData="codeTypeItems"
@@ -39,7 +39,7 @@
 
             <div class="col-12 md:col-8" style="padding: 0">
                 <ag-grid-vue
-                    style="width: 100%; height: 350px;"
+                    style="width: 100%; height: 500px;"
                     class="ag-theme-quartz"
                     :columnDefs="columns"                        
                     :rowData="codeItems"
@@ -90,10 +90,14 @@ const columnsType = [
     {
         headerName: i18n.t('System.SystemCode.grid.CodeType'),
         field: "cmmnCode",
+        editable: false,
+        cellStyle: ags.agGridDefaultCellStyle
     },
     {
         headerName: i18n.t('System.SystemCode.grid.CodeName'),
         field: "cmmnCodeNm",
+        editable: true,
+        cellStyle: ags.agGridDefaultCellStyle
     },
 ];
 
--
libgit2 0.21.4