* 가나다순 전체 강원 경기 경상 광주 대구 대전 부산 서울 세종 울산 인천 전라 제주 충청 전체 1 서울 DDP 2 경북 칠곡 가산산성야행 3 충남 서산 간월도 해양경관 탐방로 4 경남 통영 강구안문화광장 5 인천 개항장과 차이나타운 6 울산 고래문화마을 야간프로그램 7 부산 광복로 빛축제와 용두산공원 부산타워 8 부산 광안리 M드론라이트쇼 9 전북 남원 광한루원 10 경북 포항 구룡포 피어라계단 미디어아트 11 전남 광양 구봉산 전망대와 광양만 야경 12 충남 부여 궁남지 13 경남 창원 귀산개구리섬 프로젝션맵핑 14 대구 근대골목 밤마실 15 강원 원주 나오라쇼 '나이트 오브 라이트' 16 충남 홍성 남당항 해양공원음악분수 17 서울 남산 서울타워 18 경기 광주 남한산성 서문전망대 19 전남 여수 낭만포차거리 20 인천 노을야경투어 21 부산 다대포 낙조분수 22 충북 단양 단양 야간미션투어 23 충북 단양 단양강 잔도 24 부산 달빛갈맷길걷기 25 경북 경주 대릉원 26 대전 대전0시축제 27 대전 대전사이언스페스티벌과 사이언스나이트캠프 28 서울 덕수궁 29 경북 경주 동궁과 월지 30 경남 통영 디피랑 31 경기 김포 라베니체 32 서울 롯데월드타워와 석촌호수 33 전북 무주 무주 산골영화제 34 전북 무주 무주반딧불축제와 반딧불투어 35 경북 문경 문경새재 달빛사랑여행 36 부산 미드나잇 디너크루즈 37 전북 익산 미륵사지 미디어아트 페스타 38 강원 고성 미시령옛길 울산바위은하수 39 전북 부안 변산해수욕장과 변산 비치파티 40 강원 영월 별마로 천문대 41 대구 별별상상 칠성야시장 42 부산 부산불꽃축제 43 전북 부안 부안 붉은노을축제 44 충남 부여 부여문화유산 미디어아트 45 전남 여수 빅오쇼 (Big-O Show) 46 울산 빛의 공원 미디어아트 47 경북 김천 사명대사공원 48 광주 사직공원 G-타워 49 경남 사천 사천바다케이블카 50 강원 춘천 삼악산 호수케이블카 51 충남 당진 삽교호관광지 대관람차 52 부산 서면빛축제와 전포카페거리투어 53 대구 서문야시장 54 충남 서산 서산해미읍성 55 서울 서울빛초롱축제와 광화문 광장마켓 56 경북 안동 선유줄불놀이 57 경북 성주 성밖숲 58 서울 세빛섬과 반포대교 달빛무지개분수 59 인천 센트럴파크와 수상레저 60 대구 수성빛예술제 61 충북 단양 수양개빛터널 62 경북 포항 스페이스워크 63 경기 가평 아침고요수목원 64 광주 양림동 밤의 미술관과 야간 도슨트 투어 65 경기 용인 에버랜드 리조트 66 대전 엑스포과학공원과 엑스포다리 67 전남 여수 여수 야간시티투어 '시간을 달리는 버스커' 68 전남 여수 여수밤바다 낭만버스킹 69 경북 김천 연화지와 황산폭포 70 전남 영암 영암달빛축제 71 충남 예산 예당호 출렁다리와 음악분수 72 경남 진주 올빰야시장 73 전남 해남 우수영관광지 74 울산 울산큰애기 청년야시장 75 울산 워터프론트와 킹웰리 분수대 76 인천 월미테마파크 77 경북 안동 월영교와 문보트 78 경북 경주 월정교 79 경북 문경 은성탄광 달빛여행 80 대구 이월드 81 세종 이응다리 금강보행교 82 전북 익산 익산 서동축제 83 전북 익산 익산문화재야행 -왕궁리유적 84 경북 문경 전설의 귀신 in 문경 85 제주 제주 제주별빛누리공원 86 경남 진주 진주남강유등축제 87 경남 진주 진주문화재 야행 88 강원 동해 추암해변 89 강원 춘천 춘천대교분수 90 경기 화성 동탄호수공원 루나쇼 91 인천 트라이보울 92 경북 포항 포항 국제불빛축제 93 서울 한강불빛공연과 드론라이트쇼 94 서울 한양도성 낙산구간 95 경남 함안 함안낙화놀이 96 전남 함평 함평엑스포공원 97 충남 당진 합덕제 98 부산 해운대빛축제 99 경기 고양 행주가(街) 예술이야(夜) 100 강원 고성 화진포 응봉노을 강원 15 강원 원주 나오라쇼 '나이트 오브 라이트' 38 강원 고성 미시령옛길 울산바위은하수 40 강원 영월 별마로 천문대 50 강원 춘천 삼악산 호수케이블카 88 강원 동해 추암해변 89 강원 춘천 춘천대교분수 100 강원 고성 화진포 응봉노을 경기 18 경기 광주 남한산성 서문전망대 31 경기 김포 라베니체 63 경기 가평 아침고요수목원 65 경기 용인 에버랜드 리조트 90 경기 화성 동탄호수공원 루나쇼 99 경기 고양 행주가(街) 예술이야(夜) 경상 2 경북 칠곡 가산산성야행 4 경남 통영 강구안문화광장 10 경북 포항 구룡포 피어라계단 미디어아트 13 경남 창원 귀산개구리섬 프로젝션맵핑 25 경북 경주 대릉원 29 경북 경주 동궁과 월지 30 경남 통영 디피랑 35 경북 문경 문경새재 달빛사랑여행 47 경북 김천 사명대사공원 49 경남 사천 사천바다케이블카 56 경북 안동 선유줄불놀이 57 경북 성주 성밖숲 62 경북 포항 스페이스워크 69 경북 김천 연화지와 황산폭포 72 경남 진주 올빰야시장 77 경북 안동 월영교와 문보트 78 경북 경주 월정교 79 경북 문경 은성탄광 달빛여행 84 경북 문경 전설의 귀신 in 문경 86 경남 진주 진주남강유등축제 87 경남 진주 진주문화재 야행 92 경북 포항 포항 국제불빛축제 95 경남 함안 함안낙화놀이 광주 48 광주 사직공원 G-타워 64 광주 양림동 밤의 미술관과 야간 도슨트 투어 대구 14 대구 근대골목 밤마실 41 대구 별별상상 칠성야시장 53 대구 서문야시장 60 대구 수성빛예술제 80 대구 이월드 대전 26 대전 대전0시축제 27 대전 대전사이언스페스티벌과 사이언스나이트캠프 66 대전 엑스포과학공원과 엑스포다리 부산 7 부산 광복로 빛축제와 용두산공원 부산타워 8 부산 광안리 M드론라이트쇼 21 부산 다대포 낙조분수 24 부산 달빛갈맷길걷기 36 부산 미드나잇 디너크루즈 42 부산 부산불꽃축제 52 부산 서면빛축제와 전포카페거리투어 98 부산 해운대빛축제 서울 1 서울 DDP 17 서울 남산 서울타워 28 서울 덕수궁 32 서울 롯데월드타워와 석촌호수 55 서울 서울빛초롱축제와 광화문 광장마켓 58 서울 세빛섬과 반포대교 달빛무지개분수 93 서울 한강불빛공연과 드론라이트쇼 94 서울 한양도성 낙산구간 세종 81 세종 이응다리 금강보행교 울산 6 울산 고래문화마을 야간프로그램 46 울산 빛의 공원 미디어아트 74 울산 울산큰애기 청년야시장 75 울산 워터프론트와 킹웰리 분수대 인천 5 인천 개항장과 차이나타운 20 인천 노을야경투어 59 인천 센트럴파크와 수상레저 76 인천 월미테마파크 91 인천 트라이보울 전라 9 전북 남원 광한루원 11 전남 광양 구봉산 전망대와 광양만 야경 19 전남 여수 낭만포차거리 33 전북 무주 무주 산골영화제 34 전북 무주 무주반딧불축제와 반딧불투어 37 전북 익산 미륵사지 미디어아트 페스타 39 전북 부안 변산해수욕장과 변산 비치파티 43 전북 부안 부안 붉은노을축제 45 전남 여수 빅오쇼 (Big-O Show) 67 전남 여수 여수 야간시티투어 '시간을 달리는 버스커' 68 전남 여수 여수밤바다 낭만버스킹 70 전남 영암 영암달빛축제 73 전남 해남 우수영관광지 82 전북 익산 익산 서동축제 83 전북 익산 익산문화재야행 -왕궁리유적 96 전남 함평 함평엑스포공원 제주 85 제주 제주 제주별빛누리공원 충청 3 충남 서산 간월도 해양경관 탐방로 12 충남 부여 궁남지 16 충남 홍성 남당항 해양공원음악분수 22 충북 단양 단양 야간미션투어 23 충북 단양 단양강 잔도 44 충남 부여 부여문화유산 미디어아트 51 충남 당진 삽교호관광지 대관람차 54 충남 서산 서산해미읍성 61 충북 단양 수양개빛터널 71 충남 예산 예당호 출렁다리와 음악분수 97 충남 당진 합덕제 #contents {width: 100%; padding: 130px 0 0 0;} .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;} .nighttour_theme{text-align: center;} .nighttour_theme .pc{display:block;} .nighttour_theme img.pc{margin: 0 auto;} .nighttour_theme .mo{display:none;} .nighttour_theme .tablet{display:none;} .nighttour_theme .visu{width: 100%;} .nighttour_theme .inr{width: 1020px; margin: 0 auto;} .nighttour_theme .map_wrap{height: 1296px; background: #1b1534 url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=4d885947-7551-477d-ba24-29543b5179a4') center top / auto auto no-repeat; padding: 0;} .nighttour_theme .tab_wrap{background: #1b1534 url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=120b0a48-954b-4526-ac0a-8ad68147af33') center top / auto auto no-repeat;;} .nighttour_theme .tab_wrap .area_tab{padding: 0 75px 33px;} .nighttour_theme .tab_wrap .area_tab .sort{display: block; color: #ffec00; font-size: 16px; text-align: right;} .nighttour_theme .tab_wrap .area_tab ul{display: flex; flex-wrap: wrap; justify-content: center; padding-top: 33px;} .nighttour_theme .tab_wrap .area_tab ul li{width: 105px; height: 36px; margin: 7px 4px 7px 0;} .nighttour_theme .tab_wrap .area_tab ul li:nth-child(8){margin-right: 0;} .nighttour_theme .tab_wrap .area_tab ul li a{width: 100%; height: 100%; box-sizing: border-box; display: flex; justify-content: center; font-size: 18px; font-weight: 700; border: 1px solid #fff; border-radius: 20px; color: #fff; line-height: 36px;} .nighttour_theme .tab_wrap .area_tab ul li a.on{background-color: #e45927; border: 1px solid #e45927;} .nighttour_theme .tab_wrap .area_tab ul li a:focus-visible{outline: 2px solid red;} .nighttour_theme .tab_wrap .area_cont{padding: 0 75px 66px;} .nighttour_theme .tab_wrap .area_cont .tab_cont{display: none;} .nighttour_theme .tab_wrap .area_cont .tab_cont.active{display: block;} .nighttour_theme .tab_wrap .area_cont ul{display: flex; flex-wrap: wrap;} .nighttour_theme .tab_wrap .area_cont ul li{width: calc((100% - 45px) / 4); height: 236px; margin: 0 15px 15px 0; } .nighttour_theme .tab_wrap .area_cont ul li:nth-child(4n){margin-right: 0;} .nighttour_theme .tab_wrap .area_cont ul li a{display: block; width: 100%; height: 100%; border-width: 4px; border-style: solid; box-sizing: border-box; border-radius: 20px; overflow: hidden;} .nighttour_theme .tab_wrap .area_cont ul li a:focus-visible{outline: 2px solid red} .nighttour_theme .tab_wrap .area_cont ul li a img{height: 140px; width: 100%; object-fit: cover; object-position: 50% 50%;} .nighttour_theme .tab_wrap .area_cont ul li a .txt_wrap{position: relative; padding: 18px 5px 0 5px; background-color: #fff; height: 88px; color: #1d70b7; text-align: center;} .nighttour_theme .tab_wrap .area_cont ul li a em{position: absolute; top: -13px; left: 50%; transform: translateX(-50%); display: block; width: 26px; height: 26px; line-height: 26px; text-align: center; font-size: 12px; font-weight: 700; border-radius: 50%;} .nighttour_theme .tab_wrap .area_cont ul li a span{display: block; padding-bottom: 8px; font-size: 14px; font-weight: 700; line-height: 1;} .nighttour_theme .tab_wrap .area_cont ul li a strong{font-size: 18px; font-weight: 800; word-break: keep-all; line-height: 20px; min-height: 40px; display: flex; align-items: center; justify-content: center;} .nighttour_theme .tab_wrap .area_cont ul li.type1 a{border-color: #e45927;} .nighttour_theme .tab_wrap .area_cont ul li.type1 em{background-color: #e45927; color: #ffeb00;} .nighttour_theme .tab_wrap .area_cont ul li.type2 a{border-color: #b2b2b2; pointer-events: none;} .nighttour_theme .tab_wrap .area_cont ul li.type2 em{background-color: #b2b2b2; color: #fff;}/* 태블릿 사이즈 */@media all and (min-width: 721px) and (max-width: 1024px) { .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;} .nighttour_theme .tablet{display:block;} .nighttour_theme .visu.pc{display:none;} .nighttour_theme .mo{display:none;} .nighttour_theme .inr{width: 95%;} .nighttour_theme img{width: 100%;} .nighttour_theme .map_wrap{height: auto; background-size: cover;} .nighttour_theme .map_wrap img{width: 100%; vertical-align: baseline;} .nighttour_theme .tab_wrap .area_tab{padding: 0 2.00vw 3.00vw;} .nighttour_theme .tab_wrap .area_tab .sort{font-size: 1.8vw;} .nighttour_theme .tab_wrap .area_tab ul{padding-top: 2vw;} .nighttour_theme .tab_wrap .area_tab ul li{width: 10.5vw; height: 3.6vw; margin: 5px 5px 5px 0;} .nighttour_theme .tab_wrap .area_tab ul li a{font-size: 1.6vw; line-height: 3.6vw;} .nighttour_theme .tab_wrap .area_cont{padding: 0 2.00vw 3.00vw;} .nighttour_theme .tab_wrap .area_cont ul li{width: calc((100% - 30px) / 4); height: 23.00vw; margin: 0 10px 10px 0; } .nighttour_theme .tab_wrap .area_cont ul li a{border-width: 3px;} .nighttour_theme .tab_wrap .area_cont ul li a img{height: 14vw;} .nighttour_theme .tab_wrap .area_cont ul li a .txt_wrap{height: 9.00vw; padding: 1.6vw 0.5vw 0 0.5vw;} .nighttour_theme .tab_wrap .area_cont ul li a em{width: 2.6vw; height: 2.6vw; font-size: 10px; line-height: 2.6vw; top: -1.3vw;} .nighttour_theme .tab_wrap .area_cont ul li a span{font-size: 1.5vw; padding-bottom: 0.5vw;} .nighttour_theme .tab_wrap .area_cont ul li a strong{font-size: 1.8vw; line-height: 1; min-height: 3vw;}}/* 모바일 사이즈 */@media all and (max-width:720px) { .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;} .nighttour_theme .mo{display:block;} .nighttour_theme .pc{display:none;} .nighttour_theme .tablet{display:none;} .nighttour_theme .inr{width:auto;} .nighttour_theme .map_wrap{height: auto; background: url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=de9bb754-222d-4560-a02b-89df57fc9729') center top / 100% 100% no-repeat; } .nighttour_theme .map_wrap img{width: 100%; vertical-align: baseline;} .nighttour_theme .tab_wrap{background: #1b1534 url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=d4395cd7-f287-42a4-a077-b14c6995f081') center top / 100% no-repeat;} .nighttour_theme .tab_wrap .area_tab{padding: 0 5.56vw !important;} .nighttour_theme .tab_wrap .area_tab .sort{font-size: 11px;} .nighttour_theme .tab_wrap .area_tab ul{justify-content: space-between; padding-top: 10px;} .nighttour_theme .tab_wrap .area_tab ul li{width: calc((100% - 24px) / 5); height: 5.56vw; margin: 0 0 5px 0;} .nighttour_theme .tab_wrap .area_tab ul li a{font-size: 2.50vw; line-height: 5.56vw;} .nighttour_theme .tab_wrap .area_cont{padding: 6.25vw 5.56vw;} .nighttour_theme .tab_wrap .area_cont ul{justify-content: space-between;} .nighttour_theme .tab_wrap .area_cont ul li{width: calc((100% - 15px) / 2); height: 45.83vw; margin: 0 0 12px 0;} .nighttour_theme .tab_wrap .area_cont ul li a{border-width: 3px; border-radius: 15px;} .nighttour_theme .tab_wrap .area_cont ul li a img{height: 26.39vw; width: 101%;} .nighttour_theme .tab_wrap .area_cont ul li a .txt_wrap{padding: 3.33vw 1.39vw 0 1.39vw; height: calc(100% - 26.39vw)} .nighttour_theme .tab_wrap .area_cont ul li a em{width: 5.56vw; height: 5.56vw; line-height: 5.56vw; font-size: 2.78vw;} .nighttour_theme .tab_wrap .area_cont ul li a span{padding: 3px 0 5px; font-size: 2.78vw;} .nighttour_theme .tab_wrap .area_cont ul li a strong{min-height: 7.50vw; font-size: 3.61vw; line-height: 1.1;}} (function (global, $) { var $map = $(.mapGo), $goTap = $(.area_tab ul li), $doc = $(html, body); $(function () { $map.click(function (e) { var idx = $map.index(this), section = $goTap.eq(idx + 1); section.children(a).addClass(on); section.siblings().children(a).removeClass(on); activeTab = $(this).attr(href); $(.nighttour_theme .tab_cont).removeClass(active); $(activeTab).addClass(active); $doc.animate( { scrollTop: $($.attr(this, href)).position().top + 50, }, 400 ); return false; }); $(.nighttour_theme .area_tab ul li a).click(function () { $(this).removeClass(on); if (!$(this).hasClass(on)) { $(this).addClass(on); $(this) .parent(li) .siblings() .children(a) .removeClass(on); } else { $(this).removeClass(on); } var activeTab = $(this).attr(href); $(.nighttour_theme .tab_cont).removeClass(active); $(activeTab).addClass(active); return false; }); }); })(window, window.jQuery); $(document).ready(function () { const lastClickIndex = window.localStorage.getItem(last_click_index); if (lastClickIndex) { setTimeout(function () { var buttons = $(.area_tab ul li a); var button = buttons[lastClickIndex]; button.click(); }, 100); } });$(.areatitall > a).click(function () { window.localStorage.setItem(last_click_index, 0); }); $(.areatit01 > a).click(function () { window.localStorage.setItem(last_click_index, 1); }); $(.areatit02 > a).click(function () { window.localStorage.setItem(last_click_index, 2); }); $(.areatit03 > a).click(function () { window.localStorage.setItem(last_click_index, 3); }); $(.areatit04 > a).click(function () { window.localStorage.setItem(last_click_index, 4); }); $(.areatit05 > a).click(function () { window.localStorage.setItem(last_click_index, 5); }); $(.areatit06 > a).click(function () { window.localStorage.setItem(last_click_index, 6); }); $(.areatit07 > a).click(function () { window.localStorage.setItem(last_click_index, 7); }); $(.areatit08 > a).click(function () { window.localStorage.setItem(last_click_index, 8); }); $(.areatit09 > a).click(function () { window.localStorage.setItem(last_click_index, 9); }); $(.areatit10 > a).click(function () { window.localStorage.setItem(last_click_index, 10); }); $(.areatit11 > a).click(function () { window.localStorage.setItem(last_click_index, 11); }); $(.areatit12 > a).click(function () { window.localStorage.setItem(last_click_index, 12); }); $(.areatit13 > a).click(function () { window.localStorage.setItem(last_click_index, 13); }); $(.areatit14 > a).click(function () { window.localStorage.setItem(last_click_index, 14); });