문화체육관광부 X 한국관광공사 여행가는 가을 놀거리 충전 완료! 여행가는 가을 축제여행 100 권역별 지역 행사부터 축제, 야간 관광지까지 대한민국 구석구석 여행하며 가을의 정취를 느껴보세요! 수도권 강원권 충청권 전라권 경상권 제주권 닫기 수도권 #야간관광 서울｜한강불빛공연(드론라이트쇼) : 10.26.(토), 11.2.(토) 고양｜행주가(街) 예술이야(夜) : 9.27.(금)~10.13.(일) 가평｜아침고요수목원 오색별빛정원전 : 12월 예정 화성｜동탄호수공원(루나쇼) : 10.12.(토), 10.18.(금), 10.26.(토) #역사·지역문화 서울｜궁중문화축전 : 10.9.(수)~10.13.(일) 서울｜관악강감찬축제 : 10.11.(금)~10.13.(일) 서울｜문화관광축제 대표먹거리 홍보전 : 11월 예정 인천｜개항장 문화유산 야행 : 10. 19.(토)~10.20.(일) 안성｜안성맞춤남사당바우덕이축제 : 10.3.(목)~10.6.(일) 여주｜여주오곡나루축제 : 10.18.(금)~10.20.(일) 이천｜이천쌀문화축제 : 10.16.(수)~10.20.(일) 부천｜부천국제만화축제 : 10.3.(목)~10.6.(일) 수원｜수원화성문화제 : 10.4.(금)~10.6.(일) #K-컬처 서울｜웰컴대학로 페스티벌 : 10.5.(토)~11.3.(일) 서울｜서울아트북페어 : 11.15.(금)~11.17.(일) 가평｜자라섬재즈페스티벌 : 10.18.(금)~10. 20.(일) 파주｜DMZ OPEN 페스티벌 : 5.9.(목)~11.16.(토) 파주｜경기인디뮤직페스티벌 : 10.12.(토)~10.13.(일) 파주｜DMZ RUN : 10.5.(토)~10.6.(일) 인천｜AQUA 경영 월드컵 2차대회 : 10.24.(목)~10.26.(토) #자연힐링 수원｜가을 단풍 행복여행 템프스테이(봉녕사) : 10.19(토), 10.26.(토) 닫기 강원권 #야간관광 강릉｜캔들라이트 콘서트 in 강릉 : 10.4.(금) 원주｜나오라쇼 ‘나이트 오브 라이트’ : 9.26.(목)~10.26.(토) #역사·지역문화 강릉｜강릉커피축제 : 10.24.(목)~10.27.(일) 원주｜원주 댄싱카니발 : 10.3.(목)~10.5.(토) 정선｜정선아리랑제 : 10.2.(수)~10.5.(토) #자연힐링 강릉, 삼척, 동해｜해파랑길 에코레일 여행 : 10.12.(토)~10.13.(일) 평창｜10월 비로봉 산행 템플스테이(월정사) : 10.26.(토)~10.28.(월) 닫기 충청권 #야간관광 대전｜대전사이언스페스티벌 : 10.18.(금)~10.20.(일) 대전｜달빛 따라 걷는 숲마실 : 10.4.(금)~12.7.(토) 대전｜선셋 와인 다이닝 : 11.1.(금)~11.3.(일) 공주｜미디어아트 공주 공산성 : 9.13.(금)~10.10.(목) 공주｜공주페스티벌 : 10.5.(토), 11.16.(토), 12.7.(토) 공주｜공주에서 날밤까기 : 10.26.(토) #역사·지역문화 대전｜대전효문화뿌리축제 : 10.11.(금)~10.13.(일) 세종｜세종축제 : 10.10.(목)~10.13.(일) 세종｜낙화놀이 X 템플스테이(영평사) : 10.11.(금)~10.12.(토) 공주,부여｜백제문화제 : 9.28.(토)~10.6.(일) 금산｜금산세계인삼축제 : 10.3.(목)~10.13.(일) 서산｜서산해미읍성축제 : 10.2.(수)~10.5.(토) 예산｜예산장터 삼국축제 : 10.17.(목)~10.20.(일) 제천｜제천한방바이오박람회 : 10.2.(수)~10.7.(월) 증평｜증평인삼골축제 : 10.3.(목)~10.6.(일) #K-컬처 영동｜영동난계국악축제 : 10.9.(수)~10.13.(일) 닫기 전라권 #야간관광 부안｜붉은노을축제 : 10.11.(금)~10.13.(일) 여수｜여수밤바다 낭만버스킹 : 4.26.(금)~10.26.(토) 여수｜여수 빅오쇼 : 5.22.(수)~11.30.(토) 여수｜마칭퍼레이드 : 10.12.(토), 10.18.(금) 익산｜미륵사지 미디어아트 페스타 : 9.6.(금)~10.6.(일) 전주｜Club The 8 : 10.12.(토), 10.19.(토), 10.25.(금), 10.26.(토) 전주｜풍패지관 야간연회 : 10.12.(토) #역사·지역문화 광주｜광주김치축제 : 10.18.(금)~10.20.(일) 광주｜추억의 충장축제 : 10.2.(수)~10.6.(일) 김제｜김제지평선축제 : 10.2.(수)~10.6.(일) 순창｜순창장류축제 : 10.11.(금)~10.13.(일) 진안｜진안홍삼축제 : 10.3.(목)~10.6.(일) 임실｜임실N치즈축제 : 10.3.(목)~10.6.(일) #K-컬처 광주｜광주버스킹월드컵 : 10.1.(화)~10.6.(일) 광주｜광주 비엔날레 : 9.7.(토)~12.1.(일) 남원｜문화의 달 행사 : 10.18.(금)~10.20.(일) #자연힐링 군산｜서해랑길과 함께하는 에코레일 : 10.19.(토)~10.20.(일) 김제｜오유지족 전통문화체험(금산사) : 10.26.(토)~10.27.(일) 정읍｜정읍 구절초 꽃축제 : 10.3.(목)~10.13.(일) 해남｜연극과 함께하는 템플스테이(대흥사) : 10.26.(토), 10.27.(일), 11.1.(금), 11.2.(토) 닫기 경상권 #야간관광 대구｜수성빛예술 : 12.23.(월)~12.31.(화) 대구｜서문야시장 : 연중 대구｜별별상상 칠성야시장 : 연중 부산｜광안리 M드론라이트쇼 : 연중 부산｜제19회 부산불꽃축제 : 11.2.(토) 부산｜서면빛축제 : 2024.10.2.(수)~2025.1.10.(금) 울산｜울산큰애기 청년야시장 : 연중 성주｜성밖숲 나이트워킹 : 10.3.(목), 10.5.(토) 성주｜힐링나이트 in 성산동고분군 : 10.19.(토)~10.20.(일) 안동｜안동 선유줄불놀이 : 10.5.(토)~11.2.(토) 진주｜진주올빰야시장 : 연중 진주｜진주유등축제 : 10.5.(토)~10.20.(일) 통영｜투나잇 통영! 이중섭과 시간여행자 : 10.4.(금)~10.5.(토) 통영｜투나잇 통영! 캔들라이트 콘서트 : 10.12.(토) #역사·지역문화 부산｜동래읍성역사축제 : 10.11.(금)~10.13.(일) 울산｜울산공업축제 : 10.10.(목)~10.13.(일) 고성｜경남고성공룡세계엑스포 : 10.2.(수)~11.3.(일) 김해｜분청도자기축제 : 11.5.(화)~11.10.(일) 남해｜독일마을맥주축제 : 10.2.(수)~10.5.(토) 상주｜세계모자페스티벌 : 10.4.(금)~10.6.(일) 영주｜풍기인삼축제 : 10.5.(토)~10.13.(일) 청송｜청송사과축제 : 10.30.(수)~11.3.(일) #K-컬처 대구｜월드오케스트라페스티벌 : 10.10.(목)~11.27.(수) 대구｜대구국제오페라축제 : 10.4.(금)~11.8.(금) 부산｜부산국제영화제 : 10.2.(수)~10.11.(금) 부산｜부산국제록페스티벌 : 10.4.(금)~10.6.(일) 부산｜APP 월드투어 부산 SUP 오픈 : 10.4.(금)~10.6.(일) 울산｜울주 트레일 나인피크 대회 : 10.24.(목)~10.27.(일) 울산｜울산울주세계산악영화제 : 9.27.(금)~10.1.(화) 김해｜전국체전·전국장애인체전 : 10.25.(금)~10.30.(수) 안동｜국제탈춤페스티벌 : 9.27.(금)~10.6.(일) #자연힐링 고성｜남파랑길 맥전포 자연인 걷기축제 : 10.5.(토)~10.6.(일) 김천｜선명상 체험 템플스테이(직지사) : ~11.30.(토) 울진｜해파랑길과 함께하는 에코레일 : 10.5.(토)~10.6.(일) 닫기 제주권 #지역문화 제주｜탐라문화제 : 10.5.(토)~10.9.(수) 프로그램 내용 기간 ‘여행가는 가을’ 특별전 여행상품 100여 개 여행상품에 대해 20% 할인 쿠폰 제공(한도 5만 원) 11월 기차로 떠나는 로컬여행 24개 소도시 교통·식사·입장권 통합상품을 3만 원에 판매 11월 웰니스 관광 체험 프로그램 할인 ‘우수 웰니스 관광지’ 약 30개소 업체(최대 3만 원 할인) 10월~11월 나만의 여행 기차·숙박·렌터카·입장권 할인 및 통합 결제 10월~12월 웰촌 농촌여행상품 여행상품 10~50% 할인 10월~11월 관광벤처기업 여행상품 관광벤처기업 17개 사 여행상품 및 기념품 등 할인 9.23.(월)~10.22.(화) 코리아둘레길 스탬프투어 인증 시 기념품 제공, 대한민국 한 바퀴 챌린지 성공 시 팀당 약 200만 원 상금 지급 9월~11월 프로그램 내용 기간 관광열차 할인 정기 관광열차 5개 노선* 운임 50% 할인 (*서해금빛, 남도해양, 동해산타, 백두대간협곡, 정선아리랑) 11월 내일로패스 할인 ‘내일로패스’ 탑승권 1만 원 정액 할인 11월 농촌투어패스 기차 50%·버스 30% 할인 8월~12월 항로 승선권 할인 40개 항로 연중 이용권 주중 50%, 주말 20% 할인(청년층) '24년 6월~'25년 5월 프로그램 내용 기간 대한민국 숙박세일 페스타 비수도권 숙박할인 쿠폰 제공(2·3만 원) 9.9.(월)~11.24.(일) 품질인증 숙박업소 할인 일반·생활숙박업, 한옥 체험업 온라인 예약 시 50% 할인 (한도 5만 원) 11월 * ‘디지털 관광주민증’ 소지자에 한해 혜택 적용. 자세한 내용은 인스타그램 @digitaltourid 참고 프로그램 내용 기간 철도 요금 할인 [디지털 관광주민증 X 코레일] - 인구감소지역 12개 여행상품 구매 시 열차운임 10% 할인 - 여행 후 이용열차 운임의 40% 상당 할인쿠폰 익월 제공 8월~12월 숙박 할인 [디지털 관광주민증 X 야놀자] - 인구감소지역 51개 숙박업소 대상 1만원 할인 쿠폰 제공 9.13.(금)~11.30.(토) $(document).ready(function () { var areaBtn = $(.Festa_theme .map .area_btn a); var areaDetail = $(.Festa_theme .map .map_detail); areaBtn.click(function (e) { e.preventDefault(); var target = $(this); var index = target.index(); target.siblings().removeClass(on); target.addClass(on); areaDetail.parent(.map_detailWrap).addClass(dim); areaDetail.css('display', 'block'); areaDetail.eq(index).addClass(active); areaDetail.eq(index).siblings().removeClass(active); $('body').css('overflow', 'hidden'); $(.layer_close).click(function () { areaDetail.parent(.map_detailWrap).removeClass(dim); areaDetail.eq(index).removeClass(active); areaBtn.removeClass(on); $('body').css('overflow', ''); }); }); }); /* wide일때 필수 스타일 */ #contents { width: 100%; padding: 0px; } .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; } /* cont */ .Festa_theme { margin: 0 auto; max-width: 1920px; overflow: hidden; } .Festa_theme .title { background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=946b8a55-2be3-4357-921a-b6fd8fb0e4c7&uuid=72f66523-62d0-4979-a61e-4508853399ee) 50% 0 / cover no-repeat; } .Festa_theme .inr { max-width: 940px; margin: 0 auto; position: relative; } .Festa_theme .pc { display: block; } .Festa_theme .mo { display: none; } /* Map */ .Festa_theme .map { text-align: center; width: 100%; height: 912px; background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=fbb376e2-2979-48b6-b6a9-4ef969332580&uuid=f9f8c4c0-bc51-41f3-b916-c0492ab80302) 50% 0 / cover no-repeat; } .Festa_theme .map .inr { height: 100%; } .area_btn a { position: absolute; background-repeat: no-repeat; display: block; text-indent: -9999px; width: 165px; height: 73px; background-image: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=ef8a9cc3-57b0-4f22-8897-0c4e876f1746&uuid=fba164c8-7429-4dc6-9b9b-e889265c31d6); } .area_btn a.area01 { top: 269px; left: 99px; } .area_btn a.area01.on { background-position: 0 -73px; } .area_btn a.area02 { top: 269px; right: 88px; background-position: 0 -438px; } .area_btn a.area02.on { background-position: 0 -511px; } .area_btn a.area03 { bottom: 373px; left: 99px; background-position: 0 -146px; } .area_btn a.area03.on { background-position: 0 -219px; } .area_btn a.area04 { bottom: 204px; left: 99px; background-position: 0 -292px; } .area_btn a.area04.on { background-position: 0 -365px; } .area_btn a.area05 { bottom: 313px; right: 88px; background-position: 0 -584px; } .area_btn a.area05.on { background-position: 0 -657px; } .area_btn a.area06 { bottom: 93px; right: 268px; background-position: 0 -730px; } .area_btn a.area06.on { background-position: 0 -803px; } .map_detailWrap { position: static; } .map_detailWrap.dim { background-color: rgba(0, 0, 0, 0.5); position: fixed; width: 100%; height: 100vh; z-index: 999; top: 0; left: 0; } .map_detail { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; line-height: 1; display: none; } .map_detail.active { opacity: 1; visibility: visible; } .map_detail.--1 { background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=602774c8-f213-4c81-85e1-0f79624c6286&uuid=d6e7e86f-a8df-4f36-b007-f1177ac2467d) no-repeat; height: 90vh; max-width: 971px; width: 100%; padding-left: 45px; padding-right: 22px; padding-top: 119px; } .map_detail.--2 { background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=6447af32-4a77-437a-af5b-2b78a8b61bd6&uuid=9a6d432b-dbe9-48f7-8060-edb25066cecf) no-repeat; height: 90vh; max-width: 530px; width: 100%; padding-left: 45px; padding-right: 22px; padding-top: 120px; } .map_detail .layer_close { display: inline-block; width: 22px; height: 22px; top: 121px; right: 34px; background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=16599b4c-a3ff-4479-ad30-3f2d3d76e201&uuid=7e8b4283-89a9-44db-821a-94ba69c11a96) 0 0 / 100% 100% no-repeat; position: absolute; text-indent: -9999px; } .map_detail h3 { margin: 0; font-size: 26px; font-weight: 900; margin-left: -47px; } .map_detail h4 { background: #ebebec; color: #000; font-size: 20px; font-weight: 800; height: 30px; margin: 20px 0; display: flex; justify-content: center; align-items: center; } .map_detail h5 { color: #7a45e5; position: relative; padding-left: 10px; padding-bottom: 6px; } .map_detail h5::before { content: ; width: 5px; height: 5px; background: #7a45e5; position: absolute; left: 0; top: 6px; border-radius: 50%; } .map_detail time { color: #333; } .map_detail .map-cont { overflow-y: scroll; overflow-x: hidden; max-height: 65vh; } .map_detail.--1 .cont-list { padding-right: 30px; } .map_detail.--1 .inner { display: flex; } .map_detail.--1 .cont-bx { flex: 1 0 50%; position: relative; } .map_detail.--1 .cont-bx::after { content: ; width: 1px; height: 100%; background: #d5d5d5; position: absolute; right: 15px; top: 0; } .map_detail.--1 .cont-bx:last-child::after { display: none; } .map_detail.--2 .cont-list { padding-right: 50px; } .map_detail .inner { width: 100%; } .map_detail .cont-list { font-size: 16px; height: 49vh; } .map_detail .inner { padding-left: 20px; } .map_detail .cont-bx li { position: relative; padding-bottom: 15px; text-align: left; } .map_detail .cont-bx li:last-child { padding-bottom: 0; } .map_detail .cont-bx li a { display: inline-block; } .map_detail .cont-bx li a.none { cursor: auto; } .map-cont::-webkit-scrollbar { width: 8px; } .map-cont::-webkit-scrollbar-thumb { border-radius: 4px; background: #a0a0a0; } .map-cont::-webkit-scrollbar-track { border-radius: 4px; background: #d5d5d5; } /* Benefit */ .benefit { text-align: center; background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=be5a30e8-104a-45ac-8780-8a639a367828&uuid=34f14d1c-6b06-4a47-b044-9e69e39e8c02) 50% 0 / cover no-repeat; } .benefit .inr { padding-bottom: 70px; } .benefit .main-tit { display: block; padding-top: 60px; max-width: 940px; margin: 0 auto; position: relative; } .benefit .sub-tit { position: absolute; top: -29px; left: 50%; transform: translateX(-50%); } .benefit ul li { margin-top: 59px; padding: 57px 26px 30px 26px; background: #fff; border: 3px solid #000011; position: relative; } .benefit ul li:first-child::after { content: ; z-index: 5; background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=d76170ad-3181-4fa9-82c0-d5aa4882f958&uuid=bc4817d0-2b48-416a-b6be-2c10487bfb5e) no-repeat; position: absolute; width: 238px; height: 213px; bottom: -97px; right: -212px; } .benefit ul li:last-child::after { content: ; z-index: 5; background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=8315dbc6-f92c-495e-834a-84cfd4cd8ff3&uuid=0731863e-a275-41da-9cd7-12b148b41f74) no-repeat; position: absolute; width: 197px; height: 237px; bottom: -10px; left: -180px; } .benefit table { background: #fff; box-sizing: border-box; } .benefit table th, td { text-align: left; font-size: 17px; padding-left: 10px; letter-spacing: -0.9px; line-height: 1.2; font-weight: 600; } .benefit table th { text-align: center; background: #fdeedc; color: #000; } .benefit table th:first-child { padding-left: 15px; height: 40px; border-top: 1px solid #ffd8a9; border-left: 1px solid #ffd8a9; } .benefit table th:nth-child(2) { border-top: 1px solid #ffd8a9; border-left: 1px solid #ffd8a9; } .benefit table th:last-child { border-top: 1px solid #ffd8a9; border-left: 1px solid #ffd8a9; border-right: 1px solid #ffd8a9; } .benefit table td { color: #333; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ffd8a9; border-left: 1px solid #ffd8a9; } .benefit table td:last-child { border-right: 1px solid #ffd8a9; } .txt-red { color: #eb2f2f; margin-top: -15px; margin-bottom: 29px; font-size: 16px; font-weight: 600; line-height: 1.25; } .txt-gray { color: #999; margin-top: 5px; display: block; font-weight: 500; } /* banner, footer */ .banner01 { background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=59239f3f-28db-41b5-94b5-dfa1d7d417e2) 50% 0 / cover no-repeat; } .banner02 { background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=68007cb2-246e-4989-8e7b-c0d93a3ac0e5&uuid=465b259f-6e70-4d60-8f54-fff93e4f336c) 50% 0 / cover no-repeat; } .banner03 { background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=6db0d763-2921-46ca-a23f-953501f17841&uuid=553bb24c-22b3-4311-8f14-048827ee3e86) 50% 0 / cover no-repeat; } .footer01 { background: #f7f7f7; } .footer02 { background: #efefef; } @media (max-width:1900px) { .map_detail .cont-list { height: auto; } } @media (max-width:1500px) { .map_detail .cont-list { height: 52vh; } } @media (max-width:1024px) and (min-width:1024px) { .map_detail .cont-list { height: 46vh; } } @media screen and (max-width: 1023px) { /* wide일때 필수 스타일 */ .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; } /* cont */ .Festa_theme .mo { display: block; } .Festa_theme .pc { display: none; } .Festa_theme img { width: 100%; } .Festa_theme .inr { max-width: none; } .Festa_theme .title { background: none; } /* Map */ .Festa_theme .map { background: none; height: auto; position: relative; } .Festa_theme .map .subtitle { padding: 30px 0; } .map img { width: 100%; } .map_detail.--1, .map_detail.--2 { padding-left: 45px; padding-right: 22px; padding-top: 100px; } .map_detail.--1 .layer_close, .map_detail.--2 .layer_close { top: 100px; right: 40px; } .map_detail.--1 .cont-list, .map_detail.--2 .cont-list { padding-right: 4%; } .map_detail.--1 .cont-bx { flex: 1 0 100%; } .map_detail.--1 .inner { flex-direction: column; } .map_detail.--1 .cont-bx li:last-child { padding-bottom: 15px; } .map_detail.--1 .cont-bx::after { display: none; } .map_detail .cont-bx:last-child li:last-child { padding-bottom: 0; } .map_detail .layer_close { display: inline-block; width: 22px; height: 22px; background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=b7f7c1b4-b699-419b-af6d-6b9e3b4f9b3d&uuid=230b1a3a-719b-4b46-a319-192fd401436b) 0 0 / 100% 100% no-repeat; position: absolute; top: 113px; right: 11px; text-indent: -9999px; } /* Benefit */ .benefit { height: auto; } .benefit .inr { padding: 0 20px 70px 20px; } .benefit colgroup { display: none; } .benefit thead { display: none; } .benefit table tr { display: flex; flex-direction: column; border-bottom: 1px solid #e4e4e4; padding: 20px; } .benefit table tr:first-child { padding-top: 0; } .benefit table tr:last-child { border-bottom: 0; padding-bottom: 0; } .benefit table td:first-child { font-weight: 800; padding-bottom: 10px; } .benefit table td:last-child { color: #e67b46; padding-top: 23px; } .benefit table td { border: 0; padding: 0; font-weight: 500; } .benefit table td:last-child { border: 0; } .benefit ul li { padding: 45px 20px 30px 20px; } .benefit ul li:first-child::after { content: ; z-index: 5; background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=4670a6f3-7517-4ae1-8c4f-c220fecd5c9c&uuid=eb0e7a15-afce-4703-a5ae-af4da4d36013) no-repeat; position: absolute; width: 193px; height: 172px; bottom: 27.5%; right: -1%; } .benefit ul li:nth-child(2)::after { content: ; z-index: 5; background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=07451ed9-3fe6-4eb3-beb8-2053722e54ac&uuid=819de861-3853-4020-ba11-8d5f226cfedd) no-repeat; position: absolute; width: 173px; height: 179px; bottom: 19%; right: -1%; } .benefit ul li:nth-child(3)::after { content: ; z-index: 5; background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=c5634ad2-cb51-46aa-a927-d56c6683849f&uuid=787f7a67-4c43-4d72-8a67-915b5163e6ec) no-repeat; position: absolute; width: 52px; height: 62px; top: -10%; right: 15%; } .benefit ul li:last-child::before { content: ; z-index: 5; background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=56af3414-9a22-47fb-9a47-e56b812675f2&uuid=2551daba-4054-4ccf-8723-74e5a3fa0a89) no-repeat; width: 60px; height: 30px; position: absolute; bottom: 43%; right: 7%; } .benefit ul li:last-child::after { content: ; z-index: 5; background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=935b022e-be2c-4f16-9876-b1e216659fab&uuid=a1963db9-ed83-4476-a6f8-76fada6d6281) no-repeat; width: 106px; height: 192px; bottom: auto; left: -23px; top: 0; } .txt-red { margin-top: -10px; } /* banner, footer */ .banner01 { background: none; } .banner02 { background: none; } .banner03 { background: none; } } @media (max-width:1023px) and (min-width:768px) { .map_detail.--1, .map_detail.--2 { background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=13cb4d85-594b-4223-ac6c-d76456bda4b9&uuid=9a3807d0-a898-4df2-9f94-ebddb5c28418) no-repeat; max-width: 716px; height: 80vh; } .area_btn a.area01 { top: 35%; left: 6%; } .area_btn a.area02 { top: 35%; right: 5%; } .area_btn a.area03 { bottom: 42%; left: 6%; } .area_btn a.area04 { bottom: 25%; left: 6%; } .area_btn a.area05 { bottom: 35%; right: 5%; } .area_btn a.area06 { bottom: 12%; right: 27%; } .benefit table td { font-size: 16px; } .benefit table td:first-child { font-size: 18px; } } @media (max-width:767px) { .map_detail .cont-list { font-size: 15px; height: auto; } .map_detail.--1, .map_detail.--2 { max-width: none; width: 97%; height: 90%; background-size: contain; background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=573e0bb1-6d9e-414c-a1ce-03e09b18f123) no-repeat; background-size: cover; padding-left: 6%; padding-right: 2.7%; padding-top: 80px; } .map_detail.--1 .layer_close, .map_detail.--2 .layer_close { top: 7.7%; right: 5%; } .area_btn a { width: 90px; height: 40px; background-size: cover; } .area_btn a.area01 { top: 35%; left: 10%; background-position: 0 0; } .area_btn a.area01.on { background-position: 0 -40px; } .area_btn a.area02 { top: 35%; right: 10%; background-position: 0 -239px; } .area_btn a.area02.on { background-position: 0 -279px; } .area_btn a.area03 { bottom: 42%; left: 10%; background-position: 0 -80px; } .area_btn a.area03.on { background-position: 0 -119px; } .area_btn a.area04 { bottom: 25%; left: 10%; background-position: 0 -159px; } .area_btn a.area04.on { background-position: 0 -199px; } .area_btn a.area05 { bottom: 35%; right: 10%; background-position: 0 -319px; } .area_btn a.area05.on { background-position: 0 -358px; } .area_btn a.area06 { bottom: 12%; right: 32%; background-position: 0 -398px; } .area_btn a.area06.on { background-position: 0 -438px; } .benefit .sub-tit img { width: 60vw; object-fit: contain; } } @media (max-width:576px) { .map_detail h3 { font-size: 22px; margin-left: -20px; } .map_detail h4 { font-size: 16px; height: 25px; } .map_detail h5::before { top: 5px; } .map_detail .cont-list { font-size: 14px; } .map_detail .map-cont { max-height: 75vh; } .map_detail.--1, .map_detail.--2 { padding-top: 14%; } .map_detail.--1 .layer_close, .map_detail.--2 .layer_close { top: 5.7%; } .area_btn a.area01 { left: 6%; } .area_btn a.area02 { right: 5%; } .area_btn a.area03 { left: 6%; } .area_btn a.area04 { left: 6%; } .area_btn a.area05 { right: 5%; } .area_btn a.area06 { right: 27%; } .benefit .inr { padding: 0 15px 50px 15px; } .benefit .sub-tit img { width: 73vw; } .benefit table td { font-size: 15px; } .benefit table td:first-child { font-size: 17px; } .benefit table td:last-child { padding-top: 18px; } .benefit ul li:first-child::after { background-size: 150px 134px; bottom: 26.5%; right: -14%; } .benefit ul li:last-child::after { background-size: 90px 163px; } .benefit ul li:nth-child(2)::after { background-size: 140px 145px; bottom: 18%; right: -8%; } .benefit ul li:nth-child(3)::after { background-size: 40px 48px; } .benefit ul li:last-child::before { background-size: 50px 25px; right: 20px; bottom: 39%; } .txt-red { margin-bottom: 10px; font-size: 13px; } } @media (max-width:420px) { .map_detail .inner { padding-left: 15px; } .map_detail h4 { margin: 15px 0; } .map_detail.--1 .layer_close, .map_detail.--2 .layer_close { top: 8.3%; } .area_btn a { width: 70px; height: 31px; } .area_btn a.area01 { top: 35%; left: 6%; background-position: 0 0; } .area_btn a.area01.on { background-position: 0 -31px; } .area_btn a.area02 { top: 35%; right: 5%; background-position: 0 -186px; } .area_btn a.area02.on { background-position: 0 -217px; } .area_btn a.area03 { bottom: 42%; left: 6%; background-position: 0 -62px; } .area_btn a.area03.on { background-position: 0 -93px; } .area_btn a.area04 { bottom: 25%; left: 6%; background-position: 0 -124px; } .area_btn a.area04.on { background-position: 0 -155px; } .area_btn a.area05 { bottom: 35%; right: 5%; background-position: 0 -248px; } .area_btn a.area05.on { background-position: 0 -279px; } .area_btn a.area06 { bottom: 12%; right: 27%; background-position: 0 -310px; } .area_btn a.area06.on { background-position: 0 -341px; } .benefit .inr { padding: 0 12px 50px 12px; } .benefit .sub-tit { top: -20px; } .benefit ul li { border: 2px solid #000011; margin-top: 40px; padding: 45px 15px 25px 15px; } .benefit table tr { padding: 15px; } .benefit table td { font-size: 14px; } .benefit table td:first-child { font-size: 16px; } .benefit ul li:first-child::after { background-size: 120px 107px; bottom: 25.5%; right: -26%; } .benefit ul li:last-child::after { background-size: 75px 136px; } .benefit ul li:nth-child(2)::after { background-size: 110px 114px; bottom: 15%; right: -20%; } .benefit ul li:nth-child(3)::after { background-size: 30px 36px; top: -8%; } .benefit ul li:last-child::before { background-size: 40px 20px; } .txt-red { font-size: 12px; } }