@charset "utf-8"; #mCont {background:#eeeef0;} #mCont > .inner {margin:0 auto;padding:30px 0;width:1400px;} #mCont > .inner:after {content:"";display:block;clear:both;} /* 지역맵 */ #mCont .air_map_wrap {position:relative;float:left;margin-right:30px;width:875px;border:solid #000;border-width:2px 1px 1px 1px;box-sizing:border-box;} #mCont .air_menu_list {} #mCont .air_menu_list:after {content:"";display:block;clear:both;} #mCont .air_menu_list li:first-child .air_tab{border-left:0;} #mCont .air_menu_list li .air_tab {position:absolute;top:0;display:block;width:14.28%;height:58px;border:solid #b4b4b4;border-width:0 0 1px 1px;box-sizing:border-box;background:#fff;text-align:center;z-index:3;} #mCont .air_menu_list li .air_tab:after {content:"";display:inline-block;height:100%;vertical-align:middle;} #mCont .air_menu_list li .air_tab .txt {display:inline-block;color:#555;font-size:16px;vertical-align:middle;} #mCont .air_menu_list li .air_tab .unit {display:block;font-size:14px;} #mCont .air_menu_list li.active .air_tab {background:#38dac2;} #mCont .air_menu_list li.active .txt {color:#000;font-weight:bold;} #mCont .air_menu_list li.active .unit {font-weight:normal;} #mCont .air_menu_list li.active .air_con {display:block;} #mCont .air_menu_list .item02 .air_tab {left:14.28%;} #mCont .air_menu_list .item03 .air_tab {left:28.56%;} #mCont .air_menu_list .item04 .air_tab {left:42.84%;} #mCont .air_menu_list .item05 .air_tab {left:57.12%;} #mCont .air_menu_list .item06 .air_tab {left:71.4%;} #mCont .air_menu_list .item07 .air_tab {left:85.68%;} #mCont .air_menu_list .air_con {display:none;position:relative;padding-top:88px;height:619px;background:url('/Main/Images/section/air/main/air_map_con_bg.gif') repeat;} #mCont .air_menu_list .air_map_cont {position:relative;height:100%;text-align:right;overflow:hidden;} #mCont .air_menu_list .air_map_cont .map_img {max-width:100%;} #mCont .air_menu_list .air_map_cont .obs_ico {position:absolute;} #mCont .air_menu_list .air_map_cont .obs_ico.gumi.p01 {right:410px;top:332px;} #mCont .air_menu_list .air_map_cont .obs_ico.gumi.p02 {right:385px;top:335px;} #mCont .air_menu_list .air_map_cont .obs_ico.gumi.p03 {right:378px;top:358px;} #mCont .air_menu_list .air_map_cont .obs_ico.gumi.p04 {right:402px;top:358px;} #mCont .air_menu_list .air_map_cont .obs_ico.gumi.p05 {right:417px;top:300px;} #mCont .air_menu_list .air_map_cont .obs_ico.gyeongsan.p01 {right:283px;top:455px;} #mCont .air_menu_list .air_map_cont .obs_ico.gyeongsan.p02 {right:279px;top:427px;} #mCont .air_menu_list .air_map_cont .obs_ico.gyeongsan.p03 {right:268px;top:444px;} #mCont .air_menu_list .air_map_cont .obs_ico.gyeongju.p01 {right:173px;top:441px;} #mCont .air_menu_list .air_map_cont .obs_ico.gyeongju.p02 {right:140px;top:450px;} #mCont .air_menu_list .air_map_cont .obs_ico.gyeongju.p03 {right:128px;top:482px;} #mCont .air_menu_list .air_map_cont .obs_ico.gyeongju.p04 {right:166px;top:415px;} #mCont .air_menu_list .air_map_cont .obs_ico.gimcheon.p01 {right:476px;top:360px;} #mCont .air_menu_list .air_map_cont .obs_ico.gimcheon.p02 {right:450px;top:366px;} #mCont .air_menu_list .air_map_cont .obs_ico.sangju.p01 {right:449px;top:278px;} #mCont .air_menu_list .air_map_cont .obs_ico.andong.p01 {right:305px;top:218px;} #mCont .air_menu_list .air_map_cont .obs_ico.yeongju.p01 {right:350px;top:130px;} #mCont .air_menu_list .air_map_cont .obs_ico.yeongju.p02 {right:336px;top:120px;} #mCont .air_menu_list .air_map_cont .obs_ico.yeongcheon.p01 {right:235px;top:399px;} #mCont .air_menu_list .air_map_cont .obs_ico.uljin.p01 {right:137px;top:59px;} #mCont .air_menu_list .air_map_cont .obs_ico.chilgok.p01 {right:382px;top:404px;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p01 {right:125px;top:365px;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p02 {right: 140px;top:385px;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p03 {right:125px;top:405px;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p04 {right:100px;top:405px;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p05 {right:101px;top:419px;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p06 {right:130px;top:385px;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p07 {right:110px;top:405px;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p08 {right:120px;top:397px;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p09 {right:130px;top:348px;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p10 {right:135px;top:397px;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p11 {right:144px;top:362px;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p12 {right:134px;top:374px;} #mCont .air_menu_list .air_map_cont .obs_ico.bonghwa.p01 {right:221px;top:60px;} #mCont .air_menu_list .air_map_cont .obs_ico.bonghwa.p02 {right:279px;top:110px;} #mCont .air_menu_list .air_map_cont .obs_ico.ulleung.p01 {right: 45px;top: 57px;} #mCont .air_menu_list .air_map_cont .obs_ico.goryeong.p01 {right: 420px;top: 503px;} #mCont .air_menu_list .air_map_cont .obs_ico.gunwi.p01 {right:348px; top:322px;} #mCont .air_menu_list .air_map_cont .obs_ico.uiseong.p01 {right:357px; top:280px;} #mCont .air_menu_list .air_map_cont .obs_ico.uiseong.p02 {right:381px; top:263px;} #mCont .air_menu_list .air_map_cont .obs_ico.yeongdeok.p01 {right:127px; top:267px;} #mCont .air_menu_list .air_map_cont .obs_ico.yeongdeok.p02 {right:147px; top:216px;} #mCont .air_menu_list .air_map_cont .obs_ico.hwayang.p01 {right:293px; top:519px;} #mCont .air_menu_list .air_map_cont .obs_ico.mungyeong.p01 {right:443px; top:186px;} #mCont .air_menu_list .air_map_cont .obs_ico.yulgok.p01 {right:470px; top:400px;} #mCont .air_menu_list .air_map_cont .obs_ico.seongju.p01 {right:430px; top:410px;} #mCont .air_menu_list .air_map_cont .obs_ico.yecheon.p01 {right:390px; top:210px;} #mCont .air_menu_list .air_map_cont .obs_ico.yeongyang.p01 {right:195px; top:147px;} #mCont .air_menu_list .air_map_cont .obs_ico.cheongsong.p01 {right:210px; top:260px;} #mCont .air_con .data_box_wrap {} #mCont .air_con .data_box {position:absolute;left:20px;width:165px;border:2px solid #000;border-radius:5px;box-shadow:2px 2px 5px rgba(0, 0, 0, 0.3);box-sizing:border-box;background:#fff;z-index:5;} #mCont .air_con .air_area_box {top:105px;} #mCont .air_con .air_area_box .date {padding:6px 0;color:#555;font-size:12px;text-align:center;} #mCont .air_con .air_area_box .area_name {padding-bottom:2px;height:38px;line-height:38px;font-size:18px;font-weight:bold;background:#c9ebce;text-align:center;} /*#mCont .air_con .air_area_box .air_data_tbl_wrap {padding:10px 0;}*/ #mCont .air_con .air_area_box .air_data_tbl {width:100%;border-collapse:collapse;table-layout:fixed;} #mCont .air_con .air_area_box .air_data_tbl caption span {position:absolute;left:-10000px;height:1px;overflow:hidden;} #mCont .air_con .air_area_box .air_data_tbl th, #mCont .air_con .air_area_box .air_data_tbl td {padding:3px 5px;font-size:13px;} #mCont .air_con .air_area_box .air_data_tbl th {color:#555;font-weight:normal;} #mCont .air_con .air_area_box .air_data_tbl td {text-align:right;} #mCont .air_con .air_area_box_close {display:none;position:absolute;top:0;right:0;width:30px;height:30px;background:rgba(0, 0, 0, 0.7) url('/Main/Images/section/air/main/map_close_btn.png') no-repeat center;text-indent:-9999px;} #mCont .air_con .air_area_bg {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.7);z-index:50;} #mCont .air_con .air_legend_box {top:425px;height:230px;} #mCont .air_con .air_legend_box .tit {height:46px;line-height:46px;font-size:14px;font-weight:bold;text-align:center;} #mCont .air_con .air_legend_box .legend_list {display:table;width:100%;border-collapse:collapse;table-layout:fixed;} #mCont .air_con .air_legend_box .legend_list li {display:table-row;border-top:1px solid #d6d6d6;} #mCont .air_con .air_legend_box .legend_list li span {display:table-cell;padding:7px 5px;font-size:14px;box-sizing:border-box;} #mCont .air_con .air_legend_box .legend_list li .cate {width:40px;color:#fff;font-weight:bold;text-align:center;} #mCont .air_con .air_legend_box .legend_list li .legend_good {background:#2d94e8;} #mCont .air_con .air_legend_box .legend_list li .legend_usual {background:#0b6537;} #mCont .air_con .air_legend_box .legend_list li .legend_bad {background:#ffd100;color:#000;} #mCont .air_con .air_legend_box .legend_list li .legend_very_bad {background:#e42e34;} #mCont .air_con .air_legend_box .legend_list li .legend_inspection {background:#d6d6d6;color:#000;} #mCont .air_con .air_legend_box .legend_list li .num {padding-left:10px;} #mCont .air_con .air_legend_box .legend_list li .num strong {margin-right:5px;} #mCont .air_con .cate_so2.o3 {background:url('/Main/Images/section/air/main/map/2023/main_map_O3.png') no-repeat right 0;} /* 아황산가스 */ #mCont .air_con .cate_so2 {width:100%;height:100%;background:url('/Main/Images/section/air/main/map/2023/main_map00.png') no-repeat right 0;} #mCont .air_con .cate_so2 .area_map {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:right 0;} /* 고령 */ #mCont .air_con .cate_so2 .area_map.goryeong_00 {background-image: url('/Main/Images/section/air/main/map/goryeong_00.png');} #mCont .air_con .cate_so2 .area_map.goryeong_01 {background-image: url('/Main/Images/section/air/main/map/goryeong_01.png');} #mCont .air_con .cate_so2 .area_map.goryeong_02 {background-image: url('/Main/Images/section/air/main/map/goryeong_02.png');} #mCont .air_con .cate_so2 .area_map.goryeong_03 {background-image: url('/Main/Images/section/air/main/map/goryeong_03.png');} #mCont .air_con .cate_so2 .area_map.goryeong_04 {background-image: url('/Main/Images/section/air/main/map/goryeong_04.png');} /* 구미 */ #mCont .air_con .cate_so2 .area_map.gumi_00 {background-image: url('/Main/Images/section/air/main/map/gumi_00.png');} #mCont .air_con .cate_so2 .area_map.gumi_01 {background-image: url('/Main/Images/section/air/main/map/gumi_01.png');} #mCont .air_con .cate_so2 .area_map.gumi_02 {background-image: url('/Main/Images/section/air/main/map/gumi_02.png');} #mCont .air_con .cate_so2 .area_map.gumi_03 {background-image: url('/Main/Images/section/air/main/map/gumi_03.png');} #mCont .air_con .cate_so2 .area_map.gumi_04 {background-image: url('/Main/Images/section/air/main/map/gumi_04.png');} /* 군위 #mCont .air_con .cate_so2 .area_map.gunwi_00 {background-image: url('/Main/Images/section/air/main/map/gunwi_00.png');} #mCont .air_con .cate_so2 .area_map.gunwi_01 {background-image: url('/Main/Images/section/air/main/map/gunwi_01.png');} #mCont .air_con .cate_so2 .area_map.gunwi_02 {background-image: url('/Main/Images/section/air/main/map/gunwi_02.png');} #mCont .air_con .cate_so2 .area_map.gunwi_03 {background-image: url('/Main/Images/section/air/main/map/gunwi_03.png');} #mCont .air_con .cate_so2 .area_map.gunwi_04 {background-image: url('/Main/Images/section/air/main/map/gunwi_04.png');} */ /* 경산 */ #mCont .air_con .cate_so2 .area_map.gyeongsan_00 {background-image: url('/Main/Images/section/air/main/map/gyeongsan_00.png');} #mCont .air_con .cate_so2 .area_map.gyeongsan_01 {background-image: url('/Main/Images/section/air/main/map/gyeongsan_01.png');} #mCont .air_con .cate_so2 .area_map.gyeongsan_02 {background-image: url('/Main/Images/section/air/main/map/gyeongsan_02.png');} #mCont .air_con .cate_so2 .area_map.gyeongsan_03 {background-image: url('/Main/Images/section/air/main/map/gyeongsan_03.png');} #mCont .air_con .cate_so2 .area_map.gyeongsan_04 {background-image: url('/Main/Images/section/air/main/map/gyeongsan_04.png');} /* 경주 */ #mCont .air_con .cate_so2 .area_map.gyeongju_00 {background-image: url('/Main/Images/section/air/main/map/gyeongju_00.png');} #mCont .air_con .cate_so2 .area_map.gyeongju_01 {background-image: url('/Main/Images/section/air/main/map/gyeongju_01.png');} #mCont .air_con .cate_so2 .area_map.gyeongju_02 {background-image: url('/Main/Images/section/air/main/map/gyeongju_02.png');} #mCont .air_con .cate_so2 .area_map.gyeongju_03 {background-image: url('/Main/Images/section/air/main/map/gyeongju_03.png');} #mCont .air_con .cate_so2 .area_map.gyeongju_04 {background-image: url('/Main/Images/section/air/main/map/gyeongju_04.png');} /* 김천 */ #mCont .air_con .cate_so2 .area_map.gimcheon_00 {background-image: url('/Main/Images/section/air/main/map/gimcheon_00.png');} #mCont .air_con .cate_so2 .area_map.gimcheon_01 {background-image: url('/Main/Images/section/air/main/map/gimcheon_01.png');} #mCont .air_con .cate_so2 .area_map.gimcheon_02 {background-image: url('/Main/Images/section/air/main/map/gimcheon_02.png');} #mCont .air_con .cate_so2 .area_map.gimcheon_03 {background-image: url('/Main/Images/section/air/main/map/gimcheon_03.png');} #mCont .air_con .cate_so2 .area_map.gimcheon_04 {background-image: url('/Main/Images/section/air/main/map/gimcheon_04.png');} /* 문경 */ #mCont .air_con .cate_so2 .area_map.mungyeong_00 {background-image: url('/Main/Images/section/air/main/map/mungyeong_00.png');} #mCont .air_con .cate_so2 .area_map.mungyeong_01 {background-image: url('/Main/Images/section/air/main/map/mungyeong_01.png');} #mCont .air_con .cate_so2 .area_map.mungyeong_02 {background-image: url('/Main/Images/section/air/main/map/mungyeong_02.png');} #mCont .air_con .cate_so2 .area_map.mungyeong_03 {background-image: url('/Main/Images/section/air/main/map/mungyeong_03.png');} #mCont .air_con .cate_so2 .area_map.mungyeong_04 {background-image: url('/Main/Images/section/air/main/map/mungyeong_04.png');} /* 봉화 */ #mCont .air_con .cate_so2 .area_map.bonghwa_00 {background-image: url('/Main/Images/section/air/main/map/bonghwa_00.png');} #mCont .air_con .cate_so2 .area_map.bonghwa_01 {background-image: url('/Main/Images/section/air/main/map/bonghwa_01.png');} #mCont .air_con .cate_so2 .area_map.bonghwa_02 {background-image: url('/Main/Images/section/air/main/map/bonghwa_02.png');} #mCont .air_con .cate_so2 .area_map.bonghwa_03 {background-image: url('/Main/Images/section/air/main/map/bonghwa_03.png');} #mCont .air_con .cate_so2 .area_map.bonghwa_04 {background-image: url('/Main/Images/section/air/main/map/bonghwa_04.png');} /* 상주시 */ #mCont .air_con .cate_so2 .area_map.sangju_00 {background-image: url('/Main/Images/section/air/main/map/sangju_00.png');} #mCont .air_con .cate_so2 .area_map.sangju_01 {background-image: url('/Main/Images/section/air/main/map/sangju_01.png');} #mCont .air_con .cate_so2 .area_map.sangju_02 {background-image: url('/Main/Images/section/air/main/map/sangju_02.png');} #mCont .air_con .cate_so2 .area_map.sangju_03 {background-image: url('/Main/Images/section/air/main/map/sangju_03.png');} #mCont .air_con .cate_so2 .area_map.sangju_04 {background-image: url('/Main/Images/section/air/main/map/sangju_04.png');} /* 성주군 */ #mCont .air_con .cate_so2 .area_map.seongju_00 {background-image: url('/Main/Images/section/air/main/map/seongju_00.png');} #mCont .air_con .cate_so2 .area_map.seongju_01 {background-image: url('/Main/Images/section/air/main/map/seongju_01.png');} #mCont .air_con .cate_so2 .area_map.seongju_02 {background-image: url('/Main/Images/section/air/main/map/seongju_02.png');} #mCont .air_con .cate_so2 .area_map.seongju_03 {background-image: url('/Main/Images/section/air/main/map/seongju_03.png');} #mCont .air_con .cate_so2 .area_map.seongju_04 {background-image: url('/Main/Images/section/air/main/map/seongju_04.png');} /* 안동 */ #mCont .air_con .cate_so2 .area_map.andong_00 {background-image: url('/Main/Images/section/air/main/map/andong_00.png');} #mCont .air_con .cate_so2 .area_map.andong_01 {background-image: url('/Main/Images/section/air/main/map/andong_01.png');} #mCont .air_con .cate_so2 .area_map.andong_02 {background-image: url('/Main/Images/section/air/main/map/andong_02.png');} #mCont .air_con .cate_so2 .area_map.andong_03 {background-image: url('/Main/Images/section/air/main/map/andong_03.png');} #mCont .air_con .cate_so2 .area_map.andong_04 {background-image: url('/Main/Images/section/air/main/map/andong_04.png');} /* 영덕군 */ #mCont .air_con .cate_so2 .area_map.yeongdeok_00 {background-image: url('/Main/Images/section/air/main/map/yeongdeok_00.png');} #mCont .air_con .cate_so2 .area_map.yeongdeok_01 {background-image: url('/Main/Images/section/air/main/map/yeongdeok_01.png');} #mCont .air_con .cate_so2 .area_map.yeongdeok_02 {background-image: url('/Main/Images/section/air/main/map/yeongdeok_02.png');} #mCont .air_con .cate_so2 .area_map.yeongdeok_03 {background-image: url('/Main/Images/section/air/main/map/yeongdeok_03.png');} #mCont .air_con .cate_so2 .area_map.yeongdeok_04 {background-image: url('/Main/Images/section/air/main/map/yeongdeok_04.png');} /* 영양군 */ #mCont .air_con .cate_so2 .area_map.yeongyang_00 {background-image: url('/Main/Images/section/air/main/map/yeongyang_00.png');} #mCont .air_con .cate_so2 .area_map.yeongyang_01 {background-image: url('/Main/Images/section/air/main/map/yeongyang_01.png');} #mCont .air_con .cate_so2 .area_map.yeongyang_02 {background-image: url('/Main/Images/section/air/main/map/yeongyang_02.png');} #mCont .air_con .cate_so2 .area_map.yeongyang_03 {background-image: url('/Main/Images/section/air/main/map/yeongyang_03.png');} #mCont .air_con .cate_so2 .area_map.yeongyang_04 {background-image: url('/Main/Images/section/air/main/map/yeongyang_04.png');} /* 영주시 */ #mCont .air_con .cate_so2 .area_map.yeongju_00 {background-image: url('/Main/Images/section/air/main/map/yeongju_00.png');} #mCont .air_con .cate_so2 .area_map.yeongju_01 {background-image: url('/Main/Images/section/air/main/map/yeongju_01.png');} #mCont .air_con .cate_so2 .area_map.yeongju_02 {background-image: url('/Main/Images/section/air/main/map/yeongju_02.png');} #mCont .air_con .cate_so2 .area_map.yeongju_03 {background-image: url('/Main/Images/section/air/main/map/yeongju_03.png');} #mCont .air_con .cate_so2 .area_map.yeongju_04 {background-image: url('/Main/Images/section/air/main/map/yeongju_04.png');} /* 영천시 */ #mCont .air_con .cate_so2 .area_map.yeongcheon_00 {background-image: url('/Main/Images/section/air/main/map/yeongcheon_00.png');} #mCont .air_con .cate_so2 .area_map.yeongcheon_01 {background-image: url('/Main/Images/section/air/main/map/yeongcheon_01.png');} #mCont .air_con .cate_so2 .area_map.yeongcheon_02 {background-image: url('/Main/Images/section/air/main/map/yeongcheon_02.png');} #mCont .air_con .cate_so2 .area_map.yeongcheon_03 {background-image: url('/Main/Images/section/air/main/map/yeongcheon_03.png');} #mCont .air_con .cate_so2 .area_map.yeongcheon_04 {background-image: url('/Main/Images/section/air/main/map/yeongcheon_04.png');} /* 예천군 */ #mCont .air_con .cate_so2 .area_map.yecheon_00 {background-image: url('/Main/Images/section/air/main/map/yecheon_00.png');} #mCont .air_con .cate_so2 .area_map.yecheon_01 {background-image: url('/Main/Images/section/air/main/map/yecheon_01.png');} #mCont .air_con .cate_so2 .area_map.yecheon_02 {background-image: url('/Main/Images/section/air/main/map/yecheon_02.png');} #mCont .air_con .cate_so2 .area_map.yecheon_03 {background-image: url('/Main/Images/section/air/main/map/yecheon_03.png');} #mCont .air_con .cate_so2 .area_map.yecheon_04 {background-image: url('/Main/Images/section/air/main/map/yecheon_04.png');} /* 울릉도 */ #mCont .air_con .cate_so2 .area_map.ulleung_00 {background-image: url('/Main/Images/section/air/main/map/ulleung_00.png');} #mCont .air_con .cate_so2 .area_map.ulleung_01 {background-image: url('/Main/Images/section/air/main/map/ulleung_01.png');} #mCont .air_con .cate_so2 .area_map.ulleung_02 {background-image: url('/Main/Images/section/air/main/map/ulleung_02.png');} #mCont .air_con .cate_so2 .area_map.ulleung_03 {background-image: url('/Main/Images/section/air/main/map/ulleung_03.png');} #mCont .air_con .cate_so2 .area_map.ulleung_04 {background-image: url('/Main/Images/section/air/main/map/ulleung_04.png');} /* 울진군 */ #mCont .air_con .cate_so2 .area_map.uljin_00 {background-image: url('/Main/Images/section/air/main/map/uljin_00.png');} #mCont .air_con .cate_so2 .area_map.uljin_01 {background-image: url('/Main/Images/section/air/main/map/uljin_01.png');} #mCont .air_con .cate_so2 .area_map.uljin_02 {background-image: url('/Main/Images/section/air/main/map/uljin_02.png');} #mCont .air_con .cate_so2 .area_map.uljin_03 {background-image: url('/Main/Images/section/air/main/map/uljin_03.png');} #mCont .air_con .cate_so2 .area_map.uljin_04 {background-image: url('/Main/Images/section/air/main/map/uljin_04.png');} /* 의성군 */ #mCont .air_con .cate_so2 .area_map.uiseong_00 {background-image: url('/Main/Images/section/air/main/map/uiseong_00.png');} #mCont .air_con .cate_so2 .area_map.uiseong_01 {background-image: url('/Main/Images/section/air/main/map/uiseong_01.png');} #mCont .air_con .cate_so2 .area_map.uiseong_02 {background-image: url('/Main/Images/section/air/main/map/uiseong_02.png');} #mCont .air_con .cate_so2 .area_map.uiseong_03 {background-image: url('/Main/Images/section/air/main/map/uiseong_03.png');} #mCont .air_con .cate_so2 .area_map.uiseong_04 {background-image: url('/Main/Images/section/air/main/map/uiseong_04.png');} /* 청도군 */ #mCont .air_con .cate_so2 .area_map.cheongdo_00 {background-image: url('/Main/Images/section/air/main/map/cheongdo_00.png');} #mCont .air_con .cate_so2 .area_map.cheongdo_01 {background-image: url('/Main/Images/section/air/main/map/cheongdo_01.png');} #mCont .air_con .cate_so2 .area_map.cheongdo_02 {background-image: url('/Main/Images/section/air/main/map/cheongdo_02.png');} #mCont .air_con .cate_so2 .area_map.cheongdo_03 {background-image: url('/Main/Images/section/air/main/map/cheongdo_03.png');} #mCont .air_con .cate_so2 .area_map.cheongdo_04 {background-image: url('/Main/Images/section/air/main/map/cheongdo_04.png');} /* 청송군 */ #mCont .air_con .cate_so2 .area_map.cheongsong_00 {background-image: url('/Main/Images/section/air/main/map/cheongsong_00.png');} #mCont .air_con .cate_so2 .area_map.cheongsong_01 {background-image: url('/Main/Images/section/air/main/map/cheongsong_01.png');} #mCont .air_con .cate_so2 .area_map.cheongsong_02 {background-image: url('/Main/Images/section/air/main/map/cheongsong_02.png');} #mCont .air_con .cate_so2 .area_map.cheongsong_03 {background-image: url('/Main/Images/section/air/main/map/cheongsong_03.png');} #mCont .air_con .cate_so2 .area_map.cheongsong_04 {background-image: url('/Main/Images/section/air/main/map/cheongsong_04.png');} /* 칠곡군 */ #mCont .air_con .cate_so2 .area_map.chilgok_00 {background-image: url('/Main/Images/section/air/main/map/chilgok_00.png');} #mCont .air_con .cate_so2 .area_map.chilgok_01 {background-image: url('/Main/Images/section/air/main/map/chilgok_01.png');} #mCont .air_con .cate_so2 .area_map.chilgok_02 {background-image: url('/Main/Images/section/air/main/map/chilgok_02.png');} #mCont .air_con .cate_so2 .area_map.chilgok_03 {background-image: url('/Main/Images/section/air/main/map/chilgok_03.png');} #mCont .air_con .cate_so2 .area_map.chilgok_04 {background-image: url('/Main/Images/section/air/main/map/chilgok_04.png');} /* 포항시 */ #mCont .air_con .cate_so2 .area_map.pohang_00 {background-image: url('/Main/Images/section/air/main/map/pohang_00.png');} #mCont .air_con .cate_so2 .area_map.pohang_01 {background-image: url('/Main/Images/section/air/main/map/pohang_01.png');} #mCont .air_con .cate_so2 .area_map.pohang_02 {background-image: url('/Main/Images/section/air/main/map/pohang_02.png');} #mCont .air_con .cate_so2 .area_map.pohang_03 {background-image: url('/Main/Images/section/air/main/map/pohang_03.png');} #mCont .air_con .cate_so2 .area_map.pohang_04 {background-image: url('/Main/Images/section/air/main/map/pohang_04.png');} /* 게시판 영역 */ #mCont .air_data_wrap {float:right;width:495px;} #mCont .air_data_wrap .box {position:relative;margin-bottom:12px;border:1px solid #d8d8d8;background:#fff;box-sizing:border-box;} /* 대기질 예보 및 경보 2019-07-12 */ #mCont .forecast_alarm_box {position:relative;} #mCont .forecast_alarm_box .date {position:absolute;top:15px;right:20px;color:#555;font-size:13px;line-height:1.5;} #mCont .forecast_alarm_box > ul {position:relative;height:325px;overflow:hidden;} #mCont .forecast_alarm_box .latest_item {float:left;width:auto;box-sizing:border-box;} #mCont .forecast_alarm_box .latest_item .latest_tab {display:block;position:relative;padding:0 10px;height:45px;line-height:45px;color:#444;font-size:17px;border-left:0;box-sizing:border-box;text-align:center;} #mCont .forecast_alarm_box .forecast_latest {margin-left:20px;} #mCont .forecast_alarm_box .forecast_latest .latest_tab {padding-left:0;} #mCont .forecast_alarm_box .alret_latest .latest_tab:after {content:"";display:inline-block;position:absolute;top:50%;left:0;margin-top:-6px;width:2px;height:12px;background:#ddd;} #mCont .forecast_alarm_box .latest_item.active .latest_tab {color:#eb5255;font-weight:bold;} #mCont .forecast_alarm_box .latest_item.active .latest_tab span {color:#333;font-weight:normal;} #mCont .forecast_alarm_box .latest_item.active .latest_con {display:block;} #mCont .forecast_alarm_box .latest_item .latest_con {display:none;position:absolute;top:45px;left:0;right:0;height:280px;border-top:1px solid #d8d8d8;box-sizing:border-box;} #mCont .forecast_alarm_box .box_list {text-align:center;overflow:hidden;height:100%;} /*#mCont .forecast_alarm_box .box_list > li {float:left;padding:20px 5px 25px;width:33.33%;border-left:1px solid #d8d8d8;box-sizing:border-box;letter-spacing:-0.1em;height:100%;}*/ #mCont .forecast_alarm_box .box_list > li {position:relative; float:left;padding:20px 5px 25px;width:33.33%;border-left:1px solid #d8d8d8;box-sizing:border-box;letter-spacing:-0.1em;height:100%;} #mCont .forecast_alarm_box .box_list > li:first-child {border-left:0;} #mCont .forecast_alarm_box .box_list > li .tit {color:#000;font-size:14px;} #mCont .forecast_alarm_box .cont_list {margin:15px 0 10px;} #mCont .forecast_alarm_box .cont_list li {margin-top:5px;text-align:left;overflow:hidden;} #mCont .forecast_alarm_box .cont_list li:first-child {margin-top:0;} #mCont .forecast_alarm_box .cont_list li .cate {display:inline-block;width:49%;height:30px;line-height:30px;color:#666;font-size:14px;text-align:center;} #mCont .forecast_alarm_box .cont_list li .cate.alarm {border-radius:5px;} #mCont .forecast_alarm_box .cont_list li .cate.o3alarm {width:100%;cursor:pointer;} #mCont .forecast_alarm_box .cont_list li .area {float:left;} #mCont .forecast_alarm_box .cont_list li .area.right {float:right;} #mCont .forecast_alarm_box .cont_list li .alarm {float:right;} #mCont .forecast_alarm_box .cont_list li .alarm.caution {color:#444;background:#ffd101;} #mCont .forecast_alarm_box .cont_list li .alarm.warning {color:#fff;background:#e52e33;} #mCont .forecast_alarm_box .cont_list li .alarm.important {color:#fff;background:#df1ec5;} #mCont .forecast_alarm_box .cont_list li .alarm.none {color:#fff;background:#505050;} #mCont .forecast_alarm_box .forecast_list {height:100%;} #mCont .forecast_alarm_box .forecast_list li {padding:30px 0;height:100%;box-sizing:border-box;} #mCont .forecast_alarm_box .forecast_list li .tit {font-size:14px;font-weight:normal;} /*#mCont .forecast_alarm_box .box_list .btn {display:block;margin:0 auto;width:100%;height:26px;line-height:23px;color:#666;font-size:14px;border:1px solid #a4a4a4;border-radius:5px;box-sizing:border-box;text-align:center;}*/ #mCont .forecast_alarm_box .box_list .btn {position:absolute; bottom:15px; display:block;margin:0 auto;width:90%;height:26px;line-height:23px;color:#666;font-size:14px;border:1px solid #a4a4a4;border-radius:5px;box-sizing:border-box;text-align:center;} /* 공지사항 */ #mCont .notice_box > ul {position:relative;height:200px;overflow:hidden;} #mCont .notice_box .latest_item {float:left;width:auto;box-sizing:border-box;} #mCont .notice_box .latest_item .latest_tab {display:block;position:relative;padding:0 10px;height:45px;line-height:45px;color:#444;font-size:17px;border-left:0;box-sizing:border-box;text-align:center;} #mCont .notice_box .notice_latest {margin-left:20px;} #mCont .notice_box .notice_latest .latest_tab {padding-left:0;} #mCont .notice_box .air_latest .latest_tab:after {content:"";display:inline-block;position:absolute;top:50%;left:0;margin-top:-6px;width:2px;height:12px;background:#ddd;} #mCont .notice_box .latest_item.active .latest_tab {color:#eb5255;font-weight:bold;} #mCont .notice_box .latest_item.active .latest_con {display:block;} #mCont .notice_box .latest_item .latest_con {display:none;position:absolute;top:45px;left:0;right:0;padding:20px;height:150px;border-top:1px solid #d8d8d8;box-sizing:border-box;} #mCont .notice_box .latest_post_list li {position:relative;margin-top:5px;padding:0 80px 0 0;} #mCont .notice_box .latest_post_list li:first-child {margin-top:0;} #mCont .notice_box .latest_post_list li a {display:inline-block;max-width:100%;color:#666;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:middle;} #mCont .notice_box .latest_post_list li a:hover {text-decoration:underline;} #mCont .notice_box .latest_post_list li .date {position:absolute;top:4px;right:0;display:block;color:#4c4c4c;font-size:13px;vertical-align:middle;} #mCont .notice_box .more_btn {position:absolute;top:-45px;right:0;display:block;width:47px;height:45px;border-left:1px solid #d8d8d8;background:url(/Main/Images/section/air/main/notice_more_btn.png) no-repeat center ;text-indent:-9999px;} /* 배너영역 */ #mCont .air_data_wrap .box.service_box {margin-bottom:0;border:0;background:none;} #mCont .air_data_wrap .service_box {overflow:hidden;} #mCont .air_data_wrap .service_box .sms_box, #mCont .air_data_wrap .service_box .link_box {float:left;} #mCont .air_data_wrap .service_box .sms_box {margin-right:12px;width:242px;height:157px;border:1px solid #c68412;background-color:#e19b22;background-image:url(/Main/Images/section/air/main/sms_bg.png);background-position:center bottom;background-repeat:no-repeat;box-sizing:border-box;} #mCont .air_data_wrap .service_box .sms_box a {display:block;} #mCont .air_data_wrap .service_box .sms_box .tit {margin-top:20px;color:#000;font-size:13px;text-align:center;} #mCont .air_data_wrap .service_box .sms_box .tit strong {display:block;font-size:17px;line-height:1.3;} #mCont .air_data_wrap .service_box .link_box {width:239px;} #mCont .air_data_wrap .service_box .link_box a {display:block;padding:0 20px;width:100%;box-sizing:border-box;} #mCont .air_data_wrap .service_box .link_box a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;} #mCont .air_data_wrap .service_box .link_box a span {display:inline-block;font-size:15px;line-height:1.3;vertical-align:middle;} #mCont .air_data_wrap .service_box .link_box .bn_weather {height:79px;border:1px solid #80a5c2;border-bottom:0;background-color:#b3c6d5;background-image:url(/Main/Images/section/air/main/banner_ico01.png);background-position:90% center;background-repeat:no-repeat;} #mCont .air_data_wrap .service_box .link_box .bn_area {height:78px;border:1px solid #5682a4;background-color:#598fbb;background-image:url(/Main/Images/section/air/main/banner_ico02.png);background-position:90% center;background-repeat:no-repeat;} /* 테블릿 */ @media screen and ( max-width:1200px ){ #mCont > .inner {width:96%;} /* 지역맵 */ #mCont .air_map_wrap {float:none;margin-bottom:20px;width:100%;} /* 대기질 예보 및 경보 */ #mCont .forecast_alarm_box .box_list > li {padding:10px 5px 15px;} #mCont .forecast_alarm_box .cont_list li {overflow:hidden;} #mCont .forecast_alarm_box .cont_list li .cate {min-width:auto;width:49%;} /*#mCont .forecast_alarm_box .box_list .btn {width:100%;}*/ #mCont .forecast_alarm_box .box_list .btn {width:96%;} /* 게시판 영역 */ #mCont .air_data_wrap {float:none;width:100%;} #mCont .air_data_wrap .box {margin-bottom:20px;} /* 배너영역 */ #mCont .air_data_wrap .service_box .sms_box {margin-right:2%;width:49%;} #mCont .air_data_wrap .service_box .link_box {width:49%;box-sizing:border-box;} } /* 모바일 */ @media screen and ( max-width:768px ){ /* 지역맵 */ #mCont .air_map_wrap {margin-bottom:10px;} #mCont .air_menu_list li .air_tab .txt {font-size:0.8em;} #mCont .air_menu_list .air_con {padding-bottom:3%;height:auto;} #mCont .air_menu_list .air_map_cont .map_img {width:100%;} #mCont .air_menu_list .air_map_cont .obs_ico img {width:14px;} #mCont .air_menu_list .air_map_cont .obs_ico.gumi.p01 {right:72%;top:56%;} #mCont .air_menu_list .air_map_cont .obs_ico.gumi.p02 {right:65%;top:57%;} #mCont .air_menu_list .air_map_cont .obs_ico.gumi.p03 {right:64%;top:61.5%;} #mCont .air_menu_list .air_map_cont .obs_ico.gumi.p04 {right:69%;top:61%;} #mCont .air_menu_list .air_map_cont .obs_ico.gumi.p05 {right:72%;top:51.5%;} #mCont .air_menu_list .air_map_cont .obs_ico.gyeongsan.p01 {right:48.5%;top:77%;} #mCont .air_menu_list .air_map_cont .obs_ico.gyeongsan.p02 {right:47.5%;top:72.5%;} #mCont .air_menu_list .air_map_cont .obs_ico.gyeongsan.p03 {right:45.5%;top:75.5%;} #mCont .air_menu_list .air_map_cont .obs_ico.gyeongju.p01 {right:28%;top:73%;} #mCont .air_menu_list .air_map_cont .obs_ico.gyeongju.p02 {right:22%;top:77%;} #mCont .air_menu_list .air_map_cont .obs_ico.gyeongju.p03 {right:25%;top:81%;} #mCont .air_menu_list .air_map_cont .obs_ico.gyeongju.p04 {right:28%;top:69%;} #mCont .air_menu_list .air_map_cont .obs_ico.gimcheon.p01 {right:81%;top:61%;} #mCont .air_menu_list .air_map_cont .obs_ico.gimcheon.p02 {right:76%;top:62%;} #mCont .air_menu_list .air_map_cont .obs_ico.sangju.p01 {right:77%;top:48%;} #mCont .air_menu_list .air_map_cont .obs_ico.andong.p01 {right:51.8%;top:37%;} #mCont .air_menu_list .air_map_cont .obs_ico.yeongju.p01 {right:61%;top:22%;} #mCont .air_menu_list .air_map_cont .obs_ico.yeongju.p02 {right:58.5%;top:21%;} #mCont .air_menu_list .air_map_cont .obs_ico.yeongcheon.p01 {right:40%;top:68%;} #mCont .air_menu_list .air_map_cont .obs_ico.uljin.p01 {right:23%; top:11%;} #mCont .air_menu_list .air_map_cont .obs_ico.chilgok.p01 {right:64.5%; top:69%;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p01 {right:21%; top:62%;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p02 {right:24%; top:66.5%;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p03 {right:20%; top:70%;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p04 {right:15.5%; top:69%;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p05 {right:16%; top:73%;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p06 {right:22%; top:66.5%;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p07 {right:18%; top:69%;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p08 {right:20%; top:67.5%;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p09 {right:22.5%; top:58%;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p10 {right:22%; top:69%;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p11 {right:24%; top:60%;} #mCont .air_menu_list .air_map_cont .obs_ico.pohang.p12 {right:23%; top:63%;} #mCont .air_menu_list .air_map_cont .obs_ico.bonghwa.p01 {right:38%; top:10.5%;} #mCont .air_menu_list .air_map_cont .obs_ico.bonghwa.p02 {right:48%; top:18.5%;} #mCont .air_menu_list .air_map_cont .obs_ico.ulleung.p01 {right:8%; top:9.5%;} #mCont .air_menu_list .air_map_cont .obs_ico.goryeong.p01 {right:71.5%; top: 86%;} #mCont .air_menu_list .air_map_cont .obs_ico.gunwi.p01 {right:61.5%; top:54%;} #mCont .air_menu_list .air_map_cont .obs_ico.uiseong.p01 {right:61.5%; top:47.5%;} #mCont .air_menu_list .air_map_cont .obs_ico.uiseong.p02 {right:65.5%; top:45%;} #mCont .air_menu_list .air_map_cont .obs_ico.yeongdeok.p01 {right:21.5%; top:45.5%;} #mCont .air_menu_list .air_map_cont .obs_ico.yeongdeok.p02 {right:24.5%; top:37.5%;} #mCont .air_menu_list .air_map_cont .obs_ico.hwayang.p01 {right:50%; top:88.5%;} #mCont .air_menu_list .air_map_cont .obs_ico.mungyeong.p01 {right:74.5%; top:31.5%;} #mCont .air_menu_list .air_map_cont .obs_ico.yulgok.p01 {right:80%; top:68%;} #mCont .air_menu_list .air_map_cont .obs_ico.seongju.p01 {right:73.5%; top:71%;} #mCont .air_menu_list .air_map_cont .obs_ico.yecheon.p01 {right:67%; top:36%;} #mCont .air_menu_list .air_map_cont .obs_ico.yeongyang.p01 {right:33%; top:26%;} #mCont .air_menu_list .air_map_cont .obs_ico.cheongsong.p01 {right:35%; top:44%;} #mCont .air_con .data_box {position:relative;left:3%;right:3%;width:94%;} #mCont .air_con .air_area_box {display:none;position:absolute;top:20%;left:5%;right:5%;bottom:auto;margin:0;width:90%;height:auto;z-index:55;} #mCont .air_con .air_area_box .area_name {height:30px;line-height:32px;font-size:1em;} #mCont .air_con .air_area_box .air_data_tbl th, #mCont .air_con .air_area_box .air_data_tbl td {font-size:12px;} #mCont .air_con .air_area_box .air_data_tbl th {padding-left:20px;text-align:left;} #mCont .air_con .air_area_box .air_data_tbl td {padding-right:20px;} #mCont .air_con .air_legend_box {top:auto;bottom:3%;height:auto;} #mCont .air_con .air_legend_box .tit {height:35px;line-height:35px;font-size:0.875em;} #mCont .air_con .air_legend_box .legend_list {display:list-item;overflow:hidden;} #mCont .air_con .air_legend_box .legend_list li {display:list-item;border-top:0;float:left;width:20%;} #mCont .air_con .air_legend_box .legend_list li span {display:block;padding:5px;font-size:0.875em;} #mCont .air_con .air_legend_box .legend_list li .cate {width:100%;} #mCont .air_con .air_legend_box .legend_list li .num {padding-left:5px;text-align:center;} #mCont .air_con .air_legend_box .legend_list li .num strong {display:block;margin:0;} /* 아황산가스 */ #mCont .air_con .cate_so2 {position:relative;padding-top:100%;background-size:100%;} #mCont .air_con .cate_so2 .area_map {position:absolute;top:0;left:0;background-size:100%;} /* 게시판 영역 */ #mCont .air_data_wrap .box {margin-bottom:10px;} /* 대기질 예보 및 경보 2019-07-12 */ #mCont .forecast_alarm_box .date {top:10px;right:10px;} #mCont .forecast_alarm_box > ul {height:285px;} #mCont .forecast_alarm_box .latest_item .latest_con {height:240px;} #mCont .forecast_alarm_box .box_list > li {padding:10px 3px 15px;} #mCont .forecast_alarm_box .box_list > li .tit {font-size:0.8em;} #mCont .forecast_alarm_box .cont_list li .cate {height:25px;line-height:25px;font-size:0.875em;} #mCont .forecast_alarm_box .box_list .btn {font-size:0.875em;} #mCont .forecast_alarm_box .forecast_list li .tit {height:auto;font-size:0.8em;} /* 공지사항 */ #mCont .notice_box > ul {height:175px;} #mCont .notice_box .latest_item .latest_tab {font-size:1em;} #mCont .notice_box .notice_latest .latest_tab:after {height:16px;} #mCont .notice_box .latest_post_list li a {font-size:0.93em;} #mCont .notice_box .latest_item .latest_con {padding:10px 15px;height:auto;} /* 배너영역 */ #mCont .air_data_wrap .service_box .link_box a span {font-size:0.93em;} } /* layer popup 슬라이드 */ .layor_section_popup {position:absolute; left:50px; top:170px; padding:5px 5px 0 5px; background:#fff; box-shadow:0 0 30px rgba(0,0,0,0.3); z-index:6;} /*.layor_section_popup:before {content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}*/ .layor_section_popup form {position:relative; padding:5px 5px 10px 5px; background:#fff;} .layor_section_popup form label {font-size:16px; color:#666; margin:0 0 0 5px; } .layor_section_popup form a {position:absolute; right:5px; font-weight:600;} .layor_section_popup .img {position:relative;} .layor_section_popup .img_ul .slick-slide li {position:relative;} .layor_section_popup .img_ul img {width:100%;} @media all and (min-width:650px){ #popup01 {width:450px;} } @media all and (max-width:1024px){ .layor_section_popup {top:115px;} } @media all and (max-width:768px){ .layor_section_popup {width:80% !important; left:50%; margin-left:-40%;} } @media all and (max-width:599px){ .layor_section_popup .img {background:#efefef;} .layor_section_popup .img_ul {clear:both;} }