지역별로 보는 여행재생목록 지도로 보기
지역별로 보는 여행재생목록 지도로 보기 팝업 닫기
지역별로 보는 여행재생목록 지도로 보기 팝업 오늘 하루 보지않기
본문 내용
아래 지도를 눌러 전국 캠핑장 TOP10 확인하고 즐거운 가을 캠핑 을 떠나보세요! 망상오토캠핑리조트 망상오토캠핑리조트 평화누리캠핑장 평화누리캠핑장 연곡해변솔향기캠핑장 연곡해변솔향기캠핑장 자라섬캠핑장 자라섬캠핑장 인천 송도국제캠핑장 인천 송도국제캠핑장 고사포야영장 고사포야영장 황매산별쿵캠핑장 황매산별쿵캠핑장 노을진캠핑장 노을진캠핑장 영도 마리노 오토캠핑장 영도 마리노 오토캠핑장 더드림핑 글램핑 더드림핑 글램핑 전국 캠핑장 TOP10 기곡해수욕장을 코앞에 두고 즐기는 망상오토캠핑리조트 강원 동해시 © 망상오토캠핑리조트 #오션뷰 #어린이놀이시설 #한옥마을 예약Tip 30일 전 오전 11시 예약 오픈 2024년 7월~2025년 6월 최근 1년 월별 방문추이 2025년 2월에 가장 방문객이 많았고, 2024년 8월 > 2025년 6월 > 2024년 7월 > 2024년 9월 > 2025년 5월 > 2025년 1월 > 2025년 4월 > 2024년 10월 > 2025년 3월 > 2024년 11월 > 2024년 12월 순으로 방문객 수가 적어짐 대한민국 구석구석 추천 캠핑장 주변 명소 © (주) 트레이지 연필뮤지엄 도째비골 해랑전망대 © 강원도관광재단 추암 촛대바위 내비 추천 인근 맛집 부흥횟집 카카오내비 저장 수 : 1,042 오뚜기칼국수 카카오내비 저장 수 : 475 거동탕수육 카카오내비 저장 수 : 455 DMZ 여행의 시작 평화누리캠핑장 경기 파주시 © 경기관광공사 #임진각 #산책로 #어린이놀이시설 예약Tip 매월 8~9일 추첨 응모, 10일 추첨 결과 발표 2024년 7월~2025년 6월 최근 1년 월별 방문추이 2024년 10월에 가장 방문객이 많았고, 2024년 9월 > 2025년 5월 > 2024년 11월 > 2025년 6월 > 2025년 4월 > 2025년 3월 > 2025년 2월 > 2024년 8월 > 2024년 12월 > 2024년 7월 > 2025년 1월 순으로 방문객 수가 적어짐 대한민국 구석구석 추천 캠핑장 주변 명소 © 파주시청 파주DMZ © 벽초지수목원 박병욱 벽초지수목원 © 한국관광공사 송재근 헤이리예술마을 내비 추천 인근 맛집 통일동산두부마을 카카오내비 저장 수 : 3,222 원조삼거리부대찌개 카카오내비 저장 수 : 1,450 샘뜰두부집 카카오내비 저장 수 : 578 솔향기 가득한 동해바다 앞 연곡해변솔향기캠핑장 강원 강릉시 © 강릉관광개발공사 #오션뷰 #숲속산책 #일출 예약Tip 한 달 전 오전 10시 예약 오픈 2024년 7월~2025년 6월 최근 1년 월별 방문추이 2024년 8월에 가장 방문객이 많았고, 2024년 9월 > 2025년 5월 > 2024년 7월 > 2025년 6월 > 2024년 10월 > 2024년 11월 > 2025년 4월 > 2025년 1월 > 2025년 3월 > 2025년 2월 > 2024년 12월 순으로 방문객 수가 적어짐 대한민국 구석구석 추천 캠핑장 주변 명소 오죽헌 경포대 © 손성목 참소리에디슨 손성목영화박물관 내비 추천 인근 맛집 테라로사 사천점 카카오내비 저장 수 : 3,659 본가동해막국수 카카오내비 저장 수 : 2,463 연곡꾹저구탕 카카오내비 저장 수 : 1,593 사계절 내내 좋은 남이섬 위에서 자라섬캠핑장 경기 가평군 © 자라섬캠핑장 #북한강변 #자라섬테마파크 #재즈페스티벌 예약Tip 매월 10일 오후 2시 예약 오픈 2024년 7월~2025년 6월 최근 1년 월별 방문추이 2024년 9월에 가장 방문객이 많았고, 2025년 4월 > 2024년 10월 > 2024년 8월 > 2025년 5월 > 2024년 11월 > 2025년 6월 > 2025년 3월 > 2024년 7월 > 2025년 1월 > 2024년 12월 > 2025년 2월 순으로 방문객 수가 적어짐 대한민국 구석구석 추천 캠핑장 주변 명소 © 가평군청 정은영 주무관 자연과별천문대 이탈리아마을 © 아침고요수목원 김주현 아침고요수목원 내비 추천 인근 맛집 송원막국수 카카오내비 저장 수 : 5,526 르봉뺑 카카오내비 저장 수 : 1,142 모모커피 청평점 카카오내비 저장 수 : 389 도심 속 자연과 가까운 힐링 인천 송도국제캠핑장 인천 연수구 © 송도국제캠핑장 #오션뷰 #서울근교 #캠크닉 예약Tip 매월 20일 오전 11시 예약 오픈, 공휴일 및 주말일 경우 다음 영업일 오픈 2024년 7월~2025년 6월 최근 1년 월별 방문추이 2024년 10월에 가장 방문객이 많았고, 2025년 4월 > 2024년 8월 > 2025년 5월 > 2024년 9월 > 2024년 11월 > 2025년 6월 > 2024년 7월 > 2025년 3월 > 2024년 12월 > 2025년 2월 > 2025년 1월 순으로 방문객 수가 적어짐 대한민국 구석구석 추천 캠핑장 주변 명소 © 산청군청 송도 센트럴파크 © 국립세계문자박물관 김동현 국립세계문자 박물관 흥륜사 내비 추천 인근 맛집 안스베이커리 송도점 카카오내비 저장 수 : 5,270 포레스트아웃팅스 송도점 카카오내비 저장 수 : 2,635 경복궁 삼계탕 카카오내비 저장 수 : 863 해수욕장과 소나무가 만난 국립공원에서 고사포야영장 전북 부안군 © 고사포야영장 #오션뷰 #소나무숲 #일몰명소 예약Tip 매 짝수 월 1~5일 추첨 응모, 마감일이 주말인 경우 월요일 오전 10시까지 연장 2024년 7월~2025년 6월 최근 1년 월별 방문추이 2025년 5월에 가장 방문객이 많았고, 2024년 10월 > 2024년 9월 > 2024년 8월 > 2025년 6월 > 2025년 4월 > 2024년 7월 > 2025년 3월 > 2024년 11월 > 2024년 12월 > 2025년 1월 > 2025년 2월 순으로 방문객 수가 적어짐 대한민국 구석구석 추천 캠핑장 주변 명소 부안누에타운 채석강 내소사 내비 추천 인근 맛집 변산명인바지락죽 카카오내비 저장 수 : 1,606 슬지제빵소 카카오내비 저장 수 : 1,345 기라성 카카오내비 저장 수 : 301 밤하늘 가득 은하수가 펼쳐지는 황매산별쿵캠핑장 경남 합천군 © 황매산군립공원 #CNN한국관광50선 #가을억새 #별보기좋은곳 예약Tip 매주 월요일 오전 10시 예약 오픈 2024년 7월~2025년 6월 최근 1년 월별 방문추이 2025년 5월에 가장 방문객이 많았고, 2024년 10워 > 2025년 4월 > 2024년 9월 > 2024년 11월 > 2024년 8월 > 2025년 6월 > 2024년 7월 > 2025년 3월 > 2025년 2월 > 2024년 12월 > 2025년 1월 순으로 방문자 수가 적어짐 대한민국 구석구석 추천 캠핑장 주변 명소 © 합천군청 황매산 억새군락지 합천 영상테마파크 합천호 내비 추천 인근 맛집 삼가식육식당 카카오내비 저장 수 : 2,239 태영상차림식당 카카오내비 저장 수 : 184 로우풀 카카오내비 저장 수 : 176 석양이 물드는 자연과 함께하는 노을진캠핑장 인천 서구 © 노을진캠핑장 #경인아라뱃길 #수변산책로 #노을명소 예약Tip 매월 16일 오후 2시 예약 오픈 2024년 7월~2025년 6월 최근 1년 월별 방문추이 2025년 5월에 가장 방문객이 많았고, 2024년 10월 > 2024년 11월 > 2025년 6월 > 2025년 4월 > 2024년 9월 > 2025년 3월 > 2024년 7월 > 2024년 12월 > 2024년 8월 > 2025년 1월 > 2025년 2월 순으로 방문자 수가 적어짐 대한민국 구석구석 추천 캠핑장 주변 명소 © 한국관광공사 박은경 국립생물자원관 드림파크 야생화단지 정서진 내비 추천 인근 맛집 한성치킨 카카오내비 저장 수 : 2,891 라메르 베이커리 카카오내비 저장 수 : 797 중화원 카카오내비 저장 수 : 74 부산항 대교 아래 바다를 보며 힐링하는 영도 마리노 오토캠핑장 부산 영도구 #오션뷰 #도심속휴식 #빅그네 예약Tip 매월 5~9일 추첨 응모, 10일 추첨 결과 발표 2024년 7월~2025년 6월 최근 1년 월별 방문추이 2025년 5월에 가장 방문객이 많았고, 2024년 10월 > 2024년 8월 > 2024년 11월 > 2025년 6월 > 2024년 9월 > 2025년 4월 > 2024년 7월 > 2024년 12월 > 2025년 3월 > 2025년 1월 > 2025년 2월 순으로 방문자 수가 적어짐 대한민국 구석구석 추천 캠핑장 주변 명소 국립해양박물관 흰여울문화마을 © 부산관광공사 태종대유원지 내비 추천 인근 맛집 이재모피자 카카오내비 저장 수 : 1,224 태종대짬뽕 카카오내비 저장 수 : 490 카페385 카카오내비 저장 수 : 442 북한강변 아웃도어 레저 캠핑장 더드림핑 글램핑 경기 남양주시 © 더드림핑 #수상레저 #실내서핑 #클라이밍 예약Tip 상시 가능 2024년 7월~2025년 6월 최근 1년 월별 방문추이 2024년 10월에 가장 방문객이 많았고, 2025년 6월 > 2024년 8월 > 2025년 5월 > 2024년 9월 > 2024년 7월 > 2024년 11월 > 2025년 4월 > 2025년 3월 > 2025년 1월 > 2024년 12월 > 2025년 2월 순으로 방문자 수가 적어짐 대한민국 구석구석 추천 캠핑장 주변 명소 © 남양주시청 물의정원 수종사 정약용유적지 내비 추천 인근 맛집 카페대너리스 카카오내비 저장 수 : 4,541 라온숨 카카오내비 저장 수 : 2,063 대청마루 카카오내비 저장 수 : 827 : 카카오내비 저장 수 재미로 보는 캠핑장 데이터 TOP 3 1년에 10회 이상 캠핑 가는 캠핑 마니아들의 캠핑장 TOP 5 1 연곡해변솔향기캠핑장 2 수주팔봉 야영지 3 충주 목계솔밭캠핑장 4 캠핑808 5 고사포야영장 아이가 있는 가족이 가는 가족 친화 캠핑장 TOP 5 1 아그로랜드 캠핑장 2 평화누리캠핑장 3 인천 송도국제캠핑장 4 난지캠핑장 5 노을진캠핑장 어떤 차를 타고 갈까? 캠핑장 이용 차종 비율 SUV 35.8% 세단 35.3% RV 8.7% 기타 7.5% 해치백 7.3% 쿠페 1.5% 안전한 캠핑을 위한 필수 수칙 더 많은 캠핑장이 궁금하다면? 더 나은 이동을 위한 모빌리티 서비스, 카카오 T 택시, 주차, 렌터카 등 이동에 필요한 다양한 서비스들을 카카오 T 앱에서 쉽고 편리하게 이용할 수 있어요. 대한민국 구석구석에서 캠핑 지도를 확인하고 카카오 T와 함께 여행을 떠나보세요! #contents {width: 100%; padding: 130px 0 70px 0;} .tit_cont.titleType1, .wrap_contView .box_modInfo, .db_cont_detail, .recommendation_group{width: 940px;margin: 0 auto;} .btm_team.team_marg {width: 940px;margin: 40px auto 10px auto;} .autumn_camping{max-width: 192rem; margin: 0 auto; letter-spacing: -0.02em; color: #111;} .autumn_camping a{color: #111;} .autumn_camping .inr{max-width: 120rem; margin: 0 auto; position: relative;} .autumn_camping .pc{display:block;} .autumn_camping .mo{display:none;} .autumn_camping .tablet{display:none;} .autumn_camping img{width: 100%;} .autumn_camping .top{padding-bottom: 10rem; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=9e5de645-e2cd-4107-bfb2-59db7213b937) 50% 0 / cover no-repeat; height: auto;} .autumn_camping .title img{width: 100%; margin: 0 auto;} .autumn_camping h3{display: block; font-size: 3.6rem; font-weight: 900; letter-spacing: -0.02em; text-align: center; margin-block: 0 4.8rem; line-height: 1;} .autumn_camping .map{text-align: center; height: auto; margin-top: 3rem; padding-bottom: 1rem;} .autumn_camping .map .travel_logo{width: 12rem;} .autumn_camping .map p{position: relative; margin-bottom: 2.8rem; font-size: 2.8rem; font-weight: 800; color: #000; letter-spacing: -0.02em;} .autumn_camping .map p em{position: relative; color: #B94528; font-weight: 800;} .autumn_camping .map p em::after{content: ''; position: absolute; bottom: -0.4rem; left: 0; display: inline-block; width: 100%; height: 0.8rem; background: url(/resources/images/autumn_campingmap/map_txt_line1.png) 0 0 / 100% 100% no-repeat;} .autumn_camping .map p em.line2::after{height: 0.6rem; background-image: url(/resources/images/autumn_campingmap/map_txt_line2.png);} .autumn_camping .map .tab_wrap{position: relative; } .autumn_camping .map .map_spot{width: 75.6rem; margin: 0 auto;} .autumn_camping .map .tab{position: absolute; z-index: 10; width: 75.6rem; height: 100%; top: 0; left: 50%; transform: translateX(-50%);} .autumn_camping .map .tab a{position: absolute; width: 4.8rem; height: 3.6rem; background: url(/resources/images/autumn_campingmap/bg_tent.png) 0 0 / 100% auto no-repeat; text-indent: -9999rem; box-sizing: border-box;} .autumn_camping .map .tab a.on{background-position: 0 -3.6rem;} .autumn_camping .map .tab .tab1{right: 31.5%; top: 22%;} .autumn_camping .map .tab .tab2{left: 33%; top: 14%;} .autumn_camping .map .tab .tab3{right: 36.5%; top: 15%;} .autumn_camping .map .tab .tab4{left: 41%; top: 12.5%;} .autumn_camping .map .tab .tab5{left: 33%; top: 28.5%;} .autumn_camping .map .tab .tab6{left: 30%; bottom: 34%;} .autumn_camping .map .tab .tab7{left: 44%; bottom: 29%;} .autumn_camping .map .tab .tab8{left: 30.5%; top: 21.5%;} .autumn_camping .map .tab .tab9{right: 32%; bottom: 24.5%;} .autumn_camping .map .tab .tab10{left: 42%; top: 21%;} .autumn_camping .map .tab a.text{background: none; width: auto; height: 3.9rem;} .autumn_camping .map .tab .tab1.text{width: 15.4rem; right: 5.5%; top: 36%;} .autumn_camping .map .tab .tab2.text{width: 12.6rem; left: 0.5%; top: 13.5%;} .autumn_camping .map .tab .tab3.text{width: 16.9rem; right: 2%; top: 14%;} .autumn_camping .map .tab .tab4.text{width: 11.1rem; left: 57%; top: 0;} .autumn_camping .map .tab .tab5.text{width: 15.8rem; left: 1%; top: 39%;} .autumn_camping .map .tab .tab6.text{width: 11.1rem; left: 3.2%; bottom: 33.5%;} .autumn_camping .map .tab .tab7.text{width: 14rem; left: 1.2%; bottom: 17%;} .autumn_camping .map .tab .tab8.text{width: 11.1rem; left: 4.5%; top: 21%;} .autumn_camping .map .tab .tab9.text{width: 17.5rem; right: 0%; bottom: 12.5%;} .autumn_camping .map .tab .tab10.text{width: 12.9rem; left: 17.5%; top: 47%;} .autumn_camping .bottom{position: relative; height: auto; background-color: #E4C386;} .autumn_camping .bottom::before{content: ''; position: absolute; top: -21rem; left: 0; display: block; width: 100%; height: 26.4rem; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=86af9981-e14c-4639-922a-99e1f87daf22) 50% 0 / cover no-repeat;} .autumn_camping .item{background: url(/resources/images/autumn_campingmap/bg_land.png) 50% 0 / 100% auto repeat-y;} .autumn_camping .item h4{font-size: 2.2rem; line-height: 1; font-weight: 800; letter-spacing: -0.02em; margin-bottom: 0.3rem;} .autumn_camping .item .mark{display: flex; align-items: center; justify-content: flex-end; margin-top: 1.8rem; line-height: 1; color: #111; letter-spacing: -0.04em; font-size: 1.6rem;} .autumn_camping .item .mark img{width: 1.5rem; height: 1.7rem; margin-right: 0.3rem;} .autumn_camping .item .swiper-container{width: 102rem;} .autumn_camping .item .swiper-wrapper{flex-wrap: wrap; gap: 6rem;} .autumn_camping .item .swiper-slide{width: 48rem; padding: 2rem; background-color: #fff; border-radius: 1.2rem; box-sizing: border-box;} .autumn_camping .main_spot{position: relative; } .autumn_camping .main_spot .spot_title{margin-bottom: 1.2rem;} .autumn_camping .main_spot .spot_title span{display: block; font-size: 1.8rem; letter-spacing: -0.02em; color: #777;} .autumn_camping .main_spot .spot_title strong{display: block; line-height: 1; font-size: 2.4rem; font-weight: 900; color: #000; letter-spacing: -0.02em;} .autumn_camping .main_spot .img{position: relative; height: 17rem; border-radius: 1rem; border: 1px solid #D5D5D5; overflow: hidden;} .autumn_camping .main_spot .img img{width: 100%; height: 100%; object-position: center; object-fit: cover;} .autumn_camping .main_spot .img::after{content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 30%; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3));} .autumn_camping .main_spot .img em{position: absolute; z-index: 1; top: 0.9rem; left: 0.9rem; height: 2.5rem; line-height: 2.5rem; padding: 0 0.8rem; border-radius: 0.5rem; background: rgba(0,0,0, 0.8); font-size: 1.4rem; color: #fff; letter-spacing: -0.05em;} .autumn_camping .main_spot .img .copyright{position: absolute; bottom: 0.6rem; right: 1rem; color: #fff; font-size: 1.4rem; font-weight: 600; letter-spacing: -0.05em; z-index: 1; line-height: 1.2;} .autumn_camping .tag{display: flex; align-items: center; gap: 0.6rem; margin-top: 1.2rem;} .autumn_camping .tag li{height: 2.7rem; line-height: 2.7rem; padding-inline: 1rem; border-radius: 99rem; border: 1px solid #94AB00; font-weight: 700; font-size: 1.6rem; letter-spacing: -0.02em; color: #94AB00;} .autumn_camping .reservation{margin-top: 1.2rem; min-height: 5.4rem;} .autumn_camping .reservation span{display: flex; padding: 0.8rem 1rem; background: #F4F4F4; border-radius: 0.8rem; font-size: 1.6rem; color: #333; font-weight: 700; line-height: 1.2;} .autumn_camping .reservation span em{margin-right: 1rem; color: #94AB00; font-size: 1.8rem; font-weight: 800; letter-spacing: -0.02em;} .autumn_camping .graph{padding: 1rem 1.5rem; margin-top: 2rem; text-align: center; border: 1px solid #D5D5D5; border-radius: 1rem;} .autumn_camping .graph h4{text-align: left;} .autumn_camping .graph h4 em{font-size: 1.6rem; line-height: 2.2rem; color: #555; font-weight: 700; letter-spacing: -0.02em;} .autumn_camping .graph img{width: 90%;} .autumn_camping .reco_spot{margin-top: 2rem;} .autumn_camping .reco_spot h4{display: flex; align-items: center; letter-spacing: -0.02em;} .autumn_camping .reco_spot h4 + div{display: flex; gap: 1.4rem; justify-content: space-between; margin-top: 1.6rem;} .autumn_camping .reco_spot h4::before{content: ''; display: inline-block; margin-right: 0.4rem; width: 2.2rem; height: 2.2rem; background: url(/resources/images/autumn_campingmap/img_leaf.png) 0 0 / 100% 100% no-repeat;} .autumn_camping .reco_spot a{flex: 1; text-align: center;} .autumn_camping .reco_spot .img{position: relative; height: 7rem; border-radius: 0.4rem; border: 0.05rem solid #D5D5D5; overflow: hidden;} .autumn_camping .reco_spot .img::after{content: ''; z-index: 0; display: block; width: 100%; height: 50%; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)); position: absolute; bottom: 0; left: 0;} .autumn_camping .reco_spot .img.nocopy::after{display: none;} .autumn_camping .reco_spot .img img{object-fit: cover; object-position: center; width: 100%; height: 100%;} .autumn_camping .reco_spot .img .copyright{z-index: 1; position: absolute; bottom: 0.3rem; right: 0.3rem; color: #fff; font-size: 1.2rem; letter-spacing: -0.05em; font-weight: 700; line-height: 1.2;} .autumn_camping .reco_spot .img .copyright.spacing{letter-spacing: -0.1rem;} .autumn_camping .reco_spot .img + span{display: inline-block; margin-top: 0.6rem; min-height: 4.8rem; font-size: 1.6rem; line-height: 2rem; text-align: center; font-weight: 700; text-decoration: underline; text-underline-offset: 0.3rem;} .autumn_camping .db_wrap{margin-top: 2rem;} .autumn_camping .db_wrap h4{border-bottom: 1px solid #D5D5D5; padding-bottom: 0.8rem; margin-bottom: 0.8rem;} .autumn_camping .db_wrap a{display: flex; justify-content: space-between; margin-bottom: 0.8rem; font-size: 1.8rem; font-weight: 700;} .autumn_camping .db_wrap a strong{text-decoration: underline; text-underline-offset: 3px; line-height: 1.2; color: #2B2B2B; font-weight: 700;} .autumn_camping .db_wrap a:last-child{margin-bottom: 0;} .autumn_camping .db_wrap a span{display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; font-size: 1.8rem; letter-spacing: -0.02em; line-height: 1; font-weight: 700; color: #AF1A1A;} .autumn_camping .db_wrap a:nth-of-type(2) span{color: #E26623;} .autumn_camping .db_wrap a:nth-of-type(3) span{color: #94AB00;} .autumn_camping .db_wrap a span::before{content: '';display: inline-block; width: 1.7rem; height: 1.8rem; background: url(/resources/images/autumn_campingmap/bg_mark.png) 0 0 / 100% auto no-repeat;} .autumn_camping .db_wrap a:nth-of-type(2) span::before{background-position: 0 -1.8rem;} .autumn_camping .db_wrap a:nth-of-type(3) span::before{background-position: 0 -3.6rem;} .autumn_camping .data{padding-top: 8rem; background-color: #E4C386;} .autumn_camping .data .swiper-wrapper{gap: 3.6rem;} .autumn_camping .data .swiper-slide{ width: calc((100% - 7.2rem) / 3); height: auto;} .autumn_camping .data .swiper-slide img{height: 100%;} .autumn_camping .data .swiper-container.lock .paging{display: none;} .autumn_camping .rule{padding-block: 8rem 14rem; background: url(/resources/images/autumn_campingmap/bg_rule.png) 50% 0 / cover no-repeat;} .autumn_camping .rule .lock .paging{display: none;} .autumn_camping .rule .swiper-container{padding-inline: 4rem;} .autumn_camping .rule .swiper-wrapper{flex-wrap: wrap; justify-content: center; gap: 3.6rem;} .autumn_camping .rule .swiper-slide{width: calc((100% - 3.6rem) / 2);} .autumn_camping .paging{display: none;} .autumn_camping .banner{background-color: #C28B52; height: 15rem; position: relative;} .autumn_camping .banner .inr{height: 100%;} .autumn_camping .banner a{display: flex; align-items: center; justify-content: center; height: calc(100% - 2px); gap: 1.4rem; color: #fff; background: url(/resources/images/autumn_campingmap/banner_bg.png) calc(50% - 27rem) 50% / 9.2rem 6.4rem no-repeat; font-size: 2.8rem; font-weight: 700;} .autumn_camping .banner a::after{content: ''; display: inline-block; width: 1.4rem; height: 2.1rem; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=44858ca0-5f7b-4ae1-84b1-449fbd054426) 0 0 / 100% 100% no-repeat;} .autumn_camping .link{background: #638D4F; height: 20rem; position: relative;} .autumn_camping .link::after{content: ''; position: absolute; bottom: 2rem; left: calc(50% + 37rem); display: inline-block; width: 20.6rem; height: 12rem; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=622cca32-714a-42f3-9b5d-b248667ea181) 0 0 / 100% 100% no-repeat;} .autumn_camping .link .inr{height: 100%;} .autumn_camping .link a{color: #fff; height: calc(100% - 2px); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 1.8rem;} .autumn_camping .link em{font-size: 2.8rem; font-weight: 700; text-align: center;} .autumn_camping .link em::after{content: ''; vertical-align: -0.2rem; display: inline-block; margin-left: 1.4rem; width: 1.4rem; height: 2.4rem; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=44858ca0-5f7b-4ae1-84b1-449fbd054426) 0 0 / 100% 100% no-repeat;} .autumn_camping .link p{font-size: 1.8rem; letter-spacing: -0.02em; text-align: center;} .autumn_camping .footer_container .footer01{background-color: #f7f7f7;} .autumn_camping .footer_container .footer02{background-color: #f0f0f0;} .autumn_camping .footer_container .inr{ padding: 0;} .autumn_camping .footer_container img{width: 100%;}@media all and (min-width: 721px) and (max-width: 1200px){ .autumn_camping .title .inr{padding: 0 1.6rem;} .autumn_camping .link::after{width: 15rem; height: 8.7rem;}} @media all and (max-width:1023px) { .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;} .recommendation_group{padding: 0 15px; width: 100%;} .autumn_camping .mo{display:block;} .autumn_camping .pc{display:none;} .autumn_camping .tablet{display:none;} .autumn_camping .inr{width:auto; max-width: 100%; padding: 0 6.41vw;} .autumn_camping h3{font-size: 6.15vw; line-height: 8.21vw; margin-block: 0 7.18vw;} .autumn_camping .top{padding: 0; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=8e6d9718-33e6-408d-a057-d100cbb17f4f) 0 50% / 100% 100% no-repeat;} .autumn_camping .title .inr, .autumn_camping .map .inr{padding: 0 4.10vw;} .autumn_camping .title img{width: 100%; padding-top: 0;} .autumn_camping .map .img_map{width: 72.63%; height: auto; margin-top: 6.15%;} .autumn_camping .map .map_spot{width: 100%;} .autumn_camping .map{height: auto; padding-bottom: 7.69vw; margin-top: 15.38;} .autumn_camping .map .tab_wrap{width: auto;} .autumn_camping .map p{font-size: 5.13vw; margin-bottom: 7.69vw;} .autumn_camping .map p::before{width: 14.10vw; height: 14.10vw; top: -17.95vw;} .autumn_camping .map p em::after{height: 1.03vw;} .autumn_camping .map p em.line2::after{height: 0.77vw;} .autumn_camping .map .tab{width: 100%;} .autumn_camping .map .tab a{width: 8.21vw; height: 6.15vw;} .autumn_camping .map .tab a.on{background-position: 0 -6.15vw;} .autumn_camping .map .tab .tab1{right: 24.5%; top: 22%;} .autumn_camping .map .tab .tab2{left: 27%; top: 14%;} .autumn_camping .map .tab .tab3{right: 31%; top: 15%;} .autumn_camping .map .tab .tab4{left: 37%; top: 12.5%;} .autumn_camping .map .tab .tab5{left: 27%; top: 28.5%;} .autumn_camping .map .tab .tab6{left: 23%; bottom: 34%;} .autumn_camping .map .tab .tab7{left: 42%; bottom: 29%;} .autumn_camping .map .tab .tab8{left: 23.5%; top: 21.5%;} .autumn_camping .map .tab .tab9{right: 25%; bottom: 24.5%;} .autumn_camping .map .tab .tab10{left: 38%; top: 21%;} .autumn_camping .map .tab a.text{height: 6.25%;} .autumn_camping .map .tab .tab1.text{width: 28.21%; right: 5.5%; top: 38.5%;} .autumn_camping .map .tab .tab2.text{width: 23%; left: 0; top: 13.5%;} .autumn_camping .map .tab .tab3.text{width: 31%; right: 0; top: 7.5%;} .autumn_camping .map .tab .tab4.text{width: 20.5%; left: 56%; top: 0;} .autumn_camping .map .tab .tab5.text{width: 29%; left: 0; top: 40.3%;} .autumn_camping .map .tab .tab6.text{width: 20.5%; left: 1%; bottom: 18.5%;} .autumn_camping .map .tab .tab7.text{width: 26%; left: auto; right: 23%; bottom: 4%;} .autumn_camping .map .tab .tab8.text{width: 20.5%; left: 0; top: 21.3%;} .autumn_camping .map .tab .tab9.text{width: 32.5%; right: 4%; bottom: 12%;} .autumn_camping .map .tab .tab10.text{width: 23.5%; left: 7.5%; top: 48%;} .autumn_camping .bottom::before{display: none;} .autumn_camping .item{padding-top: 10.56vw; background: #E4C386;} .autumn_camping .item h4{font-size: 5.13vw; letter-spacing: -0.04em; margin-bottom: 2.56vw;} .autumn_camping .item .swiper-container{margin: 0 auto; width: 100%;} .autumn_camping .item .swiper-wrapper{flex-wrap: nowrap; gap: 0;} .autumn_camping .item .swiper-slide{width: 100%; padding: 5.13vw 3.85vw; border-radius: 3.08vw;} .autumn_camping .item .mark{font-size: 3.08vw; margin-top: 2.56vw;} .autumn_camping .item .mark img{width: 3.08vw; height: 3.59vw;} .autumn_camping .item .main_spot{height: 62.78vw;width: 100%;} .autumn_camping .main_spot .spot_title{position: static; margin-bottom: 2.56vw;} .autumn_camping .main_spot .spot_title span{color: #777; font-size: 4.36vw; font-weight: 700; text-shadow: none;} .autumn_camping .main_spot .spot_title span::before{display: none;} .autumn_camping .main_spot .spot_title strong{font-size: 6.15vw; color: #000; font-weight: 800; text-shadow: none;} .autumn_camping .main_spot .spot_title strong::before{display: none;} .autumn_camping .main_spot .img{height: 41.03vw; border-radius: 2.56vw;} .autumn_camping .main_spot .img em{height: 5.38vw; line-height: 5.64vw; border-radius: 1.28vw; top: 1.79vw; left: 1.79vw; padding-inline: 1.54vw; font-size: 3.08vw;} .autumn_camping .main_spot .img .copyright{bottom: 1.54vw; right: 2.56vw; font-size: 3.33vw;} .autumn_camping .tag{margin-top: 2.56vw; gap: 1.03vw;} .autumn_camping .tag li{height: 6.15vw; line-height: 6.41vw; font-size: 3.08vw; padding-inline: 2.56vw;} .autumn_camping .graph{margin-top: 3.85vw; padding: 2.56vw 2.56vw 3.85vw; border-radius: 2.56vw;} .autumn_camping .graph h4{margin-bottom: 3.85vw;} .autumn_camping .graph h4 em{font-size: 3.59vw; font-weight: 400; line-height: 5.64vw;} .autumn_camping .graph img{width: 100%;} .autumn_camping .reservation{min-height: 13.33vw; margin-top: 2.56vw;} .autumn_camping .reservation span{font-size: 3.59vw; border-radius: 2.05vw; padding: 1.28vw 2.56vw;} .autumn_camping .reservation span em{margin-right: 1.56vw; font-size: 3.59vw;} .autumn_camping .reco_spot{margin-top: 4.10vw;} .autumn_camping .reco_spot h4{letter-spacing: -0.1em;} .autumn_camping .reco_spot h4 + div{margin-top: 2.56vw; gap: 2.05vw;} .autumn_camping .reco_spot h4::before{width: 5.64vw; height: 5.64vw; margin-right: 1.03vw;} .autumn_camping .reco_spot .img{height: 15.38vw; border-radius: 1.03vw;} .autumn_camping .reco_spot .img .copyright{bottom: 0.77vw; right: 0.77vw; font-size: 2.05vw; letter-spacing: -0.05em !important;} .autumn_camping .reco_spot .img + span{min-height: 10.26vw; margin-top: 1.03vw; font-size: 3.59vw; line-height: 5.13vw; text-underline-offset: 0.77vw;} .autumn_camping .db_wrap{margin-top: 3.85vw;} .autumn_camping .db_wrap h4{padding-bottom: 2.56vw;} .autumn_camping .db_wrap a{font-size: 4.10vw; margin-bottom: 2.56vw;} .autumn_camping .db_wrap a strong{text-underline-offset: 0.77vw;} .autumn_camping .db_wrap a span{gap: 1.54vw; font-size: 4.10vw;} .autumn_camping .db_wrap a span::before{width: 3.85vw; height: 4.10vw;} .autumn_camping .db_wrap a:nth-of-type(2) span::before{background-position: 0 -4.10vw;} .autumn_camping .db_wrap a:nth-of-type(3) span::before{background-position: 0 -8.20vw;} .autumn_camping .data{padding-top: 10.26vw;} .autumn_camping .data .swiper-wrapper{gap: 0;} .autumn_camping .data .swiper-slide{height: auto; width: 82%;} .autumn_camping .data .inr{padding: 0;} .autumn_camping .rule{padding-block: 9.74vw 10.26vw; background: #E4C386;} .autumn_camping .rule .swiper-container{padding: 0;} .autumn_camping .rule .swiper-wrapper{flex-wrap: nowrap; gap: 0; justify-content: stretch;} .autumn_camping .rule .swiper-slide{width: 100%;} .autumn_camping .paging{display: flex !important; justify-content: center; align-items: center; gap: 3.08vw; margin-top: 5.13vw;} .autumn_camping .swiper-pagination{position: static; width: auto; font-weight: 700; font-size: 4.10vw; line-height: 1;} .autumn_camping .swiper-pagination span{width: auto; display: inline-block;} .autumn_camping .swiper-button-next, .autumn_camping .swiper-button-prev{position: static; flex-shrink: 0; margin: 0; width: 3.59vw; height: 3.59vw; background: url(/resources/images/autumn_campingmap/arrow_mo.png) 0 0 / 100% auto no-repeat;} .autumn_camping .swiper-pagination .swiper-pagination-current{font-weight: 800;} .autumn_camping .swiper-button-next{background-position: 0 -3.59vw;} .autumn_camping .banner{height: 20.51vw;} .autumn_camping .banner::before, .autumn_camping .banner::after{left: calc(50% - 51.28vw); top: 2.56vw; bottom: auto; width: 22.05vw; height: 8.46vw;} .autumn_camping .banner::after{width: 14.10vw; height: 5.13vw; left: calc(50% + 33.33vw); top: auto; bottom: 3.33vw;} .autumn_camping .banner a{font-size: 4.62vw; gap: 1.54vw; background: url(/resources/images/autumn_campingmap/banner_bg_mo.png) calc(50% - 38.46vw) 50% / 11.79vw 8.21vw no-repeat;} .autumn_camping .banner a::after{width: 2.56vw; height: 3.85vw;} .autumn_camping .link{height: auto;} .autumn_camping .link::after{left: calc(50% + 7.82vw); bottom: 3.08vw; width: 35.90vw; height: 16.41vw; background-image: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=eb34ecbd-5dbc-43a7-87a6-7d13ef92daf0);} .autumn_camping .link .inr{padding: 0;} .autumn_camping .link a{padding: 9.23vw 4.10vw 14.87vw;} .autumn_camping .link em{font-size: 4.62vw;} .autumn_camping .link em::after{width: 2.56vw; height: 3.85vw; margin-left: 2.05vw;} .autumn_camping .link p{font-size: 3.59vw;} .autumn_camping .footer_container img{width: 100%;} } (function (global, $) { var $goTap = $(.tab a), $doc = $(html, body); function getIsMobile() { return window.matchMedia((max-width: 1024px)).matches; } function getSlideIndexById(targetId) { var $slides = $(.autumn_camping .item .swiper-slide); var $targetElem = $(# + targetId); var $targetSlide = $targetElem.closest('.swiper-slide'); if ($targetSlide.length) return $slides.index($targetSlide); $targetSlide = $slides.has(# + targetId); if ($targetSlide.length) return $slides.index($targetSlide); return -1; } $(function () { $goTap.on(click, function (e) { e.preventDefault(); var $this = $(this), activeTab = $this.attr(href); var baseClass = $this.attr(class).split( )[0]; $(.tab a).removeClass(on); $(.tab . + baseClass).addClass(on); if (getIsMobile() && typeof itemSwiper !== undefined && itemSwiper) { var targetId = activeTab.replace(#, ); var $targetSlide = $(# + targetId + .swiper-slide); var targetIndex = $targetSlide.index(); if (targetIndex !== -1) { itemSwiper.slideToLoop(targetIndex -1, 500, false); } } var scrollTarget = !getIsMobile() ? $(activeTab) : $(.autumn_camping .item .swiper-container); if (scrollTarget.length) { $(html, body).animate( { scrollTop: scrollTarget.offset().top - 150 }, 500 ); } return false; }); $(window).on(resize, function () { if (typeof syncActive === function) syncActive(); }); }); })(window, window.jQuery); var ww = $(window).width(); var itemSwiper = undefined; var ruleSwiper = undefined; var dataSwiper = undefined; function initSwiper() { if (ww = 1024 && itemSwiper != undefined) { itemSwiper.destroy(); itemSwiper = undefined; } } initSwiper(); function initSwiper2() { if (ww = 1024 && dataSwiper != undefined) { dataSwiper.destroy(); dataSwiper = undefined; } } initSwiper2(); function initSwiper3() { if (ww = 1024 && ruleSwiper != undefined) { ruleSwiper.destroy(); ruleSwiper = undefined; } } initSwiper3(); $(window).on('resize', function () { ww = $(window).width(); initSwiper(); initSwiper2(); initSwiper3(); }); $(document).ready(function () { const lastClickIndex = window.localStorage.getItem(last_click_index); if (lastClickIndex) { setTimeout(function () { var buttons = $(.autumn_camping .tab a); var button = buttons[lastClickIndex]; button.click(); }, 100); } }); $(.tab1).click(function () { window.localStorage.setItem(last_click_index, 0); }); $(.tab2).click(function () { window.localStorage.setItem(last_click_index, 1); }); $(.tab3).click(function () { window.localStorage.setItem(last_click_index, 2); }); $(.tab4).click(function () { window.localStorage.setItem(last_click_index, 3); }); $(.tab5).click(function () { window.localStorage.setItem(last_click_index, 4); }); $(.tab6).click(function () { window.localStorage.setItem(last_click_index, 5); }); $(.tab7).click(function () { window.localStorage.setItem(last_click_index, 6); }); $(.tab8).click(function () { window.localStorage.setItem(last_click_index, 7); }); $(.tab9).click(function () { window.localStorage.setItem(last_click_index, 8); }); $(.tab10).click(function () { window.localStorage.setItem(last_click_index, 9); });