답답한 일상에 활령을 더해줄 한가위 플랜! 온라인 전통시장에서 선물을 사고, 랜선으로 여행도 떠나고! 가족들과 마음을 나눌 수 있는 온택트 여행법을 소개합니다. /* 와이드로 만들기 */ #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; } /* 콘텐츠 스타일 */ .theme_con { width: 100%; text-align: center; margin: 0 auto; background-color: #ffe8c7; } .theme_con img {width:100%;} .theme_con_wrap{ width:100%; text-align:center; margin:0 auto; } .con_area, .con_body, .detail_more_img {width:100%; max-width:1280px; text-align:center; margin:0 auto; } .detail_jido {width:100%; max-width:560px; text-align:center; margin:0 auto;} .con_header { width: 100%; } .con_tab { width: 100%; text-align: center; background-color: #427384; display: inline-block; margin: 0 auto; } .con_footer { width: 100%; } .con_footer img { width: 100%; } .tab_active { display: inline-block; } .tab_off { display: none; } .con_tab_li { display: inline-block; width: 25%; margin: 0 auto; cursor: pointer; } .con_tab_li:after {clear:both;} .con_area {width:100%; display:none; position:relative;} .img_list_li {width:49%; float:left; padding: 0 0.5%;} .img_list_li:after {clear:both;} .detail_more_img {display:inline-block; margin-bottom:3%;} /* 스와이퍼 커스텀 */ .theme_con .swiper-button-next, .swiper-button-prev {margin-top:0; top:60%;} /* 이미지는 교체해 주세요 */ .theme_con .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:-2%; background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=8e97a817-a8a1-4a0e-a9eb-a6e6523cb865');} .theme_con .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:-2%; background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=25c6d8c3-2126-4a90-810a-790f5ba6accf');} .theme_con .swiper-button-next, .swiper-button-prev { width: 48px; height: 48px; background-size: 48px 48px; /* filter: drop-shadow(2px 4px 6px black);*/ } .theme_con .swiper-wrapper {padding-bottom:5%;} .theme_con .swiper-pagination-bullet-active { background: #000; } .detail_morecon {margin-top:-5%;} .con_detail_img {width:100%;} .con_detail_img img {max-width:400px; width:100%;} .none_con {display:none;}/* tab02 */ .tab02_detail_list {width: 100%; text-align: center; margin: 0 auto; display: inline-block;} .tab02_detail_list li {float: left;} .tab02_detail_list li {width:50%; max-width:640px; display:inline-block; margin-top: 5%;} .tab02_detail_list li img {max-width:610px; width: 100%;} .tab02_detail_list li:after {clear:both;} .tab02_detail_list2 {width:100%; text-align:center; margin:0 auto; display:inline-block; } .tab02_detail_list2 li {float: left;} .tab02_detail_list2 li {width:25%; margin-bottom: 2%;} .tab02_detail_list2 li img {max-width:290px; position:relative;} .tab02_detail_list2 li img:hover {top:-10px;} .tab02_detail_list2 li:after {clear:both;} .tab03_detail_list2 li {width:50%; margin-bottom:2%; float:left;} .tab03_detail_list2 li img {max-width:610px; position:relative;} .tab03_detail_list2 li:after {clear:both;} .tab03_detail_list1 .swiper-wrapper {padding-bottom:10%; padding-left: 3%;} .tab03_detail_list1 .swiper-button-next, .swiper-button-prev {top:58%;} .mo_con {display:none;} .pc_con {display:block;} @media screen and (max-width: 1280px) { /* 이미지를 교체해 줍니다. */ #image1_1 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=eaceef7b-bff0-4422-8744-b15799da75b7);} /* 헤더 */ #image1_2 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=b46a33a1-938c-4e1a-bd58-3a759b057dc6);} /*소제목 1 */ #image1_3 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=e1ae5c1c-c601-4970-aff7-271fcc25ec48);} /*소제목 2 */ #image1_4 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=e0839d06-e861-45e6-aac1-7372e6bff07d);} /*풋터 */ #image1_5 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=e3471c30-fa35-4ad4-9759-1d02ba847abf);} /*강원 */ #image1_6 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=bb3e2b08-d21b-4cb4-8cc2-c404f373e4d8);} /*경상 */ #image1_7 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=2e830bb6-1637-480a-bf78-2de99c173134);} /*전라 */ #image1_8 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=bd45323b-f263-4a8c-8605-22eca04730e1);} /*충청 */ #image1_9 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=bef2d6a8-0f20-4d23-9677-9aee71dbfa4d);} /*제주 */ #image1_10 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=b12e14b5-6afb-4535-9f03-e87e3496a52d);} /*경기 */ #image2_1 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=5c45a02d-7e42-4f08-9c26-6f7e4a36e670);} /*텝2 소제목1 */ #image2_2 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=644255e5-6b31-4afe-8e4a-43bfffb4c86f);} /*텝2 소제목2 */ #image3_1 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=5959aa4e-42cd-4d83-9ccb-fc8e6e5fb7bb);} /*텝3 소제목1 */ #image3_3 { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=ca0acbad-b6dc-4f0e-b765-66b85c9e65ef);} /*텝3 소제목2 */ #tab01_off { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=fe15b63d-7c1c-4f1d-8850-bbc55ac4b370);} #tab01_on { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=d98f0d18-39bf-4f49-b81c-0882f411f578);} #tab02_off { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=888a6743-be1a-4204-a76a-0cad926be8f3);} /* 9bba5d33-c22b-476a-93c3-ac3461e2a86e*/ #tab02_on { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=1dea5122-dcc1-450f-8700-066f71623a4f);} #tab03_off { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=d3265b03-5936-40b0-824c-fdc2616a8770);} #tab03_on { content: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=c41adeab-65fc-4762-ba04-60d16e086816);} /* 1영역 하단 float 해제 */ .img_list_li { text-align: center; margin: 1% auto; width: 95%; float: none; padding: 1%; } /* 1영역 스와이프 영역 좌측 여백 주기 */ .con_area .swiper-wrapper { padding-left: 5%; } .detail_jido img {width:80%;} .con_area .swiper-wrapper {padding-bottom:10%;} .detail_morecon {margin-top:-10%;} .none_con {display:block;} .con_tab_li {width: 32%;} .con_area .swiper-button-next, .con_area .swiper-button-prev {display:none;} .con_detail_img img {width:100%; max-width:none;} .tab02_detail_list li { width: 95%; padding: 2% 0%; float:none; } .tab02_detail_list2 li {width:49%; padding: 0% 0.5%;} .tab03_detail_list1 {width:100%;} .tab03_detail_list2 li { width: 95%; padding: 2% 0%; float:none; margin: 0% auto 5% auto; } .mo_con {display:block; } .pc_con {display:none;} } var now_class =; function gojido(jido_no){ switch (jido_no) { case 1: /*강원 */ $('#jido_img').attr('src', 'https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=52df0cf7-fbbe-4065-b0fb-d2187a228642'); $('.con_area').css('display','none'); $('.contents_01').css('display','block'); now_class = .contents_01; location.href = #anker; break; case 2: /*경상*/ $('#jido_img').attr('src', 'https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=11c51c91-f285-4cf6-b0f4-2c8616156b6c'); $('.con_area').css('display','none'); $('.contents_02').css('display','block'); now_class = .contents_02; location.href = #anker; break; case 3: /*전라*/ $('#jido_img').attr('src', 'https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=9e2b0d50-3d40-4d53-9b99-0e501c1c47a1'); $('.con_area').css('display','none'); $('.contents_03').css('display','block'); now_class = .contents_03; location.href = #anker; break; case 4: /*충청*/ $('#jido_img').attr('src', 'https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=74a612a0-d740-485c-a9e9-485e92871abe'); $('.con_area').css('display','none'); $('.contents_04').css('display','block'); now_class = .contents_04; location.href = #anker; break; case 5: /*제주*/ $('#jido_img').attr('src', 'https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=d1c6750e-ecf9-491e-8d10-2880dd17c1a8'); $('.con_area').css('display','none'); $('.contents_05').css('display','block'); now_class = .contents_05; location.href = #anker; break; case 6: /*경기*/ $('#jido_img').attr('src', 'https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=a6b2d043-7e26-46a5-9397-eed924c0f2e8'); $('.con_area').css('display','none'); $('.contents_06').css('display','block'); now_class = .contents_06; location.href = #anker; break; default : /*전국*/ $('#jido_img').attr('src', 'https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=c64abe7b-90ca-4c2e-8937-5d03d07507cc'); $('.con_area').css('display','none'); now_class = contents_01; location.href = #anker; break; } }/* 마우스 오버시 지도 변화 */$(document).ready(function () { $('img[usemap]').rwdImageMaps(); $(#area01).mouseover(function () { $('#jido_img').attr('src', 'https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=3fbabd39-3574-49f4-877f-4f48919bc9c4'); }); $(#area02).mouseover(function () { $('#jido_img').attr('src', 'https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=8cbbf430-23e9-46ad-a3d2-047b59a94347'); }); $(#area03).mouseover(function () { $('#jido_img').attr('src', 'https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=cc9b5ea8-50a0-4d93-8475-ffd1a8f56b72'); }); $(#area04).mouseover(function () { $('#jido_img').attr('src', 'https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=3af96b26-314a-4794-847a-006db7850757'); }); $(#area05).mouseover(function () { $('#jido_img').attr('src', 'https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=d6785e5c-5397-4fe7-909e-a7b0c37212ca'); }); $(#area06).mouseover(function () { $('#jido_img').attr('src', 'https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=cd008888-3021-4175-9a0f-ff459b90a80e'); });}); $(document).ready(function () { $(.con_tab_li).click(function () { var class_id = $(this).attr('id'); $('.tab_on').css(display, none); $('.tab_off').css(display, inline-block); $(this).find('.tab_on').css(display, inline-block); $(this).find('.tab_off').css(display, none); if (class_id == 'tab01') { $('.con_body').css(display, none); $('.page01').css(display, block); $('img[usemap]').rwdImageMaps(); reffer_page =01; } else if (class_id == 'tab02') { $('.con_body').css(display, none); $('.page02').css(display, block); $('img[usemap]').rwdImageMaps(); reffer_page =02; } else if (class_id == 'tab03') { $('.con_body').css(display, none); $('.page03').css(display, block); $('img[usemap]').rwdImageMaps(); } else { $('.con_body').css(display, none); $('.page01').css(display, none); $('img[usemap]').rwdImageMaps(); } }); }); var reffer_page =; $(document).ready(function () { function getParameterByName(name) { name = name.replace(/[\[]/, \\[).replace(/[\]]/, \\]); var regex = new RegExp([\\?&] + name + =([^&#]*)), results = regex.exec(location.search); return results == ? : decodeURIComponent(results[1].replace(/\+/g, )); } reffer_page = getParameterByName('page'); var reffer_id = reffer_page.substr(-2); /* alert(reffer_page); console.log(reffer_id); */ if (reffer_page == || reffer_page == undefind) { $('.page01').css(display, block); $('.tab_off').css(display, inline-block); $('.tab_on').css(display, none); $('#tab01').find('.tab_on').css(display, inline-block); $('#tab01').find('.tab_off').css(display, none); $('.page02').css(display, none); $('.page03').css(display, none); } else { location.href=#anker; $('.con_body').css(display, none); $('.page' + reffer_page).css(display, block); $('.tab_on').css(display, none); $('.tab_off').css(display, inline-block); $('#tab' + reffer_id).find('.tab_on').css(display, inline-block); $('#tab' + reffer_id).find('.tab_off').css(display, none); reffer_page = ; } $(function () { function ThemeSwiper() { var window_width = $(window).width(); var slide_cnt = ; if (window_width