From 7971bbc1db29d83a5d052a062e1fc9948ab60326 Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Thu, 11 Dec 2025 14:01:56 +0900
Subject: [PATCH] =?UTF-8?q?[nbcu]=20=EC=83=81=EB=8B=A8=20=EB=B0=B0?=
 =?UTF-8?q?=EB=84=88=20=ED=8F=AC=EC=BB=A4=EC=8A=A4=20=EA=B4=80=EB=A0=A8=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

 - 스타일 수정
---
 .../TopBannerImage/TopBannerImage.jsx         | 24 ++++++++++---------
 .../TopBannerImage/TopBannerImage.module.less |  3 ++-
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TopBannerImage/TopBannerImage.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TopBannerImage/TopBannerImage.jsx
index d4afc1c4..e4c13deb 100644
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TopBannerImage/TopBannerImage.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TopBannerImage/TopBannerImage.jsx
@@ -1,9 +1,16 @@
-import React, { memo, useCallback, useState } from "react";
-import { useDispatch } from "react-redux";
-import { setShowPopup } from "../../../actions/commonActions";
-import CustomImage from "../../../components/CustomImage/CustomImage";
-import Spottable from "@enact/spotlight/Spottable";
-import css from "./TopBannerImage.module.less";
+import React, {
+  memo,
+  useCallback,
+  useState,
+} from 'react';
+
+import { useDispatch } from 'react-redux';
+
+import Spottable from '@enact/spotlight/Spottable';
+
+import { setShowPopup } from '../../../actions/commonActions';
+import CustomImage from '../../../components/CustomImage/CustomImage';
+import css from './TopBannerImage.module.less';
 
 const SpottableDiv = Spottable("div");
 
@@ -52,11 +59,6 @@ const TopBannerImage = memo(({ banrImgUrl, banrImgNm, banrNm, pupBanrImgUrl, pup
       className={css.topBannerContainer}
       spotlightId={spotlightId}
       onClick={handleClick}
-      style={{
-        // 이미지 크기에 맞춰 컨테이너 크기 조정
-        width: imageDimensions.width ? `${imageDimensions.width + 30}px` : 'auto', // 패딩 15px 양쪽
-        height: imageDimensions.height ? `${imageDimensions.height + 30}px` : 'auto' // 패딩 15px 상하
-      }}
     >
       <img
         src={banrImgUrl}
diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TopBannerImage/TopBannerImage.module.less b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TopBannerImage/TopBannerImage.module.less
index ce715027..86a6d56f 100644
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TopBannerImage/TopBannerImage.module.less
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TopBannerImage/TopBannerImage.module.less
@@ -5,7 +5,7 @@
   position: absolute;
   right: 60px;
   top: 48px;
-  padding: 15px;
+  // padding: 15px;
   background-color: transparent;
   cursor: pointer;
 
@@ -29,4 +29,5 @@
   pointer-events: none;
   // 크기는 JavaScript에서 동적으로 설정
   border-radius: 4px;
+  width:100%;
 }
\ No newline at end of file