서울특별시 대기환경정보

<!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=20241120"> <link rel="stylesheet" href="/css/common_m.css?v=20241120"> <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=20240524"></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, 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="다음">', }); } $(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년 03월 23일 05시'; //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> <link rel="stylesheet" type="text/css" href="/css/main/seoulMap/mapsvr.css?v=11"> <link rel="stylesheet" type="text/css" href="/css/main/seoulMap/mainMap.css?v=18"> <link rel="stylesheet" type="text/css" href="/css/tippy.js/border.css"> <script src="/js/moment.min.js"></script> <script type="text/javascript" src="/js/polyfill/find.js"></script> <script type="text/javascript" src="/js/polyfill/assign.js"></script> <script type="text/javascript" src="/js/polyfill/promise.js"></script> <script type="text/javascript" src="/js/polyfill/axios.min.js"></script> <script type="text/javascript" src="/js/jquery.vticker.min.js"></script> <script type="text/javascript" src="/js/@popperjs/popper.min.js"></script> <script type="text/javascript" src="/js/tippy.js/tippy-bundle.umd.min.js"></script> <script type="text/javascript" src="/js/main/mapsvr.js?v=12"></script>  <script type="text/javascript" src="/js/main/geoData.js?v=14"></script> <script type="text/javascript" src="/js/main/stationData.js?v=20230816"></script> <script type="text/javascript" src="/js/common/pollutantUtil.js?v=20240715"></script> <script type="text/javascript" src="/js/main/mainUtil.simple.js?v=20250213"></script> <script type="text/javascript" src="/js/main/map.js?v=20250213"></script> <script type="text/javascript" src="/js/main/imageMap.js?v=2022"></script>  <script> setTimeout("location.reload()", 600000); </script>  <meta name="google-site-verification" content="wnwRttgHMzOCEu01IfFploUGN97F29Zr9tSfPlf3Qls" />   <style> .map-api { position:relative; } @media (max-width: 760px) { .map-api{ position:absolute; } } @media (min-width: 760px) { .map-api{ top:0px !important; } .widget-wrap{ padding-top:0px !important; } } </style> <script> //메인페이지 공지사항 바로가기 추가 $(document).ready(function() { let skipElem = $('.skip'); if(skipElem && skipElem[0]){ let skipPElem = document.createElement('p'); skipPElem.innerHTML = '<a href="#main-board-div">공지사항 바로가기</a>'; skipElem[0].appendChild(skipPElem); } }); // 팝업레이어 바깥영역 클릭시 팝업 닫기 처리 $(document).on('click', '.pop', function(event) { let popWrap = $(this).find('.pop-wrap'); // 클릭한 요소가 pop-wrap의 자식이 아니면 숨김 if (!popWrap[0] || !popWrap[0].contains(event.target)) { $(this).hide(); } }); </script> </head> <body class="main-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 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 main"> <div id="header"> <div id='seoul-common-gnb' class="white main"></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_17.png" alt="연무"> <span class="top-date">3.23. (일)</span> <strong>7.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>  <div id="page-body" class="main wrapper" > <div id="page-contents"> <div class="cont-inner"> <h2 class="hidden" id="subtitle" tabindex="0">메인 페이지 본문 영역</h2> <div class="main-wrap"> <div class="widget-wrap">  <div class="map-widget left"> <div class="main-select-btn"> <ul> <li><a href="javascript:void(0)" data-air='pm25' class="main-select" title="초미세먼지">초미세먼지<span>PM-2.5</span></a></li> <li><a href="javascript:void(0)" data-air='pm10' class="main-select" title="미세먼지">미세먼지<span>PM-10</span></a></li> <li><a href="javascript:void(0)" data-air='o3' class="main-select" title="오존">오존<span>O<sub>3</sub></span></a></li> </ul> <ul class="main-select-cai"> <li><a href="javascript:void(0)" data-air='cai' class="main-select" title="통합대기환경지수">통합대기환경지수</a></li> </ul> </div> <div class="main-temp"> <p>서울시 평균 <span id="seoulDateTime" class="seoulDateTime"></span> </p> <span class="unit" id='seoulAvg'></span> <strong class="status" id='seoulAvgText'></strong> </div> <div class="main-category"> <dl class="clearfix"> <dt>지역 구분</dt> <dd><a href="javascript:void(0)" data-category='REGION' class='category-select border-top on' title="자치구별 선택됨">자치구별</a></dd> <dd><a href="javascript:void(0)" data-category='GLOBAL' class='category-select border-top border-right' title="권역별">권역별</a></dd>  </dl> <div class="typeCtrlArrow main-btn-toggle2"></div> <dl class="clearfix station-select"> <dt>측정망 구분</dt> <dd><a href="javascript:void(0)" data-station='CITY' class="border-top" title="도시대기">도시대기</a></dd> <dd><a href="javascript:void(0)" data-station='ROAD' class="border-top border-right border-right-mobile" title="도로변대기">도로변대기</a></dd> <dd class="fit"><a class="border-right" href="javascript:void(0)" data-station='ETC' title="입체대기">입체대기</a></dd> <dd id="ddSimple" class="fit"> <div style="position:relative"> <a class="border-right" href="javascript:void(0)" data-station='SIMPLE' id="station_simple" title="간이측정망">간이측정망 </a> <img id="question" tabindex="0" style="z-index:9999;" src="/images/question02.png" alt="간이측정망 안내"> </div> </dd> </dl> </div> <div class="main-simple"> <p><span>간이측정망</span></p><p><span id="simpleTime"></span></p> </div> </div>   <div class="map-widget control"> <div class="main-map-control"> <div class="select-area"> <div class="select-custom"> <label class="hidden" for='select-region'>자치구 선택</label> <select id='select-region'> <option value='ALL'>서울시 전체</option> <option value="111261">강남구</option> <option value="111274">강동구</option> <option value="111291">강북구</option> <option value="111212">강서구</option> <option value="111251">관악구</option> <option value="111141">광진구</option> <option value="111221">구로구</option> <option value="111281">금천구</option> <option value="111311">노원구</option> <option value="111171">도봉구</option> <option value="111152">동대문구</option> <option value="111241">동작구</option> <option value="111201">마포구</option> <option value="111191">서대문구</option> <option value="111262">서초구</option> <option value="111142">성동구</option> <option value="111161">성북구</option> <option value="111273">송파구</option> <option value="111301">양천구</option> <option value="111231">영등포구</option> <option value="111131">용산구</option> <option value="111181">은평구</option> <option value="111123">종로구</option> <option value="111121" selected>중구</option> <option value="111151">중랑구</option> </select> <label class="hidden" for='select-global'>도심권</label> <select id='select-global' style='display: none;'> <option value='ALL'>권역 전체</option> <option value="100" selected>도심권</option> <option value="101">서북권</option> <option value="102">동북권</option> <option value="103">서남권</option> <option value="104">동남권</option> </select> </div> </div> <div class="zoom clearfix"> <a href="javascript:void(0)" class="zoom-in" title='확대'>+</a> <a href="javascript:void(0)" class="zoom-out" title='축소'>-</a> </div> <div class="map-ctg clearfix"> <a href="javascript:void(0)" id='normalMap' class="on" title="선택됨">일반</a> <a href="javascript:void(0)" id='sateMap'>위성</a> </div> </div> </div>   <div class="map-widget right"> <div class="main-area-detail"> <a href="javascript:void(0)" class="main-btn-toggle"><p style='display:inline;' id='regionName'></p> 대기질 정보<span id='dateTime'></span></a> <div class="detail-info"> <table> <caption>대기질 정보</caption> <colgroup> <col style="width:28%;"> <col style="width:20%;"> <col> <col> </colgroup> <tbody> <tr> <th class="tit">초미세먼지</th> <td class="unit">PM-2.5</td> <td class="result"><span id='pm25El'></span>㎍/㎥</td> <td class="status" id='pm25Stat'></td> </tr> <tr> <th class="tit">미세먼지</th> <td class="unit">PM-10</td> <td class="result"><span id='pm10El'></span>㎍/㎥</td> <td class="status" id='pm10Stat'></td> </tr> <tr> <th class="tit">오존</th> <td class="unit">O<sub>3</sub></td> <td class="result"><span id='o3El'></span>ppm</td> <td class="status" id='o3Stat'></td> </tr> <tr> <th class="tit">이산화질소</th> <td class="unit">NO<sub>2</sub></td> <td class="result"><span id='no2El'></span>ppm</td> <td class="status" id='no2Stat'></td> </tr> <tr> <th class="tit">일산화탄소</th> <td class="unit">CO</td> <td class="result"><span id='coEl'></span>ppm</td> <td class="status" id='coStat'></td> </tr> <tr> <th class="tit">아황산가스</th> <td class="unit">SO<sub>2</sub></td> <td class="result"><span id='so2El'></span>ppm</td> <td class="status" id='so2Stat'></td> </tr> <tr> <th class="tit">통합대기<br>환경지수</th> <td class="unit"><span id='caiUnit'></span></td> <td class="result"><span id='caiEl'></span></td> <td class="status" id='caiStat'></td> </tr> </tbody> </table> </div> </div> <div id="main-area-clean" class="main-area-clean"> <a href="javascript:void(0)" class="main-btn-toggle"><p class='currentAirType'>대기오염</p> 예보<span id='day-forecast-date'>-</span></a> <div class="detail-info"> <ul class="clearfix"> <li id='forecast1'> </li> <li id='forecast2'> </li> <li id='forecast3'> </li> <li id='ozoneForecast' style="display: none"> <div class="normal"> <p>오존 예보 운영기간<br>매년 4월 1일~10월 31일</p> </div> </li> </ul> </div> </div> <div id="NSeoulTowerEventBoxDiv" class="main-area-clean event" style="display:none"> <div style="text-align: center;"> <p class="eventHead">서울시<strong> 09시 기준</strong> </p> <p class="eventHead" style="margin-bottom: 5px; "> 초미세먼지 <strong class="status" id="eventAvgText"></strong> <span class="status" id="eventAvg"></span> </p> <div class="eventBox"> <p class="eventWord">초미세먼지 '좋음' 일 때</p> <p class="eventMainWord">N서울타워 입장료할인</p> </div> <div id="eventGoodToday" style="display:none;"> <p>※오늘은 초미세먼지가 '좋음' 으로</p><p><strong style="color: #C7D30F;">N</strong>서울타워 <span style="color: #0D6EFD;">입장료가 20%</span> 할인됩니다.</p> </div> <div id="eventApply" class="eventApply" onkeyup="fn_checkEnter('eventApply')" OnClick="location.href ='/citizen/sms'" tabindex="0"> <p style="color: white;">대기질정보 알림서비스 신청 <span class="eventImage"></span></p> </div> </div> </div> <a href="#" class="btn-pm-exam" title="범례">범례</a> <div id='legendOnOff'> <div class="main-area-pm pm25-legend" style="display:none;"> <a href="javascript:void(0)" class="main-btn-toggle">초미세먼지 <span class="main-exam-title">범례</span></a> <div class="detail-info"> <dl> <dt style='border-bottom: 1px solid #ddd; display: none;'>초미세먼지 <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>75 초과</dd> <dd><span>점검중</span>-</dd> </dl> </div> </div> <div class="main-area-pm pm10-legend" style="display:none;"> <a href="javascript:void(0)" class="main-btn-toggle">미세먼지 <span class="main-exam-title">범례</span></a> <div class="detail-info"> <dl> <dt style='border-bottom: 1px solid #ddd; display: none;'>미세먼지 <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>150 초과</dd> <dd><span>점검중</span>-</dd> </dl> </div> </div> <div class="main-area-pm o3-legend" style="display:none;"> <a href="javascript:void(0)" class="main-btn-toggle">오존 <span class="main-exam-title">범례</span></a> <div class="detail-info"> <dl> <dt style='border-bottom: 1px solid #ddd; display: none;'>오존 <span class='date-unit'>O<sub>3</sub></span></dt> <dd><em style="width: 37%;">등급</em><em style="width: 50%;">지수범위</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.1500 초과</dd> <dd><span>점검중</span>-</dd> </dl> </div> </div> <div class="main-area-pm cai-legend" style="display:none; width: 66%;"> <a href="javascript:void(0)" class="main-btn-toggle">통합대기환경지수 <span class="main-exam-title">범례</span></a> <div class="detail-info"> <dl> <dt style='border-bottom: 1px solid #ddd; display: none;'>통합대기환경지수</dt> <dd><em style="width: 36%;">등급</em><em style="width: 55%;">지수범위</em></dd> <dd><span class="good">좋음</span>0~50</dd> <dd><span class="normal">보통</span>51~100</dd> <dd><span class="bad">나쁨</span>101~250</dd> <dd><span class="worst">매우나쁨</span>250 초과</dd> <dd><span>점검중</span>-</dd> </dl> </div> </div> </div> </div> </div>  <div id='map_' class="map-api" aria-hidden="true"> </div>   <div class="namsan"> <img id='namsanGood' src="/images/spring/namsan_good.png?v=20250220" alt="남산 좋음" style="display:none;"> <img id='namsanNormal' src="/images/spring/namsan_normal.png?v=20250220" alt="남산 보통" style="display:none;"> <img id='namsanBad' src="/images/spring/namsan_bad.png?v=20250220" alt="남산 나쁨" style="display:none;"> <img id='namsanFetal' src="/images/spring/namsan_fetal.png?v=20250220" alt="남산 매우나쁨" style="display:none;"> </div>  <div id="main-board-div" class="main-board clearfix"> <div class="main-notice"> <h3 class="notice-heading">공지사항</h3> <dl id='board'> <dt>공지사항<a href="#" title="공지사항 더보기">더보기 +</a></dt> <dd style="display: none;">공지사항</dd> </dl> </div> <div class="main-emergency" tabindex="-1"> <ul class="slides"> <li id='prkplcAlert'> </li> <li id='spareAlert'> </li> </ul> </div> <div class="main-caution" tabindex="-1"> <ul class="slides"> <li id='pm25Alert'> </li> <li id='pm10Alert'> </li> <li id='o3Alert'> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="pop" id='stationPop' style="display: none;"> <div class="pop-wrap main-pop" style="width:587px;"> <div><a href="javascript:void(0)" class="pop-close" title="팝업 닫기" tabindex="2">닫기</a></div> <h2>측정소 정보</h2> <div class="pop-basic"> <div class="pop-cont" tabindex="1"> <div class="table-list t-normal"> <table> <caption>측정소 정보</caption> <colgroup> <col style="width:25%"> <col> </colgroup> <tbody> <tr> <th>측정소명</th> <td class="align-left pop-station-name"></td> </tr> <tr> <th>위치</th> <td class="align-left pop-addr"></td> </tr> <tr> <th>설치년도</th> <td class="align-left pop-begin-year"></td> </tr> <tr> <th>측정항목</th> <td class="align-left pop-measure-item"></td> </tr> <tr class="pop-height-line"> <th>채취구 높이(m)</th> <td class="align-left pop-height"></td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="pop" id="mainPopup" style="display: none;"> <div class="pop-wrap main-pop" style="background-color: #FFF" tabindex="1"> <div><a href="javascript:void(0)" class="pop-close" title="팝업 닫기" aria-controls="mainPopup" tabindex="2">닫기</a></div> <h2>알림</h2> <div class="pop-notice" style="background: inherit;border: inherit"> </div> <div class="main-bottom"> <div> <div class="check-ui"> <input type="checkbox" class="ckb closeCheck" id="todayClose" value="N" aria-controls="mainPopup" tabindex="1"><span id="todayCloseSpan"></span> </div> <label for="todayClose">오늘 하루 열지 않음</label> </div> <div class="check-ui"> <input type="checkbox" class="ckb closeCheck" id="daysClose" value="N" aria-controls="mainPopup" tabindex="1"><span id="daysCloseSpan"></span> </div> <label for="daysClose">10일간 열지 않음</label> <div class="slide-play clearfix"> <div class="slide-num"><span class="current-slides">1</span>/<span class="total-slides"></span></div> </div> </div> </div> <map name="pop_emer">  <area target="_self" shape="rect" coords="37,288,225,326" alt="시민 행동요령" href="/information/pmTips" tabindex="1"/> <area target="_self" shape="rect" coords="242,291,435,325" alt="시행 내용 알아보기" href="/institution/prkplcContent" tabindex="1"/> </map> <map name="pop_spare">  <area target="_self" shape="rect" coords="37,288,225,326" alt="시민 행동요령" href="/information/pmTips" tabindex="1"/> <area target="_self" shape="rect" coords="242,291,435,325" alt="시행 내용 알아보기" href="/institution/prkplcContent?spare" tabindex="1"/> </map> <map name="pop_pm10">  <area target="_self" shape="rect" coords="48,355,278,408" alt="시민 행동요령" href="/information/pmTips" tabindex="1"/> <area target="_self" shape="rect" coords="308,356,543,409" alt="시행 내용 알아보기" href="/forecast/airWarning" tabindex="1"/> </map> <map name="pop_pm25">  <area target="_self" shape="rect" coords="48,355,278,408" alt="시민 행동요령" href="/information/pmTips" tabindex="1"/> <area target="_self" shape="rect" coords="308,356,543,409" alt="시행 내용 알아보기" href="/forecast/airWarning" tabindex="1"/> </map> <map name="pop_ozone">  <area target="_self" shape="rect" coords="48,355,278,408" alt="시민 행동요령" href="/information/o3Tips" tabindex="1"/> <area target="_self" shape="rect" coords="308,356,543,409" alt="시행 내용 알아보기" href="/forecast/airWarning?ozone" tabindex="1"/> </map> <map name="pop_ozone_guide">  <area target="_self" alt="오존 알아보기" coords="33,316,177,441" shape="rect" href="/information/info13"/> <area target="_self" alt="시민 행동요령" coords="222,315,367,439" shape="rect" href="/information/o3Tips"/> <area target="_self" alt="오존 경보 문자알림 서비스 신청" coords="408,314,555,442" shape="rect" href="/citizen/sms"/> </map> </div> <div class="pop" id="simpleInfoPopup" style="display: none;"> <div class="pop-wrap main-pop" style="width:587px;"> <div><a href="javascript:void(0)" class="pop-close" title="팝업 닫기" tabindex="2">닫기</a></div> <h2>간이측정망 안내</h2> <div class="pop-basic"> <div class="pop-cont"> <div tabindex="1"> <p class="good"> 이 자료는 미세먼지 간이측정기(1등급)을 사용하여 측정된 자료입니다.<br> 대기환경보전법 제3조에 따른 대기오염 측정망을 통해 측정된 대기오염도를 나타내는 것은 아닙니다. </p> <br> 간이측정기(1등급)<br> <div class="div-indent"> - 대기오염 측정망의 미설치지역에 설치하여 주변 농도를 확인하는데 참고자료로 사용 </div> </div> </div> </div> </div> </div> <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 "> <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">비산먼지 발생공사장<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 "> <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'><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'); }); 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> <script> //N서울타워 이벤트 정보를 표출 하기 위한 스크립트 //div에 display:none을 설정후, Dom이 로드되었을대 display를 block을 설정 document.addEventListener("DOMContentLoaded", function() { if(today >= checkNSeoulTowerEventStartDt && today <= checkNSeoulTowerEventEndDt) { let NSeoulTowerEventBoxDiv = document.getElementById("NSeoulTowerEventBoxDiv"); if(NSeoulTowerEventBoxDiv){ NSeoulTowerEventBoxDiv.style.display = "block"; } } }); </script> </body> </html>

CINXE.COM

서울특별시 대기환경정보