diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.ts
index 11d5b16f..34a470cf 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.ts
@@ -61,6 +61,7 @@ import {
 } from '../../dialogs/message/message-write.dialog.component';
 import { UserInfo } from '@ucap-webmessenger/protocol-sync';
 import { EmployeeType } from '@ucap-webmessenger/protocol-room';
+import { map } from 'rxjs/operators';
 
 export interface MessageTypeData {
   displayName: string;
@@ -142,19 +143,39 @@ export class MessageBoxComponent
     });
 
     this.messageRetrieveList$ = this.store.pipe(
-      select(AppStore.MessengerSelector.MessageSelector.selectAllReceiveList)
+      select(AppStore.MessengerSelector.MessageSelector.selectAllReceiveList),
+      map(list =>
+        list.sort((a, b) =>
+          a.regDate > b.regDate ? -1 : a.regDate < b.regDate ? 1 : 0
+        )
+      )
     );
 
     this.messageSendList$ = this.store.pipe(
-      select(AppStore.MessengerSelector.MessageSelector.selectAllSendList)
+      select(AppStore.MessengerSelector.MessageSelector.selectAllSendList),
+      map(list =>
+        list.sort((a, b) =>
+          a.regDate > b.regDate ? -1 : a.regDate < b.regDate ? 1 : 0
+        )
+      )
     );
     this.messageReservationList$ = this.store.pipe(
       select(
         AppStore.MessengerSelector.MessageSelector.selectAllReservationList
+      ),
+      map(list =>
+        list.sort((a, b) =>
+          a.regDate > b.regDate ? -1 : a.regDate < b.regDate ? 1 : 0
+        )
       )
     );
     this.messageSearchList$ = this.store.pipe(
-      select(AppStore.MessengerSelector.MessageSelector.selectAllSearchList)
+      select(AppStore.MessengerSelector.MessageSelector.selectAllSearchList),
+      map(list =>
+        list.sort((a, b) =>
+          a.regDate > b.regDate ? -1 : a.regDate < b.regDate ? 1 : 0
+        )
+      )
     );
 
     this.messageDetailInfo = this.store
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/change-password.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/change-password.dialog.component.html
index 0d9e110d..da00235c 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/change-password.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/change-password.dialog.component.html
@@ -1,6 +1,11 @@
 <mat-card class="confirm-card mat-elevation-z setting-frame">
-  <mat-card-header cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
-    <mat-card-title>{{ 'accounts.changePassword' | translate }}</mat-card-title>
+  <mat-card-header>
+    <mat-card-title
+      cdkDrag
+      cdkDragRootElement=".cdk-overlay-pane"
+      cdkDragHandle
+      >{{ 'accounts.changePassword' | translate }}</mat-card-title
+    >
   </mat-card-header>
   <mat-card-content>
     <div fxFlex class="setting-tab">
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/clipboard.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/clipboard.dialog.component.html
index bd42e33c..72850943 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/clipboard.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/clipboard.dialog.component.html
@@ -1,6 +1,11 @@
 <mat-card class="confirm-card mat-elevation-z setting-frame">
-  <mat-card-header cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
-    <mat-card-title>{{ 'settings.label' | translate }}</mat-card-title>
+  <mat-card-header>
+    <mat-card-title
+      cdkDrag
+      cdkDragRootElement=".cdk-overlay-pane"
+      cdkDragHandle
+      >{{ 'settings.label' | translate }}</mat-card-title
+    >
     <button class="icon-button btn-dialog-close" (click)="onClickChoice(false)">
       <i class="mdi mdi-window-close"></i>
     </button>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html
index aebb11ec..f6a91939 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html
@@ -1,6 +1,11 @@
 <mat-card class="confirm-card mat-elevation-z dialog-creat-chat">
-  <mat-card-header cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
-    <mat-card-title>{{ data.title }}</mat-card-title>
+  <mat-card-header>
+    <mat-card-title
+      cdkDrag
+      cdkDragRootElement=".cdk-overlay-pane"
+      cdkDragHandle
+      >{{ data.title }}</mat-card-title
+    >
     <button class="icon-button btn-dialog-close" (click)="onClickChoice(false)">
       <i class="mdi mdi-window-close"></i>
     </button>
