포토리뷰 작업 중

kr/assets/css/pdp_detail.scss

@@ -1759,13 +1759,13 @@
             margin-top: 1rem;
             gap: 1rem;
             .photoItem {
-              width: 8rem;
-              height: 8rem;
+              width: 7.2rem;
+              height: 7.2rem;
               border-radius: 0.8rem;
               overflow: hidden;
               @include tablet {
-                width: 12rem;
-                height: 12rem;
+                width: 16rem;
+                height: 16rem;
               }
               button {
                 width: 100%;
@@ -1777,6 +1777,7 @@
                 width: 100%;
                 height: 100%;
                 object-fit: cover;
+                object-position: center;
               }
             }
           }
@@ -6269,8 +6270,8 @@
   border-top: 1px solid #dedede;
   margin: 3rem 0;
   padding: 3rem 0 0;
-  overflow: hidden;
-  overflow-x: auto;
+  // overflow: hidden;
+  // overflow-x: auto;
   display: flex;
   flex-wrap: wrap;
   ul {
@@ -6290,12 +6291,12 @@
         aspect-ratio: 16 / 16;
       }
       // 4~6 번째 숨김
-      // &:nth-child(n + 4):nth-child(-n + 6) {
-      //   display: none;
-      //   @include tablet {
-      //     display: block;
-      //   }
-      // }
+      &:nth-child(n + 5):nth-child(-n + 6) {
+        display: none;
+        @include tablet {
+          display: block;
+        }
+      }
       button {
         cursor: pointer;
       }
@@ -6345,6 +6346,32 @@
           }
         }
       }
+
+      // 모바일용 전체 포토리뷰 버튼 (4번째에 표시)
+      .allPhotoReview-mobile {
+        display: block;
+        @include tablet {
+          display: none;
+        }
+      }
+
+      // PC용 전체 포토리뷰 버튼 (7번째에 표시)
+      .allPhotoReview-pc {
+        display: none;
+        @include tablet {
+          display: block;
+        }
+      }
+
+      // 4번째 li의 일반 버튼은 모바일에서 숨김
+      .reviewArea &:nth-child(5) {
+        button:not(.photoReviewAllPopup.allPhotoReview-mobile) {
+          display: none;
+          @include tablet {
+            display: block;
+          }
+        }
+      }
     }
 
     .popInner & {