/* 와이드로 만들기 */ #contents { width: 100%; padding: 0; } .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; } .theme_con {width:100%; text-align:center; background-color:#ff57227d;} .tab_area {width:100%; padding: 1%;} .tab_area ul li {display:inline-block;} .tab_ul {width:100%; text-align:center;} .tab_li {width:30%; margin:auto; display:inline-block; border: 1px solid #333;} .movie_zone { width: 100%; background-image: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=a3b81efa-0c87-44e3-a17f-ac7d06289660); /*f3cc4633-f1c9-4777-937b-00d1771a21be*/ background-repeat: no-repeat; background-size: cover; height: 900px; max-width: 1920px; background-position: center; margin:0 auto; } .thumb_zone {width: 100%; max-width: 940px; text-align: center; margin-left: auto; margin-right: auto; padding: 50px 0%; } .thumb_zone img {width:100%; border-radius: 5%; border: 1px solid #f5e5c6;} .video_wrap { width: 670px; position: absolute; top: 450px; left: 50%; transform: translate(-50%, 0%); } .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; height: calc((100% - 30px) / 2); /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }.swiper-slide {margin-top:5px !important;}.thumb_zone li {width:24%; display:inline-block; padding-top: 1%; cursor:pointer;}.dron_image {position: absolute; top: 300px; left: 80%; z-index: 1000; width:200px;}.dron_image img {width:100%;}.thumb_zone_bg {width:100%; } .mo_version {display:none;} .pc_version {display:block;}.theme_con {cursor: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=8646d448-b884-46f1-93f2-eb8c54314348.gif), url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=b20c3582-53cc-4953-bb25-535cff0b5a17.cur), auto} .theme_con a {cursor: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=8646d448-b884-46f1-93f2-eb8c54314348.gif), url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=b20c3582-53cc-4953-bb25-535cff0b5a17.cur), auto} .con_footer {width:100%;}.con_footer img {width:100%;}.tab_btn_area {width:100%; max-width: 940px; text-align: center; margin: 3% auto 0 auto;}.tab_btn {width:32%; padding:1%; height:50px; background-color:#f65402; border:1px solid #E78C17; border-radius:10px; cursor:pointer; color: #fff;}.tab_active {background-color:#fff; cursor:none; color:#f65402;}.series03 {display:block;}.series02 {display:none;}.series01 {display:none;} 탁 트인 뷰 맛집 Best 영상.zip 바다에 반하Go ​ 정혁찬--> 천동희--> @media screen and (max-width: 1023px) { .movie_zone {height:450px;} .video_wrap { width: 90%; margin-top: -62%;} .tab_li {width:90%; margin-top: 1%;} .thumb_zone li {width:49%;} .dron_image {display:none;} .mo_version {display:block;} .pc_version {display:none;} .tit_cont .btn_titview {padding-right: 45px;}}@media screen and (max-width: 800px) { .movie_zone {height: 700px; } .video_wrap {width: 68%;margin-top: -13%; }}@media screen and (max-width: 601px){.video_wrap {width: 87%;margin-top: -17%;}}@media screen and (max-width: 480px){.video_wrap {width: 89%;margin-top: -60%;}}@media screen and (max-width: 450px) { .movie_zone {height: 380px;} .video_wrap {width: 69%; margin-top: -63%;}}@media screen and (max-width: 413px) { .movie_zone {height: 450px;} .video_wrap {width: 81%; margin-top: -55%;}}@media screen and (max-width: 400px) { .video_wrap {width: 89%; margin-top: -60%;}}@media screen and (max-width: 374px) { .movie_zone {height:450px;} .video_wrap { width: 93%; margin-top: -62.5%;;}}@media screen and (max-width: 330px) { .movie_zone {height:380px;} .video_wrap { width: 89%; margin-top: -81.5%;} .tab_btn {font-size:small;}}.dron_ani { animation-name: dron_move; animation-duration:3s; animation-direction: alternate; animation-iteration-count:infinite; animation-fill-mode: forwards; animation-timing-function: ease-in-out;}@-webkit-keyframes dron_move { 0% { left:75%; } 20% { left:80%; top:320px; } 40% { left:77%; top:330px; } 60% { left:71%; top:310px; } 80% { left:73%; top:280px; } 100% { left:75%; top:290px; }} menu01 menu02 menu03 --> /* $(function () { function ThemeSwipe_1() { var perview = ''; var percol = ''; if (mobileYn ==Y) { perview = '1.5'; percol = '3'; } else { perview = '3.5'; percol = '2'; } var ThemeSwipe_1Swipter = new Swiper('.thumb_zone .swiper-container', { simulateTouch: true, autoHeight: false, autoplay: false, slidesPerView: perview, slidesPerColumn: percol, spaceBetween: 30, navigation: { nextEl: '.thumb_zone .swiper-button-next', prevEl: '.thumb_zone .swiper-button-prev' }, pagination: { el: '.thumb_zone .swiper-pagination', type: 'progressbar', }, scrollbar: { el: '.swiper-scrollbar', hide: false, }, }); } ThemeSwipe_1(); });*/ function goClick(no){ var src_path =''; switch (no) { case 1 : /*가우도*/ src_path = 'irUm76I7Xps'; fngoResult(src_path); break; case 2 : /*퍼플교*/ src_path = 'JgvfPwn3NkE'; fngoResult(src_path); break; case 3 : /*추포해변*/ src_path = 'oomIWpdnZ5A'; fngoResult(src_path); break; case 4 : /*남애항*/ src_path = 'R5i8ZnZDpPI'; fngoResult(src_path); break; case 5 : /*삼지해상산책로*/ src_path = 'aTCH6Q0Ci3k'; fngoResult(src_path); break; case 6 : /*호미곶*/ src_path = 'zhjX0EkSjv8'; fngoResult(src_path); break; case 7 : /*수산과학관*/ src_path = '4L12xwnw3NI'; fngoResult(src_path); break; case 8 : /*추암출렁다리*/ src_path = 'tpSqjEMSKxQ'; fngoResult(src_path); break; case 9 : src_path = 'YMBmR70lZcE'; fngoResult(src_path); break; case 10 : src_path = 'JnnRf4yBpTk'; fngoResult(src_path); break; case 11 : src_path = '2nsPzGrEwxc'; fngoResult(src_path); break; case 12 : src_path = 'oBIZLiKE5YU'; fngoResult(src_path); break; case 13 : src_path = '2_EZ6z3EupM'; fngoResult(src_path); break; case 14 : src_path = 'brNfcYVi6do'; fngoResult(src_path); break; case 15 : src_path = 'fH1wIDbhlD0'; /*동해 해파랑공원*/ fngoResult(src_path); break; case 16 : src_path = 'YP1e0zUS2HA'; /*진주성*/ fngoResult(src_path); break; case 17 : src_path = 'yn-qR2VAux0'; /*의성 금성산고분군*/ fngoResult(src_path); break; case 18 : src_path = 'LIeeyo2MEkQ'; /*영월 선암마을*/ fngoResult(src_path); break; case 19 : src_path = '34MIsnZNuSs'; /*포항 장기읍성 */ fngoResult(src_path); break; case 20 : src_path = 'DiaqGfTmX9Q'; /*단양 잔도*/ fngoResult(src_path); break; case 21 : src_path = 'FMpjYi9Dr48'; /*죽도 전망대*/ fngoResult(src_path); break; default: src_path = 'fH1wIDbhlD0'; fngoResult(src_path); break; } } function fngoResult(src_path){ $('#075e2c45-6b97-4d7f-8c1f-2be3cb5d327d').attr('src','https://www.youtube.com/embed/'+src_path+'?rel=0&playsinline=1&enablejsapi=1&origin=https%3A%2F%2Fkorean.visitkorea.or.kr&widgetid=1'); } $( document ).ready( function() { min = Math.ceil(15); max = Math.floor(20); no = Math.floor(Math.random() * (max - min)) + min; goClick(no); $( .tab_btn ).click( function() { var id_by_class = $(this).attr('id'); $(this).siblings().removeClass('tab_active'); $(this).addClass('tab_active'); if (id_by_class=='tab01') { $('.series01').css(display,block); $('.series02').css(display,none); $('.series03').css(display,none); } else if (id_by_class=='tab02') { $('.series01').css(display,none); $('.series02').css(display,block); $('.series03').css(display,none); } else if (id_by_class=='tab03') { $('.series01').css(display,none); $('.series02').css(display,none); $('.series03').css(display,block); } else { $('.series01').css(display,none); $('.series02').css(display,none); $('.series03').css(display,block); } }); });