클릭 한번이면 단풍 놀이도 즐길 수 있다! 생중계 영상과 아름답게 물든 단풍 사진을 보며 대한민국을 울긋불긋 물들인 단풍에 푹 빠져보세요! 진정한 비대면(언택트) 여행! 랜선단풍놀이를 즐겨보세요. /* 와이드로 만들기 */ #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; } .imagemap001 { width: 100%; } .image_bg {width:100%;}.con_footer {display:block;}.con_footer img {width:100%;} /imagemap001 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=c2e38973-a17d-42e3-8b6d-39c1b1001e3b);} 내장산 기암 봉우리와 단풍 터널 - 영상제공 : 국립공원공단 - 자세히 보기 변산반도 마음이 평온해지는 자리 - 영상제공 : 국립공원공단 - 자세히 보기 가야산 소리길 해인사로 가는 완만한 옛길 - 영상제공 : 국립공원공단 - 자세히 보기 주왕산 절골과 주산지 알록달록 맑은 계곡 - 영상제공 : 국립공원공단 - 자세히 보기 대한민국 최초의 국립공원, 지리산 - 영상제공 천동희 - 해당 동영상은 VR 동영상 으로 아이폰 Youtube APP을 통해서만 원활한 재생이 가능합니다 유튜브 APP으로 시청 X 가야산 소리길 해인사로 가는 완만한 옛길 - 영상제공 : 국립공원공단 - 자세히 보기 해당 동영상은 VR 동영상 으로 아이폰 Youtube APP을 통해서만 원활한 재생이 가능합니다 유튜브 APP으로 시청 X 주왕산 절골과 주산지 알록달록 맑은 계곡 - 영상제공 : 국립공원공단 - 자세히 보기 내장산 기암 봉우리와 단풍 터널 - 영상제공 : 국립공원공단 - 자세히 보기 변산반도 마음이 평온해지는 자리 - 영상제공 : 국립공원공단 - 자세히 보기 대한민국 최초의 국립공원, 지리산 - 영상제공 천동희 - /*pc*/ .theme_pc { display: block; } .theme_mo { display: none; } .theme_autumn { position: relative; max-width: 1920px; margin: 0 auto; } .theme_area { max-width: 1920px; width:100%; position: absolute; top:20.5%; text-align: center; margin: 0 auto; } .section1 { POSITION: relative; width: 67%; margin: 0 auto; display: block; } .section2 { position: relative; display:block; width: 70%; margin-left: auto; margin-right: auto; margin-top: 3%; } .section3 { position: relative; display: block; width: 70%; margin-left: auto; margin-right: auto; margin-top: 8%; } .section4 { position: relative; margin: 0 30px; display: block; width: 90%; margin-left: auto; margin-right: auto; margin-top: 8%; } .box1 { width:100% } .ghost-button { align-items: center; display: inline-block; padding: 30px 290px; margin: 50px 320px; border: 1px none #d9cbb3; text-align: center; } .box2, .box3 { width: 38%; display: inline-block; border: 1px solid #ebebeb; border-radius: 20px; margin: 30px; } .box4 { width: 64%; display: inline-block; border: 1px solid #ebebeb; border-radius: 20px; margin: 0 100px; } .stitle_wrap { text-align: center; margin-top: 20px; } .video_region { color: #fff; background-color: #313131; padding: 0 10px; margin: 0 230px 20px; } .video_date { color: #ff0000; } .video_title { color: #666; font-size: 17px; } .video_stitle { color: #313131; font-size: 24px; font-weight: 800; } .video_c { font-size: 0.8em; color: #878787; } .view_button { background-color: #eee; color: #878787; border-radius: 10px; padding: 10px 100px; margin: 10px; } .section1 .swiper-wrapper { margin-bottom: 10%; } area { display: inline-block; } /*모바일*/ @media screen and (max-width: 1920px) { .theme_area{top:21.5%;} .section2 {margin-top: 5%;} .section3 {margin-top: 7%;} .section4 { margin-top: 13%;} } @media screen and (max-width: 1800px) { .theme_area {top: 21%;} .section4 { margin-top: 10%;} } @media screen and (max-width: 1500px) { .theme_area {top:20.8%;} .section2 {margin-top: 6%;} .section3 {margin-top: 4%;} .section4 {margin-top: 10%;} } @media screen and (max-width: 1400px) { .section2 {margin-top: 4%;} } @media screen and (max-width: 1350px) { .section4 {margin-top: 7%;} } @media screen and (max-width: 1280px) { .section2 {margin-top: 1%;} .theme_area { top: 21.8%;} .section4 { margin-top: 13%;} } @media screen and (max-width: 1279px) { .view_button { padding: 1% 5%;} .stitle_wrap {margin-top: 3px;} .video_stitle {font-size:20px;} .section3 {margin-top: 3%;} .section4 { margin-top: 9%;} } @media screen and (max-width: 1145px) { .section2 { margin-top: 5%; } .section4 { margin-top: 9%;} .theme_area { top: 21%;} } @media screen and (max-width: 1023px) { .tit_cont { padding: 0 30px 30px 15px; } .post_area { padding-right: 15px; } .tit_cont .btn_titview { padding-right: 45px; } .theme_pc { display: none; } .theme_mo { display: block; } .box_modInfo, .btm_team, .replyWrap .write, .replyWrap .wrap_reply { padding: 10px 15px; } .replyWrap.login .fileRegbtn { right: 70px; } .replyWrap.login .btn_apply { right: 15px; } .theme_mo .theme_autumn { /* position: relative; */ width: 100%; height: auto; margin: 0 auto; } .theme_mo .theme_autumn .theme_area { width: 100%; height: 45%; position: absolute; top: 0; padding: 0; } .section1 { POSITION: ABSOLUTE; TOP: 185%; margin: 0; width: 100%; } .section2 { position: absolute; top: 70%; margin: 0; width: 100%; } .section3 { position: absolute; top: 48%; margin: 0; width: 100%; } .section4 { position: absolute; top: 92.5%; margin: 0 10px; } .box1 { width: 94%; height: 100%; display: inline-block; margin: 3%; } .plusbt { margin: 25px 10px 0; } .plusbt img { width: 100%; } .box2, .box3 { width: 90%; height: 80%; display: inline-block; border: 1px solid #ebebeb; border-radius: 10px; margin: 0; } .box4 { width: 100%; height: 80%; display: inline-block; border: 1px solid #ebebeb; border-radius: 10px; margin: 0; } .stitle_wrap { text-align: center; margin-top: 10px; margin-bottom: 10px; } .video_region { color: #fff; background-color: #313131; padding: 0 10px; margin: 0 230px 20px; } .video_date { color: #ff0000; } .video_title { color: #666; font-size: 11px; } .video_stitle { color: #313131; font-size: 15px; font-weight: 800; } .view_button { background-color: #eee; color: #878787; border-radius: 5px; padding: 5px 46px; margin: 10px; font-size: 11px; } .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; } .section1 .swiper-pagination { margin: 10px 5% 0; } .section2 .swiper-pagination { text-align: center; margin: 2% 41% 0; } .section3 .swiper-pagination { text-align: center; margin: 10px 42% 0; } .swiper-pagination-bullet { width: 15px; height: 15px; margin: 0 3px; opacity: 0.2; } .swiper-pagination-bullet-active { width: 30px; height: 15px; background: #000; opacity: 0.5; border-radius: 20px; } .iOS_noti { position: absolute; width: 100%; margin: 0 auto; display: none; } .ios_dim, .noti_txt, .btn_close { position: absolute; display: block; } .noti_txt { color: #fff; z-index: 101; width: 90%; padding: 15%; margin-top: 10%; } .ios_dim { background-color: #000; opacity: .7; height: 200px; width: 90%; z-index: 100; margin-top: 10%; } .btn_close { width: 90%; color: #fff; font-size: 1.5em; z-index: 102; text-align: right; margin-top: 10%; padding-right: 5%; } .noti_txt button { width: 100%; margin: 10% auto 0; background-color: orange; color: #fff; padding: 3%; } .con_footer {display:none;} } $(function () { function swipe_1() { var swipe_1 = new Swiper('.section1 .swiper-container', { loop: true, grabCursor: true, slidesPerView: 1.2, pagination: { el: '.section1 .swiper-pagination' } }); } swipe_1(); }); $(function () { function swipe_2() { var swipe_2 = new Swiper('.section2 .swiper-container', { loop: true, grabCursor: true, slidesPerView: 1.2, pagination: { el: '.section2 .swiper-pagination' } }); } swipe_2(); }); $(function () { function swipe_3() { var swipe_3 = new Swiper('.section3 .swiper-container', { loop: true, grabCursor: true, slidesPerView: 1.2, pagination: { el: '.section3 .swiper-pagination' } }); } swipe_3(); }); $(document).ready(function () { var UserAgent = navigator.userAgent; if (UserAgent.match(/iPhone|iPod|ipad/i) != ) { $('.iOS_noti').css(display, inline-block); } else { $('.iOS_noti').css(display, none); } var dim_height = $('.theme_mo .box2').innerHeight() - 40; $('.ios_dim').css('height', dim_height); $('.btn_close').click(function () { $(this).parent('.iOS_noti').slideToggle(); }); }); $(document).ready(function () { if (navigator.userAgent.indexOf('MSIE') > 0 || navigator.userAgent.indexOf('Trident') > 0) { setTimeout(function () { $('#video001').attr(src, https://www.youtube.com/embed/3xCPwue_0WM?rel=0&playsinline=1&enablejsapi=1&origin=https%3A%2F%2Fkorean.visitkorea.or.kr&widgetid=1); $('#video002').attr(src, https://www.youtube.com/embed/KD3wZCYc5L8?rel=0&playsinline=1&enablejsapi=1&origin=https%3A%2F%2Fkorean.visitkorea.or.kr&widgetid=1); $('#video003').attr(src, https://www.youtube.com/embed/Li7RLHlFY0M?rel=0&playsinline=1&enablejsapi=1&origin=https%3A%2F%2Fkorean.visitkorea.or.kr&widgetid=1); $('#video004').attr(src, https://www.youtube.com/embed/EnFh27LzQsc?rel=0&playsinline=1&enablejsapi=1&origin=https%3A%2F%2Fkorean.visitkorea.or.kr&widgetid=1); $('#video005').attr(src, https://www.youtube.com/embed/FJLBFm3tCEI?rel=0&playsinline=1&enablejsapi=1&origin=https%3A%2F%2Fkorean.visitkorea.or.kr&widgetid=1); }, 1000); } else { setTimeout(function () { $('#video001').attr(src, https://www.youtube.com/embed/3xCPwue_0WM?rel=0&playsinline=1&enablejsapi=1&origin=https%3A%2F%2Fkorean.visitkorea.or.kr&widgetid=1); $('#video002').attr(src, https://www.youtube.com/embed/KD3wZCYc5L8?rel=0&playsinline=1&enablejsapi=1&origin=https%3A%2F%2Fkorean.visitkorea.or.kr&widgetid=1); $('#video003').attr(src, https://www.youtube.com/embed/Li7RLHlFY0M?rel=0&playsinline=1&enablejsapi=1&origin=https%3A%2F%2Fkorean.visitkorea.or.kr&widgetid=1); $('#video004').attr(src, https://www.youtube.com/embed/EnFh27LzQsc?rel=0&playsinline=1&enablejsapi=1&origin=https%3A%2F%2Fkorean.visitkorea.or.kr&widgetid=1); $('#video005').attr(src, https://www.youtube.com/embed/FJLBFm3tCEI?rel=0&playsinline=1&enablejsapi=1&origin=https%3A%2F%2Fkorean.visitkorea.or.kr&widgetid=1); }, 1000); } }); function ios_go_url(no) { var youtube_url = ''; switch (no) { case 1: youtube_url = 'youtube://watch?v=3xCPwue_0WM'; break; case 2: youtube_url = 'youtube://watch?v=KD3wZCYc5L8'; break; } setTimeout(function () { window.open(https://apps.apple.com/kr/app/youtube/id544007664); }, 1000); location.href = youtube_url; } @media screen and (max-width: 1023px){.tit_cont.titleType1 { padding: 2% 3% !important;}}