Index: arms/css/index.css
===================================================================
diff -u -r86eb3fc567ddb5cf64f0f7cf510543533fd9fd1d -r7b066cd33285162c74282cdaca50cf20edb21535
--- arms/css/index.css	(.../index.css)	(revision 86eb3fc567ddb5cf64f0f7cf510543533fd9fd1d)
+++ arms/css/index.css	(.../index.css)	(revision 7b066cd33285162c74282cdaca50cf20edb21535)
@@ -199,14 +199,24 @@
     border: none;
     padding: 5px;
     border-radius: 50%;
-    background-color: rgba(51, 51, 51, 0.5);
+    background-color: rgb(35 21 21 / 73%);
 }
 
+.section-scroll-dots-navigation .list .dot > .dot-btn .circle {
+    display: none;
+}
+
 .section-scroll-dots-navigation .list .dot.active > .dot-btn {
-    background-color: rgba(229, 96, 59, 0.5);
+    background-color: rgb(35 21 21 / 73%);
+    margin-top: 5px;
 }
 
+.section-scroll-dots-navigation .list .dot.active > .dot-btn .circle {
+    display: unset;
+}
 
+
+
 /*--------------------------------------------------------------
 # 버튼 에니메이션
 --------------------------------------------------------------*/
Index: arms/img/circle.gif
===================================================================
diff -u
Binary files differ
Index: arms/html/pdService
===================================================================
diff -u -rce8354a1972c8d1af640204cc9991492f06c54a3 -r7b066cd33285162c74282cdaca50cf20edb21535
--- arms/html/pdService	(.../pdService)	(revision ce8354a1972c8d1af640204cc9991492f06c54a3)
+++ arms/html/pdService	(.../pdService)	(revision 7b066cd33285162c74282cdaca50cf20edb21535)
@@ -1756,28 +1756,40 @@
 
 <div class="section-scroll-dots-navigation">
     <ul class="list list-unstyled">
-        <li class="dot">
-            <button type="button" class="dot-btn"></button>
+        <li class="dot" style="text-align: center;">
+            <button type="button" class="dot-btn">
+                <img src="img/circle.gif" class="circle" style="width: 16px;">
+            </button>
         </li>
 
-        <li class="dot">
-            <button type="button" class="dot-btn"></button>
+        <li class="dot" style="text-align: center;">
+            <button type="button" class="dot-btn">
+                <img src="img/circle.gif" class="circle" style="width: 16px;">
+            </button>
         </li>
 
-        <li class="dot">
-            <button type="button" class="dot-btn"></button>
+        <li class="dot" style="text-align: center;">
+            <button type="button" class="dot-btn">
+                <img src="img/circle.gif" class="circle" style="width: 16px;">
+            </button>
         </li>
 
-        <li class="dot">
-            <button type="button" class="dot-btn"></button>
+        <li class="dot" style="text-align: center;">
+            <button type="button" class="dot-btn">
+                <img src="img/circle.gif" class="circle" style="width: 16px;">
+            </button>
         </li>
 
-        <li class="dot">
-            <button type="button" class="dot-btn"></button>
+        <li class="dot" style="text-align: center;">
+            <button type="button" class="dot-btn">
+                <img src="img/circle.gif" class="circle" style="width: 16px;">
+            </button>
         </li>
 
-        <li class="dot">
-            <button type="button" class="dot-btn"></button>
+        <li class="dot" style="text-align: center;">
+            <button type="button" class="dot-btn">
+                <img src="img/circle.gif" class="circle" style="width: 16px;">
+            </button>
         </li>
     </ul>
 </div>