@charset "UTF-8";

html {height:100%;overflow:hidden;}
body {height:100%;background:#fff;overflow: hidden;width: 100%;min-width: 1280px;}




#wrapper {width:100%;min-width:1280px;height:100%;overflow:hidden;position: relative !important;}
/******* header ******/
#wrapper #header {width:100%;min-width:1280px;height:49px;border-bottom:1px solid #005aab;background:#fff;position:relative;top:0px;left:0;z-index:999;}
#wrapper #header .logo {padding:8px 10px 0 7px;float:left;}
#wrapper #header .sideMenu {margin:17px 0px 0 0;float:left;}
#wrapper #header .sideMenu li {padding:0 0 0 5px;color:#666;line-height: 20px;float:left;}
#wrapper #header .sideMenu li button {width:60px;height:20px;margin:0 3px;border-radius:3px;border:1px solid #bfbfbf;background:#fff;color:#888;font-size: 11px;line-height: 18px;cursor:pointer;}
#wrapper #header .sideMenu li button:hover {background:#bfbfbf;color: #fff;}
#wrapper #header .gnb {height:49px;margin-right:15px;float: right;}
#wrapper #header .gnb li {padding:18px 5px 7px 5px;margin:0 2px;border-bottom:5px solid #fff;font:bold 14px '맑은 고딕', 'Nanum Gothic', '나눔 고딕', '돋움', dotum;color: #333;float:left;cursor:pointer;}
#wrapper #header .gnb li:hover {color:#0A5BA9;}
#wrapper #header .gnb li.on {border-bottom: 5px solid #005aab;color:#005aab;}


/******* container ******/
#wrapper #container {width:100%;min-width:1280px;height: calc(100vh - 85px);position:relative;top:0px;left:0;z-index:9;}

#wrapper #container .map {width:100%;min-width:1280px;height: calc(100vh - 85px);position:absolute;z-index:9;}/*top:0px;left:0;*/

#wrapper #container .itgtSearch {position:absolute;left:20px;top:15px;z-index:99;}
#wrapper #container .itgtSearch input {width:228px;height:34px;padding:0 0 0 5px;border:3px solid #005aab;border-right:0;border-radius:5px 0 0 5px;font-size: 14px;font-weight: 500;float: left;}
#wrapper #container .itgtSearch button.btSearch1 {width:40px;height:40px;background:#005aab url(../img/map/icGrs.png) 8px 6px no-repeat;border:none;border-radius:0 5px 5px 0;text-indent:-9999px;float: left;}
#wrapper #container .itgtSearch button.btSmenu1 {width:40px;height:40px;margin-left:5px;background:#005aab;color:#fff;border:none;border-radius:5px;font-size:14px;float: left;}
#wrapper #container .itgtSearch button.btSmenu2 {width:40px;height:40px;margin-left:5px;background:#005aab;color:#9cfefd;border:none;border-radius:5px;font-size:14px;float: left;}
#wrapper #container .subMenu {background:#005aab;border-radius:6px;position:absolute;left:160px;top:60px;z-index:99;opacity:0;}
#wrapper #container .subMenu li {width:160px;padding:10px;border-bottom:1px solid #3a7bb5;border-radius:5px;background:#005aab;text-indent:5px;color: #fff;font-weight: bold;font-size:14px;cursor:pointer;}
/* #wrapper #container .subMenu li:first-child {border-radius:5px 5px 0 0;}
#wrapper #container .subMenu li:last-child {border-radius:0 0 5px 5px;border-top:0 ;} */
#wrapper #container .subMenu li i {margin-right:5px;}
#wrapper #container .subMenu li:hover {color:#9cfefd;}

/* logo_smt 2022-04-06 */
/* .logo_smt {position:relative;top:0;left:15px;width:330px;margin:15px 0 5px;padding:10px 0;border:1px solid #c1c1c1;border-radius:26px;text-align:center;cursor:pointer;z-index:99;box-sizing:border-box;} */

/******* container left ******/
#wrapper #container .conLeft {width:360px;height:calc(100vh - 85px);background:#f3f3f3;position:relative;left:-360px;top:0px;z-index:9;display:inline-block;}
#wrapper #container .tab {width:330px;margin:65px 15px 0 15px;}
#wrapper #container .tab.tabMap {margin-top:0;}
#wrapper #container .tab:after {content:"";display:block;clear:both;}
#wrapper #container .tab h3 {width:100%;height:34px;line-height:34px;color: #005aab;text-indent:5px;font-size:15px;font-weight: bold;float: left;}
#wrapper #container .tab h3 i {margin-right:5px;}
#wrapper #container .tab h3 button {padding:2px 3px;margin-top:6px;background:none;font:normal 10px 'notokr-medium';color:#777;border-radius:3px;border:1px solid #a1a1a1;text-indent:0px;float: right;cursor:pointer;}
#wrapper #container .tab h3 button:hover {border:1px solid #333;color: #333;}
#wrapper #container .tab .stabMenu {width:94%;padding:3%;background:none;float: left;}
#wrapper #container .tab .stabMenu li {width:31%;height:30px;line-height:30px;background:#e7e6e6;margin-right:3%;border-radius:20px;text-align: center;font-weight: bold;color: #333;float: left;}
#wrapper #container .tab .stabMenu li:last-child {margin-right:0;}
#wrapper #container .tab .stabMenu li.on {background:#373737;color:#fff;}
#wrapper #container .tab .stab {width:94%;padding:3%;background:#fff;float: left;}
#wrapper #container .tab .stabbox {width:94%;padding:3%;background:#fff;float: left;}
#wrapper #container .tab .telQt {width:94%;padding:2% 3%;background:none;font-size:11px;float: left;}
/* #wrapper #container table.scOptionT {width:100%;padding:5px 0 10px 0;border-bottom:1px dashed #ddd;float: left;} */
#wrapper #container table.scOptionT {width:100%;padding:1px 0 10px 0;border-bottom:1px dashed #ddd;float: left;}
#wrapper #container table.scOptionT th {padding:5px;text-align: right;color: #333;}
#wrapper #container table.scOptionT td {padding:5px;text-align: left;}
#wrapper #container table.scOptionT td b.ttB {color:#1665bd;font-size: 13px;}
#wrapper #container table.scOptionT td b.ttG {color:#217903;font-size: 13px;}
#wrapper #container table.scOptionT td b.ttO {color:#de5511;font-size: 13px;}
#wrapper #container table.scOptionT td i.fas.fa-caret-right {margin-right:5px;}
#wrapper #container table.scOptionT input[type="text"] {width:150px;height:24px;padding:0 5px;border: 1px solid #ddd;}
#wrapper #container table.scOptionT input[type="checkbox"] {margin-right:5px;}
#wrapper #container table.scOptionT select {width:160px;height:26px;border: 1px solid #ddd;}
#wrapper #container .tab .btGr {width:100%;padding:9px 0 0px 0;margin-bottom: 15px;text-align: center;float: left;}
/* #wrapper #container .tab .btGr {width:100%;padding:15px 0 5px 0;margin-bottom: 15px;text-align: center;float: left;} */
#wrapper #container .tab .btGr button {width:90px;height:30px;padding:6px 0 9px 0;margin:0 1px;border-radius:5px;border:none;text-align: center;color: #fff;vertical-align: middle;margin-left:5px;}
#wrapper #container .tab .btGr button i {margin-right:5px;}
#wrapper #container .tab .btGr button.cancle {background:#777;}
#wrapper #container .tab .btGr button.okay {background:#f26242;}
#wrapper #container .tab .btGr button.okay2 {width:40px;background:#f26242;}
#wrapper #container .tab .btGr button.okay2 i {margin:2px 0px 0 0;font-size:16px;}
#wrapper #container .tab .btGr button.okay3 {width:40px;background:#f26242 url(../img/map/icAreash.png) center no-repeat;}
/* 왼쪽탭 검색결과 테이블 */
#wrapper #container .conLeft h5 {width:96%;padding:7px 2%;background:#f1f7fc;font-size:14px;color:#005aab;float: left;}
#wrapper #container .conLeft h5 i {margin-right:5px;}
#wrapper #container .conLeft h5 .ttl {color: #666;font-size: 12px;font-weight: normal;}
#wrapper #container .conLeft h5 .ttl b {color: #ce2c2c;font-size: 12px;}
#wrapper #container .conLeft h5 button {padding:2px 3px;background:none;font:normal 10px 'notokr-medium';color:#999;border-radius:3px;border:1px solid #ccc;float: right;cursor:pointer;}
#wrapper #container .conLeft h5 button.btExel {width:50px;padding:2px 0px;background:#F1F7FC url(../img/map/icExel.png) 5px 0 no-repeat;font:normal 11px 'notokr-medium';color:#006941;border-radius:3px;text-align: center;text-indent:20px;border:1px solid #006941;float: right;cursor:pointer;}
#wrapper #container .conLeft h5 button.btExel:hover {background:#006941 url(../img/map/icExel.png) 5px -21px no-repeat;border:1px solid #006941;color: #fff;}
#wrapper #container .tab h3 button.btRight {padding:2px 3px 2px 3px;margin-left:5px;background:none;font:normal 11px 'notokr-medium';color:#999;border-radius:3px;text-align: center;border:1px solid #ddd;float: right;cursor:pointer;}
#wrapper #container .tab h3 button.btRight:hover {border:1px solid #333;color: #333;}
#wrapper #container .tab h3 button.btRight i {font-size:14px;padding:0px;margin-right:0;margin-left: 5px;}
button.btRight {padding:2px 3px 0px 3px;margin-left:5px;background:none;font:normal 11px 'notokr-medium';color:#999;border-radius:3px;text-align: center;border:1px solid #ddd;float: right;cursor:pointer;}
button.btRight i {font-size:14px;padding:0px;margin-right:0;margin-left: 5px;}
button.btRight:hover {border:1px solid #333;color: #333;}
#wrapper #container .conLeft h5 .btRight i {margin-right:0;}

#wrapper #container .conLeft h5>ul>a>li {padding:5px 5px 5px 30px; background:#fff;font-size:12px;border:0;color:#333;font-weight:normal;cursor:pointer;}
#wrapper #container .conLeft h5>ul>a>li.on  {font-size:13px;font-weight: bold;}
#wrapper #container .conLeft h5>ul>a>li>.stbtn1 {height:18px;width:18px;background:#fff url(../img/static/btBg1.png)0px 0px no-repeat;border-radius:3px;float:right;cursor:pointer;}
#wrapper #container .conLeft h5>ul>a>li>.stbtn1:hover {background-position:-16px 0;}
#wrapper #container .conLeft h5>ul>a>li>.stbtn1.on {background-position:-16px 0;border:1px solid #eb6100;}
#wrapper #container .conLeft h5>ul>a>li>.stbtn2 {height:18px;width:18px;background:#fff url(../img/static/btBg2.png)0px 0px no-repeat;border-radius:3px;float:right;cursor:pointer;}
#wrapper #container .conLeft h5>ul>a>li>.stbtn2:hover {background-position:-16px 0;}
#wrapper #container .conLeft h5>ul>a>li>.stbtn2.on {background-position:-16px 0;border:1px solid #eb6100;}
#wrapper #container .conLeft h5>ul>a>li>.stbtn3 {height:18px;width:18px;background:#fff url(../img/static/btBg3.png)0px 0px no-repeat;border-radius:3px;float:right;cursor:pointer;}
#wrapper #container .conLeft h5>ul>a>li>.stbtn3:hover {background-position:-16px 0;}
#wrapper #container .conLeft h5>ul>a>li>.stbtn3.on {background-position:-16px 0;border:1px solid #eb6100;}

#wrapper #container .conLeft h5 button:hover {border:1px solid #333;color: #333;}
#wrapper #container .conLeft .tableBoard {width:100%;margin:15px 0 10px 0;float: left;}
#wrapper #container .conLeft .tableBoard table {width:100%;border-top:2px solid #000000;border-collapse:collapse;}
#wrapper #container .conLeft .tableBoard th {padding:5px 10px;height:24px;line-height:16px;background:#F4F7F9;border:1px solid #ccc;color: #101010;}
#wrapper #container .conLeft .tableBoard td {padding:5px 10px;height:26px;background:#fff;border:1px solid #ccc;color: #222;}
#wrapper #container .conLeft .tableBoard td.tac {text-align: center;}
#wrapper #container .conLeft .tableBoard .paging {font-weight: normal;line-height:30px;vertical-align: middle;}
#wrapper #container .conLeft .tableBoard .paging a {margin:0 3px;font-size: 12px;color:#333;vertical-align: middle;}
#wrapper #container .conLeft .tableBoard .paging a:link {text-decoration:none;}
#wrapper #container .conLeft .tableBoard .paging a:active {text-decoration:none;}
#wrapper #container .conLeft .tableBoard .paging a:visited {text-decoration:none;}
#wrapper #container .conLeft .tableBoard .paging a:hover {text-decoration:none;}
#wrapper #container .conLeft .tableBoard .paging input {width:30px;height:20px;border:1px solid #ccc;text-align: center;}
#wrapper #container .conLeft .tableBoard .paging select {width:50px;height:22px;border:1px solid #ccc;text-align: center;}
#wrapper #container .conLeft .tableResult {width:100%;margin:0 0 10px 0;border-collapse:collapse;float: left;}
#wrapper #container .conLeft .tableResult tr {border-bottom:1px dashed #ccc;}
#wrapper #container .conLeft .tableResult td {padding:5px 10px 7px 10px;line-height:20px;color:#333;}
#wrapper #container .conLeft .tableResult2 {width:100%;margin:10px 0 10px 0;border-top:2px solid #787878;border-collapse:collapse;float: left;}
#wrapper #container .conLeft .tableResult2 th {padding:5px 5px 7px 5px;border: 1px solid #dadada;background:#f1f1f1;color: #333;}
#wrapper #container .conLeft .tableResult2 td {border: 1px solid #dadada;padding:5px 10px 7px 10px;line-height:22px;color:#333;}
#wrapper #container .conLeft .tableResult2 td b.fcpp {color:#8828b5;font-size:14px;}
#wrapper #container .conLeft .tableResult2 td input[type="checkbox"] {margin-right:5px;outline:none;}
.paging2 {width: 100%;padding:10px 0;text-align: center;float: left;}
.paging2 a {padding:3px 8px;margin:0;border: 1px solid #ccc;border-right:0;font-size:11px;color:#333;text-decoration: none;display:inline;}
.paging2 a:hover {background:#f3f3f3;}
.paging2 a.on {background:#333;color: #fff;border: 1px solid #333;}

.paging3 {width: 100%;padding:10px 0;text-align: center;float: left;}
.paging3 a {padding:3px 8px;margin:0;border: 1px solid #ccc;border-right:0;font-size:11px;color:#333;text-decoration: none;display:inline;}
.paging3 a:hover {background:#f3f3f3;}
.paging3 a.on {background:#333;color: #fff;border: 1px solid #333;}

.featureInfoLi{padding: 5px 10px;  height: 18px;  line-height: 14px;  background: #f3f3f3;  border: 1px solid #eee;  border-bottom: 0;  color: #101010;  cursor: pointer;}
.featureInfocloseBtn{height: 32px;  padding: 0px 15px;  margin: 5px 5px;  font-size: 12px;  line-height: 32px;  text-align: center;  background: #777;  color: #fff;  border-radius: 4px;  border: 0;  font-weight: bold;  cursor: pointer;  width: 50px;}

.tab2 {display:none;}
/* 왼쪽탭 커뮤니티맵 2021-01-19 */
#wrapper #container .conLeft .listInfo {width:97%;padding:5px;background:#f3f3f3;font-weight: bold;}
#wrapper #container .conLeft .listInfo i {color:#1291d2;}
/*유비텍 추가 커뮤니티맵 result list 내부 테이블 스타일 추가*/
#wrapper #container .conLeft .tableResult2 .tbCommu {width:100%;text-align:center;background-color:#f3f3f3;margin-top:5px;}
#wrapper #container .conLeft .tableResult2 .tbCommu td {border:none;padding:2px 2px;line-height:15px;color:#333;}
/* 왼쪽탭 행정주제도 2021-01-26 */
#wrapper #container .conLeft .theme {width:300px;margin:5px 5px 15px 5px;float: left;}
#wrapper #container .conLeft .theme li {width:100px;height:100px;background:#f7f7f7;text-indent:-9999px;float: left;cursor:pointer;}
#wrapper #container .conLeft .theme li:nth-child(2n) {background:#e9e9e9;}
#wrapper #container .conLeft .theme li>div {width:86px;height: 86px;margin:5px;border: 2px solid transparent;}
#wrapper #container .conLeft .theme li:nth-child(1)>div {background:url(../img/map/btTM01.png) 0 0 no-repeat;}
#wrapper #container .conLeft .theme li:nth-child(2)>div {background:url(../img/map/btTM02.png) 0 0 no-repeat;}
#wrapper #container .conLeft .theme li:nth-child(3)>div {background:url(../img/map/btTM03.png) 0 0 no-repeat;}
#wrapper #container .conLeft .theme li:nth-child(4)>div {background:url(../img/map/btTM04.png) 0 0 no-repeat;}
#wrapper #container .conLeft .theme li:nth-child(5)>div {background:url(../img/map/btTM05.png) 0 0 no-repeat;}
#wrapper #container .conLeft .theme li:nth-child(6)>div {background:url(../img/map/btTM06.png) 0 0 no-repeat;}
#wrapper #container .conLeft .theme li:nth-child(7)>div {background:url(../img/map/btTM07.png) 0 0 no-repeat;}
#wrapper #container .conLeft .theme li:nth-child(8)>div {background:url(../img/map/btTM08.png) 0 0 no-repeat;}
#wrapper #container .conLeft .theme li:nth-child(9)>div {background:url(../img/map/btTM09.png) 0 0 no-repeat;}
#wrapper #container .conLeft .theme li>div:hover {border: 2px solid #10c6b3;background-position:-86px 0;}
#wrapper #container .conLeft .theme li>div.on {border: 2px solid #10c6b3;background-position:-86px 0;}
#wrapper #container .conLeft table td.btgr {text-align: center;}
#wrapper #container .conLeft table td.btgr button {width:18px;height:18px;margin:0 1px;text-indent:-9999px;border:1px solid #ccc;border-radius:3px;vertical-align: middle;cursor:pointer;}
#wrapper #container .conLeft table td.btgr button.btSt4_1 {background:#fff url(../img/map/btBg1.png) 0 0 no-repeat;}/* 마커클러스터 */
#wrapper #container .conLeft table td.btgr button.btSt4_2 {background:#fff url(../img/map/btBg2.png) 0 0 no-repeat;}/* 분포도 */
#wrapper #container .conLeft table td.btgr button.btSt4_3 {background:#fff url(../img/map/btBg3.png) 0 0 no-repeat;}/* 단계구분도 */
#wrapper #container .conLeft table td.btgr button.btSt4_4 {background:#fff url(../img/map/btBg4.png) 0 0 no-repeat;}/* 마커클러스터 */
#wrapper #container .conLeft table td.btgr button:hover {background-position:-16px 0;}
#wrapper #container .conLeft table td.btgr button.on {background-position:-16px 0;border:1px solid #eb6100;}




#wrapper #container .gnb_tbt1 {width:20px;padding:15px 0;background:#005aab;border:none;border-radius:0 5px 5px 0;color: #fff;font-size: 14px;text-align: center;position:absolute;left:360px;top:45%;cursor:pointer;z-index:99;}
#wrapper #container .gnb_tbt2 {width:20px;padding:15px 0;background:#005aab;border:none;border-radius:0 5px 5px 0;color: #fff;font-size: 14px;text-align: center;position:absolute;left:0px;top:45%;cursor:pointer;z-index:99;}

#wrapper #container .quickMenu {font-size:12px;position:absolute;right:105px;top:15px;z-index:9;}
#wrapper #container .quickMenu button {width:100px;height:30px;margin:0 5px;font-size:12px;border-radius:5px;border: 1px solid #005aab;text-align:center;/*line-height:30px;*/color:#005aab;font-weight: bold;vertical-align: middle;box-shadow:1px 1px 3px rgba(0,0,0, .5);}

#wrapper #container .quickMenu button.btQuick1 {background:#fff url(../img/map/icGrb.png) 7px -2px no-repeat;text-indent:20px;}
#wrapper #container .quickMenu button.btQuick1.on {background:#005aab url(../img/map/icGrb.png) 7px -38px no-repeat;color: #fff;}
#wrapper #container .quickMenu button.btQuick2 {background:#fff url(../img/map/icMus.png) 3px -3px no-repeat;text-indent:19px;}
#wrapper #container .quickMenu button.btQuick2.on {background:#005aab url(../img/map/icMus.png) 3px -38px no-repeat;color: #fff;}
#wrapper #container .quickMenu button.btQuick4 {background:#fff url(../img/map/icMus.png) 3px -3px no-repeat;text-indent:19px;}
#wrapper #container .quickMenu button.btQuick4.on {background:#005aab url(../img/map/icMus.png) 3px -38px no-repeat;color: #fff;}
/* #wrapper #container .quickMenu button.btQuick3 {width:150px;background:#fff url(../img/map/icLayer.png) 15px -2px no-repeat;text-indent:22px;}
#wrapper #container .quickMenu button.btQuick3.on {background:#005aab url(../img/map/icLayer.png) 15px -37px no-repeat;color: #fff;} */
#wrapper #container .quickMenu button.btQuick3 {width:165px;background:#fff url(../img/map/icLayer2.png) top left no-repeat;text-indent:22px;padding:0 0 0 12px;text-align: left;color: #1e729d;}
#wrapper #container .quickMenu button.btQuick3.on {background:#1e729d url(../img/map/icLayer2.png) bottom left no-repeat;color: #fff;font-weight: 500;}
#wrapper #container .quickMenu select {width:120px;height:30px;margin:0 2px;font-size:12px;border-radius:5px;border: 1px solid #005aab;color:#005aab;font-weight: bold;vertical-align: middle;box-shadow:1px 1px 3px rgba(0,0,0, .5);}

/* #wrapper #container .quickMenu .layer {width:150px;background:#fff;border:1px solid #005aab;position:absolute;right:3px;top:40px;} */
#wrapper #container .quickMenu .layer {width:165px;background:#fff;border:1px solid #005aab;position:absolute;right:3px;top:40px;}
/* #wrapper #container .quickMenu .layer ul {width:100%;padding-top:7px;border-bottom:1px solid #005aab;} */
/* #wrapper #container .quickMenu .layer ul li {padding:0px 5px 7px 5px;font-weight: bold;} */
/* #wrapper #container .quickMenu .layer ul li {padding:0px 10px 7px;font-weight: bold;}
#wrapper #container .quickMenu .layer ul li:after {content: "";display: block;clear: both;;}
#wrapper #container .quickMenu .layer ul li input[type="checkbox"]{float: left;width: 15px;margin-right:5px;}
#wrapper #container .quickMenu .layer ul li input[type="checkbox"]+label{float: left;width: calc(100% - 20px);word-break: break-all;font-weight: 500;} */

/* 2뎁스로 수정 220511 */
#wrapper #container .quickMenu .layer .depMenu_1 {width:100%;padding: 5px 10px;box-sizing: border-box;}
#wrapper #container .quickMenu .layer .depMenu_1>li {position: relative;padding:5px 0;font-weight: bold;}
#wrapper #container .quickMenu .layer .depMenu_1>li:before {content: "\f65e";display: block;position: absolute;top: 1px;left: 0;font-size: 15px;font-weight: 900;font-family: 'Font Awesome 5 Free';color: #ffd900;padding-top: 4px;cursor: pointer;}
#wrapper #container .quickMenu .layer .depMenu_1>li.folder:before {content: "\f65d";}
#wrapper #container .quickMenu .layer .depMenu_1>li:after {content: "";display: block;clear: both;}
#wrapper #container .quickMenu .layer .depMenu_1>li span {position: relative;display: block;padding-bottom: 4px;padding-left: 7px;margin-left: 15px;font-weight: 500;color: #222;cursor: pointer;}
#wrapper #container .quickMenu .layer .depMenu_1>li span:before {content:"";display: block;position: absolute;top: 25px;left: -15px;width: 1px;border-left: 1px solid #e5e5e5;height: calc(100% - 25px);}
#wrapper #container .quickMenu .layer .depMenu_1>li span:after {content:"";display: block;clear: both;}
#wrapper #container .quickMenu .layer .depMenu_1>li input[type="checkbox"]{float: left;margin-right:5px;margin-top: 2px;cursor: pointer;}
#wrapper #container .quickMenu .layer .depMenu_1>li input[type="checkbox"]+label{float: left;width: calc(100% - 20px);word-break: break-all;font-weight: 500;cursor: pointer;}
#wrapper #container .quickMenu .layer .depMenu_2 {display: none;padding-left: 9px;margin-left: 7px;border-left: 1px solid #e5e5e5;}
#wrapper #container .quickMenu .layer .depMenu_2>li {padding: 2px 5px;}
#wrapper #container .quickMenu .layer .depMenu_2>li:hover {background: #f1f1f1;}
#wrapper #container .quickMenu .layer .depMenu_2>li:after {content: "";display: block;clear: both;}
#wrapper #container .quickMenu .layer .depMenu_2>li input[type="checkbox"]{float: left;width: 15px;margin-right:5px;cursor: pointer;}
#wrapper #container .quickMenu .layer .depMenu_2>li input[type="checkbox"]+label{float: left;width: calc(100% - 20px);word-break: break-all;font-weight: 500;cursor: pointer;}


#wrapper #container .tool {position:absolute;right:20px;top:15px;z-index:9;}
#wrapper #container .tool li {width:27px;height:27px;background:#f9f9f9;box-shadow:-1px 1px 2px rgba(0,0,0, .5);cursor:pointer;position:relative;}
#wrapper #container .tool li:nth-child(1) {margin-bottom:15px;border-radius:3px;background:#f9f9f9 url(../img/map/tool01.png) 0px 0px no-repeat;}/*3D*/
#wrapper #container .tool li:nth-child(3) {width:25px;height:25px;border: 1px solid #00ac9a;border-radius:3px 3px 0 0;background:#f9f9f9 url(../img/map/tool02.png) 0px 0px no-repeat;text-indent:-9999px;}/*+*/
#wrapper #container .tool li:nth-child(4) {width:25px;height:25px;border: 1px solid #00ac9a;border-top:0;border-radius:0 0 3px 3px;background:#f9f9f9 url(../img/map/tool03.png) 0px 0px no-repeat;text-indent:-9999px;}/*-*/
#wrapper #container .tool li:nth-child(5) {margin-top:15px;border-bottom: 1px solid #cacaca;border-radius:3px 3px 0 0;background:#f9f9f9 url(../img/map/tool04.png) 0px 0px no-repeat;}/*이동*/
#wrapper #container .tool li:nth-child(6) {border-bottom: 1px solid #cacaca;background:#f9f9f9 url(../img/map/tool05.png) 0px 0px no-repeat;}/*확대*/
#wrapper #container .tool li:nth-child(7) {border-radius:0 0 3px 3px;background:#f9f9f9 url(../img/map/tool06.png) 0px 0px no-repeat;}/*축소*/
#wrapper #container .tool li:nth-child(8) {margin-top:15px;border-radius:3px 3px 0 0;border-bottom: 1px solid #cacaca;background:#f9f9f9 url(../img/map/tool07.png) 0px 0px no-repeat;}/*이전*/
#wrapper #container .tool li:nth-child(9) {border-bottom: 1px solid #cacaca;background:#f9f9f9 url(../img/map/tool08.png) 0px 0px no-repeat;}/*다음*/
#wrapper #container .tool li:nth-child(10) {border-radius:0 0 3px 3px;background:#f9f9f9 url(../img/map/tool09.png) 0px 0px no-repeat;}/*전체*/
#wrapper #container .tool li:nth-child(11) {margin-top:15px;border-radius:3px 3px 0 0;background:#f9f9f9 url(../img/map/tool10.png) 0px 0px no-repeat;}/*거리*/
#wrapper #container .tool li:nth-child(12) {border-bottom: 1px solid #cacaca;background:#f9f9f9 url(../img/map/tool11.png) 0px 0px no-repeat;}/*면적*/
#wrapper #container .tool li:nth-child(13) {border-bottom: 1px solid #cacaca;background:#f9f9f9 url(../img/map/tool12.png) 0px 0px no-repeat;}/*반경*/
#wrapper #container .tool li:nth-child(14) {border-radius:0 0 3px 3px;background:#f9f9f9 url(../img/map/tool17.png) 0px 0px no-repeat;}/*새로고침*/
#wrapper #container .tool li:nth-child(15) {border-radius:3px 3px 0 0;margin-top:15px;border-bottom: 1px solid #cacaca;background:#f9f9f9 url(../img/map/tool13.png) 0px 0px no-repeat;}/*그리기*/
#wrapper #container .tool li:nth-child(16) {background:#f9f9f9 url(../img/map/tool14.png) 0px 0px no-repeat;}/*인쇄*/
#wrapper #container .tool li:nth-child(17) {border-bottom: 1px solid #cacaca;background:#f9f9f9 url(../img/map/tool14.png) 0px 0px no-repeat;}/*저장*/
/* #wrapper #container .tool li:nth-child(17) {border-bottom: 1px solid #cacaca;background:#f9f9f9 url(../img/map/tool18.png) 0px 0px no-repeat;} *//*i버튼*/
/* #wrapper #container .tool li:nth-child(18) {border-radius:0 0 3px 3px;background:#f9f9f9 url(../img/map/tool16.png) 0px 0px no-repeat;}즐겨찾기 */
#wrapper #container .tool li:last-child {border-radius:0 0 3px 3px;}
#wrapper #container .tool li:nth-child(2) {border-radius:3px;background:#f9f9f9;color:#626262;text-align: center;font-size:15px;line-height:26px;;position:absolute;top:0; right:40px;}/*로드뷰*/
#wrapper #container .tool .myArea {display: none;background:#f9f9f9 url(../img/map/tool18_2.png) 0px 0px no-repeat !important;border-radius: 3px !important;}/*내위치*/
#wrapper #container .tool li.on {background-position:-27px 0;}
#wrapper #container .tool li:nth-child(2).on {background:#00AC9A;color: #fff;}/*로드뷰*/
#wrapper #container .tool li span {padding:2px 4px;background:#000;border-radius:3px;color:#fff;font-size:11px;word-break:keep-all;position:absolute;right:30px;top:3px;opacity:.7;display:none;}

/* 그리기 */
.drawing {position:absolute;left:50%;margin-left: -220px;top:20px;z-index:9;}
.drawing .ibg {width:13px;height: 13px;background:#fff;border-radius:30px;position: absolute;left:-23px;top:3px;z-index:9;}
.drawing button.closeDrawing {width:20px;height: 20px;border-radius:30px;border:none;background:none;box-shadow:1px 1px 3px rgba(0,0,0, .7);position: absolute;left:-25px;top:0px;}
.drawing button.closeDrawing i {font-size:20px;color: #333;padding:0;margin: 0;position:absolute;left:0px;top:0px;z-index:99;}
.drawing ul {width:276px;height:22px;border-radius:5px;box-shadow:1px 1px 3px rgba(0,0,0, .7);}
.drawing li {width:22px;height:22px;border-right: 1px solid #ddd;background:#fff;float: left;cursor:pointer;position:relative;}
.drawing li:nth-child(1) {background:#fff url(../img/map/toolDrawing14.png) 0 0 no-repeat;border-radius:3px 0px 0 3px;}
.drawing li:nth-child(2) {background:#fff url(../img/map/toolDrawing07.png) 0 0 no-repeat;}
.drawing li:nth-child(3) {background:#fff url(../img/map/toolDrawing08.png) 0 0 no-repeat;}
.drawing li:nth-child(4) {background:#fff url(../img/map/toolDrawing09.png) 0 0 no-repeat;}
.drawing li:nth-child(5) {background:#fff url(../img/map/toolDrawing11.png) 0 0 no-repeat;}
.drawing li:nth-child(6) {background:#fff url(../img/map/toolDrawing12.png) 0 0 no-repeat;}
.drawing li:nth-child(7) {background:#fff url(../img/map/toolDrawing16.png) 0 0 no-repeat;}
.drawing li:nth-child(8) {background:#fff url(../img/map/toolDrawing06.png) 0 0 no-repeat;}
.drawing li:nth-child(9) {background:#fff url(../img/map/toolDrawing01.png) 0 0 no-repeat;}
.drawing li:nth-child(10) {background:#fff url(../img/map/toolDrawing13.png) 0 0 no-repeat;}
.drawing li:nth-child(11) {background:#fff url(../img/map/toolDrawing03.png) 0 0 no-repeat;}
.drawing li:nth-child(12) {background:#fff url(../img/map/toolDrawing04.png) 0 0 no-repeat;border-radius:0px 3px 3px 0;border:none;}
.drawing li:hover,.drawing li.on {background-position:-22px 0;}
.drawing li span {padding:2px 3px;border-radius:3px;background:rgba(0,0,0,.5);font:normal 10px 'notokr-medium';color:#fff;word-break:keep-all;position:absolute;top:30px;left:50%;display:none;}
.drawing > .option {width:200px;border-radius:5px;border: 1px solid #ccc;background:#f3f3f3;position:absolute;left:50%;margin-left: -100px;top:54px;z-index:9;}
.drawing > .option > .bar {width:88%;padding:10px 6% 0 6%;color:#1360BB;font-weight: bold;}
.drawing > .option > .bar > button {border:none;background:none;color:#aaa;font-size:15px;float: right;}
.drawing > .option > .content {width:180px;margin:10px;border-radius:5px;background:#fff;}
.drawing > .option > .content > table {width:100%;border-collapse:collapse;}
.drawing > .option > .content > table tr {border-bottom: 1px dashed #ddd;}
.drawing > .option > .content > table tr:last-child {border-bottom: 0px dashed #ddd;}
.drawing > .option > .content > table th {height:24px;font-size:11px;font-weight: normal;}
.drawing > .option > .content > table td {height:24px;font-size:11px;}
.drawing > .option > .bt {width: 100%;padding-bottom:10px;text-align: center;}
/* 텍스트 속성 설정*/
#drawTextOption {width:200px;border-radius:5px;border: 1px solid #ccc;background:#f3f3f3;z-index:9;}
#drawTextOption > .bar {width:88%;padding:10px 6% 0 6%;color:#1360BB;font-weight: bold;}
#drawTextOption > .bar > button {border:none;background:none;color:#aaa;font-size:15px;float: right;}
#drawTextOption > .content {width:180px;margin:10px;border-radius:5px;background:#fff;}
#drawTextOption > .content > table {width:100%;border-collapse:collapse;}
#drawTextOption > .content > table tr {border-bottom: 1px dashed #ddd;}
#drawTextOption > .content > table tr:last-child {border-bottom: 0px dashed #ddd;}
#drawTextOption > .content > table th {height:24px;font-size:11px;font-weight: normal;}
#drawTextOption > .content > table td {height:24px;font-size:11px;}
#drawTextOption > .bt {width: 100%;padding-bottom:10px;text-align: center;}
/* 맵왼쪽하단 */
#wrapper #container .leftMapbox {position:absolute;left:15px;bottom:15px;z-index:99;}
#wrapper #container .leftMapbox .mapLogo {position: static;margin-bottom: 8px;}
#wrapper #container .leftMapbox ul {position: static;margin-bottom: 0px;padding:0 5px;background:#fff;border: 1px solid #e5e5e5;border-radius:5px;}
#wrapper #container .leftMapbox ul li {padding:7px;display:inline-block;}
#wrapper #container .leftMapbox ul li input[type="checkbox"] {margin-right:5px;}
#wrapper #container .btnLegend {width:40px;height:24px;background:#fff;text-align: center;line-height: 24px;border-radius:5px;border: 1px solid #005aab;color: #005aab;font-weight: bold;position:absolute;bottom:15px;z-index:99;cursor:pointer;display:none;}/*right:20px;*/
#wrapper #container .btnLegend.on,#wrapper #container .btnLegend:hover {background:#005aab;color:#fff;}
#wrapper #container .legendBox {padding:10px;border-radius:5px;background:#edf5f9;border: 1px solid #005aab;position:absolute;bottom:15px;z-index:99;display:none;}/*right:70px;*/
#wrapper #container .legendBox.on {display:block;}
#wrapper #container .legendBox .lgTitle {color:#005aab;font-weight: bold;text-align: center;}
#wrapper #container .legendBox .lgTitle i {color: #999;font-size:16px;}
#wrapper #container .legendBox .contents_box {margin-top:10px;padding:5px;background:#fff;}
#wrapper #container .legendBox .contents_box table {border-collapse:collapse;}
#wrapper #container .legendBox .contents_box table th {padding:5px;border-bottom: 1px solid #ddd;}
#wrapper #container .legendBox .contents_box table td {padding:5px;border-bottom: 1px solid #ddd;text-align: center;}
#wrapper #container .legendBox ul {margin-top:10px;padding:5px 0;background:#fff;}
#wrapper #container .legendBox li {padding:2px 10px 2px 10px;vertical-align: middle;}
#wrapper #container .legendBox li span.lgBox {width:20px;height: 14px;margin-right: 5px;border: 1px solid #000;vertical-align: middle;text-indent:-9999px;display:inline-block;}
/* 로드뷰 2021-03-30 */
#wrapper #container .roadView {width:280px;height:280px;background:#fff;border: 1px solid rgb(117, 117, 117); position:absolute;right:0px;bottom:0px;z-index:999}
#wrapper #container .roadViewBtn {width:25px;height:25px;background:rgb(117, 117, 117); border: none;color:#fff;position:absolute;right:257px;bottom:257px;z-index:1100;}
#wrapper #container .roadViewBtn i {font-size:18px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
#wrapper #container .roadViewBtn:hover {background: #00AC9A;}
#wrapper #container .roadViewClose {width:25px;height:25px;background:none; border: none;color:rgb(117, 117, 117);font-size: 27px;position:absolute;right:2px;bottom:264px;z-index:1100;}
/* 지도로고표시 2021-04-28 */
.mapLogo {position:absolute;left:0px;bottom:0;z-index:999;}
.mapLogo .baroemap {width:110px;height:31px;background:url(../img/map/mapLogoEmap.png) 0 0 no-repeat;text-indent:70px;line-height:31px;color: #fff;font-weight:bold;font-size:12px;display:none;}
.mapLogo .kakaomap {width:110px;height:31px;background:url(../img/map/mapLogokakao.png) 0 0 no-repeat;display:none;}
.mapLogo .vworld {width:100px;/* height:24px; */padding:5px 5px 7px 5px;/* line-height:24px; */border-radius:4px;text-align: center;background:#444/*url(../img/map/mapLogoVworld.png) 0 0 no-repeat*/;font-size: 11px;color:#ddd;word-break:keep-all;opacity:.8;}

#footer {width:100%;min-width:1280px;height:30px;line-height:30px;background:#3B3C3B;color:#999999;text-align: center;position:absolute;bottom:0;z-index:9999;min-width: 1280px;overflow-x: auto;}

/* 스크롤스타일 */
#scroll1,#scroll2,#scroll3,#scroll4,#scroll5,#scroll5_1,#scroll6,#scroll7,#scroll8,#scroll9,#scroll10,#scrollSt,#scroll11,#scroll12,#scroll8_1,#scroll_themadetail { position:relative; margin:0px auto; padding:0px; width:320px;overflow: hidden;}
#scroll1 .content,#scroll2 .content,#scroll3 .content,#scroll4,#scroll5,#scroll5_1,#scroll6,#scroll7,#scroll8,#scroll9,#scroll10,#scrollSt,#scroll11,#scroll12 .content  {width:99.9%;background-color:#fff;display:inline-block;}


/* 스크롤Y스타일 */
/*#scrollY1 {position:relative; margin:0px auto; padding:0px; width:135px;height:220px;overflow: hidden;}
#scrollY1 .content {width:100%;background-color:#fff;display:inline-block;}*/
/* #scrollY1_1 {position:relative; margin:0px auto; padding:0px; width:150px;height:220px;overflow-y:auto;overflow-X:hidden;} */
#scrollY1_1 {position:relative; margin:0px auto; padding:0px; width:165px;height:220px;overflow-y:auto;overflow-X:hidden;}
#scrollY1_1 .content {width:100%;background-color:#fff;display:inline-block;}
#scrollY2 {position:relative; margin:0px auto;margin-top:10px; padding:0px; width:100%;height:160px;overflow: hidden;}/* 즐겨찾기 */
#scrollY2 .content {width:100%;background-color:transparent;display:inline-block;}
#scrollY3 {position:relative; margin:0px auto; padding:0px; width:700px;height:250px;overflow: hidden;}/* 즐겨찾기 */
#scrollY3 .content {width:100%;background-color:transparent;display:inline-block;}
#scrollY4 {position:relative; margin:0px auto; padding:0px; width:auto;height:500px;overflow: hidden;}/* 공동체커뮤니티맵팝업 */
#scrolly4 .content {background-color:transparent;display:inline-block;}
.scrollY5 {position:relative; margin:0px auto; padding:0px; width:100%;height:120px;overflow-y: auto;overflow-x: hidden;}/* 행정주제도 만들기팝업 */
.scrolly5 .content {width:100%;background-color:transparent;display:inline-block;}
#scrollY5 {position:relative; margin:0px auto; padding:0px; width:580px;height:700px;overflow: hidden;}/* 공동체커뮤니티맵-공동체공간팝업 */
#scrolly5 .content {width:580px;background-color:transparent;display:inline-block;}
#scrollYBusi {position:relative; margin:0px auto; padding:0px; width:100%;height:auto;overflow: hidden;}/* 공동체커뮤니티맵-공동체공간팝업 */
#scrollFa {position:relative; margin:0px auto;margin-top:10px; padding:0px; width:100%;height:160px;overflow: hidden;}/* 즐겨찾기 */
#scrollFa .content {width:100%;background-color:transparent;display:inline-block;}

#scrollYGeo {margin:0px auto; padding:0px; width:700px;height:250px;overflow: hidden;}/* 즐겨찾기 */
#scrollYGeo .content {width:100%;background-color:transparent;display:inline-block;}

.scrollX {overflow-x:auto;overflow-y:hidden;}
.scrollY6 {position:relative; margin:0px auto; padding:0px; width:100%;height:400px;overflow-y: auto;overflow-x: hidden;}/*도움말 */

/******* input/select/button style ******/
input {outline:none;font:normal 12px '맑은 고딕';}
input.bipst5 {width:70%;height:20px;padding:0 5px;border:1px solid #ddd;font-size:12px;}
input.bipst5_1 {width:100%;height:28px;padding:0 5px;border:1px solid #ddd;font-size:12px;box-sizing: border-box;}
input.iptyp1 {width:98%;height:22px;padding:0 5px;border: 1px solid #ccc;}
input.iptyp2 {width:96%;height:22px;padding:0 5px;border: 1px solid #ccc;}
label.inputLabel {margin-right: 5px;}
label.inputLabel>input {margin-right: 2px;}
select.slttyp1 {width:100px;height:24px;border: 1px solid #ccc;}
select.slttyp2 {width:100%;height:24px;border: 1px solid #ccc;}
select.bipst5_1 {height:28px;padding:0 5px;border:1px solid #ddd;font-size:12px;box-sizing: border-box;}
textarea.tatyp1 {width:96%;height:50px;padding:2%;border: 1px solid #ccc;resize:none;font:normal 12px '맑은 고딕';}
textarea.bipst5_1 {height:28px;padding:0 5px;border:1px solid #ddd;font-size:12px;box-sizing: border-box;}
button {outline:none;cursor:pointer;}
button.detail {background:none;border:none;font-size:18px;color:#F8A52F;}
button.detail:hover {color:#f15612;}
button.photo {background:none;border:none;font-size:24px;color:#F8A52F;float: left;}
button.photo:hover {color:#f15612;}
button.inp {padding:5px 10px;background:#F8A52F;border:none;border-radius:5px;font-weight: bold;font-size:12px;color:#fff;float: right;}
button.photo:hover {color:#f15612;}
button.inTBT1 {padding:3px 5px;border-radius:3px;border:1px solid #999;color:#333;font-size:12px;background:none;}
button.inTBT1:hover {color:#fff;background:#666;border:1px solid #666;}
span.sqRed {width:15px;height:15px;margin-right:3px;background:#e02020;vertical-align: middle;opacity:.6;display:inline-block;}
img.marker {width:17px;height:17px;margin-right:3px;display:inline-block;}
span.sqOrange {width:15px;height:15px;margin-right:3px;background:#f06f18;vertical-align: middle;opacity:.6;display:inline-block;}
span.sqYellow {width:15px;height:15px;margin-right:3px;background:#f0de18;vertical-align: middle;opacity:.6;display:inline-block;}
span.sqGreen {width:15px;height:15px;margin-right:3px;background:#55d832;vertical-align: middle;opacity:.6;display:inline-block;}
span.sqBlue {width:15px;height:15px;margin-right:3px;background:#2483d3;vertical-align: middle;opacity:.6;display:inline-block;}
span.sqPurple {width:15px;height:15px;margin-right:3px;background:#a21bdb;vertical-align: middle;opacity:.6;display:inline-block;}
span.sqSkyBlue {width:15px;height:15px;margin-right:3px;background:#1DDB16;vertical-align: middle;opacity:.6;display:inline-block;}
span.sqMint {width:15px;height:15px;margin-right:3px;background:#FF00DD;vertical-align: middle;display:inline-block;}
span.sqPasYellow {width:15px;height:15px;margin-right:3px;background:#FF00FF;vertical-align: middle;opacity:.6;display:inline-block;}
span.sqBrown {width:15px;height:15px;margin-right:3px;background:#b5560d;vertical-align: middle;opacity:.6;display:inline-block;}
span.fcorr {color:#1291d2;}
span.fcBlue {color: #0054FF;}
span.fcRed {color: #DB0000;}
span.rdRED {width:16px;height: 16px;border-radius:10px;background:red;display:inline-block;text-indent:-9999px;border:2px solid white;}
span.rdRED.on {border:2px solid black;}
span.rdYELLOW {width:16px;height: 16px;border-radius:10px;background:YELLOW;display:inline-block;text-indent:-9999px;border:2px solid white;}
span.rdYELLOW.on {border:2px solid black;}
span.rdBLUE {width:16px;height: 16px;border-radius:10px;background:BLUE;display:inline-block;text-indent:-9999px;border:2px solid white;}
span.rdBLUE.on {border:2px solid black;}
/*행정주제도 샘플 아이콘*/
/* span.sample_icon1 {width:16px;height: 16px;border-radius:10px;background-image:url(../img/marker/mk_default01.png);display:inline-block;text-indent:-9999px;border:2px solid white;} */
/* span.sample_icon1.on {border:2px solid black;} */
img.sample_icon1 {width:22px;height:32px;display:inline-block;text-indent:-9999px;border:2px solid white;}
img.sample_icon1.on {border:2px solid black;}





/******* etc ******/
table th.tal {text-align:left;}
table th.tar {text-align:right;}
table th.tac {text-align:center;}
.tar {text-align:right;}
.tac {text-align:center;}
.flr {float: right;}
.mr10 {margin-right:10px;}
.pd10 {padding:10px;}
.fwb {font-weight: bold;}
.adic {width:32px;height: 16px;margin-right: 5px;border:1px solid #999;color:#fff;background:#aaa;font:normal 10px/16px 'notokr-regular';border-radius:3px;text-align: center;display:inline-block;}
.iconst1 {width:30px;height: 16px;margin-right: 5px;border:1px solid white;color:#555;font:normal 12px/16px 'notokr-regular'!important;text-align: center;display:inline-block !important;}
.iconst1 i {vertical-align: middle;}
.adic2_1 {width:60px;height: 22px;margin-right: 5px;border:1px solid #396d99;color:#fff;background:#396d99;font:normal 12px/22px 'notokr-regular';text-align: center;display:inline-block;}
.adic2_2 {width:60px;height: 22px;margin-right: 5px;border:1px solid #384db5;color:#fff;background:#384db5;font:normal 12px/22px 'notokr-regular';text-align: center;display:inline-block;}
.adic3_1 {width:70px;height: 22px;margin-right: 5px;border:1px solid #5e902d;color:#fff;background:#5e902d;font:normal 12px/22px 'notokr-regular';text-align: center;display:inline-block;}
.adic3_2 {width:70px;height: 22px;margin-right: 5px;border:1px solid #1e9471;color:#fff;background:#1e9471;font:normal 12px/22px 'notokr-regular';text-align: center;display:inline-block;}
.adic4_1 {width:70px;height: 22px;margin-right: 5px;border:1px solid #c48d22;color:#fff;background:#c48d22;font:normal 12px/22px 'notokr-regular';text-align: center;display:inline-block;}
.adic4_2 {width:70px;height: 22px;margin-right: 5px;border:1px solid #c45f22;color:#fff;background:#c45f22;font:normal 12px/22px 'notokr-regular';text-align: center;display:inline-block;}
.adic5_1 {width:70px;height: 22px;border:1px solid #8080c0;color:#fff;background:#c45f22;font:normal 12px/22px 'notokr-regular';text-align: center;display:inline-block;}

.adic1_1 {width:60px;height: 22px;margin-right: 5px;border:1px solid #1DDB16;color:#fff;background:#1DDB16;font:normal 12px/22px 'notokr-regular';text-align: center;display:inline-block;}
.adic1_2 {width:60px;height: 22px;margin-right: 5px;border:1px solid #FF00DD;color:#fff;background:#FF00DD;font:normal 12px/22px 'notokr-regular';text-align: center;display:inline-block;}
.adic1_3 {width:60px;height: 22px;margin-right: 5px;border:1px solid #FF0000;color:#fff;background:#FF0000;font:normal 12px/22px 'notokr-regular';text-align: center;display:inline-block;}
/* 검색리스트 색상구분 2021-04-13*/
span.leftIc {height: 18px;padding:0 5px;margin:1px 5px 1px 0px;color:#fff;background:#F15F5F;font:normal 11px/18px 'notokr-regular';border-radius:3px;text-align: center;display:inline-block;}
span.icRed1 {color:#fff;background:#F15F5F;}
span.icOrange1 {color:#fff;background:#f57b35;}
span.icYellow1 {color:#fff;background:#F0AF4A;}
span.icYellowgreen1 {color:#fff;background:#9FC93C;}
span.icGreen1 {color:#fff;background:#2F9D27;}
span.icSkyblue1 {color:#fff;background:#3DB7CC;}
span.icBlue1 {color:#fff;background:#0054FF;}
span.icPupple1 {color:#fff;background:#A566FF;}
span.icPink1 {color:#fff;background:#F361DC;}
/* 약국색상*/
span.icdrugstore1 {color:#fff;background:#EC4688;}/* 주중주간 */
span.icdrugstore2 {color:#fff;background:#DB08A8;}/* 주중야간 */
span.icdrugstore3 {color:#fff;background:#B768D9;}/* 토요일주간 */
span.icdrugstore4 {color:#fff;background:#7D0CB9;}/* 토요일야간 */
span.icdrugstore5 {color:#fff;background:#F0836F;}/* 일요일주간 */
span.icdrugstore6 {color:#fff;background:#E4202E;}/* 일요일야간 */
span.icdrugstore7 {color:#fff;background:#F1B040;}/* 공휴일주간 */
span.icdrugstore8 {color:#fff;background:#F3641C;}/* 공휴일야간 */
/* 등급*/
span.icGrade1 {color:#fff;background:#22741C;}/* 1등급 */
span.icGrade2 {color:#fff;background:#2F9D27;}/* 2등급 */
span.icGrade3 {color:#fff;background:#47C83E;}/* 3등급 */
span.icGrade4 {color:#fff;background:#86E57F;}/* 4등급 */
span.icGrade5 {color:#22741C;background:#B7F0B1;}/* 5등급 */


@media (max-width:500px) {
    
    html {overflow-x:auto;}
    body {overflow-x: auto;min-width: initial;}

    #wrapper {min-width:initial;overflow-x:auto;}
    #footer {position:relative;}

    #wrapper #container .tool .myArea {display: block;}
}

#gongyuBottomlabel #e_s_pub_property_p_ki01_square { margin-right: 3px; font-size: 1px; border: 2px solid rgb(124, 252, 0); background-color: rgba(251, 255, 67, 0.5);padding: 0px 6.5px;}
#gongyuBottomlabel #e_s_pub_property_p_ki02_square { margin-right: 3px; font-size: 1px; border: 2px solid #007CFC; background-color: rgba(255, 0, 255, 0.2);padding: 0px 6.5px;}