diff --git a/src/assets/images/new/rule-1.webp b/src/assets/images/new/rule-1.webp
new file mode 100644
index 0000000..13d8d67
Binary files /dev/null and b/src/assets/images/new/rule-1.webp differ
diff --git a/src/assets/images/new/rule-2.webp b/src/assets/images/new/rule-2.webp
new file mode 100644
index 0000000..97e0adb
Binary files /dev/null and b/src/assets/images/new/rule-2.webp differ
diff --git a/src/assets/images/new/rule-3.webp b/src/assets/images/new/rule-3.webp
new file mode 100644
index 0000000..7126209
Binary files /dev/null and b/src/assets/images/new/rule-3.webp differ
diff --git a/src/assets/images/new/rule-4.webp b/src/assets/images/new/rule-4.webp
new file mode 100644
index 0000000..40d9afa
Binary files /dev/null and b/src/assets/images/new/rule-4.webp differ
diff --git a/src/assets/images/new/rule-5.webp b/src/assets/images/new/rule-5.webp
new file mode 100644
index 0000000..68a7d48
Binary files /dev/null and b/src/assets/images/new/rule-5.webp differ
diff --git a/src/assets/images/new/rule-bg.webp b/src/assets/images/new/rule-bg.webp
index dd2ffb0..702c72f 100644
Binary files a/src/assets/images/new/rule-bg.webp and b/src/assets/images/new/rule-bg.webp differ
diff --git a/src/components/Rule.vue b/src/components/Rule.vue
index e929e74..d427a02 100644
--- a/src/components/Rule.vue
+++ b/src/components/Rule.vue
@@ -2,11 +2,11 @@
   <ModalTransition class="rule" :show="show">
     <div class="rule-wrapper">
       <div class="rule-content">
-        <!-- <img src="../assets/images/rule-1.webp" alt="">
-        <img src="../assets/images/rule-2.webp" alt="">
-        <img src="../assets/images/rule-3.webp" alt="">
-        <img src="../assets/images/rule-4.webp" alt="">
-        <img src="../assets/images/rule-5.webp" alt=""> -->
+        <img src="../assets/images/new/rule-1.webp" alt="">
+        <img src="../assets/images/new/rule-2.webp" alt="">
+        <img src="../assets/images/new/rule-3.webp" alt="">
+        <img src="../assets/images/new/rule-4.webp" alt="">
+        <img src="../assets/images/new/rule-5.webp" alt="">
       </div>
       <div class="close" @click="emit('close')"></div>
     </div>
@@ -26,7 +26,7 @@ const emit = defineEmits(['close'])
 .rule-wrapper {
   position: relative;
   width: 100%;
-  height: 182vw;
+  height: 151vw;
   background-image: url("../assets/images/new/rule-bg.webp");
   background-repeat: no-repeat;
   background-size: 100%;
@@ -39,7 +39,7 @@ const emit = defineEmits(['close'])
   height: 150vw;
   overflow: auto;
   padding-right: 4vw;
-  padding-bottom: 10vw;
+  padding-bottom: 56vw;
 }
 .rule-content img {
   width: 100%;
@@ -51,7 +51,7 @@ const emit = defineEmits(['close'])
   width: 11vw;
   height: 11vw;
   right: 3vw;
-  top: 11vw;
+  top: -16vw;
   background-image: url("../assets/images/new/close-btn.webp");
   background-repeat: no-repeat;
   background-size: 100%;