한국관광공사 X 책임운영기관 산림청 국립수목원 Korea National Arboretum 지금 딱 가기 좋은 가을 여행지 추천! 2026 단풍 지도 올가을 단풍 여행, 언제 어디로 떠나야 할지 고민이라면? 지도를 눌러 권역별 단풍 절정 시기와 명소를 확인하고, 오색 빛으로 물든 가을 풍경을 만나보세요! 단풍나무류 참나무류 은행나무 수도권 강원권 충청권 전라권 경상권 제주권 국립수목원 단풍 절정 시기 10월 29일 11월 2일 10월 31일 ※기준 : 주요 수종의 단풍이 50% 이상 물들었을 때 (정보 제공 : 산림청 국립수목원) 경기 용인시 ⓒ 네이버블로그 세신(sin7u) 에버랜드 울긋불긋 가을 산에 둘러싸인 테마파크 경기 광주시 ⓒ 한국관광콘텐츠랩-김대형 화담숲 모노레일 타고 만나는 오색 단풍 숲 경기 과천시 ⓒ 다님 7기 김지연 서울대공원 청계호수 둘레길 따라 펼쳐지는 단풍 놀이터 서울 송파구 ⓒ 포토코리아-김승래 롯데월드 어드벤처 석촌호수 단풍을 한눈에 담으며 즐기는 테마파크 인천 남동구 ⓒ 한국관광콘텐츠랩-서맹호 인천대공원 오색 빛 터널이 장관을 이루는 나들이 명소 서울 광진구 어린이대공원 알록달록 단풍나무 아래에서 마음껏 뛰노는 공원 강원특별자치도립화목원 단풍 절정 시기 10월 28일 10월 31일 10월 27일 ※기준 : 주요 수종의 단풍이 50% 이상 물들었을 때 (정보 제공 : 산림청 국립수목원) 강원 철원군 고석정국민관광지 울긋불긋 단풍으로 단장한 한탄강 협곡 강원 평창군 ⓒ 인스타그램 pyeongchang_lugeland 휘닉스 평창 루지 타고 짜릿하게 가로지르는 단풍 숲 강원 속초시 ⓒ 네이버블로그 영더기(ydeoggi) 설악산소공원 웅장한 암봉과 단풍이 어우러진 최고의 절경 강원 춘천시 ⓒ 강원지사·모먼트스튜디오 제이드가든 유럽풍 정원과 단풍 숲이 이룬 감성 수목원 강원 인제군 ⓒ 한국관광콘텐츠랩-두드림 원대리 자작나무 숲 순백의 자작나무와 오색 단풍의 낭만적인 대비 강원 정선군 민둥산 은빛 억새 군락 너머로 물들어가는 단풍 금강수목원 단풍 절정 시기 11월 2일 11월 3일 11월 4일 미동산수목원 단풍 절정 시기 10월 27일 10월 31일 10월 29일 ※기준 : 주요 수종의 단풍이 50% 이상 물들었을 때 (정보 제공 : 산림청 국립수목원) 충남 당진시 ⓒ 당진시청 삽교호 함선 뒤로 노을이 물드는 이색 가을 명소 대전 서구 ⓒ 대전시청 갑천 생태호수공원 도심 속 호숫가를 따라 곱게 물든 단풍 쉼터 충북 괴산군 문광저수지 수면 위로 반짝반짝 빛나는 노란 은행나무 충북 단양군 ⓒ 네이버블로그 찐님(whitepapi) 만천하 스카이워크 남한강 절벽 위에서 내려다보는 단풍 파노라마 세종시 ⓒ 트래블리더 14기 강정훈 국립세종수목원 가을 정취가 담긴 정원을 거닐 수 있는 수목원 충남 부여군 ⓒ 한국관광콘텐츠랩-엠엠피 김진규 백제문화단지 백제의 어느 가을날로 떠나는 시간 여행 대아수목원 단풍 절정 시기 11월 1일 11월 4일 11월 2일 완도수목원 단풍 절정 시기 11월 9일 11월 16일 11월 12일 ※기준 : 주요 수종의 단풍이 50% 이상 물들었을 때 (정보 제공 : 산림청 국립수목원) 전북 임실군 ⓒ 네이버블로그 감성모리(mori2010) 임실치즈테마파크 오색 단풍 차오른 이국적인 체험 공간 전북 전주시 ⓒ 네이버블로그 솔이(tanda2728) 전주월드컵경기장 가을빛으로 물든 경기장 앞 산책로 전남광주 동구 ⓒ 전남광주통합특별시 공식블로그 국립아시아문화전당 가을 정취를 끌어올린 문화예술공간 전북 진안군 ⓒ 한국관광콘텐츠랩-IR스튜디오 마이산도립공원 두 암봉 아래 붉게 타오르는 오색 숲 전남광주 담양군 메타프로방스 주황빛 메타세쿼이아 길옆 이국적인 테마 마을 전남광주 장성군 ⓒ 트래블리더 14기 박수빈 황룡강생태공원 황룡강 따라 곧게 뻗은 가을 산책로 대구수목원 단풍 절정 시기 11월 6일 11월 14일 11월 4일 경상남도수목원 단풍 절정 시기 11월 8일 11월 16일 11월 5일 ※기준 : 주요 수종의 단풍이 50% 이상 물들었을 때 (정보 제공 : 산림청 국립수목원) 경북 경주시 ⓒ 한국관광콘텐츠랩-라이브스튜디오 경주월드 어뮤즈먼트 놀이기구를 타고 온몸으로 만끽하는 경주의 가을 대구 달서구 ⓒ 네이버블로그 녕이(wlsdud4945) 이월드 가을꽃과 단풍으로 물든 도심 테마파크 부산 부산진구 ⓒ 네이버블로그 윤돌핀(dolphin_yoon) 부산시민공원 도심을 울긋불긋 물들이는 운치 있는 단풍길 울산 중구 ⓒ 한국관광콘텐츠랩-두드림 태화강 국가정원 강바람 맞으며 즐기는 다채로운 가을 정원 경남 진주시 ⓒ 경남도청 남강 남강 물길 따라 붉게 물든 진주성 경남 거창군 ⓒ 거창군청 거창창포원 수변 생태정원을 채운 황금빛 갈대와 단풍 한라수목원 단풍 절정 시기 11월 19일 11월 16일 11월 16일 ※기준 : 주요 수종의 단풍이 50% 이상 물들었을 때 (정보 제공 : 산림청 국립수목원) 제주 제주시 ⓒ 다님 3기 전은재 새별오름 오름 전체를 덮은 황금빛 억새 물결 제주 제주시 비자림 천년 비자나무 숲속에 조용히 스민 가을빛 제주 서귀포시 ⓒ 여미지식물원 여미지식물원 이국적인 식물과 단풍이 어우러진 아름다운 정원 제주 제주시 ⓒ 한라산 연구부 한라수목원 제주 자생 수목이 곱게 물든 숲속 산책로 제주 서귀포시 ⓒ 다님 3기 전은재 따라비오름 은빛 억새로 단장한 오름의 여왕 제주 서귀포시 ⓒ 네이버블로그 봄길(jochristina) 송악산 산방산과 가파도가 보이는 해안 억새 둘레길 비하인드 2026 단풍지도 어떻게 만들어졌을까? 올해 단풍 지도는 국립수목원의 시민과학 프로그램인 「식물계절관측 프로젝트」를 통해 완성되었어요. 지난해 많은 국민이 직접 전국 단풍 현상을 관찰하고 기록해 주신 '2025 단풍연가 프로젝트' 덕분에, 더 넓고 정확한 단풍 예측 정보를 전해드릴 수 있게 되었답니다! 올가을, 여러분도 단풍으로 물든 대한민국 구석구석을 여행하며 시민과학자로서 식물계절관측 프로젝트에 참여해보는 건 어떨까요? 식물계절관측 프로젝트 참여하기 식물계절관측 프로젝트 참여하기 #contents { width: 100%; padding: 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; } .autumn_map {max-width: 192rem; margin: 0 auto; overflow: hidden; font-size: 1.5rem; letter-spacing: -0.02em;} .autumn_map .inr {max-width: 120rem; margin: 0 auto; position: relative;} .autumn_map .pc {display:block;} .autumn_map .mo {display:none;} .autumn_map img {width: 100%;} .autumn_map .title {background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=6d943cf7-0628-49a1-96c3-f201ea93465f) 0 50% / cover no-repeat;} .autumn_map .map {height: 84.2rem; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=e14faed4-bcff-465e-99af-e01a874df68c) 0 50% / cover no-repeat;} .autumn_map .map img{width: auto;} .autumn_map .tab_wrap {padding: 8.4rem 0;} .autumn_map .map .map_img {margin: 0 auto;} .autumn_map .map .sort{position: absolute; top: 6.6rem; left: 6rem; padding: 0.6rem; border: 1px solid #6D3400; background: rgba(252, 244, 228, 0.7);} .autumn_map .map .sort li{font-weight: 800; color: #FF2300; display: flex; align-items: center; gap: 0.3rem; margin-bottom: 0.5rem;} .autumn_map .map .sort li:last-child{margin-bottom: 0;} .autumn_map .map .sort li::before{content: ''; display: block; width: 2.1rem; height: 2.1rem; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=e1d7ee4a-54d7-43fb-9ff5-dd57859bd0c0) 0 0 / 100% auto no-repeat;} .autumn_map .map .sort li.tree2{color: #399400;} .autumn_map .map .sort li.tree3{color: #F59F00;} .autumn_map .map .sort li.tree2::before{background-position: 0 -2.1rem;} .autumn_map .map .sort li.tree3::before{background-position: 0 -4.2rem;} .autumn_map .map .cont_tab a{position: absolute; display: flex; width: fit-content; flex-direction: column; align-items: center;} .autumn_map .map .cont_tab .tab1{top: 9%; left: 17.8%;} .autumn_map .map .cont_tab .tab2{top: 7%; right: 15.5%;} .autumn_map .map .cont_tab .tab3{top: 40%; left: 4%;} .autumn_map .map .cont_tab .tab4{top: 71%; left: 4%;} .autumn_map .map .cont_tab .tab5{top: 40%; right: 6%;} .autumn_map .map .cont_tab .tab6{bottom: -4%; left: 48%;} .autumn_map .map .cont_tab a p{display: inline-block; padding: 0.5rem; border: 2px solid #521806; border-radius: 0.5rem; background: #A05D2C;} .autumn_map .map .cont_tab .tab3 p, .autumn_map .map .cont_tab .tab4 p, .autumn_map .map .cont_tab .tab5 p{width: 100%; box-sizing: border-box;} .autumn_map .map .cont_tab a p + img{margin-top: -2rem;} .autumn_map .map .cont_tab a .name{display: flex; align-items: center; justify-content: center; padding: 0 2rem; height: 3.6rem; color: #fff; font-size: 2.4rem; font-weight: 800; letter-spacing: -0.02em; -webkit-text-stroke: 3px #521806; paint-order: stroke fill; border: 1px solid #521806; background: #784724; border-radius:0.3rem;} .autumn_map .map .cont_tab .tab1.active .name{background: #FD9259;} .autumn_map .map .cont_tab .tab2.active .name{background: #D3CA73;} .autumn_map .map .cont_tab .tab3.active .name{background: #FECE64;} .autumn_map .map .cont_tab .tab4.active .name{background: #FEAB7C;} .autumn_map .map .cont_tab .tab5.active .name{background: #F58F8D;} .autumn_map .map .cont_tab .tab6.active .name{background: #A1BE5F;} .autumn_map .tabcont_wrap{background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=50a4b664-46a2-4314-aea5-9ae4974317c1) 0 50% / cover no-repeat; padding-bottom: 6rem;} .autumn_map .btn_check{margin: 0 auto; text-align: center;} .autumn_map .btn_check img{width: auto;} .autumn_map .tab_cont {padding: 6rem 0 4rem; display: none;} .autumn_map .tab_cont.active {display: block;} .autumn_map .main_info strong img {width: auto; height: 7.1rem;} .autumn_map .main_info strong {text-align: center; display: block; margin-bottom: 1.8rem;} .autumn_map .period {position: relative; display: flex; align-items: center; width: fit-content; margin: 0 auto; height: 4.5rem; border-radius: 0.3rem;} .autumn_map .period + .period{margin-top: 1.2rem;} .autumn_map .period::before{content: ''; position: absolute; top: -0.8rem; left: -3.2rem; display: block; width: 6.6rem; height: 5.6rem; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=3039e3ea-4317-41cf-984f-b2a2f288898e) 0 0 / 100% 100% no-repeat;} .autumn_map .period span{display: flex; align-items: center; flex-shrink: 0; padding: 0 2rem 0 3.5rem; height: 100%; background: #EC5425; color: #fff; font-size: 1.8rem; border: 2px solid #6D3400; border-right: none;} .autumn_map .period span em{font-weight: 800; padding-right: 0.5rem;} .autumn_map .period ul {display: flex; width: 100%; height: 100%; background: #fff; padding: 0 1.8rem; gap: 1.5rem; border: 2px solid #6D3400; border-radius: 0 0.3rem 0.3rem 0;} .autumn_map .period ul li{font-weight: 800; color: #FF2300; display: flex; align-items: center; gap: 0.3rem; font-size: 1.8rem;} .autumn_map .period ul li::before{content: ''; display: block; width: 2.5rem; height: 2.5rem; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=e1d7ee4a-54d7-43fb-9ff5-dd57859bd0c0) 0 0 / 100% auto no-repeat;} .autumn_map .period ul li:nth-child(2){color: #399400;} .autumn_map .period ul li:nth-child(3){color: #F59F00;} .autumn_map .period ul li:nth-child(2)::before{background-position: 0 -2.5rem;} .autumn_map .period ul li:nth-child(3)::before{background-position: 0 -5rem;} .autumn_map .note {font-size: 1.3rem; letter-spacing: -0.025em; color: #412E20; text-align: center; margin-top: 1rem;} .autumn_map .card .swiper-container{padding: 3.6rem 7rem;} .autumn_map .card ul{gap: 1rem;} .autumn_map .card li{width: calc((100% - 30px) / 3);} .autumn_map .card a{position: relative; display: flex; flex-direction: column; align-items: center; padding: 3rem 0 0 3rem;} .autumn_map .card a::before, .autumn_map .card a::after{content: ''; position: absolute; top: 2rem; left: 5.4rem; z-index: -1; display: block; width: 1.1rem; height: 27.4rem; background: #6E3300; border-radius: 99rem 99rem 0 0;} .autumn_map .card a::after{left: auto; right: 2.4rem;} .autumn_map .card a + a{margin-top: 3rem;} .autumn_map .card a .line{display: block; height: 1.1rem; width: calc(100% + 1.2rem); background: #E7C6A5; border: 2px solid #6D3400; border-radius: 99rem;} .autumn_map .card a .region{position: absolute; z-index: 10; top: -0.5rem; left: 0; transform: rotate(-15deg); display: flex; align-items: center; justify-content: center; text-align: center; width: 10rem; height: 8.2rem; padding-top: 2rem; box-sizing: border-box; font-weight: 700; line-height: 1.3; color: #fff; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=4bf558bc-dc90-45c4-b09c-3d57dd27fb55) 0 0 / 100% 100% no-repeat;} .autumn_map .card .img{position: relative; width: 100%; height: 14rem; border-right: 2px solid #6D3400; border-left: 2px solid #6D3400;} .autumn_map .card .img img{width: 100%; height: 100%; object-fit: cover; object-position: center;} .autumn_map .card .img .copyright{position: absolute; right: 0; bottom: 0; display: flex; justify-content: flex-end; align-items: flex-end; padding: 0 1rem 0.5rem 0; box-sizing: border-box; width: 100%; height: 3rem; font-size: 1.1rem; font-weight: 700; letter-spacing: -0.03em; color: #fff; background: linear-gradient(180deg, rgba(68, 68, 68, 0) 0%, rgba(68, 68, 68, 0.6) 52.88%);} .autumn_map .card .txt{width: 100%; height: 9rem; align-content: center; background: #fff; text-align: center; padding: 1rem; border-right: 2px solid #6D3400; border-left: 2px solid #6D3400;} .autumn_map .card .txt strong{display: flex; align-items: center; justify-content: center; gap: 0.3rem; font-size: 2rem; font-weight: 800; line-height: 1; color: #FF5900;} .autumn_map #tab2 .card .txt strong{color: #867B00;} .autumn_map #tab3 .card .txt strong{color: #EE7F00;} .autumn_map #tab4 .card .txt strong{color: #E37130;} .autumn_map #tab5 .card .txt strong{color: #D32723;} .autumn_map #tab6 .card .txt strong{color: #81AE00;} .autumn_map .card .txt strong::before{content: ''; display: block; width: 1.9rem; height: 2.3rem; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=bbc727e0-b120-4527-b5cd-ae1ba2cc99a7) 0 0 / 100% 100% no-repeat;} .autumn_map #tab2 .card .txt strong::before{background-image: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=0e317025-6bb4-400b-8080-7795d6f9fce6);} .autumn_map #tab3 .card .txt strong::before{background-image: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=49ea9e8a-488a-46b9-a49c-e3782dacc2c9);} .autumn_map #tab4 .card .txt strong::before{background-image: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=5b37cc9c-b6b4-4140-82f2-9082df306cf7);} .autumn_map #tab5 .card .txt strong::before{background-image: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=a133c261-ae23-4391-8eb9-6a36c8c49bff);} .autumn_map #tab6 .card .txt strong::before{background-image: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=05f0a089-1241-458c-8b5c-2059820e9e7d);} .autumn_map .card .txt p{color: #6E3300; font-weight: 700; margin-top: 0.5rem;} .autumn_map .card .paging{display: none;} .autumn_map .behind {background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=6b34c7f8-64a3-472b-8c3a-be336b02204e) 0 center / cover no-repeat; } .autumn_map .behind a{display: block; text-indent: -9999rem; width: 59.5rem; height: 9.2rem; position: absolute; z-index: 10; bottom: 6rem; left: 50%; transform: translateX(-50%); } .autumn_map .behind a:focus-visible{outline-offset: 2px;} .autumn_map .footer01 {background: #F7F7F7} .autumn_map .footer02 {background: #F0F0F0;} .autumn_map .footer01 .inr, .autumn_map .footer02 .inr {max-width: 940px;}@media all and (max-width:1023px) { .user_expression { padding: 30px 15px; } .ai_review_summary { padding: 0 15px; } .tit_cont.titleType1, .wrap_contView .box_modInfo, .db_cont_detail, .recommendation_group { width: auto; margin: 0 15px; } .btm_team.team_marg { width: auto; margin: 20px 15px 0; } .autumn_map{font-size: 3.85vw;} .autumn_map .pc {display:none;} .autumn_map .mo {display:block;} .autumn_map img {width: 100%;} .autumn_map .inr {max-width: none !important;} .autumn_map .title{background: none;} .autumn_map .map {height: auto; background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=7360fcb0-2132-423b-a6f5-0e4551d7c3fb) 0 50% / cover no-repeat;} .autumn_map .tab_wrap{padding: 10.26vw 0;} .autumn_map .map .sort{display: none;} .autumn_map .map .map_img {padding: 0; width: 69.231%;} .autumn_map .map .cont_tab .tab1{top: 12%; left: 9%;} .autumn_map .map .cont_tab .tab2{top: 7%; right: 25%;} .autumn_map .map .cont_tab .tab3{top: 43%; left: 7%;} .autumn_map .map .cont_tab .tab4{top: 54%; left: 10%;} .autumn_map .map .cont_tab .tab5{top: 47%; right: 9%;} .autumn_map .map .cont_tab .tab6{bottom: auto; top: 80%; left: 39%;} .autumn_map .map .cont_tab a p + img{display: none;} .autumn_map .map .cont_tab a p{padding: 1.28vw; border-radius: 1.28vw;} .autumn_map .map .cont_tab a .name{padding: 0 3.85vw; height: 7.18vw; font-size: 4.10vw; line-height: 1; border-radius: 0.77vw;} .autumn_map .tabcont_wrap{background: #FDF2DA; padding-bottom: 11.54vw;} .autumn_map .btn_check{width: 88.72vw;} .autumn_map .btn_check img{width: 100%;} .autumn_map .tab_cont {padding: 10.26vw 0;} .autumn_map .main_info strong img{height: 13.85vw;} .autumn_map .period{flex-direction: column; align-items: baseline; height: auto; margin: 0 0 0 9.23vw;} .autumn_map .period::before{width: 11.79vw; height: 10.00vw; top: -1.56vw; left: -4.69vw;} .autumn_map .period + .period{margin-top: 3.08vw;} .autumn_map .period span{border-right: 2px solid #6D3400; border-bottom: none; padding: 1.03vw 5.13vw 1.03vw 7.18vw; font-size: 4.10vw; border-radius: 0 0.77vw 0 0;} .autumn_map .period ul {padding: 2.05vw 4.62vw; width: fit-content; gap: 3.08vw; border-radius: 0 0.77vw 0.77vw 0.77vw;} .autumn_map .period ul li {font-size: 3.85vw;} .autumn_map .period ul li::before{width: 5.13vw; height: 5.13vw;} .autumn_map .period ul li:nth-child(2)::before{background-position: 0 -5.13vw;} .autumn_map .period ul li:nth-child(3)::before{background-position: 0 -10.26vw;} .autumn_map .note{margin-top: 2.05vw; font-size: 3.33vw;} .autumn_map .main_info strong{margin-bottom: 4.62vw;} .autumn_map .card .swiper-container{padding: 2.56vw 0 0 0;} .autumn_map .card ul{gap: 0;} .autumn_map .card li {width: 94.87vw;} .autumn_map .card a{padding: 7.69vw 7.69vw 0 7.69vw;} .autumn_map .card a + a{margin-top: 7.69vw;} .autumn_map .card a::before, .autumn_map .card a::after{width: 2.82vw; height: 67.59vw; top: 5.64vw; left: 13.85vw;} .autumn_map .card a::after{left: auto; right: 13.84vw;} .autumn_map .card a .line{height: 2.82vw; width: calc(100% + 3.08vw);} .autumn_map .card a .region{width: 25.64vw; height: 21.03vw; top: -1.28vw; padding-top: 5.16vw;} .autumn_map .card .img .copyright{height: 7.69vw; font-size: 2.82vw; padding: 0 2.56vw 1.28vw 0;} .autumn_map .card .txt{padding: 2.56vw; height: auto;} .autumn_map .card .txt strong{font-size: 5.13vw; gap: 1.28vw;} .autumn_map .card .txt strong::before{width: 4.87vw; height: 5.90vw;} .autumn_map .card .txt p{margin-top: 1.28vw;} .autumn_map .card .paging {display: flex; justify-content: center; align-items: center; gap: 5.13vw; margin-top: 7.69vw;} .autumn_map .card .swiper-pagination {font-size: 5.13vw; display: flex; position: initial; width: fit-content;} .autumn_map .card .swiper-pagination-current {color: #000; font-weight: 800; padding-right: 0.77vw;} .autumn_map .card .swiper-pagination-total {color: #777; padding-left: 0.77vw;} .autumn_map .card .swiper-button-prev, .autumn_map .card .swiper-button-next {position: initial; margin: 0;} .autumn_map .card .swiper-button-prev {background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=6ae0570a-7495-4dda-bd28-8b1fe2ae8984) 50% 50% / 100% 100% no-repeat; width: 6.15vw; height: 6.15vw; } .autumn_map .card .swiper-button-next {background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=6f08a6ae-a5de-4300-a8f6-2a620e891a2c) 50% 50% / 100% 100% no-repeat; width: 6.15vw; height: 6.15vw; } .autumn_map .behind a{width: 82.564%; height: 15.38vw; bottom: 10.26vw;} .autumn_map .footer01 {background: none;} .autumn_map .footer02 {background: none;}} $(document).ready(function () { var ww = $(window).width(); var contSwipers = []; function createCardSwiper(container) { if (container.swiper) return; var swiper = new Swiper(container, { slidesPerView: 'auto', spaceBetween: 20, loop: true, centeredSlides: true, pagination: { el: $(container).find(.swiper-pagination)[0], type: 'fraction', }, navigation: { nextEl: '.card .swiper-button-next', prevEl: '.card .swiper-button-prev', }, on: { init: function () { this.update(); this.slideToLoop(0, 0); $(this.pagination.el).find('.swiper-pagination-bullet').each(function (i) { $(this).attr('aria-label', (i + 1) + '번째 슬라이드 보기'); }); }, slideChange: function () { $(this.pagination.el).find('.swiper-pagination-bullet').each(function (i) { $(this).attr('aria-label', (i + 1) + '번째 슬라이드 보기'); }); } } }); contSwipers.push(swiper); }; function initSwiper(target) { if (ww 0) { contSwipers.forEach(function (swiper) { swiper.destroy(); }); contSwipers = []; $(.card .swiper-container).removeAttr(style); $(.card .swiper-wrapper).removeAttr(style); $(.card .swiper-slide).removeAttr(style); }; }; }; function activateTab(target, scroll) { if (typeof scroll === undefined) scroll = true; $(.tab_cont).removeClass(active); $(target).addClass(active); $(.cont_tab a).removeClass(active); $(.cont_tab a[href=' + target + ']).addClass(active); if (scroll) { $(html, body).animate({ scrollTop: $(target).offset().top - 90 }, 500); } initSwiper(target); sessionStorage.setItem(last_active_tab, target); }; $(.tab_wrap area, .cont_tab a).click(function (e) { e.preventDefault(); var target = $(this).attr(href); activateTab(target); }); var lastTab = sessionStorage.getItem(last_active_tab); if (lastTab && $(lastTab).length) { activateTab(lastTab, true); } else { activateTab(#tab1, false); }; $(window).on('resize', function () { ww = $(window).width(); initSwiper(); }); });