CINXE.COM
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"/> <!-- 2023-05-19 GA태그 추가 --> <meta name="google-site-verification" content="sYnH8PZmEBBwuhhJNFmrXl41Apf9Wq1URoNIdZ_O17s" /> <!-- 2022-04-01 [해리] 비짓서울 웹사이트 스크립트 수정 가이드에 따라 적용. ( kjksds ) --> <!-- 2022-10-06 SEO컨설팅내용 적용. --> <meta property="og:locale" content="ms_MY"/> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <!-- 2022-04-01 [해리] 비짓서울 웹사이트 스크립트 수정 가이드에 따라 적용.(여기까지) --> <!-- 20220727 게시판등록 게시물의 경우 meta정보가 잘못 세팅되어 다시 강제 설정.(Interceptor에서 잘못 세팅 하고 있음) --> <title>Selamat Datang ke Seoul, Visit Seoul | The Official Travel Guide to Seoul</title> <!-- 2022-04-01 [해리] 네이버, 얀덱스, 빙 검색엔진 SEO도구에서 웹사이트를 인증하기 위해 적용. ( kjksds ) --> <!-- Naver Search Advisor --> <meta name="naver-site-verification" content="603544a9307d81ad10a21e19b45c99612e72cbe8"/> <!-- Bing Web Master --> <meta name="msvalidate.01" content="C78695BE1ACBC96EE23961DE4222337D"/> <!-- 2022-04-01 [해리] 네이버, 얀덱스, 빙 검색엔진 SEO도구에서 웹사이트를 인증하기 위해 적용.(여기까지) --> <!-- 유튜브 아웃링크 인증 메타 --> <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"/> <!-- 2023-06-08 비짓서울 국문 및 영문 페이지에 Bing 웹마스터 도구 HTML 태그 삽입 --> <!-- 중문 간체 페이지의 바이두 웹마스터도구 등록 --> <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.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.png"> <!-- 2022-10-06 SEO컨설팅내용 적용. --> <link rel="alternate" hreflang="ko" href="https://korean.visitseoul.net/index"/> <link rel="alternate" hreflang="en" href="https://english.visitseoul.net/index"/> <link rel="alternate" hreflang="ja" href="https://japanese.visitseoul.net/index"/> <link rel="alternate" hreflang="zh-CN" href="https://chinese.visitseoul.net/index"/> <link rel="alternate" hreflang="zh-TW" href="https://tchinese.visitseoul.net/index"/> <link rel="alternate" hreflang="ru" href="https://russian.visitseoul.net/index"/> <link rel="alternate" hreflang="ms-MY" href="https://malay.visitseoul.net/index"/> <link rel="alternate" hreflang="x-default" href="https://www.visitseoul.net/index"/> <link rel="stylesheet" href="/resources/theme/plugin/ionicons-2.0.1/css/ionicons.min.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/plugin/jquery.bxslider/jquery.bxslider.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/plugin/jquery-ui-1.11.4/jquery-ui.min.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/plugin/lightGallery/dist/css/lightgallery.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/style/base.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/sub.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/print.css?bust=20241025" media="print"/> <link rel="stylesheet" href="/resources/theme/style/guidebook.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/se_contents.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/mayday_sub_ms.css?20221228_01"/> <script> const sessionId = '280EA2138D09611C4753A83D0B6145D6.tomcat1'; const ipAddr = '8.222.208.146'; </script> <script src="/resources/theme/plugin/jquery-1.11.3.min.js"></script> <script src="/resources/theme/plugin/jquery-ui-1.11.4/jquery-ui.min.js"></script> <script src="/resources/theme/plugin/jquery.touchToscroll.js"></script> <script src="/resources/theme/plugin/jquery.validate/jquery.validate.min.js"></script> <script src="/resources/theme/plugin/jquery.cookie.js"></script> <script src="/resources/theme/plugin/jquery.printElement.js"></script> <script src="/resources/theme/plugin/jquery.validate/localization/messages_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> <!--[if lt IE 9]> <link rel="stylesheet" href="/resources/theme/style/iecompatibility.css" /> <script src="/resources/theme/plugin/html5shiv.min.js"></script> <script src="/resources/theme/plugin/selectivizr.js"></script> <script src="/resources/theme/plugin/respond.min.js"></script> <![endif]--> <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"/> <!-- 2022추가 --> <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"> <!-- 2021추가 --> <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"> <!--2020추가--> <!-- 2024-08-08 [해리] About Seoul swiper 적용 안되게 --> <!-- 202408//(Ina) main--renewal-2024 메인개편 plugin 추가 --> <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><!-- 202408//(Ina) main--renewal-2024 메인개편 plugin 추가 --> <script src="/resources/theme/plugin/gsap-3.12.5/gsap.min.js"></script><!-- 202408//(Ina) main--renewal-2024 메인개편 plugin 추가 --> <!-- 20221130//(Ina)메인개편이후 파일명 common.js으로 변경예정 --> <link type="text/css" rel="stylesheet" href="/resources/theme/style/2020/common.css?bust=20240905" class="css"> <link type="text/css" rel="stylesheet" href="/resources/theme/style/2020/main.css?bust=20240829" class="css"> <!-- 2024-08-08 [해리] About Seoul swiper 적용 안되게 --> <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"> <!-- 2019추가 --> <link rel="stylesheet" href="/resources/theme/style/2019/animate.css?bust=20221228_01"/> <!-- 202009//(Ina)MALAY추가(s) --> <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"> <!-- 2020 무슬림 추가 --> <script> var showText = '콘텐츠 보이기'; var hideText = '콘텐츠 숨기기'; var alltext = '전체보기'; var lessText = '접어보기'; </script> <script src="/resources/theme/script/content.js?bust=20240808_1"></script> <link rel="stylesheet" href="/resources/theme/v2/style/common.css?bust=20241106"> <link rel="stylesheet" href="/resources/theme/v2/style/main.css?bust=20241010"> <link rel="stylesheet" href="/resources/theme/v2/style/content.css?bust=20241025_5"> <script src="/resources/theme/plugin/jquery.tmpl.js"></script> <!-- 2024-08-07 [해리] About Seoul js --> <!-- 2024-08-07 [해리] About Seoul js --> <!-- 2024-08-07 [해리] About Seoul css --> <script src="/resources/theme/v2/script/ui.js?bust=20240912"></script> <!--[if gte IE 9]> <style> .box-side-banner .item .mask { filter: none !important; } </style> <![endif]--> <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> <!-- Facebook Pixel Code --> <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> <!-- End Facebook Pixel Code --> <!-- 2023-05-23 GA 스크립트 추가 --> <!-- Google tag (gtag.js) --> <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> <!-- 대한항공 seoul festa 2023 이벤트 측정 GA ( 20230510 이벤트 종료하여 삭제 처리 )--> <!-- 2022-04-01 [해리] 바이두 검색엔진 SEO도구에서 웹사이트를 인증하기 위해 적용. ( kjksds ) --> <!-- 2022-04-01 [해리] 바이두 검색엔진 SEO도구에서 웹사이트를 인증하기 위해 적용.(여기까지) --> </head> <body > <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-54S2FCJ" height="0" width="0" style="display:none;visibility:hidden"> </iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!-- 2022-04-01 [해리] 비짓서울 웹사이트 스크립트 수정 가이드에 따라 적용. ( kjksds ) --> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K9ZHNVF" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!-- 2022-04-01 [해리] 비짓서울 웹사이트 스크립트 수정 가이드에 따라 적용.(여기까지) --> <!-- webtrends --> <noscript> </noscript> <!-- //webtrends --> <!-- 2020 웹접근성 --> <!-- 20211104//(Ina)본문 바로가기 링크 순서수정(s) --> <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> <!-- 20211104//(Ina)본문 바로가기 링크 순서수정(e) --> <div class="wrapper mainWrap main--renewal-2024 mainWrap js-topBanner-active"> <!-- start:header --> <!-- Matomo --> <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> <!-- End Matomo Code --> <!-- 20231106//(Ina)비짓서울 상단 공지배너 영역 추가(s) --> <div class="top-banner-area info" id="topBannerInfo" style="display:none;height:0px;"> <!-- <div class="top-banner-area info" id="topBannerInfo"> --> <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> <!-- 20220809//(Ina)비짓서울 상단 공지배너 영역 추가(e) --> <!-- 20221122//(Ina)쿠키 수집 동의 팝업 영역 추가(s) --> <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> <!-- 20221122//(Ina)쿠키 수집 동의 팝업 영역 추가(e) --> <!-- 20211207//(Ina)탑배너 영역 추가(s) --> <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> <!-- 20211207//(Ina)탑배너 영역 추가(e) --> <!----- 20211012//(Ina)공통 퀵메뉴 추가(s) -----> <!-- *운영서버 반영시 title속성 각 언어권 문구로 들어가야 합니다. .btn-quick-list 퀵메뉴 버튼 title속성 퀵메뉴 영역 열기/닫기 텍스트 동적으로 처리 필요합니다. --> <!-- 퀵메뉴 --> <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> <!-- pc(s) --> <!-- 최상단으로 가기(s) --> <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> <!-- 최상단으로 가기(e) --> <!-- pc(e) --> <!-- mobile(s) --> <!-- 최상단으로 가기(s) --> <!-- <i class="ico-arrow"></i> --> <!-- </button> --> <!-- 최상단으로 가기(e) --> <!-- 퀵메뉴 - 국/영/일/중 어권(s) --> <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> <!-- 퀵메뉴 - 국/영/일/중 어권(e) --> <!-- mobile(e) --> <!----- 20211012//(Ina)공통 퀵메뉴 추가(e) -----> <!-- header(s) --> <header class="sub" id="navigation"> <div class="main"> <!-- menu-wrap(s) --> <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"> <!-- *날씨 아이콘 .ico-weather.cloudiness : 구름많음 .ico-weather.cloudy : 흐림 .ico-weather.littleRain : 약간 비 .ico-weather.sunny : 맑음 .ico-weather.storm : 뇌우 .ico-weather.rain : 비 .ico-weather.snow : 눈 --> <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> <!-- 202305//(Ina)툴팁영역 추가(s) --> <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> <!-- 20230725//(Ina)줄바꿈처리 수정(s) --> <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> <!-- 20230725//(Ina)줄바꿈처리 수정(e) --> </div> <ul class="ulWishList-mobile"> </ul> <div class="btn-block"> <a href="/wishlist" class="btn-primary"> <span>Lihat Kegemaran Saya</span> </a> </div> </div> </div> <div class="other-menu-cont js-other-menu-cont--2024"> <div class="other-menu-element"> <div class="lang-element"> <a class="btn-lang js-btn-lang--2024" href="#" title="Buka menu pemilihan bahasa laman web"> <div class="mo-view"> <span class="lang-text">Malay</span> <i class="ion-ios-arrow-down"></i> </div> <span class="lang-text blind">Pautan Terbuka Berbilang Bahasa</span> </a> <ul class="lang-open-lst"> <li><a href="https://korean.visitseoul.net">한국어</a></li> <li><a href="https://english.visitseoul.net">English</a></li> <li><a href="https://japanese.visitseoul.net">日本語</a></li> <li><a href="https://chinese.visitseoul.net">简体中文</a></li> <li><a href="https://tchinese.visitseoul.net">繁體中文</a></li> <li><a href="https://russian.visitseoul.net">русскийязык<sup>beta</sup></a></li> <li><a href="https://malay.visitseoul.net">Malay<sup>beta</sup></a></li> </ul> </div> <input type="hidden" id="family_open_text" value="Buka menu Laman Keluarga" /> <input type="hidden" id="family_close_text" value="Tutup menu Laman Keluarga" /> <input type="hidden" id="lang_open_text" value="Buka menu pemilihan bahasa laman web" /> <input type="hidden" id="lang_close_text" value="Tutup menu pemilihan bahasa laman web" /> <div class="family-element"> <a href="javascript:void(0);" class="a_family js-btn-family--2024" title="Buka menu Laman Keluarga"> <div class="mo-view"> <span class="lang-text">Family Site</span> <i class="ion-ios-arrow-down"></i> </div> <span class="lang-text">Family Site</span> </a> <ul class="lang-open-lst family-list"> <li><a href="http://www.miceseoul.com/index" target="_blank" title="Seoul Convention Bureau buka dalam tetingkap baharu">Seoul Convention Bureau</a></li> <li><a href="http://english.visitseoul.net/partners-en" target="_blank" title="Partners buka dalam tetingkap baharu">Partners</a></li> <li><a href="http://www.sto.or.kr/english/index" target="_blank" title="STO buka dalam tetingkap baharu">About STO</a></li> <li><a href="https://medical.visitseoul.net/en" target="_blank" title="Medical Tour buka dalam tetingkap baharu">Medical Tour</a></li> <li><a href="http://archive.visitseoul.net" target="_blank" title="SEOUL TOURISM ARCHIVE buka dalam tetingkap baharu">TOURISM ARCHIVE</a></li> <li><a href="https://www.discoverseoulpass.com/app/main" target="_blank" title="Discover Seoul Pass buka dalam tetingkap baharu">Discover Seoul Pass</a></li> <li><a href="https://stay.visitseoul.net/seoul-stay?lang=en" target="_blank" title="Seoul Stay buka dalam tetingkap baharu">Seoul Stay</a></li> <li><a href="https://www.seouldanurim.net/en/index" target="_blank" title="Accessible Seoul buka dalam tetingkap baharu">Accessible Seoul</a></li> </ul> </div> </div> </div> <!-- btn-menu-cont : tablet --> <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> <!-- menu-wrap(e) --> <!-- menu-wrap--mobile(s) --> <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> <!-- 202305//(Ina)모바일헤더 찜하기 영역 추가(s) --> <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> <!-- 202305//(Ina)툴팁영역 추가(s) --> <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> <!-- 20230725//(Ina)줄바꿈처리 수정(s) --> <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> <!-- 20230725//(Ina)줄바꿈처리 수정(e) --> </div> <ul class="ulWishList-mobile"> </ul> <div class="btn-block"> <a href="/wishlist" class="btn-primary"> <span>Lihat Kegemaran Saya</span> </a> </div> </div> <!-- 202305//(Ina)툴팁영역 추가(e) --> </div> <!-- 202305//(Ina)모바일헤더 찜하기 영역 추가(e) --> </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> <!-- menu-wrap--mobile(e) --> </div> </header> <!-- header(e) --> <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> <!-- end:header --> <!-- main-contents(s) --> <main class="main-contents"> <!-- start:content --> <!-- 수정이력 2022-04-25 1. 2022-04-14 ~ 04-21 메인페이지 개편사항 수정 - 네비게이션 버튼 위치(소스상에서) 이동 - 글자줄임 css로 처리하고 js영역 삭제 - visitseoulTV 디스플레이형태 변경 - 인스타그램 사진(8개기준) 영역 추가. --> <script type="text/javascript"> $(document).ready(function(){ $('html').attr("xmlns:wb", "http://open.weibo.com/wb"); }); </script> <!-- 20211231//(Ina)키비주얼 슬라이드 영역 수정(s) --> <!-- main-visual-cont(s) --> <div class="main-contents-inner wide course" id="container"> <!-- 키비주얼 영역 세분화 (국/영 기존 키비주얼이미지 슬라이딩, 중간 동영상링크를 위한 키비주얼 이미지, 나머지는 4개의 카테고리 링크 키비주얼 이미지. --> <!-- 키비주얼 --> <!-- 메인 키비주얼(s) --> <section class="section-main-visual"> <div class="slider-main-visual"> <!-- slider-controls(s) --> <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> <!-- slider-controls(e) --> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slide-bg" style="background-image:url('/data/MEDIA/20241002//1002155905196-1d599e5abe2b43bfad6fa99ef013c24e.png');" data-web-img="/data/MEDIA/20241002//1002155905196-1d599e5abe2b43bfad6fa99ef013c24e.png" data-mo-img="/data/MEDIA/20241002//1002155924031-b9723a96e6a94ffca7c8d6fc1b4e591a.png"></div> <div class="slide-item"> <div class="title-cont"> <a href="https://english.visitseoul.net/events/2024-hanhwa/ENPwkpe4p" target="_self"> <h2>Kenangan malam musim luruh yang tidak boleh dilupakan</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> <!-- 메인 키비주얼(e) --><!-- (다국어) 서울 탐방하기(s) --> <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"> <!-- slider-controls(s) --> <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> <!-- slider-controls(e) --> <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://malay.visitseoul.net/tarikanPelancongan/Gyeongbokgung%20Palace/MLP000072" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20240906//0906141917429-9683ab2d0dd14388bf7b72a5a35ca0da.jpg" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20240906//0906141917429-9683ab2d0dd14388bf7b72a5a35ca0da.jpg" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>Gyeongbokgung</h4> <p>Berjalan-jalan di bawah cahaya bulan istana lama pada malam musim luruh </p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://malay.visitseoul.net/alamSemulaJadi/Namsan Park/MLP003631" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20240906//0906141934596-4f5f3723362544419d1d7f95c208a67d.jpg" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20240906//0906141934596-4f5f3723362544419d1d7f95c208a67d.jpg" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>Taman Namsan</h4> <p>Denai pejalan kaki yang santai dalam cuaca musim luruh yang menyegarkan di Namsan</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://malay.visitseoul.net/tarikanPelancongan/Starfield Library/MLP026558" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20240906//0906141950982-d32ad9542352454480fec0fdad133dd7.jpg" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20240906//0906141950982-d32ad9542352454480fec0fdad133dd7.jpg" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>Perpustakaan Starfield</h4> <p> Mercu tanda baharu Seoul </p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/mvp/Seoul Shopping Course/ENN034901" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20230620//0620115300582-707f8cdb6e274504b31306146b1d7058.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20230620//0620115300582-707f8cdb6e274504b31306146b1d7058.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>Tempat lawatan membeli-belah</h4> <p>Syurga lawatan membeli-belah di Seoul</p> </div> </div> </a> </div> </div> </div> </div> <!-- slider-controls(s) --> <div class="swiper-pagination"></div> <!-- slider-controls(e) --> </div> </div> </div> </section> <!-- (다국어) 서울 탐방하기(e) --> <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> <!-- 서울 event(s) --> <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>2024</dt> <dd>11</dd> </dl> </div> <div class="event-calendar-date"> <div class="slider-event-calendar"> <!-- slider-controls(s) --> <div class="swiper-button-prev"> <em class="blind">이벤트 캘린더 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">이벤트 캘린더 슬라이드 다음보기</em> </div> <!-- slider-controls(e) --> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <!-- 2주 --> <div class="slide-item active--focus "> <a href="javascript:void(0);"> <dl class="today" > <dt>23</dt> <dd>Sab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-23"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>24</dt> <dd>Ahd</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-24"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>25</dt> <dd>Isn</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-25"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>26</dt> <dd>Sel</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-26"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>27</dt> <dd>Rab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-27"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>28</dt> <dd>Kha</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-28"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>29</dt> <dd>Jum</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-29"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>30</dt> <dd>Sab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-30"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>01</dt> <dd>Ahd</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-01"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>02</dt> <dd>Isn</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-02"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>03</dt> <dd>Sel</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-03"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>04</dt> <dd>Rab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-04"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>05</dt> <dd>Kha</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-05"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>06</dt> <dd>Jum</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-06"> </div> </div> <div class="swiper-slide"> <!-- 2주 --> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>07</dt> <dd>Sab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-07"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>08</dt> <dd>Ahd</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-08"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>09</dt> <dd>Isn</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-09"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>10</dt> <dd>Sel</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-10"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>11</dt> <dd>Rab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-11"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>12</dt> <dd>Kha</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-12"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>13</dt> <dd>Jum</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-13"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>14</dt> <dd>Sab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-14"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>15</dt> <dd>Ahd</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-15"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>16</dt> <dd>Isn</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-16"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>17</dt> <dd>Sel</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-17"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>18</dt> <dd>Rab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-18"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>19</dt> <dd>Kha</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-19"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>20</dt> <dd>Jum</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-20"> </div> </div> </div> </div> </div> <div class="slider-event-calendar--mo"> <!-- slider-controls(s) --> <div class="swiper-button-prev"> <em class="blind">이벤트 캘린더 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">이벤트 캘린더 슬라이드 다음보기</em> </div> <!-- slider-controls(e) --> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <!-- 1주 --> <div class="slide-item active--focus "> <a href="javascript:void(0);"> <dl class="today" > <dt>23</dt> <dd>Sab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-23"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>24</dt> <dd>Ahd</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-24"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>25</dt> <dd>Isn</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-25"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>26</dt> <dd>Sel</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-26"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>27</dt> <dd>Rab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-27"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>28</dt> <dd>Kha</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-28"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>29</dt> <dd>Jum</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-29"> </div> </div> <div class="swiper-slide"> <!-- 1주 --> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>30</dt> <dd>Sab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-30"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>01</dt> <dd>Ahd</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-01"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>02</dt> <dd>Isn</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-02"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>03</dt> <dd>Sel</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-03"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>04</dt> <dd>Rab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-04"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>05</dt> <dd>Kha</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-05"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>06</dt> <dd>Jum</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-06"> </div> </div> <div class="swiper-slide"> <!-- 1주 --> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>07</dt> <dd>Sab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-07"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>08</dt> <dd>Ahd</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-08"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>09</dt> <dd>Isn</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-09"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>10</dt> <dd>Sel</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-10"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>11</dt> <dd>Rab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-11"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>12</dt> <dd>Kha</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-12"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>13</dt> <dd>Jum</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-13"> </div> </div> <div class="swiper-slide"> <!-- 1주 --> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>14</dt> <dd>Sab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-14"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>15</dt> <dd>Ahd</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-15"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>16</dt> <dd>Isn</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-16"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>17</dt> <dd>Sel</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-17"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>18</dt> <dd>Rab</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-18"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>19</dt> <dd>Kha</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-19"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>20</dt> <dd>Jum</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-20"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="slider-event"> <!-- slider-controls(s) --> <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> <!-- slider-controls(e) --> <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/2024-ThePersistence/ENPjlda9f" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241118/1118155200547-d12647233a7d4440944363c1c79e541b.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>The Persistence of Self</strong> <em class="date"> 2024.11.22 ~ 2024.12.07</em> <em>Atelier Aechae</em> </dt> <dd> <p>Special Exhibition of Kim Young-sik, Master Potter and Intangible Cultural Heritage of Gyeongsangbuk-do and Joseon Kiln Mun Mountain</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/events/2024-TheSeoulMuseumofKoreanFolkMusic/ENPnjhfip" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241115/1115175628464-235dc1a4cc244d48ad9d34586c8afe2d.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Yesterday's Stories, Today's Sounds, Tomorrow's Memories</strong> <em class="date"> 2024.11.14 ~ 2024.11.23</em> <em>Seoul Museum of Korean Folk Music</em> </dt> <dd> <p>The Seoul Museum of Korean Folk Music will hold an anniversary event week from Thursday, November 14, to Saturday, November 23, to celebrate its 5th anniversary</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-Samseyoung/ENPh4kp0u" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241115/1115162346846-6dccb6f2351142e5b0f3d220277ba1d1.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Someday, we will be in the same.</strong> <em class="date"> 2024.11.06 ~ 2024.11.23</em> <em>Samseyoung</em> </dt> <dd> <p>One day, from our unique paths, may we come together in a shared sense of healing.</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-Pansori/ENP6s1tnd" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241115/1115145722460-d6a3ae2c5f714e93b8473b27001f0033.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Pansori Azit Nohlae Box 'Pansori Short Stories Vol.2'</strong> <em class="date"> 2024.11.21 ~ 2024.12.23</em> <em>Seoul Namsan Traditional Theater, Crown Haitai Hall</em> </dt> <dd> <p>Three singers, three short stories. Experience the subtlety of human affairs through “Pansori Azit Nohlae Box <Pansori Short Stories Vol.2,” which adapts Guy de Maupassant's short stories into solo pa</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-SEOUL-MINI-MOUNTAINS/ENP4ec5o3" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241112/1112113143353-b9fb268c60ca42868818132449fd9dc0.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Seoul Mini Mountains</strong> <em class="date"> 2024.11.05 ~ 2025.02.09</em> <em>Seoul Museum of History</em> </dt> <dd> <p>The Seoul Museum of History presents the exhibition <Seoul Mini Mountains>: Reading the City from its Voids!</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/exhibition/Blue-Hidden-Nature/ENPzm8tt4" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241030/1030174657069-8bb2b87ff68a48368fd103e4cc93b4b2.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Cho Min-yeol ⟪Blue, Hidden, Nature⟫</strong> <em class="date"> 2024.11.07 ~ 2024.12.08</em> <em>Samgaksan Geumam Art Museum</em> </dt> <dd> <p>The second theme of the exhibition, ECO, is highlighted in the “Blue, Hidden Nature” exhibit, showcasing a unique transformation of denim scraps discarded by sewing factories near the artist’s studio.</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/events/2024-YONGSANSTAMP/ENPy4rjrq" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241028/1028180837254-425944a7132d411794e59e9a02d0977a.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Yongsan Pang Pang! Stamp Pang Pang!</strong> <em class="date"> 2024.10.28 ~ 2024.12.10</em> <em>Officers' Housing Complex 5, National Museum of Korea, Yongsan History Museum, Yongnidan-gil (Food Street), The War Memorial of Korea, Yongsan Crafts Museum, Itaewon Special Tourist Zone Organization</em> </dt> <dd> <p>Visit seven tourist attractions in Yongsan, get a stamp, and receive a souvenir after completing the course!</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-KUNG/ENPqgqpqj" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241023/1023124158390-766f1f9ace914f9fb6c33a6220c8a6de.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>2024 Kung Festival</strong> <em class="date"> 2024.11.23 ~ 2024.11.23</em> <em>Seongsu-dong LAYER 41</em> </dt> <dd> <p>What new image would be created if traditional culture and modern techno music were to meet and harmonize in the present day? Well, a grand feast has been prepared for you. Come to “Gung”!</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/events/2024-ssgchristmas/ENPp015xr" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241015/1015110742507-2d6243de003c46d3a2329e6a42097647.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Shinsegae Department Store 2024 Christmas Lights </strong> <em class="date"> 2024.11.01 ~ 2025.01.31</em> <em>Shinsegae Department Main Store </em> </dt> <dd> <p>2024 Christmas Lights, Grand Unveiling on November 1st! </p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-KIScollection/ENPmnz7ln" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241011/1011171939585-ea316c587dd347f3943faa4278605217.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>The Kim In Soon Collection <Rise Up for Life> </strong> <em class="date"> 2024.08.29 ~ 2025.02.23</em> <em>Seoul Museum of Art</em> </dt> <dd> <p>"Rise Up for Life" explores Kim In-soon's artistic practice, focusing on the “women” theme, which she has deeply contemplated and researched. </p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/2024-naengmyeon/ENPfyfhxg" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241011/1011164804777-49c2b438be3f40e4afec4b0d179d46cc.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>North Korean Human Rights Opera <Naengmyeon> </strong> <em class="date"> 2024.11.23 ~ 2024.11.24</em> <em>Yongsan Art Hall Grand Theater </em> </dt> <dd> <p>The opera "Naengmyeon" will be performed at the Yongsan Art Hall Grand Theater from November 23 to 24, 2024. </p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/events/2024CultureFlowsatSeoulPlaza/ENPe11y5c" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20240809/0809174843119-f6bf260c0d844625bbde7a878618f638.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Culture Flows at Seoul Plaza</strong> <em class="date"> 2024.05.08 ~ 2024.11.30</em> <em>Seoul Plaza Outdoor Stage</em> </dt> <dd> <p>Music Festival Featuring Busking Bands at Seoul Plaza</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/events/2024BuskingAllAroundSeoul/ENPokabjm" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20240806/0806121612365-a73fc8f954b3477fb2fbba88e018d3f0.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Busking All Around Seoul</strong> <em class="date"> 2024.04.01 ~ 2024.11.30</em> <em>Gwanghwamun, Ttukseom, GardenFive, NodeulIsland and more</em> </dt> <dd> <p>A total of 150 artist teams will perform at various locations throughout Seoul</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-NamsanBongsu/ENP34w5l3" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20240730/0730173124814-ec94e4fc5685467bb22abfe395bd1364.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Namsan Beacon Mound Lighting Ceremony and Traditional Cultural Reenactment Events</strong> <em class="date"> 2024.01.01 ~ 2024.12.31</em> <em>Namsan Seoul Beacon Mound, Namsan Palgakjeong Pavilion, Bosingak Pavilion</em> </dt> <dd> <p>Events where you can experience traditional Korean culture</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/events/2024-hanganghistory/ENP7gsazt" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20240702/0702171405238-f8fd6e1debb74e9dae075b364c87374a.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Hangang River History Tours</strong> <em class="date"> 2024.04.15 ~ 2024.11.30</em> <em></em> </dt> <dd> <p>Exploring the history of the Hangang River</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 class="swiper-slide"> <a href="https://english.visitseoul.net/exhibition/KwonJinKyusForeverHome/ENP8j7w39" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20230830/0830152230354-14332488097b4914a594a13fdcfde903.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Kwon Jin Kyu's Forever Home</strong> <em class="date"> 2023.06.01 ~ 2024.12.31</em> <em>Nam Seoul Museum</em> </dt> <dd> <p>This exhibition showcases Kwon Jin Kyu's artistic realm, where he captures the enduring soul and eternity by observing and studying the surrounding subjects, distilling their essence, and ensuring the</p> </dd> </dl> </div> </div> </a> </div> </div> </div> </div> <!-- slider-controls(s) --> <div class="swiper-pagination swiper-pagination-bullets"></div> <!-- slider-controls(e) --> </div> <!-- 데이터 없는경우(s) --> <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> <!-- 데이터 없는경우(e) --> </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> <!-- 서울 event(e) --> <!-- 에디터 추천 여행(s) --> <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"> <!-- slider-controls(s) --> <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> <!-- slider-controls(e) --> <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <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 class="swiper-slide"> <a href="./destinasiPilihanSeoulite/SeoulsArtGalleries/MLNs6mwso" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20240909/0909151323095-4ef58d7abc9840ddb429126f13fadd27.jpg" alt="" /> </div> </div> <div class="text-cont"> <h4>Perjalanan musim luruh bermula dengan lawatan galeri Seoul</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./destinasiPilihanSeoulite/sindangdong-summer/MLN4o83g9" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20240805/0805164519904-5bdfab217edf47228bebf9c92b3fee63.png" alt="" /> </div> </div> <div class="text-cont"> <h4>Habiskan musim panas di Sindang-dong</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./destinasiPilihanSeoulite/summer-ttukseomhangangpark/MLNjyqk6y" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20240711/0711142245847-94ef591edb8f40a487fd7dee9b23fdfb.png" alt="" /> </div> </div> <div class="text-cont"> <h4>Percutian musim panas di Ttukseom Hangang Park</h4> </div> </div> </a> </div> </div> </div> </div> <!-- slider-controls(s) --> <div class="swiper-pagination"></div> <!-- slider-controls(e) --> </div> </div> </div> </section> <!-- 에디터 추천 여행(e) --> <!-- 띠배너(s) --> <section class="section-banner"> <div class="inner-cont"> <div class="banner-cont"> <div class="slider-banner"> <!-- slider-controls(s) --> <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> <!-- slider-controls(e) --> <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> <!-- slider-controls(s) --> <div class="swiper-pagination"></div> <!-- slider-controls(e) --> </div> </div> </div> </section> <!-- 띠배너(e) --> <!-- recommendations(s) --> <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"> <!-- slider-controls(s) --> <div class="swiper-pagination swiper-pagination-fraction swiper-pagination-horizontal"> <span class="swiper-pagination-current"></span> / <span class="swiper-pagination-total"></span> </div> <!-- slider-controls(e) --> <div class="text-cont"></div> <!-- slider-controls(s) --> <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> <!-- slider-controls(e) --> </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://www.onemoretrip.net/" target="_blank" title="buka dalam tetingkap baharu"> <div class="thumb-cont"> <img src="/data/MEDIA/20240906//0906081116653-fec2bb376b484846b3dd5f6570d043d1.jpg" 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>Satu Perjalanan Lagi</h4> <p>Pemandu pelancong tempatan dan berpengalaman Rasmi Seoul</p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="3"> <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="4"> <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> <!-- 무한루프를 위해 슬라이드 복제(s) --> <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://www.onemoretrip.net/" target="_blank" title="buka dalam tetingkap baharu"> <div class="thumb-cont"> <img src="/data/MEDIA/20240906//0906081116653-fec2bb376b484846b3dd5f6570d043d1.jpg" 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>Satu Perjalanan Lagi</h4> <p>Pemandu pelancong tempatan dan berpengalaman Rasmi Seoul</p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="3"> <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="4"> <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> <!-- 무한루프를 위해 슬라이드 복제(e) --> </div> </div> </div> </div> </div> </div> </section> <!-- recommendations(e) --> <!-- 서울 여행정보(s) --> <!-- 서울 여행정보(e) --> <!-- Visit Seoul SNS(s) --> <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"> <!-- slider-controls(s) --> <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> <!-- slider-controls(e) --> <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/gMNFLAO_hZw?feature=shared" target="_blank" title="" > <img class="sns-yt-img" src="/data/MEDIA/20241114//1114175025015-368ebb89325e43e794fdcf64ab2162f6.png" alt="" /> <img class="sns-yt-img-mo" src="/data/MEDIA/20241114//1114175025015-368ebb89325e43e794fdcf64ab2162f6.png" alt="" style="display: none;" /> <div class="thumb-mask"> <div class="thumb-text"> <h3>A GenZ’s Guide to Seoul, Dongdaemun!</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> <!-- slider-controls(s) --> <div class="swiper-pagination"></div> <!-- slider-controls(e) --> </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 class="slider-sns-instar"> <!-- slider-controls(s) --> <div class="swiper-button-prev"> <em class="blind">sns Instagram 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">sns Instagram 슬라이드 다음보기</em> </div> <!-- slider-controls(e) --> <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.instagram.com/p/DCqqPUKP5vH/" target="_blank" title="Visit Seoul Instagram, Open new window"> <div class="slide-item"> <div class="thumb-cont"> <img src="https://scontent-ssn1-1.cdninstagram.com/v/t51.29350-15/467923362_446698938170146_115210611210549695_n.jpg?_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=_zLeKzjRZUQQ7kNvgGTJblj&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=A0env_34O_p-9tqM93Diz2B&oh=00_AYCx4hyTsUTXYBLU8UzIJK2C-l6UB16WtRMfnZJ4hPL5qA&oe=674796CE" alt="" /> </div> <div class="text-cont"> <h4>visitseoul_official</h4> <p> 𝕍𝕚𝕤𝕚𝕥 𝕊𝕖𝕠𝕦𝕝 𝕎𝕖𝕖𝕜𝕖𝕟𝕕𝕤. When the cold hits, Namdaemun Market heats up! Treat yourself to steamy kalguksu(knife-cut noodle soup), melt-your-mouth galchi-jorim(braised cutlassfish), and Seoul's top hotteok(syrup-filled pancake) spot. It's not just food—it's the warmth of Seoul's spirit wrapped in every bite and bustling corner. 🥰 𝐍𝐚𝐦𝐝𝐚𝐞𝐦𝐮𝐧 𝐌𝐚𝐫𝐤𝐞𝐭 📍 21 Namdaemunsijang 4-gil, Jung-gu ⏰ Mon - Sat (Varies by store) 🚃 Subway Line 4, Hoehyeon Station, Exit 7 (Approx. 17m on foot) 🌐 http://www.namdaemunmarket.co.kr Thanks to our VS Crew 🫡 📷 @woodyfilm_</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.instagram.com/p/DCql4DiP-lG/" target="_blank" title="Visit Seoul Instagram, Open new window"> <div class="slide-item"> <div class="thumb-cont"> <img src="https://scontent-ssn1-1.cdninstagram.com/v/t51.75761-15/467832678_18436283098073038_7780923631275485436_n.jpg?_nc_cat=103&ccb=1-7&_nc_sid=18de74&_nc_ohc=Akx1yN9TE4AQ7kNvgHWpeP8&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=A0env_34O_p-9tqM93Diz2B&oh=00_AYC0dzZ7hy-0BU4GIijO_PZJ0N0Fl7twiDdRO3DWgzR4tg&oe=674799A0" alt="" /> </div> <div class="text-cont"> <h4>visitseoul_official</h4> <p> 𝔚𝔞𝔩𝔨 & 𝔗𝔞𝔩𝔨 𝔦𝔫 𝔖𝔢𝔬𝔲𝔩. Vote Now!! Which creator introduced a place you want to visit? #EVENT Watch six videos capturing Seoul’s vibrant charm, and vote for your favorite creator! 1) Trendy Picks by Oh, My Friend! - Seongsu, Seoul's fashion playground - Riverside bites: Chimaek or Ramyeon - Apgujeong's Sweet Scene: Seoul cafe vibe 2) Local Vibes by Chambo - Must-try Foods at Gyeongdong Market - Exploring Dongdaemun: Where to go next? - Solo Adventures in Hyehwa: Things to Do 🗓 Event Period Nov 22 – Nov 28, 2024 📎 How to Participate 1. Follow visitseoul_official 2. Choose your favorite creator who shared the place you want to visit and leave a comment! (Increase your chances of winning by tagging friends) 📢 Winner Announcements: Nov 29, 2024 * Winners will be individually notified via DM 🎁 Prizes: 1st Prize: Apple AirPods 4 (1 winner) 2nd Prize: USD 35 Amazon or Google gift card (4 winners)</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.instagram.com/reel/DCqULtcPYLT/" target="_blank" title="Visit Seoul Instagram, Open new window"> <div class="slide-item"> <div class="thumb-cont"> <img src="https://scontent-ssn1-1.cdninstagram.com/v/t51.75761-15/467989268_18436268668073038_5293903358042115989_n.jpg?_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=SHABBLOkDiAQ7kNvgGXf3DI&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=A0env_34O_p-9tqM93Diz2B&oh=00_AYBzRx7KTuvQTeBpWMLHlYigNRsTW_L73Pq4unRCBu_GZg&oe=6747B8CB" alt="" /> </div> <div class="text-cont"> <h4>visitseoul_official</h4> <p> 𝔚𝔞𝔩𝔨 & 𝔗𝔞𝔩𝔨 𝔦𝔫 𝔖𝔢𝔬𝔲𝔩. New to Hyehwa? A walk through Daehak-ro might lead you to a K-drama star sighting! Grab a theater ticket and make it an unforgettable Friday night. Who's in for a show?!🔥 #WalkandTalk #VisitSeoul #Streetinterview #Collab #Seoul #Hyehwa #Daehakro #SeoulTourismOrganization</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.instagram.com/reel/DClZohbPVql/" target="_blank" title="Visit Seoul Instagram, Open new window"> <div class="slide-item"> <div class="thumb-cont"> <img src="https://scontent-ssn1-1.cdninstagram.com/v/t51.75761-15/467356808_18435934675073038_6217183452576904528_n.jpg?_nc_cat=108&ccb=1-7&_nc_sid=18de74&_nc_ohc=q2m_IlbnU3MQ7kNvgHyTeg6&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=A0env_34O_p-9tqM93Diz2B&oh=00_AYCQDnU2LNw7z1CIIhn-Ve3vFikicUU6Pzkkdonj8_bHGw&oe=6747A090" alt="" /> </div> <div class="text-cont"> <h4>visitseoul_official</h4> <p> 𝔚𝔞𝔩𝔨 & 𝔗𝔞𝔩𝔨 𝔦𝔫 𝔖𝔢𝔬𝔲𝔩. Chambo spotted in Dongdaemun! So, what do Seoul locals do for fun here? What's great to eat, see, or try here? Share why Dongdaemun is so special!💬 #WalkandTalk #VisitSeoul #Streetinterview #Collab #Seoul #Dongdaemun #SeoulTourismOrganization</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.instagram.com/reel/DCgP519vlly/" target="_blank" title="Visit Seoul Instagram, Open new window"> <div class="slide-item"> <div class="thumb-cont"> <img src="https://scontent-ssn1-1.cdninstagram.com/v/t51.75761-15/467417642_18435598234073038_2865259839373231199_n.jpg?_nc_cat=106&ccb=1-7&_nc_sid=18de74&_nc_ohc=wi9Xa015R0AQ7kNvgG3fwSb&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=A0env_34O_p-9tqM93Diz2B&oh=00_AYCKDRGaSDUsFTb1J7aNLm6yfT6rTUzRRRIht_GCtx4tIA&oe=6747A207" alt="" /> </div> <div class="text-cont"> <h4>visitseoul_official</h4> <p> 𝔚𝔞𝔩𝔨 & 𝔗𝔞𝔩𝔨 𝔦𝔫 𝔖𝔢𝔬𝔲𝔩. K-FOOD LOVERS, line up Gyeongdong Market now! Chambo’s already had makguksu, kkwabaegi, and tteokbokki—what should be next on the list?👀✨ #WalkandTalk #VisitSeoul #Streetinterview #Collab #Seoul #Cheongnyangni #GyeongdongMarket #SeoulTourismOrganization</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.instagram.com/p/DCYnv0Kv4iT/" target="_blank" title="Visit Seoul Instagram, Open new window"> <div class="slide-item"> <div class="thumb-cont"> <img src="https://scontent-ssn1-1.cdninstagram.com/v/t51.29350-15/466857077_591884713501383_151618604149363899_n.jpg?_nc_cat=104&ccb=1-7&_nc_sid=18de74&_nc_ohc=LIOJmfBaItcQ7kNvgHkIkh9&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=A0env_34O_p-9tqM93Diz2B&oh=00_AYB5UP_9mz1EcKbA-REaPfB3qbfjlVJhdY2Q_tXTo3F93Q&oe=6747A672" alt="" /> </div> <div class="text-cont"> <h4>visitseoul_official</h4> <p> 𝕍𝕚𝕤𝕚𝕥 𝕊𝕖𝕠𝕦𝕝 𝕎𝕖𝕖𝕜𝕖𝕟𝕕𝕤. Autumn may be ending, but Seoul's holiday spirit is in full swing! Step into a grand theater filled with circus tents, magical performances, and festive photo zones. Perfect winter memories await— see you there! 🎄 𝟐𝟎𝟐𝟒 𝐋𝐄 𝐆𝐑𝐀𝐍𝐃 𝐓𝐇𝐄𝐀𝐓𝐑𝐄 𝐚𝐭 𝐓𝐡𝐞 𝐇𝐲𝐮𝐧𝐝𝐚𝐢 𝐒𝐞𝐨𝐮𝐥 📍5F, Sounds Forest, The Hyundai Seoul 108 Yeouidae-ro, Yeongdeungpo-gu, Seoul 🚃 Subway Line 5, Yeoinaru Station, Exit 1 (Approx. 466 m on foot) 🗓️ Nov 11 - Dec 31, 2024 (10:30 am - 7:30 pm) ※ Reservations available by the hour IG: @thehyundai_Seoul ✅ For the best view, head to the 6th floor’s special photo zones. ✅ Visit Myeongdong Shinsegae and Lotte Department Store for festival media facedes to complete your holiday experience! (No reservation needed.) Thanks to our VS Crew 🫡 📷 @henryjoo3</p> </div> </div> </a> </div> </div> </div> </div> <!-- slider-controls(s) --> <div class="swiper-pagination"></div> <!-- slider-controls(e) --> </div> </div> </div> </section> <!-- Visit Seoul SNS(e) --> </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 = '27'; 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 = 4; // 하드코딩된 총 페이지 수 // 페이지네이션 업데이트 함수 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/gMNFLAO_hZw?feature=shared'; 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> <!-- start:footer --> <!-- footer(s) --> <footer class="footer"> <div class="footer-inner"> <!-- 202341106//(Ina).footer-group-01 영역 수정(s) --> <div class="footer-group-01"> <div class="row logo"> <span> <!-- ico-sto : 한국어 서울관광재단 로고 ico-sto.en : 영문/말레이어 서울관광재단 로고 ico-sto.jp : 일문 서울관광재단 로고 ico-sto.cn : 간체 서울관광재단 로고 ico-sto.tw : 번체 서울관광재단 로고 ico-sto.ru : 러시아 서울관광재단 로고 (임시 영문로고로 반영) --> <a class="btn-sto" href="http://www.sto.or.kr/english/index" target="_blank" title="Opens a new window to the Seoul Tourism Organisation page"> <i class="ico-sto"><em class="blind">STO SEOUL TOURISM ORGANIZATION</em></i> </a> </span> <span> <a class="btn-seoulMySoul" href="https://world.seoul.go.kr/" target="_blank" title="Opens a new window to the Seoul Metropolitan City page"> <i class="ico-seoulMySoul"><em class="blind">SEOUL MY SOUL</em></i> </a> </span> </div> <div class="row privacy"> <span> <a class="btn-privacy" href="http://www.sto.or.kr/english/privacy" target="_blank" title="Dasar Privasibuka dalam tetingkap baharu"><b>Dasar Privasi</b></a> </span> <span> </span> </div> </div> <!-- 202341106//(Ina).footer-group-01 영역 수정(e) --> <div class="footer-group-02"> <div class="row"> <dl> <dt>Waktu operasi</dt> <dd> <span>Isnin-Jumaat 9 pg. – 6 ptg. (KST)</span> <span> <a class="btn-link" href="mailto:staff@visitseoul.net" title="">staff@visitseoul.net</a> </span> </dd> </dl> <dl> <dt>Pusat Aduan Pelancongan</dt> <dd> <span> <a class="btn-info" href="/tourist-complaint-center" target="_blank" title="Pusat Aduan Pelancongan Open a new window"> <em>Pusat Aduan Pelancongan</em> <i class="ico-more"></i> </a> </span> <span> <a class="btn-info" href="https://1330chat.visitkorea.or.kr:3000/#/ttalk_main/CHAT1330_160635739001093018/_0400_0100_localgovernment" target="_blank" title="buka Pertanyaan pelancongan umum dalam tetingkap baharu Buka dalam tetingkap baharu"> <em>buka Pertanyaan pelancongan umum dalam tetingkap baharu 1330</em> <i class="ico-more"></i> </a> </span> </dd> </dl> </div> <div class="row"> <dl> <dt>Aplikasi Mudah Alih VisitSeoul</dt> <dd> <span> <a class="btn-info" href="https://itunes.apple.com/app/i-tour-seoul/id360156429" target="_blank" title="app store buka dalam tetingkap baharu"> <em>App Store</em> <i class="ico-more"></i> </a> </span> <span> <a class="btn-info" href="https://play.google.com/store/apps/details?id=com.sto.android.client.itourseoul" target="_blank" title="google Play buka dalam tetingkap baharu"> <em>Google Play</em> <i class="ico-more"></i> </a> </span> </dd> </dl> <dl class="sns"> <dt>Visit Seoul SNS</dt> <dd> <a class="btn-fb" href="https://www.facebook.com/VisitSeoul/" target="_blank" title="Facebook Pembukaan di tetingkap baru"> <i class="ico-fb"></i> </a> <a class="btn-instar" href="https://www.instagram.com/visitseoul_official/" target="_blank" title="Instagram Pembukaan di tetingkap baru"> <i class="ico-instar"></i> </a> <a class="btn-yt" href="https://www.youtube.com/user/visitseoul" target="_blank" title="Youtube Pembukaan di tetingkap baru"> <i class="ico-yt"></i> </a> </dd> </dl> </div> <div class="row copyright"> <span>85, Cheonggyecheon-ro, Jongno-gu, Seoul (6F, 31 Building)</span> <span>© 2024 Seoul Tourism Organization. All rights reserved</span> </div> </div> <div class="footer-group-03"> <dl> <dt> <i class="ico-ismsP"> <em class="blind">ISMS·P / Maklumat Peribadi & Sistem Pengurusan Keselamatan Maklumat</em> </i> </dt> <dd> Maklumat Peribadi & Sistem Pengurusan<br> Keselamatan Maklumat</dd> </dl> <dl> <dt> <i class="ico-webacc"> <em class="blind">Logo Pensijilan Kualiti WA dari Ministry of Science and ICT, WebWatch 2024.7.9 ~ 2025.7.8</em> </i> </dt> <dd> Logo Pensijilan Kualiti WA dari<br> Ministry of Science and ICT</dd> </dl> <dl> <dt> <i class="ico-appAward"> <em class="blind">AA APP AWARD23 INNOVATOR</em> </i> </dt> <dd> Smart App Award<br>2023</dd> </dl> <dl> <dt> <i class="ico-webAward"> <em class="blind">WA WEB AWARD23 WINNER</em> </i> </dt> <dd> Web Award<br>2023</dd> </dl> </div> </div> </footer> <!-- gnb and search 마스크처리 --> <div class="mask-layer"></div> <div class="mask-layer--search"></div> <!-- footer(e) --> <!-- 20240906//(Ina) 스크립트 추가(s) --> <script> $(document).ready(function() { if(location.pathname === "/AboutSeoul"){ $('.main--renewal-2024').removeClass('no-sub-visual'); } }); </script> <!-- 20240906//(Ina) 스크립트 추가(e) --><!-- end:footer --> </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> <!-- <script src="//weblog.eseoul.go.kr/wlo/js/install.js"></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>