서울특별시 대기환경정보 - 자료실

<!DOCTYPE html> <html lang="ko"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=4.0,minimum-scale=1.0"> <meta name="keywords" content="클린에어 서울시 실시간 대기오염물질 측정 정보, 대기질 평균, 초미세먼지, 미세먼지, 오존, 예보, 경보, 비상저감조치, 계절관리제, 통계, 시민행동요령"> <meta name="description" content="클린에어 서울특별시 실시간 대기오염도 측정, 초미세먼지, 미세먼지, 오존 등 정보 제공 및 예보, 경보, 비상저감조치, 계절관리제 등 안내">   <link rel="stylesheet" href="/css/flexslider.css"> <link rel="stylesheet" href="/css/common.css?v=20250401"> <link rel="stylesheet" href="/css/common_m.css?v=20250401"> <link rel="stylesheet" href="/css/slick/slick.css"> <link rel="stylesheet" href="/css/slick/slick-theme.css"/> <script src="/js/jquery-1.12.4.min.js"></script> <script> var csrfParameter = $("meta[name='_csrf_parameter']").attr("content"); var csrfHeader = $("meta[name='_csrf_header']").attr("content"); var csrfToken = $("meta[name='_csrf']").attr("content"); var contextPath = ""; var userAgent = navigator.userAgent.toLowerCase(); // 접속 핸드폰 정보 // 모바일 홈페이지 바로가기 링크 생성 if(userAgent.match('iphone')) { document.write('<link rel="apple-touch-icon" href="/images/icon/114x114.png" />') }else if(userAgent.match('android')) { document.write('<link rel="shortcut icon" href="/images/icon/72x72.png" />') }else { document.write('<link rel="shortcut icon" href="/favicon.ico" />') } $.ajaxPrefilter(function(options, originalOptions, jqXHR){ try { if (options.type.toLowerCase() === "post") { if(options.contentType && options.contentType.indexOf("application/x-www-form-urlencoded") !== -1){ options.data = options.data || ""; options.data += options.data?"&":""; options.data += "_csrf=" + encodeURIComponent(csrfToken); } else { if(!csrfHeader) csrfHeader = "X-CSRF-TOKEN" jqXHR.setRequestHeader(csrfHeader, csrfToken); } } } catch ( e ) { console.log("ajaxPrefilter error"); console.log(e); } }); </script>    <script> $(document).ready(function() { $('#subtitle').removeAttr('tabindex'); $('.sub-title').removeAttr('tabindex'); let contInner = $('.cont-inner').first(); if(contInner){ //contInner.attr('tabindex', '0'); contInner.attr('id', 'cont-inner'); } }); </script> <script src="//www.seoul.go.kr/seoulgnb/gnb.js"></script> <script src="/js/jquery.flexslider.js?v=1"></script> <script src="/js/slick.min.js"></script> <script src="/js/design.js?v=20250324"></script> <script> window.onload = function() { //Yjs.Gnb.init('사이트코드', 'GNB 표출영역 ID'); Yjs .Gnb.init('G024', 'seoul-common-gnb'); }; function loadSlick(){ $('.pop-notice').slick({ infinite : true, autoplay : true, autoplaySpeed : 2000, accessibility: false, prevArrow: '<button type="button" class="slick-prev icon-left-circle fontello" name="prevArrow" title="이전">', nextArrow: '<button type="button" class="slick-next icon-right-circle fontello" name="nextArrow" title="다음">', }); $('.pop-notice .par').on('focusin', function() { $('.pop-notice').slick("slickPause"); }); $('.pop-notice .slick-prev').on('focusin', function() { $('.pop-notice').slick("slickPause"); }); $('.pop-notice .slick-next').on('focusin', function() { $('.pop-notice').slick("slickPause"); }); $('.pop-notice .slick-next').attr('tabindex', '3'); $('.pop-notice .slick-prev').attr('tabindex', '3'); } $(function() { window.addEventListener('hashchange', function(evt) { var hash = location.hash; if(hash == "#main-menu-pc" || hash == "#main-menu"){ $(hash + " li a").first().focus(); } }, false); }); //CustomEvent polyfill (function () { if ( typeof window.CustomEvent === "function" ) return false; function CustomEvent ( event, params ) { params = params || { bubbles: false, cancelable: false, detail: undefined }; var evt = document.createEvent( 'CustomEvent' ); evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail ); return evt; } CustomEvent.prototype = window.Event.prototype; window.CustomEvent = CustomEvent; })(); // main의 map, 각 푸터의 ajax 에서 사용. var CONTEXT_PATH = ''; var LDT = '2025년 04월 01일 12시'; //23.05.11 이벤트를 위한 현재 시간 확인 var xmlHttpRequest; if (window.XMLHttpRequest){ xmlHttpRequest = new XMLHttpRequest(); } else if(window.ActiveXObject){ xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } xmlHttpRequest.open('HEAD', '/', false); xmlHttpRequest.setRequestHeader("ContentType", "text/html"); xmlHttpRequest.send(''); var serverDate = xmlHttpRequest.getResponseHeader("Date"); var today = new Date(serverDate); //24.11.15 이벤트를 위한 시작시간, 종료시간 관리 var eventStartDt = new Date('2024-11-15 00:00:00'); var eventEndDt = new Date('2024-12-13 23:59:59'); //N서울타워 이벤트 관리 var checkNSeoulTowerEventStartDt = new Date('2024-11-29 00:00:00'); var checkNSeoulTowerEventEndDt = new Date('2025-03-31 23:59:59'); </script> <title>서울특별시 대기환경정보 - 자료실 | 일반</title> <style> .tabs li, .tabs.col4 li { width: 25% !important; } @media (max-width: 260px){ .tabs li, .tabs.col4 li { width: 50% !important; } } </style> <script type="text/javascript"> $(document).ready(function(){ var pageNum = 0; if( pageNum !=''){ getBoardList(pageNum); } else{ getBoardList(1); } }); function goPage(pageNum) { getBoardList(pageNum); } function getBoardListPage(data) { $.ajax({ url: '/board/boardListPageAjax', method: 'POST', data : data, success: function (result){ // console.log("page = " + result); $('#paging').empty(); // console.log("page = " + $('#pag')); $('#paging').append(result); $('#paging li[class="stay"] a').attr('title', '현재 페이지'); } }); } function getBoardList(pageNum, type) { console.log(pageNum); $('#mainForm input[name=pageNum]').val(pageNum); if(type == 'search'){ $('#mainForm input[name=searchText]').val($('#searchText').val()); $('#mainForm input[name=searchType]').val($('#searchType').val()); } data = $('#mainForm').serialize(); getBoardListPage(data); $.ajax({ url: '/board/boardListAjax', method: 'POST', data : data, success: function (result){ // console.log("result = " + result); var array =JSON.parse(result); var length = array.length $('#dataTable >tbody').empty() if(length > 0) { for(var i =0; i < length; i++) { var title =array[i].bbsTitle.replaceAll("<(/)?([a-zA-Z]*)(\\s[a-zA-Z]*=[^>]*)?(\\s)*(/)?>", ""); var row = ''; row += '<tr>'; if(array[i].bbsNotice == 'Y'){ row += '<td>공지</td>'; } else{ row += '<td>'+array[i].rnum+'</td>'; } row += '<td class="align-left"><a href="javascript:void(0);" onclick="boardView('+array[i].bbsSeq +',\''+array[i].bbsNotice +'\')" class="linked">'; row += '<span class="rnum">'+array[i].rnum+'. </span>'; row += ''+title; row += '</a></td>'; row += '<td>'; if(array[i].renameFile != '' && array[i].renameFile != null){ var type = fileType(array[i].renameFile); if(type == 'pdf'){ row += '<a href="download?fileType=FILE&bbsSeq='+array[i].bbsSeq+'" ><img src="../images/fileicon/pdf.png" width="30" height="30" alt="첨부" /></a>'; } else if(type == 'hwp'){ row += '<a href="download?fileType=FILE&bbsSeq='+array[i].bbsSeq+'" ><img src="../images/fileicon/hwp.png" width="30" height="30" alt="첨부" /></a>'; } else if(type == 'xls' || type == 'xlsx'){ row += '<a href="download?fileType=FILE&bbsSeq='+array[i].bbsSeq+'" ><img src="../images/fileicon/excel.png" width="30" height="30" alt="첨부" /></a>'; } else if(type == 'doc' || type == 'docx'){ row += '<a href="download?fileType=FILE&bbsSeq='+array[i].bbsSeq+'" ><img src="../images/fileicon/word.png" width="30" height="30" alt="첨부" /></a>'; } else if(type == 'ppt' || type == 'pptx'){ row += '<a href="download?fileType=FILE&bbsSeq='+array[i].bbsSeq+'" ><img src="../images/fileicon/ppt.png" width="30" height="30" alt="첨부" /></a>'; } else if(type == 'jpg' || type == 'png' || type == 'jpeg' || type == 'gif'){ row += '<a href="download?fileType=FILE&bbsSeq='+array[i].bbsSeq+'" ><img src="../images/fileicon/img.png" width="30" height="30" alt="첨부" /></a>'; } else if(type == 'zip' || type == '7z' || type == 'tar' || type == 'rar'){ row += '<a href="download?fileType=FILE&bbsSeq='+array[i].bbsSeq+'" ><img src="../images/fileicon/zip.png" width="30" height="30" alt="첨부" /></a>'; } else { row += '<a href="download?fileType=FILE&bbsSeq='+array[i].bbsSeq+'"><img src="../images/fileicon/Clip.png" width="30" height="30" alt="첨부" /></a>'; } } row += '</td>' row += '<td>'+array[i].bbsCnt+'</td>'; row += '<td>'+array[i].bbsRegdt+'</td>'; row += '</tr>'; $('#dataTable >tbody').append(row); } } else { row += '<tr class="tr-no-result">'; row += '<td colspan="5">해당 검색결과가 없습니다.</td>'; row += '</tr>'; $('#dataTable >tbody').append(row); } } }); } function boardView(bbsSeq, bbsNotice){ var seq = bbsSeq; var notice = bbsNotice; var url = '/board/boardView'; var $form = $('#mainForm').clone(); $form.attr('action', url); $form.attr('method', 'post'); $form.attr('target', '_self'); $form.appendTo('body'); $form.append('<input type="hidden" value="'+seq+'" name="bbsSeq">'); $form.append('<input type="hidden" value="'+notice+'" name="bbsNotice">'); $form.submit(); } function fileType(fileName){ var type = fileName.substring(fileName.lastIndexOf(".")+1, fileName.length); type = type.toLowerCase(); return type; } String.prototype.replaceAll = function(org, dest) { return this.split(org).join(dest); } </script> </head> <body> <div class="skip" > <p><a href="#main-menu-pc">주메뉴 바로가기</a></p> <p><a href="#cont-inner">본문 바로가기</a></p> </div>  <div class="m-navmenu" id="mypanel"><span class="m-bar"></span></div> <a href="#mypanel" class="m-menu" >모바일메뉴</a>   <div class="quick-nav"> <dl> <dt><a id="quickNavToggle" href="javascript:void(0)" title="바로가기 펼치기/닫기">바로가기</a></dt> <dd class="sms"><a href="/citizen/sms">대기질 정보<br/>알림서비스<br/>신청</a></dd> <dd class="action"><a href="/information/pmTips">미세먼지<br/>시민<br/>행동요령</a></dd> <dd class="response"><a href="/information/o3Tips">오존<br/>시민<br/>행동요령</a></dd> <dd class="card"><a href="/board/newsList">홍보</a></dd> <dd class="top" title="맨위로 이동"><a href="javascript:void(0)">맨위로</a></dd> <dd class="bottom" title="맨아래로 이동"><a href="javascript:void(0)">맨아래로</a></dd> </dl> </div>   <header class="header"> <div id="header"> <div id='seoul-common-gnb' class="white"></div> <div class="head-wrap">  <nav class="gnb"> <a href="/" class="logo"><h1>서울특별시 대기환경정보</h1></a> <div class="gnb-wrap"> <ul id="main-menu-pc"> <li> <a href="/information/introduction">누리집 개요</a> <div class="snb"> <dl> <dt>누리집 개요</dt> <dd><a href="/information/introduction">누리집 소개</a></dd> <dd><a href="/information/monitorList.do">측정소 및 전광판</a></dd> </dl> </div> </li> <li> <a href="/airquality/localAvg">대기질 현황</a> <div class="snb"> <dl> <dt>대기질 현황</dt> <dd> <a href="/airquality/localAvg">대기질 실시간 정보</a> <ul> <li><a href="/airquality/localAvg">대기오염물질 측정값</a></li> <li><a href="/airquality/pollutantMeasure">대기오염물질 24시간 추이</a></li> <li><a href="/airquality/simpleAvg">초미세먼지(간이측정망) 측정값</a></li> <li><a href="/airquality/caiPollutantInfo">통합대기환경지수 조회</a></li> </ul> </dd>  <dd><a href="javascript:void(0);" class='otherCityBtnHeader' title="시도별 대기정보">시도별 대기정보</a></dd> </dl> </div> </li> <li> <a href="/forecast/airForecast">대기오염 예보·경보</a> <div class="snb"> <dl> <dt>대기오염 예보·경보</dt> <dd><a href="/forecast/airForecast">대기오염 예보</a></dd> <dd><a href="/forecast/airForecastWeek">초미세먼지 주간예보</a></dd> <dd><a href="/forecast/airModeling">서울시 대기질 모델링</a></dd> <dd><a href="/forecast/airWarning">대기오염 주의보·경보</a></dd> <dd> <a href="/institution/prkplcContent">미세먼지 비상저감조치</a> <ul> <li><a href="/institution/prkplcContent">비상저감조치</a></li> <li><a href="/institution/prkplc">서울시 행정·공공기관 주차장 2부제 및 공용·직원 차량2부제 기관</a></li> </ul> </dd> <dd><a href="/information/seasonal">미세먼지 계절관리제</a></dd> <dd><a href="/forecast/townForecast">우리동네 예보</a></dd> </dl> </div> </li> <li> <a href="/statistics/dayAverage">대기질 통계</a> <div class="snb"> <dl> <dt>대기질 통계</dt> <dd> <a href="/statistics/dayAverage">기간별 통계</a> <ul> <li><a href="/statistics/dayAverage">일별</a></li> <li><a href="/statistics/monthAverage">월별</a></li> <li><a href="/statistics/seasonAverage">계절별</a></li> <li><a href="/statistics/periodAverage">기간별</a></li> <li><a href="/statistics/hourAverage">시간별</a></li> </ul> </dd> <dd> <a href="/statistics/warning/pm25">주의보·경보 발령 통계</a> <ul> <li><a href="/statistics/warning/pm25">초미세먼지</a></li> <li><a href="/statistics/warning/pm10">미세먼지</a></li> <li><a href="/statistics/warning/o3">오존</a></li> <li><a href="/statistics/warning/ys">황사</a></li> </ul> </dd> <dd><a href="/statistics/warningList">주의보·경보 발령 내역</a></dd> <dd><a href="/statistics/emerAction">비상저감조치 발령 통계</a></dd> <dd><a href="/statistics/emerList">비상저감조치 발령 내역</a></dd> </dl> </div> </li> <li> <a href="/information/info11">정보마당</a> <div class="snb"> <dl> <dt>정보마당</dt> <dd> <a href="/information/info11">대기오염물질</a> </dd> <dd><a href="/information/info2">대기환경기준</a></dd> <dd><a href="/information/info3">통합대기환경지수</a></dd> <dd><a href="/institution/bizplc" style="letter-spacing: -2px;">대기오염물질 배출 사업장·공사장</a></dd> <dd><a href="/information/pmTips">미세먼지 시민행동요령</a></dd> <dd><a href="/information/o3Tips">오존 시민행동요령</a></dd> <dd><a href="/board/boardList?board=dust">미세먼지 상식</a></dd> <dd><a href="/information/dictionary">용어사전</a></dd> <dd><a href="/episode/episodeList">대기질 에피소드</a></dd> <dd><a href="/citizen/api">공공데이터·API</a></dd> </dl> </div> </li> <li> <a href="/board/boardList?board=notice">알림마당</a> <div class="snb"> <dl> <dt>알림마당</dt> <dd><a href="/board/boardList?board=notice">공지사항</a></dd> <dd><a href="/board/boardList?board=ref">자료실</a></dd> <dd><a href="/citizen/sms">대기질 정보 알림서비스 신청</a></dd> <dd><a href="/citizen/carService">우리동네 대기질 측정 신청</a></dd> <dd><a href="/institution/shelter">미세먼지 쉼터</a></dd> <dd><a href="/citizen/map">찾아오시는 길</a></dd> <dd><a href="/emer/emerList">대기질개선 이행 보고</a></dd> </dl> </div> </li> </ul> <div class="header-utill"> <a href="https://www.weather.go.kr/w/index.do" target="_blank" class="nav-weather" title="맑음"> <img src="/images/weather/ico_weather_01.png" alt="맑음"> <span class="top-date">4.1. (화)</span> <strong>13.9</strong><span>℃ 서울</span> </a> <a href="javascript:void(0);" class="nav-all">전체메뉴</a> </div> </div> </nav>  </div> </div>  <div class="map"> <div class="map-wrap clearfix"> <a href="javascript:void(0);" class="all-close" title="전체메뉴닫기">전체메뉴닫기</a> <div> <h3><a href="/information/introduction">누리집 개요</a></h3> <ul> <li><a href="/information/introduction">누리집 소개</a></li> <li><a href="/information/monitorList.do">측정소 및 전광판</a></li> </ul> <h3><a href="/airquality/localAvg">대기질 현황</a></h3> <ul> <li> <a href="/airquality/localAvg" style="padding-top:10px">대기질 실시간 정보</a> <ul class="map-sub"> <li><a href="/airquality/localAvg">대기오염물질 측정값</a></li> <li><a href="/airquality/pollutantMeasure">대기오염물질 24시간 추이</a></li> <li><a href="/airquality/simpleAvg">초미세먼지 (간이측정망) 측정값</a></li> <li><a href="/airquality/caiPollutantInfo">통합대기환경지수 측정값</a></li> </ul> </li>  <li><a href="javascript:void(0);" class='otherCityBtnHeader' title="시도별 대기정보">시도별 대기정보</a></li> </ul> </div> <div> <h3><a href="/forecast/airForecast">대기오염 예보·경보</a></h3> <ul> <li><a href="/forecast/airForecast">대기오염 예보</a></li> <li><a href="/forecast/airForecastWeek">초미세먼지 주간예보</a></li> <li><a href="/forecast/airModeling">서울시 대기질 모델링</a></li> <li><a href="/forecast/airWarning">대기오염 주의보·경보</a></li> <li> <a href="/institution/prkplcContent">미세먼지 비상저감조치</a> <ul class="map-sub"> <li><a href="/institution/prkplcContent">비상저감조치</a></li> <li><a href="/institution/prkplc">서울시 행정·공공기관 주차장 2부제 및 공용·직원 차량2부제 기관</a></li> </ul> </li> <li><a href="/information/seasonal">미세먼지 계절관리제</a></li> <li><a href="/forecast/townForecast">우리동네 예보</a></li> </ul> </div> <div> <h3><a href="/statistics/dayAverage">대기질 통계</a></h3> <ul> <li> <a href="/statistics/dayAverage">기간별 통계</a> <ul class="map-sub"> <li><a href="/statistics/dayAverage">일별 평균</a></li> <li><a href="/statistics/monthAverage">월별 평균</a></li> <li><a href="/statistics/seasonAverage">계절별 평균</a></li> <li><a href="/statistics/periodAverage">기간별 평균</a></li> <li><a href="/statistics/hourAverage">시간별 평균</a></li> </ul> </li> <li> <a href="/statistics/warning/pm25">주의보·경보 발령 통계</a> <ul class="map-sub"> <li><a href="/statistics/warning/pm25">초미세먼지</a></li> <li><a href="/statistics/warning/pm10">미세먼지</a></li> <li><a href="/statistics/warning/o3">오존</a></li> <li><a href="/statistics/warning/ys">황사</a></li> </ul> </li> <li><a href="/statistics/warningList">주의보·경보 발령 내역</a></li> <li><a href="/statistics/emerAction">비상저감조치 발령 통계</a></li> <li><a href="/statistics/emerList">비상저감조치 발령 내역</a></li> </ul> </div> <div> <h3><a href="/information/info11">정보마당</a></h3> <ul> <li> <a href="/information/info11">대기오염물질</a>  </li> <li><a href="/information/info2">대기환경기준</a></li> <li><a href="/information/info3">통합대기환경지수</a></li> <li><a href="/institution/bizplc" style="white-space:nowrap;">대기오염물질 배출 사업장·공사장</a></li> <li><a href="/information/pmTips">미세먼지 시민 행동요령</a></li> <li><a href="/information/o3Tips">오존 시민 행동요령</a></li> <li><a href="/board/boardList?board=dust">미세먼지 상식</a></li> <li><a href="/information/dictionary">용어사전</a></li> <li><a href="/episode/episodeList">대기질 에피소드</a></li> <li><a href="/citizen/api">공공데이터·API</a></li> </ul> <h3><a href="/board/boardList?board=notice">알림마당</a></h3> <ul> <li><a href="/board/boardList?board=notice">공지사항</a></li> <li> <a href="/board/boardList?board=ref">자료실</a> </li> <li><a href="/citizen/sms" style="word-spacing:-1px;white-space:nowrap;">대기질 정보 알림서비스 신청</a></li> <li><a href="/citizen/carService" style="word-spacing:-2px;white-space:nowrap;">우리동네 대기질 측정서비스 신청</a></li> <li><a href="/institution/shelter">미세먼지 쉼터</a></li> <li><a href="/citizen/map">찾아오시는 길</a></li> <li><a href="/emer/emerList">대기질개선 이행 보고</a></li> </ul> </div> </div> </div>  </header>   <section id="content"> <div id="page-body" class="wrapper" > <div id="page-contents"> <div class="sub-wrap detail"> <section class="path clearfix breadcrumb-pc">  <ul> <li> <a href="/">home</a> </li> <li> <a href="javascript:void(0);" title="알림마당">알림마당</a> <ul class="path-sub"> <li><a href="/information/introduction" >누리집 개요</a></li> <li><a href="/airquality/localAvg" >대기질 현황</a></li> <li><a href="/forecast/airForecast" >대기오염 예보·경보</a></li> <li><a href="/statistics/dayAverage" >대기질 통계</a></li> <li><a href="/information/info11" >정보마당</a></li> <li><a href="/board/boardList?board=notice" style="color:#385aac;">알림마당</a></li> </ul> </li>   <li> <a href="javascript:void(0);" title="자료실">자료실</a> <ul class="path-sub"> <li><a href="/board/boardList?board=notice" >공지사항</a></li> <li><a href="/board/boardList?board=ref" style="color:#385aac;">자료실</a></li> <li><a href="/citizen/sms" >대기질 정보 알림서비스 신청</a></li> <li><a href="/citizen/carService" >우리동네 대기질 측정서비스 신청</a></li> <li><a href="/institution/shelter" >미세먼지 쉼터</a></li> <li><a href="/citizen/map" >찾아오시는 길</a></li> </ul> </li>    </ul> </section> <section class="path clearfix breadcrumb-mobile"> <script> $(document).ready(function() { var logoutCheck = 'null'; if(logoutCheck == 'null') $("#logoutMobile").toggle(); }) </script>  <ul> <li> <a href="/">home</a> </li> <li> <a href="javascript:void(0);" title="알림마당">알림마당</a> <ul class="path-sub"> <li><a href="/information/introduction" >누리집 개요</a></li> <li><a href="/airquality/localAvg" >대기질 현황</a></li> <li><a href="/forecast/airForecast" >대기오염 예보·경보</a></li> <li><a href="/statistics/dayAverage" >대기질 통계</a></li> <li><a href="/information/info11" >정보마당</a></li> <li><a href="/board/boardList?board=notice" style="color:#385aac;">알림마당</a></li> </ul> </li>   <li> <a href="javascript:void(0);" title="자료실">자료실</a> <ul class="path-sub"> <li><a href="/board/boardList?board=notice" >공지사항</a></li> <li><a href="/board/boardList?board=ref" style="color:#385aac;">자료실</a></li> <li><a href="/citizen/sms" >대기질 정보 알림서비스 신청</a></li> <li><a href="/citizen/carService" >우리동네 대기질 측정서비스 신청</a></li> <li><a href="/institution/shelter" >미세먼지 쉼터</a></li> <li><a href="/citizen/map" >찾아오시는 길</a></li> </ul> </li>  </ul> </section> <script> if("4" == "대기질개선 이행 보고") { var loginCheck = "https://cleanair.seoul.go.kr/WEB-INF/jsp/board/refList.jsp".split("/"); if(loginCheck[6] != "login.jsp") { $("#logout").css("display", ""); } else { $("#logout").css("display", "none"); } } </script> <h1 class="sub-title" id="subtitle" tabindex="0">자료실</h1> <form name="mainForm" id="mainForm" method="post"> <input type="hidden" name="pageNum" value=""/> <input type="hidden" name="board" value="ref"/> <input type="hidden" name="bbsType" value="ref"/> <input type="hidden" name="searchType" value=""/> <input type="hidden" name="searchText" value=""/> </form> <section class="cont-inner"> <div class="tabs col4 clearfix"> <ul> <li id="vTab1" class="active"><a href="/board/boardList?board=ref" title="일반 자료실 선택됨">일반</a></li> <li id="vTab2"><a href="/board/boardList?board=policy" title="정책 자료실">정책</a></li> <li id="vTab3"><a href="/board/boardList?board=press" title="보도자료 자료실">보도자료</a></li> <li id="vTab4"><a href="/board/newsList" title="홍보 자료실">홍보</a></li> </ul> </div> <div class="cont"> <div class="search-opt align-center"> <div class="select-custom w100 m-fill"> <label class="hidden" for="searchType">검색 방식</label> <span class="selected-option"> 제목 </span> <select name="searchType" id="searchType" class="bdr"> <option value="T" >제목</option> <option value="C" >내용</option> </select> </div> <label for="searchText"></label> <input type="text" id="searchText" value="" class="w500" title="검색어입력" onkeypress="if (event.keyCode == 13) { getBoardList(1,'search')}"/> <button type="button" onclick="getBoardList(1,'search')">검색</button> </div> <div class="table-list m-board"> <table id="dataTable"> <caption>일반 자료실 목록 - 제목, 첨부파일, 조회수, 등록일로 구성</caption> <colgroup> <col style="width:10%"> <col style="width:60%"> <col style="width:10%"> <col style="width:10%"> <col style="width:10%"> </colgroup> <thead> <tr> <th>번호</th> <th>제목</th> <th>첨부</th> <th>조회수</th> <th>등록일</th> </tr> </thead> <tbody> </tbody> </table> </div> <div id="paging" class="paging"> </div> </div> </section> </div> </div> </div> </section>   <footer> <script src="/js/polyfill/promise.js"></script> <script src="/js/polyfill/axios.min.js"></script> <script src="/js/main/otherCity.js?v=9"></script> <div class="etc-service mobile-d-none"> <ul> <li> <a href="/information/seasonal">미세먼지 계절관리제<br>(12월~3월)</a> </li> <li> <a href="/institution/bizplc">대기오염물질<br>배출 사업장</a> </li> <li> <a href="https://cis.seoul.go.kr/TotalAlimi_new/Main.action?cmd=main" target="_blank" title="새창열림">비산먼지 발생공사장<br/>(건설알림이)</a> </li> <li> <a href="javascript:void(0)" id='otherCityBtn' title="시도별 대기정보 팝업 열림">시도별<br>대기정보</a> </li> <li class="ars"> <a href="javascript:void(0);" style="color:#000;" title="대기질 알림서비스 신청"> <span>대기질 정보 알림서비스 신청/확인</span> <p><em><span onclick="location.href='/citizen/sms'"> 한글 </span>|<span onclick="window.open('/citizen/sms/en')"> ENG </span></em></p> </a> </li> </ul> </div> <div class="site-banner"> <ol class="slides"> <li> <a href="http://www.me.go.kr/" target="_blank" title="새창열림"> <img src="/getBannerImg/72" alt="환경부바로가기"> </a> </li> <li> <a href="http://www.kma.go.kr/index.jsp" target="_blank" title="새창열림"> <img src="/getBannerImg/77" alt="기상청 홈페이지 바로가기"> </a> </li> <li> <a href="http://www.airkorea.or.kr/" target="_blank" title="새창열림"> <img src="/getBannerImg/75" alt="에어코리아 홈페이지 바로가기"> </a> </li> <li> <a href="https://nmsc.kma.go.kr/" target="_blank" title="새창열림"> <img src="/getBannerImg/81" alt="국가기상위성센터"> </a> </li> <li> <a href="http://cleanindoor.seoul.go.kr" target="_blank" title="새창열림"> <img src="/getBannerImg/74" alt="실내환경관리시스템"> </a> </li> <li> <a href="https://cleansys.or.kr" target="_blank" title="새창열림"> <img src="/getBannerImg/79" alt="굴뚝자동 측정기기(TMS) 측정결과"> </a> </li> <li> <a href="https://greenlink.or.kr" target="_blank" title="새창열림"> <img src="/getBannerImg/80" alt="소규모 대기배출시설 관리시스템"> </a> </li> </ol> </div>  <div class="seoul-banner mobile-d-none"> <script type='text/javascript'> //<![CDATA[ var m3_b = ''; var m3_u = (location.protocol=='https:'?'https://delivery.dighty.com/www/delivery/ajs.php':'http://delivery.dighty.com/www/delivery/ajs.php'); var m3_r = Math.floor(Math.random()*99999999999); var zoneid = ''; if(document.cookie.indexOf('ACEUACS=')>-1){ var m3_b = document.cookie.substr(document.cookie.indexOf('ACEUACS=')+8,19);} if (!document.MAX_used) document.MAX_used = ','; document.write ("<script type='text/javascript' src='"+m3_u); if(mobileCheck2()) zoneid = '802'; else zoneid = '798'; document.write ("?zoneid=" + zoneid); document.write ('&cb=' + m3_r); if (m3_b!='')document.write('&bd=' + m3_b); if (document.MAX_used != ',') document.write ("&exclude=" + document.MAX_used); document.write (document.charset ? '&charset='+document.charset : (document.characterSet ? '&charset='+document.characterSet : '')); document.write ("&loc=" + escape(window.location)); if (document.referrer) document.write ("&referer=" + escape(document.referrer)); if (document.context) document.write ("&context=" + escape(document.context)); if (document.mmm_fo) document.write ("&mmm_fo=1"); document.write ("'><\/script>"); //]]> var cleanair_banner = ''; cleanair_banner += "<a href='/citizen/sms' target='_blank' title='새창열림'><img src='"; cleanair_banner += "/images/"; if (eventStartDt < today && today < eventEndDt) { if(mobileCheck2()) cleanair_banner += "event/202411/banner_main_01.png?v=20241112' width='300' height='70'"; else cleanair_banner += "event/202411/banner_main_00.png?v=20241112' width='1280' height='80'"; cleanair_banner += "alt='(초)미세먼지, 오존 예·경보 알림 신청하고, 기프티콘 받으세요'></a>"; } else { if(mobileCheck2()) cleanair_banner += "banner_main_01.png?v=20241112' width='300' height='70'"; else cleanair_banner += "banner_main_00.png?v=20241112' width='1280' height='80'"; cleanair_banner += "alt='(초)미세먼지, 오존 예보 및 경보 알림 신청하세요.'></a>"; } document.write (cleanair_banner); function mobileCheck2() { var check = false; (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera); return check; } </script> </div> <div class="foot-wrap"> <div class="footer-addr"> <address> <dl> <dt style="display: none;"></dt> <dd>서울특별시 대기정책과 : (04515) 서울특별시 중구 덕수궁길 15 서울특별시청 서소문청사1동 11층</dd> <dd>문의 : 누리집 <a href="tel:02-2133-3665" style="color:#fff;">02) 2133-3665</a> / 도시대기ㆍ간이 측정망 <a href="tel:02-570-3485" style="color:#fff;">02) 570-3485</a> / 대기오염 예ㆍ경보 알림 <a href="tel:02-570-3414" style="color:#fff;">02) 570-3414 /</a></dd> <dd><a href="tel:02-2133-3664" style="color:#fff;">5등급 차량 운행제한 02) 2133-3664</a></dd> <dd>© Seoul Metropolitan Government all rights reserved</dd> </dl> </address> <div class="foot-links" style="top:20px;"> <ul class="site"> <li style="border-right:none;"><a href="/information/privacy" title="개인정보처리방침 링크" style="font-weight:500;">개인정보처리방침 </a></li> </ul> <div class="foot-lang"> <a href="javascript:void(0);" title="언어 선택: 한국어">KOREAN</a> <ul> <li><a href="/">KOREAN</a></li> <li><a href="https://english.seoul.go.kr/policy/environment-energy-ord/air-quality/air-quality-information/" target="_blank" title="go to new window">ENGLISH </a></li> </ul> </div> <div class="foot-wa"> <a href="http://wa.or.kr/board/list.asp?search=c_name&SearchString=%B4%EB%B1%E2%C8%AF%B0%E6&BoardID=0006" target="_blank" title="새창열림"><img src="/images/wa-mark.png" alt="과학기술정보통신부 WEB ACCESSIBILITY 마크(웹 접근성 품질인증 마크)" /></a> </div> </div> </div> </div> <div class="pop" id='otherCity' style="display: none;"> <div class="pop-wrap blue-print" style="width:746px;"> <div class="blue-cont"> <div id="otherlegendOnOff" class="otherlegendOnOff"> <div id="otherlegendTime" class="otherlegendTime"></div> <div id="otherlegendPm25" class="main-area-pm2" style="display: inline-block;"> <dl> <dt style="border-bottom: 1px solid #ddd;">초미세먼지 <span class="date-unit">PM-2.5</span></dt> <dd><em>등급</em><em>지수범위</em></dd> <dd><span class="good">좋음</span>0~15</dd> <dd><span class="normal">보통</span>16~35</dd> <dd><span class="bad">나쁨</span>36~75</dd> <dd><span class="worst">매우나쁨</span>76~</dd> <dd><span>점검중</span>-</dd> </dl> </div> <div id="otherlegendPm10" class="main-area-pm2" style="display:none;"> <dl> <dt style="border-bottom: 1px solid #ddd;">미세먼지 <span class="date-unit">PM-10</span></dt> <dd><em>등급</em><em>지수범위</em></dd> <dd><span class="good">좋음</span>0~30</dd> <dd><span class="normal">보통</span>31~80</dd> <dd><span class="bad">나쁨</span>81~150</dd> <dd><span class="worst">매우나쁨</span>151~</dd> <dd><span>점검중</span>-</dd> </dl> </div> <div id="otherlegendO3" class="main-area-pm2" style="display:none;"> <dl> <dt style="border-bottom: 1px solid #ddd;">오존 <span class="date-unit">O<sub>3</sub></span></dt> <dd><em>등급</em><em>지수범위</em></dd> <dd><span class="good">좋음</span>0~0.0300</dd> <dd><span class="normal">보통</span>0.0301~0.0900</dd> <dd><span class="bad">나쁨</span>0.0901~0.1500</dd> <dd><span class="worst">매우나쁨</span>0.1501~</dd> <dd><span>점검중</span>-</dd> </dl> </div> </div> <ul class="tab clearfix" > <li> <a href="javascript:void(0)" id='capitalBtn'>수도권</a> <div class="blue-map metro" id='subCapital'> <ul> <li class="Gapyeong"><a href="#">가평<span id='Gapyeong-gun'>점검</span></a></li> <li class="Goyang"><a href="#">고양<span id='Goyang-si'>점검</span></a></li> <li class="Gwangju"><a href="#">광주<span id='Gwangju-si'>점검</span></a></li> <li class="Gimpo"><a href="#">김포<span id='Gimpo-si'>점검</span></a></li> <li class="Namyangju"><a href="#">남양주<span id='Namnyangju-si'>점검</span></a></li> <li class="Dongducheon"><a href="#">동두천<span id='Dongducheon-si'>점검</span></a></li> <li class="Bucheon"><a href="#">부천<span id='Bucheon-si'>점검</span></a></li> <li class="Seoul"><a href="#">서울<span id='seoul'>점검</span></a></li> <li class="Seongnam"><a href="#">성남<span id='Seongnam-si'>점검</span></a></li> <li class="Suwon"><a href="#">수원<span id='Suwon-si'>점검</span></a></li> <li class="Anseong"><a href="#">안성<span id='Ansung-si'>점검</span></a></li> <li class="Yangju"><a href="#">양주<span id='Yangju-si'>점검</span></a></li> <li class="Yangpyeong"><a href="#">양평<span id='Yangpyeong-gun'>점검</span></a></li> <li class="Yeoju"><a href="#">여주<span id='Yeoju-gun'>점검</span></a></li> <li class="Yeoncheon"><a href="#">연천<span id='Yeoncheon-gun'>점검</span></a></li> <li class="Osan"><a href="#">오산<span id='Osan-si'>점검</span></a></li> <li class="Yongin"><a href="#">용인<span id='Yongin-si'>점검</span></a></li> <li class="Uijeongbu"><a href="#">의정부<span id='Uijeongbu-si'>점검</span></a></li> <li class="Icheon"><a href="#">이천<span id='Icheon-si'>점검</span></a></li> <li class="Incheon"><a href="#">인천<span id='Incheon'>점검</span></a></li> <li class="Paju"><a href="#">파주<span id='Paju-si'>점검</span></a></li> <li class="Pyeongtaek"><a href="#">평택<span id='Pyeongtaek-si'>점검</span></a></li> <li class="Pocheon"><a href="#">포천<span id='Pocheon-si'>점검</span></a></li> <li class="Hwaseong"><a href="#">화성<span id='Hwaseong-si'>점검</span></a></li> </ul> <ul class="small-city clearfix"> <li class="Gwacheon"><a href="#" title="과천">과천<span id='Gwacheon-si'>점검</span></a></li> <li class="Gwangmyeong"><a href="#" title="광명">광명<span id='Gwangmyeong-si'>점검</span></a></li> <li class="Guri"><a href="#" title="구리">구리<span id='Guri-si'>점검</span></a></li> <li class="Gunpo"><a href="#" title="군포">군포<span id='Gunpo-si'>점검</span></a></li> <li class="Siheung"><a href="#" title="시흥">시흥<span id='Siheung-si'>점검</span></a></li> <li class="Ansan"><a href="#" title="안산">안산<span id='Ansan-si'>점검</span></a></li> <li class="Anyang"><a href="#" title="안양">안양<span id='Anyang-si'>점검</span></a></li> <li class="Uiwang"><a href="#" title="의왕">의왕<span id='Uiwang-si'>점검</span></a></li> <li class="Hanam"><a href="#" title="하남">하남<span id='Hanam-si'>점검</span></a></li> </ul> </div> </li> <li> <a href="javascript:void(0)" class="on" id='globalBtn' title="선택됨">전국</a> <div class="blue-map korea" id='subGlobal'> <ul> <li class="Seoul"><a href="#" title="서울">서울<span id='_seoul'>점검</span></a></li> <li class="Incheon"><a href="#" title="인천">인천<span id='_incheon'>점검</span></a></li> <li class="Gyeonggi"><a href="#" title="경기">경기<span id='_gyeonggi'>점검</span></a></li> <li class="Gangwon"><a href="#" title="강원">강원<span id='_gangwon'>점검</span></a></li> <li class="N-Chungcheong"><a href="#" title="충북">충북<span id='_chungbuk'>점검</span></a></li> <li class="S-Chungcheong"><a href="#" title="충남">충남<span id='_chungnam'>점검</span></a></li> <li class="Sejong"><a href="#" title="세종">세종<span id='_sejong'>점검</span></a></li> <li class="Daejeon"><a href="#" title="대전">대전<span id='_daejeon'>점검</span></a></li> <li class="N-Jeolla"><a href="#" title="전북">전북<span id='_jeonbuk'>점검</span></a></li> <li class="Gwangju"><a href="#" title="광주">광주<span id='_gwangju'>점검</span></a></li> <li class="S-Jeolla"><a href="#" title="전남">전남<span id='_jeonnam'>점검</span></a></li> <li class="N-Gyeongsang"><a href="#" title="경북">경북<span id='_gyeongbuk'>점검</span></a></li> <li class="Daegu"><a href="#" title="대구">대구<span id='_daegu'>점검</span></a></li> <li class="S-Gyeongsang"><a href="#" title="경남">경남<span id='_gyeongnam'>점검</span></a></li> <li class="Ulsan"><a href="#" title="울산">울산<span id='_ulsan'>점검</span></a></li> <li class="Busan"><a href="#" title="부산">부산<span id='_busan'>점검</span></a></li> <li class="Jeju"><a href="#" title="제주">제주<span id='_jeju'>점검</span></a></li> </ul> </div> </li> </ul> </div> <div class="closeDiv"><a href="javascript:void(0)" class="pop-close closeButton" title="팝업 닫기">팝업 닫기</a></div> </div> </div> <script> var $status = $('.current-slides'); var $slickElement = $('.pop-notice'); $(function() { $slickElement.on('init reInit afterChange', function(event, slick, currentSlide, nextSlide){ //currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based) var i = (currentSlide ? currentSlide : 0) + 1; $status.text(i); }); $('.site-banner').flexslider({ animation: "slide", animationLoop: false, itemWidth: 190, controlNav: false, pausePlay: true }); $('.main-emergency').flexslider({ animation: "slide", animationLoop: false, controlNav: false }); $('.main-caution').flexslider({ animation: "slide", animationLoop: false, controlNav: false }); $('footer .seoul-banner a').focus(function(evt){ $(evt.target).children('img').addClass('focus'); }); $('footer .seoul-banner a').blur(function(evt){ $(evt.target).children('img').removeClass('focus'); }); $('.site-banner .flex-viewport .slides').on('focus', 'li', function() { $('.site-banner').flexslider("pause"); let liIndex = parseInt($(this).index()); $('.site-banner').flexslider(liIndex); }); $('.main-emergency .flex-viewport .slides').on('focus', 'li', function() { $('.main-emergency').flexslider("pause"); let emerIndex = parseInt($(this).index()); $('.main-emergency').flexslider(emerIndex); }); $('.main-caution .flex-viewport .slides').on('focus', 'li', function() { //$('.main-caution').flexslider("pause"); let cautionIndex = parseInt($(this).index()); $('.main-caution').flexslider(cautionIndex); }); var otherCityBtnHeader = document.getElementsByClassName('otherCityBtnHeader'); if(otherCityBtnHeader){ for (var i = 0; i < otherCityBtnHeader.length; i++) { otherCityBtnHeader[i].addEventListener('click', openOtherCity); } } }); OtherCityMap.setDomElement({ //다른 도시 대기질 팝업 otherCity: document.getElementById('otherCity') || '', capitalBtn: document.getElementById('capitalBtn') || '', globalBtn: document.getElementById('globalBtn') || '', // 전국 _gyeonggi: document.getElementById('_gyeonggi') || '', _gangwon: document.getElementById('_gangwon') || '', _chungbuk: document.getElementById('_chungbuk') || '', _chungnam: document.getElementById('_chungnam') || '', _jeonbuk: document.getElementById('_jeonbuk') || '', _jeonnam: document.getElementById('_jeonnam') || '', _gyeongbuk: document.getElementById('_gyeongbuk') || '', _gyeongnam: document.getElementById('_gyeongnam') || '', _jeju: document.getElementById('_jeju') || '', _seoul: document.getElementById('_seoul') || '', _incheon: document.getElementById('_incheon') || '', _sejong: document.getElementById('_sejong') || '', _daejeon: document.getElementById('_daejeon') || '', _ulsan: document.getElementById('_ulsan') || '', _busan: document.getElementById('_busan') || '', _daegu: document.getElementById('_daegu') || '', _gwangju: document.getElementById('_gwangju') || '', //수도권 PocheonSi: document.getElementById('Pocheon-si') || '', DongducheonSi: document.getElementById('Dongducheon-si') || '', YangjuSi: document.getElementById('Yangju-si') || '', GapyeongGun: document.getElementById('Gapyeong-gun') || '', UijeongbuSi: document.getElementById('Uijeongbu-si') || '', GimpoSi: document.getElementById('Gimpo-si') || '', GoyangSi: document.getElementById('Goyang-si') || '', NamnyangjuSi: document.getElementById('Namnyangju-si') || '', Incheon: document.getElementById('Incheon') || '', BucheonSi: document.getElementById('Bucheon-si') || '', Seoul: document.getElementById('seoul') || '', SeongnamSi: document.getElementById('Seongnam-si') || '', GwangjuSi: document.getElementById('Gwangju-si') || '', YangpyeongGun: document.getElementById('Yangpyeong-gun') || '', SuwonSi: document.getElementById('Suwon-si') || '', HwaseongSi: document.getElementById('Hwaseong-si') || '', OsanSi: document.getElementById('Osan-si') || '', YonginSi: document.getElementById('Yongin-si') || '', IcheonSi: document.getElementById('Icheon-si') || '', YeojuGun: document.getElementById('Yeoju-gun') || '', PyeongtaekSi: document.getElementById('Pyeongtaek-si') || '', AnsungSi: document.getElementById('Ansung-si') || '', GwangmyeongSi: document.getElementById('Gwangmyeong-si') || '', AnyangSi: document.getElementById('Anyang-si') || '', SiheungSi: document.getElementById('Siheung-si') || '', UiwangSi: document.getElementById('Uiwang-si') || '', AnsanSi: document.getElementById('Ansan-si') || '', GwacheonSi: document.getElementById('Gwacheon-si') || '', GunpoSi: document.getElementById('Gunpo-si') || '', GuriSi: document.getElementById('Guri-si') || '', HanamSi: document.getElementById('Hanam-si') || '', PajuSi: document.getElementById('Paju-si') || '', YeoncheonGun: document.getElementById('Yeoncheon-gun') || '', otherlegendTime: document.getElementById('otherlegendTime') || '', }); var otherCityBtn = document.getElementById('otherCityBtn'); if(otherCityBtn){ otherCityBtn.addEventListener('click', openOtherCity); } function openOtherCity(event){ prevFocus = event.target; var gnbWrap = document.querySelector("header .gnb-wrap"); var myPanel = document.getElementById("mypanel"); var menuMap = document.querySelector("header .map"); gnbWrap.classList.remove("on"); myPanel.style.display = "none"; menuMap.style.display = "none"; if (OtherCityMap.openSubMap()) { var airType = "pm25"; if ( typeof CleanMap != "undefined" ) { if ( CleanMap.Global.CurrentAirType != null && CleanMap.Global.CurrentAirType != "cai") airType = CleanMap.Global.CurrentAirType; } dispOtherLegend(airType); OtherCityMap.get(airType); } else console.log('test 2'); } function dispOtherLegend(airType) { document.getElementById("otherlegendPm25").style.display = "none"; document.getElementById("otherlegendPm10").style.display = "none"; document.getElementById("otherlegendO3").style.display = "none"; if ( airType == "pm25" ) { document.getElementById("otherlegendPm25").style.display = "inline-block"; } else if ( airType == "pm10" ) { document.getElementById("otherlegendPm10").style.display = "inline-block"; } else if ( airType == "o3" ) { document.getElementById("otherlegendO3").style.display = "inline-block"; } } function goTel(tel) { if ( mobileCheck2() ) { document.location.href = tel; } } </script> <script src="//weblog.eseoul.go.kr/wlo/js/install.js" ></script> </footer>  </body> </html>

CINXE.COM

서울특별시 대기환경정보 - 자료실 | 일반