diff --git a/public/css/custom.css b/public/css/custom.css
index c710f06..f606c35 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -24,7 +24,6 @@
     font-size: 18px;
 }
 
-
 @keyframes new {
     0% {
         background-color: #ffcc00;
@@ -43,7 +42,6 @@
 
 /* board end */
 
-
 /* Qeditor  */
 .ql-editor {
     min-height: 300px;
@@ -587,7 +585,7 @@
     scrollbar-width: none;
 }
 
-.fc-daygrid-day[data-has-commuters="true"] {
+.fc-daygrid-day[data-has-commuters='true'] {
     cursor: pointer;
 }
 
@@ -698,7 +696,6 @@
 /* Mobile end */
 /* media end */
 
-
 /* BoardComment */
 
 .beforeRotate {
@@ -769,22 +766,22 @@
     right: 0;
     bottom: 0;
     background-color: #ccc;
-    transition: .4s;
+    transition: 0.4s;
     border-radius: 24px;
 }
 .slider:before {
     position: absolute;
-    content: "";
+    content: '';
     height: 18px;
     width: 18px;
     left: 4px;
     bottom: 3px;
     background-color: white;
-    transition: .4s;
+    transition: 0.4s;
     border-radius: 50%;
 }
 input:checked + .slider {
-    background-color: #4CAF50;
+    background-color: #4caf50;
 }
 
 input:checked + .slider:before {
@@ -792,7 +789,6 @@ input:checked + .slider:before {
 }
 /* 권한부여 끝 */
 
-
 /* toast */
 
 .bs-toast {
@@ -802,14 +798,14 @@ input:checked + .slider:before {
 
 /* toast end */
 
-.cursor-none{
+.cursor-none {
     cursor: none !important;
 }
 
 .ml-1 {
     margin-left: 0.25rem !important;
 }
-.mr-1{
+.mr-1 {
     margin-right: 0.25rem !important;
 }
 
@@ -817,4 +813,9 @@ input:checked + .slider:before {
     white-space: nowrap;
     max-width: 100px;
     vertical-align: middle;
-}
\ No newline at end of file
+}
+
+/* font css */
+.font-bold {
+    font-weight: bold;
+}
diff --git a/src/components/main/MemberManagement.vue b/src/components/main/MemberManagement.vue
index 2932166..3e76e10 100644
--- a/src/components/main/MemberManagement.vue
+++ b/src/components/main/MemberManagement.vue
@@ -18,14 +18,23 @@
                                     />
                                 </div>
                                 <div class="col-7">
-                                    <!-- 날짜 -->
                                     <div class="d-flex flex-sm-row align-items-center pb-2">
-                                        <div class="">{{ member.MEMBERNAM }}</div>
+                                        <div class="font-bold">{{ member.MEMBERNAM }}</div>
+                                        <div class="ms-2">
+                                            (
+                                            {{ member.MBTI }}
+                                            )
+                                            <img
+                                                role="img"
+                                                class="w-px-30 h-px-40"
+                                                :src="`/img/mbti/${member.MBTI.toLowerCase()}.png`"
+                                                alt="MBTI image"
+                                            />
+                                        </div>
                                     </div>
-                                    <!-- 참여자 -->
                                     <div class="d-flex flex-sm-row align-items-center pb-2">
-                                        <i class="bx bxs-envelope"></i>
-                                        <div class="ms-2">{{ member.MEMBERIDS }}@local-host.co.kr</div>
+                                        <i class="bx bx-id-card"></i>
+                                        <div class="ms-2">{{ member.MEMBERIDS }}</div>
                                     </div>
                                     <div class="d-flex flex-sm-row align-items-center pb-2">
                                         <i class="bx bxs-phone"></i>
@@ -33,7 +42,7 @@
                                     </div>
                                     <div class="d-flex flex-sm-row align-items-center pb-2">
                                         <i class="bx bx-calendar"></i>
-                                        <div class="ms-2">{{ $common.dateFormatter(member.MEMBERRDT) }}</div>
+                                        <div class="ms-2">{{ $common.dateFormatter(member.MEMBERCDT) }}</div>
                                     </div>
                                 </div>
                                 <div class="col-2 d-flex align-items-center">