關於首爾旅行的所有一切, Visit Seoul | 首爾市官方旅遊資訊網站

<!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/" 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>關於首爾旅行的所有一切, Visit Seoul | 首爾市官方旅遊資訊網站</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="關於首爾旅行的所有一切, Visit Seoul | 首爾市官方旅遊資訊網站"> <meta name="description" content="最多樣化的首爾旅遊情報這裡找。首爾的打卡景點,推薦美食餐廳,人氣咖啡廳,飯店住宿,節慶活動,公演等首爾好玩有趣的地方。交通方式,旅遊指南,地圖路線等各種旅遊時必須的情報。關於首爾的一切,首爾觀光財團 Visit Seoul提供最在地的旅遊資訊內容。"> <meta name="keywords" content="首爾旅行"> <meta name="WT.ti" content="Home"/> <meta property="og:type" content="Website"> <meta property="og:title" content="關於首爾旅行的所有一切, Visit Seoul"> <meta property="og:description" content="最多樣化的首爾旅遊情報這裡找。首爾的打卡景點,推薦美食餐廳,人氣咖啡廳,飯店住宿,節慶活動,公演等首爾好玩有趣的地方。交通方式,旅遊指南,地圖路線等各種旅遊時必須的情報。關於首爾的一切,首爾觀光財團 Visit Seoul提供最在地的旅遊資訊內容。"> <meta property="og:image" content="http://tchinese.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="關於首爾旅行的所有一切, Visit Seoul"> <meta name="twitter:description" content="最多樣化的首爾旅遊情報這裡找。首爾的打卡景點,推薦美食餐廳,人氣咖啡廳,飯店住宿,節慶活動,公演等首爾好玩有趣的地方。交通方式,旅遊指南,地圖路線等各種旅遊時必須的情報。關於首爾的一切,首爾觀光財團 Visit Seoul提供最在地的旅遊資訊內容。"> <meta name="twitter:image" content="http://tchinese.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-TW.css?20221228_01"/> <script> const sessionId = '2423952CD0E3847B1983E9461479867B.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 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 >  <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 js-topBanner-active">   <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="main-contents">   <script type="text/javascript"> $(document).ready(function(){ $('html').attr("xmlns:wb", "http://open.weibo.com/wb"); }); </script>   <div class="main-contents-inner wide course" id="container">    <section class="section-main-visual"> <div class="slider-main-visual">  <div class="slider-controls"> <div class="group-01"> <div class="progressbar-cont"> <div class="swiper-pagination"></div> <div class="autoplay-progress"> <svg viewBox="0 0 100 1"> <line x1="0" y1="0" x2="100" y2="0" /> </svg> </div> </div> </div> <div class="group-02"> <div class="swiper-button-prev swiper-button-white"> <em class="blind">查看上一張主視覺幻燈片</em> </div> <button type="button" class="btn-autoplay"> <i class="ico-autoplay"><em class="blind">暫停</em></i> </button> <div class="swiper-button-next swiper-button-white"> <em class="blind">查看下一張主視覺幻燈片</em> </div> </div> </div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slide-bg" style="background-image:url('/data/MEDIA/20241202//1202161606750-75edb79f3c10425d82f3b0904c616424.jpeg');" data-web-img="/data/MEDIA/20241202//1202161606750-75edb79f3c10425d82f3b0904c616424.jpeg" data-mo-img="/data/MEDIA/20241202//1202161620883-4860079b5351448fb0735055cad7b6bf.png"></div> <div class="slide-item"> <div class="title-cont"> <a href="https://tchinese.visitseoul.net/exhibition/legrandtheatre2024/TCP5h6ubl" target="_self"> <h2>在首爾度過童話般的聖誕節</h2> <em> </em> <div class="btn-block"> <span class="btn-learn-more"> <em>Learn more</em> </span> </div> </a> </div> </div> </div> </div> </div> </div> </section>  <section class="section-explore"> <div class="inner-cont"> <div class="section-title"> <em>首爾必遊景點</em> <h2>探索首爾魅力</h2> </div> <div class="explore-cont"> <div class="slider-explore">  <div class="swiper-button-prev"><em class="blind">上一張最新消息</em></div> <div class="swiper-button-next"><em class="blind">下一張最新消息</em></div>  <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="http://tchinese.visitseoul.net/attractions/普信閣敲鐘體驗活動/TCP001904" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241202//1202164844516-d45661ed1a214d65b0fe05a19b95956e.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241202//1202164844516-d45661ed1a214d65b0fe05a19b95956e.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>普信閣（敲鐘體驗活動）</h4> <p>象徵韓國新年的鐘聲</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="http://tchinese.visitseoul.net/nature/纛島漢江公園/TCP011395" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241202//1202164905802-71d1dfc41d044677b6c1653e3122a391.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241202//1202164905802-71d1dfc41d044677b6c1653e3122a391.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>纛島漢江公園</h4> <p>在冬季開放的滑雪場中<br>盡享冬季娛樂</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="http://tchinese.visitseoul.net/shopping/第2樂天世界購物中心/TCP015859" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241202//1202164924613-449a6d2a0106494c9c47dca770dd9745.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241202//1202164924613-449a6d2a0106494c9c47dca770dd9745.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>樂天世界購物中心</h4> <p>12月必去打卡的<br>熱門聖誕拍照景點</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="http://tchinese.visitseoul.net/mvp/서울나이트라이프코스/TCN035010" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241202//1202164944578-304a15d19ef848e6a5a26f0b78f77371.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241202//1202164944578-304a15d19ef848e6a5a26f0b78f77371.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>首爾夜生活路線</h4> <p>夜越黑，光越亮 <br>首爾的夜晚最閃耀</p> </div> </div> </a> </div> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> </div> </div> </section>  <section class="section-travel"> <div class="inner-cont"> <div class="travel-group"> <div class="section-title"> <h2>首次來韓?</h2> <p> 首爾旅行初體驗，對於行程規劃、交通安排和景點選擇感到無從下手？<br><br> 為您準備一系列完整旅遊資訊，輕鬆制定行程，讓首爾之旅每一刻都充滿無限精彩！</p> </div> <div class="travel-cont"> <ul class="travel-list"> <li> <a href="https://tchinese.visitseoul.net/map-guide-book"> <i class="ico-travel-guide"></i> <strong>地圖&旅遊指南書</strong> </a> </li> <li> <a href="https://tchinese.visitseoul.net/Tax-Refund/"> <i class="ico-travel-tax"></i> <strong>退稅</strong> </a> </li> <li> <a href="https://tchinese.visitseoul.net/Visa/"> <i class="ico-travel-visa"></i> <strong>簽證</strong> </a> </li> <li> <a href="https://tchinese.visitseoul.net/Getting-to-seoul"> <i class="ico-travel-transport"></i> <strong>首爾的交通工具</strong> </a> </li> <li> <a href="https://tchinese.visitseoul.net/safe-travel"> <i class="ico-travel-smart"></i> <strong>Smart首爾旅遊</strong> </a> </li> <li> <a href="https://tchinese.visitseoul.net/tourist-Information-center"> <i class="ico-travel-info"></i> <strong>旅遊服務中心</strong> </a> </li> </ul> </div> </div> </div> </section>  <section class="section-event"> <div class="inner-cont"> <div class="section-title"> <em>首爾精彩活動指南</em> <h2>首爾近期活動覽表</h2> </div> <div class="event-cont"> <div class="event-calendar-area"> <div class="event-calendar"> <div class="event-calendar-month"> <dl> <dt>2025</dt> <dd>02</dd> </dl> </div> <div class="event-calendar-date"> <div class="slider-event-calendar">  <div class="swiper-button-prev"> <em class="blind">이벤트 캘린더 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">이벤트 캘린더 슬라이드 다음보기</em> </div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">  <div class="slide-item active--focus "> <a href="javascript:void(0);"> <dl class="today" > <dt>20</dt> <dd>星期四</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-20"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>21</dt> <dd>星期五</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-21"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>22</dt> <dd>星期六</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-22"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>23</dt> <dd>星期日</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-23"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>24</dt> <dd>星期一</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-24"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>25</dt> <dd>星期二</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-25"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>26</dt> <dd>星期三</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-26"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>27</dt> <dd>星期四</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-27"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>28</dt> <dd>星期五</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-28"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>01</dt> <dd>星期六</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-01"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>02</dt> <dd>星期日</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-02"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>03</dt> <dd>星期一</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-03"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>04</dt> <dd>星期二</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-04"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>05</dt> <dd>星期三</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-05"> </div> </div> <div class="swiper-slide">  <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>06</dt> <dd>星期四</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-06"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>07</dt> <dd>星期五</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-07"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>08</dt> <dd>星期六</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-08"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>09</dt> <dd>星期日</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-09"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>10</dt> <dd>星期一</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-10"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>11</dt> <dd>星期二</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-11"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>12</dt> <dd>星期三</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-12"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>13</dt> <dd>星期四</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-13"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>14</dt> <dd>星期五</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-14"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>15</dt> <dd>星期六</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-15"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>16</dt> <dd>星期日</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-16"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>17</dt> <dd>星期一</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-17"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>18</dt> <dd>星期二</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-18"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>19</dt> <dd>星期三</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-19"> </div> </div> </div> </div> </div> <div class="slider-event-calendar--mo">  <div class="swiper-button-prev"> <em class="blind">이벤트 캘린더 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">이벤트 캘린더 슬라이드 다음보기</em> </div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">  <div class="slide-item active--focus "> <a href="javascript:void(0);"> <dl class="today" > <dt>20</dt> <dd>星期四</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-20"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>21</dt> <dd>星期五</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-21"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>22</dt> <dd>星期六</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-22"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>23</dt> <dd>星期日</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-23"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>24</dt> <dd>星期一</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-24"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>25</dt> <dd>星期二</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-25"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>26</dt> <dd>星期三</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-26"> </div> </div> <div class="swiper-slide">  <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>27</dt> <dd>星期四</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-27"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>28</dt> <dd>星期五</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-28"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>01</dt> <dd>星期六</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-01"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>02</dt> <dd>星期日</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-02"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>03</dt> <dd>星期一</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-03"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>04</dt> <dd>星期二</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-04"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>05</dt> <dd>星期三</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-05"> </div> </div> <div class="swiper-slide">  <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>06</dt> <dd>星期四</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-06"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>07</dt> <dd>星期五</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-07"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>08</dt> <dd>星期六</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-08"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>09</dt> <dd>星期日</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-09"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>10</dt> <dd>星期一</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-10"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>11</dt> <dd>星期二</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-11"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>12</dt> <dd>星期三</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-12"> </div> </div> <div class="swiper-slide">  <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>13</dt> <dd>星期四</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-13"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>14</dt> <dd>星期五</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-14"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>15</dt> <dd>星期六</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-15"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>16</dt> <dd>星期日</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-16"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>17</dt> <dd>星期一</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-17"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>18</dt> <dd>星期二</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-18"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>19</dt> <dd>星期三</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-19"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="slider-event">  <div class="swiper-button-prev"><em class="blind">上一张慶典&活動</em></div> <div class="swiper-button-next"><em class="blind">下一张慶典&活動</em></div>  <div class="slider-mask" style="display:block;"> <div class="swiper-container"> <div class="swiper-wrapper"> <input type="hidden" id="KOP6hqs2t" value="/resources/theme/v2/images/event/11.jpg"/> <input type="hidden" id="KOPqu384i" value="/resources/theme/v2/images/event/6.jpg"/> <input type="hidden" id="KOPdr6nn0" value="/resources/theme/v2/images/event/16.jpg"/> <input type="hidden" id="KOPug150d" value="/resources/theme/v2/images/event/21.jpg"/> <input type="hidden" id="KOPyw61fy" value="/resources/theme/v2/images/event/17.jpg"/> <input type="hidden" id="KOP668j32" value="/resources/theme/v2/images/event/7.jpg"/> <input type="hidden" id="KOP9xfhqw" value="/resources/theme/v2/images/event/33.jpg"/> <input type="hidden" id="KOPhcg1td" value="/resources/theme/v2/images/event/23.jpg"/> <input type="hidden" id="KOPa4udir" value="/resources/theme/v2/images/event/8.jpg"/> <input type="hidden" id="KOP2pvupp" value="/resources/theme/v2/images/event/1.jpg"/> <input type="hidden" id="KOPu1vba8" value="/resources/theme/v2/images/event/18.jpg"/> <input type="hidden" id="KOP2qn4qq" value="/resources/theme/v2/images/event/5.jpg"/> <input type="hidden" id="KOPqsxdzp" value="/resources/theme/v2/images/event/19.jpg"/> <input type="hidden" id="KOPad2n9b" value="/resources/theme/v2/images/event/22.jpg"/> <input type="hidden" id="KOPsrn1p5" value="/resources/theme/v2/images/event/10.jpg"/> <input type="hidden" id="KOP09c5od" value="/resources/theme/v2/images/event/2.jpg"/> <input type="hidden" id="KOPe11y5c" value="/resources/theme/v2/images/event/9.jpg"/> <input type="hidden" id="KOPokabjm" value="/resources/theme/v2/images/event/30.jpg"/> <input type="hidden" id="KOPmfskyu" value="/resources/theme/v2/images/event/20.jpg"/> <input type="hidden" id="KOPy0v1xv" value="/resources/theme/v2/images/event/4.jpg"/> <input type="hidden" id="KOP18biiq" value="/resources/theme/v2/images/event/12.jpg"/> <input type="hidden" id="KOPmvbf3l" value="/resources/theme/v2/images/event/31.jpg"/> <input type="hidden" id="KOP2wsdrm" value="/resources/theme/v2/images/event/28.jpg"/> <input type="hidden" id="KOP7gsazt" value="/resources/theme/v2/images/event/26.jpg"/> <input type="hidden" id="KOPg8me67" value="/resources/theme/v2/images/event/14.jpg"/> <input type="hidden" id="KOP75wu2z" value="/resources/theme/v2/images/event/29.jpg"/> <input type="hidden" id="KOPnpbfuz" value="/resources/theme/v2/images/event/25.jpg"/> <input type="hidden" id="KOP3r7zs1" value="/resources/theme/v2/images/event/32.jpg"/> <input type="hidden" id="KOPfztlks" value="/resources/theme/v2/images/event/13.jpg"/> <input type="hidden" id="KOP97iwrz" value="/resources/theme/v2/images/event/27.jpg"/> <input type="hidden" id="KOP8j7w39" value="/resources/theme/v2/images/event/15.jpg"/> <input type="hidden" id="ENP6hqs2t" value="/resources/theme/v2/images/event/11.jpg"/> <input type="hidden" id="ENPqu384i" value="/resources/theme/v2/images/event/6.jpg"/> <input type="hidden" id="ENPug150d" value="/resources/theme/v2/images/event/21.jpg"/> <input type="hidden" id="ENPhcg1td" value="/resources/theme/v2/images/event/23.jpg"/> <input type="hidden" id="ENPyw61fy" value="/resources/theme/v2/images/event/17.jpg"/> <input type="hidden" id="ENP668j32" value="/resources/theme/v2/images/event/7.jpg"/> <input type="hidden" id="ENP9xfhqw" value="/resources/theme/v2/images/event/33.jpg"/> <input type="hidden" id="ENPa4udir" value="/resources/theme/v2/images/event/8.jpg"/> <input type="hidden" id="ENP2pvupp" value="/resources/theme/v2/images/event/1.jpg"/> <input type="hidden" id="ENPu1vba8" value="/resources/theme/v2/images/event/18.jpg"/> <input type="hidden" id="ENPqsxdzp" value="/resources/theme/v2/images/event/19.jpg"/> <input type="hidden" id="ENP2qn4qq" value="/resources/theme/v2/images/event/5.jpg"/> <input type="hidden" id="ENPad2n9b" value="/resources/theme/v2/images/event/22.jpg"/> <input type="hidden" id="ENPsrn1p5" value="/resources/theme/v2/images/event/10.jpg"/> <input type="hidden" id="ENP09c5od" value="/resources/theme/v2/images/event/2.jpg"/> <input type="hidden" id="ENPe11y5c" value="/resources/theme/v2/images/event/9.jpg"/> <input type="hidden" id="ENPokabjm" value="/resources/theme/v2/images/event/30.jpg"/> <input type="hidden" id="ENPmfskyu" value="/resources/theme/v2/images/event/20.jpg"/> <input type="hidden" id="ENP18biiq" value="/resources/theme/v2/images/event/12.jpg"/> <input type="hidden" id="ENPmvbf3l" value="/resources/theme/v2/images/event/31.jpg"/> <input type="hidden" id="ENP7gsazt" value="/resources/theme/v2/images/event/26.jpg"/> <input type="hidden" id="ENP2wsdrm" value="/resources/theme/v2/images/event/28.jpg"/> <input type="hidden" id="ENPg8me67" value="/resources/theme/v2/images/event/14.jpg"/> <input type="hidden" id="ENP75wu2z" value="/resources/theme/v2/images/event/29.jpg"/> <input type="hidden" id="ENP97iwrz" value="/resources/theme/v2/images/event/27.jpg"/> <input type="hidden" id="ENPnpbfuz" value="/resources/theme/v2/images/event/25.jpg"/> <input type="hidden" id="ENP3r7zs1" value="/resources/theme/v2/images/event/32.jpg"/> <input type="hidden" id="ENPfztlks" value="/resources/theme/v2/images/event/13.jpg"/> <input type="hidden" id="ENP8j7w39" value="/resources/theme/v2/images/event/15.jpg"/> <input type="hidden" id="JPP6hqs2t" value="/resources/theme/v2/images/event/11.jpg"/> <input type="hidden" id="JPPqu384i" value="/resources/theme/v2/images/event/6.jpg"/> <input type="hidden" id="JPPdr6nn0" value="/resources/theme/v2/images/event/16.jpg"/> <input type="hidden" id="JPPug150d" value="/resources/theme/v2/images/event/21.jpg"/> <input type="hidden" id="JPPyw61fy" value="/resources/theme/v2/images/event/17.jpg"/> <input type="hidden" id="JPP668j32" value="/resources/theme/v2/images/event/7.jpg"/> <input type="hidden" id="JPPhcg1td" value="/resources/theme/v2/images/event/23.jpg"/> <input type="hidden" id="JPP9xfhqw" value="/resources/theme/v2/images/event/33.jpg"/> <input type="hidden" id="JPPa4udir" value="/resources/theme/v2/images/event/8.jpg"/> <input type="hidden" id="JPP2pvupp" value="/resources/theme/v2/images/event/1.jpg"/> <input type="hidden" id="JPPu1vba8" value="/resources/theme/v2/images/event/18.jpg"/> <input type="hidden" id="JPP2qn4qq" value="/resources/theme/v2/images/event/5.jpg"/> <input type="hidden" id="JPPqsxdzp" value="/resources/theme/v2/images/event/19.jpg"/> <input type="hidden" id="JPPad2n9b" value="/resources/theme/v2/images/event/22.jpg"/> <input type="hidden" id="JPPsrn1p5" value="/resources/theme/v2/images/event/10.jpg"/> <input type="hidden" id="JPP09c5od" value="/resources/theme/v2/images/event/2.jpg"/> <input type="hidden" id="JPPe11y5c" value="/resources/theme/v2/images/event/9.jpg"/> <input type="hidden" id="JPPokabjm" value="/resources/theme/v2/images/event/30.jpg"/> <input type="hidden" id="JPPmfskyu" value="/resources/theme/v2/images/event/20.jpg"/> <input type="hidden" id="JPPy0v1xv" value="/resources/theme/v2/images/event/4.jpg"/> <input type="hidden" id="JPP18biiq" value="/resources/theme/v2/images/event/12.jpg"/> <input type="hidden" id="JPPmvbf3l" value="/resources/theme/v2/images/event/31.jpg"/> <input type="hidden" id="JPP7gsazt" value="/resources/theme/v2/images/event/26.jpg"/> <input type="hidden" id="JPP34w5l3" value="/resources/theme/v2/images/event/28.jpg"/> <input type="hidden" id="JPPg8me67" value="/resources/theme/v2/images/event/14.jpg"/> <input type="hidden" id="JPP75wu2z" value="/resources/theme/v2/images/event/29.jpg"/> <input type="hidden" id="JPP97iwrz" value="/resources/theme/v2/images/event/27.jpg"/> <input type="hidden" id="JPPnpbfuz" value="/resources/theme/v2/images/event/25.jpg"/> <input type="hidden" id="JPP3r7zs1" value="/resources/theme/v2/images/event/32.jpg"/> <input type="hidden" id="JPPfztlks" value="/resources/theme/v2/images/event/13.jpg"/> <input type="hidden" id="JPP8j7w39" value="/resources/theme/v2/images/event/15.jpg"/> <input type="hidden" id="JPP9cyuk4" value="/resources/theme/v2/images/event/24.jpg"/> <input type="hidden" id="CNP6hqs2t" value="/resources/theme/v2/images/event/11.jpg"/> <input type="hidden" id="CNPqu384i" value="/resources/theme/v2/images/event/6.jpg"/> <input type="hidden" id="CNPdr6nn0" value="/resources/theme/v2/images/event/16.jpg"/> <input type="hidden" id="CNPug150d" value="/resources/theme/v2/images/event/21.jpg"/> <input type="hidden" id="CNPyw61fy" value="/resources/theme/v2/images/event/17.jpg"/> <input type="hidden" id="CNP668j32" value="/resources/theme/v2/images/event/7.jpg"/> <input type="hidden" id="CNPhcg1td" value="/resources/theme/v2/images/event/23.jpg"/> <input type="hidden" id="CNP9xfhqw" value="/resources/theme/v2/images/event/33.jpg"/> <input type="hidden" id="CNPa4udir" value="/resources/theme/v2/images/event/8.jpg"/> <input type="hidden" id="CNP2pvupp" value="/resources/theme/v2/images/event/1.jpg"/> <input type="hidden" id="CNPu1vba8" value="/resources/theme/v2/images/event/18.jpg"/> <input type="hidden" id="CNP2qn4qq" value="/resources/theme/v2/images/event/5.jpg"/> <input type="hidden" id="CNPqsxdzp" value="/resources/theme/v2/images/event/19.jpg"/> <input type="hidden" id="CNPad2n9b" value="/resources/theme/v2/images/event/22.jpg"/> <input type="hidden" id="CNPsrn1p5" value="/resources/theme/v2/images/event/10.jpg"/> <input type="hidden" id="CNP09c5od" value="/resources/theme/v2/images/event/2.jpg"/> <input type="hidden" id="CNPe11y5c" value="/resources/theme/v2/images/event/9.jpg"/> <input type="hidden" id="CNPokabjm" value="/resources/theme/v2/images/event/30.jpg"/> <input type="hidden" id="CNPmfskyu" value="/resources/theme/v2/images/event/20.jpg"/> <input type="hidden" id="CNP18biiq" value="/resources/theme/v2/images/event/12.jpg"/> <input type="hidden" id="CNPmvbf3l" value="/resources/theme/v2/images/event/31.jpg"/> <input type="hidden" id="CNP2wsdrm" value="/resources/theme/v2/images/event/28.jpg"/> <input type="hidden" id="CNP7gsazt" value="/resources/theme/v2/images/event/26.jpg"/> <input type="hidden" id="CNPg8me67" value="/resources/theme/v2/images/event/14.jpg"/> <input type="hidden" id="CNP75wu2z" value="/resources/theme/v2/images/event/29.jpg"/> <input type="hidden" id="CNP97iwrz" value="/resources/theme/v2/images/event/27.jpg"/> <input type="hidden" id="CNPnpbfuz" value="/resources/theme/v2/images/event/25.jpg"/> <input type="hidden" id="CNP3r7zs1" value="/resources/theme/v2/images/event/32.jpg"/> <input type="hidden" id="CNPfztlks" value="/resources/theme/v2/images/event/13.jpg"/> <input type="hidden" id="CNP8j7w39" value="/resources/theme/v2/images/event/15.jpg"/> <input type="hidden" id="TCPqu384i" value="/resources/theme/v2/images/event/6.jpg"/> <input type="hidden" id="TCPdr6nn0" value="/resources/theme/v2/images/event/16.jpg"/> <input type="hidden" id="TCP6hqs2t" value="/resources/theme/v2/images/event/11.jpg"/> <input type="hidden" id="TCPug150d" value="/resources/theme/v2/images/event/21.jpg"/> <input type="hidden" id="TCPyw61fy" value="/resources/theme/v2/images/event/17.jpg"/> <input type="hidden" id="TCP668j32" value="/resources/theme/v2/images/event/7.jpg"/> <input type="hidden" id="TCPhcg1td" value="/resources/theme/v2/images/event/23.jpg"/> <input type="hidden" id="TCP9xfhqw" value="/resources/theme/v2/images/event/33.jpg"/> <input type="hidden" id="TCPa4udir" value="/resources/theme/v2/images/event/8.jpg"/> <input type="hidden" id="TCP2pvupp" value="/resources/theme/v2/images/event/1.jpg"/> <input type="hidden" id="TCPu1vba8" value="/resources/theme/v2/images/event/18.jpg"/> <input type="hidden" id="TCP2qn4qq" value="/resources/theme/v2/images/event/5.jpg"/> <input type="hidden" id="TCPqsxdzp" value="/resources/theme/v2/images/event/19.jpg"/> <input type="hidden" id="TCPad2n9b" value="/resources/theme/v2/images/event/22.jpg"/> <input type="hidden" id="TCPsrn1p5" value="/resources/theme/v2/images/event/10.jpg"/> <input type="hidden" id="TCP09c5od" value="/resources/theme/v2/images/event/2.jpg"/> <input type="hidden" id="TCPe11y5c" value="/resources/theme/v2/images/event/9.jpg"/> <input type="hidden" id="TCPokabjm" value="/resources/theme/v2/images/event/30.jpg"/> <input type="hidden" id="TCPmfskyu" value="/resources/theme/v2/images/event/20.jpg"/> <input type="hidden" id="TCPy0v1xv" value="/resources/theme/v2/images/event/4.jpg"/> <input type="hidden" id="TCP18biiq" value="/resources/theme/v2/images/event/12.jpg"/> <input type="hidden" id="TCPmvbf3l" value="/resources/theme/v2/images/event/31.jpg"/> <input type="hidden" id="TCP2wsdrm" value="/resources/theme/v2/images/event/28.jpg"/> <input type="hidden" id="TCP7gsazt" value="/resources/theme/v2/images/event/26.jpg"/> <input type="hidden" id="TCPg8me67" value="/resources/theme/v2/images/event/14.jpg"/> <input type="hidden" id="TCP75wu2z" value="/resources/theme/v2/images/event/29.jpg"/> <input type="hidden" id="TCPnpbfuz" value="/resources/theme/v2/images/event/25.jpg"/> <input type="hidden" id="TCP3r7zs1" value="/resources/theme/v2/images/event/32.jpg"/> <input type="hidden" id="TCP97iwrz" value="/resources/theme/v2/images/event/27.jpg"/> <input type="hidden" id="TCPfztlks" value="/resources/theme/v2/images/event/13.jpg"/> <input type="hidden" id="TCP8j7w39" value="/resources/theme/v2/images/event/15.jpg"/> <input type="hidden" id="RUPqsxdzp" value="/resources/theme/v2/images/event/19.jpg"/> <input type="hidden" id="RUPfztlks" value="/resources/theme/v2/images/event/13.jpg"/> <input type="hidden" id="RUP97iwrz" value="/resources/theme/v2/images/event/27.jpg"/> <div class="swiper-slide"> <a href="/exhibition/2024-dreamsforhere/TCP9puqbn" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241210/1210162655763-46391a3068cb4852a38c242d39df6134.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Choi Min Yeong：借給你夢想</strong> <em class="date"> 2024.12.12 ~ 2025.02.23</em> <em>Space K首爾</em> </dt> <dd> <p>KOLON文化藝術分享空間Space K首爾將舉辦來自倫敦的藝術家Choi Min Yeong（1989年生）的個展《借給你夢想》。 Choi Min Yeong的作品融合了陌生與熟悉，彷彿將不可能的夢想轉化為現實，從而改變我們對當前世界的認知。她的藝術探索模糊了夢境與現實、熟悉與陌生之間的界線，讓觀眾從全新的視角反思我們每天所面對的現實。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/ReignofPeace-2024/TCP3mz1mm" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241210/1210153718341-a7cfa1e0330242b4ba672afb92f5caa1.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>2024 特展「太平繼太平：作為太平盛世記憶的18世紀首爾」</strong> <em class="date"> 2024.12.13 ~ 2025.03.09</em> <em>首爾歷史博物館</em> </dt> <dd> <p>此次展覽聚焦於歷史上被記憶為同治中興時期的18世紀首爾。以「蕩平」為理念，英祖（1724-1776）和正祖（1776-1800）兩位君主致力於引發變革，改善百姓的生活，邀您一同回顧並體驗這段時期的首爾城市風貌。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-Souimun/TCPae1cn5" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241203/1203162752436-7c1040fc778d430a8b2975063bb794ae.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>消失的漢陽都城舊門昭義門</strong> <em class="date"> 2024.11.26 ~ 2025.03.09</em> <em>漢陽都城博物館</em> </dt> <dd> <p>2024年漢陽都城博物館下半年企劃展消失的漢陽都城舊門——昭義門 (Souimun, the Lost Gate of Seoul City Wall)</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-SecondOlympics/TCPr6qnov" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241128/1128112449848-f421c4f91af04464bfe48e41d36fa486.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>首爾2036，第二個奧運會</strong> <em class="date"> 2024.11.22 ~ 2025.03.09</em> <em>首爾歷史博物館</em> </dt> <dd> <p>以1988首爾奧林匹克為契機，並重新回顧聚焦1988首爾奧林匹克的成就，特別企劃了《2036 首爾，第二次奧運》特展！</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-MarriageStories/TCPwamqsm" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241118/1118150320855-40bc50983e2b4358880653278d28890e.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>首爾家族三代的婚禮故事</strong> <em class="date"> 2024.11.08 ~ 2025.03.30</em> <em>首爾生活史博物館</em> </dt> <dd> <p>《首爾家族三代婚禮故事》展覽呈現了首爾市民婚禮文化的發展歷程，從1888年亞篇薛羅（Henry Gerhard Appenzeller）傳教士在貞洞教會主持的首場新式婚禮，到如今傳統和現代元素並存的結合，婚禮文化在首爾不斷演變與創新。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-MariaSvarbova/TCPx9hgr2" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241115/1115142608215-0714a4bea0574e9fabc33ed74b9f7113.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Maria Svarbova：昨天的未來展覽</strong> <em class="date"> 2024.11.22 ~ 2025.03.09</em> <em>GROUND SEOUL</em> </dt> <dd> <p>在首爾Ground Seoul將舉辦講述以獨特、魅惑的作品受到全世界青睞的女作家Maria Svarbova的作品《Maria Svarbova：昨天的未來展覽》。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-Twisting/TCPs9gkpe" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241114/1114150618845-861191d74fc444c191aa98531af3ac38.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>首爾市檔案館兒童檔案體驗室<彎彎曲曲記錄探險></strong> <em class="date"> 2024.10.04 ~ 2026.09.27</em> <em>首爾市檔案館2樓第3展室</em> </dt> <dd> <p>針對7至13歲兒童，設計了一款遊戲型體驗展示，旨在能夠輕松理解檔案內容</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-CGCshantytown/TCPb2qbin" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241106/1106120926867-1bf3f8db85794a0fa64c4fa9fdfeab29.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>當時，這裡的紀錄——清溪川板子村</strong> <em class="date"> 2024.11.05 ~ 2025.03.30</em> <em>清溪川博物館</em> </dt> <dd> <p>清溪川博物館舉辦《當時，這裡的紀錄——清溪川板子村》企劃展，希望藉此重拾對清溪川的記憶，同時透過展覽重新回顧板子村居民的生活點滴，讓這段歷史再次走進人們的視野。 </p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/events/2024-Luminarie/TCPxltb2s" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241025/1025151558932-20123b4a96464bb6a7d0098c14ac0564.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>湖泊的秋冬與Luminarie燈光藝術展</strong> <em class="date"> 2024.10.25 ~ 2025.02.28</em> <em>石村湖</em> </dt> <dd> <p>在松波區石村湖一帶將舉辦湖泊的秋冬與燈光藝術展</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-mtmh/TCP8pkdcm" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241025/1025180013776-f9c9c2ba5bdc4cbebae23686a90e605b.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>我的寶物，我的遺產</strong> <em class="date"> 2024.10.25 ~ 2025.03.16</em> <em>首爾歷史博物館</em> </dt> <dd> <p>由市民所建造的博物館</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-immersiveK/TCPd8sx8c" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241018/1018172205118-1cbfea26cb324b2ea5878020e8114c9b.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Immersive-K 澗松美術館數位媒體展 </strong> <em class="date"> 2024.08.15 ~ 2025.04.30</em> <em>DDP 博物館展覽 2館 </em> </dt> <dd> <p>雲霧散去，月光映照；微風輕拂，繁星閃爍。 IMMERSIVE 是澗松美術館精心打造的展覽，首次以韓國傳統藝術為主題，創造全球首例的韓國風格數位媒體藝術，並引領 K-Culture 的藝術潮流。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-KIScollection/TCPmnz7ln" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241011/1011171939585-ea316c587dd347f3943faa4278605217.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>金仁順精選集≪站起來的生活≫ </strong> <em class="date"> 2024.08.29 ~ 2025.02.23</em> <em>首爾市立美術館 </em> </dt> <dd> <p>金仁順的《站起來的生活》展覽深入探討了她在「女性」議題上的藝術實踐。此次展覽包含三個部分，共展示20件藝術作品及檔案資料，期望能夠引起大家對韓國女性藝術的興趣，並鼓勵各種研究與討論的深入。 </p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-seoulsparks/TCPmfskyu" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/20.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>記錄中的漫步:首爾的公園</strong> <em class="date"> 2023.12.01 ~ 2026.09.29</em> <em>首爾市檔案館2樓第2展室</em> </dt> <dd> <p>記載了首爾的公園歷史和變遷過程的展覽</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/events/2024-K-FoodFestivalKnockKnock/TCPy0v1xv" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/4.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>K-美食慶典knockknock</strong> <em class="date"> 2024.05.29 ~ 2025.05.31</em> <em>世宗路公園</em> </dt> <dd> <p>[2024 K-美食慶典knockknock] 是一個以韓餐為主題的美食節，您可以在這裡體驗到韓餐的多樣性和獨特風味，度過愉快的時光。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-bosingak/TCP18biiq" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/12.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>普信閣，時間的迴響</strong> <em class="date"> 2024.07.19 ~ 2025.03.16</em> <em>CentroPolis 地下1樓</em> </dt> <dd> <p>普信閣，時間的迴響</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-celestialwhisper/TCPg8me67" target="_self" title="前往頁面" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/14.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>像天使翅膀的透明芬芳色彩</strong> <em class="date"> 2024.06.04 ~ 2025.05.05</em> <em>首爾市立北首爾美術館</em> </dt> <dd> <p>以“天使”為主題，旨在讓包括兒童在內的廣大普通參觀者都能輕松熟悉並深入體驗，降低現代藝術門檻。參觀者將深入感受藝術家所打造的獨特作品世界。</p> </dd> </dl> </div> </div> </a> </div> </div> </div> </div>  <div class="swiper-pagination swiper-pagination-bullets"></div>  </div>  <div class="nodata-area" style="display: none;"> <div class="nodata-cont"> <div class="nodata-pos"> <i class="ico-calendar"></i> <strong>該日期沒有登記的活動。</strong> </div> </div> </div>  </div> <div class="btn-block-bottom"> <a href="/exhibition-events"> <em>查看更多活動</em> <i class="ico-more"></i> </a> </div> </div> </section>   <section class="section-editor-pick"> <div class="inner-cont"> <div class="section-title"> <em>編輯專欄</em> <h2>VISIT SEOUL推薦熱門必去</h2> </div> <div class="editor-pick-cont"> <div class="slider-editor-pick">  <div class="swiper-button-prev"><em class="blind">上一張推薦內容</em></div> <div class="swiper-button-next"><em class="blind">下一張推薦內容</em></div>  <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="./editorspicks/MultipurposeCulturalSpaces/TCN5jljji" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20250210/0210162943836-af2a46a34d2e4cdb8992bdfa02206930.png" alt="" /> </div> </div> <div class="text-cont"> <h4>文化、咖啡與創意交匯：首爾的複合文化空間</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./editorspicks/winter-yeouido/TCNntcc2l" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20250117/0117151144232-29e4fa14362c49fd9fb0a00ee54d275d.png" alt="" /> </div> </div> <div class="text-cont"> <h4>冬季限定！汝矣島滑雪橇、登高樓眺望首爾市夢幻全景</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./editorspicks/seoulwinter/TCNxq7h4p" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20250106/0106165243964-3144b79921cb4fdeb21eb3b4b29f556b.png" alt="" /> </div> </div> <div class="text-cont"> <h4>冬日夢幻之旅–邂逅首爾最美雪景</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./editorspicks/jeongdong-gilinwinter/TCN80w0sr" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20241216/1216160803743-d7558dfe6e1d4ce1ac0f33940b32cef1.png" alt="" /> </div> </div> <div class="text-cont"> <h4>預約冬季限定首爾溜冰趣，來一趟貞洞的洋風建築巡禮</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./editorspicks/seoulwinterfestival/TCNpeygl8" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20241203/1203145906484-27484a8b37ea476d8401aea668910f6f.png" alt="" /> </div> </div> <div class="text-cont"> <h4>首爾的魔法冬季：完美Holiday指南</h4> </div> </div> </a> </div> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> </div> </div> </section>   <section class="section-banner"> <div class="inner-cont"> <div class="banner-cont"> <div class="slider-banner">  <div class="swiper-button-prev"><em class="blind">上一张横幅</em></div> <div class="swiper-button-next"><em class="blind">下一张横幅</em></div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://tchinese.visitseoul.net/partners-tc/seoul-goods " target="_blank" title="另開新視窗" > <img src="/data/MEDIA/20240604//0604211542697-25c6680b2d9b4174b9402733e3476dcd.jpg" alt="SEOUL SOUL GIFTS SEOUL MY SOUL"> </a> </div> <div class="swiper-slide"> <a href="https://www.discoverseoulpass.com" target="_blank" title="另開新視窗" > <img src="/data/MEDIA/20240628//0628170356265-c1298522b34746069a2ff7ff0d27325f.png" alt="外國遊客通行證, 首爾轉轉卡 /在120小時內發現首爾"> </a> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> </div> </div> </section>   <section class="section-recommendations"> <div class="inner-cont"> <div class="section-title"> <em> <span class="change-word-break">讓首爾旅行更加愉快的便利服務</span> <span class="change-word-break"></span> </em> <h2>推薦</h2> </div> <div class="slider-recommendations"> <div class="slider-group"> <div class="slider-info">  <div class="swiper-pagination swiper-pagination-fraction swiper-pagination-horizontal"> <span class="swiper-pagination-current"></span> / <span class="swiper-pagination-total"></span> </div>  <div class="text-cont"></div>  <div class="slider-controls"> <div class="swiper-button-prev"> <em class="blind">上一張推薦內容</em> </div> <div class="swiper-button-next"> <em class="blind">下一張推薦內容</em> </div> </div>  </div> <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" data-slide-idx="1"> <div class="slide-item"> <a href="https://www.discoverseoulpass.com/app/main" target="_blank" title="開啟新視窗"> <div class="thumb-cont"> <img src="/data/MEDIA/20240705//0705092110870-3d39c51e3a3f4d2191d8977dae813367.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>查看更多。</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>首爾轉轉卡 </h4> <p>轉轉卡一張在手，暢遊首爾 </p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="2"> <div class="slide-item"> <a href="https://tchinese.visitseoul.net/safe-travel#safeTravel06" target="_self" title="前往頁面"> <div class="thumb-cont"> <img src="/data/MEDIA/20240906//0906081335878-2c5e2b3434d14e779726cf77c285b0ce.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>查看更多。</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>售票資訊與折扣優惠</h4> <p>韓流演出及其他活動票務資訊</p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="3"> <div class="slide-item"> <a href="https://tchinese.visitseoul.net/walking-tour" target="_self" title="前往頁面"> <div class="thumb-cont"> <img src="/data/MEDIA/20230523//0523142830230-194853631182411a8d07d32ccbd46de7.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>查看更多。</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>首爾步行觀光指南</h4> <p>由專業導遊帶隊的徒步導覽觀光</p> </div> </a> </div> </div>  <div class="swiper-slide" data-slide-idx="1"> <div class="slide-item"> <a href="https://www.discoverseoulpass.com/app/main" target="_blank" title="開啟新視窗"> <div class="thumb-cont"> <img src="/data/MEDIA/20240705//0705092110870-3d39c51e3a3f4d2191d8977dae813367.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>查看更多。</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>首爾轉轉卡 </h4> <p>轉轉卡一張在手，暢遊首爾 </p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="2"> <div class="slide-item"> <a href="https://tchinese.visitseoul.net/safe-travel#safeTravel06" target="_self" title="前往頁面"> <div class="thumb-cont"> <img src="/data/MEDIA/20240906//0906081335878-2c5e2b3434d14e779726cf77c285b0ce.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>查看更多。</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>售票資訊與折扣優惠</h4> <p>韓流演出及其他活動票務資訊</p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="3"> <div class="slide-item"> <a href="https://tchinese.visitseoul.net/walking-tour" target="_self" title="前往頁面"> <div class="thumb-cont"> <img src="/data/MEDIA/20230523//0523142830230-194853631182411a8d07d32ccbd46de7.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>查看更多。</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>首爾步行觀光指南</h4> <p>由專業導遊帶隊的徒步導覽觀光</p> </div> </a> </div> </div>  </div> </div> </div> </div> </div> </div> </section>     <section class="section-sns"> <div class="section-title"> <em>connect with us</em> <h2>Visit Seoul SNS</h2> </div> <div class="sns-yt-cont"> <div class="inner-cont"> <div class="cont-title"> <a href="https://www.youtube.com/user/visitseoul" target="_blank" title="另開新視窗"> <h3>Youtube</h3> </a> </div> <div class="slider-sns-yt">  <div class="swiper-button-prev"><em class="blind">Visit Seoul TV 上一張投影片</em></div> <div class="swiper-button-next"><em class="blind">Visit Seoul TV 下一張投影片</em></div>  <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slide-item"> <div class="thumb-cont"> <a href="https://youtu.be/48Rvt8dNb_U?si=aw-ighU8BGIkOhON" target="_blank" title="新視窗開啟Youtube" > <img class="sns-yt-img" src="/data/MEDIA/20250114//0114113116547-f381501785124a74bca56e74a189d585.png" alt="" /> <img class="sns-yt-img-mo" src="/data/MEDIA/20250114//0114113116547-f381501785124a74bca56e74a189d585.png" alt="" style="display: none;" /> <div class="thumb-mask"> <div class="thumb-text"> <h3>How to Enjoy a Korean Sauna</h3> <div class="info-cont"> <div class="info-title">VisitSeoul TV</div> <div class="info-num"> <span class="view-cont"> <i class="ico-view"><em class="blind">點擊率</em></i> <span class="view" id="tvView1">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">點贊數</em></i> <span class="like" id="tvLike1">0</span> </span> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-slide"> <div class="slide-item"> <div class="thumb-cont"> <a href="https://www.youtube.com/watch?v=QWHAfKE2N3c&t=4s" target="_blank" title="新視窗開啟Youtube" > <img class="sns-yt-img" src="/data/MEDIA/20241004//1004142128333-42eb75ba8dc148ab93f6d7bbca8f9249.png" alt="" /> <img class="sns-yt-img-mo" src="/data/MEDIA/20241004//1004143331537-ccf8d9dbde5f45f8bce3165f57e6a747.png" alt="" style="display: none;" /> <div class="thumb-mask"> <div class="thumb-text"> <h3>$300 vs $100 Outfit Shopping Challenge in Seoul </h3> <div class="info-cont"> <div class="info-title">VisitSeoul TV</div> <div class="info-num"> <span class="view-cont"> <i class="ico-view"><em class="blind">點擊率</em></i> <span class="view" id="tvView2">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">點贊數</em></i> <span class="like" id="tvLike2">0</span> </span> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-slide"> <div class="slide-item"> <div class="thumb-cont"> <a href="https://www.youtube.com/watch?v=Gek98XKbRew" target="_blank" title="新視窗開啟Youtube" > <img class="sns-yt-img" src="/data/MEDIA/20240819//0819113151837-29a3d437e5124040a724d9488950426a.jpg" alt="" /> <img class="sns-yt-img-mo" src="/data/MEDIA/20241004//1004143350721-0a119d1419694c31ae90a346da3cec7e.png" alt="" style="display: none;" /> <div class="thumb-mask"> <div class="thumb-text"> <h3>TRAVELING ALONE IN SEOUL FOR 24 HOURS</h3> <div class="info-cont"> <div class="info-title">VisitSeoul TV</div> <div class="info-num"> <span class="view-cont"> <i class="ico-view"><em class="blind">點擊率</em></i> <span class="view" id="tvView3">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">點贊數</em></i> <span class="like" id="tvLike3">0</span> </span> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-slide"> <div class="slide-item"> <div class="thumb-cont"> <a href="https://www.youtube.com/watch?v=sW7YDnAHaPw&t=6s" target="_blank" title="新視窗開啟Youtube" > <img class="sns-yt-img" src="/data/MEDIA/20240812//0812163343104-03cbcb61828341c99ca41c6e92507125.jpg" alt="" /> <img class="sns-yt-img-mo" src="/data/MEDIA/20240812//0812163343104-03cbcb61828341c99ca41c6e92507125.jpg" alt="" style="display: none;" /> <div class="thumb-mask"> <div class="thumb-text"> <h3>Romantic day</h3> <div class="info-cont"> <div class="info-title">VisitSeoul TV</div> <div class="info-num"> <span class="view-cont"> <i class="ico-view"><em class="blind">點擊率</em></i> <span class="view" id="tvView4">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">點贊數</em></i> <span class="like" id="tvLike4">0</span> </span> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-slide"> <div class="slide-item"> <div class="thumb-cont"> <a href="https://www.youtube.com/watch?v=a6qI_5wqbWs&t=8s" target="_blank" title="新視窗開啟Youtube" > <img class="sns-yt-img" src="/data/MEDIA/20240716//0716124256811-01e6f355da464196b2c2dd164ef01a68.png" alt="" /> <img class="sns-yt-img-mo" src="/data/MEDIA/20240716//0716124256811-01e6f355da464196b2c2dd164ef01a68.png" alt="" style="display: none;" /> <div class="thumb-mask"> <div class="thumb-text"> <h3>SEOULDAL </h3> <div class="info-cont"> <div class="info-title">VisitSeoul TV</div> <div class="info-num"> <span class="view-cont"> <i class="ico-view"><em class="blind">點擊率</em></i> <span class="view" id="tvView5">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">點贊數</em></i> <span class="like" id="tvLike5">0</span> </span> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> </div> </div>  <div class="sns-instar-cont"> <div class="inner-cont"> <div class="cont-title"> <a href="https://www.instagram.com/visitseoul_official_tc" target="_blank" title="另開新視窗"> <h3>Instagram</h3> </a> </div>   </div> </div> </section>  </div> <script> $(document).ready(function() { var isMobile = window.innerWidth <= 768; // 슬라이더 선택자 var $sliderMainVisual = ".slider-main-visual .swiper-container"; var $sliderEventCalendar = ".slider-event-calendar .swiper-container"; var $sliderEventCalendarMo = ".slider-event-calendar--mo .swiper-container"; var $sliderEvent = ".slider-event .swiper-container"; var $sliderExplore = ".slider-explore .swiper-container"; var $sliderEditorPick = ".slider-editor-pick .swiper-container"; var $sliderBanner = ".slider-banner .swiper-container"; var $sliderTravel = ".slider-travel .swiper-container"; var $sliderSnsYt = ".slider-sns-yt .swiper-container"; var $sliderSnsInstar = ".slider-sns-instar .swiper-container"; var $sliderRecommendations = ".slider-recommendations .swiper-container"; // 다국어 var selectedDate = null; // ------------------------------ // section-main-visual // ------------------------------ /* sliderMainVisual */ var _sliderMainVisual; if ($sliderMainVisual.length > 0) { var $sliderMainVisualProgressLine = $('.slider-main-visual').find('.autoplay-progress > svg'); var sliderMainVisualOptions = { observer: true, observeParents: true, loop: true, effect: 'fade', spaceBetween: 0, slidesPerView: 1, centeredSlides: false, speed: 1000, watchOverflow: true, autoplay: { delay: 4000, disableOnInteraction: false, }, navigation: { prevEl: ".slider-main-visual .swiper-button-prev", nextEl: ".slider-main-visual .swiper-button-next", }, pagination: { el: ".slider-main-visual .swiper-pagination", clickable: false, type: "custom", renderCustom: function(swiper, current, total) { return '<span class="current">' + (current).toString().padStart(2, '0') + '</span>' + '<span class="total">' + total.toString().padStart(2, '0') + '</span>'; /*return `<span class="current"></span><span class="total"></span>`;*/ } }, on: { init: function () { // setTimeout(function () { // setActiveFocusSliderMainVisual(); // setMainVisualStopPlay(_sliderMainVisual); // }, 200); setToggleClassSliderMainVisual(); setActiveFocusSliderMainVisual(); setMainVisualStopPlay(this); }, slideChangeTransitionEnd: function () { setToggleClassSliderMainVisual(); setActiveFocusSliderMainVisual(); }, autoplayTimeLeft: function(s, time, progress) { if (s.slides.length === 1) { $sliderMainVisualProgressLine.get(0).style.setProperty('--progress', '1'); } else { $sliderMainVisualProgressLine.get(0).style.setProperty('--progress', 1 - progress); } } }, }; /* Swiper 인스턴스 생성 */ _sliderMainVisual = new Swiper('.slider-main-visual .swiper-container', sliderMainVisualOptions); // 슬라이드 이미지 셋팅 updateSliderMainVisualImages(); // ------------------------------ function setToggleClassSliderMainVisual() { $(".slider-main-visual").find(".swiper-slide").each(function (idx, item) { if ($(item).hasClass("swiper-slide-active")) { $(item).addClass("bg-transform-scale"); } else { $(item).removeClass("bg-transform-scale"); } }); } function setActiveFocusSliderMainVisual() { $(".slider-main-visual").find(".swiper-slide").each(function (idx, item) { if ($(item).hasClass("swiper-slide-active")) { $(item).find(".title-cont > a").attr("tabindex", "0"); $(item).find(".title-cont > a").attr("aria-hidden", "false"); } else { $(item).find(".title-cont > a").attr("tabindex", "-1"); $(item).find(".title-cont > a").attr("aria-hidden", "true"); } }); } function setMainVisualStopPlay(_sliderMainVisual) { $(".slider-main-visual").find(".btn-autoplay").on("click", function () { if ($(this).hasClass("pause")) { $(this).removeClass("pause"); $(this).find("em").text("일시정지"); _sliderMainVisual.autoplay.start(); } else { $(this).addClass("pause"); $(this).find("em").text("재생"); _sliderMainVisual.autoplay.stop(); } }); } function updateSliderMainVisualImages() { // 키비주얼 모바일 이미지 변경 $('.slider-main-visual .swiper-slide .slide-bg').each(function(index, element) { var bgImage = $(element).data('webImg'); if (isMobile) { bgImage = $(element).data('moImg'); } $(element).css('background-image', 'url('+bgImage+')'); }); if (isMobile) { // 서울 탐방하기 모바일 이미지 변경 $(".explore-img").hide(); $(".explore-img-mo").show(); // visitseoul TV 모바일 이미지 변경 $(".sns-yt-img").hide(); $(".sns-yt-img-mo").show(); } else { // 서울 탐방하기 웹 이미지 변경 $(".explore-img").show(); $(".explore-img-mo").hide(); // visitseoul TV 웹 이미지 변경 $(".sns-yt-img").show(); $(".sns-yt-img-mo").hide(); } } } // ------------------------------ // section-event // ------------------------------ /* sliderEventCalendar */ var _sliderEventCalendar; if ($sliderEventCalendar.length > 0) { var sliderEventCalendarOptions = { observer: true, observeParents: true, loop: false, spaceBetween: 0, slidesPerView: 1, centeredSlides: false, speed: 400, watchOverflow: true, // 슬라이드가 1개 일 때 조작여부, 페이징버튼 숨김 여부 설정 // autoplay: { // delay: 4000, // disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) // }, touchRatio: true, navigation: { prevEl: ".slider-event-calendar .swiper-button-prev", nextEl: ".slider-event-calendar .swiper-button-next", }, // breakpoints: { // 768: { // spaceBetween: 10, // slidesPerView: 14, // 768px 이상에서는 3개의 슬라이드 표시 // }, // 1350: { // spaceBetween: 0, // slidesPerView: 14, // 1350px 이상에서는 4개의 슬라이드 표시 // // slidesPerView:'auto' // } // }, on: { init: function () { setTimeout(function() { setActiveFocusSliderEventCalendar(); }, 200); }, slideChangeTransitionEnd: function () { setActiveFocusSliderEventCalendar(); var eLen = '16'; if (parseInt(eLen) > 5) { $('.slider-event').find('.swiper-button-prev').css('display', 'block'); $('.slider-event').find('.swiper-button-next').css('display', 'block'); } else if (parseInt(eLen) <= 5) { $('.slider-event').find('.swiper-button-prev').css('display', 'none'); $('.slider-event').find('.swiper-button-next').css('display', 'none'); } }, }, // breakpoints: { // 768: { // slidesPerView: 3, // touchRatio: true, // }, // }, }; function setExhibitionEventsData(selDt){ var type = "All"; $.ajax({ type : "post", url : '/comm/api/eventListDay/zh-TW/' + selDt + '/' + type, data : {}, //dataType: 'json', success: function(data) { //console.log(data.eventList); if(data.eventList.length == 0){ $(".slider-event").hide(); $(".nodata-area").show(); }else{ _sliderEvent.removeAllSlides(); // 초기화 var arr = new Array(); $.each(data.eventList, function(idx, item) { var postUri = item.postUri; // 메인 썸네일 적용되면 주석 제거 //var thumbUrl = item.mainThumbUrl; var thumbUrl = item.thumbUrl; var findId = postUri.split("/")[postUri.split("/").length - 1]; var tmpUrl = $("#" + findId).val(); if($("#" + findId).length > 0){ thumbUrl = tmpUrl; } var cmmnPlace = item.cmmnPlace; if(item.cmmnPlace == null){ cmmnPlace = ""; } var dataHtml = ""; dataHtml += "<div class=\"swiper-slide\">"; dataHtml += " <a href='" + postUri + "' target='_self' title=\"前往頁面\">"; dataHtml += " <div class=\"slide-item\">"; dataHtml += " <div class=\"item-front\">"; dataHtml += " <div class=\"thumb-cont\">"; dataHtml += " <img src='" + thumbUrl + "' />"; dataHtml += " </div>"; dataHtml += " </div>"; dataHtml += " <div class=\"item-back\">"; dataHtml += " <dl class=\"text-cont\">"; dataHtml += " <dt>"; dataHtml += " <strong>" + item.postSj + "</strong>"; dataHtml += " <em class=\"date\">" + item.schdulInfoBgnde.replaceAll('-', '.') + ' ~ ' + item.schdulInfoEndde.replaceAll('-', '.') + "</em>"; dataHtml += " <em>" + cmmnPlace + "</em>"; dataHtml += " </dt>"; dataHtml += " <dd>"; dataHtml += " <p>" + item.sumry + "</p>"; dataHtml += " </dd>"; dataHtml += " </dl>"; dataHtml += " </div>"; dataHtml += " </div>" dataHtml += " </a>"; dataHtml += "</div>"; arr.push(dataHtml); }); if (data.eventList.length > 5) { $('.slider-event').find('.swiper-button-prev').css('display', 'block'); $('.slider-event').find('.swiper-button-next').css('display', 'block'); } else if (data.eventList.length <= 5) { $('.slider-event').find('.swiper-button-prev').css('display', 'none'); $('.slider-event').find('.swiper-button-next').css('display', 'none'); } $(".slider-event").show(); $(".nodata-area").hide(); _sliderEvent.appendSlide(arr); //append the images _sliderEvent.update(); //update swiper so it redoes the bindings _sliderEvent.slideTo(0); // 첫번째 슬라이드로 이동 } }, error: function(data, status, err) { console.log('error forward : ' + data); }, }); } /* Swiper 인스턴스 생성 */ _sliderEventCalendar = new Swiper($sliderEventCalendar, sliderEventCalendarOptions); function setActiveFocusSliderEventCalendar() { $('.slider-event-calendar').find('.swiper-slide').each(function(idx, item) { if ($(item).hasClass('swiper-slide-active')) { $(item).find('a').attr('tabindex', '0'); $(item).find('a').attr('aria-hidden', 'false'); } else { $(item).find('a').attr('tabindex', '-1'); $(item).find('a').attr('aria-hidden', 'true'); } }); }; // focusin 및 mouseenter 이벤트 처리 $(".slider-event-calendar").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-event-calendar").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); $(window).resize(function() { if (selectedDate) { $('.slider-event-calendar .swiper-slide .slide-item input[name=eventDate]').each(function(){ var inputValue = $(this).val(); if (inputValue === selectedDate) { var slideIdx = $(this).closest('.swiper-slide').index(); _sliderEventCalendar.slideTo(slideIdx, 500, true); $(this).closest('.slide-item').addClass('active--focus'); } else { $(this).closest('.slide-item').removeClass('active--focus'); } }); } }); // 마우스 클릭 $('.slider-event-calendar').find('.swiper-slide a').on('click', function(e) { e.preventDefault(); $('.slider-event-calendar').find('.swiper-slide .slide-item').removeClass('active--focus'); $(this).closest('.slide-item').addClass('active--focus'); sliderEventToggleNav(); // 이벤트 캘린더 날짜 클릭시에도 이벤트 슬라이드 이전/다음 버튼 체크 var selDate = $(this).closest('.slide-item').find("input[name=eventDate]").val(); selectedDate = selDate; var selDateObj = new Date(selDate); // 선택한 날짜 객체 생성 var selMonth = (selDateObj.getMonth() + 1).toString().padStart(2, '0'); // 월 가져오기 var now = new Date(); var currentMonth = (now.getMonth() + 1).toString().padStart(2, '0'); // 현재 월 if (selMonth !== currentMonth) { // 강제로 HTML의 dd (월 표시 부분)를 선택한 월로 변경 $('.event-calendar-area').find('.event-calendar .event-calendar-month dl dd').html(selMonth); } else if (selMonth === currentMonth) { $('.event-calendar-area').find('.event-calendar .event-calendar-month dl dd').html(currentMonth); } console.log("selDate", selDate); // 캘린더 날짜 선택 setExhibitionEventsData(selDate.replaceAll("-", "")); }); } /* sliderEventCalendarMo */ var _sliderEventCalendarMo; if ($sliderEventCalendarMo.length > 0) { var sliderEventCalendarMoOptions = { observer: true, observeParents: true, loop: false, spaceBetween: 0, slidesPerView: 1, centeredSlides: false, speed: 400, watchOverflow: true, // 슬라이드가 1개 일 때 조작여부, 페이징버튼 숨김 여부 설정 // autoplay: { // delay: 4000, // disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) // }, touchRatio: true, navigation: { prevEl: ".slider-event-calendar--mo .swiper-button-prev", nextEl: ".slider-event-calendar--mo .swiper-button-next", }, on: { init: function () { setTimeout(function() { setActiveFocusSliderEventCalendarMo(); }, 200); }, slideChangeTransitionEnd: function () { setActiveFocusSliderEventCalendarMo(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderEventCalendarMo = new Swiper($sliderEventCalendarMo, sliderEventCalendarMoOptions); function setActiveFocusSliderEventCalendarMo() { $('.slider-event-calendar--mo').find('.swiper-slide').each(function(idx, item) { if ($(item).hasClass('swiper-slide-active')) { $(item).find('a').attr('tabindex', '0'); $(item).find('a').attr('aria-hidden', 'false'); } else { $(item).find('a').attr('tabindex', '-1'); $(item).find('a').attr('aria-hidden', 'true'); } }); }; // focusin 및 mouseenter 이벤트 처리 $(".slider-event-calendar--mo").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-event-calendar--mo").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); $(window).resize(function() { if (selectedDate) { $('.slider-event-calendar--mo .swiper-slide .slide-item input[name=eventDate]').each(function(){ var inputValue = $(this).val(); if (inputValue === selectedDate) { var slideIdx = $(this).closest('.swiper-slide').index(); _sliderEventCalendarMo.slideTo(slideIdx, 500, true); $(this).closest('.slide-item').addClass('active--focus'); //$('.slider-event-calendar--mo').find('.swiper-slide .slide-item').addClass('active--focus'); } else { $(this).closest('.slide-item').removeClass('active--focus'); //$('.slider-event-calendar--mo').find('.swiper-slide .slide-item').removeClass('active--focus'); } }); /*if(selectedDate) { var selDate = selectedDate; // 모바일 캘린더 날짜 선택 setExhibitionEventsData(selDate.replaceAll("-", "")); } else { var selDate = $('.slider-event-calendar .swiper-slide .slide-item').find("input[name=eventDate]").val(); // 모바일 캘린더 날짜 선택 setExhibitionEventsData(selDate.replaceAll("-", "")); }*/ } }); // 마우스 클릭 $('.slider-event-calendar--mo').find('.swiper-slide a').on('click', function(e) { e.preventDefault(); /*$('.slider-event-calendar').find('.swiper-slide .slide-item').removeClass('active--focus');*/ $('.slider-event-calendar--mo').find('.swiper-slide .slide-item').removeClass('active--focus'); $(this).closest('.slide-item').addClass('active--focus'); var selDate = $(this).closest('.slide-item').find("input[name=eventDate]").val(); selectedDate = selDate; var selDateObj = new Date(selDate); // 선택한 날짜 객체 생성 var selMonth = (selDateObj.getMonth() + 1).toString().padStart(2, '0'); // 월 가져오기 var now = new Date(); var currentMonth = (now.getMonth() + 1).toString().padStart(2, '0'); // 현재 월 if (selMonth !== currentMonth) { // 강제로 HTML의 dd (월 표시 부분)를 선택한 월로 변경 $('.event-calendar-area').find('.event-calendar .event-calendar-month dl dd').html(selMonth); } else if (selMonth === currentMonth) { $('.event-calendar-area').find('.event-calendar .event-calendar-month dl dd').html(currentMonth); } console.log("selDate", selDate); // 모바일 캘린더 날짜 선택 setExhibitionEventsData(selDate.replaceAll("-", "")); }); } /* sliderEvent */ var _sliderEvent; if ($sliderEvent.length > 0) { var sliderEventOptions = { observer: true, observeParents: true, centeredSlides: false, loop: false, spaceBetween: 16, slidesPerView: 1.5, autoHeight: true, speed: 400, watchOverflow: true, touchRatio: true, navigation: { prevEl: ".slider-event .swiper-button-prev", nextEl: ".slider-event .swiper-button-next", }, // pagination: { // el: ".slider-event .swiper-pagination-fraction", // type: "fraction", // clickable: true, // }, pagination: { el: ".slider-event .swiper-pagination", type: "fraction", clickable: true, }, breakpoints: { 480: { spaceBetween: 20, slidesPerView: 2, // 480 이상에서는 3개의 슬라이드 표시 }, 768: { spaceBetween: 20, slidesPerView: 3, // 768px 이상에서는 3개의 슬라이드 표시 //loop: false, }, 1350: { spaceBetween: 20, slidesPerView: 5, // 1350px 이상에서는 4개의 슬라이드 표시 } }, on: { init: function () { setTimeout(function () { sliderEventToggleNav(); setActiveFocusSliderEventPrev(); }, 200); }, slidePrevTransitionEnd: function () { setActiveFocusSliderEventPrev(); }, slideNextTransitionEnd: function () { setActiveFocusSliderEventNext(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderEvent = new Swiper($sliderEvent, sliderEventOptions); // focusin 및 mouseenter 이벤트 처리 $(".slider-event").on('focusin mouseenter', '.swiper-slide a', function(e) { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-event").on('focusout mouseleave', '.swiper-slide a', function(e) { $(this).closest('.swiper-slide').removeClass('active--focus'); }); // 클릭 이벤트 핸들러 추가 // $(".slider-event").find('.swiper-slide').on('click', function(e) { // var sliderEventClickedIndex = $(this).index(); // _sliderEvent.slideTo(sliderEventClickedIndex); // }); $(window).on('resize', function() { sliderEventToggleNav(); }); function sliderEventToggleNav() { var eventSlides = _sliderEvent.slides.length; var shouldShowNav = eventSlides < 6 && $(window).width() >= 1350; var $nodataAreaVisible = $('.slider-event .nodata-area').is(':visible'); if (shouldShowNav || $nodataAreaVisible) { $(".slider-event .swiper-button-prev, .slider-event .swiper-button-next").hide(); } else { $(".slider-event .swiper-button-prev, .slider-event .swiper-button-next").show(); } } function setActiveFocusSliderEventPrev() { $('.slider-event').find('.swiper-slide-active').find('a').attr('tabindex', '0'); $('.slider-event').find('.swiper-slide-active').find('a').attr('aria-hidden', 'false'); }; function setActiveFocusSliderEventNext() { var $sliderEventPrevAll = $('.slider-event').find('.swiper-slide-active').prevAll(); $sliderEventPrevAll.find('a').attr('tabindex', '-1'); $sliderEventPrevAll.find('a').attr('aria-hidden', 'true'); }; } // ------------------------------ // section-explore // ------------------------------ /* sliderExplore */ var _sliderExplore; if ($sliderExplore.length > 0) { var sliderExploreCount = $(".slider-explore .swiper-slide").length; var sliderExploreOptions = { observer: true, observeParents: true, loop: false, spaceBetween: 16, slidesPerView: 1.3, centeredSlides: false, speed: 400, watchOverflow: true, // 슬라이드가 1개 일 때 조작여부, 페이징버튼 숨김 여부 설정 /* 20230920//(Ina)웹접근성 슬라이드 autoplay false처리 (슬라이드 autoplay시, autoplay조작버튼이 있어야함) */ // autoplay: { // delay: 4000, // disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) // }, touchRatio: true, navigation: { prevEl: ".slider-explore .swiper-button-prev", nextEl: ".slider-explore .swiper-button-next", }, pagination: { el: ".slider-explore .swiper-pagination", type: "bullets", clickable: true, }, breakpoints: { 768: { spaceBetween: 16, slidesPerView: 3, // 768px 이상에서는 3개의 슬라이드 표시 }, 1350: { spaceBetween: 16, slidesPerView: 4, // 1350px 이상에서는 4개의 슬라이드 표시 } }, on: { init: function () { // setTimeout(function() { // setActiveFocusSliderExplore(); // }, 200); }, slideChangeTransitionEnd: function () { // setActiveFocusSliderExplore(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderExplore = new Swiper($sliderExplore, sliderExploreOptions); // 클릭 이벤트 핸들러 추가 $(".slider-explore").find('.swiper-slide').on('click', function(e) { var sliderExploreClickedIndex = $(this).index(); _sliderEvent.slideTo(sliderExploreClickedIndex); }); // focusin 및 mouseenter 이벤트 처리 $(".slider-explore").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-explore").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); function setActiveFocusSliderExplore() { $(".slider-explore").find(".swiper-slide").each(function (idx, item) { if ($(item).hasClass("swiper-slide-active")) { $(item).find("a").attr("tabindex", "0"); $(item).find("a").attr("aria-hidden", "false"); } else { $(item).find("a").attr("tabindex", "-1"); $(item).find("a").attr("aria-hidden", "true"); } }); } } // ------------------------------ // section-editor-pick // ------------------------------ /* sliderEditorPick */ var _sliderEditorPick; if ($sliderEditorPick.length > 0) { var sliderEditorPickOptions = { observer: true, observeParents: true, slidesPerView: 1.4, centeredSlides: true, loop:true, spaceBetween: 16, speed: 400, grabCursor : true, keyboardControl: true, resizeReInit: true, updateOnWindowResize: true, /* 20230920//(Ina)웹접근성 슬라이드 autoplay false처리 (슬라이드 autoplay시, autoplay조작버튼이 있어야함) */ // autoplay: { // delay: 4000, // disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) // }, navigation: { prevEl: ".slider-editor-pick .swiper-button-prev", nextEl: ".slider-editor-pick .swiper-button-next", }, pagination: { el: ".slider-editor-pick .swiper-pagination", type: "bullets", clickable: true, }, breakpoints: { // 768: { // spaceBetween: 16, // slidesPerView: 3, // 768px 이상에서는 3개의 슬라이드 표시 // }, // 1350: { // spaceBetween: 16, // slidesPerView: 3, // }, 768: { //768 slidesPerView: 2.3, }, 1350: { //1400 slidesPerView: 2.3, }, }, on: { init: function () { setTimeout(function () { setActiveFocusSliderEditorPick(); }, 200); }, slideChangeTransitionEnd: function () { setActiveFocusSliderEditorPick(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderEditorPick = new Swiper($sliderEditorPick, sliderEditorPickOptions); // focusin 및 mouseenter 이벤트 처리 $(".slider-editor-pick").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-editor-pick").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); // 클릭 이벤트 핸들러 추가 $(".slider-editor-pick").find('.swiper-slide').on('click', function(e) { var sliderEditorPickClickedIndex = $(this).index(); _sliderEditorPick.slideTo(sliderEditorPickClickedIndex); }); function setActiveFocusSliderEditorPick() { $(".slider-editor-pick").find(".swiper-slide").each(function (idx, item) { if ($(item).hasClass("swiper-slide-active")) { $(item).find("a").attr("tabindex", "0"); $(item).find("a").attr("aria-hidden", "false"); } else { $(item).find("a").attr("tabindex", "-1"); $(item).find("a").attr("aria-hidden", "true"); } }); } } // ------------------------------ // section-banner // ------------------------------ /* sliderBanner */ var _sliderBanner; if ($sliderBanner.length > 0) { var sliderBannerOptions = { observer: true, observeParents: true, loop: true, spaceBetween: 0, slidesPerView: 1, centeredSlides: false, speed: 400, watchOverflow: true, // 슬라이드가 1개 일 때 조작여부, 페이징버튼 숨김 여부 설정 /* 20230920//(Ina)웹접근성 슬라이드 autoplay false처리 (슬라이드 autoplay시, autoplay조작버튼이 있어야함) */ autoplay: { delay: 4000, disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) }, navigation: { prevEl: ".slider-banner .swiper-button-prev", nextEl: ".slider-banner .swiper-button-next", }, pagination: { el: ".slider-banner .swiper-pagination", type: "bullets", clickable: true, }, on: { init: function () { setTimeout(function () { setActiveFocusSliderBanner(); }, 200); }, slideChangeTransitionEnd: function () { setActiveFocusSliderBanner(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderBanner = new Swiper($sliderBanner, sliderBannerOptions); function setActiveFocusSliderBanner() { $(".slider-banner").find(".swiper-slide").each(function (idx, item) { if ($(item).hasClass("swiper-slide-active")) { $(item).find("a").attr("tabindex", "0"); $(item).find("a").attr("aria-hidden", "false"); } else { $(item).find("a").attr("tabindex", "-1"); $(item).find("a").attr("aria-hidden", "true"); } }); } } // ------------------------------ // section-travel // ------------------------------ /* sliderTravel */ var _sliderTravel; if ($sliderTravel.length > 0) { var sliderTravelCount = $(".slider-travel .swiper-slide").length; var sliderTravelOptions = { observer: true, observeParents: true, loop: false, spaceBetween: 0, slidesPerView: 3, centeredSlides: false, speed: 400, watchOverflow: true, // 슬라이드가 1개 일 때 조작여부, 페이징버튼 숨김 여부 설정 // autoplay: { // delay: 4000, // disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) // }, touchRatio: sliderTravelCount > 3, // 모바일에서는 슬라이드가 3개 이하일 경우 드래그 금지 navigation: sliderTravelCount > 3 ? { prevEl: ".slider-travel .swiper-button-prev", nextEl: ".slider-travel .swiper-button-next", } : {}, // 모바일에서 슬라이드가 3개 이하일 경우 네비게이션 옵션을 빈 객체로 설정 on: { init: function () { // console.log('swiper 초기화 될때 실행'); setTimeout(function () { setActiveFocusSliderTravelPrev(); }, 200); }, slidePrevTransitionEnd: function () { setActiveFocusSliderTravelPrev(); }, slideNextTransitionEnd: function () { setActiveFocusSliderTravelNext(); }, }, breakpoints: { 768: { slidesPerView: 5, touchRatio: true, touchRatio: sliderTravelCount > 5, // 슬라이드 5개 이하일경우 드래그 금지 navigation: sliderTravelCount > 5 ? { prevEl: ".slider-travel .swiper-button-prev", nextEl: ".slider-travel .swiper-button-next", } : {}, // 슬라이드가 5개 이하인 경우 navigation 옵션을 빈 객체로 설정 }, }, }; /* Swiper 인스턴스 생성 */ _sliderTravel = new Swiper($sliderTravel, sliderTravelOptions); if (sliderTravelCount <= 5) { $(".slider-travel .swiper-button-next, .slider-travel .swiper-button-prev").hide(); } // focusin 및 mouseenter 이벤트 처리 $(".slider-travel").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-travel").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); // 클릭 이벤트 핸들러 추가 // $(".slider-travel").find('.swiper-slide').on('click', function(e) { // var sliderTravelClickedIndex = $(this).index(); // _sliderTravel.slideTo(sliderTravelClickedIndex); // }); function setActiveFocusSliderTravelPrev() { $('.slider-travel').find('.swiper-slide-active').find('a').attr('tabindex', '0'); $('.slider-travel').find('.swiper-slide-active').find('a').attr('aria-hidden', 'false'); }; function setActiveFocusSliderTravelNext() { var $sliderTravelPrevAll = $('.slider-travel').find('.swiper-slide-active').prevAll(); $sliderTravelPrevAll.find('a').attr('tabindex', '-1'); $sliderTravelPrevAll.find('a').attr('aria-hidden', 'true'); }; } // ------------------------------ // section-travel // ------------------------------ // focusin 및 mouseenter 이벤트 처리 $(".travel-list").on('focusin mouseenter', 'li > a', function() { $(this).closest('li').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".travel-list").on('focusout mouseleave', 'li > a', function() { $(this).closest('li').removeClass('active--focus'); }); // ------------------------------ // section-sns // ------------------------------ /* sliderSnsYt */ var _sliderSnsYt; if ($sliderSnsYt.length > 0) { var sliderSnsYtOptions = { observer: true, observeParents: true, spaceBetween: 16, slidesPerView: 1.15, centeredSlides: false, loop:true, speed: 400, grabCursor : true, keyboardControl: true, resizeReInit: true, updateOnWindowResize: true, /* 20230920//(Ina)웹접근성 슬라이드 autoplay false처리 (슬라이드 autoplay시, autoplay조작버튼이 있어야함) */ // autoplay: { // delay: 4000, // disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) // }, navigation: { prevEl: ".slider-sns-yt .swiper-button-prev", nextEl: ".slider-sns-yt .swiper-button-next", }, pagination: { el: ".slider-sns-yt .swiper-pagination", type: "bullets", clickable: true, }, breakpoints: { 768: { spaceBetween: 20, slidesPerView: 2.15, // 768px 이상에서는 3개의 슬라이드 표시 }, 1350: { spaceBetween: 20, slidesPerView: 3, // 1350px 이상에서는 4개의 슬라이드 표시 }, }, on: { init: function () { setTimeout(function() { setActiveFocusSliderSnsYt(); }, 200); }, slideChangeTransitionEnd: function () { setActiveFocusSliderSnsYt(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderSnsYt = new Swiper($sliderSnsYt, sliderSnsYtOptions); // focusin 및 mouseenter 이벤트 처리 $(".slider-sns-yt").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-sns-yt").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); // 클릭 이벤트 핸들러 추가 // $(".slider-sns-yt").find('.swiper-slide').on('click', function(e) { // var sliderSnsYtClickedIndex = $(this).index(); // _sliderSnsYt.slideTo(sliderSnsYtClickedIndex); // }); function setActiveFocusSliderSnsYt() { $('.slider-sns-yt').find('.swiper-slide').each(function(idx, item) { if ($(item).hasClass('swiper-slide-active')) { $(item).find('a').attr('tabindex', '0'); $(item).find('a').attr('aria-hidden', 'false'); } else { $(item).find('a').attr('tabindex', '-1'); $(item).find('a').attr('aria-hidden', 'true'); } }); }; } /* sliderSnsInstar */ var _sliderSnsInstar; if ($sliderSnsInstar.length > 0) { var sliderSnsInstarOptions = { observer: true, observeParents: true, spaceBetween: 16, slidesPerView: 1.15, centeredSlides: false, loop:false, speed: 400, grabCursor : true, keyboardControl: true, resizeReInit: true, updateOnWindowResize: true, /* 20230920//(Ina)웹접근성 슬라이드 autoplay false처리 (슬라이드 autoplay시, autoplay조작버튼이 있어야함) */ // autoplay: { // delay: 4000, // disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) // }, navigation: { prevEl: ".slider-sns-instar .swiper-button-prev", nextEl: ".slider-sns-instar .swiper-button-next", }, pagination: { el: ".slider-sns-instar .swiper-pagination", type: "bullets", clickable: true, }, breakpoints: { 768: { spaceBetween: 12, slidesPerView: 2.15, // 768px 이상에서는 3개의 슬라이드 표시 }, 1350: { spaceBetween: 12, slidesPerView: 4, // 1350px 이상에서는 4개의 슬라이드 표시 }, }, on: { init: function () { // console.log('swiper 초기화 될때 실행'); setTimeout(function () { setActiveFocusSliderSnsInstarPrev(); }, 200); }, slidePrevTransitionEnd: function () { setActiveFocusSliderSnsInstarPrev(); }, slideNextTransitionEnd: function () { setActiveFocusSliderSnsInstarNext(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderSnsInstar = new Swiper($sliderSnsInstar, sliderSnsInstarOptions); // focusin 및 mouseenter 이벤트 처리 $(".slider-sns-instar").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-sns-instar").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); // 클릭 이벤트 핸들러 추가 $(".slider-sns-instar").find('.swiper-slide').on('click', function(e) { var sliderSnsInstarClickedIndex = $(this).index(); _sliderSnsInstar.slideTo(sliderSnsInstarClickedIndex); }); function setActiveFocusSliderSnsInstarPrev() { $('.slider-sns-instar').find('.swiper-slide-active').find('a').attr('tabindex', '0'); $('.slider-sns-instar').find('.swiper-slide-active').find('a').attr('aria-hidden', 'false'); }; function setActiveFocusSliderSnsInstarNext() { var $sliderSnsInstarPrevAll = $('.slider-sns-instar').find('.swiper-slide-active').prevAll(); $sliderSnsInstarPrevAll.find('a').attr('tabindex', '-1'); $sliderSnsInstarPrevAll.find('a').attr('aria-hidden', 'true'); }; } // ------------------------------ // section-recommendations // ------------------------------ /* slider-recommendations */ var _sliderRecommendations; if ($sliderRecommendations.length > 0) { var sliderRecommendationsOptions = { observer: true, observeParents: true, spaceBetween: 0, slidesPerView: 1, centeredSlides: true, loop: true, speed: 400, grabCursor: true, keyboard: { enabled: true, }, resizeReInit: true, updateOnWindowResize: true, navigation: { prevEl: ".slider-recommendations .swiper-button-prev", nextEl: ".slider-recommendations .swiper-button-next", }, // pagination: { // el: ".slider-recommendations .swiper-pagination", // type: "fraction", // clickable: true, // renderFraction: function (currentClass, totalClass) { // return `<span class=""></span> / <span class=""></span>`; // }, // }, breakpoints: { 768: { spaceBetween: 12, slidesPerView: 3, centeredSlides: false, }, 1350: { spaceBetween: 12, slidesPerView: 4.6, centeredSlides: false, }, }, on: { init: function () { setTimeout(function () { sliderRecommendationsUpdatePagination(); setActiveRecommendations(); setActiveRecommendationsTextCont(); }, 200); }, slideChangeTransitionEnd: function () { setActiveRecommendations(); sliderRecommendationsUpdatePagination(); setActiveRecommendationsTextCont(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderRecommendations = new Swiper($sliderRecommendations, sliderRecommendationsOptions); // 버튼 클릭 이벤트 핸들러 $(".slider-recommendations").on('click', '.swiper-button-prev', function () { sliderRecommendationsUpdatePagination(); }); $(".slider-recommendations").on('click', '.swiper-button-next', function () { sliderRecommendationsUpdatePagination(); }); var recommendationsSlidesTotal = 3; // 하드코딩된 총 페이지 수 // 페이지네이션 업데이트 함수 function sliderRecommendationsUpdatePagination() { var recommendationsSlidesCurrent = $(".slider-recommendations").find(".swiper-slide-active").data("slide-idx"); // 현재 슬라이드의 data-slide-idx 값을 가져옴 $(".slider-recommendations").find(".swiper-pagination-current").text(recommendationsSlidesCurrent); $(".slider-recommendations").find(".swiper-pagination-total").text(recommendationsSlidesTotal); } // focusin 및 mouseenter 이벤트 처리 $(".slider-recommendations").on('focusin mouseenter', '.swiper-slide a', function () { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-recommendations").on('focusout mouseleave', '.swiper-slide a', function () { $(this).closest('.swiper-slide').removeClass('active--focus'); }); function setActiveRecommendations() { $(".slider-recommendations").find(".swiper-slide").each(function (idx, item) { if ($(item).hasClass("swiper-slide-active")) { $(item).find("a").attr("tabindex", "0"); $(item).find("a").attr("aria-hidden", "false"); } else { $(item).find("a").attr("tabindex", "-1"); $(item).find("a").attr("aria-hidden", "true"); } }); } function setActiveRecommendationsTextCont() { var activeSlideTextA4 = $(".slider-recommendations .swiper-slide.swiper-slide-active").find(".text-cont h4").text(); var activeSlideTextP = $(".slider-recommendations .swiper-slide.swiper-slide-active").find(".text-cont p").text(); var newContent = '<h4>' + activeSlideTextA4 + '</h4><p>' + activeSlideTextP + '</p>'; $(".slider-recommendations .slider-info").find('.text-cont').html(newContent); } } $(window).resize(function() { var wasMobile = isMobile; isMobile = window.innerWidth <= 768; if (wasMobile !== isMobile) { updateSliderMainVisualImages(); } // 각 슬라이더의 업데이트 호출 if (_sliderMainVisual) { _sliderMainVisual.update(); } if (_sliderEventCalendar) { _sliderEventCalendar.update(); } if (_sliderEventCalendarMo) { _sliderEventCalendarMo.update(); } if (_sliderEvent) { _sliderEvent.update(); sliderEventToggleNav(); } if (_sliderExplore) { _sliderExplore.update(); } if (_sliderEditorPick) { _sliderEditorPick.update(); } if (_sliderBanner) { _sliderBanner.update(); } // 2024.09.12 국문 제외 어권별 이벤트 오류로 인한 주석 처리(chlim) // if (_sliderTravel) { // _sliderTravel.update(); // } if (_sliderSnsYt) { _sliderSnsYt.update(); } if (_sliderSnsInstar) { _sliderSnsInstar.update(); } }); /* $(window).resize(function() { var wasMobile = isMobile; isMobile = window.innerWidth <= 768; if (wasMobile !== isMobile) { updateSliderMainVisualImages(); } });*/ /*function updateSliderMainVisualImagesForDesktop() { // 키비주얼 이미지 웹 이미지 변경 $('.slider-main-visual .swiper-slide .slide-bg').each(function(index, element) { var bgImage = $(element).data('webImg'); $(element).css('background-image', 'url('+bgImage+')'); }); // 서울 탐방하기 웹 이미지 변경 $(".explore-img").show(); $(".explore-img-mo").hide(); // visitseoul TV 웹 이미지 변경 $(".sns-yt-img").show(); $(".sns-yt-img-mo").hide(); } function updateSliderMainVisualImagesForMobile() { // 키비주얼 이미지 웹 이미지 변경 $('.slider-main-visual .swiper-slide .slide-bg').each(function(index, element) { // 키비주얼 이미지 모바일로 변경 var bgImage = $(element).data('moImg'); $(element).css('background-image', 'url('+bgImage+')'); }); // 서울 탐방하기 모바일 이미지 변경 $(".explore-img").hide(); $(".explore-img-mo").show(); // visitseoul TV 모바일 이미지 변경 $(".sns-yt-img").hide(); $(".sns-yt-img-mo").show(); } function updateSliderMainVisualImages() { if (isMobile) { updateSliderMainVisualImagesForMobile(); } else { updateSliderMainVisualImagesForDesktop(); } }*/ }); // 유튜브 조회수&좋아요 수 var getSubmit = function(actionUrl, param, async){ var result = null; $.ajax({ type : "get", url: actionUrl, data: param, dataType: 'json', contentType: 'application/x-www-form-urlencoded; charset=UTF-8', async: async, success: function(data) { result = data; }, error: function(data, status, err) { console.log('error forward : ' + data); } }); return result; }; var tvUrl = ""; tvUrl = 'https://youtu.be/48Rvt8dNb_U?si=aw-ighU8BGIkOhON'; tvUrl = tvUrl.replace(" ",""); tvUrl = tvUrl.replace("https://www.youtube.com/embed/",""); tvUrl = tvUrl.replace("https://www.youtube.com/watch?v=",""); var result = getSubmit('https://www.googleapis.com/youtube/v3/videos?id='+tvUrl+'&key=AIzaSyB5stDolE0K-zxLEoFYBeh7KLvvKycq86s&fields=items(id,statistics)&part=statistics', '', false); if(result != null) { $("#tvView"+1).html(result.items[0].statistics.viewCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); $("#tvLike"+1).html(result.items[0].statistics.likeCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); }else{ $('.info-num').css('display','none'); } tvUrl = 'https://www.youtube.com/watch?v=QWHAfKE2N3c&t=4s'; tvUrl = tvUrl.replace(" ",""); tvUrl = tvUrl.replace("https://www.youtube.com/embed/",""); tvUrl = tvUrl.replace("https://www.youtube.com/watch?v=",""); var result = getSubmit('https://www.googleapis.com/youtube/v3/videos?id='+tvUrl+'&key=AIzaSyB5stDolE0K-zxLEoFYBeh7KLvvKycq86s&fields=items(id,statistics)&part=statistics', '', false); if(result != null) { $("#tvView"+2).html(result.items[0].statistics.viewCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); $("#tvLike"+2).html(result.items[0].statistics.likeCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); }else{ $('.info-num').css('display','none'); } tvUrl = 'https://www.youtube.com/watch?v=Gek98XKbRew'; tvUrl = tvUrl.replace(" ",""); tvUrl = tvUrl.replace("https://www.youtube.com/embed/",""); tvUrl = tvUrl.replace("https://www.youtube.com/watch?v=",""); var result = getSubmit('https://www.googleapis.com/youtube/v3/videos?id='+tvUrl+'&key=AIzaSyB5stDolE0K-zxLEoFYBeh7KLvvKycq86s&fields=items(id,statistics)&part=statistics', '', false); if(result != null) { $("#tvView"+3).html(result.items[0].statistics.viewCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); $("#tvLike"+3).html(result.items[0].statistics.likeCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); }else{ $('.info-num').css('display','none'); } tvUrl = 'https://www.youtube.com/watch?v=sW7YDnAHaPw&t=6s'; tvUrl = tvUrl.replace(" ",""); tvUrl = tvUrl.replace("https://www.youtube.com/embed/",""); tvUrl = tvUrl.replace("https://www.youtube.com/watch?v=",""); var result = getSubmit('https://www.googleapis.com/youtube/v3/videos?id='+tvUrl+'&key=AIzaSyB5stDolE0K-zxLEoFYBeh7KLvvKycq86s&fields=items(id,statistics)&part=statistics', '', false); if(result != null) { $("#tvView"+4).html(result.items[0].statistics.viewCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); $("#tvLike"+4).html(result.items[0].statistics.likeCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); }else{ $('.info-num').css('display','none'); } tvUrl = 'https://www.youtube.com/watch?v=a6qI_5wqbWs&t=8s'; tvUrl = tvUrl.replace(" ",""); tvUrl = tvUrl.replace("https://www.youtube.com/embed/",""); tvUrl = tvUrl.replace("https://www.youtube.com/watch?v=",""); var result = getSubmit('https://www.googleapis.com/youtube/v3/videos?id='+tvUrl+'&key=AIzaSyB5stDolE0K-zxLEoFYBeh7KLvvKycq86s&fields=items(id,statistics)&part=statistics', '', false); if(result != null) { $("#tvView"+5).html(result.items[0].statistics.viewCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); $("#tvLike"+5).html(result.items[0].statistics.likeCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); }else{ $('.info-num').css('display','none'); } </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> </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

關於首爾旅行的所有一切, Visit Seoul | 首爾市官方旅遊資訊網站