From 1747eb1326e08b545e7bedfabb98f24378a6b6f5 Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Wed, 19 Nov 2025 21:00:14 +0900
Subject: [PATCH] =?UTF-8?q?[=ED=8A=B8=EB=A0=8C=EB=94=A9=EB=82=98=EC=9A=B0]?=
 =?UTF-8?q?=20=EC=96=B4=EB=84=88=EC=A7=80=EB=9D=BC=EB=B2=A8=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

 - 에너지 팝업 노출시 div 생성으로 인하여 스타일 변경 및 클래스 추가.
---
 .../src/views/TrendingNowPanel/TrendingNowPanel.jsx      | 1 +
 .../views/TrendingNowPanel/TrendingNowPanel.module.less  | 9 +++++----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx b/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx
index bb16a86b..a00a2bbe 100644
--- a/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx
+++ b/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx
@@ -359,6 +359,7 @@ const TrendingNowPanel = ({ panelInfo, spotlightId, isOnTop, ...rest }) => {
                 <div className={css.itemList}>
                   {bestSeller.map((item, index) => (
                     <TItemCardNew
+                      className={css.trendingBestItem}
                       contextName={LOG_CONTEXT_NAME.TRENDING_NOW}
                       messageId={LOG_MESSAGE_ID.SHELF_CLICK}
                       shelfLocation={2}
diff --git a/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.module.less b/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.module.less
index 31d0ce35..31749cb3 100644
--- a/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.module.less
+++ b/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.module.less
@@ -27,12 +27,13 @@
         margin-top: 30px;
         display: flex;
         flex-wrap: wrap;
-        > div {
+        .trendingBestItem {
           margin: 0 15px 15px 0;
+          &:nth-child(5n + 5){
+            margin:0;
+          }
         }
-        > div:nth-child(5n + 5) {
-          margin: 0;
-        }
+        
       }
     }
     .tVerticalPagenator {