.pccontents{display:block;} .mocontents{display:none;} .sub_area1{width:940px; height:580px; background:url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=c91d9aca-95a7-4f23-b713-32392f8fcdc9&mode=raw'); text-align:center;} .sub_area2{width:940px; height:580px; background:url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=1444fbc5-714b-4334-a68c-5008c7a8652d&mode=raw'); text-align:center;} .sub_area3{width:940px; height:593px; background:url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=22faa14f-2377-4634-a30f-34f80967b419&mode=raw'); text-align:center;} .qu_area_1 {height:300px; height: 300px; width: 940px; text-align: center; top: 210px; position: relative; margin-left: auto; margin-right: auto;} .qu_area_1 img {width: 190px; padding: 0px 3px 0px 3px;} .qu_area_2 {height:300px; height: 300px; width: 940px; text-align: center; top: 210px; position: relative; margin-left: auto; margin-right: auto;} .qu_area_2 img {width: 190px; padding: 0px 3px 0px 3px;} .qu_area_3 {height:300px; height: 300px; width: 820px; text-align: center; top: 210px; position: relative; margin-left: auto; margin-right: auto;} .qu_area_3 img {width: 195px; padding: 0px 1px 0px 1px;} .swiper-wrapper {margin-bottom:50px;} .swiper-pagination-bullet {width: 15px;height: 15px;background: #cd7d7e;opacity: 1; border-radius:0;} .swiper-pagination-bullet-active {opacity: 1;background: #a3393d !important;} .swiper-button-next, .swiper-button-prev { width: 28px; height: 28px; background-size: 28px 28px; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=e34909c7-59eb-4360-83e3-fb16880e5a64&mode=raw'); left: 30px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=9bb43731-31fe-4c36-824c-404fe0aaa5b3&mode=raw'); right: 30px; left: auto; } $(document).ready(function(){ $('img[usemap]').rwdImageMaps();}),$(window).load(function(){ $('img[usemap]').rwdImageMaps();}) function goLink(no) { var i = no; switch (i) { case 1: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=c6b2e3bf-b0ce-47cd-bb11-a83a25f94f63 ; break; /* 명성산 금빛물결…황홀경에 빠지다*/ case 2: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=c4705ac9-907a-437a-8cab-70926d4be47e ; break; /* 설악산국립공원*/ case 3: location.href=https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=8fba2de6-87b3-4dad-9066-471d2e8f520f ; break; /* 남이섬 */ case 4: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=464ff950-1f00-47a2-83c4-42906db9e8b7 ; break; /* 홍천 은행나무숲*/ case 5: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=02f56ab2-5e53-470f-8ec3-95cf8fb88aa4 ; break; /* 서울숲*/ case 6: location.href=https://korean.visitkorea.or.kr/detail/fes_detail.do?cotid=a9d2d734-539a-4d93-a9b4-4963b998f04f ; break; /* 민둥산억새꽃축제 2019*/ case 7: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=6ac1281a-cce8-4ae1-b1ee-ff27482a3466 ; break; /* 설봉공원*/ case 8: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=cb420683-215e-4a5c-89ec-b626e5df6612 ; break; /* 부석사[유네스코 세계문화유산]*/ case 9: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=4d6d9f37-1bf8-46a4-8ff6-82f408035acf ; break; /* 보은 법주사[유네스코 세계문화유산]*/ case 10: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=04afe4b6-fdc7-4946-b07e-370556b93c90 ; break; /* 신성리갈대밭*/ case 11: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=62b38e2f-f704-4ee5-8884-4f8c2fd2ae49 ; break; /* 우화정(내장산)*/ case 12: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=b085ce83-3dc7-4914-aa46-dbd87ac4dbab ; break; /* 화왕산군립공원*/ case 13: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=34647178-fe80-4b2c-a0f4-0c372f7daf34 ; break; /* 울산 태화강 국가정원*/ case 14: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=1e4a7c8f-55d0-4d20-8381-01747ebf14c9 ; break; /* 무등산 국립공원*/ case 15: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=6e2df011-c197-41d5-b87a-38f96734fcf9 ; break; /* 순천만습지 */ case 16: location.href=https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=92bc4c6f-9f8e-4519-9150-f7b5fe6f32b5 ; break; /* 산굼부리 */ case 17: location.href=https://korean.visitkorea.or.kr/detail/fes_detail.do?cotid=c5bb6a33-77cb-4576-8bcb-c5d6bd8cf869 ; break; /* 휴애리 핑크뮬리 축제 2019*/ case 18: location.href=https://korean.visitkorea.or.kr/detail/fes_detail.do?cotid=89d3d560-ce94-49fb-95f6-bc93329ad3bd ; break; /* 100만 송이 붉은 꽃바다, 평창백일홍축제*/ case 19: location.href=https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=1e5960c2-a9ed-42ad-94d3-a8ad67923129 ; break; /* 서울&경기 가을꽃 컬렉션*/ case 20: location.href=https://korean.visitkorea.or.kr/detail/fes_detail.do?cotid=b457c213-d1b5-4e16-b73e-953bf1c07a0d ; break; /* 태안 가을꽃 축제 2019*/ default: location.href = https://korean.visitkorea.or.kr; break; } } --> @media screen and (max-width: 1023px) { .pccontents{display:none;} .mocontents{display:block; background-color:#f4ecdf;} .mocontents img {width:100%;} .mo_area1{background:url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=15190855-f7d3-4b4f-b4c7-3716e716c438&mode=raw'); background-size:cover; backgrond-repeat:no-repeat; text-align:center; margin-bottom:10%;} .mo_area2{background:url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=8557058a-40d5-4ad7-b3dd-003585af9913&mode=raw'); background-size:cover; backgrond-repeat:no-repeat; text-align:center; margin-bottom:10%;} .mo_area3{background:url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=d63cc6d4-e823-462d-9e60-a73d319a349d&mode=raw'); background-size:cover; backgrond-repeat:no-repeat; text-align:center; margin-bottom:10%;} .mo_area1 img {width:35%; padding: 0px 5px 0px 5px;} .mo_area2 img {width:35%; padding: 0px 5px 0px 5px;} .mo_area3 img {width:35%; padding: 0px 5px 0px 5px;} .mocontents .swiper-container {padding-top: 30%;} .swiper-pagination-bullet {width: 10px;height: 10px;background: #cd7d7e;opacity: 1;} .swiper-pagination-bullet-active {opacity: 1;background: #a3393d !important;} .mo_area3 .swiper-pagination-bullet {background: #f7b1b1;} .mo_area3 .swiper-pagination-bullet-active {opacity: 1;background: #f67172 !important;} .swiper-button-prev, .mo_area3 .swiper-container-rtl .swiper-button-next {left: 1%;} .swiper-button-next, .mo_area3 .swiper-container-rtl .swiper-button-prev {right: 1%;} .swiper-button-next, .swiper-button-prev { width: 14px; height: 14px; background-size: 14px 14px; top: 60%; } .mo_area3 .swiper-button-prev, .mo_area3 .swiper-container-rtl .swiper-button-next { background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=34ebd54a-dbf9-4e59-8a1c-611c893b6c1a&mode=raw'); left: 3%; right: auto; } .mo_area3 .swiper-button-next, .mo_area3 .swiper-container-rtl .swiper-button-prev { background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=9bb43731-31fe-4c36-824c-404fe0aaa5b3&mode=raw'); right: 3%; left: auto; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 3%; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 3%;} } .mo_scale_btn{width: 52px; position: absolute;float: right;top: 31.5%;right: 15%; padding: 0px 1% 1% 0px; z-index: 10;} .mo_scale_btn img{width:100%;} $(function () { function ThemeSwipe_1() { var ThemeSwipe_1Swipter = new Swiper('.pcswipecontents1', { simulateTouch: true, autoHeight: false, loop: false, autoplay: false, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, pagination: { el: '.pcswipecontents1 .swiper-pagination' } }); } ThemeSwipe_1(); }); $(function () { function ThemeSwipe_2() { var ThemeSwipe_2Swipter = new Swiper('.pcswipecontents2', { simulateTouch: true, autoHeight: false, loop: false, autoplay: false, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, pagination: { el: '.pcswipecontents2 .swiper-pagination' } }); } ThemeSwipe_2(); }); $(function () { function ThemeSwipe_3() { var ThemeSwipe_3Swipter = new Swiper('.moswipecontents1', { simulateTouch: true, autoHeight: false, loop: false, autoplay: false, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, pagination: { el: '.moswipecontents1 .swiper-pagination' } }); } ThemeSwipe_3(); }); $(function () { function ThemeSwipe_4() { var ThemeSwipe_4Swipter = new Swiper('.moswipecontents2', { simulateTouch: true, autoHeight: false, loop: false, autoplay: false, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, pagination: { el: '.moswipecontents2 .swiper-pagination' } }); } ThemeSwipe_4(); }); $(function () { function ThemeSwipe_5() { var ThemeSwipe_5Swipter = new Swiper('.moswipecontents3', { simulateTouch: true, autoHeight: false, loop: false, autoplay: false, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, pagination: { el: '.moswipecontents3 .swiper-pagination' } }); } ThemeSwipe_5(); });