.pc_con img {width:100%;} .swiper-thumbnails button{display:inline-block; width:19.5%;} .swiper-thumbnails button img {width: 100%; vertical-align: inherit !important;} .tab_menu .swiper-thumbnails button .img_on{display:none;} .tab_menu .swiper-thumbnails button.is-active img{display:none;} .tab_menu .swiper-thumbnails button.is-active .img_on{display:block;} .tab_menu {width:100%; text-align:center; margin-left:auto; margin-right:auto; } .swiper-button-prev {background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=f9acf644-4235-4a54-bbcd-eab3f03c30be&mode=raw') } .swiper-button-next {background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=8542b859-da56-4a99-b3b3-6e5e87d4f1ce&mode=raw') } .swiper-button-next, .swiper-button-prev { width: 30px; height: 30px; background-size: 30px 30px; box-shadow: 1px 1px 1px 1px grey; } .swiper-wrapper {padding-bottom:15%;} .swiper-pagination-bullet {width: 15px; height: 15px;} .swiper-pagination-bullet-active {background: #795548;} @media screen and (max-width: 1023px) { .pc_con .tab_menu {display:none;} } $(function () { function swipe_con_mo3() { var swipe_con_mo3Swipter = new Swiper('.swiper-container', { simulateTouch: false, autoHeight: false, loop: false, autoplay: false, spaceBetween: 10, slidesPerView: 'auto', navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, pagination: { el: '.swiper-pagination', clickable: true, } }); swiperThumbs(swipe_con_mo3Swipter, { scope: '.swiper-container', element: 'swiper-thumbnails' }); $('.tab_menu button').on('click touchsrat', function () { if ($(this).closest('.swiper-container').hasClass('active')) { $(this).closest('.swiper-container').removeClass('active'); swipe_con_mo3Swipter.autoplay.start(); } else { $(this).closest('.swiper-container').addClass('active'); swipe_con_mo3Swipter.autoplay.stop(); } }); $(document).on('click touchend', '.swiper-thumbnails button, .swiper-container', function () { if ($('.swiper-container').addClass('active')) { swipe_con_mo3Swipter.autoplay.stop(); } }); } swipe_con_mo3(); });