From 8b58c65f5132a2ce2b9f077f192a45c55dc784f9 Mon Sep 17 00:00:00 2001
From: jangheon Pyo <ifheone@gmail.com>
Date: Mon, 5 Feb 2024 23:06:31 +0900
Subject: [PATCH] =?UTF-8?q?[Hot=20Picks]=C2=A0=EC=8A=A4=ED=83=80=EC=9D=BC?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95=20=C2=A0=C2=A0=20=C2=A0=20Detail=20Notes?=
 =?UTF-8?q?=20:=201.=20=EB=AA=A8=EB=93=A0=20=EC=8A=A4=ED=83=80=EC=9D=BC=20?=
 =?UTF-8?q?.hotPicks=20=EB=82=B4=EB=B6=80=EB=A1=9C=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/HotPicksPanel/HotPicks.module.less  | 172 +++++++++---------
 1 file changed, 86 insertions(+), 86 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/HotPicksPanel/HotPicks.module.less b/com.twin.app.shoptime/src/views/HotPicksPanel/HotPicks.module.less
index 81ae22b6..6280ea9d 100644
--- a/com.twin.app.shoptime/src/views/HotPicksPanel/HotPicks.module.less
+++ b/com.twin.app.shoptime/src/views/HotPicksPanel/HotPicks.module.less
@@ -7,95 +7,95 @@
   > div {
     height: 100%;
   }
-}
-h2 {
-  position: absolute;
-  left: 0;
-  top: 0;
-  font-size: 40px;
-  color: #000;
-  z-index: 100;
-}
-
-.sectionWrap {
-  height: 100%;
-  position: relative;
-
-  > div {
-    height: 100%;
-    .flex();
-    > img {
-      width: auto;
-      max-width: 100%;
-      height: auto;
-      position: relative;
-      &:focus-within {
-        &::after {
-          width: 100%;
-          height: 100%;
-          box-sizing: border-box;
-          border: 4px solid @PRIMARY_COLOR_RED;
-          position: absolute;
-          left: 0;
-          top: 0;
-          content: "";
-        }
-      }
-    }
-  }
-  > ul {
+  h2 {
     position: absolute;
-    display: flex;
-    > li {
-      position: relative;
-      &:focus-within {
-        &::after {
-          width: 100%;
-          height: 100%;
-          box-sizing: border-box;
-          border: 4px solid @PRIMARY_COLOR_RED;
-          position: absolute;
-          left: 0;
-          top: 0;
-          content: "";
+    left: 0;
+    top: 0;
+    font-size: 40px;
+    color: #000;
+    z-index: 100;
+  }
+
+  .sectionWrap {
+    height: 100%;
+    position: relative;
+
+    > div {
+      height: 100%;
+      .flex();
+      > img {
+        width: auto;
+        max-width: 100%;
+        height: auto;
+        position: relative;
+        &:focus-within {
+          &::after {
+            width: 100%;
+            height: 100%;
+            box-sizing: border-box;
+            border: 4px solid @PRIMARY_COLOR_RED;
+            position: absolute;
+            left: 0;
+            top: 0;
+            content: "";
+          }
+        }
+      }
+    }
+    > ul {
+      position: absolute;
+      display: flex;
+      > li {
+        position: relative;
+        &:focus-within {
+          &::after {
+            width: 100%;
+            height: 100%;
+            box-sizing: border-box;
+            border: 4px solid @PRIMARY_COLOR_RED;
+            position: absolute;
+            left: 0;
+            top: 0;
+            content: "";
+          }
+        }
+      }
+    }
+  }
+
+  .arrow {
+    width: 100%;
+    text-align: center;
+    position: absolute;
+    z-index: 2;
+    > button {
+      width: 120px;
+      height: 55px;
+      background-size: 120px 120px;
+      background-repeat: no-repeat;
+      font-size: 0;
+      line-height: 0;
+      display: inline-block;
+      cursor: pointer;
+    }
+    &.arrowPrev {
+      top: 0;
+      > button {
+        background-image: url(../../../assets/images/hotPicks/ic-scrollup-nor@3x.png);
+        &:focus {
+          background-image: url(../../../assets/images/hotPicks/ic-scrollup-foc@3x.png);
+        }
+      }
+    }
+    &.arrowNext {
+      bottom: 0;
+      > button {
+        background-image: url(../../../assets/images/hotPicks/ic-scrolldown-nor@3x.png);
+        background-position: 0 -65px;
+        &:focus {
+          background-image: url(../../../assets/images/hotPicks/ic-scrolldown-foc@3x.png);
         }
       }
     }
   }
 }
-
-.arrow {
-  width: 100%;
-  text-align: center;
-  position: absolute;
-  z-index: 2;
-  > button {
-    width: 120px;
-    height: 55px;
-    background-size: 120px 120px;
-    background-repeat: no-repeat;
-    font-size: 0;
-    line-height: 0;
-    display: inline-block;
-    cursor: pointer;
-  }
-  &.arrowPrev {
-    top: 0;
-    > button {
-      background-image: url(../../../assets/images/hotPicks/ic-scrollup-nor@3x.png);
-      &:focus {
-        background-image: url(../../../assets/images/hotPicks/ic-scrollup-foc@3x.png);
-      }
-    }
-  }
-  &.arrowNext {
-    bottom: 0;
-    > button {
-      background-image: url(../../../assets/images/hotPicks/ic-scrolldown-nor@3x.png);
-      background-position: 0 -65px;
-      &:focus {
-        background-image: url(../../../assets/images/hotPicks/ic-scrolldown-foc@3x.png);
-      }
-    }
-  }
-}