좋아요
조회수
즐겨찾기
인쇄하기
여행지도
공유하기
지역별로 보는 여행재생목록 지도로 보기
지역별로 보는 여행재생목록 지도로 보기 팝업 닫기
지역별로 보는 여행재생목록 지도로 보기 팝업 오늘 하루 보지않기
본문 내용
온택트로 즐기는 전국의 여행 명소! 클릭하는 순간 여행은 시작된다! 눈 앞에서 펼쳐지는 압도적인 국내 여행지의 풍경을 즐겨보세요! 굿바이 2020 일몰풍경부터, 아름다운 은하수, 지난 가을 단풍 절정의 풍경까지 360도 생생한 VR 영상으로 떠나보는 신개념 국내여행! 본 콘텐츠는 NLC-VR에서 제공한 VR 영상으로 제작하였습니다. NLC-VR은?360도 VR 영상, 항공 VR, 사이버 투어 등 다양하고 생생한 관광 콘텐츠를 개발하는 초기관광벤처기업입니다. 가을의 절정, 단풍 여행 구석 구석 별빛 야경투어 일몰 여행, 굿바이 2020! 평창 청옥산 육백마지기 부산 영화의 거리 영양 맹동산 은하수 태안 운여해변 은하수 익산 왕궁리 5층석탑 /* 와이드로 만들기 */ #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; } @media screen and(max-width: 1023px) { .curation_area { MARGIN: UNSET; } } /* 와이드 끝 */ /* 콘텐츠 CSS */ .theme_con { width: 100%; max-width: 1920px; text-align: center; margin: 0 auto; overflow: hidden; } .theme_con img { width: 100%; } .theme_header { width: 100%; max-width: 1920px; position: relative; } .theme_body { padding: 2% 2% 8%; background-color: #ffffff; } .spot_img { position: relative; } .link_btn, .spot_info { position: absolute; } .spot_info { top: 0; opacity: 1; } .link_btn { bottom: 10%; width: 80%; left: 10%; z-index: 30; } .spot_info { background: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=e5bca463-5baa-4e49-85a8-71967ffd0964') no-repeat; background-size: 60%; background-position-x: center; background-position-y: 20%; width: 100%; height: 100%; } .spot-1 { text-align: center; position: relative; top: 22%; color: #fff; font-size: 2vw; font-weight: 800; PADDING: 0 25%; } .spot-2 { text-align: center; position: relative; top: 22%; padding: 0 27%; word-break: keep-all; color: #fff; font-size: 1.2vw; line-height: 1.2; font-weight: 500; } /* 스폿명 애니메이션, 조절 하려면 수정하시면 됩니다. */ .spot_info { animation-name: spot_move; animation-duration: 1s; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: ease-in-out; } /* 버튼 애니메이션, 조절 하려면 수정하시면 됩니다. */ .link_btn { animation-name: link_move; animation-duration: 1s; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: ease-in-out; } /* 애니메이션이 실행되는 키프레임, IE쪽은...10, 11이 되야 하는데 잘 안되네요. */ @-webkit-keyframes spot_move { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes link_move { from { left: 0; opacity: 0; } to { left: 10%; opacity: 1; } } .theme_tab { width: 100%; text-align: center; background-color: #ffffff; padding: 2% 0; font-size: 1.3vw; } .tab_btn { width: 32%; font-weight: 700; background-color: #cac9c9; cursor: pointer; line-height: 4; border-radius: 10px; margin: 3px; display: inline-block; color: #fff; } .tab_on { background-color: #3c3c3c; } .footer_text { background-image: url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=280bdbf9-2a6b-4503-99ed-6e6031e75b92'); text-align: center; background-position: 50% 9%; background-size: auto; height: 200px; padding: 4% 3.5% 1%; word-break: keep-all; } .footer_text > img { display: none; } .header_gif { width: 25%; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0px); } @media screen and (max-width: 800px) { #foot_info { content: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=de67615a-4717-4ebb-bd0e-91a57a1fdaa3'); } /*회사소개 */ #bottom_banner { content: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=a5f1eb7c-0d63-4800-b80d-6d36e9895d93'); } /*풋터 배너*/ .footer_text { padding: 4%; width: 100%; background-color: #fdddb6; background-image: none; height: unset; } .tab_btn { vertical-align: top; min-height: 70px; padding: 4%; line-height: 1.5; font-size: 4vw; word-break: keep-all; width: 31%; margin: 2px; } .spot-1 { font-size: 8vw; } .spot-2 { font-size: 5vw; } .theme_header { width: 250%; transform: translate(-30%, 0); } .theme_body .swiper-container { padding-left: 5%; } } /* 초기 변수 선언 */ var linkurl = ; var width_length = ; var v_slidesPerView = ; var defalut_width = $(window).outerWidth(); $(document).ready(function () {mobileChekc();ThemeSwiper(); }); /* 창 사이즈 변활르 감지하여 800px 이하의 최초 사이즈랑 다른 경우 리로드 한다 */ $(window).resize(function () {var width_size = $(window).outerWidth();console.log('defalut_width=' + defalut_width + ', width_size=' + width_size);if (width_size = 800 && defalut_width != width_size) {mobileChekc();ThemeSwiper();return false;} }); /* 창 사이즈 변활르 감지하여 800px 이하인 경우 스와이프 변수 조절을 위한 변수 만들기 */ function mobileChekc() {if ($(window).width() 단양 보발재 '); $('#spot_02').html(' 대구 이월드 '); $('#spot_03').html(' 임실 치즈테마파크 '); $('#spot_04').html(' 철원 매월대 폭포 '); $('#spot_05').html(' 청주 청남대 '); break;case tab_002: $('#con_header').attr(src, https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=5575f18f-2b6f-495c-bdf3-7934c7232eab); $('#img_01').attr(src, https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=33ae638b-202b-4e56-bd11-17c9fca7eebd); $('#img_02').attr(src, https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=3c6371a6-cef1-4989-a786-8e62417e42c3); $('#img_03').attr(src, https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=5e52c249-6f5c-480a-9d53-9139dbe3c132); $('#img_04').attr(src, https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=464af09a-b9ce-4869-946d-671e0ed67a7b); $('#img_05').attr(src, https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=71f32944-6112-4edc-992f-2cd0eb4252d0); $('#spot_01').html(' 평창 청옥산 육백마지기 '); $('#spot_02').html(' 부산 영화의 거리 '); $('#spot_03').html(' 영양 맹동산 '); $('#spot_04').html(' 태안 운여해변 '); $('#spot_05').html(' 익산 왕궁리 5층석탑 '); break;case tab_003: $('#con_header').attr(src, https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=f9c01e0e-0357-4cd2-ad9f-e45f97cd5f0c); $('#img_01').attr(src, https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=0b751959-87a1-4409-a5f1-9a97e40383e6); $('#img_02').attr(src, https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=ade308dc-08b7-4eff-bd26-7c92d1c06452); $('#img_03').attr(src, https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=4a1b7a88-59f3-472b-b779-ace1d3eb1ca0); $('#img_04').attr(src, https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=8caf0bce-08af-4c6c-8273-a136617c6e9f); $('#img_05').attr(src, https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=b9bfedd8-c123-4570-a73a-eeade358d94b); $('#spot_01').html(' 영월 한반도 지형 '); $('#spot_02').html(' 대전 대동하늘공원 '); $('#spot_03').html(' 대구 아양기찻길 '); $('#spot_04').html(' 시흥 갯골생태공원 '); $('#spot_05').html(' 제주 군산오름 '); break; now_tab = prev_tab; /* console.log(now_tab:+now_tab+/+prev_tab:+prev_tab); */ $('.tab_btn').removeClass('tab_on'); $('#' + prev_tab).addClass('tab_on'); tab_click(prev_tab, prev_tab); break;default: now_tab = tab_003; prev_tab = ; tab_click(now_tab, prev_tab);} } /* 모바일 버전일 때 이미지 처리; 아이템만 처리 됨 */ $(function () { var window_width = $(window).width(); if (window_width $(document).ready(function() { $('.spot_img').attr('alt', ); $('.link_btn').attr('alt',[링크이동] VR 파노라마 보기); });$('.tab_btn').click(function() { $('.spot_img').attr('alt', ); $('.link_btn').attr('alt',[링크이동] VR 파노라마 보기); }); @media screen and (max-width: 1023px){.tit_cont.titleType1 { padding: 2% 3% !important;}}
한국관광공사에 의해 창작된 은(는) 공공라이선스에 따라 이용할 수 있습니다. 사진 자료의 경우, 피사체에 대한 명예훼손 및 인격권 침해 등 일반 정서에 반하는 용도의 사용 및 기업 CI,BI로의 이용을 금지하며, 상기 지침을 준수하지 않음으로 인해 발생하는 이용자와 제3자간 분쟁에 대해서 한국관광공사는 책임을 지지 않습니다.
- 한국관광공사의 저작물에 기초 -
더보기
여행톡