CINXE.COM
ソウル旅行の全て, Visit Seoul | ソウル市観光情報公式ウェブサイト
<!DOCTYPE html> <html lang="ja" class="ja 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://japanese.visitseoul.net/" hreflang="ja"/> <link rel="shortcut icon" href="/resources/theme/basic/assets/images/img/Favicon.png?bust=20240828_1" type="image/x-icon"/> <link rel="icon" href="/resources/theme/basic/assets/images/img/Favicon.png?bust=20240828_1" type="image/x-icon"/> <!-- 2023-05-19 GA태그 추가 --> <meta name="google-site-verification" content="sYnH8PZmEBBwuhhJNFmrXl41Apf9Wq1URoNIdZ_O17s" /> <!-- 2022-04-01 [해리] 비짓서울 웹사이트 스크립트 수정 가이드에 따라 적용. ( kjksds ) --> <!-- 2022-10-06 SEO컨설팅내용 적용. --> <meta property="og:locale" content="ja_JP"/> <!-- Google Tag Manager --> <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-T52M6KD');</script> <!-- End Google Tag Manager --> <!-- 2022-04-01 [해리] 비짓서울 웹사이트 스크립트 수정 가이드에 따라 적용.(여기까지) --> <!-- 20220727 게시판등록 게시물의 경우 meta정보가 잘못 세팅되어 다시 강제 설정.(Interceptor에서 잘못 세팅 하고 있음) --> <title>ソウル旅行の全て, Visit Seoul | ソウル市観光情報公式ウェブサイト</title> <!-- 2022-04-01 [해리] 네이버, 얀덱스, 빙 검색엔진 SEO도구에서 웹사이트를 인증하기 위해 적용. ( kjksds ) --> <!-- Naver Search Advisor --> <meta name="naver-site-verification" content="987333791fa15406593078284f8381e05e057cd3"/> <!-- Bing Web Master --> <meta name="msvalidate.01" content="C78695BE1ACBC96EE23961DE4222337D"/> <!-- 2022-04-01 [해리] 네이버, 얀덱스, 빙 검색엔진 SEO도구에서 웹사이트를 인증하기 위해 적용.(여기까지) --> <!-- 유튜브 아웃링크 인증 메타 --> <meta name="google-site-verification" content="m0f04BF8bnv1rvaYliEU04BW51v3-KxPYOkQyIwLU4U"/> <meta name="google-site-verification" content="rSD5SoJcySIvcHVXRGwBEJN8M77yTv53CN7oNC4Trs0"/> <meta name="google-site-verification" content="UMNHumGYbU6d_EyVgcbZ1Pc3hAQptLkbygD2BUGauoQ"/> <meta name="google-site-verification" content="b97U1yfaGStqdsrQaGAUVbGu1wqNuMl438WLv_XJxpY"/> <meta name="google-site-verification" content="unRPtvO5eLzA6Ik6C0kAA6HPYxW9pfrFYCDJ0oxbhhY"/> <!-- 2023-06-08 비짓서울 국문 및 영문 페이지에 Bing 웹마스터 도구 HTML 태그 삽입 --> <!-- 중문 간체 페이지의 바이두 웹마스터도구 등록 --> <meta name="baidu-site-verification" content="codeva-FDJWprEhMq" /> <meta name="title" content="ソウル旅行の全て, Visit Seoul | ソウル市観光情報公式ウェブサイト"> <meta name="description" content="ソウルの名所・グルメ・カフェ・ホテル・祝祭・公演の情報や、娯楽・交通アクセス・ガイドブック・地図(マップ)までいろいろ!ソウル旅行に役立つ各種の観光情報が盛り沢山!ニーズに合わせた数々のソウル旅行情報をご覧いただけます。ソウル観光財団 Visit Seoul 提供"> <meta name="keywords" content="ソウル旅行"> <meta name="WT.ti" content="Home"/> <meta name="google-site-verification" content="UZw3qMdR5_zNpgL56d-T60eQhDo3tjk-q0eqKlJ1SwI"/> <meta property="og:type" content="Website"> <meta property="og:title" content="ソウル旅行の全て, Visit Seoul"> <meta property="og:description" content="ソウルの名所・グルメ・カフェ・ホテル・祝祭・公演の情報や、娯楽・交通アクセス・ガイドブック・地図(マップ)までいろいろ!ソウル旅行に役立つ各種の観光情報が盛り沢山!ニーズに合わせた数々のソウル旅行情報をご覧いただけます。ソウル観光財団 Visit Seoul 提供"> <meta property="og:image" content="http://japanese.visitseoul.net/resources/theme/images/img/visitseoul_sns_20241127.png"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@VisitSeoul"> <meta name="twitter:creator" content="@VisitSeoul"> <meta name="twitter:title" content="ソウル旅行の全て, Visit Seoul"> <meta name="twitter:description" content="ソウルの名所・グルメ・カフェ・ホテル・祝祭・公演の情報や、娯楽・交通アクセス・ガイドブック・地図(マップ)までいろいろ!ソウル旅行に役立つ各種の観光情報が盛り沢山!ニーズに合わせた数々のソウル旅行情報をご覧いただけます。ソウル観光財団 Visit Seoul 提供"> <meta name="twitter:image" content="http://japanese.visitseoul.net/resources/theme/images/img/visitseoul_sns_20241127.png"> <!-- 2022-10-06 SEO컨설팅내용 적용. --> <link rel="alternate" hreflang="ko" href="https://korean.visitseoul.net/index"/> <link rel="alternate" hreflang="en" href="https://english.visitseoul.net/index"/> <link rel="alternate" hreflang="ja" href="https://japanese.visitseoul.net/index"/> <link rel="alternate" hreflang="zh-CN" href="https://chinese.visitseoul.net/index"/> <link rel="alternate" hreflang="zh-TW" href="https://tchinese.visitseoul.net/index"/> <link rel="alternate" hreflang="ru" href="https://russian.visitseoul.net/index"/> <link rel="alternate" hreflang="ms-MY" href="https://malay.visitseoul.net/index"/> <link rel="alternate" hreflang="x-default" href="https://www.visitseoul.net/index"/> <link rel="stylesheet" href="/resources/theme/plugin/ionicons-2.0.1/css/ionicons.min.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/plugin/jquery.bxslider/jquery.bxslider.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/plugin/jquery-ui-1.11.4/jquery-ui.min.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/plugin/lightGallery/dist/css/lightgallery.css?bust=20221228_01"/> <link rel="stylesheet" href="/resources/theme/style/base.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/sub.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/print.css?bust=20241025" media="print"/> <link rel="stylesheet" href="/resources/theme/style/guidebook.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/se_contents.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/mayday_sub_ja.css?20221228_01"/> <script> const sessionId = '8920C2B68321C9D4F598FB2B4A40719B.tomcat2'; const ipAddr = '8.222.208.146'; </script> <script src="/resources/theme/plugin/jquery-1.11.3.min.js"></script> <script src="/resources/theme/plugin/jquery-ui-1.11.4/jquery-ui.min.js"></script> <script src="/resources/theme/plugin/jquery.touchToscroll.js"></script> <script src="/resources/theme/plugin/jquery.validate/jquery.validate.min.js"></script> <script src="/resources/theme/plugin/jquery.cookie.js"></script> <script src="/resources/theme/plugin/jquery.printElement.js"></script> <script src="/resources/theme/plugin/jquery.validate/localization/messages_ja.js"></script> <script src="/resources/theme/plugin/jquery.bxslider/jquery.bxslider.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lightgallery.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-fullscreen.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-thumbnail.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-video.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-autoplay.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-zoom.js"></script> <script src="/resources/theme/plugin/lightGallery/dist/js/lg-pager.js"></script> <script src="/resources/theme/plugin/lightGallery/lib/jquery.mousewheel.min.js"></script> <script src="/resources/theme/plugin/masonry.pkgd.min.js"></script> <!--[if lt IE 9]> <link rel="stylesheet" href="/resources/theme/style/iecompatibility.css" /> <script src="/resources/theme/plugin/html5shiv.min.js"></script> <script src="/resources/theme/plugin/selectivizr.js"></script> <script src="/resources/theme/plugin/respond.min.js"></script> <![endif]--> <script src="/resources/theme/script/visit.seoul.custom.class.js"></script> <script src="/resources/theme/script/visit.seoul.function.js"></script> <script src="/resources/theme/script/visit.seoul.indexeddb.js"></script> <script src="/resources/theme/script/jquery.validation.rule.js"></script> <script src="/resources/theme/script/common.js?bust=20240829"></script> <script src="/resources/theme/plugin/owlCarousel/owl.carousel.js"></script> <link rel="stylesheet" href="/resources/theme/plugin/owlCarousel/owl.carousel.min.css"/> <link rel="stylesheet" href="/resources/theme/plugin/owlCarousel/owl.theme.default.min.css"/> <!-- 2022추가 --> <script src="/resources/theme/plugin/animated-event-calendar/jquery.simple-calendar.js?bust=20230925_01"></script> <link type="text/css" rel="stylesheet" href="/resources/theme/plugin/animated-event-calendar/simple-calendar.css?bust=20231218_01" class="css"> <!-- 2021추가 --> <script src="/resources/theme/plugin/imageMapResizer/imageMapResizer.js?bust=20221228_01"></script> <script src="/resources/theme/plugin/circleProgress/circle-progress.js?bust=2022128_01"></script> <link type="text/css" rel="stylesheet" href="/resources/theme/style/2021/safe_caster.css?bust=20240827" class="css"> <!--2020추가--> <!-- 2024-08-08 [해리] About Seoul swiper 적용 안되게 --> <!-- 202408//(Ina) main--renewal-2024 메인개편 plugin 추가 --> <script src="/resources/theme/plugin/swiper/swiper-11.1.9/swiper-bundle.min.js"></script> <script src="/resources/theme/plugin/imagesloaded-4.1.4/imagesLoaded.min.js"></script><!-- 202408//(Ina) main--renewal-2024 메인개편 plugin 추가 --> <script src="/resources/theme/plugin/gsap-3.12.5/gsap.min.js"></script><!-- 202408//(Ina) main--renewal-2024 메인개편 plugin 추가 --> <!-- 20221130//(Ina)메인개편이후 파일명 common.js으로 변경예정 --> <link type="text/css" rel="stylesheet" href="/resources/theme/style/2020/common.css?bust=20240905" class="css"> <link type="text/css" rel="stylesheet" href="/resources/theme/style/2020/main.css?bust=20240829" class="css"> <!-- 2024-08-08 [해리] About Seoul swiper 적용 안되게 --> <link type="text/css" rel="stylesheet" href="/resources/theme/style/2020/swiper.min.css?bust=20221228_01" class="css"> <link rel="stylesheet" href="/resources/theme/plugin/font-awesome-4.7.0/css/font-awesome.css"> <!-- 2019추가 --> <link rel="stylesheet" href="/resources/theme/style/2019/animate.css?bust=20221228_01"/> <!-- 202009//(Ina)MALAY추가(s) --> <link type="text/css" rel="stylesheet" href="/resources/theme/style/malay/common.css?bust=20240829"> <link type="text/css" rel="stylesheet" href="/resources/theme/style/malay/sub.css?bust=20231218_01"> <!-- 2020 무슬림 추가 --> <script> var showText = 'コンテンツの表示'; var hideText = 'コンテンツの非表示'; var alltext = 'すべてコンテンツ'; var lessText = 'コンテンツの非表示'; </script> <script src="/resources/theme/script/content.js?bust=20240808_1"></script> <link rel="stylesheet" href="/resources/theme/v2/style/common.css?bust=20241106"> <link rel="stylesheet" href="/resources/theme/v2/style/main.css?bust=20241010"> <link rel="stylesheet" href="/resources/theme/v2/style/content.css?bust=20241025_5"> <script src="/resources/theme/plugin/jquery.tmpl.js"></script> <!-- 2024-08-07 [해리] About Seoul js --> <!-- 2024-08-07 [해리] About Seoul js --> <!-- 2024-08-07 [해리] About Seoul css --> <script src="/resources/theme/v2/script/ui.js?bust=20240912"></script> <!--[if gte IE 9]> <style> .box-side-banner .item .mask { filter: none !important; } </style> <![endif]--> <script type="application/ld+json">{ "@context": "http://schema.org", "@type": "Organization", "name": "Visit Seoul", "url": "https://japanese.visitseoul.net", "logo": "https://korean.visitseoul.net/comm/getImage?srvcId=MEDIA&parentSn=49029&fileTy=MEDIA&fileNo=1", "sameAs": [ "https://www.instagram.com/visitseoul_official_jp", "https://www.facebook.com/VisitSeoul.JP", "https://twitter.com/VisitSeoul_JP", "https://www.youtube.com/c/VisitSeoulTV" ] }</script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "WebSite", "url": "https://japanese.visitseoul.net/", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://japanese.visitseoul.net/search?lang=ja&searchTerm={search_term_string}" }, "query-input": "required name=search_term_string" } }</script> <!-- Facebook Pixel Code --> <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '281238195644628'); fbq('track', 'PageView'); </script> <!-- End Facebook Pixel Code --> <!-- 2023-05-23 GA 스크립트 추가 --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-3F5B4C83HL"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3F5B4C83HL'); </script> <!-- 대한항공 seoul festa 2023 이벤트 측정 GA ( 20230510 이벤트 종료하여 삭제 처리 )--> <!-- 2022-04-01 [해리] 바이두 검색엔진 SEO도구에서 웹사이트를 인증하기 위해 적용. ( kjksds ) --> <!-- 2022-04-01 [해리] 바이두 검색엔진 SEO도구에서 웹사이트를 인증하기 위해 적용.(여기까지) --> </head> <body > <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-54S2FCJ" height="0" width="0" style="display:none;visibility:hidden"> </iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!-- 2022-04-01 [해리] 비짓서울 웹사이트 스크립트 수정 가이드에 따라 적용. ( kjksds ) --> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T52M6KD" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!-- 2022-04-01 [해리] 비짓서울 웹사이트 스크립트 수정 가이드에 따라 적용.(여기까지) --> <!-- webtrends --> <noscript> </noscript> <!-- //webtrends --> <!-- 2020 웹접근성 --> <!-- 20211104//(Ina)본문 바로가기 링크 순서수정(s) --> <div id="accessibility"> <strong class="hd-element">ナビゲーションをスキップ</strong> <ul> <li><a href="#container"><span>Skip to body</span></a></li> <li><a href="#navigation"><span>メニューのショートカット</span></a></li> </ul> </div> <!-- 20211104//(Ina)본문 바로가기 링크 순서수정(e) --> <div class="wrapper mainWrap main--renewal-2024 mainWrap js-topBanner-active"> <!-- start:header --> <!-- Matomo --> <script> let urlSplit = window.location.href.trim().substring(8, 10); // console.log("substring한 url 어권 데이터는: ", urlSplit); let _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["setDocumentTitle", document.domain + "/" + document.title]); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { let u="https://analytics.visitseoul.net/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '8']); let websiteIdDuplicate; switch (urlSplit){ case "ko": websiteIdDuplicate = 1; break; case "en": websiteIdDuplicate = 2; break; case "ja": websiteIdDuplicate = 3; break; case "ch": websiteIdDuplicate = 4; break; case "tc": websiteIdDuplicate = 5; break; case "ru": websiteIdDuplicate = 6; break; case "ma": websiteIdDuplicate = 7; break; } _paq.push(['addTracker', u+'matomo.php', websiteIdDuplicate]); let d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> <!-- 20231106//(Ina)비짓서울 상단 공지배너 영역 추가(s) --> <div class="top-banner-area info" id="topBannerInfo" style="display:none;height:0px;"> <!-- <div class="top-banner-area info" id="topBannerInfo"> --> <div class="inner-cont"> <div class="top-banner"> <a class="btn-link" href="https://japanese.visitseoul.net/announcements/Visit-Seoul-%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E7%A7%BB%E8%A1%8C%E4%BD%9C%E6%A5%AD%E3%81%AE%E3%81%8A%E7%9F%A5%E3%82%89%E3%81%9B2024%E5%B9%B49%E6%9C%8819%E6%97%A5%E6%9C%A8%E6%9B%9C%E6%97%A5%EF%BD%9E10%E6%9C%8802%E6%97%A5%E6%B0%B4%E6%9B%9C%E6%97%A5/JPB013749?curPage=1 " target="_self" title="ページの移動"> <strong> Visit Seoul クラウド移行作業のお知らせ(2024年9月19日木曜日~10月02日水曜日)</strong> </a> </div> <a class="btn-close" id="topBannerInfoClose" href="javascript:void(0);"> <i class="css-arrow-close"><em class="blind">close</em></i> </a> </div> </div> <!-- 20220809//(Ina)비짓서울 상단 공지배너 영역 추가(e) --> <!-- 20221122//(Ina)쿠키 수집 동의 팝업 영역 추가(s) --> <div class="cookie-popup-area" id="cookiePopup" style="display:none"> <div class="inner-cont"> <div class="text-cont"> <p>VISIT SEOULでは利便性の向上とより良いサービスの提供を 目的としてクッキー(Cookie)を使用しています。</p> <p>サイトの閲覧を続ける場合、クッキー(Cookie)の使用に同意したことになります。</p> </div> <div class="btn-block"> <a href="javascript:void(0);" class="btn-primary" id="btnCookieAgree"> <em>同意する</em> </a> <a href="javascript:void(0);" id="btnCookieDisagree"> <em>拒否する</em> </a> <a href="https://www.sto.or.kr/english/privacy" target="_blank" title="新しいウィンドウを開く"> <em>クッキー(Cookie)情報</em> </a> </div> </div> </div> <!-- 20221122//(Ina)쿠키 수집 동의 팝업 영역 추가(e) --> <!-- 20211207//(Ina)탑배너 영역 추가(s) --> <div class="top-banner-area info-IE" style="display:none;"> <div class="inner-cont"> <div class="top-banner"> <i class="ico-exclamation-mark"></i><strong>このウェブブラウザはもうサポートされません。最適な環境のためEdgeに切り替えます。</strong> </div> </div> </div> <!-- 20211207//(Ina)탑배너 영역 추가(e) --> <!----- 20211012//(Ina)공통 퀵메뉴 추가(s) -----> <!-- *운영서버 반영시 title속성 각 언어권 문구로 들어가야 합니다. .btn-quick-list 퀵메뉴 버튼 title속성 퀵메뉴 영역 열기/닫기 텍스트 동적으로 처리 필요합니다. --> <!-- 퀵메뉴 --> <input type="hidden" id="quick_menu_open" value="クイックメニュー領域を開く" /> <input type="hidden" id="quick_menu_close" value="選択済み クイックメニュー領域を閉じる" /> <div class="quick-menu-cont" style=""> <button type="button" id="btn-quick-list-pc" class="btn-quick-list js-quick-list-btn" title="クイックメニュー領域を開く"> <em class="quick-menu-title">Quick Menu</em> <i class="ico-arrow"></i> </button> <ul class="quick-menu-list"> <li> <a class="div-cell" href="https://japanese.visitseoul.net/editorspicks" target="_self" title="ページの移動"> <i class="ico-editorpick"></i> <em>Editor's Picks</em> </a> </li> <li> <a class="div-cell" href="https://japanese.visitseoul.net/exhibition-events#tabAll&selectedMonth=202411" target="_self" title="ページの移動"> <i class="ico-exhibition"></i> <em>展示/公演/フェスティバル/イベント</em> </a> </li> <li> <a class="div-cell" href="https://japanese.visitseoul.net/safe-travel" target="_self" title="ページの移動"> <i class="ico-smarttrip"></i> <em>スマートな<br/>ソウル旅行</em> </a> </li> <li> <div class="sns-area div-cell"> <div class="pos-cont"> <a href="https://www.instagram.com/visitseoul_official_jp/" target="_blank" title="Visit Seoul Instagramを新しいウィンドウで開く"> <i class="ico-instar"></i> <em class="blind">Instagramロゴアイコン</em> </a> <a href="https://www.youtube.com/user/visitseoul" target="_blank" title="Visit Seoul Youtubeを新しいウィンドウで開く"> <i class="ico-yt"></i> <em class="blind">Youtubeロゴアイコン</em> </a> <a href="https://twitter.com/VisitSeoul_JP " target="_blank" title="Visit Seoul Twitterページの新しいウィンドウを開きます"> <i class="ico-twitter"></i> <em class="blind">Twitterロゴアイコン</em> </a> </div> </div> </li> </ul> </div> <!-- pc(s) --> <!-- 최상단으로 가기(s) --> <button type="button" class="btn-quick-top js-quick-top-btn" title="最上段へ行くこと"> <em class="blind">最上段に行くボタン</em> <i class="ico-arrow"></i> </button> <!-- 최상단으로 가기(e) --> <!-- pc(e) --> <!-- mobile(s) --> <!-- 최상단으로 가기(s) --> <!-- <i class="ico-arrow"></i> --> <!-- </button> --> <!-- 최상단으로 가기(e) --> <!-- 퀵메뉴 - 국/영/일/중 어권(s) --> <div class="quick-menu-cont--mobile" style=""> <div class="dim"></div> <button type="button" id="btn-quick-list-mobile" class="btn-quick-list js-quick-list-btn" title="クイックメニュー領域を開く"> <em class="blind">クイックメニューボタン</em> <i class="ico-arrow"></i> </button> <ul class="quick-menu-list" style=""> <li> <a href="https://japanese.visitseoul.net/editorspicks" target="_self" title="ページの移動"> <div class="text-cont div-cell"> <em>Editor's Picks</em> </div> <div class="ico-cont div-cell"> <i class="ico-editorpick"></i> </div> </a> </li> <li> <a href="https://japanese.visitseoul.net/exhibition-events#tabAll&selectedMonth=202411" target="_self" title="ページの移動"> <div class="text-cont div-cell"> <em>展示/公演/フェスティバル/イベント</em> </div> <div class="ico-cont div-cell"> <i class="ico-exhibition"></i> </div> </a> </li> <li> <a href="https://japanese.visitseoul.net/safe-travel" target="_self" title="ページの移動"> <div class="text-cont div-cell"> <em>スマートな<br/>ソウル旅行</em> </div> <div class="ico-cont div-cell"> <i class="ico-smarttrip"></i> </div> </a> </li> </ul> </div> <!-- 퀵메뉴 - 국/영/일/중 어권(e) --> <!-- mobile(e) --> <!----- 20211012//(Ina)공통 퀵메뉴 추가(e) -----> <!-- header(s) --> <header class="sub" id="navigation"> <div class="main"> <!-- menu-wrap(s) --> <div class="menu-wrap js-menu-wrap--2024"> <div class="pull-left"> <h1> <a href="https://japanese.visitseoul.net"> <span class="hd-element">visitseoul.net</span> </a> </h1> </div> <div class="gnb"> <ul class="gnb-element"> <li> <a href="#none">今のソウル<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">今のソウル</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/exhibition-events">展示/公演/フェスティバル/イベント</a> </li> <li> <a href="/event">Visit Seoul イベント</a> </li> <li> <a href="/curation">MYソウルキュレーション</a> </li> <li> <a href="/archive">ソウル観光アーカイブ</a> </li> </ul> </div> </li> <li> <a href="#none">お勧め旅行情報<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">お勧め<br>旅行情報</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/editorspicks">Editor's Picks</a> </li> <li> <a href="/walking-tour">ソウル徒歩解説観光</a> </li> <li> <a href="/mvp">ソウル観光おすすめテーマコース</a> </li> <li> <a href="/seoul-hiking">ソウル都心登山観光</a> </li> <li> <a href="/hallyu">韓流観光</a> </li> </ul> </div> </li> <li> <a href="#none">旅行スポット<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">旅行スポット</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/attractions">アトラクション</a> </li> <li> <a href="/nature">自然</a> </li> <li> <a href="/entertainment">エンターテインメント</a> </li> <li> <a href="/shopping">ショッピング</a> </li> <li> <a href="/restaurants">食&グルメ</a> </li> <li> <a href="/area">ソウル人気エリア</a> </li> </ul> </div> </li> <li> <a href="#none">旅の計画<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">旅の計画</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/AboutSeoul">About Seoul</a> </li> <li> <a href="/map-guide-book">地図・ガイドブック</a> </li> <li> <a href="/safe-travel">スマートなソウル旅行</a> </li> <li> <a href="/Getting-to-seoul">交通アクセス</a> </li> <li> <a href="/Accommodation"> 宿泊施設</a> </li> <li> <a href="/Before-You-Go">旅行に行く前</a> </li> <li> <a href="/traveler-support">旅行者サポート</a> </li> </ul> </div> </li> </ul> </div> <div class="pull-right"> <div class="weather-area"> <div class="weather-cont"> <!-- *날씨 아이콘 .ico-weather.cloudiness : 구름많음 .ico-weather.cloudy : 흐림 .ico-weather.littleRain : 약간 비 .ico-weather.sunny : 맑음 .ico-weather.storm : 뇌우 .ico-weather.rain : 비 .ico-weather.snow : 눈 --> <a href="/weather"> <div class="item"> <i class="ico-weather "><em class="blind ico-weather-blind">흐림</em></i> <span class="degree"></span> </div> </a> </div> </div> <div class="search-cont"> <a class="btn-search-open js-btn-search-open--2024" href="javascript:void(0);" title="検索領域を開く"> <span class="blind">検索領域を開く</span> </a> </div> <!-- 검색 영역 열기 --> <div class="mylike-cont"> <div class="mylike-element"> <button type="button" class="btn-mylike js-btn-mylike--2024" id="btnMylike"> <span class="blind">お気に入りマイリスト</span> </button> </div> <!-- 202305//(Ina)툴팁영역 추가(s) --> <div class="mylike-open-area" id="mylikeOpenArea" style=""> <div class="title"> <h3>お気に入りマイリスト</h3> <button type="button" class="btn-like-tooltip"> <i class="ico-info"> <em class="blind">お気に入りのツールチップ ボタン</em> </i> </button> <!-- 20230725//(Ina)줄바꿈처리 수정(s) --> <div class="info-balloon"> <p> <span class="change-word-break">お気に入り登録とは興味ある旅行情報を保存して</span> <span class="change-word-break">ソウルの主なエリア別に保存できる機能です。</span> </p> </div> <!-- 20230725//(Ina)줄바꿈처리 수정(e) --> </div> <ul class="ulWishList-mobile"> </ul> <div class="btn-block"> <a href="/wishlist" class="btn-primary"> <span>お気に入り登録したリストを見る</span> </a> </div> </div> </div> <div class="other-menu-cont js-other-menu-cont--2024"> <div class="other-menu-element"> <div class="lang-element"> <a class="btn-lang js-btn-lang--2024" href="#" title="サイト言語の変更を開く"> <div class="mo-view"> <span class="lang-text">日本語</span> <i class="ion-ios-arrow-down"></i> </div> <span class="lang-text blind">多言語展開リンク</span> </a> <ul class="lang-open-lst"> <li><a href="https://korean.visitseoul.net">한국어</a></li> <li><a href="https://english.visitseoul.net">English</a></li> <li><a href="https://japanese.visitseoul.net">日本語</a></li> <li><a href="https://chinese.visitseoul.net">简体中文</a></li> <li><a href="https://tchinese.visitseoul.net">繁體中文</a></li> <li><a href="https://russian.visitseoul.net">русскийязык<sup>beta</sup></a></li> <li><a href="https://malay.visitseoul.net">Malay<sup>beta</sup></a></li> </ul> </div> <input type="hidden" id="family_open_text" value="関連サイトを開く" /> <input type="hidden" id="family_close_text" value="関連サイトを閉じる" /> <input type="hidden" id="lang_open_text" value="サイト言語の変更を開く" /> <input type="hidden" id="lang_close_text" value="サイト言語の変更を閉じる" /> <div class="family-element"> <a href="javascript:void(0);" class="a_family js-btn-family--2024" title="関連サイトを開く"> <div class="mo-view"> <span class="lang-text">Family Site</span> <i class="ion-ios-arrow-down"></i> </div> <span class="lang-text">Family Site</span> </a> <ul class="lang-open-lst family-list"> <li><a href="http://www.miceseoul.com/index" target="_blank" title="Seoul Convention Bureau 新しいウィンドウを開く">Seoul Convention Bureau</a></li> <li><a href="http://japanese.visitseoul.net/partners-jp" target="_blank" title="Partners 新しいウィンドウを開く">Partners</a></li> <li><a href="http://www.sto.or.kr" target="_blank" title="STO 新しいウィンドウを開く">About STO</a></li> <li><a href="https://medical.visitseoul.net/ja" target="_blank" title="Medical Tour 新しいウィンドウを開く">Medical Tour</a></li> <li><a href="http://archive.visitseoul.net" target="_blank" title="SEOUL TOURISM ARCHIVE 新しいウィンドウを開く">TOURISM ARCHIVE</a></li> <li><a href="https://www.discoverseoulpass.com/app/main" target="_blank" title="Discover Seoul Pass 新しいウィンドウを開く">Discover Seoul Pass</a></li> <li><a href="https://stay.visitseoul.net/seoul-stay?lang=ja" target="_blank" title="Seoul Stay 新しいウィンドウを開く">Seoul Stay</a></li> <li><a href="https://www.seouldanurim.net/en/index" target="_blank" title="Accessible Seoul 新しいウィンドウを開く">Accessible Seoul</a></li> <li><a href="https://seoulhiking.or.kr" target="_blank" title="Seoul Hiking Tourism 新しいウィンドウを開く">Seoul Hiking Tourism</a></li> </ul> </div> </div> </div> <!-- btn-menu-cont : tablet --> <div class="btn-menu-cont"> <a class="btn-menu js-btn-menu--tablet--2024" href="#" title="전체보기메뉴 열기"> <span class="blind">全体を見る メニューを開く ボタン</span> </a> </div> </div> <div class="search-area"> <form id="searchFrm" name="searchFrm" method="get" action="/search"> <div class="search-element"> <a class="btn-search-area-close js-btn-search-area-close--2024" href="javascript:void(0);" title="검색영역 닫기"> <span class="blind">검색영역 닫기버튼</span> </a> <div class="search-element-inner"> <input type="hidden" id="lang1" value="ja" name="lang"/> <div class="input-field"> <label for="search_name" class="hd-element">検索領域を開く</label> <input type="text" id="search_name" name="searchTerm" autocomplete="off" title="検索ワードを入力してください。" placeholder="検索ワードを入力してください。" /> <button type="button" class="input-search_clear"><em class="blind">検索語の削除</em></button> <button type="button" class="btn-search" onclick="javascript:goSearch();"> <span class="blind">検索の実行</span> </button> </div> <div class="search-open-area" id="searchOpenArea" style=""> <div class="search-list "> <h3>検索ランキング</h3> <div class="search-list-box"> <ul class="uiSearchRankingCol1"> </ul> <ul class="uiSearchRankingCol2"> </ul> </div> </div> </div> </div> </div> </form> </div> </div> <!-- menu-wrap(e) --> <!-- menu-wrap--mobile(s) --> <div class="menu-wrap--mobile"> <div class="menu-wrap--mobile__header"> <div class="inner-cont"> <div class="menu-area"> <div class="btn-menu-cont"> <a class="btn-menu js-btn-menu--mobile--2024" href="#" title="전체보기메뉴 열기"> <span class="hd-element">전체보기메뉴 열기버튼</span> </a> </div> </div> <div class="logo-area"> <h2> <a href="https://japanese.visitseoul.net"> <span class="hd-element">visitseoul.net</span> </a> </h2> </div> <div class="info-area"> <div class="search-cont"> <div class="btn-search-cont"> <button type="button" class="btn-search btn-search--mobile--2024"><span class="hd-element">検索</span></button> </div> <div class="search-open-area" id="searchOpenAreaMobile"> <div class="input-field"> <label for="search_nameMobile" class="hd-element">検索領域</label> <input type="text" id="search_nameMobile" name="searchTerm" title="検索用語を入力してください" autocomplete="off" placeholder="キーワード"> <button type="button" class="input-search_clear" style="display: none;"><em class="blind">閉じる</em></button> <button type="button" class="btn-search" onclick="javascript:goSearchMobile();"><span class="hd-element">検索の実行</span></button> </div> <div class="search-list"> <h3>検索ランキング</h3> <div class="search-list-box"> <ul class="uiSearchRankingCol1"> </ul> <ul class="uiSearchRankingCol2"> </ul> </div> </div> </div> </div> <!-- 202305//(Ina)모바일헤더 찜하기 영역 추가(s) --> <div class="mylike-cont"> <div class="mylike-element"> <button type="button" class="btn-mylike btn-mylike--mobile--2024" id="btnMylikeM"> <span id="spanOpenMyFavM" class="blind">お気に入りマイリスト</span></button> </div> <!-- 202305//(Ina)툴팁영역 추가(s) --> <div class="mylike-open-area" id="mylikeOpenAreaM"> <div class="title"> <h3>お気に入りマイリスト</h3> <button id="btnTooltipM" type="button" class="btn-like-tooltip"><i class="ico-info"><em id="spanHdElementM" class="blind">お気に入りのツールチップ ボタン</em></i></button> <!-- 20230725//(Ina)줄바꿈처리 수정(s) --> <div id="divInfoBalloonM" class="info-balloon"> <p> <span class="change-word-break">お気に入り登録とは興味ある旅行情報を保存して</span> <span class="change-word-break">ソウルの主なエリア別に保存できる機能です。</span> </p> </div> <!-- 20230725//(Ina)줄바꿈처리 수정(e) --> </div> <ul class="ulWishList-mobile"> </ul> <div class="btn-block"> <a href="/wishlist" class="btn-primary"> <span>お気に入り登録したリストを見る</span> </a> </div> </div> <!-- 202305//(Ina)툴팁영역 추가(e) --> </div> <!-- 202305//(Ina)모바일헤더 찜하기 영역 추가(e) --> </div> </div> </div> <nav class="menu-wrap--mobile__nav"> <div class="mb_menu_wrap js-mb_menu_wrap"> <div class="mb_menu_wrap_inner"> <div class="mb_menu_title"> <h2> <a href="https://japanese.visitseoul.net" title="visitseoul.net"> <span class="hd-element">visitseoul.net</span> </a> </h2> <div class="mb_cross_btn"> <a class="js-btn-cross-btn--mobile" href="javascript:void(0);" title="すべてを見る メニューを閉じる"> <em class="blind">全体表示 メニューを閉じるボタン</em> </a> </div> </div> <!--모바일 메뉴복제부분--> <div class="mb_clone-area"> <div class="mb_weather_wrap"></div> <div class="mb_other_wrap"></div> <div class="mb_gnb_wrap"></div> </div> </div> </div> </nav> </div> <!-- menu-wrap--mobile(e) --> </div> </header> <!-- header(e) --> <script> function setCookie(name, value, exp) { var date = new Date(); date.setTime(date.getTime() + exp*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/'; }; function getCookie(name) { var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); return value? value[2] : null; }; function goSearch() { if(!$('#search_name').val()) { return; } $('#searchFrm').submit(); } function goSearchMobile() { if(!$('#search_nameMobile').val()) { return; } $('#search_name').val($('#search_nameMobile').val()); $('#searchFrm').submit(); } function getKweather() { $.ajax({ type : "post", url: '/comm/kweather/currentWeather2.json', dataType: 'json', contentType: 'application/x-www-form-urlencoded; charset=UTF-8', success: function(data) { var resultToday = data.applyDate_YYYY + "." + data.applyDate_MM + "." + data.applyDate_DD; var resultTemp = data.temp+"<em>C</em>"; switch(data.icon) { case '1': $('.ico-weather').addClass('sunny'); $('.ico-weather-blind').text('晴れ'); break; case '2': case '3': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('曇り'); break; case '5': case '6': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('曇り'); break; case '4': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('曇り'); break; case '7': case '8': case '9': $('.ico-weather').addClass('storm'); $('.ico-weather-blind').text('雷雨'); break; case '10': case '11': case '12': case '13': case '14': case '15': case '16': case '17': $('.ico-weather').addClass('littleRain'); $('.ico-weather-blind').text('やや雨'); break; case '18': case '19': case '20': case '21': case '22': case '23': case '24': case '25': case '26': case '27': case '28': case '29': case '30': case '31': case '32': case '33': case '34': case '35': case '36': case '37': case '38': $('.ico-weather').addClass('snow'); $('.ico-weather-blind').text('雪'); break; case '39': case '40': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('曇り'); break; default : } $(".weather-cont .degree").html(resultTemp); }, error: function(data, status, err) { console.log('error forward : ' + data); } }); } function getSearchRankings() { $.ajax({ type : "post", url: '/comm/api/search/rankings/ja', 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 = 'ja'; if(langCodeId === "zh-CN" || langCodeId === "zh-TW"){ langCodeId = langCodeId.replace("-", "_"); } if($('#mylikeCont').hasClass('active')) { $('#mylikeCont').removeClass('active'); $('.hd-element-favpopup').text('お気に入りマイリスト'); }else{ getLastData(langCodeId, 5, function(result){ var html = ''; $.each(result, function(index, item){ html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; }); $('#ulWishList').html(html); $('.ulWishList-mobile').html(html); }); $('#mylikeCont').addClass('active'); } // if($('.mylike-cont-pc').hasClass('active')) { // getLastData('ja', 5, function(result){ // var html = ''; // $.each(result, function(index, item){ // html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; // }); // $('#ulWishList').html(html); // $('#ulWishList-mobile').html(html); // }); // $('.hd-element-favpopup').text('お気に入り閉じる'); // }else{ // $('.hd-element-favpopup').text('お気に入りマイリスト'); // } }); $('#btnMylikeM').click(function(){ var langCodeId = 'ja'; if(langCodeId === "zh-CN" || langCodeId === "zh-TW"){ langCodeId = langCodeId.replace("-", "_"); } if($('#mylikeContM').hasClass('active')) { // getLastData('ja', 5, function(result){ // var html = ''; // $.each(result, function(index, item){ // html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; // }); // $('#ulWishList').html(html); // $('#ulWishList-mobile').html(html); // }); // $('.hd-element-favpopup').text('お気に入り閉じる'); $('#mylikeContM').removeClass('active'); $('.hd-element-favpopup').text('お気に入りマイリスト'); }else{ getLastData(langCodeId, 5, function(result){ var html = ''; $.each(result, function(index, item){ html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; }); $('#ulWishList').html(html); $('#ulWishList-mobile').html(html); }); $('.hd-element-favpopup').text('お気に入り閉じる'); $('#mylikeContM').addClass('active'); // $('.hd-element-favpopup').text('お気に入りマイリスト'); } }); $('.btn-like-tooltip').click(function(){ if($('#divInfoBalloon').hasClass('active')) { $('#btnTooltip').attr('title', 'お気に入りのツールチップを閉じる'); }else{ $('#btnTooltip').attr('title', 'お気に入りツールチップを開く'); } if($('#divInfoBalloonM').hasClass('active')) { $('#btnTooltipM').attr('title', 'お気に入りのツールチップを閉じる'); }else{ $('#btnTooltipM').attr('title', 'お気に入りツールチップを開く'); } }); $('#btn-quick-list-mobile').click(function(){ $(this).attr('title', $('#quick_menu_close').val()); }); $('.dim').click(function(){ $('#btn-quick-list-mobile').attr('title', $('#quick_menu_open').val()); }) getSearchRankings(); }); //어짜피 서버에서 조회 하지 않으므로 화면 로드 되면 저장된 찜하기 목로을 모두 가져온다.(페이징 처리를 위해 전체 카운트 세팅.) </script> <!-- end:header --> <!-- main-contents(s) --> <main class="main-contents"> <!-- start:content --> <!-- 수정이력 2022-04-25 1. 2022-04-14 ~ 04-21 메인페이지 개편사항 수정 - 네비게이션 버튼 위치(소스상에서) 이동 - 글자줄임 css로 처리하고 js영역 삭제 - visitseoulTV 디스플레이형태 변경 - 인스타그램 사진(8개기준) 영역 추가. --> <script type="text/javascript"> $(document).ready(function(){ $('html').attr("xmlns:wb", "http://open.weibo.com/wb"); }); </script> <!-- 20211231//(Ina)키비주얼 슬라이드 영역 수정(s) --> <!-- main-visual-cont(s) --> <div class="main-contents-inner wide course" id="container"> <!-- 키비주얼 영역 세분화 (국/영 기존 키비주얼이미지 슬라이딩, 중간 동영상링크를 위한 키비주얼 이미지, 나머지는 4개의 카테고리 링크 키비주얼 이미지. --> <!-- 키비주얼 --> <!-- 메인 키비주얼(s) --> <section class="section-main-visual"> <div class="slider-main-visual"> <!-- slider-controls(s) --> <div class="slider-controls"> <div class="group-01"> <div class="progressbar-cont"> <div class="swiper-pagination"></div> <div class="autoplay-progress"> <svg viewBox="0 0 100 1"> <line x1="0" y1="0" x2="100" y2="0" /> </svg> </div> </div> </div> <div class="group-02"> <div class="swiper-button-prev swiper-button-white"> <em class="blind">前回のメインビジュアル・スライドを見る </em> </div> <button type="button" class="btn-autoplay"> <i class="ico-autoplay"><em class="blind">一時停止</em></i> </button> <div class="swiper-button-next swiper-button-white"> <em class="blind">次のメインビジュアル・スライドを見る </em> </div> </div> </div> <!-- slider-controls(e) --> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slide-bg" style="background-image:url('/data/MEDIA/20241101//1101140956998-fbc3fcd9223e48e999fe1c63124736be.png');" data-web-img="/data/MEDIA/20241101//1101140956998-fbc3fcd9223e48e999fe1c63124736be.png" data-mo-img="/data/MEDIA/20241101//1101160135564-679fbc57d3a34591989be3bc9e2a66da.png"></div> <div class="slide-item"> <div class="title-cont"> <a href="http://japanese.visitseoul.net/editorspicks/daehak-ro/JPNqspwpk" target="_self"> <h2>秋と芸術を同時に楽しむ</h2> <em>マロニエ公園</em> <div class="btn-block"> <span class="btn-learn-more"> <em>Learn more</em> </span> </div> </a> </div> </div> </div> </div> </div> </div> </section> <!-- 메인 키비주얼(e) --><!-- (다국어) 서울 탐방하기(s) --> <section class="section-explore"> <div class="inner-cont"> <div class="section-title"> <em>ソウルで絶対に外せない名所</em> <h2>ソウル探訪</h2> </div> <div class="explore-cont"> <div class="slider-explore"> <!-- slider-controls(s) --> <div class="swiper-button-prev"><em class="blind">最近のニュース スライド以前を見る</em></div> <div class="swiper-button-next"><em class="blind">最新ニュース スライド 次を見る</em></div> <!-- slider-controls(e) --> <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="http://japanese.visitseoul.net/entertainment/アルコ(ArKo)芸術劇場/JPP001732" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241101//1101142825685-2442e3ab2e094588bf462aba90fe0934.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241101//1101142825685-2442e3ab2e094588bf462aba90fe0934.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>アルコ芸術劇場</h4> <p>テハンノ(大学路)の象徴的な<br>劇場で楽しむ文化生活</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="http://japanese.visitseoul.net/nature/ソスンラギル/JPP036973" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241101//1101142850662-19cc85a329644ae69fbf44969ff99edf.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241101//1101142850662-19cc85a329644ae69fbf44969ff99edf.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>ソスンラギル</h4> <p>チャンドッグン(昌徳宮)前<br>若者の活気あふれるソウルのホットスポット </p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="http://japanese.visitseoul.net/attractions/hyundaicard-musiclibrary-hyundaicard-vinyl-and-plastic/JPPtvunyc" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241101//1101142909208-9f0d2ebbef8c4ba58bd34bf8d520f44e.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241101//1101142909208-9f0d2ebbef8c4ba58bd34bf8d520f44e.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>VINYL & PLASTIC</h4> <p>ソウルで出会うトレンディなレコードショップ</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="http://japanese.visitseoul.net/mvp/RETRO-SEOUL/JPNgn2cpg" > <div class="slide-item"> <div class="thumb-cont"> <img class="explore-img" src="/data/MEDIA/20241101//1101150157260-be2495fefb924fa083a32f53e6ca9c23.png" alt="" /> <img class="explore-img-mo" src="/data/MEDIA/20241101//1101150157260-be2495fefb924fa083a32f53e6ca9c23.png" alt="" style="display: none;" /> </div> <div class="text-cont"> <h4>CLASSIC SEOUL</h4> <p>レトロな感性を感じられる空間</p> </div> </div> </a> </div> </div> </div> </div> <!-- slider-controls(s) --> <div class="swiper-pagination"></div> <!-- slider-controls(e) --> </div> </div> </div> </section> <!-- (다국어) 서울 탐방하기(e) --> <section class="section-travel"> <div class="inner-cont"> <div class="travel-group"> <div class="section-title"> <h2>ソウルは初めてですか?</h2> <p> 初めてのソウル旅行。どこに行けばいいのか、どうやって行けばいいのか、そして何を楽しむべきか分からないことがいっぱい...でも、私たちと一緒に初めてのソウルの旅行計画を立ててみませんか?<br><br>下記の情報を活用してソウル旅行にぜひお役立てください!<br><br> </p> </div> <div class="travel-cont"> <ul class="travel-list"> <li> <a href="https://japanese.visitseoul.net/map-guide-book"> <i class="ico-travel-guide"></i> <strong>地図・ガイドブック</strong> </a> </li> <li> <a href="https://japanese.visitseoul.net/Tax-Refund/"> <i class="ico-travel-tax"></i> <strong>Tax Refund</br>(事後免税制度)</strong> </a> </li> <li> <a href="https://japanese.visitseoul.net/Visa/"> <i class="ico-travel-visa"></i> <strong>ビザ</strong> </a> </li> <li> <a href="https://japanese.visitseoul.net/Getting-to-seoul"> <i class="ico-travel-transport"></i> <strong>ソウルの交通手段</strong> </a> </li> <li> <a href="https://japanese.visitseoul.net/safe-travel"> <i class="ico-travel-smart"></i> <strong>スマートなソウル旅行</strong> </a> </li> <li> <a href="https://japanese.visitseoul.net/tourist-Information-center"> <i class="ico-travel-info"></i> <strong>観光案内所</strong> </a> </li> </ul> </div> </div> </div> </section> <!-- 서울 event(s) --> <section class="section-event"> <div class="inner-cont"> <div class="section-title"> <em>ソウルで開催されるイベント</em> <h2>ソウル 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"> <!-- slider-controls(s) --> <div class="swiper-button-prev"> <em class="blind">이벤트 캘린더 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">이벤트 캘린더 슬라이드 다음보기</em> </div> <!-- slider-controls(e) --> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <!-- 2주 --> <div class="slide-item active--focus "> <a href="javascript:void(0);"> <dl class="today" > <dt>27</dt> <dd>水</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-27"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>28</dt> <dd>木</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>金</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>土</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>日</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>月</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>火</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>水</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>木</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>金</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>土</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>日</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>月</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>火</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-10"> </div> </div> <div class="swiper-slide"> <!-- 2주 --> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>11</dt> <dd>水</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-11"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>12</dt> <dd>木</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>金</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>土</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>日</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>月</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>火</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>水</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>木</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>金</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>土</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>日</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>月</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>火</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-24"> </div> </div> </div> </div> </div> <div class="slider-event-calendar--mo"> <!-- slider-controls(s) --> <div class="swiper-button-prev"> <em class="blind">이벤트 캘린더 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">이벤트 캘린더 슬라이드 다음보기</em> </div> <!-- slider-controls(e) --> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <!-- 1주 --> <div class="slide-item active--focus "> <a href="javascript:void(0);"> <dl class="today" > <dt>27</dt> <dd>水</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-11-27"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl > <dt>28</dt> <dd>木</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>金</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>土</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>日</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>月</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>火</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-03"> </div> </div> <div class="swiper-slide"> <!-- 1주 --> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>04</dt> <dd>水</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>木</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>金</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>土</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>日</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>月</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>火</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-10"> </div> </div> <div class="swiper-slide"> <!-- 1주 --> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>11</dt> <dd>水</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-11"> </div> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>12</dt> <dd>木</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>金</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>土</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>日</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>月</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>火</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-17"> </div> </div> <div class="swiper-slide"> <!-- 1주 --> <div class="slide-item "> <a href="javascript:void(0);"> <dl> <dt>18</dt> <dd>水</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>木</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>金</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>土</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>日</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>月</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>火</dd> </dl> </a> <input type="hidden" name="eventDate" value="2024-12-24"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="slider-event"> <!-- slider-controls(s) --> <div class="swiper-button-prev"><em class="blind">フェスティバル&イベントスライド前のビュー</em></div> <div class="swiper-button-next"><em class="blind">フェスティバル&イベントスライド次のビュー</em></div> <!-- slider-controls(e) --> <div class="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/JPP5h6ubl" target="_self" title="ページの移動" > <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 Sounds Forest</em> </dt> <dd> <p>LE GRAND THEATRE ハリーのクリスマスショー</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-TheBaek-Ja/JPPpx5985" target="_self" title="ページの移動" > <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>ユ・ウィジョン《The 白磁》</strong> <em class="date"> 2024.11.13 ~ 2024.12.21</em> <em>Gallery Jiwooheon</em> </dt> <dd> <p>Gallery Jiwooheonでは、11月13日から12月21日まで、韓国を代表する陶磁芸術家ユ・ウィジョンの個展《The 白磁(The Baek-Ja)》が開催されます。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/events/Lotte-World-Happy-Christmas-Parade/JPPbxy1hw" target="_self" title="ページの移動" > <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>ロッテワールドアドベンチャー1階</em> </dt> <dd> <p>夢の中のサンタの国からやってきたサンタクロースと妖精たちが、歌や踊りで夢と愛を届ける華やかなクリスマスパレード</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-ThePersistence/JPPjlda9f" target="_self" title="ページの移動" > <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>自己の固執</strong> <em class="date"> 2024.11.22 ~ 2024.12.07</em> <em>ATELIER AECHAE</em> </dt> <dd> <p>キョンサンブクド(慶尚北道)無形遺産・沙器匠、朝鮮窯「聞山キム·ヨンシク」特別展</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-MarriageStories/JPPwamqsm" target="_self" title="ページの移動" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241118/1118150320855-40bc50983e2b4358880653278d28890e.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>ソウル家族三代結婚物語</strong> <em class="date"> 2024.11.08 ~ 2025.03.30</em> <em>ソウル生活史博物館</em> </dt> <dd> <p><ソウル家族三代結婚物語>展では、1888年にチョンドン(貞洞)教会でアペンゼラー(Appenzeller)宣教師の司式により初めて新式結婚が執り行われ、その後も現在に至るまで、伝統と外来の要素が融合し、絶えず変化し続けているソウル市民の結婚文化を紹介します。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-Pansori/JPP6s1tnd" target="_self" title="ページの移動" > <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>𝐏𝐚𝐧𝐬𝐨𝐫𝐢𝐀𝐳𝐢𝐭 𝐍𝐨𝐡𝐥𝐚𝐞𝐁𝐨𝐱 <パンソリショートストーリーII:モーパッサン編></strong> <em class="date"> 2024.11.21 ~ 2024.12.23</em> <em>ソウルナムサン(南山)国楽堂 クラウンヘテホール</em> </dt> <dd> <p>三人のソリクン(伝統音楽の歌い手)、三編の短編小説。人間社会の微妙さを描いたモーパッサンの短編小説をパンソリ(伝統的民俗芸能)の一人芝居で表現した<パンソリショートストーリーII:モーパッサン編>をソウルナムサン(南山)国楽堂でお楽しみください!</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-MariaSvarbova/JPPx9hgr2" target="_self" title="ページの移動" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241115/1115142608215-0714a4bea0574e9fabc33ed74b9f7113.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>マーリア・シュヴァルボヴァー:昨日の未来展</strong> <em class="date"> 2024.11.22 ~ 2025.03.09</em> <em>GROUND SEOUL</em> </dt> <dd> <p>GROUND SEOULでは、独特で魅惑的な作品で世界中からラブコールを受けている女性作家、マーリア・シュヴァルボヴァーの作品展「マーリア・シュヴァルボヴァー:昨日の未来展」を開催します。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-Twisting/JPPs9gkpe" target="_self" title="ページの移動" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241114/1114150618845-861191d74fc444c191aa98531af3ac38.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>ソウル記録院 子供記録体験室「くねくね記録探検」</strong> <em class="date"> 2024.10.04 ~ 2026.09.27</em> <em>ソウル記録院 2階 第3展示室</em> </dt> <dd> <p>7~13歳の子供を対象とした、記録を簡単に理解できる遊び型体験展示</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-SEOUL-MINI-MOUNTAINS/JPP4ec5o3" target="_self" title="ページの移動" > <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>ソウルの小さな山</strong> <em class="date"> 2024.11.05 ~ 2025.02.09</em> <em>ソウル歴史博物館</em> </dt> <dd> <p>ソウル歴史博物館にて、ボイドを通してソウルを読み解く「ソウルの小さな山」展が開催されます!</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-CGCshantytown/JPPb2qbin" target="_self" title="ページの移動" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241106/1106120926867-1bf3f8db85794a0fa64c4fa9fdfeab29.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>その時、この場所の記録-チョンゲチョン(清渓川)板子村</strong> <em class="date"> 2024.11.05 ~ 2025.03.30</em> <em>チョンゲチョン(清渓川)博物館</em> </dt> <dd> <p>チョンゲチョン(清渓川)博物館では、企画展<その時、この場所の記録-チョンゲチョン(清渓川)板子村>を開催しています。忘れられつつあるチョンゲチョン(清渓川)の姿を改めて振り返り、板子村で暮らす人々の日常にスポットを当てます。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/Blue-Hidden-Nature/JPPzm8tt4" target="_self" title="ページの移動" > <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>チョ·ミンヨル ⟪Blue, Hidden, Nature⟫</strong> <em class="date"> 2024.11.07 ~ 2024.12.08</em> <em>サムガクサン(三角山)クマム(黔岩)美術館</em> </dt> <dd> <p>展示の二つ目のテーマであるECO分野は<Blue, Hidden Nature>展で、作家のアトリエ近くにある縫製工場で捨てられる切れ端のジーンズ生地(デニム)の異色の変身を紹介します。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/events/2024-YONGSANSTAMP/JPPy4rjrq" target="_self" title="ページの移動" > <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>ヨンサン(龍山)ポンポン!スタンプポンポン!</strong> <em class="date"> 2024.10.28 ~ 2024.12.10</em> <em>将校宿所5団地、国立中央博物館、ヨンサン(龍山)歴史博物館、ヨンニダンギル、戦争記念館、ヨンサン(龍山)工芸館、イテウォン(梨泰院)観光特区</em> </dt> <dd> <p>ヨンサン(龍山)エリアの観光スポット7カ所のスタンプを集め、記念品を手に入れましょう!</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/events/2024-Luminarie/JPPxltb2s" target="_self" title="ページの移動" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241025/1025151558932-20123b4a96464bb6a7d0098c14ac0564.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>湖の秋と冬、そしてルミナリエ</strong> <em class="date"> 2024.10.25 ~ 2025.02.28</em> <em>ソクチョン(石村)湖</em> </dt> <dd> <p>ソンパ(松坡)区ソクチョン(石村)湖一帯で、湖の秋と冬、そしてルミナリエ祭りが開催されます。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-mtmh/JPP8pkdcm" target="_self" title="ページの移動" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241025/1025180013776-f9c9c2ba5bdc4cbebae23686a90e605b.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>私の宝物、私の遺産</strong> <em class="date"> 2024.10.25 ~ 2025.03.16</em> <em>ソウル歴史博物館</em> </dt> <dd> <p>市民が作る博物館</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-immersiveK/JPPd8sx8c" target="_self" title="ページの移動" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241018/1018172205118-1cbfea26cb324b2ea5878020e8114c9b.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>イマーシブK(Immersive-K) カンソン(澗松)美術館によるデジタルメディアアート展示</strong> <em class="date"> 2024.08.15 ~ 2025.04.30</em> <em>DDPデザインミュージアム2館 </em> </dt> <dd> <p>雲が晴れると月が照り、風が吹くと星が輝く。 時空を超える迷宮の中で、IMMERSIVEはカンソン(澗松)美術館が初めて披露する、K-Cultureの基盤である韓国伝統美術を題材にした、世界初の韓国型メディアアート展です。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/events/2024-ssgchristmas/JPPp015xr" target="_self" title="ページの移動" > <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>新世界百貨店 2024クリスマスライツ </strong> <em class="date"> 2024.11.01 ~ 2025.01.31</em> <em>新世界百貨店本店 </em> </dt> <dd> <p>2024クリスマスライツ、11月1日大公開! </p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-KIScollection/JPPmnz7ln" target="_self" title="ページの移動" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/data/MEDIA/20241011/1011171939585-ea316c587dd347f3943faa4278605217.png" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>キム・インスン(金仁順) コレクション ≪立ち上がる人生≫</strong> <em class="date"> 2024.08.29 ~ 2025.02.23</em> <em>ソウル市立美術館</em> </dt> <dd> <p>≪立ち上がる人生≫は、キム・インスン(金仁順)が悩み、研究してきた「女性」というテーマの芸術的実践を探ります。展示は3つのセクションで構成され、合計20点の作品とアーカイブが出品されます。今回の展示を通じて、韓国の女性美術への関心が高まり、さまざまな研究や議論が豊かに展開されることを期待しています。 </p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/events/2024CultureFlowsatSeoulPlaza/JPPe11y5c" target="_self" title="ページの移動" > <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>文化が流れるソウル広場</strong> <em class="date"> 2024.05.08 ~ 2024.11.30</em> <em>ソウル広場野外ステージ</em> </dt> <dd> <p>ソウル広場で開催されるバスキングバンド公演などの音楽フェスティバル</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/events/2024BuskingAllAroundSeoul/JPPokabjm" target="_self" title="ページの移動" > <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>ソウルストリート公演 隅々ライブ</strong> <em class="date"> 2024.04.01 ~ 2024.11.30</em> <em>クァンファムン(光化門)、トゥクソム、ガーデンファイブ、ノドゥルソムほか</em> </dt> <dd> <p>ソウル全域の様々な場所で計150チームのアーティストたちが公演を行います。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-seoulsparks/JPPmfskyu" target="_self" title="ページの移動" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/20.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong><記録で散策する_ソウルの公園></strong> <em class="date"> 2023.12.01 ~ 2026.09.29</em> <em>ソウル記録院2階第2展示室</em> </dt> <dd> <p>ソウルの公園の歴史と変遷を記録で振り返る展示</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/events/2024-NamsanBongsu/JPP34w5l3" target="_self" title="ページの移動" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/28.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>ナムサン(南山)烽火再現儀式など伝統文化の再現行事</strong> <em class="date"> 2024.01.01 ~ 2024.12.31</em> <em>ソウルナムサン(南山)烽燧台、ソウルナムサン(南山)八角亭、ソウルポシンガク(普信閣)</em> </dt> <dd> <p>韓国の伝統文化を感じることができる行事</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/events/2024-K-FoodFestivalKnockKnock/JPPy0v1xv" target="_self" title="ページの移動" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/4.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>K-フードフェスティバルノックノック</strong> <em class="date"> 2024.05.29 ~ 2025.05.31</em> <em>セジョンノ(世宗路)公園</em> </dt> <dd> <p>『2024 K-フードフェスティバルノックノック』は、多彩な韓国料理のユニークな味を体験しながら楽しい時間を過ごすことができる韓国料理に特化したフェスティバルです。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-bosingak/JPP18biiq" target="_self" title="ページの移動" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/12.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>ポシンガク(普信閣)、時間の響き</strong> <em class="date"> 2024.07.19 ~ 2025.03.16</em> <em>セントロポリス地下1階</em> </dt> <dd> <p>ポシンガク(普信閣)、時間の響き</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/events/2024-hanganghistory/JPP7gsazt" target="_self" title="ページの移動" > <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>ハンガン(漢江)歴史探訪</strong> <em class="date"> 2024.04.15 ~ 2024.11.30</em> <em></em> </dt> <dd> <p>ハンガン(漢江)の歴史探訪</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/2024-celestialwhisper/JPPg8me67" target="_self" title="ページの移動" > <div class="slide-item"> <div class="item-front"> <div class="thumb-cont"> <img src="/resources/theme/v2/images/event/14.jpg" alt=""> </div> </div> <div class="item-back"> <dl class="text-cont"> <dt> <strong>透明で香り漂う天使の羽の色のように</strong> <em class="date"> 2024.06.04 ~ 2025.05.05</em> <em>ソウル市立北ソウル美術館</em> </dt> <dd> <p>この展示は、「天使」をテーマに子供をはじめとする観覧客全員に親しみを感じながら現代美術を楽しめるように、材料に対する研究を基に作られた作家の独自の世界観を体験できる展示です。</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="/exhibition/KwonJinKyusForeverHome/JPP8j7w39" target="_self" title="ページの移動" > <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>クォン·ジンギュの永遠の家</strong> <em class="date"> 2023.06.01 ~ 2024.12.31</em> <em>ソウル市立南ソウル美術館</em> </dt> <dd> <p>周辺の対象を絶えず観察·研究し、本質だけを盛り込み、決して消えない魂や永遠性を具現化したクォン·ジンギュの作品世界を堪能する展示。</p> </dd> </dl> </div> </div> </a> </div> </div> </div> </div> <!-- slider-controls(s) --> <div class="swiper-pagination swiper-pagination-bullets"></div> <!-- slider-controls(e) --> </div> <!-- 데이터 없는경우(s) --> <div class="nodata-area" style="display: none;"> <div class="nodata-cont"> <div class="nodata-pos"> <i class="ico-calendar"></i> <strong>その日には登録されたイベントがありません。</strong> </div> </div> </div> <!-- 데이터 없는경우(e) --> </div> <div class="btn-block-bottom"> <a href="/exhibition-events"> <em>日程をもっと見る</em> <i class="ico-more"></i> </a> </div> </div> </section> <!-- 서울 event(e) --> <!-- 에디터 추천 여행(s) --> <section class="section-editor-pick"> <div class="inner-cont"> <div class="section-title"> <em>VISIT SEOULおすすめの体験</em> <h2>Editor's Picks</h2> </div> <div class="editor-pick-cont"> <div class="slider-editor-pick"> <!-- slider-controls(s) --> <div class="swiper-button-prev"><em class="blind">おすすめスライド以前を見る</em></div> <div class="swiper-button-next"><em class="blind">おすすめスライドの次を見る</em></div> <!-- slider-controls(e) --> <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="./editorspicks/Yeonhui-dong/JPNjscadf" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20241119/1119171550462-42d391d0496b46afa572993b7e33df17.png" alt="" /> </div> </div> <div class="text-cont"> <h4>秋のソウル散歩はヨンヒドン(延禧洞)で</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./editorspicks/seosulla-gil-tour/JPNhfs2v0" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20241112/1112124314425-463371d2287b4193884eb53ee0c87b6d.png" alt="" /> </div> </div> <div class="text-cont"> <h4>ソウルで楽しむ秋の散策、「ソスンラギル」ヒーリングツアー</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./editorspicks/のソウルひとり/JPN7vvl9a" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20241023/1023115033646-5dacbf8599574e8790bae33c19b6a551.png" alt="" /> </div> </div> <div class="text-cont"> <h4>秋のソウルひとり旅、ソチョン(西村)を暮らすように楽しんでみる</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./editorspicks/こそブッカンス。とにする・ソウル/JPNwp2pdd" > <div class="slide-item"> <div class="thumb-pos"> <div class="thumb-cont"> <img class="editor-pick-img" src="/data/MEDIA/20241007/1007120114091-c5e0051bfb3b4fbbab2bdfca4a424d56.png" alt="" /> </div> </div> <div class="text-cont"> <h4>秋こそブッカンス。本と一緒に旅する韓国・ソウル</h4> </div> </div> </a> </div> <div class="swiper-slide"> <a href="./editorspicks/Feel-Soul-Good/JPNfpya6a" > <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! グローバルファンがおすすめするロマンス、グルメ、アクティビティに最適な旅行先</h4> </div> </div> </a> </div> </div> </div> </div> <!-- slider-controls(s) --> <div class="swiper-pagination"></div> <!-- slider-controls(e) --> </div> </div> </div> </section> <!-- 에디터 추천 여행(e) --> <!-- 띠배너(s) --> <section class="section-banner"> <div class="inner-cont"> <div class="banner-cont"> <div class="slider-banner"> <!-- slider-controls(s) --> <div class="swiper-button-prev"><em class="blind">バナースライド前のビュー</em></div> <div class="swiper-button-next"><em class="blind">バナースライド次のビュー</em></div> <!-- slider-controls(e) --> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://japanese.visitseoul.net/event/2024-survey-jp/JPN0zyh2f" target="_self" title="ページの移動" > <img src="/data/MEDIA/20241118//1118185717253-09047ef286524327a2703b00c1a662fa.jpg" alt="2024 홈페이지 사용자 만족도 조사"> </a> </div> <div class="swiper-slide"> <a href="https://japanese.visitseoul.net/partners-jp/seoul-goods " target="_blank" title="新しいウィンドウを開く" > <img src="/data/MEDIA/20240604//0604211542697-25c6680b2d9b4174b9402733e3476dcd.jpg" alt="SEOUL SOUL GIFTS SEOUL MY SOUL"> </a> </div> <div class="swiper-slide"> <a href="https://www.seoulculturelounge.com/?lang=jp" target="_blank" title="新しいウィンドウを開く" > <img src="/data/MEDIA/20240624//0624175603915-59cea1fd52fc4db8a2854990bf1cde4a.jpg" alt="SEOUL MY SOUL logo / sto서울관광재단 SEOUL TOURISM ORGANIZATION logo / Seoul Culture Lounge / ソウルカルチャーラウンジ / 韓国文化の様々な魅力を体験できる空間 "> </a> </div> <div class="swiper-slide"> <a href="https://www.discoverseoulpass.com" target="_blank" title="新しいウィンドウを開く" > <img src="/data/MEDIA/20240628//0628170225855-d079bfdaeaac4521a1e2a4d1958a0cd4.png" alt="外国人観光パス, ディスカバーソウルパス / 120時間でソウルを発見する"> </a> </div> </div> </div> <!-- slider-controls(s) --> <div class="swiper-pagination"></div> <!-- slider-controls(e) --> </div> </div> </div> </section> <!-- 띠배너(e) --> <!-- recommendations(s) --> <section class="section-recommendations"> <div class="inner-cont"> <div class="section-title"> <em> <span class="change-word-break">ソウル旅行がもっと快適に楽しめるサービス</span> <span class="change-word-break"></span> </em> <h2>おすすめ</h2> </div> <div class="slider-recommendations"> <div class="slider-group"> <div class="slider-info"> <!-- slider-controls(s) --> <div class="swiper-pagination swiper-pagination-fraction swiper-pagination-horizontal"> <span class="swiper-pagination-current"></span> / <span class="swiper-pagination-total"></span> </div> <!-- slider-controls(e) --> <div class="text-cont"></div> <!-- slider-controls(s) --> <div class="slider-controls"> <div class="swiper-button-prev"> <em class="blind">おすすめスライド以前を見る</em> </div> <div class="swiper-button-next"> <em class="blind">おすすめスライドの次を見る</em> </div> </div> <!-- slider-controls(e) --> </div> <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" data-slide-idx="1"> <div class="slide-item"> <a href="https://www.discoverseoulpass.com/app/main" target="_blank" title="新しいウィンドウで開く"> <div class="thumb-cont"> <img src="/data/MEDIA/20240705//0705092110870-3d39c51e3a3f4d2191d8977dae813367.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>もっと見る</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>ディスカバーソウルパス(ツアーパス)</h4> <p>一枚のパスで満喫するソウル</p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="2"> <div class="slide-item"> <a href="https://www.onemoretrip.net/ja/" target="_blank" title="新しいウィンドウで開く"> <div class="thumb-cont"> <img src="/data/MEDIA/20240906//0906081116653-fec2bb376b484846b3dd5f6570d043d1.jpg" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>もっと見る</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>ワンモアトリップ</h4> <p>ソウル市公式のローカルツアー&体験ガイド</p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="3"> <div class="slide-item"> <a href="https://japanese.visitseoul.net/safe-travel#safeTravel06" target="_self" title="ページの移動"> <div class="thumb-cont"> <img src="/data/MEDIA/20240906//0906081335878-2c5e2b3434d14e779726cf77c285b0ce.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>もっと見る</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>入場券と割引情報</h4> <p>韓流公演やその他チケット予約</p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="4"> <div class="slide-item"> <a href="https://japanese.visitseoul.net/walking-tour" target="_self" title="ページの移動"> <div class="thumb-cont"> <img src="/data/MEDIA/20230523//0523142830230-194853631182411a8d07d32ccbd46de7.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>もっと見る</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>ソウル徒歩解説観光</h4> <p>ガイドが案内する徒歩解説観光</p> </div> </a> </div> </div> <!-- 무한루프를 위해 슬라이드 복제(s) --> <div class="swiper-slide" data-slide-idx="1"> <div class="slide-item"> <a href="https://www.discoverseoulpass.com/app/main" target="_blank" title="新しいウィンドウで開く"> <div class="thumb-cont"> <img src="/data/MEDIA/20240705//0705092110870-3d39c51e3a3f4d2191d8977dae813367.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>もっと見る</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>ディスカバーソウルパス(ツアーパス)</h4> <p>一枚のパスで満喫するソウル</p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="2"> <div class="slide-item"> <a href="https://www.onemoretrip.net/ja/" target="_blank" title="新しいウィンドウで開く"> <div class="thumb-cont"> <img src="/data/MEDIA/20240906//0906081116653-fec2bb376b484846b3dd5f6570d043d1.jpg" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>もっと見る</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>ワンモアトリップ</h4> <p>ソウル市公式のローカルツアー&体験ガイド</p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="3"> <div class="slide-item"> <a href="https://japanese.visitseoul.net/safe-travel#safeTravel06" target="_self" title="ページの移動"> <div class="thumb-cont"> <img src="/data/MEDIA/20240906//0906081335878-2c5e2b3434d14e779726cf77c285b0ce.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>もっと見る</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>入場券と割引情報</h4> <p>韓流公演やその他チケット予約</p> </div> </a> </div> </div> <div class="swiper-slide" data-slide-idx="4"> <div class="slide-item"> <a href="https://japanese.visitseoul.net/walking-tour" target="_self" title="ページの移動"> <div class="thumb-cont"> <img src="/data/MEDIA/20230523//0523142830230-194853631182411a8d07d32ccbd46de7.png" alt="" /> <div class="thumb-mask"> <div class="thumb-text"> <strong>もっと見る</strong> <i class="ico-more"></i> </div> </div> </div> <div class="text-cont"> <h4>ソウル徒歩解説観光</h4> <p>ガイドが案内する徒歩解説観光</p> </div> </a> </div> </div> <!-- 무한루프를 위해 슬라이드 복제(e) --> </div> </div> </div> </div> </div> </div> </section> <!-- recommendations(e) --> <!-- 서울 여행정보(s) --> <!-- 서울 여행정보(e) --> <!-- Visit Seoul SNS(s) --> <section class="section-sns"> <div class="section-title"> <em>connect with us</em> <h2>Visit Seoul SNS</h2> </div> <div class="sns-yt-cont"> <div class="inner-cont"> <div class="cont-title"> <a href="https://www.youtube.com/user/visitseoul" target="_blank" title="新しいウィンドウを開く"> <h3>Youtube</h3> </a> </div> <div class="slider-sns-yt"> <!-- slider-controls(s) --> <div class="swiper-button-prev"><em class="blind">Visit Seoul TV スライド前のビュー</em></div> <div class="swiper-button-next"><em class="blind">Visit Seoul TV スライド次のビュー</em></div> <!-- slider-controls(e) --> <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slide-item"> <div class="thumb-cont"> <a href="https://youtu.be/gMNFLAO_hZw?feature=shared" target="_blank" title="Youtubeを新しいウィンドウで開く" > <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">照会数</em></i> <span class="view" id="tvView1">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">いいね数</em></i> <span class="like" id="tvLike1">0</span> </span> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-slide"> <div class="slide-item"> <div class="thumb-cont"> <a href="https://www.youtube.com/watch?v=QWHAfKE2N3c&t=4s" target="_blank" title="Youtubeを新しいウィンドウで開く" > <img class="sns-yt-img" src="/data/MEDIA/20241004//1004142128333-42eb75ba8dc148ab93f6d7bbca8f9249.png" alt="" /> <img class="sns-yt-img-mo" src="/data/MEDIA/20241004//1004143331537-ccf8d9dbde5f45f8bce3165f57e6a747.png" alt="" style="display: none;" /> <div class="thumb-mask"> <div class="thumb-text"> <h3>$300 vs $100 Outfit Shopping Challenge in Seoul </h3> <div class="info-cont"> <div class="info-title">VisitSeoul TV</div> <div class="info-num"> <span class="view-cont"> <i class="ico-view"><em class="blind">照会数</em></i> <span class="view" id="tvView2">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">いいね数</em></i> <span class="like" id="tvLike2">0</span> </span> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-slide"> <div class="slide-item"> <div class="thumb-cont"> <a href="https://www.youtube.com/watch?v=Gek98XKbRew" target="_blank" title="Youtubeを新しいウィンドウで開く" > <img class="sns-yt-img" src="/data/MEDIA/20240819//0819113151837-29a3d437e5124040a724d9488950426a.jpg" alt="" /> <img class="sns-yt-img-mo" src="/data/MEDIA/20241004//1004143350721-0a119d1419694c31ae90a346da3cec7e.png" alt="" style="display: none;" /> <div class="thumb-mask"> <div class="thumb-text"> <h3>TRAVELING ALONE IN SEOUL FOR 24 HOURS</h3> <div class="info-cont"> <div class="info-title">VisitSeoul TV</div> <div class="info-num"> <span class="view-cont"> <i class="ico-view"><em class="blind">照会数</em></i> <span class="view" id="tvView3">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">いいね数</em></i> <span class="like" id="tvLike3">0</span> </span> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-slide"> <div class="slide-item"> <div class="thumb-cont"> <a href="https://www.youtube.com/watch?v=sW7YDnAHaPw&t=6s" target="_blank" title="Youtubeを新しいウィンドウで開く" > <img class="sns-yt-img" src="/data/MEDIA/20240812//0812163343104-03cbcb61828341c99ca41c6e92507125.jpg" alt="" /> <img class="sns-yt-img-mo" src="/data/MEDIA/20240812//0812163343104-03cbcb61828341c99ca41c6e92507125.jpg" alt="" style="display: none;" /> <div class="thumb-mask"> <div class="thumb-text"> <h3>Romantic day</h3> <div class="info-cont"> <div class="info-title">VisitSeoul TV</div> <div class="info-num"> <span class="view-cont"> <i class="ico-view"><em class="blind">照会数</em></i> <span class="view" id="tvView4">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">いいね数</em></i> <span class="like" id="tvLike4">0</span> </span> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-slide"> <div class="slide-item"> <div class="thumb-cont"> <a href="https://www.youtube.com/watch?v=a6qI_5wqbWs&t=8s" target="_blank" title="Youtubeを新しいウィンドウで開く" > <img class="sns-yt-img" src="/data/MEDIA/20240716//0716124256811-01e6f355da464196b2c2dd164ef01a68.png" alt="" /> <img class="sns-yt-img-mo" src="/data/MEDIA/20240716//0716124256811-01e6f355da464196b2c2dd164ef01a68.png" alt="" style="display: none;" /> <div class="thumb-mask"> <div class="thumb-text"> <h3>SEOULDAL</h3> <div class="info-cont"> <div class="info-title">VisitSeoul TV</div> <div class="info-num"> <span class="view-cont"> <i class="ico-view"><em class="blind">照会数</em></i> <span class="view" id="tvView5">0</span> </span> <span class="like-cont"> <i class="ico-like"><em class="blind">いいね数</em></i> <span class="like" id="tvLike5">0</span> </span> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> <!-- slider-controls(s) --> <div class="swiper-pagination"></div> <!-- slider-controls(e) --> </div> </div> </div> <!-- 인스타그램 (상용말고는 인스타그램 연동 안됨 / 중국어 간체 인스타그램 제외) --> <div class="sns-instar-cont"> <div class="inner-cont"> <div class="cont-title"> <a href="https://www.instagram.com/visitseoul_official_jp" target="_blank" title="新しいウィンドウを開く"> <h3>Instagram</h3> </a> </div> <div class="slider-sns-instar"> <!-- slider-controls(s) --> <div class="swiper-button-prev"> <em class="blind">sns Instagram 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">sns Instagram 슬라이드 다음보기</em> </div> <!-- slider-controls(e) --> <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.instagram.com/reel/DC3gvqgx2uT/" target="_blank" title="Visit Seoul Instagramを新しいウィンドウで開く"> <div class="slide-item"> <div class="thumb-cont"> <img src="https://scontent-ssn1-1.cdninstagram.com/v/t51.75761-15/468506779_18137304673369827_4647790538141_n.jpg?_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=Gh-RLqf-ykcQ7kNvgE258z9&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=AlE-2XMI6GxyvTxtxxK3pTO&oh=00_AYBaIm2qxLHEuoRei05a2XG8x87-9T9imd68VM_s9zsgcA&oe=674CEC41" alt="" /> </div> <div class="text-cont"> <h4>visitseoul_official_jp</h4> <p> 新しいエンターテイメントの楽しみ方🕺✨ 30分ごとにプロミュージカル俳優の公演を間近で、食事を楽しみながら鑑賞できる「Showflix」はライブパフォーマンスとレストランが融合した新しいエンターテイメントスペースです🕺🍽️ 特別な日に、大切な人と一緒に美味しい料理とお酒、迫力のあるライブパフォーマンスをお楽しみください😌💕 ✅ 観光TIP 👉Showflixの舞台は定時に約15分間のミュージカルテーマ公演と、30分ごとに5分間のミニ公演の2構成で運営されています🕺💃 👉Showflixは20名以上の多彩な俳優が公演を上演しており、詳しい公演演目や内容は公式インスタグラムをご確認ください💁♀️ 👉パブでは保護者同伴の場合5歳以上のお子様も出入場可能。ご家族で大切な時間を過ごしてみてください❤️ 🎬Showflix 🚇地下鉄2号線/6号線 シンダン駅12番出口154m ⏰月~金 17:30-23:00 / 土~日 15:00-23:00 (22:00 ラストオーダー) 📍ソウル市チュン区トェゲロ411-32,1階 서울 중구 퇴계로 411-32 1층 💡予約をせずに現地訪問可能 公式インスタグラム @showflix_seoul #ソウル #ソウル旅行 #Showflix #公演 #パブ #ミュージカル #ソウルパブ #ソウルグルメ #シンダン #韓国ミュージカル #ソウルミュージカル #観劇 #舞台 #演劇 #ダンス #劇団</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.instagram.com/reel/DC3S3ZuyST8/" target="_blank" title="Visit Seoul Instagramを新しいウィンドウで開く"> <div class="slide-item"> <div class="thumb-cont"> <img src="https://scontent-ssn1-1.cdninstagram.com/v/t51.75761-15/468543587_18137297785369827_1506355696043551675_n.jpg?_nc_cat=105&ccb=1-7&_nc_sid=18de74&_nc_ohc=qekEwoLfz-AQ7kNvgGqkgol&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=AlE-2XMI6GxyvTxtxxK3pTO&oh=00_AYAIcUQ7GFwDvdksa8xHc3zpHm7nGCu5m71JFx5XepBSzg&oe=674CFC47" alt="" /> </div> <div class="text-cont"> <h4>visitseoul_official_jp</h4> <p> 🕺Seoul Moves Discovering the Soul ダンスクリエイターMin DongさんとVisit Seoulがコラボしてソウルの観光地の歴史をアーティステックなダンスと共にお送りしたキャンペーン、皆さん楽しんでいただけましたでしょうか?😊💓 皆さんがソウル旅行をもっと楽しんでいただける様、沢山の情報をお届けしていきますので、これからも是非Visit Seoulへの沢山の関心をよろしくお願いします✨ 📸動画提供 🗼 SEOULSKY(ソウルスカイ) @seoulsky_offical 🛍 ミョンドン(明洞)/チョンノ(鍾路) @ssteart 🎭 サムチョンガク(三清閣) @samcheonggak_official 🕺 クリエイター @mindong_dance #ソウル #キャンペーン #ダンサー #ダンス #ストリートダンス #グライドダンス #ソウル観光地 #SeoulMoves #ソウル観光 #ソウルスカイ #SeoulSky #明洞 #鍾路 #三清閣</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.instagram.com/p/DC08EO1RGAQ/" target="_blank" title="Visit Seoul Instagramを新しいウィンドウで開く"> <div class="slide-item"> <div class="thumb-cont"> <img src="https://scontent-ssn1-1.cdninstagram.com/v/t51.29350-15/468245324_459139610546639_7010358356874942978_n.jpg?_nc_cat=103&ccb=1-7&_nc_sid=18de74&_nc_ohc=5VAaow47fuUQ7kNvgHDrRmN&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=AlE-2XMI6GxyvTxtxxK3pTO&oh=00_AYA9e3l_c7cZWHHIYiwvmsEUUqu-eVjEzhKP7_8KWYWEvQ&oe=674CD901" alt="" /> </div> <div class="text-cont"> <h4>visitseoul_official_jp</h4> <p> ソウルオススメデートコース!🍁💕 南山ソウルタワーを眺めながら、晩秋の雰囲気を感じることができる場所🍁✨ 寒い日に見る、紅葉はまた一つ違った魅力を感じさせてくれます😌 大切な人とゆったりとした時間を過ごした後は、近くのナムデムン(南大門)市場に寄って ソウルの味を感じる、温かい美味しいグルメをご堪能ください😊🍢 ✅ 観光TIP 👉ペクポム(白凡)広場に行く時は高い傾斜に備えた楽な靴、大きな温暖差に備えたアウターを準備していかれることをオススメします!👟🧥 👉ペクポム(白凡)広場へお出かけ後は徒歩5分の位置にあるナムデムン(南大門)市場に寄って、市場グルメツアーをお楽しみください😋💕 👉ナムサン(南山)韓屋村ではソウルの昔の雰囲気を感じながら歳時行事、伝統公演や弓矢撃ち体験、展示など多彩な体験をお楽しみいただけます✨ 1️⃣ナムサン(南山)公園ペクポム(白凡)広場 🚇地下鉄4号線フェヒョン駅4番出口515m 📍ソウル市チュン区フェヒョン洞1街100-115 서울 중구 회현동1가 100-115 2️⃣ナムサン(南山)韓屋村 🚇地下鉄3号線/4号線チュンムロ駅4番出口121m ⏰9:00-21:00(毎週月曜定休日) 📍ソウル市チュン区トェゲロ34ギル28 서울 중구 퇴계로34길 28 📸 @sujin.trip #ソウル #ソウル旅行 #南山 #韓屋 #ナンデムン #南大門 #工芸 #韓国文化 #紅葉 #ソウルグルメツアー #ソウルグルメ</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.instagram.com/reel/DCqofz4ylmo/" target="_blank" title="Visit Seoul Instagramを新しいウィンドウで開く"> <div class="slide-item"> <div class="thumb-cont"> <img src="https://scontent-ssn1-1.cdninstagram.com/v/t51.75761-15/467898859_18136797259369827_6573137637830907020_n.jpg?_nc_cat=104&ccb=1-7&_nc_sid=18de74&_nc_ohc=sVaK7ri1KcoQ7kNvgHAc1sz&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=AlE-2XMI6GxyvTxtxxK3pTO&oh=00_AYC3IwAwpwtlO0DWpZK3BsWSnRYoucgeO7gbAqGqAOBygQ&oe=674CF47F" alt="" /> </div> <div class="text-cont"> <h4>visitseoul_official_jp</h4> <p> 🎬 Seoul Moves Discovering the Soul 第3編🕺 秋の趣が感じられるサムチョンガク(三清閣)🍂 色とりどりに美しく染まった紅葉を背景に、韓国伝統衣装を着て踊る姿はまるで絵画の様ですね🕺🏻✨ ソウルとは思えない朝の静寂な大自然の中 優雅で自由なSOULを表現したダンスクリエイターMin Dongさんの踊りから、ソウルの魅力を見つけてみましょう🌄 映像と踊りで、ソウルのこの季節にしか見られない秋の景色や伝統家屋の魅力を真心込めて、あなたへお贈りします🎁🧡 ✅ 観光TIP 👉 サムチョンガク(三清閣)一和堂からはプガクサン(北岳山)の絶景が広がる景色をご覧いただけます✨ 👉 三清閣では12月25日までの毎週水曜日、韓国伝統舞踊🪭や、演奏会の公演が開催中です🎶(60,000ウォン、食事付) 👉 三清閣以外にもソンブク洞にある韓屋カフェを訪問し、韓屋の静寂な雰囲気を楽しむことをオススメします😌💓 🛖 サムチョンガク(三清閣) 🚍 1112、1111番バス ソウルタウォン学校・韓龍雲活動場停留所で下車後徒歩725m ⏰ 🍽️韓食堂12:00~21:00(Break Time 15:00~18:00) 👰♀️ウエディング・宴会場 12:00~15:00 / 18:00~21:00 ☕️カフェ・タウォン(茶園)(一和堂) 平日11:00~21:00 / 週末10:00~22:00 📍 ソウル市ソンブク(城北)区テサグァンロ3 서울 성북구 대사관로 3 📸 場所協力 @samcheonggak_official 映像提供 @samcheonggak_official 衣装協賛 @moahanbok クリエイター @mindong_dance #ソウル #サムチョンガク #三清閣 #ソウルカフェ #韓屋カフェ #韓国料理 #景色 #韓屋 #紅葉 #韓国伝統 #韓国伝統舞踊 #韓国文化 #公演 #演奏会</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.instagram.com/p/DCoEBw0SkFN/" target="_blank" title="Visit Seoul Instagramを新しいウィンドウで開く"> <div class="slide-item"> <div class="thumb-cont"> <img src="https://scontent-ssn1-1.cdninstagram.com/v/t51.29350-15/467651546_1112841383963839_6586983292070713997_n.jpg?_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=lOurBhNiFB8Q7kNvgHpvNt4&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=AlE-2XMI6GxyvTxtxxK3pTO&oh=00_AYDcJ6ozPg4MUDzfncILhn4zYziKj-ggdZyPERlibMaxWA&oe=674CED05" alt="" /> </div> <div class="text-cont"> <h4>visitseoul_official_jp</h4> <p> この冬食べたい!心も体もあったかグルメ😋🥢 寒い冬に暖かい韓国のグルメを堪能できる「ナムデムン(南大門)市場」✨ 暖かいスープと手打ち麺が楽しめるナムデムン(南大門)カルグクス(きしめん)通りや、香ばしい匂いが食欲をそそるナムデムン(南大門)太刀魚の煮付け通りなど、多彩なグルメが並んでおり、選ぶ楽しみも満載🤭 韓国グルメを思う存分楽しみたい方はこの冬、是非行ってみてください!😆💕 ✅ 観光TIP 👉ナムデムン(南大門)市場ではソウル3大ホットク(クァンジャン(広蔵)市場のもち米ホットク、マンウォン(望遠)市場の種入りホットク、ナムデムン(南大門)市場の野菜ホットク)といわれている野菜ホットクをご賞味いただけます🥬🍳 👉ナムデムン(南大門)市場周辺には南山タワートゥルレギルまで繋がっているペクボム(白凡)広場公園があるので一緒に訪問してみる事をオススメします🗼✨ 👉ナムデムン(南大門)市場ではグルメはもちろん、ファッション雑貨、メガネ、文房具など多彩な商品をお手頃価格で購入できます💍🖍️💸 🥣ナムデムン(南大門)市場 🚇地下鉄4号線フェヒョン駅5番出口17m ⏰月~土 営業時間は店舗ごとに異なります。 📍ソウル市チュン区ナムデムン(南大門)市場4ギル21 서울시 중구 남대문시장 4길 21 📸 @woodyfilm_ #ソウル #ソウル旅行 #ナムデムン #南大門 #南大門市場 #ナンデムン市場 #韓国料理 #韓国グルメ #ソウルグルメ #ホットク #韓国市場 #カルグクス</p> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.instagram.com/p/DCgVgWzxIPK/" target="_blank" title="Visit Seoul Instagramを新しいウィンドウで開く"> <div class="slide-item"> <div class="thumb-cont"> <img src="https://scontent-ssn1-1.cdninstagram.com/v/t51.29350-15/467406358_935047975151342_459522352918202339_n.jpg?_nc_cat=104&ccb=1-7&_nc_sid=18de74&_nc_ohc=px5c5rH97A8Q7kNvgEkfAw1&_nc_zt=23&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&_nc_gid=AlE-2XMI6GxyvTxtxxK3pTO&oh=00_AYBLIM_-UPKINHKzjCaz660xCvrkOkyDIpDrh63hbr9slA&oe=674CD426" alt="" /> </div> <div class="text-cont"> <h4>visitseoul_official_jp</h4> <p> 今すぐソウル旅行に行きたい! \ワクワク/豪華キャンペーン🎉 ソウルに行ったら【行きたいショッピングスポット】を選んで 5つ星ホテル宿泊券をゲットしましょう👫🌟 🎁ソウル市内5つ星ホテルデラックスルーム2泊分宿泊券 1名様🫶 🎈イベント期間 2024年 11月18日(月)~11月26日(火) 🎈参加方法 1️⃣@visitseoul_official_jp をフォロー 2️⃣この投稿に「いいね!」をする ❤️ 3️⃣「行ってみたいショッピングスポット」を選んでコメントに記入📝 ✙ 行ってみたい理由を記入&友達タグ付けで当選確率UP⁈✨ 🎊当選者発表 2024年11月29日(金) ※ご当選の方のみDMにてご案内いたします。 皆様の多くのご応募お待ちしております💁♀️💕 ………………………… 📌応募前にコメントの注意事項を必ずご確認ください。</p> </div> </div> </a> </div> </div> </div> </div> <!-- slider-controls(s) --> <div class="swiper-pagination"></div> <!-- slider-controls(e) --> </div> </div> </div> </section> <!-- Visit Seoul SNS(e) --> </div> <script> $(document).ready(function() { var isMobile = window.innerWidth <= 768; // 슬라이더 선택자 var $sliderMainVisual = ".slider-main-visual .swiper-container"; var $sliderEventCalendar = ".slider-event-calendar .swiper-container"; var $sliderEventCalendarMo = ".slider-event-calendar--mo .swiper-container"; var $sliderEvent = ".slider-event .swiper-container"; var $sliderExplore = ".slider-explore .swiper-container"; var $sliderEditorPick = ".slider-editor-pick .swiper-container"; var $sliderBanner = ".slider-banner .swiper-container"; var $sliderTravel = ".slider-travel .swiper-container"; var $sliderSnsYt = ".slider-sns-yt .swiper-container"; var $sliderSnsInstar = ".slider-sns-instar .swiper-container"; var $sliderRecommendations = ".slider-recommendations .swiper-container"; // 다국어 var selectedDate = null; // ------------------------------ // section-main-visual // ------------------------------ /* sliderMainVisual */ var _sliderMainVisual; if ($sliderMainVisual.length > 0) { var $sliderMainVisualProgressLine = $('.slider-main-visual').find('.autoplay-progress > svg'); var sliderMainVisualOptions = { observer: true, observeParents: true, loop: true, effect: 'fade', spaceBetween: 0, slidesPerView: 1, centeredSlides: false, speed: 1000, watchOverflow: true, autoplay: { delay: 4000, disableOnInteraction: false, }, navigation: { prevEl: ".slider-main-visual .swiper-button-prev", nextEl: ".slider-main-visual .swiper-button-next", }, pagination: { el: ".slider-main-visual .swiper-pagination", clickable: false, type: "custom", renderCustom: function(swiper, current, total) { return '<span class="current">' + (current).toString().padStart(2, '0') + '</span>' + '<span class="total">' + total.toString().padStart(2, '0') + '</span>'; /*return `<span class="current"></span><span class="total"></span>`;*/ } }, on: { init: function () { // setTimeout(function () { // setActiveFocusSliderMainVisual(); // setMainVisualStopPlay(_sliderMainVisual); // }, 200); setToggleClassSliderMainVisual(); setActiveFocusSliderMainVisual(); setMainVisualStopPlay(this); }, slideChangeTransitionEnd: function () { setToggleClassSliderMainVisual(); setActiveFocusSliderMainVisual(); }, autoplayTimeLeft: function(s, time, progress) { if (s.slides.length === 1) { $sliderMainVisualProgressLine.get(0).style.setProperty('--progress', '1'); } else { $sliderMainVisualProgressLine.get(0).style.setProperty('--progress', 1 - progress); } } }, }; /* Swiper 인스턴스 생성 */ _sliderMainVisual = new Swiper('.slider-main-visual .swiper-container', sliderMainVisualOptions); // 슬라이드 이미지 셋팅 updateSliderMainVisualImages(); // ------------------------------ function setToggleClassSliderMainVisual() { $(".slider-main-visual").find(".swiper-slide").each(function (idx, item) { if ($(item).hasClass("swiper-slide-active")) { $(item).addClass("bg-transform-scale"); } else { $(item).removeClass("bg-transform-scale"); } }); } function setActiveFocusSliderMainVisual() { $(".slider-main-visual").find(".swiper-slide").each(function (idx, item) { if ($(item).hasClass("swiper-slide-active")) { $(item).find(".title-cont > a").attr("tabindex", "0"); $(item).find(".title-cont > a").attr("aria-hidden", "false"); } else { $(item).find(".title-cont > a").attr("tabindex", "-1"); $(item).find(".title-cont > a").attr("aria-hidden", "true"); } }); } function setMainVisualStopPlay(_sliderMainVisual) { $(".slider-main-visual").find(".btn-autoplay").on("click", function () { if ($(this).hasClass("pause")) { $(this).removeClass("pause"); $(this).find("em").text("일시정지"); _sliderMainVisual.autoplay.start(); } else { $(this).addClass("pause"); $(this).find("em").text("재생"); _sliderMainVisual.autoplay.stop(); } }); } function updateSliderMainVisualImages() { // 키비주얼 모바일 이미지 변경 $('.slider-main-visual .swiper-slide .slide-bg').each(function(index, element) { var bgImage = $(element).data('webImg'); if (isMobile) { bgImage = $(element).data('moImg'); } $(element).css('background-image', 'url('+bgImage+')'); }); if (isMobile) { // 서울 탐방하기 모바일 이미지 변경 $(".explore-img").hide(); $(".explore-img-mo").show(); // visitseoul TV 모바일 이미지 변경 $(".sns-yt-img").hide(); $(".sns-yt-img-mo").show(); } else { // 서울 탐방하기 웹 이미지 변경 $(".explore-img").show(); $(".explore-img-mo").hide(); // visitseoul TV 웹 이미지 변경 $(".sns-yt-img").show(); $(".sns-yt-img-mo").hide(); } } } // ------------------------------ // section-event // ------------------------------ /* sliderEventCalendar */ var _sliderEventCalendar; if ($sliderEventCalendar.length > 0) { var sliderEventCalendarOptions = { observer: true, observeParents: true, loop: false, spaceBetween: 0, slidesPerView: 1, centeredSlides: false, speed: 400, watchOverflow: true, // 슬라이드가 1개 일 때 조작여부, 페이징버튼 숨김 여부 설정 // autoplay: { // delay: 4000, // disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) // }, touchRatio: true, navigation: { prevEl: ".slider-event-calendar .swiper-button-prev", nextEl: ".slider-event-calendar .swiper-button-next", }, // breakpoints: { // 768: { // spaceBetween: 10, // slidesPerView: 14, // 768px 이상에서는 3개의 슬라이드 표시 // }, // 1350: { // spaceBetween: 0, // slidesPerView: 14, // 1350px 이상에서는 4개의 슬라이드 표시 // // slidesPerView:'auto' // } // }, on: { init: function () { setTimeout(function() { setActiveFocusSliderEventCalendar(); }, 200); }, slideChangeTransitionEnd: function () { setActiveFocusSliderEventCalendar(); var eLen = '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/ja/' + selDt + '/' + type, data : {}, //dataType: 'json', success: function(data) { //console.log(data.eventList); if(data.eventList.length == 0){ $(".slider-event").hide(); $(".nodata-area").show(); }else{ _sliderEvent.removeAllSlides(); // 초기화 var arr = new Array(); $.each(data.eventList, function(idx, item) { var postUri = item.postUri; // 메인 썸네일 적용되면 주석 제거 //var thumbUrl = item.mainThumbUrl; var thumbUrl = item.thumbUrl; var findId = postUri.split("/")[postUri.split("/").length - 1]; var tmpUrl = $("#" + findId).val(); if($("#" + findId).length > 0){ thumbUrl = tmpUrl; } var cmmnPlace = item.cmmnPlace; if(item.cmmnPlace == null){ cmmnPlace = ""; } var dataHtml = ""; dataHtml += "<div class=\"swiper-slide\">"; dataHtml += " <a href='" + postUri + "' target='_self' title=\"ページの移動\">"; dataHtml += " <div class=\"slide-item\">"; dataHtml += " <div class=\"item-front\">"; dataHtml += " <div class=\"thumb-cont\">"; dataHtml += " <img src='" + thumbUrl + "' />"; dataHtml += " </div>"; dataHtml += " </div>"; dataHtml += " <div class=\"item-back\">"; dataHtml += " <dl class=\"text-cont\">"; dataHtml += " <dt>"; dataHtml += " <strong>" + item.postSj + "</strong>"; dataHtml += " <em class=\"date\">" + item.schdulInfoBgnde.replaceAll('-', '.') + ' ~ ' + item.schdulInfoEndde.replaceAll('-', '.') + "</em>"; dataHtml += " <em>" + cmmnPlace + "</em>"; dataHtml += " </dt>"; dataHtml += " <dd>"; dataHtml += " <p>" + item.sumry + "</p>"; dataHtml += " </dd>"; dataHtml += " </dl>"; dataHtml += " </div>"; dataHtml += " </div>" dataHtml += " </a>"; dataHtml += "</div>"; arr.push(dataHtml); }); if (data.eventList.length > 5) { $('.slider-event').find('.swiper-button-prev').css('display', 'block'); $('.slider-event').find('.swiper-button-next').css('display', 'block'); } else if (data.eventList.length <= 5) { $('.slider-event').find('.swiper-button-prev').css('display', 'none'); $('.slider-event').find('.swiper-button-next').css('display', 'none'); } $(".slider-event").show(); $(".nodata-area").hide(); _sliderEvent.appendSlide(arr); //append the images _sliderEvent.update(); //update swiper so it redoes the bindings _sliderEvent.slideTo(0); // 첫번째 슬라이드로 이동 } }, error: function(data, status, err) { console.log('error forward : ' + data); }, }); } /* Swiper 인스턴스 생성 */ _sliderEventCalendar = new Swiper($sliderEventCalendar, sliderEventCalendarOptions); function setActiveFocusSliderEventCalendar() { $('.slider-event-calendar').find('.swiper-slide').each(function(idx, item) { if ($(item).hasClass('swiper-slide-active')) { $(item).find('a').attr('tabindex', '0'); $(item).find('a').attr('aria-hidden', 'false'); } else { $(item).find('a').attr('tabindex', '-1'); $(item).find('a').attr('aria-hidden', 'true'); } }); }; // focusin 및 mouseenter 이벤트 처리 $(".slider-event-calendar").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-event-calendar").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); $(window).resize(function() { if (selectedDate) { $('.slider-event-calendar .swiper-slide .slide-item input[name=eventDate]').each(function(){ var inputValue = $(this).val(); if (inputValue === selectedDate) { var slideIdx = $(this).closest('.swiper-slide').index(); _sliderEventCalendar.slideTo(slideIdx, 500, true); $(this).closest('.slide-item').addClass('active--focus'); } else { $(this).closest('.slide-item').removeClass('active--focus'); } }); } }); // 마우스 클릭 $('.slider-event-calendar').find('.swiper-slide a').on('click', function(e) { e.preventDefault(); $('.slider-event-calendar').find('.swiper-slide .slide-item').removeClass('active--focus'); $(this).closest('.slide-item').addClass('active--focus'); sliderEventToggleNav(); // 이벤트 캘린더 날짜 클릭시에도 이벤트 슬라이드 이전/다음 버튼 체크 var selDate = $(this).closest('.slide-item').find("input[name=eventDate]").val(); selectedDate = selDate; var selDateObj = new Date(selDate); // 선택한 날짜 객체 생성 var selMonth = (selDateObj.getMonth() + 1).toString().padStart(2, '0'); // 월 가져오기 var now = new Date(); var currentMonth = (now.getMonth() + 1).toString().padStart(2, '0'); // 현재 월 if (selMonth !== currentMonth) { // 강제로 HTML의 dd (월 표시 부분)를 선택한 월로 변경 $('.event-calendar-area').find('.event-calendar .event-calendar-month dl dd').html(selMonth); } else if (selMonth === currentMonth) { $('.event-calendar-area').find('.event-calendar .event-calendar-month dl dd').html(currentMonth); } console.log("selDate", selDate); // 캘린더 날짜 선택 setExhibitionEventsData(selDate.replaceAll("-", "")); }); } /* sliderEventCalendarMo */ var _sliderEventCalendarMo; if ($sliderEventCalendarMo.length > 0) { var sliderEventCalendarMoOptions = { observer: true, observeParents: true, loop: false, spaceBetween: 0, slidesPerView: 1, centeredSlides: false, speed: 400, watchOverflow: true, // 슬라이드가 1개 일 때 조작여부, 페이징버튼 숨김 여부 설정 // autoplay: { // delay: 4000, // disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) // }, touchRatio: true, navigation: { prevEl: ".slider-event-calendar--mo .swiper-button-prev", nextEl: ".slider-event-calendar--mo .swiper-button-next", }, on: { init: function () { setTimeout(function() { setActiveFocusSliderEventCalendarMo(); }, 200); }, slideChangeTransitionEnd: function () { setActiveFocusSliderEventCalendarMo(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderEventCalendarMo = new Swiper($sliderEventCalendarMo, sliderEventCalendarMoOptions); function setActiveFocusSliderEventCalendarMo() { $('.slider-event-calendar--mo').find('.swiper-slide').each(function(idx, item) { if ($(item).hasClass('swiper-slide-active')) { $(item).find('a').attr('tabindex', '0'); $(item).find('a').attr('aria-hidden', 'false'); } else { $(item).find('a').attr('tabindex', '-1'); $(item).find('a').attr('aria-hidden', 'true'); } }); }; // focusin 및 mouseenter 이벤트 처리 $(".slider-event-calendar--mo").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-event-calendar--mo").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); $(window).resize(function() { if (selectedDate) { $('.slider-event-calendar--mo .swiper-slide .slide-item input[name=eventDate]').each(function(){ var inputValue = $(this).val(); if (inputValue === selectedDate) { var slideIdx = $(this).closest('.swiper-slide').index(); _sliderEventCalendarMo.slideTo(slideIdx, 500, true); $(this).closest('.slide-item').addClass('active--focus'); //$('.slider-event-calendar--mo').find('.swiper-slide .slide-item').addClass('active--focus'); } else { $(this).closest('.slide-item').removeClass('active--focus'); //$('.slider-event-calendar--mo').find('.swiper-slide .slide-item').removeClass('active--focus'); } }); /*if(selectedDate) { var selDate = selectedDate; // 모바일 캘린더 날짜 선택 setExhibitionEventsData(selDate.replaceAll("-", "")); } else { var selDate = $('.slider-event-calendar .swiper-slide .slide-item').find("input[name=eventDate]").val(); // 모바일 캘린더 날짜 선택 setExhibitionEventsData(selDate.replaceAll("-", "")); }*/ } }); // 마우스 클릭 $('.slider-event-calendar--mo').find('.swiper-slide a').on('click', function(e) { e.preventDefault(); /*$('.slider-event-calendar').find('.swiper-slide .slide-item').removeClass('active--focus');*/ $('.slider-event-calendar--mo').find('.swiper-slide .slide-item').removeClass('active--focus'); $(this).closest('.slide-item').addClass('active--focus'); var selDate = $(this).closest('.slide-item').find("input[name=eventDate]").val(); selectedDate = selDate; var selDateObj = new Date(selDate); // 선택한 날짜 객체 생성 var selMonth = (selDateObj.getMonth() + 1).toString().padStart(2, '0'); // 월 가져오기 var now = new Date(); var currentMonth = (now.getMonth() + 1).toString().padStart(2, '0'); // 현재 월 if (selMonth !== currentMonth) { // 강제로 HTML의 dd (월 표시 부분)를 선택한 월로 변경 $('.event-calendar-area').find('.event-calendar .event-calendar-month dl dd').html(selMonth); } else if (selMonth === currentMonth) { $('.event-calendar-area').find('.event-calendar .event-calendar-month dl dd').html(currentMonth); } console.log("selDate", selDate); // 모바일 캘린더 날짜 선택 setExhibitionEventsData(selDate.replaceAll("-", "")); }); } /* sliderEvent */ var _sliderEvent; if ($sliderEvent.length > 0) { var sliderEventOptions = { observer: true, observeParents: true, centeredSlides: false, loop: false, spaceBetween: 16, slidesPerView: 1.5, autoHeight: true, speed: 400, watchOverflow: true, touchRatio: true, navigation: { prevEl: ".slider-event .swiper-button-prev", nextEl: ".slider-event .swiper-button-next", }, // pagination: { // el: ".slider-event .swiper-pagination-fraction", // type: "fraction", // clickable: true, // }, pagination: { el: ".slider-event .swiper-pagination", type: "fraction", clickable: true, }, breakpoints: { 480: { spaceBetween: 20, slidesPerView: 2, // 480 이상에서는 3개의 슬라이드 표시 }, 768: { spaceBetween: 20, slidesPerView: 3, // 768px 이상에서는 3개의 슬라이드 표시 //loop: false, }, 1350: { spaceBetween: 20, slidesPerView: 5, // 1350px 이상에서는 4개의 슬라이드 표시 } }, on: { init: function () { setTimeout(function () { sliderEventToggleNav(); setActiveFocusSliderEventPrev(); }, 200); }, slidePrevTransitionEnd: function () { setActiveFocusSliderEventPrev(); }, slideNextTransitionEnd: function () { setActiveFocusSliderEventNext(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderEvent = new Swiper($sliderEvent, sliderEventOptions); // focusin 및 mouseenter 이벤트 처리 $(".slider-event").on('focusin mouseenter', '.swiper-slide a', function(e) { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-event").on('focusout mouseleave', '.swiper-slide a', function(e) { $(this).closest('.swiper-slide').removeClass('active--focus'); }); // 클릭 이벤트 핸들러 추가 // $(".slider-event").find('.swiper-slide').on('click', function(e) { // var sliderEventClickedIndex = $(this).index(); // _sliderEvent.slideTo(sliderEventClickedIndex); // }); $(window).on('resize', function() { sliderEventToggleNav(); }); function sliderEventToggleNav() { var eventSlides = _sliderEvent.slides.length; var shouldShowNav = eventSlides < 6 && $(window).width() >= 1350; var $nodataAreaVisible = $('.slider-event .nodata-area').is(':visible'); if (shouldShowNav || $nodataAreaVisible) { $(".slider-event .swiper-button-prev, .slider-event .swiper-button-next").hide(); } else { $(".slider-event .swiper-button-prev, .slider-event .swiper-button-next").show(); } } function setActiveFocusSliderEventPrev() { $('.slider-event').find('.swiper-slide-active').find('a').attr('tabindex', '0'); $('.slider-event').find('.swiper-slide-active').find('a').attr('aria-hidden', 'false'); }; function setActiveFocusSliderEventNext() { var $sliderEventPrevAll = $('.slider-event').find('.swiper-slide-active').prevAll(); $sliderEventPrevAll.find('a').attr('tabindex', '-1'); $sliderEventPrevAll.find('a').attr('aria-hidden', 'true'); }; } // ------------------------------ // section-explore // ------------------------------ /* sliderExplore */ var _sliderExplore; if ($sliderExplore.length > 0) { var sliderExploreCount = $(".slider-explore .swiper-slide").length; var sliderExploreOptions = { observer: true, observeParents: true, loop: false, spaceBetween: 16, slidesPerView: 1.3, centeredSlides: false, speed: 400, watchOverflow: true, // 슬라이드가 1개 일 때 조작여부, 페이징버튼 숨김 여부 설정 /* 20230920//(Ina)웹접근성 슬라이드 autoplay false처리 (슬라이드 autoplay시, autoplay조작버튼이 있어야함) */ // autoplay: { // delay: 4000, // disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) // }, touchRatio: true, navigation: { prevEl: ".slider-explore .swiper-button-prev", nextEl: ".slider-explore .swiper-button-next", }, pagination: { el: ".slider-explore .swiper-pagination", type: "bullets", clickable: true, }, breakpoints: { 768: { spaceBetween: 16, slidesPerView: 3, // 768px 이상에서는 3개의 슬라이드 표시 }, 1350: { spaceBetween: 16, slidesPerView: 4, // 1350px 이상에서는 4개의 슬라이드 표시 } }, on: { init: function () { // setTimeout(function() { // setActiveFocusSliderExplore(); // }, 200); }, slideChangeTransitionEnd: function () { // setActiveFocusSliderExplore(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderExplore = new Swiper($sliderExplore, sliderExploreOptions); // 클릭 이벤트 핸들러 추가 $(".slider-explore").find('.swiper-slide').on('click', function(e) { var sliderExploreClickedIndex = $(this).index(); _sliderEvent.slideTo(sliderExploreClickedIndex); }); // focusin 및 mouseenter 이벤트 처리 $(".slider-explore").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-explore").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); function setActiveFocusSliderExplore() { $(".slider-explore").find(".swiper-slide").each(function (idx, item) { if ($(item).hasClass("swiper-slide-active")) { $(item).find("a").attr("tabindex", "0"); $(item).find("a").attr("aria-hidden", "false"); } else { $(item).find("a").attr("tabindex", "-1"); $(item).find("a").attr("aria-hidden", "true"); } }); } } // ------------------------------ // section-editor-pick // ------------------------------ /* sliderEditorPick */ var _sliderEditorPick; if ($sliderEditorPick.length > 0) { var sliderEditorPickOptions = { observer: true, observeParents: true, slidesPerView: 1.4, centeredSlides: true, loop:true, spaceBetween: 16, speed: 400, grabCursor : true, keyboardControl: true, resizeReInit: true, updateOnWindowResize: true, /* 20230920//(Ina)웹접근성 슬라이드 autoplay false처리 (슬라이드 autoplay시, autoplay조작버튼이 있어야함) */ // autoplay: { // delay: 4000, // disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) // }, navigation: { prevEl: ".slider-editor-pick .swiper-button-prev", nextEl: ".slider-editor-pick .swiper-button-next", }, pagination: { el: ".slider-editor-pick .swiper-pagination", type: "bullets", clickable: true, }, breakpoints: { // 768: { // spaceBetween: 16, // slidesPerView: 3, // 768px 이상에서는 3개의 슬라이드 표시 // }, // 1350: { // spaceBetween: 16, // slidesPerView: 3, // }, 768: { //768 slidesPerView: 2.3, }, 1350: { //1400 slidesPerView: 2.3, }, }, on: { init: function () { setTimeout(function () { setActiveFocusSliderEditorPick(); }, 200); }, slideChangeTransitionEnd: function () { setActiveFocusSliderEditorPick(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderEditorPick = new Swiper($sliderEditorPick, sliderEditorPickOptions); // focusin 및 mouseenter 이벤트 처리 $(".slider-editor-pick").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-editor-pick").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); // 클릭 이벤트 핸들러 추가 $(".slider-editor-pick").find('.swiper-slide').on('click', function(e) { var sliderEditorPickClickedIndex = $(this).index(); _sliderEditorPick.slideTo(sliderEditorPickClickedIndex); }); function setActiveFocusSliderEditorPick() { $(".slider-editor-pick").find(".swiper-slide").each(function (idx, item) { if ($(item).hasClass("swiper-slide-active")) { $(item).find("a").attr("tabindex", "0"); $(item).find("a").attr("aria-hidden", "false"); } else { $(item).find("a").attr("tabindex", "-1"); $(item).find("a").attr("aria-hidden", "true"); } }); } } // ------------------------------ // section-banner // ------------------------------ /* sliderBanner */ var _sliderBanner; if ($sliderBanner.length > 0) { var sliderBannerOptions = { observer: true, observeParents: true, loop: true, spaceBetween: 0, slidesPerView: 1, centeredSlides: false, speed: 400, watchOverflow: true, // 슬라이드가 1개 일 때 조작여부, 페이징버튼 숨김 여부 설정 /* 20230920//(Ina)웹접근성 슬라이드 autoplay false처리 (슬라이드 autoplay시, autoplay조작버튼이 있어야함) */ autoplay: { delay: 4000, disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) }, navigation: { prevEl: ".slider-banner .swiper-button-prev", nextEl: ".slider-banner .swiper-button-next", }, pagination: { el: ".slider-banner .swiper-pagination", type: "bullets", clickable: true, }, on: { init: function () { setTimeout(function () { setActiveFocusSliderBanner(); }, 200); }, slideChangeTransitionEnd: function () { setActiveFocusSliderBanner(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderBanner = new Swiper($sliderBanner, sliderBannerOptions); function setActiveFocusSliderBanner() { $(".slider-banner").find(".swiper-slide").each(function (idx, item) { if ($(item).hasClass("swiper-slide-active")) { $(item).find("a").attr("tabindex", "0"); $(item).find("a").attr("aria-hidden", "false"); } else { $(item).find("a").attr("tabindex", "-1"); $(item).find("a").attr("aria-hidden", "true"); } }); } } // ------------------------------ // section-travel // ------------------------------ /* sliderTravel */ var _sliderTravel; if ($sliderTravel.length > 0) { var sliderTravelCount = $(".slider-travel .swiper-slide").length; var sliderTravelOptions = { observer: true, observeParents: true, loop: false, spaceBetween: 0, slidesPerView: 3, centeredSlides: false, speed: 400, watchOverflow: true, // 슬라이드가 1개 일 때 조작여부, 페이징버튼 숨김 여부 설정 // autoplay: { // delay: 4000, // disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) // }, touchRatio: sliderTravelCount > 3, // 모바일에서는 슬라이드가 3개 이하일 경우 드래그 금지 navigation: sliderTravelCount > 3 ? { prevEl: ".slider-travel .swiper-button-prev", nextEl: ".slider-travel .swiper-button-next", } : {}, // 모바일에서 슬라이드가 3개 이하일 경우 네비게이션 옵션을 빈 객체로 설정 on: { init: function () { // console.log('swiper 초기화 될때 실행'); setTimeout(function () { setActiveFocusSliderTravelPrev(); }, 200); }, slidePrevTransitionEnd: function () { setActiveFocusSliderTravelPrev(); }, slideNextTransitionEnd: function () { setActiveFocusSliderTravelNext(); }, }, breakpoints: { 768: { slidesPerView: 5, touchRatio: true, touchRatio: sliderTravelCount > 5, // 슬라이드 5개 이하일경우 드래그 금지 navigation: sliderTravelCount > 5 ? { prevEl: ".slider-travel .swiper-button-prev", nextEl: ".slider-travel .swiper-button-next", } : {}, // 슬라이드가 5개 이하인 경우 navigation 옵션을 빈 객체로 설정 }, }, }; /* Swiper 인스턴스 생성 */ _sliderTravel = new Swiper($sliderTravel, sliderTravelOptions); if (sliderTravelCount <= 5) { $(".slider-travel .swiper-button-next, .slider-travel .swiper-button-prev").hide(); } // focusin 및 mouseenter 이벤트 처리 $(".slider-travel").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-travel").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); // 클릭 이벤트 핸들러 추가 // $(".slider-travel").find('.swiper-slide').on('click', function(e) { // var sliderTravelClickedIndex = $(this).index(); // _sliderTravel.slideTo(sliderTravelClickedIndex); // }); function setActiveFocusSliderTravelPrev() { $('.slider-travel').find('.swiper-slide-active').find('a').attr('tabindex', '0'); $('.slider-travel').find('.swiper-slide-active').find('a').attr('aria-hidden', 'false'); }; function setActiveFocusSliderTravelNext() { var $sliderTravelPrevAll = $('.slider-travel').find('.swiper-slide-active').prevAll(); $sliderTravelPrevAll.find('a').attr('tabindex', '-1'); $sliderTravelPrevAll.find('a').attr('aria-hidden', 'true'); }; } // ------------------------------ // section-travel // ------------------------------ // focusin 및 mouseenter 이벤트 처리 $(".travel-list").on('focusin mouseenter', 'li > a', function() { $(this).closest('li').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".travel-list").on('focusout mouseleave', 'li > a', function() { $(this).closest('li').removeClass('active--focus'); }); // ------------------------------ // section-sns // ------------------------------ /* sliderSnsYt */ var _sliderSnsYt; if ($sliderSnsYt.length > 0) { var sliderSnsYtOptions = { observer: true, observeParents: true, spaceBetween: 16, slidesPerView: 1.15, centeredSlides: false, loop:true, speed: 400, grabCursor : true, keyboardControl: true, resizeReInit: true, updateOnWindowResize: true, /* 20230920//(Ina)웹접근성 슬라이드 autoplay false처리 (슬라이드 autoplay시, autoplay조작버튼이 있어야함) */ // autoplay: { // delay: 4000, // disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) // }, navigation: { prevEl: ".slider-sns-yt .swiper-button-prev", nextEl: ".slider-sns-yt .swiper-button-next", }, pagination: { el: ".slider-sns-yt .swiper-pagination", type: "bullets", clickable: true, }, breakpoints: { 768: { spaceBetween: 20, slidesPerView: 2.15, // 768px 이상에서는 3개의 슬라이드 표시 }, 1350: { spaceBetween: 20, slidesPerView: 3, // 1350px 이상에서는 4개의 슬라이드 표시 }, }, on: { init: function () { setTimeout(function() { setActiveFocusSliderSnsYt(); }, 200); }, slideChangeTransitionEnd: function () { setActiveFocusSliderSnsYt(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderSnsYt = new Swiper($sliderSnsYt, sliderSnsYtOptions); // focusin 및 mouseenter 이벤트 처리 $(".slider-sns-yt").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-sns-yt").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); // 클릭 이벤트 핸들러 추가 // $(".slider-sns-yt").find('.swiper-slide').on('click', function(e) { // var sliderSnsYtClickedIndex = $(this).index(); // _sliderSnsYt.slideTo(sliderSnsYtClickedIndex); // }); function setActiveFocusSliderSnsYt() { $('.slider-sns-yt').find('.swiper-slide').each(function(idx, item) { if ($(item).hasClass('swiper-slide-active')) { $(item).find('a').attr('tabindex', '0'); $(item).find('a').attr('aria-hidden', 'false'); } else { $(item).find('a').attr('tabindex', '-1'); $(item).find('a').attr('aria-hidden', 'true'); } }); }; } /* sliderSnsInstar */ var _sliderSnsInstar; if ($sliderSnsInstar.length > 0) { var sliderSnsInstarOptions = { observer: true, observeParents: true, spaceBetween: 16, slidesPerView: 1.15, centeredSlides: false, loop:false, speed: 400, grabCursor : true, keyboardControl: true, resizeReInit: true, updateOnWindowResize: true, /* 20230920//(Ina)웹접근성 슬라이드 autoplay false처리 (슬라이드 autoplay시, autoplay조작버튼이 있어야함) */ // autoplay: { // delay: 4000, // disableOnInteraction: false // 쓸어 넘기거나 버튼 클릭 시 자동 슬라이드 정지 (false=정지안됨, true=정지) // }, navigation: { prevEl: ".slider-sns-instar .swiper-button-prev", nextEl: ".slider-sns-instar .swiper-button-next", }, pagination: { el: ".slider-sns-instar .swiper-pagination", type: "bullets", clickable: true, }, breakpoints: { 768: { spaceBetween: 12, slidesPerView: 2.15, // 768px 이상에서는 3개의 슬라이드 표시 }, 1350: { spaceBetween: 12, slidesPerView: 4, // 1350px 이상에서는 4개의 슬라이드 표시 }, }, on: { init: function () { // console.log('swiper 초기화 될때 실행'); setTimeout(function () { setActiveFocusSliderSnsInstarPrev(); }, 200); }, slidePrevTransitionEnd: function () { setActiveFocusSliderSnsInstarPrev(); }, slideNextTransitionEnd: function () { setActiveFocusSliderSnsInstarNext(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderSnsInstar = new Swiper($sliderSnsInstar, sliderSnsInstarOptions); // focusin 및 mouseenter 이벤트 처리 $(".slider-sns-instar").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-sns-instar").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); // 클릭 이벤트 핸들러 추가 $(".slider-sns-instar").find('.swiper-slide').on('click', function(e) { var sliderSnsInstarClickedIndex = $(this).index(); _sliderSnsInstar.slideTo(sliderSnsInstarClickedIndex); }); function setActiveFocusSliderSnsInstarPrev() { $('.slider-sns-instar').find('.swiper-slide-active').find('a').attr('tabindex', '0'); $('.slider-sns-instar').find('.swiper-slide-active').find('a').attr('aria-hidden', 'false'); }; function setActiveFocusSliderSnsInstarNext() { var $sliderSnsInstarPrevAll = $('.slider-sns-instar').find('.swiper-slide-active').prevAll(); $sliderSnsInstarPrevAll.find('a').attr('tabindex', '-1'); $sliderSnsInstarPrevAll.find('a').attr('aria-hidden', 'true'); }; } // ------------------------------ // section-recommendations // ------------------------------ /* slider-recommendations */ var _sliderRecommendations; if ($sliderRecommendations.length > 0) { var sliderRecommendationsOptions = { observer: true, observeParents: true, spaceBetween: 0, slidesPerView: 1, centeredSlides: true, loop: true, speed: 400, grabCursor: true, keyboard: { enabled: true, }, resizeReInit: true, updateOnWindowResize: true, navigation: { prevEl: ".slider-recommendations .swiper-button-prev", nextEl: ".slider-recommendations .swiper-button-next", }, // pagination: { // el: ".slider-recommendations .swiper-pagination", // type: "fraction", // clickable: true, // renderFraction: function (currentClass, totalClass) { // return `<span class=""></span> / <span class=""></span>`; // }, // }, breakpoints: { 768: { spaceBetween: 12, slidesPerView: 3, centeredSlides: false, }, 1350: { spaceBetween: 12, slidesPerView: 4.6, centeredSlides: false, }, }, on: { init: function () { setTimeout(function () { sliderRecommendationsUpdatePagination(); setActiveRecommendations(); setActiveRecommendationsTextCont(); }, 200); }, slideChangeTransitionEnd: function () { setActiveRecommendations(); sliderRecommendationsUpdatePagination(); setActiveRecommendationsTextCont(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderRecommendations = new Swiper($sliderRecommendations, sliderRecommendationsOptions); // 버튼 클릭 이벤트 핸들러 $(".slider-recommendations").on('click', '.swiper-button-prev', function () { sliderRecommendationsUpdatePagination(); }); $(".slider-recommendations").on('click', '.swiper-button-next', function () { sliderRecommendationsUpdatePagination(); }); var recommendationsSlidesTotal = 4; // 하드코딩된 총 페이지 수 // 페이지네이션 업데이트 함수 function sliderRecommendationsUpdatePagination() { var recommendationsSlidesCurrent = $(".slider-recommendations").find(".swiper-slide-active").data("slide-idx"); // 현재 슬라이드의 data-slide-idx 값을 가져옴 $(".slider-recommendations").find(".swiper-pagination-current").text(recommendationsSlidesCurrent); $(".slider-recommendations").find(".swiper-pagination-total").text(recommendationsSlidesTotal); } // focusin 및 mouseenter 이벤트 처리 $(".slider-recommendations").on('focusin mouseenter', '.swiper-slide a', function () { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-recommendations").on('focusout mouseleave', '.swiper-slide a', function () { $(this).closest('.swiper-slide').removeClass('active--focus'); }); function setActiveRecommendations() { $(".slider-recommendations").find(".swiper-slide").each(function (idx, item) { if ($(item).hasClass("swiper-slide-active")) { $(item).find("a").attr("tabindex", "0"); $(item).find("a").attr("aria-hidden", "false"); } else { $(item).find("a").attr("tabindex", "-1"); $(item).find("a").attr("aria-hidden", "true"); } }); } function setActiveRecommendationsTextCont() { var activeSlideTextA4 = $(".slider-recommendations .swiper-slide.swiper-slide-active").find(".text-cont h4").text(); var activeSlideTextP = $(".slider-recommendations .swiper-slide.swiper-slide-active").find(".text-cont p").text(); var newContent = '<h4>' + activeSlideTextA4 + '</h4><p>' + activeSlideTextP + '</p>'; $(".slider-recommendations .slider-info").find('.text-cont').html(newContent); } } $(window).resize(function() { var wasMobile = isMobile; isMobile = window.innerWidth <= 768; if (wasMobile !== isMobile) { updateSliderMainVisualImages(); } // 각 슬라이더의 업데이트 호출 if (_sliderMainVisual) { _sliderMainVisual.update(); } if (_sliderEventCalendar) { _sliderEventCalendar.update(); } if (_sliderEventCalendarMo) { _sliderEventCalendarMo.update(); } if (_sliderEvent) { _sliderEvent.update(); sliderEventToggleNav(); } if (_sliderExplore) { _sliderExplore.update(); } if (_sliderEditorPick) { _sliderEditorPick.update(); } if (_sliderBanner) { _sliderBanner.update(); } // 2024.09.12 국문 제외 어권별 이벤트 오류로 인한 주석 처리(chlim) // if (_sliderTravel) { // _sliderTravel.update(); // } if (_sliderSnsYt) { _sliderSnsYt.update(); } if (_sliderSnsInstar) { _sliderSnsInstar.update(); } }); /* $(window).resize(function() { var wasMobile = isMobile; isMobile = window.innerWidth <= 768; if (wasMobile !== isMobile) { updateSliderMainVisualImages(); } });*/ /*function updateSliderMainVisualImagesForDesktop() { // 키비주얼 이미지 웹 이미지 변경 $('.slider-main-visual .swiper-slide .slide-bg').each(function(index, element) { var bgImage = $(element).data('webImg'); $(element).css('background-image', 'url('+bgImage+')'); }); // 서울 탐방하기 웹 이미지 변경 $(".explore-img").show(); $(".explore-img-mo").hide(); // visitseoul TV 웹 이미지 변경 $(".sns-yt-img").show(); $(".sns-yt-img-mo").hide(); } function updateSliderMainVisualImagesForMobile() { // 키비주얼 이미지 웹 이미지 변경 $('.slider-main-visual .swiper-slide .slide-bg').each(function(index, element) { // 키비주얼 이미지 모바일로 변경 var bgImage = $(element).data('moImg'); $(element).css('background-image', 'url('+bgImage+')'); }); // 서울 탐방하기 모바일 이미지 변경 $(".explore-img").hide(); $(".explore-img-mo").show(); // visitseoul TV 모바일 이미지 변경 $(".sns-yt-img").hide(); $(".sns-yt-img-mo").show(); } function updateSliderMainVisualImages() { if (isMobile) { updateSliderMainVisualImagesForMobile(); } else { updateSliderMainVisualImagesForDesktop(); } }*/ }); // 유튜브 조회수&좋아요 수 var getSubmit = function(actionUrl, param, async){ var result = null; $.ajax({ type : "get", url: actionUrl, data: param, dataType: 'json', contentType: 'application/x-www-form-urlencoded; charset=UTF-8', async: async, success: function(data) { result = data; }, error: function(data, status, err) { console.log('error forward : ' + data); } }); return result; }; var tvUrl = ""; tvUrl = 'https://youtu.be/gMNFLAO_hZw?feature=shared'; tvUrl = tvUrl.replace(" ",""); tvUrl = tvUrl.replace("https://www.youtube.com/embed/",""); tvUrl = tvUrl.replace("https://www.youtube.com/watch?v=",""); var result = getSubmit('https://www.googleapis.com/youtube/v3/videos?id='+tvUrl+'&key=AIzaSyB5stDolE0K-zxLEoFYBeh7KLvvKycq86s&fields=items(id,statistics)&part=statistics', '', false); if(result != null) { $("#tvView"+1).html(result.items[0].statistics.viewCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); $("#tvLike"+1).html(result.items[0].statistics.likeCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); }else{ $('.info-num').css('display','none'); } tvUrl = 'https://www.youtube.com/watch?v=QWHAfKE2N3c&t=4s'; tvUrl = tvUrl.replace(" ",""); tvUrl = tvUrl.replace("https://www.youtube.com/embed/",""); tvUrl = tvUrl.replace("https://www.youtube.com/watch?v=",""); var result = getSubmit('https://www.googleapis.com/youtube/v3/videos?id='+tvUrl+'&key=AIzaSyB5stDolE0K-zxLEoFYBeh7KLvvKycq86s&fields=items(id,statistics)&part=statistics', '', false); if(result != null) { $("#tvView"+2).html(result.items[0].statistics.viewCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); $("#tvLike"+2).html(result.items[0].statistics.likeCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); }else{ $('.info-num').css('display','none'); } tvUrl = 'https://www.youtube.com/watch?v=Gek98XKbRew'; tvUrl = tvUrl.replace(" ",""); tvUrl = tvUrl.replace("https://www.youtube.com/embed/",""); tvUrl = tvUrl.replace("https://www.youtube.com/watch?v=",""); var result = getSubmit('https://www.googleapis.com/youtube/v3/videos?id='+tvUrl+'&key=AIzaSyB5stDolE0K-zxLEoFYBeh7KLvvKycq86s&fields=items(id,statistics)&part=statistics', '', false); if(result != null) { $("#tvView"+3).html(result.items[0].statistics.viewCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); $("#tvLike"+3).html(result.items[0].statistics.likeCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); }else{ $('.info-num').css('display','none'); } tvUrl = 'https://www.youtube.com/watch?v=sW7YDnAHaPw&t=6s'; tvUrl = tvUrl.replace(" ",""); tvUrl = tvUrl.replace("https://www.youtube.com/embed/",""); tvUrl = tvUrl.replace("https://www.youtube.com/watch?v=",""); var result = getSubmit('https://www.googleapis.com/youtube/v3/videos?id='+tvUrl+'&key=AIzaSyB5stDolE0K-zxLEoFYBeh7KLvvKycq86s&fields=items(id,statistics)&part=statistics', '', false); if(result != null) { $("#tvView"+4).html(result.items[0].statistics.viewCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); $("#tvLike"+4).html(result.items[0].statistics.likeCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); }else{ $('.info-num').css('display','none'); } tvUrl = 'https://www.youtube.com/watch?v=a6qI_5wqbWs&t=8s'; tvUrl = tvUrl.replace(" ",""); tvUrl = tvUrl.replace("https://www.youtube.com/embed/",""); tvUrl = tvUrl.replace("https://www.youtube.com/watch?v=",""); var result = getSubmit('https://www.googleapis.com/youtube/v3/videos?id='+tvUrl+'&key=AIzaSyB5stDolE0K-zxLEoFYBeh7KLvvKycq86s&fields=items(id,statistics)&part=statistics', '', false); if(result != null) { $("#tvView"+5).html(result.items[0].statistics.viewCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); $("#tvLike"+5).html(result.items[0].statistics.likeCount.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); }else{ $('.info-num').css('display','none'); } </script> </main> <!-- start:footer --> <!-- footer(s) --> <footer class="footer"> <div class="footer-inner"> <!-- 202341106//(Ina).footer-group-01 영역 수정(s) --> <div class="footer-group-01"> <div class="row logo"> <span> <!-- ico-sto : 한국어 서울관광재단 로고 ico-sto.en : 영문/말레이어 서울관광재단 로고 ico-sto.jp : 일문 서울관광재단 로고 ico-sto.cn : 간체 서울관광재단 로고 ico-sto.tw : 번체 서울관광재단 로고 ico-sto.ru : 러시아 서울관광재단 로고 (임시 영문로고로 반영) --> <a class="btn-sto" href="http://www.sto.or.kr" target="_blank" title="ソウル観光財団"> <i class="ico-sto"><em class="blind">STO ソウル観光財団 SEOUL TOURISM ORGANIZATION</em></i> </a> </span> <span> <a class="btn-seoulMySoul" href="https://japanese.seoul.go.kr/" target="_blank" title="ソウル特別市"> <i class="ico-seoulMySoul"><em class="blind">SEOUL MY SOUL</em></i> </a> </span> </div> <div class="row privacy"> <span> <a class="btn-privacy" href="http://www.sto.or.kr/english/privacy" target="_blank" title="個人情報取扱方針新しいウィンドウを開く"><b>個人情報取扱方針</b></a> </span> <span> <a class="btn-announcements" href="/announcements" title="お知らせ"><b>お知らせ</b></a> </span> </div> </div> <!-- 202341106//(Ina).footer-group-01 영역 수정(e) --> <div class="footer-group-02"> <div class="row"> <dl> <dt>運営</dt> <dd> <span>月~金曜日9:00~18:00</span> <span> <a class="btn-link" href="mailto:staff@visitseoul.net" title="外部システムでメール送信を新しいウィンドウで行う">staff@visitseoul.net</a> </span> </dd> </dl> <dl> <dt>観光苦情処理センター</dt> <dd> <span> <a class="btn-info" href="/tourist-complaint-center" target="_blank" title="観光苦情処理センター"> <em>観光苦情処理センター</em> <i class="ico-more"></i> </a> </span> <span> <a class="btn-info" href="https://1330chat.visitkorea.or.kr:3000/#/ttalk_main/CHAT1330_160635739001093018/_0400_0100_localgovernment" target="_blank" title="一般観光案内を新しいウィンドウで開く"> <em>一般観光案内 1330</em> <i class="ico-more"></i> </a> </span> </dd> </dl> </div> <div class="row"> <dl> <dt>Visit Seoul アプリガイド</dt> <dd> <span> <a class="btn-info" href="https://itunes.apple.com/app/i-tour-seoul/id360156429" target="_blank" title="app store 新しいウィンドウを開く"> <em>App Store</em> <i class="ico-more"></i> </a> </span> <span> <a class="btn-info" href="https://play.google.com/store/apps/details?id=com.sto.android.client.itourseoul" target="_blank" title="google Play 新しいウィンドウを開く"> <em>Google Play</em> <i class="ico-more"></i> </a> </span> </dd> </dl> <dl class="sns"> <dt>Visit Seoul SNS</dt> <dd> <a class="btn-instar" href="https://www.instagram.com/visitseoul_official_jp/" target="_blank" title="Visit Seoul Instagramを新しいウィンドウで開く"> <i class="ico-instar"></i> </a> <a class="btn-yt" href="https://www.youtube.com/user/visitseoul" target="_blank" title="Visit Seoul Youtubeを新しいウィンドウで開く"> <i class="ico-yt"></i> </a> </dd> </dl> </div> <div class="row copyright"> <span>ソウル鍾路区清渓川路85(31ビル)6階</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 / 情報保護及び個人情報保護管理システム認証</em> </i> </dt> <dd> 情報保護及び個人情報保護<br> 管理システム認証</dd> </dl> <dl> <dt> <i class="ico-webacc"> <em class="blind">韓国科学技術情報通信部 WA品質認証マーク WebWatch 2024.7.9 ~ 2025.7.8</em> </i> </dt> <dd> 韓国科学技術情報通信部<br> WA品質認証マーク</dd> </dl> <dl> <dt> <i class="ico-appAward"> <em class="blind">AA APP AWARD23 INNOVATOR</em> </i> </dt> <dd> Smart App Award<br>2023</dd> </dl> <dl> <dt> <i class="ico-webAward"> <em class="blind">WA WEB AWARD23 WINNER</em> </i> </dt> <dd> Web Award<br>2023</dd> </dl> </div> </div> </footer> <!-- gnb and search 마스크처리 --> <div class="mask-layer"></div> <div class="mask-layer--search"></div> <!-- footer(e) --> <!-- 20240906//(Ina) 스크립트 추가(s) --> <script> $(document).ready(function() { if(location.pathname === "/AboutSeoul"){ $('.main--renewal-2024').removeClass('no-sub-visual'); } }); </script> <!-- 20240906//(Ina) 스크립트 추가(e) --><!-- end:footer --> </div> <script> $(window).load(function () { if (navigator.userAgent.indexOf("Trident") > 0) { $('.info-IE').css('display', 'block'); window.location.href = 'microsoft-edge:' + location.href; } else if (/MSIE \d |Trident.*rv:/.test(navigator.userAgent)) { $('.info-IE').css('display', 'block'); window.location.href = 'microsoft-edge:' + location.href; } }); </script> <script> </script> <!-- <script src="//weblog.eseoul.go.kr/wlo/js/install.js"></script> --> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=281238195644628&ev=PageView&noscript=1" alt=""/> </noscript> <script type="text/javascript"> (function(w, d, a){ w.__beusablerumclient__ = { load : function(src){ var b = d.createElement("script"); b.src = src; b.async=true; b.type = "text/javascript"; d.getElementsByTagName("head")[0].appendChild(b); } };w.__beusablerumclient__.load(a + "?url=" + encodeURIComponent(d.URL)); })(window, document, "//rum.beusable.net/load/b220330e163642u911"); </script> </body> </html>