CINXE.COM
제주지방기상청
<!DOCTYPE html> <html lang="ko"> <head> <meta 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=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" /> <title>제주지방기상청</title> <!-- default --> <link rel="stylesheet" type="text/css" href="../../_css/reset.css"> <link rel="stylesheet" type="text/css" href="../../_css/default.css"> <script type="text/javascript" src="../../_js/jquery.js"></script> <script type="text/javascript" src="../../_js/common.js"></script> <!-- 제주날씨 메뉴 추가 --> <style> #web_lnb ul li:nth-child(4).active .sub_menu{ height:120px;} #web_lnb ul li:nth-child(5).active .sub_menu{ height:160px;} #web_lnb ul li:nth-child(6).active .sub_menu{ height:80px;} #lnb ul li:nth-child(4).active .sub_menu{ height:120px;} #lnb ul li:nth-child(5).active .sub_menu{ height:160px;} #lnb ul li:nth-child(6).active .sub_menu{ height:80px;} .sitemap_item{ margin-left:-34px;} .sitemap_item_weather{ margin-top:47px;} .bg_sky_jeju{ background-color:#1b7abd; color:#fff !important;} .pop_sign span{ padding-right:21px; background:url('../../images/main/ic_sym_21.png') no-repeat right 4px; background-size:15px; position: relative; z-index: 1; display: inline-block; line-height: 24px; font-family: 'nsr_b'} .geo_map span{ padding-right:21px; background:url('../../images/main/gnb_icon_03.png') no-repeat right 9px; background-size:20px; position: relative; display: inline-block; font-size:17px; } </style> <!-- 제주날씨 메뉴 추가 --> </head> <body> <div id="wrap"> <div id="header"> <h1><a href="../main/index.jsp" title="제주지방기상청"><img src="../../images/logo.png" alt="제주지방기상청"></a></h1> <div id="lnb"> <ul> <li> <p class="main_menu">기관 소개</p> <ul class="sub_menu"> <li> <a href="../info/greeting.jsp" title="기관장 소개">기관장 소개</a> <ul class="sub_menu_3dep"> <li><a href="../info/greeting.jsp" title="기관장 인사말">기관장 인사말</a></li> <li><a href="../info/generation.jsp" title="역대기관장">역대기관장</a></li> <li><a href="../info/epeople.jsp" title="기관장과의 대화">기관장과의 대화</a></li> </ul><!-- sub_menu_3dep --> </li> <li><a href="../info/history.jsp" title="기관 연혁">기관 연혁</a></li> <li><a href="../info/organization.jsp" title="조직·직원">조직·직원</a></li> <li><a href="../info/location.jsp" title="찾아오시는 길">찾아오시는 길</a></li> </ul><!-- sub_menu --> </li> <li> <p class="main_menu">주요 업무</p> <ul class="sub_menu"> <li><a href="../info/business01.jsp" title="관측업무">관측업무</a></li> <li><a href="../info/business02.jsp" title="예보업무">예보업무</a></li> <li><a href="../info/business03.jsp" title="기후서비스 업무">기후서비스 업무</a></li> </ul><!-- sub_menu --> </li> <li> <p class="main_menu">정보 공개</p> <ul class="sub_menu"> <li><a href="../openinfo/system_intro.jsp" title="정보공개제도 안내">정보공개제도 안내</a></li> <li><a href="https://www.open.go.kr/com/main/mainView.do" target="_blank" title="정보공개 청구">정보공개 청구</a></li> <li> <a href="../openinfo/expense_list.jsp?boardId=expense_jeju" title="사전정보 공개">사전정보 공개</a> <ul class="sub_menu_3dep"> <li><a href="../openinfo/expense_list.jsp?boardId=expense_jeju" title="업무추진비">업무추진비</a></li> <li><a href="../openinfo/expense_list.jsp?boardId=region_hcontract" title="수의 계약 정보">수의 계약 정보</a></li> <!-- // 주요행사 게시판 등 삭제 <li><a href="../openinfo/expense_list.jsp?boardId=region_event" title="주요행사">주요행사</a></li> <li><a href="../openinfo/expense_list.jsp?boardId=region_etc" title="기타 공개 정보">기타 공개 정보</a></li> --> </ul><!-- sub_menu_3dep --> </li> </ul><!-- sub_menu --> </li> <li> <p class="main_menu">알림·소식</p> <ul class="sub_menu"> <li><a href="../news/notice_list.jsp?boardId=gongzi" title="공지사항">공지사항</a></li> <li><a href="../news/notice_list.jsp?boardId=press2" title="보도자료">보도자료</a></li> <li><a href="../news/notice_list.jsp?boardId=jeju04" title="탐나는 기상소식">탐나는 기상소식</a></li> </ul><!-- sub_menu --> </li> <!-- 제주날씨 메뉴 추가 --> <li> <p class="main_menu">원클릭 제주날씨</p> <ul class="sub_menu"> <li><a href="javascript:windowrollingpopup('../oneclick/one_click_olle.jsp','한라산·오름·올레·둘레길','780','940');" class ="pop_sign" title="한라산·오름·올레·둘레길" rel="nosublink"><span style="letter-spacing:-1.5px">한라산·오름·올레·둘레길</span></a></li> <li><a href="javascript:windowrollingpopup('../oneclick/one_click_road.jsp','도로날씨','780','940');" class ="pop_sign" title="도로날씨" rel="nosublink"><span>도로날씨</span></a></li> <li><a href="javascript:windowrollingpopup('../oneclick/one_click_sea_1.jsp','바다날씨','780','940');" class ="pop_sign" title="바다날씨" rel="nosublink"><span>바다날씨</span></a></li> <li><a href="javascript:windowrollingpopup('../oneclick/one_click_weather_report.jsp','상세한 날씨해설','780','940');" class ="pop_sign" title="상세한 날씨해설" rel="nosublink"><span>상세한 날씨해설</span></a></li> <!-- <li><a href="http://www.jejuits.go.kr/jido/mainView.do?DEVICE_KIND=WEATHER" target="_blank" class ="pop_sign" title="교통기상정보"><span>교통기상정보</span></a></li> --> </ul><!-- sub_menu --> </li> <!-- 제주날씨 메뉴 추가 --> <!-- 공항날씨 메뉴 추가 --> <li> <p class="main_menu">오늘의 공항날씨</p> <ul class="sub_menu"> <li><a href="http://amo.kma.go.kr/weather/airport.do?icaoCode=RKPC" target="_blank" class ="pop_sign" title="제주공항날씨"><span>제주공항날씨</span></a></li> <li><a href="http://amo.kma.go.kr/weather/aviation/aviation-info1.do" target="_blank" class ="pop_sign" title="공항기상정보"><span>공항기상정보</span></a></li> </ul><!-- sub_menu --> </li> <!-- 공항날씨 메뉴 추가 --> </ul> </div><!-- web_lnb --> <div id="web_header_banner"> <ul> <!-- 웰컴투 제주기상청 --> <li><a href="https://www.instagram.com/p/C1_Yz_GpTzm/?igsh=MXhxcXZneGpxNnF6" target="_blank" title="제주청 인스타그램" > <img src="../../images/wellcome_banner.png" alt="웰컴투 제주기상청"> </a> </li> <!-- // 날씨ON 잠정 중단 <li><a href="https://www.kma.go.kr/kma/ext/jeju/jeju06.jsp" target="_blank" title="날씨ON방송 보러가기" > <img src="../../images/weatherOn_banner.png" alt="날씨ON방송"> </a> </li> --> <!-- 영향예보 --> <li> <a href="javascript:windowrollingpopup('../impact/impact.html','제주 한파 영향예보','710','960');"> <img src="../../images/main/cold_impact_banner.png" alt="제주도 한파 영향예보"> </a> </li> <!-- <li> <a href="javascript:windowrollingpopup('../impact/impact.html','제주 폭염 영향예보','710','960');"> <img src="../../images/main/impact_banner.png" alt="제주도 폭염 영향예보"> </a> </li> --> <li style="margin-top:15px;"><a href="javascript:windowrollingpopup('https://www.weather.go.kr/wgis-nuri/html/map.html','날씨지도','1200','728');" title="새창열림"> <div class="panel-button2 geo_map"> <span>날씨지도</span> 영상보기 </div> </a> </li> <li><a href="https://www.weather.go.kr/w/index.do" target="_blank" title="새창열림"> <div class="panel-button2">날씨누리 바로가기</div> </a> </li> <li><a href="https://www.kma.go.kr/kma/" target="_blank" title="새창열림"> <div class="panel-button2">기상청 행정 바로가기</div> </a> </li> <li><a href="https://booking.naver.com/booking/12/bizes/853944" target="_blank" title="새창열림"> <div class="panel-button2">체험학습신청 바로가기</div> </a> </li> </ul> </div><!-- web_header_banner --> </div><!--header--> <div id="sitemap"> <h3>사이트맵</h3> <div class="sitemap_width"> <p class="sitemap_close"><img src="../../images/sitemap_close.png" alt="사이트맵 닫기"></p> <div class="sitemap_item"> <h4>기관 소개</h4> <ul class="sub_menu"> <li> <a href="../info/greeting.jsp" title="기관장 소개">기관장 소개</a> <ul class="sub_menu_3dep"> <li><a href="../info/greeting.jsp" title="기관장 인사말">기관장 인사말</a></li> <li><a href="../info/generation.jsp" title="역대기관장">역대기관장</a></li> <li><a href="../info/epeople.jsp" title="기관장과의 대화">기관장과의 대화</a></li> </ul><!-- sub_menu_3dep --> </li> <li><a href="../info/history.jsp" title="기관 연혁">기관 연혁</a></li> <li><a href="../info/organization.jsp" title="조직·직원">조직·직원</a></li> <li><a href="../info/location.jsp" title="찾아오시는 길">찾아오시는 길</a></li> </ul><!-- sub_menu --> </div><!-- sitemap_item --> <div class="sitemap_item"> <h4>주요 업무</h4> <ul class="sub_menu"> <li><a href="../info/business01.jsp" title="관측업무">관측업무</a></li> <li><a href="../info/business02.jsp" title="예보업무">예보업무</a></li> <li><a href="../info/business03.jsp" title="기후서비스 업무">기후서비스 업무</a></li> </ul><!-- sub_menu --> </div><!-- sitemap_item --> <div class="sitemap_item"> <h4>정보 공개</h4> <ul class="sub_menu"> <li><a href="../openinfo/system_intro.jsp" title="정보공개제도 안내">정보공개제도 안내</a></li> <li><a href="https://www.open.go.kr/com/main/mainView.do" target="_blank" title="정보공개 청구">정보공개 청구</a></li> <li> <a href="../openinfo/expense_list.jsp?boardId=expense_jeju" title="사전정보 공개">사전정보 공개</a> <ul class="sub_menu_3dep"> <li><a href="../openinfo/expense_list.jsp?boardId=expense_jeju" title="업무추진비">업무추진비</a></li> <li><a href="../openinfo/expense_list.jsp?boardId=region_hcontract" title="수의 계약 정보">수의 계약 정보</a></li> <!-- // 주요행사 등 게시판 삭제 <li><a href="../openinfo/expense_list.jsp?boardId=region_event" title="주요행사">주요행사</a></li> <li><a href="../openinfo/expense_list.jsp?boardId=region_etc" title="기타 공개 정보">기타 공개 정보</a></li> --> </ul><!-- sub_menu_3dep --> </li> </ul><!-- sub_menu --> </div><!-- sitemap_item --> <div class="sitemap_item"> <h4>알림·소식</h4> <ul class="sub_menu"> <li><a href="../news/notice_list.jsp?boardId=gongzi" title="공지사항">공지사항</a></li> <li><a href="../news/notice_list.jsp?boardId=press2" title="보도자료">보도자료</a></li> <li><a href="../news/notice_list.jsp?boardId=jeju04" title="탐나는 기상소식">탐나는 기상소식</a></li> </ul><!-- sub_menu --> </div><!-- sitemap_item --> <!-- 제주날씨 메뉴 추가 --> <div class="sitemap_item"> <h4 style="letter-spacing:-3px;">원클릭 제주날씨</h4> <a href="javascript:windowrollingpopup('../oneclick/one_click_olle.jsp','한라산·오름·올레·둘레길','780','940');" class="btn bt_full bg_sky_jeju" title="한라산·오름·올레·둘레길" style="letter-spacing:-3px; font-size:17px;" rel="nosublink">한라산·오름·올레·둘레길</a> <a href="javascript:windowrollingpopup('../oneclick/one_click_road.jsp','도로날씨','780','940');" class="btn bt_full bg_sky_jeju" title="도로날씨" style="font-size:17px;" rel="nosublink">도로날씨</a> <a href="javascript:windowrollingpopup('../oneclick/one_click_sea_1.jsp','바다날씨','780','940');" class="btn bt_full bg_sky_jeju" title="바다날씨" style="font-size:17px;" rel="nosublink">바다날씨</a> <a href="javascript:windowrollingpopup('../oneclick/one_click_weather_report.jsp','상세한 날씨해설','780','940');" class="btn bt_full bg_sky_jeju" title="상세한 날씨해설" style="font-size:17px;" rel="nosublink">상세한 날씨해설</a> <!-- <a href="http://www.jejuits.go.kr/jido/mainView.do?DEVICE_KIND=WEATHER" target="_blank" class ="pop_sign_etc" title="제주교통정보">교통기상정보</a>--> </div><!-- sitemap_item --> <!-- 제주날씨 메뉴 추가 --> <!-- 공항날씨 메뉴 추가 --> <div class="sitemap_item"> <h4 style="letter-spacing:-3px;">오늘의 공항날씨</h4> <ul class="sub_menu"> <li><a href="http://amo.kma.go.kr/weather/airport.do?icaoCode=RKPC" target="_blank" title="제주공항날씨">제주공항날씨</a></li> <li><a href="http://amo.kma.go.kr/weather/aviation/aviation-info1.do" target="_blank" title="공항기상정보">공항기상정보</a></li> </ul><!-- sub_menu --> <div class="sitemap_item_weather"> <a href="https://www.weather.go.kr/w/index.do" target="_blank" class="btn bt_full bg_sky" title="날씨누리 바로가기" style="font-size:17px;">날씨누리</a> <a href="https://www.kma.go.kr/kma/" target="_blank" class="btn bt_full bg_sky" title="기상청 행정 바로가기" style="font-size:17px;">기상청 행정</a> </div> </div><!-- sitemap_item --> <!-- 공항날씨 메뉴 추가 --> </div><!-- sitemap_width --> </div><!-- sitemap --> <div id="m_header"> <h1><a href="../main/index.jsp" title="제주지방기상청"><img src="../../images/logo.png" alt="제주지방기상청"></a></h1> <div> <p class="mmenu_open"><img src="../../images/m_menu_ham.png" alt="메뉴 펼침"></p> <div id="lnb"> <p class="mmenu_close"><img src="../../images/m_menu_ham_x.png" alt="메뉴 닫기"></p> <a class="mmenu_home" href="../main/index.jsp" title="홈으로"><img src="../../images/m_menu_home.png" alt="홈으로"></a> <ul> <li> <p class="main_menu">기관 소개</p> <ul class="sub_menu"> <li> <a href="../info/greeting.jsp" title="기관장 소개">기관장 소개</a> <ul class="sub_menu_3dep"> <li><a href="../info/greeting.jsp" title="기관장 인사말">기관장 인사말</a></li> <li><a href="../info/generation.jsp" title="역대기관장">역대기관장</a></li> <li><a href="../info/epeople.jsp" title="기관장과의 대화">기관장과의 대화</a></li> </ul><!-- sub_menu_3dep --> </li> <li><a href="../info/history.jsp" title="기관 연혁">기관 연혁</a></li> <li><a href="../info/organization.jsp" title="조직·직원">조직·직원</a></li> <li><a href="../info/location.jsp" title="찾아오시는 길">찾아오시는 길</a></li> </ul><!-- sub_menu --> </li> <li> <p class="main_menu">주요 업무</p> <ul class="sub_menu"> <li><a href="../info/business01.jsp" title="관측업무">관측업무</a></li> <li><a href="../info/business02.jsp" title="예보업무">예보업무</a></li> <li><a href="../info/business03.jsp" title="기후서비스 업무">기후서비스 업무</a></li> </ul><!-- sub_menu --> </li> <li> <p class="main_menu">정보 공개</p> <ul class="sub_menu"> <li><a href="../openinfo/system_intro.jsp" title="정보공개제도 안내">정보공개제도 안내</a></li> <li><a href="https://www.open.go.kr/com/main/mainView.do" target="_blank" title="정보공개 청구">정보공개 청구</a></li> <li> <a href="../openinfo/expense_list.jsp?boardId=expense_jeju" title="사전정보 공개">사전정보 공개</a> <ul class="sub_menu_3dep"> <li><a href="../openinfo/expense_list.jsp?boardId=expense_jeju" title="업무추진비">업무추진비</a></li> <li><a href="../openinfo/expense_list.jsp?boardId=region_hcontract" title="수의 계약 정보">수의 계약 정보</a></li> <!-- // 주요행사 등 게시판 삭제 <li><a href="../openinfo/expense_list.jsp?boardId=region_event" title="주요행사">주요행사</a></li> <li><a href="../openinfo/expense_list.jsp?boardId=region_etc" title="기타 공개 정보">기타 공개 정보</a></li> --> </ul><!-- sub_menu_3dep --> </li> </ul><!-- sub_menu --> </li> <li> <p class="main_menu">알림·소식</p> <ul class="sub_menu"> <li><a href="../news/notice_list.jsp?boardId=gongzi" title="공지사항">공지사항</a></li> <li><a href="../news/notice_list.jsp?boardId=press2" title="보도자료">보도자료</a></li> <li><a href="../news/notice_list.jsp?boardId=jeju04" title="탐나는 기상소식">탐나는 기상소식</a></li> </ul><!-- sub_menu --> </li> <!-- 제주날씨 메뉴 추가 --> <li> <p class="main_menu">원클릭 제주날씨</p> <ul class="sub_menu"> <li><a href="javascript:windowrollingpopup('../oneclick/one_click_olle.jsp','한라산·오름·올레·둘레길','780','940');" class ="pop_sign" title="한라산·오름·올레·둘레길" rel="nosublink"><span style="letter-spacing:-1.5px">한라산·오름·올레·둘레길</span></a></li> <li><a href="javascript:windowrollingpopup('../oneclick/one_click_road.jsp','도로날씨','780','940');" class ="pop_sign" title="도로날씨" rel="nosublink"><span>도로날씨</span></a></li> <li><a href="javascript:windowrollingpopup('../oneclick/one_click_sea_1.jsp','바다날씨','780','940');" class ="pop_sign" title="바다날씨" rel="nosublink"><span>바다날씨</span></a></li> <li><a href="javascript:windowrollingpopup('../oneclick/one_click_weather_report.jsp','상세한 날씨해설','780','940');" class ="pop_sign" title="상세한 날씨해설" rel="nosublink"><span>상세한 날씨해설</span></a></li> </ul><!-- sub_menu --> </li> <!-- 제주날씨 메뉴 추가 --> <!-- 공항날씨 메뉴 추가 --> <li> <p class="main_menu">오늘의 공항날씨</p> <ul class="sub_menu"> <li><a href="http://amo.kma.go.kr/weather/airport.do?icaoCode=RKPC" target="_blank" class ="pop_sign" title="제주공항날씨"><span>제주공항날씨</span></a></li> <li><a href="http://amo.kma.go.kr/weather/aviation/aviation-info1.do" target="_blank" class ="pop_sign" title="공항기상정보"><span>공항기상정보</span></a></li> </ul><!-- sub_menu --> </li> <!-- 공항날씨 메뉴 추가 --> </ul> <div id="header_banner"> <ul> <!-- 웰컴투 제주기상청 --> <li><a href="https://www.instagram.com/p/C1_Yz_GpTzm/?igsh=MXhxcXZneGpxNnF6" target="_blank" title="제주청 인스타그램" > <img src="../../images/wellcome_banner.png" alt="웰컴투 제주기상청"> </a> <!-- // 날씨ON 잠정 중단 </li> <li><a href="https://www.kma.go.kr/kma/ext/jeju/jeju06.jsp" target="_blank" title="날씨ON방송 보러가기" > <img src="../../images/weatherOn_banner.png" alt="날씨ON방송"> </a> </li> --> <!-- 영향예보 --> <li> <a href="javascript:windowrollingpopup('../impact/impact.html','제주 한파 영향예보','710','960');"> <img src="../../images/main/cold_impact_banner.png" alt="제주도 한파 영향예보"> </a> </li> <!-- <li> <a href="javascript:windowrollingpopup('../impact/impact.html','제주 폭염 영향예보','710','960');"><img src="../../images/main/impact_banner.png" alt="제주도 폭염 영향예보"></a> </li> --> <li style="margin-top:15px;"><a href="javascript:windowrollingpopup('https://www.weather.go.kr/wgis-nuri/html/map.html','날씨지도','1200','728');" title="새창열림"> <div class="panel-button2 geo_map"> <span>날씨지도</span> 영상보기 </div></a> </li> <li><a href="https://www.weather.go.kr/w/index.do" target="_blank" title="새창열림"> <div class="panel-button2">날씨누리 바로가기</div> </a> </li> <li><a href="https://www.kma.go.kr/kma/" target="_blank" title="새창열림"> <div class="panel-button2">기상청 행정 바로가기</div> </a> </li> <li><a href="https://booking.naver.com/booking/12/bizes/853944" target="_blank" title="새창열림"> <div class="panel-button2">체험학습신청 바로가기</div> </a> </li> </ul> </div><!-- header_banner --> </div><!-- lnb --> </div> </div><!-- m_header --> <div id="contants"> <div class="quick_total"> <div class="quick_absol"><p class="sitemap_open"><img src="../../images/sitemap_open.png" alt="사이트맵 펼침"></p></div> </div><!-- quick_total --> <script> var initialDong = null; var islocationtrue = true; if(false && islocationtrue == true){ initialDong = { dongCode : "5011051000" , dongName : "일도1동" , cityCode : "5011000000" , cityName : "제주시" , wideCode : "5000000000" , wideName : "제주특별자치도" , x : "" , y : "" , lat : "" , lon : "" , }; } </script> <!-- main style --> <style> #sub_wrap{ padding-top:0; padding-bottom:0;} .main_asp_wrap{ overflow:hidden; margin:40px 0 17px -2%;} .main_asp_wrap > div{ float:left; width:31.333333333%; margin-left:2%;} .maw_date{ text-align:right; font-size:12px; color:#000; font-family:'nsr_b'; margin-bottom:3px;} .maw_tab{ margin-bottom:15px;} .maw_tab ul{ text-align:right;} .maw_tab ul li{ display:inline-block; text-align:center;} .maw_tab ul li p{ width:95px; height:29px; line-height:29px; border:1px solid #1b7abd; background-color:#1b7abd; color:#fff; font-family:'nsr_b'; cursor:pointer;} .maw_tab ul li.active p{ background-color:#fff; color:#005480; border-color:#1d97b5;} .maw_conbox{ position:relative; display:none;} .maw_conbox.active{ display:block;} .maw_conbox ul{ position:absolute; top:20px; right:0px; z-index:10;} .maw_conbox ul li{ margin-bottom:3px; } .maw_conbox ul li p{ color:#7c9bb1; min-width:44px; line-height:24px; text-align:center; background-color:#fff; font-family:'nsr_b'; cursor:pointer; padding:0 2px; } .maw_conbox ul li.active p{ background-color:#e2eaf0; color:#000;} .maw_conbox .maw_img{ position:relative; display:none; margin-right:70px; text-align:center;} .maw_conbox .maw_img.active{ display:block;} .maw_conbox .maw_img > img{ } .maw_conbox .maw_img > p{ position:absolute; font-size:14px; font-family:'nsr_b'; z-index:5; text-align:center; width:50px; height:55px;} .maw_conbox .maw_img > p img{ display:block; margin:-4px auto 5px; max-width:38px;} .maw_conbox .maw_img > p b{ display:block; margin:2px auto; color:#fff; height:22px; line-height:22px; font-size:14px; font-weight:normal;} .maw_conbox .maw_img.mi_1 > p b{ background-color:#67bc34;} .maw_conbox .maw_img.mi_2 > p b{ background-color:#67bc34;} .maw_conbox .maw_img.mi_3 > p b{ background-color:#4d88b2;} .maw_conbox .maw_img.mi_4 > p b{ background-color:#000000;} .maw_conbox .maw_img.mi_5 > p b{ background-color:#f39d51;} .maw_conbox .maw_img.mi_6 > p b{ background-color:#67bc34;} .maw_conbox .maw_img.mi_7 > p b{ background-color:#4d88b2;} .maw_conbox .maw_img > p[data-type*="fct-"] b{ background-color:#f39d51;} .maw_conbox .maw_img > p.point_jj{ top:8%; left:40%;} .maw_conbox .maw_img > p.point_ss{ top:18%; right:1%;} .maw_conbox .maw_img > p.point_skp{ top:60%; left:50%;} .maw_conbox .maw_img > p.point_ks{ top:45%; left:-1%;} .main_top_title{ height:225px; background-image:url('../../images/main/jeju_main_top.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; box-sizing:border-box; position:relative;} .main_top_title .mtt_textbox{ position:absolute; top:70px; right:94px; width:400px;} .main_top_title h4{ color:#fff; margin-left:3px; font-size:18px; font-family:'nsr_b'; line-height:1.2; text-shadow: 1px 1px 2px #000, 0 0 1em lightskyblue, 0 0 0.2em blue; } .main_top_title h3{ color:#ffffe0; font-size:50px; font-family:'sc3'; line-height:1.1; text-shadow: 2px 3px 5px black} .main_top_title h3 b{ color:#ffffe0; font-size:50px; font-family:'sc5'; line-height:1.1;} .main_board_wrap{ overflow:hidden; margin-top:10px;} .main_board_wrap .mb_left{ float:left; overflow:hidden; width:600px;} .main_board_wrap .mb_left .mb_box{ width:183px; height:261px; background-color:#ccc; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; padding:25px 15px 35px; float:left; margin-right:19px;} .main_board_wrap .mb_left .mb_box:last-child{ margin-right:0;} .main_board_wrap .mb_left .mb_box h4{ text-align:center; color:#fff; font-size:20px; font-family:'nsr_b'; height:52px; line-height:26px; margin-bottom:57px;} .main_board_wrap .mb_left .mb_box a.mb_a{ display:block; border:1px solid #fff; line-height:37px; text-align:center; margin-top:11px; color:#fff; background:rgba(0,0,0,0.3); font-family:'nsr_r'; font-size:18px;} .main_board_wrap .mb_left .mb_box a.mb_p{ display:block; text-align:center; margin-top:11px; color:#fff; background:rgba(0,0,0,0.3); font-family:'nsr_r'; padding:10px 12px; line-height:24px;} .main_board_wrap .mb_right{ float:right; overflow:hidden; border:1px solid #e6e9ed; width:594px; height:261px;} .main_board_wrap .mb_right .main_board_tab{ overflow:hidden; padding:0 32px; border-bottom:1px solid #e6e9ed; position:relative;} .main_board_wrap .mb_right .main_board_tab ul li{ float:left; margin-right:25px;} .main_board_wrap .mb_right .main_board_tab ul li p{ font-size:20px; color:#000; font-family:'nsr_b'; line-height:58px; border-bottom:2px solid transparent; cursor:pointer;} .main_board_wrap .mb_right .main_board_tab ul li.active p{ border-color:#1f8cc5;} .main_board_wrap .mb_right .main_board_tab ul li a{ position:absolute; right:26px; top:20px; display:none; color:#b6b6b6; font-size:14px; padding-right:15px; height:20px; line-height:20px; font-family:'nsr_b'; background:url('../../images/main/board_more.png') 100% 4px no-repeat;} .main_board_wrap .mb_right .main_board_tab ul li.active a{ display:block;} .main_board_wrap .mb_right .main_board_con{ padding:34px 26px; display:none;} .main_board_wrap .mb_right .main_board_con.active{ display:block;} .main_board_wrap .mb_right .main_board_con ul li{ } .main_board_wrap .mb_right .main_board_con ul li a{ padding-left:12px; background:url('../../images/main/board_bot.png') 0 50% no-repeat; font-family:'nsr_b'; display:inline-block; width:430px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:25px; letter-spacing:-0.04em;} .main_board_wrap .mb_right .main_board_con ul li span{ float:right; display:block; color:#1b7abd; font-family:'nsr_b'; line-height:28px;} .main_banner_wrap{ overflow:hidden; margin-top:65px;} .main_banner_wrap .mb_tit{ margin-bottom:10px; height:34px;} .main_banner_wrap .mb_tit h4{ font-size:20px; color:#000; font-family:'nsr_b'} .main_banner_wrap .main_banner1{ float:left; width:203px; margin-right:16px; position:relative;} .main_banner_wrap .main_banner2{ float:left; width:203px; margin-right:16px; position:relative;} .main_banner_wrap .main_banner3{ float:left; width:385px; border:8px solid #d9e0e7; height:128px; margin-right:16px;} .main_banner_wrap .main_banner3 ul{ overflow:hidden; padding-top:8px} .main_banner_wrap .main_banner3 ul li{ float:left; width:50%; text-align:center;} .main_banner_wrap .main_banner3 ul li a p{ font-size:20px; color:#000; font-family:'nsr_b';} .main_banner_wrap .main_banner4{ float:left; width:361px;} .main_banner_wrap .main_banner4 ul{ overflow:hidden; padding-top:22px;} .main_banner_wrap .main_banner4 ul li{ float:left; width:50%; text-align:left; overflow:hidden;} .main_banner_wrap .main_banner4 ul li a img{ float:left; margin-right:10px;} .main_banner_wrap .main_banner4 ul li a p{ color:#000; font-family:'nsr_b'; padding-top:23px; line-height:20px;} .main_banner_wrap .main_banner4 ul li a p.mb4_1line{ padding-top:30px;} .main_b_sbanner{ } .main_b_sbanner .controls{ position:absolute; top:0; right:0;} .main_b_sbanner .controls a{ margin:0; margin-left:-1px; display:block; width:33px; height:33px; line-height:33px; border:1px solid #cbcbcb; background-color:#fff; float:left; overflow:Hidden; text-indent:-999px; background-repeat:no-repeat; background-position:50% 50%; background-size:33px 33px;} .main_b_sbanner .controls a.play{ background-image:url('../../images/main/bt_play.png'); float:none; position:absolute; right:64px; top:0; margin:0; z-index:2;} .main_b_sbanner .controls a.stop{ background-image:url('../../images/main/bt_stop.png'); float:none; position:absolute; right:64px; top:0; margin:0; z-index:1;} .main_b_sbanner .controls a.b_previous{ background-image:url('../../images/main/bt_prev.png');} .main_b_sbanner .controls a.b_next{ background-image:url('../../images/main/bt_next.png');} .main_b_sbanner .slides{ clear:both; min-height:95px;} .main_slider_banner{ margin-top:50px; overflow:Hidden; height:230px;} .main_slider_banner ul{ } .main_slider_banner ul li{ float:left; text-align:center; margin-right:19px;} .main_slider_banner .ca-item a{ display:block; /*width:183px;*/ height:155px; margin:0 10px; background-color:#f9fafb; padding:14px 14px 0; text-align:center;} .main_slider_banner .ca-item a .msb_img{ background-color:#fff; border-radius:50%; width:82px; height:82px; margin:0 auto;} .main_slider_banner .ca-item a p{ font-size:18px; color:#000; font-family:'nsr_b'; line-height:17px; margin-top:18px;} .main_slider_banner .ca-item a p.msb_tit_br{ font-size:18px; color:#000; font-family:'nsr_b'; line-height:20px; margin-top:8px;} .main_imgbg_banner{ overflow:hidden; margin-top:50px; padding-bottom:44px;} .main_imgbg_banner .mib_box{ float:left; margin-right:20px;} .main_imgbg_banner .mib_box:last-child{ margin-right:0;} .main_imgbg_banner .mib_box a{ display:block; width:386px; height:87px; text-align:center; font-size:18px; color:#000; font-family:'nsr_b'; color:#fff; padding-top:35px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;} .main_imgbg_banner .mib_box a.mib_tit_br{ padding-top:25px;} .main_imgbg_banner .mib_box a span{ display:inline-block; padding:5px 0;} /* 제주날씨 메뉴 추가 */ .jeju_main_imgbg_banner{ overflow:hidden; margin-top:60px;} .jeju_main_imgbg_banner .jeju_mib_box{ float:left; margin-right:18px;} .jeju_main_imgbg_banner .jeju_mib_box:last-child{ margin-right:0;} .jeju_main_imgbg_banner .jeju_mib_box a{ display:block; width:285px; height:155px; text-align:center; padding-top:20px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;} .jeju_main_imgbg_banner .jeju_mib_box a .msb_img{ background-color:#fff; border-radius:50%; width:82px; height:82px; margin:0 auto;} .jeju_main_imgbg_banner .jeju_mib_box a .mib_tit_br{ padding-top:25px;} .jeju_main_imgbg_banner .jeju_mib_box a p{ font-size:18px; color:#fff; font-family:'nsr_b'; line-height:17px; margin-top:18px;} .jeju_main_imgbg_banner .jeju_mib_box a span{ display:inline-block; padding:5px 0;} /* 제주날씨 메뉴 추가 */ .main_asp_wrap > div.ma_ext_weather { width:calc(192% / 3); } .ma_ext_weather { display:flex; flex-wrap:wrap; } .ma_ext_weather .point-sch-wrap { width:100%; display:flex; flex-wrap:wrap; } .ma_ext_weather .point-sch-wrap .cmp-local-search { width:50%; } .ma_ext_weather .point-sch-wrap .cmp-bookmark { width:50%; align-self:center; } .ma_ext_weather .cmp-cur-weather-wrap { width:100%; display:flex; flex-wrap:wrap; } .ma_ext_weather .cmp-cur-weather-wrap > div { width:50%; position:relative; } /* 대기질 정보출처: 제주 보건환경연구원 추가 */ .jeju-cmp-cur-weather-air { display:block; position:relative; margin-left:457px; margin-top:-11px; } .jeju-cmp-cur-weather-air p{ line-height:normal; font-size:14px; } .jeju-cmp-cur-weather-air a{ font-size: 14px; text-decoration: none; line-height: 1; color: #333; } .jeju-cmp-cur-weather-air a:visited{ color: #333; } .jeju-mobile-cmp-cur-weather-air { display:none; } @media (max-width:1499px){ .ma_ext_weather .cmp-cur-weather-wrap {margin-top:5px;} .ma_ext_weather .point-sch-wrap .cmp-local-search { width:100%; padding:5px 0; } .ma_ext_weather .point-sch-wrap .cmp-bookmark { width:100%; padding:2px 5px; } .maw_tab{ margin-bottom:10px;} .maw_tab ul li p{ width:80px; font-size:14px;} .maw_conbox ul{ position:initial; text-align:right;} .maw_conbox ul li{ display:inline-block;} .maw_conbox ul li p{ font-size:14px;} .maw_conbox .maw_img{ margin-right:0;} .main_board_wrap .mb_left{ float:none; width:auto; margin-bottom:40px;} .main_board_wrap .mb_left .mb_box{ width:287px; height:215px;} .main_board_wrap .mb_left .mb_box h4{ margin-bottom:7px;} .main_board_wrap .mb_right{ float:none; width:auto; height:auto;} .main_banner_wrap .mb_tit h4{ display:none;} .main_banner_wrap .main_banner1{ width:150px;} .main_banner_wrap .main_banner2{ width:150px;} .main_banner_wrap .main_banner3{ width:246px; height:106px;} .main_banner_wrap .main_banner3 ul li a img{ width:40px;} .main_banner_wrap .main_banner3 ul li a p{ font-size:16px;} .main_banner_wrap .main_banner4{ width:306px;} .main_banner_wrap .main_banner4 ul{ padding-top:9px;} .main_banner_wrap .main_banner4 ul li a p{ font-size:14px;} .main_b_sbanner .slides{ min-height:69px;} .main_slider_banner ul li a{ width:206px;} .main_imgbg_banner .mib_box a{ width:286px;} /* 제주날씨 메뉴 추가 */ .jeju_main_imgbg_banner .jeju_mib_box a{ width:286px;} /* 대기질 정보출처: 제주 보건환경연구원 추가 */ .jeju-cmp-cur-weather-air { display:block; float:left; margin-left:356px; margin-top:-7px; } } @media (max-width:1199px){ .main_asp_wrap > div.ma_ext_weather { width:100%; padding-bottom:5px;} .ma_ext_weather .cmp-cur-weather-wrap > div { width:100%; } .ma_ext_weather .point-sch-wrap .cmp-local-search { width:100%; padding:5px 0; } .ma_ext_weather .point-sch-wrap .cmp-bookmark { width:100%; padding:2px 5px; } .main_asp_wrap{ overflow:visible; margin:40px 0 17px 0; padding:0 20px;} .main_asp_wrap > div{ float:none; width:100%; margin:0 0 10px; text-align:center;} .maw_tab ul{ text-align:right;} .maw_conbox .maw_img{ margin:0 auto; width:318px;} .main_top_title .mtt_textbox{ right:-6px;} .main_board_wrap .mb_left .mb_box{ width:220px;} .main_banner_wrap .mb_tit h4{ display:block;} .main_banner_wrap .main_banner1{ width:49%; margin:0 2% 20px 0;} .main_banner_wrap .main_banner1 img{ width:100%;} .main_banner_wrap .main_banner2{ width:49%; margin:0 0 20px;} .main_banner_wrap .main_banner2 img{ width:100%;} .main_banner_wrap .main_banner3{ width:49%; margin-right:2%;} .main_banner_wrap .main_banner4{ width:49%; margin:0;} .main_b_sbanner .slides{ min-height:145px;} .main_slider_banner .ca-item a p{ font-size:14px;} .main_slider_banner .ca-item a p.msb_tit_br{ font-size:14px;} .main_imgbg_banner .mib_box a{ width:203px;} /* 제주날씨 메뉴 추가 */ .jeju_main_imgbg_banner .jeju_mib_box a{ width:203px;} /* 대기질 정보출처: 제주 보건환경연구원 추가 */ .jeju-cmp-cur-weather-air { display:block; float:left; margin-left:333px; margin-top:-2px; } } @media (max-width:1099px){ /* 대기질 정보출처: 제주 보건환경연구원 추가 */ .jeju-cmp-cur-weather-air { display:none; } .jeju-mobile-cmp-cur-weather-air { display:block; float:right; margin-right:4px; margin-top:-1px; } .jeju-mobile-cmp-cur-weather-air p{ line-height:normal; font-size:14px; } .jeju-mobile-cmp-cur-weather-air a{ font-size: 14px; text-decoration: none; line-height: 1; color: #333; } .jeju-mobile-cmp-cur-weather-air a:visited{ color: #333; } } @media (max-width:959px){ .ma_temper_wrap{ padding:0 20px;} .main_top_title h3{ font-size:34px; margin-top:5px;} .main_top_title h3 b{ font-size:34px;} .main_top_title h4{ font-size:14px;} .main_board_wrap{ padding:0 20px;} .main_board_wrap .mb_left .mb_box{ width:100%; margin:0 0 20px; height:auto;} .main_board_wrap .mb_left .mb_box h4{ float:left; width:50%; margin:0; padding-top:40px; font-size:16px;} .main_board_wrap .mb_left .mb_box h4 br{ display:none;} .main_board_wrap .mb_left .mb_box div{ float:right; width:45%;} .main_board_wrap .mb_left .mb_box a.mb_a{ font-size:14px;} .main_board_wrap .mb_left .mb_box a.mb_p{ font-size:14px;} .main_board_wrap .mb_right .main_board_tab{ padding:0 15px;} .main_board_wrap .mb_right .main_board_tab ul li p{ font-size:16px;} .main_board_wrap .mb_right .main_board_con{ padding:20px 15px;} .main_board_wrap .mb_right .main_board_con ul li a{ width:200px; font-size:14px;} .main_board_wrap .mb_right .main_board_con ul li span{ font-size:14px;} .main_banner_wrap{ padding:0 20px;} .main_banner_wrap .main_banner1{ width:100%; margin:0 0 20px;} .main_banner_wrap .main_banner2{ width:100%; margin:0 0 20px;} .main_banner_wrap .main_banner3{ width:100%; margin:0 0 20px;} .main_banner_wrap .main_banner4{ width:100%; margin:0;} .main_b_sbanner .slides{ min-height:278px;} .main_slider_banner{ padding:0 20px;} .main_imgbg_banner{ padding:0 20px;} .main_imgbg_banner .mib_box{ float:none; margin:0 0 20px;} .main_imgbg_banner .mib_box a{ width:100%; /*height:140px; padding-top:65px;*/} .main_imgbg_banner .mib_box a.mib_tit_br{ /*padding-top:58px;*/} /* 제주날씨 메뉴 추가 */ .jeju_main_imgbg_banner{ padding:0 20px;} .jeju_main_imgbg_banner .jeju_mib_box{ float:none; margin:0 0 20px;} .jeju_main_imgbg_banner .jeju_mib_box a{ width:100%;} .layerPopup { left:1% !important; margin:0 !important; max-width:450px !important; width:98% !important;} .layerPopup > div > a > div { max-width:450px !important; width:100% !important; } .layerPopup > div > a > div img { width:100% !important; } .layerPopup > div { max-width:450px !important; width:100% !important; } } @media (max-width:767px){ .main_asp_wrap{ margin-top:20px;} .main_top_title{ height:240px; background-image:url('../../upload/external/baner/jeju_main_top.jpg');} .main_top_title .mtt_textbox{ right:auto; left:40px;} .main_top_title h4{ color:#fff; font-family:'nsr_b'; text-shadow: 1px 1px 2px #000, 0 0 1em lightskyblue, 0 0 0.2em blue; } .maw_conbox ul{ position:absolute; top:20px; right:0; z-index:10;} .maw_conbox ul li{ display:block;} .maw_conbox .maw_img{ margin:0; margin-right:80px; width:auto;} .maw_conbox .maw_img > img{ width:100%;} .main_b_sbanner .slides{ min-height:190px;} .main_slider_banner .ca-item a{ /*width:150px;*/} } @media (max-width:597px){ .maw_tab ul{ text-align:right;} } @media (max-width:440px){ .maw_conbox .maw_img{ margin-right:50px;} .main_board_wrap .mb_right .main_board_con ul li a{ width:140px; font-size:14px;} .main_banner_wrap .main_banner4 ul li a img{ height:50px;} .main_banner_wrap .main_banner4 ul li a p{ padding-top:8px;} } @media (max-width:410px){ .main_b_sbanner .slides{ min-height:150px;} } @media (max-width:359px){ .main_b_sbanner .slides{ min-height:125px;} } @media (max-width:280px){ .maw_tab ul li p{ width:70px;} .maw_conbox ul{ position:initial; text-align:right;} .maw_conbox ul li{ display:inline-block;} .maw_conbox .maw_img{ margin-right:0;} } </style> <!-- main style 끝 --> <!-- main slide iconbox --> <link rel="stylesheet" type="text/css" href="../../_css/slick.css"/> <link rel="stylesheet" type="text/css" href="../../_css/slick-theme.css"/> <script type="text/javascript" src="../../_js/slick.js"></script> <!-- main slide iconbox --> <!-- link rel="stylesheet" type="text/css" href="../../_css/jquery.style.css" --> <!-- script type="text/javascript" src="../../_js/jquery.easing.1.3.js"></script --> <!-- script type="text/javascript" src="../../_js/jquery.mousewheel.js"></script --> <!-- script type="text/javascript" src="../../_js/jquery.contentcarousel.js"></script --> <!-- main slide banner --> <script type="text/javascript" src="../../_js/jquery.caro.js"></script> <script type="text/javascript" src="../../_js/jsDecodeF.js"></script> <Script type="text/javascript"> function getCookie( name ){ var nameOfCookie = name + "="; var x = 0; while ( x <= document.cookie.length ) { var y = (x+nameOfCookie.length); if ( document.cookie.substring( x, y ) == nameOfCookie ) { if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 ) endOfCookie = document.cookie.length; return unescape( document.cookie.substring( y, endOfCookie ) ); } x = document.cookie.indexOf( " ", x ) + 1; if ( x == 0 ) break; } return ""; } function setCookie(name, value, expiredays){ var todayDate = new Date(); todayDate.setDate(todayDate.getDate() + expiredays); document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";" } function closeWin(get_Key) { get_Pop = eval("document.all.Popup"+get_Key); get_Pop_id = "Popup"+get_Key; if (get_Pop.checked){ setCookie(get_Pop_id,"done",1); } get_layerPopup = eval("document.all.layerPopup"+get_Key); get_layerPopup.style.display = 'none'; } </Script> <script type="text/javascript"> var x =0 var y=0 drag = 0 move = 0 window.document.onmousemove = mouseMove window.document.onmousedown = mouseDown window.document.onmouseup = mouseUp window.document.ondragstart = mouseStop function mouseUp() { move = 0 } function mouseDown() { if (drag) { //alert(parseInt(dragObj.style.left)); clickleft = window.event.clientX - parseInt(dragObj.style.left); clicktop =window.event.clientY - parseInt(dragObj.style.top); dragObj.style.zIndex += 1 move = 1 } } function mouseMove() { if (move) { dragObj.style.left = window.event.x - clickleft; dragObj.style.top = window.event.y - clicktop; } } function mouseStop() { window.event.returnValue = false } function Show(divid) { divid.filters.blendTrans.apply(); divid.style.visibility = "visible"; divid.filters.blendTrans.play(); } function Hide(divid) { divid.filters.blendTrans.apply(); divid.style.visibility = "hidden"; divid.filters.blendTrans.play(); } </script> <!--//팝업--> <!-- 레이어팝업1 시작 --> <script> var bannerpcurl = ''; var bannermobileurl = ''; var bannerpcopentype = '1'; var bannermobileopentype = '1'; var pccheckvalue = true; var mobilecheckvalue = true; $( window ).resize(function() { var html = ''; if(window.innerWidth > 767 && pccheckvalue == true) { if(bannerpcurl != ""){ if( bannerpcopentype == 1 ){ html += '<a href="'+bannerpcurl+'" target="_blank" >'; } else if(bannerpcopentype == 2 ) { html += '<a href="'+bannerpcurl+'" >'; } } html += '<div class="main_top_title"><!-- 사진제공(김지호)_한국관광공사 -->'; html += '<div class="mtt_textbox">'; html += '<h4>제주도민의 행복과 안전을 위해<br>고품질 기상기후 서비스에 최선을 다하겠습니다.</h4>'; html += '<h3><b>제주지방기상청</b></h3>'; html += '</div><!-- mtt_textbox -->'; html += '</div><!-- main_top_title -->'; if(bannerpcurl != ""){ html += '</a>'; } pccheckvalue = false; mobilecheckvalue = true; $(".main_title_area").empty(); $(".main_title_area").append(html); } else if(window.innerWidth <= 767 && mobilecheckvalue == true) { if(bannermobileurl != ""){ if( bannermobileopentype == 1 ){ html += '<a href="'+bannermobileurl+'" target="_blank" >'; } else if(bannermobileopentype == 2 ) { html += '<a href="'+bannerpcurl+'" >'; } } html += '<div class="main_top_title"><!-- 사진제공(김지호)_한국관광공사 -->'; html += '<div class="mtt_textbox">'; html += '<h4>제주도민의 행복과 안전을 위해<br>고품질 기상기후 서비스에 최선을 다하겠습니다.</h4>'; html += '<h3><b>제주지방기상청</b></h3>'; html += '</div><!-- mtt_textbox -->'; html += '</div><!-- main_top_title -->'; if(bannermobileurl != ""){ html += '</a>'; } pccheckvalue = true; mobilecheckvalue = false; $(".main_title_area").empty(); $(".main_title_area").append(html); } }); $(document).ready(function() { var html = ''; if(window.innerWidth > 767) { if(bannerpcurl != ""){ if( bannerpcopentype == 1 ){ html += '<a href="'+bannerpcurl+'" target="_blank" >'; } else if(bannerpcopentype == 2 ) { html += '<a href="'+bannerpcurl+'" >'; } } html += '<div class="main_top_title"><!-- 사진제공(김지호)_한국관광공사 -->'; html += '<div class="mtt_textbox">'; html += '<h4>제주도민의 행복과 안전을 위해<br>고품질 기상기후 서비스에 최선을 다하겠습니다.</h4>'; html += '<h3><b>제주지방기상청</b></h3>'; html += '</div><!-- mtt_textbox -->'; html += '</div><!-- main_top_title -->'; if(bannerpcurl != ""){ html += '</a>'; } pccheckvalue == false; } else { if(bannermobileurl != ""){ if( bannermobileopentype == 1 ){ html += '<a href="'+bannermobileurl+'" target="_blank" >'; } else if(bannermobileopentype == 2 ) { html += '<a href="'+bannerpcurl+'" >'; } } html += '<div class="main_top_title"><!-- 사진제공(김지호)_한국관광공사 -->'; html += '<div class="mtt_textbox">'; html += '<h4>제주도민의 행복과 안전을 위해<br>고품질 기상기후 서비스에 최선을 다하겠습니다.</h4>'; html += '<h3><b>제주지방기상청</b></h3>'; html += '</div><!-- mtt_textbox -->'; html += '</div><!-- main_top_title -->'; if(bannermobileurl != ""){ html += '</a>'; } mobilecheckvalue = false; } $(".main_title_area").append(html); /*23.07.11 홈페이지 품질진단 접근성 오류 5wax 수정하기위해 코드수정*/ document.querySelector("body > div.modal-layer.pop-local-search > div > a").textContent = "창 닫기"; document.querySelector("#pop-local-search > div.cmp-local-search-input > div > input").setAttribute("title","“제주 ○○동” 또는 주요 지명으로 검색"); document.querySelector("#pop-local-search > div.cmp-local-search-input > div > input").setAttribute("placeholder","“제주 ○○동” 또는 주요 지명으로 검색"); }) </script> <!-- 레이어팝업1 끝 --> <div id="sub_wrap"> <div class="main_title_area"> </div> <div class="ext-full-weather"> <div class="main_asp_wrap"> <div class="ma_weather"> <div class="maw_tab"> <ul> <li class="active"><p>현재날씨</p></li> <li><p>예보</p></li> </ul> </div><!-- maw_tab --> <div class="maw_conbox mc_1 active"> <div class="maw_date" data-type="now-tm" style="display:none;" > </div> <div class="maw_date" data-type="obs-tm"> </div> <ul> <li class="ma_obs active"><p>날씨</p></li> <li class="ma_now"><p>기온</p></li> <li class="ma_now"><p>풍향</p></li> <li class="ma_now"><p>풍속</p></li> <li class="ma_now"><p>강수유무</p></li> <li class="ma_now"><p>1시간강수</p></li> <li class="ma_obs"><p>일강수</p></li> </ul> <div class="maw_img mi_1 active"> <img src="../../images/main/map_img.png" alt="날씨 지도"> <p class="point_jj" data-type="obs-wf" data-stn="184">제주<!-- <img src="../../images/main/wticon_sun.png" alt="맑음">--></p> <p class="point_ss" data-type="obs-wf" data-stn="188">성산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음">--></p> <p class="point_skp" data-type="obs-wf" data-stn="189">서귀포<!-- <img src="../../images/main/wticon_sun.png" alt="맑음">--></p> <p class="point_ks" data-type="obs-wf" data-stn="185">고산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음">--></p> </div><!-- maw_img --> <div class="maw_img mi_2"> <img src="../../images/main/map_img.png" alt="날씨 지도"> <p class="point_jj" data-type="now-tmp" data-stn="184">제주<!-- <b>6℃</b> --></p> <p class="point_ss" data-type="now-tmp" data-stn="188">성산<!-- <b>11℃</b> --></p> <p class="point_skp" data-type="now-tmp" data-stn="189">서귀포<!-- <b>14℃</b> --></p> <p class="point_ks" data-type="now-tmp" data-stn="185">고산<!-- <b>14℃</b> --></p> </div><!-- maw_img --> <div class="maw_img mi_3"> <img src="../../images/main/map_img.png" alt="날씨 지도"> <p class="point_jj" data-type="now-wd" data-stn="184">제주<!-- <img src="../../images/main/point_e.png" alt="동쪽"> --></p> <p class="point_ss" data-type="now-wd" data-stn="188">성산<!-- <img src="../../images/main/point_e.png" alt="동쪽"> --></p> <p class="point_skp" data-type="now-wd" data-stn="189">서귀포<!-- <img src="../../images/main/point_s.png" alt="남쪽"> --></p> <p class="point_ks" data-type="now-wd" data-stn="185">고산<!-- <img src="../../images/main/point_s.png" alt="남쪽"> --></p> </div><!-- maw_img --> <div class="maw_img mi_4"> <img src="../../images/main/map_img.png" alt="날씨 지도"> <p class="point_jj" data-type="now-ws" data-stn="184">제주<!-- <b>1㎧</b> --></p> <p class="point_ss" data-type="now-ws" data-stn="188">성산<!-- <b>10㎧</b> --></p> <p class="point_skp" data-type="now-ws" data-stn="189">서귀포<!-- <b>7㎧</b> --></p> <p class="point_ks" data-type="now-ws" data-stn="185">고산<!-- <b>5㎧</b> --></p> </div><!-- maw_img --> <div class="maw_img mi_5"> <img src="../../images/main/map_img.png" alt="날씨 지도"> <p class="point_jj" data-type="now-wf" data-stn="184">제주<!-- <img src="../../images/main/wticon_sun.png" alt="맑음">--></p> <p class="point_ss" data-type="now-wf" data-stn="188">성산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음">--></p> <p class="point_skp" data-type="now-wf" data-stn="189">서귀포<!-- <img src="../../images/main/wticon_sun.png" alt="맑음">--></p> <p class="point_ks" data-type="now-wf" data-stn="185">고산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음">--></p> </div><!-- maw_img --> <div class="maw_img mi_6"> <img src="../../images/main/map_img.png" alt="날씨 지도"> <p class="point_jj" data-type="now-rn" data-stn="184">제주<!-- <b>100%</b> --></p> <p class="point_ss" data-type="now-rn" data-stn="188">성산<!-- <b>100%</b> --></p> <p class="point_skp" data-type="now-rn" data-stn="189">서귀포<!-- <b>70%</b> --></p> <p class="point_ks" data-type="now-rn" data-stn="185">고산<!-- <b>80%</b> --></p> </div><!-- maw_img --> <div class="maw_img mi_7"> <img src="../../images/main/map_img.png" alt="날씨 지도"> <p class="point_jj" data-type="obs-rn" data-stn="184">제주<!-- <b>100%</b> --></p> <p class="point_ss" data-type="obs-rn" data-stn="188">성산<!-- <b>100%</b> --></p> <p class="point_skp" data-type="obs-rn" data-stn="189">서귀포<!-- <b>70%</b> --></p> <p class="point_ks" data-type="obs-rn" data-stn="185">고산<!-- <b>80%</b> --></p> </div><!-- maw_img --> </div><!-- maw_conbox --> <div class="maw_conbox mc_2"> <div class="maw_date" data-type="fct-tm"> </div> <ul> <li data-type="fct-date-0" class="active"><p> </p></li> <li data-type="fct-date-1"><p> </p></li> <li data-type="fct-date-2"><p> </p></li> <li data-type="fct-date-3"><p> </p></li> <li data-type="fct-date-4"><p> </p></li> <li data-type="fct-date-5"><p> </p></li> <li data-type="fct-date-6"><p> </p></li> </ul> <div class="maw_img mi_1 active"> <img src="../../images/main/map_img.png" alt="날씨 지도"> <p class="point_jj" data-type="fct-0" data-stn="184">제주<!-- <img src="../../images/main/wticon_sun.png" alt="맑음">--></p> <p class="point_ss" data-type="fct-0" data-stn="188">성산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음">--></p> <p class="point_skp" data-type="fct-0" data-stn="189">서귀포<!-- <img src="../../images/main/wticon_sun.png" alt="맑음">--></p> <p class="point_ks" data-type="fct-0" data-stn="185">고산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음">--></p> </div><!-- maw_img --> <div class="maw_img mi_2"> <img src="../../images/main/map_img.png" alt="날씨 지도"> <p class="point_jj" data-type="fct-1" data-stn="184">제주<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_ss" data-type="fct-1" data-stn="188">성산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_skp" data-type="fct-1" data-stn="189">서귀포<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_ks" data-type="fct-1" data-stn="185">고산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> </div><!-- maw_img --> <div class="maw_img mi_3"> <img src="../../images/main/map_img.png" alt="날씨 지도"> <p class="point_jj" data-type="fct-2" data-stn="184">제주<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_ss" data-type="fct-2" data-stn="188">성산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_skp" data-type="fct-2" data-stn="189">서귀포<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_ks" data-type="fct-2" data-stn="185">고산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> </div><!-- maw_img --> <div class="maw_img mi_4"> <img src="../../images/main/map_img.png" alt="날씨 지도"> <p class="point_jj" data-type="fct-3" data-stn="184">제주<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_ss" data-type="fct-3" data-stn="188">성산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_skp" data-type="fct-3" data-stn="189">서귀포<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_ks" data-type="fct-3" data-stn="185">고산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> </div><!-- maw_img --> <div class="maw_img mi_5"> <img src="../../images/main/map_img.png" alt="날씨 지도"> <p class="point_jj" data-type="fct-4" data-stn="184">제주<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_ss" data-type="fct-4" data-stn="188">성산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_skp" data-type="fct-4" data-stn="189">서귀포<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_ks" data-type="fct-4" data-stn="185">고산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> </div><!-- maw_img --> <div class="maw_img mi_6"> <img src="../../images/main/map_img.png" alt="날씨 지도"> <p class="point_jj" data-type="fct-5" data-stn="184">제주<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_ss" data-type="fct-5" data-stn="188">성산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_skp" data-type="fct-5" data-stn="189">서귀포<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_ks" data-type="fct-5" data-stn="185">고산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> </div><!-- maw_img --> <div class="maw_img mi_7"> <img src="../../images/main/map_img.png" alt="날씨 지도"> <p class="point_jj" data-type="fct-6" data-stn="184">제주<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_ss" data-type="fct-6" data-stn="188">성산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_skp" data-type="fct-6" data-stn="189">서귀포<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> <p class="point_ks" data-type="fct-6" data-stn="185">고산<!-- <img src="../../images/main/wticon_sun.png" alt="맑음"> --></p> </div><!-- maw_img --> </div><!-- maw_conbox --> <br><br> <div class="cmp-rpt-download"> <a href="#" data-type="short-term-rpt" class="cmp-rpt-download-btn">단기예보 통보문</a> <a href="#" data-type="mid-term-rpt" class="cmp-rpt-download-btn">중기예보 통보문</a> </div> </div><!-- ma_weather --> <link rel="stylesheet" type="text/css" href="https://www.weather.go.kr/w/resources/ext/css/ext-component.css"/> <script type="text/javascript" src="https://www.weather.go.kr/w/resources/js/object-assign.js"></script> <script type="text/javascript" src="https://www.weather.go.kr/w/resources/js/moment-with-locales.js"></script> <script type="text/javascript" src="https://www.weather.go.kr/w/resources/js/mustache.min.js"></script> <script type="text/javascript" src="https://www.weather.go.kr/w/resources/js/store.modern.min.js"></script> <script type="text/javascript" src="https://www.weather.go.kr/w/resources/js/lodash.min.js"></script> <script type="text/javascript" src="https://www.weather.go.kr/w/resources/js/iscroll-probe.js"></script> <script type="text/javascript" src="https://www.weather.go.kr/w/resources/js/highcharts.js"></script> <script type="text/javascript" src="https://www.weather.go.kr/w/resources/js/fn.js"></script> <script type="text/javascript" src="https://www.weather.go.kr/w/resources/ext/js/cur-obs.js"></script> <script type="text/javascript" src="https://www.weather.go.kr/w/resources/ext/js/cur-now.js"></script> <script type="text/javascript" src="https://www.weather.go.kr/w/resources/ext/js/daily-fct.js"></script> <script type="text/javascript" src="https://www.weather.go.kr/w/resources/ext/js/short-term-rpt.js"></script> <script type="text/javascript" src="https://www.weather.go.kr/w/resources/ext/js/mid-term-rpt.js"></script> <script type="text/javascript"> window.weatherDomain = "https://www.weather.go.kr"; /* 184 제주, 188 성산, 189 서귀표, 185 고산 */ var obsStations = [ '184', '188', '185', '189']; var curObs = new CurObs('.ma_weather', obsStations, { weatherDomain: window.weatherDomain } ); var curNow = new CurNow('.ma_weather', obsStations, { weatherDomain: window.weatherDomain } ); var dailyFct = new DailyFct('.ma_weather', obsStations, { weatherDomain: window.weatherDomain } ); var shortTermRpt = new ShortTermRpt('.ma_weather', '184', { weatherDomain: window.weatherDomain } ); var midTermRpt = new MidTermRpt('.ma_weather', '184', { weatherDomain: window.weatherDomain } ); </script> <script defer type="text/javascript" src="https://www.weather.go.kr/w/resources/ext/js/ext-dong-searchbox.js"></script> <script defer type="text/javascript" src="https://www.weather.go.kr/w/resources/ext/js/ext-bookmark-dropdown.js"></script> <script defer type="text/javascript" src="https://www.weather.go.kr/w/resources/ext/js/create-dfs-slider.js"></script> <script defer type="text/javascript" src="https://www.weather.go.kr/w/resources/ext/js/ext-my-point-slider.js"></script> <script defer type="text/javascript" src="https://www.weather.go.kr/w/resources/ext/js/ext-weather.js"></script> <div class="ma_ext_weather"> <div class="point-sch-wrap"> <div class="cmp-my-point-slider" id="my-point-slider"> <div class="slide-wrap"> <div data-role="my-area-holder"><div class="no-area">로딩중...</div></div> <div class="left-fade"></div> <div class="right-fade"></div> </div> </div> <a href="#" class="sym-btn sch-b" data-role="pop-local-search">행정동검색</a> <div class="cmp-local-search" id="index-local-search"> <div class="cmp-local-search-input"> <div><input class="input" type="text" placeholder="“제주 ○○동” 또는 주요 지명으로 검색" title="“제주 ○○동” 또는 주요 지명으로 검색"></div> <a href="#" class="sym-btn sch">검색</a> </div> <div class="cmp-local-search-items"> <ul></ul> </div> </div> <div id="index-bookmarks" class="cmp-bookmark"> <a href="#" class="sym-btn curr" data-role="search-current-location" title="내위치(PC에서 접속하시는 경우 실제 계신 곳의 위치와 차이가 발생할 수 있습니다.)">현재위찾기</a> <div class="serch-area accordionsecond-wrap"> <a href="#" type="button" class="serch-area-btn accordionsecond-tit" data-role="bookmark-selected">로딩중...</a> <div class="accordionsecond-con serch-con"> <div> <ul data-role="bookmark-holder"></ul> </div> </div> </div> <div class="right-wrap"> <a href="#" class="sym-btn star" data-role="toggle-bookmark">관심지역토글</a> <a href="#" class="sym-btn quest" data-role="toggle-help">도움말</a> <i class="tt-btn"><span class="tt">별표를 누르면 관심지역으로 등록 또는 삭제할 수 있습니다</span></i> <a href="https://www.weather.go.kr/wgis-nuri/html/map.html" class="open-wgis" target="_blank" title="새창열림">날씨지도</a> <div class="cmp-help-tooltip"> <div class="shadow-box"> <div class="inner"> <a href="#close" class="close-box">닫기</a> <h5>도움말</h5> <p>별표를 누르면 관심지역으로 등록 또는 삭제할 수 있습니다</p> </div> </div> </div> </div> </div> </div> <div id="current-weather" class="cmp-cur-weather-wrap"></div> <!-- 대기질 정보출처: 제주 보건환경연구원 추가 --> <div class="jeju-cmp-cur-weather-air"> <p><a href="https://air.jeju.go.kr/index.htm" target="_blank" title="새창열림">제주특별자치도 보건환경연구원</a></p> </div> </div> </div><!-- main_asp_wrap --> <div id="digital-forecast"></div> <!-- 대기질 정보출처: 제주 보건환경연구원 추가 --> <div class="jeju-mobile-cmp-cur-weather-air"> <p><a href="https://air.jeju.go.kr/index.htm" target="_blank" title="새창열림">제주특별자치도 보건환경연구원</a></p> </div> </div> <!-- 제주날씨 메뉴 추가 --> <div class="jeju_main_imgbg_banner"> <div class="jeju_mib_box"> <a href="javascript:windowrollingpopup('../oneclick/one_click_olle.jsp','한라산·오름·올레·둘레길','780','940');" title="한라산·오름·올레·둘레길" style="background-image:url('../../images/main/jeju_bgimg_11.png');" rel="nosublink"> <div class="msb_img"><img src="../../images/main/jeju_olle.png" alt="한라산·오름·올레·둘레길"></div> <p>한라산·오름·올레·둘레길</p> </a> </div><!-- jeju_mib_box --> <div class="jeju_mib_box"> <a href="javascript:windowrollingpopup('../oneclick/one_click_road.jsp','도로날씨','780','940');" title="도로날씨" style="background-image:url('../../images/main/jeju_bgimg_21.png');" rel="nosublink"> <div class="msb_img"><img src="../../images/main/jeju_road.png" alt="도로날씨"></div> <p>도로날씨</p> </a> </div><!-- jeju_mib_box --> <div class="jeju_mib_box"> <a href="javascript:windowrollingpopup('../oneclick/one_click_sea_1.jsp','바다날씨','780','940');" title="바다날씨" style="background-image:url('../../images/main/jeju_bgimg_31.png');" rel="nosublink"> <div class="msb_img"><img src="../../images/main/jeju_marine.png" alt="바다날씨"></div> <p>바다날씨</p> </a> </div><!-- jeju_mib_box --> <div class="jeju_mib_box"> <a href="javascript:windowrollingpopup('../oneclick/one_click_weather_report.jsp','상세한 날씨해설','780','940');" title="상세한 날씨해설" style="background-image:url('../../images/main/jeju_bgimg_51.png');" rel="nosublink"> <div class="msb_img"><img src="../../images/main/jeju_weather.png" alt="상세한 날씨해설"></div> <p>상세한 날씨해설</p> </a> </div><!-- jeju_mib_box --> </div><!-- main_imgbg_banner --> <!-- 제주날씨 메뉴 추가 --> <div class="main_banner_wrap"> <div class="main_banner1"> <div class="mb_tit"> <h4>알림판</h4> </div><!-- mb_tit --> <div id="main_banner1" class="main_b_sbanner"> <div class="controls"> <a href="#" class="play">play</a> <a href="#" class="stop">stop</a> <a href="#" class="b_previous">previous</a> <a href="#" class="b_next">next</a> </div><!-- controls --> <div class="slides"> <div> <a href="https://www.mois.go.kr/html/taegeukgi/0301.html" title="새창으로 열립니다." target="_blank"> <img src="https://www.kma.go.kr/upload/popupzone05/2025/02/17/ATC202502170950231_7bf65558-4210-49d3-9aa8-efce515c4929.jpg" alt="[태극기달기 캠페인] 106주년 3·1절" /> </a> </div> <div> <a href="https://www.kma.go.kr/jeju/html/impact/impact.html" title="새창으로 열립니다." target="_blank"> <img src="https://www.kma.go.kr/upload/popupzone05/2024/12/13/ATC202412131516031_4a36b1aa-72f8-457f-8e18-b4becbcdd29e.jpg" alt="제주도 한파 영향예보" /> </a> </div> </div><!-- slides --> </div><!-- main_b_sbanner --> <script type="text/javascript"> $("#main_banner1").caro({ autoNavigation: true, resize: true, resizeDelay:300, cycle: true }); </script> </div><!-- main_banner1 --> <div class="main_banner2"> <div class="mb_tit"> <h4>공익캠페인</h4> </div><!-- mb_tit --> <div id="main_banner2" class="main_b_sbanner"> <div class="controls"> <a href="#" class="play">play</a> <a href="#" class="stop">stop</a> <a href="#" class="b_previous">previous</a> <a href="#" class="b_next">next</a> </div><!-- controls --> <div class="slides"> <div><a href="../../images/campaign/winter_campaign.zip" download title="기상재해 피해예방 공익캠페인"><img src="../../images/main/banner2_1.jpg" alt="기상재해 피해예방 공익캠페인"></a></div> </div><!-- slides --> </div><!-- main_b_sbanner --> <script type="text/javascript"> $("#main_banner2").caro({ autoNavigation: true, cycle: true }); </script> </div><!-- main_banner2 --> <div class="main_banner3"> <ul> <li> <a href="javascript:windowrollingpopup('https://www.weather.go.kr/plus/land/current/aws_table_popup_jeju.jsp','지상관측자료','1330','900');" title="지상관측자료"> <img src="../../images/main/banner3_icon1.png" alt="지상관측자료"> <p>지상관측자료</p> </a> </li> <li> <a href="javascript:windowrollingpopup('../observation/observation_info.jsp','관측환경정보','780','900');" title="관측환경정보"> <img src="../../images/main/banner3_icon2.png" alt="관측환경정보"> <p>관측환경정보</p> </a> </li> </ul> </div><!-- main_banner3 --> <div class="main_banner4"> <ul> <li> <a href="https://www.facebook.com/jejukma" target="_blank" title="제주지방기상청 페이스북"> <img src="../../images/main/banner4_icon1.png" alt="제주지방기상청 페이스북"> <p>제주지방기상청<br>페이스북</p> </a> </li> <li> <a href="javascript:windowrollingpopup('../cliptoon/cliptoon_list.html','기후이슈웹툰 클립툰','780','870');" title="기후이슈웹툰 클립툰"> <img src="../../images/main/banner4_icon2.png" alt="기후이슈웹툰 클립툰"> <p>기후이슈웹툰<br>클립툰</p> </a> </li> </ul> </div><!-- main_banner4 --> </div><!-- main_banner_wrap --> <div class="main_slider_banner"> <div id="ms_banner" class="ca-container"> <div class="ca-wrapper"> <div class="ca-item"> <a href="javascript:windowrollingpopup('https://www.kma.go.kr/kma/ext/jeju/jeju06.jsp','날씨ON방송','2000','1500');" title="날씨ON방송"> <div class="msb_img"><img src="../..//upload/external/rolling/2024122_c1353102-7511-4d14-822c-4f7e8c3fe9b8.png" alt="날씨ON방송"></div> <p>날씨ON방송</p> </a> </div><!-- ca-item --> <div class="ca-item"> <a href="javascript:windowrollingpopup('https://www.weather.go.kr/w/obs-climate/land/past-obs/obs-by-day.do',' 과거날씨','2000','1500');" title=" 과거날씨"> <div class="msb_img"><img src="../..//upload/external/rolling/2024122_1231b91d-b73d-4dbe-81e3-4cb5f0634575.png" alt=" 과거날씨"></div> <p> 과거날씨</p> </a> </div><!-- ca-item --> <div class="ca-item"> <a href="javascript:windowrollingpopup('https://www.kma.go.kr/kma/ext/jeju/jeju05.jsp','주말날씨','2000','1500');" title="주말날씨"> <div class="msb_img"><img src="../..//upload/external/rolling/2024122_a79e96fc-b767-44de-8dfc-c79ffa77b04f.png" alt="주말날씨"></div> <p>주말날씨</p> </a> </div><!-- ca-item --> <div class="ca-item"> <a href="javascript:windowrollingpopup('https://www.weather.go.kr/w/eqk-vol/recent-eqk.do','지진정보','2000','1500');" title="지진정보"> <div class="msb_img"><img src="../..//upload/external/rolling/2024122_70315123-0501-483a-af6b-9976832b22fb.png" alt="지진정보"></div> <p>지진정보</p> </a> </div><!-- ca-item --> <div class="ca-item"> <a href="javascript:windowrollingpopup('http://weather.agri.jeju.kr','제주 밭작물','2000','1500');" title="제주 밭작물"> <div class="msb_img"><img src="../..//upload/external/rolling/2024122_11b74510-60e3-48ee-a183-669d3d0fc145.png" alt="제주 밭작물"></div> <p>제주 밭작물</p> </a> </div><!-- ca-item --> <div class="ca-item"> <a href="javascript:windowrollingpopup('https://odor.jomc.co.kr/dashboard','제주 축산(양돈)','2000','1500');" title="제주 축산&#40;양돈&#41;"> <div class="msb_img"><img src="../..//upload/external/popup/20241216_c8c1a2ed-7101-4104-8b0c-75080738fb13.png" alt="제주 축산&#40;양돈&#41;"></div> <p>제주 축산(양돈)</p> </a> </div><!-- ca-item --> </div><!-- ca-wrapper --> <!-- slider banner 좌우버튼 숨김처리. --> <!-- <div class="paginator-center text-color text-center"> <button class="prev slick-prev"></button> <button class="next slick-next"></button> </div> --> </div><!-- ca-container --> <script type="text/javascript" src="../../_js/jquery-migrate-1.2.1.min.js"></script> <script type="text/javascript"> /*$('#ms_banner').contentcarousel({ // speed for the sliding animation sliderSpeed : 750, // easing for the sliding animation sliderEasing : 'easeOutExpo', // speed for the item animation (open / close) itemSpeed : 750, // easing for the item animation (open / close) itemEasing : 'easeOutExpo', // number of items to scroll at a time scroll : 1 });*/ $(document).ready(function() { $('#ms_banner .ca-wrapper').slick({ slidesToShow: 6, slidesToScroll: 1, arrows: true, infinite: true, prevArrow: $('.ca-wrapper .prev'), nextArrow: $('.ca-wrapper .next'), responsive: [ { breakpoint: 1499, settings: { arrows: true, centerMode: true, centerPadding: '40px', slidesToShow: 4 } }, { breakpoint: 1199, settings: { arrows: true, centerMode: true, centerPadding: '40px', slidesToShow: 3 } }, { breakpoint: 959, settings: { arrows: true, centerMode: true, centerPadding: '40px', slidesToShow: 2 } } ] }); }); </script> </div><!-- main_slider_banner --> <div class="main_board_wrap"> <div class="mb_left"> <div class="mb_box" style="background-image:url('../../images/main/board_bg1.jpg');"> <h4>제주지방기상청<br>소개</h4> <div> <a href="../info/business01.jsp" title="주요 업무" class="mb_a">주요 업무</a> <a href="../info/organization.jsp" title="조직과 직원" class="mb_a">조직 · 직원</a> </div> </div><!-- mb_box --> <div class="mb_box" style="background-image:url('../../images/main/board_bg2.jpg');"> <h4>전자민원</h4> <div> <a href="https://minwon.kma.go.kr/main/main.do" target="_blank" title="기상청 민원서류 전자문서로 무료발급 받으세요!" class="mb_p">기상청 민원서류<br>전자문서로<br>무료발급 받으세요!</a> </div> </div><!-- mb_box --> <div class="mb_box" style="background-image:url('../../images/main/board_bg3.jpg');"> <h4>기상과학 홍보관</h4> <div> <a href="https://booking.naver.com/booking/12/bizes/853944" target="_blank" title="체험학습신청" class="mb_a">체험학습신청</a> <a href="https://www.kma.go.kr/kma/exp/preview_10.jsp" target="_blank" title="홍보관 소개" class="mb_a">홍보관 소개</a> </div> </div><!-- mb_box --> </div><!-- mb_left --> <div class="mb_right"> <div class="main_board_tab"> <ul> <li> <p>공지사항</p> <a href="../news/notice_list.jsp?boardId=gongzi" title="공지사항 더보기">더보기</a> </li> <li class="active"> <p>보도자료</p> <a href="../news/notice_list.jsp?boardId=press2" title="보도자료 더보기">더보기</a> </li> <li> <p>탐나는기상</p> <a href="../news/notice_list.jsp?boardId=jeju04" title="탐나는 기상소식 더보기">더보기</a> </li> </ul> </div><!-- main_board_tab --> <div class="main_board_con mb_con1"> <ul> <li> <a href='../news/notice_view.jsp?pageNo=1&articleno=1193356&boardId=gongzi'>2023년 화재대비 기상청 민방위 훈련 실시(2023.11.1. 14:00~14:20)</a> <span>2023/10/26</span> </li> <li> <a href='../news/notice_view.jsp?pageNo=1&articleno=1193321&boardId=gongzi'>2023 제주기후와 전통음식이야기</a> <span>2023/08/28</span> </li> <li> <a href='../news/notice_view.jsp?pageNo=1&articleno=1193316&boardId=gongzi'>2023년 을지훈련 알림(2023.8.21.~8.24.)</a> <span>2023/08/18</span> </li> <li> <a href='../news/notice_view.jsp?pageNo=1&articleno=1193312&boardId=gongzi'>2023년 을지연습 연계 민방위 훈련</a> <span>2023/08/08</span> </li> <li> <a href='../news/notice_view.jsp?pageNo=1&articleno=1193307&boardId=gongzi'>「제주도 기온오름 정복자」 이벤트 운영</a> <span>2023/08/02</span> </li> </ul> </div><!-- main_board_con --> <div class="main_board_con mb_con2 active"> <ul> <li> <a href='../news/notice_view.jsp?pageNo=1&articleno=12836&boardId=press2'>[보도자료] 2025년 1월 제주도 기후특성</a> <span>2025/02/05</span> </li> <li> <a href='../news/notice_view.jsp?pageNo=1&articleno=12823&boardId=press2'>[설명자료] 2025년 설 연휴 기상 전망_제주</a> <span>2025/01/23</span> </li> <li> <a href='../news/notice_view.jsp?pageNo=1&articleno=12809&boardId=press2'>[보도자료] 2024년 제주도 연 기후특성</a> <span>2025/01/09</span> </li> <li> <a href='../news/notice_view.jsp?pageNo=1&articleno=12798&boardId=press2'> [보도자료] 신임 유승협 제주지방기상청장 취임</a> <span>2024/12/31</span> </li> <li> <a href='../news/notice_view.jsp?pageNo=1&articleno=12795&boardId=press2'>[보도자료] 제주도 올 겨울 첫눈(12월 18일) 관측</a> <span>2024/12/19</span> </li> </ul> </div><!-- main_board_con --> <div class="main_board_con mb_con3"> <ul> <li> <a href='../news/notice_view.jsp?pageNo=1&articleno=989&boardId=press2'>서귀포 매화(만발) 관측</a> <span>2025/02/20</span> </li> <li> <a href='../news/notice_view.jsp?pageNo=1&articleno=988&boardId=press2'>제주 매화(개화)관측 (2.17.)</a> <span>2025/02/17</span> </li> <li> <a href='../news/notice_view.jsp?pageNo=1&articleno=987&boardId=press2'>서귀포 매화(개화) 관측 </a> <span>2025/02/13</span> </li> <li> <a href='../news/notice_view.jsp?pageNo=1&articleno=986&boardId=press2'>제주, 서귀포 첫 얼음 관측(2025.01.09.)</a> <span>2025/01/09</span> </li> <li> <a href='../news/notice_view.jsp?pageNo=1&articleno=985&boardId=press2'> 특이기상현상(싸락우박) 관측 보고(제주)(12.21.)</a> <span>2024/12/22</span> </li> </ul> </div><!-- main_board_con --> </div><!-- mb_right --> </div><!-- main_board_wrap --> <div class="main_imgbg_banner"> <div class="mib_box"> <a href="https://data.kma.go.kr/cmmn/main.do" target="_blank" title="기상자료개방포털" style="background-image:url('../../images/main/bgimg_leftr1.png');">기상자료개방포털</a> </div><!-- mib_box --> <div class="mib_box"> <a href="https://www.kma.go.kr/kma/ext/jeju/jeju02.jsp" target="_blank" title="기후특성" style="background-image:url('../../images/main/bgimg_r3.png');">기후특성</a> </div><!-- mib_box --> <div class="mib_box"> <a href="https://www.kma.go.kr/jeju/html/exp/exp_intro.html" target="_blank" title="제주기상과학홍보관 소개영상" style="background-image:url('../../images/main/bgimg_r4.png');">제주기상과학홍보관 소개영상</a> </div> </div><!-- main_imgbg_banner --> </div><!-- sub_wrap --> <script> function windowrollingpopup(urlval , titleval , widthval , heightval){ window.open(urlval,titleval,'width='+widthval+', height='+heightval+', scrollbars=no'); } </script> </div><!-- contant --> <div class="clear"></div> <div id="footer"> <div id="footer_util"> <div class="con_width"> <ul> <li><a href="javascript:void(0);" title="열기">기상청소속기관</a> <ul class="link_list"> <li><a href="http://www.kma.go.kr/metropolitan/index.jsp" target="_blank" title="새창열림">수도권기상청</a></li> <li><a href="http://www.kma.go.kr/busan/index.jsp" target="_blank" title="새창열림">부산지방기상청</a></li> <li><a href="http://www.kma.go.kr/gwangju/index.jsp" target="_blank" title="새창열림">광주지방기상청</a></li> <li><a href="http://www.kma.go.kr/gangwon/index.jsp" target="_blank" title="새창열림">강원지방기상청</a></li> <li><a href="http://www.kma.go.kr/daejeon/index.jsp" target="_blank" title="새창열림">대전지방기상청</a></li> <li><a href="http://www.kma.go.kr/daegu/index.jsp" target="_blank" title="새창열림">대구지방기상청</a></li> <li><a href="http://www.kma.go.kr/jeju/index.jsp" target="_blank" title="새창열림">제주지방기상청</a></li> <li><a href="http://www.kma.go.kr/cheongju/index.jsp" target="_blank" title="새창열림">청주기상지청</a></li> <li><a href="http://www.kma.go.kr/jeonju/index.jsp" target="_blank" title="새창열림">전주기상지청</a></li> <li><a href="http://nmsc.kma.go.kr" target="_blank" title="새창열림">국가기상위성센터</a></li> <li><a href="http://amo.kma.go.kr" target="_blank" title="새창열림">항공기상청</a></li> <li><a href="http://www.nimr.go.kr/" target="_blank" title="새창열림">국립기상과학원</a></li> <li><a href="http://radar.kma.go.kr" target="_blank" title="새창열림">기상레이더센터</a></li> <li><a href="http://typ.kma.go.kr/index.jsp" target="_blank" title="새창열림">국가태풍센터</a></li> <li><a href="http://www.kma.go.kr/super/index.jsp" target="_blank" title="새창열림">국가기상슈퍼컴퓨터센터</a></li> </ul> <span class="arr sprite"></span> </li> <li><a href="javascript:void(0);" title="열기">제주 유관기관</a> <ul class="link_list"> <li><a href="http://www.jeju.go.kr" target="_blank" title="새창열림">제주특별자치도청</a></li> <li><a href="http://www.jejusi.go.kr" target="_blank" title="새창열림">제주시청</a></li> <li><a href="http://www.seogwipo.go.kr" target="_blank" title="새창열림">서귀포시청</a></li> <li><a href="http://bangjae.jeju119.go.kr" target="_blank" title="새창열림">제주도재난안전대책본부</a></li> <li><a href="http://www.hallasan.go.kr" target="_blank" title="새창열림">한라산국립공원</a></li> <li><a href="http://www.jejuits.go.kr" target="_blank" title="새창열림">제주시첨단교통센터(ITS)</a></li> <li><a href="http://www.jjpolice.go.kr" target="_blank" title="새창열림">제주지방경찰청</a></li> <li><a href="http://www.agri.jeju.kr" target="_blank" title="새창열림">제주도농업기술원</a></li> </ul> <span class="arr sprite"></span> </li> <li><a href="javascript:void(0);" title="열기">주요행정기관</a> <ul class="link_list"> <li><a href="http://www.president.go.kr/" target="_blank" title="새창열림">청와대</a></li> <li><a href="http://www.pmo.go.kr/" target="_blank" title="새창열림">국무총리실</a></li> <li><a href="http://www.bai.go.kr/" target="_blank" title="새창열림">감사원</a></li> <li><a href="http://www.nis.go.kr/" target="_blank" title="새창열림">국가정보원</a></li> <li><a href="http://www.kcc.go.kr/" target="_blank" title="새창열림">방송통신위원회</a></li> <li><a href="http://www.humanrights.go.kr/" target="_blank" title="새창열림">국가인권위원회</a></li> <li><a href="http://www.ftc.go.kr/" target="_blank" title="새창열림">공정거래위원회</a></li> <li><a href="http://www.fsc.go.kr/" target="_blank" title="새창열림">금융위원회</a></li> <li><a href="http://www.acrc.go.kr/" target="_blank" title="새창열림">국민권익위원회</a></li> <li><a href="http://nas.na.go.kr/" target="_blank" title="새창열림">국회사무처</a></li> <li class="devide"><a href="" target="_blank" title="새창열림">[ 18부 ]</a></li> <li><a href="http://www.mosf.go.kr/" target="_blank" title="새창열림">기획재정부</a></li> <li><a href="http://www.msip.go.kr/" target="_blank" title="새창열림">과학기술정보통신부</a></li> <li><a href="http://www.moe.go.kr/" target="_blank" title="새창열림">교육부</a></li> <li><a href="http://www.mofat.go.kr" target="_blank" title="새창열림">외교부</a></li> <li><a href="http://www.unikorea.go.kr/" target="_blank" title="새창열림">통일부</a></li> <li><a href="http://www.moj.go.kr/" target="_blank" title="새창열림">법무부</a></li> <li><a href="http://www.mnd.go.kr/" target="_blank" title="새창열림">국방부</a></li> <li><a href="http://www.mois.go.kr/" target="_blank" title="새창열림">행정안전부</a></li> <li><a href="http://www.mcst.go.kr/" target="_blank" title="새창열림">문화체육관광부</a></li> <li><a href="http://www.mafra.go.kr/" target="_blank" title="새창열림">농림축산식품부</a></li> <li><a href="http://www.motie.go.kr/www/main.do" target="_blank" title="새창열림">산업통상자원부</a></li> <li><a href="http://www.mohw.go.kr/" target="_blank" title="새창열림">보건복지부</a></li> <li><a href="http://www.me.go.kr/" target="_blank" title="새창열림">환경부</a></li> <li><a href="http://www.moel.go.kr/" target="_blank" title="새창열림">고용노동부</a></li> <li><a href="http://www.mogef.go.kr/" target="_blank" title="새창열림">여성가족부</a></li> <li><a href="http://www.molit.go.kr/" target="_blank" title="새창열림">국토교통부</a></li> <li><a href="http://www.mof.go.kr/" target="_blank" title="새창열림">해양수산부</a></li> <li><a href="http://www.smba.go.kr/" target="_blank" title="새창열림">중소벤처기업부</a></li> <li class="devide"><a href="javascript:void(0);" target="_blank" title="새창열림">[ 4처 ]</a></li> <li><a href="http://www.mpm.go.kr" target="_blank" title="새창열림">인사혁신처</a></li> <li><a href="http://www.moleg.go.kr/" target="_blank" title="새창열림">법제처</a></li> <li><a href="http://www.mpva.go.kr/" target="_blank" title="새창열림">국가보훈처</a></li> <li><a href="http://www.mfds.go.kr/" target="_blank" title="새창열림">식품의약품안전처</a></li> <li class="devide"><a href="" target="_blank" title="새창열림">[ 17청 ]</a></li> <li><a href="http://www.nts.go.kr/" target="_blank" title="새창열림">국세청</a></li> <li><a href="http://www.customs.go.kr/" target="_blank" title="새창열림">관세청</a></li> <li><a href="http://www.pps.go.kr/" target="_blank" title="새창열림">조달청</a></li> <li><a href="http://kostat.go.kr/" target="_blank" title="새창열림">통계청</a></li> <li><a href="http://www.spo.go.kr/" target="_blank" title="새창열림">검찰청</a></li> <li><a href="http://www.mma.go.kr/" target="_blank" title="새창열림">병무청</a></li> <li><a href="http://www.dapa.go.kr/" target="_blank" title="새창열림">방위사업청</a></li> <li><a href="http://www.nfa.go.kr/nfa/" target="_blank" title="새창열림">소방청</a></li> <li><a href="http://www.kcg.go.kr" target="_blank" title="새창열림">해양경찰청</a></li> <li><a href="http://www.police.go.kr/" target="_blank" title="새창열림">경찰청</a></li> <li><a href="http://www.cha.go.kr" target="_blank" title="새창열림">문화재청</a></li> <li><a href="http://www.rda.go.kr/" target="_blank" title="새창열림">농촌진흥청</a></li> <li><a href="http://www.forest.go.kr/" target="_blank" title="새창열림">산림청</a></li> <li><a href="http://www.kipo.go.kr/" target="_blank" title="새창열림">특허청</a></li> <li><a href="http://www.kma.go.kr/" target="_blank" title="새창열림">기상청</a></li> <li><a href="http://www.naacc.go.kr/" target="_blank" title="새창열림">행정중심복합도시건설청</a></li> <li><a href="http://www.saemangeum.go.kr/" target="_blank" title="새창열림">새만금개발청</a></li> </ul> <span class="arr sprite"></span> </li> <li><a href="javascript:void(0);" title="열기">방재유관기관</a> <ul class="link_list"> <li><a href="http://119.seoul.go.kr/" target="_blank" title="새창열림">서울종합방재센터</a></li> <li><a href="http://www.ndmi.go.kr" target="_blank" title="새창열림">국립재난안전연구원</a></li> <li><a href="http://www.hrfco.go.kr/" target="_blank" title="새창열림">한강홍수통제소</a></li> <li><a href="http://www.mois.go.kr/frt/a01/frtMain.do" target="_blank" title="새창열림">중앙재난안전대책본부</a></li> <li><a href="http://www.airkorea.or.kr" target="_blank" title="새창열림">대기오염도실시간공개</a></li> <li><a href="http://www.wamis.go.kr" target="_blank" title="새창열림">국가수자원관리종합정보시스템</a></li> </ul> <span class="arr sprite"></span> </li> <li><a href="javascript:void(0);" title="열기">외국기상청</a> <ul class="link_list"> <li><a href="http://www.nws.noaa.gov/" target="_blank" title="새창열림">미국</a></li> <li><a href="http://www.jma.go.jp" target="_blank" title="새창열림">일본</a></li> <li><a href="http://www.cma.gov.cn" target="_blank" title="새창열림">중국</a></li> <li><a href="http://www.metoffice.gov.uk/" target="_blank" title="새창열림">영국</a></li> <li><a href="http://www.meteo.fr/e_index.html" target="_blank" title="새창열림">프랑스</a></li> <li><a href="http://www.wmo.int" target="_blank" title="새창열림">세계기상기구WMO</a></li> </ul> <span class="arr sprite"></span> </li> <li><a href="javascript:void(0);" title="열기">기상관련단체</a> <ul class="link_list"> <li><a href="http://www.kmiti.or.kr" target="_blank" title="새창열림">한국기상산업기술원</a></li> <li><a href="http://www.apcc21.org" target="_blank" title="새창열림">APEC기후센터</a></li> <li><a href="http://www.kiaps.org" target="_blank" title="새창열림">한국형수치예보모델개발사업단</a></li> </ul> <span class="arr sprite"></span> </li> </ul> </div><!-- con_width --> </div><!-- footer_util --> <div id="footer_copy"> <div class="con_width"> <div class="f_1st"> <p class="f_logo sprite">기상청</p> </div> <div class="f_2nd"> <div class="f_con_top"> <a href="https://www.kma.go.kr/kma/guide/privacy.jsp" title="개인정보처리방침" target="_blank">개인정보처리방침</a> <a href="https://www.kma.go.kr/kma/guide/siteinfo.jsp" title="이용안내" target="_blank">이용안내</a> <a href="https://www.kma.go.kr/kma/guide/copyright.jsp" title="저작권보호 및 정책" target="_blank" class="pc">저작권보호 및 정책</a> <a href="https://www.kma.go.kr/kma/guide/accessibility.jsp" title="웹접근성정책" target="_blank" class="pc">웹접근성정책</a> <a href="https://www.kma.go.kr/kma/guide/feedback.jsp" title="홈페이지오류·건의" target="_blank" class="pc">홈페이지오류·건의</a> <a href="https://www.kma.go.kr/kma/org/system/chart.jsp " title="전화번호안내" target="_blank" class="pc">전화번호안내</a> <a href="https://www.kma.go.kr/kma/org/system/staff.jsp" title="부서 직원찾기" target="_blank" class="pc">부서&직원찾기</a> <a href="https://www.kma.go.kr/kma/guide/viewer.jsp" title="뷰어다운로드" target="_blank" class="pc">뷰어다운로드</a> </div> <div class="f_con_bot"> <p>(63278) 제주특별자치도 제주시 만덕로 6길 32<br> <span class="pc">T.</span> <span class="mobile_i">대표전화</span> 064-909-3900 <span class="pc">(평일 9:00 ~ 18:00) <span>|</span> E-mail. webmasterkma@kma.go.kr</span><br> <span class="f_con_13"><span class="pc">본 홈페이지에 게시된 이메일 주소가 자동 수집되는 것을 거부하며, 이를 위반시 정보통신망법에 의해 처벌됨을 유념하시기 바랍니다.<br></span> Copyright © 2009 KMA. All Rights RESERVED</span></p> <div class="mark"> <!-- <img src="../../images/f_3rd_1.png" alt="웹접근성인증마크(과학기술정보통신부 WA WEB ACCESSIBILITY)"> --> <img src="../../images/f_3rd_2.png" alt="OPEN 출처표시, 공공누리 공공저작물 자유이용허락"> <img src="../../images/f_3rd_3.png" alt="기상콜센터 전국 국번없이 131"> </div> </div> </div> </div><!-- con_width --> </div><!-- footer_copy --> </div><!-- footer --> </div><!-- wrap --> <script type="text/javascript" src="/kma/resources/js/UserScriptConf.js"></script> </body> </html>