Welcome to Seoul, Visit Seoul | The Official Travel Guide to Seoul

<!DOCTYPE html> <html lang="en" class="en 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://english.visitseoul.net/" hreflang="en"/> <link rel="shortcut icon" href="/resources/theme/basic/assets/images/img/Favicon.png?bust=20240828_1" type="image/x-icon"/> <link rel="icon" href="/resources/theme/basic/assets/images/img/Favicon.png?bust=20240828_1" type="image/x-icon"/>  <meta name="google-site-verification" content="sYnH8PZmEBBwuhhJNFmrXl41Apf9Wq1URoNIdZ_O17s" />   <meta property="og:locale" content="en_US"/>  <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-MP7V6XN');</script>    <title>Welcome to Seoul, Visit Seoul | The Official Travel Guide to Seoul</title>   <meta name="naver-site-verification" content="002a5d0234ba29e9922b3ebdbed87135e615b07a"/>  <meta name="yandex-verification" content="4f8315abc348ac7e"/>   <meta name="google-site-verification" content="m0f04BF8bnv1rvaYliEU04BW51v3-KxPYOkQyIwLU4U"/> <meta name="google-site-verification" content="rSD5SoJcySIvcHVXRGwBEJN8M77yTv53CN7oNC4Trs0"/> <meta name="google-site-verification" content="UMNHumGYbU6d_EyVgcbZ1Pc3hAQptLkbygD2BUGauoQ"/> <meta name="google-site-verification" content="b97U1yfaGStqdsrQaGAUVbGu1wqNuMl438WLv_XJxpY"/> <meta name="google-site-verification" content="unRPtvO5eLzA6Ik6C0kAA6HPYxW9pfrFYCDJ0oxbhhY"/>  <meta name="msvalidate.01" content="C78695BE1ACBC96EE23961DE4222337D" />  <meta name="baidu-site-verification" content="codeva-FDJWprEhMq" /> <meta name="title" content="Welcome to Seoul, Visit Seoul | The Official Travel Guide to Seoul"> <meta name="description" content="Visit Seoul is the perfect city tour guide for traveling to Seoul. Experience Seoul in various ways from K-food to cafes and festivals."> <meta name="keywords" content="Visit Seoul"> <meta name="WT.ti" content="Home"/> <meta property="og:type" content="Website"> <meta property="og:title" content="Welcome to Seoul, Visit Seoul"> <meta property="og:description" content="Visit Seoul is the perfect city tour guide for traveling to Seoul. Experience Seoul in various ways from K-food to cafes and festivals."> <meta property="og:image" content="http://english.visitseoul.net/resources/theme/images/img/visitseoul_sns_20241127.png"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@VisitSeoul"> <meta name="twitter:creator" content="@VisitSeoul"> <meta name="twitter:title" content="Welcome to Seoul, Visit Seoul"> <meta name="twitter:description" content="Visit Seoul is the perfect city tour guide for traveling to Seoul. Experience Seoul in various ways from K-food to cafes and festivals."> <meta name="twitter:image" content="http://english.visitseoul.net/resources/theme/images/img/visitseoul_sns_20241127.png">  <link rel="alternate" hreflang="ko" href="https://korean.visitseoul.net/index"/> <link rel="alternate" hreflang="en" href="https://english.visitseoul.net/index"/> <link rel="alternate" hreflang="ja" href="https://japanese.visitseoul.net/index"/> <link rel="alternate" hreflang="zh-CN" href="https://chinese.visitseoul.net/index"/> <link rel="alternate" hreflang="zh-TW" href="https://tchinese.visitseoul.net/index"/> <link rel="alternate" hreflang="ru" href="https://russian.visitseoul.net/index"/> <link rel="alternate" hreflang="ms-MY" href="https://malay.visitseoul.net/index"/> <link rel="alternate" hreflang="x-default" href="https://www.visitseoul.net/index"/> <link rel="stylesheet" href="/resources/theme/plugin/ionicons-2.0.1/css/ionicons.min.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/plugin/jquery.bxslider/jquery.bxslider.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/plugin/jquery-ui-1.11.4/jquery-ui.min.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/plugin/lightGallery/dist/css/lightgallery.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/style/base.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/sub.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/print.css?bust=20241025" media="print"/> <link rel="stylesheet" href="/resources/theme/style/guidebook.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/se_contents.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/mayday_sub_en.css?20221228_01"/> <script> const sessionId = 'BBD3B9A5861386D20E1318DA0F5B0AE1.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.bxslider/jquery.bxslider.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lightgallery.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-fullscreen.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-thumbnail.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-video.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-autoplay.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-zoom.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-pager.js"></script> <script src="/resources/theme/plugin/lightGallery/lib/jquery.mousewheel.min.js"></script> <script src="/resources/theme/plugin/masonry.pkgd.min.js"></script>  <script src="/resources/theme/script/visit.seoul.custom.class.js"></script> <script src="/resources/theme/script/visit.seoul.function.js"></script> <script src="/resources/theme/script/visit.seoul.indexeddb.js"></script> <script src="/resources/theme/script/jquery.validation.rule.js"></script> <script src="/resources/theme/script/common.js?bust=20240829"></script> <script src="/resources/theme/plugin/owlCarousel/owl.carousel.js"></script> <link rel="stylesheet" href="/resources/theme/plugin/owlCarousel/owl.carousel.min.css"/> <link rel="stylesheet" href="/resources/theme/plugin/owlCarousel/owl.theme.default.min.css"/>  <script src="/resources/theme/plugin/animated-event-calendar/jquery.simple-calendar.js?bust=20230925_01"></script> <link type="text/css" rel="stylesheet" href="/resources/theme/plugin/animated-event-calendar/simple-calendar.css?bust=20231218_01" class="css">  <script src="/resources/theme/plugin/imageMapResizer/imageMapResizer.js?bust=20221228_01"></script> <script src="/resources/theme/plugin/circleProgress/circle-progress.js?bust=2022128_01"></script> <script src="/resources/theme/plugin/echarts-5.1.2/echarts.common.js?bust=2022128_01"></script> <link type="text/css" rel="stylesheet" href="/resources/theme/style/2021/safe_caster.css?bust=20240827" class="css">    <script src="/resources/theme/plugin/swiper/swiper-11.1.9/swiper-bundle.min.js"></script> <script src="/resources/theme/plugin/imagesloaded-4.1.4/imagesLoaded.min.js"></script> <script src="/resources/theme/plugin/gsap-3.12.5/gsap.min.js"></script>  <link type="text/css" rel="stylesheet" href="/resources/theme/style/2020/common.css?bust=20240905" class="css"> <link type="text/css" rel="stylesheet" href="/resources/theme/style/2020/main.css?bust=20240829" class="css">  <link type="text/css" rel="stylesheet" href="/resources/theme/style/2020/swiper.min.css?bust=20221228_01" class="css"> <link rel="stylesheet" href="/resources/theme/plugin/font-awesome-4.7.0/css/font-awesome.css">  <link rel="stylesheet" href="/resources/theme/style/2019/animate.css?bust=20221228_01"/>  <link type="text/css" rel="stylesheet" href="/resources/theme/style/malay/common.css?bust=20240829"> <link type="text/css" rel="stylesheet" href="/resources/theme/style/malay/sub.css?bust=20231218_01">  <script> var showText = 'Show content'; var hideText = 'hide content'; var alltext = 'Show all'; var lessText = 'Show less'; </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>    <script src="/resources/theme/v2/script/ui.js?bust=20240912"></script>  <script type="application/ld+json">{ "@context": "http://schema.org", "@type": "Organization", "name": "Visit Seoul", "url": "https://english.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", "https://www.tiktok.com/@visitseoul" ] }</script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "WebSite", "url": "https://english.visitseoul.net/", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://english.visitseoul.net/search?lang=en&searchTerm={search_term_string}" }, "query-input": "required name=search_term_string" } }</script>  <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '281238195644628'); fbq('track', 'PageView'); </script>    <script async src="https://www.googletagmanager.com/gtag/js?id=G-J3CHX30YSK"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-J3CHX30YSK'); </script>    </head> <body >  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-54S2FCJ" height="0" width="0" style="display:none;visibility:hidden"> </iframe> </noscript>    <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MP7V6XN" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>    <noscript> </noscript>    <div id="accessibility"> <strong class="hd-element">Skip Navigation</strong> <ul> <li><a href="#container"><span>Skip to body</span></a></li> <li><a href="#navigation"><span>Go to the menu</span></a></li> </ul> </div>  <div class="wrapper mainWrap main--renewal-2024 mainWrap js-topBanner-active">   <script> let urlSplit = window.location.href.trim().substring(8, 10); // console.log("substring한 url 어권 데이터는: ", urlSplit); let _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["setDocumentTitle", document.domain + "/" + document.title]); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { let u="https://analytics.visitseoul.net/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '8']); let websiteIdDuplicate; switch (urlSplit){ case "ko": websiteIdDuplicate = 1; break; case "en": websiteIdDuplicate = 2; break; case "ja": websiteIdDuplicate = 3; break; case "ch": websiteIdDuplicate = 4; break; case "tc": websiteIdDuplicate = 5; break; case "ru": websiteIdDuplicate = 6; break; case "ma": websiteIdDuplicate = 7; break; } _paq.push(['addTracker', u+'matomo.php', websiteIdDuplicate]); let d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script>   <div class="top-banner-area info" id="topBannerInfo" style="display:none;height:0px;">  <div class="inner-cont"> <div class="top-banner"> <a class="btn-link" href="https://english.visitseoul.net/announcements/Notice-of-Visit-Seoul-Cloud-Migration-September-19-2024-Thu---October-02-2024-Wed/ENB013750?curPage=1" target="_self" title="Go to page"> <strong> Notice of Visit Seoul Cloud Migration (September 19, 2024 (Thu) - October 02, 2024 (Wed))</strong> </a> </div> <a class="btn-close" id="topBannerInfoClose" href="javascript:void(0);"> <i class="css-arrow-close"><em class="blind">close</em></i> </a> </div> </div>   <div class="cookie-popup-area" id="cookiePopup" style="display:none"> <div class="inner-cont"> <div class="text-cont"> <p>The Visit Seoul website uses cookies to enhance the user experience, improve the website, and more.</p> <p>Continuing use of this website means that you agree to the use of cookies.</p> </div> <div class="btn-block"> <a href="javascript:void(0);" class="btn-primary" id="btnCookieAgree"> <em>Accept All</em> </a> <a href="javascript:void(0);" id="btnCookieDisagree"> <em>Reject All</em> </a> <a href="https://www.sto.or.kr/english/privacy" target="_blank" title="open new window"> <em>Cookies Information</em> </a> </div> </div> </div>   <div class="top-banner-area info-IE" style="display:none;"> <div class="inner-cont"> <div class="top-banner"> <i class="ico-exclamation-mark"></i><strong>Internet Explorer is no longer supported. We will switch you over to Edge for the best experience.</strong> </div> </div> </div>     <input type="hidden" id="quick_menu_open" value="Open Quick Menu Area" /> <input type="hidden" id="quick_menu_close" value="Selected Close Quick Menu Area" /> <div class="quick-menu-cont" style=""> <button type="button" id="btn-quick-list-pc" class="btn-quick-list js-quick-list-btn" title="Open Quick Menu Area"> <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://english.visitseoul.net/editorspicks" target="_self" title="Go to page"> <i class="ico-editorpick"></i> <em>Seoulite's Picks</em> </a> </li> <li> <a class="div-cell" href="https://english.visitseoul.net/exhibition-events#tabAll&selectedMonth=202411" target="_self" title="Go to page"> <i class="ico-exhibition"></i> <em>Exhibition/Festival/Events</em> </a> </li> <li> <a class="div-cell" href="https://english.visitseoul.net/safe-travel" target="_self" title="Go to page"> <i class="ico-smarttrip"></i> <em>Seoul Smart Travel</em></a> </li> <li> <div class="sns-area div-cell"> <div class="pos-cont"> <a href="https://www.facebook.com/VisitSeoul" target="_blank" title="Open new window for Visit Seoul Facebook page"> <i class="ico-fb"></i> <em class="blind">Facebook logo icon</em> </a> <a href="https://www.instagram.com/visitseoul_official/" target="_blank" title="Open new window for Visit Seoul Instagram page"> <i class="ico-instar"></i> <em class="blind">Instagram logo icon</em> </a> <a href="https://www.youtube.com/user/visitseoul" target="_blank" title="Open new window for Visit Seoul Youtube page"> <i class="ico-yt"></i> <em class="blind">YouTube logo icon</em> </a> <a href="https://www.tiktok.com/@visitseoul" target="_blank" title="Open new window for Visit Seoul TikTok page"> <i class="ico-tiktok"></i> <em class="blind">TikTok logo icon</em> </a> </div> </div> </li> </ul> </div>   <button type="button" class="btn-quick-top js-quick-top-btn" title="going to the top"> <em class="blind">Go to the top button</em> <i class="ico-arrow"></i> </button>         <div class="quick-menu-cont--mobile" style=""> <div class="dim"></div> <button type="button" id="btn-quick-list-mobile" class="btn-quick-list js-quick-list-btn" title="Open Quick Menu Area"> <em class="blind">quick menu button</em> <i class="ico-arrow"></i> </button> <ul class="quick-menu-list" style=""> <li> <a href="https://english.visitseoul.net/editorspicks" target="_self" title="Go to page"> <div class="text-cont div-cell"> <em>Seoulite's Picks</em> </div> <div class="ico-cont div-cell"> <i class="ico-editorpick"></i> </div> </a> </li> <li> <a href="https://english.visitseoul.net/exhibition-events#tabAll&selectedMonth=202411" target="_self" title="Go to page"> <div class="text-cont div-cell"> <em>Exhibition/Festival/Events</em> </div> <div class="ico-cont div-cell"> <i class="ico-exhibition"></i> </div> </a> </li> <li> <a href="https://english.visitseoul.net/safe-travel" target="_self" title="Go to page"> <div class="text-cont div-cell"> <em>Seoul Smart Travel</em></div> <div class="ico-cont div-cell"> <i class="ico-smarttrip"></i> </div> </a> </li> </ul> </div>     <header class="sub" id="navigation"> <div class="main">  <div class="menu-wrap js-menu-wrap--2024"> <div class="pull-left"> <h1> <a href="https://english.visitseoul.net"> <span class="hd-element">visitseoul.net</span> </a> </h1> </div> <div class="gnb"> <ul class="gnb-element"> <li> <a href="#none">Seoul Now<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">Seoul Now</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/exhibition-events">Exhibition/Festival/Events</a> </li> <li> <a href="/event">Visit Seoul Events</a> </li> <li> <a href="/realtime-seoul">Seoul Live Tourism Guide</a> </li> <li> <a href="/curation">My Seoul Curation</a> </li> <li> <a href="/archive">Seoul Tourism Archive</a> </li> </ul> </div> </li> <li> <a href="#none">Travel Themes<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">Travel Themes</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/editorspicks">Seoulites' Picks</a> </li> <li> <a href="/walking-tour">Seoul Guided Walking Tour</a> </li> <li> <a href="/seoul-hiking">Seoul Hiking Tourism</a> </li> <li> <a href="/hallyu">Hallyu</a> </li> <li> <a href="/mvp">Must Visit Places of Seoul</a> </li> </ul> </div> </li> <li> <a href="#none">Things to Do<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">Things to Do</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/attractions">Attractions</a> </li> <li> <a href="/nature">Nature</a> </li> <li> <a href="/entertainment">Entertainment</a> </li> <li> <a href="/shopping">Shopping</a> </li> <li> <a href="/restaurants">Restaurants</a> </li> <li> <a href="/area">Explore by Area</a> </li> </ul> </div> </li> <li> <a href="#none">Travel Information<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">Travel Information</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/AboutSeoul">About Seoul</a> </li> <li> <a href="/map-guide-book">Guidebooks & Maps</a> </li> <li> <a href="/safe-travel">Seoul Smart Travel</a> </li> <li> <a href="/Getting-to-seoul">Transportation</a> </li> <li> <a href="/Accommodation"> Accommodation</a> </li> <li> <a href="/Before-You-Go">Before You Go</a> </li> <li> <a href="/traveler-support">Traveler Assistance</a> </li> </ul> </div> </li> </ul> </div> <div class="pull-right"> <div class="weather-area"> <div class="weather-cont">  <a href="/weather"> <div class="item"> <i class="ico-weather "><em class="blind ico-weather-blind">흐림</em></i> <span class="degree"></span> </div> </a> </div> </div> <div class="search-cont"> <a class="btn-search-open js-btn-search-open--2024" href="javascript:void(0);" title="Open the search area"> <span class="blind">Open the search area</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">My Favorites</span> </button> </div>  <div class="mylike-open-area" id="mylikeOpenArea" style=""> <div class="title"> <h3>My Favorites</h3> <button type="button" class="btn-like-tooltip"> <i class="ico-info"> <em class="blind">My Favorites Tooltip Button</em> </i> </button>  <div class="info-balloon"> <p> <span class="change-word-break">The Favorites function assists you so that you can save travel information you're interested in according to the region in Seoul. </span> <span class="change-word-break"></span> </p> </div>  </div> <ul class="ulWishList-mobile"> </ul> <div class="btn-block"> <a href="/wishlist" class="btn-primary"> <span>Go to My Favorites</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="Open language selection menu"> <div class="mo-view"> <span class="lang-text">English</span> <i class="ion-ios-arrow-down"></i> </div> <span class="lang-text blind">Multilanguage Open Link</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="Open Family Site URL" /> <input type="hidden" id="family_close_text" value="Close Family Site URL" /> <input type="hidden" id="lang_open_text" value="Open language selection menu" /> <input type="hidden" id="lang_close_text" value="Close language selection menu" /> <div class="family-element"> <a href="javascript:void(0);" class="a_family js-btn-family--2024" title="Open Family Site URL"> <div class="mo-view"> <span class="lang-text">Affiliations</span> <i class="ion-ios-arrow-down"></i> </div> <span class="lang-text">Affiliations</span> </a> <ul class="lang-open-lst family-list"> <li><a href="http://www.miceseoul.com/index" target="_blank" title="Seoul Convention Bureau open new window">Seoul Convention Bureau</a></li> <li><a href="http://english.visitseoul.net/partners-en" target="_blank" title="Partners open new window">Partners</a></li> <li><a href="http://www.sto.or.kr" target="_blank" title="STO open new window">About STO</a></li> <li><a href="https://medical.visitseoul.net/en" target="_blank" title="Medical Tour open new window">Medical Tour</a></li> <li><a href="http://archive.visitseoul.net" target="_blank" title="SEOUL TOURISM ARCHIVE open new window">TOURISM ARCHIVE</a></li> <li><a href="https://www.discoverseoulpass.com/app/main" target="_blank" title="Discover Seoul Pass open new window">Discover Seoul Pass</a></li> <li><a href="https://stay.visitseoul.net/seoul-stay?lang=en" target="_blank" title="Seoul Stay open new window">Seoul Stay</a></li> <li><a href="https://www.seouldanurim.net/en/index" target="_blank" title="Accessible Seoul open new window">Accessible Seoul</a></li> <li><a href="https://seoulhiking.or.kr" target="_blank" title="Seoul Hiking Tourism open new window">Seoul Hiking Tourism</a></li> </ul> </div> </div> </div>  <div class="btn-menu-cont"> <a class="btn-menu js-btn-menu--tablet--2024" href="#" title="전체보기메뉴 열기"> <span class="blind">Open the entire view menu button</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="en" name="lang"/> <div class="input-field"> <label for="search_name" class="hd-element">Open the search area</label> <input type="text" id="search_name" name="searchTerm" autocomplete="off" title="Please enter a search term" placeholder="Please enter a search term" /> <button type="button" class="input-search_clear"><em class="blind">Delete a search term</em></button> <button type="button" class="btn-search" onclick="javascript:goSearch();"> <span class="blind">run search</span> </button> </div> <div class="search-open-area" id="searchOpenArea" style=""> <div class="search-list "> <h3>Search rankings</h3> <div class="search-list-box"> <ul class="uiSearchRankingCol1"> </ul> <ul class="uiSearchRankingCol2"> </ul> </div> </div> </div> </div> </div> </form> </div> </div>   <div class="menu-wrap--mobile"> <div class="menu-wrap--mobile__header"> <div class="inner-cont"> <div class="menu-area"> <div class="btn-menu-cont"> <a class="btn-menu js-btn-menu--mobile--2024" href="#" title="전체보기메뉴 열기"> <span class="hd-element">전체보기메뉴 열기버튼</span> </a> </div> </div> <div class="logo-area"> <h2> <a href="https://english.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">Search</span></button> </div> <div class="search-open-area" id="searchOpenAreaMobile"> <div class="input-field"> <label for="search_nameMobile" class="hd-element">Search area</label> <input type="text" id="search_nameMobile" name="searchTerm" title="Please enter your search term" 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">run search</span></button> </div> <div class="search-list"> <h3>Search rankings</h3> <div class="search-list-box"> <ul class="uiSearchRankingCol1"> </ul> <ul class="uiSearchRankingCol2"> </ul> </div> </div> </div> </div>  <div class="mylike-cont"> <div class="mylike-element"> <button type="button" class="btn-mylike btn-mylike--mobile--2024" id="btnMylikeM"> <span id="spanOpenMyFavM" class="blind">My Favorites</span></button> </div>  <div class="mylike-open-area" id="mylikeOpenAreaM"> <div class="title"> <h3>My Favorites</h3> <button id="btnTooltipM" type="button" class="btn-like-tooltip"><i class="ico-info"><em id="spanHdElementM" class="blind">My Favorites Tooltip Button</em></i></button>  <div id="divInfoBalloonM" class="info-balloon"> <p> <span class="change-word-break">The Favorites function assists you so that you can save travel information you're interested in according to the region in Seoul. </span> <span class="change-word-break"></span> </p> </div>  </div> <ul class="ulWishList-mobile"> </ul> <div class="btn-block"> <a href="/wishlist" class="btn-primary"> <span>Go to My Favorites</span> </a> </div> </div>  </div>  </div> </div> </div> <nav class="menu-wrap--mobile__nav"> <div class="mb_menu_wrap js-mb_menu_wrap"> <div class="mb_menu_wrap_inner"> <div class="mb_menu_title"> <h2> <a href="https://english.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="Close the entire view menu."> <em class="blind">Close the entire view menu button</em> </a> </div> </div>  <div class="mb_clone-area"> <div class="mb_weather_wrap"></div> <div class="mb_other_wrap"></div> <div class="mb_gnb_wrap"></div> </div> </div> </div> </nav> </div>  </div> </header>  <script> function setCookie(name, value, exp) { var date = new Date(); date.setTime(date.getTime() + exp*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/'; }; function getCookie(name) { var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); return value? value[2] : null; }; function goSearch() { if(!$('#search_name').val()) { return; } $('#searchFrm').submit(); } function goSearchMobile() { if(!$('#search_nameMobile').val()) { return; } $('#search_name').val($('#search_nameMobile').val()); $('#searchFrm').submit(); } function getKweather() { $.ajax({ type : "post", url: '/comm/kweather/currentWeather2.json', dataType: 'json', contentType: 'application/x-www-form-urlencoded; charset=UTF-8', success: function(data) { var resultToday = data.applyDate_YYYY + "." + data.applyDate_MM + "." + data.applyDate_DD; var resultTemp = data.temp+"<em>C</em>"; switch(data.icon) { case '1': $('.ico-weather').addClass('sunny'); $('.ico-weather-blind').text('Sunny'); break; case '2': case '3': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Cloudy'); break; case '5': case '6': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Cloudy'); break; case '4': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Cloudy'); break; case '7': case '8': case '9': $('.ico-weather').addClass('storm'); $('.ico-weather-blind').text('Storm'); 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('Little Rain'); 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('Snow'); break; case '39': case '40': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Cloudy'); 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/en', 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 = 'en'; if(langCodeId === "zh-CN" || langCodeId === "zh-TW"){ langCodeId = langCodeId.replace("-", "_"); } if($('#mylikeCont').hasClass('active')) { $('#mylikeCont').removeClass('active'); $('.hd-element-favpopup').text('My Favorites'); }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('en', 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('Close my favorites'); // }else{ // $('.hd-element-favpopup').text('My Favorites'); // } }); $('#btnMylikeM').click(function(){ var langCodeId = 'en'; if(langCodeId === "zh-CN" || langCodeId === "zh-TW"){ langCodeId = langCodeId.replace("-", "_"); } if($('#mylikeContM').hasClass('active')) { // getLastData('en', 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('Close my favorites'); $('#mylikeContM').removeClass('active'); $('.hd-element-favpopup').text('My Favorites'); }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('Close my favorites'); $('#mylikeContM').addClass('active'); // $('.hd-element-favpopup').text('My Favorites'); } }); $('.btn-like-tooltip').click(function(){ if($('#divInfoBalloon').hasClass('active')) { $('#btnTooltip').attr('title', 'Close my favorites Tooltip'); }else{ $('#btnTooltip').attr('title', 'Open my favorites Tooltip'); } if($('#divInfoBalloonM').hasClass('active')) { $('#btnTooltipM').attr('title', 'Close my favorites Tooltip'); }else{ $('#btnTooltipM').attr('title', 'Open my favorites Tooltip'); } }); $('#btn-quick-list-mobile').click(function(){ $(this).attr('title', $('#quick_menu_close').val()); }); $('.dim').click(function(){ $('#btn-quick-list-mobile').attr('title', $('#quick_menu_open').val()); }) getSearchRankings(); }); //어짜피 서버에서 조회 하지 않으므로 화면 로드 되면 저장된 찜하기 목로을 모두 가져온다.(페이징 처리를 위해 전체 카운트 세팅.) </script>   <main class="main-contents">   <script type="text/javascript"> $(document).ready(function(){ $('html').attr("xmlns:wb", "http://open.weibo.com/wb"); }); </script>   <div class="main-contents-inner wide course" id="container">    <section class="section-main-visual"> <div class="slider-main-visual">  <div class="slider-controls"> <div class="group-01"> <div class="progressbar-cont"> <div class="swiper-pagination"></div> <div class="autoplay-progress"> <svg viewBox="0 0 100 1"> <line x1="0" y1="0" x2="100" y2="0" /> </svg> </div> </div> </div> <div class="group-02"> <div class="swiper-button-prev swiper-button-white"> <em class="blind">View previous main visual slide </em> </div> <button type="button" class="btn-autoplay"> <i class="ico-autoplay"><em class="blind">Pause</em></i> </button> <div class="swiper-button-next swiper-button-white"> <em class="blind">View next main visual slide </em> </div> </div> </div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slide-bg" style="background-image:url('/data/MEDIA/20241101//1101141058834-d2bcd6c6187d4296bc53d5ba6b43aad4.png');" data-web-img="/data/MEDIA/20241101//1101141058834-d2bcd6c6187d4296bc53d5ba6b43aad4.png" data-mo-img="/data/MEDIA/20241101//1101160332848-2ce65a72d92644bebc3de10c897ab01f.png"></div> <div class="slide-item"> <div class="title-cont"> <a href="http://english.visitseoul.net/attractions/Changgyeonggung-Palace/ENP000297" target="_self"> <h2>Elegantly enhanced by autumn foliage </h2> <em>Changgyeonggung Palace</em> <div class="btn-block"> <span class="btn-learn-more"> <em>Learn more</em> </span> </div> </a> </div> </div> </div> </div> </div> </div> </section>  <section class="section-explore"> <div class="inner-cont"> <div class="section-title"> <em>Must-Visit Places</em> <h2>Explore Seoul</h2> </div> <div class="explore-cont"> <div class="slider-explore">  <div class="swiper-button-prev"><em class="blind">Latest Updates Slide Previous View </em></div> <div class="swiper-button-next"><em class="blind">Latest Updates Slide next View</em></div>  <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="http://english.visitseoul.net/attractions/Myeongdong Cathedral/ENP004036" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241101//1101141639680-43ef9653c0f84d5da024d38f65afc694.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241101//1101141639680-43ef9653c0f84d5da024d38f65afc694.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>Myeongdong Cathedral</h4> <p>Another must-visit landmark<br>in the shopping mecca of Myeongdong</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="http://english.visitseoul.net/nature/Seosulla-gil/ENP036973" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241101//1101141657430-2b856eab3ebd42ecad51fc91b6004aa6.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241101//1101141657430-2b856eab3ebd42ecad51fc91b6004aa6.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>Seosulla-gil</h4> <p>A trending hotspot <br>Seoul locals are flocking to.</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="http://english.visitseoul.net/shopping/COEX-Mall/ENP000268" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241101//1101141711970-812de8977a074055828e565c82a51345.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241101//1101141711970-812de8977a074055828e565c82a51345.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>COEX Mall</h4> <p>A cultural complex to enjoy<br>shopping, dining, and movies.</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="http://english.visitseoul.net/mvp/BeautifulSeoulCourseMIROSEOUL/ENN042595" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241101//1101145611507-d09740cd571049debdf7f1900f049772.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241101//1101145611507-d09740cd571049debdf7f1900f049772.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>Beautiful Seoul, MIRO SEOUL </h4> <p>Experience living in Seoul like a local.</p> </div> </div> </a> </div> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> </div> </div> </section>  <section class="section-travel"> <div class="inner-cont"> <div class="travel-group"> <div class="section-title"> <h2>First time to Seoul?</h2> <p> It can be overwhelming if you’re not sure where to go, how to go, and what to see during your first visit to Seoul! That’s why we’re here to help you get around.<br><br> Use the info there on the bottom to help you get started on building up your itinerary and know-how when it comes to Seoul travel!</p> </div> <div class="travel-cont"> <ul class="travel-list"> <li> <a href="https://english.visitseoul.net/map-guide-book"> <i class="ico-travel-guide"></i> <strong>Guidebooks & Maps</strong> </a> </li> <li> <a href="https://english.visitseoul.net/Tax-Refund/"> <i class="ico-travel-tax"></i> <strong>Tax Refund</strong> </a> </li> <li> <a href="https://english.visitseoul.net/Visa/"> <i class="ico-travel-visa"></i> <strong>Visa</strong> </a> </li> <li> <a href="https://english.visitseoul.net/Getting-to-seoul"> <i class="ico-travel-transport"></i> <strong>Transportation</strong> </a> </li> <li> <a href="https://english.visitseoul.net/safe-travel"> <i class="ico-travel-smart"></i> <strong>Seoul Smart Travel</strong> </a> </li> <li> <a href="https://english.visitseoul.net/tourist-Information-center"> <i class="ico-travel-info"></i> <strong>Tourist Information Center</strong> </a> </li> </ul> </div> </div> </div> </section>  <section class="section-event"> <div class="inner-cont"> <div class="section-title"> <em>Neat things happening around Seoul</em> <h2>Seoul Upcoming!</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">  <div class="swiper-button-prev"> <em class="blind">이벤트 캘린더 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">이벤트 캘린더 슬라이드 다음보기</em> </div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">  <div class="slide-item active--focus "> <a href="javascript:void(0);"> <dl class="today" > <dt>28</dt> <dd>Thu</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>Fri</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>Sat</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>Sun</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>Mon</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>Tue</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>Wed</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>Thu</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>Fri</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-06"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>07</dt> <dd>Sat</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>Sun</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>Mon</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>Tue</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>Wed</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-11"> </div> </div> <div class="swiper-slide">  <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>12</dt> <dd>Thu</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>Fri</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>Sat</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>Sun</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>Mon</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>Tue</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>Wed</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>Thu</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>Fri</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-20"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>21</dt> <dd>Sat</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-21"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>22</dt> <dd>Sun</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-22"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>23</dt> <dd>Mon</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-23"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>24</dt> <dd>Tue</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-24"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>25</dt> <dd>Wed</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-25"> </div> </div> </div> </div> </div> <div class="slider-event-calendar--mo">  <div class="swiper-button-prev"> <em class="blind">이벤트 캘린더 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">이벤트 캘린더 슬라이드 다음보기</em> </div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">  <div class="slide-item active--focus "> <a href="javascript:void(0);"> <dl class="today" > <dt>28</dt> <dd>Thu</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>Fri</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>Sat</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>Sun</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>Mon</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>Tue</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>Wed</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-04"> </div> </div> <div class="swiper-slide">  <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>05</dt> <dd>Thu</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>Fri</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-06"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>07</dt> <dd>Sat</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>Sun</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>Mon</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>Tue</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>Wed</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-11"> </div> </div> <div class="swiper-slide">  <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>12</dt> <dd>Thu</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>Fri</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>Sat</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>Sun</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>Mon</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>Tue</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>Wed</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-18"> </div> </div> <div class="swiper-slide">  <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>19</dt> <dd>Thu</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>Fri</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-20"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>21</dt> <dd>Sat</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-21"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>22</dt> <dd>Sun</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-22"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>23</dt> <dd>Mon</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-23"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>24</dt> <dd>Tue</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-24"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>25</dt> <dd>Wed</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-25"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="slider-event">  <div class="swiper-button-prev"><em class="blind">Festivals & Events Slide Previous View</em></div> <div class="swiper-button-next"><em class="blind">Festivals & Events Slide Next View</em></div>  <div class="slider-mask" style="display:block;"> <div class="swiper-container"> <div class="swiper-wrapper"> <input type="hidden" id="KOP6hqs2t" value="/resources/theme/v2/images/event/11.jpg"/> <input type="hidden" id="KOPqu384i" value="/resources/theme/v2/images/event/6.jpg"/> <input type="hidden" id="KOPdr6nn0" value="/resources/theme/v2/images/event/16.jpg"/> <input type="hidden" id="KOPug150d" value="/resources/theme/v2/images/event/21.jpg"/> <input type="hidden" id="KOPyw61fy" value="/resources/theme/v2/images/event/17.jpg"/> <input type="hidden" id="KOP668j32" value="/resources/theme/v2/images/event/7.jpg"/> <input type="hidden" id="KOP9xfhqw" value="/resources/theme/v2/images/event/33.jpg"/> <input type="hidden" id="KOPhcg1td" value="/resources/theme/v2/images/event/23.jpg"/> <input type="hidden" id="KOPa4udir" value="/resources/theme/v2/images/event/8.jpg"/> <input type="hidden" id="KOP2pvupp" value="/resources/theme/v2/images/event/1.jpg"/> <input type="hidden" id="KOPu1vba8" value="/resources/theme/v2/images/event/18.jpg"/> <input type="hidden" id="KOP2qn4qq" value="/resources/theme/v2/images/event/5.jpg"/> <input type="hidden" id="KOPqsxdzp" value="/resources/theme/v2/images/event/19.jpg"/> <input type="hidden" id="KOPad2n9b" value="/resources/theme/v2/images/event/22.jpg"/> <input type="hidden" id="KOPsrn1p5" value="/resources/theme/v2/images/event/10.jpg"/> <input type="hidden" id="KOP09c5od" value="/resources/theme/v2/images/event/2.jpg"/> <input type="hidden" id="KOPe11y5c" value="/resources/theme/v2/images/event/9.jpg"/> <input type="hidden" id="KOPokabjm" value="/resources/theme/v2/images/event/30.jpg"/> <input type="hidden" id="KOPmfskyu" value="/resources/theme/v2/images/event/20.jpg"/> <input type="hidden" id="KOPy0v1xv" value="/resources/theme/v2/images/event/4.jpg"/> <input type="hidden" id="KOP18biiq" value="/resources/theme/v2/images/event/12.jpg"/> <input type="hidden" id="KOPmvbf3l" value="/resources/theme/v2/images/event/31.jpg"/> <input type="hidden" id="KOP2wsdrm" value="/resources/theme/v2/images/event/28.jpg"/> <input type="hidden" id="KOP7gsazt" value="/resources/theme/v2/images/event/26.jpg"/> <input type="hidden" id="KOPg8me67" value="/resources/theme/v2/images/event/14.jpg"/> <input type="hidden" id="KOP75wu2z" value="/resources/theme/v2/images/event/29.jpg"/> <input type="hidden" id="KOPnpbfuz" value="/resources/theme/v2/images/event/25.jpg"/> <input type="hidden" id="KOP3r7zs1" value="/resources/theme/v2/images/event/32.jpg"/> <input type="hidden" id="KOPfztlks" value="/resources/theme/v2/images/event/13.jpg"/> <input type="hidden" id="KOP97iwrz" value="/resources/theme/v2/images/event/27.jpg"/> <input type="hidden" id="KOP8j7w39" value="/resources/theme/v2/images/event/15.jpg"/> <input type="hidden" id="ENP6hqs2t" value="/resources/theme/v2/images/event/11.jpg"/> <input type="hidden" id="ENPqu384i" value="/resources/theme/v2/images/event/6.jpg"/> <input type="hidden" id="ENPug150d" value="/resources/theme/v2/images/event/21.jpg"/> <input type="hidden" id="ENPhcg1td" value="/resources/theme/v2/images/event/23.jpg"/> <input type="hidden" id="ENPyw61fy" value="/resources/theme/v2/images/event/17.jpg"/> <input type="hidden" id="ENP668j32" value="/resources/theme/v2/images/event/7.jpg"/> <input type="hidden" id="ENP9xfhqw" value="/resources/theme/v2/images/event/33.jpg"/> <input type="hidden" id="ENPa4udir" value="/resources/theme/v2/images/event/8.jpg"/> <input type="hidden" id="ENP2pvupp" value="/resources/theme/v2/images/event/1.jpg"/> <input type="hidden" id="ENPu1vba8" value="/resources/theme/v2/images/event/18.jpg"/> <input type="hidden" id="ENPqsxdzp" value="/resources/theme/v2/images/event/19.jpg"/> <input type="hidden" id="ENP2qn4qq" value="/resources/theme/v2/images/event/5.jpg"/> <input type="hidden" id="ENPad2n9b" value="/resources/theme/v2/images/event/22.jpg"/> <input type="hidden" id="ENPsrn1p5" value="/resources/theme/v2/images/event/10.jpg"/> <input type="hidden" id="ENP09c5od" value="/resources/theme/v2/images/event/2.jpg"/> <input type="hidden" id="ENPe11y5c" value="/resources/theme/v2/images/event/9.jpg"/> <input type="hidden" id="ENPokabjm" value="/resources/theme/v2/images/event/30.jpg"/> <input type="hidden" id="ENPmfskyu" value="/resources/theme/v2/images/event/20.jpg"/> <input type="hidden" id="ENP18biiq" value="/resources/theme/v2/images/event/12.jpg"/> <input type="hidden" id="ENPmvbf3l" value="/resources/theme/v2/images/event/31.jpg"/> <input type="hidden" id="ENP7gsazt" value="/resources/theme/v2/images/event/26.jpg"/> <input type="hidden" id="ENP2wsdrm" value="/resources/theme/v2/images/event/28.jpg"/> <input type="hidden" id="ENPg8me67" value="/resources/theme/v2/images/event/14.jpg"/> <input type="hidden" id="ENP75wu2z" value="/resources/theme/v2/images/event/29.jpg"/> <input type="hidden" id="ENP97iwrz" value="/resources/theme/v2/images/event/27.jpg"/> <input type="hidden" id="ENPnpbfuz" value="/resources/theme/v2/images/event/25.jpg"/> <input type="hidden" id="ENP3r7zs1" value="/resources/theme/v2/images/event/32.jpg"/> <input type="hidden" id="ENPfztlks" value="/resources/theme/v2/images/event/13.jpg"/> <input type="hidden" id="ENP8j7w39" value="/resources/theme/v2/images/event/15.jpg"/> <input type="hidden" id="JPP6hqs2t" value="/resources/theme/v2/images/event/11.jpg"/> <input type="hidden" id="JPPqu384i" value="/resources/theme/v2/images/event/6.jpg"/> <input type="hidden" id="JPPdr6nn0" value="/resources/theme/v2/images/event/16.jpg"/> <input type="hidden" id="JPPug150d" value="/resources/theme/v2/images/event/21.jpg"/> <input type="hidden" id="JPPyw61fy" value="/resources/theme/v2/images/event/17.jpg"/> <input type="hidden" id="JPP668j32" value="/resources/theme/v2/images/event/7.jpg"/> <input type="hidden" id="JPPhcg1td" value="/resources/theme/v2/images/event/23.jpg"/> <input type="hidden" id="JPP9xfhqw" value="/resources/theme/v2/images/event/33.jpg"/> <input type="hidden" id="JPPa4udir" value="/resources/theme/v2/images/event/8.jpg"/> <input type="hidden" id="JPP2pvupp" value="/resources/theme/v2/images/event/1.jpg"/> <input type="hidden" id="JPPu1vba8" value="/resources/theme/v2/images/event/18.jpg"/> <input type="hidden" id="JPP2qn4qq" value="/resources/theme/v2/images/event/5.jpg"/> <input type="hidden" id="JPPqsxdzp" value="/resources/theme/v2/images/event/19.jpg"/> <input type="hidden" id="JPPad2n9b" value="/resources/theme/v2/images/event/22.jpg"/> <input type="hidden" id="JPPsrn1p5" value="/resources/theme/v2/images/event/10.jpg"/> <input type="hidden" id="JPP09c5od" value="/resources/theme/v2/images/event/2.jpg"/> <input type="hidden" id="JPPe11y5c" value="/resources/theme/v2/images/event/9.jpg"/> <input type="hidden" id="JPPokabjm" value="/resources/theme/v2/images/event/30.jpg"/> <input type="hidden" id="JPPmfskyu" value="/resources/theme/v2/images/event/20.jpg"/> <input type="hidden" id="JPPy0v1xv" value="/resources/theme/v2/images/event/4.jpg"/> <input type="hidden" id="JPP18biiq" value="/resources/theme/v2/images/event/12.jpg"/> <input type="hidden" id="JPPmvbf3l" value="/resources/theme/v2/images/event/31.jpg"/> <input type="hidden" id="JPP7gsazt" value="/resources/theme/v2/images/event/26.jpg"/> <input type="hidden" id="JPP34w5l3" value="/resources/theme/v2/images/event/28.jpg"/> <input type="hidden" id="JPPg8me67" value="/resources/theme/v2/images/event/14.jpg"/> <input type="hidden" id="JPP75wu2z" value="/resources/theme/v2/images/event/29.jpg"/> <input type="hidden" id="JPP97iwrz" value="/resources/theme/v2/images/event/27.jpg"/> <input type="hidden" id="JPPnpbfuz" value="/resources/theme/v2/images/event/25.jpg"/> <input type="hidden" id="JPP3r7zs1" value="/resources/theme/v2/images/event/32.jpg"/> <input type="hidden" id="JPPfztlks" value="/resources/theme/v2/images/event/13.jpg"/> <input type="hidden" id="JPP8j7w39" value="/resources/theme/v2/images/event/15.jpg"/> <input type="hidden" id="JPP9cyuk4" value="/resources/theme/v2/images/event/24.jpg"/> <input type="hidden" id="CNP6hqs2t" value="/resources/theme/v2/images/event/11.jpg"/> <input type="hidden" id="CNPqu384i" value="/resources/theme/v2/images/event/6.jpg"/> <input type="hidden" id="CNPdr6nn0" value="/resources/theme/v2/images/event/16.jpg"/> <input type="hidden" id="CNPug150d" value="/resources/theme/v2/images/event/21.jpg"/> <input type="hidden" id="CNPyw61fy" value="/resources/theme/v2/images/event/17.jpg"/> <input type="hidden" id="CNP668j32" value="/resources/theme/v2/images/event/7.jpg"/> <input type="hidden" id="CNPhcg1td" value="/resources/theme/v2/images/event/23.jpg"/> <input type="hidden" id="CNP9xfhqw" value="/resources/theme/v2/images/event/33.jpg"/> <input type="hidden" id="CNPa4udir" value="/resources/theme/v2/images/event/8.jpg"/> <input type="hidden" id="CNP2pvupp" value="/resources/theme/v2/images/event/1.jpg"/> <input type="hidden" id="CNPu1vba8" value="/resources/theme/v2/images/event/18.jpg"/> <input type="hidden" id="CNP2qn4qq" value="/resources/theme/v2/images/event/5.jpg"/> <input type="hidden" id="CNPqsxdzp" value="/resources/theme/v2/images/event/19.jpg"/> <input type="hidden" id="CNPad2n9b" value="/resources/theme/v2/images/event/22.jpg"/> <input type="hidden" id="CNPsrn1p5" value="/resources/theme/v2/images/event/10.jpg"/> <input type="hidden" id="CNP09c5od" value="/resources/theme/v2/images/event/2.jpg"/> <input type="hidden" id="CNPe11y5c" value="/resources/theme/v2/images/event/9.jpg"/> <input type="hidden" id="CNPokabjm" value="/resources/theme/v2/images/event/30.jpg"/> <input type="hidden" id="CNPmfskyu" value="/resources/theme/v2/images/event/20.jpg"/> <input type="hidden" id="CNP18biiq" value="/resources/theme/v2/images/event/12.jpg"/> <input type="hidden" id="CNPmvbf3l" value="/resources/theme/v2/images/event/31.jpg"/> <input type="hidden" id="CNP2wsdrm" value="/resources/theme/v2/images/event/28.jpg"/> <input type="hidden" id="CNP7gsazt" value="/resources/theme/v2/images/event/26.jpg"/> <input type="hidden" id="CNPg8me67" value="/resources/theme/v2/images/event/14.jpg"/> <input type="hidden" id="CNP75wu2z" value="/resources/theme/v2/images/event/29.jpg"/> <input type="hidden" id="CNP97iwrz" value="/resources/theme/v2/images/event/27.jpg"/> <input type="hidden" id="CNPnpbfuz" value="/resources/theme/v2/images/event/25.jpg"/> <input type="hidden" id="CNP3r7zs1" value="/resources/theme/v2/images/event/32.jpg"/> <input type="hidden" id="CNPfztlks" value="/resources/theme/v2/images/event/13.jpg"/> <input type="hidden" id="CNP8j7w39" value="/resources/theme/v2/images/event/15.jpg"/> <input type="hidden" id="TCPqu384i" value="/resources/theme/v2/images/event/6.jpg"/> <input type="hidden" id="TCPdr6nn0" value="/resources/theme/v2/images/event/16.jpg"/> <input type="hidden" id="TCP6hqs2t" value="/resources/theme/v2/images/event/11.jpg"/> <input type="hidden" id="TCPug150d" value="/resources/theme/v2/images/event/21.jpg"/> <input type="hidden" id="TCPyw61fy" value="/resources/theme/v2/images/event/17.jpg"/> <input type="hidden" id="TCP668j32" value="/resources/theme/v2/images/event/7.jpg"/> <input type="hidden" id="TCPhcg1td" value="/resources/theme/v2/images/event/23.jpg"/> <input type="hidden" id="TCP9xfhqw" value="/resources/theme/v2/images/event/33.jpg"/> <input type="hidden" id="TCPa4udir" value="/resources/theme/v2/images/event/8.jpg"/> <input type="hidden" id="TCP2pvupp" value="/resources/theme/v2/images/event/1.jpg"/> <input type="hidden" id="TCPu1vba8" value="/resources/theme/v2/images/event/18.jpg"/> <input type="hidden" id="TCP2qn4qq" value="/resources/theme/v2/images/event/5.jpg"/> <input type="hidden" id="TCPqsxdzp" value="/resources/theme/v2/images/event/19.jpg"/> <input type="hidden" id="TCPad2n9b" value="/resources/theme/v2/images/event/22.jpg"/> <input type="hidden" id="TCPsrn1p5" value="/resources/theme/v2/images/event/10.jpg"/> <input type="hidden" id="TCP09c5od" value="/resources/theme/v2/images/event/2.jpg"/> <input type="hidden" id="TCPe11y5c" value="/resources/theme/v2/images/event/9.jpg"/> <input type="hidden" id="TCPokabjm" value="/resources/theme/v2/images/event/30.jpg"/> <input type="hidden" id="TCPmfskyu" value="/resources/theme/v2/images/event/20.jpg"/> <input type="hidden" id="TCPy0v1xv" value="/resources/theme/v2/images/event/4.jpg"/> <input type="hidden" id="TCP18biiq" value="/resources/theme/v2/images/event/12.jpg"/> <input type="hidden" id="TCPmvbf3l" value="/resources/theme/v2/images/event/31.jpg"/> <input type="hidden" id="TCP2wsdrm" value="/resources/theme/v2/images/event/28.jpg"/> <input type="hidden" id="TCP7gsazt" value="/resources/theme/v2/images/event/26.jpg"/> <input type="hidden" id="TCPg8me67" value="/resources/theme/v2/images/event/14.jpg"/> <input type="hidden" id="TCP75wu2z" value="/resources/theme/v2/images/event/29.jpg"/> <input type="hidden" id="TCPnpbfuz" value="/resources/theme/v2/images/event/25.jpg"/> <input type="hidden" id="TCP3r7zs1" value="/resources/theme/v2/images/event/32.jpg"/> <input type="hidden" id="TCP97iwrz" value="/resources/theme/v2/images/event/27.jpg"/> <input type="hidden" id="TCPfztlks" value="/resources/theme/v2/images/event/13.jpg"/> <input type="hidden" id="TCP8j7w39" value="/resources/theme/v2/images/event/15.jpg"/> <input type="hidden" id="RUPqsxdzp" value="/resources/theme/v2/images/event/19.jpg"/> <input type="hidden" id="RUPfztlks" value="/resources/theme/v2/images/event/13.jpg"/> <input type="hidden" id="RUP97iwrz" value="/resources/theme/v2/images/event/27.jpg"/> <div class="swiper-slide"> <a href="/exhibition/legrandtheatre2024/ENP5h6ubl" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241127/1127113534328-2446d457e66d4ac9b616901814dbac5b.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>The Hyundai Seoul's Christmas 'H Village'</strong> <em class="date"> 2024.11.01 ~ 2024.12.31</em> <em>The Hyundai Seoul 5F Sound Forest</em> </dt> <dd> <p>LE GRAND THEATRE Harry's Christmas Show</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-TheBaek-Ja/ENPpx5985" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241125/1125171234006-0925d7a2cd5d42688358e70c7e025e90.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Yoo Eui Jeong 《The Baek-Ja 》</strong> <em class="date"> 2024.11.13 ~ 2024.12.21</em> <em>Gallery Jiwooheon</em> </dt> <dd> <p>Gallery Jiwooheon will present a solo exhibition, "The Baek-Ja (The White Porcelain)," by Yoo Eui-Jeong, one of Korea's leading ceramic artists, from November 13 to December 21.</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/events/Lotte-World-Happy-Christmas-Parade/ENPbxy1hw" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241125/1125122151487-b48317130a524dd18dc855b115482bf3.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>Lotte World Happy Christmas Parade</strong> <em class="date"> 2024.11.18 ~ 2024.12.31</em> <em>1F, Lotte World Adventure </em> </dt> <dd> <p>A vibrant Christmas parade where Santa Claus and his elves, straight from the dreamlike Santa Land, dance and sing, bringing gifts of dreams and love. </p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/events/2024CultureFlowsatSeoulPlaza/ENPe11y5c" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/9.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="/events/2024BuskingAllAroundSeoul/ENPokabjm" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/30.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="/exhibition/2024-seoulsparks/ENPmfskyu" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/20.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>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="/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="/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="/exhibition/2024-bosingak/ENP18biiq" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/12.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>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="/events/2024-hanganghistory/ENP7gsazt" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/26.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="/exhibition/2024-celestialwhisper/ENPg8me67" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/14.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>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="/exhibition/KwonJinKyusForeverHome/ENP8j7w39" target="_self" title="Go to page" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/15.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>  <div class="swiper-pagination swiper-pagination-bullets"></div>  </div>  <div class="nodata-area" style="display: none;"> <div class="nodata-cont"> <div class="nodata-pos"> <i class="ico-calendar"></i> <strong>There are no registered events on that date.</strong> </div> </div> </div>  </div> <div class="btn-block-bottom"> <a href="/exhibition-events"> <em>View more schedules</em> <i class="ico-more"></i> </a> </div> </div> </section>   <section class="section-editor-pick"> <div class="inner-cont"> <div class="section-title"> <em>Don’t miss out on our editor team’s top picks!</em> <h2>Seoulites' Picks</h2> </div> <div class="editor-pick-cont"> <div class="slider-editor-pick">  <div class="swiper-button-prev"><em class="blind">Recommended Slide Previous View</em></div> <div class="swiper-button-next"><em class="blind">Recommended Slide Next View</em></div>  <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="./editorspicks/SeoulCityWallHikingTrail/ENNpxjh2o" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20241118/1118192803578-fbead3cb8c814c5eaab0bb2f5373795b.png" alt="" /> </div> </div> <div class="text-cont"> <h4>Seoul’s Timeless Wall: An Autumn Journey Every Traveler Should Take</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./editorspicks/seosulla-gil-tour/ENNhfs2v0" > <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>Seoul's Fall Escape</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./editorspicks/A-Beautiful-Autumn-Stroll-for-the-Perfect-Breakup/ENN7vdlw8" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20241022/1022171455530-373c292f3b5740fea0fc5afdb1dae24c.png" alt="" /> </div> </div> <div class="text-cont"> <h4>A Beautiful Autumn Stroll for the Perfect Breakup</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./editorspicks/Ikseon-dong-Where-Tradition-Meets-Trend-in-the-Heart-of-Seoul/ENNmc5wkd" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20241007/1007114924263-d9f5a2e180a043aeb4dfa71fffdf1b78.png" alt="" /> </div> </div> <div class="text-cont"> <h4>Ikseon-dong: Where Tradition Meets Trend in the Heart of Seoul</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./editorspicks/Feel-Soul-Good/ENNfpya6a" > <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! Global Fans’ Top Picks for Romance, Food, and Adventure</h4> </div> </div> </a> </div> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> </div> </div> </section>   <section class="section-banner"> <div class="inner-cont"> <div class="banner-cont"> <div class="slider-banner">  <div class="swiper-button-prev"><em class="blind">Banner Slide Previous View</em></div> <div class="swiper-button-next"><em class="blind">Banner Slide Next View</em></div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://english.visitseoul.net/event/2024-survey-en/ENN0zyh2f" target="_self" title="Go to page" > <img src="/data/MEDIA/20241118//1118185645893-a169f62c79194eb4b70a33d380be5070.jpg" alt="2024 홈페이지 사용자 만족도 조사"> </a> </div> <div class="swiper-slide"> <a href="https://english.visitseoul.net/partners-en/seoul-goods" target="_blank" title="open new window" > <img src="/data/MEDIA/20240604//0604211542697-25c6680b2d9b4174b9402733e3476dcd.jpg" alt="SEOUL SOUL GIFTS SEOUL MY SOUL"> </a> </div> <div class="swiper-slide"> <a href="https://www.seoulculturelounge.com/?lang=en" target="_blank" title="open new window" > <img src="/data/MEDIA/20240624//0624175250993-0228f191c1aa4894a567e60e141225fe.jpg" alt="SEOUL MY SOUL logo / sto서울관광재단 SEOUL TOURISM ORGANIZATION logo / Seoul Culture Lounge / Seoul Culture Lounge/ A space where you can experience various charms of Korean culture "> </a> </div> <div class="swiper-slide"> <a href="https://www.discoverseoulpass.com" target="_blank" title="open new window" > <img src="/data/MEDIA/20240628//0628165153911-5d8bb4e4347b411fab5d1a0c9aa7a87b.png" alt="Tourist Pass for Foreigners, Discover Seoul Pass / Discover Seoul in 120 Hours"> </a> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> </div> </div> </section>   <section class="section-recommendations"> <div class="inner-cont"> <div class="section-title"> <em> <span class="change-word-break">Services to make your trip to Seoul</span> <span class="change-word-break">more enjoyable</span> </em> <h2>Recommendations</h2> </div> <div class="slider-recommendations"> <div class="slider-group"> <div class="slider-info">  <div class="swiper-pagination swiper-pagination-fraction swiper-pagination-horizontal"> <span class="swiper-pagination-current"></span> / <span class="swiper-pagination-total"></span> </div>  <div class="text-cont"></div>  <div class="slider-controls"> <div class="swiper-button-prev"> <em class="blind">Recommended Slide Previous View</em> </div> <div class="swiper-button-next"> <em class="blind">Recommended Slide Next View</em> </div> </div>  </div> <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" data-slide-idx="1"> <div class="slide-item"> <a href="https://www.discoverseoulpass.com" target="_blank" title="open a new window"> <div class="thumb-cont"> <img src="/data/MEDIA/20240705//0705092110870-3d39c51e3a3f4d2191d8977dae813367.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>View more</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>DISCOVER SEOUL PASS</h4> <p>One Pass, Easy 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="open a new window"> <div class="thumb-cont"> <img src="/data/MEDIA/20240906//0906081116653-fec2bb376b484846b3dd5f6570d043d1.jpg" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>View more</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>One More Trip</h4> <p>Seoul's Official Local Tour & Experience Guide</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="go to page"> <div class="thumb-cont"> <img src="/data/MEDIA/20240906//0906081335878-2c5e2b3434d14e779726cf77c285b0ce.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>View more</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>Tickets and Offers</h4> <p>Ticketing for Hallyu performances and more</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="go to page"> <div class="thumb-cont"> <img src="/data/MEDIA/20230523//0523142830230-194853631182411a8d07d32ccbd46de7.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>View more</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>Seoul Guided Walking Tour</h4> <p>Walking tours led by tour guides</p> </div> </a> </div> </div>  <div class="swiper-slide" data-slide-idx="1"> <div class="slide-item"> <a href="https://www.discoverseoulpass.com" target="_blank" title="open a new window"> <div class="thumb-cont"> <img src="/data/MEDIA/20240705//0705092110870-3d39c51e3a3f4d2191d8977dae813367.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>View more</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>DISCOVER SEOUL PASS</h4> <p>One Pass, Easy 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="open a new window"> <div class="thumb-cont"> <img src="/data/MEDIA/20240906//0906081116653-fec2bb376b484846b3dd5f6570d043d1.jpg" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>View more</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>One More Trip</h4> <p>Seoul's Official Local Tour & Experience Guide</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="go to page"> <div class="thumb-cont"> <img src="/data/MEDIA/20240906//0906081335878-2c5e2b3434d14e779726cf77c285b0ce.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>View more</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>Tickets and Offers</h4> <p>Ticketing for Hallyu performances and more</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="go to page"> <div class="thumb-cont"> <img src="/data/MEDIA/20230523//0523142830230-194853631182411a8d07d32ccbd46de7.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>View more</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>Seoul Guided Walking Tour</h4> <p>Walking tours led by tour guides</p> </div> </a> </div> </div>  </div> </div> </div> </div> </div> </div> </section>     <section class="section-sns"> <div class="section-title"> <em>connect with us</em> <h2>Social Media Channels</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="open new window"> <h3>Youtube</h3> </a> </div> <div class="slider-sns-yt">  <div class="swiper-button-prev"><em class="blind">Visit Seoul TV Previous Slide</em></div> <div class="swiper-button-next"><em class="blind">Visit Seoul TV Next Slide</em></div>  <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slide-item"> <div class="thumb-cont"> <a href="https://youtu.be/gMNFLAO_hZw?feature=shared" target="_blank" title="Open new window for Youtube page" > <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="Open new window for Youtube page" > <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="Open new window for Youtube page" > <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="Open new window for Youtube page" > <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="Open new window for Youtube page" > <img class="sns-yt-img" src="/data/MEDIA/20240716//0716124256811-01e6f355da464196b2c2dd164ef01a68.png" alt="" /> <img class="sns-yt-img-mo" src="/data/MEDIA/20240716//0716124256811-01e6f355da464196b2c2dd164ef01a68.png" alt="" style="display: none;" /> <div class="thumb-mask"> <div class="thumb-text"> <h3>SEOULDAL</h3> <div class="info-cont"> <div class="info-title">VisitSeoul TV</div> <div class="info-num"> <span class="view-cont"> <i class="ico-view"><em class="blind">Views</em></i> <span class="view" id="tvView5">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">likes</em></i> <span class="like" id="tvLike5">0</span> </span> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> </div> </div>  <div class="sns-instar-cont"> <div class="inner-cont"> <div class="cont-title"> <a href="https://www.instagram.com/visitseoul_official" target="_blank" title="open new window"> <h3>Instagram</h3> </a> </div> <div class="slider-sns-instar">  <div class="swiper-button-prev"> <em class="blind">sns Instagram 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">sns Instagram 슬라이드 다음보기</em> </div>  <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.instagram.com/reel/DC05anzviZ1/" 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/468233098_18436981819073038_8794616046631339937_n.jpg?_nc_cat=103&ccb=1-7&_nc_sid=18de74&_nc_ohc=UIgvZKVdx00Q7kNvgH7vJFE&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=AD13cN-YNAznYLaofUAjXom&oh=00_AYDRumwiAcHUDBYuSoQLzAr_OuUh1oCtxk24gw2OV4ANLg&oe=674D511D" alt="" /> </div> <div class="text-cont"> <h4>visitseoul_official</h4> <p> 𝔚𝔞𝔩𝔨 & 𝔗𝔞𝔩𝔨 𝔦𝔫 𝔖𝔢𝔬𝔲𝔩. Voting for creator team2‘s videos ends on Nov 28! Did you enjoy Chambo’s engaging conversations with locals in Seoul‘s traditional markets and streets? Check out the Nov 22 event post and comment “Chambo” to submit! #WalkandTalk #VisitSeoul #Streetinterview #Collab #Seoul #SeoulTourismOrganization</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.instagram.com/reel/DC046x8vj_w/" 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/468526729_18436981456073038_8573293144758686304_n.jpg?_nc_cat=104&ccb=1-7&_nc_sid=18de74&_nc_ohc=_V_5UiCR84UQ7kNvgFGjJjG&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=AD13cN-YNAznYLaofUAjXom&oh=00_AYBsqybc4WsfUY697E7hfOnvI1Z4VkktfyCHGJm_6DRAgw&oe=674D4F7E" alt="" /> </div> <div class="text-cont"> <h4>visitseoul_official</h4> <p> 𝔚𝔞𝔩𝔨 & 𝔗𝔞𝔩𝔨 𝔦𝔫 𝔖𝔢𝔬𝔲𝔩. Which content stole your heart? Is Oh, My Friend street interviews on Seoul‘s fashion, riverside bites, and cafe vibes the winner for you? Check out the Nov 22 event post and comment “Oh My Friend” to submit! #WalkandTalk #VisitSeoul #Streetinterview #Collab #Seoul #SeoulTourismOrganization</p> </div> </div> </a> </div> <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=48adZH2hKtUQ7kNvgHvVA04&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=AD13cN-YNAznYLaofUAjXom&oh=00_AYChINxqvUnfRhI-bDfhgfBpkdf-8K8_T13PtyuPHkxMAg&oe=674D4D4E" 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=cLSUfs1dg8cQ7kNvgGjBSwW&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=AD13cN-YNAznYLaofUAjXom&oh=00_AYBtWRdj8_ZdkPc29Z7XUwxmAdI2F6hzuGCv0sW8B21yHw&oe=674D5020" 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=eRPPiiQvYpkQ7kNvgHqIHR2&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=AD13cN-YNAznYLaofUAjXom&oh=00_AYCz3NdDWULK3hYYIlBEGEz4twBYqq_Xp489qUeB4Z1bNQ&oe=674D370B" 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=4WGHBuKnAWsQ7kNvgGS5WN8&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=AD13cN-YNAznYLaofUAjXom&oh=00_AYBgf2WBstCYE3SsS-o0LQeNLz9_rB3PtY4WR9VXkk4OOQ&oe=674D5710" 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> </div> </div>  <div class="swiper-pagination"></div>  </div> </div> </div> </section>  </div> <script> $(document).ready(function() { var isMobile = window.innerWidth <= 768; // 슬라이더 선택자 var $sliderMainVisual = ".slider-main-visual .swiper-container"; var $sliderEventCalendar = ".slider-event-calendar .swiper-container"; var $sliderEventCalendarMo = ".slider-event-calendar--mo .swiper-container"; var $sliderEvent = ".slider-event .swiper-container"; var $sliderExplore = ".slider-explore .swiper-container"; var $sliderEditorPick = ".slider-editor-pick .swiper-container"; var $sliderBanner = ".slider-banner .swiper-container"; var $sliderTravel = ".slider-travel .swiper-container"; var $sliderSnsYt = ".slider-sns-yt .swiper-container"; var $sliderSnsInstar = ".slider-sns-instar .swiper-container"; var $sliderRecommendations = ".slider-recommendations .swiper-container"; // 다국어 var selectedDate = null; // ------------------------------ // section-main-visual // ------------------------------ /* sliderMainVisual */ var _sliderMainVisual; if ($sliderMainVisual.length > 0) { var $sliderMainVisualProgressLine = $('.slider-main-visual').find('.autoplay-progress > svg'); var sliderMainVisualOptions = { observer: true, observeParents: true, loop: true, effect: 'fade', spaceBetween: 0, slidesPerView: 1, centeredSlides: false, speed: 1000, watchOverflow: true, autoplay: { delay: 4000, disableOnInteraction: false, }, navigation: { prevEl: ".slider-main-visual .swiper-button-prev", nextEl: ".slider-main-visual .swiper-button-next", }, pagination: { el: ".slider-main-visual .swiper-pagination", clickable: false, type: "custom", renderCustom: function(swiper, current, total) { return '<span class="current">' + (current).toString().padStart(2, '0') + '</span>' + '<span class="total">' + total.toString().padStart(2, '0') + '</span>'; /*return `<span class="current"></span><span class="total"></span>`;*/ } }, on: { init: function () { // setTimeout(function () { // setActiveFocusSliderMainVisual(); // setMainVisualStopPlay(_sliderMainVisual); // }, 200); setToggleClassSliderMainVisual(); setActiveFocusSliderMainVisual(); setMainVisualStopPlay(this); }, slideChangeTransitionEnd: function () { setToggleClassSliderMainVisual(); setActiveFocusSliderMainVisual(); }, autoplayTimeLeft: function(s, time, progress) { if (s.slides.length === 1) { $sliderMainVisualProgressLine.get(0).style.setProperty('--progress', '1'); } else { $sliderMainVisualProgressLine.get(0).style.setProperty('--progress', 1 - progress); } } }, }; /* Swiper 인스턴스 생성 */ _sliderMainVisual = new Swiper('.slider-main-visual .swiper-container', sliderMainVisualOptions); // 슬라이드 이미지 셋팅 updateSliderMainVisualImages(); // ------------------------------ function setToggleClassSliderMainVisual() { $(".slider-main-visual").find(".swiper-slide").each(function (idx, item) { if ($(item).hasClass("swiper-slide-active")) { $(item).addClass("bg-transform-scale"); } else { $(item).removeClass("bg-transform-scale"); } }); } function setActiveFocusSliderMainVisual() { $(".slider-main-visual").find(".swiper-slide").each(function (idx, item) { if ($(item).hasClass("swiper-slide-active")) { $(item).find(".title-cont > a").attr("tabindex", "0"); $(item).find(".title-cont > a").attr("aria-hidden", "false"); } else { $(item).find(".title-cont > a").attr("tabindex", "-1"); $(item).find(".title-cont > a").attr("aria-hidden", "true"); } }); } function setMainVisualStopPlay(_sliderMainVisual) { $(".slider-main-visual").find(".btn-autoplay").on("click", function () { if ($(this).hasClass("pause")) { $(this).removeClass("pause"); $(this).find("em").text("일시정지"); _sliderMainVisual.autoplay.start(); } else { $(this).addClass("pause"); $(this).find("em").text("재생"); _sliderMainVisual.autoplay.stop(); } }); } function updateSliderMainVisualImages() { // 키비주얼 모바일 이미지 변경 $('.slider-main-visual .swiper-slide .slide-bg').each(function(index, element) { var bgImage = $(element).data('webImg'); if (isMobile) { bgImage = $(element).data('moImg'); } $(element).css('background-image', 'url('+bgImage+')'); }); if (isMobile) { // 서울 탐방하기 모바일 이미지 변경 $(".explore-img").hide(); $(".explore-img-mo").show(); // visitseoul TV 모바일 이미지 변경 $(".sns-yt-img").hide(); $(".sns-yt-img-mo").show(); } else { // 서울 탐방하기 웹 이미지 변경 $(".explore-img").show(); $(".explore-img-mo").hide(); // visitseoul TV 웹 이미지 변경 $(".sns-yt-img").show(); $(".sns-yt-img-mo").hide(); } } } // ------------------------------ // section-event // ------------------------------ /* sliderEventCalendar */ var _sliderEventCalendar; if ($sliderEventCalendar.length > 0) { var sliderEventCalendarOptions = { observer: true, observeParents: true, loop: false, spaceBetween: 0, slidesPerView: 1, centeredSlides: false, speed: 400, watchOverflow: true, // 슬라이드가 1개 일 때 조작여부, 페이징버튼 숨김 여부 설정 // autoplay: { // delay: 4000, // disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) // }, touchRatio: true, navigation: { prevEl: ".slider-event-calendar .swiper-button-prev", nextEl: ".slider-event-calendar .swiper-button-next", }, // breakpoints: { // 768: { // spaceBetween: 10, // slidesPerView: 14, // 768px 이상에서는 3개의 슬라이드 표시 // }, // 1350: { // spaceBetween: 0, // slidesPerView: 14, // 1350px 이상에서는 4개의 슬라이드 표시 // // slidesPerView:'auto' // } // }, on: { init: function () { setTimeout(function() { setActiveFocusSliderEventCalendar(); }, 200); }, slideChangeTransitionEnd: function () { setActiveFocusSliderEventCalendar(); var eLen = '26'; 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>   <footer class="footer"> <div class="footer-inner">  <div class="footer-group-01"> <div class="row logo"> <span>  <a class="btn-sto" href="http://www.sto.or.kr" target="_blank" title="Seoul Tourism Organization"> <i class="ico-sto"><em class="blind">STO SEOUL TOURISM ORGANIZATION</em></i> </a> </span> <span> <a class="btn-seoulMySoul" href="https://english.seoul.go.kr/" target="_blank" title="The Seoul Metropolitan Government"> <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="Privacy Statementopen new window"><b>Privacy Statement</b></a> </span> <span> <a class="btn-announcements" href="/announcements" title="Announcement"><b>Announcement</b></a> </span> </div> </div>  <div class="footer-group-02"> <div class="row"> <dl> <dt>Operating Hours/Time</dt> <dd> <span>Mon – Fri, 9 a.m. – 6 p.m. (KST)</span> <span> <a class="btn-link" href="mailto:staff@visitseoul.net" title="Operate external mail delivery system in a new window">staff@visitseoul.net</a> </span> </dd> </dl> <dl> <dt>Inquiry</dt> <dd> <span> <a class="btn-info" href="/tourist-complaint-center" target="_blank" title="Tourist Complaint Center"> <em>Tourist Complaint Center</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="Open new window for General Tourism Inquiries"> <em>General Tourism Inquiries 1330</em> <i class="ico-more"></i> </a> </span> </dd> </dl> </div> <div class="row"> <dl> <dt>The new official Seoul travel app</dt> <dd> <span> <a class="btn-info" href="https://itunes.apple.com/app/i-tour-seoul/id360156429" target="_blank" title="app store open new window"> <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 open new window"> <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="Open new window for Visit Seoul Facebook page"> <i class="ico-fb"></i> </a> <a class="btn-instar" href="https://www.instagram.com/visitseoul_official/" target="_blank" title="Open new window for Visit Seoul Instagram page"> <i class="ico-instar"></i> </a> <a class="btn-yt" href="https://www.youtube.com/user/visitseoul" target="_blank" title="Open new window for Visit Seoul Youtube page"> <i class="ico-yt"></i> </a> </dd> </dl> </div> <div class="row copyright"> <span>6F, 85, Cheonggyecheon-ro, Jongno-gu, Seoul, Republic of Korea</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 / Personal Information & Information Security Management System</em> </i> </dt> <dd> Personal information & Information<br> Security Management System</dd> </dl> <dl> <dt> <i class="ico-webacc"> <em class="blind">Ministry of Science and ICT WA (Web Accessibility)Quality Certification Mark, WebWatch 2024.7.9 ~ 2025.7.8</em> </i> </dt> <dd> Web Accessibility<br> Quality Mark</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>  <div class="mask-layer"></div> <div class="mask-layer--search"></div>   <script> $(document).ready(function() { if(location.pathname === "/AboutSeoul"){ $('.main--renewal-2024').removeClass('no-sub-visual'); } }); </script>  </div> <script> $(window).load(function () { if (navigator.userAgent.indexOf("Trident") > 0) { $('.info-IE').css('display', 'block'); window.location.href = 'microsoft-edge:' + location.href; } else if (/MSIE \d |Trident.*rv:/.test(navigator.userAgent)) { $('.info-IE').css('display', 'block'); window.location.href = 'microsoft-edge:' + location.href; } }); </script> <script> </script>  <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=281238195644628&ev=PageView&noscript=1" alt=""/> </noscript> <script type="text/javascript"> (function(w, d, a){ w.__beusablerumclient__ = { load : function(src){ var b = d.createElement("script"); b.src = src; b.async=true; b.type = "text/javascript"; d.getElementsByTagName("head")[0].appendChild(b); } };w.__beusablerumclient__.load(a + "?url=" + encodeURIComponent(d.URL)); })(window, document, "//rum.beusable.net/load/b220330e163642u911"); </script> </body> </html>

CINXE.COM

Welcome to Seoul, Visit Seoul | The Official Travel Guide to Seoul