@charset "utf-8";


/*
.paging_wrap {margin-top:20px}
.paging_wrap .paging,
.paging_wrap .page_num {display:flex;align-items:center;justify-content:center;gap:6px}
.paging_wrap .paging a {display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:4px;text-align:center;font-size:13px;font-family:'Montserrat', sans-serif;color:#888888;transition:all .2s}
.paging_wrap .paging a:hover {background: #fafafa;text-decoration:underline}
.paging_wrap .paging .current {background:var(--black);color:var(--white)}
.paging_wrap .paging .btn {border:solid 1px #E8E8E8}
.paging_wrap .paging .btn.disabled {background:#F6F9FA}
.paging_wrap .paging .btn.disabled img {opacity:.5}
*/

/* 박갑귀 추가 */
.dataTables_paginate {margin-top:20px;display:flex;align-items:center;justify-content:center;gap:6px}
.dataTables_paginate span {display:flex;align-items:center;justify-content:center;gap:6px}
.dataTables_paginate a {display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:4px;text-align:center;font-size:13px;font-family:'Montserrat', sans-serif;color:#888888;transition:all .2s}
.dataTables_paginate a:hover {background: #fafafa;text-decoration:underline}
.dataTables_paginate .current {background:var(--black);color:var(--white)}
.dataTables_paginate .paginate_button {border:solid 1px #E8E8E8}
.dataTables_paginate .paginate_button.disabled {background:#F6F9FA}
.dataTables_paginate .paginate_button.disabled img {opacity:.5}
#listTable_length {display:none}

.none{display:none !important;}
/*
.float_right {float:right;}
*/
strong {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.tableSearch {clear:both; width:766px; display:inline-block; padding:13px 10px 13px; background:#e4effb; border-radius:3px; letter-spacing:-1px; margin-bottom: 6px;}
.tableSearch .item{float:left;}

TABLE.listype05 { width:90%; margin:4px auto; clear:both;}
TABLE.listype05 TR TH.maplegend_title_2 { color:#3A3A3A;text-align:left;line-height:15px;}
TABLE.listype05 TR TH.maplegend_title_3 { color:#3A3A3A;text-align:left;line-height:15px;border-bottom:1px solid #CCCCCC;}
TABLE.listype05 TR TD.maplegend2_1 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/index_color_1.png") no-repeat left;}
TABLE.listype05 TR TD.maplegend2_2 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/index_color_2.png") no-repeat left;}
TABLE.listype05 TR TD.maplegend2_3 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/index_color_3.png") no-repeat left;}
TABLE.listype05 TR TD.maplegend2_4 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/index_color_4.png") no-repeat left;}
TABLE.listype05 TR TD.maplegend2_5 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/index_color_5.png") no-repeat left;}
TABLE.listype05 TR TD.maplegend2_6 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/index_color_6.png") no-repeat left;}
TABLE.listype05 TR TD.maplegend2_7 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/index_color_7.png") no-repeat left;}
TABLE.listype05 TR TD.maplegend2_8 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/index_color_8.png") no-repeat left;border-bottom:1px dotted #CCCCCC;}
TABLE.listype05 TR TD.maplegend2_9 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/index_color_9.png") no-repeat left;border-bottom:1px dotted #CCCCCC;}
TABLE.listype05 TR TD.maplegend2_10 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/index_color_10.png") no-repeat left;}
TABLE.listype05 TR TD.maplegend2_11 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/index_color_11.png") no-repeat left;}
TABLE.listype05 TR TD.maplegend2_12 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/index_color_12.png") no-repeat left;}
TABLE.listype05 TR TD.maplegend2_13 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/index_color_13.png") no-repeat left;}
TABLE.listype05 TR TD.maplegend2_14 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/index_color_14.png") no-repeat left;}

TABLE.listype_inout { width:90%; margin:4px auto; clear:both;}
TABLE.listype_inout TR TH.maplegend_title_2 { color:#3A3A3A;text-align:left;line-height:15px;}
TABLE.listype_inout TR TH.maplegend_title_3 { color:#3A3A3A;text-align:left;line-height:15px;border-bottom:1px solid #CCCCCC;}
TABLE.listype_inout TR TD.maplegend2_15 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/main_in.png") no-repeat left;}
TABLE.listype_inout TR TD.maplegend2_16 { color:#3A3A3A;text-align:left;line-height:15px;padding-left:30px;background:url("../images/visual/img/main_out.png") no-repeat left;}

TABLE.listype04 { width:90%; margin:4px auto; clear:both; !important}
TABLE.listype04 TR TH.maplegend_title { color:#3A3A3A;text-align:left;line-height:25px;border-bottom:1px solid #CCCCCC;}
TABLE.listype04 TR TH.maplegend_title_1 { color:#3A3A3A;text-align:left;line-height:25px;}
TABLE.listype04 TR TD.maplegend_1 { color:#3A3A3A;text-align:left;line-height:25px;border-bottom:1px dotted #CCCCCC;padding-left:25px;width:50%;background:url("../images/visual/img/color_1.png") no-repeat left;}
TABLE.listype04 TR TD.maplegend_2 { color:#3A3A3A;text-align:left;line-height:25px;border-bottom:1px dotted #CCCCCC;padding-left:25px;width:50%;background:url("../images/visual/img/color_2.png") no-repeat left;}
TABLE.listype04 TR TD.maplegend_3 { color:#3A3A3A;text-align:left;line-height:25px;border-bottom:1px dotted #CCCCCC;padding-left:25px;width:50%;background:url("../images/visual/img/index_color_23.png") no-repeat left;}
TABLE.listype04 TR TD.maplegend_4 { color:#3A3A3A;text-align:left;line-height:25px;border-bottom:1px dotted #CCCCCC;padding-left:25px;width:50%;background:url("../images/visual/img/color_4.png") no-repeat left;}
TABLE.listype04 TR TD.maplegend_5 { color:#3A3A3A;text-align:left;line-height:25px;border-bottom:1px dotted #CCCCCC;padding-left:25px;width:50%;background:url("../images/visual/img/color_5.png") no-repeat left;}
TABLE.listype04 TR TD.maplegend_6 { color:#3A3A3A;text-align:left;line-height:25px;border-bottom:1px dotted #CCCCCC;padding-left:25px;width:50%;background:url("../images/visual/img/color_6.png") no-repeat left;}
TABLE.listype04 TR TD.maplegend_7 { color:#3A3A3A;text-align:left;line-height:25px;border-bottom:1px dotted #CCCCCC;padding-left:25px;width:50%;background:url("../images/visual/img/color_7.png") no-repeat left;}
/* 박갑귀 추가 */
#lay_out_contents {
	margin:0 auto;
	width:100%;
	position:relative;
	overflow:hidden;
	text-align:center;
}

.legend {table-layout:fixed;border-collapse:collapse;border-spacing:0; width:auto;}
#tiguidemain{float:left; border:1px solid #cdcdcd; width:290px; 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;}

.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; }

/* 한태상 검색창 autocomplite 기능 */
ui-menu-item{}
.ui-menu-item:hover{background: #49a868;color:#ffffff;}
.ui-menu-item:hover a{color:#ffffff;background: #49a868;}
.ui-menu .ui-menu-item{font-size : 18px;}

.ui-autocomplete{height:400px;overflow-y: auto;}

.item .mark {display:inline-flex;align-items:center;gap:0 4px;height:30px;border:solid 1px #E8E8E8;border-radius:30px;font-size:15px;padding:0 10px}
.li_level_4 .active a {color:#225AC6;}

/* 한태상 페이징 색상 */
.h_snb .depth_03 li a.active {color:#225AC6;font-weight:700;}
.dataTables_paginate .paginate_active {background:var(--black);color:var(--white)}
.dataTables_paginate .paginate_active a:hover {background: #fafafa;text-decoration:underline}
.dataTables_paginate .paginate_button a:hover {background: #fafafa;text-decoration:underline}

/* 통행시간지수 색상 asis 구조 - 2024.11.04 정유경 */
.tb_yellow{background:#FFFF00; color:#000;}
.tb_brown{background:#FBBD94;  color:#000;}
.tb_red{background:#FF0000; color:#FFF !important;}

/* 통행시간지수 색상 asis 구조 (집계표 위치에 table 스타일 전체 - 2024.11.04 정유경 */
#timeLogComment {padding: 0px; margin:30px 0px 5px;	width: 400px; height: 200px; overflow: hidden; float: right;}
#timeLogComment ul { padding-left: 0px; width: 400px; height:200px; overflow: hidden;}
#timeLogComment ul .ti {padding: 0px 0px 0px 0px; 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: 0px 0px 0px 0px; width: 360px; line-height: 20px; overflow: hidden;  border-bottom:1px solid #dadada;}
#timeLogComment ul .legend { padding:0px 0px 8px 0px; width: 395px; line-height: 20px; overflow: hidden;}
#timeLogComment ul .legend ul {margin: 0 0 0 0px;height:25px; 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: 16px; height: 20px;	margin-right: 10px;}


/* 2024.11.06 한태상 범레 수정 */
/* #timeLogComment ul .tit{width: 400px; height: 28px; background : #EFEFEF; padding:10px;} */
/* #timeLogComment ul .sub_tit{padding: 0px 0px 8px 0px; margin-bottom: 5px;} */
/* #timeLogComment ul .cont{padding-left: 10px;} */
/* #timeLogComment .layout_box > div + div {width: 100%; margin-top:8px;padding-top:5px} */
/* #timeLogComment .layout_box {height:300px; box-shadow:none; padding: 0px; float: left;} */

/* 2024.11.20 김지은 범레 수정 */
#timeLogComment ul .tit{width: 400px; height: 28px; background : #EFEFEF; padding:0px 0px 0px 10px;}
#timeLogComment ul .sub_tit{padding: 0px 0px 8px 0px; margin-bottom: 5px;}
#timeLogComment ul .cont{padding-left: 10px;}
#timeLogComment .layout_box > div + div {width: 100%; margin-top:8px;padding-top:5px}
#timeLogComment .layout_box {box-shadow:none; padding: 0px; float: left;}


/* 한태상 공지사항 이미지 수정 */
.bd_cont .img {display:flex; justify-content:center; align-items: center; margin-bottom:10px;}
.board_view .bd_cont .img img{margin:0px; width:100%; max-width:960px; max-height:1200px; height:auto;}

/* 2024.12.02 한태상 데이터분석요청 form 관련 */
#analReqForm .item .txtarea_box .consent-container {width: 100%; font-size: 15px;}
#analReqForm .item .txtarea_box .consent-container .consent-content {width: 100%;height: 200px;border: 1px solid #ccc; padding: 15px; overflow-y: scroll; background-color: #f9f9f9;line-height: 1.6;white-space: pre-wrap; }
#analReqForm .consent-content p {margin-top : 5px;}
#analReqForm .consent-checkbox {margin-top: 15px;display: flex;align-items: center;}
#analReqForm .consent-title {font-size: 20px;font-weight: bold;margin-bottom: 10px;}
#analReqForm .consent-radio-group {display: flex;align-items: center;justify-content: center;gap: 10px;}
#analReqForm .analReqTable{font-size: 14px;	}
#analReqForm .analReqTable span{font-size: 16px;}
.board_write .txtarea_box .analReqTable textarea{height: 120px;}
#analReqForm .analReqTable td{text-align: left;color: #000000;}