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

<!DOCTYPE html> <html lang="ko"> <head> <title> Welcome to Seoul - Visit Seoul | The Official Travel Guide to Seoul </title> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width" /> <meta name="title" content="Welcome to Seoul - Visit Seoul | The Official Travel Guide to Seoul" /> <meta name="description" content="Gather various information on Seoul with Visit Seoul: Attractions, food alleys, accommodations, and other information. 한국어 · English · 日本語 · 简体中文 · 繁體中文 · русский язык." /> <meta name="keywords" content="Visit Seoul" /> <meta name="google-site-verification" content="UZw3qMdR5_zNpgL56d-T60eQhDo3tjk-q0eqKlJ1SwI" /> <meta property="og:image" content="/resources/theme/images/img/visitseoul_sns.png" /> <link rel="shortcut icon" href="/resources/theme/basic/assets/images/img/Favicon.png" type=" image/x-icon" /> <link rel="icon" href="/resources/theme/basic/assets/images/img/Favicon.png" type="image/x-icon" /> <link rel="stylesheet" href="/resources/theme/plugin/ionicons-2.0.1/css/ionicons.min.css" />  <link rel="stylesheet" href="/resources/theme/plugin/jquery-ui-1.11.4/jquery-ui.min.css" /> <link rel="stylesheet" href="/resources/theme/style/base.css?bust=20240828" />  <link rel="stylesheet" href="/resources/theme/style/common.css?bust=20240828" /> <link rel="stylesheet" href="/resources/theme/style/content.css" /> <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/freewall/freewall.js"></script>      <link rel="stylesheet" href="/resources/theme/plugin/swiper/swiper.min.css" /> <script src="/resources/theme/plugin/swiper/swiper.min.js"></script> <link rel="stylesheet" href="/resources/theme/v2/style/intro.css?bust=20240829" />  <meta name="naver-site-verification" content="ac639d9523aa5a93bdd821ccd849ea7d10901b2e" /> <meta name="google-site-verification" content="UZw3qMdR5_zNpgL56d-T60eQhDo3tjk-q0eqKlJ1SwI" />  <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-54S2FCJ'); </script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-7TSFNX1QRM"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7TSFNX1QRM'); </script>   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-16476520-14"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-16476520-14'); </script> </head> <body>  <div class="wrapper intro--renewal-2024">   <section class="section-intro"> <div class="section-inner clearfix">  <div class="intro-bg"> <div class="bg-slider">  <div class="swiper-button-prev"> <i class="slider-arrow-prev"></i> <em class="blind">이전 계절</em> </div> <div class="swiper-button-next"> <i class="slider-arrow-next"></i> <em class="blind">다음 계절</em> </div> <div class="swiper-pagination"></div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="season-txt">Spring</p> <div class="bg-intro season1"> <div class="bg-hid-tit">봄 배경이미지</div> <img id="imgSpring" class="daytime" src="" alt="" /> </div> </div> <div class="swiper-slide"> <p class="season-txt">Summer</p> <div class="bg-intro season2"> <div class="bg-hid-tit">여름 배경이미지</div> <img id="imgSummer" class="daytime" src="" alt="" /> </div> </div> <div class="swiper-slide"> <p class="season-txt">Fall</p> <div class="bg-intro season3"> <div class="bg-hid-tit">가을 배경이미지</div> <img id="imgFall" class="daytime" src="" alt="" /> </div> </div> <div class="swiper-slide"> <p class="season-txt">Winter</p> <div class="bg-intro season4"> <div class="bg-hid-tit">겨울 배경이미지</div> <img id="imgWinter" class="daytime" src="" alt="" /> </div> </div> </div> </div> </div>  <div class="intro-content"> <h2 class="h2-hide-tit">  </h2> <div class="intro-item-logo"> <i class="ico-visitseoul"> <em class="blind">VISIT SEOUL NET</em> </i> </div> <div class="intro-item-widget">  <div class="average"> <div class="location-cont"> <strong></strong> <span>in Seoul</span> </div> <div class="weather-txt"> <span id="spanSeasonDegreeTc" class="degree tc">0~0℃</span> <span id="spanSeasonDegreeTf" class="degree tf">0~0℉</span> <em>(average)</em> </div> </div>  <div class="today"> <div class="pos-change"> <div class="today-cont"> <div class="location-cont"> <span>Seoul</span> </div> <div class="time-cont"> <div class="location-cont--mo"> <span>Seoul</span> </div> <div> <span class="ampm">AM</span> <span class="time">0:0</span> </div> </div> </div> <div class="weather-cont"> <i class="ico-weather ico-weather-01"> <em id="emWeatherTxt" class="blind"></em> </i> </div>  <div class="weather-txt"> <span id="spanTodayDegreeTc" class="degree tc">0℃</span> <span id="spanTodayDegreeTf" class="degree tf">0℉</span> </div> </div> </div> </div> <div class="intro-item-panorama"> <i class="ico-panorama"></i> <span id="spanSeasonImageName"></span> </div> <div class="intro-item-lang"> <ul> <li> <a href="http://korean.visitseoul.net/index" target="_self" title="비짓서울 한국어 사이트로 이동"> <span class="div-table"> <span class="div-table-cell">한국어</span> </span> </a> </li> <li> <a href="http://english.visitseoul.net/index" target="_self" title="비짓서울 English 사이트로 이동"> <span class="div-table"> <span class="div-table-cell">English</span> </span> </a> </li>  <li> <a href="http://japanese.visitseoul.net/index" target="_self" title="비짓서울 日本語 사이트로 이동"> <span class="div-table"> <span class="div-table-cell">日本語</span> </span> </a> </li> <li> <a href="http://chinese.visitseoul.net/index" target="_self" title="비짓서울 简体中文 사이트로 이동"> <span class="div-table"> <span class="div-table-cell">简体中文</span> </span> </a> </li> <li> <a href="http://tchinese.visitseoul.net/index" target="_self" title="비짓서울 繁體中文 사이트로 이동"> <span class="div-table"> <span class="div-table-cell">繁體中文</span> </span> </a> </li>  <li> <a href="http://russian.visitseoul.net/index" target="_self" title="비짓서울 русскийязык 사이트로 이동"> <span class="div-table"> <span class="div-table-cell">русский язык </span> </span> </a> </li> <li> <a href="https://malay.visitseoul.net/index" target="_self" title="비짓서울 Malay 사이트로 이동"> <span class="div-table"> <span class="div-table-cell">Malay</span> </span> </a> </li> <li> <a href="https://korean.visitseoul.net/partners-kr/index" target="_blank" title="비짓서울 Partners 사이트로 이동"> <span class="div-table"> <span class="div-table-cell">Partners</span> </span> </a> </li> </ul> </div> <div class="m-app-down-area"> <div class="m-app-down"> <a href="#" target="_blank" title="app download 새창열기">VISIT SEOUL APP DOWNLOAD</a> </div> </div> </div>  </div>   <nav class="intro-nav"> <h2>계절선택</h2> <ul class="intro-season swiper-pagination">  </ul>  <div class="intro-app"> <div class="item"> <a href="#" title="#"> <strong>VISIT SEOUL</strong> <em>IOS App Install</em> <img src="/resources/theme/v2/images/intro/intro_app_ios.png" alt="QR코드 URL : https://apps.apple.com/kr/app/visit-seoul-비짓서울/id360156429" /> </a> </div> <div class="item"> <a href="#" title="#"> <strong>VISIT SEOUL</strong> <em>Android App Install</em> <img src="/resources/theme/v2/images/intro/intro_app_aos.png" alt="QR코드 URL : https://play.google.com/store/apps/details?id=com.sto.android.client.itourseoul" /> </a> </div> </div>  </nav>  </div> </section>  <script> var listData; var springData; var summerData; var fallData; var winterData; var imageUrls = []; var imageNames = []; 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 wtype = data.icon; if(wtype.length <= 1) { wtype = '0' + wtype; } $(".ico-weather").removeClass().addClass('ico-weather ico-weather-'+wtype); $('#emWeatherTxt').html(data.wtext); $("#spanTodayDegreeTc").html(data.temp+"℃"); $("#spanTodayDegreeTf").html(data.temp_f+"℉"); }, error: function(data, status, err) { console.log("error forward : " + data); }, }); } //오전/오후 배경이미지 변경 var currHour ; function getTime() { const time = new Date(); const hour = time.getHours(); const minutes = time.getMinutes(); const seconds = time.getSeconds(); const ampm = hour < 12 ? "AM" : "PM"; const newHour = hour > 12 ? hour - 12 : hour; const hh = newHour < 10 ? "0" + newHour : newHour; const mm = minutes < 10 ? "0" + minutes : minutes; const ss = seconds < 10 ? "0" + seconds : seconds; $(".time-cont .ampm").text(ampm); $(".time-cont .time").text(hh + ":" + mm); // 2024 오전/오후 배경이미지 변경 추가 if(currHour != hour) { if (hour > 6 && hour < 18) { $("#imgSpring").attr("src", '/comm/getImage?srvcId=VS_MAIN_TYPE_0_0&parentSn=' + springData.landingSn + '&fileTy=IMG&fileNo='+springData.fileNoDay); $("#imgSummer").attr("src", '/comm/getImage?srvcId=VS_MAIN_TYPE_0_0&parentSn=' + summerData.landingSn + '&fileTy=IMG&fileNo='+summerData.fileNoDay); $("#imgFall").attr("src", '/comm/getImage?srvcId=VS_MAIN_TYPE_0_0&parentSn=' + fallData.landingSn + '&fileTy=IMG&fileNo='+fallData.fileNoDay); $("#imgWinter").attr("src", '/comm/getImage?srvcId=VS_MAIN_TYPE_0_0&parentSn=' + winterData.landingSn + '&fileTy=IMG&fileNo='+winterData.fileNoDay); imageNames[0] = springData.landingDay; imageNames[1] = summerData.landingDay; imageNames[2] = fallData.landingDay; imageNames[3] = winterData.landingDay; } else { $("#imgSpring").attr("src", '/comm/getImage?srvcId=VS_MAIN_TYPE_0_1&parentSn=' + springData.landingSn + '&fileTy=IMG&fileNo='+springData.fileNoNight); $("#imgSummer").attr("src", '/comm/getImage?srvcId=VS_MAIN_TYPE_0_1&parentSn=' + summerData.landingSn + '&fileTy=IMG&fileNo='+summerData.fileNoNight); $("#imgFall").attr("src", '/comm/getImage?srvcId=VS_MAIN_TYPE_0_1&parentSn=' + fallData.landingSn + '&fileTy=IMG&fileNo='+fallData.fileNoNight); $("#imgWinter").attr("src", '/comm/getImage?srvcId=VS_MAIN_TYPE_0_1&parentSn=' + winterData.landingSn + '&fileTy=IMG&fileNo='+winterData.fileNoNight); imageNames[0] = springData.landingNight; imageNames[1] = summerData.landingNight; imageNames[2] = fallData.landingNight; imageNames[3] = winterData.landingNight; } currHour = hour; } } function seasonSlide() { var $sbutton = $(".intro-season li"); $sbutton.each(function(idx, item) { $(item).on("click", function() { $sbutton.removeClass("active"); $(this).addClass("active"); }); }); } function changeSeasonData(slider) { let slideIdx = slider.activeIndex; var currentSlide = $(slider.slides[slideIdx]); var sTitle = currentSlide.find(".season-txt").text(); var season = $(".location-cont strong"); var seasonTit = $(".h2-hide-tit"); season.text(sTitle); //현재 슬라이드 계절명 가져오기 seasonTit.text(sTitle); //접근성 숨김 타이틀 $('#spanSeasonImageName').html(imageNames[slideIdx]); switch (slideIdx) { case 0: $('#spanSeasonDegreeTc').html(springData.cMin + ' ~ ' + springData.cMax + '℃'); $('#spanSeasonDegreeTf').html(springData.fMin + ' ~ ' + springData.fMax +'℉'); break; case 1: $('#spanSeasonDegreeTc').html(summerData.cMin + ' ~ ' + summerData.cMax + '℃'); $('#spanSeasonDegreeTf').html(summerData.fMin + ' ~ ' + summerData.fMax +'℉'); break; case 2: $('#spanSeasonDegreeTc').html(fallData.cMin + ' ~ ' + fallData.cMax + '℃'); $('#spanSeasonDegreeTf').html(fallData.fMin + ' ~ ' + fallData.fMax +'℉'); break; case 3: $('#spanSeasonDegreeTc').html(winterData.cMin + ' ~ ' + winterData.cMax + '℃'); $('#spanSeasonDegreeTf').html(winterData.fMin + ' ~ ' + winterData.fMax +'℉'); break; default: break; } } $(document).ready(function() { var jsonData = '[{"landingDay":"Namsan Seoul Tower ","cMin":9.2,"fMax":68.2,"fMin":48.6,"fileNoDay":6,"season":"SPRING","landingNight":"Seokchon Lake","fileNoNight":2,"landingSn":1,"cMax":20.1},{"landingDay":"Gwanghwamun Square","cMin":-4.7,"fMax":42.3,"fMin":23.5,"fileNoDay":7,"season":"WINTER","landingNight":"Gwanghwamun Square","fileNoNight":4,"landingSn":4,"cMax":5.7},{"landingDay":"Gyeongbokgung Palace","cMin":11.4,"fMax":69.4,"fMin":52.5,"fileNoDay":5,"season":"FALL","landingNight":"Deoksugung Palace","fileNoNight":5,"landingSn":3,"cMax":20.8},{"landingDay":"Hangang","cMin":22.6,"fMax":85.3,"fMin":72.7,"fileNoDay":3,"season":"SUMMER","landingNight":"Sebitseom Island","fileNoNight":3,"landingSn":2,"cMax":29.6}]'; listData = JSON.parse(jsonData); $.each(listData, function(index, item) { if(item.season == 'SPRING') { springData = item; }else if(item.season == 'SUMMER') { summerData = item; }else if(item.season == 'FALL') { fallData = item; }else if(item.season == 'WINTER') { winterData = item; } }); getTime(); setInterval(getTime, 1000); getKweather(); seasonSlide(); var $introLangList = $(".intro-item-lang li"); $introLangList.each(function(idx, item) { // 키보드 tab focus $(item).focusin(function() { $(this).addClass("active--focus"); }).focusout(function() { $(this).removeClass("active--focus"); }); // 마우스 오버 $(item).mouseenter(function() { $(this).addClass("active--focus"); }).mouseleave(function() { $(this).removeClass("active--focus"); }); }); // 2024 계절별 배경이미지 전환 // ------------------------------ var bgSlider = new Swiper(".bg-slider .swiper-container", { observer: true, observeParents: true, loop: false, slidesPerView: 1, initialSlide: 2, //현재 슬라이드 표시 0(spring)부터 centeredSlides: false, speed: 400, navigation: { nextEl: ".bg-slider .swiper-button-next", prevEl: ".bg-slider .swiper-button-prev", }, pagination: { el: ".swiper-pagination", //계절별 버튼그룹 class clickable: true, renderBullet: function (index, className) { return '<li class="' + className + '"><span></span></li>'; //계절별 버튼 태그 커스트마이징 }, }, }); // 2024 계절별 타이틀 구하기 (스와이핑, 버튼 click/focus) bgSlider.on("slideChange", function() { changeSeasonData(bgSlider); }); changeSeasonData(bgSlider); var userAgent = navigator.userAgent || navigator.vendor || window.opera; if (/android/i.test(userAgent)) { $('.m-app-down a').attr('target', '_blank'); $('.m-app-down a').attr('href', 'https://play.google.com/store/apps/details?id=com.sto.android.client.itourseoul'); } else if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) { $('.m-app-down a').attr('target', '_blank'); $('.m-app-down a').attr('href', 'https://apps.apple.com/kr/app/visit-seoul-%EB%B9%84%EC%A7%93%EC%84%9C%EC%9A%B8/id360156429'); } else { $('.m-app-down a').attr('href', '#'); $('.m-app-down a').attr('target', '_self'); } }); </script> </div>  </body> </html>

CINXE.COM

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