/* section 1 */.information-view .sec1 { width: 100%; background: #ffffff; color: #333333;}.information-view .sec1 img { width: 100%;}.information-view h3 { display: none; position: absolute; top: 0; left: 0; width: 0; height: 0; color: transparent; font-size: 0;}.information-view .sec1_wrap h4 { margin-bottom: 5%; font-size: 25px; text-align: center;}.information-view .sec1_wrap { width: 940px; margin: 0 auto;}.information-view .sec1_wrap .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}.information-view .sec1_wrap .swiper-container:after { content: ''; display: block; clear: both;}.information-view .sec1_wrap .swiper-container .swiper-slide { background-size: cover; background-position: center;}.information-view .sec1_wrap .video_wrap { position: relative; left: 0; top: 0; width: 100%; padding-bottom: 56.25%;}.information-view .sec1_wrap .video_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.information-view .sec1_wrap .video_thumbs_wrap { position: relative; left: -4%; width: 108%; padding: 0 4%;}.information-view .sec1_wrap .swiper-container.gallery-thumbs { height: 29.4%; box-sizing: border-box; margin-top: 7%;}.information-view .sec1_wrap .swiper-container.gallery-thumbs .swiper-wrapper{ position: relative; left: 0; top: 0; width: 100%;}.information-view .sec1_wrap .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide{ position: relative; left: 0; top:0; width: 31.9%; margin-right: 2%; cursor: pointer;}.information-view .sec1_wrap .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide:last-of-type{ margin-right: 0;}.information-view .sec1_wrap .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide .txt { margin-top: 2.5%;}.information-view .sec1_wrap .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide .txt p { font-size: 14px; font-weight: 600;}.information-view .sec1_wrap .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide .txt span { margin-top: 10px; font-size: 12px; color:#666;}.information-view .sec1_wrap .video_thumbs_wrap .swiper-button-next,.swiper-button-prev { position: absolute; right: 5px; top: 62%; width: 34px; height: 40px; transform: translateY(-50%); cursor: pointer; background-image: none;}.information-view .sec1_wrap .video_thumbs_wrap .swiper-button-next:after,.swiper-button-prev:after { content: ''; position: absolute; top: 5px; right: 0; width: 25px; height: 25px; border-top: 3px solid #a6a6a6; border-right: 3px solid #a6a6a6; display: inline-block; transform: rotate(45deg);}.information-view .sec1_wrap .video_thumbs_wrap .swiper-button-prev { left: 5px;}.information-view .sec1_wrap .video_thumbs_wrap .swiper-button-prev:after { transform: rotate(225deg); left: 0;}.information-view .sec1_wrap .poster { width: 100%; height: 48%; margin-top: 7%;}.information-view .sec1_wrap .poster .list { width: 69%; margin: 0 auto;}.information-view .sec1_wrap .poster .list:after{ content: ''; display: block; clear: both;}.information-view .sec1_wrap .poster .list li { float: left; width: 49%; margin-right: 2%;}.information-view .sec1_wrap .poster .list li:last-of-type { float: right; margin-right: 0;}.information-view .sec1_wrap .poster .list li img{ width: 100%;}.information-view .sec1_wrap .poster .list li .txt { margin-top: 2%; text-align: center; font-size: 14px;}.information-view .sec1_wrap .notice { margin-top: 9%; padding: 25px 0 0; border-top: 2px solid #9b9a9a; font-size: 13px; line-height: 1; color: #9b9a9a;}.information-view .sec1_wrap .notice p { margin-bottom: 1.5%;}.information-view .sec1_wrap .notice .notice_list li { margin-bottom: 1%;}.information-view .sec1_wrap .notice .notice_list li:last-of-type { margin-bottom: 0;}.information-view .sec1_wrap .leaflet { margin-top: 7%; padding-bottom: 100px;}.information-view .sec1_wrap .leaflet > img { margin-top: 5%;}.information-view .sec1_wrap .leaflet .list { display: flex; justify-content: space-between;}.information-view .sec1_wrap .leaflet .list li { width: calc(860px / 3);}.information-view .sec1_wrap .leaflet .list li img { width: 100%;}.information-view .sec1_wrap .leaflet .txt { margin-top: 2%; text-align: center; font-size: 14px;}@media all and (max-width: 1024px) { .information-view .sec1_wrap { width: 100%; padding: 0 15px; } .information-view .sec1_wrap img { width: 100%; } .information-view .sec1_wrap h4 { font-size: 20px; } .information-view .sec1_wrap .video_thumbs_wrap{ left: 0; width: 100%; padding: 0 5%; } .information-view .sec1_wrap .video_thumbs_wrap .swiper-button-next, .swiper-button-prev { width: 25px; } .information-view .sec1_wrap .video_thumbs_wrap .swiper-button-next:after, .swiper-button-prev:after { width: 19px; height: 19px; }.information-view .sec1_wrap .leaflet .list li { width: calc(98% / 3); }}@media all and (max-width: 767px) { .information-view .sec1_wrap h4 { font-size: 16px; } .information-view .sec1_wrap .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide { width: 48.9%; } .information-view .sec1_wrap .video_thumbs_wrap { padding: 0 7%; } .information-view .sec1_wrap .video_thumbs_wrap .swiper-button-next, .swiper-button-prev { width: 12px; } .information-view .sec1_wrap .video_thumbs_wrap .swiper-button-next:after, .swiper-button-prev:after { width: 14px; height: 14px; border-top: 2px solid #a6a6a6; border-right: 2px solid #a6a6a6; } .information-view .sec1_wrap .poster .list { width: 100%; } .information-view .sec1_wrap .leaflet .list { display: block; } .information-view .sec1_wrap .leaflet .list li { width: 100%; margin-bottom: 5%; } .information-view .sec1_wrap .leaflet .list li:last-of-type { margin-bottom: 0; }} 여행가는 달이란? 여행가는 달 홍보영상 2022 여행가는 달 - 여행으로 재생하기 40s 2022 여행가는 달 - 혜택 40s 2022 여행가는 달 - 여행으로 재생하기 20s 2022 여행가는 달 - 여행으로 재생하기 15s 2022 여행가는 달 - 혜택 15s 여행가는 달 포스터 2022 여행가는 달 - 포스터 1 2022 여행가는 달 - 포스터 2 유의사항 1. 포스터의 저작권은 한국관광공사와 제작대행사에 있습니다. 2. 포스터 내 반드시 “문화체육관광부”, “한국관광공사” 로고 및 “여행가는 달” 캠페인 로고가 삽입되어야 합니다. 3. 타 기관의 로고를 삽입하여 사용할 경우 반드시 문화체육관광부 및 한국관광공사 로고와 같이 배치되어야 하며, 그 크기는 관광공사 로고 크기와 유사한 수준이어야 합니다. 4. 포스터 이미지의 일부분을 사용하는 것은 가능하지만(잘라쓰기), 이미지를 변형하거나, 합성하는 것은 불가합니다. 5. 제작한 게재물의 사용기간은 별도의 확인이 필요하며, 이외의 기간에 해당 이미지를 사용할 경우 발생되는 모델비용 및 문제의 귀속은 최종 사용자가 지게 됩니다. 여행가는 달 리플렛 여행가는 달 리플렛 - 바다(앞면) 여행가는 달 리플렛 - 숲(앞면) 여행가는 달 리플렛 - 댄스(앞면) 여행가는 달 리플렛 (뒷면) function travelweekgasave(action, title) { ga('send', 'event', '2021여행가는달_여행가는 달이란?', action, title, 1);} $(function () { var galleryThumbs = new Swiper('.gallery-thumbs', { slidesPerView: 'auto', watchSlidesVisibility: true, watchSlidesProgress: true, allowTouchMove: false, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }); var active_video = $('.video_wrap iframe'); var thumbNail = $('.gallery-thumbs .swiper-slide'); var active_thumbNail = $('.gallery-thumbs .swiper-slide-active'); var videoCode = $(active_thumbNail).data('name'); $(active_video).attr('src', 'https://www.youtube.com/embed/' + videoCode); $(thumbNail).click(function () { videoCode = $(this).data('name'); $(active_video).attr('src', 'https://www.youtube.com/embed/' + videoCode); });}); ==== 스피어 이벤트 태그 ====== (지우지 말아주세요) 등록자 : 유니에스아이엔씨 :이준섭 033-371-2861 /* 여행 가는달 페이지 공통 */ /* 스피어 이벤트 태깅 지원 사항입니다. 지우지 말아 주세요 */ function getParameterByName(name) { name = name.replace(/[\[]/, \\[).replace(/[\]]/, \\]); var regex = new RegExp([\\?&] + name + =([^&#]*)), results = regex.exec(location.search); return results == ? : decodeURIComponent(results[1].replace(/\+/g, )); } $(document).ready(function () { setTimeout(function () { const url = location.href; const preurl = document.referrer; var cotid = getParameterByName('cotid'); var tagName = $('.tag li a').text(); var title = $('#topTitle').text(); var categori, cate = ; if (url.indexOf(ms_detail) > -1) { categori = 여행지; cate = ms; } else if (url.indexOf(rem_detail) > -1) { categori = 기사; cate = rem; } else if (url.indexOf(fes_detail) > -1) { categori = 축제; cate = fes; } else if (url.indexOf(cs_detail) > -1) { categori = 코스; cate = cs; title = $('.titleType1 h2').text(); } else if (url.indexOf(event_detail) > -1) { categori = 이벤트; cate = event; title = $('h2.ev_tit').text(); } else { categori = 기타; cate = etc; } var preurl_name = ; if (preurl.indexOf(ms_detail) > -1) { preurl_name = 여행지; } else if (preurl.indexOf(rem_detail) > -1) { preurl_name = 기사; } else if (preurl.indexOf(fes_detail) > -1) { preurl_name = 축제; } else if (preurl.indexOf(cs_detail) > -1) { preurl_name = 코스; } else if (preurl.indexOf(event_detail) > -1) { preurl_name = 이벤트; } else if (preurl.indexOf(trss) > -1) { preurl_name = 여행구독; } else if (preurl.indexOf(search_list.do) > -1) { preurl_name = 검색페이지; } else if (preurl.indexOf(mylocation.do) > -1) { preurl_name = 내주변; } else if (preurl.indexOf(/main/main.do) > -1) { preurl_name = 메인; } else { preurl_name = 기타; } var like = $('#conLike').text(); var share = $('#conShare').text(); var region = $('#topAddr span:nth-child(1)').text(); if (region.indexOf(수정일) > -1) { region = ; } var a =region.replace(/,.*/g,''); var b = region.replace(/.*,/g,''); var param_1 = { sapContentId: cotid, sapContentName: title, sapContentCat1Id: cate, sapContentCat1Name: categori, sapContentFilter1: like, /* 좋아요 */ sapContentFilter2: share, /* 공유 */ sapContentFilter3: tagName, /* 태그 */ sapContentFilter4: a, /*지역명 */ sapContentFilter5: b, /* 지역명 (시군구) */ sapSourceName: preurl_name, /* 이전 경로 */ promotionCat1Name: '여행가는달', promotionCat2Name: title, organization: '여행가는 달' }; SphereAnalytics.logEvent(sapContentDetail, param_1); }, 1000); }); $(document).on(click, .information-view a, function () { var cotid = getParameterByName('cotid'); var title = $('#topTitle').text(); var raw = $(this).attr('onclick'); raw = raw .replace(/'/g, '') .replace(/.*\(/g, '') .replace(/\).*/g, ''); var a = raw.replace(/,.*/gi); var b = raw.replace(/.*,/i); var c = raw.replace(/.*,/gi); var param_1 = { sapContentId: cotid, sapContentName: title, subContentId: b, subContentName: a }; SphereAnalytics.logEvent(playListContent, param_1); }); 상단 타이틀 영역 비노출 스타일 제어: 지우지 말것 .tit_cont.titleType1 {display:none;}