@charset "UTF-8";

.content {
	/*background: #929292;*/
}
/* 데시보드 탭 */
.tab {
    position:relative;
}
.tab-head {
    display: table;
    width: 100%;
    background-color: #575757;
    padding:0 15px;
  	height:40px;
  	border-bottom:1px solid #2A2A2A;
  	z-index: 99;
  	position: relative;
}
.tabNav {
		float:left;
    display: table-cell;
    vertical-align: bottom;
    font-size:1rem;
    padding:0;
		position: absolute;
		margin-top:6px;
		margin-bottom:-1px;
		height:34px;
}
.tabNav li {
    /*display:inline-block;*/
    float:left;
    list-style: none;
    padding:0;
    margin-left:2px;
}
.tabNav a {
	display:block;
	height:34px;
	line-height:34px;
	padding:0 12px;
	background-color: #2A2A2A;
	color:#fff;
}
.tabNav a:hover {
	background-color: #F3A808;
	color:#fff;
	text-decoration: none
}
.tabNav li.active a {
	background-color: #00A9E0;
	color:#fff;
}
.tabTool {
		float:right;
		display: table-cell;
		z-index: 1000;
		margin-top: 6px;
    margin-bottom: -1px;
		height:34px;
}
.tab-content {
	background: #929292;
	/* margin-bottom:-1rem; */
	/* height:calc(100vh - 130px); */
	overflow:auto;
}
.tab-content {
    /*min-height:calc(100vh - 90px);*/
    min-height: calc(100vh - 130px);
}
.content-body {
	/*min-height: 721px;*/
	/*min-height: 740px;*/
	/* min-height:calc(100vh - 90px); */
	/* min-height:100%; */
}
/* 검색조건설정 */
.searchFt {
	min-width:1170px;
    position:relative;
    background-color: #fff;
}
.searchFt-heading {
    display: table;
    width: 100%;
    height: 40px;
	padding:15px;
	padding-bottom:10px;
	border-bottom:1px solid #e5e5e5;
	background-color: #F5F5F5;
}
.searchFt-heading-title {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-size:15px;
    font-weight: bold
}
.searchFt-heading-tool {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}

.searchFt-heading__dark {
	background-color: #444;
	/*border-top:1px solid #00A9E0;*/
	border-bottom-color: #444;
}
.searchFt-heading__dark .searchFt-heading-title {
	color:#fff;
}

