2GIL29 GALLERY | The Official Travel Guide to Seoul

<!DOCTYPE html> <html lang="ms" class="ms 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://malay.visitseoul.net/tarikanPelancongan/2024-2Gil29Gallery/MLPrisi5i" hreflang="ms"/> <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="ms_MY"/>  <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-K9ZHNVF');</script>    <title>2GIL29 GALLERY | The Official Travel Guide to Seoul</title>   <meta name="naver-site-verification" content="603544a9307d81ad10a21e19b45c99612e72cbe8"/>  <meta name="msvalidate.01" content="C78695BE1ACBC96EE23961DE4222337D"/>   <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="baidu-site-verification" content="codeva-FDJWprEhMq" /> <meta name="title" content="2GIL29 GALLERY | The Official Travel Guide to Seoul"> <meta name="description" content="GALERI 2GIL29 terletak di Garosu-gil"> <meta name="keywords" content="Gangnam,kuil,galeri,pameranGangnam,muziumseni,pameran"> <meta name="WT.ti" content="Home_Destinasi Pelancongan_Tarikan Pelancongan"/> <meta property="og:type" content="Website"> <meta property="og:title" content="2GIL29 GALLERY"> <meta property="og:description" content="GALERI 2GIL29 terletak di Garosu-gil"> <meta property="og:image" content="http://malay.visitseoul.net/comm/getImage?srvcId=MEDIA&parentSn=67531&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="2GIL29 GALLERY"> <meta name="twitter:description" content="GALERI 2GIL29 terletak di Garosu-gil"> <meta name="twitter:image" content="http://malay.visitseoul.net/comm/getImage?srvcId=MEDIA&parentSn=67531&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_ms.css?20221228_01"/> <script> const sessionId = '84384DAF082B825EFD36E21A19A78851.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.validate/localization/messages_ms.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> <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 = '콘텐츠 보이기'; var hideText = '콘텐츠 숨기기'; var alltext = '전체보기'; var lessText = '접어보기'; </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://malay.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" ] }</script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "WebSite", "url": "https://malay.visitseoul.net/", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://malay.visitseoul.net/search?lang=ms&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-024CH4J497"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-024CH4J497'); </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-K9ZHNVF" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>    <noscript> </noscript>    <div id="accessibility"> <strong class="hd-element">langkau navigasi</strong> <ul> <li><a href="#container"><span>Langkau ke kawasan kandungan</span></a></li> <li><a href="#navigation"><span>Pintasan 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>Visit Seoul mengumpulkan cookie anda bertujuan untuk meningkatkan pengalaman anda, menambah baik laman web kami, dsb.</p> <p>Jika anda terus menggunakan laman web ini, kami menganggap bahawa anda bersetuju dengan pengumpulan cookie.</p> </div> <div class="btn-block"> <a href="javascript:void(0);" class="btn-primary" id="btnCookieAgree"> <em>Membenarkan semua</em> </a> <a href="javascript:void(0);" id="btnCookieDisagree"> <em>Menolak semua</em> </a> <a href="https://www.sto.or.kr/english/privacy" target="_blank" title="buka dalam tetingkap baharu"> <em>Maklumat cookie</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>Laman web ini tidak lagi menyokong pelayaran melalui Internet Explorer. Anda akan ditukarkan ke Microsoft Edge untuk pengunaan yang lebih optimal.</strong> </div> </div> </div>     <input type="hidden" id="quick_menu_open" value="Buka Kawasan Menu Pantas" /> <input type="hidden" id="quick_menu_close" value="Selected Tutup Kawasan Menu Pantas" /> <div class="quick-menu-cont" style=""> <button type="button" id="btn-quick-list-pc" class="btn-quick-list js-quick-list-btn" title="Buka Kawasan Menu Pantas"> <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://malay.visitseoul.net/destinasiPilihanSeoulite" target="_self" title="Go to page"> <i class="ico-pick"></i> <em>pilihan editor</em> </a> </li> <li> <a class="div-cell" href="/map-guide-book" target="_self" title="Peta & Guidebooks"> <i class="ico-guide"></i> <em>Peta & Guidebooks</em> </a> </li> <li> <a class="div-cell" href="/tarikanPelancongan" target="_self" title="tarikanPelancongan"> <i class="ico-place"></i> <em>Tarikan<br>Pelancongan</em> </a> </li> <li> <div class="sns-area div-cell"> <div class="pos-cont"> <a href="https://www.facebook.com/VisitSeoul/" target="_blank" title="Facebook Pembukaan di tetingkap baru"> <i class="ico-fb"></i> <em class="blind">Facebook logo icon</em> </a> <a href="https://www.instagram.com/visitseoul_official/" target="_blank" title="Instagram Pembukaan di tetingkap baru"> <i class="ico-instar"></i> <em class="blind">Instagram logo icon</em> </a> <a href="https://www.youtube.com/user/visitseoul" target="_blank" title="Youtube Pembukaan di tetingkap baru"> <i class="ico-yt"></i> <em class="blind">YouTube logo icon</em> </a> </div> </div> </li> </ul> </div>   <button type="button" class="btn-quick-top js-quick-top-btn" title="pergi ke atas"> <em class="blind">pergi ke butang atas</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="Buka Kawasan Menu Pantas"> <em class="blind">Pergi ke butang menu cepat</em> <i class="ico-arrow"></i> </button> <ul class="quick-menu-list" style=""> <li> <a href="/destinasiPilihanSeoulite" target="_self" title="Go to page"> <div class="text-cont div-cell"> <em>pilihan editor</em> </div> <div class="ico-cont div-cell"> <i class="ico-pick"></i> </div> </a> </li> <li> <a href="/map-guide-book" target="_self" title="Peta & Guidebooks"> <div class="text-cont div-cell"> <em>Peta & Guidebooks</em> </div> <div class="ico-cont div-cell"> <i class="ico-guide"></i> </div> </a> </li> <li> <a href="/tarikanPelancongan" target="_self" title="tarikanPelancongan"> <div class="text-cont div-cell"> <em>Tarikan<br>Pelancongan</em> </div> <div class="ico-cont div-cell"> <i class="ico-place"></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://malay.visitseoul.net"> <span class="hd-element">visitseoul.net</span> </a> </h1> </div> <div class="gnb"> <ul class="gnb-element"> <li> <a href="#none">Pelancong Muslim<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">Pelancong Muslim</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/musolla">Musolla</a> </li> <li> <a href="/tipsbagiMuslim/Panduan20Pelancongan20Seoul20untuk20Pelancong20IslamE2808B/35606">Tips bagi Muslim</a> </li> <li> <a href="/map-guide-book">Buku Panduan & Peta</a> </li> <li> <a href="/curation">Kurasi Perjalanan Seoul</a> </li> </ul> </div> </li> <li> <a href="#none">Cadangan Perjalanan<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">Cadangan Perjalanan</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/destinasiPilihanSeoulite">Destinasi Pilihan Seoulite</a> </li> <li> <a href="/hallyu">Hallyu</a> </li> </ul> </div> </li> <li> <a href="#none">Destinasi Pelancongan<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">Destinasi Pelancongan</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/tarikanPelancongan">Tarikan Pelancongan</a> </li> <li> <a href="/alamSemulaJadi">Alam Semula Jadi</a> </li> <li> <a href="/lokasiHiburan">Lokasi Hiburan</a> </li> <li> <a href="/lokasiBeli-belah">Lokasi Beli-belah</a> </li> <li> <a href="/restoran">Restoran</a> </li> <li> <a href="/area">Kawasan Untuk Diterokai</a> </li> </ul> </div> </li> <li> <a href="#none">Maklumat Perjalanan<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">Maklumat Perjalanan</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/AboutSeoul">About Seoul</a> </li> <li> <a href="/Getting-to-seoul">Pengangkutan</a> </li> <li> <a href="/Bantuan-Pelancong">Bantuan Pelancong</a> </li> <li> <a href="/program">Program</a> </li> <li> <a href="/Accommodation"> Penginapan</a> </li> <li> <a href="/archive">Seoul Tourist Archive</a> </li> <li> <a href="/Before-You-Go">Sebelum Berlepas ke Seoul</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="Buka kawasan carian"> <span class="blind">Buka kawasan carian</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">Kegemaran saya</span> </button> </div>  <div class="mylike-open-area" id="mylikeOpenArea" style=""> <div class="title"> <h3>Kegemaran saya</h3> <button type="button" class="btn-like-tooltip"> <i class="ico-info"> <em class="blind">Butang Petua Alat Kegemaran Saya</em> </i> </button>  <div class="info-balloon"> <p> <span class="change-word-break">Simpan maklumat perjalanan yang menarik minat anda. Ini ialah fungsi yang membolehkan anda mencari mengikut wilayah di 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>Lihat Kegemaran Saya</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="Buka menu pemilihan bahasa laman web"> <div class="mo-view"> <span class="lang-text">Malay</span> <i class="ion-ios-arrow-down"></i> </div> <span class="lang-text blind">Pautan Terbuka Berbilang Bahasa</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="Buka menu Laman Keluarga" /> <input type="hidden" id="family_close_text" value="Tutup menu Laman Keluarga" /> <input type="hidden" id="lang_open_text" value="Buka menu pemilihan bahasa laman web" /> <input type="hidden" id="lang_close_text" value="Tutup menu pemilihan bahasa laman web" /> <div class="family-element"> <a href="javascript:void(0);" class="a_family js-btn-family--2024" title="Buka menu Laman Keluarga"> <div class="mo-view"> <span class="lang-text">Family Site</span> <i class="ion-ios-arrow-down"></i> </div> <span class="lang-text">Family Site</span> </a> <ul class="lang-open-lst family-list"> <li><a href="http://www.miceseoul.com/index" target="_blank" title="Seoul Convention Bureau buka dalam tetingkap baharu">Seoul Convention Bureau</a></li> <li><a href="http://english.visitseoul.net/partners-en" target="_blank" title="Partners buka dalam tetingkap baharu">Partners</a></li> <li><a href="http://www.sto.or.kr/english/index" target="_blank" title="STO buka dalam tetingkap baharu">About STO</a></li> <li><a href="https://medical.visitseoul.net/en" target="_blank" title="Medical Tour buka dalam tetingkap baharu">Medical Tour</a></li> <li><a href="http://archive.visitseoul.net" target="_blank" title="SEOUL TOURISM ARCHIVE buka dalam tetingkap baharu">TOURISM ARCHIVE</a></li> <li><a href="https://www.discoverseoulpass.com/app/main" target="_blank" title="Discover Seoul Pass buka dalam tetingkap baharu">Discover Seoul Pass</a></li> <li><a href="https://stay.visitseoul.net/seoul-stay?lang=en" target="_blank" title="Seoul Stay buka dalam tetingkap baharu">Seoul Stay</a></li> <li><a href="https://www.seouldanurim.net/en/index" target="_blank" title="Accessible Seoul buka dalam tetingkap baharu">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">butang untuk membuka menu paparan penuh</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="ms" name="lang"/> <div class="input-field"> <label for="search_name" class="hd-element">Buka kawasan carian</label> <input type="text" id="search_name" name="searchTerm" autocomplete="off" title="Sila masukkan istilah carian" placeholder="Sila masukkan istilah carian" /> <button type="button" class="input-search_clear"><em class="blind">Padamkan istilah carian</em></button> <button type="button" class="btn-search" onclick="javascript:goSearch();"> <span class="blind">jalankan carian</span> </button> </div> <div class="search-open-area" id="searchOpenArea" style=""> <div class="search-list "> <h3>Ranking Carian</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://malay.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">carian</span></button> </div> <div class="search-open-area" id="searchOpenAreaMobile"> <div class="input-field"> <label for="search_nameMobile" class="hd-element">kawasan carian</label> <input type="text" id="search_nameMobile" name="searchTerm" title="Sila masukkan istilah carian anda" 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">jalankan carian</span></button> </div> <div class="search-list"> <h3>Ranking Carian</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">Kegemaran saya</span></button> </div>  <div class="mylike-open-area" id="mylikeOpenAreaM"> <div class="title"> <h3>Kegemaran saya</h3> <button id="btnTooltipM" type="button" class="btn-like-tooltip"><i class="ico-info"><em id="spanHdElementM" class="blind">Butang Petua Alat Kegemaran Saya</em></i></button>  <div id="divInfoBalloonM" class="info-balloon"> <p> <span class="change-word-break">Simpan maklumat perjalanan yang menarik minat anda. Ini ialah fungsi yang membolehkan anda mencari mengikut wilayah di 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>Lihat Kegemaran Saya</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://malay.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="Tutup semua menu paparan"> <em class="blind">Lihat Semua Butang Tutup Menu</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('Cerah'); break; case '2': case '3': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Mendung'); break; case '5': case '6': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Mendung'); break; case '4': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Mendung'); break; case '7': case '8': case '9': $('.ico-weather').addClass('storm'); $('.ico-weather-blind').text('ribut'); 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('Hujan Kecil'); 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('salji'); break; case '39': case '40': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Mendung'); 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/ms', 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 = 'ms'; if(langCodeId === "zh-CN" || langCodeId === "zh-TW"){ langCodeId = langCodeId.replace("-", "_"); } if($('#mylikeCont').hasClass('active')) { $('#mylikeCont').removeClass('active'); $('.hd-element-favpopup').text('Kegemaran saya'); }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('ms', 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('Tutup kegemaran saya'); // }else{ // $('.hd-element-favpopup').text('Kegemaran saya'); // } }); $('#btnMylikeM').click(function(){ var langCodeId = 'ms'; if(langCodeId === "zh-CN" || langCodeId === "zh-TW"){ langCodeId = langCodeId.replace("-", "_"); } if($('#mylikeContM').hasClass('active')) { // getLastData('ms', 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('Tutup kegemaran saya'); $('#mylikeContM').removeClass('active'); $('.hd-element-favpopup').text('Kegemaran saya'); }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('Tutup kegemaran saya'); $('#mylikeContM').addClass('active'); // $('.hd-element-favpopup').text('Kegemaran saya'); } }); $('.btn-like-tooltip').click(function(){ if($('#divInfoBalloon').hasClass('active')) { $('#btnTooltip').attr('title', 'Tutup Petua alat kegemaran saya'); }else{ $('#btnTooltip').attr('title', 'Buka Petua alat kegemaran saya'); } if($('#divInfoBalloonM').hasClass('active')) { $('#btnTooltipM').attr('title', 'Tutup Petua alat kegemaran saya'); }else{ $('#btnTooltipM').attr('title', 'Buka Petua alat kegemaran saya'); } }); $('#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> Destinasi Pelancongan<span class="ar">></span> <span> <a href="/tarikanPelancongan" title="Go to page" >Tarikan Pelancongan</a> </span> </div>  <section class="infor-element">  <div class="infor-title"> <div class="text-type"> Tarikan Pelancongan</div> <h3 class="h3 textcenter">2GIL29 GALLERY</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>Pilih kawasan!</h3> <p> Simpan maklumat perjalanan yang menarik minat anda mengikut kawasan agar anda dapat melihatnya kemudian pada senarai�kegemaran�anda</p> <em>※ Kawasan konten telah dipilih</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>Simpan</span> </a> </div>  <button type="button" class="btn-close js-popup-close"> <i class="ico-close"><em class="blind">Tutup kegemaran saya</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=67531&fileTy=MEDIA&fileNo=1'; if(area == null || area == '') { area = 'TURSM_AREA_8'; } getDataByCid('MLPrisi5i' , function(result){ if(result){ deleteByCid('MLPrisi5i', 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('Kegemaran saya '); } }); }else{ var jobj = { cid : 'MLPrisi5i' , postSn : '46807' , postSj : '2GIL29 GALLERY' , type : 'P' , fdHsAt : '', halal : '', stcepAt : '', area : area , startDt : '' , endDt : '' , ctgrySn : '1161' , ctgryNm : 'Tarikan Pelancongan' , linkUrl : location.protocol + '//' + location.host + location.pathname , thumbUrl : location.protocol + '//' + location.host + '/comm/getImage?srvcId=MEDIA&parentSn=67531&fileTy=MEDIA&fileNo=1', langCodeId : 'ms', 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('Kegemaran saya '+ ' ' +' Selected '); } }); } }); } </script> <input type="hidden" id="titleStatus" value="open"/> <input type="hidden" id="msg71" value="Buka Salin URL" /> <input type="hidden" id="msg72" value="URL salin ditutup" /> <dl class="share-detial-element"> <dd class="like"> <button type="button" id="btnLike" class="btn-like" ><em class="blind">Kegemaran saya</em></button> </dd> <dd class="share"> <button id="btnSharePopup" type="button" class="btn-share"> <em class="blind">Kongsi ke Media Sosial</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">Kongsi ke Media SosialClose</em></i> </button> <h3>SNS share</h3>  <ul class="share-item"> <li> <a href="#" class="btn-fb" title="buka dalam tetingkap baharu"> <span class="hd-element">facebook url</span> </a> </li> <li> <a href="#" class="btn-tw" target="_blank" title="buka dalam tetingkap baharu"> <span class="hd-element">Share on Twitter Opens new window</span> </a> </li> </ul> <div class="share-input"> <label for="urlCopy" class="hd-element">URL halaman semasa</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 = 'TURSM_AREA_6'; 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('2GIL29 GALLERY', 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('2GIL29 GALLERY','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('MLPrisi5i' , function(result){ if(result){ $('#btnLike').attr('data-like-active', true); $('#btnLike').attr('data-like-on', true); $('#btnLike').find('em').html('Kegemaran saya '+ ' ' +' Selected '); }else{ $('#btnLike').attr('data-like-active', false); $('#btnLike').attr('data-like-on', false); $('#btnLike').find('em').html('Kegemaran saya '); } }); }); function shareMessage(url) { Kakao.Share.sendDefault({ objectType: 'feed', content: { title: 'VisitSeoul', description: '2GIL29 GALLERY', imageUrl: '/comm/getImage?srvcId=MEDIA&parentSn=67531&fileTy=MEDIA&fileNo=1', link: { mobileWebUrl: url, webUrl: url, }, } }); } </script> </div> <div class="post-element"> <span>Published Date : 09.09.2024 / Edited Date : 09.09.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=67532&fileTy=MEDIA&fileNo=1&thumbTy=L');"> <em class="blind">2GIL29 GALLERY_1</em> </div>  <div class="item" style="background-image:url('/comm/getImage?srvcId=MEDIA&parentSn=67533&fileTy=MEDIA&fileNo=1&thumbTy=L');"> <em class="blind">2GIL29 GALLERY_2</em> </div>  <div class="item" style="background-image:url('/comm/getImage?srvcId=MEDIA&parentSn=67534&fileTy=MEDIA&fileNo=1&thumbTy=L');"> <em class="blind">2GIL29 GALLERY_3</em> </div>  <div class="item" style="background-image:url('/comm/getImage?srvcId=MEDIA&parentSn=67535&fileTy=MEDIA&fileNo=1&thumbTy=L');"> <em class="blind">2GIL29 GALLERY_4</em> </div> </div>  </div>  <div class="text-area"> <input type="hidden" name="tmpLangCodeId" value="ms " /> <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;"><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;">Terletak di Garosu-gil, Sinsa-dong, Gangnam, di mana anda boleh merasai kepelbagaian minat, keramaian dan budaya dinamik Seoul, Galeri 2GIL29 telah giat memperkenalkan seni dan budaya kontemporari kepada orang ramai sejak dibuka pada 2015. Setakat ini, galeri bertujuan untuk mempelbagaikan pasaran seni Korea dengan berinteraksi secara aktif dengan artis yang memainkan peranan penting dalam dunia seni Korea, seperti Hong Jeong-hee, Choi Seon-ho, Nam June Paik, Lim Young-gyun, dan Kang Seok-young , serta diperkenalkan oleh Kwon Young-ho dan Charlie Han. Kurasi pameran Galeri 2GIL29 adalah berdasarkan pelbagai karya kreatif, yang membawa kepada wacana artistik yang lebih positif dan progresif. Kami berbangga kerana dapat melangkaui pendekatan audio-visual yang mudah untuk bekerja melalui komunikasi yang lebih mendalam dan simpati terhadap seni, dan untuk meningkatkan lagi nilai aktiviti kreatif melalui pertukaran estetika dan rohani yang bermakna dengan artis. Selain itu, kami berusaha untuk menemui dan memupuk artis baharu seperti pengitar semula Hong Ji-hee, penyanyi yang bertukar menjadi pelukis Hyun-seok Yoo dan Kwon Jae-hyuk dari UAL di UK.</span></p></div></div></div> </div> <div class="detial-cont-element active"> <div class="detail-map-infor first border"> <dl> <dt>Telefon</dt> <dd>+82-2-6203-2015</dd> </dl> <dl> <dt>Laman web</dt> <dd> <a href="https://www.2gil29gallery.com/" target="_blank" title="Laman web">Lihat laman web<span class="ion-ios-arrow-thin-right"></span> </a> </dd> </dl> <dl> <dt>Waktu Operasi</dt> <dd>10:00~19:00</dd> </dl> <dl> <dt>Tutup</dt> <dd>Tutup pada hari Ahad dan Isnin <br>Ditutup semasa cuti Chuseok pada 16-18 September</dd> </dl> <dl> <dt>Hari beroperasi</dt> <dd>Selasa~Sabtu</dd> </dl>  <dl> <dt>Maklumat Penting!</dt> <dd>Sila rujuk laman web untuk butiran lanjut.</dd> </dl>  <dl> <dt>Alamat</dt> <dd> 06034  Galeri Igil-gu, 35 Gangnam-daero 158-gil, Gangnam-gu, Seoul  </dd> </dl> <dl> <dt>Petunjuk</dt> <dd>Kira-kira 460m dari Pintu Keluar 8 Stesen Sinsa, Laluan 3 atau Laluan Shinbundang (6 minit berjalan kaki)</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.5197495682315'; var lng = '127.021480246749'; 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" : "ms", "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" : "ms"}, 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" : "ms","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> Jumlah Masa:'+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>'; 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="Pengangkutan">'; 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 +=' </th>'; ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'; ncn +=' <a href="javascript:startfoucs()">2GIL29 GALLERY</a>'; /* ncn +='<span class="road_gray">'; ncn +=' Galeri Igil-gu, 35 Gangnam-daero 158-gil, Gangnam-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>'; 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="Pengangkutan">'; 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 +=' </th>'; ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'; ncn +=' <a href="javascript:startfoucs()">2GIL29 GALLERY</a>'; /* ncn +='<span class="road_gray">'; ncn +=' Galeri Igil-gu, 35 Gangnam-daero 158-gil, Gangnam-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>'; 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="Pengangkutan">'; 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 +=' </th>'; ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'; ncn +=' <a href="javascript:startfoucs()">2GIL29 GALLERY</a>'; /* ncn +='<span class="road_gray">'; ncn +=' Galeri Igil-gu, 35 Gangnam-daero 158-gil, Gangnam-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>'; 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="Pengangkutan">'; 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 +=' </th>'; ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'; ncn +=' <a href="javascript:startfoucs()">2GIL29 GALLERY</a>'; /* ncn +='<span class="road_gray">'; ncn +=' Galeri Igil-gu, 35 Gangnam-daero 158-gil, Gangnam-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="Paparan Peta: Untuk pengguna pembaca skrin, lihat penerangan di bawah.">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="Sila pilih destinasi anda!" title="Sila pilih destinasi anda!"> </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> Perincian Petunjuk Arah<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);">Bas</a></li> <li id="locationinfoTab4"><a href="javascript:tabFnc(4);">Bas+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=ms&searchTerm=Gangnam' >#Gangnam</a> <a href='/search?search_radio=T&lang=ms&searchTerm=kuil' >#kuil</a> <a href='/search?search_radio=T&lang=ms&searchTerm=galeri' >#galeri</a> <a href='/search?search_radio=T&lang=ms&searchTerm=pameranGangnam' >#pameranGangnam</a> <a href='/search?search_radio=T&lang=ms&searchTerm=muziumseni' >#muziumseni</a> <a href='/search?search_radio=T&lang=ms&searchTerm=pameran' >#pameran</a> </p> </section> <section class="article-list-element article-list-slide"> <h3 class="h3">Cadangan berkaitan</h3> <ul class="article-list shopping"> <li> <a href="/lokasiBeli-belah/reworks120/MLPctswkv" target="_self" title="Go to page"> <div class="thumb" style="background-image:url('/comm/getImage?srvcId=MEDIA&parentSn=64521&fileTy=MEDIA&fileNo=1&thumbTy=M')"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">reworks120</span> <span class="small-text text-dot-d"> Gentle Monster ialah kedai optik dan kedai pemilihan cermin mata premium yang terletak di Garosu-gil.</span> </div> </div> </a> </li> <li> <a href="/lokasiHiburan/cheyul/MLP2ikgt3" target="_self" title="Go to page"> <div class="thumb" style="background-image:url('/comm/getImage?srvcId=MEDIA&parentSn=64568&fileTy=MEDIA&fileNo=1&thumbTy=M')"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">Chaeyul</span> <span class="small-text text-dot-d"> Hasil Kraf Tangan para Seniman pengukir, pertukangan dan artis tradisional Korea dipamerkan dan dijual dengan harga yang berpatutan. Kraf Tangan tradisional yang menggunakan mutiara juga disediakan.</span> </div> </div> </a> </li> <li> <a href="/restoran/Ibu-Pejabat-Ondaljip/MLP042311" target="_self" title="Go to page"> <div class="thumb" style="background-image:url('/comm/getImage?srvcId=POST&parentSn=42311&fileTy=POSTTHUMB&fileNo=1&thumbTy=M')"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">Ibu Pejabat Ondaljip</span> <span class="small-text text-dot-d"> Terletak berhampiran Stasiun Sinsa, menu utama Ondaljip ialah kaki ayam dan belut, 167 meter dari Pintu KeBagian luar 8 Stasiun Sinsa di Laluan 3.</span> </div> </div> </a> </li> <li> <a href="/gangnam/VILLA-de-BAILEY-BM/MLP024607" target="_self" title="Go to page"> <div class="thumb" style="background-image:url('/comm/getImage?srvcId=POST&parentSn=39157&fileTy=POSTTHUMB&fileNo=1&thumbTy=M')"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">VILLA de BAILEY</span> <span class="small-text text-dot-d"> Villa De Bailey merupakan sebuah ruangan persendirian yang mewah, merangkumi taman tepi kolam, bilik bankuet 6 tingkat, dan bilik bankuet 8 tingkat. </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="buka dalam tetingkap baharu" />    <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="buka dalam tetingkap baharu" 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="buka dalam tetingkap baharu" 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="buka dalam tetingkap baharu" 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="buka dalam tetingkap baharu" 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="buka dalam tetingkap baharu" 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="buka dalam tetingkap baharu" 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="buka dalam tetingkap baharu" 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="buka dalam tetingkap baharu" 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="buka dalam tetingkap baharu" 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="buka dalam tetingkap baharu" 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="buka dalam tetingkap baharu" 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="buka dalam tetingkap baharu" 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="buka dalam tetingkap baharu" 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', 'Buka jawapan'); //클릭 했을 경우 혹시 열려있는 것이 있을 수 있으므로, 기본값으로 세팅 한 후 클릭한 항목만 수정 처리. $('.faq-list-cont .faq-q a').click(function(){ $('.faq-list-cont .faq-q a').attr('title', 'Buka jawapan'); let currElemTitle = ''; if($(this).closest('.faq-list-cont').hasClass('active')) { currElemTitle = 'Buka jawapan'; }else{ currElemTitle = 'Tutup jawapan'; } $(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/english/index" target="_blank" title="Opens a new window to the Seoul Tourism Organisation page"> <i class="ico-sto"><em class="blind">STO SEOUL TOURISM ORGANIZATION</em></i> </a> </span> <span> <a class="btn-seoulMySoul" href="https://world.seoul.go.kr/" target="_blank" title="Opens a new window to the Seoul Metropolitan City page"> <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="Dasar Privasibuka dalam tetingkap baharu"><b>Dasar Privasi</b></a> </span> <span> </span> </div> </div>  <div class="footer-group-02"> <div class="row"> <dl> <dt>Waktu operasi</dt> <dd> <span>Isnin-Jumaat 9 pg. – 6 ptg. (KST)</span> <span> <a class="btn-link" href="mailto:staff@visitseoul.net" title="">staff@visitseoul.net</a> </span> </dd> </dl> <dl> <dt>Pusat Aduan Pelancongan</dt> <dd> <span> <a class="btn-info" href="/tourist-complaint-center" target="_blank" title="Pusat Aduan Pelancongan Open a new window"> <em>Pusat Aduan Pelancongan</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="buka Pertanyaan pelancongan umum dalam tetingkap baharu Buka dalam tetingkap baharu"> <em>buka Pertanyaan pelancongan umum dalam tetingkap baharu 1330</em> <i class="ico-more"></i> </a> </span> </dd> </dl> </div> <div class="row"> <dl> <dt>Aplikasi Mudah Alih VisitSeoul</dt> <dd> <span> <a class="btn-info" href="https://itunes.apple.com/app/i-tour-seoul/id360156429" target="_blank" title="app store buka dalam tetingkap baharu"> <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 buka dalam tetingkap baharu"> <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="Facebook Pembukaan di tetingkap baru"> <i class="ico-fb"></i> </a> <a class="btn-instar" href="https://www.instagram.com/visitseoul_official/" target="_blank" title="Instagram Pembukaan di tetingkap baru"> <i class="ico-instar"></i> </a> <a class="btn-yt" href="https://www.youtube.com/user/visitseoul" target="_blank" title="Youtube Pembukaan di tetingkap baru"> <i class="ico-yt"></i> </a> </dd> </dl> </div> <div class="row copyright"> <span>85, Cheonggyecheon-ro, Jongno-gu, Seoul (6F, 31 Building)</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 / Maklumat Peribadi & Sistem Pengurusan Keselamatan Maklumat</em> </i> </dt> <dd> Maklumat Peribadi & Sistem Pengurusan<br> Keselamatan Maklumat</dd> </dl> <dl> <dt> <i class="ico-webacc"> <em class="blind">Logo Pensijilan Kualiti WA dari Ministry of Science and ICT, WebWatch 2024.7.9 ~ 2025.7.8</em> </i> </dt> <dd> Logo Pensijilan Kualiti WA dari<br> Ministry of Science and ICT</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="Destinasi Pelancongan"; _se_p2="Tarikan Pelancongan"; _se_p3=""; _se_p4="2GIL29 GALLERY"; _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

2GIL29 GALLERY | The Official Travel Guide to Seoul