서울관광재단 SEOUL TOURISM ORGANIZATION

<!DOCTYPE html> <html lang="ko" class="ko"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="user-scalable=yes,initial-scale=1,maximum-scale=1.0,minimum-scale=1,width=device-width">  <meta name="robots" content="ALL"> <meta property="og:type" content="website" /> <meta property="og:title" content="서울관광재단 SEOUL TOURISM ORGANIZATION" /> <meta property="og:description" content="시민과 함께 서울관광의 가치를 높이는 전문기관" /> <meta property="og:url" content="http://www.sto.or.kr" /> <meta property="og:image" content="/humanframe/theme/sto/assets/images/logo_sto.jpg" /> <link rel="shortcut icon" href="/humanframe/theme/sto/assets/images/sto_favicon.png" type="image/x-icon" /> <link rel="icon" href="/humanframe/theme/sto/assets/images/sto_favicon.png" type="image/x-icon" /> <script src="https://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=2172246170" charset="utf-8"></script> <title>서울관광재단 SEOUL TOURISM ORGANIZATION</title> <script src="/humanframe/theme/sto/assets/js/jquery-1.11.1.min.js?bust=241115"></script> <script src="/humanframe/theme/sto/assets/js/header-for-main.js?bust=20241115"></script> <script src="/humanframe/theme/sto/assets/js/common_ko.js?bust=20241119"></script> <link rel="stylesheet" type="text/css" href="/humanframe/theme/sto/assets/css/index.css?bust=20250114_1" /> <link rel="stylesheet" type="text/css" href="/humanframe/theme/sto/assets/css/templates_ko.css?bust=20250120_3" /> <link rel="stylesheet" type="text/css" href="/humanframe/theme/sto/assets/css/swiper.min.css" />  <script src="/humanframe/theme/sto/assets/js/swiper-11.1.9/swiper-bundle.min.js"></script>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '281238195644628'); fbq('track', 'PageView'); </script>    <script async src="https://www.googletagmanager.com/gtag/js?id=G-M50BTXPY8R"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-M50BTXPY8R'); </script> </head> <body > <div class="wrapper main--renewal-2024">   <script> let urlSplit = window.location.href.trim().split("/")[3]; // 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', '14']); let websiteIdDuplicate; switch (urlSplit){ case "english": websiteIdDuplicate = 2; break; default: websiteIdDuplicate = 1; 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>  <nav id="accessibility"> <strong class="hidden">컨텐츠 바로가기</strong> <ul> <li> <a href="#headerarea" title="go menu"> <span>주메뉴 바로가기</span> </a> </li> <li> <a href="#contentsarea" title="go contents"> <span>본문 바로가기</span> </a> </li> </ul> </nav>   <header class="header"> <div class="gnbwrap main-p"> <div class="gnb-inner" id="headerarea">  <h1 class="hidetext">서울관광재단 SEOUL TOURISM ORGANIZATION</h1> <a href="http://www.sto.or.kr" class="gnb-logo" title="서울관광재단 메인화면으로"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/ico_header_logo_sto.svg" class="type1" alt="서울관광재단 SEOUL TOURISM ORGANIZATION"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/ico_header_logo_sto_active.svg" class="type2" alt="서울관광재단 SEOUL TOURISM ORGANIZATION"> </a> <div class="vline"></div> <div class="gnb"> <div class="gnb-unit">  <button type="button" class="parent"><span>재단소개</span></button>  <div class="child"> <a href="/greeting" class="child-unit">인사말</a>  <a href="/vision" class="child-unit">비전</a>  <a href="/person" class="child-unit">재단 인재상</a>  <a href="/history" class="child-unit">연혁</a>  <a href="/organ" class="child-unit">조직도</a>  <a href="/council" class="child-unit">이사회 소개</a>  <a href="/ci" class="child-unit">CI</a>  <a href="/map" class="child-unit">오시는 길</a> </div>  </div>  <div class="gnb-unit">  <button type="button" class="parent"><span>사업소개</span></button>  <div class="child"> <a href="/tourism01" class="child-unit">관광상품 및 자원개발</a>  <a href="/tourism02" class="child-unit">관광정보 및 서비스</a>  <a href="/tourism03" class="child-unit">축제 및 행사</a>  <a href="/tourism04" class="child-unit">해외 홍보 마케팅</a>  <a href="/tourism05" class="child-unit">MICE 사업</a> </div>  </div>  <div class="gnb-unit">  <button type="button" class="parent"><span>서울관광플라자</span></button>  <div class="child"> <a href="/plazaintro" class="child-unit">서울관광플라자 소개</a>  <a href="/plazafloor" class="child-unit">층별안내</a>  <a href="/plazarental" class="child-unit">대관안내</a>  <a href="/plazatour" class="child-unit">시설 투어 안내</a> </div>  </div>  <div class="gnb-unit">  <button type="button" class="parent"><span>정보공개</span></button>  <div class="child"> <a href="#none" class="child-unit">사전정보공개</a> <div class="grandsons"> <a href="/publication" class="child-unit grandson">사전정보공표목록</a> <a href="/ndisclosure" class="child-unit grandson">비공개 세부 기준</a> <a href="/beffatgnrl" class="child-unit grandson">사전공개 - 일반</a> <a href="/beffatpromtn" class="child-unit grandson">사전공개 - 업무추진비</a> <a href="/beffatcntrct" class="child-unit grandson">사전공개 - 계약현황</a> <a href="/mtg" class="child-unit grandson">회의공개</a> <a href="/regltn" class="child-unit grandson">규정공개</a> <a href="/ethicsMng1" class="child-unit grandson" >윤리경영</a> <a href="/humanRightMng" class="child-unit grandson">인권경영</a> </div>   <a href="/infolist" class="child-unit">정보목록</a>  <a href="/openDocument" class="child-unit">결재문서 원문공개</a>  <a href="#none" class="child-unit">개인정보보호</a> <div class="grandsons"> <a href="/privacy" class="child-unit grandson">개인정보 처리방침</a> <a href="/standard" class="child-unit grandson">개인정보보호 처리기준</a> <a href="/videoprivacy" class="child-unit grandson">영상정보처리기기 방침</a> </div>  </div>  </div>  <div class="gnb-unit">  <button type="button" class="parent"><span>알림마당</span></button>  <div class="child"> <a href="/notice" class="child-unit">공지사항</a>  <a href="#none" class="child-unit">공고</a> <div class="grandsons"> <a href="/recruit" class="child-unit grandson">채용공고</a> <a href="https://www.g2b.go.kr/link//FIUA006_01/single/?untySrchSeCd=BD&rowCnt=&instCd=Z016258&demaInstNm=&hghrkInstCd=&prcmBsneAreaCd=%EC%A0%84%EC%B2%B4+%EC%A1%B0070001+%EC%A1%B0070002+%EC%A1%B0070003+%EC%A1%B0070004+%EC%A1%B0070005&prcmMthoSeCd=&frcpYn=N&laseYn=N&rsrvYn=N&chkInstCd=&urlSrchSeCd=instCd&demaInstCd=IN0100000007381&prcmMaagSeCd=" class="child-unit grandson" target="_blank" title="새창열기" >입찰공고 - 사전규격공개</a> <a href="https://www.g2b.go.kr/link//FIUA006_01/single/?untySrchSeCd=BK+BUK&rowCnt=&instCd=Z016258&demaInstNm=&hghrkInstCd=&prcmBsneAreaCd=%EC%A0%84%EC%B2%B4+%EC%A1%B0070001+%EC%A1%B0070002+%EC%A1%B0070003+%EC%A1%B0070004+%EC%A1%B0070005&prcmMthoSeCd=&frcpYn=N&laseYn=N&rsrvYn=N&chkInstCd=&urlSrchSeCd=instCd&demaInstCd=IN0100000007381&prcmMaagSeCd=" class="child-unit grandson" target="_blank" title="새창열기" >입찰공고 - 입찰공고</a> <a href="/bidResult" class="child-unit grandson">입찰공고 - 우선협상대상자 발표</a> <a href="https://www.g2b.go.kr/link//FIUA006_01/single/?untySrchSeCd=CC+CUC&rowCnt=&instCd=Z016258&demaInstNm=&hghrkInstCd=&prcmBsneAreaCd=%EC%A0%84%EC%B2%B4+%EC%A1%B0070001+%EC%A1%B0070002+%EC%A1%B0070003+%EC%A1%B0070004+%EC%A1%B0070005&prcmMthoSeCd=&frcpYn=N&laseYn=N&rsrvYn=N&chkInstCd=&urlSrchSeCd=instCd&demaInstCd=IN0100000007381&prcmMaagSeCd=" class="child-unit grandson" target="_blank" title="새창열기" >입찰공고 - 계약체결 현황</a> <a href="/bidState" class="child-unit grandson">입찰공고 - 대가지급 현황</a> <a href="/unitrcrit" class="child-unit grandson">모집공고</a> </div>   <a href="/promo" class="child-unit">유관기관 알림</a> </div>  </div>  <div class="gnb-unit">  <button type="button" class="parent"><span>자료실</span></button>  <div class="child"> <a href="/press" class="child-unit">보도자료</a>  <a href="/report" class="child-unit">언론보도</a>  <a href="/chart" class="child-unit">재단 자료실</a>  <a href="http://archive.visitseoul.net/" class="child-unit" target="_blank" title="새창열기" >서울관광아카이브</a> </div>  </div>  </div>  <div class="right-btns"> <a href="/index" class="lang on" title="국문 사이트 열기"> <span>KR</span> </a> <a href="/english/index" class="lang" title="영문 사이트 열기"> <span>EN</span> </a> <a href="https://www.facebook.com/SeoulTourismOrganization" target="_blank" class="facebook" title="서울관광재단 페이스북 사이트 새창에서 열기"> <span class="hidetext">서울관광재단 페이스북</span> </a> <a href="https://www.youtube.com/channel/UCSPssxnqHu3LNG5IFcCPWCg" target="_blank" class="youtube" title="서울관광재단 유튜브 사이트 새창에서 열기"> <span class="hidetext">서울관광재단 유튜브</span> </a> <a href="https://www.instagram.com/sto___official/" target="_blank" class="instagram" title="서울관광재단 인스타그램 사이트 새창에서 열기"> <span class="hidetext">서울관광재단 인스타그램</span> </a> <a href="#schopen" class="search" title="검색창 열기" id="aSchOpen"> <span class="hidetext">검색창</span> </a> </div>   <form id="searchFrm" name="searchFrm" method="get" action="/search?type=all"> <div class="top-search-bar"> <div class="tsb-wrap"> <label for="searchText" class="hidetext">검색어를 입력해 주세요.</label> <input type="text" id="searchText" name="searchText" title="검색어 입력" class="tsb-run-ipt" placeholder="검색어를 입력해 주세요." aria-label="검색어 입력"> <a href="javascript:searchFrm.submit();" class="tsb-run-btn" title="검색하기"> <span class="hidetext">검색</span> </a> </div> <a href="#schclose" class="tsb-close" title="검색메뉴 닫기" onClick="$('#aSchOpen').focus()"> <span class="hidetext">검색메뉴 닫기</span> </a> </div> </form>   <div class="sitemap-go"> <a href="#sitemapopen" class="sitemap-btn" title="사이트맵 메뉴 열기"> <span class="hidetext">사이트맵 메뉴</span> </a> </div>  <div class="sitemap"> <div class="sitemap-in"> <div class="sitemap-unit">  <a href="#none" class="parent"><span>재단소개</span></a>  <div class="child"> <a href="/greeting" class="child-unit">인사말</a>  <a href="/vision" class="child-unit">비전</a>  <a href="/person" class="child-unit">재단 인재상</a>  <a href="/history" class="child-unit">연혁</a>  <a href="/organ" class="child-unit">조직도</a>  <a href="/council" class="child-unit">이사회 소개</a>  <a href="/ci" class="child-unit">CI</a>  <a href="/map" class="child-unit">오시는 길</a> </div>  </div>  <div class="sitemap-unit">  <a href="#none" class="parent"><span>사업소개</span></a>  <div class="child"> <a href="/tourism01" class="child-unit">관광상품 및 자원개발</a>  <a href="/tourism02" class="child-unit">관광정보 및 서비스</a>  <a href="/tourism03" class="child-unit">축제 및 행사</a>  <a href="/tourism04" class="child-unit">해외 홍보 마케팅</a>  <a href="/tourism05" class="child-unit">MICE 사업</a> </div>  </div>  <div class="sitemap-unit">  <a href="#none" class="parent"><span>서울관광플라자</span></a>  <div class="child"> <a href="/plazaintro" class="child-unit">서울관광플라자 소개</a>  <a href="/plazafloor" class="child-unit">층별안내</a>  <a href="/plazarental" class="child-unit">대관안내</a>  <a href="/plazatour" class="child-unit">시설 투어 안내</a> </div>  </div>  <div class="sitemap-unit">  <a href="#none" class="parent"><span>정보공개</span></a>  <div class="child"> <a href="#none" class="child-unit">사전정보공개</a> <div class="grandsons"> <a href="/publication" class="child-unit grandson">사전정보공표목록</a> <a href="/ndisclosure" class="child-unit grandson">비공개 세부 기준</a> <a href="/beffatgnrl" class="child-unit grandson">사전공개 - 일반</a> <a href="/beffatpromtn" class="child-unit grandson">사전공개 - 업무추진비</a> <a href="/beffatcntrct" class="child-unit grandson">사전공개 - 계약현황</a> <a href="/mtg" class="child-unit grandson">회의공개</a> <a href="/regltn" class="child-unit grandson">규정공개</a> <a href="/ethicsMng1" class="child-unit grandson" >윤리경영</a> <a href="/humanRightMng" class="child-unit grandson">인권경영</a> </div>   <a href="/infolist" class="child-unit">정보목록</a>  <a href="/openDocument" class="child-unit">결재문서 원문공개</a>  <a href="#none" class="child-unit">개인정보보호</a> <div class="grandsons"> <a href="/privacy" class="child-unit grandson">개인정보 처리방침</a> <a href="/standard" class="child-unit grandson">개인정보보호 처리기준</a> <a href="/videoprivacy" class="child-unit grandson">영상정보처리기기 방침</a> </div>  </div>  </div>  <div class="sitemap-unit">  <a href="#none" class="parent"><span>알림마당</span></a>  <div class="child"> <a href="/notice" class="child-unit">공지사항</a>  <a href="#none" class="child-unit">공고</a> <div class="grandsons"> <a href="/recruit" class="child-unit grandson">채용공고</a> <a href="https://www.g2b.go.kr/link//FIUA006_01/single/?untySrchSeCd=BD&rowCnt=&instCd=Z016258&demaInstNm=&hghrkInstCd=&prcmBsneAreaCd=%EC%A0%84%EC%B2%B4+%EC%A1%B0070001+%EC%A1%B0070002+%EC%A1%B0070003+%EC%A1%B0070004+%EC%A1%B0070005&prcmMthoSeCd=&frcpYn=N&laseYn=N&rsrvYn=N&chkInstCd=&urlSrchSeCd=instCd&demaInstCd=IN0100000007381&prcmMaagSeCd=" class="child-unit grandson" target="_blank" >입찰공고 - 사전규격공개</a> <a href="https://www.g2b.go.kr/link//FIUA006_01/single/?untySrchSeCd=BK+BUK&rowCnt=&instCd=Z016258&demaInstNm=&hghrkInstCd=&prcmBsneAreaCd=%EC%A0%84%EC%B2%B4+%EC%A1%B0070001+%EC%A1%B0070002+%EC%A1%B0070003+%EC%A1%B0070004+%EC%A1%B0070005&prcmMthoSeCd=&frcpYn=N&laseYn=N&rsrvYn=N&chkInstCd=&urlSrchSeCd=instCd&demaInstCd=IN0100000007381&prcmMaagSeCd=" class="child-unit grandson" target="_blank" >입찰공고 - 입찰공고</a> <a href="/bidResult" class="child-unit grandson">입찰공고 - 우선협상대상자 발표</a> <a href="https://www.g2b.go.kr/link//FIUA006_01/single/?untySrchSeCd=CC+CUC&rowCnt=&instCd=Z016258&demaInstNm=&hghrkInstCd=&prcmBsneAreaCd=%EC%A0%84%EC%B2%B4+%EC%A1%B0070001+%EC%A1%B0070002+%EC%A1%B0070003+%EC%A1%B0070004+%EC%A1%B0070005&prcmMthoSeCd=&frcpYn=N&laseYn=N&rsrvYn=N&chkInstCd=&urlSrchSeCd=instCd&demaInstCd=IN0100000007381&prcmMaagSeCd=" class="child-unit grandson" target="_blank" >입찰공고 - 계약체결 현황</a> <a href="/bidState" class="child-unit grandson">입찰공고 - 대가지급 현황</a> <a href="/unitrcrit" class="child-unit grandson">모집공고</a> </div>   <a href="/promo" class="child-unit">유관기관 알림</a> </div>  </div>  <div class="sitemap-unit">  <a href="#none" class="parent"><span>자료실</span></a>  <div class="child"> <a href="/press" class="child-unit">보도자료</a>  <a href="/report" class="child-unit">언론보도</a>  <a href="/chart" class="child-unit">재단 자료실</a>  <a href="http://archive.visitseoul.net/" class="child-unit" target="_blank" >서울관광아카이브</a> </div>  </div>  </div> <a href="#sitemapclose" class="sitemap-close-btn" title="사이트맵 닫기"> <span class="hidetext">사이트맵 닫기</span> </a> </div>    <div class="quick-menu"> <a href="#qopen" class="quick-menu-top" title="퀵메뉴 열기"> <div class="quick-menu-top-title">Quick Link</div> </a> <div class="quick-menu-main"> <a href="./unitrcrit" class="q-banner qb001" title="채용/입찰/모집 공고"> <span class="q-txt1">채용/입찰/모집</span> <span class="q-txt2">공고</span> </a>  <a href="/humanframe/theme/sto/assets/images/brochure/(국문)2023서울관광재단책자.pdf" target="_blank" class="q-banner qb009" title="서울관광재단 국문브로슈어 다운로드"> <span class="q-txt1">서울관광재단</span> <span class="q-txt2">국문브로슈어</span> </a>  <a href="./map" class="q-banner qb004" title="서울관광재단 오시는 길"> <span class="q-txt1">서울관광재단</span> <span class="q-txt2">오시는길</span> </a> <a href="http://archive.visitseoul.net/" target="_blank" class="q-banner qb003" title="서울관광 아카이브 (새창열림)"> <span class="q-txt1">서울관광</span> <span class="q-txt2">아카이브</span> </a>  <a href="#qclose" class="q_close" title="퀵메뉴 닫기"> <span class="hidetext">퀵메뉴 닫기</span> </a> </div> </div>   <div class="momenu-go"> <a href="#" class="momenu-btn" title="모바일전용 메뉴 열기"></a> </div> </div>  </div>  </header>  <div class="only-mo-menu"> <div class="omm-left"></div> <div class="omm-right"> <div class="omm-top"> <img src="/humanframe/theme/sto/assets/images/sto-logo-gnb-mmo.png" class="omm-top-logo" alt="서울관광재단 SEOUL TOURISM ORGANIZATION"> <a href="#" class="omm-close" title="메뉴 닫기"> <span class="hidetext">메뉴 닫기</span> </a> </div> <div class="omm-menus">  <a href="#" class="omm-parent"><span>재단소개</span></a>  <div class="omm-child"> <a href="/greeting" class="omm-child-unit">인사말</a>  <a href="/vision" class="omm-child-unit">비전</a>  <a href="/person" class="omm-child-unit">재단 인재상</a>  <a href="/history" class="omm-child-unit">연혁</a>  <a href="/organ" class="omm-child-unit">조직도</a>  <a href="/council" class="omm-child-unit">이사회 소개</a>  <a href="/ci" class="omm-child-unit">CI</a>  <a href="/map" class="omm-child-unit">오시는 길</a> </div>  <a href="#" class="omm-parent"><span>사업소개</span></a>  <div class="omm-child"> <a href="/tourism01" class="omm-child-unit">관광상품 및 자원개발</a>  <a href="/tourism02" class="omm-child-unit">관광정보 및 서비스</a>  <a href="/tourism03" class="omm-child-unit">축제 및 행사</a>  <a href="/tourism04" class="omm-child-unit">해외 홍보 마케팅</a>  <a href="/tourism05" class="omm-child-unit">MICE 사업</a> </div>  <a href="#" class="omm-parent"><span>서울관광플라자</span></a>  <div class="omm-child"> <a href="/plazaintro" class="omm-child-unit">서울관광플라자 소개</a>  <a href="/plazafloor" class="omm-child-unit">층별안내</a>  <a href="/plazarental" class="omm-child-unit">대관안내</a>  <a href="/plazatour" class="omm-child-unit">시설 투어 안내</a> </div>  <a href="#" class="omm-parent"><span>정보공개</span></a>  <div class="omm-child"> <a href="#none" class="omm-child-unit">사전정보공개</a> <div class="omm-grandsons"> <a href="/publication" class="omm-child-unit omm-grandson">사전정보공표목록</a> <a href="/ndisclosure" class="omm-child-unit omm-grandson">비공개 세부 기준</a> <a href="/beffatgnrl" class="omm-child-unit omm-grandson">사전공개 - 일반</a> <a href="/beffatpromtn" class="omm-child-unit omm-grandson">사전공개 - 업무추진비</a> <a href="/beffatcntrct" class="omm-child-unit omm-grandson">사전공개 - 계약현황</a> <a href="/mtg" class="omm-child-unit omm-grandson">회의공개</a> <a href="/regltn" class="omm-child-unit omm-grandson">규정공개</a> <a href="/ethicsMng1" class="omm-child-unit omm-grandson" >윤리경영</a> <a href="/humanRightMng" class="omm-child-unit omm-grandson">인권경영</a> </div>  <a href="/infolist" class="omm-child-unit">정보목록</a>  <a href="/openDocument" class="omm-child-unit">결재문서 원문공개</a>  <a href="#none" class="omm-child-unit">개인정보보호</a> <div class="omm-grandsons"> <a href="/privacy" class="omm-child-unit omm-grandson">개인정보 처리방침</a> <a href="/standard" class="omm-child-unit omm-grandson">개인정보보호 처리기준</a> <a href="/videoprivacy" class="omm-child-unit omm-grandson">영상정보처리기기 방침</a> </div> </div>  <a href="#" class="omm-parent"><span>알림마당</span></a>  <div class="omm-child"> <a href="/notice" class="omm-child-unit">공지사항</a>  <a href="#none" class="omm-child-unit">공고</a> <div class="omm-grandsons"> <a href="/recruit" class="omm-child-unit omm-grandson">채용공고</a> <a href="https://www.g2b.go.kr/link//FIUA006_01/single/?untySrchSeCd=BD&rowCnt=&instCd=Z016258&demaInstNm=&hghrkInstCd=&prcmBsneAreaCd=%EC%A0%84%EC%B2%B4+%EC%A1%B0070001+%EC%A1%B0070002+%EC%A1%B0070003+%EC%A1%B0070004+%EC%A1%B0070005&prcmMthoSeCd=&frcpYn=N&laseYn=N&rsrvYn=N&chkInstCd=&urlSrchSeCd=instCd&demaInstCd=IN0100000007381&prcmMaagSeCd=" class="omm-child-unit omm-grandson" target="_blank" >입찰공고 - 사전규격공개</a> <a href="https://www.g2b.go.kr/link//FIUA006_01/single/?untySrchSeCd=BK+BUK&rowCnt=&instCd=Z016258&demaInstNm=&hghrkInstCd=&prcmBsneAreaCd=%EC%A0%84%EC%B2%B4+%EC%A1%B0070001+%EC%A1%B0070002+%EC%A1%B0070003+%EC%A1%B0070004+%EC%A1%B0070005&prcmMthoSeCd=&frcpYn=N&laseYn=N&rsrvYn=N&chkInstCd=&urlSrchSeCd=instCd&demaInstCd=IN0100000007381&prcmMaagSeCd=" class="omm-child-unit omm-grandson" target="_blank" >입찰공고 - 입찰공고</a> <a href="/bidResult" class="omm-child-unit omm-grandson">입찰공고 - 우선협상대상자 발표</a> <a href="https://www.g2b.go.kr/link//FIUA006_01/single/?untySrchSeCd=CC+CUC&rowCnt=&instCd=Z016258&demaInstNm=&hghrkInstCd=&prcmBsneAreaCd=%EC%A0%84%EC%B2%B4+%EC%A1%B0070001+%EC%A1%B0070002+%EC%A1%B0070003+%EC%A1%B0070004+%EC%A1%B0070005&prcmMthoSeCd=&frcpYn=N&laseYn=N&rsrvYn=N&chkInstCd=&urlSrchSeCd=instCd&demaInstCd=IN0100000007381&prcmMaagSeCd=" class="omm-child-unit omm-grandson" target="_blank" >입찰공고 - 계약체결 현황</a> <a href="/bidState" class="omm-child-unit omm-grandson">입찰공고 - 대가지급 현황</a> <a href="/unitrcrit" class="omm-child-unit omm-grandson">모집공고</a> </div>  <a href="/promo" class="omm-child-unit">유관기관 알림</a> </div>  <a href="#" class="omm-parent"><span>자료실</span></a>  <div class="omm-child"> <a href="/press" class="omm-child-unit">보도자료</a>  <a href="/report" class="omm-child-unit">언론보도</a>  <a href="/chart" class="omm-child-unit">재단 자료실</a>  <a href="http://archive.visitseoul.net/" class="omm-child-unit" target="_blank" >서울관광아카이브</a> </div> <div class="omm-lang">  <div class="omm-lang-sns"> <a href="https://www.facebook.com/SeoulTourismOrganization" target="_blank" class="facebook ol_sns" title="서울관광재단 페이스북 사이트 새창에서 열기"> <span class="hidetext">서울관광재단 페이스북</span> </a> <a href="https://www.youtube.com/channel/UCSPssxnqHu3LNG5IFcCPWCg" target="_blank" class="youtube ol_sns" title="서울관광재단 유튜브 사이트 새창에서 열기"> <span class="hidetext">서울관광재단 유튜브</span> </a> <a href="https://www.instagram.com/sto___official/" target="_blank" class="instagram ol_sns" title="서울관광재단 인스타그램 사이트 새창에서 열기"> <span class="hidetext">서울관광재단 인스타그램</span> </a> </div>  <div class="omm-lang-in"> <a href="/index" class="lang on" title="국문 사이트 열기"> <span>KR</span> </a> <a href="/english/index" class="lang" title="영문 사이트 열기"> <span>EN</span> </a> </div> </div> </div> </div> </div>    <main class="content main-content" id="contentsarea">   <script> function setCookie(name, value, expiredays) { var todayDate = new Date(); todayDate.setDate(todayDate.getDate() + expiredays); document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";" } function closePop(div, id) { if (document.pop_form.chkbox.checked) { setCookie("maindiv", "done", 1); } document.all['popup'].style.visibility = "hidden"; } function closePopUp() { if (document.pop_form2.chkbox.checked) { setCookie("maindiv2", "done", 1); } document.all['popup2'].style.visibility = "hidden"; } function closePop3() { if (document.pop_form3.chkbox.checked) { setCookie("maindiv3", "done", 1); } document.all['popup3'].style.visibility = "hidden"; } </script> <div id="popup" class="popWrap popWrap1" style="display: none;"> <div class="bgWrap"> <img src="/humanframe/theme/sto/assets/images/main_popup_20210813.jpg" alt="코로나19 백신 접종을 위한 서울다누림 미니밴 차량 무료지원. 지원대상:서울 거주 관광약자 누구나(장애인, 만 65세 이상). 운영기간:2021년8월17일(화) ~ 9월30일(목). 접종일 3일 전까지 예약 필수. 사회적 거리두기 단계에 따라 운영 기간 변동 가능"> <div class="blind"> <h2>코로나19 백신 접종을 위한 서울다누림 미니밴 차량 무료지원</h2> <dl> <dt>지원대상</dt> <dd>서울 거주 관광약자 누구나(장애인, 만 65세 이상)</dd> <dt>운영기간</dt> <dd>2021년8월17일(화) ~ 9월30일(목)</dd> </dl> <p>접종일 3일 전까지 예약 필수</p> <p>사회적 거리두기 단계에 따라 운영 기간 변동 가능</p> </div> <a href="/unitrcrit/시민관광팀-관광약자-대상-코로나19-백신-접종-미니밴-차량-무료-지원-안내_/11326" title="예약하기">예약하기</a> </div> <div class="popBtnWrap clearfix"> <form name="pop_form"> <div id="check2" class="checkWrap"> <input id="popHide" type="checkbox" name="chkbox" value="checkbox"> <label for="popHide"><span class="chekIcon"></span>오늘 하루 보지 않기</label> </div> <div class="closeWrap"> <a href="javascript:closePop();" title="팝업창 닫기" class="popClose">닫기</a> </div> </form> </div> </div> <div id="popup2" class="popWrap popWrap2" style="display: none;"> <div class="bgWrap"> <img src="/humanframe/theme/sto/assets/images/main_popup_20210823.png" alt="서울형 뉴노멀 관광콘텐츠 공모전. 접수기간: 2021년8월30일(월) 10:00 ~ 9월24일(금) 18:00. 지원대상: 서울 소재 일반여행업 또는 국내여행업 등록업체. 공모분야: 1.협업분야(30개사), 2.일반분야(140개사). 공모내용: 뉴노멀 트렌드를 반영한 내외국인 대상 서울 관광 콘텐츠. 지원금액: 협업 분야 최대 2000만원, 일반 분야 최대 1000만원. 접수방법: 서울관광재단 홈페이지(www.sto.or.kr) 온라인 접수. 접수문의: 운영사무국(02-893-1116~8)."> <div class="blind"> <h2>서울형 뉴노멀 관광콘텐츠 공모전</h2> <dl> <dt>접수기간</dt> <dd>2021년8월30일(월) 10:00 ~ 9월24일(금) 18:00</dd> <dt>지원대상</dt> <dd>서울 소재 일반여행업 또는 국내여행업 등록업체</dd> <dt>공모분야</dt> <dd>1.협업분야(30개사), 2.일반분야(140개사)</dd> <dt>공모내용</dt> <dd>뉴노멀 트렌드를 반영한 내외국인 대상 서울 관광 콘텐츠</dd> <dt>지원금액</dt> <dd>협업 분야 최대 2000만원, 일반 분야 최대 1000만원</dd> <dt>접수방법</dt> <dd>서울관광재단 홈페이지(www.sto.or.kr) 온라인 접수</dd> <dt>접수문의</dt> <dd>운영사무국(02-893-1116~8)</dd> </dl> </div> <a href="http://www.sto.or.kr/unitrcrit/%EC%82%B0%EC%97%85%ED%98%91%EB%A0%A5%ED%8C%80-%EC%84%9C%EC%9A%B8%ED%98%95-%EB%89%B4%EB%85%B8%EB%A9%80-%EA%B4%80%EA%B4%91%EC%BD%98%ED%85%90%EC%B8%A0-%EA%B3%B5%EB%AA%A8_/11360" title="자세히보기">자세히보기</a> </div> <div class="popBtnWrap clearfix"> <form name="pop_form2"> <div id="check" class="checkWrap"> <input id="popHide2" type="checkbox" name="chkbox" value="checkbox"> <label for="popHide2"><span class="chekIcon"></span>오늘 하루 보지 않기</label> </div> <div class="closeWrap"> <a href="javascript:closePopUp();" title="팝업창 닫기" class="popClose">닫기</a> </div> </form> </div> </div> <div id="popup3" class="popWrap popWrap3" style="display: none;"> <div class="bgWrap"> <img src="/humanframe/theme/sto/assets/images/main_support_popup3_0517.jpg" alt="서울관광재단 임원 공개모집"> <div class="blind">  <h2>서울관광재단 임원 공개모집</h2> <p>모집직위 : 이사장, 대표이사, 이사, 감사</p> <p>서울관광재단에서는 서울 관광산업 활성화 및 경쟁력 향상을 위해 임원을 공개모집 하오니 전문성과 역량을 지닌 분들의 많은 지원 바랍니다.</p>  <p>2021.5.17</p> <p>서울관광재단 임원추천위원회 위원장</p> </div> <a href="/unitrcrit/%EC%9E%AC%EB%8B%A8%EB%B2%95%EC%9D%B8-%EC%84%9C%EC%9A%B8%EA%B4%80%EA%B4%91%EC%9E%AC%EB%8B%A8-%EC%9E%84%EC%9B%90%EC%9D%B4%EC%82%AC%EC%9E%A5-%EB%8C%80%ED%91%9C%EC%9D%B4%EC%82%AC-%EB%B9%84%EC%83%81%EC%9E%84%EC%9D%B4%EC%82%AC-%EB%B9%84%EC%83%81%EC%9E%84%EA%B0%90%EC%82%AC-%EA%B3%B5%EA%B0%9C%EB%AA%A8%EC%A7%91-%EA%B3%B5%EA%B3%A0_/11022" target="_blank" title="서울관광재단 임원 공개모집 공고 새창열기"> <span class="hidetext">서울관광재단 임원 공개모집 공고</span> </a> </div> <div class="popBtnWrap clearfix"> <form name="pop_form3"> <div id="check3" class="checkWrap"> <input id="popHide3" type="checkbox" name="chkbox" value="checkbox"> <label for="popHide3"><span class="chekIcon"></span>오늘 하루 보지 않기</label> </div> <div class="closeWrap"> <a href="javascript:closePop3();" title="팝업창 닫기" class="popClose">닫기</a> </div> </form> </div> </div> <script> var cookiedata = document.cookie; if (cookiedata.indexOf("maindiv=done") < 0) { document.all['popup'].style.display = "none"; } else { document.all['popup'].style.display = "none"; } if (cookiedata.indexOf("maindiv2=done") < 0) { document.all['popup2'].style.display = "none"; } else { document.all['popup2'].style.display = "none"; } if (cookiedata.indexOf("maindiv3=done") < 0) { document.all['popup3'].style.display = "none"; } else { document.all['popup3'].style.display = "none"; } </script>   <section class="section-main-visual"> <div class="slider-main-visual"> <div class="swiper-button-prev swiper-button-white"> <em class="blind">메인비주얼 슬라이드 이전보기</em> </div> <div class="swiper-button-next swiper-button-white"> <em class="blind">메인비주얼 슬라이드 다음보기</em> </div>  <div class="slider-controls"> <div class="swiper-pagination swiper-pagination-bullets"></div> <button type="button" class="btn-autoplay"> <i class="ico-autoplay"><em class="blind">일시정지</em></i> </button> </div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slide-bg" style="background-image:url('/comm/getImage?srvcId=STOMAINBANNER&parentSn=50&fileTy=BANNERTHUMB&fileNo=5');"></div> </div> </div> </div> </div> </section>   <section class="section-news"> <div class="inner-cont"> <div class="section-title"> <h2>서울관광재단 소식</h2> </div> <div class="news-cont"> <div class="news-group-01"> <div class="tab-area"> <div class="tab-header"> <nav class="nav-tabs"> <button type="button" class="nav-link active">공지사항</button> <button type="button" class="nav-link">알림</button> <button type="button" class="nav-link">언론보도</button> <button type="button" class="nav-link">보도자료</button> </nav> <div class="btn-cont"> <a href="https://www.sto.or.kr/notice" class="btn-more"> <em class="blind">더보기</em> </a> </div> </div> <div class="tab-body">  <div class="tab-pane active"> <ul class="news-list"> <li> <a href="notice/2025-서울관광플라자-크리에이티브-멤버십-가입자-모집_/15139"> <div class="list-title">2025 서울관광플라자 크리에이티브 멤버십 가입자 모집</div> <div class="list-dsc"><span class="date">2025.02.17</span></div> </a> </li> <li> <a href="notice/재단-영상정보처리기기-운영-및-관리방침-변경시행-예고-2025113_/15047"> <div class="list-title">재단 영상정보처리기기 운영 및 관리방침 변경시행 예고 (2025.1.13.)</div> <div class="list-dsc"><span class="date">2025.01.06</span></div> </a> </li> <li> <a href="notice/개인정보처리방침-변경-고지-시행-2025113_/15046"> <div class="list-title">개인정보처리방침 변경 고지 (시행: 2025.1.13.)</div> <div class="list-dsc"><span class="date">2025.01.06</span></div> </a> </li> </ul> </div>   <div class="tab-pane"> <ul class="news-list"> <li> <a href="promo/서울기록원-임기제공무원-임용시험-재공고-안내임기제지방기록연구관_/15154"> <div class="list-title">(서울기록원) 임기제공무원 임용시험 재공고 안내(임기제지방기록연구관)</div> <div class="list-dsc"><span class="date">2025.02.21</span></div> </a> </li> <li> <a href="promo/서울특별시중랑물재생센터-2025년-제1회-서울특별시-지방전문경력관-경력경쟁임용시험-재공고-안내_/15155"> <div class="list-title">(서울특별시중랑물재생센터) 2025년 제1회 서울특별시 지방전문경력관 경력경쟁임용시험 재공고 안내</div> <div class="list-dsc"><span class="date">2025.02.21</span></div> </a> </li> <li> <a href="promo/서울특별시-서울특별시-임기제공무원도시개발사업요원-채용-안내-_/15156"> <div class="list-title">(서울특별시) 서울특별시 임기제공무원(도시개발사업요원) 채용 안내 </div> <div class="list-dsc"><span class="date">2025.02.21</span></div> </a> </li> </ul> </div>   <div class="tab-pane"> <ul class="news-list"> <li> <a href="https://www.ajunews.com/view/20250219145531410" target="_blank" title="새창열림"> <div class="list-title">지역소멸 위기에 '서울·지방' 맞손… 관광 상생 협력 나선다[아주경제]</div> <div class="list-dsc"><span class="date">2025.02.20</span></div> </a> </li> <li> <a href="https://www.discoverynews.kr/news/articleView.html?idxno=1058306" target="_blank" title="새창열림"> <div class="list-title">서울시·서울관광재단, 2025년 달라진‘MICE 지원제도’설명회 개최[디스커버리뉴스]</div> <div class="list-dsc"><span class="date">2025.02.20</span></div> </a> </li> <li> <a href="https://n.news.naver.com/mnews/article/421/0008079712?sid=103" target="_blank" title="새창열림"> <div class="list-title">"서울을 마이스 1위 도시로"…2025 SMA 신규 회원사 모집[뉴스1]</div> <div class="list-dsc"><span class="date">2025.02.17</span></div> </a> </li> </ul> </div>   <div class="tab-pane"> <ul class="news-list"> <li> <a href="press/기획예산팀-서울과-지방-관광으로-손잡고-함께-성장’-서울관광재단-2025-서울관광-사업설명회-성료_/15144"> <div class="list-title">(기획예산팀) '서울과 지방, 관광으로 손잡고 함께 성장’ 서울관광재단, 2025 서울관광 사업설명회 성료</div> <div class="list-dsc"><span class="date">2025.02.20</span></div> </a> </li> <li> <a href="press/MICE1팀-서울시·서울관광재단-2025년-달라진‘MICE-지원제도’-설명회-개최_/15146"> <div class="list-title">(MICE1팀) 서울시·서울관광재단, 2025년 달라진‘MICE 지원제도’ 설명회 개최</div> <div class="list-dsc"><span class="date">2025.02.20</span></div> </a> </li> <li> <a href="press/MICE2팀-함께-만드는-MICE도시-서울-2025년-서울MICE얼라이언스-신규회원사-모집_/15134"> <div class="list-title">(MICE2팀) 함께 만드는 MICE도시 서울, 2025년 서울MICE얼라이언스 신규회원사 모집</div> <div class="list-dsc"><span class="date">2025.02.17</span></div> </a> </li> </ul> </div>  </div> </div> <div class="btn-cont--mo"> <div class="pos-btn"> <a class="btn-circle-ani" href="https://www.sto.or.kr/notice"> <em>더보기</em> </a> </div> </div> </div> <div class="news-group-02"> <div class="tab-area"> <div class="tab-header"> <nav class="nav-tabs"> <button type="button" class="nav-link active">채용공고</button> <button type="button" class="nav-link">모집공고</button> <button type="button" onclick="window.open('https://www.g2b.go.kr/link/FIUA006_01/single/?untySrchSeCd=BK+BUK&rowCnt=&instCd=Z016258&demaInstNm=&hghrkInstCd=&prcmBsneAreaCd=%EC%A0%84%EC%B2%B4+%EC%A1%B0070001+%EC%A1%B0070002+%EC%A1%B0070003+%EC%A1%B0070004+%EC%A1%B0070005&prcmMthoSeCd=&frcpYn=N&laseYn=N&rsrvYn=N&chkInstCd=&urlSrchSeCd=instCd&demaInstCd=IN0100000007381&prcmMaagSeCd=', '_blank')">입찰공고</button> </nav> <div class="btn-cont"> <a href="https://www.sto.or.kr/recruit" class="btn-more"> <em class="blind">더보기</em> </a> </div> </div> <div class="tab-body">  <div class="tab-pane active"> <ul class="news-list"> <li> <a href="recruit/2025년도-서울관광재단-개방형직위-채용-면접전형-결과발표_/15143"> <div class="list-title">2025년도 서울관광재단 개방형직위 채용 면접전형 결과발표</div> <div class="list-dsc"><span class="date">2025.02.19</span></div> </a> </li> <li> <a href="recruit/2025-01-서울관광재단-기간제근로자-채용-면접전형-결과발표_/15132"> <div class="list-title">[2025-01] 서울관광재단 기간제근로자 채용 면접전형 결과발표</div> <div class="list-dsc"><span class="date">2025.02.12</span></div> </a> </li> <li> <a href="recruit/2025년도-서울관광재단-개방형직위-채용-서류전형-결과발표_/15130"> <div class="list-title">2025년도 서울관광재단 개방형직위 채용 서류전형 결과발표</div> <div class="list-dsc"><span class="date">2025.02.11</span></div> </a> </li> </ul> </div>   <div class="tab-pane"> <ul class="news-list"> <li> <a href="unitrcrit/관광축제이벤트팀-서울-스프링-페스타-인바운드-여행사-개막식-티켓-신청-안내_/15149"> <div class="list-title">[관광축제이벤트팀] 서울 스프링 페스타 인바운드 여행사 개막식 티켓 신청 안내</div> <div class="list-dsc"><span class="date">2025.02.20</span></div> </a> </li> <li> <a href="unitrcrit/관광축제이벤트팀「서울스프링페스타-연계-관광상품화-특별-지원」시행-공고_/15140"> <div class="list-title">(관광축제이벤트팀)「서울스프링페스타 연계 관광상품화 특별 지원」시행 공고</div> <div class="list-dsc"><span class="date">2025.02.18</span></div> </a> </li> <li> <a href="unitrcrit/서울컨벤션뷰로-2025년-서울MICE얼라이언스SMA-신규회원사-모집-공고_/15137"> <div class="list-title">[서울컨벤션뷰로] 2025년 서울MICE얼라이언스(SMA) 신규회원사 모집 공고</div> <div class="list-dsc"><span class="date">2025.02.17</span></div> </a> </li> </ul> </div>    </div> </div> <div class="btn-cont--mo"> <div class="pos-btn"> <a class="btn-circle-ani" href="https://www.sto.or.kr/recruit"> <em>더보기</em> </a> </div> </div> </div> </div> </div> </section>   <section class="section-tour"> <div class="inner-cont"> <div class="section-title"> <h2>서울관광재단<br class="br-mo"> 대관 및 시설 투어</h2> </div> <div class="tour-cont"> <div class="tab-area"> <div class="tab-header"> <nav class="nav-tabs"> <button type="button" class="nav-link active">서울관광플라자</button> <button type="button" class="nav-link">다목적홀</button> <button type="button" class="nav-link">시민아카데미</button> <button type="button" class="nav-link">플레이숍</button> <button type="button" class="nav-link">1인 스튜디오 #1</button> <button type="button" class="nav-link">1인 스튜디오 #2</button> <button type="button" class="nav-link">대형 스튜디오</button> </nav> </div> <div class="tab-body">  <div class="tab-pane active"> <div class="title-cont"> <h3>서울관광플라자</h3> <p>매월 2/4주 수요일 오후 2시에 진행되는 서울관광플라자의 시설 투어를 경험해보세요</p> <div class="btn-cont"> <a class="btn-circle-ani" href="https://www.sto.or.kr/plazatour"> <em>시설 투어 예약하기</em> </a> </div> </div> <div class="slider-tour">  <div class="swiper-button-prev"> <em class="blind">서울관광플라자 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">서울관광플라자 슬라이드 다음보기</em> </div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazaintro"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_plaza_slider_01.jpg" alt="" /> </div> </a> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> <div class="btn-cont--mo"> <div class="pos-btn"> <a class="btn-circle-ani" href="https://www.sto.or.kr/plazatour"> <em>시설 투어 예약하기</em> </a> </div> </div> </div>  <div class="tab-pane"> <div class="title-cont"> <h3>다목적홀</h3> <p>대규모 행사 및 강연 등을 진행할 수 있으며, 파티션으로 공간을 두 개로 분할 가능</p> <em class="scale">180석/353.39m²</em> <div class="btn-cont"> <a class="btn-circle-ani" href="https://www.sto.or.kr/plazarental"> <em>대관 예약하기</em> </a> </div> </div> <div class="slider-tour">  <div class="swiper-button-prev"> <em class="blind">다목적홀 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">다목적홀 슬라이드 다음보기</em> </div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_hall_slider_01.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_hall_slider_02.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_hall_slider_03.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_hall_slider_04.jpg" alt="" /> </div> </a> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> <div class="btn-cont--mo"> <div class="pos-btn"> <a class="btn-circle-ani" href="https://www.sto.or.kr/plazarental"> <em>대관 예약하기</em> </a> </div> </div> </div>  <div class="tab-pane"> <div class="title-cont"> <h3>시민아카데미</h3> <p>시민 참여형 체험 및 교육 프로그램 운영할 수 있으며, 파티션으로 공간을 두 개로 분할 가능</p> <em class="scale">80석/114.26m²</em> <div class="btn-cont"> <a class="btn-circle-ani" href="https://www.sto.or.kr/plazarental"> <em>대관 예약하기</em> </a> </div> </div> <div class="slider-tour">  <div class="swiper-button-prev"> <em class="blind">시민아카데미 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">시민아카데미 슬라이드 다음보기</em> </div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_academy_slider_01.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_academy_slider_02.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_academy_slider_03.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_academy_slider_04.jpg" alt="" /> </div> </a> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> <div class="btn-cont--mo"> <div class="pos-btn"> <a class="btn-circle-ani" href="https://www.sto.or.kr/plazarental"> <em>대관 예약하기</em> </a> </div> </div> </div>  <div class="tab-pane"> <div class="title-cont"> <h3>플레이숍</h3> <p>관광 산업계를 지원하기 위해 열린 공간으로 각종 네트워킹 및 쇼케이스 등 행사 진행 가능</p> <em class="scale">235.26m²</em> <div class="btn-cont"> <a class="btn-circle-ani" href="https://www.sto.or.kr/plazarental"> <em>대관 예약하기</em> </a> </div> </div> <div class="slider-tour">  <div class="swiper-button-prev"> <em class="blind">플레이숍 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">플레이숍 슬라이드 다음보기</em> </div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_shop_slider_01.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_shop_slider_02.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_shop_slider_03.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_shop_slider_04.jpg" alt="" /> </div> </a> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> <div class="btn-cont--mo"> <div class="pos-btn"> <a class="btn-circle-ani" href="https://www.sto.or.kr/plazarental"> <em>대관 예약하기</em> </a> </div> </div> </div>  <div class="tab-pane"> <div class="title-cont"> <h3>1인 스튜디오 #1</h3> <p>관광 크리에이터를 위한 다양한 전문 방송장비가 마련되어 있는 스튜디오</p> <em class="scale">13.89m²</em> <div class="btn-cont"> <a class="btn-circle-ani" href="https://www.sto.or.kr/plazarental"> <em>대관 예약하기</em> </a> </div> </div> <div class="slider-tour">  <div class="swiper-button-prev"> <em class="blind">1인 스튜디오 #1 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">1인 스튜디오 #1 슬라이드 다음보기</em> </div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_studio1_slider_01.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_studio1_slider_02.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_studio1_slider_03.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_studio1_slider_04.jpg" alt="" /> </div> </a> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> <div class="btn-cont--mo"> <div class="pos-btn"> <a class="btn-circle-ani" href="https://www.sto.or.kr/plazarental"> <em>대관 예약하기</em> </a> </div> </div> </div>  <div class="tab-pane"> <div class="title-cont"> <h3>1인 스튜디오 #2</h3> <p>관광 크리에이터를 위한 다양한 전문 방송장비가 마련되어 있는 스튜디오</p> <em class="scale">13.89m²</em> <div class="btn-cont"> <a class="btn-circle-ani" href="https://www.sto.or.kr/plazarental"> <em>대관 예약하기</em> </a> </div> </div> <div class="slider-tour">  <div class="swiper-button-prev"> <em class="blind">1인 스튜디오 #2 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">1인 스튜디오 #2 슬라이드 다음보기</em> </div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_studio2_slider_01.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_studio2_slider_02.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_studio2_slider_03.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_studio2_slider_04.jpg" alt="" /> </div> </a> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> <div class="btn-cont--mo"> <div class="pos-btn"> <a class="btn-circle-ani" href="https://www.sto.or.kr/plazarental"> <em>대관 예약하기</em> </a> </div> </div> </div>  <div class="tab-pane"> <div class="title-cont"> <h3>대형스튜디오</h3> <p>관광 영상 콘텐츠 제작 및 비대면 방송 송출을 지원하기 위한 공간으로 전문가 수준의 장송장비가 마련되어 있는 스튜디오</p> <em class="scale">66.29m²</em> <div class="btn-cont"> <a class="btn-circle-ani" href="https://www.sto.or.kr/plazarental"> <em>대관 예약하기</em> </a> </div> </div> <div class="slider-tour">  <div class="swiper-button-prev"> <em class="blind">대형 스튜디오 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">대형 스튜디오 슬라이드 다음보기</em> </div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_studioL_slider_01.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_studioL_slider_02.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_studioL_slider_03.jpg" alt="" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.sto.or.kr/plazarental"> <div class="slide-item"> <img src="/humanframe/theme/sto/assets/images/main_renewal_2024/img_tour_studioL_slider_04.jpg" alt="" /> </div> </a> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> <div class="btn-cont--mo"> <div class="pos-btn"> <a class="btn-circle-ani" href="https://www.sto.or.kr/plazarental"> <em>대관 예약하기</em> </a> </div> </div> </div> </div> </div> </div> </div> </section>   <section class="section-media"> <div class="inner-cont"> <div class="section-title"> <h2>재단 MEDIA WALL</h2> </div> <div class="media-group">   <div class="media-yt-cont"> <div class="slider-media-yt"> <div class="slider-group"> <div class="slider-title"> <a href="https://www.youtube.com/@VisitSeoulTV" target="_blank" title="새창열림"> <dl> <dt> <i class="ico-media-sto"><em class="blind">VISIT SEOUL TV</em></i> </dt> <dd> <em>YouTube</em><i class="ico-yt"></i> </dd> </dl> </a> </div> <div class="pos-slider">  <div class="swiper-button-prev"> <em class="blind">YouTube 슬라이드 이전보기</em> </div> <div class="swiper-button-next"> <em class="blind">YouTube 슬라이드 다음보기</em> </div>  <div class="slider-mask"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.youtube.com/watch?v=5iFMv_7vr1Y"> <div class="slide-item"> <img src="https://img.youtube.com/vi/5iFMv_7vr1Y/maxresdefault.jpg" alt="서울달 하이라이트" /> <div class="thumb-mask"> <dl> <dt><em>YouTube</em><i class="ico-yt"></i></dt> <dd> <p> 서울달 하이라이트</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.youtube.com/watch?v=gRm87TgYib0&t=86s"> <div class="slide-item"> <img src="https://img.youtube.com/vi/gRm87TgYib0/maxresdefault.jpg" alt="서울관광플라자" /> <div class="thumb-mask"> <dl> <dt><em>YouTube</em><i class="ico-yt"></i></dt> <dd> <p> 서울관광플라자</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.youtube.com/watch?v=2iWnRNKZYGU"> <div class="slide-item"> <img src="https://img.youtube.com/vi/2iWnRNKZYGU/maxresdefault.jpg" alt="서울다누림관광 홍보영상" /> <div class="thumb-mask"> <dl> <dt><em>YouTube</em><i class="ico-yt"></i></dt> <dd> <p> 서울다누림관광 홍보영상</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.youtube.com/watch?v=IGgp81TEsRc&list=PLlB0D4hKAAe9SGSftLYuxTG0PnLDEOHKQ&index=4"> <div class="slide-item"> <img src="https://img.youtube.com/vi/IGgp81TEsRc/maxresdefault.jpg" alt="서울컨벤션뷰로 홍보영상" /> <div class="thumb-mask"> <dl> <dt><em>YouTube</em><i class="ico-yt"></i></dt> <dd> <p> 서울컨벤션뷰로 홍보영상</p> </dd> </dl> </div> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.youtube.com/watch?v=HbZ8blYJz7A&t=51s&ab_channel=%EC%84%9C%EC%9A%B8%EA%B4%80%EA%B4%91%EC%9E%AC%EB%8B%A8"> <div class="slide-item"> <img src="https://img.youtube.com/vi/HbZ8blYJz7A/maxresdefault.jpg" alt="서울관광재단 홍보영상" /> <div class="thumb-mask"> <dl> <dt><em>YouTube</em><i class="ico-yt"></i></dt> <dd> <p> 서울관광재단 홍보영상</p> </dd> </dl> </div> </div> </a> </div> </div> </div> </div>  <div class="swiper-pagination"></div>  </div> </div> </div> </div> </div> </div> </section>   <section class="section-banner"> <div class="inner-cont"> <div class="section-title"> <h2>배너존</h2>  <div class="slider-controls"> <ul> <li> <button type="button" class="btn-autoplay"> <i class="ico-autoplay"><em class="blind">일시정지</em></i> </button> </li> <li>  <div class="swiper-pagination"></div>  </li> <li> <div class="swiper-button-prev swiper-button-white"> <em class="blind">배너 슬라이드 이전보기</em> </div> </li> <li> <div class="swiper-button-next swiper-button-white"> <em class="blind">배너 슬라이드 다음보기</em> </div> </li> </ul> </div>  </div> <div class="banner-cont"> <div class="slider-banner"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.sto.or.kr/humanRightMng" target="_blank" title="STOSMALLBANNER (새창열림)"> <div class="slide-item"> <img src="/comm/getImage?srvcId=STOSMALLBANNER&parentSn=18&fileTy=BANNERTHUMB&fileNo=1" alt="인권경영" /> </div> </a> </div> <div class="swiper-slide"> <a href="https://www.redwhistle.org/report/report.asp?organ=7888&RType=1" target="_blank" title="STOSMALLBANNER (새창열림)"> <div class="slide-item"> <img src="/comm/getImage?srvcId=STOSMALLBANNER&parentSn=1&fileTy=BANNERTHUMB&fileNo=2" alt="당신의 소중한 신고가 더욱 청렴한 서울관광재단을 만듭니다. 레드휘슬. 외부위탁, IP추적 불가능으로 익명성이 보장됩니다. 신고대상: 갑질, 부패행위, 부당지시, 인권침해, 성희롱, 개선 건의 등. QR코드를 스캔하여 신고하세요. https://www.redwhistle.org/report/report.asp?organ=7888&RType=1" /> </div> </a> </div> </div> </div> </div> </div> </div> </section>  <script> $(document).ready(function() { var isMobile = window.innerWidth <= 768; // 슬라이더 선택자 var $sliderMainVisual = ".slider-main-visual .swiper-container"; var $sliderTour = ".slider-tour .swiper-container"; var $sliderMediaYt = ".slider-media-yt .swiper-container"; var $sliderMediaInstar = ".slider-media-instar .swiper-container"; var $sliderBanner = ".slider-banner .swiper-container"; var $sliderLink = ".slider-link .swiper-container"; // ------------------------------ // common // ------------------------------ /* btn-more */ $('.btn-more').each(function() { $(this).on('focusin mouseenter', function() { $(this).addClass('active--focus'); }); $(this).on('focusout mouseleave', function() { $(this).removeClass('active--focus'); }); $(this).on('click', function(e) { // e.preventDefault(); $(this).addClass('active--focus').siblings('.btn-more').removeClass('active--focus'); }); }); /* btn-circle-ani */ $('.btn-circle-ani').each(function() { $(this).on('focusin mouseenter', function() { $(this).addClass('active--focus'); }); $(this).on('focusout mouseleave', function() { $(this).removeClass('active--focus'); }); }); /* tab */ // $('.tab-area').each(function() { // var $tabHeader = $(this).find('.tab-header'); // var $navLinks = $tabHeader.find('.nav-link'); // var $tabPanes = $tabHeader.next('.tab-body').find('.tab-pane'); // $navLinks.on('click', function(e) { // e.preventDefault(); // $navLinks.removeClass('active'); // $tabPanes.removeClass('active'); // $(this).addClass('active'); // var tabIdx = $(this).index(); // $tabPanes.eq(tabIdx).addClass('active'); // }); // }); // ------------------------------ // section-main-visual // ------------------------------ /* sliderMainVisual */ var _sliderMainVisual; if ($sliderMainVisual.length > 0) { var sliderMainVisualOptions = { observer: true, observeParents: true, loop: true, effect: 'fade', spaceBetween: 0, slidesPerView: 1, centeredSlides: false, speed: 1000, watchOverflow: true, autoplay: { disableOnInteraction: false, }, navigation: { prevEl: ".slider-main-visual .swiper-button-prev", nextEl: ".slider-main-visual .swiper-button-next", }, pagination: { el: ".slider-main-visual .swiper-pagination-bullets", type: "bullets", clickable: true, }, on: { init: function () { setActiveFocusSliderMainVisual(); setStopPlaySliderMainVisual(this); setNavDisabledSliderMainVisual(this); }, slideChangeTransitionEnd: function () { setActiveFocusSliderMainVisual(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderMainVisual = new Swiper('.slider-main-visual .swiper-container', sliderMainVisualOptions); 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 setStopPlaySliderMainVisual(_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 setNavDisabledSliderMainVisual(swiper) { if (swiper.slides.length <= 1) { $(".slider-main-visual .swiper-button-prev, .slider-main-visual .swiper-button-next").addClass("swiper-button-disabled"); } else { $(".slider-main-visual .swiper-button-prev, .slider-main-visual .swiper-button-next").removeClass("swiper-button-disabled"); } } } // ------------------------------ // section-about // ------------------------------ $('.section-about').find('.about-list li').each(function() { $(this).on('focusin mouseenter', function() { $(this).addClass('active--focus'); }); $(this).on('focusout mouseleave', function() { $(this).removeClass('active--focus'); }); }); // ------------------------------ // section-biz // ------------------------------ $('.section-biz').find('.biz-list li').each(function() { $(this).on('focusin mouseenter', function() { $(this).addClass('active--focus'); }); $(this).on('focusout mouseleave', function() { $(this).removeClass('active--focus'); }); }); // ------------------------------ // section-news // ------------------------------ /* tab */ $('.section-news').find('.tab-area').each(function() { var $newsGroup = $(this).closest('.news-group-01, .news-group-02'); var $tabHeader = $(this).find('.tab-header'); var $navLinks = $tabHeader.find('.nav-link'); var $tabPanes = $tabHeader.next('.tab-body').find('.tab-pane'); var $btnMore = $tabHeader.find('.btn-cont a'); var $btnMobile = $('.btn-cont--mo').find('a'); /*$($navLinks).each(function(index) { if ($newsGroup.hasClass('news-group-02')) { if ($(this).index() === 2) { $(this).on('click', function(e) { e.preventDefault(); window.location.href = 'https://www.sto.or.kr/bid'; }); } } });*/ $navLinks.on('click', function(e) { e.preventDefault(); $navLinks.removeClass('active'); $tabPanes.removeClass('active'); $(this).addClass('active'); var tabIdx = $(this).index(); $tabPanes.eq(tabIdx).addClass('active'); switch (tabIdx) { case 0: if ($newsGroup.hasClass('news-group-01')) { $btnMore.attr('href', 'https://www.sto.or.kr/notice'); $btnMobile.attr('href', 'https://www.sto.or.kr/notice'); } else if ($newsGroup.hasClass('news-group-02')) { $btnMore.attr('href', 'https://www.sto.or.kr/recruit'); $btnMobile.attr('href', 'https://www.sto.or.kr/recruit'); } break; case 1: if ($newsGroup.hasClass('news-group-01')) { $btnMore.attr('href', 'https://www.sto.or.kr/promo'); $btnMobile.attr('href', 'https://www.sto.or.kr/promo'); } else if ($newsGroup.hasClass('news-group-02')) { $btnMore.attr('href', 'https://www.sto.or.kr/unitrcrit'); $btnMobile.attr('href', 'https://www.sto.or.kr/unitrcrit'); } break; case 2: if ($newsGroup.hasClass('news-group-01')) { $btnMore.attr('href', 'https://www.sto.or.kr/report'); $btnMobile.attr('href', 'https://www.sto.or.kr/report'); } else if ($newsGroup.hasClass('news-group-02')) { $btnMore.attr('href', 'https://www.sto.or.kr/bid'); $btnMobile.attr('href', 'https://www.sto.or.kr/bid'); } break; case 3: $btnMore.attr('href', 'https://www.sto.or.kr/press'); $btnMobile.attr('href', 'https://www.sto.or.kr/press'); break; default: $btnMore.attr('href', '#'); $btnMobile.attr('href', '#'); } }); }); // active--focus 이벤트 처리 $('.section-news').find('.news-list li').each(function() { $(this).on('focusin mouseenter', function() { $(this).addClass('active--focus'); }); $(this).on('focusout mouseleave', function() { $(this).removeClass('active--focus'); }); }); // ------------------------------ // section-tour // ------------------------------ /* sliderTour */ var _sliderTour = []; var _sliderTourOptions = []; // 슬라이더 옵션을 저장할 배열 if ($sliderTour.length > 0) { var $sliderTourItems = $('.slider-tour'); $sliderTourItems.each(function(sliderIdx, sliderItem) { var sliderClass = 'slider-tour-' + ('0' + (sliderIdx + 1)).slice(-2); $(sliderItem).addClass(sliderClass); var sliderTourOptions = { observer: true, observeParents: true, loop: true, spaceBetween: 0, slidesPerView: 1, centeredSlides: false, speed: 400, watchOverflow: true, navigation: { prevEl: $(sliderItem).find(".swiper-button-prev")[0], nextEl: $(sliderItem).find(".swiper-button-next")[0], }, pagination: { el: $(sliderItem).find(".swiper-pagination")[0], type: "bullets", clickable: true, }, on: { init: function() { setActiveFocusSliderTour($(sliderItem)); }, slideChangeTransitionEnd: function() { setActiveFocusSliderTour($(sliderItem)); }, }, }; /* Swiper 인스턴스 생성 및 배열에 저장 */ var swiperInstance = new Swiper($(sliderItem).find('.swiper-container')[0], sliderTourOptions); _sliderTour.push(swiperInstance); _sliderTourOptions.push(sliderTourOptions); // 포커스 조정 함수 function setActiveFocusSliderTour(sliderElement) { sliderElement.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"); } }); } }); /* tab */ $('.section-tour').find('.tab-area').each(function() { var $tabHeader = $(this).find('.tab-header'); var $navLinks = $tabHeader.find('.nav-link'); var $tabPanes = $tabHeader.next('.tab-body').find('.tab-pane'); $navLinks.on('click', function(e) { e.preventDefault(); $navLinks.removeClass('active'); $tabPanes.removeClass('active'); $(this).addClass('active'); var tabIdx = $(this).index(); $tabPanes.eq(tabIdx).addClass('active'); // 모든 슬라이더 초기화 _sliderTour.forEach(function(slider, index) { slider.destroy(true, true); var sliderItem = $sliderTourItems[index]; _sliderTour[index] = new Swiper($(sliderItem).find('.swiper-container')[0], _sliderTourOptions[index]); }); }); }); } // ------------------------------ // section-media // ------------------------------ /* sliderSnsInstar */ var _sliderMediaInstar; if ($sliderMediaInstar.length > 0) { var sliderMediaInstarOptions = { observer: true, observeParents: true, spaceBetween: 24, slidesPerView: 1.18, 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-media-instar .swiper-button-prev", nextEl: ".slider-media-instar .swiper-button-next", }, pagination: { el: ".slider-media-instar .swiper-pagination", type: "bullets", clickable: true, }, breakpoints: { 768: { spaceBetween: 15, slidesPerView: 2.5, }, 1396: { spaceBetween: 30, slidesPerView: 3, }, }, on: { init: function () { // console.log('swiper 초기화 될때 실행'); setActiveFocusSliderMediaInstarPrev(); }, slidePrevTransitionEnd: function () { setActiveFocusSliderMediaInstarPrev(); }, slideNextTransitionEnd: function () { setActiveFocusSliderMediaInstarNext(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderMediaInstar = new Swiper($sliderMediaInstar, sliderMediaInstarOptions); // active--focus 이벤트 처리 $(".slider-media-instar").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); $(".slider-media-instar").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); // 클릭 이벤트 핸들러 추가 $(".slider-media-instar").find('.swiper-slide').on('click', function(e) { var sliderMediaInstarClickedIndex = $(this).index(); _sliderMediaInstar.slideTo(sliderMediaInstarClickedIndex); }); function setActiveFocusSliderMediaInstarPrev() { $('.slider-media-instar').find('.swiper-slide-active').find('a').attr('tabindex', '0'); $('.slider-media-instar').find('.swiper-slide-active').find('a').attr('aria-hidden', 'false'); }; function setActiveFocusSliderMediaInstarNext() { var $sliderMediaInstarPrevAll = $('.slider-media-instar').find('.swiper-slide-active').prevAll(); $sliderMediaInstarPrevAll.find('a').attr('tabindex', '-1'); $sliderMediaInstarPrevAll.find('a').attr('aria-hidden', 'true'); }; } /* sliderMediaYt */ var _sliderMediaYt; if ($sliderMediaYt.length > 0) { var sliderMediaYtOptions = { observer: true, observeParents: true, spaceBetween: 24, slidesPerView: 1.06, 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-media-yt .swiper-button-prev", nextEl: ".slider-media-yt .swiper-button-next", }, pagination: { el: ".slider-media-yt .swiper-pagination", type: "bullets", clickable: true, }, breakpoints: { 768: { spaceBetween: 15, slidesPerView: 1.5, }, 1396: { spaceBetween: 40, slidesPerView: 2, }, }, on: { init: function () { // console.log('swiper 초기화 될때 실행'); setActiveFocusSliderMediaYtPrev(); }, slidePrevTransitionEnd: function () { setActiveFocusSliderMediaYtPrev(); }, slideNextTransitionEnd: function () { setActiveFocusSliderMediaYtNext(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderMediaYt = new Swiper($sliderMediaYt, sliderMediaYtOptions); // active--focus 이벤트 처리 $(".slider-media-yt").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); $(".slider-media-yt").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); // 클릭 이벤트 핸들러 추가 $(".slider-media-yt").find('.swiper-slide').on('click', function(e) { var sliderMediaYtClickedIndex = $(this).index(); _sliderMediaYt.slideTo(sliderMediaYtClickedIndex); }); function setActiveFocusSliderMediaYtPrev() { $('.slider-media-yt').find('.swiper-slide-active').find('a').attr('tabindex', '0'); $('.slider-media-yt').find('.swiper-slide-active').find('a').attr('aria-hidden', 'false'); }; function setActiveFocusSliderMediaYtNext() { var $sliderMediaYtPrevAll = $('.slider-media-yt').find('.swiper-slide-active').prevAll(); $sliderMediaYtPrevAll.find('a').attr('tabindex', '-1'); $sliderMediaYtPrevAll.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: ".section-banner .swiper-button-prev", nextEl: ".section-banner .swiper-button-next", }, pagination: { el: ".section-banner .swiper-pagination", type: "fraction", clickable: true, }, on: { init: function () { setActiveFocusSliderBanner(); setStopPlayBannerSlider(this); }, 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"); } }); } function setStopPlayBannerSlider(_sliderBanner) { $(".section-banner").find(".btn-autoplay").on("click", function () { if ($(this).hasClass("pause")) { $(this).removeClass("pause"); $(this).find("em").text("일시정지"); _sliderBanner.autoplay.start(); } else { $(this).addClass("pause"); $(this).find("em").text("재생"); _sliderBanner.autoplay.stop(); } }); } } // ------------------------------ // section-quick-link // ------------------------------ /* sliderLink */ var _sliderLink; if ($sliderLink.length > 0) { var sliderLinkOptions = { observer: true, observeParents: true, spaceBetween: 16, slidesPerView: 1.35, 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-link .swiper-button-prev", nextEl: ".slider-link .swiper-button-next", }, // pagination: { // el: ".slider-link .swiper-pagination", // type: "bullets", // clickable: true, // }, breakpoints: { 768: { spaceBetween: 15, slidesPerView: 3, }, 1200: { spaceBetween: 30, slidesPerView: 4, }, 1396: { spaceBetween: 30, slidesPerView: 5, }, }, on: { init: function () { // console.log('swiper 초기화 될때 실행'); setActiveFocusSliderLinkPrev(); }, slidePrevTransitionEnd: function () { setActiveFocusSliderLinkPrev(); }, slideNextTransitionEnd: function () { setActiveFocusSliderLinkNext(); }, }, }; /* Swiper 인스턴스 생성 */ _sliderLink = new Swiper($sliderLink, sliderLinkOptions); // focusin 및 mouseenter 이벤트 처리 $(".slider-link").on('focusin mouseenter', '.swiper-slide a', function() { $(this).closest('.swiper-slide').addClass('active--focus'); }); // focusout 및 mouseleave 이벤트 처리 $(".slider-link").on('focusout mouseleave', '.swiper-slide a', function() { $(this).closest('.swiper-slide').removeClass('active--focus'); }); // 클릭 이벤트 핸들러 추가 $(".slider-link").find('.swiper-slide').on('click', function(e) { var sliderLinkClickedIndex = $(this).index(); _sliderLink.slideTo(sliderLinkClickedIndex); }); function setActiveFocusSliderLinkPrev() { $('.slider-link').find('.swiper-slide-active').find('a').attr('tabindex', '0'); $('.slider-link').find('.swiper-slide-active').find('a').attr('aria-hidden', 'false'); }; function setActiveFocusSliderLinkNext() { var $sliderLinkPrevAll = $('.slider-link').find('.swiper-slide-active').prevAll(); $sliderLinkPrevAll.find('a').attr('tabindex', '-1'); $sliderLinkPrevAll.find('a').attr('aria-hidden', 'true'); }; } /* resize */ $(window).resize(function() { // 각 슬라이더의 업데이트 호출 if (_sliderMainVisual) { _sliderMainVisual.update(); } if (_sliderLink) { _sliderLink.update(); } if (_sliderTour) { _sliderTour.forEach(function(sliderInstance) { sliderInstance.update(); }); } if (_sliderMediaYt) { _sliderMediaYt.update(); } if (_sliderMediaInstar) { _sliderMediaInstar.update(); } if (_sliderBanner) { _sliderBanner.update(); } }); }); </script>   </main>  <footer class="footer"> <div class="inner-cont"> <div class="footer-group-01"> <div class="logo-cont"> <div> <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> </div> <div class="none-mo"> <div class="pos-inner"> <div> <a class="btn-webacc" href="https://www.webwatch.or.kr/" target="_blank" title="새창열림"> <i class="ico-webacc"> <em class="blind"> 과학기술정보통신부 WA(WEB 접근성) 품질인증 마크, 웹와치(WebWatch) 2024.04.30 ~ 2025.04.30</em> </i> </a> </div> <div> <a class="btn-ismsP"> <em class="blind">ISMS-P 인증마크</em> </a> <div class="tooltip-ismsP"> [인증범위] 서울관광 온라인 서비스<br> (서울관광재단 대표 홈페이지, Visitseoul 서비스,서울다누림관광 서비스)<br> [유효기간] 2023.08.16 ~ 2026.08.15<br> </div> </div> </div> </div> <div class="is-mo"> <div class="sns-cont"> <span> <a class="btn-instar" href="https://www.instagram.com/sto___official/" target="_blank" title="새창열림"> <i class="ico-instar"><em class="blind">서울관광재단 인스타그램</em></i> </a> </span> <span> <a class="btn-yt" href="https://www.facebook.com/VisitSeoul/" target="_blank" title="새창열림"> <i class="ico-yt"><em class="blind">서울관광재단 유튜브</em></i> </a> </span> <span> <a class="btn-fb" href="https://www.facebook.com/VisitSeoul/" target="_blank" title="새창열림"> <i class="ico-fb"><em class="blind">서울관광재단 페이스북</em></i> </a> </span> </div> </div> </div> <div class="privacy-cont"> <span><a href="./privacy"><b>개인정보처리방침</b></a></span> <span><a href="https://www.seoul.go.kr/helper/email.do" target="_blank" title="새창열림">이메일수집거부</a></span> <span><a href="./service">행정서비스헌장</a></span> <span><a href="./sponsors">서울시 공사·출연기관 및 협찬사</a></span> </div> </div> <div class="footer-group-02"> <div class="copyright-cont"> <p> 03190, 서울 종로구 청계천로85 (31빌딩) 6층 TEL : 02-3788-0800(유선, 지역번호 포함) FAX : 02-3788-0888<br> 대표이사 : 길기연 사업자등록번호 : 245-82-00220 </p> <p>Copyright © Seoul Tourism Organization. All rights reserved.</p> </div> <div class="etc-group"> <div class="family-cont"> <div class="none-mo"> <span> <a class="btn-vs" href="http://www.visitseoul.net" target="_blank" title="새창열림"> <i class="ico-vs"><em class="blind">VISITSEOUL.NET</em></i> </a> </span> <span> <a class="btn-scb" href="http://korean.miceseoul.com" target="_blank" title="새창열림"> <i class="ico-scb"><em class="blind">SCB Seoul COnvention Bureau</em></i> </a> </span> </div> <div> <div class="family-site"> <button type="button" title="패밀리 사이트 링크 열기"> 패밀리 사이트 </button> <ul style=""> <li><a href="http://sitm.or.kr" target="_blank" title="서울국제트래블마트 새창열기">서울국제트래블마트</a></li> <li><a href="http://stay.visitseoul.net" target="_blank" title="서울스테이 새창열기">서울스테이</a></li> <li><a href="http://medical.visitseoul.net" target="_blank" title="서울의료관광 새창열기">서울의료관광</a></li> <li><a href="https://www.stolantern.com" target="_blank" title="서울빛초롱축제 새창열기">서울빛초롱축제</a></li> </ul> </div> </div> </div> <div class="sns-cont"> <span> <a class="btn-instar" href="https://www.instagram.com/sto___official/" target="_blank" title="새창열림"> <i class="ico-instar"><em class="blind">서울관광재단 인스타그램</em></i> </a> </span> <span> <a class="btn-yt" href="https://www.facebook.com/VisitSeoul/" target="_blank" title="새창열림"> <i class="ico-yt"><em class="blind">서울관광재단 유튜브</em></i> </a> </span> <span> <a class="btn-fb" href="https://www.facebook.com/VisitSeoul/" target="_blank" title="새창열림"> <i class="ico-fb"><em class="blind">서울관광재단 페이스북</em></i> </a> </span> </div> </div> </div> <div class="footer-group-03 is-mo"> <div class="pos-inner"> <div> <a class="btn-webacc" href="https://www.webwatch.or.kr/" target="_blank" title="새창열림"> <i class="ico-webacc"><em class="blind">과학기술정보통신부 WA(WEB 접근성) 품질인증 마크, 웹와치(WebWatch) 2024.04.30 ~ 2025.04.30</em></i> </a> </div> <div> <a class="btn-ismsP"> <em class="blind">ISMS-P 인증마크</em> </a> <div class="tooltip-ismsP"> [인증범위] 서울관광 온라인 서비스<br> (서울관광재단 대표 홈페이지, Visitseoul 서비스,서울다누림관광 서비스)<br> [유효기간] 2023.08.16 ~ 2026.08.15<br> </div> </div> </div> </div> </div> </footer> </div> </body> </html>

CINXE.COM

서울관광재단 SEOUL TOURISM ORGANIZATION