사진 속 친환경 여행지를 맞혀보자! 나의 에코 감수성 테스트 여행 중 발생하는 탄소 배출량을 줄여주고 자연을 보호할 수 있는 친환경 여행지는 어디일까요? 사진의 일부를 보고 여행지를 맞히며, 당신의 에코 감수성을 확인해보세요! 테스트 시작하기 이전 문제1 힌트 우리나라에서 가장 먼저 조성된 수변 생태 정원 순천만국가정원 태화강국가정원 줄포만 갯벌생태공원 문제2 힌트 전기 이동 수단을 이용해 이산화탄소, 미세먼지, 질소산화물 배출량을 줄일 수 있는 제주도의 섬 마라도 비양도 우도 문제3 힌트 100여 점의 자연미술 설치 작품을 상시로 관람할 수 있는 국내 유일의 생태미술공원 콩콩이자연미술체험장 연미산 자연미술공원 장흥조각공원 문제4 힌트 버려진 물건을 가공해 새롭게 재탄생시키는 국내 최대 규모의 ‘새활용’ 복합문화공간 서울새활용플라자 대전 치유의 숲 에코랜드테마파크 문제5 힌트 자연 훼손을 막기 위해 중장비 없이 사람의 힘으로 완성한 17.74km의 둘레길 제주올레길 명품십리길 달마고도 문제6 힌트 친환경 에너지인 히트펌프와 태양광으로 온도를 유지하는 국내 최대 돔형 유리온실 서울식물원 부천호수식물원 수피아 거제식물원 문제7 힌트 화재로 방치된 빈집을 정리하고 버려진 물건을 전시하면서 탄생한 예술 마을 서학동 예술마을 양림동펭귄마을공예거리 경암동 철길마을 문제8 힌트 스카이워크에서 바다와 해송림의 풍경을 감상하고, 갯벌에서 생태 탐사를 즐길 수 있는 곳 장항송림산림욕장 국립산림치유원 경북천년숲정원 문제9 힌트 생태계의 보물창고로 불리며, 세계 최초로 람사르습지 도시로 인증 받은 곳 무안황토갯벌랜드 고창 운곡람사르습지 창녕 우포늪 문제10 힌트 천연기념물인 황새가 새끼를 번식하고 돌보는 모습 등을 실시간으로 관찰할 수 있는 공원 예산 황새공원 청주랜드 동물원 서산 버드랜드 1 / 10 당신의 에코 감수성을 확인하고 있어요! 당신은 지구를 생각하는 여행 초심자 자연을 사랑하는 마음은 있지만, 친환경 여행지는 아직 낯설군요! 걱정하지 마세요! 이제 막 알아가는 단계이지만, 꾸준히 배워가며 지구를 지킬 준비를 하고 있으니까요. 지구의 수호자가 되는 그날까지, 레벨업은 계속~ 당신은 지구를 사랑하는 여행 애호가 친환경 여행의 매력을 알아가는 중! 다양한 여행지에 대한 정보는 부족하지만 핵심 포인트를 포착하는 눈썰미는 인정~ 가까운 곳부터 하나씩 알아가다 보면, 친환경 여행 고수가 되는 건 시간 문제! 당신은 지구를 아끼는 여행 고수 여행지를 알아보는 눈은 예리하고, 실수는 거의 없죠! 세밀한 부분도 놓치지 않고 파악하는 디테일 달인으로 임명합니다~ 이제 어떤 곳이든 지구를 아끼는 마음으로 여행을 즐겨보세요! 당신은 세상을 지키는 지구의 수호자 친환경 여행지에 대한 지식과 눈썰미가 완벽한 당신! 사진 하나로 친환경 여행지의 특징을 정확히 맞추고, 깊은 이해도를 자랑하네요. 이제 주위 사람들에게 지구를 지키는 여행법을 널리 알려보세요! 테스트 결과 이미지로 저장하기 4월은 지구의 달! 친구에게 테스트 공유하고, 에코 감수성 업그레이드! 지구를 지키는 여정, 혼자보단 함께하면 더 즐거워요! 테스트 재도전하기 .tit_cont.titleType1, .wrap_contView .box_modInfo, .db_cont_detail { width: 940px; margin: 0 auto; } .btm_team.team_marg { width: 940px; margin: 40px auto 10px auto; } .ecotest_theme { text-align: center; max-width: 360px; height: auto; margin: 0 auto; color: #000; font-size: 14px; } .ecotest_theme .inr { margin: 0 auto; padding: 0 20px; position: relative; } .ecotest_theme .pc { display:block; } .ecotest_theme .mo { display:none; } .ecotest_theme img { width: 100%; } .ecotest_theme > div[class*=sec] { height: 100%; min-height: 720px; } .ecotest_theme button { display: flex; align-items: center; justify-content: center; border-radius: 99px; border: 1px solid #000; color: #000; font-weight: 800; letter-spacing: -0.3px; width: 100%; height: 54px; font-size: 16px; } .ecotest_theme button:focus { outline-color: red; } .ecotest_theme .start { display: block; padding: 14% 0; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=ca61dd03-9a9f-413a-86bc-af6dab97ebf9) center / 100% auto no-repeat; } .ecotest_theme .start .btn_start { margin-top: 7%; width: 100%; font-size: 18px; background-color: #FDF879; } .ecotest_theme .start .btn_start:hover{animation: pulse 0.4s;} .ecotest_theme .start .btn_start::after { content: ''; display: inline-block; margin-left: 6px; width: 9px; height: 14px; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=4f990d1d-9ba0-421f-a503-501cc8f79d7a) 0 0 / 100% 100% no-repeat; } .ecotest_theme .question { background-color: #C3E6FF; padding: 5.556% 0 8.333%; } .ecotest_theme .question .btn_prev { position: absolute; top: 0; left: 5.556%; z-index: 5; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=1e0a2818-3c38-4f70-89aa-ff4f3dfb440b) 0 0 / 100% 100% no-repeat; width: 25px; height: 25px; text-indent: -9999px; border: none; border-radius: 0; } .ecotest_theme .question .swiper-container { padding-bottom: 3px; } .ecotest_theme .question .swiper-container .swiper-slide { background-color: #fff; border: 1px solid #000; border-radius: 10px; overflow: hidden; } .ecotest_theme .question .swiper-container::before { content: ''; display: block; width: 100%; height: 70px; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=a4945eaa-96c6-4663-a3c3-919aacfd2e45) center 0 / auto 100% no-repeat; } .ecotest_theme .question .q_num { display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #000; width: 100%; background-color: #B8F589; font-size: 16px; font-weight: 800; height: 44px; } .ecotest_theme .question .cont { padding: 6.25% 3.125%; } .ecotest_theme .question .q_hint { background-color: #E9F5FF; padding: 3.75%; letter-spacing: -0.2px; line-height: 1.2; font-size: 12px; margin-top: 3.356%; } .ecotest_theme .question .q_hint em { font-weight: 700; display: block; margin-bottom: 2px; } .ecotest_theme .question .q_hint em::before { content: ''; vertical-align: -1px; margin-right: 2px; display: inline-block; width: 12px; height: 12px; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=b63bf67f-7d1e-4993-809b-ad787fee4510) 0 0 / 100% 100% no-repeat; } .ecotest_theme .question .q_option { display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: center; margin-top: 6.711%; } .ecotest_theme .question .q_option button { width: 100%; height: 48px; padding: 0 3.333%; border: 1px solid #000; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: left; gap: 6px; background-color: #F7F7F7; border-radius: 10px; } .ecotest_theme .question .q_option button::before { content: ''; display: inline-block; width: 24px; height: 24px; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=2ea35dbe-fa40-47f5-adb0-84d8bca80280) 0 0 / 100% auto no-repeat; } .ecotest_theme .question .q_option button.clicked { background-color: #3285E8; color: #fff; } .ecotest_theme .question .q_option button.clicked::before { background-position: 0 -24px; } .ecotest_theme .question .paging { margin-top: 7.233%; } .ecotest_theme .question .progress-container { width: 100%; height: 20px; background-color: #fff; border: 1px solid #000; } .ecotest_theme .question .progress-bar { height: 100%; width: 10%; background: #67ACFF; transition: width 0.3s ease-in-out; border-right: 1px solid #000; position: relative; } .ecotest_theme .question .progress-bar::after { content: ''; position: absolute; right: -12px; top: -8px; display: inline-block; width: 28px; height: 24px; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=199517b7-01a6-49c2-ae7d-0754df88caf6) 0 0 / 100% 100% no-repeat } .ecotest_theme .question .progress-text { text-align: right; font-size: 12px; font-weight: 700; margin-bottom: 3.125%; letter-spacing: -0.5px; } .ecotest_theme .question .progress-text .current-page { font-weight: 800; color: #0576FD; } .ecotest_theme .loading { background-color: #C3E6FF; position: relative; } .ecotest_theme .loading div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 240px; } .ecotest_theme .loading p { font-size: 20px; font-weight: 700; margin-bottom: 8.333%; } .ecotest_theme .result { background-color: #C3E6FF; } .ecotest_theme .result .type { padding: 6.25% 0; } .ecotest_theme .result .btn_save { margin-bottom: 12.5%; background-color: #FDF879; } .ecotest_theme .result .btn_save::after { content: ''; display: inline-block; margin-left: 8px; width: 16px; height: 16px; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=cf971ff6-762b-4de7-b316-5e953cd07bd2) 0 0 / 100% 100% no-repeat; } .ecotest_theme .result .share { margin-bottom: 6.25%; background-color: #fff; border-radius: 20px; padding: 6.25%; } .ecotest_theme .result .share strong { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 800; } .ecotest_theme .result .share p { font-size: 12px; } .ecotest_theme .result .share .sns_wrap { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 7.143%; } .ecotest_theme .result .share .sns_wrap a { width: 40px; height: 40px; } .ecotest_theme .result .btn_retry { background-color: #099F59; color: #fff; margin-bottom: 12.5%; } .ecotest_theme .result .btn_retry::after { content: ''; display: inline-block; margin-left: 6px; width: 9px; height: 14px; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=515536d5-b4d0-46f5-be96-72d1017b6eee) 0 0 / 100% 100% no-repeat; } .ecotest_theme .result .banner { display: block; width: 100%; height: auto; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05);} 100% { transform: scale(1); }} @media all and (min-width:441px) and (max-width:1023px){ .tit_cont.titleType1, .wrap_contView .box_modInfo, .db_cont_detail { width: auto; margin: 0 15px; } .btm_team.team_marg { width: auto; margin: 20px 15px 0; } .titleType1 h2 { padding: 24px 0 0; } .gs_blossom img { width:100%; } .ecotest_theme { max-width: 480px; } .ecotest_theme .inr{padding: 0 22px;} .ecotest_theme .start{padding: 12% 0;} .ecotest_theme .start img{width: 95%;} .ecotest_theme .question .q_num{font-size: 18px;} .ecotest_theme .question .q_hint { font-size: 15px; } .ecotest_theme .question .q_option button { font-size: 17px; } .ecotest_theme .question .progress-text { font-size: 15px; } } @media all and (max-width:440px){ #contents {padding: 115px 0 27px;} .user_expression { padding: 30px 15px; } .tit_cont.titleType1, .wrap_contView .box_modInfo, .db_cont_detail { width: auto; margin: 0 15px; } .btm_team.team_marg { width: auto; margin: 20px 15px 0; } .titleType1 h2 { padding: 24px 0 0; } .ecotest_theme { max-width: 100%; } .ecotest_theme .mo { display:block; } .ecotest_theme .pc { display:none; } .ecotest_theme .tablet { display:none; } .ecotest_theme .inr { width:auto; max-width: 100%; } } var swiperTest; let totalScore = 0; let answers = []; let imageName; const correctAnswers = {0: 1, 1: 2, 2: 1, 3: 0, 4: 2, 5: 2, 6: 1, 7: 0, 8: 2, 9: 0}; $(document).ready(function () { restoreResult(); $('.ecotest_theme .btn_start').on(click, function () { $('.start').css(display, none); $('.question').css(display, block); $('.result').css(display, none); $('.loading').css(display, none); ThemeSwiper(); }); $('.ecotest_theme .q_option button').on(click, function () { if (!$(this).hasClass(clicked)) { $(this).siblings().removeClass(clicked); $(this).addClass(clicked); let currentIndex = swiperTest.activeIndex; let lastIndex = swiperTest.slides.length - 1; if (currentIndex === lastIndex) { calculateScore(); } else { nextSlide(); } } else { nextSlide(); } }); $('.ecotest_theme .result .btn_retry').on('click', function () { resetQuiz(); }); $('.ecotest_theme .btn_prev').on(click, function () { prevSlide(); }); }); function prevButtonVisibility(swiper) { if (swiper.activeIndex === 0) { $(.btn_prev).hide(); } else { $(.btn_prev).show(); } } function ThemeSwiper() { swiperTest = new Swiper('.ecotest_theme .question .swiper-container', { slidesPerView: 1, spaceBetween: 10, centeredSlides: true, watchOverflow: true, simulateTouch: false, allowTouchMove: false, autoHeight: true, observer: true, observeParents: true, observeSlideChildren: true, loop: false, init: true, on: { init: function () { prevButtonVisibility(this); }, slideChange: function () { let currentIndex = this.activeIndex; let totalSlides = this.slides.length; let progressPercent = ((currentIndex + 1) / totalSlides) * 100; $(.progress-bar).css(width, progressPercent + %); $(.current-page).text(currentIndex + 1); $(.total-pages).text(totalSlides); prevButtonVisibility(this); }, slideChangeTransitionEnd: function () { window.isTransitioning = false; } } }); } function calculateScore() { $(.question).hide(); $(.loading).show(); totalScore = 0; swiperTest.slides.each(function (index) { let selectedButton = $(this).find(.q_option button.clicked); if (selectedButton.length > 0) { let selectedAnswerIndex = selectedButton.index(); let correctAnswerIndex = correctAnswers[index]; if (selectedAnswerIndex === correctAnswerIndex) { totalScore += 10; } } }); setTimeout(function () { showResult(); }, 3000); } function nextSlide() { let currentIndex = swiperTest.activeIndex; let totalSlides = swiperTest.slides.length; let nextIndex = currentIndex + 1; if (window.isTransitioning) { return; } window.isTransitioning = true; if (nextIndex { window.isTransitioning = false; }, 300); } } function prevSlide() { let currentIndex = swiperTest.activeIndex; let prevIndex = currentIndex - 1; if (window.isTransitioning) { return; } window.isTransitioning = true; if (prevIndex >= 0) { swiperTest.slideTo(prevIndex); } else { window.isTransitioning = false; } } function showResult() { $(.loading).hide(); $(.result).show(); if (totalScore >= 0 && totalScore = 40 && totalScore = 70 && totalScore 사진 속 친환경 여행지를 맞혀보자! 나의 에코 감수성 테스트 여행 중 발생하는 탄소 배출량을 줄여주고 자연을 보호할 수 있는 친환경 여행지는 어디일까요? 사진의 일부를 보고 여행지를 맞히며, 당신의 에코 감수성을 확인해보세요! 테스트 시작하기 문제 01 힌트 우리나라에서 가장 먼저 조성된 수변 생태 정원 순천만국가정원 태화강국가정원 줄포만 갯벌생태공원 문제 02 힌트 전기 이동 수단을 이용해 이산화탄소, 미세먼지, 질소산화물 배출량을 줄일 수 있는 제주도의 섬 마라도 비양도 우도 문제 03 힌트 100여 점의 자연미술 설치 작품을 상시로 관람할 수 있는 국내 유일의 생태미술공원 콩콩이자연미술체험장 연미산 자연미술공원 장흥조각공원 문제 04 힌트 버려진 물건을 가공해 새롭게 재탄생시키는 국내 최대 규모의 ‘새활용’ 복합문화공간 서울새활용플라자 대전 치유의 숲 에코랜드테마파크 문제 05 힌트 자연 훼손을 막기 위해 중장비 없이 사람의 힘으로 완성한 17.74km의 둘레길 제주올레길 명품십리길 달마고도 문제 06 힌트 친환경 에너지인 히트펌프와 태양광으로 온도를 유지하는 국내 최대 돔형 유리온실 서울식물원 부천호수식물원 수피아 거제식물원 문제 07 힌트 화재로 방치된 빈집을 정리하고 버려진 물건을 전시하면서 탄생한 예술 마을 서학동 예술마을 양림동 펭귄마을공에거리 경암동 철길마을 문제 08 힌트 스카이워크에서 바다와 해송림의 풍경을 감상하고, 갯벌에서 생태 탐사를 즐길 수 있는 곳 장항송림산림욕장 국립산림치유원 경북천년숲정원 문제 09 힌트 생태계의 보물창고로 불리며, 세계 최초로 람사르습지 도시로 인증 받은 곳 무안황토갯벌랜드 고창 운곡람사르습지 창녕 우포늪 문제 10 힌트 천연기념물인 황새가 새끼를 번식하고 돌보는 모습 등을 실시간으로 관찰할 수 있는 공원 예산 황새공원 청주랜드 서산 버드랜드 당신의 에코 감수성을 확인하고 있어요! 당신은 지구를 생각하는 여행 초심자 자연을 사랑하는 마음은 있지만 친환경 여행은 아직 낯설군요! 걱정하지 마세요! 이제 막 알아가는 단계이지만, 꾸준히 배워가며 지구를 지킬 준비를 하고 있으니까요. 지구의 수호자가 되는 그날까지, 레벨업은 계속~ 당신은 지구를 사랑하는 여행 애호가 친환경 여행의 매력을 알아가는 중! 다양한 여행지에 대한 정보는 부족하지만 핵심 포인트를 포착하는 눈썰미는 인정~ 가까운 곳부터 하나씩 알아가다 보면, 친환경 여행 고수가 되는 건 시간 문제! 당신은 지구를 아끼는 여행 고수 여행지를 알아보는 눈은 예리하고, 실수는 거의 없죠! 세밀한 부분도 놓치지 않고 파악하는 디테일 달인으로 임명합니다~ 이제 어떤 곳이든 지구를 아끼는 마음으로 여행을 즐겨보세요! 당신은 세상을 지키는 지구의 수호자 친환경 여행지에 대한 지식과 눈썰미가 완벽한 당신! 사진 하나로 친환경 여행지의 특징을 정확히 맞추고, 깊은 이해도를 자랑하네요. 이제 주위 사람들에게 지구를 지키는 여행법을 널리 알려보세요! 테스트 결과 이미지로 저장하기 4월은 지구의 달! 친구에게 공유하고, 에코 감수성 업그레이드! 지구를 지키는 여정, 혼자보단 함께하면 더 즐거워요! 테스트 재도전하기 정답 보러 가기 > 더 많은 친환경 여행지 알아보기 >