@charset "UTF-8";
/* CSS Document */
.subleft {float:left; width:186px; /* box-shadow:0px 1px 1px #bbb; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; */border-bottom:1px solid #d9d9d9;  background:#ffffff;}
.subleft h2{background:url(/images/common/bg_h2.png) repeat-x 0 0; height:73px;/*background:#0677bd; background:#34639a; background:#6195d0; border-top-left-radius:3px; border-top-right-radius:3px;*/
 text-align:center; font-size:24px; font-family:"NanumGothicBold"; color:#fff; line-height:70px;}

.subContainer .title {/*height: 20px;*/padding: 18px 0 0px 10px; overflow:hidden; cursor: pointer;}
.subContainer .title img.title_pre {position:relative;top:4px;}
.subContainer .title img.title_pre2 {position:relative;top:0px;}

/*데이터조회*/
.dtCheck {display:block; width:100%;}
/* 수정 float:right에서 float:left; - 2015.12.18 정재윤 */
	.mapArea{display:inline-block; width:350px; float:left;}
	.mapArea .map {float:left; width:340px; height:350px !important; clear:both; background:#fafafa; border-radius:5px;  -moz-box-shadow:0px 1px 1px #bbb; -webkit-box-shadow: 0px 1px 1px #bbb;; box-shadow: 0px 1px 1px #bbb; padding:5px;}
	.mapArea .imgMap{float:left; width:340px; height:310px !important; clear:both; background:#fafafa; border-radius:5px;  -moz-box-shadow:0px 1px 1px #bbb; -webkit-box-shadow: 0px 1px 1px #bbb;; box-shadow: 0px 1px 1px #bbb; padding:5px;}
	#mapDiv_layer0 {z-index:0;}
	.mapArea .table, .mapArea .timeLogComment {display:block; float:left; width:340px; height:280px; margin-top:30px;}
	.mapArea .table th{padding:6px;}
	.mapArea .table .ti{ font:500 14px 'NanumGothicBold'; color:#6195d0;}
	.subContainer .sub_map_control {position:relative; top:-2px;}
	.subContainer .sub_map_control input[type=image] {position:relative; top:5px;}
/* 수정 float:right에서 float:left; - 2015.12.18 정재윤 */
.rgtCont{ float:left; width:435px;}
.full {width:780px !important;}
.full .mapSearch{float:left !important; width:100% !important; margin:0px 0 0 0px !important;}
.full .chartArea{float:left !important; width:100% !important;}
	/* 검색영역 */
/* 수정 float:right에서 float:left; / width:420에서 수정 - 2015.12.18 정재윤 */	
	.mapSearch {float:left; width:405px; display:inline-block; margin:0px 0 0 10px; padding:15px 10px 13px; background:#e7e7e7; border-radius:3px; }
	.mapSearch select{height: 24px; float:left; margin: 0 10px 0 0;  border: 1px solid #CCC; font:500 12px 'tahoma','Dotum'; color:#444;}
	.mapSearch input{height:20px; float: left; border: 1px solid #CCC;margin: 0 5px 0 0; font:500 12px 'tahoma','Dotum'; color:#444;}
	.mapSearch .inputBtn{position:relative; cursor: pointer;  float:left; height:17px; padding:4px 10px 3px; background:#ebeff2 url('../images/tbl_grid_thbg.png') repeat-x 0 0; border:1px solid #cfcfcf; border-radius:2px; color:#333; font:600 12px 'NanumGothicBold';  margin-right:5px;}
	.mapSearch input .disable{background:#e5e5e5; }
	.mapSearch .item{float:left;}
	.mapSearch label{float:left; font:600 12px 'NanumGothicBold'; color:#555; padding:5px 6px 0 ;}
 	.mapSearch .cal{display:inline-block; width:255px;}
	.mapSearch .calDay{padding-right:20px}
	.mapSearch .sel{float:left;}
	.mapSearch .sel_period{float:left; font:500 12px 'tahoma'; padding:2px 2px 0 2px }
	.mapSearch .sel_txt_date{float:left; font:500 12px 'NanumGothicBold'; margin:4px 5px 0 -5px}
	.mapSearch .sch_ti{float:left; color:#2f76ac; font:700 12px 'NanumGothicBold'; padding:4px 5px 0 15px}

	.mapSearch .searchBtnArea{display:inline-block; float:left; margin-top:10px;  border-top:1px solid #f9f9f9; padding-top:6px;}
	.mapSearch .searchBtnArea img{vertical-align:middle;}
	.mapSearch .searchBtnArea .searchBtn{display:inline-block; height:21px !important; padding:3px 20px 3px 15px ; font-size:14px; }
	.mapSearch .searchBtnArea .searchBtn span{float:left; color:#e37948;}
	.mapSearch .searchBtnArea .searchBtn em{float:left; padding:2px 0 0 3px; }

	.subContainer .controls .item .chks {float:left;}
	.subContainer .controls .item .chks ul li {float: left; vertical-align:middle;}
	.subContainer .controls .item .chks input {position:relative; vertical-align:middle;}
	.subContainer .controls .item .chks label {position:relative; vertical-align:middle; display:inline-block}
	.subContainer .controls .control_btns {float:left; width:80px; height:82px;}
	.subContainer .result {clear:both;width:780px; height:390px; background-color: #fff;margin-left:10px; padding: 10px 10px; overflow:auto;}
	
	.fdwnSearchBtnArea{display:inline-block; float:right;}
	.fdwnSearchBtnArea img{vertical-align:middle;}
	.fdwnSearchBtnArea .searchBtn{display:inline-block; height:21px !important; padding:3px 20px 3px 15px ; font-size:14px; }
	.fdwnSearchBtnArea .searchBtn span{float:left; color:#e37948;}
	.fdwnSearchBtnArea .searchBtn em{float:left; padding:2px 0 0 3px;}	

/* 구간속도 배경 변경 - 2015.12.18 정재윤*/
/* 수정 float:left width 440 -> 430 height:400에서 416 - 2015.12.18 정재윤 */	
	.chartArea{float:left; display:block; width:430px;margin-left:10px; margin-top:20px; height:416px; position:relative;}
	
	/* 영업소별이용차량 : 다중선택 */
	#officeDiv {/*position: absolute;*/	display: none;/*width: 197px !important; height: 200px !important;*/ overflow: hidden !important; background: white; z-index: 99999999999999; border: solid 1px #c0c0c0; padding: 0px !important;}
	#officeDiv .toolbar {padding: 3px;	margin: 0px; float: left; position: relative; width: 194px;	overflow: hidden; text-align: right; background: #e5e5e5;}
	#officeDiv .toolbar #unCheckedBtn {width: 80px;	height: 20px; border: solid 1px #c0c0c0; background: white;	color: #666666;	text-align: center;	margin: 0px; padding: 0px; cursor: pointer;}
	#officeDiv ul {float: left;	position: relative;	overflow-x: hidden;	overflow-y: auto; width: 178px;	height: 119px;	margin: 0px; padding: 10px;}
	#officeDiv ul .cb { float: left; width: 20px; height: 20px;	line-height: 20px; margin: 3px 5px;}
	#officeDiv ul .text { float: left; width: 120px; height: 20px; line-height: 20px; margin: 3px 0px;}
	#timeLogComment {padding: 0px; margin:30px 0px 5px;	width: 350px; height: 220px; overflow: hidden; border-top:2px solid #6195d0; border-bottom:1px solid #6195d0}
	#timeLogComment ul { padding: 0px; width: 370px; height:220px; overflow: hidden;}
	#timeLogComment ul .ti {padding: 8px 10px 8px 20px; width: 370px; line-height: 20px;	font-weight: bold; overflow: hidden; background:#efefef url(../images/ico_detail_arrow.png) 10px center no-repeat;}
	#timeLogComment ul .content { padding: 8px 0px 8px 10px; width: 360px; line-height: 20px; overflow: hidden;  border-bottom:1px solid #dadada;}
	#timeLogComment ul .legend { padding:8px 0px 8px 0px; width: 360px; line-height: 20px; overflow: hidden; border-bottom:1px solid #dadada;}
	#timeLogComment ul .legend ul { padding: 0;	margin: 0 0 0 20px; overflow: hidden;}
	#timeLogComment ul .legend ul .box { float: left; line-height: 20px; height: 20px;}
	#timeLogComment ul .legend ul .box div {width: 12px; height: 12px; border: solid 1px #c0c0c0; margin: 2px 0 0 0;}
	#timeLogComment ul .legend ul .text { float: left; line-height: 20px; height: 20px;	margin-right: 10px;}
	
	/* 연,일단위통행특성자료 : 구간 다중선택 */
	#conzoneDiv {/*position: absolute;*/	display: none;/*width: 197px !important; height: 200px !important;*/ overflow: hidden !important; background: white; z-index: 99999999999999; border: solid 1px #c0c0c0; padding: 0px !important;}
	#conzoneDiv .toolbar {padding: 3px;	margin: 0px; float: left; position: relative; width: 294px;	overflow: hidden; text-align: right; background: #e5e5e5;}
	#conzoneDiv .toolbar #unCheckedBtn {width: 80px;	height: 20px; border: solid 1px #c0c0c0; background: white;	color: #666666;	text-align: center;	margin: 0px; padding: 0px; cursor: pointer;}
	#conzoneDiv ul {float: left;	position: relative;	overflow-x: hidden;	overflow-y: auto; width: 278px;	height: 315px;	margin: 0px; padding: 10px;}
	#conzoneDiv ul .cb { float: left; width: 20px; height: 20px;	line-height: 20px; margin: 3px 5px;}
	#conzoneDiv ul .text { float: left; width: 220px; height: 20px; line-height: 20px; margin: 3px 0px;}
	
	/* 권역별 이용차량 지도 */
	#imageMap { width:330px; height:280px; padding:10px; }
	
	/* 차트, 테이블 로딩 */
	#loading_chart, #loading_table {display: block; width:400px; height: 400px;  z-index: 999; font:600 12px 'tahoma', 'NanumGothicBold';}
	#loading_chart img, #loading_table img { position: absolute; z-index: 2; width: 220px; height: 19px; left: 28%; top: 200px; visibility: visible;}

	/* 챠트 다운로드 버튼 */
	#chartDownBtn {	position: absolute;	width:25px;  height:25px;	background: url(../images/chart_save_button.png); z-index: 99; right:10px;	top: 10px; cursor: pointer;} 
	#chartDownBtn a { width: 25px; height: 25px; position: relative; float: left; background: none;}
	.esriTimeSlider { width: 332px !important;}

	
	/* 탭 메뉴 */
	.tab.line{padding:0 0 0 0;}
	.tab.line ul{position:relative;}
	.tab.line ul:after{content:"";display:block;clear:both;}
	.tab.line li{float:left;}
	.tab.line li a {position:relative; float:left; width:150px; height:30px; text-align:center; margin-left:1px; background:#efefef; border-top-left-radius:5px;  border-top-right-radius:5px; color:#666; font:500 14px 'tahoma','NanumGothicBold'; }
	.tab.line li a span{display:inline-block;height:14px;padding:6px 0px 6px 0px;cursor:pointer;}
/* 수정 float:left width 440ox에서 425 - 2015.12.18 정재윤 */		
	.tab.line li ul{width:425px; height:400px; background:#fff; position:absolute; top:30px ; left:0; list-style:none; white-space:nowrap; overflow:hidden;border:1px solid #e1e1e1; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px}
	.tab.line li ul:after{content:"";display:block;clear:both;}
	.tab.line li li{position:relative; overflow:visible;}
	.tab.line li li a{padding:0; margin:0; border:0 !important; color:#666 !important; background:transparent;}
	.tab.line li.active a{ background:#569140 url(../images/ico_detailview.png) no-repeat 45px center ; border-top-left-radius:5px;  border-top-right-radius:5px;  font:500 14px 'tahoma','NanumGothicBold';}
	.tab.line li.active a span{color:#ffffff !important;font-weight:bold;}
	.tab.line .chart {width:430px;  padding:5px}
/* 수정 float:left width 440ox에서 425 - 2015.12.18 정재윤 */		
	.tab.line .graph {width:405px;  padding:10px}
	.tab.line .graph h5 .table_t1,  .chartArea .table_t1{font:500 14px 'NanumGothicBold'; color:#000;}
	.tab.line .table{height:340px !important;}
	.graph .total{margin:5px 0 15px; float:right;}
 	.graph .total span{padding-right:7px;}

	/* 테이블의 색상 */
	.tb_yellow {background:#ffff00; color:#000 !important;}
	.tb_red {background:#ff0000;color:#fff !important;}
	.tb_brown {background:#fbbd94; color:#000 !important;}

	.mapArea .time_info { clear:both; text-align:center; width:340px !important;}
	/*.time_info .esriTimeSlider {width: 387px; overflow: hidden;}*/
	.mapArea .time_info .slide_bar {float:left; width:280px; margin-top:3px;}
	.mapArea .time_info .slide_bar p {margin:5px 0 0 5px; color:#000;}
	.mapArea .time_info .slide_control {float:left;width:60px; margin:4px 3px 0-0;}
	.mapArea .time_info .play {float:left;}
	.mapArea .time_info .prev {float:left;margin:3px 3px 0 0;}
	.mapArea .time_info .next {float:left;margin:3px 0 0 0;}
	.mapArea .time_info .time {clear:both;}
	.mapArea .time_info .play a,
	.mapArea .time_info .prev a,
	.mapArea .time_info .next a {cursor:pointer;}

	.chk_container {width:420px; padding-top:3px;}
	.chk_container label{padding:2px 0 0 0px; font-weight:lighter !important; color:#777}
	.chk_container input{ margin-left:10px  !important; }
	.chk_container input[type=checkbox]{border:none;}

.trafficReal_map {float:left; width:380px; padding:0 5px 20px 3px;}
.trafficReal_map h5{clear:both; display:inline-block;color:#20252b;  }
.trafficReal_map h5 strong{float:left; font:700 15px 'NanumGothicBold'; padding-top:2px;}
.trafficReal_map h5 span{float:left; text-indent:10px; padding-right:3px;  }
.trafficReal_map .map {width:360px !important; height:448px !important;}

/*데이터조회-실시간 교통현황 */
.trafficReal_map .map_container {float:left; width:362px; margin:10px 0 0 10px; height:590px !important; clear:both; background:#fafafa; border-radius:5px;  -moz-box-shadow:0px 1px 1px #bbb; -webkit-box-shadow: 0px 1px 1px #bbb;; box-shadow: 0px 1px 1px #bbb; padding:5px;}
.trafficReal_map .map_container2 {float:left; width:362px; margin:10px 0 0 10px; height:580px !important; clear:both; background:#fafafa; border-radius:5px;  -moz-box-shadow:0px 1px 1px #bbb; -webkit-box-shadow: 0px 1px 1px #bbb;; box-shadow: 0px 1px 1px #bbb; padding:5px;}
.trafficReal_map .map_container .date {width:350px; display:inline-block; margin: 5px 10px 5px 6px; }
.trafficReal_map .map_container .date p{float: left; font:500 12px 'tahoma','NanumGothicBold'; padding: 5px 0 0 0px; color:#888}
.trafficReal_map .map_container .date ul {float: right;}
.trafficReal_map .map_container .date ul li {float: left;}
.trafficReal_map .map_container .mapSize{clear:both; width:390px; height:460px;}
.trafficReal_map .map_container .info {clear:both;padding: 15px 0 0 6px;}
.trafficReal_map .map_container .info_ti {background:url(../images/ico_detail_arrow.png) no-repeat 0 center; font:600 15px 'tahoma','NanumGothicBold'; color:#000; padding-left:8px;}
.trafficReal_map .map_container .info ul {display:block; height:40px; margin-top:10px;}
.trafficReal_map .map_container .info ul li {float:left;margin:0 10px 0 0;}
.trafficReal_map .map_container .info ul li img {padding-right: 5px;}
.trafficReal_map .map_container .info_txt{display:block; font:500 12px 'tahoma','NanumGothicBold';color:#e52c39; padding-left:10px; }


.trafficReal_map .time_info { clear:both;  text-align:center;}
/*.time_info .esriTimeSlider {width: 387px; overflow: hidden;}*/
.trafficReal_map .time_info .slide_bar {float:left;width:280px;height:17px; margin-top:10px;}
.trafficReal_map .time_info .slide_bar p {margin:5px 0 0 5px; color:#000;}
.trafficReal_map .time_info .slide_control {float:left;width:60px;height:37px;margin:4px 3px 0-0;}
.trafficReal_map .time_info .play {float:left;}
.trafficReal_map .time_info .prev {float:left;margin:3px 3px 0 0;}
.trafficReal_map .time_info .next {float:left;margin:3px 0 0 0;}
.trafficReal_map .time_info .time {clear:both;}
.trafficReal_map .time_info .play a,
.trafficReal_map .time_info .prev a,
.trafficReal_map .time_info .next a {cursor:pointer;}

/*게시판*/
.table {width:100%; border-collapse:collapse; border-style: outset; }
.table table{font:500 12px 'tahoma'; margin-top:8px !important;}
.table .total{margin:5px 0;}
.table .total em{color:#e52c39; font:500 12px 'tahoma';}
.table .total span{padding-right:7px;}
.table td.al{text-align:left;}
.table td{text-align:center;}
#divTooltip{display:block; background:#FFF; border:2px solid #6195d0; padding:6px 10px; font:500 12px 'NanumGothicBold'; letter-spacing:-1px;}
#divTooltip a{display:inline-block; width:65px;}
#divTooltip span{float:left; width:18px; padding-right:2px;}
#divTooltip em{float:left; padding:2px 0 0; }

.view td{text-align:left !important; border-left:1px solid #d6d6d6;}
.view th{ border-bottom:1px solid #d6d6d6;}

.tb2 {width:100%; border-top:1px solid #5e6673;}
/* 영업소별 융합정보 시각화(.tb2 th/ .tb2 td 이부분 ) min-width:40px; -> min-width:80px;- 2015.12.17 정재윤 */
.tb2 th {text-align:center;color:#FFF;padding:8px;background:#6195d0;}
.tb2 th.thd{background:#fafafa; color:#333; padding:7px 8px;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
.tb2 th.thd:first-child{ border-right:1px solid #d6d6d6;}
.tb2 th:first-child{border-bottom-left-radius:3px;border-right:none;}
.tb2 th:last-child{border-bottom-right-radius:3px; border-right:none;}
.tb2 td {text-align:center;padding:7px 8px;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
.tb2 td:last-child{border-right:none;}
.tb2 tr:hover, .hover { background: #e4effb; }


.tb3 {width:100%; border-top:1px solid #5e6673;}
/* 영업소별 융합정보 시각화(.tb3 th/ .tb3 td 이부분 ) min-width:40px; -> min-width:80px;- 2015.12.17 정재윤 */
.tb3 th {text-align:center;color:#FFF;padding:4px;background:#c0c0c0;}
.tb3 th.thd{background:#fafafa; color:#333; padding:7px 8px;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
.tb3 th.thd:first-child{ border-right:1px solid #d6d6d6;}
.tb3 th:first-child{border-bottom-left-radius:3px;border-right:none;}
.tb3 th:last-child{border-bottom-right-radius:3px; border-right:none;}
.tb3 td {text-align:center;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
.tb3 td:last-child{border-right:none;}
.tb3 tr:hover, .hover { background: #f2f2f2; }

.restRemark{width:754px; display:inline-block; margin:30px 0 10px 0; background:#f1f3f4; border-radius:3px; padding:10px 15px; }
.restRemark li{display:inline; margin:0 5px; }
.restRemark li label{ font:500 12px 'NanumGothicBold'; padding-top:15px;}
.restRemark li img{vertical-align:middle; padding-right:5px;  }


/*기본형TABLE*/
#listTable_wrapper {width:100%; margin:10px 0 0 0;}
#listTable_wrapper #listTable {width: 100% !important;	border-top:2px solid #145cad;  }
/* 데이터조회 -> 휴게소 페이지 표 수정(브랜드매장의 글자수가 늘어나면 화물휴게소 표가 두줄되는 현상 padding값 8->5으로 변경 )  - 2015.11.12 정재윤  */
#listTable_wrapper #listTable thead th {min-width:40px;text-align:center;color:#FFF;padding:10px 5px; background:#6195d0;  font:600 12px 'NanumGothicBold';}
#listTable_wrapper #listTable tbody td {padding:6px 8px;border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; line-height: 18px; }
#listTable_wrapper #listTable tr:hover, .hover { background: #e4effb; }
#listTable_wrapper #listTable tbody td:last-child {border-right:none;}
#listTable_wrapper #listTable tbody td.NUM {white-space: nowrap; text-align: center;}
#listTable_wrapper #listTable tbody td.title {cursor: pointer; word-break: break-all; text-align: left; font-weight:bold; width: 480px !important;}
#listTable_wrapper #listTable tbody td.file {white-space: nowrap; text-align: center;}
#listTable_wrapper #listTable tbody td.admin { white-space: nowrap; text-align: center;}
#listTable_wrapper #listTable tbody td.date { white-space: nowrap; text-align: center; }
#listTable_wrapper #listTable tbody td.oppubYn { white-space: nowrap; text-align: center;}
#listTable_wrapper #listTable tbody td.clsfcNm { white-space: nowrap; text-align: center;}

/* 공모전 게시판 댓글용 추가 - 2019.05.09 최대호 */
#listTable_wrapper #listTable tbody td.replCtnt {word-break: break-all; text-align: left; width: 480px !important;}
#listTable_wrapper #listTable tbody td.delBtn { white-space: nowrap; text-align: center; word-break: break-all; font-weight:bold;}

/*DATASET TABLE*/
#listTable_wrapper #listTable tbody td.SERVICE_NAME {word-break: break-all;	text-align: left;}
#listTable_wrapper #listTable tbody td.file { white-space: nowrap; text-align: center;}
#listTable_wrapper #listTable tbody td.READ_CNT {white-space: nowrap; text-align: center;}
#listTable_wrapper #listTable tbody td.REGIST_DATE { white-space: nowrap; text-align: center;}
#listTable_wrapper #listTable tbody td.SERVICE_TYPE { white-space: nowrap; text-align: center;}
#listTable_wrapper #listTable tbody td.SERVICE_TYPE span{padding-right:5px;}
#listTable_wrapper .bottom { margin: 25px 0 0 0; text-align: center;}
#listTable_wrapper .bottom #listTable_paginate a.first , #listTable_wrapper .bottom #listTable_paginate a.previous, #listTable_wrapper .bottom #listTable_paginate a.next, #listTable_wrapper .bottom #listTable_paginate a.last {cursor: pointer; margin: 0 3px;}
#listTable_wrapper .bottom #listTable_paginate span {text-align: center;}
#listTable_wrapper .bottom #listTable_paginate span a {cursor: pointer; margin: 0 3px;}
/* 노선별 주유소 정보 / 휴게소 편의시설 정보 및 페이징사이즈 css 수정 시작 - 2015.11.12 정재윤    */
#listTable_wrapper .bottom #listTable_paginate span a.paginate_active {cursor: pointer;  display:inline-block;margin:0 2px;width:28px;height:25px;line-height:25px;border:solid 1px #d0d0d0;vertical-align:middle; font-weight:bold; color:#fff; background-color:#0677bd !important;}
/* 노선별 주유소 정보 / 휴게소 편의시설 정보 및 페이징사이즈 css 수정 끝 - 2015.11.12 정재윤    */
#listTable_wrapper .bottom #listTable_paginate .paginate_button_disabled {color: #767676!important; cursor: default !important;}

#fileDownBtn {cursor: pointer; vertical-align:middle;}

/* dataset페이지 페이징 처리 및 페이징사이즈 css 수정 시작 - 2015.11.12 정재윤    */
#listTable_paginate{margin: 0 3px; text-align: center;  margin: 25px 0 0 0; font-family:'tahoma';}

#listTable_first{cursor: pointer; display:inline-block;margin:0 2px;width:28px;height:25px;line-height:25px;border:solid 1px #d0d0d0;vertical-align:middle; font-weight:bold;}
#listTable_first:hover{border:solid 1px #d0d0d0 !important; background-color:#fff !important;}
#listTable_previous{cursor: pointer; display:inline-block;margin:0 2px;width:28px;height:25px;line-height:25px;border:solid 1px #d0d0d0;vertical-align:middle; font-weight:bold;}
#listTable_previous:hover{border:solid 1px #d0d0d0 !important; background-color:#fff !important;}
#listTable_paginate span .paginate_button{cursor: pointer; display:inline-block;margin:0 2px;width:28px;height:25px;line-height:25px;border:solid 1px #d0d0d0;vertical-align:middle; }
#listTable_next{cursor: pointer; display:inline-block;margin:0 2px;width:28px;height:25px;line-height:25px;border:solid 1px #d0d0d0;vertical-align:middle; font-weight:bold;}
#listTable_next:hover{border:solid 1px #d0d0d0 !important; background-color:#fff !important;}
#listTable_last{cursor: pointer;  display:inline-block;margin:0 2px;width:28px;height:25px;line-height:25px;border:solid 1px #d0d0d0;vertical-align:middle; font-weight:bold;}
#listTable_last:hover{border:solid 1px #d0d0d0 !important; background-color:#fff !important;}

#listTable_length select{width:45px; height: 24px; border: 1px solid #CCC; font:500 12px 'tahoma','Dotum'; color:#444}
#listTable_paginate .paginate_button img{padding-top:9px;}
#listTable_paginate .paginate_button:hover {background-color:#0677bd; color:#fff;border:1px solid #0677bd;}
#listTable_paginate .current{background-color:#0677bd; color:#fff;border:1px solid #0677bd !important;font-weight:bold;}
/* dataset페이지 페이징 처리 및 페이징사이즈 css 수정 끝 - 2015.11.12 정재윤    */

#listTableBox{position:relative;}
.listTableBox1 #listTable_length{position:absolute; top:30px; right:0;}
.listTableBox2 #listTable_length{position:absolute; top:0px; right:0;}



#listTable_wrapper #listTable td.file_gr, #listTable_wrapper #listTable td.link_org, #listTable_wrapper #listTable td.api_blue{margin:0px 0 !important; padding:0px 0 !important;}

/* 게시판 보기 */
.bbs_view {clear:both; width:800px;min-height:100px;height:auto; border-top:2px solid #5e6673; font:500 12px 'tahoma','Dotum'}
.bbs_view th{text-align:center; color:#FFF; background:#6195d0; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; font:600 12px 'NanumGothicBold'}
.bbs_view td{word-break: break-all; line-height:20px; font-weight:lighter; border-bottom:1px solid #d6d6d6; padding:8px 12px}
.bbs_view td.bbs_view_title{font-weight:bold; color:#222;}
.bbs_view .input_title {width:610px;height:20px;vertical-align:middle;border:1px solid #ccc;margin-left:2px;margin-top:5px;}
.bbs_view textarea {border:1px solid #ccc;}
.bbs_view input[type=file] {margin:7px 0 0 10px;vertical-align:middle;}

#paging {display:inline-block;  width:800px; text-align:center; margin:20px 0 25px; font:500 11px 'tahoma','Dotum'}
#paging img {vertical-align:middle;}
#paging ul {text-align: center;margin-top:25px;}
#paging li {display: inline; vertical-align: middle; margin-right: 3px;  }
#paging li a {display:-moz-inline-stack; display: inline-block; vertical-align: middle; text-decoration: none; font:500 11px 'tahoma'; padding: 0px 5px; }
#paging li a.current { color: #fb8729; }
#paging li a:hover { color: #333;}
#paging li a:active, #paging li a.current:active { color: #2a539e; }
#paging li a.current:hover { color: #fb8729; }

/* 다운로드 목록 */
.download {width: 800px; border-top:2px solid #5e6673;}
.download th {text-align:center; color:#FFF; padding:3px 8px; background:#6195d0; font:600 12px 'NanumGothicBold';}
.download th:last-child {border-right:none;}
.download td { text-align:center; color:#666; padding:10px; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.download td a{text-decoration:underline; color:#222;}
.download td:last-child {border-right:none;}
.download td.thead {color:#000;}

.download .bg1 {background-color:#ebfbff;}
.download .bg2 {background-color:#f4eefe;}
.download .bg3 {background-color:#faffe8;}
.download .bg4 {background-color:#fff2e8;}
.download_sub {margin:0 !important;padding:0 !important;}
.download_sub_in {width:100%;}
.download_sub_in td {border-bottom: none; }
.download_view {clear:both; width:800px; border-top:2px solid #5e6673; font:500 12px 'tahoma','Dotum'}

.dataLevel3 {padding: 0px !important; }
.dataLevel3 table {width: 100%; margin: 0px !important;}
.dataLevel3 table td {border-bottom: 0px;}

/* 다운로드 보기 */
.download_view .a_tl {float:left;width:194px;height:34px;text-align:center;line-height:33px;color:#34639a;text-align:center;font-weight:bold;background:#e4effb;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6; font-family:NanumGothicBold}
.download_view .a_tr {float:left; width:605px; height:34px;color:#34639a;line-height:33px;text-align:center;font-weight:lighter;background:#e4effb;border-bottom:1px solid #d1d1d1; font-family:NanumGothicBold}

.download_view .a_tl2 {float:left;width:194px; height: 85px; overflow: hidden;text-align:center;line-height:85px;color:#34639a;text-align:center;font-weight:bold;background:#e4effb;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1; font-family:NanumGothicBold}
.download_view .a_tr2 {padding: 10px; text-align: left !important; float:left;width:582px; height: 65px; overflow: hidden;color:#333;line-height:17px;text-align:center;font-weight:lighter;border-bottom:1px solid #d1d1d1;}

.download_view .a_dl {float:left;width:194px;height:34px;text-align:center;text-align:center;line-height:33px;color:#34639a;font-weight:bold;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.download_view .a_dr {float:left;width:204px;height:34px;text-align:center;line-height:33px;color:#333;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}

.download_view .a_cdtl {float:left;width:94px;height:34px;text-align:center;line-height:33px;color:#34639a;text-align:center;font-weight:bold;background:#e4effb;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
.download_view .a_cdtr {float:left;width:294px;height:34px;color:#34639a;line-height:33px;text-align:center;font-weight:bold;background:#e4effb;border-right:1px solid #d6d6d6;border-bottom:1px solid #d1d1d1;}
.download_view .a_cdl {float:left;width:94px;height:34px;text-align:center;text-align:center;line-height:33px;color:#34639a;font-weight:bold;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.download_view .a_cdr {float:left;width:200px;height:34px;text-align:center;line-height:33px;color:#34639a;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.download_view .test {float:left;width:464px;height:24px;text-align:center;/*line-height:1px;*/color:#34639a;border-bottom:1px solid #d1d1d1; text-align: left; padding: 10px 10px 0 10px;}

.download_view .data_str {}
.download_view .data_str .a_tl {float:left;width:194px;height:200px;text-align:center;line-height:33px;color:#34639a;text-align:center;font-weight:bold;background:#e4effb;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
.download_view .data_str .a_tr {float:left;width:605px;height:34px;color:#34639a;line-height:33px;text-align:center;font-weight:lighter;background:#e4effb;border-bottom:1px solid #d1d1d1;}
.download_view .data_str .a_tr .itm1 {float:left;width:290px;border-right:1px solid #d6d6d6;}
.download_view .data_str .a_tr .itm1 .title,
.download_view .data_str .a_tr .itm2 .title {font-weight:bold;}
.download_view .data_str .a_tr .itm1 .info,
.download_view .data_str .a_tr .itm2 .info {height:167px;border-bottom:1px solid #d1d1d1;}

.download_view .data_str .a_tr .itm2 {float:left;width:290px;}
.download_view .data_str .a_tr .itm1 ul,
.download_view .data_str .a_tr .itm2 ul {padding:15px 15px;}
.download_view .data_str .a_tr .itm1 ul li,
.download_view .data_str .a_tr .itm2 ul li {line-height:20px;text-align:left;}

.download_view .no_border {border-right: none;}
.download_view .a_hl {float:left;width:129px;height:34px;text-align:center;line-height:33px;color:#666;background:#eeeeee;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.download_view .a_hr {float:left;width:119px;height:34px;text-align:center;line-height:33px;color:#666;border-bottom:1px solid #d1d1d1;}
.download_view .a_cl {float:left;width:194px;min-height:90px;height:auto;text-align:center;line-height:33px;color:#34639a;font-weight:bold;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.download_view .a_cr {float:left;width:545px;min-height:70px;height:auto;line-height:15px;padding:10px 20px;color:#34639a;font-weight:lighter;border-bottom:1px solid #d1d1d1;}
.download_view .a_fl {float:left;width:129px;height:34px;text-align:center;line-height:33px;color:#666;background:#eeeeee;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.download_view .a_fr {float:left;width:650px;height:34px;font-weight:lighter;line-height:33px;text-indent:20px;border-bottom:1px solid #d1d1d1;}
.download .input_title {width:610px;height:20px;vertical-align:middle;border:1px solid #ccc;margin-left:2px;margin-top:5px;}
.download_view textarea {border:1px solid #ccc;}
.download_view input[type=file] {margin:7px 0 0 10px;vertical-align:middle;}
.download_view .aw_cl {float:left;width:129px;height:324px;text-align:center;line-height:33px;color:#666;background:#eeeeee;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.download_view .aw_cr {float:left;width:610px;height:304px;line-height:15px;padding:10px 20px;font-weight:lighter;border-bottom:1px solid #d1d1d1;}
.download_view .calendar {margin: -2px 0 0 3px;}

.dn_table {width:100%;border-top:2px solid #579ed6;}
.dn_table th {text-align:center;color:#34639a;;padding:10px 10px;background:#e4effb;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
.dn_table th:last-child {border-right:none;}
.dn_table td {vertical-align: middle; min-width:40px;text-align:center;line-height:17px;color:#858585;padding:10px 10px;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
.dn_table td:last-child {border-right:none;}
.dn_table .color1 {color:#3a3f52;}
.dn_table .color2 {}
.dn_table .color3 {}
.dn_table tr:hover, .hover { background: #f5f5f5; }

.download_file {clear:both; width:800px; margin-top:20px; height:60px; border-top:2px solid #5e6673; font:500 12px 'tahoma','Dotum'}
.download_file .title {padding:0 ; text-align: center;height:30px;background:#e4effb;border-bottom:1px solid #d1d1d1;}
.download_file .title h6 {font-size:12px; color:#000;line-height:30px;}
.download_file .d_t {width:800px;border-bottom: 1px solid #d1d1d1;text-align:center;line-height:33px;color:#34639a;text-align:center;font-weight:bold;background:#e4effb; font-family:NanumGothicBold}
.download_file .d_l {float:left;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;width:194px;height:34px;text-align:center;line-height:33px;color:#34639a;background:#e4effb; font-family:NanumGothicBold}
.download_file .d_r {float:left;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;width:194px;height:34px;text-align:center;line-height:33px;color:#333;background:#fff;}
.download_file .f_l {float:left;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;width:194px;height:34px;text-align:center;line-height:33px;color:#34639a;background:#e4effb; font-family:NanumGothicBold}
.download_file .f_r {float:left;width:214px;height:34px;text-align:center;line-height:33px;color:#333;background:#fff;border-bottom:1px solid #d1d1d1;}
.download_file .f_l2 {clear:both;float:left;border-bottom:1px solid #d1d1d1;border-right:1px solid #d1d1d1;width:194px;height:34px;text-align:center;line-height:33px;color:#34639a;background:#e4effb; font-family:NanumGothicBold}
.download_file .f_r2 {float:left;border-bottom:1px solid #d1d1d1;width:605px;height:34px;text-align:center;line-height:33px;color:#333;}
.download_file .f_l3 {clear:both;float:left;background:#e4effb;border-bottom:1px solid #d1d1d1;border-right:1px solid #d1d1d1;width:194px;height:34px;text-align:center;line-height:33px;color:#34639a;}
.download_file .f_r3 {float:left;border-bottom:1px solid #d1d1d1;width:585px;height:34px;text-align:center;line-height:33px;color:#333;}
.download_file .no-border {border-right:none !important;}
.btns {clear:both; width:300px;margin:30px auto;}
.btns .btn_download {margin-right: 10px;}  
.btns .btn_list {margin-left: 10px;}



/* 검색영역 */
/* 대기 오염 시각화 margin-bottom: 6px; 추가 - 2015.12.17 정재윤 */
.tableSearch {clear:both; width:766px; display:inline-block; padding:13px 10px 13px; background:#e4effb; border-radius:3px; letter-spacing:-1px; margin-bottom: 6px;}
.V_tableSearch {clear:both; width:766px; display:inline-block; padding:0px 10px 13px; background:#e4effb; border-radius:3px; letter-spacing:-1px; height:45px;}
.V_tableSearch .day{float:left;}
.tableSearch .divSearch {float: right;	overflow: hidden;}
.tableSearch select{height: 24px; float:left; margin: 0 5px 0 0; height: 21px; padding:0 0 2px 0; color:#444; font:500 12px 'Dotum';}
.tableSearch input{height:20px; float: left; border: 1px solid #CCC;margin: 0 5px 0 0; font:500 12px 'tahoma','Dotum'; color:#444;}
.tableSearch .item{float:left;}
.tableSearch label{float:left; font:600 12px 'NanumGothicBold'; color:#555; padding:3px 6px 0 ;}
.tableSearch .item .day{float:left; margin-right:5px;}
.tableSearch .item .prev_day {float:left; margin-right:5px;}
.tableSearch .item .itembox{float:left;}
.tableSearch .item  .next_day{float:left;}
.tableSearch .ti{color:#000;}
.tableSearch .chk{margin-right:10px}
.tableSearch .chk label{padding:6px 0 0 3px !important; margin-right:3px}
.tableSearch .chk input[type=checkbox]{margin:2px 0 0 5px !important;}
.tableSearch .termItem{}
.tableSearch .termItem input[type=radio]{margin:2px 0 0 5px !important;}
.tableSearch input[type=checkbox], .tableSearch input[type=radio]{border:none;}
.tableSearch .termItem label{padding:5px 3px 0 0 !important;}
.tableSearch .cal{display:inline-block; width:250px; }
.tableSearch .calDay{padding-right:20px}
.tableSearch .sel{float:left;}
.tableSearch .sel_period{float:left; font:500 12px 'tahoma'; padding:2px 2px 0 2px }
.tableSearch .sel_txt_date{float:left; font:500 12px 'NanumGothicBold'; margin:4px 5px 0 -5px}
.tableSearch .sch_ti{float:left; color:#2f76ac; font:700 12px 'NanumGothicBold'; padding:4px 5px 0 15px}

/* 달력 */
.caren {background-color:#EDEDED; height:21px; 
border:1px #ccc solid; text-align:center; padding:0 2px; width:88px; vertical-align:top; }

/*select 우측정렬 */
.tableOrder {width: 786px; text-align: left; padding:15px 0 0; position:relative;}
.tableOrder .divOrder {	float: right; overflow: hidden; }
.tableOrder .divOrder2 {position:absolute; right:50px; top:30px}
/*.tableOrder .divOrder2 select{margin-top:10px;}*/
.tableOrder select#orderType {width:90px; height: 24px; float:left; border: 1px solid #CCC; font:500 12px 'tahoma','Dotum'; color:#444}

.tableOrder .remark{ width:295px; display:inline-block; background:#f1f3f4; border-radius:3px; padding:8px 15px; margin-top:5px}
.tableOrder .remark li{display:inline;}
.tableOrder .remark li span{float:left; margin:0 5px 0 10px; }
.tableOrder .remark li label{float:left; font:500 12px 'NanumGothicBold'; padding-top:3px; margin-right:10px}

/*OpenAPI*/
.operation_chart th {text-align:center; color:#FFF; padding:7px 15px;background:#6195d0; border-top:2px solid #5e6673; border-bottom:1px solid #b6cce5; font:600 12px 'NanumGothicBold';}
.operation_chart th.btnone{border-top:none;}
.operation_chart th.leftLine{border-left:1px solid #b6cce5;}
.operation_chart td {padding:7px 13px; vertical-align:middle;line-height:15px; color:#666666;border:1px solid #d8d8d8;}
.operation_chart td.ti{background:#e4effb !important; text-align:center; font-weight:bold; }
.operation_chart td:first-child {border-left:none;}
.operation_chart td:last-child {border-right:none;}
.operation_chart tr:hover, .hover { background: #f5f5f5; }
.imgGap {padding-top:60px;padding-bottom:60px;}

/*인증키 발급*/
.operation_key th {text-align:center; color:#FFF; padding:7px 15px;background:#6195d0; width:60px; border-bottom:1px solid #b6cce5; font:600 12px 'NanumGothicBold';}
.operation_key th.btnone{border-top:none;}
.operation_key th.leftLine{border-left:1px solid #b6cce5;}
.operation_key td {padding:7px 8px; width:200px; vertical-align:middle;line-height:15px; color:#666666;border:1px solid #d8d8d8;}
.operation_key td.ti{background:#e4effb !important; text-align:center; font-weight:bold; }
.operation_key td:first-child {border-left:none;}
.operation_key td:last-child {border-right:none;}
.operation_key tr:hover, .hover { background: #f5f5f5; }
.imgGap {padding-top:60px;padding-bottom:60px;}

/*OpenAPI체험하기*/
.api_info {width:730px; height: auto; line-height:20px; padding:12px; background: #ebeff3; border-radius:5px; margin:0 0 0 20px;}
.api_info textarea{width:99%; height:150px; font-family:tahoma,'Dotum'; padding:5px}
.api_info xmp {font-family:tahoma,'Dotum'; font-size:12px; color:#666;}

.gr th{background:#92c861;}
.gr tr:hover, .hover {background: #e5f6d5;}
.gr th.thd{background:#fafafa; color:#333; padding:7px 8px;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}

.org th{background:#ffaa83;}
.org tr:hover, .hover {background: #f8e9e2;}
.gray1{background: #f0f0f0;}




/* 셀렉트 */
.sel_date {float:left;margin-right:41px !important;}
.sel_date input[type=text] {width:65px;height:20px;background:#fff;border:1px solid #bababa; color:#4d4d4d;line-height:19px;margin:0 0 0 5px;}
.sel_date img {vertical-align: top; cursor: pointer;}
.calendar {margin: -2px 0 0 3px;}
 
/* 다중 선택 */
.mSel{float: left; width: 87px; height: 20px; border: 1px solid #d0d0d0; background-color: #fff; margin-left: 4px; }
.mSel:after{ content:""; display:block; clear:both;}
.mSel .inset{ position:relative; overflow:visible; z-index:9999;}
.mSel .inset:after{ content:""; display:block; clear:both;}
.mSel ul{ float:left; list-style:none; margin:-1px 0; padding:0;}
.mSel ul:after{ content:""; display:block; clear:both;}
.mSel li{ position:relative; z-index:9999; float:left;}
.mSel a{ position:relative; float:left; padding:5px 0; margin-bottom:-1px; text-decoration:none !important; cursor:pointer;}
.mSel a span{ padding:0 10px; height:10px; color: #000; font-size:12px; font-weight:lighter; line-height:15px;}
.mSel a span .i{ display:inline-block; width:1px; height:8px; padding:0; margin:3px 0 0 0px; border:0 !important; font-size:0; line-height:0; overflow:hidden; vertical-align:top;}

/* Menu Major */
.mSel .major{ position:relative; z-index:9999; float:left;}
.mSel .major a{ overflow:hidden;}
.m2 a span {}
.mSel .major span{}

/* Menu Hover */
.mSel .major li.active{ z-index:9999; margin:0;}
.mSel .major li a:hover,
.mSel .major li a:active,
.mSel .major li a:focus{}
.mSel .major li.active a{}
.mSel .major li.active .i{ opacity:1; filter:none;}

/* Menu Active */
.mSel .major.m1 .m1,
.mSel .major.m2 .m2,
.mSel .major.m3 .m3,
.mSel .major.m4 .m4,
.mSel .major.m5 .m5 { z-index:9999; margin:0 -1px; border-left:1px solid; border-right:1px solid;}

.mSel .major.m1 .m1 a,
.mSel .major.m2 .m2 a,
.mSel .major.m3 .m3 a,
.mSel .major.m4 .m4 a,
.mSel .major.m5 .m5 a{ padding-left:1px; padding-right:1px;}


/* select Sub */
.mSel .major .sub{ position:absolute; top:100%; left:-1px; margin:0 0 0 0; display:none; min-width: 100px; width:auto; background: #fff;padding:10px 10px; border: 1px solid #d0d0d0;}
.mSel .major li.active .sub{ display:block;}
.mSel .major .sub ul{ margin:0; padding:1px;  border-top:0; background:#fff;}
.mSel .major .sub li{ width:100%; float:none; clear:both; display:block;margin:0;}
.mSel .major .sub a{ width:100%; float:none; clear:both; display:block; padding:0 !important; margin:0; background-image:none !important;}
.mSel .major .sub a span{ display:inline-block; height:auto; padding:5px 20px; font-weight:normal; color:#767676; border:0;}

.regStep_text{width:100%; height: 150px; border: 1px solid #ccc; margin: 10px 0; padding: 20px; resize:none; overflow: auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font:500 12px 'tahoma','NanumGothicBold'; color:#444; line-height:150%;}


/*융합데이터 시각화 */
/* .trafficReal_map .map_container {float:left; width:362px; margin:10px 0 0 10px; height:590px !important; clear:both; background:#fafafa; border-radius:5px;  -moz-box-shadow:0px 1px 1px #bbb; -webkit-box-shadow: 0px 1px 1px #bbb;; box-shadow: 0px 1px 1px #bbb; padding:5px;}
.trafficReal_map .map_container2 {float:left; width:362px; margin:10px 0 0 10px; height:580px !important; clear:both; background:#fafafa; border-radius:5px;  -moz-box-shadow:0px 1px 1px #bbb; -webkit-box-shadow: 0px 1px 1px #bbb;; box-shadow: 0px 1px 1px #bbb; padding:5px;}
.trafficReal_map .map_container .date {width:350px; display:inline-block; margin: 5px 10px 5px 6px; }
.trafficReal_map .map_container .date p{float: left; font:500 12px 'tahoma','NanumGothicBold'; padding: 5px 0 0 0px; color:#888}
.trafficReal_map .map_container .date ul {float: right;}
.trafficReal_map .map_container .date ul li {float: left;}
.trafficReal_map .map_container .mapSize{clear:both; width:390px; height:460px;}
.trafficReal_map .map_container .info {clear:both;padding: 15px 0 0 6px;}
.trafficReal_map .map_container .info_ti {background:url(../images/ico_detail_arrow.png) no-repeat 0 center; font:600 15px 'tahoma','NanumGothicBold'; color:#000; padding-left:8px;}
.trafficReal_map .map_container .info ul {display:block; height:40px; margin-top:10px;}
.trafficReal_map .map_container .info ul li {float:left;margin:0 10px 0 0;}
.trafficReal_map .map_container .info ul li img {padding-right: 5px;}
.trafficReal_map .map_container .info_txt{display:block; font:500 12px 'tahoma','NanumGothicBold';color:#e52c39; padding-left:10px; } */



/*데이터조회*/
.dtCheck2 {display:block; width:100%;}
	.mapAreaS{display:inline-block; width:780px; }
	.mapAreaS .map {float:left; width:770px; height:450px !important; clear:both; background:#fafafa; border-radius:5px;  -moz-box-shadow:0px 1px 1px #bbb; -webkit-box-shadow: 0px 1px 1px #bbb;; box-shadow: 0px 1px 1px #bbb; padding:5px;}
	.mapAreaS .imgMap{float:left; width:770px; height:310px !important; clear:both; background:#fafafa; border-radius:5px;  -moz-box-shadow:0px 1px 1px #bbb; -webkit-box-shadow: 0px 1px 1px #bbb;; box-shadow: 0px 1px 1px #bbb; padding:5px;}
	#mapDiv_layer0 {z-index:0;}
	.mapAreaS .tableS, .mapAreaS .timeLogComment {display:block; float:left; width:780px; }
	.mapAreaS .tableS th{padding:6px;}
	/*.mapAreaS .tableS .ti{ font:500 14px 'NanumGothicBold'; color:#6195d0;}*/
	.subContainer .sub_map_control {position:relative; top:-2px;}
	.subContainer .sub_map_control input[type=image] {position:relative; top:5px;}
	
/*시각화 css IC/JC별 대기오염정보 - 2015.12.16 정재윤*/

/*#tiguidemain{margin:0 auto;	width:305px; background-color:#fff; margin-top: -34px; margin-right: 200px;  border:1px solid #5e6673; }	
.tiguide th{text-align:center; padding:7px 15px; font:600 12px 'NanumGothicBold'; margin-top: -28px; margin-left: 265px;}
.color_1 img{margin-left: -19px; margin-top: -5px; position: absolute;}
.color_2 img{margin-left: -19px; margin-top: -5px; position: absolute;}
.color_3 img{margin-left: -19px; margin-top: -5px; position: absolute;}
.color_4 img{margin-left: -21px; margin-top: -5px; position: absolute;}*/
.mapAreaS .tableS {overflow:hidden;}
#table_title, #table_title2{margin-bottom:6px; width:100%; height:32px; margin-top:10px}
#table_title .ti, #table_title2 .ti{ font:500 15px 'NanumGothicBold'; color:#6195d0; float:left; display:block; margin-top:12px}
#btn_Search_box{float:right;}
#tiguidemain{float:left; border:1px solid #cdcdcd; width:290px; height:10px; padding:8px 10px 10px 10px; margin-left:5px; font:500 12px 'NanumGothic'}
#tiguidemain  p{float:left; width:80px; display:block; margin-right:10px; font-weight:bold;}
#tiguidemain .tiguidemain_list{ width:200px; display:inline-block; }
#tiguidemain .tiguidemain_list li{float:left; width:22%;}
#tiguidemain .tiguidemain_list li.last{width:32%}
#tiguidemain .tiguidemain_list li.small{width:15%}
#tiguidemain .tiguidemain_list li img{margin-right:3px; vertical-align:middle;}
#btn_Search_ti{float:left; } 
#btn_Search_ti a{background-color:#0677bd; color:#fff; font-size:12px;font-family:'NanumGothic'; width:70px; height:30px; text-align:center;
display:inline-block; line-height:29px; }

#ti_table{width: 100% !important;	border-top:2px solid #145cad; margin-top: 25px;}
#ti_table thead th {min-width:40px;text-align:center;color:#FFF;padding:10px 5px; background:#6195d0;  font:600 12px 'NanumGothicBold';}
#ti_table tbody td {padding:6px 8px;border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; line-height: 18px; }

/*시각화 css IC/JC별 대기오염정보 끝 - 2015.12.16 정재윤*/


.HeadScroll table{width:100%; border-top:1px solid #5e6673;margin-left:-1px;}
.HeadScroll table tbody, .HeadScroll table thead {display: block;}
.HeadScroll thead tr th{padding:8px;color:#fff;background:#6195d0;text-align:center;letter-spacing:-1px; }
.HeadScroll table tbody{height:190px; overflow-y:auto; overflow-x:hidden;padding: 1px;}
/*.HeadScroll table tbody tr{display:block;overflow:hidden;}*/
.HeadScroll tbody th{text-align:left; padding:8px;color:#666;font-weight:normal;border-bottom:1px solid #d6d6d6;border-left:1px solid #d6d6d6;}
.HeadScroll tbody td{padding:8px 10px 4px 8px;text-align:left;border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; /*float:left; display:block;*/}
.HeadScroll tbody td:last-child, thead th:last-child{border-right:none;}


.subContainer .sub_map_control input[type=image] {position:relative; top:5px;}
.rgtContS{ float:right; width:770px;}
.full {width:770px !important;}
.full .mapSearch{float:left !important; width:100% !important; margin:0px 0 0 10px !important;}
.full .chartArea{float:left !important; width:100% !important;}


/* 데이터 조회쪽 css부분이 위에 값이 같은게 있어서 주석처리 - 2015.12.18 정재윤  */
	/* 검색영역 
	.mapSearch {float:right; width:760px; display:inline-block; margin:5px 0 0 10px; padding:10px 10px 10px; background:#e7e7e7; border-radius:3px; }
	.mapSearch select{height: 24px; float:left; margin: 0 10px 0 0;  border: 1px solid #CCC; font:500 12px 'tahoma','Dotum'; color:#444;}
	.mapSearch input{height:20px; float: left; border: 1px solid #CCC;margin: 0 5px 0 0; font:500 12px 'tahoma','Dotum'; color:#444;}
	.mapSearch .inputBtn{position:relative; cursor: pointer;  float:left; height:17px; padding:4px 10px 3px; background:#ebeff2 url('../images/tbl_grid_thbg.png') repeat-x 0 0; border:1px solid #cfcfcf; border-radius:2px; color:#333; font:600 12px 'NanumGothicBold';  margin-right:5px;}
	.mapSearch input .disable{background:#e5e5e5; }
	.mapSearch .item{float:left;}
	.mapSearch label{float:left; font:600 12px 'NanumGothicBold'; color:#555; padding:5px 6px 0 ;}
 	.mapSearch .cal{display:inline-block; width:255px;}
	.mapSearch .calDay{padding-right:20px}
	.mapSearch .sel{float:left;}
	.mapSearch .sel_period{float:left; font:500 12px 'tahoma'; padding:2px 2px 0 2px }
	.mapSearch .sel_txt_date{float:left; font:500 12px 'NanumGothicBold'; margin:4px 5px 0 -5px}
	.mapSearch .sch_ti{float:left; color:#2f76ac; font:700 12px 'NanumGothicBold'; padding:4px 5px 0 15px}
	.mapSearch .sel .searchBtn{display:inline-block; height:21px !important; padding:3px 20px 3px 15px ; font-size:14px; }
	.mapSearch .sel .searchBtn span{float:left; color:#e37948;}
	.mapSearch .sel .searchBtn em{float:left; padding:2px 0 0 3px; }

	.mapSearch .searchBtnArea{display:inline-block; float:left; margin-top:10px;  border-top:1px solid #f9f9f9; padding-top:6px;}
	.mapSearch .searchBtnArea img{vertical-align:middle;}
	.mapSearch .searchBtnArea .searchBtn{display:inline-block; height:21px !important; padding:3px 20px 3px 15px ; font-size:14px; }
	.mapSearch .searchBtnArea .searchBtn span{float:left; color:#e37948;}
	.mapSearch .searchBtnArea .searchBtn em{float:left; padding:2px 0 0 3px; }	
*/

/* 공모전게시판 로그인 2019.05.09 최대호 */
.pbsbLoginDiv {clear:both; width:766px; display:inline-block; padding:13px 10px 13px; background:#e4effb; border-radius:3px; letter-spacing:-1px; margin-bottom: 6px;}
.pbsbLoginDiv table {margin:50px 0 10px 190px; padding:15px 20px 13px 12px; width:400px; border-top:1px solid #d6d6d6;}
.pbsbLoginDiv table td {width: 150px;text-align:center; color:#34639a; padding:10px 10px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.pbsbLoginDiv table th {width: 250px;vertical-align: middle; text-align:center; line-height:17px; background:#4F81BD; color:#FFFFFF; padding:10px 10px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.pbsbLoginDiv table td input {width: 200px; height:18px;vertical-align:middle; border: 1px solid #a9a9a9;}
.pbsbLoginDiv div {width: 766px; margin: 25px 0 50px 0px; text-align: center;}
.pbsbLoginDiv div button {width: 70px; height: 30px; border:1px solid #d6d6d6;}
.pbsbLoginDiv div button:hover { width: 70px; height: 30px; background:#ffc5ab; border:1px solid #ddb4a0; border-radius:2px;}

/* 공모전게시판 목록 2019.05.09 최대호 */
.replRqstY {background:#ffffd2;}

/* 공모전게시판 작성 및 수정 2019.05.09 최대호 */
.pbsbEditDiv {clear:both; width:766px; display:inline-block; padding:13px 10px 13px; background:#e4effb; border-radius:3px; letter-spacing:-1px; margin-bottom: 6px;}
.pbsbEditDiv table {margin:10px 0 0px 10px; padding:15px 20px 13px 12px; width:746px; border-top:1px solid #d6d6d6;}
.pbsbEditDiv table th {width: 100px; vertical-align: middle; text-align:center; line-height:17px; background:#4F81BD; color:#FFFFFF; padding:10px 10px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.pbsbEditDiv table td {width: 500px;text-align:center; color:#34639a; padding:10px 10px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.pbsbEditDiv table td input {width: 99%; height:20px;vertical-align:middle; border: 1px solid #a9a9a9;}
.pbsbEditDiv table td textarea {vertical-align:middle; border: 1px solid #a9a9a9;}
.pbsbEditDiv div {width: 746px; margin: 15px 0 5px 10px; text-align: center;}
.pbsbEditDiv div button {width: 70px; height: 30px; vertical-align:middle; border:1px solid #d6d6d6; margin: 0 5px 0 5px}
.pbsbEditDiv div button:hover { width: 70px; height: 30px; background:#ffc5ab; border:1px solid #ddb4a0; border-radius:2px;}

/* 공모전게시판 상세 2019.05.09 최대호 */
.pbsbDtlTable {clear:both; width:788px;min-height:100px;height:auto; border-top:1px solid #d6d6d6; font:500 12px 'tahoma','Dotum'}
.pbsbDtlTable th {text-align:center; color:#FFF; background:#6195d0; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; font:600 12px 'NanumGothicBold'}
.pbsbDtlTable td {word-break: break-all; line-height:20px; font-weight:lighter; border-bottom:1px solid #d6d6d6; padding:8px 12px}
.pbsbDtlTable td.pbsbDtlTitle {font-weight:bold;}
.pbsbDtlTable td textarea {vertical-align:middle; border:1px solid #ccc;}
.pbsbDtlsubDiv {width: 788px; margin: 15px 0 5px 0; text-align: center;}
.pbsbDtlsubDiv button {width: 70px; height: 30px; vertical-align:middle; border:1px solid #d6d6d6; margin: 0 5px 0 5px}
.pbsbDtlsubDiv button:hover { width: 70px; height: 30px; background:#ffc5ab; border:1px solid #ddb4a0; border-radius:2px;}
.pbsbDtlInputDiv {clear:both; width:768px; display:inline-block; padding:13px 10px 13px 10px; background:#e4effb; border-radius:3px; letter-spacing:-1px; margin: 15px 0 5px 0; text-align: center;}
.pbsbDtlInputDiv input {width: 700px; margin-right: 5px}

/* 상시 수요조사 게시판 작성 및 수정 2020.05.21 최대호 */
.dmndEditDiv {clear:both; width:766px; display:inline-block; padding:13px 10px 13px; background:#e4effb; border-radius:3px; letter-spacing:-1px; margin-bottom: 6px;}
.dmndEditDiv table {margin:10px 0 0px 10px; padding:15px 20px 13px 12px; width:746px; border-top:1px solid #d6d6d6;}
.dmndEditDiv table th {width: 100px; vertical-align: middle; text-align:center; line-height:17px; background:#4F81BD; color:#FFFFFF; padding:10px 10px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.dmndEditDiv table td {width: 500px; color:#34639a; padding:10px 10px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.dmndEditDiv table td input {width: 99%; height:20px;vertical-align:middle; border: 1px solid #a9a9a9;}
.dmndEditDiv table td select {width: 99%; height:25px;vertical-align:middle; border: 1px solid #a9a9a9;}
.dmndEditDiv table td textarea {width: 99%; vertical-align:middle; border: 1px solid #a9a9a9;}
.dmndEditDiv div {width: 746px; margin: 15px 0 5px 10px; text-align: center;}
.dmndEditDiv div button {width: 70px; height: 30px; vertical-align:middle; border:1px solid #d6d6d6; margin: 0 5px 0 5px}
.dmndEditDiv div button:hover { width: 70px; height: 30px; background:#ffc5ab; border:1px solid #ddb4a0; border-radius:2px;}