.sDivision-A {
	color: #fff;
	background-color: #F36E08;
	
    border-style: solid;
	border-color: rgba(0,0,0,0.15);
	
	display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 1.5;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	        border-radius: 4px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.sDivision-B {
	color: #fff;
	/*background-color: #97D700;*/
    background-color: #00A9E0;
	
    border-style: solid;
	border-color: rgba(0,0,0,0.15);
	
	display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 1.5;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	        border-radius: 4px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.searchFt-body {
	padding:12px;
	background-color: #F5F5F5;
}
.searchFt-body__dark {
	background-color: #333;
}

.searchFt-footer {
	padding:15px;
	border-top:1px dashed #CFCFCF;
	background:#F5F5F5;
}
.searchFt-footer__dark {
	background-color: #333;
}

.searchFt-footer__dark .title {
	color:#fff;
}
.searchFt-footer .sfft-col {
}
.searchFt-footer input {
    display:block;
}
.sfftBtn-tab {
	padding:0 .5rem;
	height:34px;
	background-color: #F5F5F5;
	border:0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom:1px solid #2A2A2A;
	font-size:12px;
}
.sfftBtn-tab > span,
.sfftBtn_close > span {
	display:inline-block;
	color:#575757;
}
.sfftBtn-tab > span::before,
.sfftBtn_close > span::before {
	display:inline-block;
	content: "";
	width:1px;
	height:12px;
	vertical-align: bottom;
	background-color: #707070;
	margin-right:4px;
	margin-bottom:1px;
}
.sfftBtn_close > span {
	color:#fff;}
.sfftBtn_close > span::before {
	background-color:#fff;}

.sfftBtn-tab.active {
	height:34px;
	background-color: #333;
	color:#fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom:1px solid #333;
}
.sfftBtn-tab.active > span::before {
	background-color: #fff;
}
.sfftBtn-tab.active > span {
	color:#fff;
}
.sfftBtn_close {
	display:none;
}
.sfftBtn_close.active {
	/*position:absolute;*/
	width:164px;
	height:34px;
	margin:0 auto;
	display:block;
	border:1px solid #595959;
	border-radius: 4px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	background-color: #2A2A2A;	
	color:#fff;
}
.searchFtCloseoff {
	color: #fff;
	background-color: #0072CE;
	
    border-style: solid;
	border-color: rgba(0,0,0,0.15);
	
	display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 1.5;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	        border-radius: 4px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.searchFtCloseoff.active {
	background-color: #F36E08;
}

.searchFt-footer .wrap {
	display:table;
	width:1170px;
	position:relative;
}
.sfft-row	{
	display:flex;
	margin-left:-7.5px;
	margin-right:-7.5px;
}
.sfft-col {
	padding-left:7.5px;
	padding-right:7.5px;
	float:left;
}
.sfft-col .title {
	padding-bottom:7px;
}
.sfft-col::before,
.sfft-col::after {
	display:block;content:"";clear:both;
}

.sfft-col {
	display:table-cell;
}

.searchFt_1 .sfft-date {width:178px;}
.searchFt_1 .sfft-map {display:none;}
.searchFt_1 .sfft-filter {width:871px;}
.searchFt_1 .sfft-btn {width:138px;}

.searchFt_1 .sfft-date_hira {width:400px;}
.searchFt_1 .sfft-map {display:none;}
.searchFt_1 .sfft-filter_hira {width:871px;}
.searchFt_1 .sfft-btn_hira {width:270px;}

.searchFt_2 .sfft-date {width:178px;}
.searchFt_2 .sfft-map {width:98px;}
.searchFt_2 .sfft-filter {width:776px;}
.searchFt_2 .sfft-btn {width:138px;}

.sfft .title {
	font-weight: bold;
}
.sfft .form-group	{
	margin-bottom:8px;
	height:30px;
}
.sfft .form-control	{
	height:30px;
}
.sfft .btn	{
	margin-bottom:8px;
}

.sfft .sfft-map .btn.active {
	background-color: #00A9E0;
	color:#fff;
}


.searchFt .form-row {
	display: flex;
    flex-wrap: wrap;
    margin-right: -6px;
    margin-left: -6px;
}
.searchFt .form-row > [class*="col-"] {
    padding-right: 6px;
    padding-left: 6px;
}
.form-col	{
	float:left;
	padding-left:2px;
	padding-right:2px;
}
.form-col .form-group	{
	margin-bottom:0;
}

[class^="form-col-"] {
	float:left;
	margin-top:-1px;
	margin-left:-1px;
	/* margin-left:2px; */
	margin-bottom:-1px;
}

[class^="form-col-"]:first-child {
	float:left;
	margin-top:-1px;
	/* margin-left:0; */
	margin-bottom:-1px;
}

.form-col [class^="form-col-"]:first-child .form-head {
	border-top-left-radius: 4px;
	border-top-color:#ccc;
	border-left-color:#ccc;
}
.form-col [class^="form-col-"] .form-head {
	border-top-color:#ccc;
}
.form-col [class^="form-col-"]:last-child .form-head {
	border-top-right-radius: 4px;
	border-top-color:#ccc;
	border-right-color:#ccc;
}
.form-col [class^="form-col-"]:first-child .form-body {
	border-bottom-left-radius: 4px;
	border-left-color:#ccc;
	border-bottom-color:#ccc;
}
.form-col [class^="form-col-"] .form-body {
	border-bottom-color:#ccc;
}
.form-col [class^="form-col-"]:last-child .form-body {
	border-bottom-right-radius: 4px;
	border-right-color:#ccc;
	border-bottom-color:#ccc;
}

@media(min-width:1221px){
	.form-col-1 {
		width:calc(6.25% + 1px);
	}
	.form-col-2 {
		width:calc(12.5% + 1px);
	}
	.form-col-3 {
		width:calc(18.75% + 1px);
	}
	.form-col-4 {
		width:calc(23% + 39px);
	}
	.form-col-5 {
		width:calc(31.25% + 1px);
	}
	.form-col-6 {
		width:calc(30.5% + 1px);
	}
	.form-col-7 {
		width:calc(43.75% + 1px);
	}
	.form-col-8 {
		width:calc(50% + 1px);
	}
	.form-col-9 {
		width:calc(56.25% + 1px);
	}
	.form-col-10 {
		width:calc(62.5% + 1px);
	}
	.form-col-11 {
		width:calc(68.75% + 1px);
	}
	.form-col-12 {
		width:calc(75% + 1px);
	}
	.form-col-13 {
		width:calc(81.25% + 1px);
	}
	.form-col-14 {
		width:calc(87.5% + 1px);
	}
	.form-col-15 {
		width:calc(93.75% + 1px);
	}
	.form-col-16 {
		width:calc(100% + 1px);
	}

	.form-col-five-1	{
		width:calc(20% + 1px);
	}
	.form-col-five-2	{
		width:calc(40% + 1px);
	}
	.form-col-five-3	{
		width:calc(60% + 1px);
	}
	.form-col-five-4	{
		width:calc(80% + 1px);
	}
	.form-col-five-5	{
		width:calc(100% + 1px);
	}

	/* .line_1	{
		width:calc(20% + 1px);
	}
	.line_2	{
		width:calc(40% + 1px);
	}
	.line_3	{
		width:calc(60% + 1px);
	}
	.line_4	{
		width:calc(80% + 1px);
	}
	.line_5	{
		width:calc(100% + 1px);
	} */

}

@media(max-width:1220px) {
	.form-col-1 {
		width:calc(6.25% + 1px);
	}
	.form-col-2 {
		width:calc(12.5% + 1px);
	}
	.form-col-3 {
		width:calc(18.75% + 1px);
	}
	.form-col-4 {
		width:calc(25% + 1px);
	}
	.form-col-5 {
		width:calc(31.25% + 1px);
	}
	/* .line_1	{
		width:calc(9.09% + 1px);
	}
	.line_2	{
		width:calc(9.09% + 1px);
	}
	.line_3	{
		width:calc(9.09% + 1px);
	} */
}

/* [class^="line_"]:hover .form-head {
	border-color:#E6F1FA;
	background:#E6F1FA;
}
[class^="line_"]:hover .form-body {
	border:1px solid #E6F1FA;
	background:#E6F1FA;
} */

.form-col {
	margin-top:-1px;
	margin-left:-1px;
	margin-bottom:-1px;
	font-size:12px;
}

.form-col:last-child {
	margin-right:-1px;
}
.form__line-right {
	margin-right:8px;
}
/* 오타 수정 form-head 삭제 -- */
.form-haed { 
	/* padding:7px; */
	font-weight: bold;
	border:1px solid #eee;
	height:34px;
	line-height:16px;
	background:#f5f5f5;
}
.form-haed label {
	display:block;
	padding:7px;
	width:100%;
	height:34px;
}
/* -- 삭제 */
.form-head {
	font-weight: bold;
	border:1px solid #e5e5e5;
	height:34px;
	line-height:16px;
}
.form-head label {
	display:block;
	padding:7px;
	width:100%;
	height:34px;
	cursor: pointer;
}
.form-head__default {
	border:1px solid #e5e5e5;
	background:#E6F7FC;
}
.form-head__primary {
	border:1px solid #DAEAEF;
	background:#E6F7FC;
}
.form-head__success {
	border:1px solid #C2D8CB;
	background:#CCE4D6;
}
.form-head__info {
	border:1px solid #C2D7E9;
	background:#CCE3F5;
}
.form-head__guide {
	border:1px solid #e1c0ff;
	background:#ebd4ff
}
.form-head__warning {
	border:1px solid #EEC9AC;
	background:#FCE2CE;
}
.form-body {
	padding:7px;
	border:1px solid #e5e5e5;
	border-top:1px solid #ddd;
}
.form-body__default {
	background:#fff;
}
.form-body__primary {
	background:#F8FDFF;
}
.form-body__success {
	background:#F2F8F5;
}
.form-body__info {
	background:#F2F8FC;
}
.form-body__warning {
	background:#fff;
}

.form-col:hover .form-head {
	background:#C2D5E5;
	border-color:#C2D5E5;
}
.form-col:hover .form-body {
	background:#E6F1FA;
	
}

/*추가*/
.searchFt_1 .filder_box_Hira {
	padding:.4rem 1rem;
	background-color: #fff;
	border:1px solid #cfcfcf;
	border-radius: 4px;
	height:34px;
}

.searchFt_1 .filder_box {
	padding:.4rem 1rem;
	background-color: #fff;
	border:1px solid #cfcfcf;
	border-radius: 4px;
	height:68px;
}
.searchFt_1 .filter_B {
	display:none;
}
.searchFt_2 .filder_box {
	padding:.6rem;
	background-color: #fff;
	border:1px solid #cfcfcf;
	border-radius: 4px;
	min-height:33px;
	font-size:12px;
}
.searchFt_2 .filter_A {
	border-bottom:1px dashed #cfcfcf;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.searchFt_2 .filter_B {
	margin-top:-1px;
	border-top:1px dashed #cfcfcf;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.input-group.input-text__start_date {
	/* width:calc(100% - 70px)!important; */
	background:#fff;
}
.input-group.input-text__start_date input {
	padding-left:60px;
	background:transparent;
}
.input-group.input-text__start_date::before {
	content:"From";
	font-size:90%;
	font-weight:bold;
	display:block;
	width:50px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 8px 12px 8px 8px;
	border-right:1px solid #eee;
	background:#fff;
}
.input-group.input-text__end_date {
	/* width:calc(100% - 70px)!important; */
	background:#fff;
}
.input-group.input-text__end_date input {
	padding-left:60px;
	background:transparent;
}
.input-group.input-text__end_date::before {
	content:"To";
	font-size:90%;
	font-weight:bold;
	display:block;
	width:50px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 8px 12px 8px 8px;
	border-right:1px solid #eee;
	background:#fff;
}


/* 

	Map Chart

*/

.highcharts-background,
.highcharts-credits {
	display:none;
}
#containerMap {
	margin-top:20px;
	width:100%;
	height:700px;
}


/*
	panel button
*/
.btn-reduce,
.btn-expand {
	display:none;
}
.r-panel-expand {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:10000;
}
.r-panel-expand .panel-body {
	overflow:auto;
	height:calc(100vh - 60px);
}
.r-panel-expand #containerMap {
	margin-top:20px;
	width:100%;
	/* height:900px; */
}
.r-panel-expand .highcharts-container {
	width:100% !important;
	min-height:800px !important;
}

/* .highcharts-container {
	width:100% !important;
	height:800px !important;
} */


/* .searchFt {
	display:none;
} */