[Style] 달력 팝업 CSS 수정

[Style] 달력 팝업 CSS 수정

Author: MINJI121

src/styles/globals.css

@@ -338,38 +338,44 @@
     font-size: 8px !important;
   }
 
-  /*시간 선택 컨테이너 폭 조절 */
+  /*시간 선택 컨테이너 폭 줄이기 */
   .custom-datepicker-popper .react-datepicker__time-container {
-    width: 45px !important;
+    width: 45px !important; /* 기존: 45px */
   }
 
-  /* 시간 리스트 영역 크기와 정렬 보정 */
+  /*내부 time wrapper 폭 줄이기 */
   .custom-datepicker-popper .react-datepicker__time {
-    width: 50px !important;
+    width: 45px !important;
   }
 
   .custom-datepicker-popper .react-datepicker__time-box {
     width: 100% !important;
   }
 
+  /*리스트 padding/폭 조절 */
   .custom-datepicker-popper .react-datepicker__time-list {
     padding: 2px !important;
     line-height: 1.2 !important;
     width: 100% !important;
-    text-align: left !important;
+    text-align: center !important;
   }
 
   .custom-datepicker-popper .react-datepicker__time-list-item {
-    font-size: 10px !important;
-    padding: 2px 4px !important;
+    font-size: 9px !important;
+    padding: 2px 2px !important;
     height: auto !important;
     word-break: keep-all !important;
+    box-sizing: border-box !important;
   }
 
-  /*선택된 항목도 작게 & 잘림 방지 */
+  /*선택된 항목 스타일 안정화 */
   .custom-datepicker-popper .react-datepicker__time-list-item--selected {
     font-size: 8px !important;
-    padding: 2px 4px !important;
+    padding: 2px 2px !important;
     border-radius: 4px !important;
+    background-color: #216ba5 !important;
+    color: white !important;
+    box-sizing: border-box !important;
+    overflow: hidden !important;
   }
 }