我的首尔攻略 | 首尔市官方旅游信息网站

<!DOCTYPE html> <html lang="zh-CN" class="zh-CN 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://chinese.visitseoul.net/curation" hreflang="zh-CN"/> <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_CN"/>  <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-N7MDGMP');</script>    <title>我的首尔攻略 | 首尔市官方旅游信息网站</title>   <meta name="naver-site-verification" content="19e1e3cab144050b8b30a012d731861aeb745761"/>   <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="我的首尔攻略"> <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="我的首尔攻略"> <meta property="og:image" content="http://chinese.visitseoul.net/resources/theme/images/img/visitseoul_sns_20241127.png"> <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="我的首尔攻略"> <meta name="twitter:image" content="http://chinese.visitseoul.net/resources/theme/images/img/visitseoul_sns_20241127.png">  <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-CN.css?20221228_01"/> <script> const sessionId = '0FE1488D2EE95B2C9F16F60DF0903324.tomcat1'; 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-CN.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://chinese.visitseoul.net", "logo": "https://korean.visitseoul.net/comm/getImage?srvcId=MEDIA&parentSn=49029&fileTy=MEDIA&fileNo=1", "sameAs": [ "https://www.douyin.com/user/MS4wLjABAAAAWsBHPhQpKRBtKlsiNOhJcGy23u3H-8i7mXLMhp3oHpPzaGk1qZT6AlTabo9ogkYR", "https://weibo.com/visitseoul", "https://www.xiaohongshu.com/user/profile/607650a600000000010043aa", "https://www.youtube.com/c/VisitSeoulTV" ] }</script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "WebSite", "url": "https://chinese.visitseoul.net/", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://chinese.visitseoul.net/search?lang=zh&searchTerm={search_term_string}" }, "query-input": "required name=search_term_string" } }</script>     <script async src="https://www.googletagmanager.com/gtag/js?id=G-B01ELX6NF9"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-B01ELX6NF9'); </script>    <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d3085576877a8b32af8e3705669e1153"; 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-N7MDGMP" 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://chinese.visitseoul.net/announcements/%E9%A6%96%E5%B0%94%E6%97%85%E6%B8%B8%E5%B1%80%E5%AE%98%E7%BD%91%E4%BA%91%E7%AB%AF%E8%BF%81%E7%A7%BB%E4%BD%9C%E4%B8%9A%E9%80%9A%E7%9F%A5-2024-9-19%E5%91%A8%E5%9B%9B-~-10-02%E5%91%A8%E4%B8%89/CNB013748?curPage=1" target="_self" title="前往页面"> <strong> 首尔旅游局官网云端迁移作业通知 (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>首尔旅游局将以提高使用者的体验，改进网站内容等目的，收集使用者的浏览记录（Cookie）。</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>浏览记录（Cookie) 情报</em> </a> </div> </div> </div>   <div class="top-banner-area info-IE" style="display:none;"> <div class="inner-cont"> <div class="top-banner"> <i class="ico-exclamation-mark"></i><strong>此网站不再支援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://chinese.visitseoul.net/editorspicks" target="_self" title="前往页面"> <i class="ico-editorpick"></i> <em>主编精选路线</em> </a> </li> <li> <a class="div-cell" href="https://chinese.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://chinese.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://weibo.com/visitseoul" target="_blank" title="新窗口打开Visit Seoul官方微博"> <i class="ico-weibo"></i> <em class="blind">微博Logo图标</em> </a> <a href="https://v.douyin.com/dYP4MGE/" target="_blank" title="新窗口打开Visit Seoul抖音"> <i class="ico-tiktok"></i> <em class="blind">抖音图标</em> </a> <a href="https://www.xiaohongshu.com/user/profile/607650a600000000010043aa" target="_blank" title="新窗口打开Visit Seoul小红书"> <i class="ico-xhs"></i> <em class="blind">小红书图标</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图标</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://chinese.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://chinese.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://chinese.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://chinese.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://chinese.visitseoul.net/partners-cn" 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/cn" 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-CN" 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-CN" 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://chinese.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://chinese.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-CN', 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-CN'; 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-CN', 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-CN'; if(langCodeId === "zh-CN" || langCodeId === "zh-TW"){ langCodeId = langCodeId.replace("-", "_"); } if($('#mylikeContM').hasClass('active')) { // getLastData('zh-CN', 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 sub-contents--seoul-curation ">  <div class="sub-visual-element"> <div class="sub-visual-title"> <div class="large-text"> <span class="large-text-inner">我的首尔攻略</span> </div> </div> <div class="sub-visual-bg" style="background-image:url(/data/MEDIA/20230830/0830105405013-a4ff3e5c90844d7e8e9c98448922129f.png);"></div> </div> <script src="/resources/theme/script/2020/swiper.min.js"></script> <script> /*main swiper*/ var mainswiper = new Swiper('.main-swiper', { allowTouchMove: false, slidesPerView: 1, spaceBetween: 0, slidesPerGroup: 1, loop: false, loopFillGroupWithBlank: true, autoplay: false, autoplay: { delay: 5000, } }); </script>   <div class="sub-contents-inner " id="container"> <div class="loction"> <span class="ar">></span> 最新资讯<span class="ar">></span> <span> <a href="/curation" title="前往页面" >我的首尔攻略</a> </span> </div>   <script src="/resources/theme/plugin/jquery.tmpl.js"></script>  <section id="sectionSeoulCutation" class="section-seoul-curation"> <div class="seoul-curation-cont"> <div class="group-01"> <div class="cont-head"> <h3>请选择您的旅行风格</h3> </div> <div class="cont-body"> <dl> <dt>旅行伴侣</dt> <dd> <ul> <li> <div class="check-field"> <label for="idGO_WITH_1"> <input type="checkbox" id="idGO_WITH_1" name="itemCheck" value="GO_WITH_1"> <span>朋友</span> </label> </div> </li> <li> <div class="check-field"> <label for="idGO_WITH_2"> <input type="checkbox" id="idGO_WITH_2" name="itemCheck" value="GO_WITH_2"> <span>情侣/夫妇</span> </label> </div> </li> <li> <div class="check-field"> <label for="idGO_WITH_3"> <input type="checkbox" id="idGO_WITH_3" name="itemCheck" value="GO_WITH_3"> <span>家庭</span> </label> </div> </li> <li> <div class="check-field"> <label for="idGO_WITH_4"> <input type="checkbox" id="idGO_WITH_4" name="itemCheck" value="GO_WITH_4"> <span>独自</span> </label> </div> </li> <li> <div class="check-field"> <label for="idGO_WITH_5"> <input type="checkbox" id="idGO_WITH_5" name="itemCheck" value="GO_WITH_5"> <span>父母</span> </label> </div> </li> <li> <div class="check-field"> <label for="idGO_WITH_6"> <input type="checkbox" id="idGO_WITH_6" name="itemCheck" value="GO_WITH_6"> <span>与孩子</span> </label> </div> </li> <li> <div class="check-field"> <label for="idGO_WITH_7"> <input type="checkbox" id="idGO_WITH_7" name="itemCheck" value="GO_WITH_7"> <span>与宠物</span> </label> </div> </li> <li> <div class="check-field"> <label for="idGO_WITH_8"> <input type="checkbox" id="idGO_WITH_8" name="itemCheck" value="GO_WITH_8"> <span>无障碍旅行</span> </label> </div> </li> </ul> </dd> </dl> <dl> <dt>年龄</dt> <dd> <ul> <li> <div class="check-field"> <label for="idAGE_GROUP_1"> <input type="checkbox" id="idAGE_GROUP_1" name="itemCheck" value="AGE_GROUP_1"> <span>20岁以下</span> </label> </div> </li> <li> <div class="check-field"> <label for="idAGE_GROUP_2"> <input type="checkbox" id="idAGE_GROUP_2" name="itemCheck" value="AGE_GROUP_2"> <span>20~30岁</span> </label> </div> </li> <li> <div class="check-field"> <label for="idAGE_GROUP_3"> <input type="checkbox" id="idAGE_GROUP_3" name="itemCheck" value="AGE_GROUP_3"> <span>30~40岁</span> </label> </div> </li> <li> <div class="check-field"> <label for="idAGE_GROUP_4"> <input type="checkbox" id="idAGE_GROUP_4" name="itemCheck" value="AGE_GROUP_4"> <span>40~50岁</span> </label> </div> </li> <li> <div class="check-field"> <label for="idAGE_GROUP_5"> <input type="checkbox" id="idAGE_GROUP_5" name="itemCheck" value="AGE_GROUP_5"> <span>50~60岁</span> </label> </div> </li> <li> <div class="check-field"> <label for="idAGE_GROUP_6"> <input type="checkbox" id="idAGE_GROUP_6" name="itemCheck" value="AGE_GROUP_6"> <span>0~20岁以上</span> </label> </div> </li> </ul> </dd> </dl> <dl> <dt>时期</dt> <dd> <ul> <li> <div class="check-field"> <label for="idTHEME_1"> <input type="checkbox" id="idTHEME_1" name="itemCheck" value="THEME_1"> <span>景观/打卡点</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_2"> <input type="checkbox" id="idTHEME_2" name="itemCheck" value="THEME_2"> <span>美食</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_3"> <input type="checkbox" id="idTHEME_3" name="itemCheck" value="THEME_3"> <span>休息/治愈</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_4"> <input type="checkbox" id="idTHEME_4" name="itemCheck" value="THEME_4"> <span>散步</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_5"> <input type="checkbox" id="idTHEME_5" name="itemCheck" value="THEME_5"> <span>文化遗址（历史游）</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_6"> <input type="checkbox" id="idTHEME_6" name="itemCheck" value="THEME_6"> <span>文化/艺术</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_7"> <input type="checkbox" id="idTHEME_7" name="itemCheck" value="THEME_7"> <span>户外项目</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_8"> <input type="checkbox" id="idTHEME_8" name="itemCheck" value="THEME_8"> <span>体验项目（子女体验）</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_9"> <input type="checkbox" id="idTHEME_9" name="itemCheck" value="THEME_9"> <span>驾车</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_10"> <input type="checkbox" id="idTHEME_10" name="itemCheck" value="THEME_10"> <span>购物</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_11"> <input type="checkbox" id="idTHEME_11" name="itemCheck" value="THEME_11"> <span>韩流</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_12"> <input type="checkbox" id="idTHEME_12" name="itemCheck" value="THEME_12"> <span>露营</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_13"> <input type="checkbox" id="idTHEME_13" name="itemCheck" value="THEME_13"> <span>汉江</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_14"> <input type="checkbox" id="idTHEME_14" name="itemCheck" value="THEME_14"> <span>浪漫</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_15"> <input type="checkbox" id="idTHEME_15" name="itemCheck" value="THEME_15"> <span>SNS打卡点</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_16"> <input type="checkbox" id="idTHEME_16" name="itemCheck" value="THEME_16"> <span>室内</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_17"> <input type="checkbox" id="idTHEME_17" name="itemCheck" value="THEME_17"> <span>室外</span> </label> </div> </li> </ul> </dd> </dl> <dl> <dt>主题</dt> <dd> <ul> <li> <div class="check-field"> <label for="idPERIOD_MOMENT_1"> <input type="checkbox" id="idPERIOD_MOMENT_1" name="itemCheck" value="PERIOD_MOMENT_1"> <span>春天</span> </label> </div> </li> <li> <div class="check-field"> <label for="idPERIOD_MOMENT_2"> <input type="checkbox" id="idPERIOD_MOMENT_2" name="itemCheck" value="PERIOD_MOMENT_2"> <span>夏天</span> </label> </div> </li> <li> <div class="check-field"> <label for="idPERIOD_MOMENT_3"> <input type="checkbox" id="idPERIOD_MOMENT_3" name="itemCheck" value="PERIOD_MOMENT_3"> <span>秋天</span> </label> </div> </li> <li> <div class="check-field"> <label for="idPERIOD_MOMENT_4"> <input type="checkbox" id="idPERIOD_MOMENT_4" name="itemCheck" value="PERIOD_MOMENT_4"> <span>冬天</span> </label> </div> </li> <li> <div class="check-field"> <label for="idPERIOD_MOMENT_5"> <input type="checkbox" id="idPERIOD_MOMENT_5" name="itemCheck" value="PERIOD_MOMENT_5"> <span>一年四季</span> </label> </div> </li> </ul> </dd> </dl> <div class="btn-block"> <a href="#none" id="btnClearCheck" class="btn-reset"> <span>全部删除</span> </a> </div> </div> </div> <div class="group-02"> <div class="mobile-visible"> <div class="title"> <button type="button" class="btn-travelType" data-like-num="1" data-like-active="false"> <h3>请选择您的旅行风格</h3> </button> </div>  <div class="travelType-popup-area" id="travelTypePopup"> <div class="dim--transparent js-popup-close"></div> <div class="popup-wrap" style=""> <div class="popup-cont"> <div class="ico-block js-popup-swipe-close"> <i class="ico-shape"></i> </div> <div class="popup-title"> <h3>请选择您的旅行风格</h3> <button type="button" class="btn-close js-popup-close"> <i class="ico-close"><em class="blind">여행 타입 선택 팝업 닫기</em></i> </button> </div> <div class="popup-body"> <div class="body-cont"> <dl> <dt>旅行伴侣</dt> <dd> <ul> <li> <div class="check-field"> <label for="idGO_WITH_1--mo"> <input type="checkbox" id="idGO_WITH_1--mo" name="itemCheck-mo" value="GO_WITH_1"> <span>朋友</span> </label> </div> </li> <li> <div class="check-field"> <label for="idGO_WITH_2--mo"> <input type="checkbox" id="idGO_WITH_2--mo" name="itemCheck-mo" value="GO_WITH_2"> <span>情侣/夫妇</span> </label> </div> </li> <li> <div class="check-field"> <label for="idGO_WITH_3--mo"> <input type="checkbox" id="idGO_WITH_3--mo" name="itemCheck-mo" value="GO_WITH_3"> <span>家庭</span> </label> </div> </li> <li> <div class="check-field"> <label for="idGO_WITH_4--mo"> <input type="checkbox" id="idGO_WITH_4--mo" name="itemCheck-mo" value="GO_WITH_4"> <span>独自</span> </label> </div> </li> <li> <div class="check-field"> <label for="idGO_WITH_5--mo"> <input type="checkbox" id="idGO_WITH_5--mo" name="itemCheck-mo" value="GO_WITH_5"> <span>父母</span> </label> </div> </li> <li> <div class="check-field"> <label for="idGO_WITH_6--mo"> <input type="checkbox" id="idGO_WITH_6--mo" name="itemCheck-mo" value="GO_WITH_6"> <span>与孩子</span> </label> </div> </li> <li> <div class="check-field"> <label for="idGO_WITH_7--mo"> <input type="checkbox" id="idGO_WITH_7--mo" name="itemCheck-mo" value="GO_WITH_7"> <span>与宠物</span> </label> </div> </li> <li> <div class="check-field"> <label for="idGO_WITH_8--mo"> <input type="checkbox" id="idGO_WITH_8--mo" name="itemCheck-mo" value="GO_WITH_8"> <span>无障碍旅行</span> </label> </div> </li> </ul> </dd> </dl> <dl> <dt>年龄</dt> <dd> <ul> <li> <div class="check-field"> <label for="idAGE_GROUP_1--mo"> <input type="checkbox" id="idAGE_GROUP_1--mo" name="itemCheck-mo" value="AGE_GROUP_1"> <span>20岁以下</span> </label> </div> </li> <li> <div class="check-field"> <label for="idAGE_GROUP_2--mo"> <input type="checkbox" id="idAGE_GROUP_2--mo" name="itemCheck-mo" value="AGE_GROUP_2"> <span>20~30岁</span> </label> </div> </li> <li> <div class="check-field"> <label for="idAGE_GROUP_3--mo"> <input type="checkbox" id="idAGE_GROUP_3--mo" name="itemCheck-mo" value="AGE_GROUP_3"> <span>30~40岁</span> </label> </div> </li> <li> <div class="check-field"> <label for="idAGE_GROUP_4--mo"> <input type="checkbox" id="idAGE_GROUP_4--mo" name="itemCheck-mo" value="AGE_GROUP_4"> <span>40~50岁</span> </label> </div> </li> <li> <div class="check-field"> <label for="idAGE_GROUP_5--mo"> <input type="checkbox" id="idAGE_GROUP_5--mo" name="itemCheck-mo" value="AGE_GROUP_5"> <span>50~60岁</span> </label> </div> </li> <li> <div class="check-field"> <label for="idAGE_GROUP_6--mo"> <input type="checkbox" id="idAGE_GROUP_6--mo" name="itemCheck-mo" value="AGE_GROUP_6"> <span>0~20岁以上</span> </label> </div> </li> </ul> </dd> </dl> <dl> <dt>时期</dt> <dd> <ul> <li> <div class="check-field"> <label for="idTHEME_1--mo"> <input type="checkbox" id="idTHEME_1--mo" name="itemCheck-mo" value="THEME_1"> <span>景观/打卡点</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_2--mo"> <input type="checkbox" id="idTHEME_2--mo" name="itemCheck-mo" value="THEME_2"> <span>美食</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_3--mo"> <input type="checkbox" id="idTHEME_3--mo" name="itemCheck-mo" value="THEME_3"> <span>休息/治愈</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_4--mo"> <input type="checkbox" id="idTHEME_4--mo" name="itemCheck-mo" value="THEME_4"> <span>散步</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_5--mo"> <input type="checkbox" id="idTHEME_5--mo" name="itemCheck-mo" value="THEME_5"> <span>文化遗址（历史游）</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_6--mo"> <input type="checkbox" id="idTHEME_6--mo" name="itemCheck-mo" value="THEME_6"> <span>文化/艺术</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_7--mo"> <input type="checkbox" id="idTHEME_7--mo" name="itemCheck-mo" value="THEME_7"> <span>户外项目</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_8--mo"> <input type="checkbox" id="idTHEME_8--mo" name="itemCheck-mo" value="THEME_8"> <span>体验项目（子女体验）</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_9--mo"> <input type="checkbox" id="idTHEME_9--mo" name="itemCheck-mo" value="THEME_9"> <span>驾车</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_10--mo"> <input type="checkbox" id="idTHEME_10--mo" name="itemCheck-mo" value="THEME_10"> <span>购物</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_11--mo"> <input type="checkbox" id="idTHEME_11--mo" name="itemCheck-mo" value="THEME_11"> <span>韩流</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_12--mo"> <input type="checkbox" id="idTHEME_12--mo" name="itemCheck-mo" value="THEME_12"> <span>露营</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_13--mo"> <input type="checkbox" id="idTHEME_13--mo" name="itemCheck-mo" value="THEME_13"> <span>汉江</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_14--mo"> <input type="checkbox" id="idTHEME_14--mo" name="itemCheck-mo" value="THEME_14"> <span>浪漫</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_15--mo"> <input type="checkbox" id="idTHEME_15--mo" name="itemCheck-mo" value="THEME_15"> <span>SNS打卡点</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_16--mo"> <input type="checkbox" id="idTHEME_16--mo" name="itemCheck-mo" value="THEME_16"> <span>室内</span> </label> </div> </li> <li> <div class="check-field"> <label for="idTHEME_17--mo"> <input type="checkbox" id="idTHEME_17--mo" name="itemCheck-mo" value="THEME_17"> <span>室外</span> </label> </div> </li> </ul> </dd> </dl> <dl> <dt>主题</dt> <dd> <ul> <li> <div class="check-field"> <label for="idPERIOD_MOMENT_1--mo"> <input type="checkbox" id="idPERIOD_MOMENT_1--mo" name="itemCheck-mo" value="PERIOD_MOMENT_1"> <span>春天</span> </label> </div> </li> <li> <div class="check-field"> <label for="idPERIOD_MOMENT_2--mo"> <input type="checkbox" id="idPERIOD_MOMENT_2--mo" name="itemCheck-mo" value="PERIOD_MOMENT_2"> <span>夏天</span> </label> </div> </li> <li> <div class="check-field"> <label for="idPERIOD_MOMENT_3--mo"> <input type="checkbox" id="idPERIOD_MOMENT_3--mo" name="itemCheck-mo" value="PERIOD_MOMENT_3"> <span>秋天</span> </label> </div> </li> <li> <div class="check-field"> <label for="idPERIOD_MOMENT_4--mo"> <input type="checkbox" id="idPERIOD_MOMENT_4--mo" name="itemCheck-mo" value="PERIOD_MOMENT_4"> <span>冬天</span> </label> </div> </li> <li> <div class="check-field"> <label for="idPERIOD_MOMENT_5--mo"> <input type="checkbox" id="idPERIOD_MOMENT_5--mo" name="itemCheck-mo" value="PERIOD_MOMENT_5"> <span>一年四季</span> </label> </div> </li> </ul> </dd> </dl> </div> </div> <div class="btn-bottom-fixed"> <a href="#none" id="btnClearCheck-mo" class="btn-default"> <span>全部删除</span> </a> <a href="#none" id="btnApply-mo" class="btn-primary"> <span>适用</span> </a> </div> </div> </div> </div>  </div> <ul class="tabs tabs--box"> <li> <a href="#" id="tabAll" class="btn-tab js-tab-btn"><span>全体</span></a> </li> <li> <a href="#" id="tabPlace" class="btn-tab js-tab-btn"><span>玩转首尔</span></a> </li> <li> <a href="#" id="tabRecomm" class="btn-tab js-tab-btn"><span>旅行推荐</span></a> </li> </ul>   <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>    <div class="tab-group"> <div id="tabSeoulCuration" class="tab-box active"> <div class="info-cont"> <p>我们将给您推荐以下  <b id="bTotalCount" class="c-text-blue4"> </b> 个项目</p> </div> <div id="divArticleList" class="article-list-cont"> </div> <div id="paging" class="paging-lst"> </div> </div> </div> </div> </div> </section>   <script id="postListTmpl" type="text/x-jquery-tmpl" > {{if listObject.length > 0}} <ul class="article-list type2"> {{each listObject}} <li class="item"> <a href="/${menuUri}/${postUri}/${cid}" > <div class="thumb" style="background-image:url('https://korean.visitseoul.net${imageUri}')"> <div class="like-cont" id='${cid}'> <div class="like-element"> <button id='btnLike${cid}' type="button" class="btn-like" data-cid="${cid}" data-area="${areaNm}" data-like-num="7" data-like-active="false"><em class="blind">찜하기</em></button> </div> </div> </div> <div class="infor-element"> <div class="infor-element-inner"> <em class="label-category">[${ctgryNm}]</em> <strong class="title">{{html postSj}}</strong> <span class="tags"> {{if tagList != '' && tagList != null }} {{html tagList.splitTagList() }} {{/if}} </span> </div> </div> </a> </li> {{/each}} </ul> {{else}} <div class="nodata-cont"> <dl> <dt> <i class="ico-nodata"></i> </dt> <dd>找不到匹配的内容。</dd> </dl> </div> {{/if}} </script> <script type="text/javascript"> var listData = {}; String.prototype.splitTagList = function(){ if(!this) { return ''; } var tagarr = this.split(','); var tagHtmlArray = new Array(); $.each(tagarr, function(idx, item){ tagHtmlArray.push('<span>#'+item+'</span>'); }); return tagHtmlArray.join(','); } function fn_go_search(searchTerm){ location.href = '/search?searchTerm='+searchTerm; } function fn_select_post_list(page) { var selectedTab = 'All'; if($('#tabAll').closest('li').hasClass('active')) { selectedTab = 'All'; }else if($('#tabPlace').closest('li').hasClass('active')) { selectedTab = 'place'; }else if($('#tabRecomm').closest('li').hasClass('active')) { selectedTab = 'recomm'; } var checkedArray = new Array(); //모바일 화면인지에 따라 체크박스에 체크된 값을 세팅. if($('.group-01').css('width') == '0px') { $('input[name=itemCheck-mo]:checked').each(function(i){ checkedArray.push($(this).val()); }); }else{ $('input[name=itemCheck]:checked').each(function(i){ checkedArray.push($(this).val()); }); } localStorage.setItem('tab', selectedTab); localStorage.setItem('type', checkedArray.join(',')); var data = { curPage : page, type : selectedTab, optionList : checkedArray.join(','), langCodeId : 'zh-CN' } $.ajax({ type : "post", url : '/comm/curation/ajax/postList', data : data, success: function(result) { //alert(JSON.stringify(result)); var listVO = result.listVO; $('#divArticleList').empty(); $("#postListTmpl").tmpl(listVO).appendTo("#divArticleList"); if('zh-CN' == 'ko') { $('#bTotalCount').text(listVO.totalCount + '개'); }else{ $('#bTotalCount').text(listVO.totalCount); } paging(listVO.totalCount, listVO.curPage); fn_setting_data_for_element(listVO.listObject); }, error: function(data, status, err) { console.log('error forward : ' + JSON.stringify(data)); } }); } function paging(totalCnt, curPage) { if(totalCnt > 0) { var totalData = totalCnt; // 총 데이터 수 var dataPerPage = 4; // 한 페이지에 나타낼 데이터 수 var pageCount = 5; // 한 화면에 나타낼 페이지 수 var $pingingView = $('#paging'); var totalPage = Math.ceil(totalData / dataPerPage); // 총 페이지 수 if(totalPage < pageCount) pageCount = totalPage; var pageGroup = Math.ceil(curPage / pageCount); // 페이지 그룹 var last = pageGroup * pageCount; // 화면에 보여질 마지막 페이지 번호 if (last > totalPage) last = totalPage; var first = last - (pageCount - 1); // 화면에 보여질 첫번째 페이지 번호 var next = last + 1; var prev = first - 1; var html = ''; html += '<a href="javascript:makeHashParameter(null, 1);" class="icon prev">'; html += ' <i class="ion-chevron-left"></i><i class="ion-chevron-left"></i><span class="hd-element">第一页</span>'; html += '</a>'; html += '<a href="javascript:makeHashParameter(null, '+(prev == 0 ? 1 : prev) +');" class="icon prev">'; html += ' <i class="ion-chevron-left"></i><span class="hd-element">上一页</span>'; html += '</a>'; for (var i = first; i <= last; i++) { if(curPage == i) { html += '<a href="javascript:makeHashParameter(null, '+i+');" class="on" title="现页">' + i + '</a> '; }else{ html += '<a href="javascript:makeHashParameter(null, '+i+');" title="">' + i + '</a> '; } }; html += '<a href="javascript:makeHashParameter(null, '+(last == totalPage ? totalPage : i)+')" class="icon next">'; html += ' <i class="ion-chevron-right"></i><span class="hd-element">下一页</span>'; html += '</a>'; html += '<a href="javascript:makeHashParameter(null, '+totalPage+')" class="icon next">'; html += ' <i class="ion-chevron-right"></i><i class="ion-chevron-right"></i><span class="hd-element">尾页</span>'; html += '</a>'; $('#paging').html(html); // 페이지 목록 생성 }else{ $('#paging').html(''); } } function fn_check_wishlist(area, cid) { getDataByCid(cid , function(result){ if(result){ deleteByCid(cid, function(result){ if(result == 0) { $('#btnLike'+cid).attr('data-like-active', 'false'); $('#btnLike'+cid).find('em').html('我的收藏 '); } }); }else{ var jobj = listData[cid]; jobj.area = area; jobj.regDttm = new Date(); insertData(jobj, function(result){ if(result == jobj.cid) { $('#btnLike'+cid).attr('data-like-active', 'true'); $('#btnLike'+cid).find('em').html('我的收藏 '+ ' ' +' 选择 '); } }); } $('#iptPopupCid').val(''); $('input[name="radioOptionLike"]').filter("[value=TURSM_AREA_8]").prop("checked", true); }); } function fn_setting_data_for_element(list) { $.each(list, function(idx, item){ let cid = item.cid; listData[cid] = { cid : item.cid , postSn : item.postSn, postSj : item.postSj, type : 'A', fdHsAt : '', halal : '', stcepAt : '', startDt : '' , endDt : '' , ctgrySn : item.ctgrySn , ctgryNm : item.ctgryNm , linkUrl : location.protocol + '//' + location.host + '/' + item.menuUri + '/' + item.postUri + '/' + item.cid , thumbUrl : location.protocol + '//' + location.host + item.imageUri, sumry : '', langCodeId : 'zh-CN' }; }); var $seoulCurationArea = $('.section-seoul-curation'); // 서울 큐레이션 영역 var $articleThumbList = $seoulCurationArea.find('.article-list > li'); $articleThumbList.each(function(idx, item) { // 키보드 tab focus $(item).focusin(function() { $(this).addClass('active--focus'); }).focusout(function() { $(this).removeClass('active--focus'); }); // 마우스 오버 $(item).mouseenter(function() { $(this).addClass('active--focus'); }).mouseleave(function() { $(this).removeClass('active--focus'); }); }); $('.btn-like').click(function(e){ e.preventDefault(); if ($(this).attr('data-like-active') == 'true') { fn_check_wishlist('', this.dataset.cid); }else{ $('#radioOption1-9').prop("checked", true); $('#iptPopupCid').val(this.dataset.cid); let area = this.dataset.area; $("input[name='radioOptionLike']").each(function(index){ 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')); } }); $('.like-cont').each(function( index ) { let cid = $(this).attr('id'); getDataByCid(cid , function(result){ if(result){ $('#btnLike'+cid).attr('data-like-active', 'true'); $('#btnLike'+cid).find('em').html('我的收藏 '+ ' ' +' 选择 '); }else{ $('#btnLike'+cid).attr('data-like-active', 'false'); $('#btnLike'+cid).find('em').html('我的收藏 '); } }); }); } function setPopupBodyHeight() { var $seoulCurationArea = $('.section-seoul-curation'); // 서울 큐레이션 영역 var $travelTypePopup = $seoulCurationArea.find('#travelTypePopup'); // 여행 타입 선택 팝업 var $winHeight = $(window).innerHeight(); var $setPopupBodyHeight = $winHeight - 244; /* 20230808//(Ina)수정 */ $travelTypePopup.find('.popup-body').css('height', $setPopupBodyHeight+'px'); } //페이지 로드가 끝난 후.. $(document).ready(function(){ var $seoulCurationArea = $('.section-seoul-curation'); // 서울 큐레이션 영역 /* 20230808//(Ina)수정(s) */ /* 모바일 - 여행 타입 선택 팝업 */ // ------------------------------ var $travelTypePopup = $seoulCurationArea.find('#travelTypePopup'); // 여행 타입 선택 팝업 var $btnTravelType = $seoulCurationArea.find('.btn-travelType'); // 여행 타입 선택 팝업 버튼 var $btnTravelTypeClose = $travelTypePopup.find('.js-popup-close'); // 여행 타입 선택 팝업 닫기 버튼 var $btnTravelTypeSwipeClose = $travelTypePopup.find('.js-popup-swipe-close'); // 여행 타입 선택 팝업 닫기 버튼 // **여행 타입 선택 팝업 영역 모바일 디바이스 화면에서 100vh 하단 가려지는 이슈로 height값 스크립트 제어 setPopupBodyHeight(); // 팝업 열기 버튼 클릭 $btnTravelType.on('click', function(e) { e.preventDefault(); $travelTypePopup.addClass('active'); $('body').addClass('js-overflow-hidden'); }); // 팝업 닫기 버튼 클릭 $btnTravelTypeClose.on('click', function(e) { $travelTypePopup.removeClass('active'); $('body').removeClass('js-overflow-hidden'); }); // 팝업 스와이프 닫기 버튼 클릭 $btnTravelTypeSwipeClose.swipe({ //Generic swipe handler for all directions swipe:function(event, direction, distance, duration, fingerCount, fingerData) { if (direction === 'down') { //console.log('direction :', direction); $travelTypePopup.removeClass('active'); $('body').removeClass('js-overflow-hidden'); } } }); /* 리사이즈 */ // ------------------------------ $(window).resize(function() { // **여행 타입 선택 팝업 영역 모바일 디바이스 화면에서 100vh 하단 가려지는 이슈로 height값 스크립트 제어 setPopupBodyHeight(); }); $('.btn-tab').click(function(e){ e.preventDefault(); makeHashParameter(this.id, 1); }); $('input[name="itemCheck"]').click(function() { makeHashParameter(null, 1); }); $('#btnClearCheck').click(function(e){ e.preventDefault(); $('input[name=itemCheck]').prop("checked", false); makeHashParameter(null, 1); window.scrollTo(0, 700); }); /* * 모바일 영역의 선택 초기화 버튼에 대한 처리. */ $('#btnClearCheck-mo').click(function(e){ e.preventDefault(); $('input[name=itemCheck-mo]').prop("checked", false); }); /* * 모바일 영역의 적용 버튼에 대한 처리. */ $('#btnApply-mo').click(function(e){ e.preventDefault(); makeHashParameter('', 1); $btnTravelTypeClose.click(); window.scrollTo(0, 420); }); $('#likePopup').find('.js-popup-close').click(function(e){ $('#likePopup').removeClass('active'); $('body').removeClass('js-overflow-hidden'); $('#iptPopupCid').val(''); }); $('#btnLikeSave').click(function(e){ var area = ''; let cid = $('#iptPopupCid').val(); $("input[name='radioOptionLike']").each(function(index){ if(this.checked) { area = this.value; } }); fn_check_wishlist(area, cid); $('#likePopup').removeClass('active'); $('body').removeClass('js-overflow-hidden'); }); // fn_select_post_list(1); procHashParameter(); }); /* * 페이지 번호 변경. */ function makeHashParameter(tab, page) { if(tab == null || tab == '') { var urlHashParam = new URLSearchParams(location.hash); var tab = urlHashParam.get('tab'); if(!tab) { tab = 'tabAll'; } } //모바일 화면인지에 따라 체크박스에 체크된 값을 세팅. var checkedArray = new Array(); if($('.group-01').css('width') == '0px') { $('input[name=itemCheck-mo]:checked').each(function(i){ checkedArray.push($(this).val()); }); }else{ $('input[name=itemCheck]:checked').each(function(i){ checkedArray.push($(this).val()); }); } if(!page) page = 1; var hash = '#tabSeoulCuration&tab=' + tab + '&type='+checkedArray.join(',') + '&currPage='+page ; location.hash = hash; } /* * procHashParameter * * 페이지가 로딩 되었을 때 해시 파라미터가 잇는 경우 파싱하여 처리. */ function procHashParameter() { var urlHashParam = new URLSearchParams(location.hash); //선택된 탭 세팅 var tab = urlHashParam.get('tab'); if(!tab) { tab = 'tabAll'; } var tabObj = $('#'+tab); $('.btn-tab').attr('title',''); $(tabObj).closest('li').addClass('active').siblings().removeClass('active'); $(tabObj).attr('title',"选择目录项目"); //페이지 번호 세팅 var currPage = urlHashParam.get('currPage'); if(!currPage) { currPage = 1; } //체크된 여행 타입 세팅. var types = urlHashParam.get('type'); if(types != null && types != '') { let typearray = types.split(','); $.each(typearray, function(idx,item){ $('#id'+item).prop('checked', true); $('#id'+item+'--mo').prop('checked', true); }); } fn_select_post_list(currPage); } /* * 해시 파라미터가 바뀌었을때 처리. */ window.onhashchange = function (event) { procHashParameter(); } </script> </div> </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 cn"><em class="blind">STO 首尔旅游财团 SEOUL TOURISM ORGANIZATION</em></i> </a> </span> <span> <a class="btn-seoulMySoul" href="https://chinese.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 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> </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

我的首尔攻略 | 首尔市官方旅游信息网站