지구를 지키는 그린슈머의 똑똑한 여행법! 머물수록 행복한 그린 스테이, 그린 라이프를 위한 첫걸음. 친환경 체험, 지구를 살리는 똑똑한 소비 그린슈머 스토어, 몸도 마음도 가벼운 채식 미식회, 비건 레스토랑 안내, 온몸으로 느끼는 짜릿한 친환경 엑티비티 여행까지, 친환경 여행의 모든 것! 지금 확인해 보세요! /* GNB 감추기 */#common_header {display:none;}.tit_cont {display:none;}.box_txtPhoto .txt_p { margin-top: 0px;} /*24px*/.wrap_contView {margin-top:0px;}/* 와이드 형으로 변환 */ /* 와이드로 만들기 */ #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, .theme_con_wrap {width:100%; display:inline-block;}.theme_con_wrap {display:inline-flex;}.theme_con img {width:100%; }.con_body {width:95.32%; max-width:1830px; }.con_right {width:4.68%; max-width: 90px; background-color:#00a871; z-index:105;}.con_header, .section01, .section02, .section03, .section04, .section05, .section06 {position:relative; width:100%; z-index: 105;}.con_header .swiper-container {position: absolute; top: 36.1%; left: 35.65%; width: 28.7%; max-width: 525px; }.con_title { width: 41%; max-width: 750px; margin: 0 auto; }.section01 {background-color:#feffdf}.section01 .section_spot ul {text-align:center;}.section01 .section_spot li {width:24%; padding:0% 0.1% 5% 0.1%; display: inline-block;}.section02 .section_spot {width:90%; margin:0 auto;}.section02 .section_spot li {width:47%; padding:0% 1% 5% 1%; display:inline-block;}.section03 {background-color:#fefbef; padding-bottom:4%;}.section03 ul {padding-bottom: 3%;}.section03 .swiper-pagination-bullet { width: 4px; height: 4px; background: #999; opacity: 1;}.section03 .swiper-pagination-bullet-active { opacity: 1; background: #ff8d0b; width: 20px; height: 4px; border-radius: 10px; }.sec04_wrap {position:absolute; top:0px;}.section04 .section_spot {width:85%; margin:0 auto;}.section04 .section_spot ul {text-align:center;}.section04 .section_spot li {width:29%; padding : 0% 2% 0.5% 2%; display:inline-block;}.section05 .section_spot {width:60%; margin:0 auto;}.section05 .section_spot ul {text-align:center; display: table;}.section05 .section_spot li:nth-child(odd) {width:40%; padding : 0% 10% 0% 0%;; display:table-cell; float:left; margin-top: 10%;}.section05 .section_spot li:nth-child(even) {width:40%; padding : 0% 0% 0% 10%;; display:table-cell; float:left;}.section05 .section_spot li:after {clear:both;}.section06 {background-color: #ffeef2; padding-bottom:3%;}.section06 .con_bg {position:relative; padding-top: 3%;}.section06 li:nth-child(odd) { width: 43.5%; padding: 0% 2% 0% 4%; display: inline-block; }.section06 li:nth-child(even) { width: 43.5%; padding: 0% 4% 0% 2%; display: inline-block; }.sec06_wrap {position: absolute; top: 27%; width: 100%;}.info_text {width:48.64%; max-width:890px; margin:0 auto;}/*.gnb_wrap {margin-top:30%; position:absolute; right: 0; }.gnb_btn { width: 12%; position: fixed; top: 5%; right: 0;} .gnb_right {position:fixed; width: 12%; right: 1%; top: 0; z-index: 100; margin-top: 8%; text-align:right;}.gnb_right_wrap { width:100%; display: inline-block;}.gnb_right_btn { width:6.67%; }*/.gnb_wrap {display: inline-block; position: fixed; top: 0; right: 2%; z-index: 110; width: 12%; margin-top:3%;}.gnb_btn { width: 20%; margin-left: 85%; }.gnb_right_btn {display:inline-block; width: 100%; margin: 3% 0%;}.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=8ddd77d5-a759-48b7-8bc8-e235e005ca99'); }.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=feee398d-3c9f-4243-98b6-68d509483e18'); }.swiper-button-next, .swiper-button-prev { top: 35%; width: 30%; height: 15%; background-size: 25% 100%;}.section03 .swiper-slide-prev {filter: grayscale(1);}.section03 .swiper-slide-next {filter: grayscale(1);}.swiper-slide-prev .sw_title {visibility:hidden;}.swiper-slide-next .sw_title {visibility:hidden;}.mo_gnb {display:none;}.con_bg {display:block;}#section01_btn:hover { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=fa056c88-ada2-45fd-adfd-a50911ce5fe9);}#section02_btn:hover { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=3767cda4-bf93-4ba7-99dc-32b112e0dae6);}#section03_btn:hover { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=05fe2afd-430c-4f17-9346-2c356fea87c8);}#section04_btn:hover { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=92d0aa81-1ff2-4225-91a7-e86e80ae9074);}#section05_btn:hover { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=ac463932-9d6f-4f4b-92d7-6c1986bc6e1c);}#section06_btn:hover { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=98e54bdf-5094-46bc-8b8c-598516d0afbd);}#section07_btn:hover { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=56ceaf83-038d-4cd5-af86-7f9ffeb725fc);}.event_banner {width:15%; position:fixed; bottom: 5%; right: 5%; z-index:10000}.event_banner img {width:100%;}/* 모바일 */@media screen and (max-width: 1023px) {#change01 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=edd2b7a7-8e67-4b91-814f-2f1afb787921);} #change02 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=0b7ff1dd-f6e2-49da-802c-c90588080c85);} .event_banner {width:25%;}.tit_cont.titleType1 .post_area { padding: 0% 3%;}.tit_cont .area_tag, .titleType1 .area_tag { padding-left: 3%; margin-top: 3%;}.con_right {display:none;}.con_body {width:100%;}.con_header .swiper-container { position: absolute; top: 32%; left: 20%; width: 60%; max-width: none;}.mo_gnb { position: relative; display: block; width: 100%; z-index: 1000; }.mo_gnb ul {text-align:center; font-size:0px;}.mo_gnb li {width:50%; display:inline-block;}.con_title { width: 100%;}.section01 .section_spot li { width: 46%; padding: 0% 0.5% 5% 0.5%;}.section01 .section_spot ul { padding-bottom: 5%;}.section02 .section_spot { width: 90%; margin: 0 auto;}.section02 .section_spot li { width: 100%; margin: 0 auto; text-align: center; display: inline-block;}.section03 ul { padding-bottom: 7%;}.swiper-button-next, .swiper-button-prev { top: 35%; width: 20%; height: 15%; background-size: 70% 80%;}.sec04_wrap { position: relative; background-color: #ff8d0b;}.section04 .section_spot { width: 100%; }.section04 .section_spot li { width: 45%; padding: 0% 1% 0.5% 1%; }.section05 .section_spot { width: 100%; }.section05 .section_spot li:nth-child(odd) { width: 45%; padding: 0% 2% 0% 2%; display: table-cell; float: none; margin-top: 0%;}.section05 .section_spot li:nth-child(even) { width: 45%; padding: 0% 2% 0% 2%; display: table-cell; float: none; margin-top: 0%;}.section06 ul {text-align:center;}.section06 li:nth-child(odd) { width: 90%; padding: 0; }.section06 li:nth-child(even) { width: 90%; padding: 5% 0%; }.info_text { width: 90%; max-width: none; }.section_spot {margin-top:0%;}.section06 .con_bg { padding-top: 40%;}.sec06_wrap .section_spot {margin-top: 20%;}#mo_con001 {padding-top: 5%;}.section04 .con_bg {display:none;}/* 모바일에서는 원래대로 펼쳐준다 */#common_header {display:block;}.tit_cont {display:block;}.box_txtPhoto .txt_p { margin-top: 24px;} /*24px*/.wrap_contView {margin-top:24px;}.gnb_right_btn {display:none;}.banerfixed {position:fixed; top:0;}/* 모바일 이격 대응 */.curation_area {margin: unset;}} /* GNB 펼치기 열기 */var gnbYn =N;function goGnbYN(){ if (gnbYn ==Y) { $('#common_header').css(display,none); $('.tit_cont').css(display,none); $('.box_txtPhoto .txt_p').css(margin-top,0px;); $('.wrap_contView').css(margin-top,0px;); $('#home_btn').attr(src,https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=b89d8046-f61b-4331-aa13-eae0db87b9f6); gnbYn =N; height_re(); } else { $('#common_header').css(display,block); $('.tit_cont').css(display,block); $('.box_txtPhoto .txt_p').css(margin-top,24px;); $('.wrap_contView').css(margin-top,24px;); $('#home_btn').attr(src,https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=faaae159-fe8e-4621-abc2-889e640d1942); gnbYn =Y; height_re(); }} function ThemeSwiper() { var slideper = ; if (mobileYn ==Y) { slideper= 1.5; } else { slideper= 3; } var ThemeSwiperSwipter01 = new Swiper( '.con_header .swiper-container', { simulateTouch: true, /*PC에서 마우스로 제어 */ autoHeight: true, loop: true, /*루프 재생(계속 반복) */ autoplay: {delay: 2000,}, effect: 'fade', pagination: { el: '.con_header .swiper-pagination', }, }); var ThemeSwiperSwipter02 = new Swiper( '.section03 .swiper-container', { simulateTouch: true, /*PC에서 마우스로 제어 */ pagination: { el: '.section03 .swiper-pagination', }, loop: true, /*루프 재생(계속 반복) */ navigation: { nextEl: '.section03 .swiper-button-next', prevEl: '.section03 .swiper-button-prev' }, slidesPerView: slideper, slidesPerColumn : 1, centeredSlides: true, initialSlide: 0 }); }var host_name = window.location.hostname;if (host_name == korean.visitkorea.or.kr){ if (mobileYn ==N) { $('.gnb_wrap').css(display,inline-block); }} else { $('.gnb_wrap').css(display,none);}var height = $(document).scrollTop();var mo_gnbH = $('.mo_gnb').offset().top;var pc_gnbH = 367;$(window).scroll(function () {/* height = $(document).scrollTop(); height_re(); */if ($(window).scrollTop() > $('.theme_con').outerHeight()){ $('.gnb_wrap').css(display,none);}else {$('.gnb_wrap').css(display,block);}/* console.log('현재 문서의 위치 : ' +$(document).scrollTop() + / + 현재 gnb의 top : + mo_gnbH );*/if ($(document).scrollTop() > mo_gnbH ){ $('.mo_gnb').addClass('banerfixed'); /* console.log('클래스 추가'); */ }else {$('.mo_gnb').removeClass('banerfixed'); /*console.log('클래스 삭제'); */}if (gnbYn == Y) {}}); function height_re(){ var gnb_height = $('.theme_con').offset().top; /* console.log('gnb_height'+gnb_height); */ if (gnbYn == Y) { var win_height = $(window).height(); /* margin_height = ((gnb_height / win_height) * 100)-10; */ margin_height = gnb_height + 10; /* 윈도우 창 대비 GNB 영역의 크기의 백분율 */ $('.gnb_wrap').css(margin-top,margin_height+px); } else { $('.gnb_wrap').css(margin-top,3%); }/* var con_header = $('.con_header').outerHeight(); var section01 = con_header + $('.section01').outerHeight(); var section02 = section01 + $('.section02').outerHeight(); var section03 = section02 + $('.section03').outerHeight(); var section04 = section03 + $('.section04').outerHeight(); var section05 = section04 + $('.section05').outerHeight(); var section06 = section05 + $('.section06').outerHeight(); var theme_con = $('.theme_con').outerHeight(); var imagepath = https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=; console.log('con_header :' +con_header+ 'section01 :' +section01+ 'section02 :' +section02+'section03 :' +section03+ 'section04 :' +section04+ 'section05 :' +section05+ 'section06 :' +section06+ 'theme_con :' +theme_con + 'height ::' +height ); /* aside 초기화 $('#section01_btn').attr(src, imagepath +fa056c88-ada2-45fd-adfd-a50911ce5fe9 ); $('#section02_btn').attr(src, imagepath +3767cda4-bf93-4ba7-99dc-32b112e0dae6 ); $('#section03_btn').attr(src, imagepath +05fe2afd-430c-4f17-9346-2c356fea87c8 ); $('#section04_btn').attr(src, imagepath +92d0aa81-1ff2-4225-91a7-e86e80ae9074 ); $('#section05_btn').attr(src, imagepath +ac463932-9d6f-4f4b-92d7-6c1986bc6e1c ); $('#section06_btn').attr(src, imagepath +98e54bdf-5094-46bc-8b8c-598516d0afbd ); $('#section07_btn').attr(src, imagepath +56ceaf83-038d-4cd5-af86-7f9ffeb725fc ); if (mobileYn ==N) { $('.gnb_wrap').css(display,inline-block); } /* 높이에 따른 분리 if (height .green_banner{ } .green_banner .inr{ margin: 0 auto; position: relative;} .green_banner.inr.mo { display: none;} @media screen and (max-width: 1023px){ .green_banner .inr { width: auto !important;}}