.con_scale_area{background-color: #ffe2e2; text-align: center;} .con_scale_area_spot{padding-bottom:10px;} .con_scale_area_btn_photo, .con_scale_area_btn_off {display:none;} .PC_contents{display:block;} .mo_contents{display:none;} .bottom_area{position:relative;} .linkbtn1 {position:absolute; /* background-color:red; opacity:.5;*/} .linkbtn2 {position:absolute; /*background-color:red; opacity:.5;*/} .spot1{top: 1235px; left: 120px; width: 340px; height: 380px;} .spot2{top: 1300px; left: 480px; width: 340px; height: 380px;} .spot3{top: 1795px; left: 120px; width: 340px; height: 380px;} .spot4{top: 1750px; left: 480px; width: 340px; height: 380px;} .spot5{top: 2250px; left: 120px; width: 340px; height: 380px;} .spot6{top: 2300px; left: 480px; width: 340px; height: 380px;} .spot7{top: 2650px; left: 120px; width: 340px; height: 380px;} .spot8{top: 3390px; left: 90px; width: 760px; height: 190px;} .spot9{top: 3590px; left: 90px; width: 760px; height: 190px;} .spot10{top: 3790px; left: 90px;width: 760px; height: 190px;} .spot11{top: 4150px; left: 120px; width: 220px; height: 280px;} .spot12{top: 4220px; left: 360px; width: 220px; height: 280px;} .spot13{top: 4150px; left: 600px; width: 220px; height: 280px;} .spot19{top: 110px; left: 150px; width: 300px; height: 250px; } .spot20{top: 110px; left: 490px; width: 300px; height: 250px; } @media screen and (max-width: 1023px) { .PC_contents{display:none;} .mo_contents{display:block; width:100%; background-color:#fee6e4;} .mo_contents img {width:100%} .mo_con_area_1 {width:100%; background:url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=fdf31d73-21ae-46be-b295-d34ed61c03fb&mode=raw'); background-size: cover; background-repeat: no-repeat;} .mo_con_area_2_1_spot {width:100%; text-align:center; background:url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=21943053-087c-4841-8258-edf95223c09c&mode=raw'); background-size: cover; background-repeat: no-repeat; display:table; text-align:center; margin-left:auto; margin-right:auto;} .mo_con_area_2_2_spot {width:100%; text-align:center; background:url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=868e4514-0238-44f6-8ed3-b75a7ca96e92&mode=raw'); background-size: cover; background-repeat: no-repeat;} .mo_con_area_3 {width:100%; background:url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=c7184241-d0a9-4f65-93ed-83bf9e7465a4&mode=raw'); background-size: cover; background-repeat: no-repeat;} .mo_con_area_2 {display:table-cell; width:45%; } .mocontents1 {padding-top: 30%; text-align: center;} .mocontents2 {padding-top: 30%; text-align: center;} .mocontents1 img { width:75%;} .mocontents2 img { width:75%;} .mocontents1 .swiper-wrapper {margin-bottom:10%;} .mocontents2 .swiper-wrapper {margin-bottom:10%;} .mo_con_area_2_1_spot img {width:90%} .mo_con_area_2_2_spot img {width:90%} .mo_con_area_2_1_top {margin-top:20%;} .mo_con_area_2_2_top {padding-top: 15%;} .mo_con_footer img {width:100%;} .mocontents1 .swiper-button-next {background-size: 20px 20px; width:20px; height:20px;} .mocontents1 .swiper-button-prev {background-size: 20px 20px; width:20px; height:20px;} .mocontents1 .swiper-button-next {background-image:url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=1acdab63-b604-4ac5-acaa-032cfc48578a&mode=raw');} .mocontents1 .swiper-button-prev {background-image:url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=4a4a051e-c508-42f4-b932-702de800a32a&mode=raw');} .mocontents2 .swiper-button-next {background-size: 20px 20px; width:20px; height:20px;} .mocontents2 .swiper-button-prev {background-size: 20px 20px; width:20px; height:20px;} .mocontents2 .swiper-button-next {background-image:url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=f05c4b05-8026-4c26-993f-63d0b67f1c65&mode=raw');} .mocontents2 .swiper-button-prev {background-image:url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=9a42647f-c904-400a-8471-d7795ed0aeac&mode=raw');} .swiper-pagination-bullet-active {background: #4b383c !important;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px;} .swiper-pagination-bullet {width: 12px;height: 12px; opacity: 1;} .mocontents1 .swiper-pagination-bullet{background: #c0413a; } .mocontents2 .swiper-pagination-bullet{background: #8759a4; } } $(document).ready(function(){   $('#spot_01').click(function(){   $('#spot_01_img').css(display,inline-block); $('.on_div_01').css(display,none); $('.off_div_01').css(display,inline-block); }),   $('#spot_01_off').click(function(){   $('#spot_01_img').css(display,none); $('.on_div_01').css(display,inline-block); $('.off_div_01').css(display,none); }),   $('#spot_02').click(function(){   $('#spot_02_img').css(display,inline-block); $('.on_div_02').css(display,none); $('.off_div_02').css(display,inline-block); }),   $('#spot_02_off').click(function(){   $('#spot_02_img').css(display,none); $('.on_div_02').css(display,inline-block); $('.off_div_02').css(display,none); }),   $('#spot_03').click(function(){   $('#spot_03_img').css(display,inline-block); $('.on_div_03').css(display,none); $('.off_div_03').css(display,inline-block); }),   $('#spot_03_off').click(function(){   $('#spot_03_img').css(display,none); $('.on_div_03').css(display,inline-block); $('.off_div_03').css(display,none); }),   $('#spot_04').click(function(){   $('#spot_04_img').css(display,inline-block); $('.on_div_04').css(display,none); $('.off_div_04').css(display,inline-block); }),   $('#spot_04_off').click(function(){   $('#spot_04_img').css(display,none); $('.on_div_04').css(display,inline-block); $('.off_div_04').css(display,none); }),   $('#spot_05').click(function(){   $('#spot_05_img').css(display,inline-block); $('.on_div_05').css(display,none); $('.off_div_05').css(display,inline-block); }),   $('#spot_05_off').click(function(){   $('#spot_05_img').css(display,none); $('.on_div_05').css(display,inline-block); $('.off_div_05').css(display,none); })}) $(function () { function ThemeSwipe_1() { var ThemeSwipe_1Swipter = new Swiper('.mocontents1', { simulateTouch: false, autoHeight: false, loop: false, autoplay: false, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, pagination: { el: '.mocontents1 .swiper-pagination' } }); } ThemeSwipe_1(); }); $(function () { function ThemeSwipe_2() { var ThemeSwipe_2Swipter = new Swiper('.mocontents2', { simulateTouch: false, autoHeight: false, loop: false, autoplay: false, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, pagination: { el: '.mocontents2 .swiper-pagination' } }); } ThemeSwipe_2(); }); function goLink(no) { var i = no; switch (i) { case 1: location.href=https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=1a0be259-3277-421b-b14e-ef61bda116c1 ; break; /*대전 화려한 도심야경 VS 울산 로맨틱한 바다야경. 당신의 선택은?*/ case 2: location.href=https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=1a0be259-3277-421b-b14e-ef61bda116c1 ; break; /*대전 화려한 도심야경 VS 울산 로맨틱한 바다야경. 당신의 선택은?*/ case 3: location.href=https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=144c4345-3602-4ae9-abb9-2c4dab9377e7 ; break; /*동해에 숨겨둔 나의 '전망 좋은 방', 묵호동 논골담길*/ case 4: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=47ba6028-388b-4415-bb9b-6deaea216d0b ; break; /*목포 서산동 보리마당&시화마을*/ case 5: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=2bf227a7-2a04-46f0-8f2f-59f884614f34 ; break; /*장림포구*/ case 6: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=51db3907-09d7-48db-9a0e-3a38a79fe933 ; break; /*제주올레 6코스*/ case 7: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=0c6762e4-6504-458c-8756-d59519babb84 ; break; /*독도 */ case 8: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=c1ecd92e-f3c1-4497-bdef-380a367a3f28 ; break; /*서산 웅도*/ case 9: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=1094f91b-7d11-4e0e-a16a-26866a65b788 ; break; /*광주호 호수 생태원*/ case 10: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=37105240-d4e3-43f7-8570-4fec6493de87 ; break; /*서귀포 하논분화구 */ case 11: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=cead8924-09b4-435b-bea9-655bb31d071e ; break; /*지리산 허브밸리*/ case 12: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=714d9206-bfe4-4782-bcfb-772d962d3018 ; break; /*백두대간 파워스팟*/ case 13: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=bcce1934-fcd0-4239-8597-3f23a2ef1c1d ; break; /*장수누리파크*/ case 14: location.href=https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=64742483-7b0c-4cae-9220-5a1c0261e37b ; break; /*충주 여행을 이끌어갈 트로이카 ‘오대호아트팩토리·앙성온천·참한우마을’ */ case 15: location.href=https://korean.visitkorea.or.kr/detail/cs_detail_cos.do?cotid=5b4b4258-396f-4e33-8e41-49f5fde9aefc ; break; /*괴산의 자연과 한지 체험 코스*/ case 16: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=b46472b4-e928-4226-829c-c18672023926 ; break; /*김해 분청도자박물관*/ case 17: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=dd21547f-40cb-4e20-a820-6bc6d6d0a5eb ; break; /* 합천대장경테마파크*/ case 18: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=28edb47a-84a8-441a-bc4a-1bab5ce895d1 ; break; /*소창체험관 */ case 19: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=054cf7ba-ae7f-4c9c-9e5e-7862f2db40ef ; break; /*의성 금성산고분군*/ case 20: location.href=https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=892bc08d-25ef-4b21-9afb-0c48de87dc0b ; break; /*시흥에코센터ㆍ바라지 - 산, 냇가, 갯골, 갯벌, 바다를 만나는 그곳*/ default: location.href = https://korean.visitkorea.or.kr; break; } }