CINXE.COM

Accommodation | The Official Travel Guide to Seoul

<!DOCTYPE html> <html lang="en" class="en exclude-kr v2"> <head> <meta charset="UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width"/> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <link rel="canonical" href="http://english.visitseoul.net/Accommodation" hreflang="en"/> <link rel="shortcut icon" href="/resources/theme/basic/assets/images/img/Favicon.png?bust=20240828_1" type="image/x-icon"/> <link rel="icon" href="/resources/theme/basic/assets/images/img/Favicon.png?bust=20240828_1" type="image/x-icon"/> <!-- 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="en_US"/> <!-- 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-MP7V6XN');</script> <!-- End Google Tag Manager --> <!-- 2022-04-01 [해리] 비짓서울 웹사이트 스크립트 수정 가이드에 따라 적용.(여기까지) --> <!-- 20220727 게시판등록 게시물의 경우 meta정보가 잘못 세팅되어 다시 강제 설정.(Interceptor에서 잘못 세팅 하고 있음) --> <title> Accommodation | The Official Travel Guide to Seoul</title> <!-- 2022-04-01 [해리] 네이버, 얀덱스, 빙 검색엔진 SEO도구에서 웹사이트를 인증하기 위해 적용. ( kjksds ) --> <!-- Naver Search Advisor --> <meta name="naver-site-verification" content="002a5d0234ba29e9922b3ebdbed87135e615b07a"/> <!-- Yandex Web Master --> <meta name="yandex-verification" content="4f8315abc348ac7e"/> <!-- 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="msvalidate.01" content="C78695BE1ACBC96EE23961DE4222337D" /> <!-- 중문 간체 페이지의 바이두 웹마스터도구 등록 --> <meta name="baidu-site-verification" content="codeva-FDJWprEhMq" /> <meta name="title" content=" Accommodation | The Official Travel Guide to Seoul"> <meta name="description" content=" Accommodation"> <meta name="keywords" content=" Accommodation"> <meta name="WT.ti" content="Home_Travel Information_ Accommodation"/> <meta property="og:type" content="Website"> <meta property="og:title" content=" Accommodation"> <meta property="og:description" content=" Accommodation"> <meta property="og:image" content="http://english.visitseoul.net/resources/theme/images/img/visitseoul_sns_20241127.png"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@VisitSeoul"> <meta name="twitter:creator" content="@VisitSeoul"> <meta name="twitter:title" content=" Accommodation"> <meta name="twitter:description" content=" Accommodation"> <meta name="twitter:image" content="http://english.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=20241205"/> <link rel="stylesheet" href="/resources/theme/style/mayday_sub_en.css?20221228_01"/> <script> const sessionId = '555F4042754C2F235F43EC83A1225C17.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.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> <script src="/resources/theme/plugin/echarts-5.1.2/echarts.common.js?bust=2022128_01"></script> <link type="text/css" rel="stylesheet" href="/resources/theme/style/2021/safe_caster.css?bust=20240827" class="css"> <!--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=20241218_3" 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"/> <link rel="stylesheet" href="/resources/theme/style/2019/content.css?bust=20241106"/> <link rel="stylesheet" href="/resources/theme/style/2019/layout.css?bust=20241025"/> <link rel="stylesheet" href="/resources/theme/style/content.css?dt=20231218_01"/> <link rel="stylesheet" href="/resources/theme/style/seoul_stay.css?bust=20230913_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 = 'Show content'; var hideText = 'hide content'; var alltext = 'Show all'; var lessText = 'Show less'; </script> <script src="/resources/theme/script/content.js?bust=20240808_1"></script> <link rel="stylesheet" href="/resources/theme/v2/style/common.css?bust=20250120"> <link rel="stylesheet" href="/resources/theme/v2/style/main.css?bust=20241010"> <link rel="stylesheet" href="/resources/theme/v2/style/content.css?bust=20250120"> <script src="/resources/theme/plugin/jquery.tmpl.js"></script> <!-- 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=20241220"></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://english.visitseoul.net", "logo": "https://korean.visitseoul.net/comm/getImage?srvcId=MEDIA&parentSn=49029&fileTy=MEDIA&fileNo=1", "sameAs": [ "https://www.instagram.com/visitseoul_official", "https://www.facebook.com/VisitSeoul", "https://www.youtube.com/c/VisitSeoulTV", "https://www.tiktok.com/@visitseoul" ] }</script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "WebSite", "url": "https://english.visitseoul.net/", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://english.visitseoul.net/search?lang=en&searchTerm={search_term_string}" }, "query-input": "required name=search_term_string" } }</script> <!-- 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-J3CHX30YSK"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-J3CHX30YSK'); </script> <!-- 대한항공 seoul festa 2023 이벤트 측정 GA ( 20230510 이벤트 종료하여 삭제 처리 )--> <!-- 2022-04-01 [해리] 바이두 검색엔진 SEO도구에서 웹사이트를 인증하기 위해 적용. ( kjksds ) --> <!-- 2022-04-01 [해리] 바이두 검색엔진 SEO도구에서 웹사이트를 인증하기 위해 적용.(여기까지) --> </head> <body class="sub"> <!-- 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-MP7V6XN" 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">Skip Navigation</strong> <ul> <li><a href="#container"><span>Skip to body</span></a></li> <li><a href="#navigation"><span>Go to the menu</span></a></li> </ul> </div> <!-- 20211104//(Ina)본문 바로가기 링크 순서수정(e) --> <div class="wrapper mainWrap main--renewal-2024 mainWrap "> <!-- start:header --> <!-- Matomo --> <script> let urlSplit = window.location.href.trim().substring(8, 10); // console.log("substring한 url 어권 데이터는: ", urlSplit); let _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["setDocumentTitle", document.domain + "/" + document.title]); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { let u="https://analytics.visitseoul.net/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '8']); let websiteIdDuplicate; switch (urlSplit){ case "ko": websiteIdDuplicate = 1; break; case "en": websiteIdDuplicate = 2; break; case "ja": websiteIdDuplicate = 3; break; case "ch": websiteIdDuplicate = 4; break; case "tc": websiteIdDuplicate = 5; break; case "ru": websiteIdDuplicate = 6; break; case "ma": websiteIdDuplicate = 7; break; } _paq.push(['addTracker', u+'matomo.php', websiteIdDuplicate]); let d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> <!-- 20231106//(Ina)비짓서울 상단 공지배너 영역 추가(s) --> <div class="top-banner-area info" id="topBannerInfo" style="display:none;height:0px;"> <!-- <div class="top-banner-area info" id="topBannerInfo"> --> <div class="inner-cont"> <div class="top-banner"> <a class="btn-link" href="https://english.visitseoul.net/announcements/Notice-of-Visit-Seoul-Cloud-Migration-September-19-2024-Thu---October-02-2024-Wed/ENB013750?curPage=1" target="_self" title="Go to page"> <strong> Notice of Visit Seoul Cloud Migration (September 19, 2024 (Thu) - October 02, 2024 (Wed))</strong> </a> </div> <a class="btn-close" id="topBannerInfoClose" href="javascript:void(0);"> <i class="css-arrow-close"><em class="blind">close</em></i> </a> </div> </div> <!-- 20220809//(Ina)비짓서울 상단 공지배너 영역 추가(e) --> <!-- 20221122//(Ina)쿠키 수집 동의 팝업 영역 추가(s) --> <div class="cookie-popup-area" id="cookiePopup" style="display:none"> <div class="inner-cont"> <div class="text-cont"> <p>The Visit Seoul website uses cookies to enhance the user experience, improve the website, and more.</p> <p>Continuing use of this website means that you agree to the use of cookies.</p> </div> <div class="btn-block"> <a href="javascript:void(0);" class="btn-primary" id="btnCookieAgree"> <em>Accept All</em> </a> <a href="javascript:void(0);" id="btnCookieDisagree"> <em>Reject All</em> </a> <a href="https://www.sto.or.kr/english/privacy" target="_blank" title="open new window"> <em>Cookies Information</em> </a> </div> </div> </div> <!-- 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>Internet Explorer is no longer supported. We will switch you over to Edge for the best experience.</strong> </div> </div> </div> <!-- 20211207//(Ina)탑배너 영역 추가(e) --> <!----- 20211012//(Ina)공통 퀵메뉴 추가(s) -----> <!-- *운영서버 반영시 title속성 각 언어권 문구로 들어가야 합니다. .btn-quick-list 퀵메뉴 버튼 title속성 퀵메뉴 영역 열기/닫기 텍스트 동적으로 처리 필요합니다. --> <!-- 퀵메뉴 --> <input type="hidden" id="quick_menu_open" value="Open Quick Menu Area" /> <input type="hidden" id="quick_menu_close" value="Selected Close Quick Menu Area" /> <div class="quick-menu-cont" style=""> <button type="button" id="btn-quick-list-pc" class="btn-quick-list js-quick-list-btn" title="Open Quick Menu Area"> <em class="quick-menu-title">Quick Menu</em> <i class="ico-arrow"></i> </button> <ul class="quick-menu-list"> <li> <a class="div-cell" href="https://english.visitseoul.net/editorspicks" target="_self" title="Go to page"> <i class="ico-editorpick"></i> <em>Seoulite's Picks</em> </a> </li> <li> <a class="div-cell" href="https://english.visitseoul.net/exhibition-events#tabAll&selectedMonth=202411" target="_self" title="Go to page"> <i class="ico-exhibition"></i> <em>Exhibition/Festival/Events</em> </a> </li> <li> <a class="div-cell" href="https://english.visitseoul.net/safe-travel" target="_self" title="Go to page"> <i class="ico-smarttrip"></i> <em>Seoul Smart Travel</em></a> </li> <li> <div class="sns-area div-cell"> <div class="pos-cont"> <a href="https://www.facebook.com/VisitSeoul" target="_blank" title="Open new window for Visit Seoul Facebook page"> <i class="ico-fb"></i> <em class="blind">Facebook logo icon</em> </a> <a href="https://www.instagram.com/visitseoul_official/" target="_blank" title="Open new window for Visit Seoul Instagram page"> <i class="ico-instar"></i> <em class="blind">Instagram logo icon</em> </a> <a href="https://www.youtube.com/user/visitseoul" target="_blank" title="Open new window for Visit Seoul Youtube page"> <i class="ico-yt"></i> <em class="blind">YouTube logo icon</em> </a> <a href="https://www.tiktok.com/@visitseoul" target="_blank" title="Open new window for Visit Seoul TikTok page"> <i class="ico-tiktok"></i> <em class="blind">TikTok logo icon</em> </a> </div> </div> </li> </ul> </div> <!-- pc(s) --> <!-- 최상단으로 가기(s) --> <button type="button" class="btn-quick-top js-quick-top-btn" title="going to the top"> <em class="blind">Go to the top button</em> <i class="ico-arrow"></i> </button> <!-- 최상단으로 가기(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="Open Quick Menu Area"> <em class="blind">quick menu button</em> <i class="ico-arrow"></i> </button> <ul class="quick-menu-list" style=""> <li> <a href="https://english.visitseoul.net/editorspicks" target="_self" title="Go to page"> <div class="text-cont div-cell"> <em>Seoulite's Picks</em> </div> <div class="ico-cont div-cell"> <i class="ico-editorpick"></i> </div> </a> </li> <li> <a href="https://english.visitseoul.net/exhibition-events#tabAll&selectedMonth=202411" target="_self" title="Go to page"> <div class="text-cont div-cell"> <em>Exhibition/Festival/Events</em> </div> <div class="ico-cont div-cell"> <i class="ico-exhibition"></i> </div> </a> </li> <li> <a href="https://english.visitseoul.net/safe-travel" target="_self" title="Go to page"> <div class="text-cont div-cell"> <em>Seoul Smart Travel</em></div> <div class="ico-cont div-cell"> <i class="ico-smarttrip"></i> </div> </a> </li> </ul> </div> <!-- 퀵메뉴 - 국/영/일/중 어권(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://english.visitseoul.net"> <span class="hd-element">visitseoul.net</span> </a> </h1> </div> <div class="gnb"> <ul class="gnb-element"> <li> <a href="#none">Seoul Now<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">Seoul Now</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/exhibition-events">Exhibition/Festival/Events</a> </li> <li> <a href="/event">Visit Seoul Events</a> </li> <li> <a href="/realtime-seoul">Seoul Live Tourism Guide</a> </li> <li> <a href="/curation">My Seoul Curation</a> </li> <li> <a href="/archive">Seoul Tourism Archive</a> </li> </ul> </div> </li> <li> <a href="#none">Travel Themes<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">Travel Themes</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/editorspicks">Seoulites' Picks</a> </li> <li> <a href="/walking-tour">Seoul Guided Walking Tour</a> </li> <li> <a href="/seoul-hiking">Seoul Hiking Tourism</a> </li> <li> <a href="/hallyu">Hallyu</a> </li> <li> <a href="/mvp">Must Visit Places of Seoul</a> </li> <li> <a href="/accessible-seoul">Accessible Seoul</a> </li> </ul> </div> </li> <li> <a href="#none">Things to Do<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">Things to Do</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/attractions">Attractions</a> </li> <li> <a href="/nature">Nature</a> </li> <li> <a href="/entertainment">Entertainment</a> </li> <li> <a href="/shopping">Shopping</a> </li> <li> <a href="/restaurants">Restaurants</a> </li> <li> <a href="/area">Explore by Area</a> </li> </ul> </div> </li> <li> <a href="#none">Travel Information<span class="line"></span><i class="ion-ios-arrow-down"></i></a> <div class="gnb-inner"> <div class="gnb-sub-title"> <p class="large-text">Travel Information</p> <p class="small-text"> </p> </div> <ul class="depth-2"> <li> <a href="/AboutSeoul">About Seoul</a> </li> <li> <a href="/map-guide-book">Guidebooks & Maps</a> </li> <li> <a href="/safe-travel">Seoul Smart Travel</a> </li> <li> <a href="/Getting-to-seoul">Transportation</a> </li> <li> <a href="/Accommodation"> Accommodation</a> </li> <li> <a href="/Before-You-Go">Before You Go</a> </li> <li> <a href="/traveler-support">Traveler Assistance</a> </li> </ul> </div> </li> </ul> </div> <div class="pull-right"> <div class="weather-area"> <div class="weather-cont"> <!-- *날씨 아이콘 .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="Open the search area"> <span class="blind">Open the search area</span> </a> </div> <!-- 검색 영역 열기 --> <div class="mylike-cont"> <div class="mylike-element"> <button type="button" class="btn-mylike js-btn-mylike--2024" id="btnMylike"> <span class="blind">My Favorites</span> </button> </div> <!-- 202305//(Ina)툴팁영역 추가(s) --> <div class="mylike-open-area" id="mylikeOpenArea" style=""> <div class="title"> <h3>My Favorites</h3> <button type="button" class="btn-like-tooltip"> <i class="ico-info"> <em class="blind">My Favorites Tooltip Button</em> </i> </button> <!-- 20230725//(Ina)줄바꿈처리 수정(s) --> <div class="info-balloon"> <p> <span class="change-word-break">The Favorites function assists you so that you can save travel information you're interested in according to the region in Seoul. </span> <span class="change-word-break"></span> </p> </div> <!-- 20230725//(Ina)줄바꿈처리 수정(e) --> </div> <ul class="ulWishList-mobile"> </ul> <div class="btn-block"> <a href="/wishlist" class="btn-primary"> <span>Go to My Favorites</span> </a> </div> </div> </div> <div class="other-menu-cont js-other-menu-cont--2024"> <div class="other-menu-element"> <div class="lang-element"> <a class="btn-lang js-btn-lang--2024" href="#" title="Open language selection menu"> <div class="mo-view"> <span class="lang-text">English</span> <i class="ion-ios-arrow-down"></i> </div> <span class="lang-text blind">Multilanguage Open Link</span> </a> <ul class="lang-open-lst"> <li><a href="https://korean.visitseoul.net">한국어</a></li> <li><a href="https://english.visitseoul.net">English</a></li> <li><a href="https://japanese.visitseoul.net">日本語</a></li> <li><a href="https://chinese.visitseoul.net">简体中文</a></li> <li><a href="https://tchinese.visitseoul.net">繁體中文</a></li> <li><a href="https://russian.visitseoul.net">русскийязык<sup>beta</sup></a></li> <li><a href="https://malay.visitseoul.net">Malay<sup>beta</sup></a></li> </ul> </div> <input type="hidden" id="family_open_text" value="Open Family Site URL" /> <input type="hidden" id="family_close_text" value="Close Family Site URL" /> <input type="hidden" id="lang_open_text" value="Open language selection menu" /> <input type="hidden" id="lang_close_text" value="Close language selection menu" /> <div class="family-element"> <a href="javascript:void(0);" class="a_family js-btn-family--2024" title="Open Family Site URL"> <div class="mo-view"> <span class="lang-text">Affiliations</span> <i class="ion-ios-arrow-down"></i> </div> <span class="lang-text">Affiliations</span> </a> <ul class="lang-open-lst family-list"> <li><a href="http://www.miceseoul.com/index" target="_blank" title="Seoul Convention Bureau open new window">Seoul Convention Bureau</a></li> <li><a href="http://english.visitseoul.net/partners-en" target="_blank" title="Partners open new window">Partners</a></li> <li><a href="http://www.sto.or.kr" target="_blank" title="STO open new window">About STO</a></li> <li><a href="https://medical.visitseoul.net/en" target="_blank" title="Medical Tour open new window">Medical Tour</a></li> <li><a href="http://archive.visitseoul.net" target="_blank" title="SEOUL TOURISM ARCHIVE open new window">TOURISM ARCHIVE</a></li> <li><a href="https://www.discoverseoulpass.com/app/main" target="_blank" title="Discover Seoul Pass open new window">Discover Seoul Pass</a></li> <li><a href="https://stay.visitseoul.net/seoul-stay?lang=en" target="_blank" title="Seoul Stay open new window">Seoul Stay</a></li> <li><a href="https://www.seouldanurim.net/en/index" target="_blank" title="Accessible Seoul open new window">Accessible Seoul</a></li> <li><a href="https://seoulhiking.or.kr" target="_blank" title="Seoul Hiking Tourism open new window">Seoul Hiking Tourism</a></li> </ul> </div> </div> </div> <!-- btn-menu-cont : tablet --> <div class="btn-menu-cont"> <a class="btn-menu js-btn-menu--tablet--2024" href="#" title="전체보기메뉴 열기"> <span class="blind">Open the entire view menu button</span> </a> </div> </div> <div class="search-area"> <form id="searchFrm" name="searchFrm" method="get" action="/search"> <div class="search-element"> <a class="btn-search-area-close js-btn-search-area-close--2024" href="javascript:void(0);" title="검색영역 닫기"> <span class="blind">검색영역 닫기버튼</span> </a> <div class="search-element-inner"> <input type="hidden" id="lang1" value="en" name="lang"/> <div class="input-field"> <label for="search_name" class="hd-element">Open the search area</label> <input type="text" id="search_name" name="searchTerm" autocomplete="off" title="Please enter a search term" placeholder="Please enter a search term" /> <button type="button" class="input-search_clear"><em class="blind">Delete a search term</em></button> <button type="button" class="btn-search" onclick="javascript:goSearch();"> <span class="blind">run search</span> </button> </div> <div class="search-open-area" id="searchOpenArea" style=""> <div class="search-list "> <h3>Search rankings</h3> <div class="search-list-box"> <ul class="uiSearchRankingCol1"> </ul> <ul class="uiSearchRankingCol2"> </ul> </div> </div> </div> </div> </div> </form> </div> </div> <!-- 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://english.visitseoul.net"> <span class="hd-element">visitseoul.net</span> </a> </h2> </div> <div class="info-area"> <div class="search-cont"> <div class="btn-search-cont"> <button type="button" class="btn-search btn-search--mobile--2024"><span class="hd-element">Search</span></button> </div> <div class="search-open-area" id="searchOpenAreaMobile"> <div class="input-field"> <label for="search_nameMobile" class="hd-element">Search area</label> <input type="text" id="search_nameMobile" name="searchTerm" title="Please enter your search term" autocomplete="off" placeholder="Keyword"> <button type="button" class="input-search_clear" style="display: none;"><em class="blind">Close</em></button> <button type="button" class="btn-search" onclick="javascript:goSearchMobile();"><span class="hd-element">run search</span></button> </div> <div class="search-list"> <h3>Search rankings</h3> <div class="search-list-box"> <ul class="uiSearchRankingCol1"> </ul> <ul class="uiSearchRankingCol2"> </ul> </div> </div> </div> </div> <!-- 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">My Favorites</span></button> </div> <!-- 202305//(Ina)툴팁영역 추가(s) --> <div class="mylike-open-area" id="mylikeOpenAreaM"> <div class="title"> <h3>My Favorites</h3> <button id="btnTooltipM" type="button" class="btn-like-tooltip"><i class="ico-info"><em id="spanHdElementM" class="blind">My Favorites Tooltip Button</em></i></button> <!-- 20230725//(Ina)줄바꿈처리 수정(s) --> <div id="divInfoBalloonM" class="info-balloon"> <p> <span class="change-word-break">The Favorites function assists you so that you can save travel information you're interested in according to the region in Seoul. </span> <span class="change-word-break"></span> </p> </div> <!-- 20230725//(Ina)줄바꿈처리 수정(e) --> </div> <ul class="ulWishList-mobile"> </ul> <div class="btn-block"> <a href="/wishlist" class="btn-primary"> <span>Go to My Favorites</span> </a> </div> </div> <!-- 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://english.visitseoul.net" title="visitseoul.net"> <span class="hd-element">visitseoul.net</span> </a> </h2> <div class="mb_cross_btn"> <a class="js-btn-cross-btn--mobile" href="javascript:void(0);" title="Close the entire view menu."> <em class="blind">Close the entire view menu button</em> </a> </div> </div> <!--모바일 메뉴복제부분--> <div class="mb_clone-area"> <div class="mb_weather_wrap"></div> <div class="mb_other_wrap"></div> <div class="mb_gnb_wrap"></div> </div> </div> </div> </nav> </div> <!-- 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('Sunny'); break; case '2': case '3': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Cloudy'); break; case '5': case '6': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Cloudy'); break; case '4': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Cloudy'); break; case '7': case '8': case '9': $('.ico-weather').addClass('storm'); $('.ico-weather-blind').text('Storm'); break; case '10': case '11': case '12': case '13': case '14': case '15': case '16': case '17': $('.ico-weather').addClass('littleRain'); $('.ico-weather-blind').text('Little Rain'); break; case '18': case '19': case '20': case '21': case '22': case '23': case '24': case '25': case '26': case '27': case '28': case '29': case '30': case '31': case '32': case '33': case '34': case '35': case '36': case '37': case '38': $('.ico-weather').addClass('snow'); $('.ico-weather-blind').text('Snow'); break; case '39': case '40': $('.ico-weather').addClass('cloudy'); $('.ico-weather-blind').text('Cloudy'); break; default : } $(".weather-cont .degree").html(resultTemp); }, error: function(data, status, err) { console.log('error forward : ' + data); } }); } function getSearchRankings() { $.ajax({ type : "post", url: '/comm/api/search/rankings/en', dataType: 'json', success: function(data) { let result = data.result; if(result.code == 0){ var col1html = ''; var col2html = ''; $.each(result.rankings, function(i, item){ if(i<5) { col1html += '<li>'; col1html += ' <span class="num">'+(i+1)+'</span>'; col1html += ' <a href="/search?currentPage=1&search_radio=K&searchTerm='+item.KEYWORD+'&searchTy=&ctgrySn=&tursmAreaCode=">'+item.KEYWORD+'</a>' col1html += '</li>\n'; }else{ col2html += '<li>'; col2html += ' <span class="num">'+(i+1)+'</span>'; col2html += ' <a href="/search?currentPage=1&search_radio=K&searchTerm='+item.KEYWORD+'&searchTy=&ctgrySn=&tursmAreaCode=">'+item.KEYWORD+'</a>' col2html += '</li>\n'; } }); $('.uiSearchRankingCol1').html(col1html); $('.uiSearchRankingCol2').html(col2html); } }, error: function(data, status, err) { console.log('error forward : ' + data); } }); } $(document).ready(function() { getKweather(); //쿠키 모두 허용 $('#btnCookieAgree').on('click', function(e) { e.preventDefault(); setCookie('cookie-agree','Y',365); $('#cookiePopup').fadeOut('fast'); }); //쿠키 모두 거부 $('#btnCookieDisagree').on('click', function(e) { e.preventDefault(); setCookie('cookie-agree','N',1); $('#cookiePopup').fadeOut('fast'); }); try { if(getCookie('cookie-agree') != 'Y') { $('#cookiePopup').fadeIn('fast'); } } catch (err) { console.log('error header : ' + err); } $('#btnMylike').click(function(){ var langCodeId = 'en'; if(langCodeId === "zh-CN" || langCodeId === "zh-TW"){ langCodeId = langCodeId.replace("-", "_"); } if($('#mylikeCont').hasClass('active')) { $('#mylikeCont').removeClass('active'); $('.hd-element-favpopup').text('My Favorites'); }else{ getLastData(langCodeId, 5, function(result){ var html = ''; $.each(result, function(index, item){ html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; }); $('#ulWishList').html(html); $('.ulWishList-mobile').html(html); }); $('#mylikeCont').addClass('active'); } // if($('.mylike-cont-pc').hasClass('active')) { // getLastData('en', 5, function(result){ // var html = ''; // $.each(result, function(index, item){ // html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; // }); // $('#ulWishList').html(html); // $('#ulWishList-mobile').html(html); // }); // $('.hd-element-favpopup').text('Close my favorites'); // }else{ // $('.hd-element-favpopup').text('My Favorites'); // } }); $('#btnMylikeM').click(function(){ var langCodeId = 'en'; if(langCodeId === "zh-CN" || langCodeId === "zh-TW"){ langCodeId = langCodeId.replace("-", "_"); } if($('#mylikeContM').hasClass('active')) { // getLastData('en', 5, function(result){ // var html = ''; // $.each(result, function(index, item){ // html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; // }); // $('#ulWishList').html(html); // $('#ulWishList-mobile').html(html); // }); // $('.hd-element-favpopup').text('Close my favorites'); $('#mylikeContM').removeClass('active'); $('.hd-element-favpopup').text('My Favorites'); }else{ getLastData(langCodeId, 5, function(result){ var html = ''; $.each(result, function(index, item){ html += '<li><a href="'+item.linkUrl+'">'+item.postSj+'</a></li>\n'; }); $('#ulWishList').html(html); $('#ulWishList-mobile').html(html); }); $('.hd-element-favpopup').text('Close my favorites'); $('#mylikeContM').addClass('active'); // $('.hd-element-favpopup').text('My Favorites'); } }); $('.btn-like-tooltip').click(function(){ if($('#divInfoBalloon').hasClass('active')) { $('#btnTooltip').attr('title', 'Close my favorites Tooltip'); }else{ $('#btnTooltip').attr('title', 'Open my favorites Tooltip'); } if($('#divInfoBalloonM').hasClass('active')) { $('#btnTooltipM').attr('title', 'Close my favorites Tooltip'); }else{ $('#btnTooltipM').attr('title', 'Open my favorites Tooltip'); } }); $('#btn-quick-list-mobile').click(function(){ $(this).attr('title', $('#quick_menu_close').val()); }); $('.dim').click(function(){ $('#btn-quick-list-mobile').attr('title', $('#quick_menu_open').val()); }) getSearchRankings(); }); //어짜피 서버에서 조회 하지 않으므로 화면 로드 되면 저장된 찜하기 목로을 모두 가져온다.(페이징 처리를 위해 전체 카운트 세팅.) </script> <!-- end:header --> <main class="sub-contents sub-hotels "> <!-- sub-visual-element --> <div class="sub-visual-element"> <div class="sub-visual-title"> <div class="large-text"> <span class="large-text-inner"> Accommodation</span> </div> </div> <div class="sub-visual-bg" style="background-image:url(/data/MEDIA/20240809/0809103307952-f5f721e4289447a588f9e3adba025877.jpg);"></div> </div><!--// sub-visual-element --> <script src="/resources/theme/script/2020/swiper.min.js"></script> <script> /*main swiper*/ var mainswiper = new Swiper('.main-swiper', { allowTouchMove: false, slidesPerView: 1, spaceBetween: 0, slidesPerGroup: 1, loop: false, loopFillGroupWithBlank: true, autoplay: false, autoplay: { delay: 5000, } }); </script> <!-- keyvisual --> <!-- sub-container open --> <div class="sub-contents-inner " id="container"> <div class="loction"> <span class="ar">&gt;</span> Travel Information<span class="ar">&gt;</span> <span> <a href="/Accommodation" title="Go to page" > Accommodation</a> </span> </div> <!-- location --> <!-- start:content --> <script src="/resources/theme/plugin/jquery.tmpl.js"></script> <!-- sub-visual-element(s) --> <!-- sub-contents-inner(s) --> <section class="section-accommodation"> <ul class="tabs"> <li > <a href="/Accommodation?tab=hotel" class="btn-tab js-tab-btn" > <span> Hotel<i class="bullet--shape1"><em class="blind">Hotel</em></i> </span> </a> </li> <li class="active" > <a href="./Accommodation?tab=seoulStay" class="btn-tab js-tab-btn" title="Selected List Item" > <span> Guesthouse(Seoul Stay)<i class="bullet--shape2"> <em class="blind">Guesthouse(Seoul Stay)</em></i> </span> </a> </li> </ul> <script> $(function () { // 퍼블화면 보여주기 임시 tabs영역 active $(".tabs li").on("click", function (e) { // e.preventDefault(); $(this) .addClass("active") .siblings("li") .removeClass("active"); }); }); </script> <!-- 검색조건 form --> <form id="postSearchFrm" name="postSearchFrm" method="get" action="/Accommodation" > <input type="hidden" name="srchType" id="srchType" value=""> <input type="hidden" name="srchOptnCode" id="srchOptnCode" value=""/> <input type="hidden" name="srchCtgry" id="srchCtgry" value=""/> <input type="hidden" name="sortOrder" id="sortOrder" value=""/> <input type="hidden" name="tab" id="tab" value="seoulStay"/> <input type="hidden" name="bestBy" id="bestBy" value=""/> <section class="article-list-element"> <!-- sort --> <div class="sort-element"> <div class="float-left"> <ul class="sort-menu"> <li class="active" title="Selected List Item"> <a href="#" onclick="sortOrderSumit(1); return false;" title="Selected List Item">Update</a> </li> <li > <a href="#" onclick="sortOrderSumit(2); return false;" >Most Viewed</a> </li> <li > <a href="#" onclick="sortOrderSumit(3); return false;" >Alphabetical</a> </li> <li > <a href="#" onclick="sortOrderSumit(4); return false;" >Best Seoul Stay</a> </li> </ul> </div> <input type="hidden" id="keyword_open_text" value="Open keyword search menu" /> <input type="hidden" id="keyword_close_text" value="Close the selected Keyword Search menu" /> <input type="hidden" id="keyword_open_sel_text" value="Open the selected Keyword Search menu" /> <input type="hidden" id="list_sel_msg" value="Selected List Item Go to page" /> <input type="hidden" id="page_msg" value="Go to page" /> <div class="float-right"> <div class="select-btn-element"> <a href="#" class="btn-keyword" title="Open keyword search menu"><span></span> Search Keyword</a> <div class="search-layer"> <div class="search-layer-inner"> <div class="keyword-select-element"> <label for="keyword_text" class="hd-element">Search keyword</label> <input type="text" id="keyword_text" name="srchWord" value="" placeholder="Search keyword"> <button type="button" onclick="javascript:btnSumit();">Search</button> </div> </div> </div> </div> </div> </div> <!--// sort --> <style> .best_icon {position:absolute;padding-left: 5px;padding-top:5px;z-index:1} </style> <script type="text/javascript"> $(document).ready(function(){ }); var listData = {}; </script> <!-- list --> <section class="article-list-element"> <!-- 20230614//(Ina)나의찜하기 팝업 수정(s) --> <!-- 202305//(Ina)나의찜하기 팝업 추가(s) --> <div class="like-popup-area" id="likePopup" data-like-num=""> <input type="hidden" id="iptPopupCid" value="" /> <div class="dim--transparent js-popup-close"></div> <div class="popup-wrap" style=""> <div class="popup-cont"> <div class="popup-title"> <h3>Select a region!</h3> <p> Save travel information you're interested in according to the region to view in your favorites list later on.</p> <em>※ The actual region of the content is selected.</em> </div> <div class="popup-body"> <div class="body-cont"> <div class="radio-wrap"> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-1" value="TURSM_AREA_2" > <label for="radioOption1-1"><span>Gwanghwamun</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-2" value="TURSM_AREA_1" > <label for="radioOption1-2"><span>Myeongdong</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-3" value="TURSM_AREA_3" > <label for="radioOption1-3"><span>Dongdaemun</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-4" value="TURSM_AREA_4" > <label for="radioOption1-4"><span>Hongdae</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-5" value="TURSM_AREA_5" > <label for="radioOption1-5"><span>Yeouido</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-6" value="TURSM_AREA_9" > <label for="radioOption1-6"><span>Itaewon</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-7" value="TURSM_AREA_6" > <label for="radioOption1-7"><span>Gangnam</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-8" value="TURSM_AREA_7" > <label for="radioOption1-8"><span>Jamsil</span></label> </div> <div class="radio-cont"> <input type="radio" name="radioOptionLike" id="radioOption1-9" value="TURSM_AREA_8" checked > <label for="radioOption1-9"><span>Other Areas</span></label> </div> </div> </div> </div> <div class="btn-block"> <a href="javascript:void(0);" class="btn-primary" id="btnLikeSave"> <span>Save</span> </a> </div> <!-- 20231006//(Ina)웹접근성 나의찜하기 팝업 닫기버튼 순서 변경(s) --> <button type="button" class="btn-close js-popup-close"> <i class="ico-close"><em class="blind">Close my favorites</em></i> </button> <!-- 20231006//(Ina)웹접근성 나의찜하기 팝업 닫기버튼 순서 변경(e) --> </div> </div> </div> <!-- 202305//(Ina)나의찜하기 팝업 추가(e) --> <!-- share --> <!-- 20230614//(Ina)나의찜하기 팝업 수정(e) --> <div class="article-list-slide"> <section class="event-sch-element"> <a href="https://stay.visitseoul.net/seoul-stay?lang=en" target="_blank" title="go to new window" style="background-image:url(/resources/theme/v2/images/seoulStay/seoulStay_en.jpg)"> </a> </section> <ul class="article-list"> <li class="item"> <a href="/Accommodation/stayView/10645?curPage=1&sortOrder=1&srchWord=&bestBy="> <!-- 우수 스테이 로고 --> <span class="best_icon"> </span> <div class="thumb"><img src="https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10645&fileTy=ROOMIMG&fileNo=1&thumbTy=L" alt="HUGSTAY,SILLIM" style="height:210px;"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">HUGSTAY,SILLIM</span> <span class="small-text text-dot-d"> Hello! Our accommodation is located in the Sillim and Sindaebang area at the heart of Seoul, offering both convenient transportation and access to popular attractions. We provide a cozy space suitable for friends, families, and couples. While the neighborhood is quiet, it is close to bustling areas like the Hongik University area and Gangnam, ensuring plenty of entertainment options.</span> </div> </div> </a> <!-- 202305//(Ina)찜하기 영역 추가(s) --> <div class="like-cont" id="Hotel10645en"> <div class="like-element"> <button id="btnLikeHotel10645en" type="button" class="btn-like" data-cid="Hotel10645en" data-area="HUGSTAY,SILLIM" data-like-num="" data-like-active="false"><em class="blind">찜하기</em></button> </div> </div> <!-- 202305//(Ina)찜하기 영역 추가(e) --> </li> <script> var langCodeId = 'en'; if(langCodeId === 'zh-CN' || langCodeId === 'zh-TW') { } listData.Hotel10645en = { cid : 'Hotel10645en' , postSn : '10645', postSj : "HUGSTAY,SILLIM", type : 'T', fdHsAt : '', halal : '', stcepAt : '', startDt : '' , endDt : '' , ctgrySn : '' , ctgryNm : '' , //linkUrl : location.protocol + '//' + location.host + '/Accommodation/view/10645' , linkUrl : 'https://stay.visitseoul.net/seoul-stay/view/HUGSTAY,SILLIM?lang=en&us=10645' , thumbUrl : 'https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10645&fileTy=ROOMIMG&fileNo=1&thumbTy=L' , sumry : '', langCodeId : 'en' }; </script> <li class="item"> <a href="/Accommodation/stayView/10644?curPage=1&sortOrder=1&srchWord=&bestBy="> <!-- 우수 스테이 로고 --> <span class="best_icon"> </span> <div class="thumb"><img src="https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10644&fileTy=ROOMIMG&fileNo=1&thumbTy=L" alt="HUGSTAY,BONGCHEON" style="height:210px;"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">HUGSTAY,BONGCHEON</span> <span class="small-text text-dot-d"> Hello! Our accommodation is located in the Sillim and Bongcheon area at the heart of Seoul. It’s only a 5-minute walk to the subway station, offering great convenience and a cozy space for friends, family, or couples to stay at.</span> </div> </div> </a> <!-- 202305//(Ina)찜하기 영역 추가(s) --> <div class="like-cont" id="Hotel10644en"> <div class="like-element"> <button id="btnLikeHotel10644en" type="button" class="btn-like" data-cid="Hotel10644en" data-area="HUGSTAY,BONGCHEON" data-like-num="" data-like-active="false"><em class="blind">찜하기</em></button> </div> </div> <!-- 202305//(Ina)찜하기 영역 추가(e) --> </li> <script> var langCodeId = 'en'; if(langCodeId === 'zh-CN' || langCodeId === 'zh-TW') { } listData.Hotel10644en = { cid : 'Hotel10644en' , postSn : '10644', postSj : "HUGSTAY,BONGCHEON", type : 'T', fdHsAt : '', halal : '', stcepAt : '', startDt : '' , endDt : '' , ctgrySn : '' , ctgryNm : '' , //linkUrl : location.protocol + '//' + location.host + '/Accommodation/view/10644' , linkUrl : 'https://stay.visitseoul.net/seoul-stay/view/HUGSTAY,BONGCHEON?lang=en&us=10644' , thumbUrl : 'https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10644&fileTy=ROOMIMG&fileNo=1&thumbTy=L' , sumry : '', langCodeId : 'en' }; </script> <li class="item"> <a href="/Accommodation/stayView/10643?curPage=1&sortOrder=1&srchWord=&bestBy="> <!-- 우수 스테이 로고 --> <span class="best_icon"> </span> <div class="thumb"><img src="https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10643&fileTy=ROOMIMG&fileNo=1&thumbTy=L" alt="Mapo;Rest Stay" style="height:210px;"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">Mapo;Rest Stay</span> <span class="small-text text-dot-d"> Welcome to Mapo;Rest Stay, a place that offers comfort and relaxation. Located in Mangwon-dong, Mapo-gu, Seoul, enjoy an enjoyable Seoul trip and a comfortable stay here :)</span> </div> </div> </a> <!-- 202305//(Ina)찜하기 영역 추가(s) --> <div class="like-cont" id="Hotel10643en"> <div class="like-element"> <button id="btnLikeHotel10643en" type="button" class="btn-like" data-cid="Hotel10643en" data-area="Mapo;Rest Stay" data-like-num="" data-like-active="false"><em class="blind">찜하기</em></button> </div> </div> <!-- 202305//(Ina)찜하기 영역 추가(e) --> </li> <script> var langCodeId = 'en'; if(langCodeId === 'zh-CN' || langCodeId === 'zh-TW') { } listData.Hotel10643en = { cid : 'Hotel10643en' , postSn : '10643', postSj : "Mapo;Rest Stay", type : 'T', fdHsAt : '', halal : '', stcepAt : '', startDt : '' , endDt : '' , ctgrySn : '' , ctgryNm : '' , //linkUrl : location.protocol + '//' + location.host + '/Accommodation/view/10643' , linkUrl : 'https://stay.visitseoul.net/seoul-stay/view/Mapo;RestStay?lang=en&us=10643' , thumbUrl : 'https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10643&fileTy=ROOMIMG&fileNo=1&thumbTy=L' , sumry : '', langCodeId : 'en' }; </script> <li class="item"> <a href="/Accommodation/stayView/10642?curPage=1&sortOrder=1&srchWord=&bestBy="> <!-- 우수 스테이 로고 --> <span class="best_icon"> </span> <div class="thumb"><img src="https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10642&fileTy=ROOMIMG&fileNo=2&thumbTy=L" alt="Majungmul" style="height:210px;"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">Majungmul</span> <span class="small-text text-dot-d"> "Majungmul" means a bowl of water that brings peace, healing, and recovery, and we offer a cozy and warm place to stay at. The term "Majungmul" originates from the idea of water that first goes out to greet in order to draw up larger amounts of water. We hope your stay at Majungmul will be one of healing, recovery, and creative beginnings toward new dreams.</span> </div> </div> </a> <!-- 202305//(Ina)찜하기 영역 추가(s) --> <div class="like-cont" id="Hotel10642en"> <div class="like-element"> <button id="btnLikeHotel10642en" type="button" class="btn-like" data-cid="Hotel10642en" data-area="Majungmul" data-like-num="" data-like-active="false"><em class="blind">찜하기</em></button> </div> </div> <!-- 202305//(Ina)찜하기 영역 추가(e) --> </li> <script> var langCodeId = 'en'; if(langCodeId === 'zh-CN' || langCodeId === 'zh-TW') { } listData.Hotel10642en = { cid : 'Hotel10642en' , postSn : '10642', postSj : "Majungmul", type : 'T', fdHsAt : '', halal : '', stcepAt : '', startDt : '' , endDt : '' , ctgrySn : '' , ctgryNm : '' , //linkUrl : location.protocol + '//' + location.host + '/Accommodation/view/10642' , linkUrl : 'https://stay.visitseoul.net/seoul-stay/view/Majungmul?lang=en&us=10642' , thumbUrl : 'https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10642&fileTy=ROOMIMG&fileNo=2&thumbTy=L' , sumry : '', langCodeId : 'en' }; </script> <li class="item"> <a href="/Accommodation/stayView/10641?curPage=1&sortOrder=1&srchWord=&bestBy="> <!-- 우수 스테이 로고 --> <span class="best_icon"> </span> <div class="thumb"><img src="https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10641&fileTy=ROOMIMG&fileNo=1&thumbTy=L" alt="Dana House" style="height:210px;"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">Dana House</span> <span class="small-text text-dot-d"> Dana House 🏠 Dana, a warm unforgettable house for a perfect trip! Located in the heart of the Hongik University area, Mapo-gu, “Dana House” is a cozy space perfect for families or friends to stay together. Situated on a 1.5th floor, it offers a warm and comfortable home for guests of all ages. (Recently fully remodeled) Build happy memories with your loved ones at Dana House🎀</span> </div> </div> </a> <!-- 202305//(Ina)찜하기 영역 추가(s) --> <div class="like-cont" id="Hotel10641en"> <div class="like-element"> <button id="btnLikeHotel10641en" type="button" class="btn-like" data-cid="Hotel10641en" data-area="Dana House" data-like-num="" data-like-active="false"><em class="blind">찜하기</em></button> </div> </div> <!-- 202305//(Ina)찜하기 영역 추가(e) --> </li> <script> var langCodeId = 'en'; if(langCodeId === 'zh-CN' || langCodeId === 'zh-TW') { } listData.Hotel10641en = { cid : 'Hotel10641en' , postSn : '10641', postSj : "Dana House", type : 'T', fdHsAt : '', halal : '', stcepAt : '', startDt : '' , endDt : '' , ctgrySn : '' , ctgryNm : '' , //linkUrl : location.protocol + '//' + location.host + '/Accommodation/view/10641' , linkUrl : 'https://stay.visitseoul.net/seoul-stay/view/DanaHouse?lang=en&us=10641' , thumbUrl : 'https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10641&fileTy=ROOMIMG&fileNo=1&thumbTy=L' , sumry : '', langCodeId : 'en' }; </script> <li class="item"> <a href="/Accommodation/stayView/10640?curPage=1&sortOrder=1&srchWord=&bestBy="> <!-- 우수 스테이 로고 --> <span class="best_icon"> </span> <div class="thumb"><img src="https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10640&fileTy=ROOMIMG&fileNo=1&thumbTy=L" alt="Bukchon Gyedong Annex" style="height:210px;"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">Bukchon Gyedong Annex</span> <span class="small-text text-dot-d"> Located in the heart of Seoul, this property offers easy walking access to Songhyeon Green Plaza, Bukchon, Insa-dong, Gwanghwamun Gate, Gyeongbokgung Palace, Changgyeonggung Palace, Samcheong-dong, and other palace zones. You can also enjoy the diverse cultural events and activities held in Gwanghwamun Plaza and the local Jongno area. The traditional hanok (traditional Korean house) houses of Bukchon can be enjoyed through the windows and a city view of N Seoul Tower in the distance.</span> </div> </div> </a> <!-- 202305//(Ina)찜하기 영역 추가(s) --> <div class="like-cont" id="Hotel10640en"> <div class="like-element"> <button id="btnLikeHotel10640en" type="button" class="btn-like" data-cid="Hotel10640en" data-area="Bukchon Gyedong Annex" data-like-num="" data-like-active="false"><em class="blind">찜하기</em></button> </div> </div> <!-- 202305//(Ina)찜하기 영역 추가(e) --> </li> <script> var langCodeId = 'en'; if(langCodeId === 'zh-CN' || langCodeId === 'zh-TW') { } listData.Hotel10640en = { cid : 'Hotel10640en' , postSn : '10640', postSj : "Bukchon Gyedong Annex", type : 'T', fdHsAt : '', halal : '', stcepAt : '', startDt : '' , endDt : '' , ctgrySn : '' , ctgryNm : '' , //linkUrl : location.protocol + '//' + location.host + '/Accommodation/view/10640' , linkUrl : 'https://stay.visitseoul.net/seoul-stay/view/BukchonGyedongAnnex?lang=en&us=10640' , thumbUrl : 'https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10640&fileTy=ROOMIMG&fileNo=1&thumbTy=L' , sumry : '', langCodeId : 'en' }; </script> <li class="item"> <a href="/Accommodation/stayView/10639?curPage=1&sortOrder=1&srchWord=&bestBy="> <!-- 우수 스테이 로고 --> <span class="best_icon"> </span> <div class="thumb"><img src="https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10639&fileTy=ROOMIMG&fileNo=1&thumbTy=L" alt="MAPO REST 101" style="height:210px;"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">MAPO REST 101</span> <span class="small-text text-dot-d"> A family-friendly accommodation within walking distance of the popular local market, Mangwon Market. Can accommodate up to 8 guests.</span> </div> </div> </a> <!-- 202305//(Ina)찜하기 영역 추가(s) --> <div class="like-cont" id="Hotel10639en"> <div class="like-element"> <button id="btnLikeHotel10639en" type="button" class="btn-like" data-cid="Hotel10639en" data-area="MAPO REST 101" data-like-num="" data-like-active="false"><em class="blind">찜하기</em></button> </div> </div> <!-- 202305//(Ina)찜하기 영역 추가(e) --> </li> <script> var langCodeId = 'en'; if(langCodeId === 'zh-CN' || langCodeId === 'zh-TW') { } listData.Hotel10639en = { cid : 'Hotel10639en' , postSn : '10639', postSj : "MAPO REST 101", type : 'T', fdHsAt : '', halal : '', stcepAt : '', startDt : '' , endDt : '' , ctgrySn : '' , ctgryNm : '' , //linkUrl : location.protocol + '//' + location.host + '/Accommodation/view/10639' , linkUrl : 'https://stay.visitseoul.net/seoul-stay/view/MAPOREST101?lang=en&us=10639' , thumbUrl : 'https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10639&fileTy=ROOMIMG&fileNo=1&thumbTy=L' , sumry : '', langCodeId : 'en' }; </script> <li class="item"> <a href="/Accommodation/stayView/10638?curPage=1&sortOrder=1&srchWord=&bestBy="> <!-- 우수 스테이 로고 --> <span class="best_icon"> </span> <div class="thumb"><img src="https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10638&fileTy=ROOMIMG&fileNo=1&thumbTy=L" alt="LARGO HOUSE2" style="height:210px;"></div> <div class="infor-element"> <div class="infor-element-inner"> <span class="title">LARGO HOUSE2</span> <span class="small-text text-dot-d"> Located within walking distance from Hapjeong Station, LARGO HOUSE2 is a premium accommodation boasting convenient transportation and access to nearby attractions. With its spacious and stylish interior, it is an ideal space for families, friends, and small group travelers. </span> </div> </div> </a> <!-- 202305//(Ina)찜하기 영역 추가(s) --> <div class="like-cont" id="Hotel10638en"> <div class="like-element"> <button id="btnLikeHotel10638en" type="button" class="btn-like" data-cid="Hotel10638en" data-area="LARGO HOUSE2" data-like-num="" data-like-active="false"><em class="blind">찜하기</em></button> </div> </div> <!-- 202305//(Ina)찜하기 영역 추가(e) --> </li> <script> var langCodeId = 'en'; if(langCodeId === 'zh-CN' || langCodeId === 'zh-TW') { } listData.Hotel10638en = { cid : 'Hotel10638en' , postSn : '10638', postSj : "LARGO HOUSE2", type : 'T', fdHsAt : '', halal : '', stcepAt : '', startDt : '' , endDt : '' , ctgrySn : '' , ctgryNm : '' , //linkUrl : location.protocol + '//' + location.host + '/Accommodation/view/10638' , linkUrl : 'https://stay.visitseoul.net/seoul-stay/view/LARGOHOUSE2?lang=en&us=10638' , thumbUrl : 'https://stay.visitseoul.net/seoul-stay/getImage?srvcId=SEOULSTAY&parentSn=10638&fileTy=ROOMIMG&fileNo=1&thumbTy=L' , sumry : '', langCodeId : 'en' }; </script> </ul> </div> <!-- paging --> <div class="paging-lst"><a href="#" onclick="return false;" class="icon prev" ><i class="ion-chevron-left"></i><i class="ion-chevron-left"></i><span class="hd-element">First Page</span></a><a href="#" onclick="return false;" class="icon prev" ><i class="ion-chevron-left"></i><span class="hd-element">Back page</span></a><a href="?curPage=1&amp;tab=seoulStay" class="on" title="Current Page">1</a><a href="?curPage=2&amp;tab=seoulStay" title="">2</a><a href="?curPage=3&amp;tab=seoulStay" title="">3</a><a href="?curPage=4&amp;tab=seoulStay" title="">4</a><a href="?curPage=5&amp;tab=seoulStay" title="">5</a><a href="?curPage=6&amp;tab=seoulStay" class="icon next" ><i class="ion-chevron-right"></i><span class="hd-element">Next page</span></a><a href="?curPage=66&amp;tab=seoulStay" class="icon next" ><i class="ion-chevron-right"></i><i class="ion-chevron-right"></i><span class="hd-element">Last page</span></a></div> <!-- //paging --> </section> <script> $('#likePopup').find('.js-popup-close').click(function(e){ $('#likePopup').removeClass('active'); $('body').removeClass('js-overflow-hidden'); $('#iptPopupCid').val(''); }) function fn_check_wishlist(area, cid) { getDataByCid(cid , function(result){ if(result){ deleteByCid(cid, function(result){ if(result == 0) { $('#btnLike'+cid).attr('data-like-active', 'false'); $('#btnLike'+cid).find('em').html('Favorites '); } }); }else{ var jobj = listData[cid]; jobj.area = area; jobj.regDttm = new Date(); insertData(jobj, function(result){ if(result == jobj.cid) { $('#btnLike'+cid).attr('data-like-active', 'true'); $('#btnLike'+cid).find('em').html('Favorites '+ ' ' +' Selected '); } }); } $('#iptPopupCid').val(''); $('input[name="radioOptionLike"]').filter("[value=TURSM_AREA_8]").prop("checked", true); }); } $('.btn-like').on('click', function(e) { e.preventDefault(); if ($(this).attr('data-like-active') == 'true') { fn_check_wishlist('', this.dataset.cid); }else{ $('#iptPopupCid').val(this.dataset.cid); let area = this.dataset.area; $("input[name='radioOptionLike']").each(function(index){ if(area == this.value) { this.checked = true; } }); $('#likePopup').addClass('active'); $('#likePopup').find('input[type="radio"]:checked').focus(); // 웹접근성, focus추가 $('#likePopup').attr('data-like-num', $(this).attr('data-like-num')); $('#btnLikeSave').keyDown(function(e){ $('#btnLikeSave').click(); }); } }); $('#btnLikeSave').click(function(e){ var area = ''; let cid = $('#iptPopupCid').val(); $("input[name='radioOptionLike']").each(function(index){ if(this.checked) { area = this.value; } }); fn_check_wishlist(area, cid); $('#likePopup').removeClass('active'); $('body').removeClass('js-overflow-hidden'); }); $('.like-cont').each(function( index ) { let cid = $(this).attr('id'); getDataByCid(cid , function(result){ if(result){ $('#btnLike'+cid).attr('data-like-active', 'true'); $('#btnLike'+cid).find('em').html('Favorites '+ ' ' +' Selected '); }else{ $('#btnLike'+cid).attr('data-like-active', 'false'); $('#btnLike'+cid).find('em').html('Favorites '); } }); }); </script><script> $(function () { var $articleThumbList = $( ".article-list-slide .article-list > li" ); $articleThumbList.each(function (idx, item) { var $btnLike = $(item).find(".btn-like"); // 찜하기 하트 버튼 var $btnLikeSave = $("#likePopup").find("#btnLikeSave"); // 나의 찜하기 팝업 저장 버튼 var $btnClose = $("#likePopup").find(".js-popup-close"); // 나의 찜하기 팝업 닫기 버튼 /* 20230607//(Ina)콘텐츠 리스트 : hover활성화 스크립트 common2.js에서 제어(s) */ /* // 키보드 tab focus $(item).focusin(function() { $(this).addClass('active'); }).focusout(function() { $(this).removeClass('active'); }); // 마우스 오버 $(item).mouseenter(function() { $(this).addClass('active'); }).mouseleave(function() { $(this).removeClass('active'); }); */ /* 20230607//(Ina)콘텐츠 리스트 : hover활성화 스크립트 common2.js에서 제어(e) */ // 찜하기 하트 버튼 클릭 $btnLike.on("click", function (e) { e.preventDefault(); // 찜하기 하트 활성화 상태 if ($(this).attr("data-like-active") === "true") { $(this).attr("data-like-active", "false"); } // 찜하기 하트 비활성화 상태 else { $("#likePopup").addClass("active"); $("body").addClass("js-overflow-hidden"); if ($("#likePopup").hasClass("active")) { $("#likePopup") .find('input[type="radio"]:checked') .focus(); // 웹접근성, focus추가 $("#likePopup").attr( "data-like-num", $(this).attr("data-like-num") ); /* $('#likePopup').on('keydown', function(e) { if(e.keyCode == 13 || e.keyCode == 27) { // enter or ESC $btnClose.trigger('click'); } }); */ $btnLikeSave.on("keydown", function (e) { if (e.keyCode == 13 || e.keyCode == 27) { // enter or ESC $btnLikeSave.trigger("click"); } }); } } }); // 나의 찜하기 팝업 저장 버튼 클릭 $btnLikeSave.on("click", function (e) { // 나의 찜하기 팝업 활성화 상태이면 if ($("#likePopup").is(":visible")) { if ( $(item).find(".btn-like").attr("data-like-num") === $("#likePopup").attr("data-like-num") ) { $(item) .find(".btn-like") .attr("data-like-active", "true"); $("#likePopup").removeClass("active"); $("body").removeClass("js-overflow-hidden"); } } }); // 나의 찜하기 팝업 닫기 버튼 클릭 $btnClose.on("click", function (e) { $("#likePopup").removeClass("active"); $("body").removeClass("js-overflow-hidden"); }); /* var $likeRadioList = $('#likePopup').find('.radio-cont'); $likeRadioList.each(function(idx2, item2) { $(item2).find('input[type="radio"]').change(function() { if ($(item).find('.btn-like').attr('data-like-num') === $('#likePopup').attr('data-like-num')) { // 나의 찜하기 팝업 닫기 버튼 클릭 $btnClose.on('click', function(e) { if($(item2).find('input[type="radio"]:checked').val() == '없음') { $(item).find('.btn-like').attr('data-like-active', 'false'); } else { $(item).find('.btn-like').attr('data-like-active', 'true'); } }); } }); }); */ }); }); </script> </section> </form> </section> <!-- sub-contents-inner(e) --> <script> var isFirstLoading = true; String.prototype.addCommas = function() { return this.replace(/\B(?=(\d{3})+(?!\d))/g, ","); }; String.prototype.splitTagList = function(){ if(!this) { return ''; } var tagarr = this.split(','); var tagHtmlArray = new Array(); $.each(tagarr, function(idx, item){ tagHtmlArray.push('<li>#'+item+'</li>'); }); return tagHtmlArray.join(''); } Number.prototype.categoryName = function(){ let categoryNameList = [ 'Photos', 'Photos', 'Illustrations', 'Videos', 'Documents', ] let categoryName = categoryNameList[this-1]; return categoryName; } function sortOrderSumit( val ){ if(val === 4){ $("#bestBy").val("Y"); }else{ $("#bestBy").val("N"); } $("#sortOrder").val(val); $('#postSearchFrm').submit(); } function btnSumit(){ $("#srchType").val('srchSj'); $('#postSearchFrm').submit(); } //페이지 로드가 끝난 후.. $(document).ready(function(){ }); </script> <!-- sub-container close --> </div> </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="Seoul Tourism Organization"> <i class="ico-sto en"><em class="blind">STO SEOUL TOURISM ORGANIZATION</em></i> </a> </span> <span> <a class="btn-seoulMySoul" href="https://english.seoul.go.kr/" target="_blank" title="The Seoul Metropolitan Government"> <i class="ico-seoulMySoul"><em class="blind">SEOUL MY SOUL</em></i> </a> </span> </div> <div class="row privacy"> <span> <a class="btn-privacy" href="http://www.sto.or.kr/english/privacy" target="_blank" title="Privacy Statementopen new window"><b>Privacy Statement</b></a> </span> <span> <a class="btn-announcements" href="/announcements" title="Announcement"><b>Announcement</b></a> </span> </div> </div> <!-- 202341106//(Ina).footer-group-01 영역 수정(e) --> <div class="footer-group-02"> <div class="row"> <dl> <dt>Operating Hours/Time</dt> <dd> <span>Mon – Fri, 9 a.m. – 6 p.m. (KST)</span> <span> <a class="btn-link" href="mailto:staff@visitseoul.net" title="Operate external mail delivery system in a new window">staff@visitseoul.net</a> </span> </dd> </dl> <dl> <dt>Inquiry</dt> <dd> <span> <a class="btn-info" href="/tourist-complaint-center" target="_blank" title="Tourist Complaint Center"> <em>Tourist Complaint Center</em> <i class="ico-more"></i> </a> </span> <span> <a class="btn-info" href="https://1330chat.visitkorea.or.kr:3000/#/ttalk_main/CHAT1330_160635739001093018/_0400_0100_localgovernment" target="_blank" title="Open new window for General Tourism Inquiries"> <em>General Tourism Inquiries&nbsp;1330</em> <i class="ico-more"></i> </a> </span> </dd> </dl> </div> <div class="row"> <dl> <dt>The new official Seoul travel app</dt> <dd> <span> <a class="btn-info" href="https://itunes.apple.com/app/i-tour-seoul/id360156429" target="_blank" title="app store open new window"> <em>App Store</em> <i class="ico-more"></i> </a> </span> <span> <a class="btn-info" href="https://play.google.com/store/apps/details?id=com.sto.android.client.itourseoul" target="_blank" title="google Play open new window"> <em>Google Play</em> <i class="ico-more"></i> </a> </span> </dd> </dl> <dl class="sns"> <dt>Visit Seoul SNS</dt> <dd> <a class="btn-fb" href="https://www.facebook.com/VisitSeoul/" target="_blank" title="Open new window for Visit Seoul Facebook page"> <i class="ico-fb"></i> </a> <a class="btn-instar" href="https://www.instagram.com/visitseoul_official/" target="_blank" title="Open new window for Visit Seoul Instagram page"> <i class="ico-instar"></i> </a> <a class="btn-yt" href="https://www.youtube.com/user/visitseoul" target="_blank" title="Open new window for Visit Seoul Youtube page"> <i class="ico-yt"></i> </a> </dd> </dl> </div> <div class="row copyright"> <span>6F, 85, Cheonggyecheon-ro, Jongno-gu, Seoul, Republic of Korea</span> <span>© 2024 Seoul Tourism Organization. All rights reserved</span> </div> </div> <div class="footer-group-03"> <div class="mark-list"> <ul> <li> <a class="btn-ismsP" href="javascript:void(0);"> <i class="ico-ismsP"> <em class="blind">ISMS·P / Personal Information & Information Security Management System</em> </i> <span> Personal information & Information<br> Security Management System</span> </a> <div class="tooltip-ismsP"> [Scope of Certification]Seoul Tourism Online Services<br>(Seoul Tourism Organization Main Website, Visit Seoul Service, Seoul Danurim Tourism Service)<br>[Validity Period]2023.08.16 - 2026.08.15</div> </li> <li style="cursor: pointer;" onclick="window.open('https://www.webwatch.or.kr/', '_balnk')" title="Web Watch opens new window"> <i class="ico-webacc"> <em class="blind">Ministry of Science and ICT WA (Web Accessibility)Quality Certification Mark, WebWatch 2024.7.9 ~ 2025.7.8</em> </i> <span> Web Accessibility<br> Quality Mark</span> </li> <li> <i class="ico-appAward"> <em class="blind">AA APP AWARD24 INNOVATOR</em> </i> <span> Smart App Award<br>2024</span> </li> <li> <i class="ico-webAward"> <em class="blind">WA WEB AWARD24 WINNER</em> </i> <span> Web Award<br>2024</span> </li> </ul> </div> </div> </div> </footer> <!-- 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&amp;ev=PageView&amp;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>

Pages: 1 2 3 4 5 6 7 8 9 10