[components] TItemCard, container tag 및 css 수정

Detail Notes :

1. container tag, li → div 변경
2. chrome version issue로 css property 수정  (gap → margin)

com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less

@@ -5,7 +5,6 @@
 .horizontal {
   /* normal */
   display: flex;
-  gap: 20px;
   .size(@w: 660px, @h: 236px);
   padding: 18px;
   border-radius: 12px;
@@ -15,6 +14,7 @@
   // left contents (image contetns)
   > div:nth-child(1) {
     position: relative;
+    margin-right: 20px;
     color: @COLOR_WHITE;
 
     img {
@@ -60,11 +60,11 @@
 
     p {
       .flex(@justifyCenter: flex-start);
-      gap: 5px;
       .font(@fontFamily: @baseFontBold, @fontSize: 30px);
       color: @PRIMARY_COLOR_RED;
 
       span {
+        margin-left: 5px;
         .font(@fontFamily: @baseFont, @fontSize: 18px);
         color: @COLOR_GRAY04;
         text-decoration: line-through;
@@ -86,7 +86,6 @@
   position: relative;
   display: flex;
   flex-direction: column;
-  gap: 12px;
   .size(@w: 324px, @h: 438px);
   padding: 18px;
   border-radius: 12px;
@@ -97,6 +96,7 @@
   > div:nth-child(1) {
     position: relative;
     .size(@w: 288px, @h: 288px);
+    margin-bottom: 12px;
     color: @COLOR_WHITE;
 
     img {
@@ -129,10 +129,10 @@
   // bottom contents
   > div:nth-child(2) {
     .flex(@direction: column, @alignCenter: flex-start);
-    gap: 6px;
     flex-grow: 1;
 
     h3 {
+      margin-bottom: 6px;
       .font(@fontFamily: @baseFontBold, @fontSize: 24px);
       color: @COLOR_GRAY06;
       .elip(@clamp:2);
@@ -142,11 +142,11 @@
 
     p {
       .flex(@justifyCenter: flex-start);
-      gap: 5px;
       .font(@fontFamily: @baseFontBold, @fontSize: 30px);
       color: @PRIMARY_COLOR_RED;
       letter-spacing: -1px;
       span {
+        margin-left: 5px;
         .font(@fontFamily: @baseFont, @fontSize: 18px);
         color: @COLOR_GRAY04;
         text-decoration: line-through;