diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css
index 714b7955b..9944a21b0 100644
--- a/layouts/xedition/css/layout.css
+++ b/layouts/xedition/css/layout.css
@@ -918,7 +918,7 @@ a:hover, a:active, a:focus {
     background-color: rgba(0, 0, 0, 0.2);
     cursor: pointer;
 }
-.pagination {
+.swiper-pagination {
     position: absolute;
     left: 0;
     text-align: center;
diff --git a/layouts/xedition/layout.html b/layouts/xedition/layout.html
index 4d2b9c91b..751748857 100644
--- a/layouts/xedition/layout.html
+++ b/layouts/xedition/layout.html
@@ -346,7 +346,7 @@
 		</div>
 		<!-- END:슬라이드 -->
         <!-- Add Pagination -->
-        <div class="pagination"></div>
+        <div class="swiper-pagination"></div>
         <div class="swiper-button left"><button type="button" class="swiper-button-prev"><i class="xi-angle-left"></i></button></div>
 		<div class="swiper-button right"><button type="button" class="swiper-button-next"><i class="xi-angle-right"></i></button></div>
     </div>
@@ -529,7 +529,7 @@ jQuery(document).ready(function () {
 	var swiper = new Swiper('.swiper-container', {
 	    autoplay: 6000,
 	    loop: true,
-	    pagination: '.pagination',
+	    pagination: '.swiper-pagination',
 	    paginationClickable: true
 	});
 	jQuery('.swiper-button-next').on('click', function(e){