PICK ISSUE PREVIEW 소개페이지로 이동> GOODS VIDEO /* 와이드로 만들기 */ #contents { width: 100%; padding: 0 } .tit_cont .btn_titview { right: 4px; } .btm_team, .tit_cont, .wrap_reply, .postBtnWrap, .pictureInfo, .authorWriting, .area_lic, .top_logo, .surroundingsInfo, .replyWrap, .tag { max-width: 980px; width: 100%; margin-left: auto; margin-right: auto; } .box_modInfo .pictureInfo { margin: 36px auto; } .btm_team.team_marg { margin: 40px auto 10px; } .tit_cont { padding: 0 30px 30px 15px; } .post_area { padding-right: 15px; } .box_modInfo { padding: 20px 15px 0; } .btm_team.team_marg, .surroundingsInfo { padding: 0 15px; } .replyWrap .write { padding: 0 15px; } .replyWrap .wrap_reply { padding: 0 15px; } .btm_team { border-top: none; } .inr { border-top: 1px solid #ccc; } .tab_btn {cursor:pointer;} .btn_topWrap .inner, .main_quick .inr{ display: none;} @media screen and (max-width: 1023px) { .curation_area{ MARGIN: UNSET; } #header1 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=e86d013f-e23c-4a03-b233-a7cd3ba11deb);} #header2 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=782e881a-8c78-4e92-bcee-84bd7bfbdd96);} #header3 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=fff5415c-21ac-4a4c-9030-fd1b0e6dd1ac);} #title1 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=d599d69c-1c99-4ddc-abd3-61f93a12ec4b);} #footer1 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=dc504272-05e5-4fa9-9b9a-6183f7492bd2);} } /* 와이드 끝 */ .theme_header { width: 100%; } .theme_header img { width: 100%; } .theme_mo { display: none; } .theme_body { text-align: center; margin: auto; } .tabpage .theme_pc img { width: 100%; } .section_title_pc { margin-top: 3%; } .theme_info img { width: 100%; } .theme_con { width: 100%; margin-bottom: 3%; } .theme_con > img { width: 100%; } .theme_info { margin-top: 4%; } .theme_footer > img { width: 100%; } .section_area{width: 68%; margin: 0 0 0 18%;} .video_gif{width:43%; display:inline-block;} .video_gif >img {width:100%;}.video_box{width: 28%; display: inline-block; vertical-align: bottom;} .theme_footer{ margin: 5% 0 0} .video_gif2{ margin: 0 0.3%; vertical-align: bottom; display: inline-block; width: 27%; } .video_gif2 > img { width: 100%;} @media screen and (max-width: 1023px) { .box_txtPhoto .txt_p { overflow: hidden;} .theme_pc, #pc_bg { display: none; } .theme_header{margin: 0 0 10%;} .theme_mo { display: inline-block; width: 100%; } .theme_mo img {width:100%;} .theme_body, .theme_section, .section_area { width: 95%; margin:auto;} .video_gif{width:100%; margin: 3% 0;} .video_box { width: 100%; margin: 3% 0;} .theme_footer{ margin: 8% 0 0} .video_gif2 { width: 100%; margin: 3% 0;} } .box_1{ width: 23.5%; height: 19%; display:inline-block;} .box_2{ width: 48.5%; height: 58%; display:inline-block;} .box3{ width: 49.2%; height: 33%; display:inline-block;} .box4{ width: 29.5%; height: 38%; display:inline-block;} .box5{width: 17%; height: 14%; display:inline-block;} .box6{ width: 49.2%; height: 21.3%; display:inline-block;} .box7{width: 17%; height: 22.5%; display:inline-block;} #con1{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=ee53bc52-4cb9-486c-91d7-8db62f663403); background-size: 100% 100%;} #con1:hover{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=4dc5be3f-7cfe-4fe9-bd03-7cadc67d5877); background-size: 100% 100%;} #con2{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=ac046c20-15c1-476c-bfe3-207864ad85a3); background-size: 100% 100%;} #con2:hover{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=08f05896-7aa6-4a71-bbd6-0d3ca62fa441); background-size: 100% 100%;} #con4{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=1adc0848-742e-4226-b9da-1b7098b249e1); background-size: 100% 100%;} #con4:hover{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=083d81df-1397-4e70-8ad3-271d68b95071); background-size: 100% 100%;} #con5{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=fae9e250-fdd8-490a-88e5-4d9170065be1); background-size: 100% 100%;} #con5:hover{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=d3b4dce5-6b4e-4a23-9371-ef1a93dda1c4); background-size: 100% 100%;} #con3{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=de862b6f-4388-4c89-a9ea-e19201fe4cb6); background-size: 100% 100%;} #con3:hover{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=df7a879f-6509-4694-b195-02e18a56e822); background-size: 100% 100%;} #con6{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=ee9ccf3a-7ff9-4b15-a41b-3f8c07bb3373); background-size: 100% 100%;} #con6:hover{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=a97d4f36-a01f-483e-b38f-cf6750152bad); background-size: 100% 100%;} #con9{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=a4fb222d-a76c-4cce-9a4b-5aed27a33d9c); background-size: 100% 100%;} #con9:hover{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=a90cacd5-c347-47bb-9ea5-63a7d740f89f); background-size: 100% 100%;} #con7{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=39106e3a-b0f3-42c3-a4b5-9c7b9b17db61); background-size: 100% 100%;} #con7:hover{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=dfe7acd4-57f6-4aa9-9ff0-7390d2d13add); background-size: 100% 100%;} #con8{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=dba7c289-28e0-46a3-87a5-43f31c69ac00); background-size: 100% 100%;} #con8:hover{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=fe16fe27-08e0-46da-aea4-bf713e55a5b3); background-size: 100% 100%;} #con10{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=c8969a4d-1821-418d-a9da-0117e9041dbb); background-size: 100% 100%;} #con10:hover{background-image:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=c8246877-073a-4d37-80c5-a78bace5312f); background-size: 100% 100%;} .theme_mo{ text-align: center; overflow: hidden; margin: auto;} .mo_box_1{ width: 100%; height: 30%; overflow: hidden; transform: translate(-0%, -7%);} .mo_title_1{letter-spacing: 4px; font-size: 12px; font-weight: 800; color: #fff; background: #333; text-align: left; padding: 1.2% 3%; border-radius: 15px; width: fit-content; margin-bottom: 3%;} .mo_box_2{border-radius: 10px; overflow: hidden;} #mo_gif{margin-top:12%;} .swiper-container { padding-bottom: 2%; margin-bottom: 5%;} .theme_mo .swiper-pagination{text-align: right; font-size: 0.9em;} .mo_gif .swiper-pagination{text-align: center;} .mo_gif.swiper-container { padding-bottom: 10%;} .swiper-pagination-bullet-active { background: #000000;} .theme_section >img {width:100%;} #section3{ POSITION: RELATIVE;} #section4{ position: ABSOLUTE; TOP: 17%; LEFT: 18%; height: 77%; width: 68%; margin: auto; } #con1{ position: absolute; top: 0%; left: 0;} #con2{ position: absolute; top: 0%; left: 25.7%;} #con3{ position: absolute; top: 0%; left: 51.5%;} #con4{ position: absolute; top: 20.8%; left: 0;} #con5{ position: absolute; top: 20.8%; left: 25.7%;} #con6{ position: absolute; top: 41.5%; left: 0;} #con7{ position: absolute; top: 59.6%; left: 51.5%;} #con8{position: absolute; top: 59.6%; left: 83%;} #con9{position: absolute; top: 76.3%; left: 0;} #con10{ position: absolute; top: 75.1%; left: 83%;} $(function () { function themeSwiper1() { var themeSwiper2 = new Swiper('.theme_header .swiper-container', { simulateTouch: true, slidesPerView: 1, autoHeight: false, loop: true, autoplay: false, pagination: { el: '.theme_header .swiper-pagination' } }); } themeSwiper1(); }); $(function () { function themeSwiper2() { var themeSwiper2 = new Swiper('.mo_section1 .swiper-container', { simulateTouch: true, slidesPerView: 1.7, spaceBetween: 10, autoHeight: false, loop: true, autoplay: false, pagination: { el: '.mo_section1 .swiper-pagination', type: 'fraction' } }); } themeSwiper2(); }); $(function () { function themeSwiper3() { var themeSwiper2 = new Swiper('.mo_section2 .swiper-container', { simulateTouch: true, slidesPerView: 1.7, spaceBetween: 10, autoHeight: false, loop: true, autoplay: false, pagination: { el: '.mo_section2 .swiper-pagination', type: 'fraction' } }); } themeSwiper3(); }); $(function () { function themeSwiper4() { var themeSwiper4 = new Swiper('.mo_section3 .swiper-container', { simulateTouch: true, slidesPerView: 1.7, spaceBetween: 10, autoHeight: false, loop: true, autoplay: false, pagination: { el: '.mo_section3 .swiper-pagination', type: 'fraction' } }); } themeSwiper4(); }); $(function () { function themeSwiper5() { var themeSwiper5 = new Swiper('.mo_section5 .swiper-container', { simulateTouch: true, slidesPerView: 1.2, spaceBetween: 10, autoplay: false, loop: true, pagination: { el: '.mo_section5 .swiper-pagination', type: 'bullets', colors: '#000000' } }); } themeSwiper5(); }); $(function(){$(window).resize(function(){ var width_size = window.innerWidth; if(width_size function goLink(no) { var i = no; switch (i) { case 1: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=2cd53bbb-2224-400b-9b81-ec46b0c15507'; break; /*포천 샘물농장 황토펜션*/case 2: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=2542e309-b94d-4546-9616-cde74023980f&con_type=11300'; break; /*경주 솔거미술관 */case 3: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=e26e91c4-2639-4061-934f-bde5585bf6ee&con_type=10900'; break; /*홍천 모곡밤벌유원지*/case 4: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=2542e309-b94d-4546-9616-cde74023980f&con_type=11300'; break; /*경주 엑스포공원*/case 5: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=2cd53bbb-2224-400b-9b81-ec46b0c15507'; break; /*카페 퍼르퍼르*/case 6: location.href = 'https://blog.naver.com/korea_diary?Redirect=Log&logNo=222146670615&from=postView'; break; /*서울 필름로그 현상소*/case 7: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=7b01802b-b8ff-47be-a8f4-150fe38de7b3&con_type=11300'; break; /*부산 해운대 블루라인파크*/case 8: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=59b71f32-4c4a-4d5e-91a9-3dc618535af8&con_type=11400'; break; /*신안 반월&박지도*/case 9: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=c5a9eb7d-0160-41e8-89b0-d4b3fa03ab91&con_type=11200'; break; /*서울 을지로*/case 10: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=1faf4c01-041f-441d-8d5f-8f2caffc86ca&con_type=11300'; break; /*서울 콤콤전자오락실*/case 11: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=bf244f0d-435c-4bb8-a95f-61e8252c1aa0&con_type=10400'; break; /*서천 장항도시탐험역*/case 12: location.href = 'https://post.naver.com/viewer/postView.nhn?volumeNo=19306128&memberNo=10791453&vType=VERTICAL'; break; /*강화도 청유채밭 */case 13: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=234dc81c-663c-46af-a70b-9362476b4f3b&con_type=11000'; break; /*제주 유채꽃밭*/case 14: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=ff676e3a-97ec-4e3e-a847-05275ba4ea59&con_type=11300'; break; /*하동 화개마을*/case 15: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=89de9fec-49aa-4941-b962-ed133e3d8a1c&big_category=A02&mid_category=A0203&big_area=36'; break; /*여좌천*/case 16: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=66dba60b-a623-4753-a3b4-76a62fcbbe05&big_category=A02&mid_category=A0201&big_area=37'; break; /*전주한옥마을*/case 17: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=9709dda6-1ce0-4548-88c9-810fe37a229d&big_category=A02&mid_category=A0202&big_area=31'; break; /*남양주 물의 정원*/case 18: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=9c395877-40e0-4731-9d25-1eab847b04ef&con_type=11400'; break; /*뮤지엄다 */case 19: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=537fd37b-7d5a-4d40-b9bf-fcfef78085ba&con_type=11200'; break; /*마이페이보릿쿠키*/case 20: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=5fef0315-ae2c-4b05-81ee-eaeeebd2d162&con_type=11300'; break; /*부여 성흥산성*/ case 21: location.href = 'https://blog.naver.com/korea_diary/221464905276'; break; /*셀프웨딩스폿(올림픽공원)*/ case 22: location.href = 'https://korean.visitkorea.or.kr/wallpaper/main.do'; break; /*디지털굿즈 페이지*/ } } $(function() { function themeSwiper() { var themeSwiper = new Swiper('.theme_header > .swiper-container', { simulateTouch: true, centeredSlides:true, slidesPerView:1, autoHeight: false, loop: true, autoplay: true, pagination: { el: '.theme_header > .swiper-container > .swiper-pagination', type: 'bullets' }, }); } themeSwiper(); });