프로젝트 목록 지도 관련 css 추가

public/css/custom.css

@@ -44,13 +44,56 @@
   margin-right: auto;
 }
 
-  .grayscaleImg {
-    filter: grayscale(100%);
+.grayscaleImg {
+  filter: grayscale(100%);
+}
+  
+/* scrollbar 안보이게 */
+.scrollbar-none {
+  scrollbar-width: none; 
+}
+
+/* project list */
+
+.map {
+  top: -160px;
+  left: -5px; 
+}
+
+@keyframes sparkle {
+  0% {
+    color: #ffcc00;
   }
-  
-  
-   /* scrollbar 안보이게 */
-  .scrollbar-none {
-    scrollbar-width: none; 
+  50% {
+    color: red;
   }
+  100% {
+    color: #ffcc00;
+  }
+}
 
+.bxs-map {
+  animation: sparkle 1s infinite; /* 1초마다 반복 */
+}
+
+.popover-close {
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+  z-index: 2;
+  background-color: #fff !important;
+  border-radius: 0.5rem;
+  opacity: 1;
+  padding: 0.635rem;
+  box-shadow: 0 0.125rem 0.25rem rgba(161, 172, 184, 0.4);
+  transition: all 0.23s ease 0.1s;
+  transform: translate(23px, -25px);
+}
+
+.popover-close:hover  {
+  opacity: 1;
+  outline: none;
+  transform: translate(20px, -20px);
+}
+
+/* project list end */