From a11a10b1fd5dd441a6d0b51824aff7d587891bb8 Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Fri, 14 Jun 2024 19:48:00 +0900
Subject: [PATCH] =?UTF-8?q?titemcard=20=EC=88=98=EC=A0=95=EB=B3=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/TItemCard/TItemCard.jsx    |  4 +--
 .../TItemCard/TItemCard.module.less           | 26 ++++++++-----------
 2 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx
index c358fc8d..285bf996 100644
--- a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx
+++ b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx
@@ -195,10 +195,10 @@ export default memo(function TItemCard({
           </div>
         )}
 
-        <h3 className={css.title}>
+        <div className={css.title}>
           {catNm !== null && <p className={css.hstmNmTitle}>{catNm}</p>}
           <h3 className={css.productNameTitle}>{productName}</h3>
-        </h3>
+        </div>
 
         {priceInfo ? (
           <p className={css.priceInfo}>
diff --git a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
index 2d708aab..6feddf3a 100644
--- a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
+++ b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
@@ -49,16 +49,22 @@
     .flex(@direction: column, @justifyCenter: space-between, @alignCenter: flex-start);
     width: 404px;
     padding: 12px 0;
-
-    > h3 {
+    > div.title {
       font-weight: bold;
       font-size: 24px;
       color: @COLOR_GRAY06;
       .elip(@clamp:2);
 
       overflow: hidden;
-    }
+      > h3 {
+        font-weight: bold;
+        font-size: 24px;
+        color: @COLOR_GRAY06;
+        .elip(@clamp:2);
 
+        overflow: hidden;
+      }
+    }
     > p {
       font-weight: bold;
       font-size: 30px;
@@ -146,18 +152,7 @@
     .flex(@direction: column, @alignCenter: flex-start);
     width: 100%;
 
-    > h3 {
-      height: 64px;
-      font-weight: bold;
-      line-height: 1.33;
-      font-size: 24px;
-      color: @COLOR_GRAY06;
-      .elip(@clamp:2);
-
-      overflow: hidden;
-    }
-
-    > h3 {
+    > div.title {
       height: 64px;
       font-weight: bold;
       line-height: 1.33;
@@ -177,6 +172,7 @@
         overflow: hidden;
       }
     }
+
     > p {
       font-weight: bold;
       font-size: 30px;