style: 부품 박스 크기 재조정

• 검색 및 공유 페이지 Layout 수정

src/components/CombinationGrid/CombinationGrid.css

@@ -10,6 +10,8 @@
   }
   
   .combination-card {
+    display: flex;
+    flex-direction: column;
     background-color: var(--background-white);
     border: 1px solid var(--primary-light);
     border-radius: 12px;
@@ -17,41 +19,68 @@
     transition: all 0.3s ease;
   }
 
-  .combination-card:hover {
-    transform: translateY(-5px);
-    box-shadow: var(--shadow-md);
-    border-color: var(--primary-color);
+  .card-main-info {
+    display: flex;
+    align-items: flex-start;
+    gap: 1rem;
+    margin-bottom: 1rem;
   }
-  
+
   .card-image {
-    width: 120px;
-    height: 120px;
+    width: 80px;
+    height: 80px;
     object-fit: contain;
-    margin: 0 auto 1rem;
-    padding: 0.75rem;
+    padding: 0.5rem;
     background-color: var(--background-light);
     border-radius: 8px;
     transition: all 0.3s ease;
+    flex-shrink: 0;
   }
-  
-  .combination-card:hover .card-image {
-    background-color: white;
-    box-shadow: var(--shadow-sm);
-  }
-  
+
   .card-title {
-    color: var(--primary-color);
-    font-size: 1.1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    padding-top: 0.5rem;
+  }
+
+  .part-type {
+    display: inline-block;
+    font-size: 0.8rem;
     font-weight: 600;
-    margin-bottom: 0.75rem;
+    color: var(--primary-color);
+    background-color: var(--background-light);
+    padding: 0.3rem 0.6rem;
+    border-radius: 4px;
+    border: 1px solid var(--primary-light);
+    letter-spacing: 0.5px;
+    width: fit-content;
   }
-  
+
   .card-description {
     color: var(--text-secondary);
     font-size: 0.95rem;
     line-height: 1.4;
   }
-  
+
+  /* hover 효과 */
+  .combination-card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow-md);
+    border-color: var(--primary-color);
+  }
+
+  .combination-card:hover .card-image {
+    background-color: white;
+    box-shadow: var(--shadow-sm);
+  }
+
+  .combination-card:hover .part-type {
+    background-color: var(--primary-color);
+    color: white;
+    border-color: var(--primary-color);
+  }
+
   @media (max-width: 768px) {
     .combination-grid {
       grid-template-columns: 1fr;
@@ -63,27 +92,7 @@
     }
   
     .card-image {
-      width: 100px;
-      height: 100px;
+      width: 60px;
+      height: 60px;
     }
-  }
-  
-
-  .part-type {
-    display: inline-block;
-    font-size: 0.85rem;
-    font-weight: 600;
-    color: var(--primary-color);
-    margin-bottom: 0.25rem;
-    background-color: var(--background-light);
-    padding: 0.4rem 0.8rem;
-    border-radius: 6px;
-    border: 1px solid var(--primary-light);
-    letter-spacing: 0.5px;
-  }
-  
-  .part-item:hover .part-type {
-    background-color: var(--primary-color);
-    color: white;
-    border-color: var(--primary-color);
   }
\ No newline at end of file