金仁順精選集≪站起來的生活≫ | 首爾市官方旅遊資訊網站

<!DOCTYPE html> <html lang="zh-TW" class="zh-TW 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://tchinese.visitseoul.net/exhibition/2024-KIScollection/TCPmnz7ln" hreflang="zh-TW"/> <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="zh_TW"/>  <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-KXKS64J');</script>    <title>金仁順精選集≪站起來的生活≫ | 首爾市官方旅遊資訊網站</title>   <meta name="naver-site-verification" content="4407184d5d86444cd427b95f0d2f011a7ecf49d0"/>  <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="金仁順精選集≪站起來的生活≫ | 首爾市官方旅遊資訊網站"> <meta name="description" content="金仁順的《站起來的生活》展覽深入探討了她在「女性」議題上的藝術實踐。此次展覽包含三個部分，共展示20件藝術作品及檔案資料，期望能夠引起大家對韓國女性藝術的興趣，並鼓勵各種研究與討論的深入。"> <meta name="keywords" content="金仁順精選集,金仁順,首爾市立美術館,首爾美術館,免費展覽,首爾展覽"> <meta name="WT.ti" content="Home_最新資訊_展覽＆公演"/> <meta property="og:type" content="Website"> <meta property="og:title" content="金仁順精選集≪站起來的生活≫"> <meta property="og:description" content="金仁順的《站起來的生活》展覽深入探討了她在「女性」議題上的藝術實踐。此次展覽包含三個部分，共展示20件藝術作品及檔案資料，期望能夠引起大家對韓國女性藝術的興趣，並鼓勵各種研究與討論的深入。"> <meta property="og:image" content="http://tchinese.visitseoul.net/comm/getImage?srvcId=MEDIA&parentSn=68318&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="金仁順精選集≪站起來的生活≫"> <meta name="twitter:description" content="金仁順的《站起來的生活》展覽深入探討了她在「女性」議題上的藝術實踐。此次展覽包含三個部分，共展示20件藝術作品及檔案資料，期望能夠引起大家對韓國女性藝術的興趣，並鼓勵各種研究與討論的深入。"> <meta name="twitter:image" content="http://tchinese.visitseoul.net/comm/getImage?srvcId=MEDIA&parentSn=68318&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=20241205"/> <link rel="stylesheet" href="/resources/theme/style/mayday_sub_zh-TW.css?20221228_01"/> <script> const sessionId = '393123B2DDD07C6B60AC808EE44B4146.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_zh-TW.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=20241218_3" 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=20250120"> <link rel="stylesheet" href="/resources/theme/v2/style/main.css?bust=20241010"> <link rel="stylesheet" href="/resources/theme/v2/style/content.css?bust=20250120"> <script src="/resources/theme/plugin/jquery.tmpl.js"></script>    <script src="/resources/theme/v2/script/ui.js?bust=20241220"></script>  <script type="application/ld+json">{ "@context": "http://schema.org", "@type": "Organization", "name": "Visit Seoul", "url": "https://tchinese.visitseoul.net", "logo": "https://korean.visitseoul.net/comm/getImage?srvcId=MEDIA&parentSn=49029&fileTy=MEDIA&fileNo=1", "sameAs": [ "https://www.instagram.com/visitseoul_official_tc", "https://www.facebook.com/VisitSeoul.TC", "https://www.youtube.com/c/VisitSeoulTV" ] }</script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "WebSite", "url": "https://tchinese.visitseoul.net/", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://tchinese.visitseoul.net/search?lang=zh-TW&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-XGQ6R4BLWS"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XGQ6R4BLWS'); </script>    <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?9e03c7a6d4fa42e5814019ceab26da40"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </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-KXKS64J" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>    <noscript> </noscript>    <div id="accessibility"> <strong class="hd-element">跳過導航</strong> <ul> <li><a href="#container"><span>跳到課文</span></a></li> <li><a href="#navigation"><span>菜單快捷鍵</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://tchinese.visitseoul.net/announcements/Visit-Seoul%E9%9B%B2%E7%AB%AF%E8%B3%87%E6%96%99%E8%BD%89%E7%A7%BB%E4%BD%9C%E6%A5%AD%E5%85%AC%E5%91%8A%EF%BC%882024%E5%B9%B49%E6%9C%8819%E6%97%A5%EF%BC%88%E9%80%B1%E5%9B%9B%EF%BC%89%E8%87%B310%E6%9C%8802%E6%97%A5%EF%BC%88%E9%80%B1%E4%B8%89%EF%BC%89%EF%BC%89/TCB013747?curPage=1" target="_self" title="前往頁面"> <strong> Visit Seoul雲端資料轉移作業公告（2024年9月19日（週四）至10月02日（週三））</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以提高使用者體驗、改善網站內容等目的，進行使用者瀏覽紀錄蒐集</p> <p>如果繼續瀏覽網站，將視爲同意收集以及使用您的瀏覽記錄（Cookie）。</p> </div> <div class="btn-block"> <a href="javascript:void(0);" class="btn-primary" id="btnCookieAgree"> <em>全部同意</em> </a> <a href="javascript:void(0);" id="btnCookieDisagree"> <em>全部不同意</em> </a> <a href="https://www.sto.or.kr/english/privacy" target="_blank" title="另開新視窗"> <em>瀏覽紀錄資料</em> </a> </div> </div> </div>   <div class="top-banner-area info-IE" style="display:none;"> <div class="inner-cont"> <div class="top-banner"> <i class="ico-exclamation-mark"></i><strong>此網站不再支援Internet Explorer瀏覽器。為提供最優質的體驗，我們現將為您轉駁至Edge瀏覽器。</strong> </div> </div> </div>     <input type="hidden" id="quick_menu_open" value="打開快速菜單區域" /> <input type="hidden" id="quick_menu_close" value="選擇關閉快速菜單區域" /> <div class="quick-menu-cont" style=""> <button type="button" id="btn-quick-list-pc" class="btn-quick-list js-quick-list-btn" title="打開快速菜單區域"> <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://tchinese.visitseoul.net/editorspicks" target="_self" title="前往頁面"> <i class="ico-editorpick"></i> <em>編輯專欄</em> </a> </li> <li> <a class="div-cell" href="https://tchinese.visitseoul.net/exhibition-events#tabAll&selectedMonth=202411" target="_self" title="前往頁面"> <i class="ico-exhibition"></i> <em>展覽/公演/節慶與活動</em> </a> </li> <li> <a class="div-cell" href="https://tchinese.visitseoul.net/safe-travel" target="_self" title="前往頁面"> <i class="ico-smarttrip"></i> <em>智慧首爾之旅</em> </a> </li> <li> <div class="sns-area div-cell"> <div class="pos-cont"> <a href="https://www.facebook.com/VisitSeoul.TC/" target="_blank" title="新視窗開啟Visit Seoul Facebook"> <i class="ico-fb"></i> <em class="blind">Facebook Logo圖示</em> </a> <a href="https://instagram.com/visitseoul_official_tc?utm_medium=copy_link" target="_blank" title="新視窗開啟Visit Seoul Instagram"> <i class="ico-instar"></i> <em class="blind">Instagram Logo圖示</em> </a> <a href="https://www.youtube.com/user/visitseoul" target="_blank" title="新視窗開啟Visit Seoul Youtube"> <i class="ico-yt"></i> <em class="blind">Youtube Logo圖示</em> </a> </div> </div> </li> </ul> </div>   <button type="button" class="btn-quick-top js-quick-top-btn" title="轉到頂端"> <em class="blind">到最頂端的按鈕</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="打開快速菜單區域"> <em class="blind">快速菜单按钮</em> <i class="ico-arrow"></i> </button> <ul class="quick-menu-list" style=""> <li> <a href="https://tchinese.visitseoul.net/editorspicks" target="_self" title="前往頁面"> <div class="text-cont div-cell"> <em>編輯專欄</em> </div> <div class="ico-cont div-cell"> <i class="ico-editorpick"></i> </div> </a> </li> <li> <a href="https://tchinese.visitseoul.net/exhibition-events#tabAll&selectedMonth=202411" target="_self" title="前往頁面"> <div class="text-cont div-cell"> <em>展覽/公演/節慶與活動</em> </div> <div class="ico-cont div-cell"> <i class="ico-exhibition"></i> </div> </a> </li> <li> <a href="https://tchinese.visitseoul.net/safe-travel" target="_self" title="前往頁面"> <div class="text-cont div-cell"> <em>智慧首爾之旅</em> </div> <div class="ico-cont div-cell"> <i class="ico-smarttrip"></i> </div> </a> </li> </ul> </div>     <header class="sub" id="navigation"> <div class="main">  <div class="menu-wrap js-menu-wrap--2024"> <div class="pull-left"> <h1> <a href="https://tchinese.visitseoul.net"> <span class="hd-element">visitseoul.net</span> </a> </h1> </div> <div class="gnb"> <ul class="gnb-element"> <li> <a href="#none">最新資訊<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">最新資訊</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/exhibition-events">展覽/公演/節慶與活動</a> </li> <li> <a href="/event">Visit Seoul 網站活動</a> </li> <li> <a href="/curation">我的首爾攻略</a> </li> <li> <a href="/archive">首爾觀光資料館</a> </li> </ul> </div> </li> <li> <a href="#none">旅遊精選<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">旅遊精選</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/editorspicks">編輯專欄</a> </li> <li> <a href="/walking-tour">首爾徒步解說觀光</a> </li> <li> <a href="/seoul-hiking">首爾市中心登山旅遊</a> </li> <li> <a href="/hallyu">韓流觀光</a> </li> <li> <a href="/mvp">首爾觀光推薦主題路線</a> </li> <li> <a href="/accessible-seoul">首爾無障礙旅遊</a> </li> </ul> </div> </li> <li> <a href="#none">玩轉首爾<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">玩轉首爾</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/attractions">景點</a> </li> <li> <a href="/nature">自然</a> </li> <li> <a href="/entertainment">娛樂</a> </li> <li> <a href="/shopping">購物</a> </li> <li> <a href="/restaurants">美食</a> </li> <li> <a href="/area">必遊地區</a> </li> </ul> </div> </li> <li> <a href="#none">旅遊指南<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">旅遊指南</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/AboutSeoul">About Seoul</a> </li> <li> <a href="/map-guide-book">地圖與旅遊指南書</a> </li> <li> <a href="/safe-travel">智慧首爾之旅</a> </li> <li> <a href="/Getting-to-seoul">交通工具</a> </li> <li> <a href="/Accommodation"> 住宿</a> </li> <li> <a href="/Before-You-Go">行前準備</a> </li> <li> <a href="/traveler-support">遊客服務</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="打開搜索區域"> <span class="blind">打開搜索區域</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">我的收藏</span> </button> </div>  <div class="mylike-open-area" id="mylikeOpenArea" style=""> <div class="title"> <h3>我的收藏</h3> <button type="button" class="btn-like-tooltip"> <i class="ico-info"> <em class="blind">我的最愛工具提示按鈕</em> </i> </button>  <div class="info-balloon"> <p> <span class="change-word-break">在我的收藏裏，</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>點擊進入我的收藏</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="開啟語言選單"> <div class="mo-view"> <span class="lang-text">繁體中文</span> <i class="ion-ios-arrow-down"></i> </div> <span class="lang-text blind">多語言開放鏈接</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="開啟相關網站連結" /> <input type="hidden" id="family_close_text" value="關閉相關網站連結" /> <input type="hidden" id="lang_open_text" value="開啟語言選單" /> <input type="hidden" id="lang_close_text" value="關閉語言選單" /> <div class="family-element"> <a href="javascript:void(0);" class="a_family js-btn-family--2024" title="開啟相關網站連結"> <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://chinese.miceseoul.com/index" target="_blank" title="Seoul Convention Bureau 另開新視窗">Seoul Convention Bureau</a></li> <li><a href="http://tchinese.visitseoul.net/partners-tc" target="_blank" title="Partners 另開新視窗">Partners</a></li> <li><a href="http://www.sto.or.kr" target="_blank" title="STO 另開新視窗">About STO</a></li> <li><a href="https://medical.visitseoul.net/tw" target="_blank" title="Medical Tour 另開新視窗">Medical Tour</a></li> <li><a href="http://archive.visitseoul.net" target="_blank" title="SEOUL TOURISM ARCHIVE 另開新視窗">TOURISM ARCHIVE</a></li> <li><a href="https://www.discoverseoulpass.com/app/main" target="_blank" title="Discover Seoul Pass 另開新視窗">Discover Seoul Pass</a></li> <li><a href="https://stay.visitseoul.net/seoul-stay?lang=zh-TW" target="_blank" title="Seoul Stay 另開新視窗">Seoul Stay</a></li> <li><a href="https://www.seouldanurim.net/en/index" target="_blank" title="Accessible Seoul 另開新視窗">Accessible Seoul</a></li> <li><a href="https://seoulhiking.or.kr" target="_blank" title="Seoul Hiking Tourism 另開新視窗">Seoul Hiking Tourism</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">打開全部視圖菜單按鈕</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="zh-TW" name="lang"/> <div class="input-field"> <label for="search_name" class="hd-element">打開搜索區域</label> <input type="text" id="search_name" name="searchTerm" autocomplete="off" title="請輸入搜索詞。" placeholder="請輸入搜索詞。" /> <button type="button" class="input-search_clear"><em class="blind">刪除搜索詞</em></button> <button type="button" class="btn-search" onclick="javascript:goSearch();"> <span class="blind">運行搜索</span> </button> </div> <div class="search-open-area" id="searchOpenArea" style=""> <div class="search-list "> <h3>熱門排行</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://tchinese.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">搜索</span></button> </div> <div class="search-open-area" id="searchOpenAreaMobile"> <div class="input-field"> <label for="search_nameMobile" class="hd-element">搜索區域</label> <input type="text" id="search_nameMobile" name="searchTerm" title="輸入您的搜索字詞" autocomplete="off" placeholder="關鍵字"> <button type="button" class="input-search_clear" style="display: none;"><em class="blind">關閉</em></button> <button type="button" class="btn-search" onclick="javascript:goSearchMobile();"><span class="hd-element">運行搜索</span></button> </div> <div class="search-list"> <h3>熱門排行</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">我的收藏</span></button> </div>  <div class="mylike-open-area" id="mylikeOpenAreaM"> <div class="title"> <h3>我的收藏</h3> <button id="btnTooltipM" type="button" class="btn-like-tooltip"><i class="ico-info"><em id="spanHdElementM" class="blind">我的最愛工具提示按鈕</em></i></button>  <div id="divInfoBalloonM" class="info-balloon"> <p> <span class="change-word-break">在我的收藏裏，</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>點擊進入我的收藏</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://tchinese.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="關閉全部視圖菜單"> <em class="blind">關閉全部視圖菜單按鈕</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('晴天'); break; case '2': case '3': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('陰天'); break; case '5': case '6': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('陰天'); break; case '4': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('陰天'); break; case '7': case '8': case '9': $('.ico-weather').addClass('storm'); $('.ico-weather-blind').text('雷雨'); 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('小雨'); 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('雪'); break; case '39': case '40': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('陰天'); 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/zh-TW', 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 = 'zh-TW'; if(langCodeId === "zh-CN" || langCodeId === "zh-TW"){ langCodeId = langCodeId.replace("-", "_"); } if($('#mylikeCont').hasClass('active')) { $('#mylikeCont').removeClass('active'); $('.hd-element-favpopup').text('我的收藏'); }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('zh-TW', 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('關閉我的收藏'); // }else{ // $('.hd-element-favpopup').text('我的收藏'); // } }); $('#btnMylikeM').click(function(){ var langCodeId = 'zh-TW'; if(langCodeId === "zh-CN" || langCodeId === "zh-TW"){ langCodeId = langCodeId.replace("-", "_"); } if($('#mylikeContM').hasClass('active')) { // getLastData('zh-TW', 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('關閉我的收藏'); $('#mylikeContM').removeClass('active'); $('.hd-element-favpopup').text('我的收藏'); }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('關閉我的收藏'); $('#mylikeContM').addClass('active'); // $('.hd-element-favpopup').text('我的收藏'); } }); $('.btn-like-tooltip').click(function(){ if($('#divInfoBalloon').hasClass('active')) { $('#btnTooltip').attr('title', '關閉我的收藏工具提示'); }else{ $('#btnTooltip').attr('title', '打開我的收藏工具提示'); } if($('#divInfoBalloonM').hasClass('active')) { $('#btnTooltipM').attr('title', '關閉我的收藏工具提示'); }else{ $('#btnTooltipM').attr('title', '打開我的收藏工具提示'); } }); $('#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> 最新資訊<span class="ar">></span> <span> <a href="/exhibition-events" title="前往頁面" >展覽＆公演</a> </span> </div>  <section class="infor-element">  <div class="infor-title"> <div class="text-type"> 展覽＆公演</div> <h3 class="h3 textcenter">金仁順精選集≪站起來的生活≫ </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>請選擇地區</h3> <p> 可以將感興趣的旅遊情報，在我的收藏裏以地區分類類的形式查看</p> <em>※ 已經選擇當前信息的實際地區</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>光化門</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-2" value="TURSM_AREA_1" > <label for="radioOption1-2"><span>明洞 </span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-3" value="TURSM_AREA_3" > <label for="radioOption1-3"><span>東大門</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-4" value="TURSM_AREA_4" > <label for="radioOption1-4"><span>弘大 </span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-5" value="TURSM_AREA_5" > <label for="radioOption1-5"><span>汝矣島</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-6" value="TURSM_AREA_9" > <label for="radioOption1-6"><span>梨泰院</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-7" value="TURSM_AREA_6" > <label for="radioOption1-7"><span>江南 </span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-8" value="TURSM_AREA_7" > <label for="radioOption1-8"><span>蠶室 </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>其他 </span></label> </div> </div> </div> </div> <div class="btn-block"> <a href="javascript:void(0);" class="btn-primary" id="btnLikeSave"> <span>確認</span> </a> </div>  <button type="button" class="btn-close js-popup-close"> <i class="ico-close"><em class="blind">關閉我的收藏</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('複製完成。'); } function setTitle(){ var titleType = $('#titleStatus').val(); var title = ''; if(titleType == 'open'){ title = '關閉'; $('#titleStatus').val('close'); }else{ title = '複製連結'; $('#titleStatus').val('open'); } $('#share_sns').attr('title', title); } function fn_check_wishlist(area) { var fileList = '[]'; var mediaInfo = '/comm/getImage?srvcId=MEDIA&parentSn=68318&fileTy=MEDIA&fileNo=1'; if(area == null || area == '') { area = 'TURSM_AREA_8'; } getDataByCid('TCPmnz7ln' , function(result){ if(result){ deleteByCid('TCPmnz7ln', 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('我的收藏 '); } }); }else{ var jobj = { cid : 'TCPmnz7ln' , postSn : '47170' , postSj : '金仁順精選集≪站起來的生活≫ ' , type : 'P' , fdHsAt : '', halal : '', stcepAt : '', area : area , startDt : '2024-08-29' , endDt : '2025-02-23' , ctgrySn : '963' , ctgryNm : '展覽＆公演' , linkUrl : location.protocol + '//' + location.host + location.pathname , thumbUrl : location.protocol + '//' + location.host + '/comm/getImage?srvcId=MEDIA&parentSn=68318&fileTy=MEDIA&fileNo=1', langCodeId : 'zh-TW', 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('我的收藏 '+ ' ' +' 選擇 '); } }); } }); } </script> <input type="hidden" id="titleStatus" value="open"/> <input type="hidden" id="msg71" value="開啟複製連結" /> <input type="hidden" id="msg72" value="關閉複製連結" /> <dl class="share-detial-element"> <dd class="like"> <button type="button" id="btnLike" class="btn-like" ><em class="blind">我的收藏</em></button> </dd> <dd class="share"> <button id="btnSharePopup" type="button" class="btn-share"> <em class="blind">轉發到SNS</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">轉發到SNS關閉</em></i> </button> <h3>SNS 分享</h3>  <ul class="share-item"> <li> <a href="#" class="btn-fb" title="另開新視窗"> <span class="hd-element">分享至Facebook</span> </a> </li> <li> <a href="#" class="btn-tw" target="_blank" title="另開新視窗"> <span class="hd-element">分享到Twitter</span> </a> </li> <li> <a href="#" class="btn-line" target="_blank" title="另開新視窗"> <span class="hd-element">Naver Line</span> </a> </li> </ul> <div class="share-input"> <label for="urlCopy" class="hd-element">當前頁面URL</label> <input type="text" id="urlCopy" readonly="readonly"> <button type="button" class="btn-copy" onclick="urlCopyBttn();">Copy</button> </div> </div> </div> </dd> </dl> <script> Kakao.init('ff66f2ecbc8e96939162851d37a0b9f3'); // 사용하려는 앱의 JavaScript 키 입력 $('#likePopup').find('.js-popup-close').click(function(e){ $('#likePopup').removeClass('active'); }); $(document).ready(function(){ shortenUrlCall(); $('#btnLike').on('click', function(e) { e.preventDefault(); if ($(this).attr('data-like-on') == 'true') { fn_check_wishlist(); }else{ $("input[name='radioOptionLike']").each(function(index){ console.log('area : ' + this.value); let area = ''; if(area == this.value) { this.checked = true; } }); $('#likePopup').addClass('active'); $('#likePopup').find('input[type="radio"]:checked').focus(); // 웹접근성, focus추가 $('#likePopup').attr('data-like-num', $(this).attr('data-like-num')); $('#btnLikeSave').keyDown(function(e){ $('#btnLikeSave').click(); }); } }); $('#btnLikeSave').click(function(e){ var area = ''; $("input[name='radioOptionLike']").each(function(index){ if(this.checked) { area = this.value; } }); fn_check_wishlist(area); $('#likePopup').removeClass('active'); $('body').removeClass('js-overflow-hidden'); }); $('#btnSharePopup').click(function(e){ $('.like-open-element').removeClass('active'); $(this).next('.share-open-element').toggleClass('active'); }); $('#btnSharePopupClose').click(function(e){ $(this).closest('.share-open-element').removeClass('active'); }); $('.btn-fb').click(function(){ var url = document.location.href; if (url.indexOf('?') != -1) { url = url + '&utm_source=snssharing&utm_medium=facebook'; }else{ url = url + '?utm_source=snssharing&utm_medium=facebook'; } var uri = encodeURIComponent(url); f_share_facebook('金仁順精選集≪站起來的生活≫ ', 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('金仁順精選集≪站起來的生活≫ ','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('TCPmnz7ln' , function(result){ if(result){ $('#btnLike').attr('data-like-active', true); $('#btnLike').attr('data-like-on', true); $('#btnLike').find('em').html('我的收藏 '+ ' ' +' 選擇 '); }else{ $('#btnLike').attr('data-like-active', false); $('#btnLike').attr('data-like-on', false); $('#btnLike').find('em').html('我的收藏 '); } }); }); function shareMessage(url) { Kakao.Share.sendDefault({ objectType: 'feed', content: { title: 'VisitSeoul', description: '金仁順精選集≪站起來的生活≫ ', imageUrl: '/comm/getImage?srvcId=MEDIA&parentSn=68318&fileTy=MEDIA&fileNo=1', link: { mobileWebUrl: url, webUrl: url, }, } }); } </script> </div> <div class="post-element"> <span>發布日期 : 2024.10.11 / 更新日期 : 2024.10.11</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=68319&fileTy=MEDIA&fileNo=1&thumbTy=L');"> <em class="blind">金仁順精選集≪站起來的生活≫ _1</em> </div>  <div class="item" style="background-image:url('/comm/getImage?srvcId=MEDIA&parentSn=68320&fileTy=MEDIA&fileNo=1&thumbTy=L');"> <em class="blind">金仁順精選集≪站起來的生活≫ _2</em> </div>  <div class="item" style="background-image:url('/comm/getImage?srvcId=MEDIA&parentSn=68321&fileTy=MEDIA&fileNo=1&thumbTy=L');"> <em class="blind">金仁順精選集≪站起來的生活≫ _3</em> </div>  <div class="item" style="background-image:url('/comm/getImage?srvcId=MEDIA&parentSn=68322&fileTy=MEDIA&fileNo=1&thumbTy=L');"> <em class="blind">金仁順精選集≪站起來的生活≫ _4</em> </div> </div>  </div>  <div class="text-area"> <input type="hidden" name="tmpLangCodeId" value="zh-TW " /> <link rel="stylesheet" href="/resources/theme/style/editor_reset_ver3.3.min.css" /> <div class="se-contents" style="box-sizing: content-box;"><style type="text/css" data-seresponsive="true">.se-contents .se-scrollbox{overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none;}.se-contents .se-scrollbox::-webkit-scrollbar{display: none;}.se-contents .se-responsive.se-image .se-caption{max-width: 100% !important;}.se-contents .se-responsive.se-image, .se-contents .se-responsive.se-video{max-width: 100%; height: auto !important;}.se-contents .se-responsive.se-image > img, .se-contents .se-responsive.se-video > *{max-width: 100%; min-width: 10px; height: auto !important;}.se-contents .se-responsive.se-video .se-video-wrapper{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; display: block;}.se-contents .se-responsive.se-video .se-video-wrapper > iframe{width: 100% !important; height: 100% !important; position: absolute; left: 0px}</style><div class="se-div" style="text-align: left; padding: 5px; width: calc(100% - 10px); overflow: auto;"><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;">此次展覽《站起來的生活》讓我們一窺金仁順對「女性」主題的深刻思考。這場展覽由三個部分組成，共展出20件作品和相關資料，目的是促進對韓國女性藝術的理解和討論。</span><br><span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-transform: none; widows: 2; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; font-family: NotoSansCJKkr-Regular; font-size: 12pt; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); text-align: left; text-indent: 0px; word-spacing: 0px;">[1]在第一部分「以女性之名」中，重點在於重新詮釋被社會遺忘的女性故事。</span><br><span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-transform: none; widows: 2; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; font-family: NotoSansCJKkr-Regular; font-size: 12pt; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); text-align: left; text-indent: 0px; word-spacing: 0px;">[2]第二部分「緊握的美」關注那些面對困難而展現堅韌的女性，以及生命的自然女性力量。</span><br><span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-transform: none; widows: 2; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; font-family: NotoSansCJKkr-Regular; font-size: 12pt; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); text-align: left; text-indent: 0px; word-spacing: 0px;">[3]最後的部分「生命，光的旅程」則透過民族藝術來傳遞懷孕的喜悅，傳遞女性的創造價值觀。</span></p></div></div></div> </div> <div class="detial-cont-element active"> <div class="detail-map-infor first border"> <dl> <dt>活動期間</dt> <dd>  2024.08.29 ~ 2025.02.23</dd> </dl> <dl> <dt>地點</dt> <dd>首爾市立美術館 </dd> </dl> <dl> <dt>電話號碼</dt> <dd>+82-2-2124-8954(展覽負責人)/02)2124-8868(服務台)</dd> </dl> <dl> <dt>網站</dt> <dd> <a href="https://sema.seoul.go.kr/kr/whatson/exhibition/detail?exNo=1318233&acadmyEeNo=0&evtNo=0&glolangType=KOR" target="_blank" title="網站">瀏覽網站<span class="ion-ios-arrow-thin-right"></span> </a> </dd> </dl> <dl> <dt>網頁語言</dt> <dd>韓文</dd> </dl> <dl> <dt>營業時間</dt> <dd>週二至週五： 10:00 - 20:00 <br> <br>週六、週日及假日： <br>夏季（3月至10月）：10:00 - 19:00 <br>冬季（11月至2月）：10:00 - 18:00 <br> <br>首爾文化之夜-每週五：10:00 - 21:00 <br> <br> 閉館前一小時內皆可入場 </dd> </dl> <dl class="detail-type accessible"> <dt>身障人士便利設施</dt> <dd> <dd><span><img src="/resources/theme/images/bfimg/A.jpg" alt="">無障礙廁所</span></dd> <dd><span><img src="/resources/theme/images/bfimg/B.jpg" alt="">無障礙停車場</span></dd> <dd><span><img src="/resources/theme/images/bfimg/C.jpg" alt="">無障礙坡道</span></dd> <dd><span><img src="/resources/theme/images/bfimg/D.jpg" alt="">電梯</span></dd> </dd> </dl>  <dl> <dt>重要！</dt> <dd>○ 每週二至週日的導覽 <br>每日下午3時將進行導覽講解，詳細介紹展覽內容。 <br> <br>○ 免費導覽APP <br>可在Google Play或Apple App Store下載“首爾市立美術館展覽導覽”APP獲得中文及英語的展覽講解服務 </dd> </dl> <dl> <dt>收費</dt> <dd> 免費</dd> </dl>  <dl> <dt>地址</dt> <dd> 04515  04545 首爾特別市中區德壽宮街61 (西小門洞，首爾市立美術館) 西小門本館2樓金仁順精選集展覽   </dd> </dl> <dl> <dt>交通資訊</dt> <dd>距離地鐵1、2號線市廳站10號出口約264公尺(步行4分鐘) </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.5641060692766'; var lng = '126.973699316136'; 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_CHNA); // 스케일바 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="#">詳細了解</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" : "zh-TW", "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 = "普通公交"; var busTypeMsg2 = "坐席公交"; var busTypeMsg3 = "小區公交"; var busTypeMsg4 = "直通坐席公交"; var busTypeMsg5 = "機場大巴"; var busTypeMsg6 = "幹線快速公交"; var busTypeMsg11 = "幹線公交"; var busTypeMsg12 = "支線公交"; var busTypeMsg13 = "循環大巴"; var busTypeMsg14 = "廣域公交"; var busTypeMsg15 = "快速公交車"; var busTypeMsg26 = "快速幹線公交車"; if( arsId != "" ){ $.ajax({ type : "post", url: '/comm/trans/listTransStation.json', data: {"StationID" : StationID, "langCodeId" : "zh-TW"}, 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">到達'; cn+=' <span class="txtarrive">'+arrivalTime+'分前</span>'; cn+=' </span>'; cn+=' </span>'; cn+=' <span class="m_block">'; cn+=' <span class="bustxt bustxt_info">首班車</span>'; cn+=' <span class="txtarrive_time">'+firstTime+'</span>'; cn+=' </span>'; cn+=' <span class="m_block">'; cn+=' <span class="bustxt bustxt_info">末班車</span>'; cn+=' <span class="txtarrive_time">'+lastTime+'</span>'; cn+=' </span>'; cn+=' <span class="bustxt bustxt_info">公交車時刻表</span>'; cn+=' <span class="txtarrive_time">'+busInterval+'分</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+"分前"); $("."+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" : "zh-TW","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>無公共交通路線查找結果。</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> 總所需時間:'+path.pathInfoMap.totalTime+'분</div>'; ncn += '<table summary="모바일 도착정보 상세정보로 출발부터 도착까지의 경로 안내로 구성되어 있습니다.">'; ncn += '<caption>모바일 도착정보 상세정보 안내</caption>'; ncn += '<colgroup>'; ncn += '<col style="width:50px;"><col style="width:*;">'; ncn += '</colgroup>'; ncn += '<tbody>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_departur_tch.png" alt="出發">'; 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+=" 站"; }else if(path.subPathArrayList[j-1].trafficType =="2"){ startName+=" 站點<span class='road_gray'>"+path.subPathArrayList[j-1].endARSID+"</span>"; } }else if (startName!=undefined){ if(path.subPathArrayList[j].trafficType =="1"){ startName+=" 站"; }else if(path.subPathArrayList[j].trafficType =="2"){ startName+=" 站點"; } }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="地鐵">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue"><span class="line-text color'+laneNum+'">'+subPath.laneMap.name+'</span>('+subPath.stationCount+'站) '+subPath.sectionTime+'分</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="公交車"> '; ncn +=' <span class="busnum busnum_generalbus mobile">'+busList+'</span> '; ncn +=' <span class="road_black">'+subPath.endName+'</span>'; ncn +=' <span class="road_blue">'+subPath.sectionTime+'分('+subPath.stationCount+'站點)</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="步行">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue">步行 '+subPath.sectionTime+'分</span>'; ncn +=' <span class="road_gray">'+subPath.distance+'m</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else{ console.log("error"); } if(j == path.subPathArrayList.length-1){ ncn +='</tr>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_reach_tch.png" alt="到達">'; ncn +=' </th>'; ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'; ncn +=' <a href="javascript:startfoucs()">金仁順精選集≪站起來的生活≫ </a>'; /* ncn +='<span class="road_gray">'; ncn +=' 04545 首爾特別市中區德壽宮街61 (西小門洞，首爾市立美術館) 西小門本館2樓金仁順精選集展覽   '; 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>無公共交通路線查找結果。</dt></dl></th></tr>'; ncn += '</tbody>'; ncn += '</table>'; }else{ path = data[0].pathList[subwayIdx]; ncn = ''; ncn = '<div class="cnt-locationinfo-time"><span class="ion-android-alarm-clock"></span> 총 소요시간:'+path.pathInfoMap.totalTime+'분</div>'; ncn += '<table summary="모바일 도착정보 상세정보로 출발부터 도착까지의 경로 안내로 구성되어 있습니다.">'; ncn += '<caption>모바일 도착정보 상세정보 안내</caption>'; ncn += '<colgroup>'; ncn += '<col style="width:50px;"><col style="width:*;">'; ncn += '</colgroup>'; ncn += '<tbody>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_departur_tch.png" alt="出發">'; 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+=" 站"; }else if(path.subPathArrayList[j-1].trafficType =="2"){ startName+=" 站點<span class='road_gray'>"+path.subPathArrayList[j-1].endARSID+"</span>"; } }else if (startName!=undefined){ if(path.subPathArrayList[j].trafficType =="1"){ startName+=" 站"; }else if(path.subPathArrayList[j].trafficType =="2"){ startName+=" 站點"; } }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="地鐵">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue"><span class="line-text color'+laneNum+'">'+subPath.laneMap.name+'</span>('+subPath.stationCount+'站) '+subPath.sectionTime+'分</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="公交車"> '; ncn +=' <span class="busnum busnum_generalbus mobile">'+busList+'</span> '; ncn +=' <span class="road_black">'+subPath.endName+'</span>'; ncn +=' <span class="road_blue">'+subPath.sectionTime+'分('+subPath.stationCount+'站點)</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="步行">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue">步行 '+subPath.sectionTime+'分</span>'; ncn +=' <span class="road_gray">'+subPath.distance+'m</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else{ console.log("error"); } if(j == path.subPathArrayList.length-1){ ncn +='</tr>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_reach_tch.png" alt="到達">'; ncn +=' </th>'; ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'; ncn +=' <a href="javascript:startfoucs()">金仁順精選集≪站起來的生活≫ </a>'; /* ncn +='<span class="road_gray">'; ncn +=' 04545 首爾特別市中區德壽宮街61 (西小門洞，首爾市立美術館) 西小門本館2樓金仁順精選集展覽   '; 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>無公共交通路線查找結果。</dt></dl></th></tr>'; ncn += '</tbody>'; ncn += '</table>'; }else{ path = data[0].pathList[busIdx]; ncn = ''; ncn = '<div class="cnt-locationinfo-time"><span class="ion-android-alarm-clock"></span> 총 소요시간:'+path.pathInfoMap.totalTime+'분</div>'; ncn += '<table summary="모바일 도착정보 상세정보로 출발부터 도착까지의 경로 안내로 구성되어 있습니다.">'; ncn += '<caption>모바일 도착정보 상세정보 안내</caption>'; ncn += '<colgroup>'; ncn += '<col style="width:50px;"><col style="width:*;">'; ncn += '</colgroup>'; ncn += '<tbody>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_departur_tch.png" alt="出發">'; 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+=" 站"; }else if(path.subPathArrayList[j-1].trafficType =="2"){ startName+=" 站點<span class='road_gray'>"+path.subPathArrayList[j-1].endARSID+"</span>"; } }else if (startName!=undefined){ if(path.subPathArrayList[j].trafficType =="1"){ startName+=" 站"; }else if(path.subPathArrayList[j].trafficType =="2"){ startName+=" 站點"; } }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="地鐵">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue"><span class="line-text color'+laneNum+'">'+subPath.laneMap.name+'</span>('+subPath.stationCount+'站) '+subPath.sectionTime+'分</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="公交車"> '; ncn +=' <span class="busnum busnum_generalbus mobile">'+busList+'</span> '; ncn +=' <span class="road_black">'+subPath.endName+'</span>'; ncn +=' <span class="road_blue">'+subPath.sectionTime+'分('+subPath.stationCount+'站點)</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="步行">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue">步行 '+subPath.sectionTime+'分</span>'; ncn +=' <span class="road_gray">'+subPath.distance+'m</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else{ console.log("error"); } if(j == path.subPathArrayList.length-1){ ncn +='</tr>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_reach_tch.png" alt="到達">'; ncn +=' </th>'; ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'; ncn +=' <a href="javascript:startfoucs()">金仁順精選集≪站起來的生活≫ </a>'; /* ncn +='<span class="road_gray">'; ncn +=' 04545 首爾特別市中區德壽宮街61 (西小門洞，首爾市立美術館) 西小門本館2樓金仁順精選集展覽   '; 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>無公共交通路線查找結果。</dt></dl></th></tr>'; ncn += '</tbody>'; ncn += '</table>'; }else{ path = data[0].pathList[busSubwayIdx]; ncn = ''; ncn = ''; ncn = '<div class="cnt-locationinfo-time"><span class="ion-android-alarm-clock"></span> 총 소요시간:'+path.pathInfoMap.totalTime+'분</div>'; ncn += '<table summary="모바일 도착정보 상세정보로 출발부터 도착까지의 경로 안내로 구성되어 있습니다.">'; ncn += '<caption>모바일 도착정보 상세정보 안내</caption>'; ncn += '<colgroup>'; ncn += '<col style="width:50px;"><col style="width:*;">'; ncn += '</colgroup>'; ncn += '<tbody>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_departur_tch.png" alt="出發">'; 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+=" 站"; }else if(path.subPathArrayList[j-1].trafficType =="2"){ startName+=" 站點<span class='road_gray'>"+path.subPathArrayList[j-1].endARSID+"</span>"; } }else if (startName!=undefined){ if(path.subPathArrayList[j].trafficType =="1"){ startName+=" 站"; }else if(path.subPathArrayList[j].trafficType =="2"){ startName+=" 站點"; } }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="地鐵">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue"><span class="line-text color'+laneNum+'">'+subPath.laneMap.name+'</span>('+subPath.stationCount+'站) '+subPath.sectionTime+'分</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="公交車"> '; ncn +=' <span class="busnum busnum_generalbus mobile">'+busList+'</span> '; ncn +=' <span class="road_black">'+subPath.endName+'</span>'; ncn +=' <span class="road_blue">'+subPath.sectionTime+'分('+subPath.stationCount+'站點)</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="步行">'; ncn +=' <span class="road_area">'; ncn +=' <span class="road_blue">步行 '+subPath.sectionTime+'分</span>'; ncn +=' <span class="road_gray">'+subPath.distance+'m</span>'; ncn +=' </span>'; ncn +=' </dd>'; ncn +=' </dl>'; ncn +=' </td>'; }else{ console.log("error"); } if(j == path.subPathArrayList.length-1){ ncn +='</tr>'; ncn +='<tr>'; ncn +=' <th>'; ncn +=' <img src="/resources/theme/images/ico/ico_reach_tch.png" alt="到達">'; ncn +=' </th>'; ncn +=' <td>'; ncn +=' <dl>'; ncn +=' <dt>'; ncn +=' <a href="javascript:startfoucs()">金仁順精選集≪站起來的生活≫ </a>'; /* ncn +='<span class="road_gray">'; ncn +=' 04545 首爾特別市中區德壽宮街61 (西小門洞，首爾市立美術館) 西小門本館2樓金仁順精選集展覽   '; 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="查看地圖:屏幕閱讀器用戶請參照下列說明">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="選擇起點" title="選擇起點"> </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> 路线详细信息<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);">建議</a></li> <li id="locationinfoTab2"><a href="javascript:tabFnc(2);">地下鐵</a></li> <li id="locationinfoTab3"><a href="javascript:tabFnc(3);">公車</a></li> <li id="locationinfoTab4"><a href="javascript:tabFnc(4);">公車+地下鐵</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">標籤</span> <p> <a href='/search?search_radio=T&lang=zh-TW&searchTerm=金仁順' >#金仁順</a> <a href='/search?search_radio=T&lang=zh-TW&searchTerm=首爾市立美術館' >#首爾市立美術館</a> <a href='/search?search_radio=T&lang=zh-TW&searchTerm=首爾美術館' >#首爾美術館</a> <a href='/search?search_radio=T&lang=zh-TW&searchTerm=免費展覽' >#免費展覽</a> <a href='/search?search_radio=T&lang=zh-TW&searchTerm=首爾展覽' >#首爾展覽</a> <a href='/search?search_radio=T&lang=zh-TW&searchTerm=金仁順精選集' >#金仁順精選集</a> </p> </section> <section class="article-list-element article-list-slide"> <h3 class="h3">相關推薦資訊</h3> <ul class="article-list shopping"> <li> <a href="/restaurants/靑松屋Cheongsongok/TCP013319" target="_self" title="前往頁面"> <div class="thumb" style="background-image:url('/comm/getImage?srvcId=POST&parentSn=13320&fileTy=POSTTHUMB&fileNo=1&thumbTy=M')"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">靑松屋(Cheongsongok)</span> <span class="small-text text-dot-d"> 在西小門地區以市場湯飯而聞名的店家。湯頭是以牛肉和蘿蔔熬製，牛大骨湯頭中還會加入麵條，對解酒也有很好的效用。</span> <span class="trip-ico"> <img src="https://www.tripadvisor.co.kr/img/cdsi/img2/ratings/traveler/4.0-20215-5.png" alt="分數:4.0"> <span class="trip-text">3 reviews</span> </span> </div> </div> </a> </li> <li> <a href="/attractions/培材學堂歷史博物館/TCP006430" target="_self" title="前往頁面"> <div class="thumb" style="background-image:url('/comm/getImage?srvcId=POST&parentSn=6431&fileTy=POSTTHUMB&fileNo=2&thumbTy=M')"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">培材學堂歷史博物館</span> <span class="small-text text-dot-d"> 培材學堂是韓國最早的西式教育機關，培材學堂由美國傳教士Henry Gerhart Appenzeller於1885年創建。</span> </div> </div> </a> </li> <li> <a href="/restaurants/Korea-Samkyetang-TC/TCP008646" target="_self" title="前往頁面"> <div class="thumb" style="background-image:url('/comm/getImage?srvcId=MEDIA&parentSn=67744&fileTy=MEDIA&fileNo=1&thumbTy=M')"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">高麗參雞湯 </span> <span class="small-text text-dot-d"> 韓國首家三味堂餐廳</span> </div> </div> </a> </li> <li> <a href="/attractions/2024-jdobservatory/TCPmxn1fp" target="_self" title="前往頁面"> <div class="thumb" style="background-image:url('/comm/getImage?srvcId=MEDIA&parentSn=70900&fileTy=MEDIA&fileNo=1&thumbTy=M')"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">貞洞瞭望台</span> <span class="small-text text-dot-d"> 可以一覽首爾市中心全貌的地點</span> </div> </div> </a> </li> </ul> </section>    </div> <input type="hidden" id="guide_sel_msg" value="新視窗開啟選擇" /> <input type="hidden" id="guide_new_open_msg" value="另開新視窗" />    <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="另開新視窗" tabindex="0"> <span>예약신청서 작성하기</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('kr-indvdl');" title="關閉彈跳視窗" tabindex="0"> <em class="blind">彈跳視窗關閉鍵</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="另開新視窗" tabindex="0"> <span>예약신청서 작성하기</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('kr-grp');" title="關閉彈跳視窗" tabindex="0"> <em class="blind">彈跳視窗關閉鍵</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="另開新視窗" tabindex="0"> <span>예약신청서 작성하기</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('kr-blind');" title="關閉彈跳視窗" tabindex="0"> <em class="blind">彈跳視窗關閉鍵</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="另開新視窗" tabindex="0"> <span>예약신청서 작성하기</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('kr-deaf');" title="關閉彈跳視窗" tabindex="0"> <em class="blind">彈跳視窗關閉鍵</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="另開新視窗" tabindex="0" > <span>예약신청서 작성하기</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('kr-barrier');" title="關閉彈跳視窗" tabindex="0"> <em class="blind">彈跳視窗關閉鍵</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="另開新視窗" tabindex="0"> <span>Fill Out Reservation Form</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('en-indvdl');" title="關閉彈跳視窗" tabindex="0"> <em class="blind" >彈跳視窗關閉鍵</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="另開新視窗" tabindex="0"> <span>Fill Out Reservation Form</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('en-barrier');" title="關閉彈跳視窗" tabindex="0"> <em class="blind">彈跳視窗關閉鍵</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="另開新視窗" tabindex="0"> <span>予約申込書を作成する</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('jp-indvdl');" title="關閉彈跳視窗" tabindex="0"> <em class="blind">彈跳視窗關閉鍵</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="另開新視窗" tabindex="0"> <span>予約申込書を作成する</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('jp-barrier');" title="關閉彈跳視窗" tabindex="0"> <em class="blind">彈跳視窗關閉鍵</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="另開新視窗" tabindex="0"> <span>前往填写预约申请书</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('ck-indvdl');" title="關閉彈跳視窗" tabindex="0"> <em class="blind">彈跳視窗關閉鍵</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="另開新視窗" tabindex="0" > <span>前往填写预约申请书</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('ck-barrier');" title="關閉彈跳視窗" tabindex="0"> <em class="blind">彈跳視窗關閉鍵</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="另開新視窗" tabindex="0"> <span>前往填寫預約申請書</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('cb-indvdl');" title="關閉彈跳視窗" tabindex="0"> <em class="blind">彈跳視窗關閉鍵</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="另開新視窗" tabindex="0"> <span>前往填寫預約申請書</span> </a> </div> <div class="guide-layer-close-btn"> <a href="javascript: fn_closeFocus('cb-barrier');" title="關閉彈跳視窗" tabindex="0"> <em class="blind">彈跳視窗關閉鍵</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', '打開答辯'); //클릭 했을 경우 혹시 열려있는 것이 있을 수 있으므로, 기본값으로 세팅 한 후 클릭한 항목만 수정 처리. $('.faq-list-cont .faq-q a').click(function(){ $('.faq-list-cont .faq-q a').attr('title', '打開答辯'); let currElemTitle = ''; if($(this).closest('.faq-list-cont').hasClass('active')) { currElemTitle = '打開答辯'; }else{ currElemTitle = '關閉答辯'; } $(this).attr('title',currElemTitle); }); } if($('.leaflet-marker-icon')) { setTimeout(function(){ $('.leaflet-marker-icon').attr('alt', 'Marker'); $('.leaflet-marker-icon').removeAttr('tabindex'); }, 2000) } </script> </main>   <footer class="footer"> <div class="footer-inner">  <div class="footer-group-01"> <div class="row logo"> <span>  <a class="btn-sto" href="http://www.sto.or.kr" target="_blank" title="首爾觀光財團"> <i class="ico-sto tw"><em class="blind">STO 首爾觀光財團 SEOUL TOURISM ORGANIZATION</em></i> </a> </span> <span> <a class="btn-seoulMySoul" href="https://tchinese.seoul.go.kr/" target="_blank" title="首爾特別市"> <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="隱私權政策另開新視窗"><b>隱私權政策</b></a> </span> <span> <a class="btn-announcements" href="/announcements" title="公告事項"><b>公告事項</b></a> </span> </div> </div>  <div class="footer-group-02"> <div class="row"> <dl> <dt>運營時間</dt> <dd> <span>週一～週五 09:00～18:00</span> <span> <a class="btn-link" href="mailto:staff@visitseoul.net" title="於新視窗執行外部郵件傳送系統">staff@visitseoul.net</a> </span> </dd> </dl> <dl> <dt>旅遊不便處理中心</dt> <dd> <span> <a class="btn-info" href="/tourist-complaint-center" target="_blank" title="旅遊不便處理中心"> <em>旅遊不便處理中心</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="新視窗開啟一般旅遊諮詢"> <em>一般旅遊諮詢 1330</em> <i class="ico-more"></i> </a> </span> </dd> </dl> </div> <div class="row"> <dl> <dt>Visit Seoul App</dt> <dd> <span> <a class="btn-info" href="https://itunes.apple.com/app/i-tour-seoul/id360156429" target="_blank" title="app store 另開新視窗"> <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 另開新視窗"> <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.TC/" target="_blank" title="新視窗開啟Visit Seoul Facebook"> <i class="ico-fb"></i> </a> <a class="btn-instar" href="https://instagram.com/visitseoul_official_tc?utm_medium=copy_link" target="_blank" title="新視窗開啟Visit Seoul Instagram"> <i class="ico-instar"></i> </a> <a class="btn-yt" href="https://www.youtube.com/user/visitseoul" target="_blank" title="新視窗開啟Visit Seoul Youtube"> <i class="ico-yt"></i> </a> </dd> </dl> </div> <div class="row copyright"> <span>首爾鐘路區清溪川路85號(三一大樓)6樓</span> <span>© 2024 Seoul Tourism Organization. All rights reserved</span> </div> </div> <div class="footer-group-03"> <div class="mark-list"> <ul> <li> <a class="btn-ismsP" href="javascript:void(0);"> <i class="ico-ismsP"> <em class="blind">ISMS·P / 信息保護與個人信息保護管理系統認證</em> </i> <span> 信息保護與個人信息保護<br> 管理系統認證</span> </a> <div class="tooltip-ismsP"> [認證範圍] 首爾旅遊線上服務<br/>(首爾觀光財團官方網站、Visitseoul服務、首爾無障礙旅遊服務)<br/>[有效期限] 2023年8月16日 ~ 2026年8月15日</div> </li> <li style="cursor: pointer;" onclick="window.open('https://www.webwatch.or.kr/', '_balnk')" title="Web Watch 打開新窗口"> <i class="ico-webacc"> <em class="blind">科學技術情報通信部 WA（網頁使用便利性）品質認證標誌，WebWatch 2024.7.9 ~ 2025.7.8</em> </i> <span> 科學技術情報通信部 WA<br> (網頁使用便利性)品質認證標誌</span> </li> <li> <i class="ico-appAward"> <em class="blind">AA APP AWARD24 INNOVATOR</em> </i> <span> Smart App Award<br>2024</span> </li> <li> <i class="ico-webAward"> <em class="blind">WA WEB AWARD24 WINNER</em> </i> <span> Web Award<br>2024</span> </li> </ul> </div> </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="最新資訊"; _se_p2="展覽＆公演"; _se_p3=""; _se_p4="金仁順精選集≪站起來的生活≫ "; _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

金仁順精選集≪站起來的生活≫ | 首爾市官方旅遊資訊網站