sadfasdf

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

@@ -442,26 +442,7 @@ $(function(){
     var _centeredSlides = false;
     var _loop = false;
     
-    if (windowWidth <= 3000) {
+
-    	_loop = false;
-        _slidesPerView = 5;
-        _slidesPerViewpopula = 4;
-        _slidesPerViewOnline = 7;
-        _spaceBetween = 30;
-        _centeredSlides = false;
-        _lenght = 5;
-     }
-    /*
-    if (windowWidth <= 1400) {
-    	_loop = false;
-       _slidesPerView = 3;
-       _slidesPerViewpopula = 3;
-       _slidesPerViewOnline = 3;
-       _spaceBetween = 20;
-       _centeredSlides = false;
-       _lenght = 3;
-    }
-    */
     if (windowWidth <= 768) {
        _loop = false;
        _slidesPerView = 1;
@@ -471,6 +452,24 @@ $(function(){
        _centeredSlides = false;
        _lenght = 1;
     }
+    if (windowWidth >= 769) {
+    	_loop = false;
+       _slidesPerView = 3;
+       _slidesPerViewpopula = 2;
+       _slidesPerViewOnline = 3;
+       _spaceBetween = 30;
+       _centeredSlides = false;
+       _lenght = 3;
+    }
+    if (windowWidth >= 1400) {
+    	_loop = false;
+       _slidesPerView = 5;
+       _slidesPerViewpopula = 4;
+       _slidesPerViewOnline = 7;
+       _spaceBetween = 30;
+       _centeredSlides = false;
+       _lenght = 5;
+    }
     	
     	
    /* 메인슬라이드 */
@@ -498,11 +497,8 @@ $(function(){
       loop : _loop,
       slidesPerView : _slidesPerView,
       spaceBetween : _spaceBetween,
-      centeredSlides : false,
+      centeredSlides : _centeredSlides,
-      autoplay : {
+      autoplay : false,
-         delay : 2500,
-         disableOnInteraction : false,
-      },
       navigation : {
          nextEl : ".swiper-button-next",
          prevEl : ".swiper-button-prev",
@@ -530,10 +526,7 @@ $(function(){
       slidesPerView : _slidesPerViewOnline,
       spaceBetween : _spaceBetween,
       centeredSlides : _centeredSlides,
-      autoplay: {
+      autoplay: false,
-          delay: 4000,
-          disableOnInteraction: false,
-      },
       navigation : {
          nextEl : ".swiper-button-next",
          prevEl : ".swiper-button-prev",
@@ -560,11 +553,8 @@ $(function(){
       loop: _loop,
       slidesPerView : _slidesPerViewpopula,
       spaceBetween : _spaceBetween,
-      autoplay : {
+      centeredSlides : _centeredSlides,
-         delay : 2500,
+      autoplay : false,
-         disableOnInteraction : false,
-      },
-      centeredSlides : false,
       pagination: {
           el: '.pagination .swiper-pagination',
           type: 'fraction',

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

@@ -535,24 +535,6 @@ $(function(){
   	var _centeredSlides = false;
   	var _lenght = 5;
   
-  	if (windowWidth <= 3000) {
-  		_loop = false;
-        _slidesPerView = 4;
-        _slidesPerViewBottom = 5;
-        _spaceBetween = 30;
-        _centeredSlides = false;
-        _lenght = 5;
-    }
-  	/*
-  	if (windowWidth <= 1400) {
-  		_loop = false;
-      	_slidesPerView = 3;
-      	_slidesPerViewBottom = 3;
-      	_spaceBetween = 30;
-      	_centeredSlides = false;
-      	_lenght = 3;
-  	}
-  	*/
   	if (windowWidth <= 768) {
   		_loop = false;
       	_slidesPerView = 1;
@@ -561,6 +543,22 @@ $(function(){
       	_centeredSlides = false;
       	_lenght = 1;
   	}
+  	if (windowWidth >= 769) {
+  		_loop = false;
+      	_slidesPerView = 3;
+      	_slidesPerViewBottom = 3;
+      	_spaceBetween = 30;
+      	_centeredSlides = false;
+      	_lenght = 3;
+  	}
+  	if (windowWidth >= 1400) {
+  		_loop = false;
+        _slidesPerView = 4;
+        _slidesPerViewBottom = 5;
+        _spaceBetween = 30;
+        _centeredSlides = false;
+        _lenght = 5;
+    }
   
   /* 함께 볼만한자료 슬라이드 */
   var detailswiper1 = new Swiper('.DetailSwiper1', {
@@ -568,10 +566,7 @@ $(function(){
       slidesPerView: _slidesPerView,
       spaceBetween: _spaceBetween,
       centeredSlides: _centeredSlides,
-      autoplay: {
+      autoplay: false,
-          delay: 2500,
-          disableOnInteraction: false,
-      },
       navigation: {
           nextEl: ".swiper-button-next",
           prevEl: ".swiper-button-prev",
@@ -599,10 +594,7 @@ $(function(){
      slidesPerView: _slidesPerViewBottom,
      spaceBetween: _spaceBetween,
      centeredSlides: _centeredSlides,
-     autoplay: {
+     autoplay: false,
-         delay: 2500,
-         disableOnInteraction: false,
-     },
      navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",

src/main/webapp/css/default.css

@@ -5,7 +5,7 @@
 .skip-nav {position:fixed;left:0px;top:0px;z-index:999;display:inline-block;width:100%;}
 .skip-nav a {display:block;background:#333;color:#fff;font-size:14px;padding:5px 12px;border-radius:3px;letter-spacing:-1px;margin:3px 0px;position:absolute;top:0px;left:0px;z-index:0;width:140px;text-align:center;}
 .blind {display:none;}
-.wrap {display:inline-block;width:100%;min-width:1290px;}
+.wrap {display:inline-block;width:100%;min-width:auto;}
 .wrap header {position: fixed;top:0px;left:0px;width:100%;border-bottom:1px solid #999;background:rgba(0,0,0,0.4);z-index: 999;}
 .wrap header .inner {width:1400px;height:72px;margin:0 auto;}
 .wrap header .inner h1 {float:left;width:33.3%;text-align: left;}

src/main/webapp/css/media.css

@@ -64,8 +64,8 @@ a.pop-logo img { margin-right: 10px; }
 .data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .btn-hide { display: block; } 
 .pop-advanced-search .conditions-wrap h3 { margin-bottom: 10px; } 
 
-/*
+
-@media all and (min-width: 769px){
+@media all and (max-width: 1400px){
 .wrap header .inner {width:100%;}
 .wrap header .inner .search-wrap {width:40%;}
 .wrap header .inner .search-wrap .ark_query {width:120px;}
@@ -73,7 +73,7 @@ a.pop-logo img { margin-right: 10px; }
 
 .mo-ver { display: block !important; } 
 .mo_tabs_wrap { width: 100%; overflow-y: auto; } 
-.wrap { position: relative; width: 100vw;min-width:auto;} 
+.wrap { position: relative; width: 100vw;} 
 .wrap.sub { padding-top: 73px; } 
 .wrap header { width: 100vw; padding: 0 16px; box-sizing: border-box; } 
 .wrap header .inner { width: auto; margin: 0; } 
@@ -117,6 +117,7 @@ a.pop-logo img { margin-right: 10px; }
 .sec1 .inner .banner p:nth-of-type(2) {top:260px;}
 .MainSwiper .swiper-slide {height:400px;}
 .MainSwiper .swiper-slide .img {height:400px;}
+.MainSwiper .pagination {position: absolute;bottom: 100px;left: calc(50% - -423px);}
 .sec1 .inner .color-box {width:100vw;padding:0px 50px;box-sizing: border-box;top:-70px;}
 .sec1 .inner .color-box .list {height:150px;}
 .sec1 .inner .color-box .list .title {font-size:18px;margin:20px 0px 10px;}
@@ -250,7 +251,7 @@ footer .family_site {right:10px;}
  
   .wrap .nav-wrap #primary-nav {display:none !important;opacity:0 !important;}
 }
-*/
+
 /* 모바일 가로, 테블릿 세로 (해상도 ~ 768px)*/
 @media all and (max-width: 768px){
  .shortcuts {display:none;}
@@ -304,7 +305,6 @@ footer .family_site {right:10px;}
  .MainSwiper .swiper-slide {height:400px;display: flex;flex-direction: column;justify-content: center;}
  .MainSwiper .swiper-slide .img {width:100%;height:100%;}
  .MainSwiper .swiper-slide .img img {object-fit:cover;width:100%;height:100%;}
- 
  .MainSwiper .pagination {bottom: 55px;left: calc(50% - -135px);}
  .sec1 .inner .color-box { width: 100vw; padding: 0 16px; box-sizing: border-box; top: -45px; } 
  .sec1 .inner .color-box .list { height: 85px; display: flex; align-items: center; flex-direction: column-reverse; } 

src/main/webapp/js/default.js

@@ -222,7 +222,7 @@ $(document).ready(function(){
             // Default settings
             var defaults = {
                 responsive: true,
-                width: 768, // Responsive width
+                width: 1400, // Responsive width
                 button: $(this).attr("id") + "-button", // Menu button id
                 animation: {
                     // Menu animation