diff --git a/com.twin.app.shoptime/README.md b/com.twin.app.shoptime/README.md
index 1b606ef6..5ffedecf 100644
--- a/com.twin.app.shoptime/README.md
+++ b/com.twin.app.shoptime/README.md
@@ -56,10 +56,26 @@ npm run build
 
 OnSaleProductList.jsx 참고
 --> 가로 100%일 경우 container에서 여백 제어하는 것이 아니라 각 사용하려는 컴포넌트에서 class로 "TVirtualGridList" 추가한 부분에서 좌측 여백 추가(여백은 padding-left로 조절)
---> 예) .tVirtualGridList {padding-left: 60px;}
+
+```less
+// OnSaleProductList.module.less
+.tVirtualGridList {
+  padding-left: 60px; /* GUI 가이드에 맞도록 적절히 조절 */
+}
+```
 
 ## TScroller 사용시 여백
 
 SubCategory.jsx 참고(Home)
 --> 가로 100%일 경우 TScroller 자체에서 여백 제어하는 것이 아니라 손자 엘리먼트에 좌측 여백 추가(여백은 padding-left로 조절)
---> 예) .home > div > div{padding-left:60px;}
+
+```less
+// SubCategory.module.less
+.home {
+  > div {
+    > div {
+      padding-left: 60px; /* GUI 가이드에 맞도록 적절히 조절 */
+    }
+  }
+}
+```