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

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

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

/* 팝업 */
.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;}






/* 20201119 추가 시작 */
.dataTables_scrollBody {overflow-x:scroll !important;}
/*	div.dataTables_paginate {display:none;}	*/
.dataBox .dataCont {min-height:115px;}
.dataTables_scrollBody {height:auto !important;}
#gridBox {display:inline-block; width:100%; font-weight: 400 !important;}
/* 20201119 추가 종료 */

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

/*최종수정일순 조회순*/
#sorting {position:relative; text-align:right;}
#sorting span.on a, #sorting span a:hover {
    color: #222;
    font-weight: 600;
}
#sorting span{position: relative; padding: 0 14px;}
#sorting span a{font-size: 16px;color: #777;font-weight: 400;transition:all .3s;}
#sorting span::after{content: '';position: absolute;width: 1px;height: 10px;background: #777;right: 0;top: 50%;transform: translateY(-50%);}
#sorting span:last-child::after{display: none;}
#sorting span:last-child{margin-left:-6px;}

/* 공통 토탈,검색 */
#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;}

/* 목록 */
.statis_list{clear:both;width:100%;border-top:1px solid #222;table-layout:fixed;border-collapse:collapse;font-size:13px;background-color:#fff;}
.statis_list tr th:nth-child(1){width: 8%;}
.statis_list tr th:nth-child(2){width:9%}
.statis_list tr th:nth-child(3){width:38%;}
.statis_list tr th:nth-child(4){width: 25%;}
.statis_list tr th:nth-child(5){width:12%}
.statis_list tr th:nth-child(6){width:8%}
.statis_list tr th, .statis_list tr td{padding:10px;font-family:'Noto Sans KR',sans-serif; font-size: 16px; line-height: 1.3em;}
.statis_list tr th{border-bottom:1px solid #d9dee0;color:#222; padding: 18px 0; font-weight: 700;}
.statis_list tr td{overflow:hidden;border-bottom:1px solid #d9dee0;text-align:center;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;color:#222;padding: 18px 15px;}
.statis_list tr td.category{padding: 18px 0;}
.statis_list tr td a{color:#121212;font-weight:600;}
.statis_list tr .category span{font-size: 13px;color: #728094;font-weight: 600;background: #eef4f8;width: 100%;display: flex;height: 25px;align-items: center;justify-content: center;border-radius: 4px;}
.statis_list tr .num,
.statis_list tr .category,
.statis_list tr .alignLeft > a{font-weight: 500;}
.statis_list tr .date,
.statis_list tr .view{color: #777;}
td.alignLeft > a {display:inline-block; width:100%; text-align:left; line-height:1.3em; font-size: 16px;} 
td.alignLeft > a .common {display:inline-block; width:41.5px; height:21px; vertical-align:text-top; margin-left:5px; font-size:12px; font-weight:500; color:#fff; background:#3a3f55; padding:1px 7px 1px 6px; line-height:1.8em; border-radius:3px;}
td.alignLeft > a .common::before {content:'개방표준';}
.statis_list tr td a:hover{text-decoration:underline;color:#222;}
.statis_list tr td a span{display:inline-block;height:25px;margin-left:10px;padding:0 8px;border-radius:3px;color:#fff;line-height:25px;}
.statis_list tr td a.file{display:inline-block;height:25px;margin-left:1px;padding:0 15px;border-radius:3px;color:#fff;line-height:25px;background-color:#747882;}
.statis_list tr td a.file:first-child{margin-left:0;}
.statis_list tr td a.file_xlsx{background-color:#e1ac51;}
.statis_list tr td a.file_csv{background-color:#d35d72;}
.statis_list tr td a.file_json{background-color:#6a7eba;}
.statis_list tr td a.file_xml{background-color:#8766b4;}

/* 공통 페이징 */
#paging{clear: both; margin: 0 auto; text-align: center; position: relative; margin-top: 25px; margin-bottom: 25px;}
#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;}
/********************* List 종료 *********************/


/********************* 상세 시작 *********************/
.statis_view{position:relative;}
.statis_view .viewTitle{display: inline-block;width: calc(100% - 40px);height: auto;padding: 30px 20px;border-bottom: 1px solid #d9dee0;border-top: 1px solid #222;}
.statis_view .subject{display:inline-block;width: 100%;height: auto;color: #222;font-size:20px;font-weight:600;line-height: 1.3em;margin-bottom: 15px;}
.statis_view .detail{position: relative;display: flex;height: auto;}
.statis_view .detail > span{color: #777;font-size: 16px;margin-right: 20px;font-weight: 400;}
.statis_view .detail > span:last-child{margin-right:0px;}
.statis_view .detail .value{font-size: 16px;color: #222;font-weight: 500;margin-left: 6px;}

.viewCont{position:relative;padding:20px 15px;border-bottom:1px solid #e5e5e5;line-height:150%;}
.inner_viewCont{min-height:200px;}
.viewCont img{max-width:100%;}
.viewCont.ab_fr{display: inline-block;width: calc(100% - 40px);border-bottom: 1px solid #d9dee0;height: auto;padding: 30px 20px;margin-bottom: 40px;}
.viewCont.ab_fr .exBox.fr{position:absolute;top:30px;right:0;width:35%;}
.viewCont p{color:#121212;}
.viewCont .file{display:inline-block;position:relative;width:70px;margin-bottom:5px;padding:7px 15px 7px 12px;border:1px solid #e5e5e5;border-radius:4px;user-select:none;color:#121212;font-size:15px;line-height:23px;}
.viewCont .icon_download{display:inline-block;overflow:hidden;width:20px;height:20px;margin-right:10px;vertical-align:-5px;text-indent:-999px;background:url(/bigdata/resources/images/gsdataMain/icon.jpg) no-repeat 0 0;background-color:#aed;}
.viewCont .file:hover{border-color:#4079c8;color:#fff;background-color:#4079c8}
.viewCont .file:hover .icon_download{background-position:0 -20px;}
.viewCont .txt{position: relative;width: 170px;padding-bottom: 10px;color: #777;font-size: 16px;font-weight: 500;line-height: 1.5em;}
.viewCont .txt:before{position:absolute;top: 12px;transform: translateY(-50%);right:0;width: 1px;height: 12px;background: #777;content:'';}
.viewCont .exBox{display: flex;}
.viewCont .exBox p{color: #222;font-size: 18px;font-weight: 500;margin-left: 30px;}

.dataBox{position:relative;}
.dataBox ul.dataBoxUl{display: block;height: 50px;border-top: 0px;}
.dataBox ul.dataBoxUl li a{width: 160px;display: flex;height:50px;align-items: center;justify-content: center;font-size: 16px;padding: 0;border-top: 1px solid #d9dee0;box-sizing: border-box;}
.dataBox ul{display:block;clear:both;height:32px;border-top: 1px solid #d9dee0;border-left: 1px solid #d9dee0;border-bottom: 1px solid #d9dee0;border-radius: 2px;}
.dataBox li{display:inline-block;float:left;}
.dataBox li:hover { background-color:#ddd; }
.dataBox li a{display:inline-block;padding:15px 0;border-right: 1px solid #d9dee0;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;}
.dataBox li.on a{position:relative;border-color: #2a548e;color:#fff;font-weight:600;background-color: #2a548e;}
.dataBox li.on a:before{display:inline-block;position:absolute;bottom:-6px;left:50%;width:0;height:0;margin-left:-6px;border-width:6px 6px 0 6px;border-style:solid;border-color: #2a548e transparent transparent transparent;content:'';}
.dataBox .dataCont{position:relative;padding:30px; border-right:1px solid #dadada;border-bottom:1px solid #bababa;border-left:1px solid #dadada;}

.dataBox_table{width:100%;table-layout:fixed;min-width: 1000px;box-sizing: content-box;}
.dataBox_table th{position:relative;padding:8px 0;border-bottom:1px solid #777;text-align:center;color:#333;font-size:15px;font-weight:500;line-height:20px;}
.dataBox_table th:before{position:absolute;bottom:0;left:0;width:0;height:8px;border-left:1px solid #777;content:'';}
.dataBox_table th:first-child:before{border:0;}
.dataBox_table td{clear:both;padding:12px;border-bottom:1px dotted #ccc;text-align:center;color:#333;font-size:15px;line-height:20px;background-color:#fff;;}
.dataBox_table td a{display:inline-block;float:left;color:#333;font-size:15px;font-weight:600;}
.dataBox_table td a:hover{color:#666;}


.pt25{padding-top: 40px;text-align:center;display: block;}

/*버튼 스타일*/
.btn_1{background: #fff; width: 150px; height: 50px; border-radius: 4px; font-size: 18px; border: 1px solid #d9dee0; font-weight: 500; box-sizing: border-box; transition: all .3s; margin: 0 27px;}
.btn_1:hover{transform: translateY(-5px); box-shadow:0px 5px 5px 0px rgba(47,58,72,.1); border: 1px solid #4079c8; color: #4079c8;}
.btn_2{display:inline-block;position:relative;padding:0 20px 0 26px;border:0;border-radius:4px;cursor:pointer;text-align:center;color:#fff;font-size:14px;font-weight:600;line-height:40px;background-color:#f17e30;}
.btn_2:after{display:inline-block;width:20px;height:20px;margin-left:6px;content:'';vertical-align:-4px;background:url(/bigdata/resources/images/sub/icon_download.gif) no-repeat;background-position:0 -20px;}
.btn_2:hover{color:#f17e30;background-color:#fff;}
.btn_2:hover:after{background-position:0 0;}
/********************* 상세 종료 *********************/


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

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

	/* 목록 */
	.statis_list tr th:nth-child(4){width: 33%;}
	.statis_list tr th:nth-child(6){display: none;}

	.statis_list tr td.view{display: none;}

	/* 상세 */
	.viewCont.ab_fr .exBox.fr{position: relative;top: 0;left: 0;width: 100%;}
    .viewCont .exBox.fr p:last-child{margin-left: 3px;}
    
		
	.dataBox .dataCont{overflow-x: auto;}

}



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

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

	/* 목록 */
	.statis_list tr th:nth-child(1){width: 11%;}
	.statis_list tr th:nth-child(2){width: 15%;}
	.statis_list tr th:nth-child(3){width: 54%;}
	.statis_list tr th:nth-child(4){display: none;}
	.statis_list tr th:nth-child(5){width: 20%;}

	.statis_list tr td.file{display: none;}


}




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

    main .content{margin: 40px auto;}

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

    /* 목록 */
    .statis_list thead{display: none;}
    .statis_list tr{border-bottom: 1px solid #d9dee0;display: inline-block;/* flex-direction: column; */width: 100%;}
    .statis_list tr td{border-bottom: 0; padding: 0 15px;}
    .statis_list tr td.num{display:none;}
    .statis_list tr td.category{display: flex; width: 100%; padding: 18px 15px 8px;}
    .statis_list tr .category span{width: auto;padding: 0 10px;}
    .statis_list tr td.alignLeft{display: flex;}
    .statis_list tr td.date{display: inline-block;width: calc(50% - 30px);float: right;text-align: right;margin: 18px 0;font-weight: 400;}
    .statis_list tr td.view{display: flex;width: calc(50% - 30px);float: left;text-align: right;margin: 18px 0;font-weight: 400;}
	 .statis_list tr td.view .mobileHit {display: inline-block !important; width: 14px; height: 14px; margin-right:5px; margin-top:4px;}

    /* 상세 */
    .statis_view .detail > span,
    .statis_view .detail .value{font-size: 14px;}
    .viewCont .txt{width: 100px;}
    .viewCont.ab_fr .exBox.fr p{display: flex;flex-direction: column;}
    .dataBoxUl > li{width: calc(100%/3);}
    .dataBox ul.dataBoxUl li a{width: 100%;font-size: 14px;}
    

}




/* 미디어쿼리 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;}

	/* 상세 */
	.statis_view .viewTitle{padding: 20px 15px;}
	.viewCont.ab_fr{padding: 20px 15px;}
	.dataBox .dataCont{padding: 20px 15px;}
    .viewCont.ab_fr .exBox.fr{flex-direction: column;}
    .viewCont.ab_fr .exBox.fr p{margin-left: 0px;flex-direction: row;justify-content: space-evenly;}
    
    
}

/* 수정된 기능4-지도 인포창 시작 */
.rightBlock .map-info-window {position:absolute; z-index:1000; width:calc(100% - 60px); max-width: 300px; height:360px; background:#fff; border-radius:10px; top:50%; right:30px; transform: translateY(-50%); box-shadow:0px 0px 10px 5px rgba(0,0,0,0.2); display:none;}
.rightBlock .map-info-window .info-window-header {position:relative; width:calc(100% - 36px); height:16px; padding:12px 18px; border-bottom:1px solid #dde1ea;}
.rightBlock .map-info-window .info-window-header p.info-place-name {position:relative; float:left; font-size:18px; font-weight:500; color:#000034; width:80%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.rightBlock .map-info-window .info-window-header .info-button-wrap {position:absolute; top:12px; right:18px; height:18px;}
.rightBlock .map-info-window .info-window-header .info-button-wrap button {border:none; background:none; line-height:1em; font-size:14px; font-weight:600; cursor:pointer; height:100%;}
.rightBlock .map-info-window .info-window-header .info-button-wrap button.info-modify {color:#325db3; margin-right:4px;}
.rightBlock .map-info-window .info-window-header .info-button-wrap button.info-delete {color:#cf475d;}
.rightBlock .map-info-window .info-window-content {position:relative; width:calc(100% - 40px); height:280px; padding:20px; overflow-y:scroll; overflow-x:hidden;}
.rightBlock .map-info-window .info-window-content .info-window-content-img {width:calc(100% - 2px); height:300px; border:1px solid #dde1ea; margin-bottom:20px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.rightBlock .map-info-window .info-window-content .info-window-content-img img {width:100%; min-height:100%; height:auto;}
.rightBlock .map-info-window .info-window-content .info-window-content-text {width:100%; height:auto; margin-bottom:20px;}
.rightBlock .map-info-window .info-window-content .info-window-content-text p {padding-left:7px; font-size:16px; font-weight:300; color:#000034; margin-bottom:3px; line-height:1em; border-left:3px solid #1d6dd9;}
.rightBlock .map-info-window .info-window-content .info-window-content-text span {margin-left:10px; font-size:16px; font-weight:500; color:#000034; line-height:1.5em; margin-bottom: 5px; display:block; word-break:keep-all;}
.rightBlock .map-info-window .info-window-footer {position:absolute; bottom:0; border-radius:0 0 10px 10px; background-color:#e3e3f1; text-align:center; width:100%; height:40px; display:flex; align-items:center; justify-content:center;}
.rightBlock .map-info-window .info-window-footer button {font-size:14px; font-weight:600; color:#5b5b6b; border:none; background:none; cursor:pointer; width:100%; height:100%;}
/* 수정된 기능4-지도 인포창 종료 */