메인달력 STYLE 이 다른곳에 적용안되게 수정,

src/components/main/MainEventCalendar.vue

@@ -156,7 +156,7 @@
         monthBirthdayPartyList.value = [];
         monthDinnerList.value = [];
         monthTeaTimeList.value = [];
-        monthTeaTimeList.value = [];
+        monthWorkShopList.value = [];
 
         if (res?.eventList?.length) {
             res.eventList.forEach(item => {
@@ -520,6 +520,10 @@
         },
     });
 
+    const handleWheelEvent = e => {
+        handleCloseModal();
+    };
+
     // 달력 뷰 변경 감지 (월 변경 시 데이터 다시 가져오기)
     watch(
         () => fullCalendarRef.value?.getApi().currentData.viewTitle,
@@ -551,35 +555,31 @@
         await fetchEventList(param);
         useFilterEventList(month, day);
 
-        // 이벤트모달 외부 클릭 감지
-        // document.addEventListener('click', e => {
-        //     if (showModal.value && !e.target.closest('.event-modal') && !e.target.closest('.fc-daygrid-day')) {
-        //         showModal.value = false;
-        //     }
-        // });
+        // 스크롤 감지 이벤트 리스너
+        window.addEventListener('wheel', handleWheelEvent);
     });
 </script>
-<style>
-    .fc-h-event {
+<style scoped>
+    ::v-deep(.fc-h-event) {
         background-color: transparent;
     }
 
-    .event-modal {
+    ::v-deep(.event-modal) {
         padding: 8px;
         border: 1px solid #ddd;
     }
 
-    .event-icon-select:hover {
+    ::v-deep(.event-icon-select:hover) {
         transform: scale(1.1);
         transition: transform 0.2s;
     }
 
     /* 이벤트 모달 노출 시 텍스트 선택 방지 */
-    .fc-daygrid-day {
+    ::v-deep(.fc-daygrid-day) {
         user-select: none;
     }
 
-    .fc-daygrid-day-events {
+    ::v-deep(.fc-daygrid-day-events) {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;

src/components/main/MainEventList.vue

@@ -22,18 +22,13 @@
                             />
                         </div>
                     </div>
-                    <div
-                        v-if="category.CMNCODVAL === 300201 || category.CMNCODVAL === 300202"
-                        class="col-9 mx-0 px-0 d-flex align-items-center"
-                    >
+                    <div class="col-9 mx-0 px-0 d-flex align-items-center">
                         <template v-if="category.CMNCODVAL === 300201">
                             <MainMemberProfile :members="birthdayList" :baseUrl="baseUrl" />
                         </template>
                         <template v-if="category.CMNCODVAL === 300202">
                             <MainMemberProfile :members="vacationList" :baseUrl="baseUrl" />
                         </template>
-                    </div>
-                    <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>