.pc_ver_1 { display: block; } .mo_ver { display: none; } .dogtheme { padding: 0; } .swiper-thumbnails { text-align: center; padding-top: 0; padding-bottom: 0; } .swiper-thumbnails button img { width: 100%; } .swiper-thumbnails button { display: inline-block; width: 33%; vertical-align: bottom; text-align: center !important; } .swiper-thumbnails button .img_on { display: none; } .swiper-thumbnails button.is-active .img_on { display: block; } .swiper-thumbnails button.is-active img { display: none; } .maparea { display: block; } area { display: block; } /* 반응형 처리 */ @media screen and (max-width: 800px) { .mo_ver { display: block; } .pc_ver_1 { display: none; } .mo_contents { width: 100%; } .mo_contents img { width: 100%; } .mo_contents_header { text-align: center; } .mo_contents ul { width: 100%; margin-bottom: 50px; } .mo_contents li { width: 100%; } } .swiper-pagination-bullet-active { opacity: 1; background: #FFC107; } .mo_contents .swiper-slide { width: 80%; } $(function () { function dogtheme() { var dogthemeSwipter = new Swiper('.dogtheme .swiper-container', { simulateTouch: false, autoHeight: true, loop: false, autoplay: false }); swiperThumbs(dogthemeSwipter, { scope: '.dogtheme', element: 'swiper-thumbnails' }); $('.btn_autoArea button').on('click touchsrat', function () { if ($(this).closest('.dogtheme').hasClass('active')) { $(this).closest('.dogtheme').removeClass('active'); dogthemeSwipter.autoplay.start(); } else { $(this).closest('.dogtheme').addClass('active'); dogthemeSwipter.autoplay.stop(); } }); $(document).on('click touchend', '.dogtheme .swiper-thumbnails button, .dogtheme .swiper-container', function () { if ($('.dogtheme').addClass('active')) { dogthemeSwipter.autoplay.stop(); } }); } dogtheme(); }); $(function () { function dogtheme_C1() { var dogtheme_C1Swipter = new Swiper('.mo_contents .mo_contents1', { slidesPerView: 'auto', spaceBetween: 5, pagination: { el: '.swiper-pagination', clickable: true } }); swiperThumbs(dogtheme_C1Swipter, { scope: '.mo_contents1', element: 'swiper-thumbnails' }); } dogtheme_C1(); }); $(function () { function dogtheme_C2() { var dogtheme_C2Swipter = new Swiper('.mo_contents .mo_contents2', { slidesPerView: 'auto', spaceBetween: 5, pagination: { el: '.swiper-pagination', clickable: true } }); swiperThumbs(dogtheme_C2Swipter, { scope: '.mo_contents2', element: 'swiper-thumbnails' }); } dogtheme_C2(); }); $(function () { function dogtheme_C3() { var dogtheme_C3Swipter = new Swiper('.mo_contents .mo_contents3', { slidesPerView: 'auto', spaceBetween: 5, pagination: { el: '.swiper-pagination', clickable: true } }); swiperThumbs(dogtheme_C3Swipter, { scope: '.mo_contents3', element: 'swiper-thumbnails' }); } dogtheme_C3(); }); --> --> --> --> function goLink(no) { var i = no; switch (i) { case 1: location.href = http://blog.anyang.go.kr/221362745474?Redirect=Log&from=postView; break; /*안양삼막애견공원*/ case 2: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=5cc758d0-65c0-47e8-8df3-97ed710cd677; break; /*덕평자연휴게소 */ case 3: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=c0268ae0-1e01-436d-a4a0-ffef37f32fce; break; /*양평 산음 자연휴양림*/ case 4: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=ef1fa608-3d5f-4db3-996d-4d6ddae133da; break; /*영양 검마산 자연휴양림 */ case 5: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=44d1db26-0344-47cb-acbd-0fa0ecbfe004; break; /*오수휴게소 펫테마파크*/ case 6: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=8272d155-b562-445a-b173-2b4c19211e25; break; /*남이섬 */ case 7: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=082dfa14-8e57-49ab-9327-a5d0659dfe23; break; /*프레이저플레이스센트럴호텔 */ case 8: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=ede75d90-91fe-4dc6-b2ec-a8572ae4d107; break; /*레스케이프*/ case 9: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=4304bfba-dee5-4883-a34b-86396e635319; break; /*쉐라톤 서울 팔래스 강남*/ case 10: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=b89ee0ce-240a-4fcc-8015-829faee64a82; break; /*비스타 워커힐 서울*/ case 11: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=279e769c-0904-43ad-bd85-67b73da423a6; break; /*서울 | 호텔 카푸치노*/ case 12: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=fd22ba32-7b5f-46f9-9384-359060c1bcb8; break; /*대구 | 노보텔 앰배서더 */ case 13: location.href = https://www.gocamping.or.kr/bsite/camp/info/read.do?c_no=2303&viewType=read01&listOrdrTrget=last_updusr_pnttm; break; /*임실 | 오수애견캠핑장 */ case 14: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=86d59e0b-85ae-4543-94f8-1cbce91a585f; break; /*고령 | 트리독스 애견전용캠핑장*/ case 15: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=6d6aceb6-cad7-4287-9252-a2ac5156b5f4; break; /*강릉 | 세인트존스호텔*/ case 16: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=2b06d67c-7ac1-4898-b18b-14f962609a70; break; /*애월 월정리 투명카약타기 (타보카)*/ case 17: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=e04d0a4a-816c-44e7-aefa-296405ae198b; break; /*종달리 해안도로 드라이브 */ case 18: location.href = javascript:alert('관련 정보 등록 준비중입니다');; break; /*제주레일바이크*/ case 19: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=b1469bd7-30b6-4e98-89cd-15bfd0087d54; break; /*녹차미로공원*/ case 20: location.href = javascript:alert('관련 정보 등록 준비중입니다');; break; /*서울 이라피*/ case 21: location.href = javascript:alert('관련 정보 등록 준비중입니다');; break; /*서울 자매의 부엌 어스*/ case 22: location.href = https://korean.visitkorea.or.kr/detail/fes_detail.do?cotid=3b432662-e982-41b8-842c-b39bb384c969; break; /*부산 펫팸 페스티벌 2019*/ case 23: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=330e1b7f-aa6a-4484-8f2b-9e811eb991c4; break; /*스타필드 하남 */ case 24: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=b3b64e51-9fc0-43ff-9b53-551d5fd9a513; break; /*롯데프리미엄아울렛 이천*/ case 25: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=1c0cfc73-53c2-4b5a-843c-672d564e728c; break; /*IFC몰*/ case 26: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=8fa563a0-75c2-4c8a-a2e3-79ac74737cfd; break; /*신세계 사이먼 프리미엄아울렛 시흥*/ case 27: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=5eaba2e7-5bad-440c-ac09-a88c3f2c386f; break; /*서울 울라스튜디오*/ case 28: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=9709dda6-1ce0-4548-88c9-810fe37a229d; break; /*남양주 물의 정원*/ case 29: location.href = https://korean.visitkorea.or.kr/detail/fes_detail.do?cotid=92564743-48c7-4871-9521-b331e3677290; break; /*KKF 펫페스티벌*/ case 30: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=98af05fe-90f1-44ec-8505-65eea292533f; break; /*양주 헤세의 정원 */ case 31: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=a0012f20-2905-4f5e-8ccf-50eeded03be9; break; /*인천대공원 반려견놀이터*/ case 32: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=aacc3e72-a74e-4f21-8b26-9e036b097ae9; break; /*태안 팜카밀레 */ case 33: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=cb8a5f4c-4192-4fc3-ac4a-87859b983448; break; /*아산 세계꽃식물원*/ case 34: location.href = https://blog.naver.com/phtofactory/221390511742; break; /*부산 사진공장 */ case 35: location.href = javascript:alert('관련 정보 등록 준비중입니다');; break; /*하림펫푸드 해피댄스스튜디오*/ case 36: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=52d508d8-a116-41df-9d97-1dace4b4b65f; break; /*김해 개리비안비치*/ case 37: location.href = https://cafe.naver.com/grayonhjj; break; /*양양 멍비치 */ case 38: location.href = https://www.gocamping.or.kr/; break; /*고 캠핑 */ case 39: location.href = http://www.mafra.go.kr/mafra/293/subview.do?enc=Zm5jdDF8QEB8JTJGYmJzJTJGbWFmcmElMkY2OCUyRjMxNTE2MCUyRmFydGNsVmlldy5kbyUzRg%3D%3D; break; /*맹견 8종 */ case 40: location.href = https://kr.koreanair.com/content/koreanair/korea/ko/traveling/services.html#pets; break; /*대한항공 */ case 41: location.href = https://flyasiana.com/C/KR/KO/contents/traveling-with-pets; break; /*아시아나항공 */ case 42: location.href = https://www.jejuair.net/jejuair/kr/serviceinfo/airport/help.do; break; /*제주항공 */ case 43: location.href = https://www.twayair.com/app/serviceInfo/contents/1070; break; /*티웨이 항공 */ case 44: location.href = https://www.gocamping.or.kr/; break; /*진에어 */ case 45: location.href = https://www.gocamping.or.kr/bsite/camp/info/read.do?c_no=964&viewType=read01&listOrdrTrget=last_updusr_pnttm; break; /*연천 랩도그빌 캠핑장 */ case 46: location.href = https://www.gocamping.or.kr/bsite/camp/info/read.do?c_no=3473&viewType=read01&listOrdrTrget=last_updusr_pntt; break; /*[경기도 남양주시] 햇살가득애견캠핑장 */ case 47: location.href = https://www.gocamping.or.kr/bsite/camp/info/read.do?c_no=451&viewType=read01&listOrdrTrget=last_updusr_pnttm; break; /*[경기도 양주시] 글램핑코리아 애견캠핑장 */ default: location.href = https://www.jinair.com/ready/help​; break; } }