Selamat Datang ke Seoul, Visit Seoul | The Official Travel Guide to Seoul

<!DOCTYPE html> <html lang="ms" class="ms exclude-kr v2"> <head> <meta charset="UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width"/> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <link rel="canonical" href="http://malay.visitseoul.net/" hreflang="ms"/> <link rel="shortcut icon" href="/resources/theme/basic/assets/images/img/Favicon.png?bust=20240828_1" type="image/x-icon"/> <link rel="icon" href="/resources/theme/basic/assets/images/img/Favicon.png?bust=20240828_1" type="image/x-icon"/>  <meta name="google-site-verification" content="sYnH8PZmEBBwuhhJNFmrXl41Apf9Wq1URoNIdZ_O17s" />   <meta property="og:locale" content="ms_MY"/>  <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-K9ZHNVF');</script>    <title>Selamat Datang ke Seoul, Visit Seoul | The Official Travel Guide to Seoul</title>   <meta name="naver-site-verification" content="603544a9307d81ad10a21e19b45c99612e72cbe8"/>  <meta name="msvalidate.01" content="C78695BE1ACBC96EE23961DE4222337D"/>   <meta name="google-site-verification" content="m0f04BF8bnv1rvaYliEU04BW51v3-KxPYOkQyIwLU4U"/> <meta name="google-site-verification" content="rSD5SoJcySIvcHVXRGwBEJN8M77yTv53CN7oNC4Trs0"/> <meta name="google-site-verification" content="UMNHumGYbU6d_EyVgcbZ1Pc3hAQptLkbygD2BUGauoQ"/> <meta name="google-site-verification" content="b97U1yfaGStqdsrQaGAUVbGu1wqNuMl438WLv_XJxpY"/> <meta name="google-site-verification" content="unRPtvO5eLzA6Ik6C0kAA6HPYxW9pfrFYCDJ0oxbhhY"/>   <meta name="baidu-site-verification" content="codeva-FDJWprEhMq" /> <meta name="title" content="Selamat Datang ke Seoul, Visit Seoul | The Official Travel Guide to Seoul"> <meta name="description" content="Home"> <meta name="keywords" content="Home"> <meta name="WT.ti" content="Home"/> <meta property="og:type" content="Website"> <meta property="og:title" content="Selamat Datang ke Seoul, Visit Seoul"> <meta property="og:description" content="Home"> <meta property="og:image" content="http://malay.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="Selamat Datang ke Seoul, Visit Seoul"> <meta name="twitter:description" content="Home"> <meta name="twitter:image" content="http://malay.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_ms.css?20221228_01"/> <script> const sessionId = '30264E7AB3410C5642C52DFBD7BA4044.tomcat2'; const ipAddr = '8.222.208.146'; </script> <script src="/resources/theme/plugin/jquery-1.11.3.min.js"></script> <script src="/resources/theme/plugin/jquery-ui-1.11.4/jquery-ui.min.js"></script> <script src="/resources/theme/plugin/jquery.touchToscroll.js"></script> <script src="/resources/theme/plugin/jquery.validate/jquery.validate.min.js"></script> <script src="/resources/theme/plugin/jquery.cookie.js"></script> <script src="/resources/theme/plugin/jquery.printElement.js"></script> <script src="/resources/theme/plugin/jquery.validate/localization/messages_ms.js"></script> <script src="/resources/theme/plugin/jquery.bxslider/jquery.bxslider.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lightgallery.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-fullscreen.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-thumbnail.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-video.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-autoplay.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-zoom.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-pager.js"></script> <script src="/resources/theme/plugin/lightGallery/lib/jquery.mousewheel.min.js"></script> <script src="/resources/theme/plugin/masonry.pkgd.min.js"></script>  <script src="/resources/theme/script/visit.seoul.custom.class.js"></script> <script src="/resources/theme/script/visit.seoul.function.js"></script> <script src="/resources/theme/script/visit.seoul.indexeddb.js"></script> <script src="/resources/theme/script/jquery.validation.rule.js"></script> <script src="/resources/theme/script/common.js?bust=20240829"></script> <script src="/resources/theme/plugin/owlCarousel/owl.carousel.js"></script> <link rel="stylesheet" href="/resources/theme/plugin/owlCarousel/owl.carousel.min.css"/> <link rel="stylesheet" href="/resources/theme/plugin/owlCarousel/owl.theme.default.min.css"/>  <script src="/resources/theme/plugin/animated-event-calendar/jquery.simple-calendar.js?bust=20230925_01"></script> <link type="text/css" rel="stylesheet" href="/resources/theme/plugin/animated-event-calendar/simple-calendar.css?bust=20231218_01" class="css">  <script src="/resources/theme/plugin/imageMapResizer/imageMapResizer.js?bust=20221228_01"></script> <script src="/resources/theme/plugin/circleProgress/circle-progress.js?bust=2022128_01"></script> <link type="text/css" rel="stylesheet" href="/resources/theme/style/2021/safe_caster.css?bust=20240827" class="css">    <script src="/resources/theme/plugin/swiper/swiper-11.1.9/swiper-bundle.min.js"></script> <script src="/resources/theme/plugin/imagesloaded-4.1.4/imagesLoaded.min.js"></script> <script src="/resources/theme/plugin/gsap-3.12.5/gsap.min.js"></script>  <link type="text/css" rel="stylesheet" href="/resources/theme/style/2020/common.css?bust=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://malay.visitseoul.net", "logo": "https://korean.visitseoul.net/comm/getImage?srvcId=MEDIA&parentSn=49029&fileTy=MEDIA&fileNo=1", "sameAs": [ "https://www.instagram.com/visitseoul_official", "https://www.facebook.com/VisitSeoul", "https://www.youtube.com/c/VisitSeoulTV" ] }</script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "WebSite", "url": "https://malay.visitseoul.net/", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://malay.visitseoul.net/search?lang=ms&searchTerm={search_term_string}" }, "query-input": "required name=search_term_string" } }</script>  <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '281238195644628'); fbq('track', 'PageView'); </script>    <script async src="https://www.googletagmanager.com/gtag/js?id=G-024CH4J497"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-024CH4J497'); </script>    </head> <body >  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-54S2FCJ" height="0" width="0" style="display:none;visibility:hidden"> </iframe> </noscript>    <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K9ZHNVF" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>    <noscript> </noscript>    <div id="accessibility"> <strong class="hd-element">langkau navigasi</strong> <ul> <li><a href="#container"><span>Langkau ke kawasan kandungan</span></a></li> <li><a href="#navigation"><span>Pintasan menu</span></a></li> </ul> </div>  <div class="wrapper mainWrap main--renewal-2024 mainWrap 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://english.visitseoul.net/announcements/Notice-of-Visit-Seoul-Cloud-Migration-September-19-2024-Thu---October-02-2024-Wed/ENB013750?curPage=1" target="_self" title="Go to page"> <strong> Notice of Visit Seoul Cloud Migration (September 19, 2024 (Thu) - October 02, 2024 (Wed))</strong> </a> </div> <a class="btn-close" id="topBannerInfoClose" href="javascript:void(0);"> <i class="css-arrow-close"><em class="blind">close</em></i> </a> </div> </div>   <div class="cookie-popup-area" id="cookiePopup" style="display:none"> <div class="inner-cont"> <div class="text-cont"> <p>Visit Seoul mengumpulkan cookie anda bertujuan untuk meningkatkan pengalaman anda, menambah baik laman web kami, dsb.</p> <p>Jika anda terus menggunakan laman web ini, kami menganggap bahawa anda bersetuju dengan pengumpulan cookie.</p> </div> <div class="btn-block"> <a href="javascript:void(0);" class="btn-primary" id="btnCookieAgree"> <em>Membenarkan semua</em> </a> <a href="javascript:void(0);" id="btnCookieDisagree"> <em>Menolak semua</em> </a> <a href="https://www.sto.or.kr/english/privacy" target="_blank" title="buka dalam tetingkap baharu"> <em>Maklumat cookie</em> </a> </div> </div> </div>   <div class="top-banner-area info-IE" style="display:none;"> <div class="inner-cont"> <div class="top-banner"> <i class="ico-exclamation-mark"></i><strong>Laman web ini tidak lagi menyokong pelayaran melalui Internet Explorer. Anda akan ditukarkan ke Microsoft Edge untuk pengunaan yang lebih optimal.</strong> </div> </div> </div>     <input type="hidden" id="quick_menu_open" value="Buka Kawasan Menu Pantas" /> <input type="hidden" id="quick_menu_close" value="Selected Tutup Kawasan Menu Pantas" /> <div class="quick-menu-cont" style=""> <button type="button" id="btn-quick-list-pc" class="btn-quick-list js-quick-list-btn" title="Buka Kawasan Menu Pantas"> <em class="quick-menu-title">Quick Menu</em> <i class="ico-arrow"></i> </button> <ul class="quick-menu-list"> <li> <a class="div-cell" href="https://malay.visitseoul.net/destinasiPilihanSeoulite" target="_self" title="Go to page"> <i class="ico-pick"></i> <em>pilihan editor</em> </a> </li> <li> <a class="div-cell" href="/map-guide-book" target="_self" title="Peta & Guidebooks"> <i class="ico-guide"></i> <em>Peta & Guidebooks</em> </a> </li> <li> <a class="div-cell" href="/tarikanPelancongan" target="_self" title="tarikanPelancongan"> <i class="ico-place"></i> <em>Tarikan<br>Pelancongan</em> </a> </li> <li> <div class="sns-area div-cell"> <div class="pos-cont"> <a href="https://www.facebook.com/VisitSeoul/" target="_blank" title="Facebook Pembukaan di tetingkap baru"> <i class="ico-fb"></i> <em class="blind">Facebook logo icon</em> </a> <a href="https://www.instagram.com/visitseoul_official/" target="_blank" title="Instagram Pembukaan di tetingkap baru"> <i class="ico-instar"></i> <em class="blind">Instagram logo icon</em> </a> <a href="https://www.youtube.com/user/visitseoul" target="_blank" title="Youtube Pembukaan di tetingkap baru"> <i class="ico-yt"></i> <em class="blind">YouTube logo icon</em> </a> </div> </div> </li> </ul> </div>   <button type="button" class="btn-quick-top js-quick-top-btn" title="pergi ke atas"> <em class="blind">pergi ke butang atas</em> <i class="ico-arrow"></i> </button>         <div class="quick-menu-cont--mobile" style=""> <div class="dim"></div> <button type="button" id="btn-quick-list-mobile" class="btn-quick-list js-quick-list-btn" title="Buka Kawasan Menu Pantas"> <em class="blind">Pergi ke butang menu cepat</em> <i class="ico-arrow"></i> </button> <ul class="quick-menu-list" style=""> <li> <a href="/destinasiPilihanSeoulite" target="_self" title="Go to page"> <div class="text-cont div-cell"> <em>pilihan editor</em> </div> <div class="ico-cont div-cell"> <i class="ico-pick"></i> </div> </a> </li> <li> <a href="/map-guide-book" target="_self" title="Peta & Guidebooks"> <div class="text-cont div-cell"> <em>Peta & Guidebooks</em> </div> <div class="ico-cont div-cell"> <i class="ico-guide"></i> </div> </a> </li> <li> <a href="/tarikanPelancongan" target="_self" title="tarikanPelancongan"> <div class="text-cont div-cell"> <em>Tarikan<br>Pelancongan</em> </div> <div class="ico-cont div-cell"> <i class="ico-place"></i> </div> </a> </li> </ul> </div>     <header class="sub" id="navigation"> <div class="main">  <div class="menu-wrap js-menu-wrap--2024"> <div class="pull-left"> <h1> <a href="https://malay.visitseoul.net"> <span class="hd-element">visitseoul.net</span> </a> </h1> </div> <div class="gnb"> <ul class="gnb-element"> <li> <a href="#none">Pelancong Muslim<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">Pelancong Muslim</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/musolla">Musolla</a> </li> <li> <a href="/tipsbagiMuslim/Panduan20Pelancongan20Seoul20untuk20Pelancong20IslamE2808B/35606">Tips bagi Muslim</a> </li> <li> <a href="/map-guide-book">Buku Panduan & Peta</a> </li> <li> <a href="/curation">Kurasi Perjalanan Seoul</a> </li> </ul> </div> </li> <li> <a href="#none">Cadangan Perjalanan<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">Cadangan Perjalanan</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/destinasiPilihanSeoulite">Destinasi Pilihan Seoulite</a> </li> <li> <a href="/hallyu">Hallyu</a> </li> </ul> </div> </li> <li> <a href="#none">Destinasi Pelancongan<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">Destinasi Pelancongan</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/tarikanPelancongan">Tarikan Pelancongan</a> </li> <li> <a href="/alamSemulaJadi">Alam Semula Jadi</a> </li> <li> <a href="/lokasiHiburan">Lokasi Hiburan</a> </li> <li> <a href="/lokasiBeli-belah">Lokasi Beli-belah</a> </li> <li> <a href="/restoran">Restoran</a> </li> <li> <a href="/area">Kawasan Untuk Diterokai</a> </li> </ul> </div> </li> <li> <a href="#none">Maklumat Perjalanan<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">Maklumat Perjalanan</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/AboutSeoul">About Seoul</a> </li> <li> <a href="/Getting-to-seoul">Pengangkutan</a> </li> <li> <a href="/Bantuan-Pelancong">Bantuan Pelancong</a> </li> <li> <a href="/program">Program</a> </li> <li> <a href="/Accommodation"> Penginapan</a> </li> <li> <a href="/archive">Seoul Tourist Archive</a> </li> <li> <a href="/Before-You-Go">Sebelum Berlepas ke Seoul</a> </li> </ul> </div> </li> </ul> </div> <div class="pull-right"> <div class="weather-area"> <div class="weather-cont">  <a href="/weather"> <div class="item"> <i class="ico-weather "><em class="blind ico-weather-blind">흐림</em></i> <span class="degree"></span> </div> </a> </div> </div> <div class="search-cont"> <a class="btn-search-open js-btn-search-open--2024" href="javascript:void(0);" title="Buka kawasan carian"> <span class="blind">Buka kawasan carian</span> </a> </div>  <div class="mylike-cont"> <div class="mylike-element"> <button type="button" class="btn-mylike js-btn-mylike--2024" id="btnMylike"> <span class="blind">Kegemaran saya</span> </button> </div>  <div class="mylike-open-area" id="mylikeOpenArea" style=""> <div class="title"> <h3>Kegemaran saya</h3> <button type="button" class="btn-like-tooltip"> <i class="ico-info"> <em class="blind">Butang Petua Alat Kegemaran Saya</em> </i> </button>  <div class="info-balloon"> <p> <span class="change-word-break">Simpan maklumat perjalanan yang menarik minat anda. Ini ialah fungsi yang membolehkan anda mencari mengikut wilayah di Seoul.</span> <span class="change-word-break"></span> </p> </div>  </div> <ul class="ulWishList-mobile"> </ul> <div class="btn-block"> <a href="/wishlist" class="btn-primary"> <span>Lihat Kegemaran Saya</span> </a> </div> </div> </div> <div class="other-menu-cont js-other-menu-cont--2024"> <div class="other-menu-element"> <div class="lang-element"> <a class="btn-lang js-btn-lang--2024" href="#" title="Buka menu pemilihan bahasa laman web"> <div class="mo-view"> <span class="lang-text">Malay</span> <i class="ion-ios-arrow-down"></i> </div> <span class="lang-text blind">Pautan Terbuka Berbilang Bahasa</span> </a> <ul class="lang-open-lst"> <li><a href="https://korean.visitseoul.net">한국어</a></li> <li><a href="https://english.visitseoul.net">English</a></li> <li><a href="https://japanese.visitseoul.net">日本語</a></li> <li><a href="https://chinese.visitseoul.net">简体中文</a></li> <li><a href="https://tchinese.visitseoul.net">繁體中文</a></li> <li><a href="https://russian.visitseoul.net">русскийязык<sup>beta</sup></a></li> <li><a href="https://malay.visitseoul.net">Malay<sup>beta</sup></a></li> </ul> </div> <input type="hidden" id="family_open_text" value="Buka menu Laman Keluarga" /> <input type="hidden" id="family_close_text" value="Tutup menu Laman Keluarga" /> <input type="hidden" id="lang_open_text" value="Buka menu pemilihan bahasa laman web" /> <input type="hidden" id="lang_close_text" value="Tutup menu pemilihan bahasa laman web" /> <div class="family-element"> <a href="javascript:void(0);" class="a_family js-btn-family--2024" title="Buka menu Laman Keluarga"> <div class="mo-view"> <span class="lang-text">Family Site</span> <i class="ion-ios-arrow-down"></i> </div> <span class="lang-text">Family Site</span> </a> <ul class="lang-open-lst family-list"> <li><a href="http://www.miceseoul.com/index" target="_blank" title="Seoul Convention Bureau buka dalam tetingkap baharu">Seoul Convention Bureau</a></li> <li><a href="http://english.visitseoul.net/partners-en" target="_blank" title="Partners buka dalam tetingkap baharu">Partners</a></li> <li><a href="http://www.sto.or.kr/english/index" target="_blank" title="STO buka dalam tetingkap baharu">About STO</a></li> <li><a href="https://medical.visitseoul.net/en" target="_blank" title="Medical Tour buka dalam tetingkap baharu">Medical Tour</a></li> <li><a href="http://archive.visitseoul.net" target="_blank" title="SEOUL TOURISM ARCHIVE buka dalam tetingkap baharu">TOURISM ARCHIVE</a></li> <li><a href="https://www.discoverseoulpass.com/app/main" target="_blank" title="Discover Seoul Pass buka dalam tetingkap baharu">Discover Seoul Pass</a></li> <li><a href="https://stay.visitseoul.net/seoul-stay?lang=en" target="_blank" title="Seoul Stay buka dalam tetingkap baharu">Seoul Stay</a></li> <li><a href="https://www.seouldanurim.net/en/index" target="_blank" title="Accessible Seoul buka dalam tetingkap baharu">Accessible Seoul</a></li> <li><a href="https://seoulhiking.or.kr" target="_blank" title="Seoul Hiking Tourism buka dalam tetingkap baharu">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">butang untuk membuka menu paparan penuh</span> </a> </div> </div> <div class="search-area"> <form id="searchFrm" name="searchFrm" method="get" action="/search"> <div class="search-element"> <a class="btn-search-area-close js-btn-search-area-close--2024" href="javascript:void(0);" title="검색영역 닫기"> <span class="blind">검색영역 닫기버튼</span> </a> <div class="search-element-inner"> <input type="hidden" id="lang1" value="ms" name="lang"/> <div class="input-field"> <label for="search_name" class="hd-element">Buka kawasan carian</label> <input type="text" id="search_name" name="searchTerm" autocomplete="off" title="Sila masukkan istilah carian" placeholder="Sila masukkan istilah carian" /> <button type="button" class="input-search_clear"><em class="blind">Padamkan istilah carian</em></button> <button type="button" class="btn-search" onclick="javascript:goSearch();"> <span class="blind">jalankan carian</span> </button> </div> <div class="search-open-area" id="searchOpenArea" style=""> <div class="search-list "> <h3>Ranking Carian</h3> <div class="search-list-box"> <ul class="uiSearchRankingCol1"> </ul> <ul class="uiSearchRankingCol2"> </ul> </div> </div> </div> </div> </div> </form> </div> </div>   <div class="menu-wrap--mobile"> <div class="menu-wrap--mobile__header"> <div class="inner-cont"> <div class="menu-area"> <div class="btn-menu-cont"> <a class="btn-menu js-btn-menu--mobile--2024" href="#" title="전체보기메뉴 열기"> <span class="hd-element">전체보기메뉴 열기버튼</span> </a> </div> </div> <div class="logo-area"> <h2> <a href="https://malay.visitseoul.net"> <span class="hd-element">visitseoul.net</span> </a> </h2> </div> <div class="info-area"> <div class="search-cont"> <div class="btn-search-cont"> <button type="button" class="btn-search btn-search--mobile--2024"><span class="hd-element">carian</span></button> </div> <div class="search-open-area" id="searchOpenAreaMobile"> <div class="input-field"> <label for="search_nameMobile" class="hd-element">kawasan carian</label> <input type="text" id="search_nameMobile" name="searchTerm" title="Sila masukkan istilah carian anda" autocomplete="off" placeholder="Keyword"> <button type="button" class="input-search_clear" style="display: none;"><em class="blind">Close</em></button> <button type="button" class="btn-search" onclick="javascript:goSearchMobile();"><span class="hd-element">jalankan carian</span></button> </div> <div class="search-list"> <h3>Ranking Carian</h3> <div class="search-list-box"> <ul class="uiSearchRankingCol1"> </ul> <ul class="uiSearchRankingCol2"> </ul> </div> </div> </div> </div>  <div class="mylike-cont"> <div class="mylike-element"> <button type="button" class="btn-mylike btn-mylike--mobile--2024" id="btnMylikeM"> <span id="spanOpenMyFavM" class="blind">Kegemaran saya</span></button> </div>  <div class="mylike-open-area" id="mylikeOpenAreaM"> <div class="title"> <h3>Kegemaran saya</h3> <button id="btnTooltipM" type="button" class="btn-like-tooltip"><i class="ico-info"><em id="spanHdElementM" class="blind">Butang Petua Alat Kegemaran Saya</em></i></button>  <div id="divInfoBalloonM" class="info-balloon"> <p> <span class="change-word-break">Simpan maklumat perjalanan yang menarik minat anda. Ini ialah fungsi yang membolehkan anda mencari mengikut wilayah di Seoul.</span> <span class="change-word-break"></span> </p> </div>  </div> <ul class="ulWishList-mobile"> </ul> <div class="btn-block"> <a href="/wishlist" class="btn-primary"> <span>Lihat Kegemaran Saya</span> </a> </div> </div>  </div>  </div> </div> </div> <nav class="menu-wrap--mobile__nav"> <div class="mb_menu_wrap js-mb_menu_wrap"> <div class="mb_menu_wrap_inner"> <div class="mb_menu_title"> <h2> <a href="https://malay.visitseoul.net" title="visitseoul.net"> <span class="hd-element">visitseoul.net</span> </a> </h2> <div class="mb_cross_btn"> <a class="js-btn-cross-btn--mobile" href="javascript:void(0);" title="Tutup semua menu paparan"> <em class="blind">Lihat Semua Butang Tutup Menu</em> </a> </div> </div>  <div class="mb_clone-area"> <div class="mb_weather_wrap"></div> <div class="mb_other_wrap"></div> <div class="mb_gnb_wrap"></div> </div> </div> </div> </nav> </div>  </div> </header>  <script> function setCookie(name, value, exp) { var date = new Date(); date.setTime(date.getTime() + exp*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/'; }; function getCookie(name) { var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); return value? value[2] : null; }; function goSearch() { if(!$('#search_name').val()) { return; } $('#searchFrm').submit(); } function goSearchMobile() { if(!$('#search_nameMobile').val()) { return; } $('#search_name').val($('#search_nameMobile').val()); $('#searchFrm').submit(); } function getKweather() { $.ajax({ type : "post", url: '/comm/kweather/currentWeather2.json', dataType: 'json', contentType: 'application/x-www-form-urlencoded; charset=UTF-8', success: function(data) { var resultToday = data.applyDate_YYYY + "." + data.applyDate_MM + "." + data.applyDate_DD; var resultTemp = data.temp+"<em>C</em>"; switch(data.icon) { case '1': $('.ico-weather').addClass('sunny'); $('.ico-weather-blind').text('Cerah'); break; case '2': case '3': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Mendung'); break; case '5': case '6': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Mendung'); break; case '4': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Mendung'); break; case '7': case '8': case '9': $('.ico-weather').addClass('storm'); $('.ico-weather-blind').text('ribut'); break; case '10': case '11': case '12': case '13': case '14': case '15': case '16': case '17': $('.ico-weather').addClass('littleRain'); $('.ico-weather-blind').text('Hujan Kecil'); break; case '18': case '19': case '20': case '21': case '22': case '23': case '24': case '25': case '26': case '27': case '28': case '29': case '30': case '31': case '32': case '33': case '34': case '35': case '36': case '37': case '38': $('.ico-weather').addClass('snow'); $('.ico-weather-blind').text('salji'); break; case '39': case '40': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Mendung'); break; default : } $(".weather-cont .degree").html(resultTemp); }, error: function(data, status, err) { console.log('error forward : ' + data); } }); } function getSearchRankings() { $.ajax({ type : "post", url: '/comm/api/search/rankings/ms', dataType: 'json', success: function(data) { let result = data.result; if(result.code == 0){ var col1html = ''; var col2html = ''; $.each(result.rankings, function(i, item){ if(i<5) { col1html += '<li>'; col1html += ' <span class="num">'+(i+1)+'</span>'; col1html += ' <a href="/search?currentPage=1&search_radio=K&searchTerm='+item.KEYWORD+'&searchTy=&ctgrySn=&tursmAreaCode=">'+item.KEYWORD+'</a>' col1html += '</li>\n'; }else{ col2html += '<li>'; col2html += ' <span class="num">'+(i+1)+'</span>'; col2html += ' <a href="/search?currentPage=1&search_radio=K&searchTerm='+item.KEYWORD+'&searchTy=&ctgrySn=&tursmAreaCode=">'+item.KEYWORD+'</a>' col2html += '</li>\n'; } }); $('.uiSearchRankingCol1').html(col1html); $('.uiSearchRankingCol2').html(col2html); } }, error: function(data, status, err) { console.log('error forward : ' + data); } }); } $(document).ready(function() { getKweather(); //쿠키 모두 허용 $('#btnCookieAgree').on('click', function(e) { e.preventDefault(); setCookie('cookie-agree','Y',365); $('#cookiePopup').fadeOut('fast'); }); //쿠키 모두 거부 $('#btnCookieDisagree').on('click', function(e) { e.preventDefault(); setCookie('cookie-agree','N',1); $('#cookiePopup').fadeOut('fast'); }); try { if(getCookie('cookie-agree') != 'Y') { $('#cookiePopup').fadeIn('fast'); } } catch (err) { console.log('error header : ' + err); } $('#btnMylike').click(function(){ var langCodeId = 'ms'; if(langCodeId === "zh-CN" || langCodeId === "zh-TW"){ langCodeId = langCodeId.replace("-", "_"); } if($('#mylikeCont').hasClass('active')) { $('#mylikeCont').removeClass('active'); $('.hd-element-favpopup').text('Kegemaran saya'); }else{ getLastData(langCodeId, 5, function(result){ var html = ''; $.each(result, function(index, item){ html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; }); $('#ulWishList').html(html); $('.ulWishList-mobile').html(html); }); $('#mylikeCont').addClass('active'); } // if($('.mylike-cont-pc').hasClass('active')) { // getLastData('ms', 5, function(result){ // var html = ''; // $.each(result, function(index, item){ // html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; // }); // $('#ulWishList').html(html); // $('#ulWishList-mobile').html(html); // }); // $('.hd-element-favpopup').text('Tutup kegemaran saya'); // }else{ // $('.hd-element-favpopup').text('Kegemaran saya'); // } }); $('#btnMylikeM').click(function(){ var langCodeId = 'ms'; if(langCodeId === "zh-CN" || langCodeId === "zh-TW"){ langCodeId = langCodeId.replace("-", "_"); } if($('#mylikeContM').hasClass('active')) { // getLastData('ms', 5, function(result){ // var html = ''; // $.each(result, function(index, item){ // html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; // }); // $('#ulWishList').html(html); // $('#ulWishList-mobile').html(html); // }); // $('.hd-element-favpopup').text('Tutup kegemaran saya'); $('#mylikeContM').removeClass('active'); $('.hd-element-favpopup').text('Kegemaran saya'); }else{ getLastData(langCodeId, 5, function(result){ var html = ''; $.each(result, function(index, item){ html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; }); $('#ulWishList').html(html); $('#ulWishList-mobile').html(html); }); $('.hd-element-favpopup').text('Tutup kegemaran saya'); $('#mylikeContM').addClass('active'); // $('.hd-element-favpopup').text('Kegemaran saya'); } }); $('.btn-like-tooltip').click(function(){ if($('#divInfoBalloon').hasClass('active')) { $('#btnTooltip').attr('title', 'Tutup Petua alat kegemaran saya'); }else{ $('#btnTooltip').attr('title', 'Buka Petua alat kegemaran saya'); } if($('#divInfoBalloonM').hasClass('active')) { $('#btnTooltipM').attr('title', 'Tutup Petua alat kegemaran saya'); }else{ $('#btnTooltipM').attr('title', 'Buka Petua alat kegemaran saya'); } }); $('#btn-quick-list-mobile').click(function(){ $(this).attr('title', $('#quick_menu_close').val()); }); $('.dim').click(function(){ $('#btn-quick-list-mobile').attr('title', $('#quick_menu_open').val()); }) getSearchRankings(); }); //어짜피 서버에서 조회 하지 않으므로 화면 로드 되면 저장된 찜하기 목로을 모두 가져온다.(페이징 처리를 위해 전체 카운트 세팅.) </script>   <main class="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">lihat slaid visual utama seterusnya</em> </div> <button type="button" class="btn-autoplay"> <i class="ico-autoplay"><em class="blind">jeda</em></i> </button> <div class="swiper-button-next swiper-button-white"> <em class="blind">lihat slaid visual utama sebelumnya</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//1202161054341-56b8c66ca0884a69a95c0e7bc0a0d19e.png');" data-web-img="/data/MEDIA/20241202//1202161054341-56b8c66ca0884a69a95c0e7bc0a0d19e.png" data-mo-img="/data/MEDIA/20241202//1202161110140-cbfe38c142674a979519873e09e37793.png"></div> <div class="slide-item"> <div class="title-cont"> <a href="https://english.visitseoul.net/attractions/Namsangol-Hanok-Village/ENP000276" target="_self"> <h2>Pemandangan Istimewa Yang Disediakan Hanya pada Musim Sejuk</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>Tempat pelancongan yang wajib dikunjungi di Seoul</em> <h2>Terokai Seoul</h2> </div> <div class="explore-cont"> <div class="slider-explore">  <div class="swiper-button-prev"><em class="blind">Slaid Kemas Kini Terkini Paparan Sebelumnya</em></div> <div class="swiper-button-next"><em class="blind">Slaid Kemas Kini Terkini Paparan seterusnya</em></div>  <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="http://malay.visitseoul.net/tarikanPelancongan/Deoksugung-Palace-BM/MLP002046" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241202//1202163856193-3bf31b3dadfb4e5da82a6de86e14fe3a.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241202//1202163856193-3bf31b3dadfb4e5da82a6de86e14fe3a.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>Deoksugung</h4> <p>Pada musim sejuk, salji putih mencipta daya tarikan yang berbeza di Istana Silam.</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="http://malay.visitseoul.net/alamSemulaJadi/Cheonggyecheon-Stream-BM/MLP000034" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241202//1202163921277-bb50c6f3e8584746baaab0d966df561c.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241202//1202163921277-bb50c6f3e8584746baaab0d966df561c.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>Cheonggyecheon</h4> <p>Raikan keistimewaan penghujung tahun di Cheonggyecheon yang dihiasi dengan gemerlapan lampu berwarna-warni!</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="http://malay.visitseoul.net/lokasiBeli-belah/The-Hyundai-Seoul-BM/MLP037170" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241202//1202163939400-661eb23f53064be293579359a2d4aebb.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241202//1202163939400-661eb23f53064be293579359a2d4aebb.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>The Hyundai Seoul</h4> <p>Abadikan gambar kenangan istimewa terakhir tahun ini di Kampung Krismas!</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="http://english.visitseoul.net/mvp/SeoulTimeMachineCourse/ENN034903" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241202//1202164308641-76398945adc24425b23824eb9d4cc772.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241202//1202164308641-76398945adc24425b23824eb9d4cc772.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>Seoul Night Life Course</h4> <p>Mengimbau kembali kenangan setahun yang lalu dengan merentas jejak masa di Seoul.</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>Kali pertama ke Seoul?</h2> <p> Ia mungkin melelahkan jika anda tidak pasti hendak pergi kemana, bagaimana hendak pergi kesana dan Apakah perkara menarik yang boleh dilihat semasa lawatan pertama anda ke Seoul! Itulah sebabnya kami berada di sini untuk membantu anda mengembara.<br><br> Gunakan maklumat di bawah untuk membantu anda merangka jadual perjalanan idaman anda dan meningkatkan pengetahuan anda berkaitan selok belok perjalanan pengembaraan di Seoul.</p> </div> <div class="travel-cont"> <ul class="travel-list"> <li> <a href="https://malay.visitseoul.net/Kembalian-Cukai"> <i class="ico-travel-guide"></i> <strong>Buku Panduan & Peta</strong> </a> </li> <li> <a href="https://malay.visitseoul.net/Tax-Refund/"> <i class="ico-travel-tax"></i> <strong>Kadar Pertukaran</strong> </a> </li> <li> <a href="https://malay.visitseoul.net/Visa/"> <i class="ico-travel-visa"></i> <strong>Visa</strong> </a> </li> <li> <a href="https://malay.visitseoul.net/Getting-to-seoul"> <i class="ico-travel-transport"></i> <strong>Pengangkutan</strong> </a> </li> <li> <a href="https://english.visitseoul.net/safe-travel"> <i class="ico-travel-smart"></i> <strong>Perjalanan Smart Seoul</strong> </a> </li> <li> <a href="https://malay.visitseoul.net/tourist-Information-center"> <i class="ico-travel-info"></i> <strong>Pusat maklumat pelancong</strong> </a> </li> </ul> </div> </div> </div> </section>  <section class="section-event"> <div class="inner-cont"> <div class="section-title"> <em>Mengalami Pelbagai peristiwa yang berlaku di Seoul</em> <h2>Seoul akan datang!</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>17</dt> <dd>Isn</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-17"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>18</dt> <dd>Sel</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-18"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>19</dt> <dd>Rab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-19"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>20</dt> <dd>Kha</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>Jum</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>Sab</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>Ahd</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>Isn</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>Sel</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>Rab</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>Kha</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>Jum</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>Sab</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>Ahd</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-02"> </div> </div> <div class="swiper-slide">  <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>03</dt> <dd>Isn</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>Sel</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>Rab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-05"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>06</dt> <dd>Kha</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>Jum</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>Sab</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>Ahd</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>Isn</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>Sel</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>Rab</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>Kha</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>Jum</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>Sab</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>Ahd</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-16"> </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>17</dt> <dd>Isn</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-17"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>18</dt> <dd>Sel</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-18"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>19</dt> <dd>Rab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-19"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>20</dt> <dd>Kha</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>Jum</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>Sab</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>Ahd</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-02-23"> </div> </div> <div class="swiper-slide">  <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>24</dt> <dd>Isn</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>Sel</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>Rab</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>Kha</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>Jum</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>Sab</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>Ahd</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-02"> </div> </div> <div class="swiper-slide">  <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>03</dt> <dd>Isn</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>Sel</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>Rab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-05"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>06</dt> <dd>Kha</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>Jum</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>Sab</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>Ahd</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-09"> </div> </div> <div class="swiper-slide">  <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>10</dt> <dd>Isn</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>Sel</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>Rab</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>Kha</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>Jum</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>Sab</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>Ahd</dd> </dl> </a> <input type="hidden" name="eventDate" value="2025-03-16"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="slider-event">  <div class="swiper-button-prev"><em class="blind">Festivals & Events Slide Previous View</em></div> <div class="swiper-button-next"><em class="blind">Festivals & Events Slide Next View</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="https://english.visitseoul.net/exhibition/ReignofPeace-2024/ENP3mz1mm" target="_self" title="Go to page" > <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>Reign of Peace: Reminiscent of 18th-century Seoul Urbanscape </strong> <em class="date"> 2024.12.13 ~ 2025.03.09</em> <em>Seoul Museum of History</em> </dt> <dd> <p>This exhibition highlights 18th-century Seoul, a period of historical resurgence. It explores the era of two rulers who, guided by the ideology of Tangpyeong—a policy promoting political stability and</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-dreamsforhere/ENP9puqbn" target="_self" title="Go to page" > <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>Minyoung Choi: Dreams for Hire</strong> <em class="date"> 2024.12.12 ~ 2025.02.23</em> <em>Space K Seoul</em> </dt> <dd> <p>Space K Seoul is pleased to present Dreams for Hire, a solo exhibition by London-based artist Minyoung Choi (b. 1989). Minyoung Choi's strange and familiar world feels like dreams where the impossible</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-Souimun/ENPae1cn5" target="_self" title="Go to page" > <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>Souimun, the Lost Gate of Seoul City Wall</strong> <em class="date"> 2024.11.26 ~ 2025.03.09</em> <em>Seoul City Wall Museum</em> </dt> <dd> <p>2024 Seoul City Wall Museum Second Half-Year Special Exhibition: Souimun, the Lost Gate of the Seoul City Wall</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-SecondOlympics/ENPr6qnov" target="_self" title="Go to page" > <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 Seoul, Second Olympics</strong> <em class="date"> 2024.11.22 ~ 2025.03.09</em> <em>Seoul Museum of History</em> </dt> <dd> <p>The exhibition “2036 Seoul, The Second Olympics” will reflect on the half-century of history transformed since the 1988 Seoul Olympics and revisit the 88 Seoul Olympics achievements!</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-MarriageStories/ENPwamqsm" target="_self" title="Go to page" > <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>Marriage Stories of Seoul Families</strong> <em class="date"> 2024.11.08 ~ 2025.03.30</em> <em>Seoul Urban Life Museum</em> </dt> <dd> <p>The exhibition “Marriage Stories of Seoul Families” introduces the marriage culture of Seoul residents.</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-MariaSvarbova/ENPx9hgr2" target="_self" title="Go to page" > <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: The Future of Yesterday</strong> <em class="date"> 2024.11.22 ~ 2025.03.09</em> <em>Ground Seoul</em> </dt> <dd> <p>Ground Seoul is hosting “The Future of Yesterday: Maria Svarbova Exhibition,” featuring the works of Maria Svarbova, a renowned female artist whose unique and captivating pieces have garnered internat</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-Twisting/ENPs9gkpe" target="_self" title="Go to page" > <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>Seoul Archives Children’s Record Experience Room <Twisting Record Exploration></strong> <em class="date"> 2024.10.04 ~ 2026.09.27</em> <em>Exhibition Room 3, 2nd floor, Seoul Archives</em> </dt> <dd> <p>A play-based experiential exhibition aimed at children aged 7 to 13 to easily understand records</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-CGCshantytown/ENPb2qbin" target="_self" title="Go to page" > <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>The Records of this Place at that Time - Cheonggyecheon Shanty Town</strong> <em class="date"> 2024.11.05 ~ 2025.03.30</em> <em>Cheonggyecheon Museum </em> </dt> <dd> <p>The Cheonggyecheon Museum hosts the special exhibition "The Records of this Place at that Time—Cheonggyecheon Shanty Town. </p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/events/2024-Luminarie/ENPxltb2s" target="_self" title="Go to page" > <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>Autumn and Winter of the lake and the Luminaries </strong> <em class="date"> 2024.10.25 ~ 2025.02.28</em> <em>Seokchon Lake</em> </dt> <dd> <p>The Luminarie Festival will be held around Seokchon Lake in Songpa-gu, showcasing the beauty of the lake in autumn and winter.</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-mtmh/ENP8pkdcm" target="_self" title="Go to page" > <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>My Treasures, My Heritage</strong> <em class="date"> 2024.10.25 ~ 2025.03.16</em> <em>Seoul Museum of History</em> </dt> <dd> <p>A Museum Created by Citizens</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-immersiveK/ENPd8sx8c" target="_self" title="Go to page" > <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: Kansong Art and Culture Foundation Media Art Exhibition</strong> <em class="date"> 2024.08.15 ~ 2025.04.30</em> <em>DDP Museum Exhibition Hall 2 </em> </dt> <dd> <p>When Clouds Dissipate, the Moon illuminates; When the Wind Susurrates, the Stars Scintillate </p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-seoulsparks/ENPmfskyu" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20240805/0805114448271-9d80fb31abef49de96ab9cd8e7aea94b.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>A Stroll Through Records: Seoul’s Parks</strong> <em class="date"> 2023.12.01 ~ 2026.09.29</em> <em>2nd Exhibition Hall, 2nd Floor, Seoul Archives</em> </dt> <dd> <p>An exhibition exploring the history and transformation of Seoul's parks through records</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/events/2024-K-FoodFestivalKnockKnock/ENPy0v1xv" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20240730/0730162809270-2e79ff013e6c47ce8e388a0fcfedc1e5.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>K-Food Festival Knock Knock</strong> <em class="date"> 2024.05.29 ~ 2025.05.31</em> <em>SejongnoPark</em> </dt> <dd> <p>The 2024 K-Food Festival Knock Knock is a Korean food-themed festival where you can enjoy and experience Korean cuisine's diversity and unique flavors</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-bosingak/ENP18biiq" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20240717/0717164808374-2d1c66b8acd9453dba5594c84fc49dd3.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Bosingak Pavilion: Echoes of Time</strong> <em class="date"> 2024.07.19 ~ 2025.03.16</em> <em>B1, Centropolis</em> </dt> <dd> <p>Bosingak Pavilion: Echoes of Time</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-celestialwhisper/ENPg8me67" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20240612/0612163454140-a53ac7f23fc24aa6b3b108fad1287a17.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Celestial Whisper</strong> <em class="date"> 2024.06.04 ~ 2025.05.05</em> <em>Seoul Museum of Art</em> </dt> <dd> <p>The exhibition, centered on the “angels” theme, seeks to make contemporary art more approachable and familiar to children and general visitors. Lowering the barriers to contemporary art offers a multi</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>Tiada acara didaftarkan untuk tarikh tersebut.</strong> </div> </div> </div>  </div> <div class="btn-block-bottom"> <a href="https://english.visitseoul.net/exhibition-events"> <em>Lihat lebih banyak aktiviti</em> <i class="ico-more"></i> </a> </div> </div> </section>   <section class="section-editor-pick"> <div class="inner-cont"> <div class="section-title"> <em>Jangan ketinggalan pelbagai pengalaman yang disarankan oleh Visit Seoul</em> <h2>Destinasi Pilihan Seoulite</h2> </div> <div class="editor-pick-cont"> <div class="slider-editor-pick">  <div class="swiper-button-prev"><em class="blind">Slaid yang Disyorkan Paparan Sebelumnya</em></div> <div class="swiper-button-next"><em class="blind">Pandangan Seterusnya Slaid Disyorkan</em></div>  <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="./destinasiPilihanSeoulite/MultipurposeCulturalSpaces/MLN5jljji" > <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>Ruang Budaya Serba Guna di Seoul, Tempat Budaya, Kopi dan Kreativiti Hidup Bersama </h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./destinasiPilihanSeoulite/seoulwinter/MLNxq7h4p" > <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>Pengembaraan Musim Sejuk di Seoul yang Lebih Istimewa – Menjelajah Lokasi Kecantikan Salji</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./destinasiPilihanSeoulite/seoulwinterfestival/MLNpeygl8" > <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>Keajaiban Musim Sejuk di Seoul: Panduan Lengkap Percutian Anda</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./destinasiPilihanSeoulite/seosulla-gil-tour/MLNhfs2v0" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20241112/1112124258830-c5f7b958fe654b7fbe15e58534f8b95f.png" alt="" /> </div> </div> <div class="text-cont"> <h4>Nikmati “Autumn Walk” di Seoul, Lawatan “Healing” Seosunra-gil</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./destinasiPilihanSeoulite/Feel-Soul-Good/MLNfpya6a" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="https://korean.visitseoul.net/resources/theme/v2/images/main/20240927_img_editor_picks_slider_01.jpg" alt="" /> </div> </div> <div class="text-cont"> <h4>Feel Soul Good! Destinasi pelancongan untuk percintaan, makanan gourmet dan aktiviti-aktiviti yang disyorkan oleh peminat-peminat global</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">Lihat Paparan Visual Sebelum</em></div> <div class="swiper-button-next"><em class="blind">Lihat Paparan Visual Seterus</em></div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://english.visitseoul.net/partners-en/seoul-goods" target="_blank" title="buka dalam tetingkap baharu" > <img src="/data/MEDIA/20240604//0604211542697-25c6680b2d9b4174b9402733e3476dcd.jpg" alt="SEOUL SOUL GIFTS SEOUL MY SOUL"> </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">Perkhidmatan untuk membuatkan perjalanan anda ke Seoul</span> <span class="change-word-break">lebih menyeronokkan</span> </em> <h2>Cadangan</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">Slaid yang Disyorkan Paparan Sebelumnya</em> </div> <div class="swiper-button-next"> <em class="blind">Pandangan Seterusnya Slaid Disyorkan</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="buka dalam tetingkap baharu"> <div class="thumb-cont"> <img src="/data/MEDIA/20240705//0705092110870-3d39c51e3a3f4d2191d8977dae813367.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>Baca lebih lanjut</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>DISCOVER SEOUL PASS</h4> <p>Satu kad, mudah Seoul </p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="2"> <div class="slide-item"> <a href="https://english.visitseoul.net/safe-travel#safeTravel06" target="_self" title="Pergi ke halaman"> <div class="thumb-cont"> <img src="/data/MEDIA/20240906//0906081335878-2c5e2b3434d14e779726cf77c285b0ce.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>Baca lebih lanjut</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>Tiket dan Penawaran</h4> <p>Tiket untuk pertunjukan Hallyu dan banyak lagi</p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="3"> <div class="slide-item"> <a href="https://english.visitseoul.net/walking-tour" target="_self" title="Pergi ke halaman"> <div class="thumb-cont"> <img src="/data/MEDIA/20230523//0523142830230-194853631182411a8d07d32ccbd46de7.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>Baca lebih lanjut</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>Lawatan Pejalan Kaki Berpandu Seoul</h4> <p>Lawatan pejalan kaki diketuai oleh pemandu pelancong</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="buka dalam tetingkap baharu"> <div class="thumb-cont"> <img src="/data/MEDIA/20240705//0705092110870-3d39c51e3a3f4d2191d8977dae813367.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>Baca lebih lanjut</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>DISCOVER SEOUL PASS</h4> <p>Satu kad, mudah Seoul </p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="2"> <div class="slide-item"> <a href="https://english.visitseoul.net/safe-travel#safeTravel06" target="_self" title="Pergi ke halaman"> <div class="thumb-cont"> <img src="/data/MEDIA/20240906//0906081335878-2c5e2b3434d14e779726cf77c285b0ce.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>Baca lebih lanjut</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>Tiket dan Penawaran</h4> <p>Tiket untuk pertunjukan Hallyu dan banyak lagi</p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="3"> <div class="slide-item"> <a href="https://english.visitseoul.net/walking-tour" target="_self" title="Pergi ke halaman"> <div class="thumb-cont"> <img src="/data/MEDIA/20230523//0523142830230-194853631182411a8d07d32ccbd46de7.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>Baca lebih lanjut</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>Lawatan Pejalan Kaki Berpandu Seoul</h4> <p>Lawatan pejalan kaki diketuai oleh pemandu pelancong</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="buka dalam tetingkap baharu"> <h3>Youtube</h3> </a> </div> <div class="slider-sns-yt">  <div class="swiper-button-prev"><em class="blind">Visit Seoul TV slaid sebelumnya</em></div> <div class="swiper-button-next"><em class="blind">Visit Seoul TV slaid seterusnya</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="" > <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">Views</em></i> <span class="view" id="tvView1">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">likes</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="" > <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">Views</em></i> <span class="view" id="tvView2">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">likes</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="" > <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">Views</em></i> <span class="view" id="tvView3">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">likes</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="" > <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">Views</em></i> <span class="view" id="tvView4">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">likes</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="" > <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">Views</em></i> <span class="view" id="tvView5">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">likes</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" target="_blank" title="buka dalam tetingkap baharu"> <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 = '15'; 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/en/' + 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=\"Go to page\">"; 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/english/index" target="_blank" title="Opens a new window to the Seoul Tourism Organisation page"> <i class="ico-sto en"><em class="blind">STO SEOUL TOURISM ORGANIZATION</em></i> </a> </span> <span> <a class="btn-seoulMySoul" href="https://world.seoul.go.kr/" target="_blank" title="Opens a new window to the Seoul Metropolitan City page"> <i class="ico-seoulMySoul"><em class="blind">SEOUL MY SOUL</em></i> </a> </span> </div> <div class="row privacy"> <span> <a class="btn-privacy" href="http://www.sto.or.kr/english/privacy" target="_blank" title="Dasar Privasibuka dalam tetingkap baharu"><b>Dasar Privasi</b></a> </span> <span> </span> </div> </div>  <div class="footer-group-02"> <div class="row"> <dl> <dt>Waktu operasi</dt> <dd> <span>Isnin-Jumaat 9 pg. – 6 ptg. (KST)</span> <span> <a class="btn-link" href="mailto:staff@visitseoul.net" title="">staff@visitseoul.net</a> </span> </dd> </dl> <dl> <dt>Pusat Aduan Pelancongan</dt> <dd> <span> <a class="btn-info" href="/tourist-complaint-center" target="_blank" title="Pusat Aduan Pelancongan Open a new window"> <em>Pusat Aduan Pelancongan</em> <i class="ico-more"></i> </a> </span> <span> <a class="btn-info" href="https://1330chat.visitkorea.or.kr:3000/#/ttalk_main/CHAT1330_160635739001093018/_0400_0100_localgovernment" target="_blank" title="buka Pertanyaan pelancongan umum dalam tetingkap baharu Buka dalam tetingkap baharu"> <em>buka Pertanyaan pelancongan umum dalam tetingkap baharu 1330</em> <i class="ico-more"></i> </a> </span> </dd> </dl> </div> <div class="row"> <dl> <dt>Aplikasi Mudah Alih VisitSeoul</dt> <dd> <span> <a class="btn-info" href="https://itunes.apple.com/app/i-tour-seoul/id360156429" target="_blank" title="app store buka dalam tetingkap baharu"> <em>App Store</em> <i class="ico-more"></i> </a> </span> <span> <a class="btn-info" href="https://play.google.com/store/apps/details?id=com.sto.android.client.itourseoul" target="_blank" title="google Play buka dalam tetingkap baharu"> <em>Google Play</em> <i class="ico-more"></i> </a> </span> </dd> </dl> <dl class="sns"> <dt>Visit Seoul SNS</dt> <dd> <a class="btn-fb" href="https://www.facebook.com/VisitSeoul/" target="_blank" title="Facebook Pembukaan di tetingkap baru"> <i class="ico-fb"></i> </a> <a class="btn-instar" href="https://www.instagram.com/visitseoul_official/" target="_blank" title="Instagram Pembukaan di tetingkap baru"> <i class="ico-instar"></i> </a> <a class="btn-yt" href="https://www.youtube.com/user/visitseoul" target="_blank" title="Youtube Pembukaan di tetingkap baru"> <i class="ico-yt"></i> </a> </dd> </dl> </div> <div class="row copyright"> <span>85, Cheonggyecheon-ro, Jongno-gu, Seoul (6F, 31 Building)</span> <span>© 2024 Seoul Tourism Organization. All rights reserved</span> </div> </div> <div class="footer-group-03"> <div class="mark-list"> <ul> <li> <a class="btn-ismsP" href="javascript:void(0);"> <i class="ico-ismsP"> <em class="blind">ISMS·P / Maklumat Peribadi & Sistem Pengurusan Keselamatan Maklumat</em> </i> <span> Maklumat Peribadi & Sistem Pengurusan<br> Keselamatan Maklumat</span> </a> <div class="tooltip-ismsP"> [Scope of Certification]Seoul Tourism Online Services<br>(Seoul Tourism Organization Main Website, Visit Seoul Service, Seoul Danurim Tourism Service)<br>[Validity Period]2023.08.16 - 2026.08.15</div> </li> <li style="cursor: pointer;" onclick="window.open('https://www.webwatch.or.kr/', '_balnk')" title="국가 공인 인증기관 : 웹와치 새창열림"> <i class="ico-webacc"> <em class="blind">Logo Pensijilan Kualiti WA dari Ministry of Science and ICT, WebWatch 2024.7.9 ~ 2025.7.8</em> </i> <span> Logo Pensijilan Kualiti WA dari<br> Ministry of Science and ICT</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

Selamat Datang ke Seoul, Visit Seoul | The Official Travel Guide to Seoul