[Home] TopContents 포커스시 shadow 보이도록 처리

com.twin.app.shoptime/src/views/HomePanel/HomeBanner/HomeBanner.module.less

@@ -11,6 +11,7 @@
     video {
       .size(@w: 100%, @h: 100%);
       object-fit: cover;
+      border-radius: 12px;
     }
 
     .smallBox {
@@ -22,7 +23,6 @@
         .size(@w: 744px, @h: 420px);
         border-radius: 12px;
         position: relative;
-        overflow: hidden;
         > div {
           position: relative;
           > img {
@@ -39,8 +39,6 @@
 
     .imgBox {
       .size(@w: 486px, @h: 858px);
-      border-radius: 12px;
-      overflow: hidden;
       > div {
         position: relative;
         &:focus {

com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.module.less

@@ -45,11 +45,10 @@
       }
     }
     &.isHorizontal {
-      border-radius: 12px;
-      overflow: hidden;
       .size(@w: 744px, @h: 420px);
       .imgBanner {
         > img {
+          border-radius: 12px;
           .size(@w: 744px, @h: 420px);
         }
       }
@@ -121,7 +120,6 @@
         -webkit-border-radius: 12px;
         -moz-border-radius: 12px;
         -o-border-radius: 12px;
-        overflow: hidden;
         > div {
           flex: none;
         }
@@ -155,7 +153,7 @@
     }
     &:focus {
       &::after {
-        .focused(@boxShadow:0, @borderRadius: 12px);
+        .focused(@boxShadow:22px, @borderRadius: 12px);
       }
     }
   }

com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RollingUnit.module.less

@@ -48,6 +48,7 @@
       .size(@w: 744px, @h: 420px);
       .imgBanner {
         > img {
+          border-radius: 12px;
           .size(@w: 744px, @h: 420px);
         }
       }