Play with K | The Official Travel Guide to Seoul

<!DOCTYPE html> <html lang="en" class="en exclude-kr v2"> <head> <meta charset="UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width"/> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <link rel="canonical" href="http://english.visitseoul.net/exhibition/2024-Play-with-K-2/ENPmcgru1" hreflang="en"/> <link rel="shortcut icon" href="/resources/theme/basic/assets/images/img/Favicon.png?bust=20240828_1" type="image/x-icon"/> <link rel="icon" href="/resources/theme/basic/assets/images/img/Favicon.png?bust=20240828_1" type="image/x-icon"/>  <meta name="google-site-verification" content="sYnH8PZmEBBwuhhJNFmrXl41Apf9Wq1URoNIdZ_O17s" />   <meta property="og:locale" content="en_US"/>  <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-MP7V6XN');</script>    <title>Play with K | The Official Travel Guide to Seoul</title>   <meta name="naver-site-verification" content="002a5d0234ba29e9922b3ebdbed87135e615b07a"/>  <meta name="yandex-verification" content="4f8315abc348ac7e"/>   <meta name="google-site-verification" content="m0f04BF8bnv1rvaYliEU04BW51v3-KxPYOkQyIwLU4U"/> <meta name="google-site-verification" content="rSD5SoJcySIvcHVXRGwBEJN8M77yTv53CN7oNC4Trs0"/> <meta name="google-site-verification" content="UMNHumGYbU6d_EyVgcbZ1Pc3hAQptLkbygD2BUGauoQ"/> <meta name="google-site-verification" content="b97U1yfaGStqdsrQaGAUVbGu1wqNuMl438WLv_XJxpY"/> <meta name="google-site-verification" content="unRPtvO5eLzA6Ik6C0kAA6HPYxW9pfrFYCDJ0oxbhhY"/>  <meta name="msvalidate.01" content="C78695BE1ACBC96EE23961DE4222337D" />  <meta name="baidu-site-verification" content="codeva-FDJWprEhMq" /> <meta name="title" content="Play with K | The Official Travel Guide to Seoul"> <meta name="description" content="A special performance for international K-POP fans Join us for a free acoustic concert, PLAY with K, on November 24th at the Suwon Stage in Yangjaecheon Neighborhood Park!"> <meta name="keywords" content="PlaywithK,Kpop,YooChae,JD,YoonJiAn,KiMMi,ShellweFunk,AugustBrothers,ArirangTV,K-Music"> <meta name="WT.ti" content="Home_Seoul Now_Exhibitions"/> <meta property="og:type" content="Website"> <meta property="og:title" content="Play with K"> <meta property="og:description" content="A special performance for international K-POP fans Join us for a free acoustic concert, PLAY with K, on November 24th at the Suwon Stage in Yangjaecheon Neighborhood Park!"> <meta property="og:image" content="http://english.visitseoul.net/comm/getImage?srvcId=MEDIA&parentSn=69626&fileTy=MEDIA&fileNo=1"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@VisitSeoul"> <meta name="twitter:creator" content="@VisitSeoul"> <meta name="twitter:title" content="Play with K"> <meta name="twitter:description" content="A special performance for international K-POP fans Join us for a free acoustic concert, PLAY with K, on November 24th at the Suwon Stage in Yangjaecheon Neighborhood Park!"> <meta name="twitter:image" content="http://english.visitseoul.net/comm/getImage?srvcId=MEDIA&parentSn=69626&fileTy=MEDIA&fileNo=1">  <link rel="alternate" hreflang="ko" href="https://korean.visitseoul.net/index"/> <link rel="alternate" hreflang="en" href="https://english.visitseoul.net/index"/> <link rel="alternate" hreflang="ja" href="https://japanese.visitseoul.net/index"/> <link rel="alternate" hreflang="zh-CN" href="https://chinese.visitseoul.net/index"/> <link rel="alternate" hreflang="zh-TW" href="https://tchinese.visitseoul.net/index"/> <link rel="alternate" hreflang="ru" href="https://russian.visitseoul.net/index"/> <link rel="alternate" hreflang="ms-MY" href="https://malay.visitseoul.net/index"/> <link rel="alternate" hreflang="x-default" href="https://www.visitseoul.net/index"/> <link rel="stylesheet" href="/resources/theme/plugin/ionicons-2.0.1/css/ionicons.min.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/plugin/jquery.bxslider/jquery.bxslider.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/plugin/jquery-ui-1.11.4/jquery-ui.min.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/plugin/lightGallery/dist/css/lightgallery.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/style/base.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/sub.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/print.css?bust=20241025" media="print"/> <link rel="stylesheet" href="/resources/theme/style/guidebook.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/se_contents.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/mayday_sub_en.css?20221228_01"/> <script> const sessionId = 'B866CCD6F73C35850A4C060E18FB7058.tomcat2'; const ipAddr = '8.222.208.146'; </script> <script src="/resources/theme/plugin/jquery-1.11.3.min.js"></script> <script src="/resources/theme/plugin/jquery-ui-1.11.4/jquery-ui.min.js"></script> <script src="/resources/theme/plugin/jquery.touchToscroll.js"></script> <script src="/resources/theme/plugin/jquery.validate/jquery.validate.min.js"></script> <script src="/resources/theme/plugin/jquery.cookie.js"></script> <script src="/resources/theme/plugin/jquery.printElement.js"></script> <script src="/resources/theme/plugin/jquery.bxslider/jquery.bxslider.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lightgallery.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-fullscreen.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-thumbnail.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-video.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-autoplay.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-zoom.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-pager.js"></script> <script src="/resources/theme/plugin/lightGallery/lib/jquery.mousewheel.min.js"></script> <script src="/resources/theme/plugin/masonry.pkgd.min.js"></script>  <script src="/resources/theme/script/visit.seoul.custom.class.js"></script> <script src="/resources/theme/script/visit.seoul.function.js"></script> <script src="/resources/theme/script/visit.seoul.indexeddb.js"></script> <script src="/resources/theme/script/jquery.validation.rule.js"></script> <script src="/resources/theme/script/common.js?bust=20240829"></script> <script src="/resources/theme/plugin/owlCarousel/owl.carousel.js"></script> <link rel="stylesheet" href="/resources/theme/plugin/owlCarousel/owl.carousel.min.css"/> <link rel="stylesheet" href="/resources/theme/plugin/owlCarousel/owl.theme.default.min.css"/>  <script src="/resources/theme/plugin/animated-event-calendar/jquery.simple-calendar.js?bust=20230925_01"></script> <link type="text/css" rel="stylesheet" href="/resources/theme/plugin/animated-event-calendar/simple-calendar.css?bust=20231218_01" class="css">  <script src="/resources/theme/plugin/imageMapResizer/imageMapResizer.js?bust=20221228_01"></script> <script src="/resources/theme/plugin/circleProgress/circle-progress.js?bust=2022128_01"></script> <script src="/resources/theme/plugin/echarts-5.1.2/echarts.common.js?bust=2022128_01"></script> <link type="text/css" rel="stylesheet" href="/resources/theme/style/2021/safe_caster.css?bust=20240827" class="css">    <script src="/resources/theme/plugin/swiper/swiper-11.1.9/swiper-bundle.min.js"></script> <script src="/resources/theme/plugin/imagesloaded-4.1.4/imagesLoaded.min.js"></script> <script src="/resources/theme/plugin/gsap-3.12.5/gsap.min.js"></script>  <link type="text/css" rel="stylesheet" href="/resources/theme/style/2020/common.css?bust=20240905" class="css"> <link type="text/css" rel="stylesheet" href="/resources/theme/style/2020/main.css?bust=20240829" class="css">  <link type="text/css" rel="stylesheet" href="/resources/theme/style/2020/swiper.min.css?bust=20221228_01" class="css"> <link rel="stylesheet" href="/resources/theme/plugin/font-awesome-4.7.0/css/font-awesome.css">  <link rel="stylesheet" href="/resources/theme/style/2019/animate.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/style/2019/content.css?bust=20241106"/> <link rel="stylesheet" href="/resources/theme/style/2019/layout.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/content.css?dt=20231218_01"/> <link rel="stylesheet" href="/resources/theme/style/seoul_stay.css?bust=20230913_01"/>   <link type="text/css" rel="stylesheet" href="/resources/theme/style/malay/common.css?bust=20240829"> <link type="text/css" rel="stylesheet" href="/resources/theme/style/malay/sub.css?bust=20231218_01">  <script> var showText = 'Show content'; var hideText = 'hide content'; var alltext = 'Show all'; var lessText = 'Show less'; </script> <script src="/resources/theme/script/content.js?bust=20240808_1"></script> <link rel="stylesheet" href="/resources/theme/v2/style/common.css?bust=20241106"> <link rel="stylesheet" href="/resources/theme/v2/style/main.css?bust=20241010"> <link rel="stylesheet" href="/resources/theme/v2/style/content.css?bust=20241025_5"> <script src="/resources/theme/plugin/jquery.tmpl.js"></script>    <script src="/resources/theme/v2/script/ui.js?bust=20240912"></script>  <script type="application/ld+json">{ "@context": "http://schema.org", "@type": "Organization", "name": "Visit Seoul", "url": "https://english.visitseoul.net", "logo": "https://korean.visitseoul.net/comm/getImage?srvcId=MEDIA&parentSn=49029&fileTy=MEDIA&fileNo=1", "sameAs": [ "https://www.instagram.com/visitseoul_official", "https://www.facebook.com/VisitSeoul", "https://www.youtube.com/c/VisitSeoulTV", "https://www.tiktok.com/@visitseoul" ] }</script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "WebSite", "url": "https://english.visitseoul.net/", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://english.visitseoul.net/search?lang=en&searchTerm={search_term_string}" }, "query-input": "required name=search_term_string" } }</script>  <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '281238195644628'); fbq('track', 'PageView'); </script>    <script async src="https://www.googletagmanager.com/gtag/js?id=G-J3CHX30YSK"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-J3CHX30YSK'); </script>    </head> <body class="sub">  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-54S2FCJ" height="0" width="0" style="display:none;visibility:hidden"> </iframe> </noscript>    <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MP7V6XN" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>    <noscript> </noscript>    <div id="accessibility"> <strong class="hd-element">Skip Navigation</strong> <ul> <li><a href="#container"><span>Skip to body</span></a></li> <li><a href="#navigation"><span>Go to the menu</span></a></li> </ul> </div>  <div class="wrapper mainWrap main--renewal-2024 mainWrap ">   <script> let urlSplit = window.location.href.trim().substring(8, 10); // console.log("substring한 url 어권 데이터는: ", urlSplit); let _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["setDocumentTitle", document.domain + "/" + document.title]); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { let u="https://analytics.visitseoul.net/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '8']); let websiteIdDuplicate; switch (urlSplit){ case "ko": websiteIdDuplicate = 1; break; case "en": websiteIdDuplicate = 2; break; case "ja": websiteIdDuplicate = 3; break; case "ch": websiteIdDuplicate = 4; break; case "tc": websiteIdDuplicate = 5; break; case "ru": websiteIdDuplicate = 6; break; case "ma": websiteIdDuplicate = 7; break; } _paq.push(['addTracker', u+'matomo.php', websiteIdDuplicate]); let d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script>   <div class="top-banner-area info" id="topBannerInfo" style="display:none;height:0px;">  <div class="inner-cont"> <div class="top-banner"> <a class="btn-link" href="https://english.visitseoul.net/announcements/Notice-of-Visit-Seoul-Cloud-Migration-September-19-2024-Thu---October-02-2024-Wed/ENB013750?curPage=1" target="_self" title="Go to page"> <strong> Notice of Visit Seoul Cloud Migration (September 19, 2024 (Thu) - October 02, 2024 (Wed))</strong> </a> </div> <a class="btn-close" id="topBannerInfoClose" href="javascript:void(0);"> <i class="css-arrow-close"><em class="blind">close</em></i> </a> </div> </div>   <div class="cookie-popup-area" id="cookiePopup" style="display:none"> <div class="inner-cont"> <div class="text-cont"> <p>The Visit Seoul website uses cookies to enhance the user experience, improve the website, and more.</p> <p>Continuing use of this website means that you agree to the use of cookies.</p> </div> <div class="btn-block"> <a href="javascript:void(0);" class="btn-primary" id="btnCookieAgree"> <em>Accept All</em> </a> <a href="javascript:void(0);" id="btnCookieDisagree"> <em>Reject All</em> </a> <a href="https://www.sto.or.kr/english/privacy" target="_blank" title="open new window"> <em>Cookies Information</em> </a> </div> </div> </div>   <div class="top-banner-area info-IE" style="display:none;"> <div class="inner-cont"> <div class="top-banner"> <i class="ico-exclamation-mark"></i><strong>Internet Explorer is no longer supported. We will switch you over to Edge for the best experience.</strong> </div> </div> </div>     <input type="hidden" id="quick_menu_open" value="Open Quick Menu Area" /> <input type="hidden" id="quick_menu_close" value="Selected Close Quick Menu Area" /> <div class="quick-menu-cont" style=""> <button type="button" id="btn-quick-list-pc" class="btn-quick-list js-quick-list-btn" title="Open Quick Menu Area"> <em class="quick-menu-title">Quick Menu</em> <i class="ico-arrow"></i> </button> <ul class="quick-menu-list"> <li> <a class="div-cell" href="https://english.visitseoul.net/editorspicks" target="_self" title="Go to page"> <i class="ico-editorpick"></i> <em>Seoulite's Picks</em> </a> </li> <li> <a class="div-cell" href="https://english.visitseoul.net/exhibition-events#tabAll&selectedMonth=202411" target="_self" title="Go to page"> <i class="ico-exhibition"></i> <em>Exhibition/Festival/Events</em> </a> </li> <li> <a class="div-cell" href="https://english.visitseoul.net/safe-travel" target="_self" title="Go to page"> <i class="ico-smarttrip"></i> <em>Seoul Smart Travel</em></a> </li> <li> <div class="sns-area div-cell"> <div class="pos-cont"> <a href="https://www.facebook.com/VisitSeoul" target="_blank" title="Open new window for Visit Seoul Facebook page"> <i class="ico-fb"></i> <em class="blind">Facebook logo icon</em> </a> <a href="https://www.instagram.com/visitseoul_official/" target="_blank" title="Open new window for Visit Seoul Instagram page"> <i class="ico-instar"></i> <em class="blind">Instagram logo icon</em> </a> <a href="https://www.youtube.com/user/visitseoul" target="_blank" title="Open new window for Visit Seoul Youtube page"> <i class="ico-yt"></i> <em class="blind">YouTube logo icon</em> </a> <a href="https://www.tiktok.com/@visitseoul" target="_blank" title="Open new window for Visit Seoul TikTok page"> <i class="ico-tiktok"></i> <em class="blind">TikTok logo icon</em> </a> </div> </div> </li> </ul> </div>   <button type="button" class="btn-quick-top js-quick-top-btn" title="going to the top"> <em class="blind">Go to the top button</em> <i class="ico-arrow"></i> </button>         <div class="quick-menu-cont--mobile" style=""> <div class="dim"></div> <button type="button" id="btn-quick-list-mobile" class="btn-quick-list js-quick-list-btn" title="Open Quick Menu Area"> <em class="blind">quick menu button</em> <i class="ico-arrow"></i> </button> <ul class="quick-menu-list" style=""> <li> <a href="https://english.visitseoul.net/editorspicks" target="_self" title="Go to page"> <div class="text-cont div-cell"> <em>Seoulite's Picks</em> </div> <div class="ico-cont div-cell"> <i class="ico-editorpick"></i> </div> </a> </li> <li> <a href="https://english.visitseoul.net/exhibition-events#tabAll&selectedMonth=202411" target="_self" title="Go to page"> <div class="text-cont div-cell"> <em>Exhibition/Festival/Events</em> </div> <div class="ico-cont div-cell"> <i class="ico-exhibition"></i> </div> </a> </li> <li> <a href="https://english.visitseoul.net/safe-travel" target="_self" title="Go to page"> <div class="text-cont div-cell"> <em>Seoul Smart Travel</em></div> <div class="ico-cont div-cell"> <i class="ico-smarttrip"></i> </div> </a> </li> </ul> </div>     <header class="sub" id="navigation"> <div class="main">  <div class="menu-wrap js-menu-wrap--2024"> <div class="pull-left"> <h1> <a href="https://english.visitseoul.net"> <span class="hd-element">visitseoul.net</span> </a> </h1> </div> <div class="gnb"> <ul class="gnb-element"> <li> <a href="#none">Seoul Now<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">Seoul Now</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/exhibition-events">Exhibition/Festival/Events</a> </li> <li> <a href="/event">Visit Seoul Events</a> </li> <li> <a href="/realtime-seoul">Seoul Live Tourism Guide</a> </li> <li> <a href="/curation">My Seoul Curation</a> </li> <li> <a href="/archive">Seoul Tourism Archive</a> </li> </ul> </div> </li> <li> <a href="#none">Travel Themes<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">Travel Themes</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/editorspicks">Seoulites' Picks</a> </li> <li> <a href="/walking-tour">Seoul Guided Walking Tour</a> </li> <li> <a href="/seoul-hiking">Seoul Hiking Tourism</a> </li> <li> <a href="/hallyu">Hallyu</a> </li> <li> <a href="/mvp">Must Visit Places of Seoul</a> </li> </ul> </div> </li> <li> <a href="#none">Things to Do<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">Things to Do</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/attractions">Attractions</a> </li> <li> <a href="/nature">Nature</a> </li> <li> <a href="/entertainment">Entertainment</a> </li> <li> <a href="/shopping">Shopping</a> </li> <li> <a href="/restaurants">Restaurants</a> </li> <li> <a href="/area">Explore by Area</a> </li> </ul> </div> </li> <li> <a href="#none">Travel Information<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">Travel Information</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/AboutSeoul">About Seoul</a> </li> <li> <a href="/map-guide-book">Guidebooks & Maps</a> </li> <li> <a href="/safe-travel">Seoul Smart Travel</a> </li> <li> <a href="/Getting-to-seoul">Transportation</a> </li> <li> <a href="/Accommodation"> Accommodation</a> </li> <li> <a href="/Before-You-Go">Before You Go</a> </li> <li> <a href="/traveler-support">Traveler Assistance</a> </li> </ul> </div> </li> </ul> </div> <div class="pull-right"> <div class="weather-area"> <div class="weather-cont">  <a href="/weather"> <div class="item"> <i class="ico-weather "><em class="blind ico-weather-blind">흐림</em></i> <span class="degree"></span> </div> </a> </div> </div> <div class="search-cont"> <a class="btn-search-open js-btn-search-open--2024" href="javascript:void(0);" title="Open the search area"> <span class="blind">Open the search area</span> </a> </div>  <div class="mylike-cont"> <div class="mylike-element"> <button type="button" class="btn-mylike js-btn-mylike--2024" id="btnMylike"> <span class="blind">My Favorites</span> </button> </div>  <div class="mylike-open-area" id="mylikeOpenArea" style=""> <div class="title"> <h3>My Favorites</h3> <button type="button" class="btn-like-tooltip"> <i class="ico-info"> <em class="blind">My Favorites Tooltip Button</em> </i> </button>  <div class="info-balloon"> <p> <span class="change-word-break">The Favorites function assists you so that you can save travel information you're interested in according to the region in Seoul. </span> <span class="change-word-break"></span> </p> </div>  </div> <ul class="ulWishList-mobile"> </ul> <div class="btn-block"> <a href="/wishlist" class="btn-primary"> <span>Go to My Favorites</span> </a> </div> </div> </div> <div class="other-menu-cont js-other-menu-cont--2024"> <div class="other-menu-element"> <div class="lang-element"> <a class="btn-lang js-btn-lang--2024" href="#" title="Open language selection menu"> <div class="mo-view"> <span class="lang-text">English</span> <i class="ion-ios-arrow-down"></i> </div> <span class="lang-text blind">Multilanguage Open Link</span> </a> <ul class="lang-open-lst"> <li><a href="https://korean.visitseoul.net">한국어</a></li> <li><a href="https://english.visitseoul.net">English</a></li> <li><a href="https://japanese.visitseoul.net">日本語</a></li> <li><a href="https://chinese.visitseoul.net">简体中文</a></li> <li><a href="https://tchinese.visitseoul.net">繁體中文</a></li> <li><a href="https://russian.visitseoul.net">русскийязык<sup>beta</sup></a></li> <li><a href="https://malay.visitseoul.net">Malay<sup>beta</sup></a></li> </ul> </div> <input type="hidden" id="family_open_text" value="Open Family Site URL" /> <input type="hidden" id="family_close_text" value="Close Family Site URL" /> <input type="hidden" id="lang_open_text" value="Open language selection menu" /> <input type="hidden" id="lang_close_text" value="Close language selection menu" /> <div class="family-element"> <a href="javascript:void(0);" class="a_family js-btn-family--2024" title="Open Family Site URL"> <div class="mo-view"> <span class="lang-text">Affiliations</span> <i class="ion-ios-arrow-down"></i> </div> <span class="lang-text">Affiliations</span> </a> <ul class="lang-open-lst family-list"> <li><a href="http://www.miceseoul.com/index" target="_blank" title="Seoul Convention Bureau open new window">Seoul Convention Bureau</a></li> <li><a href="http://english.visitseoul.net/partners-en" target="_blank" title="Partners open new window">Partners</a></li> <li><a href="http://www.sto.or.kr" target="_blank" title="STO open new window">About STO</a></li> <li><a href="https://medical.visitseoul.net/en" target="_blank" title="Medical Tour open new window">Medical Tour</a></li> <li><a href="http://archive.visitseoul.net" target="_blank" title="SEOUL TOURISM ARCHIVE open new window">TOURISM ARCHIVE</a></li> <li><a href="https://www.discoverseoulpass.com/app/main" target="_blank" title="Discover Seoul Pass open new window">Discover Seoul Pass</a></li> <li><a href="https://stay.visitseoul.net/seoul-stay?lang=en" target="_blank" title="Seoul Stay open new window">Seoul Stay</a></li> <li><a href="https://www.seouldanurim.net/en/index" target="_blank" title="Accessible Seoul open new window">Accessible Seoul</a></li> </ul> </div> </div> </div>  <div class="btn-menu-cont"> <a class="btn-menu js-btn-menu--tablet--2024" href="#" title="전체보기메뉴 열기"> <span class="blind">Open the entire view menu button</span> </a> </div> </div> <div class="search-area"> <form id="searchFrm" name="searchFrm" method="get" action="/search"> <div class="search-element"> <a class="btn-search-area-close js-btn-search-area-close--2024" href="javascript:void(0);" title="검색영역 닫기"> <span class="blind">검색영역 닫기버튼</span> </a> <div class="search-element-inner"> <input type="hidden" id="lang1" value="en" name="lang"/> <div class="input-field"> <label for="search_name" class="hd-element">Open the search area</label> <input type="text" id="search_name" name="searchTerm" autocomplete="off" title="Please enter a search term" placeholder="Please enter a search term" /> <button type="button" class="input-search_clear"><em class="blind">Delete a search term</em></button> <button type="button" class="btn-search" onclick="javascript:goSearch();"> <span class="blind">run search</span> </button> </div> <div class="search-open-area" id="searchOpenArea" style=""> <div class="search-list "> <h3>Search rankings</h3> <div class="search-list-box"> <ul class="uiSearchRankingCol1"> </ul> <ul class="uiSearchRankingCol2"> </ul> </div> </div> </div> </div> </div> </form> </div> </div>   <div class="menu-wrap--mobile"> <div class="menu-wrap--mobile__header"> <div class="inner-cont"> <div class="menu-area"> <div class="btn-menu-cont"> <a class="btn-menu js-btn-menu--mobile--2024" href="#" title="전체보기메뉴 열기"> <span class="hd-element">전체보기메뉴 열기버튼</span> </a> </div> </div> <div class="logo-area"> <h2> <a href="https://english.visitseoul.net"> <span class="hd-element">visitseoul.net</span> </a> </h2> </div> <div class="info-area"> <div class="search-cont"> <div class="btn-search-cont"> <button type="button" class="btn-search btn-search--mobile--2024"><span class="hd-element">Search</span></button> </div> <div class="search-open-area" id="searchOpenAreaMobile"> <div class="input-field"> <label for="search_nameMobile" class="hd-element">Search area</label> <input type="text" id="search_nameMobile" name="searchTerm" title="Please enter your search term" autocomplete="off" placeholder="Keyword"> <button type="button" class="input-search_clear" style="display: none;"><em class="blind">Close</em></button> <button type="button" class="btn-search" onclick="javascript:goSearchMobile();"><span class="hd-element">run search</span></button> </div> <div class="search-list"> <h3>Search rankings</h3> <div class="search-list-box"> <ul class="uiSearchRankingCol1"> </ul> <ul class="uiSearchRankingCol2"> </ul> </div> </div> </div> </div>  <div class="mylike-cont"> <div class="mylike-element"> <button type="button" class="btn-mylike btn-mylike--mobile--2024" id="btnMylikeM"> <span id="spanOpenMyFavM" class="blind">My Favorites</span></button> </div>  <div class="mylike-open-area" id="mylikeOpenAreaM"> <div class="title"> <h3>My Favorites</h3> <button id="btnTooltipM" type="button" class="btn-like-tooltip"><i class="ico-info"><em id="spanHdElementM" class="blind">My Favorites Tooltip Button</em></i></button>  <div id="divInfoBalloonM" class="info-balloon"> <p> <span class="change-word-break">The Favorites function assists you so that you can save travel information you're interested in according to the region in Seoul. </span> <span class="change-word-break"></span> </p> </div>  </div> <ul class="ulWishList-mobile"> </ul> <div class="btn-block"> <a href="/wishlist" class="btn-primary"> <span>Go to My Favorites</span> </a> </div> </div>  </div>  </div> </div> </div> <nav class="menu-wrap--mobile__nav"> <div class="mb_menu_wrap js-mb_menu_wrap"> <div class="mb_menu_wrap_inner"> <div class="mb_menu_title"> <h2> <a href="https://english.visitseoul.net" title="visitseoul.net"> <span class="hd-element">visitseoul.net</span> </a> </h2> <div class="mb_cross_btn"> <a class="js-btn-cross-btn--mobile" href="javascript:void(0);" title="Close the entire view menu."> <em class="blind">Close the entire view menu button</em> </a> </div> </div>  <div class="mb_clone-area"> <div class="mb_weather_wrap"></div> <div class="mb_other_wrap"></div> <div class="mb_gnb_wrap"></div> </div> </div> </div> </nav> </div>  </div> </header>  <script> function setCookie(name, value, exp) { var date = new Date(); date.setTime(date.getTime() + exp*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/'; }; function getCookie(name) { var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); return value? value[2] : null; }; function goSearch() { if(!$('#search_name').val()) { return; } $('#searchFrm').submit(); } function goSearchMobile() { if(!$('#search_nameMobile').val()) { return; } $('#search_name').val($('#search_nameMobile').val()); $('#searchFrm').submit(); } function getKweather() { $.ajax({ type : "post", url: '/comm/kweather/currentWeather2.json', dataType: 'json', contentType: 'application/x-www-form-urlencoded; charset=UTF-8', success: function(data) { var resultToday = data.applyDate_YYYY + "." + data.applyDate_MM + "." + data.applyDate_DD; var resultTemp = data.temp+"<em>C</em>"; switch(data.icon) { case '1': $('.ico-weather').addClass('sunny'); $('.ico-weather-blind').text('Sunny'); break; case '2': case '3': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Cloudy'); break; case '5': case '6': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Cloudy'); break; case '4': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Cloudy'); break; case '7': case '8': case '9': $('.ico-weather').addClass('storm'); $('.ico-weather-blind').text('Storm'); break; case '10': case '11': case '12': case '13': case '14': case '15': case '16': case '17': $('.ico-weather').addClass('littleRain'); $('.ico-weather-blind').text('Little Rain'); break; case '18': case '19': case '20': case '21': case '22': case '23': case '24': case '25': case '26': case '27': case '28': case '29': case '30': case '31': case '32': case '33': case '34': case '35': case '36': case '37': case '38': $('.ico-weather').addClass('snow'); $('.ico-weather-blind').text('Snow'); break; case '39': case '40': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Cloudy'); break; default : } $(".weather-cont .degree").html(resultTemp); }, error: function(data, status, err) { console.log('error forward : ' + data); } }); } function getSearchRankings() { $.ajax({ type : "post", url: '/comm/api/search/rankings/en', dataType: 'json', success: function(data) { let result = data.result; if(result.code == 0){ var col1html = ''; var col2html = ''; $.each(result.rankings, function(i, item){ if(i<5) { col1html += '<li>'; col1html += ' <span class="num">'+(i+1)+'</span>'; col1html += ' <a href="/search?currentPage=1&search_radio=K&searchTerm='+item.KEYWORD+'&searchTy=&ctgrySn=&tursmAreaCode=">'+item.KEYWORD+'</a>' col1html += '</li>\n'; }else{ col2html += '<li>'; col2html += ' <span class="num">'+(i+1)+'</span>'; col2html += ' <a href="/search?currentPage=1&search_radio=K&searchTerm='+item.KEYWORD+'&searchTy=&ctgrySn=&tursmAreaCode=">'+item.KEYWORD+'</a>' col2html += '</li>\n'; } }); $('.uiSearchRankingCol1').html(col1html); $('.uiSearchRankingCol2').html(col2html); } }, error: function(data, status, err) { console.log('error forward : ' + data); } }); } $(document).ready(function() { getKweather(); //쿠키 모두 허용 $('#btnCookieAgree').on('click', function(e) { e.preventDefault(); setCookie('cookie-agree','Y',365); $('#cookiePopup').fadeOut('fast'); }); //쿠키 모두 거부 $('#btnCookieDisagree').on('click', function(e) { e.preventDefault(); setCookie('cookie-agree','N',1); $('#cookiePopup').fadeOut('fast'); }); try { if(getCookie('cookie-agree') != 'Y') { $('#cookiePopup').fadeIn('fast'); } } catch (err) { console.log('error header : ' + err); } $('#btnMylike').click(function(){ var langCodeId = 'en'; if(langCodeId === "zh-CN" || langCodeId === "zh-TW"){ langCodeId = langCodeId.replace("-", "_"); } if($('#mylikeCont').hasClass('active')) { $('#mylikeCont').removeClass('active'); $('.hd-element-favpopup').text('My Favorites'); }else{ getLastData(langCodeId, 5, function(result){ var html = ''; $.each(result, function(index, item){ html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; }); $('#ulWishList').html(html); $('.ulWishList-mobile').html(html); }); $('#mylikeCont').addClass('active'); } // if($('.mylike-cont-pc').hasClass('active')) { // getLastData('en', 5, function(result){ // var html = ''; // $.each(result, function(index, item){ // html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; // }); // $('#ulWishList').html(html); // $('#ulWishList-mobile').html(html); // }); // $('.hd-element-favpopup').text('Close my favorites'); // }else{ // $('.hd-element-favpopup').text('My Favorites'); // } }); $('#btnMylikeM').click(function(){ var langCodeId = 'en'; if(langCodeId === "zh-CN" || langCodeId === "zh-TW"){ langCodeId = langCodeId.replace("-", "_"); } if($('#mylikeContM').hasClass('active')) { // getLastData('en', 5, function(result){ // var html = ''; // $.each(result, function(index, item){ // html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; // }); // $('#ulWishList').html(html); // $('#ulWishList-mobile').html(html); // }); // $('.hd-element-favpopup').text('Close my favorites'); $('#mylikeContM').removeClass('active'); $('.hd-element-favpopup').text('My Favorites'); }else{ getLastData(langCodeId, 5, function(result){ var html = ''; $.each(result, function(index, item){ html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; }); $('#ulWishList').html(html); $('#ulWishList-mobile').html(html); }); $('.hd-element-favpopup').text('Close my favorites'); $('#mylikeContM').addClass('active'); // $('.hd-element-favpopup').text('My Favorites'); } }); $('.btn-like-tooltip').click(function(){ if($('#divInfoBalloon').hasClass('active')) { $('#btnTooltip').attr('title', 'Close my favorites Tooltip'); }else{ $('#btnTooltip').attr('title', 'Open my favorites Tooltip'); } if($('#divInfoBalloonM').hasClass('active')) { $('#btnTooltipM').attr('title', 'Close my favorites Tooltip'); }else{ $('#btnTooltipM').attr('title', 'Open my favorites Tooltip'); } }); $('#btn-quick-list-mobile').click(function(){ $(this).attr('title', $('#quick_menu_close').val()); }); $('.dim').click(function(){ $('#btn-quick-list-mobile').attr('title', $('#quick_menu_open').val()); }) getSearchRankings(); }); //어짜피 서버에서 조회 하지 않으므로 화면 로드 되면 저장된 찜하기 목로을 모두 가져온다.(페이징 처리를 위해 전체 카운트 세팅.) </script>  <main class="sub-contents ">  <script type="text/javascript"> var postUseAt = 'Y'; //alert('삭제된 컨텐츠 입니다.'); if(postUseAt=='N'){ location.href="/index"; } var p_message = ''; var p_popUpId = ''; var p_langCodeId = ''; var p_reservType = ''; var p_cosCode = ''; var p_popUpTy = ''; $(document).ready(function(){ /* 20201201//(Ina)가이드 팝업 체크박스 enter key 먹도록 수정(s) */ $('.guide-layer-agreen input[type="checkbox"]').on('keypress', function(e) { if (e.which === 13) { this.checked = !this.checked; } }); /* 20201201//(Ina)가이드 팝업 체크박스 enter key 먹도록 수정(e) */ }); function fn_openGuideLayerPopup(langCodeId, reservType, cosCode, popUpTy){ var popUpId = langCodeId; if('kr' == langCodeId){ p_message = '필수 항목에 동의해야 예약이 가능합니다.'; }else if('en' == langCodeId){ p_message = 'You must agree to the required items to make a reservation.'; }else if('jp' == langCodeId){ p_message = '必須項目に同意した後の予約が可能です。'; }else if('ck' == langCodeId){ p_message = '同意必填项后，您可以进行预订。'; }else if('cb' == langCodeId){ p_message = '同意必填項後，您可以進行預訂。'; }else if('vn' == langCodeId){ p_message = 'Bạn có thể đặt phòng sau khi đồng ý với các mặt hàng cần thiết.'; popUpId = 'en'; }else if('th' == langCodeId){ p_message = 'คุณสามารถจองได้หลังจากยอมรับรายการที่ต้องการ.'; popUpId = 'en'; }else if('id' == langCodeId){ p_message = 'Anda dapat melakukan reservasi setelah menyetujui item yang diperlukan.'; popUpId = 'en'; } p_popUpId = popUpId + '-' + popUpTy; p_langCodeId = langCodeId; p_reservType = reservType; p_cosCode = cosCode; p_popUpTy = popUpTy; $('#'+p_popUpId).fadeIn('fast'); $('.mask-layer-dobo').fadeIn('fast'); $('body').addClass('js-overflow-hidden'); // 웹접근성 키보드조작 $('#'+p_popUpId+'-chk').focus(); /* 20231006//(Ina)웹접근성 예약 팝업 스크립트 영역 수정(e) */ //insert $.ajax({ type : "post", url: '/comm/doboResv/doboResvAjax.do', data: {postSn : $("#postSn").val()}, dataType: 'text', contentType: 'application/x-www-form-urlencoded; charset=UTF-8', success: function(data) { }, error: function(data, status, err) { console.log(err) } }); } function fn_closeFocus(p_popUpId) { /* 20231006//(Ina)웹접근성 예약 팝업 스크립트 영역 수정(s) */ $('#'+p_popUpId).fadeOut('fast'); $('.mask-layer-dobo').fadeOut('fast'); $('body').removeClass('js-overflow-hidden'); /* 20231006//(Ina)웹접근성 예약 팝업 스크립트 영역 수정(e) */ } function fn_reqstResve(){ if($('#'+p_popUpId+'-chk').is(':checked')){ var reqstResveUrl = 'http://dobo.visitseoul.net/web/_'+p_langCodeId+'/webReservation/new_request_step1.do?cos_code='+p_cosCode+'&reserv_type='+p_reservType window.open(reqstResveUrl, '_blank'); }else{ alert(p_message); } } </script> <script type="text/javascript"> </script> <div class="sub-contents-inner wide" id="container">  <div class="wide-inner"> <div class="loction"> <span class="ar">></span> Seoul Now<span class="ar">></span> <span> <a href="/exhibition-events" title="Go to page" >Exhibitions</a> </span> </div>  <section class="infor-element">  <div class="infor-title"> <div class="text-type"> Exhibitions</div> <h3 class="h3 textcenter">Play with K</h3>   <div class="like-popup-area" id="likePopup" data-like-num=""> <input type="hidden" id="iptPopupCid" value="" /> <div class="dim--transparent js-popup-close"></div> <div class="popup-wrap" style=""> <div class="popup-cont"> <div class="popup-title"> <h3>Select a region!</h3> <p> Save travel information you're interested in according to the region to view in your favorites list later on.</p> <em>※ The actual region of the content is selected.</em> </div> <div class="popup-body"> <div class="body-cont"> <div class="radio-wrap"> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-1" value="TURSM_AREA_2" > <label for="radioOption1-1"><span>Gwanghwamun</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-2" value="TURSM_AREA_1" > <label for="radioOption1-2"><span>Myeongdong</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-3" value="TURSM_AREA_3" > <label for="radioOption1-3"><span>Dongdaemun</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-4" value="TURSM_AREA_4" > <label for="radioOption1-4"><span>Hongdae</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-5" value="TURSM_AREA_5" > <label for="radioOption1-5"><span>Yeouido</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-6" value="TURSM_AREA_9" > <label for="radioOption1-6"><span>Itaewon</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-7" value="TURSM_AREA_6" > <label for="radioOption1-7"><span>Gangnam</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-8" value="TURSM_AREA_7" > <label for="radioOption1-8"><span>Jamsil</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-9" value="TURSM_AREA_8" checked > <label for="radioOption1-9"><span>Other Areas</span></label> </div> </div> </div> </div> <div class="btn-block"> <a href="javascript:void(0);" class="btn-primary" id="btnLikeSave"> <span>Save</span> </a> </div>  <button type="button" class="btn-close js-popup-close"> <i class="ico-close"><em class="blind">Close my favorites</em></i> </button>  </div> </div> </div>    <script src="https://t1.kakaocdn.net/kakao_js_sdk/2.1.0/kakao.min.js" integrity="sha384-dpu02ieKC6NUeKFoGMOKz6102CLEWi9+5RQjWSV0ikYSFFd8M3Wp2reIcquJOemx" crossorigin="anonymous"></script> <script type="text/javascript"> var isCall = true; function shortenUrlCall(){ //현재 페이지 url var urlText = window.location.href; if(isCall){ $.ajax({ url : "/comm/shorten/naver.ajax", type : "POST", dataType: "json", data : {"urlText":urlText}, success: function(data){ console.log(">> in success"); }, error: function(xhr,status,error){ console.log(">> in error"); }, complete: function(data){ console.log(">> in complete"); shortenUrlCallBack(data); } }); } } function shortenUrlCallBack(data){ //현재 페이지 url var urlText = window.location.href + '?utm_source=snssharing&utm_medium=urlcopy'; // $('#urlCopy').val(data.responseJSON.resultUrl); $('#urlCopy').val(urlText); isCall = false; return true; } //URL복사 버튼 클릭시 function urlCopyBttn(){ $("#urlCopy").select(); document.execCommand('copy'); alert('Copy complete.'); } function setTitle(){ var titleType = $('#titleStatus').val(); var title = ''; if(titleType == 'open'){ title = 'Close'; $('#titleStatus').val('close'); }else{ title = 'Short URL'; $('#titleStatus').val('open'); } $('#share_sns').attr('title', title); } function fn_check_wishlist(area) { var fileList = '[]'; var mediaInfo = '/comm/getImage?srvcId=MEDIA&parentSn=69626&fileTy=MEDIA&fileNo=1'; if(area == null || area == '') { area = 'TURSM_AREA_8'; } getDataByCid('ENPmcgru1' , function(result){ if(result){ deleteByCid('ENPmcgru1', function(result){ if(result == 0) { console.log('delete wishlist'); $('#btnLike').attr('data-like-active','false'); $('#btnLike').attr('data-like-on', false); $('#btnLike').find('em').html('Favorites '); } }); }else{ var jobj = { cid : 'ENPmcgru1' , postSn : '47664' , postSj : 'Play with K' , type : 'P' , fdHsAt : '', halal : '', stcepAt : '', area : area , startDt : '2024-11-24' , endDt : '2024-11-24' , ctgrySn : '940' , ctgryNm : 'Exhibitions' , linkUrl : location.protocol + '//' + location.host + location.pathname , thumbUrl : location.protocol + '//' + location.host + '/comm/getImage?srvcId=MEDIA&parentSn=69626&fileTy=MEDIA&fileNo=1', langCodeId : 'en', sumry : '', regDttm : new Date() } insertData(jobj, function(result){ if(result == jobj.cid) { $('#btnLike').attr('data-like-active','true'); $('#btnLike').attr('data-like-on', true); $('#btnLike').find('em').html('Favorites '+ ' ' +' Selected '); } }); } }); } </script> <input type="hidden" id="titleStatus" value="open"/> <input type="hidden" id="msg71" value="Open URL Copy" /> <input type="hidden" id="msg72" value="Close URL Copy" /> <dl class="share-detial-element"> <dd class="like"> <button type="button" id="btnLike" class="btn-like" ><em class="blind">My Favorites</em></button> </dd> <dd class="share"> <button id="btnSharePopup" type="button" class="btn-share"> <em class="blind">Share on social media</em> </button> <div class="share-open-element"> <div class="share-open-inner"> <button id="btnSharePopupClose" type="button" class="btn-close"> <i class="ico-close"><em class="blind">Share on social mediaClose</em></i> </button> <h3>SNS Share Content!</h3>  <ul class="share-item"> <li> <a href="#" class="btn-fb" title="open new window"> <span class="hd-element">Facebook Link</span> </a> </li> <li> <a href="#" class="btn-tw" target="_blank" title="open new window"> <span class="hd-element">Share to twitter</span> </a> </li> </ul> <div class="share-input"> <label for="urlCopy" class="hd-element">Current Page URL</label> <input type="text" id="urlCopy" readonly="readonly"> <button type="button" class="btn-copy" onclick="urlCopyBttn();">Copy</button> </div> </div> </div> </dd> </dl> <script> Kakao.init('ff66f2ecbc8e96939162851d37a0b9f3'); // 사용하려는 앱의 JavaScript 키 입력 $('#likePopup').find('.js-popup-close').click(function(e){ $('#likePopup').removeClass('active'); }); $(document).ready(function(){ shortenUrlCall(); $('#btnLike').on('click', function(e) { e.preventDefault(); if ($(this).attr('data-like-on') == 'true') { fn_check_wishlist(); }else{ $("input[name='radioOptionLike']").each(function(index){ console.log('area : ' + this.value); let area = ''; if(area == this.value) { this.checked = true; } }); $('#likePopup').addClass('active'); $('#likePopup').find('input[type="radio"]:checked').focus(); // 웹접근성, focus추가 $('#likePopup').attr('data-like-num', $(this).attr('data-like-num')); $('#btnLikeSave').keyDown(function(e){ $('#btnLikeSave').click(); }); } }); $('#btnLikeSave').click(function(e){ var area = ''; $("input[name='radioOptionLike']").each(function(index){ if(this.checked) { area = this.value; } }); fn_check_wishlist(area); $('#likePopup').removeClass('active'); $('body').removeClass('js-overflow-hidden'); }); $('#btnSharePopup').click(function(e){ $('.like-open-element').removeClass('active'); $(this).next('.share-open-element').toggleClass('active'); }); $('#btnSharePopupClose').click(function(e){ $(this).closest('.share-open-element').removeClass('active'); }); $('.btn-fb').click(function(){ var url = document.location.href; if (url.indexOf('?') != -1) { url = url + '&utm_source=snssharing&utm_medium=facebook'; }else{ url = url + '?utm_source=snssharing&utm_medium=facebook'; } var uri = encodeURIComponent(url); f_share_facebook('Play with K', uri); return false; }); $('.btn-tw').click(function(){ var url = document.location.href; if (url.indexOf('?') != -1) { url = url + '&utm_source=snssharing&utm_medium=twitter'; }else{ url = url + '?utm_source=snssharing&utm_medium=twitter'; } var uri = encodeURIComponent(url); f_share_twitter('Play with K','visitseoul', uri); return false; }); //카카오 스토리 ( test ok ) $('.btn-ks').click(function(){ let extParam = 'utm_source=snssharing&utm_medium=kakaostory'; f_share_kakao_story(extParam); return false; }); //카카오 공유 ( test ok ) $('.btn-kakao').click(function(){ let url = document.location.href; if (url.indexOf('?') != -1) { url = url + '&utm_source=snssharing&utm_medium=kakao'; }else{ url = url + '?utm_source=snssharing&utm_medium=kakao'; } shareMessage(url); return false; }); //라인 공유 ( test ok ) $('.btn-line').click(function(){ var extParam = '?utm_source=snssharing&utm_medium=line'; f_share_naver_line(extParam); return false; }); /* * IndexedDB 에 해당 cid가 저장되어 있는지 체크하여 찜하기 icon스타일 변경. */ getDataByCid('ENPmcgru1' , function(result){ if(result){ $('#btnLike').attr('data-like-active', true); $('#btnLike').attr('data-like-on', true); $('#btnLike').find('em').html('Favorites '+ ' ' +' Selected '); }else{ $('#btnLike').attr('data-like-active', false); $('#btnLike').attr('data-like-on', false); $('#btnLike').find('em').html('Favorites '); } }); }); function shareMessage(url) { Kakao.Share.sendDefault({ objectType: 'feed', content: { title: 'VisitSeoul', description: 'Play with K', imageUrl: '/comm/getImage?srvcId=MEDIA&parentSn=69626&fileTy=MEDIA&fileNo=1', link: { mobileWebUrl: url, webUrl: url, }, } }); } </script> </div> <div class="post-element"> <span>Published Date : Nov 22, 2024 / Edited Date : Nov 22, 2024</span> </div> </section>  <div class="wide-slide-element">  <div class="wide-slide owl-carousel">  <div class="item" style="background-image:url('/comm/getImage?srvcId=MEDIA&parentSn=69627&fileTy=MEDIA&fileNo=1&thumbTy=L');"> <em class="blind">Play with K_1</em> </div>  <div class="item" style="background-image:url('/comm/getImage?srvcId=MEDIA&parentSn=69628&fileTy=MEDIA&fileNo=1&thumbTy=L');"> <em class="blind">Play with K_2</em> </div> </div>  </div>  <div class="text-area"> <input type="hidden" name="tmpLangCodeId" value="en " /> <link rel="stylesheet" href="/resources/theme/style/editor_reset_ver3.3.min.css" /> <div class="se-contents" style="box-sizing: content-box;"><style type="text/css" data-seresponsive="true">.se-contents .se-scrollbox{overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none;}.se-contents .se-scrollbox::-webkit-scrollbar{display: none;}.se-contents .se-responsive.se-image .se-caption{max-width: 100% !important;}.se-contents .se-responsive.se-image, .se-contents .se-responsive.se-video{max-width: 100%; height: auto !important;}.se-contents .se-responsive.se-image > img, .se-contents .se-responsive.se-video > *{max-width: 100%; min-width: 10px; height: auto !important;}.se-contents .se-responsive.se-video .se-video-wrapper{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; display: block;}.se-contents .se-responsive.se-video .se-video-wrapper > iframe{width: 100% !important; height: 100% !important; position: absolute; left: 0px}</style><div class="se-div" style="text-align: left; padding: 5px; width: calc(100% - 10px); overflow: auto;"><div class="se-div" style="text-align: left; padding: 5px; width: calc(100% - 10px); overflow: auto;"><p style="line-height: 1.6; margin: 0px;"><span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-transform: none; widows: 2; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; font-family: NotoSansCJKkr-Regular; font-size: 12pt; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); text-align: left; text-indent: 0px; word-spacing: 0px;">✔Date and Time: November 24, 2024 (Sunday), 14:00 - 15:30  </span><br><span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-transform: none; widows: 2; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; font-family: NotoSansCJKkr-Regular; font-size: 12pt; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); text-align: left; text-indent: 0px; word-spacing: 0px;">✔Location: Yangjaecheon Neighborhood Park [Google Maps](https://maps.app.goo.gl/NUMPg48zwQTsSjEN7)  </span><br><span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-transform: none; widows: 2; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; font-family: NotoSansCJKkr-Regular; font-size: 12pt; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); text-align: left; text-indent: 0px; word-spacing: 0px;">✔Performers: Yoo Chae, JD, Yoon Ji-an, KiMMi, ShellweFunk, August Brothers  </span><br><span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-transform: none; widows: 2; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; font-family: NotoSansCJKkr-Regular; font-size: 12pt; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); text-align: left; text-indent: 0px; word-spacing: 0px;">✔Admission: Free for all  </span><br><br><span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-transform: none; widows: 2; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; font-family: NotoSansCJKkr-Regular; font-size: 12pt; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); text-align: left; text-indent: 0px; word-spacing: 0px;">The PLAY with K concert is dedicated to sharing Korean K-MUSIC's charm with local and international fans. �  </span><br><span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-transform: none; widows: 2; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; font-family: NotoSansCJKkr-Regular; font-size: 12pt; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); text-align: left; text-indent: 0px; word-spacing: 0px;">Concert footage will be uploaded to Arirang TV afterward. </span><br><span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-transform: none; widows: 2; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; font-family: NotoSansCJKkr-Regular; font-size: 12pt; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); text-align: left; text-indent: 0px; word-spacing: 0px;">Join with family, friends, or loved ones to enjoy this unique musical experience!</span><br><br class="Apple-interchange-newline"></p></div></div></div></div> </div> <div class="detial-cont-element active"> <div class="detail-map-infor first border"> <dl> <dt>Event Dates</dt> <dd>  Nov 24, 2024 ~ Nov 24, 2024</dd> </dl> <dl> <dt>Venue</dt> <dd>Yangjaecheon Neighborhood Park</dd> </dl>  <dl> <dt>Important</dt> <dd>English commentary available</dd> </dl> <dl> <dt>Fee</dt> <dd> Free admission</dd> </dl>  <dl> <dt>Address</dt> <dd> 06777  261-23 Yangjae-dong, Seocho-gu, Seoul  </dd> </dl> <dl> <dt>Transportation</dt> <dd>Shinbundang Line, Yangjae Citizen’s Forest Station, Exit 1 (896m on foot, 15-minute walk)</dd> </dl> </div> </div>  <div class="detail-map-wrap">  <link rel="stylesheet" type="text/css" href="https://map.seoul.go.kr/smgis/apps/mapsvr.do?cmd=gisMapCss"> <script type="text/javascript" src="https://map.seoul.go.kr/smgis/apps/mapsvr.do?cmd=gisMapJs&key=7333e41c5d634db585f5c173ce38dc03"></script> <script type="text/javascript" src="/resources/theme/visitseoul/assets/script/map.js?20171213"></script> <script type="text/javascript"> var map = null; var miniMap = null; var latLng = null; var marker; var markers = new Array(); var customOptions; var markerCurrent; var latCurrent; var lngCurrent; var markerIcon; //초기위치 var lat = '37.4743459207273'; var lng = '127.039709599664'; lat = ( lat ) ? lat : "37.566686"; //8 명동위치 lng = ( lng ) ? lng : "126.978122"; var initMap = function(){ if(map!=null){ map = null; } map = L.map('map_', { continuousWorld: true ,worldCopyJump: false ,zoomControl: false ,zoomAnimation: true ,fadeAnimation : true ,inertia : false ,closePopupOnClick : false ,attributionControl : false ,minZoom : 4 }); //지도 초기 위치정보 세팅 map.setView([lat, lng], 9); //지도 초기 모드 세팅: 일반지도 BaseMapChange(map, L.Dawul.BASEMAP_GEN_ENG); // 스케일바 var scaleBar = new L.Control.Scale({position:'bottomright'}); map.addControl(scaleBar); // 레벨바 var slider = new L.Control.Zoomslider({position:'topright'}); map.addControl(slider); //현재 위치 /* if( latCurrent && lngCurrent ){ markerIcon = getMarkerIcon('M'); markerCurrent = new L.Marker(new L.LatLng(latCurrent,lngCurrent), {icon:new L.Icon({iconUrl:markerIcon,iconSize:new L.Point(40,40)})}).addTo(map); markerCurrent.on('click',function(e){ //getLeastRouteFind(lngCurrent,latCurrent,lng,lat); }); } */ //post location markerIcon = getMarkerIcon('L'); marker = new L.Marker(new L.LatLng(lat,lng), {icon:new L.Icon({iconUrl:markerIcon,iconSize:new L.Point(40,40)})}).addTo(map); marker.on('click', function(e){ //alert(e.latlng); //- 마커 클릭 후 이벤트를 넣어 주세요. }); var customPopup = ''; //customPopup+='<div class="map-marker">'; // customPopup+='<div class="thum" style=\'background-image: url("/resources/theme/images/dummy/img-dummy-webzine.jpg");\'></div>'; customPopup+='<div class="cont">'; customPopup+='<p class="tit heading3 bold ellipsis">{sj}</p>'; customPopup+='<p class="txt">{cn}</p>'; customPopup+='<div class="set-button">'; customPopup+='<a class="button grey2 noneround demilight" href="#">Read More</a>'; customPopup+='<button type="button"><span class="ion-arrow-shrink"></span></button>'; customPopup+='</div>'; customPopup+='</div>'; //customPopup+='</div>'; // specify popup options var customOptions = { /* 'maxWidth': '500', 'maxHeight': '100', 'className' : 'custom', */ 'offset' : [0,-10] //- 툴팁 offset 입니다. } //반경내 대중교통 정류장 검색 $.ajax({ type : "post", //url: '/comm/station/listStation.json', url: '/comm/trans/listPointSearch.json', data: {"tmY" : lat, "tmX" : lng, "langCodeId" : "en", "radius":"200"}, dataType: 'json', contentType: 'application/x-www-form-urlencoded; charset=UTF-8', success: function(data) { if( data ){ var item; for(var i=0;i<data.length;i++){ item = data[i]; //var arsId = item.arsId+""; getBusStationInfo(item.stationName, item.stationClass, item.stationID, item.y, item.x, item.arsID); } } }, error: function(data, status, err) { console.log('error forward : ' + data); } }); };// end init function startfoucs(){ map.setView([lat, lng], 6); } //leaflet-marker-pane //버스정류장 세부 정보 조회 function getBusStationInfo(stationName, stationClass, StationID, lat, lng, arsId){ var markerIcon = getMarkerIcon('B'); //버스 var busTypeMsg1 = "General Bus"; var busTypeMsg2 = "Seat Bus"; var busTypeMsg3 = "Village Bus"; var busTypeMsg4 = "Direct Seat Bus"; var busTypeMsg5 = "Airport Bus"; var busTypeMsg6 = "Trunk Express Bus"; var busTypeMsg11 = "Trunk Bus"; var busTypeMsg12 = "Branch Bus"; var busTypeMsg13 = "Circulation Bus"; var busTypeMsg14 = "Wide Area Bus"; var busTypeMsg15 = "Express Bus"; var busTypeMsg26 = "Express Trunk Bus"; if( arsId != "" ){ $.ajax({ type : "post", url: '/comm/trans/listTransStation.json', data: {"StationID" : StationID, "langCodeId" : "en"}, dataType: 'json', contentType: 'application/x-www-form-urlencoded; charset=UTF-8', success: function(data) { if( data && stationClass =="1"){ marker = new L.Marker(new L.LatLng(lat, lng), {icon:new L.Icon({iconUrl:markerIcon,iconSize:new L.Point(40,40)})}).addTo(map); marker.on('click',function(e){ $("#map-mask").fadeIn(function(){ var cn = ''; var arrivalArray = new Array(); for(var i=0;i<data.length;i++){ var item = data[i]; //console.log(item); var busInfo = getBusRouteInfo(item.busID); var busNo = item.busNo; var startPoint = item.busStartPoint; var endPoint = item.busEndPoint; var busType = busInfo.type; var busTypeMsg = ""; var firstTime = busInfo.busFirstTime; var lastTime = busInfo.busLastTime; var busInterval = busInfo.busInterval; var arrivalTime = "-"; //var arrivalTime = getArrInfoRouteAll(item.localBusID, arsId); var bustxt=""; var busnum=""; var busIcon = ""; if(busType=="1" || busType=="3" || busType=="12" || busType=="13"){ busIcon="ico_generalbus_green"; bustxt="bustxt_generalbus"; busnum="busnum_generalbus"; }else if(busType=="4" || busType=="6" || busType=="14"){ busIcon="ico_wideareabus_red"; bustxt="bustxt_wideareabus"; busnum="busnum_wideareabus"; }else{ busIcon="ico_trunkbus_blue"; bustxt="bustxt_trunkbus"; busnum="busnum_trunkbus"; } //console.log('onclick forward : f_setArrivalTime(\'tmp'+ i +'\', \''+item.localBusID+'\',\''+arsId+'\')'); arrivalArray[i] = new Array(); arrivalArray[i][0] = item.localBusID; arrivalArray[i][1] = arsId; cn+='<tr class="tmp'+ i +'" onclick=\"f_setArrivalTime(\'tmp'+ i +'\', \''+item.localBusID+'\',\''+arsId+'\');\">'; cn+=' <td>'; cn+=' <span class="bustxt_area">'; cn+=' <img src="/resources/theme/images/ico/'+busIcon+'.png" alt="'+eval("busTypeMsg"+busType)+'" />'; cn+=' <span class="bustxt '+bustxt+'">'+ eval("busTypeMsg"+busType) +'</span>'; cn+=' </span>'; cn+=' <span class="businfo_area">'; cn+=' <span class="busnum '+busnum+'">'+busNo+'</span>'; cn+=' <span class="bus_course">' cn+=' '+startPoint; cn+=' <span class="ico_course"></span>'; cn+=' '+endPoint; cn+=' </span>'; cn+=' </span>'; cn+=' </td>'; cn+=' <td>'; cn+=' <span class="m_block">'; cn+=' <span class="busarrive_area">Arrive'; cn+=' <span class="txtarrive">'+arrivalTime+'minutes to go</span>'; cn+=' </span>'; cn+=' </span>'; cn+=' <span class="m_block">'; cn+=' <span class="bustxt bustxt_info">First service</span>'; cn+=' <span class="txtarrive_time">'+firstTime+'</span>'; cn+=' </span>'; cn+=' <span class="m_block">'; cn+=' <span class="bustxt bustxt_info">Last service</span>'; cn+=' <span class="txtarrive_time">'+lastTime+'</span>'; cn+=' </span>'; cn+=' <span class="bustxt bustxt_info">Service interval</span>'; cn+=' <span class="txtarrive_time">'+busInterval+'minutes</span>'; cn+=' </td>'; cn+='</tr>'; } $(".cnt-busline h5").html(stationName+"("+ arsId+")"); $(".cnt-busline table tbody").html("").html(cn); $(".cnt-busline").show(); $("#map-mask").hide(); for(var k=0;k<arrivalArray.length;k++){ var eleName = 'tmp'+k; //console.log(arrivalArray[k][0]+"_"+arrivalArray[k][1]); if(arrivalArray.length > 5){ setTimeout("f_setArrivalTime('"+eleName+"','"+arrivalArray[k][0]+"','"+arrivalArray[k][1]+"');", 2000*(k+1)); }else{ f_setArrivalTime(eleName,arrivalArray[k][0],arrivalArray[k][1]); } } }); }); } }, error: function(data, status, err) { console.log('error forward : ' + data); } }); } } function f_setArrivalTime(tar, localBusID, arsId){ $("."+tar).find(".txtarrive").fadeOut(function(){ var arrivalTime = getArrInfoRouteAll(localBusID, arsId); $("."+tar).find(".txtarrive").html(arrivalTime+"minutes to go"); $("."+tar).find(".txtarrive").fadeIn(); }); } //해당노선정보조회 function getBusRouteInfo(busID){ var busInfo; $.ajax({ type : "post", url: '/comm/trans/listBusRoute.json', data: {"busID" : busID}, dataType: 'json', contentType: 'application/x-www-form-urlencoded; charset=UTF-8', async: false, success: function(data) { busInfo = data[0]; }, error: function(data, status, err) { console.log('error forward : ' + data); } }); return busInfo; } // 대중교통 길찾기 // getLeastRouteFind(lngCurrent,latCurrent,lng,lat) function getLeastRouteFind(SX, SY, EX, EY,OTP){ $.ajax({ type : "post", url: '/comm/trans/listLeastRoute.json', data: {"SX" : SX, "SY" : SY, "EX" : EX, "EY" : EY, "langCodeId" : "en","OTP" : "0"}, dataType: 'json', contentType: 'application/x-www-form-urlencoded; charset=UTF-8', success: function(data) { $("#locationinfoTab1").removeClass( "active" ); $("#locationinfoTab2").removeClass( "active" ); $("#locationinfoTab3").removeClass( "active" ); $("#locationinfoTab4").removeClass( "active" ); $("#locationinfoTab1").addClass( "active" ); if(data.length==0){ var cn = ''; cn+='<tr><th colspan="3"><dl style="text-align: center;padding: 25px 0;"><dt>No public transport options found.</dt></dl></th>'; cn+='</tr>'; $(".cnt-locationinfo table tbody").html("").html(cn); $(".cnt-locationinfo").show(); }else{ $("#cont1").empty(); $("#cont2").empty(); $("#cont3").empty(); $("#cont4").empty(); // 추천 코스 for(var i=0 ; i<1; i++){ var path = data[0].pathList[i]; var cn = ''; var ncn = ''; ncn = '<div class="cnt-locationinfo-time"><span class="ion-android-alarm-clock"></span> Total Time:'+path.pathInfoMap.totalTime+'분</div>'; ncn += '<table summary="모바일 도착정보 상세정보로 출발부터 도착까지의 경로 안내로 구성되어 있습니다.">'; ncn += '<caption>모바일 도착정보 상세정보 안내</caption>'; ncn += '<colgroup>'; ncn += '<col style="width:50px;"><col style="width:*;">'; ncn += '</colgroup>'; ncn += '<tbody>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_departur_en.png" alt="Depart">'; for(var j=0; j<path.subPathArrayList.length; j++){ var subPath = path.subPathArrayList[j]; var startName = subPath.startName; if (startName==undefined && j!=0){ startName = path.subPathArrayList[j-1].endName; if(path.subPathArrayList[j-1].trafficType =="1"){ startName+=" station"; }else if(path.subPathArrayList[j-1].trafficType =="2"){ startName+=" stop<span class='road_gray'>"+path.subPathArrayList[j-1].endARSID+"</span>"; } }else if (startName!=undefined){ if(path.subPathArrayList[j].trafficType =="1"){ startName+=" station"; }else if(path.subPathArrayList[j].trafficType =="2"){ startName+=" stop"; } }else if(startName==undefined && j==0){ startName = '<a href="javascript:moveSetLocationZoom('+lat_+', '+lng_+',6);" >'+$('#pac-input').val()+'</a>'; } if (j != 0 ){ ncn +='</tr>'; ncn +='<tr>'; ncn +=' <th>'; } if(j == path.subPathArrayList.length-1){ if(subPath.trafficType == "3"){ ncn +=' <img src="/resources/theme/images/ico/ico_progress3.png" alt="과정">'; }else{ ncn +=' <img src="/resources/theme/images/ico/ico_progress_reach.png" alt="과정">'; } }else if(subPath.trafficType == "3"){ ncn +=' <img src="/resources/theme/images/ico/ico_progress1.png" alt="과정">'; }else{ ncn +=' <img src="/resources/theme/images/ico/ico_progress2.png" alt="과정">'; } ncn +=' </th>'; if(subPath.trafficType == "1"){ var laneNum = subPath.laneMap.subwayCode; if(laneNum==100){ laneNum =10; }else if(laneNum==104){ laneNum =13; } ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'+startName+'</dt>'; ncn +=' <dd>'; ncn +=' <img src="/resources/theme/images/ico/ico_track.png" alt="Subway">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue"><span class="line-text color'+laneNum+'">'+subPath.laneMap.name+'</span>('+subPath.stationCount+'stations) '+subPath.sectionTime+'minutes</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else if(subPath.trafficType == "2"){ var busList = ""; for(var k=0; k<subPath.laneList.length; k++){ busList += subPath.laneList[k].busNo; if(k != subPath.laneList.length-1) busList += ","; } ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'+startName+'<span class="road_gray">'+subPath.startARSID+'</span></dt>'; ncn +=' <dd>'; ncn +=' <span class="road_area">'; ncn +=' <img src="/resources/theme/images/ico/ico_generalbus_green.png" alt="Bus"> '; ncn +=' <span class="busnum busnum_generalbus mobile">'+busList+'</span> '; ncn +=' <span class="road_black">'+subPath.endName+'</span>'; ncn +=' <span class="road_blue">'+subPath.sectionTime+'minutes('+subPath.stationCount+'stops)</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else if(subPath.trafficType == "3"){ ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'+startName+'</dt>'; ncn +=' <dd>'; ncn +=' <img src="/resources/theme/images/ico/ico_walk.png" alt="Walk">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue">Walk '+subPath.sectionTime+'minutes</span>'; ncn +=' <span class="road_gray">'+subPath.distance+'m</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else{ console.log("error"); } if(j == path.subPathArrayList.length-1){ ncn +='</tr>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_reach_en.png" alt="Arrive">'; ncn +=' </th>'; ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'; ncn +=' <a href="javascript:startfoucs()">Play with K</a>'; /* ncn +='<span class="road_gray">'; ncn +=' 261-23 Yangjae-dong, Seocho-gu, Seoul  '; ncn +=' </span>'; */ ncn +=' </dt>'; ncn +=' </dl>'; ncn +=' </td>'; } } ncn +='</tr>'; $("#cont1").html("").html(ncn); $(".cnt-locationinfo-tab").show(); $("#cont1").show(); $(".cnt-locationinfo").show(); } var subwayIdx = 999; var busIdx = 999; var busSubwayIdx = 999; //교통수단별 IDX 셋팅 for(var p=0;p<data[0].pathList.length;p++){ console.log('pathType : '+ data[0].pathList[p].pathType); if(data[0].pathList[p].pathType==1){ subwayIdx = p; break; } } for(var p=0;p<data[0].pathList.length;p++){ console.log('pathType : '+ data[0].pathList[p].pathType); if(data[0].pathList[p].pathType==2){ busIdx = p; break; } } for(var p=0;p<data[0].pathList.length;p++){ console.log('pathType : '+ data[0].pathList[p].pathType); if(data[0].pathList[p].pathType==3){ busSubwayIdx = p; break; } } //길찾기 지하철 if(subwayIdx==999){ ncn = ''; ncn = '<div class="cnt-locationinfo-time"></div>'; ncn += '<table summary="모바일 도착정보 상세정보로 출발부터 도착까지의 경로 안내로 구성되어 있습니다.">'; ncn += '<caption>모바일 도착정보 상세정보 안내</caption>'; ncn += '<colgroup>'; ncn += '<col style="width:70px;"><col style="width:50px;"><col style="width:*;">'; ncn += '</colgroup>'; ncn += '<tbody>'; ncn+='<tr><th colspan="3" ><dl style="text-align: center;padding: 25px 0;"><dt>No public transport options found.</dt></dl></th></tr>'; ncn += '</tbody>'; ncn += '</table>'; }else{ path = data[0].pathList[subwayIdx]; ncn = ''; ncn = '<div class="cnt-locationinfo-time"><span class="ion-android-alarm-clock"></span> 총 소요시간:'+path.pathInfoMap.totalTime+'분</div>'; ncn += '<table summary="모바일 도착정보 상세정보로 출발부터 도착까지의 경로 안내로 구성되어 있습니다.">'; ncn += '<caption>모바일 도착정보 상세정보 안내</caption>'; ncn += '<colgroup>'; ncn += '<col style="width:50px;"><col style="width:*;">'; ncn += '</colgroup>'; ncn += '<tbody>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_departur_en.png" alt="Depart">'; for(var j=0; j<path.subPathArrayList.length; j++){ var subPath = path.subPathArrayList[j]; var startName = subPath.startName; if (startName==undefined && j!=0){ startName = path.subPathArrayList[j-1].endName; if(path.subPathArrayList[j-1].trafficType =="1"){ startName+=" station"; }else if(path.subPathArrayList[j-1].trafficType =="2"){ startName+=" stop<span class='road_gray'>"+path.subPathArrayList[j-1].endARSID+"</span>"; } }else if (startName!=undefined){ if(path.subPathArrayList[j].trafficType =="1"){ startName+=" station"; }else if(path.subPathArrayList[j].trafficType =="2"){ startName+=" stop"; } }else if(startName==undefined && j==0){ startName = '<a href="javascript:moveSetLocationZoom('+lat_+', '+lng_+',6);" >'+$('#pac-input').val()+'</a>'; } if (j != 0 ){ ncn +='</tr>'; ncn +='<tr>'; ncn +=' <th>'; } if(j == path.subPathArrayList.length-1){ if(subPath.trafficType == "3"){ ncn +=' <img src="/resources/theme/images/ico/ico_progress3.png" alt="과정">'; }else{ ncn +=' <img src="/resources/theme/images/ico/ico_progress_reach.png" alt="과정">'; } }else if(subPath.trafficType == "3"){ ncn +=' <img src="/resources/theme/images/ico/ico_progress1.png" alt="과정">'; }else{ ncn +=' <img src="/resources/theme/images/ico/ico_progress2.png" alt="과정">'; } ncn +=' </th>'; if(subPath.trafficType == "1"){ var laneNum = subPath.laneMap.subwayCode; if(laneNum==100){ laneNum =10; }else if(laneNum==104){ laneNum =13; } ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'+startName+'</dt>'; ncn +=' <dd>'; ncn +=' <img src="/resources/theme/images/ico/ico_track.png" alt="Subway">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue"><span class="line-text color'+laneNum+'">'+subPath.laneMap.name+'</span>('+subPath.stationCount+'stations) '+subPath.sectionTime+'minutes</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else if(subPath.trafficType == "2"){ var busList = ""; for(var k=0; k<subPath.laneList.length; k++){ busList += subPath.laneList[k].busNo; if(k != subPath.laneList.length-1) busList += ","; } ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'+startName+'<span class="road_gray">'+subPath.startARSID+'</span></dt>'; ncn +=' <dd>'; ncn +=' <span class="road_area">'; ncn +=' <img src="/resources/theme/images/ico/ico_generalbus_green.png" alt="Bus"> '; ncn +=' <span class="busnum busnum_generalbus mobile">'+busList+'</span> '; ncn +=' <span class="road_black">'+subPath.endName+'</span>'; ncn +=' <span class="road_blue">'+subPath.sectionTime+'minutes('+subPath.stationCount+'stops)</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else if(subPath.trafficType == "3"){ ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'+startName+'</dt>'; ncn +=' <dd>'; ncn +=' <img src="/resources/theme/images/ico/ico_walk.png" alt="Walk">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue">Walk '+subPath.sectionTime+'minutes</span>'; ncn +=' <span class="road_gray">'+subPath.distance+'m</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else{ console.log("error"); } if(j == path.subPathArrayList.length-1){ ncn +='</tr>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_reach_en.png" alt="Arrive">'; ncn +=' </th>'; ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'; ncn +=' <a href="javascript:startfoucs()">Play with K</a>'; /* ncn +='<span class="road_gray">'; ncn +=' 261-23 Yangjae-dong, Seocho-gu, Seoul  '; ncn +=' </span>'; */ ncn +=' </dt>'; ncn +=' </dl>'; ncn +=' </td>'; } } ncn +='</tr>'; } $("#cont2").html("").html(ncn); $(".cnt-locationinfo-tab").show(); $("#cont2").hide(); //길찾기 버스 if(busIdx==999){ ncn = ''; ncn = '<div class="cnt-locationinfo-time"></div>'; ncn += '<table summary="모바일 도착정보 상세정보로 출발부터 도착까지의 경로 안내로 구성되어 있습니다.">'; ncn += '<caption>모바일 도착정보 상세정보 안내</caption>'; ncn += '<colgroup>'; ncn += '<col style="width:70px;"><col style="width:50px;"><col style="width:*;">'; ncn += '</colgroup>'; ncn += '<tbody>'; ncn+='<tr><th colspan="3" ><dl style="text-align: center;padding: 25px 0;"><dt>No public transport options found.</dt></dl></th></tr>'; ncn += '</tbody>'; ncn += '</table>'; }else{ path = data[0].pathList[busIdx]; ncn = ''; ncn = '<div class="cnt-locationinfo-time"><span class="ion-android-alarm-clock"></span> 총 소요시간:'+path.pathInfoMap.totalTime+'분</div>'; ncn += '<table summary="모바일 도착정보 상세정보로 출발부터 도착까지의 경로 안내로 구성되어 있습니다.">'; ncn += '<caption>모바일 도착정보 상세정보 안내</caption>'; ncn += '<colgroup>'; ncn += '<col style="width:50px;"><col style="width:*;">'; ncn += '</colgroup>'; ncn += '<tbody>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_departur_en.png" alt="Depart">'; for(var j=0; j<path.subPathArrayList.length; j++){ var subPath = path.subPathArrayList[j]; var startName = subPath.startName; if (startName==undefined && j!=0){ startName = path.subPathArrayList[j-1].endName; if(path.subPathArrayList[j-1].trafficType =="1"){ startName+=" station"; }else if(path.subPathArrayList[j-1].trafficType =="2"){ startName+=" stop<span class='road_gray'>"+path.subPathArrayList[j-1].endARSID+"</span>"; } }else if (startName!=undefined){ if(path.subPathArrayList[j].trafficType =="1"){ startName+=" station"; }else if(path.subPathArrayList[j].trafficType =="2"){ startName+=" stop"; } }else if(startName==undefined && j==0){ startName = '<a href="javascript:moveSetLocationZoom('+lat_+', '+lng_+',6);" >'+$('#pac-input').val()+'</a>'; } if (j != 0 ){ ncn +='</tr>'; ncn +='<tr>'; ncn +=' <th>'; } if(j == path.subPathArrayList.length-1){ if(subPath.trafficType == "3"){ ncn +=' <img src="/resources/theme/images/ico/ico_progress3.png" alt="과정">'; }else{ ncn +=' <img src="/resources/theme/images/ico/ico_progress_reach.png" alt="과정">'; } }else if(subPath.trafficType == "3"){ ncn +=' <img src="/resources/theme/images/ico/ico_progress1.png" alt="과정">'; }else{ ncn +=' <img src="/resources/theme/images/ico/ico_progress2.png" alt="과정">'; } ncn +=' </th>'; if(subPath.trafficType == "1"){ var laneNum = subPath.laneMap.subwayCode; if(laneNum==100){ laneNum =10; }else if(laneNum==104){ laneNum =13; } ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'+startName+'</dt>'; ncn +=' <dd>'; ncn +=' <img src="/resources/theme/images/ico/ico_track.png" alt="Subway">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue"><span class="line-text color'+laneNum+'">'+subPath.laneMap.name+'</span>('+subPath.stationCount+'stations) '+subPath.sectionTime+'minutes</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else if(subPath.trafficType == "2"){ var busList = ""; for(var k=0; k<subPath.laneList.length; k++){ busList += subPath.laneList[k].busNo; if(k != subPath.laneList.length-1) busList += ","; } ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'+startName+'<span class="road_gray">'+subPath.startARSID+'</span></dt>'; ncn +=' <dd>'; ncn +=' <span class="road_area">'; ncn +=' <img src="/resources/theme/images/ico/ico_generalbus_green.png" alt="Bus"> '; ncn +=' <span class="busnum busnum_generalbus mobile">'+busList+'</span> '; ncn +=' <span class="road_black">'+subPath.endName+'</span>'; ncn +=' <span class="road_blue">'+subPath.sectionTime+'minutes('+subPath.stationCount+'stops)</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else if(subPath.trafficType == "3"){ ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'+startName+'</dt>'; ncn +=' <dd>'; ncn +=' <img src="/resources/theme/images/ico/ico_walk.png" alt="Walk">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue">Walk '+subPath.sectionTime+'minutes</span>'; ncn +=' <span class="road_gray">'+subPath.distance+'m</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else{ console.log("error"); } if(j == path.subPathArrayList.length-1){ ncn +='</tr>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_reach_en.png" alt="Arrive">'; ncn +=' </th>'; ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'; ncn +=' <a href="javascript:startfoucs()">Play with K</a>'; /* ncn +='<span class="road_gray">'; ncn +=' 261-23 Yangjae-dong, Seocho-gu, Seoul  '; ncn +=' </span>'; */ ncn +=' </dt>'; ncn +=' </dl>'; ncn +=' </td>'; } } ncn +='</tr>'; } $("#cont3").html("").html(ncn); $(".cnt-locationinfo-tab").show(); $("#cont3").hide(); //길찾기 버스+지하철 if(busSubwayIdx==999){ ncn = ''; ncn = '<div class="cnt-locationinfo-time"></div>'; ncn += '<table summary="모바일 도착정보 상세정보로 출발부터 도착까지의 경로 안내로 구성되어 있습니다.">'; ncn += '<caption>모바일 도착정보 상세정보 안내</caption>'; ncn += '<colgroup>'; ncn += '<col style="width:70px;"><col style="width:50px;"><col style="width:*;">'; ncn += '</colgroup>'; ncn += '<tbody>'; ncn+='<tr><th colspan="3"><dl style="text-align: center;padding: 25px 0;"><dt>No public transport options found.</dt></dl></th></tr>'; ncn += '</tbody>'; ncn += '</table>'; }else{ path = data[0].pathList[busSubwayIdx]; ncn = ''; ncn = ''; ncn = '<div class="cnt-locationinfo-time"><span class="ion-android-alarm-clock"></span> 총 소요시간:'+path.pathInfoMap.totalTime+'분</div>'; ncn += '<table summary="모바일 도착정보 상세정보로 출발부터 도착까지의 경로 안내로 구성되어 있습니다.">'; ncn += '<caption>모바일 도착정보 상세정보 안내</caption>'; ncn += '<colgroup>'; ncn += '<col style="width:50px;"><col style="width:*;">'; ncn += '</colgroup>'; ncn += '<tbody>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_departur_en.png" alt="Depart">'; for(var j=0; j<path.subPathArrayList.length; j++){ var subPath = path.subPathArrayList[j]; var startName = subPath.startName; if (startName==undefined && j!=0){ startName = path.subPathArrayList[j-1].endName; if(path.subPathArrayList[j-1].trafficType =="1"){ startName+=" station"; }else if(path.subPathArrayList[j-1].trafficType =="2"){ startName+=" stop<span class='road_gray'>"+path.subPathArrayList[j-1].endARSID+"</span>"; } }else if (startName!=undefined){ if(path.subPathArrayList[j].trafficType =="1"){ startName+=" station"; }else if(path.subPathArrayList[j].trafficType =="2"){ startName+=" stop"; } }else if(startName==undefined && j==0){ startName = '<a href="javascript:moveSetLocationZoom('+lat_+', '+lng_+',6);" >'+$('#pac-input').val()+'</a>'; } if (j != 0 ){ ncn +='</tr>'; ncn +='<tr>'; ncn +=' <th>'; } if(j == path.subPathArrayList.length-1){ if(subPath.trafficType == "3"){ ncn +=' <img src="/resources/theme/images/ico/ico_progress3.png" alt="과정">'; }else{ ncn +=' <img src="/resources/theme/images/ico/ico_progress_reach.png" alt="과정">'; } }else if(subPath.trafficType == "3"){ ncn +=' <img src="/resources/theme/images/ico/ico_progress1.png" alt="과정">'; }else{ ncn +=' <img src="/resources/theme/images/ico/ico_progress2.png" alt="과정">'; } ncn +=' </th>'; if(subPath.trafficType == "1"){ var laneNum = subPath.laneMap.subwayCode; if(laneNum==100){ laneNum =10; }else if(laneNum==104){ laneNum =13; } ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'+startName+'</dt>'; ncn +=' <dd>'; ncn +=' <img src="/resources/theme/images/ico/ico_track.png" alt="Subway">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue"><span class="line-text color'+laneNum+'">'+subPath.laneMap.name+'</span>('+subPath.stationCount+'stations) '+subPath.sectionTime+'minutes</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else if(subPath.trafficType == "2"){ var busList = ""; for(var k=0; k<subPath.laneList.length; k++){ busList += subPath.laneList[k].busNo; if(k != subPath.laneList.length-1) busList += ","; } ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'+startName+'<span class="road_gray">'+subPath.startARSID+'</span></dt>'; ncn +=' <dd>'; ncn +=' <span class="road_area">'; ncn +=' <img src="/resources/theme/images/ico/ico_generalbus_green.png" alt="Bus"> '; ncn +=' <span class="busnum busnum_generalbus mobile">'+busList+'</span> '; ncn +=' <span class="road_black">'+subPath.endName+'</span>'; ncn +=' <span class="road_blue">'+subPath.sectionTime+'minutes('+subPath.stationCount+'stops)</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else if(subPath.trafficType == "3"){ ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'+startName+'</dt>'; ncn +=' <dd>'; ncn +=' <img src="/resources/theme/images/ico/ico_walk.png" alt="Walk">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue">Walk '+subPath.sectionTime+'minutes</span>'; ncn +=' <span class="road_gray">'+subPath.distance+'m</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else{ console.log("error"); } if(j == path.subPathArrayList.length-1){ ncn +='</tr>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_reach_en.png" alt="Arrive">'; ncn +=' </th>'; ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'; ncn +=' <a href="javascript:startfoucs()">Play with K</a>'; /* ncn +='<span class="road_gray">'; ncn +=' 261-23 Yangjae-dong, Seocho-gu, Seoul  '; ncn +=' </span>'; */ ncn +=' </dt>'; ncn +=' </dl>'; ncn +=' </td>'; } } ncn +='</tr>'; } $("#cont4").html("").html(ncn); $(".cnt-locationinfo-tab").show(); $("#cont4").hide(); } }, error: function(data, status, err) { console.log('error forward : ' + data); } }); } // 실시간 버스정보 조회 function getArrInfoRouteAll(localBusID, arsId){ var arrInfo = ""; arsId = arsId.replace("-",""); $.ajax({ type : "post", url: '/comm/trans/arrInfoByRouteAll.json', data: {"busRouteId" : localBusID, "arsId": arsId}, dataType: 'json', contentType: 'application/x-www-form-urlencoded; charset=UTF-8', async: false, success: function(data) { if (typeof data[0] != "undefined"){ arrInfo = data[0].exps1; if (arrInfo > 0){ var min = Math.ceil(arrInfo/60); arrInfo = min; }else{ arrInfo = '-'; } }else{ arrInfo = '-'; } }, error: function(data, status, err) { console.log('error forward : ' + data); } }); return arrInfo; } var findMarker; var findObj; var lat_; var lng_; function chkFunctioin(obj){ lat_= obj.toString().split(',')[0].replace("(",""); lng_ =obj.toString().split(',')[1].replace(")","").replace(" ",""); if(findMarker==undefined){ console.log("findMarker undefined: "); }else{ console.log("findMarker not undefined: "); map.removeLayer(findMarker); } console.log("findMarker undefined: "); moveSetLocation(lat_, lng_); console.log("markerIcon"); markerIcon = getMarkerIcon('M'); //marker = new L.Marker(new L.LatLng(lat_,lng_), {icon:new L.Icon({iconUrl:markerIcon,iconSize:new L.Point(40,40)})}).addTo(map); findMarker = new L.Marker(new L.LatLng(lat_,lng_), {icon:new L.Icon({iconUrl:markerIcon,iconSize:new L.Point(40,40)})}); map.addLayer(findMarker); console.log("addLayer"); //marker.on('click',function(e){ //getLeastRouteFind(lngCurrent,latCurrent,lng,lat); //}); //getLeastRouteFind(lngCurrent,latCurrent,lng,lat);(SX, SY, EX, EY) console.log("getLeastRouteFind"); //getLeastRouteFind(lat_,lng_,lng,lat); getLeastRouteFind(lng_,lat_,lng,lat,0); } </script> <script type="text/javascript"> $(document).ready(function(){ $(".wrp-map-mylocation").hide(); $(".cnt-busline").hide(); $("#map-mask").hide(); $(".cnt-locationinfo").hide(); $(".btn-map-closed").click(function(){ $(".cnt-busline").hide(); }); $(".btn-find-closed").click(function(){ $(".cnt-locationinfo").hide(); }); // if ("geolocation" in navigator) { // navigator.geolocation.getCurrentPosition(function(position) { // latCurrent = position.coords.latitude; // lngCurrent = position.coords.longitude; // // $(".wrp-map-mylocation").show(); // }); // } // $(".wrp-map-mylocation").show(); // callMap(); $('.map-placeholder').hide(); }); function findRoad(){ $( "#pac-input" ).toggle(); } function tabFnc(idx){ $("#cont1").hide(); $("#cont2").hide(); $("#cont3").hide(); $("#cont4").hide(); $("#locationinfoTab1").removeClass( "active" ); $("#locationinfoTab2").removeClass( "active" ); $("#locationinfoTab3").removeClass( "active" ); $("#locationinfoTab4").removeClass( "active" ); $("#cont"+idx).show(); $("#locationinfoTab"+idx).addClass( "active" ); } function showMap(){ callMap(); $('.see-map').hide(); $('.map-placeholder').show(); } </script>  <div class="detail-map-wrap"> <div class="detail-map"> <p class="see-map"><a href="javascript: showMap();" title="Map view: For screen reader users, refer to the description below.">See map</a></p> <div class="map-placeholder"> <div class="map-area" id="map_"></div> <div id="map-mask"> <div class="map-mask-layer"></div> <img src='https://korean.visitseoul.net/resources/theme/images/ico/ico_loading.gif' alt='로딩바' class="loading_map" /> </div> <div class="wrp-map-mylocation">  <div class="inbox"> <input type="text" name="pac-input" value="" id="pac-input" placeholder="Choose starting point" title="Choose starting point"> </div> <button type="button" onclick="findRoad()" /> </div> </div>  <div class="cnt-locationinfo" style="display: block;"> <h5 class="heading4"><span class="ion-arrow-graph-up-right"></span> Directions Details<button type="button" class="btn-find-closed"></button> </h5> <div class="cnt-locationinfo-inner">    <ul class="cnt-locationinfo-tab" style="display: none;"> <li class="active" id="locationinfoTab1"><a href="javascript:tabFnc(1);">Recommend</a></li> <li id="locationinfoTab2"><a href="javascript:tabFnc(2);">Subway</a></li> <li id="locationinfoTab3"><a href="javascript:tabFnc(3);">Bus</a></li> <li id="locationinfoTab4"><a href="javascript:tabFnc(4);">Bus+Subway</a></li> </ul>  <div class="tab-link-box" id="cont1" style="display: none;"> </div> <div class="tab-link-box" id="cont2" style="display: none;"> </div> <div class="tab-link-box" id="cont3" style="display: none;"> </div> <div class="tab-link-box" id="cont4" style="display: none;"> </div> </div> </div>  <div class="cnt-busline"> <h5 class="heading4"></h5> <table class="fc-bold" summary="버스도착정보 안내로 버스번호, 도착정보로 구성되어 있습니다."> <caption>버스도착정보 안내</caption> <colgroup> <col /><col /> </colgroup> <thead> <tr> <th scope="col">버스 번호</th> <th scope="col">도착 정보</th> </tr> </thead> <tbody class="fc-grey3"> </tbody> </table> <button type="button" class="btn-map-closed"></button> </div>  </div>  <div class="detail-map-infor">       </div> </div> <script> // This example adds a search box to a map, using the Google Place Autocomplete // feature. People can enter geographical searches. The search box will return a // pick list containing a mix of places and predicted search terms. // This example requires the Places library. Include the libraries=places // parameter when you first load the API. For example: // <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"> var input; var searchBox; var places; function initAutocomplete() { input = document.getElementById('pac-input'); searchBox = new google.maps.places.SearchBox(input); searchBox.addListener('places_changed', function() { places = searchBox.getPlaces(); if (places.length == 0) { return; } places.forEach(function(place) { if (!place.geometry) { console.log("Returned place contains no geometry"); return; } if (place.geometry.viewport) { chkFunctioin(place.geometry.location); } else { } }); //map.fitBounds(bounds); }); } function findroadFnc(){ //var input = document.getElementById('pac-input'); //var searchBox = new google.maps.places.SearchBox(input); console.log(searchBox); var e = jQuery.Event( "keypress", { keyCode: 13 } ); $("#pac-input").trigger(e); } </script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDuvLIlcJfVm3YkNT1vxnIr8u_ydoIOXC0&libraries=places&callback=initAutocomplete" async defer></script> <script> $(document).ready(function() { showMap(); }); </script> </div> <section class="tag-element poi"> <span class="title">Tags</span> <p> <a href='/search?search_radio=T&lang=en&searchTerm=PlaywithK' >#PlaywithK</a> <a href='/search?search_radio=T&lang=en&searchTerm=Kpop' >#Kpop</a> <a href='/search?search_radio=T&lang=en&searchTerm=YooChae' >#YooChae</a> <a href='/search?search_radio=T&lang=en&searchTerm=JD' >#JD</a> <a href='/search?search_radio=T&lang=en&searchTerm=YoonJiAn' >#YoonJiAn</a> <a href='/search?search_radio=T&lang=en&searchTerm=KiMMi' >#KiMMi</a> <a href='/search?search_radio=T&lang=en&searchTerm=ShellweFunk' >#ShellweFunk</a> <a href='/search?search_radio=T&lang=en&searchTerm=AugustBrothers' >#AugustBrothers</a> <a href='/search?search_radio=T&lang=en&searchTerm=ArirangTV' >#ArirangTV</a> <a href='/search?search_radio=T&lang=en&searchTerm=K-Music' >#K-Music</a> </p> </section> <section class="article-list-element article-list-slide"> <h3 class="h3">Association recommendation information</h3> <ul class="article-list shopping"> <li> <a href="/restaurants/Samil-Jeongyuk-Sikdang/ENP002528" target="_self" title="Go to page"> <div class="thumb" style="background-image:url('/comm/getImage?srvcId=POST&parentSn=2535&fileTy=POSTTHUMB&fileNo=1&thumbTy=M')"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">Samil Jeongyuk Sikdang</span> <span class="small-text text-dot-d"> Samil Jeongyuk Sikdang is a barbecue restaurant where you can grill fresh meat.</span> <span class="trip-ico"> <img src="https://www.tripadvisor.co.kr/img/cdsi/img2/ratings/traveler/4.5-20215-5.png" alt="Rating:4.5"> <span class="trip-text">4 reviews</span> </span> </div> </div> </a> </li> <li> <a href="/nature/YangjaeCitizensForest/ENP002156" target="_self" title="Go to page"> <div class="thumb" style="background-image:url('/comm/getImage?srvcId=MEDIA&parentSn=65028&fileTy=MEDIA&fileNo=1&thumbTy=M')"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">Maeheon Citizens’ Forest</span> <span class="small-text text-dot-d"> Yangjae Citizens’ Forest is a lush public park located in Yangjae-dong. </span> <span class="trip-ico"> <img src="https://www.tripadvisor.co.kr/img/cdsi/img2/ratings/traveler/4.5-20215-5.png" alt="Rating:4.5"> <span class="trip-text">28 reviews</span> </span> </div> </div> </a> </li> <li> <a href="/restaurants/PyeonggaokYangjae-Branch/ENP006917" target="_self" title="Go to page"> <div class="thumb" style="background-image:url('/comm/getImage?srvcId=POST&parentSn=6920&fileTy=POSTTHUMB&fileNo=1&thumbTy=M')"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">Pyeonggaok(Yangjae Branch)</span> <span class="small-text text-dot-d"> This is the Yangjae-dong branch of Pyeonggaok, a restaurant in Bundang specializing in North Korean cuisine. Two of the most popular items are the eob</span> <span class="trip-ico"> <img src="https://www.tripadvisor.co.kr/img/cdsi/img2/ratings/traveler/3.5-20215-5.png" alt="Rating:3.5"> <span class="trip-text">19 reviews</span> </span> </div> </div> </a> </li> <li> <a href="/nature/Maehun-Yun-Bong-Gil-Memorial-Hall/ENP003759" target="_self" title="Go to page"> <div class="thumb" style="background-image:url('/comm/getImage?srvcId=POST&parentSn=3762&fileTy=POSTTHUMB&fileNo=1&thumbTy=M')"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">Maehun Yun Bong-Gil Memorial Hall </span> <span class="small-text text-dot-d"> The Maehun Yun Bong-Gil Memorial Hall is dedicated to the resistance fighter, Patriot Yun Bong-gil.</span> <span class="trip-ico"> <img src="https://www.tripadvisor.co.kr/img/cdsi/img2/ratings/traveler/3.5-20215-5.png" alt="Rating:3.5"> <span class="trip-text">2 reviews</span> </span> </div> </div> </a> </li> </ul> </section>    </div> <input type="hidden" id="guide_sel_msg" value="Open a new window with the button selected" /> <input type="hidden" id="guide_new_open_msg" value="open new window" />    <div class="guide-layer-popup" id="kr-indvdl" > <div class="inner"> <div class="title-cont"> <span class="title">예약 전 안내사항</span> </div> <div class="guide-layer-box"> <ul class="scroll-area"> <li>장기 폭염 예상 기간 프로그램 운영 중단: 7.23. ~ 8.11.</li> <li>예약은 관광일 기준 최소 3일 전 까지 가능합니다.</li> <li>3인 미만은 예약이 취소될 수 있습니다. </li> <li>기존 등록된 예약 중 그룹별 정원을 초과하지 않는 예약에 한하여 1일 전 17시 까지 추가 예약 가능합니다.</li> <li>다음달 예약은 전달 15일 이 후부터 가능합니다. </li> <li>발열 또는 호흡기 증상(열, 기침, 가래, 근육통, 코막힘, 인후통 등)이 있는 경우 프로그램 참여를 삼가하여 주시기 바랍니다.</li> <li>보호자가 동반하지 않는 만 14세 미만의 아동 관광객의 경우 현장에서 취소됩니다.</li> <li>기상특보(폭염, 태풍, 호우, 미세먼지 등)로 인해 도보관광 운영이 어려운 경우 모든 예약은 일괄 취소됩니다.<font color='red'>(발효 즉시 취소처리)</font><br/>※예약 당일 기상특보를 상시 확인 바랍니다.</li> <li>해설 진행 시 발생하는 안전사고에 대해서 서울도보해설관광 사무국과 서울문화관광해설사는 책임을 지지 않습니다.</li> <li>한국어를 모국어로 사용하는 대한민국 국민의 경우, 외국어 해설 신청이 불가능합니다. </li> </ul> </div> <div class="guide-layer-agreen"> <input type="checkbox" id="kr-indvdl-chk" > <label for="kr-indvdl-chk" >상기 내용에 동의(필수)</label> </div> <div class="mt20 textcenter"> <a href="javascript: fn_reqstResve();" class="detail-button" title="open new window" tabindex="0"> <span>예약신청서 작성하기</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('kr-indvdl');" title="Close pop-up window" tabindex="0"> <em class="blind">Button to close pop-up window</em> </a> </div> </div> </div>   <div class="guide-layer-popup" id="kr-grp"> <div class="inner"> <div class="title-cont"> <span class="title">예약 전 안내사항</span> </div> <div class="guide-layer-box"> <ul class="scroll-area"> <li>예약은 관광일 기준 최대 5개월 전부터 최소 5일 전 까지 신청 가능합니다.</li> <li>희망하시는 날짜 및 코스에 활동가능한 해설사가 없는 경우 예약은 취소될 수 있습니다.</li> <li>특히 주말 및 공휴일, 봄(4~5월) 가을(9~11월) 성수기에는 예약이 조기마감 되오니 이 점 유의하여 주시기 바랍니다.</li> <li>예약확인을 위해 도보관광 사무국(02-6925-0777)에서 확인 연락이 진행됩니다.<br>(최소 5일~한달 전)3회 이상 전화통화가 이뤄지지 않을 시 예약이 취소될 수 있습니다.</li> <li>경복궁, 창덕궁, 창경궁, 덕수궁 35인 이상 관람 시, 해당 궁궐 사이트에서 15일 전 단체 입장신청이 필요합니다. (2014.1.1.부터 시행)</li> <li>해설 진행 시 발생하는 안전사고에 대해서 도보관광 사무국과 서울문화관광해설사는 책임을 지지 않습니다.</li> <li>보호자가 동반하지 않는 만 14세 미만의 아동 관광객의 경우 현장에서 취소됩니다.</li> <li>기상특보(폭염, 태풍, 호우, 미세먼지 등)로 인해 도보관광 운영이 어려운 경우 모든 예약은 일괄 취소됩니다.<font color='red'>(발효 즉시 취소처리)</font><br/>※예약 당일 기상특보를 상시 확인 바랍니다.</li> </ul> </div> <div class="guide-layer-agreen"> <input type="checkbox" id="kr-grp-chk" > <label for="kr-grp-chk" >상기 내용에 동의(필수)</label> </div> <div class="mt20 textcenter"> <a href="javascript: fn_reqstResve();" class="detail-button" title="open new window" tabindex="0"> <span>예약신청서 작성하기</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('kr-grp');" title="Close pop-up window" tabindex="0"> <em class="blind">Button to close pop-up window</em> </a> </div> </div> </div>   <div class="guide-layer-popup" id="kr-blind"> <div class="inner"> <div class="title-cont"> <span class="title">예약 전 안내사항</span> </div> <div class="guide-layer-box"> <ul class="scroll-area"> <li>예약은 관광일 기준 최소 1주일 전까지 가능합니다.</li> <li>덕수궁의 경우 복지카드를 지참한 관광객에 한하여 무료입장이 가능합니다.<br>※ 중증(1~3급) 동반인 포함 2명 무료※ 경증(4~6급) 장애인 본인 1인만 무료</li> <li>보호자 또는 보조자가 동반하지 않을 경우 이용이 불가능 합니다.※ 별도의 보조자가 없는 경우 사무국으로 문의 바랍니다. (02-6925-0777)</li> <li>희망하시는 날짜 및 코스에 활동가능한 해설사가 없는 경우 예약은 취소될 수 있습니다.</li> <li>예약확인을 위해 도보관광 사무국(02-6925-0777)에서 확인 연락이 진행됩니다.(최소 5일~한달 전)3회 이상 전화통화가 이뤄지지 않을 시 예약이 취소될 수 있습니다.</li> <li>해설 진행 시 발생하는 안전사고에 대해서 도보관광 사무국과 서울문화관광해설사는 책임을 지지 않습니다.</li> <li>기상특보(폭염, 태풍, 호우, 미세먼지 등)로 인해 도보관광 운영이 어려운 경우 모든 예약은 일괄 취소됩니다.<font color='red'>(발효 즉시 취소처리)</font><br/>※예약 당일 기상특보를 상시 확인 바랍니다.</li> </ul> </div> <div class="guide-layer-agreen"> <input type="checkbox" id="kr-blind-chk"> <label for="kr-blind-chk" >상기 내용에 동의(필수)</label> </div> <div class="mt20 textcenter"> <a href="javascript: fn_reqstResve();" class="detail-button" title="open new window" tabindex="0"> <span>예약신청서 작성하기</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('kr-blind');" title="Close pop-up window" tabindex="0"> <em class="blind">Button to close pop-up window</em> </a> </div> </div> </div>   <div class="guide-layer-popup" id="kr-deaf"> <div class="inner"> <div class="title-cont"> <span class="title" >예약 전 안내사항</span> </div> <div class="guide-layer-box"> <ul class="scroll-area"> <li>예약은 관광일 기준 최소 1주일 전까지 가능합니다.</li> <li>덕수궁의 경우 복지카드를 지참한 관광객에 한하여 무료입장이 가능합니다.<br>※ 중증(1~3급) 동반인 포함 2명 무료<br>※ 경증(4~6급) 장애인 본인 1인만 무료</li> <li>본 프로그램은 수화해설 중심으로 진행되며, 수화가 불가능한 경우 이용이 불가합니다.</li> <li>희망하시는 날짜 및 코스에 활동가능한 해설사가 없는 경우 예약은 취소될 수 있습니다.</li> <li>예약확인을 위해 도보관광 사무국(02-6925-0777)에서 확인 연락이 진행됩니다.<br>(최소 5일~한달 전)3회 이상 전화통화가 이뤄지지 않을 시 예약이 취소될 수 있습니다.</li> <li>해설 진행 시 발생하는 안전사고에 대해서 도보관광 사무국과 서울문화관광해설사는 책임을 지지 않습니다.</li> <li>기상특보(폭염, 태풍, 호우, 미세먼지 등)로 인해 도보관광 운영이 어려운 경우 모든 예약은 일괄 취소됩니다.<font color='red'>(발효 즉시 취소처리)</font><br/>※예약 당일 기상특보를 상시 확인 바랍니다.</li> </ul> </div> <div class="guide-layer-agreen"> <input type="checkbox" id="kr-deaf-chk" > <label for="kr-deaf-chk" >상기 내용에 동의(필수)</label> </div> <div class="mt20 textcenter"> <a href="javascript: fn_reqstResve();" class="detail-button" title="open new window" tabindex="0"> <span>예약신청서 작성하기</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('kr-deaf');" title="Close pop-up window" tabindex="0"> <em class="blind">Button to close pop-up window</em> </a> </div> </div> </div>   <div class="guide-layer-popup" id="kr-barrier"> <div class="inner"> <div class="title-cont"> <span class="title">예약 전 안내사항</span> </div> <div class="guide-layer-box"> <ul class="scroll-area"> <li>예약은 관광일 기준 최소 1주일 전까지 가능합니다.</li> <li>본 코스는 보행약자(거동이 불편한 고령자, 장애인, 유모차 이용자 등)를 위한 코스입니다.</li> <li>보호자를 동반하지 않을 시 이용이 불가능 합니다.※ 보행약자 1명당 보호자 최소 1인 이상 동반<br>※ 전동보장구(전동휠체어, 전동스쿠터 등) 사용자의 경우 보호자 1인당 보행약자 최대 4인까지 동반 가능<br> 희망하시는 날짜 및 코스에 활동가능한 해설사가 없는 경우 예약은 취소될 수 있습니다.</li> <li>예약확인을 위해 도보관광 사무국(02-6925-0777)에서 확인 연락이 진행됩니다.(최소 5일~한달 전)3회 이상 전화통화가 이뤄지지 않을 시 예약이 취소될 수 있습니다.</li> <li>해설 진행 시 발생하는 안전사고에 대해서 도보관광 사무국과 서울문화관광해설사는 책임을 지지 않습니다.</li> <li>미세먼지 비상저감조치 발령 및 기타 기상악화(폭염, 태풍, 폭우 등)로 인해 도보관광 운영이 어려운 경우 모든 예약은 일괄 취소됩니다. (관광일 전날 기준)</li> </ul> </div> <div class="guide-layer-agreen"> <input type="checkbox" id="kr-barrier-chk" > <label for="kr-barrier-chk" >상기 내용에 동의(필수)</label> </div> <div class="mt20 textcenter"> <a href="javascript: fn_reqstResve();" class="detail-button" title="open new window" tabindex="0" > <span>예약신청서 작성하기</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('kr-barrier');" title="Close pop-up window" tabindex="0"> <em class="blind">Button to close pop-up window</em> </a> </div> </div> </div>   <div class="guide-layer-popup" id="en-indvdl" > <div class="inner"> <div class="title-cont"> <span class="title">Read before Reservation</span> </div> <div class="guide-layer-box"> <ul class="scroll-area"> <li>Reservations must be made at least three days prior to the tour date.</li> <li>Additional reservations, one or two days before the tour starts, are only allowed for the tour that is already fixed.</li> <li>In the case of group tour, more than 10people, please contact us by e-mail.</li> <li>Reservations for the following month are available from the 15th of the current month.</li> <li>Please refrain from participating in any tour programs should you be experiencing any symptoms, including fever, coughing, congestion, muscle pain, stuffy nose, and/or sore throat.</li> <li>Reservations for tourists 14 years & under without an accompanying adult or guardian shall be canceled on site.</li> <li>All reservations will be canceled in the event of a weather warning being issued. (e.g. heatwave, typhoon, heavy rain, fine dust, etc.) <font color='red'>(Cancellation will be processed immediately upon implementation)</font> <br/>※ Please always check the weather warning on the day of the reservation on the site below. <br/><a href="https://www.accuweather.com/en/kr/seoul/226081/weather-forecast/226081" target="_blank">(https://www.accuweather.com/en/kr/seoul/226081/weather-forecast/226081)</a> </li> <li>The Seoul Guided Walking Tour administration office and tour guide affiliates are not responsible for any accidents that happen to occur during the tour program. </li> </ul> </div> <div class="guide-layer-agreen"> <input type="checkbox" id="en-indvdl-chk" > <label for="en-indvdl-chk" >I agree to above items (Required)</label> </div> <div class="mt20 textcenter"> <a href="javascript: fn_reqstResve();" class="detail-button" title="open new window" tabindex="0"> <span>Fill Out Reservation Form</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('en-indvdl');" title="Close pop-up window" tabindex="0"> <em class="blind" >Button to close pop-up window</em> </a> </div> </div> </div>   <div class="guide-layer-popup" id="en-barrier"> <div class="inner"> <div class="title-cont"> <span class="title">Read before Reservation</span> </div> <div class="guide-layer-box"> <ul class="scroll-area"> <li>Reservation shall be made at least 1 week before the tour day.</li> <li>The course is for tourists with mobility problems (Senior, people with disability, stroller user).</li> <li>You may not use the course without an assistant (or companion)<br>※ At least one assistant shall accompany a tourist with mobility problem<br>※ In case of electric assisting device users (electric wheelchair, electric scooter users), one assistant may accompany up to 4 tourists with mobility problem <li>Reservation may be canceled when a guide is unavailable on the desired date and course.</li> <li>Seoul Guided Walking Tour Office (02-6925-0777) will contact you to confirm reservation.<br>(At least 5 days~1 month before tour day) Reservation may be canceled when Seoul Guided Walking Tour Office cannot reach you for more than 3 times.</li> <li>Seoul Guided Walking Tour Office and Seoul culture and tourism guide are not liable for the safety accidents during the Seoul Guided Walking Tour.</li> <li>All reservations will be canceled in the event of a weather warning being issued. (e.g. heatwave, typhoon, heavy rain, fine dust, etc.) <font color='red'>(Cancellation will be processed immediately upon implementation)</font> <br/>※ Please always check the weather warning on the day of the reservation on the site below. <br/><a href="https://www.accuweather.com/en/kr/seoul/226081/weather-forecast/226081" target="_blank">(https://www.accuweather.com/en/kr/seoul/226081/weather-forecast/226081)</a> </li> </ul> </div> <div class="guide-layer-agreen"> <input type="checkbox" id="en-barrier-chk" > <label for="en-barrier-chk" >I agree to above items (Required)</label> </div> <div class="mt20 textcenter"> <a href="javascript: fn_reqstResve();" class="detail-button" title="open new window" tabindex="0"> <span>Fill Out Reservation Form</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('en-barrier');" title="Close pop-up window" tabindex="0"> <em class="blind">Button to close pop-up window</em> </a> </div> </div> </div>   <div class="guide-layer-popup" id="jp-indvdl"> <div class="inner"> <div class="title-cont"> <span class="title">予約前の案内事項</span> </div> <div class="guide-layer-box"> <ul class="scroll-area"> <li>予約は観光予定日を基準に３日前までとさせて頂きます。</li> <li>個人予約：最大１０名 <br/> ※京福級、昌徳宮、昌慶宮は２０名様までご予約頂けます。 </li> <li>既にご予約されたコースの中で、グループ別の定員を超えない予約に限り、観光予定日の１日前の１７まで追加での予約が可能です。</li> <li>翌月のご予約は前月の１５日から可能です。</li> <li>発熱または呼吸症状（熱、咳、痰、筋肉痛、鼻づまり、喉の痛みなど）がある場合は、解説プログラムへのご参加はお控えください。</li> <li>保護者を同伴しない１４歳未満の児童観光客は、現場でキャンセルとなります。</li> <li>気象特報（猛暑、台風、豪雨、PM2.5）によりウォーキングツアーの運営が難しいと判断された場合、全ての予約は中止とさせて頂きます。<font color='red'>（発効後直ちにキャンセルを行う）</font> <br/>※ 下記のリンクにてご予約当日の気象特報をご確認ください。 <br/><a href="https://www.accuweather.com/ja/kr/seoul/226081/weather-forecast/226081" target="_blank">(https://www.accuweather.com/ja/kr/seoul/226081/weather-forecast/226081)</a> </li> <li>観光中に発生する安全事故について、ソウル徒歩解説観光事務局とソウル文化観光解説士は責任を負いません。 </li> </ul> </div> <div class="guide-layer-agreen"> <input type="checkbox" id="jp-indvdl-chk" > <label for="jp-indvdl-chk" >上記内容に同意します（必須）</label> </div> <div class="mt20 textcenter"> <a href="javascript: fn_reqstResve();" class="detail-button" title="open new window" tabindex="0"> <span>予約申込書を作成する</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('jp-indvdl');" title="Close pop-up window" tabindex="0"> <em class="blind">Button to close pop-up window</em> </a> </div> </div> </div>   <div class="guide-layer-popup" id="jp-barrier"> <div class="inner"> <div class="title-cont"> <span class="title">予約前の案内事項</span> </div> <div class="guide-layer-box"> <ul class="scroll-area"> <li>予約は観光日を基準として少なくとも１週間前まで可能です。</li> <li>本コースは、<strong>移動弱者（移動が不自由な高齢者、障害者、ベビーカー利用者など）</strong>のためのコースです。 </li> <li> 補助人（或いは同行人）を伴わない場合は利用できません。<br> 　 ※歩行弱者１人当たり少なくとも１人以上の補助人を伴う<br> 　 ※電動補助具（電動車椅子、電動スクーターなど）使用者の場合、補助人１当たり歩行弱者最大４人まで同伴可能 </li> <li>ご希望の日付及びコースに活動可能な解説士がいない場合、予約はキャンセルされることがあります。</li> <li>予約を確認するため、徒歩観光事務局（02-6925-0777）で確認のための連絡が行われます。<br>（少なくとも５日～１ヶ月前）３回以上電話が通じない場合、予約が取り消されることがあります。</li> <li>解説を進行する時に発生する安全事故に対し、徒歩観光事務局とソウル文化観光解説士は<br>責任を負いません。</li> <li>気象特報（猛暑、台風、豪雨、PM2.5）によりウォーキングツアーの運営が難しいと判断された場合、全ての予約は中止とさせて頂きます。<font color='red'>（発効後直ちにキャンセルを行う）</font> <br/>※ 下記のリンクにてご予約当日の気象特報をご確認ください。 <br/><a href="https://www.accuweather.com/ja/kr/seoul/226081/weather-forecast/226081" target="_blank">(https://www.accuweather.com/ja/kr/seoul/226081/weather-forecast/226081)</a> </li> </ul> </div> <div class="guide-layer-agreen"> <input type="checkbox" id="jp-barrier-chk" > <label for="jp-barrier-chk" >上記内容に同意します（必須）</label> </div> <div class="mt20 textcenter"> <a href="javascript: fn_reqstResve();" class="detail-button" title="open new window" tabindex="0"> <span>予約申込書を作成する</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('jp-barrier');" title="Close pop-up window" tabindex="0"> <em class="blind">Button to close pop-up window</em> </a> </div> </div> </div>   <div class="guide-layer-popup" id="ck-indvdl"> <div class="inner"> <div class="title-cont"> <span class="title">预约前说明事项</span> </div> <div class="guide-layer-box"> <ul class="scroll-area"> <li>观光日基准最少3日前方可进行预约。</li>  <li>最多可申请10人。<br/> (※ 景福宫, 昌德宫, 昌庆宫是例外最多可申请20人) </li> <li>在已登记的预约团体中，只接待不超过预约人数的团体，可在前一天17时前追加预约。</li> <li>下个月的预约可从前一月15日开始。</li> <li>如有发热或呼吸道症状（发烧、咳嗽、痰液、肌肉痛、鼻塞、咽喉痛等），请避免参与解说活动。</li> <li>无保护者随同的未满14岁儿童游客，会在现场取消解说活动。</li> <li>气象特报(酷暑、台风、暴雨、雾霾等)导致徒步观光项目暂停时，所有预约将一律被取消。<font color='red'>(发布紧急措施时立即取消)</font> <br/>※ 请在以下网站上随时确认预约当天的气象特报。 <br/><a href="https://www.accuweather.com/zh/kr/seoul/226081/weather-forecast/226081" target="_blank">(https://www.accuweather.com/zh/kr/seoul/226081/weather-forecast/226081)</a> </li> <li>对于解说活动中发生的安全事故，首尔徒步解说旅游事务局和首尔文化观光解说社不予负责。</li> </ul> </div> <div class="guide-layer-agreen"> <input type="checkbox" id="ck-indvdl-chk" > <label for="ck-indvdl-chk" >同意以上内容 (必选)</label> </div> <div class="mt20 textcenter"> <a href="javascript: fn_reqstResve();" class="detail-button" title="open new window" tabindex="0"> <span>前往填写预约申请书</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('ck-indvdl');" title="Close pop-up window" tabindex="0"> <em class="blind">Button to close pop-up window</em> </a> </div> </div> </div>   <div class="guide-layer-popup" id="ck-barrier"> <div class="inner"> <div class="title-cont"> <span class="title" >预约前说明事项</span> </div> <div class="guide-layer-box"> <ul class="scroll-area"> <li>观光日基准最少1日前方可进行预约。</li> <li>本线路是为了行动不便者(行动不便的高龄者、残疾人、婴儿车利用者等)的路线。</li> <li>无辅助人员(或同行人)伴随时，不可利用。<br> ※ 步行不便者1名至少需要1名以上的辅助人员陪同。<br> ※ 电动辅助器具(电动轮椅、电动独轮车等)使用者时，每一位辅助人员最多可陪同 4名步行不便者。</li> <li>希望观光的日期及线路上无解说员时，预约有可能被取消。</li> <li>为了确认预约，徒步观光事务局(02-6925-0777)会致电进行确认。<br> (最少5日~一个月前) 3次以上无法连接时，预约将被取消。</li> <li>进行解说时，对于有可能发生的安全事故，徒步观光事务局和首尔文化观光解说员概不负责。</li> <li>气象特报(酷暑、台风、暴雨、雾霾等)导致徒步观光项目暂停时，所有预约将一律被取消。<font color='red'>(发布紧急措施时立即取消)</font> <br/>※ 请在以下网站上随时确认预约当天的气象特报。 <br/><a href="https://www.accuweather.com/zh/kr/seoul/226081/weather-forecast/226081" target="_blank">(https://www.accuweather.com/zh/kr/seoul/226081/weather-forecast/226081)</a> </li> </ul> </div> <div class="guide-layer-agreen"> <input type="checkbox" id="ck-barrier-chk" > <label for="ck-barrier-chk" >同意以上内容 (必选)</label> </div> <div class="mt20 textcenter"> <a href="javascript: fn_reqstResve();" class="detail-button" title="open new window" tabindex="0" > <span>前往填写预约申请书</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('ck-barrier');" title="Close pop-up window" tabindex="0"> <em class="blind">Button to close pop-up window</em> </a> </div> </div> </div>   <div class="guide-layer-popup" id="cb-indvdl"> <div class="inner"> <div class="title-cont"> <span class="title" >預約前說明事項</span> </div> <div class="guide-layer-box"> <ul class="scroll-area"> <li>最晚請於預約日期3天前完成預約。</li> <li>最多可申請10人。<br/> (※ 景福宮, 昌德宮, 昌慶宮是例外最多可申請20人) </li> <li>已完成預約的團體若人數超過限制，可於前一天下午5點前追加預約。</li> <li>每月15日將開放下個月的預約。</li> <li>若有發燒或呼吸道症狀(發燒、咳嗽、咳痰、肌肉酸痛、鼻塞、喉嚨痛)，請避免參與本活動。</li> <li>未有保護者同行的未滿14歲兒童遊客，會在現場取消參與資格。</li> <li>氣象特報(酷暑、颱風、暴雨、霧霾等）而導致徒步觀光無法進行時，將一律取消所有預約。<font color="red">(發布限令時將立即取消)</font> <br/>※ 請在以下網站上隨時確認預約當天的氣象特報。 <br/><a href="https://www.accuweather.com/zh/kr/seoul/226081/weather-forecast/226081" target="_blank">(https://www.accuweather.com/zh/kr/seoul/226081/weather-forecast/226081)</a> </li> <li>進行解說時，對於有可能發生的安全事故，首爾徒步解說觀光事務局和首爾文化觀光解說員概不負責。</li> </ul> </div> <div class="guide-layer-agreen"> <input type="checkbox" id="cb-indvdl-chk" > <label for="cb-indvdl-chk" >同意以上內容 (必選)</label> </div> <div class="mt20 textcenter"> <a href="javascript: fn_reqstResve();" class="detail-button" title="open new window" tabindex="0"> <span>前往填寫預約申請書</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('cb-indvdl');" title="Close pop-up window" tabindex="0"> <em class="blind">Button to close pop-up window</em> </a> </div> </div> </div>   <div class="guide-layer-popup" id="cb-barrier"> <div class="inner"> <div class="title-cont"> <span class="title" >預約前說明事項</span> </div> <div class="guide-layer-box"> <ul class="scroll-area"> <li>觀光日基準最少1日前方可進行預約。</li> <li>本線路是為了行動不便者(行動不便的高齡者、殘疾人、嬰兒車利用者等)的路線。</li> <li> 無輔助人員(或同行人)伴隨時，不可利用。<br> ※ 步行不便者1名至少需要1名以上的輔助人員陪同。<br> ※ 電動輔助器具(電動輪椅、電動獨輪車等)使用者時，每壹位輔助人員最多可陪同 4名步行不便者。 </li> <li>希望觀光的日期及線路上無解說員時，預約有可能被取消。</li> <li>為了確認預約，徒步觀光事務局(02-6925-0777)會致電進行確認。<br> (最少5日~壹個月前) 3次以上無法連接時，預約將被取消。</li> <li>進行解說時，對於有可能發生的安全事故，徒步觀光事務局和首爾文化觀光解說員概不負責。</li> <li>氣象特報(酷暑、颱風、暴雨、霧霾等）而導致徒步觀光無法進行時，將一律取消所有預約。<font color="red">(發布限令時將立即取消)</font> <br/>※ 請在以下網站上隨時確認預約當天的氣象特報。 <br/><a href="https://www.accuweather.com/zh/kr/seoul/226081/weather-forecast/226081" target="_blank">(https://www.accuweather.com/zh/kr/seoul/226081/weather-forecast/226081)</a> </li> </ul> </div> <div class="guide-layer-agreen"> <input type="checkbox" id="cb-barrier-chk" > <label for="cb-barrier-chk" >同意以上內容 (必選)</label> </div> <div class="mt20 textcenter"> <a href="javascript: fn_reqstResve();" class="detail-button" title="open new window" tabindex="0"> <span>前往填寫預約申請書</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('cb-barrier');" title="Close pop-up window" tabindex="0"> <em class="blind">Button to close pop-up window</em> </a> </div> </div> </div>   <div class="mask-layer-dobo" style="top:0px;z-index:10000"></div> <script> // 페이지가 로드된 후 실행되는 함수 window.onload = function() { // *박경윤 피드백 : 사이냅 에디터에서 등록한 콘텐츠면 if ($('.se-contents').length > 0) { // 이미지 태그들을 선택 const imgTags = document.querySelectorAll('.se-contents img'); // 각 이미지 태그에 대해 루프 실행 imgTags.forEach(img => { // 이미 alt 속성이 없는 경우에만 alt 속성 추가 if (!img.hasAttribute('alt')) { img.setAttribute('alt', ''); // 원하는 alt 텍스트로 변경 가능 *박경윤 피드백 : alt속성이 없는 경우에 alt속성이 추가될 경우, alt속성의 값은 빈값으로 처리한다. } }); } }; //웹접근성관련 콘텐츠 상세 내용중에 faq-list-cont 영역의 앵커태그 title속성 일괄 처리 if($('.faq-list-cont .faq-q a')){ //페이지에 해당 항목이 있다면 기본값은 "답변 열림"으로 세팅. $('.faq-list-cont .faq-q a').attr('title', 'Open Answer'); //클릭 했을 경우 혹시 열려있는 것이 있을 수 있으므로, 기본값으로 세팅 한 후 클릭한 항목만 수정 처리. $('.faq-list-cont .faq-q a').click(function(){ $('.faq-list-cont .faq-q a').attr('title', 'Open Answer'); let currElemTitle = ''; if($(this).closest('.faq-list-cont').hasClass('active')) { currElemTitle = 'Open Answer'; }else{ currElemTitle = 'Close Answer'; } $(this).attr('title',currElemTitle); }); } if($('.leaflet-marker-icon')) { setTimeout(function(){ $('.leaflet-marker-icon').attr('alt', 'Marker'); $('.leaflet-marker-icon').removeAttr('tabindex'); }, 2000) } </script> </main>   <footer class="footer"> <div class="footer-inner">  <div class="footer-group-01"> <div class="row logo"> <span>  <a class="btn-sto" href="http://www.sto.or.kr" target="_blank" title="Seoul Tourism Organization"> <i class="ico-sto"><em class="blind">STO SEOUL TOURISM ORGANIZATION</em></i> </a> </span> <span> <a class="btn-seoulMySoul" href="https://english.seoul.go.kr/" target="_blank" title="The Seoul Metropolitan Government"> <i class="ico-seoulMySoul"><em class="blind">SEOUL MY SOUL</em></i> </a> </span> </div> <div class="row privacy"> <span> <a class="btn-privacy" href="http://www.sto.or.kr/english/privacy" target="_blank" title="Privacy Statementopen new window"><b>Privacy Statement</b></a> </span> <span> <a class="btn-announcements" href="/announcements" title="Announcement"><b>Announcement</b></a> </span> </div> </div>  <div class="footer-group-02"> <div class="row"> <dl> <dt>Operating Hours/Time</dt> <dd> <span>Mon – Fri, 9 a.m. – 6 p.m. (KST)</span> <span> <a class="btn-link" href="mailto:staff@visitseoul.net" title="Operate external mail delivery system in a new window">staff@visitseoul.net</a> </span> </dd> </dl> <dl> <dt>Inquiry</dt> <dd> <span> <a class="btn-info" href="/tourist-complaint-center" target="_blank" title="Tourist Complaint Center"> <em>Tourist Complaint Center</em> <i class="ico-more"></i> </a> </span> <span> <a class="btn-info" href="https://1330chat.visitkorea.or.kr:3000/#/ttalk_main/CHAT1330_160635739001093018/_0400_0100_localgovernment" target="_blank" title="Open new window for General Tourism Inquiries"> <em>General Tourism Inquiries 1330</em> <i class="ico-more"></i> </a> </span> </dd> </dl> </div> <div class="row"> <dl> <dt>The new official Seoul travel app</dt> <dd> <span> <a class="btn-info" href="https://itunes.apple.com/app/i-tour-seoul/id360156429" target="_blank" title="app store open new window"> <em>App Store</em> <i class="ico-more"></i> </a> </span> <span> <a class="btn-info" href="https://play.google.com/store/apps/details?id=com.sto.android.client.itourseoul" target="_blank" title="google Play open new window"> <em>Google Play</em> <i class="ico-more"></i> </a> </span> </dd> </dl> <dl class="sns"> <dt>Visit Seoul SNS</dt> <dd> <a class="btn-fb" href="https://www.facebook.com/VisitSeoul/" target="_blank" title="Open new window for Visit Seoul Facebook page"> <i class="ico-fb"></i> </a> <a class="btn-instar" href="https://www.instagram.com/visitseoul_official/" target="_blank" title="Open new window for Visit Seoul Instagram page"> <i class="ico-instar"></i> </a> <a class="btn-yt" href="https://www.youtube.com/user/visitseoul" target="_blank" title="Open new window for Visit Seoul Youtube page"> <i class="ico-yt"></i> </a> </dd> </dl> </div> <div class="row copyright"> <span>6F, 85, Cheonggyecheon-ro, Jongno-gu, Seoul, Republic of Korea</span> <span>© 2024 Seoul Tourism Organization. All rights reserved</span> </div> </div> <div class="footer-group-03"> <dl> <dt> <i class="ico-ismsP"> <em class="blind">ISMS·P / Personal Information & Information Security Management System</em> </i> </dt> <dd> Personal information & Information<br> Security Management System</dd> </dl> <dl> <dt> <i class="ico-webacc"> <em class="blind">Ministry of Science and ICT WA (Web Accessibility)Quality Certification Mark, WebWatch 2024.7.9 ~ 2025.7.8</em> </i> </dt> <dd> Web Accessibility<br> Quality Mark</dd> </dl> <dl> <dt> <i class="ico-appAward"> <em class="blind">AA APP AWARD23 INNOVATOR</em> </i> </dt> <dd> Smart App Award<br>2023</dd> </dl> <dl> <dt> <i class="ico-webAward"> <em class="blind">WA WEB AWARD23 WINNER</em> </i> </dt> <dd> Web Award<br>2023</dd> </dl> </div> </div> </footer>  <div class="mask-layer"></div> <div class="mask-layer--search"></div>   <script> $(document).ready(function() { if(location.pathname === "/AboutSeoul"){ $('.main--renewal-2024').removeClass('no-sub-visual'); } }); </script>  </div> <script> $(window).load(function () { if (navigator.userAgent.indexOf("Trident") > 0) { $('.info-IE').css('display', 'block'); window.location.href = 'microsoft-edge:' + location.href; } else if (/MSIE \d |Trident.*rv:/.test(navigator.userAgent)) { $('.info-IE').css('display', 'block'); window.location.href = 'microsoft-edge:' + location.href; } }); </script> <script> _se_p1="Seoul Now"; _se_p2="Exhibitions"; _se_p3=""; _se_p4="Play with K"; _se_p5=""; _se_p6="reserved1"; _se_p7="reserved2"; </script>  <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=281238195644628&ev=PageView&noscript=1" alt=""/> </noscript> <script type="text/javascript"> (function(w, d, a){ w.__beusablerumclient__ = { load : function(src){ var b = d.createElement("script"); b.src = src; b.async=true; b.type = "text/javascript"; d.getElementsByTagName("head")[0].appendChild(b); } };w.__beusablerumclient__.load(a + "?url=" + encodeURIComponent(d.URL)); })(window, document, "//rum.beusable.net/load/b220330e163642u911"); </script> </body> </html>

CINXE.COM

Play with K | The Official Travel Guide to Seoul