@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";

main .sub_title{background: url(/resources/images/gjBoard/visual06.jpg) center no-repeat; background-size: cover;}

main .content{margin: 60px auto; width: 1200px;}
main .content.full{margin: 60px auto; width: 100%;}
main .content .content_inner{position: relative; width: 100%;}

/* 마커쪽깨짐수정 211117추가 */
ul.fusion-map_search-ctrl_expression-data-list.check li img.contents-square{width: 12px !important; margin-left: 22px !important;}
ul.fusion-map_search-ctrl_expression-data-list.check li p{width: calc(100% - 41px) !important;}

.contents.map {margin-top:0px; margin:60px 0px; min-height:auto;}

/* 탭 */
.db_tab_wrap{display: inline-block; margin-bottom: 10px;}
.db_tab_wrap a{padding: 0 14px;font-size: 16px;color: #777;font-weight: 400;transition: all .3s;margin-bottom: 10px;display: block;float: left;position: relative;}
.db_tab_wrap a.on,
.db_tab_wrap a:hover{color: #222; font-weight: 600;}
.db_tab_wrap a::after{content: '';position: absolute;width: 1px;height: 10px;background: #777;right: 0;top: 50%;transform: translateY(-50%);}
.db_tab_wrap a:last-child::after{display: none;}

//데이터 테이블 컬럼 가운데 정렬
.sorting { text-align:center; }
.sorting-asc {text-align:center;}

/* 팝업 */
.jquery-modal.blocker.current {position: fixed;width: 100%;height: 100%;z-index: 10001;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;padding: 0;}
.blocker .modal{width: calc(100% - 40px);max-width: 600px;background: #fff;border-radius: 20px;padding: 0;box-shadow: none;}
.blocker .modal .modal-dialog{width: 100% !important;}
.blocker .modal .modal-dialog .modal-body{width: 100%;}
.blocker .modal .modal-dialog .modal-body .row{width: 100%;}
.blocker .modal .modal-dialog .modal-body .row .popup_tit{display: flex;align-items: center;justify-content:center;width: 100%;padding: 20px 40px;box-sizing: border-box;border-bottom: 1px solid #d3d9ed;}
.blocker .modal .modal-dialog .modal-body .row .popup_tit h3{font-size: 20px; font-weight: 600; line-height: 1.3em;}
.blocker .modal .modal-dialog .modal-body .row article{width: 100%;padding: 30px 40px;box-sizing: border-box;}
.blocker .modal .modal-dialog .modal-body .row article ul{display:inline-block; width:100%; height:auto;}
.blocker .modal .modal-dialog .modal-body .row article ul li{position: relative;width: 100%;display:flex;align-items:center;justify-content:flex-start;margin-bottom: 8px;}
.blocker .modal .modal-dialog .modal-body .row article ul li:last-child{margin-bottom: 0;}
.blocker .modal .modal-dialog .modal-body .row article ul li input[type="checkbox"] {position:absolute; width:100%; height:100%; z-index:2; overflow:hidden; opacity:0; cursor:pointer;}
.blocker .modal .modal-dialog .modal-body .row article ul li label {position:relative;z-index:1;display: inline-block;width:100%;vertical-align: middle;background: url('/bigdata/resources/images/dongjakMain/check1.png') 0% center no-repeat;background-size: 16px 16px;}
.blocker .modal .modal-dialog .modal-body .row article ul li input[type="checkbox"]:checked + label{background: url('/bigdata/resources/images/dongjakMain/check1_checked.png') 0% center no-repeat;background-size: 16px 16px;}
.blocker .modal .modal-dialog .modal-body .row article ul li label p{margin-left: 22px;display:inline-block;vertical-align:top;width:calc(100% - 16px);height:100%;font-size: 16px;font-weight:500;line-height: 2em;}
.blocker .modal .modal-dialog .modal-body .row article .btn_wrap{width: 100%; margin-top:30px; font-size:0; display: flex; justify-content: space-between;}
.blocker .modal .modal-dialog .modal-body .row article .btn_wrap button{width: calc(100%/2 - 10px);height: 44px;font-size: 16px;font-weight: 500;border-radius: 4px;box-sizing: border-box;}
.blocker .modal .modal-dialog .modal-body .row article .btn_wrap #cancel{background: #ececec;}
.blocker .modal .modal-dialog .modal-body .row article .btn_wrap #downloadFile{background: #4079c8; color: #fff;}

.blocker .modal .close-modal{display: none;}



/* 공통 토탈,검색 */
#top_wrap{position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 30px;}
#top_wrap .total{font-size: 16px; line-height: 1.3em; font-weight: 500;}
#top_wrap .total span{font-size: 16px; line-height: 1.3em; font-weight: 700; padding: 0 0px 0 5px;}
#top_wrap .search{position: relative;}
#top_wrap .search input{border: 1px solid #d9dee0; width: 340px; height: 50px; border-radius: 25px; padding: 0 40px 0 20px; box-sizing: border-box; font-size: 16px;}
#top_wrap .search .btn_search{display: inline-block; width: 20px; height: 20px; background: url(/bigdata/resources/images/gjETC/ic_search.png) center no-repeat; background-size: cover; position: absolute; top: 15px; right: 20px;}



/***************************** 데이터지도 목록 START *****************************/
.dataMap_list {position:relative;width: 100%;height:auto;margin:0 auto;}
/* 검색창 */
.dataMap_list .dataMap_list_search {display:inline-block; width:calc(100% - 62px); height:auto; padding:30px; margin-bottom:40px; border:1px solid #dbdfe4; border-radius:10px; background:#f4f6f9;}
.dataMap_list .dataMap_list_search .search_input_wrap {position:relative; float:left; display:flex; align-items:center; width:calc(100% - 176px); height:22px; padding:14px 19px; border:1px solid #dbdfe4; border-radius:50px; background:#fff;}
.dataMap_list .dataMap_list_search .search_input_wrap img {display:inline-block; width:24px; height:22px; margin-right:20px;}
.dataMap_list .dataMap_list_search .search_input_wrap input {display:inline-block; width:calc(100% - 44px); height:23px; font-size:18px; font-weight:500; color:#2f3334; line-height:1em; border:0px;}
.dataMap_list .dataMap_list_search .search_input_wrap input::placeholder {color:#a9aeb7;}
.dataMap_list .dataMap_list_search .search_input_wrap input::-webkit-input-placeholder {color:#a9aeb7;}
.dataMap_list .dataMap_list_search .search_input_wrap input:-ms-input-placeholder {color:#a9aeb7;}
.dataMap_list .dataMap_list_search button.search_btn {position:relative; float:right; display:flex; align-items:center; justify-content:center; width:106px; height:50px; background:#1d6dd9; border-radius:6px; font-size:18px; font-weight:600; color:#fff; line-height:1em; margin-left:30px; transition:.3s;}
.dataMap_list .dataMap_list_search button.search_btn:hover {background:#164a90;}
/* 목록 */
.dataMap_list .dataMap_list_wrap {display:inline-block; width:100%; height:auto;}
.dataMap_list .dataMap_list_wrap > ul {display: flex;width:100%;height:auto;text-align:left;flex-wrap: wrap;}
.dataMap_list .dataMap_list_wrap > ul > li {display:inline-block;width: calc(50% - 15px);/* height:186px; */border:1px solid #dbdfe4;border-radius:10px;text-align:left;overflow:hidden;transition:.3s;transform:translateY(0px);box-shadow:0px 0px 0px 0px rgba(47,58,72,.1);margin: 0px 30px 30px 0px;box-sizing: border-box;}
.dataMap_list .dataMap_list_wrap > ul > li:hover {border:1px solid #4079c8; transform:translateY(-5px); box-shadow:0px 5px 5px 0px rgba(47,58,72,.1);}
.dataMap_list .dataMap_list_wrap > ul > li:nth-child(2n) {margin: 0px 0px 30px 0px;}
.dataMap_list .dataMap_list_wrap > ul > li a {position:relative;display:flex;align-items:center;justify-content:flex-start;padding: 20px;}
.dataMap_list .dataMap_list_wrap > ul > li a .dataMap_thumb {position:relative;/* float:left; */display:flex;align-items:center;justify-content:center;width: 170px;height: 120px;border:6px solid #c9d2dd;border-radius:10px;margin-right: 30px;overflow:hidden;box-sizing: border-box;}
.dataMap_list .dataMap_list_wrap > ul > li a .dataMap_thumb img {width:100%; min-height:100%;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text {position:relative;display: flex;flex-direction: column;width: calc(100% - 221px);padding-left: 30px;border-left:1px dashed #bac5d3;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li {display:flex; align-items:center; justify-content:flex-end; width:100%; height:auto;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li:nth-child(2) {margin: 20px 0px;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li p {display:none; width:45px; height:auto; font-size:12px; font-weight:400; color:#555555; line-height:1em; margin-right:9px;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li span {display:inline-block; width:100%; height:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li span.category_title {font-size: 26px;font-weight:600;color:#1d1f20;line-height: 1.3em;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li span.data {height:20px; font-size:16px; font-weight:500; color:#1d1f20; line-height:1em;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li span.button_wrap button {display:flex;align-items:center;justify-content:center;width:130px;height:32px;border-radius:50px;border: 1px solid #4079c8;background:#fff;font-size:16px;font-weight:500;color: #4079c8;line-height:1em;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li span.button_wrap button::after {content:'';display:inline-block;margin-left:5px;width:12px;height:14px;background:url('/bigdata/resources/images/down_icon.png') 100% 100% no-repeat;background-size:cover;transition:.3s;transform: translateY(0px);}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li span.button_wrap button:hover::after {transform: translateY(-3px);}
.dataMap_list .dataMap_list_wrap > ul > li a > span {position:absolute; display:flex; align-items:center; justify-content:center; bottom:0px; right:0px; width:101px; height:32px; background:#ecf0f5; border-radius:10px 0px 0px 0px; font-size:16px; font-weight:500; color:#b8bfc7; line-height:1em; transition:.3s;}
.dataMap_list .dataMap_list_wrap > ul > li:hover a > span {background:#4079c8; color:#fff;}
.dataMap_list .dataMap_list_wrap > ul > li a > span::after {content:''; display:inline-block; width:13px; height:10px; background:url('/bigdata/resources/images/dongjakMain/dataMap_a_icon.png') 100% 100% no-repeat; background-size:cover; margin-left:11px; transition:.3s;}
.dataMap_list .dataMap_list_wrap > ul > li:hover a > span::after {background:url('/bigdata/resources/images/dongjakMain/dataMap_a_icon_hover.png') 100% 100% no-repeat; background-size:cover; margin-left:8px;}
/* 공통 페이징 */
#paging{clear: both; margin: 0 auto; text-align: center; position: relative; margin-top: 20px;}
#paging p{display: table; margin:0 auto;}
#paging p span a{display: block; float:left; width: 30px; height: 30px; margin-left: 5px; background: #fff; font-weight: normal; line-height: 30px; font-size: 16px; color: #222; text-decoration: none; border-radius: 50% !important;}
#paging p span:first-child a{margin-left: 0;}
#paging p span a:hover{background-color: #2a548e; color: #fff;}
#paging .numPN a{font-size: 21px; line-height: 1.2em;}
#paging .Present a{background-color: #2a548e; color: #fff;}
/***************************** 데이터지도 목록 END *****************************/


/***************************** 데이터지도 상세 START *****************************/
#fusion-map-wrap {position:relative; width:86% !important; height:780px !important; margin:0 auto; border:1px solid #d4d4d4; overflow:hidden;box-sizing: border-box;}
#fusion-map-wrap #map {position:relative; width:100%; height:100%;}
#fusion-map-wrap .fusion-map_search-ctrl-wrap {position:absolute; top:0px; left:0px; transition:.3s;height: 100% !important;}
#fusion-map-wrap .fusion-map_search-ctrl-wrap.on {left:-320px;}
#fusion-map-wrap .fusion-map_search-ctrl-wrap .fusion-map_search-ctrl {position:relative; float:left; width:287px; height:calc(100% - 32px) !important; padding:16px; border-right:1px solid #adb7c3; background:#fff; overflow-y:scroll;}
#fusion-map-wrap .fusion-map_search-ctrl_title {position:absolute; top:0px; left:320px; width: calc(100% - 340px); height:31px; padding:10px; border-bottom:1px solid #adb7c3; background:#edf0f6; display:flex; align-items:center; transition:.3s;}
#fusion-map-wrap .fusion-map_search-ctrl_title.on {width:calc(100% - 20px); left: 0;}
#fusion-map-wrap .fusion-map_search-ctrl_title .fusion_title_text {position:relative; float:left; display:flex; align-items:center; width:calc(100% - 130px); margin-right:25px;}
#fusion-map-wrap .fusion-map_search-ctrl_title .fusion_title_text img {display:inline-block; width:37px; height:37px; margin-top:2px;}
#fusion-map-wrap .fusion-map_search-ctrl_title .fusion_title_text p {display:inline-block; font-size:20px; font-weight:600; color:#1d1f20; line-height:1em; width:calc(100% - 45px); margin-left:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#fusion-map-wrap .fusion-map_search-ctrl_title button.go_list {position:relative; float:right; width:100px; height:31px; padding-right:5px; border-radius:4px; background:#07192e; font-size:18px; font-weight:600; color:#fff; display:flex; align-items:center; justify-content:center;}
#fusion-map-wrap .fusion-map_search-ctrl_title button.go_list img {display:inline-block; width:8px; height:13px; margin-right:5px; transition:.3s; transform:translateX(0px);}
#fusion-map-wrap .fusion-map_search-ctrl_title button.go_list:hover img {transform:translateX(-3px);}
.fusion-map_search-ctrl_expression-data {display:inline-block; width:calc(100% - 20px); height:auto; padding:10px; background:#eff2f6; border-radius:6px; margin-bottom:13px;}
.fusion-map_search-ctrl_expression-data .fusion-map_search-ctrl_expression-data_title {display:inline-block; width:100%; height:auto; margin-bottom:13px;font-size: 0;}
.fusion-map_search-ctrl_expression-data .fusion-map_search-ctrl_expression-data_title span.fusion-map_search-ctrl_expression-data_title-icon.radio {display:inline-block; vertical-align:top; width:18px; height:18px; background:url('/bigdata/resources/images/dongjakMain/radio_title.png') 100% 100% no-repeat; background-size:cover; margin-right:3px;}
.fusion-map_search-ctrl_expression-data .fusion-map_search-ctrl_expression-data_title span.fusion-map_search-ctrl_expression-data_title-icon.check {display:inline-block; vertical-align:top; width:18px; height:18px; background:url('/bigdata/resources/images/dongjakMain/check_title.png') 100% 100% no-repeat; background-size:cover; margin-right:3px;}
.fusion-map_search-ctrl_expression-data .fusion-map_search-ctrl_expression-data_title span.fusion-map_search-ctrl_expression-data_title-icon.info {display:inline-block; vertical-align:top; width:18px; height:18px; background:url('/bigdata/resources/images/dongjakMain/info_title.png') 100% 100% no-repeat; background-size:cover; margin-right:3px;}
.fusion-map_search-ctrl_expression-data .fusion-map_search-ctrl_expression-data_title span.fusion-map_search-ctrl_expression-data_title-text {display:inline-block; vertical-align:top; width:calc(100% - 24px); height:18px; font-size:16px; font-weight:600; color:#1d1f20; line-height:1em; text-align:left;}
.fusion-map_search-ctrl_expression-data .fusion-map_search-ctrl_expression-data_title p {display:inline-block; margin-left:21px; width:calc(100% - 24px); height:auto; font-size:12px; font-weight:400; color:#555555; line-height:1.2em; letter-spacing:-.06em; word-break:keep-all; margin-top:5px;}
/* 표현자료 */
ul.fusion-map_search-ctrl_expression-data-list {display:inline-block; width:100%; height:auto;}
ul.fusion-map_search-ctrl_expression-data-list.radio li {position:relative; float:left; width:calc(100%/2 - 7px); height:16px; margin-bottom:7px; display:flex; align-items:center; justify-content:flex-start;}
ul.fusion-map_search-ctrl_expression-data-list.radio li:nth-child(odd) {margin-right:7px;}
ul.fusion-map_search-ctrl_expression-data-list.radio li:nth-child(even) {margin-left:7px;}
ul.fusion-map_search-ctrl_expression-data-list li input[type="radio"],
ul.fusion-map_search-ctrl_expression-data-list li input[type="checkbox"] {position:absolute; width:100%; height:100%; z-index:2; overflow:hidden; opacity:0; cursor:pointer;}
ul.fusion-map_search-ctrl_expression-data-list.radio li label {position:relative; z-index:1; display:inline-block; width:100%; height:16px; margin-right:3px; background:url('/bigdata/resources/images/dongjakMain/label1.png') 0% 13% no-repeat; background-size:12px 12px;}
ul.fusion-map_search-ctrl_expression-data-list.radio li input[type="radio"]:checked + label {background:url('/bigdata/resources/images/dongjakMain/label1_checked.png') 0% 13% no-repeat; background-size:12px 12px;}
ul.fusion-map_search-ctrl_expression-data-list li p {margin-left:16px; display:inline-block; vertical-align:top; width:calc(100% - 16px); height:100%; font-size:13px; font-weight:500; color:#1d1f20; line-height:1em;}
/* 표현자료 설명 */
.data_big_label {display: inline-block; width: 100%; height: 16px; margin-bottom:3px;}
.data_big_label h7 {font-size: 14px; font-weight: 500; color: #1d1f20; line-height: 1em; position: relative; float: left;}
.data_big_label p {font-size: 13px; font-weight: 400; color: #1d1f20; line-height: 1em; position: relative; float: left; margin: 1px 0px 1px 4px;}
.fusion_indicate-data_wrap {width:calc(100% - 22px) !important;}
.fusion_indicate-data_wrap ul li {display: inline-block; width: 100%; margin-bottom: 4px;}
.fusion_indicate-data_wrap ul li:last-child {margin-bottom:0px;}
.fusion_indicate-data_wrap ul li p.data_small_label {display: inline-block; width: 100%; height: 18px; font-size: 14px; line-height: 1em; color: #1d1f20; font-weight:400; margin-bottom: -1px;}
.fusion_indicate-data_wrap ul li p.data_small_label b {display: inline-block; margin-right: 2px; font-weight:400;}
.fusion_indicate-data_wrap ul li p.data_small_label b::before {content: '＊'; display: inline-block; margin-right: 4px; font-size:10px; font-weight:600;}
.fusion_indicate-data_wrap ul li p.data_description {display: inline-block; width: 100%; height: 20px; font-size: 14px; color: #1d1f20;}
.fusion_indicate-data_wrap ul li p.data_description::before {content: ''; display: inline-block; width: 4px; height: 4px; background: #1d1f20; margin: 3px 6px 3px 3px;}
/* 시설위치 */
ul.fusion-map_search-ctrl_expression-data-list.check li {position:relative; float:left; width:100%; height:16px; margin-bottom:7px; display:flex; align-items:center; justify-content:flex-start;}
ul.fusion-map_search-ctrl_expression-data-list.check li label {position:relative; z-index:1; display:inline-block; width:100%; height:16px; margin-right:3px; background:url('/bigdata/resources/images/dongjakMain/check1.png') 0% 13% no-repeat; background-size:12px 12px; font-size:0;}
ul.fusion-map_search-ctrl_expression-data-list.check li input[type="checkbox"]:checked + label {background:url('/bigdata/resources/images/dongjakMain/check1_checked.png') 0% 13% no-repeat; background-size:12px 12px;}
ul.fusion-map_search-ctrl_expression-data-list.check li p {width:calc(100% - 35px); margin-left:4px;}
ul.fusion-map_search-ctrl_expression-data-list.check li span.contents-square {display:inline-block; vertical-align:top; width:16px; height:16px; margin-left:18px; overflow:hidden;}
/* 기초자료 */
.fusion-map_search-ctrl_data_download a {position:relative; display:inline-block; width:calc(100% - 22px); height:13px; padding:6px 10px; border:1px solid #a3aeba; border-radius:4px; background:#fff; font-size:13px; font-weight:500; color:#1d1f20; line-height:1em; box-shadow:0px 0px 0px 0px rgba(0,0,0,.1); transition:.3s; transform:translateY(0px);}
.fusion-map_search-ctrl_data_download a::after {position:relative; float:right; display:block; content:''; width:14px; height:12px; background:url('/bigdata/resources/images/dongjakMain/info_down_icon.png') 100% 100% no-repeat; background-size:cover;}
.fusion-map_search-ctrl_data_download a:hover {box-shadow:0px 3px 1px 1px rgba(0,0,0,.1); transform:translateY(-3px);}
/* 영역선택 */
.fusion-map_draw-ctrl_list select{position: relative;display: inline-block;width: 100%;padding: 2px 5px;border: 1px solid #a3aeba;border-radius: 4px;background: #fff;font-size: 13px;font-weight: 500;color: #1d1f20;line-height: 1em;box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);}
/* 열기/닫기 버튼 */
.fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_button {position:relative; float:right; z-index:2; top:50% !important; transform: translateY(-50%);}
.fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_button .fusion-map_search-ctrl_btn {background:url('/bigdata/resources/images/dongjakMain/button-bg.png') 100% 100% no-repeat; width:35px; height:140px;}
.fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_button #open img {transform:rotate(180deg);}
/* 범례 영역 START */
.fusion-map_category-ctrl {min-width:290px; box-shadow:0px 3px 15px 0px #697f85; position:absolute; top:75px; left:345px; transition:0.3s;}
.fusion-map_category-ctrl.on {left:22px;}
/* 헤더 열고/닫기 */
.fusion-map_category-ctrl .fusion-map_category-ctrl_header {border-radius:2px; background:#2f3340; height:32px; padding:0px 13px; min-width:270px; cursor: pointer;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_header span.fusion-map_category-ctrl_header_icon {display:inline-block; background:url('/bigdata/resources/images/fusion/header-ic.png') 100% 100% no-repeat; width:10px; height:22px; margin-right:3px;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_header p.fusion-map_category-ctrl_header_text {display:inline-block; font-size:15px; font-weight:600; color:#fff; margin-right:2px;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_header .fusion-map_category-ctrl_header_button {display:inline-block; position:relative; float:right;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_header .fusion-map_category-ctrl_header_button .fusion-map_category-ctrl_header_btn {position:relative; display:block; top:9px; color:#fff; font-size:8px; background:none; vertical-align:unset;}
/* 범례 컨텐츠 영역 */
.fusion-map_category-ctrl .fusion-map_category-ctrl_body {min-width:270px; background:#fff; display: none;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body.on {display: block;}

.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_category {min-width:270px; height:22px; background:#a5a5a5;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_category ul li {position:relative; float:left; height:22px; font-size:12px; font-weight:300; color:#fff; padding:0 10px; text-align:center; background:#a5a5a5; cursor:pointer;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_category ul li.on {background:#e19347;}

.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_contents {background:#fff; padding:15px; border-radius:0 0 2px 2px; max-height:140px; overflow-y:scroll; overflow-x:hidden;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_contents ul li {margin-bottom:5px;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_contents ul li:last-child {margin-bottom:0;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_contents ul li span {display:inline-block;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_contents ul li span.contents-square {width:8px; height:8px; margin-right:5px;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_contents ul li span.contents-text {font-size:12px; font-weight:300; color:#4d5058;}
/* 범례 영역 END */
/* 인포 윈도우 START */
.fusion-map_info-window .fusion-map_info-window_wrap {position:relative; height:auto !important;}

/* 컨텐츠 부분 */
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box {position:relative; float:left; min-width:330px; max-height:250px; background:#fff; border-radius:5px; overflow-y:scroll; overflow-x:hidden; box-shadow:0px 3px 15px 0px #697f85;}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box .fusion-map_info-window_box-list {padding:15px;}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box .fusion-map_info-window_box-list ul li {border-bottom:1px solid #ededed; padding:12px 0;}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box .fusion-map_info-window_box-list ul li:last-child {margin-bottom:0; border-bottom:none;}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box .fusion-map_info-window_box-list ul li p.fusion-map_info-window_box-list_data {display:inline-block; width:90px; color:#ca512c; font-size:13px; font-weight:300;}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box .fusion-map_info-window_box-list ul li p.fusion-map_info-window_box-list_data span.info-window-ic {display:inline-block; font-size:4px; margin-right:4px; vertical-align:bottom;}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box .fusion-map_info-window_box-list ul li p.fusion-map_info-window_box-list_worth {display:inline-block; font-size:14px; font-weight:500; color:#505050; margin-top:3px;}
/* 닫기버튼 */
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_delete {position:relative; float:left; position:absolute; right:-10px;}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_delete button.fusion-map_info-window_delete-btn {width:30px; height:30px; border-radius:0 5px 5px 0; background:#3c3d41; color:#fff; font-size:16px; font-weight:600;}
/* 화살표 */
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box-arrow_wrap {display: none; position:absolute; bottom:0; left:calc( 100% - 57% );}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box-arrow {display: none; position:relative;top:249px;height: 0px;border-top: 30px solid #fff;border-right: 10px solid transparent;border-left: 10px solid transparent; left:-176px;}
/* 인포 윈도우 END */

/* 데이터지도 정보 영역 */
.dataMap_dataInfo_wrap {position:absolute; bottom:0px; right:0px; width:calc(100% - 360px); margin:20px; z-index:9; transition:.3s;}
.dataMap_dataInfo_wrap.on {width:calc(100% - 40px);}
.dataMap_dataInfo_box {position:relative; width:100%; height:auto !important; margin-bottom:0px !important; background:#fff; border-radius:5px; box-shadow:0px 0px 6px 2px rgba(0,0,0,.2); overflow:hidden;}
.dataMap_dataInfo_box .box_header {position:relative; display:flex; align-items:center; width:calc(100% - 36px); height:auto; padding:18px;}
.dataMap_dataInfo_box .box_header span {display:none !important;}
.dataMap_dataInfo_box .box_header p {position:relative; display:inline-block; font-size:16px; font-weight:600; color:#1d1f20; line-height:1em; width:calc(100% - 40px) !important; margin-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dataMap_dataInfo_box .box_header button {position:relative; float:right; width:20px; height:20px;}
.dataMap_dataInfo_box .box_header button img {width:20px;}
.dataMap_dataInfo_box .box_content {position:relative; width:calc(100% - 36px); height:calc(100% - 92px); padding:18px; overflow-x:scroll; overflow-y:hidden; white-space:nowrap;}
.dataMap_dataInfo_box .box_content > div{min-width: 600px;}
.dataMap_dataInfo_box .box_content svg{min-width: 600px;}
.dataMap_dataInfo_btn {position:relative; width:100% !important; height:48px; margin:0 auto;}
.dataMap_dataInfo_btn button {position:relative; float:left; display:flex; align-items:center; justify-content:center; width:100% !important; height:48px; font-size:15px; font-weight:600; color:#1d1f20; line-height:1.2em !important; word-break:keep-all; background-color:#fff; border-radius:5px; box-shadow:none !important; margin-right:0px !important; margin-bottom: 13px; box-sizing: border-box; border: 1px solid #ccc; transition:.3s;}
.dataMap_dataInfo_btn button:hover,
.dataMap_dataInfo_btn button.on {background:#2f3340; color:#fff;}
.dataMap_dataInfo_btn button.domainData::before {display:none !important;}
.dataMap_dataInfo_btn button.domainData:hover::before,
.dataMap_dataInfo_btn button.domainData.on::before {display:none !important;}
.dataMap_dataInfo_btn button.markerData {margin-right:0px;}
.dataMap_dataInfo_btn button.markerData::before {content:''; display:inline-block; width:24px; height:24px; margin-right:6px; background:url('/../resources/images/dongjakMain/dataMap_dataIcon2.png') center center no-repeat; background-size:cover;}
.dataMap_dataInfo_btn button.markerData:hover::before,
.dataMap_dataInfo_btn button.markerData.on::before {background:url('/../resources/images/dongjakMain/dataMap_dataIcon2_on.png') center center no-repeat; background-size:cover;}
/***************************** 데이터지도 상세 END *****************************/


.fusionList{clear:both;position:relative; padding-top: 40px;}
.fusionList h3{clear:both;position:relative;height:60px;padding-left:30px;margin-bottom: 30px;/* padding-bottom: 10px; */text-align:left;color:#272635;font-size:20px;font-weight:600;line-height:60px;background:url(/../resources/images/graph_title_icon.png) 0 50% no-repeat;background-size: 22px 22px;}
.fusionList .listBox{clear:both;width:100%;height:100%;margin-bottom:20px;margin-top:-20px;}
.fusionList .listBox article{position: relative;}
.fusionList .listBox ul{display:block;clear:both;height:32px;border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-radius: 2px;}
.fusionList .listBox li{display:inline-block;float:left;}
.fusionList .listBox li a{display:inline-block;padding:15px 0;border-right:1px solid #dadada;border-bottom:0;text-align:center;color:#272635;font-size:15px;line-height:20px; padding:6px 12px; background-color:#fff; box-shadow: rgba(0, 0, 0, 0.05) 0px -2px 0px 0px inset; font-size: 13px;}
.fusionList .listBox li.active a{background-color:#121212; color:#fff;}
.fusionList .listBox li.disabled a{color:#999; background-color:#fff; border-color:#ddd; cursor:not-allowed;}
.fusionList .listBox .dataTables_length label{margin-bottom:10px;}
.fusionList .gridBox .dataTables_length label select{height:30px;}
.fusionList #goDatasetBtn{float:right;font-size:14px;cursor:pointer;}
.fusionList #goDatasetBtn:hover{color:#f9a459;}

.sorting,
.sorting_asc{font-size: 14px;font-family: 'Noto Sans KR',sans-serif; color:#776F67; text-align:center;}
#listBox {font-size:14px; font-weight:lighter;}


/* 하단 데이터 목록 */
table {border-spacing: 0;}
.fusionList {width:86%; height:auto; margin:0 auto;}
.dataTables_scrollBody > table {width:100% !important;}
span.dataDown{display: inline-block; width: auto; margin-right: 6px; font-size: 15px; font-weight: 400; color: #47494c; vertical-align: top; position: absolute; right: 280px;}
.fusionList .datasetFileDownload { margin-top: 18px; margin-right: 5px; float: right; font-size: 14px; cursor: pointer;}
.fusionList .datasetFileDownload:hover{color: #f9a459;}

#dt_table_filter{position: absolute;top: -65px;left: 170px;width: auto;}
#dt_table_filter label{font-size: 0px;}
#dt_table_filter label input{border: 1px solid #d9dee0; width: 340px; height: 50px; border-radius: 25px; padding: 0 40px 0 20px; box-sizing: border-box; font-size: 16px; background: url(/resources/images/gjBoard/ic_search.png) right 20px center no-repeat;}
.dataTables_scroll .dataTables_scrollHead{border-top: 1px solid #cfcdcd !important;}


/* 파일다운로드 버튼 스타일 
content: '다운로드'; */
.fusionList .dt-buttons{position: absolute;right: 0;top: -50px;}
.fusionList .dt-buttons::before{
margin-right: 20px;font-size: 5px;font-weight: 400;color: #47494c;}
/* .fusionList span{color:#121212;font-weight:600;}
.fusionList span.:hover{text-decoration:underline;color:#222;} */
.fusionList .dt-buttons button{display:inline-block;height:25px;margin-left:1px;padding:0 15px;border-radius:3px;color:#fff;line-height:25px;}
.fusionList .dt-buttons button span{color: #fff;font-weight:600;}
.fusionList .dt-buttons button:first-child{margin-left:0;}
.fusionList .dt-buttons button.file_xlsx{background-color:#e1ac51;}
.fusionList .dt-buttons button.file_xlsx:hover {background-color:#dc9133}
.fusionList .dt-buttons button.file_csv{background-color:#d35d72;}
.fusionList .dt-buttons button.file_csv:hover {background-color:#ce3e3e}
.fusionList .dt-buttons button.file_json{background-color:#6a7eba;}
.fusionList .dt-buttons button.file_json:hover {background-color:#35429e}
.fusionList .dt-buttons button.file_xml{background-color:#8766b4;}
.fusionList .dt-buttons button.file_xml:hover {background-color:#5b2e98}


/***************************** 미디어 쿼리 *****************************/
@media screen and (max-width:1445px) {
	.contents.map {margin:30px 0px 0px 0px !important; min-height:inherit; height:calc(100% - 85px) !important;}


	#fusion-map-wrap {width:calc(100% - 40px) !important; margin:0px 18px !important; border: 1px solid #d4d4d4 !important;}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_title {width:calc(100% - 340px);}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_title.on {width:calc(100% - 20px); left:320px;}
	.fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_button {float:left;}

	.fusionList{width: calc(100% - 40px);}
}

/* 미디어쿼리 1239 */
@media (max-width: 1239px){

    main .content{width: calc(100% - 40px);}

 }

@media screen and (max-width:1080px) {

	.contents.map {margin:0px;}
	.fusion-map_category-ctrl {box-shadow:0px 3px 15px 0px rgba(0,0,0,.2); top:53px; left:320px; width:calc(100% - 320px);}
	.fusion-map_category-ctrl.on {top:52px; left:0px; width:100%;}
}


/* 미디어쿼리 1023 */
@media (max-width: 1023px){

	main .content.full{margin: 0px;min-height:inherit;}
	
	#fusion-map-wrap {width: 100% !important; height: 930px !important; border: 0px !important; margin: 0px !important;}
	.fusionList{display: none;}
	
    .ol-zoom,
	.ol-zoomslider {display:none;}
	.dataMap_list .dataMap_list_wrap > ul {text-align:center;}
	.dataMap_list .dataMap_list_wrap > ul > li {width:100%; margin:0px 0px 20px 0px;}
	.dataMap_list .dataMap_list_wrap > ul > li:nth-child(2n) {margin:0px 0px 20px 0px;}
	

    /* 공통 페이징 */
    #paging{margin-top: 20px;}

}


/* 미디어쿼리 599 */
@media (max-width: 599px){


    main .content{margin: 40px auto;}

    body {height:100%;}

	.dataMap_list .dataMap_list_search {width:100%; padding:0; background:none; border:0;}
	.dataMap_list .dataMap_list_search .search_input_wrap {width:calc(100% - 38px); margin-bottom:12px;}
	.dataMap_list .dataMap_list_search .search_input_wrap img {margin-right:10px;}
	.dataMap_list .dataMap_list_search .search_input_wrap input {width:calc(100% - 34px); font-size:16px;}
	.dataMap_list .dataMap_list_search button.search_btn {margin-left:0px; width:100%;}
	.dataMap_list .dataMap_list_wrap > ul > li {width:100%;}
	.dataMap_list .dataMap_list_wrap > ul > li a {flex-direction: column;padding: 27px;}
	.dataMap_list .dataMap_list_wrap > ul > li a .dataMap_thumb {width: 100%;margin-bottom: 25px;margin-right:0px;}
	.dataMap_list .dataMap_list_wrap > ul > li a .dataMap_thumb img {min-width:100%;}
	.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text {width:100%;padding-left:0px;padding-top: 25px;border-left:0px;border-top:1px dashed #bac5d3;}
	.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li:nth-child(2) {margin:10px 0px;}

	.contents.map {height:100%;}
	#fusion-map-wrap {height:100%;}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_title .fusion_title_text {width:100%; margin-right:0px;}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_title button.go_list {display:none;}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap {height:100%; z-index:99;}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap.on {left:calc(-100% - 1px); z-index:1;}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap .fusion-map_search-ctrl {width:calc(100% - 32px); height:calc(100% - 32px);}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_title.on {left:100%;}
	.fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_button {position:absolute; top:50%; left:calc(100% - 35px); transform:rotate(180deg);}
	.fusion-map_search-ctrl-wrap.on .fusion-map_search-ctrl_button {left:100%; transform:rotate(0deg);}

	.dataMap_dataInfo_btn {width:100%;}
	.dataMap_dataInfo_btn button.markerData {margin-left:10px;}

     /* 공통 토탈&검색 */
    #top_wrap{display: inline-block;}
    #top_wrap .total{width: 100%;}
    #top_wrap .search{width: 100%;}
    #top_wrap .search input{width: 100%; border-radius: 5px;}

}

/* 미디어쿼리 449 */
@media (max-width: 449px){


    /* 공통 페이징 */
    #paging p span a{width: 22px; height: 22px; line-height: 22px; font-size: 14px;}
    #paging .numPN a{font-size: 18px; line-height: 1em;}

	/* 팝업 */
 	.blocker .modal .modal-dialog .modal-body .row .popup_tit{padding: 15px 20px;}
  	.blocker .modal .modal-dialog .modal-body .row .popup_tit h3{font-size: 18px;}
 	.blocker .modal .modal-dialog .modal-body .row article{padding: 20px;}
  	.blocker .modal .modal-dialog .modal-body .row article .btn_wrap{margin-top: 20px;}
  	.blocker .modal .modal-dialog .modal-body .row article .btn_wrap button{width: calc(100%/2 - 5px);}
  

}


@media screen and (max-width:375px) {

    .dataMap_list .dataMap_list_wrap > ul > li a{padding: 18px;}
	.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text{padding-bottom: 20px;}


	.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box {min-width:250px;}
},@charset "utf-8";
@charset "utf-8";
@charset "utf-8";

main .sub_title{background: url(/resources/images/gjBoard/visual06.jpg) center no-repeat; background-size: cover;}

main .content{margin: 60px auto; width: 1200px;}
main .content.full{margin: 60px auto; width: 100%;}
main .content .content_inner{position: relative; width: 100%;}

/* 마커쪽깨짐수정 211117추가 */
ul.fusion-map_search-ctrl_expression-data-list.check li img.contents-square{width: 12px !important; margin-left: 22px !important;}
ul.fusion-map_search-ctrl_expression-data-list.check li p{width: calc(100% - 41px) !important;}

.contents.map {margin-top:0px; margin:60px 0px; min-height:auto;}

/* 탭 */
.db_tab_wrap{display: inline-block; margin-bottom: 10px;}
.db_tab_wrap a{padding: 0 14px;font-size: 16px;color: #777;font-weight: 400;transition: all .3s;margin-bottom: 10px;display: block;float: left;position: relative;}
.db_tab_wrap a.on,
.db_tab_wrap a:hover{color: #222; font-weight: 600;}
.db_tab_wrap a::after{content: '';position: absolute;width: 1px;height: 10px;background: #777;right: 0;top: 50%;transform: translateY(-50%);}
.db_tab_wrap a:last-child::after{display: none;}

//데이터 테이블 컬럼 가운데 정렬
.sorting { text-align:center; }
.sorting-asc {text-align:center;}

/* 팝업 */
.jquery-modal.blocker.current {position: fixed;width: 100%;height: 100%;z-index: 10001;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;padding: 0;}
.blocker .modal{width: calc(100% - 40px);max-width: 600px;background: #fff;border-radius: 20px;padding: 0;box-shadow: none;}
.blocker .modal .modal-dialog{width: 100% !important;}
.blocker .modal .modal-dialog .modal-body{width: 100%;}
.blocker .modal .modal-dialog .modal-body .row{width: 100%;}
.blocker .modal .modal-dialog .modal-body .row .popup_tit{display: flex;align-items: center;justify-content:center;width: 100%;padding: 20px 40px;box-sizing: border-box;border-bottom: 1px solid #d3d9ed;}
.blocker .modal .modal-dialog .modal-body .row .popup_tit h3{font-size: 20px; font-weight: 600; line-height: 1.3em;}
.blocker .modal .modal-dialog .modal-body .row article{width: 100%;padding: 30px 40px;box-sizing: border-box;}
.blocker .modal .modal-dialog .modal-body .row article ul{display:inline-block; width:100%; height:auto;}
.blocker .modal .modal-dialog .modal-body .row article ul li{position: relative;width: 100%;display:flex;align-items:center;justify-content:flex-start;margin-bottom: 8px;}
.blocker .modal .modal-dialog .modal-body .row article ul li:last-child{margin-bottom: 0;}
.blocker .modal .modal-dialog .modal-body .row article ul li input[type="checkbox"] {position:absolute; width:100%; height:100%; z-index:2; overflow:hidden; opacity:0; cursor:pointer;}
.blocker .modal .modal-dialog .modal-body .row article ul li label {position:relative;z-index:1;display: inline-block;width:100%;vertical-align: middle;background: url('/bigdata/resources/images/dongjakMain/check1.png') 0% center no-repeat;background-size: 16px 16px;}
.blocker .modal .modal-dialog .modal-body .row article ul li input[type="checkbox"]:checked + label{background: url('/bigdata/resources/images/dongjakMain/check1_checked.png') 0% center no-repeat;background-size: 16px 16px;}
.blocker .modal .modal-dialog .modal-body .row article ul li label p{margin-left: 22px;display:inline-block;vertical-align:top;width:calc(100% - 16px);height:100%;font-size: 16px;font-weight:500;line-height: 2em;}
.blocker .modal .modal-dialog .modal-body .row article .btn_wrap{width: 100%; margin-top:30px; font-size:0; display: flex; justify-content: space-between;}
.blocker .modal .modal-dialog .modal-body .row article .btn_wrap button{width: calc(100%/2 - 10px);height: 44px;font-size: 16px;font-weight: 500;border-radius: 4px;box-sizing: border-box;}
.blocker .modal .modal-dialog .modal-body .row article .btn_wrap #cancel{background: #ececec;}
.blocker .modal .modal-dialog .modal-body .row article .btn_wrap #downloadFile{background: #4079c8; color: #fff;}

.blocker .modal .close-modal{display: none;}



/* 공통 토탈,검색 */
#top_wrap{position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 30px;}
#top_wrap .total{font-size: 16px; line-height: 1.3em; font-weight: 500;}
#top_wrap .total span{font-size: 16px; line-height: 1.3em; font-weight: 700; padding: 0 0px 0 5px;}
#top_wrap .search{position: relative;}
#top_wrap .search input{border: 1px solid #d9dee0; width: 340px; height: 50px; border-radius: 25px; padding: 0 40px 0 20px; box-sizing: border-box; font-size: 16px;}
#top_wrap .search .btn_search{display: inline-block; width: 20px; height: 20px; background: url(/bigdata/resources/images/gjETC/ic_search.png) center no-repeat; background-size: cover; position: absolute; top: 15px; right: 20px;}



/***************************** 데이터지도 목록 START *****************************/
.dataMap_list {position:relative;width: 100%;height:auto;margin:0 auto;}
/* 검색창 */
.dataMap_list .dataMap_list_search {display:inline-block; width:calc(100% - 62px); height:auto; padding:30px; margin-bottom:40px; border:1px solid #dbdfe4; border-radius:10px; background:#f4f6f9;}
.dataMap_list .dataMap_list_search .search_input_wrap {position:relative; float:left; display:flex; align-items:center; width:calc(100% - 176px); height:22px; padding:14px 19px; border:1px solid #dbdfe4; border-radius:50px; background:#fff;}
.dataMap_list .dataMap_list_search .search_input_wrap img {display:inline-block; width:24px; height:22px; margin-right:20px;}
.dataMap_list .dataMap_list_search .search_input_wrap input {display:inline-block; width:calc(100% - 44px); height:23px; font-size:18px; font-weight:500; color:#2f3334; line-height:1em; border:0px;}
.dataMap_list .dataMap_list_search .search_input_wrap input::placeholder {color:#a9aeb7;}
.dataMap_list .dataMap_list_search .search_input_wrap input::-webkit-input-placeholder {color:#a9aeb7;}
.dataMap_list .dataMap_list_search .search_input_wrap input:-ms-input-placeholder {color:#a9aeb7;}
.dataMap_list .dataMap_list_search button.search_btn {position:relative; float:right; display:flex; align-items:center; justify-content:center; width:106px; height:50px; background:#1d6dd9; border-radius:6px; font-size:18px; font-weight:600; color:#fff; line-height:1em; margin-left:30px; transition:.3s;}
.dataMap_list .dataMap_list_search button.search_btn:hover {background:#164a90;}
/* 목록 */
.dataMap_list .dataMap_list_wrap {display:inline-block; width:100%; height:auto;}
.dataMap_list .dataMap_list_wrap > ul {display: flex;width:100%;height:auto;text-align:left;flex-wrap: wrap;}
.dataMap_list .dataMap_list_wrap > ul > li {display:inline-block;width: calc(50% - 15px);/* height:186px; */border:1px solid #dbdfe4;border-radius:10px;text-align:left;overflow:hidden;transition:.3s;transform:translateY(0px);box-shadow:0px 0px 0px 0px rgba(47,58,72,.1);margin: 0px 30px 30px 0px;box-sizing: border-box;}
.dataMap_list .dataMap_list_wrap > ul > li:hover {border:1px solid #4079c8; transform:translateY(-5px); box-shadow:0px 5px 5px 0px rgba(47,58,72,.1);}
.dataMap_list .dataMap_list_wrap > ul > li:nth-child(2n) {margin: 0px 0px 30px 0px;}
.dataMap_list .dataMap_list_wrap > ul > li a {position:relative;display:flex;align-items:center;justify-content:flex-start;padding: 20px;}
.dataMap_list .dataMap_list_wrap > ul > li a .dataMap_thumb {position:relative;/* float:left; */display:flex;align-items:center;justify-content:center;width: 170px;height: 120px;border:6px solid #c9d2dd;border-radius:10px;margin-right: 30px;overflow:hidden;box-sizing: border-box;}
.dataMap_list .dataMap_list_wrap > ul > li a .dataMap_thumb img {width:100%; min-height:100%;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text {position:relative;display: flex;flex-direction: column;width: calc(100% - 221px);padding-left: 30px;border-left:1px dashed #bac5d3;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li {display:flex; align-items:center; justify-content:flex-end; width:100%; height:auto;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li:nth-child(2) {margin: 20px 0px;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li p {display:none; width:45px; height:auto; font-size:12px; font-weight:400; color:#555555; line-height:1em; margin-right:9px;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li span {display:inline-block; width:100%; height:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li span.category_title {font-size: 26px;font-weight:600;color:#1d1f20;line-height: 1.3em;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li span.data {height:20px; font-size:16px; font-weight:500; color:#1d1f20; line-height:1em;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li span.button_wrap button {display:flex;align-items:center;justify-content:center;width:130px;height:32px;border-radius:50px;border: 1px solid #4079c8;background:#fff;font-size:16px;font-weight:500;color: #4079c8;line-height:1em;}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li span.button_wrap button::after {content:'';display:inline-block;margin-left:5px;width:12px;height:14px;background:url('/bigdata/resources/images/down_icon.png') 100% 100% no-repeat;background-size:cover;transition:.3s;transform: translateY(0px);}
.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li span.button_wrap button:hover::after {transform: translateY(-3px);}
.dataMap_list .dataMap_list_wrap > ul > li a > span {position:absolute; display:flex; align-items:center; justify-content:center; bottom:0px; right:0px; width:101px; height:32px; background:#ecf0f5; border-radius:10px 0px 0px 0px; font-size:16px; font-weight:500; color:#b8bfc7; line-height:1em; transition:.3s;}
.dataMap_list .dataMap_list_wrap > ul > li:hover a > span {background:#4079c8; color:#fff;}
.dataMap_list .dataMap_list_wrap > ul > li a > span::after {content:''; display:inline-block; width:13px; height:10px; background:url('/bigdata/resources/images/dongjakMain/dataMap_a_icon.png') 100% 100% no-repeat; background-size:cover; margin-left:11px; transition:.3s;}
.dataMap_list .dataMap_list_wrap > ul > li:hover a > span::after {background:url('/bigdata/resources/images/dongjakMain/dataMap_a_icon_hover.png') 100% 100% no-repeat; background-size:cover; margin-left:8px;}
/* 공통 페이징 */
#paging{clear: both; margin: 0 auto; text-align: center; position: relative; margin-top: 20px;}
#paging p{display: table; margin:0 auto;}
#paging p span a{display: block; float:left; width: 30px; height: 30px; margin-left: 5px; background: #fff; font-weight: normal; line-height: 30px; font-size: 16px; color: #222; text-decoration: none; border-radius: 50% !important;}
#paging p span:first-child a{margin-left: 0;}
#paging p span a:hover{background-color: #2a548e; color: #fff;}
#paging .numPN a{font-size: 21px; line-height: 1.2em;}
#paging .Present a{background-color: #2a548e; color: #fff;}
/***************************** 데이터지도 목록 END *****************************/


/***************************** 데이터지도 상세 START *****************************/
#fusion-map-wrap {position:relative; width:86% !important; height:780px !important; margin:0 auto; border:1px solid #d4d4d4; overflow:hidden;box-sizing: border-box;}
#fusion-map-wrap #map {position:relative; width:100%; height:100%;}
#fusion-map-wrap .fusion-map_search-ctrl-wrap {position:absolute; top:0px; left:0px; transition:.3s;height: 100% !important;}
#fusion-map-wrap .fusion-map_search-ctrl-wrap.on {left:-320px;}
#fusion-map-wrap .fusion-map_search-ctrl-wrap .fusion-map_search-ctrl {position:relative; float:left; width:287px; height:calc(100% - 32px) !important; padding:16px; border-right:1px solid #adb7c3; background:#fff; overflow-y:scroll;}
#fusion-map-wrap .fusion-map_search-ctrl_title {position:absolute; top:0px; left:320px; width: calc(100% - 340px); height:31px; padding:10px; border-bottom:1px solid #adb7c3; background:#edf0f6; display:flex; align-items:center; transition:.3s;}
#fusion-map-wrap .fusion-map_search-ctrl_title.on {width:calc(100% - 20px); left: 0;}
#fusion-map-wrap .fusion-map_search-ctrl_title .fusion_title_text {position:relative; float:left; display:flex; align-items:center; width:calc(100% - 130px); margin-right:25px;}
#fusion-map-wrap .fusion-map_search-ctrl_title .fusion_title_text img {display:inline-block; width:37px; height:37px; margin-top:2px;}
#fusion-map-wrap .fusion-map_search-ctrl_title .fusion_title_text p {display:inline-block; font-size:20px; font-weight:600; color:#1d1f20; line-height:1em; width:calc(100% - 45px); margin-left:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#fusion-map-wrap .fusion-map_search-ctrl_title button.go_list {position:relative; float:right; width:100px; height:31px; padding-right:5px; border-radius:4px; background:#07192e; font-size:18px; font-weight:600; color:#fff; display:flex; align-items:center; justify-content:center;}
#fusion-map-wrap .fusion-map_search-ctrl_title button.go_list img {display:inline-block; width:8px; height:13px; margin-right:5px; transition:.3s; transform:translateX(0px);}
#fusion-map-wrap .fusion-map_search-ctrl_title button.go_list:hover img {transform:translateX(-3px);}
.fusion-map_search-ctrl_expression-data {display:inline-block; width:calc(100% - 20px); height:auto; padding:10px; background:#eff2f6; border-radius:6px; margin-bottom:13px;}
.fusion-map_search-ctrl_expression-data .fusion-map_search-ctrl_expression-data_title {display:inline-block; width:100%; height:auto; margin-bottom:13px;font-size: 0;}
.fusion-map_search-ctrl_expression-data .fusion-map_search-ctrl_expression-data_title span.fusion-map_search-ctrl_expression-data_title-icon.radio {display:inline-block; vertical-align:top; width:18px; height:18px; background:url('/bigdata/resources/images/dongjakMain/radio_title.png') 100% 100% no-repeat; background-size:cover; margin-right:3px;}
.fusion-map_search-ctrl_expression-data .fusion-map_search-ctrl_expression-data_title span.fusion-map_search-ctrl_expression-data_title-icon.check {display:inline-block; vertical-align:top; width:18px; height:18px; background:url('/bigdata/resources/images/dongjakMain/check_title.png') 100% 100% no-repeat; background-size:cover; margin-right:3px;}
.fusion-map_search-ctrl_expression-data .fusion-map_search-ctrl_expression-data_title span.fusion-map_search-ctrl_expression-data_title-icon.info {display:inline-block; vertical-align:top; width:18px; height:18px; background:url('/bigdata/resources/images/dongjakMain/info_title.png') 100% 100% no-repeat; background-size:cover; margin-right:3px;}
.fusion-map_search-ctrl_expression-data .fusion-map_search-ctrl_expression-data_title span.fusion-map_search-ctrl_expression-data_title-text {display:inline-block; vertical-align:top; width:calc(100% - 24px); height:18px; font-size:16px; font-weight:600; color:#1d1f20; line-height:1em; text-align:left;}
.fusion-map_search-ctrl_expression-data .fusion-map_search-ctrl_expression-data_title p {display:inline-block; margin-left:21px; width:calc(100% - 24px); height:auto; font-size:12px; font-weight:400; color:#555555; line-height:1.2em; letter-spacing:-.06em; word-break:keep-all; margin-top:5px;}
/* 표현자료 */
ul.fusion-map_search-ctrl_expression-data-list {display:inline-block; width:100%; height:auto;}
ul.fusion-map_search-ctrl_expression-data-list.radio li {position:relative; float:left; width:calc(100%/2 - 7px); height:16px; margin-bottom:7px; display:flex; align-items:center; justify-content:flex-start;}
ul.fusion-map_search-ctrl_expression-data-list.radio li:nth-child(odd) {margin-right:7px;}
ul.fusion-map_search-ctrl_expression-data-list.radio li:nth-child(even) {margin-left:7px;}
ul.fusion-map_search-ctrl_expression-data-list li input[type="radio"],
ul.fusion-map_search-ctrl_expression-data-list li input[type="checkbox"] {position:absolute; width:100%; height:100%; z-index:2; overflow:hidden; opacity:0; cursor:pointer;}
ul.fusion-map_search-ctrl_expression-data-list.radio li label {position:relative; z-index:1; display:inline-block; width:100%; height:16px; margin-right:3px; background:url('/bigdata/resources/images/dongjakMain/label1.png') 0% 13% no-repeat; background-size:12px 12px;}
ul.fusion-map_search-ctrl_expression-data-list.radio li input[type="radio"]:checked + label {background:url('/bigdata/resources/images/dongjakMain/label1_checked.png') 0% 13% no-repeat; background-size:12px 12px;}
ul.fusion-map_search-ctrl_expression-data-list li p {margin-left:16px; display:inline-block; vertical-align:top; width:calc(100% - 16px); height:100%; font-size:13px; font-weight:500; color:#1d1f20; line-height:1em;}
/* 표현자료 설명 */
.data_big_label {display: inline-block; width: 100%; height: 16px; margin-bottom:3px;}
.data_big_label h7 {font-size: 14px; font-weight: 500; color: #1d1f20; line-height: 1em; position: relative; float: left;}
.data_big_label p {font-size: 13px; font-weight: 400; color: #1d1f20; line-height: 1em; position: relative; float: left; margin: 1px 0px 1px 4px;}
.fusion_indicate-data_wrap {width:calc(100% - 22px) !important;}
.fusion_indicate-data_wrap ul li {display: inline-block; width: 100%; margin-bottom: 4px;}
.fusion_indicate-data_wrap ul li:last-child {margin-bottom:0px;}
.fusion_indicate-data_wrap ul li p.data_small_label {display: inline-block; width: 100%; height: 18px; font-size: 14px; line-height: 1em; color: #1d1f20; font-weight:400; margin-bottom: -1px;}
.fusion_indicate-data_wrap ul li p.data_small_label b {display: inline-block; margin-right: 2px; font-weight:400;}
.fusion_indicate-data_wrap ul li p.data_small_label b::before {content: '＊'; display: inline-block; margin-right: 4px; font-size:10px; font-weight:600;}
.fusion_indicate-data_wrap ul li p.data_description {display: inline-block; width: 100%; height: 20px; font-size: 14px; color: #1d1f20;}
.fusion_indicate-data_wrap ul li p.data_description::before {content: ''; display: inline-block; width: 4px; height: 4px; background: #1d1f20; margin: 3px 6px 3px 3px;}
/* 시설위치 */
ul.fusion-map_search-ctrl_expression-data-list.check li {position:relative; float:left; width:100%; height:16px; margin-bottom:7px; display:flex; align-items:center; justify-content:flex-start;}
ul.fusion-map_search-ctrl_expression-data-list.check li label {position:relative; z-index:1; display:inline-block; width:100%; height:16px; margin-right:3px; background:url('/bigdata/resources/images/dongjakMain/check1.png') 0% 13% no-repeat; background-size:12px 12px; font-size:0;}
ul.fusion-map_search-ctrl_expression-data-list.check li input[type="checkbox"]:checked + label {background:url('/bigdata/resources/images/dongjakMain/check1_checked.png') 0% 13% no-repeat; background-size:12px 12px;}
ul.fusion-map_search-ctrl_expression-data-list.check li p {width:calc(100% - 35px); margin-left:4px;}
ul.fusion-map_search-ctrl_expression-data-list.check li span.contents-square {display:inline-block; vertical-align:top; width:16px; height:16px; margin-left:18px; overflow:hidden;}
/* 기초자료 */
.fusion-map_search-ctrl_data_download a {position:relative; display:inline-block; width:calc(100% - 22px); height:13px; padding:6px 10px; border:1px solid #a3aeba; border-radius:4px; background:#fff; font-size:13px; font-weight:500; color:#1d1f20; line-height:1em; box-shadow:0px 0px 0px 0px rgba(0,0,0,.1); transition:.3s; transform:translateY(0px);}
.fusion-map_search-ctrl_data_download a::after {position:relative; float:right; display:block; content:''; width:14px; height:12px; background:url('/bigdata/resources/images/dongjakMain/info_down_icon.png') 100% 100% no-repeat; background-size:cover;}
.fusion-map_search-ctrl_data_download a:hover {box-shadow:0px 3px 1px 1px rgba(0,0,0,.1); transform:translateY(-3px);}
/* 영역선택 */
.fusion-map_draw-ctrl_list select{position: relative;display: inline-block;width: 100%;padding: 2px 5px;border: 1px solid #a3aeba;border-radius: 4px;background: #fff;font-size: 13px;font-weight: 500;color: #1d1f20;line-height: 1em;box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);}
/* 열기/닫기 버튼 */
.fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_button {position:relative; float:right; z-index:2; top:50% !important; transform: translateY(-50%);}
.fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_button .fusion-map_search-ctrl_btn {background:url('/bigdata/resources/images/dongjakMain/button-bg.png') 100% 100% no-repeat; width:35px; height:140px;}
.fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_button #open img {transform:rotate(180deg);}
/* 범례 영역 START */
.fusion-map_category-ctrl {min-width:290px; box-shadow:0px 3px 15px 0px #697f85; position:absolute; top:75px; left:345px; transition:0.3s;}
.fusion-map_category-ctrl.on {left:22px;}
/* 헤더 열고/닫기 */
.fusion-map_category-ctrl .fusion-map_category-ctrl_header {border-radius:2px; background:#2f3340; height:32px; padding:0px 13px; min-width:270px; cursor: pointer;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_header span.fusion-map_category-ctrl_header_icon {display:inline-block; background:url('/bigdata/resources/images/fusion/header-ic.png') 100% 100% no-repeat; width:10px; height:22px; margin-right:3px;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_header p.fusion-map_category-ctrl_header_text {display:inline-block; font-size:15px; font-weight:600; color:#fff; margin-right:2px;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_header .fusion-map_category-ctrl_header_button {display:inline-block; position:relative; float:right;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_header .fusion-map_category-ctrl_header_button .fusion-map_category-ctrl_header_btn {position:relative; display:block; top:9px; color:#fff; font-size:8px; background:none; vertical-align:unset;}
/* 범례 컨텐츠 영역 */
.fusion-map_category-ctrl .fusion-map_category-ctrl_body {min-width:270px; background:#fff; display: none;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body.on {display: block;}

.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_category {min-width:270px; height:22px; background:#a5a5a5;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_category ul li {position:relative; float:left; height:22px; font-size:12px; font-weight:300; color:#fff; padding:0 10px; text-align:center; background:#a5a5a5; cursor:pointer;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_category ul li.on {background:#e19347;}

.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_contents {background:#fff; padding:15px; border-radius:0 0 2px 2px; max-height:140px; overflow-y:scroll; overflow-x:hidden;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_contents ul li {margin-bottom:5px;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_contents ul li:last-child {margin-bottom:0;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_contents ul li span {display:inline-block;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_contents ul li span.contents-square {width:8px; height:8px; margin-right:5px;}
.fusion-map_category-ctrl .fusion-map_category-ctrl_body .fusion-map_category-ctrl_body_contents ul li span.contents-text {font-size:12px; font-weight:300; color:#4d5058;}
/* 범례 영역 END */
/* 인포 윈도우 START */
.fusion-map_info-window .fusion-map_info-window_wrap {position:relative; height:auto !important;}

/* 컨텐츠 부분 */
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box {position:relative; float:left; min-width:330px; max-height:250px; background:#fff; border-radius:5px; overflow-y:scroll; overflow-x:hidden; box-shadow:0px 3px 15px 0px #697f85;}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box .fusion-map_info-window_box-list {padding:15px;}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box .fusion-map_info-window_box-list ul li {border-bottom:1px solid #ededed; padding:12px 0;}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box .fusion-map_info-window_box-list ul li:last-child {margin-bottom:0; border-bottom:none;}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box .fusion-map_info-window_box-list ul li p.fusion-map_info-window_box-list_data {display:inline-block; width:90px; color:#ca512c; font-size:13px; font-weight:300;}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box .fusion-map_info-window_box-list ul li p.fusion-map_info-window_box-list_data span.info-window-ic {display:inline-block; font-size:4px; margin-right:4px; vertical-align:bottom;}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box .fusion-map_info-window_box-list ul li p.fusion-map_info-window_box-list_worth {display:inline-block; font-size:14px; font-weight:500; color:#505050; margin-top:3px;}
/* 닫기버튼 */
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_delete {position:relative; float:left; position:absolute; right:-10px;}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_delete button.fusion-map_info-window_delete-btn {width:30px; height:30px; border-radius:0 5px 5px 0; background:#3c3d41; color:#fff; font-size:16px; font-weight:600;}
/* 화살표 */
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box-arrow_wrap {display: none; position:absolute; bottom:0; left:calc( 100% - 57% );}
.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box-arrow {display: none; position:relative;top:249px;height: 0px;border-top: 30px solid #fff;border-right: 10px solid transparent;border-left: 10px solid transparent; left:-176px;}
/* 인포 윈도우 END */

/* 데이터지도 정보 영역 */
.dataMap_dataInfo_wrap {position:absolute; bottom:0px; right:0px; width:calc(100% - 360px); margin:20px; z-index:9; transition:.3s;}
.dataMap_dataInfo_wrap.on {width:calc(100% - 40px);}
.dataMap_dataInfo_box {position:relative; width:100%; height:auto !important; margin-bottom:0px !important; background:#fff; border-radius:5px; box-shadow:0px 0px 6px 2px rgba(0,0,0,.2); overflow:hidden;}
.dataMap_dataInfo_box .box_header {position:relative; display:flex; align-items:center; width:calc(100% - 36px); height:auto; padding:18px;}
.dataMap_dataInfo_box .box_header span {display:none !important;}
.dataMap_dataInfo_box .box_header p {position:relative; display:inline-block; font-size:16px; font-weight:600; color:#1d1f20; line-height:1em; width:calc(100% - 40px) !important; margin-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dataMap_dataInfo_box .box_header button {position:relative; float:right; width:20px; height:20px;}
.dataMap_dataInfo_box .box_header button img {width:20px;}
.dataMap_dataInfo_box .box_content {position:relative; width:calc(100% - 36px); height:calc(100% - 92px); padding:18px; overflow-x:scroll; overflow-y:hidden; white-space:nowrap;}
.dataMap_dataInfo_box .box_content > div{min-width: 600px;}
.dataMap_dataInfo_box .box_content svg{min-width: 600px;}
.dataMap_dataInfo_btn {position:relative; width:100% !important; height:48px; margin:0 auto;}
.dataMap_dataInfo_btn button {position:relative; float:left; display:flex; align-items:center; justify-content:center; width:100% !important; height:48px; font-size:15px; font-weight:600; color:#1d1f20; line-height:1.2em !important; word-break:keep-all; background-color:#fff; border-radius:5px; box-shadow:none !important; margin-right:0px !important; margin-bottom: 13px; box-sizing: border-box; border: 1px solid #ccc; transition:.3s;}
.dataMap_dataInfo_btn button:hover,
.dataMap_dataInfo_btn button.on {background:#2f3340; color:#fff;}
.dataMap_dataInfo_btn button.domainData::before {display:none !important;}
.dataMap_dataInfo_btn button.domainData:hover::before,
.dataMap_dataInfo_btn button.domainData.on::before {display:none !important;}
.dataMap_dataInfo_btn button.markerData {margin-right:0px;}
.dataMap_dataInfo_btn button.markerData::before {content:''; display:inline-block; width:24px; height:24px; margin-right:6px; background:url('/../resources/images/dongjakMain/dataMap_dataIcon2.png') center center no-repeat; background-size:cover;}
.dataMap_dataInfo_btn button.markerData:hover::before,
.dataMap_dataInfo_btn button.markerData.on::before {background:url('/../resources/images/dongjakMain/dataMap_dataIcon2_on.png') center center no-repeat; background-size:cover;}
/***************************** 데이터지도 상세 END *****************************/


.fusionList{clear:both;position:relative; padding-top: 40px;}
.fusionList h3{clear:both;position:relative;height:60px;padding-left:30px;margin-bottom: 30px;/* padding-bottom: 10px; */text-align:left;color:#272635;font-size:20px;font-weight:600;line-height:60px;background:url(/../resources/images/graph_title_icon.png) 0 50% no-repeat;background-size: 22px 22px;}
.fusionList .listBox{clear:both;width:100%;height:100%;margin-bottom:20px;margin-top:-20px;}
.fusionList .listBox article{position: relative;}
.fusionList .listBox ul{display:block;clear:both;height:32px;border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-radius: 2px;}
.fusionList .listBox li{display:inline-block;float:left;}
.fusionList .listBox li a{display:inline-block;padding:15px 0;border-right:1px solid #dadada;border-bottom:0;text-align:center;color:#272635;font-size:15px;line-height:20px; padding:6px 12px; background-color:#fff; box-shadow: rgba(0, 0, 0, 0.05) 0px -2px 0px 0px inset; font-size: 13px;}
.fusionList .listBox li.active a{background-color:#121212; color:#fff;}
.fusionList .listBox li.disabled a{color:#999; background-color:#fff; border-color:#ddd; cursor:not-allowed;}
.fusionList .listBox .dataTables_length label{margin-bottom:10px;}
.fusionList .gridBox .dataTables_length label select{height:30px;}
.fusionList #goDatasetBtn{float:right;font-size:14px;cursor:pointer;}
.fusionList #goDatasetBtn:hover{color:#f9a459;}

.sorting,
.sorting_asc{font-size: 14px;font-family: 'Noto Sans KR',sans-serif; color:#776F67; text-align:center;}
#listBox {font-size:14px; font-weight:lighter;}


/* 하단 데이터 목록 */
table {border-spacing: 0;}
.fusionList {width:86%; height:auto; margin:0 auto;}
.dataTables_scrollBody > table {width:100% !important;}
span.dataDown{display: inline-block; width: auto; margin-right: 6px; font-size: 15px; font-weight: 400; color: #47494c; vertical-align: top; position: absolute; right: 280px;}
.fusionList .datasetFileDownload { margin-top: 18px; margin-right: 5px; float: right; font-size: 14px; cursor: pointer;}
.fusionList .datasetFileDownload:hover{color: #f9a459;}

#dt_table_filter{position: absolute;top: -65px;left: 170px;width: auto;}
#dt_table_filter label{font-size: 0px;}
#dt_table_filter label input{border: 1px solid #d9dee0; width: 340px; height: 50px; border-radius: 25px; padding: 0 40px 0 20px; box-sizing: border-box; font-size: 16px; background: url(/resources/images/gjBoard/ic_search.png) right 20px center no-repeat;}
.dataTables_scroll .dataTables_scrollHead{border-top: 1px solid #cfcdcd !important;}


/* 파일다운로드 버튼 스타일 */
.fusionList .dt-buttons{position: absolute;right: 0;top: -50px;}
.fusionList .dt-buttons::before{content: '다운로드'; margin-right: 20px;font-size: 15px;font-weight: 400;color: #47494c;}
/* .fusionList span{color:#121212;font-weight:600;}
.fusionList span.:hover{text-decoration:underline;color:#222;} */
.fusionList .dt-buttons button{display:inline-block;height:25px;margin-left:1px;padding:0 15px;border-radius:3px;color:#fff;line-height:25px;}
.fusionList .dt-buttons button span{color: #fff;font-weight:600;}
.fusionList .dt-buttons button:first-child{margin-left:0;}
.fusionList .dt-buttons button.file_xlsx{background-color:#e1ac51;}
.fusionList .dt-buttons button.file_xlsx:hover {background-color:#dc9133}
.fusionList .dt-buttons button.file_csv{background-color:#d35d72;}
.fusionList .dt-buttons button.file_csv:hover {background-color:#ce3e3e}
.fusionList .dt-buttons button.file_json{background-color:#6a7eba;}
.fusionList .dt-buttons button.file_json:hover {background-color:#35429e}
.fusionList .dt-buttons button.file_xml{background-color:#8766b4;}
.fusionList .dt-buttons button.file_xml:hover {background-color:#5b2e98}


/***************************** 미디어 쿼리 *****************************/
@media screen and (max-width:1445px) {
	.contents.map {margin:30px 0px 0px 0px !important; min-height:inherit; height:calc(100% - 85px) !important;}


	#fusion-map-wrap {width:calc(100% - 40px) !important; margin:0px 18px !important; border: 1px solid #d4d4d4 !important;}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_title {width:calc(100% - 340px);}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_title.on {width:calc(100% - 20px); left:320px;}
	.fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_button {float:left;}

	.fusionList{width: calc(100% - 40px);}
}

/* 미디어쿼리 1239 */
@media (max-width: 1239px){

    main .content{width: calc(100% - 40px);}

 }

@media screen and (max-width:1080px) {

	.contents.map {margin:0px;}
	.fusion-map_category-ctrl {box-shadow:0px 3px 15px 0px rgba(0,0,0,.2); top:53px; left:320px; width:calc(100% - 320px);}
	.fusion-map_category-ctrl.on {top:52px; left:0px; width:100%;}
}


/* 미디어쿼리 1023 */
@media (max-width: 1023px){

	main .content.full{margin: 0px;min-height:inherit;}
	
	#fusion-map-wrap {width: 100% !important; height: 930px !important; border: 0px !important; margin: 0px !important;}
	.fusionList{display: none;}
	
    .ol-zoom,
	.ol-zoomslider {display:none;}
	.dataMap_list .dataMap_list_wrap > ul {text-align:center;}
	.dataMap_list .dataMap_list_wrap > ul > li {width:100%; margin:0px 0px 20px 0px;}
	.dataMap_list .dataMap_list_wrap > ul > li:nth-child(2n) {margin:0px 0px 20px 0px;}
	

    /* 공통 페이징 */
    #paging{margin-top: 20px;}

}


/* 미디어쿼리 599 */
@media (max-width: 599px){


    main .content{margin: 40px auto;}

    body {height:100%;}

	.dataMap_list .dataMap_list_search {width:100%; padding:0; background:none; border:0;}
	.dataMap_list .dataMap_list_search .search_input_wrap {width:calc(100% - 38px); margin-bottom:12px;}
	.dataMap_list .dataMap_list_search .search_input_wrap img {margin-right:10px;}
	.dataMap_list .dataMap_list_search .search_input_wrap input {width:calc(100% - 34px); font-size:16px;}
	.dataMap_list .dataMap_list_search button.search_btn {margin-left:0px; width:100%;}
	.dataMap_list .dataMap_list_wrap > ul > li {width:100%;}
	.dataMap_list .dataMap_list_wrap > ul > li a {flex-direction: column;padding: 27px;}
	.dataMap_list .dataMap_list_wrap > ul > li a .dataMap_thumb {width: 100%;margin-bottom: 25px;margin-right:0px;}
	.dataMap_list .dataMap_list_wrap > ul > li a .dataMap_thumb img {min-width:100%;}
	.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text {width:100%;padding-left:0px;padding-top: 25px;border-left:0px;border-top:1px dashed #bac5d3;}
	.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text li:nth-child(2) {margin:10px 0px;}

	.contents.map {height:100%;}
	#fusion-map-wrap {height:100%;}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_title .fusion_title_text {width:100%; margin-right:0px;}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_title button.go_list {display:none;}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap {height:100%; z-index:99;}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap.on {left:calc(-100% - 1px); z-index:1;}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap .fusion-map_search-ctrl {width:calc(100% - 32px); height:calc(100% - 32px);}
	#fusion-map-wrap .fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_title.on {left:100%;}
	.fusion-map_search-ctrl-wrap .fusion-map_search-ctrl_button {position:absolute; top:50%; left:calc(100% - 35px); transform:rotate(180deg);}
	.fusion-map_search-ctrl-wrap.on .fusion-map_search-ctrl_button {left:100%; transform:rotate(0deg);}

	.dataMap_dataInfo_btn {width:100%;}
	.dataMap_dataInfo_btn button.markerData {margin-left:10px;}

     /* 공통 토탈&검색 */
    #top_wrap{display: inline-block;}
    #top_wrap .total{width: 100%;}
    #top_wrap .search{width: 100%;}
    #top_wrap .search input{width: 100%; border-radius: 5px;}

}

/* 미디어쿼리 449 */
@media (max-width: 449px){


    /* 공통 페이징 */
    #paging p span a{width: 22px; height: 22px; line-height: 22px; font-size: 14px;}
    #paging .numPN a{font-size: 18px; line-height: 1em;}

	/* 팝업 */
 	.blocker .modal .modal-dialog .modal-body .row .popup_tit{padding: 15px 20px;}
  	.blocker .modal .modal-dialog .modal-body .row .popup_tit h3{font-size: 18px;}
 	.blocker .modal .modal-dialog .modal-body .row article{padding: 20px;}
  	.blocker .modal .modal-dialog .modal-body .row article .btn_wrap{margin-top: 20px;}
  	.blocker .modal .modal-dialog .modal-body .row article .btn_wrap button{width: calc(100%/2 - 5px);}
  

}


@media screen and (max-width:375px) {

    .dataMap_list .dataMap_list_wrap > ul > li a{padding: 18px;}
	.dataMap_list .dataMap_list_wrap > ul > li a ul.dataMap_text{padding-bottom: 20px;}


	.fusion-map_info-window .fusion-map_info-window_wrap .fusion-map_info-window_box {min-width:250px;}
}