포토리뷰 작업 중

kr/assets/css/popup.scss

@@ -61,7 +61,7 @@
     .towButton {
       margin: 0 auto;
       margin-top: 5rem;
-      gap: .8rem;
+      gap: 0.8rem;
     }
 
     @include maxtablet {
@@ -193,7 +193,7 @@
           margin-top: 4rem;
           flex-wrap: wrap;
 
-          button+button {
+          button + button {
             margin-top: 1rem;
           }
         }
@@ -281,6 +281,28 @@
       }
     }
   }
+
+  .confirmPopup {
+    max-width: 32rem;
+    padding: 3rem;
+    @include tablet {
+      max-width: 47rem;
+      padding: 5rem;
+    }
+    .popContents {
+      font-size: 1.4rem;
+      text-align: center;
+      @include tablet {
+        font-size: 1.6rem;
+      }
+    }
+    .towButton {
+      margin-top: 3rem;
+      @include tablet {
+        margin-top: 5rem;
+      }
+    }
+  }
 }
 
 //설치안내 팝업
@@ -333,7 +355,7 @@
         height: 42rem;
         background-color: #fff;
 
-        &>p {
+        & > p {
           strong {
             display: block;
             font-size: 2.8rem;
@@ -381,7 +403,7 @@
           height: 27.7rem;
           margin: 0 auto;
 
-          &>p {
+          & > p {
             padding: 0 3rem;
 
             strong {
@@ -414,11 +436,11 @@
     @media (max-width: 320px) {
       .popContents {
         .payInfoCon {
-          &>p {
+          & > p {
             padding: 0 1rem;
           }
         }
       }
     }
   }
-}
+}