@@ -63,7 +68,7 @@
                 <i class="mid mid-24 mdi-account-multiple"></i>
               </button>
             </ng-template>
-            <div class="mat-tab-frame">
+            <div class="mat-tab-frame dialog-tab-grouplist">
               <div>
                 <ucap-organization-tenant-search
                   [companyList]="companyList$ | async"
@@ -76,7 +81,7 @@
               </div>
               <div
                 [style.display]="isShowSearch ? 'none' : 'block'"
-                class="list-panel"
+                class="group"
               >
                 <ucap-group-expansion-panel
                   #groupExpansionPanel
@@ -98,7 +103,7 @@
                     [checkDisabled]="!getCheckableUser(userInfo)"
                     (checkUser)="onCheckUser($event)"
                     (click)="onToggleUser(userInfo)"
-                    class="list-item-frame"
+                    class="group-list-item"
                   >
                   </ucap-profile-user-list-item>
                 </ucap-group-expansion-panel>
@@ -149,7 +154,7 @@
                 <i class="mid mid-24 mdi-file-tree"></i>
               </button>
             </ng-template>
-            <div>
+            <div class="dialog-tab-orglist">
               <app-layout-chat-left-sidenav-organization
                 [showTitle]="false"
                 [selectedUserList]="selectedUserList"
@@ -159,7 +164,7 @@
                 (checkAllUser)="onCheckAllUser($event)"
                 (checkUser)="onCheckUser($event)"
                 (toggleUser)="onToggleUser($event)"
-                class="dialog-org"
+                class="oraganization"
               >
               </app-layout-chat-left-sidenav-organization>
             </div>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss
