[FeaturedBrandsPanel] Banner 수정

Detail Notes :

1. API 업그레이드에 따른 porps 교체 (logoImgPath → patncLogoPath)

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

@@ -4,14 +4,14 @@ import css from "./Banner.module.less";
 
 export default memo(function Banner({ brandTopImgInfo, selectedBrandInfo }) {
   const { topImgAlt, topImgPath } = brandTopImgInfo;
-  const { logoImgAlt, logoImgPath, patncNm } = selectedBrandInfo;
+  const { patncLogoPath, patncNm } = selectedBrandInfo;
 
   return (
     <div className={css.container}>
-      <div>
-        <img src={logoImgPath} alt={logoImgAlt} />
-        <h2>{patncNm}</h2>
-      </div>
+      <figure>
+        <img src={patncLogoPath} alt={patncNm} />
+        <figcaption>{patncNm}</figcaption>
+      </figure>
       <img src={topImgPath} alt={topImgAlt} />
     </div>
   );

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Banner/Banner.module.less

@@ -7,25 +7,23 @@
   .size(@w: 100%, @h: 108px);
   margin-bottom: 58px;
 
-  div {
+  > figure:nth-child(1) {
     .flex();
     padding-left: 60px;
 
-    // patner logo
-    img {
+    > img {
       .size(@w: 60px, @h: 60px);
       margin-right: 12px;
     }
 
-    // patner title
-    h2 {
+    > figcaption {
       font-weight: bold;
       font-size: 36px;
       color: @COLOR_WHITE;
     }
   }
 
-  > img {
+  > img:nth-child(2) {
     .position(@position: absolute, @top: 0, @right: 0);
     .size(@w: 100%, @h: 438px);
     object-fit: cover;