titemcard 수정본

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

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;