#contents { width: 100%; padding: 130px 0 0 0; } .tit_cont { width: 940px; margin: 0 auto; } .wrap_contView { width: 100%; margin: 24px auto 0; } .btm_team { width: 940px; margin: 40px auto 10px !important; } .db_cont_detail { width: 940px; margin: auto; } .box_modInfo { width: 940px; margin: auto; } @media screen and (max-width: 1023px) { .tit_cont.titleType1 { width: 100%; padding: 3%; } .box_modInfo { width: 100%; padding: 3%; } .db_cont_detail { width: 100%; padding: 3%; } .box_modInfo { width: 100%; padding: 3%; } } .k_night_light { margin: 0 auto; max-width: 1920px; overflow: hidden; } .k_night_light img { width: 100%; } .section03 { position: relative; } .knl_pop { position: absolute; } .knl_layer { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; z-index: 1000; } .knl_overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; } .k_night_light .con_box{ background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=ee101756-1e54-4166-a962-e317b2eb167a) no-repeat center / cover;} .k_night_light .inr { width: 940px; text-align: center; margin: auto; padding-bottom: 3%; } .k_night_light .knl_title{ margin-bottom: 300px; } .k_night_light .onevibe { background-color: #0c0e11c4; border-radius: 40px; width: 92.3%; margin: auto; padding-bottom: 4%;} .k_night_light .mov{ padding: 0 6%;} @media screen and (max-width: 1023px) { .knl_layer { top: 25%; left: unset; transform: unset; } .k_night_light .inr { width: 60%; } .k_night_light .knl_title{ margin-bottom: 20px; } .k_night_light .onevibe { background-color: #0c0e11c4; border-radius: 20px; width: 93%;} .btm_team { width: 100%; } } $(document).ready(function () { const knlpopupImage = $('#knl_popup'); const knloverlay = $('.knl_overlay'); const knlimageLayer = $('.knl_layer'); $('.k_night_light .knl_map area').on('click', function (e) { e.preventDefault(); const knlindex = $(this).data('index'); let imageSrc = ''; let altText = ''; switch (knlindex) { case 1: imageSrc = 'https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=f184bf9e-a66b-44b8-a85f-49d3bf95bc2e'; altText = '인천 - 밤에 더 빛나는 감성 가득한 빛의 도시 / 일시: 2025. 6. 28 토 | 18:00~22:00 / 장소: 상상플랫폼 / 프로그램: 무소음 onevibe , 포토존'; break; case 2: imageSrc = 'https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=a8ec044f-f403-423e-9fb3-f669c1077ce5'; altText = '공주 - 밤하늘을 두른 아름다운 공주의 도시 / 일시: 2025. 7. 5. 토 | 18:00~00:00 / 장소: 제민천 및 역사문화광장 / 프로그램: 무소음 onevibe 스, 포토존, 캔들아트'; break; case 3: imageSrc = 'https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=2586b8f2-9178-479b-ab9e-cd62bce34840'; altText = '대전 - 찬란하게 빛나는 밤의 도시 / 일시: 2025. 8. 16. 토 | 18:00~ / 장소: 엑스포과학공원 / 프로그램: 버스킹공연, 푸드트럭, 열기구, 디저트부스, 포토존, 캔들아트'; break; case 4: imageSrc = 'https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=6b8302f1-b5e4-43fa-abab-b3f6301e2ca3'; altText = '전주 - 맛과 멋이 흐르는 야간관광 도시 / 일시: 2025. 8. 9. 금| 18:00~ / 장소: 팔복예술공장 / 프로그램: 클럽 파티, 디저트 부스, 포토존, 캔들아트'; break; case 5: imageSrc = 'https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=d4db861c-ac6d-4d64-b8c7-a88893bb0ad8'; altText = '여수 - 낭만이 가득한 밤바다의 도시 / 일시: 2025. 8. 16. 토 | 18:00~ / 장소: 장도 및 웅천친수공원 일원 / 프로그램: 팝페라 임형주 콘서트, 캔들라이트 콘서트, 디저트부스, 포토존, 캔들아트'; break; case 6: imageSrc = 'https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=1a736cd8-7c71-4c32-97ac-5c8aebce2c7c'; altText = '통영 - 대한민국 제1호 야간관광 특화도시 / 일시: 2025. 7. 26. 토 | 18:00~00:00 / 장소: 통영 강구안 일원 / 프로그램: 캔들라이트 공연, 디저트 부스, 포토존, 캔들아트'; break; case 7: imageSrc = 'https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=bd96c73f-cee8-4ecb-a4ab-ab4522e2dd11'; altText = '부산-야경이 아름다운 밤의 도시 / 일시: 2025. 8. 2. 토 | 18:00~00:00 / 장소: 해운대 구남로 / 프로그램: 무소음 onevibe 이트, 요가 프로그램, 디저트, 주류 부스, 포토존, 캔들아트'; break; case 8: imageSrc = 'https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=39c079f2-f20d-49e0-b2c0-a65f05f3d51e'; altText = '진주 - 빛이 흐르는 야간관광 도시 / 일시: 2025. 8. 23. 토 | 18:00~ / 장소: 남강변 / 프로그램: 미디어파사드, 별밤피크닉, 버스킹, 디저트 부스, 포토존, 캔들아트'; break; case 9: imageSrc = 'https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=de3b8352-9fc0-4575-aeee-0c31c3651b70'; altText = '성주 - 낮보다 밤이 더 즐거운 별고을 / 일시: 2025. 8. 30. 토 | 18:00~ / 장소: 성밖숲 / 프로그램: 나이트워킹, 디저트부스, 포토존, 캔들아트'; break; case 10: imageSrc = 'https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=4f906bef-27d5-4008-93f0-e7f02b52114e'; altText = '강릉 - 밤이 더 화려한 자연과 빛의 도시 / 일시: 2025. 7. 18. 금 | 18:00~00:00 / 장소: 월화거리 / 프로그램: 디저트부스, 포토존, 캔들라이트 공연'; break; default: imageSrc = 'https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=f184bf9e-a66b-44b8-a85f-49d3bf95bc2e'; altText = '인천 - 밤에 더 빛나는 감성 가득한 빛의 도시 / 일시: 2025. 6. 28 토 | 18:00~22:00 / 장소: 제민천 및 역사문화광장 / 프로그램: 무소음 onevibe , 포토존'; break; } knlpopupImage.attr({ src: imageSrc, alt: altText }); knloverlay.fadeIn(); knlimageLayer.fadeIn(); }); knloverlay.on('click', function () { knloverlay.fadeOut(); knlimageLayer.fadeOut(); }); });