[nbcu] 상단 배너 포커스 관련 수정

- 스타일 수정

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TopBannerImage/TopBannerImage.jsx

@@ -1,9 +1,16 @@
-import React, { memo, useCallback, useState } from "react";
+import React, {
-import { useDispatch } from "react-redux";
+  memo,
-import { setShowPopup } from "../../../actions/commonActions";
+  useCallback,
-import CustomImage from "../../../components/CustomImage/CustomImage";
+  useState,
-import Spottable from "@enact/spotlight/Spottable";
+} from 'react';
-import css from "./TopBannerImage.module.less";
+
+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}

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%;
 }