index 25101ef4..9455060d 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss
@@ -1,47 +1,67 @@
-.mat-card-header {
-  .mat-card-header-text {
-    margin: 0;
-  }
-  .btn-dialog-close {
-    font-size: 20px;
-    display: flex;
-    margin-left: auto;
-    align-self: flex-start;
-    color: #444444;
+.dialog-creat-chat {
+  & > .mat-card-header {
+    .btn-dialog-close {
+      font-size: 20px;
+      display: flex;
+      margin-left: auto;
+      align-self: flex-start;
+      color: #444444;
+    }
   }
 }
 
-//조직도 레이아웃 변경
-::ng-deep .dialog-org {
-  .ps__rail-y {
-    left: auto !important;
-  }
-
-  .oraganization-tab {
+.dialog-tab-grouplist {
+  height: 380px;
+  width: 100%;
+  .group {
     width: 100%;
-    height: 380px;
-    border-bottom: 1px solid #dddddd;
-    position: relative;
-    .oraganization-tab-tree {
-      display: inline-flex;
-      width: 50%;
-      height: 100% !important;
-      border-right: 1px solid #dddddd;
-      overflow: auto;
-      .tab-tree-frame {
-        width: 100%;
-        height: 100%;
+    height: calc(100% - 50px);
+    &-expansion {
+      .list-item {
+        height: 60px;
       }
     }
-    .select-list {
-      display: inline-flex;
-      flex-direction: column;
-      width: 50%;
-      height: 100% !important;
-      overflow: auto;
-      .search-list {
+    &-list-item {
+      width: 100%;
+    }
+  }
+}
+
+::ng-deep .dialog-tab-orglist {
+  width: 100%;
+  height: 380px;
+  border-bottom: 1px solid #dddddd;
+  position: relative;
+  .oraganization {
+    .ps__rail-y {
+      left: auto !important;
+    }
+    &-tab {
+      width: 100%;
+      height: 380px;
+      border-bottom: 1px solid #dddddd;
+      position: relative;
+      &-tree {
+        display: inline-flex;
+        width: 50%;
+        height: 100% !important;
+        border-right: 1px solid #dddddd;
         overflow: auto;
-        height: calc(100% - 40px);
+        .tab-tree-frame {
+          width: 100%;
+          height: 100%;
+        }
+      }
+      .select-list {
+        display: inline-flex;
+        flex-direction: column;
+        width: 50%;
+        height: 100% !important;
+        overflow: auto;
+        .search-list {
+          overflow: auto;
+          height: calc(100% - 40px);
+        }
       }
     }
   }
@@ -82,7 +102,7 @@
   }
 }
 
-::ng-deep .mat-dialog-container {
+/*::ng-deep .mat-dialog-container {
   .mat-tab-body-wrapper {
     height: 380px;
     width: 100%;
@@ -123,3 +143,4 @@
   width: 100%;
   height: 100%;
 }
+*/
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/edit-chat-room.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/edit-chat-room.dialog.component.html
index 86c233fe..d6dc4cd8 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/edit-chat-room.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/edit-chat-room.dialog.component.html
@@ -1,6 +1,11 @@
 <mat-card class="confirm-card mat-elevation-z">
-  <mat-card-header cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
-    <mat-card-title>{{ data.title }}</mat-card-title>
+  <mat-card-header>
+    <mat-card-title
+      cdkDrag
+      cdkDragRootElement=".cdk-overlay-pane"
+      cdkDragHandle
+      >{{ data.title }}</mat-card-title
+    >
     <button class="icon-button btn-dialog-close" (click)="onClickChoice(false)">
       <i class="mdi mdi-window-close"></i>
     </button>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/mass-detail.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/mass-detail.component.html
index 03e5800e..83f6fdeb 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/mass-detail.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/mass-detail.component.html
@@ -1,6 +1,11 @@
 <mat-card class="confirm-card mat-elevation-z">
   <mat-card-header>
-    <mat-card-title>{{ data.title }}</mat-card-title>
+    <mat-card-title
+      cdkDrag
+      cdkDragRootElement=".cdk-overlay-pane"
+      cdkDragHandle
+      >{{ data.title }}</mat-card-title
+    >
     <button class="icon-button btn-dialog-close" (click)="onClickConfirm()">
       <i class="mdi mdi-window-close"></i>
     </button>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/edit-group.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/edit-group.dialog.component.html
index 9f37505d..c1ed29e2 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/edit-group.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/edit-group.dialog.component.html
@@ -1,6 +1,11 @@
 <mat-card class="confirm-card mat-elevation-z">
-  <mat-card-header cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
-    <mat-card-title>{{ data.title }}</mat-card-title>
+  <mat-card-header>
+    <mat-card-title
+      cdkDrag
+      cdkDragRootElement=".cdk-overlay-pane"
+      cdkDragHandle
+      >{{ data.title }}</mat-card-title
+    >
     <button class="icon-button btn-dialog-close" (click)="onClickChoice(false)">
       <i class="mdi mdi-window-close"></i>
     </button>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html
index 9c0121a0..86ffaa4e 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html
@@ -1,6 +1,10 @@
 <mat-card class="confirm-card mat-elevation-z">
-  <mat-card-header cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
-    <mat-card-title>
+  <mat-card-header>
+    <mat-card-title
+      cdkDrag
+      cdkDragRootElement=".cdk-overlay-pane"
+      cdkDragHandle
+    >
       <ng-container [ngSwitch]="messageInfo.type">
         <span *ngSwitchCase="MessageType.Receive">{{
           'message.type.messageTypeReceiving' | translate
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-write.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-write.dialog.component.html
index 9192de70..6407d57d 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-write.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-write.dialog.component.html
@@ -1,6 +1,10 @@
 <mat-card class="confirm-card mat-elevation-z">
-  <mat-card-header cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
-    <mat-card-title>
+  <mat-card-header>
+    <mat-card-title
+      cdkDrag
+      cdkDragRootElement=".cdk-overlay-pane"
+      cdkDragHandle
+    >
       {{ (isModify ? 'message.modify' : 'message.sendTo') | translate }}
     </mat-card-title>
     <button class="icon-button btn-dialog-close" (click)="onCancel()">
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/notice/notice-detail.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/notice/notice-detail.dialog.component.html
index 494242db..73ea8e4e 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/notice/notice-detail.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/notice/notice-detail.dialog.component.html
@@ -1,6 +1,11 @@
 <mat-card class="confirm-card mat-elevation-z">
   <mat-card-header>
-    <mat-card-title class="title">
+    <mat-card-title
+      class="card-header title"
+      cdkDrag
+      cdkDragRootElement=".cdk-overlay-pane"
+      cdkDragHandle
+    >
       <span *ngIf="data.notice.topYn">
         [{{ 'notice.important' | translate }}]
       </span>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/organization/selected-user-list.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/organization/selected-user-list.dialog.component.html
index 12b60064..711d4939 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/organization/selected-user-list.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/organization/selected-user-list.dialog.component.html
@@ -1,6 +1,11 @@
 <mat-card class="confirm-card mat-elevation-z  selected-user-dialog">
   <mat-card-header>
-    <mat-card-title>
+    <mat-card-title
+      cdkDrag
+      cdkDragRootElement=".cdk-overlay-pane"
+      cdkDragHandle
+      class="card-header"
+    >
       {{ data.title }}
       <span class="count text-accent-dark">
         {{ selectedUserList.length }} / {{ data.selectedUserList.length }}
@@ -34,6 +39,7 @@
         <ucap-profile-user-list-item
           *cdkVirtualFor="let userInfo of data.selectedUserList"
           [userInfo]="userInfo"
+          [showPresence]="false"
           [sessionVerinfo]="sessionVerinfo"
           [selectedUserList]="selectedUserList"
           [checkable]="userInfo.seq !== loginRes.userSeq"
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/search/integrated-search.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/search/integrated-search.dialog.component.html
index b3c51179..85f30614 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/search/integrated-search.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/search/integrated-search.dialog.component.html
@@ -1,11 +1,12 @@
 <mat-card class="confirm-card mat-elevation-z">
-  <mat-card-header
-    cdkDrag
-    cdkDragRootElement=".cdk-overlay-pane"
-    cdkDragHandle
-    class="card-header"
-  >
-    <mat-card-title>{{ 'search.label' | translate }}</mat-card-title>
+  <mat-card-header>
+    <mat-card-title
+      cdkDrag
+      cdkDragRootElement=".cdk-overlay-pane"
+      cdkDragHandle
+      class="card-header"
+      >{{ 'search.label' | translate }}</mat-card-title
+    >
     <button class="icon-button btn-dialog-close" (click)="onCancel()">
       <i class="mdi mdi-window-close"></i>
     </button>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.html
index cd66128d..3f30b878 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.html
@@ -1,6 +1,11 @@
 <mat-card class="confirm-card mat-elevation-z setting-frame">
-  <mat-card-header cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
-    <mat-card-title>{{ 'settings.label' | translate }}</mat-card-title>
+  <mat-card-header>
+    <mat-card-title
+      cdkDrag
+      cdkDragRootElement=".cdk-overlay-pane"
+      cdkDragHandle
+      >{{ 'settings.label' | translate }}</mat-card-title
+    >
     <button class="icon-button btn-dialog-close" (click)="onClickChoice(false)">
       <i class="mdi mdi-window-close"></i>
     </button>
diff --git a/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.html b/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.html
index 406909bd..556c2ebc 100644
--- a/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.html
+++ b/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.html
@@ -4,7 +4,7 @@
   </div>
 
   <mat-drawer-container class="contents" autosize>
-    <mat-drawer #leftSideDrawer mode="side" opened>
+    <mat-drawer #leftSideDrawer mode="side" [disableClose]="true" opened>
       <app-layout-messenger-left-side
         #leftSideContainer
         (openProfile)="onClickOpenProfile($event)"
diff --git a/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.ts b/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.ts
index b55d6141..113898e6 100644
--- a/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.ts
+++ b/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.ts
@@ -26,7 +26,7 @@ import { NGXLogger } from 'ngx-logger';
 import moment from 'moment';
 
 import { FileUtil } from '@ucap-webmessenger/core';
-import { FormGroup, FormBuilder } from '@angular/forms';
+import { FormGroup, FormBuilder, Validators } from '@angular/forms';
 import {
   ContentType,
   CategoryType,
@@ -127,7 +127,7 @@ export class WriteComponent implements OnInit, OnDestroy, AfterViewInit {
 
   ngOnInit() {
     this.messageWriteForm = this.formBuilder.group({
-      title: ['', []]
+      title: ['', [Validators.required]]
     });
 
     if (this.isModify) {