.doremimk {padding:0% 6.3% 0%;background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=f63d66cd-14a2-48a2-b097-1bc8a7e9ccb3&mode=raw) no-repeat 50% 100%/100% auto !important;} .doremimk .tab_menu .swiper-thumbnails button{display:inline-block;width:33%;vertical-align:bottom; text-align: center; !important; padding:0 5px; } .doremimk .tab_menu .swiper-thumbnails {text-align: center;} --> @media screen and (max-width: 1023px) { .doremimk {display:none;} } .holidays_thema {padding:0% 4% 0%; background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=6dfa8fbe-55d1-4126-af94-0f2f02b12702&mode=raw), url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=44c353c3-076a-4339-abb1-d1b45f6a99cc&mode=raw) no-repeat 50% 100%/100% auto !important;} .holidays_thema .tab_menu .swiper-thumbnails button{display:inline-block; width:31.22%; vertical-align:bottom; !important} .holidays_thema .tab_menu .swiper-thumbnails {text-align: center;} .holidays_thema .swiper-container{width: 100%; margin-top:0px !important;} .holidays_thema2 {padding:0% 4% 6%;background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=44c353c3-076a-4339-abb1-d1b45f6a99cc&mode=raw) no-repeat 50% 100%/100% auto !important;} .holidays_thema2 .tab_menu2 .swiper-thumbnails{font-size:0;} .holidays_thema2 .tab_menu2 .swiper-thumbnails:after{content:'';display:block;clear:both;} .holidays_thema2 .tab_menu2 .swiper-thumbnails button{display:inline-block;width:5%;vertical-align:bottom; padding-right:1%;} .holidays_thema2 .tab_menu2 .swiper-thumbnails {text-align: center; padding-top: 50%; padding-bottom:5%;} .holidays_thema2 .tab_menu2 .swiper-thumbnails button img{width:100%;} .holidays_thema2 .tab_menu2 .swiper-thumbnails button .img_on{display:none;} .holidays_thema2 .tab_menu2 .swiper-thumbnails button.is-active img{display:none;} .holidays_thema2 .tab_menu2 .swiper-thumbnails button.is-active .img_on{display:block;} .festival_list {text-align:center; /*float:left;*/} .travelContent .holidays_thema2 .festival_list img{display: inline-block; margin: 1px auto; width:48%; margin-left: auto; margin-right: auto !important;} area {display: inline;cursor: pointer;} --> $(function(){ function holidays_thema2(){ var holidaysThemaSwiper = new Swiper('.holidays_thema2 .swiper-container', { simulateTouch:false, loop:false, autoplay: false, }); swiperThumbs(holidaysThemaSwiper, { scope: '.holidays_thema2', element: 'swiper-thumbnails', }); $('.holidays_thema2 .btn_autoArea button').on('click touchsrat', function(){ if($(this).closest('.holidays_thema2').hasClass('active')){ $(this).closest('.holidays_thema2').removeClass('active'); holidaysThemaSwiper.autoplay.start(); }else{ $(this).closest('.holidays_thema2').addClass('active'); holidaysThemaSwiper.autoplay.stop(); } }); $(document).on('click touchend', '.holidays_thema2 .swiper-thumbnails button, .holidays_thema2 .swiper-container', function(){ if($('.holidays_thema2').addClass('active')){ holidaysThemaSwiper.autoplay.stop(); } }); } holidays_thema2(); });