서산시 스마트포털

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 tr class="row"ansitional//EN" "http://www.w3.org/tr class="row"/xhtml1/DTD/xhtml1-tr class="row"ansitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1">  <title>서산시 스마트포털</title> <link type="text/css" rel="stylesheet" href="/sportal/resources/css/portal/reset.css"/> <link type="text/css" rel="stylesheet" href="/sportal/resources/css/portal/font.css"/> <link type="text/css" rel="stylesheet" href="/sportal/resources/css/portal/style.css"/> <link rel="shortcut icon" href="/sportal/resources/images/favicon.ico" type="image/x-icon"> <link rel="icon" href="/sportal/resources/images/favicon.ico" type="image/x-icon"> <script src="/sportal/resources/lib/common/jquery-3.6.0.min.js"></script> <script type="text/javascript" src="/sportal/resources/js/mainGrid/mainSystemNoticeList.js"></script> <script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=dnr72ibhkn&callback=initMap&submodules=geocoder"></script> <script type="text/javascript" src="/sportal/resources/js/naverMap/MarkerClustering.js"></script> <script type="text/javascript" src="/sportal/resources/js/naverMap/MarkerOverlappingRecognizer.js"></script> <script type="text/javascript" src="/sportal/resources/js/mainWeatherStatus/mainweatherStatus.js"></script> <script type="text/javascript" src="/sportal/resources/js/mainGrid/mainSsFestival.js"></script> <script src="/sportal/resources/lib/common/jquery-3.6.0.min.js"></script> <script defer type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css"> <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> </head> <body> <script type="text/javaScript" language="javascript" src="/sportal/resources/js/header.js"></script> <div id="skip"> <a href="#container" >본문 바로가기</a> </div> <header id="header"> <div class="menubar"> <div class="container"> <div class="logo"> <h1> <a href="/sportal/" class="pc-logo"><img src="/sportal/resources/images/logo_01@3x.webp" alt="pc메인로고"></a> </h1> </div> <nav id="gnb"> <ul> <li> <a href="">주요지표</a> <div class="sub"> <ul> <li> <a href=""><span>인구동향</span></a> <ul class="sub-list"> <li><a href="/sportal/OpenYearOnYearRate.do">인구동향지표</a></li> <li><a href="/sportal/OpenPopulationTrendsList.do">전체인구동향</a></li> <li><a href="/sportal/OpenCurrentBirthDeath.do">출생·사망자</a></li> <li><a href="/sportal/OpenMovingInOut.do">전입·전출</a></li> <li><a href="/sportal/OpenHouseHolds.do">세대수</a></li> </ul> </li> <li> <a href=""><span>일자리</span></a> <ul class="sub-list"> <li><a href="/sportal/OpenJobIndex.do">일자리지표</a></li> <li><a href="/sportal/OpenEmployedRate.do">고용·실업률</a></li> <li><a href="/sportal/OpenEmployedCnt.do">취업·실업자 수</a></li> </ul> </li> <li> <a href=""><span>기업유치</span></a> <ul class="sub-list"> <li><a href="/sportal/OpenCurrentEnterprises.do">기업유치현황</a></li> </ul> </li> </ul> </div> </li> <li> <a href="#">생활안전</a> <div class="sub"> <ul> <li> <a href="#"><span>안전정보</span></a> <ul class="sub-list"> <li><a href="/sportal/OpenShelterPage.do">재난대피소</a></li> <li><a href="/sportal/coolingshelterList.do">무더위쉼터</a></li> <li><a href="/sportal/heartimpactList.do">자동심장충격기</a></li> <li><a href="/sportal/workList.do">공사(토목·굴착)</a></li> <li><a href="https://www.safemap.go.kr/main/smap.do?flag=2" target="_blank" class="linked">생활안전지도<img src="/sportal/resources/images/open_link_gray.png" alt="링크아이콘"></a></li> </ul> </li> <li class="twoBlock"> <a href="#"><span>생활정보</span></a> <ul class="sub-list"> <li><a href="/sportal/openAir.do">대기환경</a></li> <li><a href="/sportal/villageHallList.do">마을회관및경로당</a></li> <li><a href="/sportal/openDiscard.do">폐기물</a></li> <li><a href="/sportal/openNewLib.do">도서관</a></li> <li><a href="/sportal/OpenMedicalPage.do">의료시설</a></li> <li><a href="/sportal/openGym.do">공공체육시설</a></li>  <li><a href="/sportal/PublicToiletList.do">공중화장실</a></li> <li><a href="/sportal/oldmanWelfareList.do">노인복지시설</a></li> <li><a href="/sportal/OpenUCSI_MachineList.do">무인민원발급기</a></li> <li><a href="/sportal/childWelfareList.do">아동복지시설</a></li> <li><a href="/sportal/OpenAdvertisingList.do">광고게시대</a></li> <li><a href="/sportal/otherWelfareList.do">기타복지시설</a></li> </ul> </li> <li> <a href="#"><span>교통정보</span></a> <ul class="sub-list">  <li><a href="/sportal/ParkingList.do">주차장</a></li> <li><a href="/sportal/openRechargePage.do">전기·수소충전소</a></li> <li><a href="/sportal/newGasStation.do">주유소</a></li> <li><a href="/sportal/OpenBusStopList.do">버스정류장</a></li> <li><a href="http://www.srbus.com/page/line.php" target="_blank" class="linked">버스노선도<img src="/sportal/resources/images/open_link_gray.png" alt="링크아이콘"></a></li> <li><a href="/sportal/OpenChilCenterList.do">교통카드충전소</a></li> <li><a href="/sportal/trafficaccidentList.do">교통사고다발지역</a></li> </ul> </li> </ul> </div> </li> <li> <a href="#">정보마당</a> <div class="sub"> <ul> <li> <a href="/sportal/InformListPage.do"><span>정보목록</span></a> </li> <li> <a href="/sportal/smartCrossroad.do"><span>정보분석</span></a> </li> <li> <a href="/sportal/openApi.do"><span>OPEN API</span></a> </li> <li> <a href="https://www.data.go.kr/" target="_blank" class="linked"><span>공공데이터</span><img src="/sportal/resources/images/open_link.svg" alt="링크아이콘"></a> </li> </ul> </div> </li> <li> <a href="#">알림마당</a> <div class="sub"> <ul> <li> <a href="/sportal/mypage/SystemList.do"><span>시스템공지사항</span></a> </li> <li> <a href="/sportal/authorityGuide.do"><span>권한신청방법</span></a> </li> <li> <a href="/sportal/smartServices.do"><span>스마트서비스소개</span></a> </li> <li> <a href="/sportal/urbanSafety.do"><span>도시안전통합센터</span></a> </li> </ul> </div> </li> </ul> </nav> <div class="utils" id="utils"> <ul> <li class="login" id="loginBtn"> <a><img src="/sportal/resources/images/ic_login.svg" alt="로그인"></a> </li> <li class="search"> <button type="button" id="searchBtn" class="searchBtn" value="메뉴검색"></button> </li> <li class="sitemap"> <a href="/sportal/siteMap.do" class="pc-sitemap" id="pc-sitemap"><img src="/sportal/resources/images/ic_menu.svg" alt="pc사이트맵"></a> </li> </ul> </div> </div> </div> <div class="searchPannel"> <div class="searchPannelBox"> <div class="inputWrap"> <button type="button" class="backBtn" id="mbSerchBackBtn"></button> <input type="search" class="searchMain" placeholder="검색어를 입력하세요"> <button type="button" class="clearBtn" id="dltSearchBtn"></button> <button type="button" class="searchBtn" id="globalSearch"></button> </div> </div> </div> <div class="m-bar"> <div class="container"> <div class="logo"> <h1> <a href="/sportal/" class="mb-logo"> <img src="/sportal/resources/images/logo_01_m@3x.webp" alt="mobile메인로고"> </a> </h1> </div> <div class="utils"> <button type="button" class="mb-login" id="mb-login" value="모바일 로그인"> <img src="/sportal/resources/images/btn_user_m.svg" alt="모바일 로그인"> </button> <button type="button" class="mb-search" id="mb-search" value="모바일 통합검색"> <img src="/sportal/resources/images/btn_search_m.svg" alt="모바일 통합검색"> </button> <button type="button" class="mb-menu" value="모바일 메뉴열기"> <img src="/sportal/resources/images/ic_menu_m.svg" alt="모바일 메뉴열기"> </button> </div> </div> <div id="snb-menu"> <div class="top"> <span>전체메뉴</span> <button class="snb-close" type="button"> <img src="/sportal/resources/images/btn_close.svg" alt="모바일 메뉴닫기"> </button> </div> <div class="wrap"> <nav id="snb"> <ul> <li> <a>주요지표</a> </li> <li> <a>생활안전</a> </li> <li> <a>정보마당</a> </li> <li> <a>알림마당</a> </li> <li> <a>문의게시판</a> </li> </ul> </nav> <div class="sub-m"> <ul> <li> <a href="#" class="sub-title"><span>인구동향</span><span class="menuIcon"></span></a> <ul class="sub-list"> <li><a href="/sportal/OpenYearOnYearRate.do">인구동향지표</a></li> <li><a href="/sportal/OpenPopulationTrendsList.do">전체인구동향</a></li> <li><a href="/sportal/OpenCurrentBirthDeath.do">출생·사망자</a></li> <li><a href="/sportal/OpenMovingInOut.do">전입·전출</a></li> <li><a href="/sportal/OpenHouseHolds.do">세대수</a></li> </ul> </li> <li> <a href="#" class="sub-title"><span>일자리</span><span class="menuIcon"></span></a> <ul class="sub-list"> <li><a href="/sportal/OpenJobIndex.do">일자리지표</a></li> <li><a href="/sportal/OpenEmployedRate.do">고용·실업률</a></li> <li><a href="/sportal/OpenEmployedCnt.do">취업·실업자 수</a></li> </ul> </li> <li> <a href="#" class="sub-title"><span>기업유치</span><span class="menuIcon"></span></a> <ul class="sub-list"> <li><a href="/sportal/OpenCurrentEnterprises.do">기업유치현황</a></li> </ul> </li> </ul> </div> <div class="sub-m"> <ul> <li> <a href="#" class="sub-title"><span>안전정보</span><span class="menuIcon"></span></a> <ul class="sub-list"> <li><a href="/sportal/OpenShelterPage.do">재난대피소</a></li> <li><a href="/sportal/coolingshelterList.do">무더위쉼터</a></li> <li><a href="/sportal/heartimpactList.do">자동심장충격기</a></li> <li><a href="/sportal/workList.do">공사(토목·굴착)</a></li> <li><a href="https://www.safemap.go.kr/main/smap.do?flag=2" target="_blank" >생활안전지도<img src="/sportal/resources/images/open_link_dGray.png" alt="링크아이콘"></a></li> </ul> </li> <li> <a href="#" class="sub-title"><span>생활정보</span><span class="menuIcon"></span></a> <ul class="sub-list over"> <li><a href="/sportal/openAir.do">대기환경</a></li> <li><a href="/sportal/openDiscard.do">폐기물</a></li> <li><a href="/sportal/OpenMedicalPage.do">의료시설</a></li>  <li><a href="/sportal/oldmanWelfareList.do">노인복지시설</a></li> <li><a href="/sportal/childWelfareList.do">아동복지시설</a></li> <li><a href="/sportal/otherWelfareList.do">기타복지시설</a></li> <li><a href="/sportal/villageHallList.do">마을회관및경로당</a></li> <li><a href="/sportal/openNewLib.do">도서관</a></li> <li><a href="/sportal/openGym.do">공공체육시설</a></li> <li><a href="/sportal/PublicToiletList.do">공중화장실</a></li> <li><a href="/sportal/OpenUCSI_MachineList.do">무인민원발급기</a></li> <li><a href="/sportal/OpenAdvertisingList.do">광고게시대</a></li> </ul> </li> <li> <a href="#" class="sub-title"><span>교통정보</span><span class="menuIcon"></span></a> <ul class="sub-list">  <li><a href="/sportal/ParkingList.do">주차장</a></li> <li><a href="/sportal/openRechargePage.do">전기·수소충전소</a></li> <li><a href="/sportal/newGasStation.do">주유소</a></li> <li><a href="/sportal/OpenBusStopList.do">버스정류장</a></li> <li><a href="http://www.srbus.com/page/line.php" target="_blank" >버스노선도<img src="/sportal/resources/images/open_link_dGray.png" alt="링크아이콘"></a></li> <li><a href="/sportal/OpenChilCenterList.do">교통카드충전소</a></li> <li><a href="/sportal/trafficaccidentList.do">교통사고다발지역</a></li> </ul> </li> </ul> </div> <div class="sub-m"> <ul> <li> <a href="/sportal/InformListPage.do" class="sub-title"><span>정보목록</span></a> </li> <li> <a href="/sportal/smartCrossroad.do" class="sub-title"><span>정보분석</span></a> </li> <li> <a href="/sportal/openApi.do" class="sub-title"><span>OPEN API</span></a> </li> <li> <a href="https://www.data.go.kr/" class="sub-title" target="_blank"><span>공공데이터</span><img src="/sportal/resources/images/open_link_dGray.png" alt="링크아이콘"></a> </li> </ul> </div> <div class="sub-m"> <ul> <li> <a href="/sportal/mypage/SystemList.do" class="sub-title"><span>시스템공지사항</span></a> </li> <li> <a href="/sportal/authorityGuide.do" class="sub-title"><span>권한신청방법</span></a> </li> <li> <a href="/sportal/smartServices.do" class="sub-title"><span>스마트서비스소개</span></a> </li> <li> <a href="/sportal/urbanSafety.do" class="sub-title"><span>도시안전통합센터</span></a> </li> </ul> </div> <div class="sub-m"> <ul> <li> <a href="/sportal/mypage/RequestInfoList.do" class="sub-title"><span>정보수정요청</span></a> </li> <li> <a href="/sportal/mypage/userQRInquiryList.do" class="sub-title"><span>QR코드 신고</span></a> </li> <li> <a href="/sportal/mypage/userRegisterInquiries.do" class="sub-title"><span>문의</span></a> </li> </ul> </div> <div class="sub-m" id="adminwrap_m">  </div> </div> </div> </div> </header> <script> let loginId = "" let userType = "" if(""!=""){ loginId = "" } if(""!=""){ userType = "" } if(""!=""){ name = "" } console.log(loginId) console.log(name) // var searchClear = document.querySelectorAll('#dltSearchBtn'); // searchClear.forEach(function(btn){ // btn.addEventListener('click',function(){ // console.log('btnclicked'); // btn.parentNode.querySelector('input').value =""; // if($('.searchMain').val()==''){ // $('.searchMain').siblings('#dltSearchBtn').removeClass('active'); // } // else{ // $('.searchMain').siblings('#dltSearchBtn').addClass('active'); // } // }) // $('.searchMain').on('input',function(){ // if($('.searchMain').val()==''){ // $('.searchMain').siblings('#dltSearchBtn').removeClass('active'); // } // else{ // $('.searchMain').siblings('#dltSearchBtn').addClass('active'); // } // }) // }) var searchClear = document.querySelectorAll('.clearBtn'); searchClear.forEach(function(btn){ btn.addEventListener('click',function(){ console.log('btnclicked'); btn.parentNode.querySelector('input').value =""; if($('.searchMain').val()==''){ $('.searchMain').siblings('.clearBtn').removeClass('active'); } else{ $('.searchMain').siblings('.clearBtn').addClass('active'); } }) $('.searchMain').on('input',function(){ if($('.searchMain').val()==''){ $('.searchMain').siblings('.clearBtn').removeClass('active'); } else{ $('.searchMain').siblings('.clearBtn').addClass('active'); } }) }) $('#skip a').on('focus', function(){ $(this).stop().animate({"top":0, "opacity":1}); }); $('#skip a').on('click', function(){ $(this).stop().animate({"top":"-30px", "opacity":0}); }); $('#skip a').on('focusout', function(){ $(this).stop().animate({"top":"-30px", "opacity":0}); }); // String u = javax.servlet.http.HttpUtils.getRequestURL(request).toString(); // console.log(u); var url = window.location.href // console.log(url); if(url=='https://www.seosan.go.kr/sportal/'){ // console.log("contents"); $("#skip a").attr("href","#contents"); } else{ // console.log("////container"); $("#skip a").attr("href","#container"); } </script> <section id="contents"> <div class="maparea" id="maparea"> <div class="widget-wrap"> <div class="widget-left"> <div class="widgetTop"> <div class="widget-search"> <div class="searchWrap"> <input type="search" name="q" id="widget-search-input" placeholder="시설물, 주소검색" /> <button type="button"> <img id="widget-search-icon" src="/sportal/resources/images/ic_map_search.svg" alt="시설물검색하기"/> </button> </div> </div> <div class="widget-container" id="ctn"> <nav class="tabwrap"> <ul> <li class="tab1"><a href="">안전정보</a></li> <li class="tab2"><a href="">생활정보</a></li> <li class="tab3"><a href="">교통정보</a></li> </ul> </nav> <div class="description"> </div> <div class="description"> </div> <div class="description"> </div> <div id="details"> <div class="detailsWrap"> <ul> </ul> </div> </div> </div> <div class="widget-content"> <ul class="widget-content-list" id="widget-content-list"> </ul> </div> </div> <div class="widget-info"> <div class="title">기상현황</div> <div class="time" id="weatherStatusTime" ></div> <div class="infoNotice" id="weatherNews" > <img src="/sportal/resources/images/ic_info.svg" alt="기상현황안내"/> </div> <div class="flowNotice"> <a href="http://www.khoa.go.kr/swtc/main.do" target='_blank' id="tide"><img src="/sportal/resources/images/ic_info2.svg" alt="기상현황안내"/> </a> </div> <div class="weather"> <div class="desc" id="sky"> <a href="https://www.weather.go.kr/w/weather/forecast/short-term.do" target='_blank'> <span class="celsius" id="tmp">12.7℃</span></a> </div> <div class="desc" id="pop"> <span class="percent">강수확률</span><em>0%</em> </div> <div class="desc" id="wind"> <span class="direction">남서풍</span><em>2m/s</em> </div> </div> </div> <div class="widget-currentAir"> <div class="title">대기질 정보</div> <div class="time" id="airQualityTime"></div> <div class="info_air"> <div class="card" id=ultrafineImg> <div class="state-wrap"> <div class="label">초미세먼지</div> <div class="status good" id="ultrafine"></div> </div> </div> <div class="card" id="fineImg"> <div class="state-wrap"> <div class="label">미세먼지</div> <div class="status bad" id="fine">나쁨</div> </div> </div> <div class="card" id="ozoneImg"> <div class="state-wrap"> <div class="label">오존</div> <div class="status soso" id="ozone">보통</div> </div> </div> </div> </div> </div> <div class="ctrlBtn_wrapper"> <div class="widget_location"> <button id="location" type="button"> <img src="/sportal/resources/images/ic_location_3x.png" alt="현재 위치" class="location_btn" /> </button> </div> <div class="widget-ctrl"> <button id="plus_btn" type="button"> <img src="/sportal/resources/images/ic_zoom_in.svg" alt="지도 확대" class="plus_btn" /> </button > <button id="minus_btn" type="button"> <img src="/sportal/resources/images/ic_zoom_out.svg" alt="지도 축소" class="minus_btn" /> </button > </div> </div> <div class="bannerArea"> </div>  <div class="mapDown"> <button type="button" id="mapDownBtn"><img src="/sportal/resources/images/mainDown1.png" alt="지도하단아이콘"></button> </div> <div class="contentBtn" > <a href="#" id="contentBtn"> <p>전체보기</p> <img src="/sportal/resources/images/ic_up.svg" alt="콘텐츠영역 전체보기"> </a> </div> </div> <div id="infoWindow-mb"></div> <div id="markerLayerPopup-mb"></div> <div id="busLayerPopup-mb"></div> <div id="map" class="map"></div> </div> <div class="content-area"> <div class="widget-mb"> <div class="mapBtn"> <a href="#" id="mapBtn"> <p>지도보기</p> <img src="/sportal/resources/images/ic_down.svg" alt="지도보기"> </a> </div> <div class="widget-info"> <div class="title">기상현황</div> <div class="time"id="mbWeatherStatusTime"></div> <div class="infoNotice" id="mbWeatherNews" > <img src="/sportal/resources/images/ic_info.svg" alt="기상현황안내"/> </div> <div class="flowNotice"> <a href="http://www.khoa.go.kr/swtc/main.do"id="mbTide"><img src="/sportal/resources/images/ic_info2.svg" alt="기상현황안내"/></a> </div> <div class="weather"> <div class="desc"id="mbSky"> <a href="https://www.weather.go.kr/w/weather/forecast/short-term.do"> <span class="celsius"id="mbTmp">12.7℃</span></a> </div> <div class="desc"id="mbPop"> <span class="percent">강수확률</span><em>0%</em> </div> <div class="desc"id="mbWind"> <span class="direction">남서풍</span><em>2m/s</em> </div> </div> </div> <div class="widget-currentAir"> <div class="title">대기질 정보</div> <div class="time"id="mbAirQualityTime"></div> <div class="info_air"> <div class="card"id="mbUltrafineImg"> <div class="state-wrap"> <div class="label">초미세먼지</div> <div class="status good" id="mbUltrafine"></div> </div> </div> <div class="card"id="mbFineImg"> <div class="state-wrap"> <div class="label">미세먼지</div> <div class="status bad" id="mbFine"></div> </div> </div> <div class="card"id="mbOzoneImg"> <div class="state-wrap"> <div class="label">오존</div> <div class="status soso"id="mbOzone"></div> </div> </div> </div> </div> </div> <div class="itemlist"> <div class="notice"> <nav class="noticewrap"> <ul> <li class="tab1"><a href="">정보목록</a></li> <li class="tab2"><a href="">안전문자</a></li> <li class="tab3"><a href="">시스템공지사항</a></li> </ul> </nav> <a href="#" class="more"><span>더보기</span></a> <div class="notice_dsec"> <table style="border-collapse:collapse;"> <tbody id="mainInformation"> <tr class="row"> <td class="desc"><a href="">제20대 대통령선거 격리자 등의 투표안내 <span class="blueSticker">자치행정과</span></a></td> <td class="date" class="date">2022.00.00</td> </tr> <tr class="row"> <td class="desc"><a href="">온통서산사랑상품권 구매가능 지점(3.7(월)기준)<span class="greenSticker">일자리경제과</span></a></td> <td class="date">2022.00.00</td> </tr> <tr class="row"> <td class="desc"><a href="">2022 시민 혁신 아이디어 공모 <span class="purpleSticker">시민공동체과</span></a></td> <td class="date">2022.00.00</td> </tr> <tr class="row"> <td class="desc"><a href="">코로나19와 관련하여 알려드립니다.<span class="blueSticker">자치행정과</span></a></td> <td class="date">2022.00.00</td> </tr> <tr class="row"> <td class="desc"><a href="">코로나19와 관련하여 알려드립니다.<span class="blueSticker">자치행정과</span></a></td> <td class="date">2022.00.00</td> </tr> </tbody> </table> </div> <div class="notice_dsec"> <table> <tbody id="mainSafetySMS"> <tr class="row"> <td class="desc new"><a href="">제21대 대통령선거 격리자 등의 투표안내</a></td> <td class="date" class="date">2022.00.00</td> </tr> <tr class="row"> <td class="desc new"><a href="">온통서산사랑상품권 구매가능 지점(3.7(월)기준)</a></td> <td class="date">2022.00.00</td> </tr> <tr class="row"> <td class="desc new"><a href="">2022 시민 혁신 아이디어 공모</a></td> <td class="date">2022.00.00</td> </tr> <tr class="row"> <td class="desc new"><a href="">코로나19와 관련하여 알려드립니다.</a></td> <td class="date">2022.00.00</td> </tr> <tr class="row"> <td class="desc new"><a href="">코로나19와 관련하여 알려드립니다.</a></td> <td class="date">2022.00.00</td> </tr> </tbody> </table> </div> <div class="notice_dsec"> <table> <tbody id = "mainSystemNotice"> <tr class="row"> <td class="desc"><a href="">제22대 대통령선거 격리자 등의 투표안내</a></td> <td class="date">2022.00.00</td> </tr> <tr class="row"> <td class="desc"><a href="">온통서산사랑상품권 구매가능 지점(3.7(월)기준)</a></td> <td class="date">2022.00.00</td> </tr> <tr class="row"> <td class="desc"><a href="">2022 시민 혁신 아이디어 공모</a></td> <td class="date">2022.00.00</td> </tr> <tr class="row"> <td class="desc"><a href="">코로나19와 관련하여 알려드립니다.</a></td> <td class="date">2022.00.00</td> </tr> <tr class="row"> <td class="desc"><a href="">코로나19와 관련하여 알려드립니다.</a></td> <td class="date">2022.00.00</td> </tr> </tbody> </table> </div> </div> <div class="sliderWrap"> <div class="emergency"> <div class="emergency_top"> <h2>비상시 대처요령</h2> <div class="controller"> <a href="" class="button-prev"><img src="/sportal/resources/images/ic_left.svg" alt="슬라이드 왼쪽으로 이동"></a> <a href="" class="button-next"><img src="/sportal/resources/images/ic_right.svg" alt="슬라이드 오른쪽으로 이동"></a> </div> </div> <div class="swiper mySwiper0"> <div class="swiper-wrapper" id=emerdiv> <div class="swiper-slide" > <ul id="mainTreat"> <li> <a href=""> <div class="emergencyDesc"> <img src="/sportal/resources/images/ic_notice.svg" alt="요령아이콘"> <p>코로나19안내 및 재택치료 요령</p> </div> </a> </li> <li> <a href=""> <div class="emergencyDesc"> <img src="/sportal/resources/images/ic_notice.svg" alt="요령아이콘"> <p>재난재해 시민 행동요령</p> </div> </a> </li> <li> <a href=""> <div class="emergencyDesc"> <img src="/sportal/resources/images/ic_notice.svg" alt="요령아이콘"> <p>미세먼지 시민 행동요령</p> </div> </a> </li> </ul> </div> <div class="swiper-slide"> <ul> <li> <a href=""> <div class="emergencyDesc"> <img src="/sportal/resources/images/ic_notice.svg" alt="요령아이콘"> <p>코로나19안내 및 재택치료 요령2</p> </div> </a> </li> <li> <a href=""> <div class="emergencyDesc"> <img src="/sportal/resources/images/ic_notice.svg" alt="요령아이콘"> <p>재난재해 시민 행동요령2</p> </div> </a> </li> <li> <a href=""> <div class="emergencyDesc"> <img src="/sportal/resources/images/ic_notice.svg" alt="요령아이콘"> <p>미세먼지 시민 행동요령2</p> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="emergency-mb"> <div class="emergency_top"> <h2>비상시 대처요령</h2> <div class="controller"> <a href="" class="button-prev"><img src="/sportal/resources/images/ic_left.svg" alt="슬라이드 왼쪽으로 이동"></a> <a href="" class="button-next"><img src="/sportal/resources/images/ic_right.svg" alt="슬라이드 오른쪽으로 이동"></a> </div> </div> <div class="swiper mySwiper"> <div class="swiper-wrapper grid-container" id="emerdiv_mb"> <div class="swiper-slide slide01"> <div class="emergencyDesc"> <a href=""> <img src="/sportal/resources/images/ic_notice.svg" alt="요령아이콘"> <p>코로나19안내 및 재택치료 요령 1</p> </a> </div> </div> <div class="swiper-slide slide02"> <div class="emergencyDesc"> <a href=""> <img src="/sportal/resources/images/ic_notice.svg" alt="요령아이콘"> <p>코로나19안내 및 재택치료 요령 2</p> </a> </div> </div> <div class="swiper-slide slide03"> <div class="emergencyDesc"> <a href=""> <img src="/sportal/resources/images/ic_notice.svg" alt="요령아이콘"> <p>코로나19안내 및 재택치료 요령 3</p> </a> </div> </div> <div class="swiper-slide slide04"> <div class="emergencyDesc"> <a href=""> <img src="/sportal/resources/images/ic_notice.svg" alt="요령아이콘"> <p>코로나19안내 및 재택치료 요령 4</p> </a> </div> </div> <div class="swiper-slide slide05"> <div class="emergencyDesc"> <a href=""> <img src="/sportal/resources/images/ic_notice.svg" alt="요령아이콘"> <p>코로나19안내 및 재택치료 요령 5</p> </a> </div> </div> </div> <div class="swiper-pagination"></div> </div> </div> <div class="popzone"> <div class="popzone_top"> <div class="container"> <h2>주요안내</h2> <div class="slick-pagination"> <span class="current slick-text"></span> </div> </div> <div class="controller"> <button class="btn-prev" type="button" name="이전 슬라이드 버튼"></button> <button class="btn-stop" type="button" name="슬라이드 자동재생 멈춤버튼"></button> <button class="btn-play" type="button" name="슬라이드 자동재생 시작버튼"></button> <button class="btn-next" type="button" name="다음 슬라이드 버튼"></button> </div> </div> <div class="slick-wrap"> <div class="slick-list" > </div> </div> </div> </div> </div> <div class="banner"> <div class="bannerWrap"> <div class="logo"> <a href="https://www.seosan.go.kr/www/index.do"><img src="/sportal/resources/images/link_02@3x.webp" alt="서산시 홈페이지 바로가기"></a> </div> <div class="logo"> <a href="https://www.seosan.go.kr/ebook/index.do"><img src="/sportal/resources/images/link_04.svg" alt="서산 소식 바로가기"></a> </div> <div class="logo"> <a href="https://ko-kr.facebook.com/seosancity1991"><img src="/sportal/resources/images/link_05.svg" alt="서산시 페이스북 바로가기"></a> </div> <div class="logo"> <a href="https://m.blog.naver.com/PostList.naver?blogId=seosan_city"><img src="/sportal/resources/images/link_06.svg" alt="서산시 블로그 바로가기"></a> </div> <div class="logo"> <a href="https://pf.kakao.com/_MClRxb"><img src="/sportal/resources/images/link_01@3x.webp" alt="온통서산 바로가기"></a> </div> <div class="logo"> <a href="https://pf.kakao.com/_ttLYj"><img src="/sportal/resources/images/link_03.svg" alt="행복드림톡 바로가기"></a> </div> <div class="logo"> <a href="https://www.gov.kr/portal/rcvfvrSvc/main"><img src="/sportal/resources/images/link_07.svg" alt="보조금24 바로가기"></a> </div> </div> </div> </div> </section> <footer id="footer"> <div class="container"> <div class="footer_nav"> <ul> <li class="privacy"><a href="/sportal/infoPolicy.do">개인정보 취급방침</a></li> <li><a target = "_blank" href="https://www.seosan.go.kr/www/contents.do?key=1383">찾아오시는길</a></li> <li><a href="/sportal/mypage/userRegisterInquiries.do">문의</a></li> </ul> </div> <div class="footer_wrapper"> <img src="/sportal/resources/images/logo_02.svg" class="footer_logo" alt="하단로고"> <div class="footer_info"> <address>[31974] 충남 서산시 관아문길 1 (읍내동)</address> <p>TEL:1422-45 (평일 18:00 이후, 공휴일:당직실 041-660-2222)</p> <p>본 페이지에 게시된 이메일주소 자동수집을 거부하며, 이를 위반시 정보통신망법에 의해 처벌됨을 유념하시기 바랍니다.</p> <br/> <p> COPYRIGHT(C) 서산시 스마트포털. ALL RIGHTS RESERVED. </p> </div> </div> </div> </footer> <script type="text/javaScript" language="javascript" src="/sportal/resources/js/naverMap/utils.js"></script> <script type="text/javaScript" language="javascript" src="/sportal/resources/js/naverMap/const.js"></script> <script type="text/javaScript" language="javascript" src="/sportal/resources/js/naverMap/init.js"></script> <script type="text/javaScript" language="javascript" src="/sportal/resources/js/naverMap/marker.js"></script> <script type="text/javaScript" language="javascript" src="/sportal/resources/js/naverMap/layer.js"></script> <script type="text/javaScript" language="javascript" src="/sportal/resources/js/naverMap/route.js"></script> <script defer type="text/javaScript" language="javascript" src="/sportal/resources/js/slider.js"></script> <script type="text/javascript"> // 메인화면 접근시 url에 markerType 있을경우 해당 마커로 이동 var directMarkerType = '' var map = naverMap.init() var markers = useMarker.init(map, directMarkerType) var layers = useLayer.init(map) var routes =useRoute.init(map) var screenStatus = "up" if(window.innerWidth<=760){ $('.content-area').hide(); $('#footer').hide(); } $('#contentBtn').click(function(){ if(window.innerWidth<=760){ $('#header').hide(); $('#maparea').hide(); $('.content-area').show(); $('#footer').show(); screenStatus = "down" } }); $('#mapBtn').click(function(){ if(window.innerWidth<=760){ $('#header').show(); $('#maparea').show(); $('.content-area').hide(); $('#footer').hide(); screenStatus = "up" } }); window.addEventListener(`resize`, function() { if(window.innerWidth<=760){ if(screenStatus=="up"){ $('.content-area').hide(); $('#footer').hide(); } }else{ $('#header').show(); $('#maparea').show(); $('.content-area').show(); $('#footer').show(); } }); $("#mapDownBtn").on("click", function(){ event.preventDefault(); var currentScrollTop = $(document).scrollTop(); var windowHeight = $(window).height(); $("html, body").animate({ scrollTop: currentScrollTop + windowHeight - 50 }, { duration: 500, }); return false; }) </script> <script type="text/javaScript" language="javascript" src="/sportal/resources/js/widget.js"></script> <script type="text/javaScript" language="javascript" src="/sportal/resources/js/itemlist.js"></script> </body> </html>

CINXE.COM

서산시 스마트포털