포토리뷰 작업 중 - 전체포토 수정

kr/assets/css/pdp_detail.scss

@@ -1805,9 +1805,12 @@
             display: none;
             align-items: center;
             margin-top: 1rem;
-            font-size: 1.6rem;
+            font-size: 1.4rem;
             color: #9ea1a2;
             cursor: pointer;
+            @include tablet {
+              font-size: 1.6rem;
+            }
 
             &::after {
               content: "";
@@ -6299,7 +6302,7 @@
   flex-wrap: nowrap;
   align-items: flex-start;
 
-  .allPhotoReview {
+  .btn-allPhotoReview {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -6315,12 +6318,15 @@
     background-color: #05141f;
     border-radius: 0.8rem;
     margin-right: 1rem;
+    cursor: pointer;
+
     @include tablet {
       width: 16rem;
       height: 16rem;
       margin-right: 1.3rem;
       font-size: 1.4rem;
     }
+
     &:before {
       content: "";
       display: block;
@@ -6328,6 +6334,7 @@
       height: 1.6rem;
       margin-bottom: 0.2rem;
       background: url(../images/common/icon_camera.png) no-repeat center center / auto 100%;
+
       @include tablet {
         height: 3.2rem;
         margin-bottom: 1.2rem;
@@ -6365,13 +6372,13 @@
       }
 
       // 4~6 번째 숨김
-      &:nth-child(n + 4):nth-child(-n + 7) {
-        display: none;
+      // &:nth-child(n + 4):nth-child(-n + 7) {
+      //   display: none;
 
-        @include tablet {
-          display: block;
-        }
-      }
+      //   @include tablet {
+      //     display: block;
+      //   }
+      // }
 
       button {
         width: 100%;
@@ -6421,15 +6428,15 @@
       }
 
       // 4번째 li의 일반 버튼은 모바일에서 숨김
-      .reviewArea &:nth-child(5) {
-        button:not(.photoReviewAllPopup.allPhotoReview-mobile) {
-          display: none;
+      // .reviewArea &:nth-child(5) {
+      //   button:not(.photoReviewAllPopup.allPhotoReview-mobile) {
+      //     display: none;
 
-          @include tablet {
-            display: block;
-          }
-        }
-      }
+      //     @include tablet {
+      //       display: block;
+      //     }
+      //   }
+      // }
     }
 
     .popInner & {
@@ -6447,9 +6454,11 @@
 
       li {
         width: calc((100% - 2rem) / 3);
+        height: auto;
 
         @include tablet {
           width: calc((100% - 5rem) / 6);
+          aspect-ratio: 1/1;
         }
 
         &:nth-child(7) {