From 61767d6b68e27b1abfc0d775133d22f8c6820eb5 Mon Sep 17 00:00:00 2001
From: nevermoregb <nevermoregb@local-host.co.kr>
Date: Tue, 1 Apr 2025 18:51:03 +0900
Subject: [PATCH] =?UTF-8?q?main=20=EB=8B=AC=EB=A0=A5=20css=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/main/MainEventBoard.vue    | 15 ++++++++++++---
 src/components/main/MainEventList.vue     |  7 +++++--
 src/components/main/MainMemberProfile.vue |  4 ++--
 3 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/components/main/MainEventBoard.vue b/src/components/main/MainEventBoard.vue
index cb9a245..bd2aba7 100644
--- a/src/components/main/MainEventBoard.vue
+++ b/src/components/main/MainEventBoard.vue
@@ -1,7 +1,9 @@
 <template>
-    <div class="ms-1">
-        <span class="d-flex align-items-center g-2"><i class="bx bx-map"></i>{{ place }}</span>
-        <span class="d-flex align-items-center g-2"><i class="bx bx-time-five"></i> {{ $common.dateFormatter(time, 'T') }}</span>
+    <div class="ps-4">
+        <span class="d-flex align-items-center g-2 font_767"><i class="bx bx-map pe-1"></i>{{ place }}</span>
+        <span class="d-flex align-items-center g-2 font_767"
+            ><i class="bx bx-time-five pe-1"></i>{{ $common.dateFormatter(time, 'T') }}</span
+        >
     </div>
 </template>
 
@@ -19,3 +21,10 @@
         },
     };
 </script>
+<style>
+    @media (max-width: 767px) {
+        .font_767 {
+            font-size: 2rem;
+        }
+    }
+</style>
diff --git a/src/components/main/MainEventList.vue b/src/components/main/MainEventList.vue
index ef612b7..32c2b19 100644
--- a/src/components/main/MainEventList.vue
+++ b/src/components/main/MainEventList.vue
@@ -22,7 +22,10 @@
                             />
                         </div>
                     </div>
-                    <div v-if="category.CMNCODVAL === 300201 || category.CMNCODVAL === 300202" class="col-9 mx-0 px-0">
+                    <div
+                        v-if="category.CMNCODVAL === 300201 || category.CMNCODVAL === 300202"
+                        class="col-9 mx-0 px-0 d-flex align-items-center"
+                    >
                         <template v-if="category.CMNCODVAL === 300201">
                             <MainMemberProfile :members="birthdayList" :baseUrl="baseUrl" />
                         </template>
@@ -30,7 +33,7 @@
                             <MainMemberProfile :members="vacationList" :baseUrl="baseUrl" />
                         </template>
                     </div>
-                    <div v-else class="col-9 mx-0 px-0 d-flex flex-column align-items-center">
+                    <div v-else class="col-9 mx-0 px-0 d-flex align-items-center">
                         <template v-if="category.CMNCODVAL === 300203">
                             <MainEventBoard :place="birthdayPartyList[0].LOCEVTPLC" :time="birthdayPartyList[0].LOCEVTTME" />
                         </template>
diff --git a/src/components/main/MainMemberProfile.vue b/src/components/main/MainMemberProfile.vue
index 357b4b3..dcf50ad 100644
--- a/src/components/main/MainMemberProfile.vue
+++ b/src/components/main/MainMemberProfile.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="ms-2">
-        <ul class="row gx-1 mb-0 list-inline d-flex align-items-center">
+    <div class="ms-2" style="flex: 1">
+        <ul class="row gx-1 mb-0 list-inline">
             <li class="col-4 me-0" v-for="(member, index) in members" :key="index">
                 <div class="ratio ratio-1x1 mb-0 profile-list">
                     <img