/*******************************
 * 파일명 : map.css
 * 설명	  : SVG MAP
 * update - 2023.07.18.
********************************/


/* input 공용 */
input[type=text],
input[type=password],
select{border: 1px solid #dcdcdc; color:#000; box-sizing: border-box; /* min-width:120px; */ vertical-align:middle;}
/* select{padding: 4px 14px; border: 1px solid #dcdcdc; color:#000; box-sizing: border-box; min-width:120px; vertical-align:middle;} */
textarea{ padding:10px; border: 1px solid #dcdcdc; resize:none; width:100%;}
select:disabled{background-color: #f0f0f0;}
input:disabled{background-color: #f0f0f0;}
input[type=radio], input[type=checkbox]{ vertical-align:middle;}
button {border:0 none; background-color:transparent; cursor:pointer;}
select {-o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

a{text-decoration: none;}

.hide {position:absolute; white-space:nowrap; width:1px; height:1px; overflow:hidden; margin:-1px; padding:0; clip:rect(0,0,0,0); border:0;}

/* 좌측 */
.mainMap {width:100%;}
.mapOption {background:#fff; border-radius:6px;}

/* 탭메뉴 */
.tab {}
.tab ul { display:table; table-layout:fixed; width:100%; border-top:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-radius:6px 6px 0 0; overflow:hidden;}
.tab ul li { display:table-cell;}
.tab ul li a {display:block; width:100%; height:50px; background:#fff; line-height:50px; font-size:16px; color:#0a0a0a; font-weight:400; letter-spacing:-0.6px; text-align:center;}
.tab ul li + li a {border-left:1px solid #d2d2d2;}
.tab ul li a.on {background:#0f62cc; color:#fff;}

/* 선택 영역 */
.choiceOption {height:50px; margin:2px 0 0 0; background:linear-gradient(to right, #009ffa, #00c36a); border-radius:6px;}
.choiceOption:after {display:block; content:""; clear:both;}
.selItem {float:left; padding:10px; font-size:14px; color:#0a0a0a; font-weight:400; }
.selItem select { height:30px; padding:0 25px 0 15px; background:#fff url(../images/map/img_new_arr_down_on.png) no-repeat right 10px center; border:0; border-radius:30px;}
.selArea {position:relative; float:left; padding:10px; font-size:14px; color:#0a0a0a; font-weight:400; }
.selArea label {font-size:14px; color:#0a0a0a; font-weight:400; letter-spacing:-0.6px;}
.selArea label + select {margin:0 0 0 5px;}
.selArea select {width:130px; height:30px; padding:0 15px; background:#fff url(../images/map/img_new_arr_down_on.png) no-repeat right 10px center; font-size:14px; color:#6e6e6e; border:0; border-radius:30px;}
.selArea input {width:150px; height:30px; padding:0 15px; background:#fff; font-size:14px; border:0; border-radius:30px;}
.selArea label + input {margin:0 0 0 5px;}
.selArea input::placeholder {color:#6e6e6e;}
.selArea .btnIpSearch {position:absolute; right:20px; top:50%; width:16px; height:16px; margin-top:-8px; background:url(../images/map/img_ip_search.png) no-repeat 0 0;}
.selArea.sido {margin:0 0 0 50px;}
.selArea.gumsek {float:right;}
.selArea.infotab {float:right;}
.choiceOption .goOtherDiv {left:0; top:110px; bottom:initial; height:auto;}
.choiceOption .goOtherDiv .goBody {height:auto; padding:10px;}
.choiceOption .goOtherDiv .goBody tr:hover td {background:#e6f8fc;}
.choiceOption .goOtherDiv .goBody th {height:40px; padding:0;}
.choiceOption .goOtherDiv .goBody td a {font-size:13px; color:#464646;}
.choiceOption .goOtherDiv .goBody td a:hover {text-decoration:none;}
.tblListInfo {margin:7px 0 0 0; font-size:13px; color:#464646; }

.cDateArea {width:190px; height:30px; padding:3px; background:#fff; border-radius:15px; box-sizing: border-box;}
.cDateArea:after {display:block; content:""; clear:both;}
.cDateArea button {display:block; float:left; height:24px; padding:0 18px; background:transparent; line-height:24px; font-size:14px; color:#0a0a0a; font-weight:400; letter-spacing:-0.6px; border-radius:12px;}
.cDateArea button.on {background:#414d5d; color:#fff;}
.cDateArea.infoTab{ width:auto;}

/* Air Quality Forecast Tab */
.chkBtnClass{ width:350px; display:flex;}
.chkBtnClass button{ float:none;}

.yeboDet {position:absolute; right:0px; top:40px; z-index:5; height:30px; padding:0 40px 0 15px; background:#fff url(../images/map/arrow_blue_right.png) no-repeat right 16px center; line-height:30px; color:#0f62cc; font-size:13px; border:1px solid #0f6ecc; border-radius:8px;}
.mapPos2 {position:absolute; left:0; top:0; z-index:10; width:100%;}
/* .mapPos2 span {position:absolute; z-index:5; height:26px; padding:0 10px; background:#fff; font-size:14px; font-weight:400; color:#646464; border:1px solid #c8c8c8; border-radius:13px; text-align:center; line-height:26px;}
.mapPos2 span.imp:after {display:block; content:""; position:absolute; left:-6px; top:50%; width:12px; height:12px; margin-top:-6px; background:url(../images/img_yebo_na_over.png) no-repeat 0 0;}
.mapPos2 span > strong {font-size:14px; color:#0a0a0a; font-weight:500;} */


/*************************************************** Map Item ***************************************************/

/* 범례 */
.main1Dv {display:none; padding:10px 13px; background:#fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
.main1Dv.on {display:block;}
.main1Dv.last {border-bottom:1px solid #d2d2d2;}

.cauTime {display:block; position:absolute; right:0; top:0; min-width:143px; height:30px; padding:0 20px; background:#fff; font-size:14px; color:#6e6e6e; line-height:30px; font-weight:400; border-radius:15px; text-align:center; border: 1px solid #d2d2d2;}
.cauTime > strong {color:#0a0a0a; font-weight:600;}
.bottomInfoArea {position:absolute; right:-100px; bottom:0; z-index:5; width:180px;}
.bottomInfoArea.bum:first-child {margin:0;}
.bum {display:block; width:180px; height:30px; margin:-1px 0 0 0; padding:0 14px; background:#f6fdff url(../images/map/img_bottom_arr_up.png) no-repeat right 14px center;font-size:13px; color:#0a0a0a; font-weight:400; line-height:30px; border:1px solid #d2d2d2; border-radius:2px; text-align:left;}
.bum + .bum {margin-top:2px;}
.bottomInfoArea .bum.on {background:#0f6ecc url(../images/map/img_bottom_arr_down.png) no-repeat right 14px center; color:#fff;}
.bum.on {display:block; height:30px; padding:0 14px; background:#f6fdff url(../images/map/img_bottom_arr_up.png) no-repeat right 14px center;font-size:13px; color:#0a0a0a; font-weight:400; line-height:30px; border:1px solid #d2d2d2; border-radius:2px; text-align:left;}

/* 대기/경보 정보 범례 */
.zoowibo { /*display:none;*/}
.zoowibo.on {display:block;}
.zoowibo .zoowi01 {display:block; padding:0 0 0 20px; background:url(../images/map/img_cau01.png) no-repeat left center; background-size:13px 11px; font-size:12px; color:#464646; font-weight:400;}
.zoowibo .zoowi02 {display:block; padding:0 0 0 20px; background:url(../images/map/img_cau02.png) no-repeat left center; background-size:13px 11px; font-size:12px; color:#464646; font-weight:400;}

/* 측정소 정보 범례 */
.bottomInfoArea .ipArea input[type=checkbox] {display:none;}
.bottomInfoArea .ipArea input[type=checkbox] + label {display:inline-block; height:auto; padding:0 0 0 17px; background:url(../images/map/img_check.png) no-repeat 0 center; }
.bottomInfoArea .ipArea input[type=checkbox]:checked + label {background:url(../images/map/img_check_on.png) no-repeat 0 center; }
.bottomInfoArea .ipArea input[type=checkbox] + label span {display:inline-block; position:relative; padding:0 0 0 12px; font-size:12px; color:#464646; font-weight:400;}
.bottomInfoArea .ipArea input[type=radio] {display:none;}
.bottomInfoArea .ipArea input[type=radio] + label {display:inline-block; padding:0 0 0 17px; background:url(../images/map/img_rdo.png) no-repeat 0 center; }
.bottomInfoArea .ipArea input[type=radio]:checked + label {background:url(../images/map/img_rdo_on.png) no-repeat 0 center; }
.bottomInfoArea .ipArea input[type=radio] + label span {display:inline-block; position:relative; padding:0 0 0 12px; font-size:12px; color:#464646; font-weight:400;}
.chg01 {background:url(../images/map/img_chg01.png) no-repeat 0 center;}
.chg02 {background:url(../images/map/img_chg02.png) no-repeat 0 center;}
.chg03 {background:url(../images/map/img_chg03.png) no-repeat 0 center;}
.chg04 {background:url(../images/map/img_chg04.png) no-repeat 0 center;}
.chg05 {background:url(../images/map/img_chg05.png) no-repeat 0 center;}
.chg07 {background:url(../images/map/img_chg05.png) no-repeat 0 center;}

/*************************************************** Map Common ***************************************************/
.mapArea {position:relative; height:714px;  margin:15px 0 0 0;}
.mapArea.dev01,
.mapArea.dev02,
.mapArea.dev03 { width:700px; margin:0 auto; margin-top:20px;}

.mapArea.dev04 {background:#fff; text-align:center; border:2px solid #00aeee; border-radius:8px; overflow:hidden;}
.mapArea.dev04 img {}
.mapArea.dev04 p {position:absolute; left:20px; bottom:14px; font-size:14px; color:#6e6e6e; font-weight:400; word-spacing:-1px; letter-spacing:-0.6px; text-align:left; }

.mapArea.dev03 {}
.mapArea.dev03 img {position:absolute; left:0; top:0; z-index:1; border-radius:10px;} /* 2022-11-25 */
.mapArea.dev02 img {position:absolute; left:0; top:0; z-index:1;}
.mapArea.dev01 img {position:absolute; left:0; top:0; z-index:1; } /* 2022-11-25 */

.mapPos {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}

.map_svg_warp{ width:700px; height:705px; box-sizing: border-box; background:url(../images/map/map_svg_warp_bg.png) no-repeat;}
.map_svg_warp svg{ margin-top:-25px; margin-left:0px; box-sizing: border-box;}
.map_svg_warp.realtime .svgmap{ fill:#fff; cursor:pointer;}
.map_svg_warp.realtime .svgmap{}
.map_svg_warp.realtime .svgmap:hover,
.map_svg_warp.realtime .svgmap:focus,
.svgmap.map_01.on, .svgmap.map_02.on, .svgmap.map_03.on, .svgmap.map_04.on, .svgmap.map_05.on, .svgmap.map_06.on, .svgmap.map_07.on, .svgmap.map_08.on, .svgmap.map_09.on, .svgmap.map_10.on,
.svgmap.map_11.on, .svgmap.map_12.on, .svgmap.map_13.on, .svgmap.map_14.on, .svgmap.map_15.on, .svgmap.map_16.on, .svgmap.map_17.on{ fill:#f5fcff;}

.map_svg_warp.city .svgmap{ cursor:pointer;}
.map_svg_warp.city .svgmap{ opacity:1;}

/* 대기/경보정보, 측정소 정보 팝업 TAB */
.tab_pop_info{ position:absolute; top:10px; right:10px; border-radius:50px; background:#fff; padding:3px; display:table; z-index:3;}
.tab_pop_info li{ display:table-cell;}
.tab_pop_info li a{ display:block; height:24px; line-height:24px;  border-radius:50px; font-size:14px; color:#0a0a0a; padding:0 10px;}
.tab_pop_info li.on a{ background:#0f62cc; color:#fff;}


/*************************************************** [실시간 대기정보] 대기/경보 정보 ***************************************************/
.map_01, .map_02, .map_03, .map_04, .map_05, .map_06, .map_07, .map_08, .map_09,
.map_10, .map_11, .map_12, .map_13, .map_14, .map_15, .map_16, .map_17{ outline:none;}

.map_svg_warp.city{}
#map_svg_city{}

.mapPos button {position:absolute; width:60px; height:60px; border-radius:30px; text-align:center; line-height:17px; opacity:1;}
.mapPos button span {display:block; margin:3px 0 0 0; font-size:15px; color:#0a0a0a; font-weight:600; line-height:17px;}
.mapPos button.cau01 {background-color:rgba(106, 200, 254, 0.8);}
.mapPos button.cau02 {background-color:rgba(89, 228, 148, 0.8);}
.mapPos button.cau03 {background-color:rgba(255, 168, 168, 0.8);}
.mapPos button.cau04 {background-color:rgba(171, 176, 176, 0.8);}
.mapPos button.cauOr:after {display:block; content:""; position:absolute; left:50%; top:-8px; width:18px; height:17px; margin-left:-9px; background:url(../images/map/img_cau01.png) no-repeat 0 0; }
.mapPos button.cauRe:before {display:block; content:""; position:absolute; left:50%; top:-8px; width:18px; height:17px; margin-left:-9px; background:url(../images/map/img_cau02.png) no-repeat 0 0; }

/* 경보 2개 모두 노출 */
.mapPos button.cauOr.twice:after { right:9px; margin-left:0;}
.mapPos button.cauRe.twice:before { left:9px; margin-left:0;}

.mapPos2 {width:100%;}
.mapPos2 > button {position:absolute; width:60px; height:60px; border-radius:30px; text-align:center; line-height:17px; opacity:1; display:flex; white-space: nowrap;justify-content: center; align-items:center; flex-direction: column;}
.mapPos2 button span {display:block; margin:3px 0 0 0; font-size:15px; color:#0a0a0a; font-weight:600; line-height:17px;}
.mapPos2 button.cau01 {background-color:rgba(106, 200, 254, 0.8);}
.mapPos2 button.cau02 {background-color:rgba(89, 228, 148, 0.8);}
.mapPos2 button.cau03 {background-color:rgba(255, 218, 88, 0.8);}
.mapPos2 button.cau04 {background-color:rgba(255, 168, 168, 0.8);}
.mapPos2 button.cau07 {background-color:rgba(171, 176, 176, 0.8);}
.mapPos2 button.cauOr:after {display:block; content:""; position:absolute; left:50%; top:-8px; width:18px; height:17px; margin-left:-9px; background:url(../images/map/img_cau01.png) no-repeat 0 0; }
.mapPos2 button.cauRe:before {display:block; content:""; position:absolute; left:50%; top:-8px; width:18px; height:17px; margin-left:-9px; background:url(../images/map/img_cau02.png) no-repeat 0 0; }

.mapPos2 button.cauOr.twice:after { right:9px; margin-left:0;}
.mapPos2 button.cauRe.twice:before { left:9px; margin-left:0;}

.cauDetail {display:none; position:absolute; left:0; top:-10px; z-index:10; overflow:hidden; width:494px; border:1px solid #414d5d; border-radius:10px; background:#dff6ff;} /* 2022-11-25 */
/*.cauDetail {display:none; position:absolute; left:0; top:60px; z-index:5; width:494px; height:698px; border:1px solid #414d5d; border-radius:10px;} 2022-11-25 */
.cauHead {position:relative; height:35px; background:#414d5d;}
.cauHead > strong {display:block; font-size:15px; color:#fff; font-weight:500; line-height:35px; text-align:center;}
.cauHead > button {display:block; position:absolute; right:10px; top:50%; width:22px; height:22px; margin-top:-11px; background:url(../images/map/img_cau_close.png) no-repeat 0 0;}
.cauBody {position:relative; height:calc(100% - 35px); padding:0 0 60px 0; background:#fff;}

.cauMap {}
.cauMap > div {position:absolute; z-index:4;}
.cauMap > div > span {display:block; width:100%; height:30px; padding:0 20px; background:#414d5d; border-radius:6px; font-size:13px; color:#fff; font-weight:400; line-height:30px;}
.cauMap .g0 span:after {display:block; content:""; position:absolute; left:50%; bottom:-8px; margin:0 0 0 -5px; width:10px; height:8px; background:url(../images/img_max_arr_down.png) no-repeat 0 0;}
.cauMap .g0 > span {display:none; position:relative; left:0; top:-20px; width:100%;}
.cauMap .g0 > span.on {display:block; transform:translate(-50%, -50%);}
.cauMap .g0 > span.on + button {left:0; top:0;}

.dev03 .cauBody > img {position:static; width:492px; height:auto;}
.cauBody .cauTime {top:10px; right:auto; left:0; z-index:5; background:none;}
.goGongge {display:block; position:absolute; right:10px; top:500px; z-index:5; height:30px; padding:0 36px 0 20px; background:#fff url(../images/img_bg_gongge.png) no-repeat right 17px center; font-size:13px; color:#0f62cc; font-weight:400; line-height:30px; text-align:left;  border:1px solid #0f6ecc; border-radius:8px;}
.caubum {position:absolute; left:0px; bottom:0px; width:100%; background:#dff6ff;}
.caubum dl { display:flex;}
.caubum dt { margin:10px 0 10px 10px; width:90px; height:60px; background:#0f6ecc;text-align:center; font-size:13px; color:#fff; line-height:20px; display:flex; vertical-align:middle; justify-content:center;  align-items: center;}
.caubum dd {width:calc(100% - 110px); height:60px; margin:10px 10px 10px 0; padding:0px 10px 4px 10px; background:#fff; border:1px solid #dff6ff; border-radius:2px;}
.caubum dd:after {display:block; content:""; clear:both;}
.caubum dd span {display:block; float:left; padding:0 0 0 22px; font-size:12px; color:#0a0a0a; line-height:26px;}
.caubum dd span:nth-child(1){width:90px;}
.caubum dd span:nth-child(2){width:90px;}
.caubum dd span:nth-child(3){width:80px;}
.caubum dd span:nth-child(4){width:90px;}
.caubum dd span:nth-child(5){width:90px;}
.caubum dd span:nth-child(6){width:110px;;}
.caubum01 {background:url(../images/map/img_dd01.png) no-repeat 0 center;}
.caubum02 {background:url(../images/map/img_dd02.png) no-repeat 0 center;}
.caubum03 {background:url(../images/map/img_dd03.png) no-repeat 0 center;}
.caubum04 {background:url(../images/map/img_dd04.png) no-repeat 0 center;}
.caubum05 {background:url(../images/map/img_dd05.png) no-repeat 0 center;}
.caubum06 {background:url(../images/map/img_dd06.png) no-repeat 0 center;}
.cbum01 {display:block; position:absolute; width:14px; height:16px; background:url(../images/map/img_dd01.png) no-repeat 0 0; z-index: 9;}
.cbum02 {display:block; position:absolute; width:14px; height:16px; background:url(../images/map/img_dd02.png) no-repeat 0 0; z-index: 9;}
.cbum03 {display:block; position:absolute; width:14px; height:16px; background:url(../images/map/img_dd03.png) no-repeat 0 0; z-index: 9;}
.cbum04 {display:block; position:absolute; width:14px; height:16px; background:url(../images/map/img_dd04.png) no-repeat 0 0; z-index: 9;}
.cbum05 {display:block; position:absolute; width:14px; height:16px; background:url(../images/map/img_dd05.png) no-repeat 0 0; z-index: 9;}
.cbum06 {display:block; position:absolute; width:14px; height:16px; background:url(../images/map/img_dd06.png) no-repeat 0 0; z-index: 9;}

.airWarningMap{ position:relative;}

.awBody{ position:relative; height: 611px;}
.awBody .cauTime { top: 10px; right: auto; left: 20px; z-index: 5; padding:0;}

.p_code_033{ background:url(../images/map/map_bg_033.jpg) no-repeat;} /* 강원 */
.p_code_031{ background:url(../images/map/map_bg_031.jpg) no-repeat;} /* 경기 */
.p_code_055{ background:url(../images/map/map_bg_055.jpg) no-repeat;} /* 경남 */
.p_code_054{ background:url(../images/map/054_mapbg.png) no-repeat, url(../images/map/map_bg_054.jpg) no-repeat;} /* 경북 */
.p_code_062{ background:url(../images/map/map_bg_062.jpg) no-repeat;} /* 광주 */
.p_code_053{ background:url(../images/map/map_bg_053.jpg) no-repeat;} /* 대구 */
.p_code_042{ background:url(../images/map/map_bg_042.jpg) no-repeat;} /* 대전 */
.p_code_051{ background:url(../images/map/map_bg_051.jpg) no-repeat;} /* 부산 */
.p_code_02{ background:url(../images/map/map_bg_02.jpg) no-repeat;} /* 서울 */
.p_code_044{ background:url(../images/map/map_bg_044.jpg) no-repeat;} /* 세종 */
.p_code_052{ background:url(../images/map/map_bg_052.jpg) no-repeat;} /* 울산 */
.p_code_032{ background:url(../images/map/032_mapbg.png) no-repeat, url(../images/map/map_bg_032.jpg) no-repeat;} /* 인천 */
.p_code_061{ background:url(../images/map/061_mapbg.png) no-repeat, url(../images/map/map_bg_061.jpg) no-repeat} /* 전남 */
.p_code_063{ background:url(../images/map/063_mapbg.png) no-repeat, url(../images/map/map_bg_063.jpg) no-repeat;} /* 전북 */
.p_code_064{ background:url(../images/map/064_mapbg.png) no-repeat;} /* 제주 */
.p_code_041{ background:url(../images/map/041_mapbg.png) no-repeat, url(../images/map/map_bg_041.jpg) no-repeat;} /* 충남 */
.p_code_043{ background:url(../images/map/map_bg_043.jpg) no-repeat;} /* 충북 */

/* 지도용 */
.mType_1{ fill:#d0ecff;} /* 좋음 */
.mType_2{ fill:#caf2de;} /* 보통 */
.mType_3{ fill:#f8f7c6;} /* 나쁨 */
.mType_4{ fill:#ffd6da;} /* 매우나쁨 */
.mType_5{ fill:#cbd0d3;} /* 데이터 없음 */
.mType_7{ fill:#cbd0d3;} /* 데이터 없음 */

/* 지명용 */
.mcType_1{ background:#6ac8fe; opacity:0.8;} /* 좋음 */
.mcType_2{ background:#59e494; opacity:0.8;} /* 보통 */
.mcType_3{ background:#ffda58; opacity:0.8;} /* 나쁨 */
.mcType_4{ background:#ffa8a8; opacity:0.8;} /* 매우나쁨 */
.mcType_5{ background:#abb0b3; opacity:0.8;} /* 데이터 없음 */
.mcType_7{ background:#abb0b3; opacity:0.8;} /* 데이터 없음 */

.aw_city{ position:absolute; width:42px; height:42px; border-radius:50px; text-align:center; line-height:17px; padding-top:6px; font-size:12px; display:flex; white-space: nowrap;justify-content: center; align-items:center; flex-direction: column;}
.aw_city strong{ display:block; line-height:17px; font-weight:700; font-size:14px;}

/*************************************************** [실시간 대기정보] 측정소 정보 ***************************************************/
.map_svg_warp.realtime{ z-index:2 !important;}
#map_svg_realtime{}

.maxPos2 {width:100%;}
.maxPos2 > div {position:absolute; /* pjs 0116  z-index:5; */} 
.maxPos2 button {position:absolute; left:50%; width:10px; height:10px; margin:10px 0 0 -5px; background:url(../images/map/img_ch01.png) no-repeat 0 0; background-size:10px 10px;}
.maxPos2 > div > span {display:block; width:100%; height:auto; background:#414d5d; border-radius:6px; font-size:13px; color:#fff; font-weight:400; line-height:30px;}
/* .maxPos2 > div span:after {display:block; content:""; position:absolute; left:50%; bottom:-8px; margin:0 0 0 -5px; width:10px; height:8px; background:url(../images/img_max_arr_down.png) no-repeat 0 0;} */
.maxPos2 .g0 span:after {display:block; content:""; position:absolute; left:50%; bottom:-8px; margin:0 0 0 -5px; width:10px; height:8px; background:url(../images/map/img_max_arr_down.png) no-repeat 0 0;} /* 2022-11-25 */
.maxPos2 .g0 > span {display:none; left:0; top:-20px; width:100%; position:absolute; white-space:nowrap; width:auto; z-index:5; line-height:17px; padding:6px 10px;}
.maxPos2 .g0 > span em {font-size:12px; color:#ffea5c;}
.maxPos2 .g0 > span.on {display:block; transform:translate(-50%, -50%);}
.maxPos2 .g0 > span.on + button {left:0; top:0;}
.maxPos2 .g01 button {background:url(../images/map/img_ch01.png) no-repeat 0 0;background-size:10px 10px;}
.maxPos2 .g02 button {background:url(../images/map/img_ch02.png) no-repeat 0 0;background-size:10px 10px;}
.maxPos2 .g03 button {background:url(../images/map/img_ch03.png) no-repeat 0 0;background-size:10px 10px;}
.maxPos2 .g04 button {background:url(../images/map/img_ch04.png) no-repeat 0 0;background-size:10px 10px;}
.maxPos2 .g05 button {background:url(../images/map/img_ch05.png) no-repeat 0 0;background-size:10px 10px;}
.maxPos2 .g07 button {background:url(../images/map/img_ch05.png) no-repeat 0 0;background-size:10px 10px;}

/* .divTooltip {position:absolute; display:inline-block; height:auto; background:#414d5d; border-radius:6px; font-size:13px; color:#fff; font-weight:400; line-height:17px; z-index:6 !important; padding: 5px 20px;}
.divTooltip:after {display:block; content:""; position:absolute; left:50%; bottom:-8px; margin:0 0 0 -5px; width:10px; height:8px; background:url(../images/img_max_arr_down.png) no-repeat 0 0;}
.divTooltip em {font-size:12px; color:#ffea5c;} */

.goOtherDiv {display:none; position:absolute; right:0; bottom:70px; z-index:7; width:700px; height:590px; background:#fff; overflow-y:auto; border:1px solid #414d5d; border-radius:10px;}
.goHeader {position:relative; height:35px; background:#414d5d;}
.goHeader > strong {display:block; font-size:15px; color:#fff; font-weight:500; line-height:35px; text-align:center;}
.goHeader > button {display:block; position:absolute; right:10px; top:50%; width:22px; height:22px; margin-top:-11px; padding:0; background:url(../images/map/img_cau_close.png) no-repeat 0 0;}
.goBody {position:relative; height:543px; /* calc(100% - 35px); pjs 0116 */ padding:26px 20px; /* background:#fff; 230524 pjs */ overflow:auto;}
.goBody > strong {display:block; position:relative; font-size:20px; color:#0a0a0a; font-weight:400;}
.goBody > strong:before {display:block; content:""; position:absolute; left:0; top:-11px; width:17px; height:3px; background:url(../images/map/img_f_t_bar.png) no-repeat 0 0;}
.goBody.mainMapPop{ margin-top:-35px; z-index:-1;}
.goBody.mainMapPop .cauTime{ top:45px !important;}
.goBody table a{ font-size: 13px; color:inherit; font-weight:inherit; letter-spacing: -0.8px;}

.goBody .g0 {position:absolute;}
.goBody .g0 > span {display:none; width:100%; height:auto; background:#414d5d; border-radius:6px; font-size:13px; color:#fff; font-weight:400;}
.goOtherDiv.devMp .goBody div.g0 > span {top:-20px;width:auto;right:auto;}
.goOtherDiv.devMp .goBody div.g0 > span:after {display:block; content:""; position:absolute; left:50%; bottom:-8px; margin:0 0 0 -5px; width:10px; height:8px; background:url(../images/img_max_arr_down.png) no-repeat 0 0;}

.devIp {display:none; z-index:9;}

.goOtherDiv.devMp {left:0; right:initial; bottom:initial; top:-10px; height:auto; padding:0; background:#dff6ff;}
.goOtherDiv.devMp .goBody {padding:0; overflow:hidden; height:611px;}
.goOtherDiv.devMp .goBody img {position:static;}
.goOtherDiv.devMp .goHeader > button.close {left:initial;}
.goOtherDiv.devMp .goBody .cauTime { top:10px;right:auto; left:20px; padding:0;}
.goOtherDiv.devMp .goBody span:after {display:none;}

/* Station Legend*/
.gosbum {position:absolute; left:0px; bottom:0px; width:100%; background:#dff6ff;}
.gosbum dl{}
.gosbum dt {position:absolute; left:10px; top:10px; width:60px; height:60px; background:#0f6ecc; text-align:center; font-size:13px; color:#fff; line-height:60px; box-sizing:border-box;}
.gosbum dd { height:60px; margin:10px; padding:4px 2px 4px 70px; background:#fff; border:1px solid #dff6ff; border-radius:2px; box-sizing:border-box;}
.gosbum dd:after {display:block; content:""; clear:both;}
.gosbum dd span {display:block; float:left; width:29%; padding:0 0 0 15px; font-size:12px; color:#0a0a0a; line-height:26px;}
.g01 {background:url(../images/map/img_ch01.png) no-repeat 0 center;} /* Good */
.g02 {background:url(../images/map/img_ch02.png) no-repeat 0 center;} /* Moderate */
.g03 {background:url(../images/map/img_ch03.png) no-repeat 0 center;} /* Unhealthy */
.g04 {background:url(../images/map/img_ch04.png) no-repeat 0 center;} /* Very unhealthy */
.g05 {background:url(../images/map/img_ch05.png) no-repeat 0 center;} /* No data */

.maxPos {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
.maxPos > div {position:absolute; z-index:5;} /* pjs 1124 */
.maxPos button {position:absolute; left:50%; width:10px; height:10px; margin:10px 0 0 -5px; background:url(../images/map/img_ch01.png) no-repeat 0 0; background-size:10px 10px;}
.maxPos > div > span {display:block; width:100%; height:30px; padding:0 20px; background:#414d5d; border-radius:6px; font-size:13px; color:#fff; font-weight:400; line-height:30px;}
.maxPos > div span:after {display:block; content:""; position:absolute; left:50%; bottom:-8px; margin:0 0 0 -5px; width:10px; height:8px; background:url(../images/map/img_max_arr_down.png) no-repeat 0 0;}

.maxPos2 > div.whe {display:none; width:70px; height:60px; padding:0; background:#eafaf1; border:1px solid #dcdcdc; border-radius:8px; overflow:hidden; text-align:center; z-index:3;} /* pjs 1123 z-index 추가 */
.maxPos2 > div.whe.w01 {background:#eafaf1; padding:4px 0 0 0;} /* pjs 1123 수정 */
.maxPos2 > div.whe.w01 img{ position:relative;} /* pjs 1123 추가 */
.maxPos2 > div.whe.w02 {background:#eafaf1; padding:10px 0 0 0;} /* pjs 1123 수정 */
.maxPos2 > div.whe.w02 img{ position:relative;} /* pjs 1123 추가 */
.maxPos2 > div.whe.w02 span{ margin:-8px 0 0 0;} /* pjs 1123 추가 */
.maxPos2 > div.whe.w03 {background:#eafaf1;}
.maxPos2 > div.whe span {display:block; width:100%; height:100%; padding:0 0 0 0; background:transparent;font-size:13px; color:#0a0a0a; font-weight:500; margin-top:-4px;} /* pjs 1123 수정 */
.maxPos2 > div.whe span strong {color:#0f62cc; font-weight:400; font-size:13px; line-height:13px;}
.maxPos2 > div.whe.w03 span {padding:7px 0 0 0;}
.maxPos2 > div.whe.w03 span strong {display:block; padding:0;}

.maxPos2 > div.whe.we01 {background:#eafaf1 url(../images/img_we01.png) no-repeat center top 8px;}
.chg {margin:0 0 0 -12px;}

#tab1Depth2Div_033 .goBody{ background:url(../images/map/map_bg_033.jpg) no-repeat;} /* 강원 */
#tab1Depth2Div_031 .goBody{ background:url(../images/map/map_bg_031.jpg) no-repeat;} /* 경기 */
#tab1Depth2Div_055 .goBody{ background:url(../images/map/map_bg_055.jpg) no-repeat;} /* 경남 */
#tab1Depth2Div_054 .goBody{ background:url(../images/map/map_bg_054.jpg) no-repeat;} /* 경북 */
#tab1Depth2Div_062 .goBody{ background:url(../images/map/map_bg_062.jpg) no-repeat;} /* 광주 */
#tab1Depth2Div_053 .goBody{ background:url(../images/map/map_bg_053.jpg) no-repeat;} /* 대구 */
#tab1Depth2Div_042 .goBody{ background:url(../images/map/map_bg_042.jpg) no-repeat;} /* 대전 */
#tab1Depth2Div_051 .goBody{ background:url(../images/map/map_bg_051.jpg) no-repeat;} /* 부산 */
#tab1Depth2Div_02 .goBody{ background:url(../images/map/map_bg_02.jpg) no-repeat;} /* 서울 */
#tab1Depth2Div_044 .goBody{ background:url(../images/map/map_bg_044.jpg) no-repeat;} /* 세종 */
#tab1Depth2Div_052 .goBody{ background:url(../images/map/map_bg_052.jpg) no-repeat;} /* 울산 */
#tab1Depth2Div_032 .goBody{ background:url(../images/map/map_bg_032.jpg) no-repeat;} /* 인천 */
#tab1Depth2Div_061 .goBody{ background:url(../images/map/map_bg_061.jpg) no-repeat;} /* 전남 */
#tab1Depth2Div_063 .goBody{ background:url(../images/map/map_bg_063.jpg) no-repeat;} /* 전북 */
#tab1Depth2Div_064{} /* 제주 */
#tab1Depth2Div_041 .goBody{ background:url(../images/map/map_bg_041.jpg) no-repeat;} /* 충남 */
#tab1Depth2Div_043 .goBody{ background:url(../images/map/map_bg_043.jpg) no-repeat;} /* 충북 */


/*************************************************** [오늘/내일/모레 대기정보] ***************************************************/
.dt_forecast_map_wrap{ background: url(../images/map/map_svg_warp_bg.png) no-repeat;}
.malpungArea {position:relative;}
.malpungArea > span {display:inline-block; position:relative; padding:0 0 0 10px; font-size:14px; color:#0a0a0a; font-weight:400;}
.malpungArea > span:after {display:block; content:""; position:absolute; left:-12px; top:50%; width:12px; height:12px; margin-top:-6px; background:url(../images/map/img_yebo_na_over.png) no-repeat 0 0;}
.malpung {display:inline-block; width:16px; height:16px; background:url(../images/map/img_malpung.png) no-repeat 0 0;}
.malpung.close {display:inline-block; width:16px; height:16px; background:url(../images/map/img_malpung_close.png) no-repeat 0 0;}
.malpungTip {display:none; position:absolute; right:72px; top:-80px; z-index:5; padding:10px 13px; background:#414d5d; font-size:11px; color:#fff; font-weight:400; line-height:16px; text-align:justify; border-radius:8px; width:180px;}
.malpungTip:after {display:block; content:""; position:absolute; right:5px; bottom:-10px; width:14px; height:10px; background:url(../images/map/img_malpung_arr.png) no-repeat 0 0;}
.malpungArea > p {font-size:13px; color:#6e6e6e; font-weight:400;}


.imgArea {position:relative;}
.imgArea > span {display:block; position:absolute; z-index:4;}
.imgArea > .p01 {left:226px; top:52px; width:117px; height:122px;}
.imgArea > .p02 {left:280px; top:35px; width:233px; height:213px}
.imgArea > .p03 {left:241px; top:144px; width:49px; height:42px}
.imgArea > .p04 {left:28px; top:116px; width:214px; height:153px}
.imgArea > .p05 {left:420px; top:0px; width:141px; height:246px}
.imgArea > .p06 {left:208px; top:133px; width:163px; height:136px}
.imgArea > .p07 {left:304px; top:214px; width:168px; height:191px}
.imgArea > .p08 {left:99px; top:244px; width:248px; height:168px}
.imgArea > .p09 {left:285px; top:295px; width:34px; height:50px}
.imgArea > .p10 {left:298px; top:332px; width:39px; height:45px}
.imgArea > .p11 {left:368px; top:116px; width:300px; height:358px}
.imgArea > .p12 {left:180px; top:384px; width:200px; height:130px}
.imgArea > .p13 {left:435px; top:405px; width:52px; height:60px}
.imgArea > .p14 {left:513px; top:450px; width:59px; height:60px}
.imgArea > .p15 {left:224px; top:520px; width:46px; height:32px}
.imgArea > .p16 {left:339px; top:420px; width:203px; height:185px}
.imgArea > .p17 {left:32px; top:486px; width:337px; height:181px}
.imgArea > .p18 {left:488px; top:500px; width:66px; height:61px}
.imgArea > .p19 {left:30px; top:647px; width:85px; height:48px}

/* .p01.pg01 {background:url(../images/map/img_p01pg01.png) no-repeat 0 0;} */
/* .p01.pg02 {background:url(../images/map/img_p01pg02.png) no-repeat 0 0;} */
/* .p01.pg03 {background:url(../images/map/img_p01pg03.png) no-repeat 0 0;} */
/* .p01.pg04 {background:url(../images/map/img_p01pg04.png) no-repeat 0 0;} */
/* .p01.pg05 {background:url(../images/map/img_p01pg05.png) no-repeat 0 0;} */
/* .p02.pg01 {background:url(../images/map/img_p02pg01.png) no-repeat 0 0;} */
/* .p02.pg02 {background:url(../images/map/img_p02pg02.png) no-repeat 0 0;} */
/* .p02.pg03 {background:url(../images/map/img_p02pg03.png) no-repeat 0 0;} */
/* .p02.pg04 {background:url(../images/map/img_p02pg04.png) no-repeat 0 0;} */
/* .p02.pg05 {background:url(../images/map/img_p02pg05.png) no-repeat 0 0;} */
/* .p03.pg01 {background:url(../images/map/img_p03pg01.png) no-repeat 0 0;} */
/* .p03.pg02 {background:url(../images/map/img_p03pg02.png) no-repeat 0 0;} */
/* .p03.pg03 {background:url(../images/map/img_p03pg03.png) no-repeat 0 0;} */
/* .p03.pg04 {background:url(../images/map/img_p03pg04.png) no-repeat 0 0;} */
/* .p03.pg05 {background:url(../images/map/img_p03pg05.png) no-repeat 0 0;} */
/* .p04.pg01 {background:url(../images/map/img_p04pg01.png) no-repeat 0 0;} */
/* .p04.pg02 {background:url(../images/map/img_p04pg02.png) no-repeat 0 0;} */
/* .p04.pg03 {background:url(../images/map/img_p04pg03.png) no-repeat 0 0;} */
/* .p04.pg04 {background:url(../images/map/img_p04pg04.png) no-repeat 0 0;} */
/* .p04.pg05 {background:url(../images/map/img_p04pg05.png) no-repeat 0 0;} */
/* .p05.pg01 {background:url(../images/map/img_p05pg01.png) no-repeat 0 0;} */
/* .p05.pg02 {background:url(../images/map/img_p05pg02.png) no-repeat 0 0;} */
/* .p05.pg03 {background:url(../images/map/img_p05pg03.png) no-repeat 0 0;} */
/* .p05.pg04 {background:url(../images/map/img_p05pg04.png) no-repeat 0 0;} */
/* .p05.pg05 {background:url(../images/map/img_p05pg05.png) no-repeat 0 0;} */
/* .p06.pg01 {background:url(../images/map/img_p06pg01.png) no-repeat 0 0;} */
/* .p06.pg02 {background:url(../images/map/img_p06pg02.png) no-repeat 0 0;} */
/* .p06.pg03 {background:url(../images/map/img_p06pg03.png) no-repeat 0 0;} */
/* .p06.pg04 {background:url(../images/map/img_p06pg04.png) no-repeat 0 0;} */
/* .p06.pg05 {background:url(../images/map/img_p06pg05.png) no-repeat 0 0;} */
/* .p07.pg01 {background:url(../images/map/img_p07pg01.png) no-repeat 0 0;} */
/* .p07.pg02 {background:url(../images/map/img_p07pg02.png) no-repeat 0 0;} */
/* .p07.pg03 {background:url(../images/map/img_p07pg03.png) no-repeat 0 0;} */
/* .p07.pg04 {background:url(../images/map/img_p07pg04.png) no-repeat 0 0;} */
/* .p07.pg05 {background:url(../images/map/img_p07pg05.png) no-repeat 0 0;} */
/* .p08.pg01 {background:url(../images/map/img_p08pg01.png) no-repeat 0 0;} */
/* .p08.pg02 {background:url(../images/map/img_p08pg02.png) no-repeat 0 0;} */
/* .p08.pg03 {background:url(../images/map/img_p08pg03.png) no-repeat 0 0;} */
/* .p08.pg04 {background:url(../images/map/img_p08pg04.png) no-repeat 0 0;} */
/* .p08.pg05 {background:url(../images/map/img_p08pg05.png) no-repeat 0 0;} */
/* .p09.pg01 {background:url(../images/map/img_p09pg01.png) no-repeat 0 0;} */
/* .p09.pg02 {background:url(../images/map/img_p09pg02.png) no-repeat 0 0;} */
/* .p09.pg03 {background:url(../images/map/img_p09pg03.png) no-repeat 0 0;} */
/* .p09.pg04 {background:url(../images/map/img_p09pg04.png) no-repeat 0 0;} */
/* .p09.pg05 {background:url(../images/map/img_p09pg05.png) no-repeat 0 0;} */
/* .p10.pg01 {background:url(../images/map/img_p10pg01.png) no-repeat 0 0;} */
/* .p10.pg02 {background:url(../images/map/img_p10pg02.png) no-repeat 0 0;} */
/* .p10.pg03 {background:url(../images/map/img_p10pg03.png) no-repeat 0 0;} */
/* .p10.pg04 {background:url(../images/map/img_p10pg04.png) no-repeat 0 0;} */
/* .p10.pg05 {background:url(../images/map/img_p10pg05.png) no-repeat 0 0;} */
/* .p11.pg01 {background:url(../images/map/img_p11pg01.png) no-repeat 0 0;} */
/* .p11.pg02 {background:url(../images/map/img_p11pg02.png) no-repeat 0 0;} */
/* .p11.pg03 {background:url(../images/map/img_p11pg03.png) no-repeat 0 0;} */
/* .p11.pg04 {background:url(../images/map/img_p11pg04.png) no-repeat 0 0;} */
/* .p11.pg05 {background:url(../images/map/img_p11pg05.png) no-repeat 0 0;} */
/* .p12.pg01 {background:url(../images/map/img_p12pg01.png) no-repeat 0 0;} */
/* .p12.pg02 {background:url(../images/map/img_p12pg02.png) no-repeat 0 0;} */
/* .p12.pg03 {background:url(../images/map/img_p12pg03.png) no-repeat 0 0;} */
/* .p12.pg04 {background:url(../images/map/img_p12pg04.png) no-repeat 0 0;} */
/* .p12.pg05 {background:url(../images/map/img_p12pg05.png) no-repeat 0 0;} */
/* .p13.pg01 {background:url(../images/map/img_p13pg01.png) no-repeat 0 0;} */
/* .p13.pg02 {background:url(../images/map/img_p13pg02.png) no-repeat 0 0;} */
/* .p13.pg03 {background:url(../images/map/img_p13pg03.png) no-repeat 0 0;} */
/* .p13.pg04 {background:url(../images/map/img_p13pg04.png) no-repeat 0 0;} */
/* .p13.pg05 {background:url(../images/map/img_p13pg05.png) no-repeat 0 0;} */
/* .p14.pg01 {background:url(../images/map/img_p14pg01.png) no-repeat 0 0;} */
/* .p14.pg02 {background:url(../images/map/img_p14pg02.png) no-repeat 0 0;} */
/* .p14.pg03 {background:url(../images/map/img_p14pg03.png) no-repeat 0 0;} */
/* .p14.pg04 {background:url(../images/map/img_p14pg04.png) no-repeat 0 0;} */
/* .p14.pg05 {background:url(../images/map/img_p14pg05.png) no-repeat 0 0;} */
/* .p15.pg01 {background:url(../images/map/img_p15pg01.png) no-repeat 0 0;} */
/* .p15.pg02 {background:url(../images/map/img_p15pg02.png) no-repeat 0 0;} */
/* .p15.pg03 {background:url(../images/map/img_p15pg03.png) no-repeat 0 0;} */
/* .p15.pg04 {background:url(../images/map/img_p15pg04.png) no-repeat 0 0;} */
/* .p15.pg05 {background:url(../images/map/img_p15pg05.png) no-repeat 0 0;} */
/* .p16.pg01 {background:url(../images/map/img_p16pg01.png) no-repeat 0 0;} */
/* .p16.pg02 {background:url(../images/map/img_p16pg02.png) no-repeat 0 0;} */
/* .p16.pg03 {background:url(../images/map/img_p16pg03.png) no-repeat 0 0;} */
/* .p16.pg04 {background:url(../images/map/img_p16pg04.png) no-repeat 0 0;} */
/* .p16.pg05 {background:url(../images/map/img_p16pg05.png) no-repeat 0 0;} */
/* .p17.pg01 {background:url(../images/map/img_p17pg01.png) no-repeat 0 0;} */
/* .p17.pg02 {background:url(../images/map/img_p17pg02.png) no-repeat 0 0;} */
/* .p17.pg03 {background:url(../images/map/img_p17pg03.png) no-repeat 0 0;} */
/* .p17.pg04 {background:url(../images/map/img_p17pg04.png) no-repeat 0 0;} */
/* .p17.pg05 {background:url(../images/map/img_p17pg05.png) no-repeat 0 0;} */
/* .p18.pg01 {background:url(../images/map/img_p18pg01.png) no-repeat 0 0;} */
/* .p18.pg02 {background:url(../images/map/img_p18pg02.png) no-repeat 0 0;} */
/* .p18.pg03 {background:url(../images/map/img_p18pg03.png) no-repeat 0 0;} */
/* .p18.pg04 {background:url(../images/map/img_p18pg04.png) no-repeat 0 0;} */
/* .p18.pg05 {background:url(../images/map/img_p18pg05.png) no-repeat 0 0;} */
/* .p19.pg01 {background:url(../images/map/img_p19pg01.png) no-repeat 0 0;} */
/* .p19.pg02 {background:url(../images/map/img_p19pg02.png) no-repeat 0 0;} */
/* .p19.pg03 {background:url(../images/map/img_p19pg03.png) no-repeat 0 0;} */
/* .p19.pg04 {background:url(../images/map/img_p19pg04.png) no-repeat 0 0;} */
/* .p19.pg05 {background:url(../images/map/img_p19pg05.png) no-repeat 0 0;} */

.mapPos3 {position:absolute; left:0; top:0; z-index:5; width:100%;}
.mapPos3 span {position:absolute; z-index:5; height:26px; padding:0 10px; background:#fff; font-size:14px; font-weight:400; color:#646464; border:1px solid #c8c8c8; border-radius:13px; text-align:center; line-height:26px;}
.mapPos3 span.imp:after {display:block; content:""; position:absolute; left:-6px; top:50%; width:12px; height:12px; margin-top:-6px; background:url(../images/img_yebo_na_over.png) no-repeat 0 0;}
.mapPos3 span > strong {font-size:14px; color:#0a0a0a; font-weight:500;}
.mp01 {left:160px; top:90px;}
.mp02 {left:353px; top:125px;}
.mp03 {left:270px; top:159px;}
.mp04 {left:164px; top:191px;}
.mp05 {left:464px; top:177px;}
.mp06 {left:267px; top:218px;}
.mp07 {left:345px; top:257px;}
.mp08 {left:149px; top:290px;}
.mp09 {left:300px; top:315px;}
.mp10 {left:290px; top:352px;}
.mp11 {left:443px; top:343px;}
.mp12 {left:249px; top:445px;}
.mp13 {left:432px; top:431px;}
.mp14 {left:518px; top:464px;}
.mp15 {left:244px; top:536px;}
.mp16 {left:388px; top:505px;}
.mp17 {left:240px; top:580px;}
.mp18 {left:494px; top:534px;}
.mp19 {left:50px; top:678px;}

/* Particulate Matter */
#matter tr:nth-child(1) th:nth-child(1){ color:#fff;}
#matter tr:nth-child(4) th:nth-child(1){ color:#fff;}

#matterTit + table{ }

/*영문 지도 숨김용 */	
.eng_map_hide { display: none !important; }