.familytheme { padding: 0; } .familytheme .tab_menu .swiper-thumbnails { text-align: center; padding-top: 0; padding-bottom: 0; } .familytheme .tab_menu .swiper-thumbnails button img { width: 100%; } .familytheme .tab_menu .swiper-thumbnails button { display: inline-block; width: 33%; vertical-align: bottom; text-align: center !important; } .familytheme .tab_menu .swiper-thumbnails button .img_on { display: none; } .familytheme .tab_menu .swiper-thumbnails button.is-active .img_on { display: block; } .familytheme .tab_menu .swiper-thumbnails button.is-active img { display: none; } .familytheme_1 .child .swiper-button-prev { background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=32af5fb9-e31f-492d-ae51-06a716caccc3&mode=raw'); background-size: auto !important; width: 15px; height: 28px; left: 10px; right: auto; } .familytheme_1 .child .swiper-button-next { background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=170c3151-1517-4eae-b88c-758350f492fc&mode=raw'); background-size: auto !important; width: 15px; height: 28px; right: 10px; left: auto; } .familytheme_2 .child .swiper-button-prev { background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=f9fff3ad-749f-4419-a25b-bc2069b0f77a&mode=raw'); background-size: auto !important; width: 17px; height: 28px; left: 10px; right: auto; } .familytheme_2 .child .swiper-button-next { background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=051e6f89-fc64-4f5b-9429-3834730b8447&mode=raw'); background-size: auto !important; width: 17px; height: 28px; right: 10px; left: auto; } .familytheme_2_1 { width: 762px; margin-right: auto; margin-left: auto; } .familytheme_3 .child { width: 870px; margin-right: auto; margin-left: auto; } .familytheme_3 .child .swiper-button-prev { background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=51060630-7093-4795-a319-a289f9bc1997&mode=raw'); background-size: auto !important; width: 10px; height: 25px; left: 10px; right: auto; } .familytheme_3 .child .swiper-button-next { background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=056c01be-7aaf-4df8-aa65-6a3b7b2c1048&mode=raw'); background-size: auto !important; width: 10px; height: 25px; right: 10px; left: auto; } .familytheme_1 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px; } .familytheme_1 .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 100%; border: 3px solid #fff; } .familytheme_1 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; } .familytheme_1 .swiper-pagination-bullet-active { opacity: 1; background: #bbb; } .familytheme_2 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 45px; left: 0; width: 100%; } .familytheme_2 .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; border: 2px solid #000; opacity: 1; background: rgba(0, 0, 0, 0); } .familytheme_2 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .familytheme_2 .swiper-pagination-bullet-active { opacity: 1; background: #000; } .familytheme_3 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .familytheme_3 .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; border: 2px solid #000; opacity: 1; background: rgba(0, 0, 0, 0); } .familytheme_3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .familytheme_3 .swiper-pagination-bullet-active { opacity: 1; background: #000; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; cursor: auto; pointer-events: none; } .PC_contents { display: block; } .mobile_contents { display: none; } @media screen and (max-width: 1023px) { .PC_contents { display: none; } .mobile_contents { display: block; } .swiper-wrapper { height: 100% !important; } .familytheme .tab_menu .swiper-thumbnails button { display: inline-block; width: 32%; vertical-align: bottom; text-align: center !important; } .familytheme_2_1 { width: 80.8%; height: auto; margin-right: auto; margin-left: auto; } .familytheme_3 .child { width: 95.7%; height: auto; margin-right: auto; margin-left: auto; } .familytheme_2 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 4%; left: 0; width: 100%; } .familytheme_2 .swiper-pagination-bullet { width: 4px; height: 4px; display: inline-block; border-radius: 100%; border: 2px solid #000; opacity: 1; background: rgba(0, 0, 0, 0); } .familytheme_3 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; left: 0; width: 100%; } .familytheme_3 .swiper-pagination-bullet { width: 4px; height: 4px; display: inline-block; border-radius: 100%; border: 2px solid #000; opacity: 1; background: rgba(0, 0, 0, 0); } .familytheme_2 .swiper-pagination-bullet-active { opacity: 1; background: #000; } .familytheme_3 .swiper-pagination-bullet-active { opacity: 1; background: #000; } .familytheme_2 .child .swiper-button-prev { background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=f9fff3ad-749f-4419-a25b-bc2069b0f77a&mode=raw'); background-size: auto !important; width: 17px; height: 28px; left: 0; right: auto; } .familytheme_2 .child .swiper-button-next { background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=051e6f89-fc64-4f5b-9429-3834730b8447&mode=raw'); background-size: auto !important; width: 17px; height: 28px; right: 0; left: auto; } .familytheme_3 .child .swiper-button-prev { background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=51060630-7093-4795-a319-a289f9bc1997&mode=raw'); background-size: auto !important; width: 10px; height: 25px; left: 4px; right: auto; } .familytheme_3 .child .swiper-button-next { background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=056c01be-7aaf-4df8-aa65-6a3b7b2c1048&mode=raw'); background-size: auto !important; width: 10px; height: 25px; right: 4px; left: auto; } .familytheme_1 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 6px; } .familytheme_1 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; } .familytheme_1 .swiper-pagination-bullet { width: 7px; height: 7px; display: inline-block; border-radius: 100%; border: 3px solid #fff; } .colimg { width: 100%; float: left; text-align: center; } .colimg .col3 img { width: 32.7%; } .colimg .col2 img { width: 49%; } #replace_1 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=de974ea2-5f75-4c4e-8c3e-34ebd7657383&mode=raw); } #replace_1_1 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=d835697f-0a47-403b-8f2e-f2ed238062e8&mode=raw); } #replace_1_2 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=103e9cbd-f2b0-4bc6-9577-900da4a825ed&mode=raw); } #replace_1_3 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=f843aea3-3da3-4928-8615-e6acd1a68615&mode=raw); } #replace_2 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=6365bea6-3ac3-49e2-87cc-20794b596b54&mode=raw); } #replace_2_1 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=06925713-2bdc-4a3d-a87d-89ddda084bb7&mode=raw); } #replace_2_2 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=e0cb8215-7169-48c8-b61d-9394619af7cc&mode=raw); } #replace_2_3 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=a72b6629-496a-40ce-8553-efd90244709c&mode=raw); } #replace_3 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=95190664-e35f-428a-83ab-4d5c7ced069c&mode=raw); } #replace_3_1 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=37165d1e-1ad2-4deb-bae4-9397fc775fbd&mode=raw); } #replace_3_2 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=96edf878-9bf1-4421-b058-1c07542b5c1d&mode=raw); } #replace_3_3 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=80defb88-78b7-4f22-865e-cb8aa2219240&mode=raw); } } $(function () { function familytheme() { var familythemeSwipter = new Swiper('.familytheme .parents', { simulateTouch: false, autoHeight: true, loop: false, autoplay: false }); swiperThumbs(familythemeSwipter, { scope: '.familytheme', element: 'swiper-thumbnails' }); $('.familytheme .btn_autoArea button').on('click touchsrat', function () { if ($(this).closest('.familytheme').hasClass('active')) { $(this).closest('.familytheme').removeClass('active'); familythemeSwipter.autoplay.start(); } else { $(this).closest('.familytheme').addClass('active'); familythemeSwipter.autoplay.stop(); } }); $(document).on('click touchend', '.familytheme .swiper-thumbnails button, .familytheme .swiper-container', function () { if ($('.familytheme').addClass('active')) { familythemeSwipter.autoplay.stop(); } }); } familytheme(); }); $(function () { function familytheme_1() { var familytheme_1Swipter = new Swiper('.familytheme_1 .child', { simulateTouch: true, autoHeight: true, loop: false, autoplay: false, navigation: { nextEl: '.familytheme_1 .swiper-button-next', prevEl: '.familytheme_1 .swiper-button-prev' }, pagination: { el: '.familytheme_1 .swiper-pagination' } }); swiperThumbs(familytheme_1Swipter, { scope: '.familytheme_1', element: 'swiper-thumbnails' }); $('.familytheme_1 .btn_autoArea button').on('click touchsrat', function () { if ($(this).closest('.familytheme_1').hasClass('active')) { $(this).closest('.familytheme_1').removeClass('active'); familytheme_1Swipter.autoplay.start(); } else { $(this).closest('.familytheme_1').addClass('active'); familytheme_1Swipter.autoplay.stop(); } }); $(document).on('click touchend', '.familytheme_1 .swiper-thumbnails button, .familytheme_1 .swiper-container', function () { if ($('.familytheme_1').addClass('active')) { familytheme_1Swipter.autoplay.stop(); } }); } familytheme_1(); }); $(function () { function familytheme_2() { var familytheme_2Swipter = new Swiper('.familytheme_2 .child', { simulateTouch: true, autoHeight: true, loop: false, autoplay: false, navigation: { nextEl: '.familytheme_2 .swiper-button-next', prevEl: '.familytheme_2 .swiper-button-prev' }, pagination: { el: '.familytheme_2 .swiper-pagination' } }); swiperThumbs(familytheme_2Swipter, { scope: '.familytheme_2', element: 'swiper-thumbnails' }); $('.familytheme_2 .btn_autoArea button').on('click touchsrat', function () { if ($(this).closest('.familytheme_2').hasClass('active')) { $(this).closest('.familytheme_2').removeClass('active'); familytheme_2Swipter.autoplay.start(); } else { $(this).closest('.familytheme_2').addClass('active'); familytheme_2Swipter.autoplay.stop(); } }); $(document).on('click touchend', '.familytheme_2 .swiper-thumbnails button, .familytheme_2 .swiper-container', function () { if ($('.familytheme_2').addClass('active')) { familytheme_2Swipter.autoplay.stop(); } }); } familytheme_2(); }); $(function () { function familytheme_3() { var familytheme_3Swipter = new Swiper('.familytheme_3 .child', { simulateTouch: true, autoHeight: true, loop: false, autoplay: false, navigation: { nextEl: '.familytheme_3 .swiper-button-next', prevEl: '.familytheme_3 .swiper-button-prev' }, pagination: { el: '.familytheme_3 .swiper-pagination' } }); swiperThumbs(familytheme_3Swipter, { scope: '.familytheme_3', element: 'swiper-thumbnails' }); $('.familytheme_3 .btn_autoArea button').on('click touchsrat', function () { if ($(this).closest('.familytheme_3').hasClass('active')) { $(this).closest('.familytheme_3').removeClass('active'); familytheme_3Swipter.autoplay.start(); } else { $(this).closest('.familytheme_3').addClass('active'); familytheme_3Swipter.autoplay.stop(); } }); $(document).on('click touchend', '.familytheme_3 .swiper-thumbnails button, .familytheme_3 .swiper-container', function () { if ($('.familytheme_3').addClass('active')) { familytheme_3Swipter.autoplay.stop(); } }); } familytheme_3(); }); function goLink(no) { var i = no; switch (i) { case 1: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=e17d5c1b-04f6-4198-a4c1-3b1d5c8a0562; /*송당리 마을*/ break; case 2: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=7ea0412f-60ce-4290-8db0-ed27919e88de; /* 제주 3종 세트*/ break; case 3: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=f86b7a9e-2929-4b9b-a8e2-ffe2be3c563a; /* 제주 가파도*/ break; case 4: location.href = https://korean.visitkorea.or.kr/detail/fes_detail.do?cotid=bd972c1a-3573-4502-aac4-1c702653fcc1; /* 합천 황매산 철쭉제*/ break; case 5: location.href = https://korean.visitkorea.or.kr/detail/fes_detail.do?cotid=f292ed9a-da98-497e-ae96-55b5d437ae09; /* 태안 세계 튤립축제*/ break; case 6: location.href = https://korean.visitkorea.or.kr/detail/fes_detail.do?cotid=979d77ca-90d3-46f2-9909-0ab0dadcff4a; /* 아침고요 수목원 봄꽃축제*/ break; case 7: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=10d33aac-b7b4-4bf6-97ec-00fa1032e9d0; /* 맛있는 쌈밥*/ break; case 8: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=63c8a062-cd2a-4ed1-8a66-9e21e3191ecb; /* 통영 밥상*/ break; case 9: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=147a1b90-7ca7-4b07-a83d-5af9a6a4e5b7; /* 와인바*/ break; case 10: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=02ef0920-a66b-4776-a7dd-83fd133f78e4; /* 서울 스카이*/ break; case 11: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=a64781a2-5b25-4d79-9911-9e5a8bc86e33; /* 대구 앞산 전망대*/ break; case 12: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=da864169-5ce1-4484-8fde-55ba055d5e13; /* 더베이 101*/ break; case 13: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=3a6f4164-679c-419c-a722-65cb5a4b20fd; /* 낙농체험*/ break; case 14: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=54eb386d-a04d-4583-a7da-82ad16dce094; /* 알파카 월드*/ break; case 15: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=01b9f257-ffc6-4f0f-86ab-189a6268e893; /* 양모리 학교*/ break; case 16: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=46e6f364-c977-48df-9c74-dd82b6e88bc1; /*바퀴 달린 썰매타고 1.5키로 구불길 내려오기*/ break; case 17: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=7be834e6-42a3-470a-aef5-aec280c19dfc; /*눈 녹은 스키장에서 하고 싶은 거 다하기*/ break; case 18: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=2e525007-f5dd-474d-8909-2b2753a777bd; /*금오산 짚라인*/ break; case 19: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=a591d1ba-0412-46bf-bad0-d3707bdc7d16; /*어린이 스포츠 클럽*/ break; case 20: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=cf7792ce-09cb-4507-b7bc-45e0e78acbbc; /*사랑채 탐방*/ break; case 21: location.href = http://cwdsarangchae.kr/education/educationInfo.php; /*사랑채 신청하기*/ break; case 22: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=27f902aa-40e7-4a68-b72c-609a2514905e; /*서천 판교마을*/ break; case 23: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=93e8674f-8287-43b9-a0bd-fd8730502505; /*대구 오래된 맛집*/ break; case 24: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=5a732f7b-ba87-48b1-850d-2721ef85c765; /*인천 오래된 식당들*/ break; case 25: location.href = http://100year.sbiz.or.kr/html/market100_national.php; /*백년가게*/ break; case 26: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=9692a606-bca3-4ae2-835d-43b53e872959; /*학인당*/ break; case 27: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=188fbbe0-25f2-4f10-9293-bd3ceada4191; /*남향재 한옥*/ break; case 28: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=3de2b0fd-07e8-475e-a851-64a9e0adb7fa; /*곡성 관광택시*/ break; case 29: location.href = http://www.letskorail.com/ebizprd/EbizPrdTrainWtrainMain_main.do; /*서해 금빛열차*/ break; case 30: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=d81b106c-a222-499a-804c-733d66a2926e; /*4색 유람선*/ break; case 31: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=e7d1d8ef-3402-44c7-a7f7-84ccb43a89eb; /*2세대_밸런스 파크*/ break; case 32: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=5206a9dc-0441-4acf-a2c2-115089a2a2f8; /*3세대_스와이프 인싸들의 슬기로운 여행생활*/ break; case 33: location.href = https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=77a937b7-1645-4095-b8e5-8d5c0590fa1b; /*3세대_개항장 먹거리 투어*/ break; case 34: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=0c8fdbdf-39d2-4e46-8403-e05d9c1bd168; /*3세대_통영 한려수도 케이블카*/ break; default: location.href = https://korean.visitkorea.or.kr/; break; } }