수정

src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp

@@ -430,6 +430,47 @@ function fn_listPops(typeDivCd) {
     <button type="button" id="mo-member-btn" class="member-btn" onclick="fn_getMemberCard();">회원증 보러가기</button>
     </sec:authorize>
 <script>
+$(function(){
+    $(window).resize(function() {
+
+    var windowWidth = $(window).width();
+    var _slidesPerView = 5;
+    var _slidesPerViewpopula = 4;
+    var _slidesPerViewOnline = 7;
+    var _spaceBetween = 30;
+    var _lenght = 5;
+    var _centeredSlides = false;
+    var _loop = false;
+    
+    if (windowWidth <= 3000) {
+    	_loop = false;
+        _slidesPerView = 5;
+        _slidesPerViewpopula = 4;
+        _slidesPerViewOnline = 7;
+        _spaceBetween = 30;
+        _centeredSlides = false;
+        _lenght = 1;
+     }
+    if (windowWidth <= 1400) {
+    	_loop = true;
+       _slidesPerView = 3;
+       _slidesPerViewpopula = 3;
+       _slidesPerViewOnline = 3;
+       _spaceBetween = 20;
+       _centeredSlides = true;
+       _lenght = 1;
+    }
+    if (windowWidth <= 480) {
+       _loop = true;
+       _slidesPerView = 1;
+       _slidesPerViewpopula = 1;
+       _slidesPerViewOnline = 1;
+       _spaceBetween = 20;
+       _centeredSlides = true;
+       _lenght = 1;
+    }    	
+    	
+    	
    /* 메인슬라이드 */
    var myswiper = new Swiper(".MainSwiper", {
        loop: true,
@@ -450,31 +491,9 @@ function fn_listPops(typeDivCd) {
       }
    });
   
-   var windowWidth = $(window).width();
-   var _slidesPerView = 5;
-   var _slidesPerViewpopula = 4;
-   var _slidesPerViewOnline = 7;
-   var _spaceBetween = 30;
-   var _lenght = 5;
-   
-   if (windowWidth < 1400) {
-      _slidesPerView = 3;
-      _slidesPerViewpopula = 2;
-      _slidesPerViewOnline = 3;
-      _spaceBetween = 20;
-      _lenght = 1;
-   }
-   if (windowWidth < 480) {
-      _slidesPerView = 1;
-      _slidesPerViewpopula = 1;
-      _slidesPerViewOnline = 1.5;
-      _spaceBetween = 20;
-      _lenght = 1;
-   }
-   
    /* 문화원s pick */
    var pickswiper = new Swiper('.pickSwiper', {
-      loop : false,
+      loop : _loop,
       slidesPerView : _slidesPerView,
       spaceBetween : _spaceBetween,
       centeredSlides : false,
@@ -505,10 +524,10 @@ function fn_listPops(typeDivCd) {
    
    /* 온라인 자료관 */
    var onlineswiper = new Swiper('.onlineSwiper', {
-      loop : false,
+      loop : _loop,
       slidesPerView : _slidesPerViewOnline,
       spaceBetween : _spaceBetween,
-      centeredSlides : false,
+      centeredSlides : _centeredSlides,
       autoplay: {
           delay: 4000,
           disableOnInteraction: false,
@@ -536,7 +555,7 @@ function fn_listPops(typeDivCd) {
    
    /* 인기자료 */
    var popularswiper = new Swiper('.popularSwiper', {
-      loop: false,
+      loop: _loop,
       slidesPerView : _slidesPerViewpopula,
       spaceBetween : _spaceBetween,
       autoplay : {
@@ -598,4 +617,8 @@ function fn_listPops(typeDivCd) {
 	  }
 	});
 
+    });
+    $(window).resize();
+});
+  
 </script>

src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp

@@ -524,24 +524,48 @@ function goList(){
 
 
 <script>
+$(function(){
+    $(window).resize(function() {
+
  	var windowWidth = $(window).width();
+ 	var _loop = false;
  	var _slidesPerView = 4;
+  	var _slidesPerViewBottom = 5;
+  	var _spaceBetween = 30;
+  	var _centeredSlides = false;
   	var _lenght = 5;
-  if (windowWidth < 1400) {
+  
-      _slidesPerView = 3;
+  	if (windowWidth <= 3000) {
+  		_loop = false;
+        _slidesPerView = 4;
+        _slidesPerViewBottom = 5;
+        _spaceBetween = 30;
+        _centeredSlides = false;
         _lenght = 3;
     }
-  if (windowWidth < 480) {
+  	if (windowWidth <= 1400) {
+  		_loop = true;
+      	_slidesPerView = 3;
+      	_slidesPerViewBottom = 3;
+      	_spaceBetween = 30;
+      	_centeredSlides = true;
+      	_lenght = 3;
+  	}
+  	if (windowWidth <= 480) {
+  		_loop = true;
       	_slidesPerView = 1;
+      	_slidesPerViewBottom = 1;
+      	_spaceBetween = 20;
+      	_centeredSlides = true;
       	_lenght = 1;
   	}
   
   /* 함께 볼만한자료 슬라이드 */
   var detailswiper1 = new Swiper('.DetailSwiper1', {
-     loop: false,
+      loop: _loop,
       slidesPerView: _slidesPerView,
-      spaceBetween: 30,
+      spaceBetween: _spaceBetween,
-      centeredSlides: false,
+      centeredSlides: _centeredSlides,
       autoplay: {
           delay: 2500,
           disableOnInteraction: false,
@@ -567,24 +591,12 @@ function goList(){
       }
   });
   
-  var _slidesPerViewBottom = 5;
-  var _spaceBetween = 30;
-  if (windowWidth < 1400) {
-      _slidesPerView = 3;
-      _lenght = 3;
-  }
-  if (windowWidth < 480) {
-      _slidesPerViewBottom = 1.5;
-      _spaceBetween = 20;
-      _lenght = 1;
-  }
-  
   /* 유사한 자료 슬라이드 */
  var detailswiper2 = new Swiper('.DetailSwiper2', {
-    loop: false,
+     loop: _loop,
      slidesPerView: _slidesPerViewBottom,
      spaceBetween: _spaceBetween,
-     centeredSlides: true,
+     centeredSlides: _centeredSlides,
      autoplay: {
          delay: 2500,
          disableOnInteraction: false,
@@ -629,4 +641,8 @@ function goList(){
 	     detailswiper2.autoplay.stop();
 	  }
 	});
+ 
+    });
+    $(window).resize();
+});
 </script>

src/main/webapp/css/default.css

@@ -444,7 +444,7 @@ body.no-scroll {overflow: hidden;}
 .location .inner .row-top .location-box .loc li::before {content: '';background:url(/images/icon/icon-join-arr.png) no-repeat center;display:inline-block;width:20px;height:17px;position: absolute;top:0px;right:-12px;}
 .location .inner .row-top .location-box .loc li:last-child::before {display:none;}
 .location .inner .row-top .location-box .tit h2 {font-size:36px;color:#222;font-weight: 500}
-.location .inner .row-top .location-box .tit h2 span {font-size:22px;font-weight: 500;color:#376795;}
+.location .inner .row-top .location-box .tit h2 span {font-size:36px;font-weight: 500;color:#376795;}
 .location .inner .row-top .arr {display:inline-block;position: absolute;bottom:-12px;left:calc(50% - 13px);width:26px;height:26px;background:#6a6a6a;border-radius:50%;}
 .location .inner .row-top .arr img {vertical-align: middle;}
 

src/main/webapp/css/media.css

@@ -131,7 +131,7 @@ a.pop-logo img { margin-right: 10px; }
 .sec5 .inner .tab_content {width:96%;padding:30px 1.9%;}
 .sec5 .inner {width:100%;}
 .sec6 {padding:100px 2% 100px;}
-.sec6 .onlineSwiper {padding:1% 0% 12%;}
+.sec6 .onlineSwiper {padding:1% 10% 12%;width:80%;}
 .sec6 .inner .more-btn {right: 0%;}
 .sec6 .onlineSwiper .swiper-slide {background:none;box-shadow:0 0 0;}
 .sec6 .onlineSwiper::before {width:7%;box-shadow:0 0 0;}
@@ -400,6 +400,7 @@ footer .family_site {right:10px;}
 
  /* 서브 공통 */
  .location .inner .row-top .location-box .tit h2 { font-size: 22px; } 
+ .location .inner .row-top .location-box .tit h2 span {font-size:22px;}
  .location .inner .row-top { padding: 25px 0px; margin-bottom: 50px; } 
 
  /* 회원가입 */
@@ -765,6 +766,8 @@ footer .family_site {right:10px;}
  .data.detail .inner .row-bottom .con-4 .top h3 { font-size: 18px; } 
  .data.detail .inner .row-bottom .con-4 .top h3::before { top: 13px; width: 90%; left: 50%; transform: translate(-50%, 0%); } 
  .data.detail .inner .row-bottom .con-4 .top h3::after { width: 162px; height: 27px; left: calc(50% - 81px); } 
+ .data.detail .inner .row-bottom .DetailSwiper1 {padding:1% 0% 12%;}
+ .data.detail .inner .row-bottom .DetailSwiper2 {padding:1% 10% 12%;width:80%;}
  .data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide { height: auto; } 
  .data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List,
  .data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide .List .inner,

src/main/webapp/js/default.js

@@ -653,6 +653,9 @@ $(document).ready(function() {
 $(function(){
     $(window).resize(function() {
         var width = $(window).width();
+        if (width<=480) {            
+
+        }
         if (width<=1399) {            
 
         }