This commit is contained in:
com02 2021-12-10 17:06:42 +09:00
parent ed25a41e22
commit 9401db50f5
5 changed files with 50 additions and 68 deletions

View File

@ -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,
autoplay : {
delay : 2500,
disableOnInteraction : false,
},
centeredSlides : _centeredSlides,
autoplay : false,
navigation : {
nextEl : ".swiper-button-next",
prevEl : ".swiper-button-prev",
@ -530,10 +526,7 @@ $(function(){
slidesPerView : _slidesPerViewOnline,
spaceBetween : _spaceBetween,
centeredSlides : _centeredSlides,
autoplay: {
delay: 4000,
disableOnInteraction: false,
},
autoplay: false,
navigation : {
nextEl : ".swiper-button-next",
prevEl : ".swiper-button-prev",
@ -560,11 +553,8 @@ $(function(){
loop: _loop,
slidesPerView : _slidesPerViewpopula,
spaceBetween : _spaceBetween,
autoplay : {
delay : 2500,
disableOnInteraction : false,
},
centeredSlides : false,
centeredSlides : _centeredSlides,
autoplay : false,
pagination: {
el: '.pagination .swiper-pagination',
type: 'fraction',

View File

@ -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: {
delay: 2500,
disableOnInteraction: false,
},
autoplay: false,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
@ -599,10 +594,7 @@ $(function(){
slidesPerView: _slidesPerViewBottom,
spaceBetween: _spaceBetween,
centeredSlides: _centeredSlides,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
autoplay: false,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",

View File

@ -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;}

View File

@ -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; }

View File

@ -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