몇가지 질문만으로 나와 궁합이 잘 맞는 해양관광지와 더불어 인근의 바다 여행지를 추천해드려요! 나와 찰떡궁합 해양 관광지는 어디? 숨은 여행 찾기! 바다의 재발견! 나와 찰떡궁합 해양관광지는? 지금까지 명이 참여했어요! 여행 이벤트에 당첨됐다는 연락을 받은 당신! 도심에서 벗어나 자연을 즐기는 치유와 힐링 여행코스 아름다운 풍경과 문화, 체험을 즐기며 경험과 영감을 얻는 여행코스 진행률 25% 바다 여행 짐을 챙기는 당신! 빠질 수 없는 여행 아이템은? 해변 산책하며 경치 감상 준비 완료! 선크림 & 손풍기 신나는 물놀이 준비 완료! 수영복 & 튜브 멋진 인생샷 준비 완료! 선글라스 & 모자 진행률 50% 드디어 만난 바다! 바다를 마주한 소감은? 이 습도, 이 온도, 이 낭만…♡ 바다 보며 멍 때리고 싶다, 잠깐 앉을까? 너무 설렌다! 바다에 발부터 적셔볼까? 하고 싶은 게 너무 많아! 진행률 75% 바다 앞 우체통에 엽서를 넣으면, 1년 뒤 선물과 함께 편지가 배달된다고 한다! 누구에게 편지를 써볼까? TO. 예쁜 우리 아이에게 TO. 존경하는 부모님께 TO. 1년 뒤 나에게 TO. 사랑하는 연인에게 진행률 100% 결과 공유하기 $(document).ready(function () { var oceantitle1 = 전남 신안 1004섬 뮤지엄파크;var oceanshardword1 = 당신에게 추천하는 바다여행은 [전남 신안 1004섬 뮤지엄 파크]!\n + 이곳은 세계조개박물관, 1004섬 수석미술관, 수석정원, 신안새우란전시관, 도서자생식물연구센터, 바다해양숲공원, 해송숲오토캠핑장, 양산해변 등으로 구성된 해양 복합 문화 단지에요!;var oceantitle2 = 전북 고창해변승마클럽 휘게팜;var oceanshardword2 = 당신에게 추천하는 바다여행은 [전북 고창해변숭마클럽 휘게팜]!\n + 이곳은 아름다운 해변을 따라 말을 타고 산책을 하는 특별한 '해변승마' 프로그램이 있는 곳이에요.;}); function returnUrl(){ var url = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=23c5b3c1-89e8-4ae2-814c-65261518c941'; location.href=url;}; $('.marine_tourism [class*=question] ul li button').click(function(){ $('.marine_tourism [class*=question] ul li button').removeClass('on'); $('.marine_tourism [class*=question] ul li button').removeAttr('title',''); if(!$(this).hasClass('on')){ $(this).addClass('on'); $(this).attr('title','선택됨'); }else{ $(this).removeClass('on'); } }); try{OceanCountCheck(); const oceantitle1 = 전남 신안 1004섬 뮤지엄파크;const oceanshardword1 = 당신에게 추천하는 바다여행은 [전남 신안 1004섬 뮤지엄 파크]!\n + 이곳은 세계조개박물관, 1004섬 수석미술관, 수석정원, 신안새우란전시관, 도서자생식물연구센터, 바다해양숲공원, 해송숲오토캠핑장, 양산해변 등으로 구성된 해양 복합 문화 단지에요!;const oceantitle2 = 전북 고창해변승마클럽 휘게팜;const oceanshardword2 = 당신에게 추천하는 바다여행은 [전북 고창해변숭마클럽 휘게팜]!\n + 이곳은 아름다운 해변을 따라 말을 타고 산책을 하는 특별한 '해변승마' 프로그램이 있는 곳이에요.; $('img[usemap]').rwdImageMaps(); var swiper = new Swiper('.title .swiper-container', { navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, pagination: { el: '.swiper-pagination', clickable: true, }, });} catch (e){ console.log(e);}var total = ;function clickEvent(clicked_num, clicked_id) { if (clicked_id !== undefined) { total = total + clicked_id; } setTimeout(function () { switch (clicked_num) { case 1: $('.question1').css(display, none); $('.question2').css(display, block); break; case 2: $('.question2').css(display, none); $('.question3').css(display, block); break; case 3: $('.question3').css(display, none); $('.question4').css(display, block); break; case 4: if (total == 'A1B4' || total == 'A2A1' || total == 'A3B4' || total == 'B1A1' || total == 'B1B3' || total == 'B2A1' || total == 'B3A1') { goResult(1); } else if (total == 'A1A1' || total == 'A1B2' || total == 'A2B1' || total == 'A3A1' || total == 'B1B2' || total == 'B2B1' || total == 'B3A2' || total == 'B3B1') { goResult(2); } else if (total == 'A1A2' || total == 'A2A2' || total == 'A3B3' || total == 'B2A2' || total == 'B3B3') { goResult(3); } else if (total == 'A1B1' || total == 'A2A3' || total == 'A2B2' || total == 'A3A2' || total == 'A3B2' || total == 'B1A2' || total == 'B3B2') { goResult(4); } else if (total == 'A1A4' || total == 'A1B3' || total == 'A2B3' || total == 'B2B3') { goResult(5); } else if (total == 'A1A3' || total == 'B1A3' || total == 'B2A3' || total == 'B2B2') { goResult(6); } else if (total == 'A2A4' || total == 'A3A4' || total == 'B1B1' || total == 'B2B4' || total == 'B3A4') { goResult(7); } else { goResult(8); } break; default : $('.start').css(display, none); $('.question1').css(display, block); break; }}, 250);}function goResult(caseNum) { $('head').append(' ');$('head').append(' '); $('#schema').attr('description'); $('head').append(' ');OceanCountUpdate(); goMessage(caseNum); $('.question4').css(display, none); $('#mainContents .loading').css(display, block); setTimeout( function () { snsCheck(caseNum,kakaoA); $('#mainContents .loading').css(display, none); $('.result').css(display, block); }, 1500);}function goMessage(caseNum) { let shtml = ; let rhtml = ; let mhtml= ; if (caseNum == 1) { shtml += ''; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' ⓒ 이승훈 사진작가'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 전남 신안'; shtml += ' '; shtml += ' '; shtml += ' 1004섬 뮤지엄파크'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 세계조개박물관, 1004섬 수석미술관, 수석정원, 신안새우란전시관, 도서자생식물연구센터, 바다해양숲공원, 해송숲오토캠핑장, 양산해변 등으로 구성된 해양 복합 문화 단지'; shtml += ' '; shtml += ' '; shtml += ' 단지 내에는 15km에 이르는 백사장이 있는 양산해변이 있고, 해송 숲, 모래언덕, 공원과 자연휴양림, 야영장이 있어 관람과 휴식 모두 가능'; shtml += ' '; shtml += ' '; shtml += ' 신안군 디지털 관광주민증을 발급 받으면, 다양한 할인 혜택도 받을 수 있음!'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; rhtml += ' '; rhtml += '또 다른 매력의'; rhtml += ' '; rhtml += '‘전남 신안’'; rhtml += ' '; rhtml += '바다 여행지'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '반월 · 박지도'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '천사섬 분재공원'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; }else if(caseNum == 2){ shtml += ''; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' ⓒ 휘게팜'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 전북 고창'; shtml += ' '; shtml += ' '; shtml += ' 고창해변승마클럽 휘게팜'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 아름다운 해변을 따라 말을 타고 산책을 하는 특별한 ‘해변승마’ 프로그램이 있는 곳'; shtml += ' '; shtml += ' '; shtml += ' 승마장 밖에서 자연도 즐기고, 승마도 즐기는 ‘외승’ 전문 승마장'; shtml += ' '; shtml += ' '; shtml += ' 전문적이고 안내와 함께, 특별한 힐링 해양 레저 경험을 원한다면 특히 추천!'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; rhtml += ' '; rhtml += '또 다른 매력의'; rhtml += ' '; rhtml += '‘전북 고창’'; rhtml += ' '; rhtml += '바다 여행지'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '구시포해수욕장'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '만돌갯벌체험학습장'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; }else if(caseNum == 3){ shtml += ''; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' ⓒ 여행노트'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 충남 태안'; shtml += ' '; shtml += ' '; shtml += ' 신두리 해안사구 ‘어씽’'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 태안군 신두리 해수욕장에 위치한 사막처럼 펼쳐진 넓은 모래언덕'; shtml += ' '; shtml += ' '; shtml += ' 우리나라에서 가장 큰 규모의 해안사구! 해안의 퇴적 지형과 사구의 생태 등 원형이 잘 보존 되어있는 곳'; shtml += ' '; shtml += ' '; shtml += ' 거대 모래언덕의 독특한 풍경을 둘러보며, 맨발로 지구를 걷는 ‘어씽’ 체험이 최근 인기!'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; rhtml += ' '; rhtml += '또 다른 매력의'; rhtml += ' '; rhtml += '‘충남 태안’'; rhtml += ' '; rhtml += '바다 여행지'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '만리포 해수욕장'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '드르니항'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; }else if(caseNum == 4){ shtml += ''; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' ⓒ 완도군청'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 전남 완도'; shtml += ' '; shtml += ' '; shtml += ' 완도 해양치유센터'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 국내 최초 해양치유센터로, 2023년 하반기 개관한 신상 여행지!'; shtml += ' '; shtml += ' '; shtml += ' 수중 운동, 수중 노르딕워킹, 수압마사지, 수중명상, 플로팅, 해조류거품테라피, 머드테라피 등등 해조류, 머드, 해수 등 지역 특화자원을 활용해 몸과 마음을 치유하는 16개의 해양치유 프로그램을 체험 가능'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; rhtml += ' '; rhtml += '또 다른 매력의'; rhtml += ' '; rhtml += '‘전남 완도’'; rhtml += ' '; rhtml += '바다 여행지'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '청산도'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '완도타워'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; }else if(caseNum == 5){ shtml += ''; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' ⓒ 정은주여행작가'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 인천'; shtml += ' '; shtml += ' '; shtml += ' 신시모도 자전거 여행'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 연도교로 이어진 신도, 시도, 모도 삼형제 섬을 모두 둘러보는 여행'; shtml += ' '; shtml += ' '; shtml += ' 특히 섬과 섬 사이를 달리는 자전거 여행이 인기'; shtml += ' '; shtml += ' '; shtml += ' 구봉산, 해당화둘레길, 수기해변, 배미꾸미 조각공원 등 각양각색의 매력을 지닌 관광지에서 다양한 추억 만들기!'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; rhtml += ' '; rhtml += '또 다른 매력의'; rhtml += ' '; rhtml += '‘인천’'; rhtml += ' '; rhtml += '바다 여행지'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '인천대교'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '송도센트럴파크'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; }else if(caseNum == 6){ shtml += ''; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' ⓒ 울산문화관광재단'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 울산'; shtml += ' '; shtml += ' '; shtml += ' 울산에서 일하며 여행하기 ‘유케이션 - 해오름’'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 호캉스, 워케이션, 해양레저, 웰니스까지~ 다 갖춘 울산 워케이션 프로그램 ‘유케이션’'; shtml += ' '; shtml += ' '; shtml += ' 울산광역시, 울산문화관광재단이 지원하는 갓성비 넘치는 프로그램으로, 2박 3일 숙소 + 업무공간 + 체험 + 웰컴키트로 구성! 전통, 생태, 해오름, 산/반려동물 총 4가지 테마 중 선택 가능!'; shtml += ' '; shtml += ' '; shtml += ' 해오름 테마의 경우, 오션부 숙소와 엄무공간 제공, 요트/SUP/캔들만들기 체험 등 선택 가능!'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; rhtml += ' '; rhtml += '또 다른 매력의'; rhtml += ' '; rhtml += '‘울산’'; rhtml += ' '; rhtml += '바다 여행지'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '대왕암공원'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '장생포 고래문화마을'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; }else if(caseNum == 7){ shtml += ''; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' ⓒ 연곡솔향기캠핑장'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 강원 강릉'; shtml += ' '; shtml += ' '; shtml += ' 강릉 연곡 솔향기 캠핑장'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 푸른 동해바다가 펼쳐진 솔향기 가득한 해안 솔숲에 위치한 캠핑장'; shtml += ' '; shtml += ' '; shtml += ' 캠핑,자동차 캠핑부터, 글램핑과 카라반까지 취향대로 즐길 수 있는 것이 장점!'; shtml += ' '; shtml += ' '; shtml += ' 오죽헌, 경포대, 정동진 통일공원, 안목커피거리, 주문진 수산시장까지! 강릉의 주요 여행지와 함께 여행하기 좋은 위치!'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; rhtml += ' '; rhtml += '또 다른 매력의'; rhtml += ' '; rhtml += '‘강원 강릉’'; rhtml += ' '; rhtml += '바다 여행지'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '강릉 정동심곡 바다부채길'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '주문진읍 BTS 앨범사진 촬영지 (버스정류장)'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; }else if(caseNum == 8){ shtml += ''; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' ⓒ 포토코리아-이범수'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 부산'; shtml += ' '; shtml += ' '; shtml += ' 해운대 블루라인파크 해변열차'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' 해운대 미포 ↔ 청사포 ↔ 송정을 왕복하는 관광열차로 부산의 랜드마크 중 하나!'; shtml += ' '; shtml += ' '; shtml += ' 옆에는 열차 운행구간을 잇는 4.8km 가량의 ‘그린레일웨이’ 산책로도 있어서 산책하면서 멋진 오션 뷰를 즐길 수 있음'; shtml += ' '; shtml += ' '; shtml += ' 알록달록한 열차, 스카이캡슐이 푸르른 바다와 어우러지는 풍경때문에 인생샷 명소로도 유명'; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; shtml += ' '; rhtml += ' '; rhtml += '또 다른 매력의'; rhtml += ' '; rhtml += '‘부산’'; rhtml += ' '; rhtml += '바다 여행지'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '부산 송도해상케이블카'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += '흰여울문화마을'; rhtml += ' '; rhtml += ' '; rhtml += ' '; rhtml += ' '; } mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; mhtml +=' '; $('.result .box .inr').append(shtml); $('.result .box .other').append(rhtml);$('.sharesns').append(mhtml);}const urlParams = new URL(location.href).searchParams;var paramname = urlParams.get('type'); if(urlParams.get(type) >= 1 && urlParams.get(type) ; } if (appYn == Y) { url2 = intent: + ga_schemeUrl + param + #Intent; + g_proto + ;end;; } else { url2 = intent:// + gw_schemeUrl + param + #Intent; + g_proto + ;end;; } if (appYn == N) { var startTime = new Date(); setTimeout(function () { var endTime = new Date(); if (endTime - startTime .marine_tourism{width:500px;margin:0 auto;} .marine_tourism .start{position: relative;text-align: center;} .marine_tourism .start .participation{position:absolute;width:100%;left:0;bottom:4.5%;font-size:22px;line-height: 24px;color:#fff;} .marine_tourism .start .participation strong{font-weight: 800;color:#fff7ad;} .marine_tourism [class*=question]{min-height:820px;text-align: center;background:#cef3ff;padding:40px 0 0;position: relative;} .marine_tourism [class*=question] .stit{height:180px;} .marine_tourism [class*=question] .stit strong{display:block;padding:10px 0 0;font-size:26px;line-height: 34px;letter-spacing: -1px;font-weight:800;color:#000;} .marine_tourism [class*=question] ul{padding:0 40px;} .marine_tourism [class*=question] ul li + li{margin:20px 0 0;} .marine_tourism [class*=question] ul li button{width:100%;padding:15px 0;min-height:60px;background:#fff;border:2px solid #fff;border-radius: 50px;font-size:22px;line-height:26px;color:#000;letter-spacing: -0.8px;} .marine_tourism [class*=question] ul li button strong{font-weight: 800;} .marine_tourism [class*=question] ul li button.on{color:#2564d5;border:2px solid #2564d5;} .marine_tourism .progress{left:40px;right:40px;height:10px;background:#fff;border-radius: 50px;overflow: hidden;position: absolute;bottom:4.9%;text-indent: -9999px;} .marine_tourism .progress span{display:block;height:100%;background:#2564d5;position:absolute;left:0;top:0;border-radius: 50px;} .marine_tourism .question3{padding:0 !important;} .marine_tourism .question3 .cont{position:absolute;left:0;top:0;width:100%;height:100%;padding: 40px 0 0;} .marine_tourism .question3 .stit{height:auto !important;} .marine_tourism .question3 .stit strong{padding:10px 0 280px;} .marine_tourism .result{background:#cef3ff;padding:0 34px 40px;} .marine_tourism .result .box .inr .cont{padding:0 26px;background:url(../resources/images/bg_result_box1.png) repeat;} .marine_tourism .result .box .inr:after{content:'';display:block;height:48px;background:url(../resources/images/bg_result_box.png) no-repeat;} .marine_tourism .result .inr .img{display:block;position: relative;} .marine_tourism .result .inr .img em{display:inline-block;height:24px;padding:0 8px;line-height:24px;position:absolute;right:0;bottom:0;background:rgba(0,0,0,.5);font-weight: 700;font-size:15px;color:#fff;} .marine_tourism .result .inr .stit{display:block;margin:37px 0 25px;font-size:26px;font-weight: 800;letter-spacing: -1px;color:#000;line-height:29px;text-align: center;} .marine_tourism .result .inr .stit em{font-weight: 800;box-shadow: inset 0 -20px 0 rgba(255,218,255,1);} .marine_tourism .result .inr .stit span{display:block;padding:12px 0 0;} .marine_tourism .result .inr ul li{position: relative;padding:0 0 0 10px;font-size:18px;line-height: 24px;color:#000;letter-spacing: -0.6px;word-break:keep-all;} .marine_tourism .result .inr ul li + li{margin:20px 0 0;} .marine_tourism .result .inr ul li:before{content:'';display:inline-block;width:4px;height:4px;border-radius: 100%;position:absolute;left:0;top:8px;background:#000;} .marine_tourism .result .inr a{display:block;margin:40px 0 0;} .marine_tourism .result .other .stit{display:block;margin:50px 0 22px;font-size:28px;font-weight: 800;letter-spacing: -1.2px;line-height: 31px;color:#000;text-align: center;} .marine_tourism .result .other .stit em{font-weight: 800;color:#225dc7;} .marine_tourism .result .other ul{display:flex;} .marine_tourism .result .other ul li{width:50%;padding:0 10px;text-align: center;box-sizing: border-box;} .marine_tourism .result .other ul li a{display:block;}.marine_tourism .result .other ul li a img{width:100%;} .marine_tourism .result .other ul li strong{display:block;margin:20px 0 0;font-size:20px;;word-break:keep-all;letter-spacing: -0.8px;line-height: 22px;font-weight: 400;color:#000;} .marine_tourism .result .sns .stit{display:block;margin:85px 0 0;font-size:28px;letter-spacing: -1.2px;line-height: 31px;font-weight: 800;color:#000;text-align: center;} .marine_tourism .result .sns a{display:block;text-align: center;} .marine_tourism .result .sns ul{display:flex;padding:20px 0 40px; justify-content: center;} .marine_tourism .result .sns ul li{margin:0 10px;} @media screen and (max-width: 1023px) { .marine_tourism img{width:100%;} .marine_tourism{width:auto;} .marine_tourism .start .participation{font-size:4.40vw;line-height: 4.80vw;} .marine_tourism [class*=question] {min-height: 164vw;padding: 8vw 0 0;} .marine_tourism [class*=question] .stit {height: 36vw;} .marine_tourism [class*=question] .stit img{width:19vw;} .marine_tourism [class*=question] .stit strong {padding: 2vw 0 0;font-size:5vw;line-height: 6.8vw;letter-spacing: -0.30vw;} .marine_tourism [class*=question] ul {padding: 0 8vw;} .marine_tourism [class*=question] ul li + li {margin: 4vw 0 0;} .marine_tourism [class*=question] ul li button {padding: 3vw 0;min-height: 12vw;border: 0.4vw solid #fff;border-radius: 10vw;font-size: 4.4vw;line-height: 5.2vw;letter-spacing: -0.20vw;} .marine_tourism [class*=question] ul li button.on {border: 0.4vw solid #2564d5;} .marine_tourism .progress {left: 8vw;right: 8vw;height: 2vw;border-radius: 10vw;} .marine_tourism .progress span{border-radius: 10vw;} .marine_tourism .question3{background:#ffe0ce} .marine_tourism .question3 .cont {padding: 8vw 0 0;} .marine_tourism .question3 .stit strong{padding:2vw 0 56vw;} .marine_tourism .result {padding: 0 6.8vw 8vw;} .marine_tourism .result .box .inr:after {height: 9.6vw;background: url(../resources/images/bg_result_box.png) 0 0 / 100% 100% no-repeat;} .marine_tourism .result .box .inr .cont{padding:0 5.2vw;background:url(../resources/images/bg_result_box1.png) 0 0 / 100% 100% repeat;} .marine_tourism .result .inr .img em {height: 4.8vw;padding: 0 1.6vw;line-height: 5.2vw;font-size: 3vw;} .marine_tourism .result .inr .stit {margin: 7.4vw 0 5vw;font-size: 5.2vw;letter-spacing: -0.2vw;line-height: 5.8vw;} .marine_tourism .result .inr ul li {padding: 0 0 0 2vw;font-size: 3.6vw;line-height: 4.8vw;letter-spacing: -0.12vw;} .marine_tourism .result .inr ul li:before {width: 0.8vw;height: 0.8vw;top: 1.6vw;} .marine_tourism .result .inr ul li + li {margin: 4vw 0 0;} .marine_tourism .result .inr a {margin: 8vw 0 0;} .marine_tourism .result .other .stit {margin: 10vw 0 4.4vw;font-size: 5.6vw;letter-spacing: -0.24vw;line-height: 6.2vw;} .marine_tourism .result .other ul li {width:50%;padding: 0 2vw;} .marine_tourism .result .other ul li strong {margin: 4vw 0 0;font-size: 4vw;letter-spacing: -0.16vw;line-height: 4.4vw;} .marine_tourism .result .sns .stit {margin: 17vw 0 0;font-size: 5.6vw;letter-spacing: -0.24vw;line-height: 6.2vw;} .marine_tourism .result .sns ul {padding: 4vw 0 8vw;} .marine_tourism .result .sns ul li {margin: 0 2vw;} }