@charset "utf-8";
/* 레이아웃 스타일 */
/*
파일명 layout.css
작성자 이규창
작성일자 15. 7. 30
*/

#WRAP {
	position:relative;
	
	width:100%;
	height:100%;

	min-width: 1280px;
	min-height: 800px;
	
	overflow:hidden;	
}

#FRAME_TOP {
	position:absolute;
	
	width:100%;
	height:50px;
	
	box-sizing:border-box;
	
	z-index:100;
	
	border-bottom:1px solid #555555;

	background-color: #383f52;
}

#FRAME_TOP #TOP_LOGO{
	margin-left:10px;
	padding-top:14px;
}

#FRAME_TOP #TOP_LOGO div{
	float:left;
}
#FRAME_TOP #TOP_LOGO .logoImg img{
	height:30px;
	transform: translateY(-5px);
}
#FRAME_TOP #TOP_LOGO .usingKind{
	margin-top:1px;
	margin-left:10px;
	padding:3px 6px;
	border-radius:3px;
	
	background-color:#828282;
	color:#ffffff;
	
	font-weight:bold;

	transform: translateY(5px);
}
#FRAME_TOP #TOP_LOGO .locationLogo{
	margin-left: 20px;
}
#FRAME_TOP #TOP_LOGO .locationLogo img{
	height:25px;
}
#FRAME_TOP #TOP_LOGO .locationLogo img,
.SUBPAGE .config_box .logo.logo_m img,
body .addOn .pop_box .pop_input .logo.logo_m img{
	filter: brightness(1000%);
}

#FRAME_TOP #TOP_LOG_INFO{
	position:absolute;
	right:380px;
	top:50%;
	margin-top:-15px;
	
	height:30px;
	line-height:30px;
}
#FRAME_TOP #TOP_LOG_INFO span {
	display:table-cell;
	vertical-align:middle;
	float:left;
	height:30px;
	line-height:30px;

	color:#ffffff;
}
#FRAME_TOP #TOP_LOG_INFO #spWeather, #FRAME_TOP #TOP_LOG_INFO #spLocation, #FRAME_TOP #TOP_LOG_INFO .spAdmin{
	font-size:14px;
	font-weight:bold;
	margin-right:2px;
}
#FRAME_TOP #TOP_LOG_INFO .spMore img{
	height:10px;
	margin-top:10px;
}
#FRAME_TOP #TOP_LOG_INFO .spIcon img{
	height:18px;
	margin-top:7px;
	margin-right:2px;
}
#FRAME_TOP #TOP_LOG_INFO #spWeatherIcon img{
	height:21px;
	margin-top:6px;
	margin-right:5px;
}
#FRAME_TOP #TOP_LOG_INFO .weatherSet, #FRAME_TOP #TOP_LOG_INFO .locationSet{
	margin-right:15px;
}
#FRAME_TOP #TOP_LOG_INFO .adminSet{
	cursor: pointer;
}

#FRAME_TOP #TOP_SEARCH{
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-15px;

	width: 332px;
	height: 30px;

}
#SEARCH_RESULT{
	position: absolute;
	right:10px;
	top:91px;

	width:332px;
	display: none;
}

#SEARCH_RESULT .section{
	background-color: #fff;
	margin-bottom:0px;
}

#SEARCH_RESULT .title{
	background-color: #3b5998;
	color:#fff;

	padding:4px 10px;
	box-sizing: border-box;

	font-weight: bold;
	font-size:11px;

	position: relative;
}
#SEARCH_RESULT .title .searched{
	position:absolute;
	display: inline-block;
	right:10px;

	color:#fff;
}
#SEARCH_RESULT .list li{
	padding:12px 10px;
	border-bottom:1px dashed #dfdfdf;
	cursor: pointer;
}
#SEARCH_RESULT .list li:last-child{
	border-bottom:none;
}
#SEARCH_RESULT .list li:hover{
	background-color: #fffce0;
}
#SEARCH_RESULT .list li .label {
	font-size:13px;
	margin-right:5px;
	display: inline-block;
}
#SEARCH_RESULT .list li .addinfo {
	font-family: tahoma;
	color:#bbb;
	font-size:11px;

	padding-left:5px;
	border-left:1px solid #f2f2f2;
	display: inline-block;
}
#SEARCH_RESULT .list li .addr {
	padding-top:3px;
	font-family: tahoma;
	color:#ccc;
	font-size:11px;
}
#SEARCH_RESULT .list li strong{
	color:#f20018;
}

#SEARCH_RESULT .page {
	text-align: center;
	margin-bottom:7px;
	position: relative;
	top:-5px;
}
#SEARCH_RESULT .page .page_jump{
	display: inline-block;
	width: 20px;
	text-align: center;
	cursor: pointer;
}
#SEARCH_RESULT .page .page_list{
	display: inline-block;
	text-align: center;

	position:relative;
	top:-1px;
}
#SEARCH_RESULT .page .page_list li{
	display: inline-block;
	width: 16px;
	position: relative;
	text-align: center;

	font-family: 'tahoma';
	font-size:10px;
	color:#aaa;

	cursor: pointer;
}
#SEARCH_RESULT .page .page_list li:hover{
	background-color: #f7f7f7;
}
#SEARCH_RESULT .page .page_list li.current{
	font-weight:bold;
	color:blue;
}
#SEARCH_RESULT #SR_NOT{
	width: 100%;
	height: 300px;
	line-height: 300px;

	text-align: center;

	font-weight:bold;
	display: none;

	margin-bottom:7px;
}

#SEARCH_RESULT #SR_NOT .keyword{
	color:#f20018;
}

#SEARCH_RESULT #SR_CLOSE button{
	color:#fff;

	width: 100%;
	padding:10px;

	text-align: center;
	background: #db0016;

	cursor: pointer;
}

#FRAME_MIDDLE {
	position:absolute;
	
	width:100%;
	height:calc(100% - 50px);
	
	top:50px;
	
	box-sizing:border-box;
}

#FRAME_MIDDLE #MID_LIST {
	position:absolute;
		
	left:0;
	
	width:370px;
	height:100%;
	
	max-width: 100%;
	
	border-right:1px solid #a7a7a7;  /* #a7a7a7 */
	
	box-sizing:border-box;
	
	z-index:50;
}
/**/
#FRAME_MIDDLE #MID_LIST #LIST_HEAD{
	height:30px;
	line-height:30px;
	
	width:370px;
	padding:0 0px;
	
	border-bottom:1px solid #a7a7a7;	
	background-color:#fafafa;
	
	font-size:13px;
	font-weight:700;
}
/*/
#FRAME_MIDDLE #MID_LIST #LIST_HEAD{
	height:25px;
	padding-top:15px;
	
	width:330px;
	width:calc(100% - 20px);	
	margin:0 10px;
	
	border-bottom:2px solid #a7a7a7;	
	
	font-size:14px;
	font-weight:bold;
}
/**/
#FRAME_MIDDLE #MID_LIST #LIST_HEAD label span{
	margin:0px;
}
#FRAME_MIDDLE #MID_LIST #LIST_HEAD label span input{
	top:2px;
}
#FRAME_MIDDLE #MID_LIST #LIST_HEAD .headTitle {
	display: inline-block;
	font-weight: bold;

	line-height: 30px;
}
#FRAME_MIDDLE #MID_LIST #LIST_HEAD .headTitle span:nth-child(1){
	cursor: pointer;
}
#FRAME_MIDDLE #MID_LIST #LIST_HEAD .headTitle span:nth-child(2){
	cursor: pointer;
	font-family:'Noto Sans KR';

	font-size:15px;
	color:#2a2a2a;
}
#FRAME_MIDDLE #MID_LIST #LIST_HEAD .headTitle img{
	display: inline-block;
}
#FRAME_MIDDLE #MID_LIST #LIST_HEAD .headTitle .btnFilter{
	display: inline-block;
	cursor: pointer;

	position: relative;
}
#FRAME_MIDDLE #MID_LIST #LIST_HEAD .headTitle .btnFilter img{
	width:16px;
}
#FRAME_MIDDLE #MID_LIST #LIST_HEAD .headTitle .btnFilterSlide{
	display: inline-block;
	cursor: pointer;

	height: 6px;

	position: relative;
	top:10px;
}
#FRAME_MIDDLE #MID_LIST #LIST_HEAD .headTitle .btnFilterSlide img{
	width:22px;
}
#FRAME_MIDDLE #MID_LIST #LIST_HEAD .headTitle .checkAll{
	margin: 0px;
	top:2px;
}

#FRAME_MIDDLE #MID_LIST #LIST_HEAD .headControl {
	display: inline-block;
	float:right;
	line-height: normal;
}

#FRAME_MIDDLE #MID_LIST #LIST_MAIN{
	width:369px;
	
	overflow: auto;
	position: relative;

	height: calc(100% - 112px);
		
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN tr.selRow{
	background-color: #fffcc7;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN tr.clkRow{
	background-color: #fffa90 !important;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN tr.clkRow:hover{
	background-color: #fffa90 !important;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN tr:hover{
	background-color: #ededed;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN tr.rptRow{
	background-color: #000;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN tr td{
	height:40px;
	border-bottom: 1px solid #eeeeee;
	cursor: default;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN tr td table{
	border:1px solid #f00;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN tr td label{
	display: inline-block;
	height: 16px;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN tr:last-child td{
	border-bottom:none;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN td{
	box-sizing: border-box;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmTitle{
	padding-left:3px;
	display: flex;
	align-items: center;
}

#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmTitle.tree_first{
	background-image: url(../images/mainlist/tree_dot_first.png);
	background-position: 7px center;
	background-repeat: no-repeat;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmTitle.tree_center{
	background-image: url(../images/mainlist/tree_dot_center.png);
	background-position: 7px center;
	background-repeat: no-repeat;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmTitle.tree_last{
	background-image: url(../images/mainlist/tree_dot_last.png);
	background-position: 7px center;
	background-repeat: no-repeat;
}

#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmTitle .btnGroup{
	background-color: transparent;
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-right: 1px;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmTitle .btnGroup.plus{
	cursor: pointer;
	background-image:url(../images/mainlist/icon_plus.svg);
	margin-right: 1px;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmTitle .btnGroup.minus{
	cursor: pointer;
	background-image:url(../images/mainlist/icon_minus.svg);
	margin-right: 1px;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmTitle .btnGroup.single{
	background-image:url(../images/mainlist/icon_single.svg);
	margin-right: 1px;
}

#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmTitle .custom-label, #FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmTitle .custom-label > span{
	display: flex;
	height: 100%;
	align-items: center;
}


#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmTitle_none{
	padding-left:2px;
	width:135px;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmTitle_none .non-Conneted{
	position: absolute;
	margin-top:9px;
	width:13px;
	height:16px;
	background-image:url(../images/icons/onmap/box/1312.png);
	background-repeat: no-repeat;
	background-size: 13px 16px;
	cursor: pointer;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmTitle label span{
	width:auto;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	margin-left: 0;
}


#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmTitle_none label span{
	width:auto;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	color:#f00;
	margin-left: 15px;
}

#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmExist {
	width:100px;
	color:#aaa;

	font-size: 11px;
	padding-left: 18px;

	background-image: url(../images/mainlist/tree_dot_last.png);
	background-position: 7px center;
	background-repeat: no-repeat;

}

#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable {
	width:100px;
	text-align: center;
	padding-right: 5px;
	font-size: 12px;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmSymbol {
	width:23px;
	text-align: left;
}


#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable .norm {
	font-weight: bold;
	color:#001eff;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable .abno {
	font-weight: bold;
	color: #ff0000;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable .init {
	font-weight: bold;
	color: #753ae5;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable .netp {
	font-weight: bold;
	color: #ff0000;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable .gps {
	font-weight: bold;
	color: #e335cd;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable .ble {
	font-weight: bold;
	color: #3078d2;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable .elec {
	font-weight: bold;
	color: #00a78d;
}
@keyframes scaling{
	0%, 100%{
		transform: scale(0.3);
		background-color: #30FFB7;
	}
	40%{
		transform: scale(1);
		background-color: #07DEFF;
	}
	70%{
		transform: scale(1);
		background-color: #0761FF;
	}
}

#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable > .operating{
	display: none;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable > .operating .flex{
	display: flex;
	align-items: center;
	justify-content: center;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable > .operating .text{
	color: #0761FF;
	font-weight: bold;
	font-size: 1.1em;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable > .operating .wait{
	display: flex;
	width: 30px;
	margin-left: 2px;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable > .operating .wait div{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #0761FF;
	margin-left: 2px;

	transform: scale(0);
	background-color:red;
	animation: scaling 2.5s ease-in-out infinite;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable > .operating .wait div:nth-child(1){
	animation-delay:0s;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable > .operating .wait div:nth-child(2){
	animation-delay:0.4s;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable > .operating .wait div:nth-child(3){
	animation-delay:0.8s;
}
#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmDisable > .info{
	display: block;
}

#FRAME_MIDDLE #MID_LIST #LIST_MAIN .lmLast {
	width:100%;
	/*width:35px;*/
	/*text-align: right;*/
	font-size:11px;
	font-family: Tahoma;
	color: #797979;
	/*padding-right:10px;*/
	text-align: center;
}
#FRAME_MIDDLE #MID_LIST .lmBlank {
	width:100%;
	height:50px;
	line-height: 50px;
	text-align: center;
	color: #aaa;

	font-size: 16px;

	position: absolute;

	top:50%;
	margin-top: -25px;
}

.left_form_box{
	padding:10px 0;
	box-sizing:border-box;
}
.left_form_box .Title{
	margin-bottom:5px;

	box-sizing:border-box;
	
	border-bottom:5px solid #eeeeee;
}
.left_form_box .Title span{
	font-size:12px;
	font-weight:bold;
	
	display:inline-block;
	
	margin-left:4px;
	
	padding:5px 10px;;
	
	border-top	:1px solid #eeeeee;
	border-left	:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	
	background-color:#f7f7f7;
	
	border-radius:3px 3px 0 0;
}

#FRAME_MIDDLE #MID_LIST #LIST_FOOT{
	width:349px;
	padding:0 10px;

	height:80px;
	
	border-top:1px solid #bcbcbc;	
	background-color:#fefefe;
	
	position:absolute;
	bottom:0;
}
/* FORM_FOOT 상태현황 */
#FRAME_MIDDLE #MID_LIST #LIST_FOOT .statusTitle {
	padding:6px 0;;
}

#FRAME_MIDDLE #MID_LIST #LIST_FOOT .statusTitle span.title{
	font-size:14px;
	font-weight:bold;
	font-family:'Noto Sans KR';


	color:#444444;
}
#FRAME_MIDDLE #MID_LIST #LIST_FOOT .statusTitle span.question{
	margin-left:2px;
	display:inline-block;
	position:relative;
	top:3px;
}
#FRAME_MIDDLE #MID_LIST #LIST_FOOT .statusTitle img{
	display:inline-block;
	height:15px;
}
#FRAME_MIDDLE #MID_LIST #LIST_FOOT .colImg{
	width:41px;
}
#FRAME_MIDDLE #MID_LIST #LIST_FOOT .colHead{
	width:50px;
}
#FRAME_MIDDLE #MID_LIST #LIST_FOOT .colHead2{
	width:38px;
}
#FRAME_MIDDLE #MID_LIST #LIST_FOOT .colHead3{
	width:12px;
}
#FRAME_MIDDLE #MID_LIST #LIST_FOOT .colData{
	width:46px;
}

#FRAME_MIDDLE #MID_LIST #LIST_FOOT .statusData table{
	margin-left:10px;
	width:350px;
}
#FRAME_MIDDLE #MID_LIST #LIST_FOOT .statusData th{
	text-align:left;
	font-weight:normal;
	color:#666666;
	height:20px;
	font-family: '맑은 고딕';
/*
	background-image:url(../images/common/arrow.svg);
	background-repeat:no-repeat;
	background-position:100% 50%;
*/
}
#FRAME_MIDDLE #MID_LIST #LIST_FOOT .statusData th .control{
	font-family: monospace;
	font-size: 11px;
	text-align: right;

	display: inline-block;
	width: 7px;

}
#FRAME_MIDDLE #MID_LIST #LIST_FOOT .statusData th div{
	width:35px;
	height: 40px;

	display: table-cell;
	vertical-align: middle;

	border-radius: 3px;
	background-color: #fff;

	text-align: center;

	border:1px solid #ccc;
}
#FRAME_MIDDLE #MID_LIST #LIST_FOOT .statusData td{
	text-align:left;
}
#FRAME_MIDDLE #MID_LIST #LIST_FOOT .statusData td span{
	margin-top:2px;
	display: inline-block;

	padding:0px 3px;

	border-radius:2px;
	border:1px solid #db0016;

	background-color: #f20018;

	color: #fff;
	font-size:10px;

	font-weight:bold;

	box-shadow:2px 1px 2px rgba(100, 100, 100, 0.3);
	cursor: pointer;
}
#FRAME_MIDDLE #MID_LIST #LIST_FOOT .statusData td img{
	width:90%;
}

#FRAME_MIDDLE #MID_CONTENTS {
	position:absolute;

	right:0px;
	
	width:calc(100% - 370px);
	height:100%;
	
	z-index:51;
}

#FRAME_MIDDLE #MID_CONTENTS #CONT_TOP {
	width:100%;
	height:30px;
	
	border-bottom:1px solid #a7a7a7;
	
	background-color:#fafafa;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_TOP #TOP_INFO{
	position:absolute;
	left:10px;
	
	height:30px;
	line-height:30px;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_TOP #TOP_INFO .infoSet{
	float:left;
	margin-right:20px;
	margin-top: 4px;
	line-height: normal;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_TOP #TOP_INFO .infoSet .spTitle{
	display:inline-block;
	padding:4px 6px;
	border:1px solid #aaaaaa;
	border-radius:2px;
	
	background-color:#383f52;
	color:#ffffff;
	
	font-size:11px;
	line-height:11px;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_TOP #TOP_INFO .infoSet .spInfo{
	font-weight:bold;
	margin-left:3px;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_TOP #TOP_INFO .infoSet .spMore{
	display:inline-block;
	position:relative;
	top:1px;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_TOP #TOP_INFO .infoSet .spMore img{
	height:10px;
	display:inline-block;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_TOP #TOP_MENU{
	float:right;
	margin-right:10px;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_TOP #TOP_FUNC{
	float: right;
	margin-right: 20px;

	height: 100%;
	line-height: 30px;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_TOP #TOP_FUNC .switch{
	position: relative;
	top:12px;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_TOP #TOP_FUNC .title{
	padding:2px 6px;
	border-radius: 3px;

	color: #333;
	margin-right: 3px;

	font-family: "Noto Sans KR";
	border:1px solid #ddd;
	background-color: #fff;
}

#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX {
	position:absolute;
	width:100%;
	height:calc(100% - 31px);
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX #MAP_DRAW {
	width:100%;
	height:100%;
	z-index:40;
	float: left;

}
#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX #ROAD_VIEW {
	width:0%;
	height:100%;
	z-index:40;
	float: right;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX #MAP_SEP {
	width:4px;
	background-color: #383f52;
	height:100%;
	z-index:41;
	cursor: col-resize;
	display: none;
	margin-left: -2px;
	top:0;
	left:0;
	position: absolute;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX #MAP_COMPANY {
	position:absolute;
	bottom:5px;
	right:5px;
	width:80px;
	z-index:41;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX #MAP_COMPANY img{
	width:80px;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX #MAP_ARROW_LEFT  {
	width:10px;
	height:10px;
	
	padding: 5px;
	border: 1px solid #a7a7a7;
	
	position:absolute;
	
	top:10px;
	left:10px;
	
	background-color:#ffffff;
	
	cursor:pointer;
	
	z-index:50;

	opacity:0.5;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX #MAP_ARROW_BOTTOM {
	width	:10px;
	height	:10px;
	
	padding:5px;
	border:	1px solid #a7a7a7;
	
	position:absolute;
	
	bottom:10px;
	right:10px;
	
	background-color:#ffffff;
	
	cursor:pointer;
	
	z-index:50;

	opacity:0.5;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX #MAP_DELETE_CIRCLE  {
	width:70px;
	height:20px;
    line-height: 20px;
	padding: 5px;
	border: 1px solid #fff;
    border-radius: 3px;
	position:absolute;

	top:10px;
	left:calc((100% - 60px)/2);

	background-color:#3078d2;

	cursor:pointer;

	z-index:50;

	opacity:0.8;
	text-align: center;
	color: #fff;
	font-weight: bold;
	display: none;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX .arrBtn img {

}
#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX #MAP_PARTINFO {
	position: absolute;
	top:10px;
	right:352px;

	width:180px;
	/*background-color: #fff;*/
	/*border:1px solid #cccccc;*/

	box-sizing: border-box;

	z-index: 999;

	display: none;
}
#MAP_PARTINFO .content{
	padding:0;
}
#MAP_PARTINFO .content tr th{
	width:50px;
	border-bottom:1px solid #eee;
	text-align: center;
}
#MAP_PARTINFO .content tr td{
	text-align: center;
	border-bottom:1px solid #eee;
	height:28px;

	font-size: 11px;
}
#MAP_PARTINFO .content tr td:nth-child(2){
	width:40px;
	color: #aaa;
}
#MAP_PARTINFO .content tr td:nth-child(3){
	width:40px;
	font-family:tahoma;
}
#MAP_PARTINFO .content tr td:nth-child(4){
	text-align: right;
	padding-right:10px;
	color: #666;
}

#MAP_PARTINFO .content td.on{
	color:#ff1818;
}
#MAP_PARTINFO .content td.off{
	color: #001eff;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX #MAP_FACINFO {
	position: absolute;
	top:10px;
	right:10px;

	width:332px;
	background-color: #fff;
	/*border:1px solid #cccccc;*/

	box-sizing: border-box;

	z-index: 999;

	display: none;
}
#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX #MAP_FILTER_STATE {
	position: absolute;
	top:10px;
	left:10px;

	width:180px;

	box-sizing: border-box;

	z-index: 999;

	display: none;
}

#MAP_FILTER_STATE th{
	text-align: left;
	height: 25px;
	width: 65px;

}
#MAP_FILTER_STATE th span{
	display: inline-block;
	width: 87%;

	border-right: 1px solid #cccccc;
}
#MAP_FILTER_STATE .theme-mini{
	width: 100%;
	padding-left: 0;
	position: relative;
	top: 2px;
}

#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX #MAP_LEGEND {
	position: absolute;
	top:10px;
	left:10px;

	width:180px;

	box-sizing: border-box;

	z-index: 998;

	display: none;
}
#MAP_LEGEND th{
	height: 30px;
	width: 30px;
	text-align: center;
}
#MAP_LEGEND td{
	font-weight: bold;
}

#MAP_LEGEND .content {
	height: 250px;
}


.MapWindow .titlebar {
	padding:0 9px;

	height: 31px;
	line-height: 29px;

	background-color: #383f52;
}

#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX #NOTICE_MAPFLASHSETTING {
	position: absolute;
	top:10px;
	left:calc((100% - 442px) / 2);

	width:422px;

	box-sizing: border-box;
    border: 1px solid #ccc;
	z-index: 998;

	display: none;
}

.MapWindow .titlebar .title {
	font-size:12px;
	font-weight: normal;
	font-family:"맑은 고딕";

	color:#fff;
}

.MapWindow .titlebar .close {
	margin: 0;
	padding:0;
	width:46px;
	height:30px;

	right:0;
	top:0;

	position:absolute;

	border:none;
	background: none;
	transition: background 0.1s;
}
.MapWindow .titlebar .close:hover {
	background-color: #e81123;
}

.MapWindow .titlebar .close span {
	display:inline-block;
	width:16px;
	height:16px;

	background-image: url("/images/btn/close_white.svg");
	background-position: 3px 3px;
	background-size: 10px auto;
	background-repeat: no-repeat;
}
.MapWindow .content{
	padding: 4px 7px;
	background-color: #fff;
}
#MAP_FACINFO .pop_input{
	padding:4px 0;
	border-bottom:6px solid #e9ebee;
}

#MAP_FACINFO .pop_input th{
	text-align: left;
	width: 95px;
}
#MAP_FACINFO .pop_input th span{
	display: inline-block;
	padding-left:6px;
	box-sizing:border-box;
	width: 90px;
	border-right:1px solid #383f52;

}
#MAP_FACINFO .pop_input td{
	height:23px;
	position: relative;


	color:#aaaaaa;
}
#MAP_FACINFO .pop_input td div{
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;

	width: 221px;
	box-sizing: border-box;
	padding-right:5px;

	text-align: right;
}
#MAP_FACINFO .pop_image .imgBox{
	width: calc(50% - 6px);
	margin:7px 5px;
	margin-right:0;
	border:1px solid #dddddd;
	border-radius:3px;
	box-sizing: border-box;
	height:100px;

	float: left;

	text-align: center;
	line-height: 100%;

	cursor: pointer;

	background-size: 100% auto;
	background-position: 50% 50%;
	background-image: url('/images/filebox/noimg.png');
	background-repeat: no-repeat;

	position: relative;
}

#MAP_FACINFO_MK{
	width:300px;
	background-color: #fff;
	border:1px solid #cccccc;

	box-sizing: border-box;
	padding:5px 9px;

}
#MAP_FACINFO_MK:after{
	content: '';
	position: absolute;
	margin-left: -12px;
	left: 30%;
	bottom: -11px;
	width: 22px;
	height: 12px;
	background: url(/images/infobox/vertex_white.png);
}

#MAP_FACINFO_MK .titlebar {

	height: 31px;
	line-height: 29px;

	border-bottom:2px solid #383f52;
}

#MAP_FACINFO_MK .titlebar .title {
	font-size:13px;
	font-weight: bold;
	font-family:"맑은 고딕";

	color:#222;
}

#MAP_FACINFO_MK .titlebar .close {
	margin: 0;
	padding:0;
	width:32px;
	height:30px;

	right:0;
	top:9px;

	position:absolute;

	border:none;
	background: none;

	cursor:pointer;
}

#MAP_FACINFO_MK .titlebar .close span {
	display:inline-block;
	width:16px;
	height:16px;

	background-image: url("/images/btn/close_black.svg");
	background-position: 3px 3px;
	background-size: 10px auto;
	background-repeat: no-repeat;
}
#MAP_FACINFO_MK .content{
	padding-top: 2px;
	background-color: #fff;

	position: relative;
}
#MAP_FACINFO_MK .partInfo{
	width:175px;
}
#MAP_FACINFO_MK .partInfo{
	padding:4px 0;
}

#MAP_FACINFO_MK .partInfo th{
	text-align: left;
	width: 65px;
}
#MAP_FACINFO_MK .partInfo th span{
	display: inline-block;
	padding-left:6px;
	box-sizing:border-box;
	width: 60px;
	border-right:1px solid #cccccc;
}
#MAP_FACINFO_MK .partInfo td{
	height:20px;
	position: relative;

	text-align: right;

	color:#aaaaaa;
}
#MAP_FACINFO_MK .partInfo td div{
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;

	width: 110px;

	box-sizing: border-box;
	padding-right:5px;

	text-align: right;
}
#MAP_FACINFO_MK .partInfo .defaultInfo td div{
	padding-right:0;
}
#MAP_FACINFO_MK .partInfo .defaultInfo{
	border-bottom:1px solid #eeeeee;
	padding-bottom:1px;
}
#MAP_FACINFO_MK .partInfo .equipClass{
	padding-top:10px;
	padding-bottom:3px;
	text-align: right;
}
#MAP_FACINFO_MK .partInfo .equipClass button{
	background-color: #fff;
	border:1px solid #ddd;
	color: #222;
	font-size:11px;

	padding:0 4px;

	cursor: pointer;
}
#MAP_FACINFO_MK .partInfo .equipClass button:hover, #MAP_FACINFO_MK .partInfo .equipClass .active{
	background-color: #383f52;
	border:1px solid #cccccc;
	color: #fff;
}
#MAP_FACINFO_MK .partInfo .equipInfo{
	border:1px dashed #bbb;
	padding:3px 0;
}
#MAP_FACINFO_MK .partImage {
	position: absolute;
	top:0;
	right:0;
	height: 100%;
	width:100px;
}
#MAP_FACINFO_MK .partImage .imgBox{
	margin-top: 5px;

	border:1px solid #dddddd;
	border-radius:2px;
	box-sizing: border-box;
	height:calc(50% - 6px);

	text-align: center;

	cursor: pointer;

	background-size: 100% auto;
	background-position: 50% 50%;
	background-image: url('/images/filebox/noimg.png');
	background-repeat: no-repeat;

	position: relative;
}

#FRAME_MIDDLE #MID_CONTENTS #CONT_MAP_BOX #MAP_DISABLE {
	position:absolute;
	width:calc(100% - 20px);
	height:200px;
	
	background-color:#ffffff;
	
	border-top:		4px solid #383f52;
	border-right:	1px solid #a7a7a7;
	border-left:	1px solid #a7a7a7;
	
	border-radius:5px 5px 0 0;
	
	box-sizing:border-box;
	
	left:10px;
	bottom:-200px;
	
	z-index:51;
}

#MAP_DISABLE .statusFac{
	width:300px;
	height: calc(100% - 13px);
	float:left;

	margin:3px 10px;
}
#MAP_DISABLE .statusDis{
	width: calc(100% - 340px);
	height: calc(100% - 13px);
	float:left;

	margin:3px 10px;
}
#MAP_DISABLE .stHead{
	height: 30px;
}
#MAP_DISABLE .stHead .divTitle{
	line-height: 30px;
	height: 30px;

	cursor: default;

	font-family:'Noto Sans KR';
	font-weight:bold;
	font-size:15px;
	color:#2a2a2a;

	display:inline-block;
}
#MAP_DISABLE .stHead .divMore {
	font-weight:normal;
	font-size:11px;
	font-family:'Noto Sans KR';
	color:#999999;

	cursor: pointer;

	padding-left:5px;

	display:inline-block;
}
#MAP_DISABLE .stHead .divMore img{
	display: inline-block;
	width: 13px;

	position: relative;
	top:2px;
	left:-2px;
}
#MAP_DISABLE .stHead .divDailyInfo{
	font-weight:normal;
	font-size:11px;
	font-family:tahoma;
	color:#999999;

	position: absolute;
	right:30px;
	top:13px;
}
#MAP_DISABLE .stHead .divOrder{
	display:inline-block;
	margin-left:10px;
}
#MAP_DISABLE .stBody{
	height: calc(100% - 30px);
}
#MAP_DISABLE .statusFac .stBody{
	box-sizing:border-box;
	border-top:1px solid #cacaca;
}

#MAP_DISABLE .statusFac .stBody .panLeft{
	float: left;
	width:calc(50% - 10px);
	height: calc(100% - 5px);
	margin-top:5px;
	padding-right:10px;

}
#MAP_DISABLE .statusFac .stBody .panRight{
	float: left;
	width: calc(50% - 10px);
	height: calc(100% - 5px);
	margin-top:5px;
	padding-left:10px;
}
#MAP_DISABLE .statusFac .stBody dl{
	width: 100%;
	font-family:'Noto Sans KR';
	margin:0px;
	padding:0px;

	display: block;

	clear:both;
}
#MAP_DISABLE .statusFac .stBody dl::after{
	content: '';
	display: block;
	clear: both;
}
#MAP_DISABLE .statusFac .stBody dt{
	clear:both;
	float:left;
	display: inline-block;
	font-family:'Noto Sans KR';
	font-weight:normal;

	margin:0px;
	padding:0px;
}
#MAP_DISABLE .statusFac .stBody dd{
	float:right;
	display: inline-block;
	font-family:'Noto Sans KR';
	text-align: right;

	margin:0px;
	padding:0px;
}

#MAP_DISABLE .statusFac .stBody .stTotal dt{
	width:46%;

	box-sizing:border-box;
	padding:0px 5px;

	height: 24px;
	line-height: 24px;

	font-size:13px;

	vertical-align: 2px;
}
#MAP_DISABLE .statusFac .stBody .stTotal dd{
	width:54%;

	box-sizing:border-box;
	padding:0px 5px;

	height: 24px;
	line-height: 24px;

	font-size:16px;
	font-weight:bold;

    color: #383f52;
}

#MAP_DISABLE .statusFac .stBody .stDetail{
	background-color: #f0f0f0;
	border-radius: 2px;

	box-sizing:border-box;
	padding:5px 7px;

	margin-top:3px;
}
#MAP_DISABLE .statusFac .stBody .stDetail dt{
	width:60%;

	font-size:11px;
	color:#555555;
}
#MAP_DISABLE .statusFac .stBody .stDetail dd{
	width:40%;

	font-size:11px;
	font-weight:bold;
	color:#333333;

	cursor: pointer;
}

#MAP_DISABLE .statusFac .stBody .stDisable{
	box-sizing:border-box;
	/*border-bottom:1px dashed #cfcfcf;*/
    padding:0 5px;
}
#MAP_DISABLE .statusFac .stBody .stDisable.highlight{
	animation: disableHighlight 2s linear infinite;
}
@keyframes disableHighlight {
	0% 		{ background-color: rgba(242, 0, 24, 0.00); }
	50% 	{ background-color: rgba(242, 0, 24, 0.50); }
	90% 	{ background-color: rgba(242, 0, 24, 0.00); }
	100% 	{ background-color: rgba(242, 0, 24, 0.00); }
}

#MAP_DISABLE .statusFac .stBody .stDisable dt{
	width:60%;

	font-size:12px;
	color:#333333;

	height: 20px;
	line-height: 20px;
}
#MAP_DISABLE .statusFac .stBody .stDisable dd{
	width:40%;

	font-size:12px;
	font-weight:bold;
    color: #383f52;

	height: 20px;
	line-height: 20px;

	cursor: pointer;
}

#MAP_DISABLE .statusDis .stBody{
	box-sizing:border-box;
}
#MAP_DISABLE .ui-state-default.ui-jqgrid-hdiv, #MAP_DISABLE .ui-state-default.ui-th-column.ui-th-ltr{
	background-color: #fff;
}
#MAP_DISABLE .statusDis .ui-jqgrid .ui-jqgrid-htable th{
	border-right:none;
	border-left:none;
}
#MAP_DISABLE .statusDis .ui-jqgrid .ui-jqgrid-htable th:hover{
	background-color: #ffffff;
}
#MAP_DISABLE .statusDis .ui-jqgrid .ui-jqgrid-htable th span{
	border-right:2px solid #eeeeee !important;
	display: inline-block;

	position: relative;
	top:6px;
	height: 13px !important;
}
#MAP_DISABLE .statusDis .ui-jqgrid .ui-jqgrid-htable th:last-child span{
	border-right:none !important;
	display: inline-block;

	position: relative;
	top:6px;
	height: 13px !important;
}
#MAP_DISABLE .statusDis .ui-jqgrid tr.jqgrow td{
	height:29px;
	border-bottom:1px solid #eeeeee;
}
#MAP_DISABLE .statusDis .ui-jqgrid tr.ui-row-ltr td{
	border-right:none;
}

#MAP_DISABLE .statusDis .ui-jqgrid tr.jqgrow td:nth-child(1){
	font-family: tahoma;
	font-size: 11px;
	color:#999999;
}
#MAP_DISABLE .statusDis .ui-jqgrid tr.jqgrow td:nth-child(2){
	color:#111111;
	font-weight: bold;
}

#MAP_DISABLE #DISABLE_DOWN {
	width:10px;
	height:10px;

	padding: 5px;

	position:absolute;

	top:10px;
	right:5px;

	cursor:pointer;

	z-index:55;
}
#MAP_DISABLE #DISABLE_DOWN img {
	width:10px;
	height:10px;
}

#FRAME_MIDDLE #MID_LIST .alarmBox {
	float:right;;
	margin-top: 1px;
}
#FRAME_MIDDLE #MID_LIST .alarmSet {
	display:inline-block;
}
#FRAME_MIDDLE #MID_LIST .alarmSet .spTitle{
	display:inline-block;
	padding:2px 4px;
	border:1px solid #aaaaaa;
	border-radius:2px;

	font-size:11px;
	line-height:11px;

	margin-left:3px;
}
#FRAME_MIDDLE #MID_LIST .alarmSet .spInfo{
	margin-left:0px;
	font-size:11px;

	vertical-align: 1px;
}

.downArrow{
	display:inline-block !important;
	position:relative !important;
	top:1px !important;
}
.downArrow img{
	height:10px !important;
	display:inline-block !important;
}
.handCursor {
	cursor: pointer !important;
}

/* Grid Modify */

body .ui-jqgrid .grid_sel{
	position: relative;
	top:2px;
}

/* 그리드 제목 */
body .ui-jqgrid .ui-jqgrid-htable th{
	height:27px;
}
body .ui-state-default.ui-th-column-header.ui-th-ltr{
	height:26px !important;
}
body .ui-state-default.ui-jqgrid-hdiv, body .ui-state-default.ui-th-ltr{
	background-color: #f7f7f7;
}
.groupHeader .ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header {
	height:27px !important;
}
.groupHeader .ui-jqgrid .frozen-div .jqg-second-row-header th[rowspan='2'] {
	height:54px !important;
}

body .ui-jqgrid .ui-jqgrid-htable th div{
	height:20px;
	line-height: 20px;
	font-size: 12px;
}
body .ui-jqgrid .ui-jqgrid-view{
	font-size: 12px;
}
body .ui-jqgrid tr.jqgrow td{
	height:26px;
	cursor: default;
}

body .ui-jqgrid-bdiv::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(100,100,100,0.1);
	background-color: #f7f7f7;
}

body .ui-jqgrid-bdiv::-webkit-scrollbar
{
	width: 5px;
	height: 5px;
	background-color: #f7f7f7;
}

body .ui-jqgrid-bdiv::-webkit-scrollbar-thumb
{
	background-color: #999999;
}

body .frozen-bdiv{
	/*pointer-events: none;*/
}
body .frozen-bdiv .ui-jqgrid-btable:after{
	content:"";
	display: block;
	height: 5px;
}

/*로딩*/
body .ui-widget-content .loading.ui-state-active{
	border:none;
	background-color: transparent;
	color:#666;

	top:50%;
	left:50%;

	margin-top: -58px;
	margin-left:-58px;
}

/*그리드 데이터 커스텀 스타일*/
body .ui-jqgrid tr.jqgrow .datetime{
	font-family: tahoma;
	font-size: 11px;
	color:#999999;
}
body .ui-jqgrid tr.jqgrow .rightnum{
	font-family: tahoma;
	font-size: 11px;
	color:#666;

	padding-right:5px;
}

body .ui-jqgrid tr.jqgrow .faclabel{
	font-weight: bold;
	color:#111;
}

body .ui-jqgrid tr.jqgrow .red{
	color:#ff0000;
}

body .ui-jqgrid tr.jqgrow .blue{
	color:#0000ff;
}

body .ui-jqgrid tr.jqgrow .bold{
	font-weight: bold;
}


.use_en{
	color: #2d90ff;
	font-size:11px;
}
.use_dis{
	color: #ff2d2d;
	font-size:11px;
}

.facLabel_main{
	font-family:"Noto Sans KR";
	color: #222;
	font-size:11px;
	background-color: rgba(255,255,255,0.8);
	padding:0 5px;
	border-radius: 2px;

	display: inline-block;
	border-left:5px solid #777;
}
.facLabel_sub{
	font-family:"Noto Sans KR";
	color: #222;
	font-size:11px;
	background-color: rgba(255,255,255,0.5);
	padding:0 5px;
	border-radius: 2px;

	display: inline-block;
	border-left:5px solid #ccc;
}
.facLabel_sat{
	color: #222;
	text-shadow: 2px 2px 0px #222, -1px -1px 0px #222;
}
.facLabel_sel{
	border-left:5px solid #3078d2 /*#b11313*/;
}
/*데이트 피커 스타일 재정의*/
body #ui-datepicker-div .ui-datepicker-header{
	border:none;
}
body #ui-datepicker-div .ui-state-default {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:none;

	border-radius: 50%;
	text-align: center;

	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;

	height:20px;
	line-height: 20px;
	/*4052b6*/
}

body #ui-datepicker-div.ui-datepicker {
	width:210px;
	padding:5px;
	border: none;

	box-shadow: 0 0 15px 0px rgba(0,0,0,0.1);
	margin-top: 3px;
}
body #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td {
}

body #ui-datepicker-div .ui-datepicker-title select{
	border: none;
	width: auto;
	cursor: pointer;
	font-weight: bold;

	-webkit-appearance: none; /* 화살표 없애기 for chrome*/
	-moz-appearance: none;    /* 화살표 없애기 for firefox*/
	appearance: none;         /* 화살표 없애기 공통*/
}
body #ui-datepicker-div .ui-datepicker-title select.ui-datepicker-year{
	margin-right:3px;
}
body #ui-datepicker-div .ui-datepicker-title select.ui-datepicker-month{
}

/*다이얼로그 박스 관련 스타일*/
body .ui-dialog{
	padding:0;
	border: none !important;
	box-shadow: 0 0 10px rgba(50,50,50,0.5);
}
body .ui-dialog:focus{
	border-color:#5a6367 !important;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

body .ui-dialog input::-webkit-input-placeholder, body .ui-dialog textarea::-webkit-input-placeholder {
	color:#cccccc;
}
body .ui-dialog input:-ms-input-placeholder, body .ui-dialog textarea:-ms-input-placeholder {
	color:#cccccc;
}
body .ui-dialog input::-moz-placeholder, body .ui-dialog textarea::-moz-placeholder {
	color:#cccccc;
}


body .ui-dialog .ui-dialog-titlebar{
	padding:0px 9px;

	height: 31px;
	line-height: 29px;

	font-size:12px;
	font-weight: normal;
	font-family:"맑은 고딕";
	border:none;

	cursor: default;
}
body .ui-dialog .ui-dialog-title{
	margin-bottom: 0;
}
body .ui-dialog .ui-dialog-title .inTitle{
	font-family: "tahoma";
	font-size: 11px;
	background-color: #fff;
	padding:1px 2px 2px;
	border-radius: 3px;
	color: #333;

	margin-left: 10px;
	margin-right:5px;
}
body .ui-dialog .ui-dialog-title .inMent{
	font-family: "tahoma";
	font-size: 11px;
	color: #f7f7f7;
}
body .ui-dialog .ui-dialog-title .inTitle_1{
	font-family: "tahoma";
	font-size: 11px;
	background-color: #fff;
	padding:1px 2px 2px;
	border-radius: 3px;
	color: #333;

	margin-left: 20px;
	margin-right:5px;
}
body .ui-dialog .ui-dialog-title .inMent_1{
	font-family: "tahoma";
	font-size: 11px;
	color: #f7f7f7;
}
body .ui-dialog .ui-dialog-titlebar-close{
	margin: 0;
	padding:0;
	width:46px;
	height:30px;

	right:0;
	top:0;

	border:none;
	background: none;

	cursor: default;

	transition: background 0.1s;

}
body .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick{
	background-image: url("/images/btn/close_white.svg");
	background-position: 3px 3px;
	background-size: 10px auto;
}
body .ui-dialog .ui-dialog-titlebar-close:hover{
	background-color: #e81123;
}
body .ui-dialog .ui-dialog-titlebar-close:hover .ui-icon-closethick{
	background-image: url("/images/btn/close_white.svg");
}
body .ui-dialog .ui-dialog-titlebar-close:active{
	background-color: #f03544;
}
body .ui-dialog .ui-dialog-titlebar-close:active .ui-icon-closethick{
	background-image: url("/images/btn/close_white.svg");
}
body .ui-dialog-content{
	padding:0px !important;

}


/*커스텀 다이얼로그 스타일*/
/*서브페이지형*/
body .subPage{

}
body .subPage:focus{

}
body .subPage .ui-dialog-titlebar{
	background-color: #3b5998;
	color:#ffffff;
}
body .subPage .DLG_LW .lw_title{
	border-color:#3b5998;
}
body .subPage  .ui-dialog-content.ui-widget-content{
	overflow: hidden;
}
/*시스템스타일*/
body .System .ui-dialog-titlebar{
	background-color: #383f52;
	color:#ffffff;
}
body .System .ui-dialog-titlebar-close .ui-icon-closethick{
	background-image: url("/images/btn/close_white.svg");
}
body .System .ui-dialog-content{
	background-color: #f7f7f7;
}
body .System .admin_menu{
	padding:0 50px;
	line-height: 150px;
}
body .System .admin_menu li{
	float: left;
	width:140px;
	height: 50px;
	margin-right: 50px;
}
body .System .admin_menu li:last-child{
	margin-right: 0px;
}

body .System .admin_menu li button{
	box-sizing: border-box;
	border:5px solid #eee;
	border-radius: 5px;

	font-size: 20px;
	font-weight: bold;

	width: 100%;
	height: 100%;

	display: inline-block;
	background-color: #fefefe;

	cursor: pointer;
}
body .System .admin_menu li button:hover{
	border-color: #383f52;
	color:#383f52;
}

/*애드온스타일*/
body .addOn .ui-dialog-titlebar{
	background-color: #b7472a;
	color:#ffffff;
}
body .addOn .ui-dialog-titlebar-close .ui-icon-closethick{
	background-image: url("/images/btn/close_white.svg");
}
body .addOn .ui-dialog-content{
	background-color: #e9ebee;
}

body .addOn .pop_contents{
	height: calc(100% - 50px);
	clear:both;
}

body .addOn .pop_left{
	float:left;
	width: 300px;
	height: calc(100% - 20px);
	margin:10px;
	margin-right:0px;
}
body .addOn .pop_left.pop_left_290{
	width: 290px;
}
body .addOn .pop_right{
	float:right;
	width: calc(100% - 330px);
	height: calc(100% - 20px);
	margin:10px;
}
body .addOn .pop_right.pop_right_290{
	width: calc(100% - 320px);
}
body .addOn .pop_center{
	margin:10px;
	float: left;
	width: calc(100% - 20px);
}

body .addOn .pop_even_left {
	width: 49.5%;
	box-sizing: border-box;
	padding-right: 20px;
	border-right: 1px dashed #eee;
	display: inline-block;
}
body .addOn .pop_even_left .ins_code_check,
body .addOn .pop_even_left .ins_label_check,
body .addOn .pop_even_left .ins_id_check{
	right: 20px !important;
}
body .addOn .pop_even_right {
	width: 49.5%;
	box-sizing: border-box;
	padding-left: 20px;
	display: inline-block;
	float: right;
}

body .addOn .pop_one{
	height:100%;
}

body .addOn .pop_wide{
	float:left;
	width: 610px;
	margin:10px;
	margin-bottom:0;
}

body .addOn .pop_wide .cont_left{
	float:left;
	width: calc(50% - 5px);

	display: inline-block;
}
body .addOn .pop_wide .cont_sep{
	float:left;
	width: 0px;
	height:100%;
	box-sizing: border-box;
	padding:5px 0;

	display: none;
}
body .addOn .pop_wide .cont_sep div{
	width: 5px;
	height:100%;
	border-right:1px dashed #eee;
}
body .addOn .pop_wide .cont_right{
	float:right;
	width: calc(50% - 5px);
}

body .addOn .pop_wide .cont_full{
	clear: both;
	width: 100%;
}

body .addOn .pop_box{
	box-sizing: border-box;
	border:1px solid #dddddd;
	padding:5px 10px;
	background-color: #fff;

	margin-bottom:10px;
}

body .addOn .pop_box:last-child{
	margin-bottom:0px;
}

body .addOn .pop_box .no_box_270{
	width: 270px;
	margin-right:10px;
	float: left;
}

body .addOn .pop_box .no_box_270:last-child{
	margin-right:0px;
}

body .addOn .pop_title{
	height: 30px;
	line-height: 30px;
	border-bottom:2px solid #aa3517;

	color:#111;
	font-family:"맑은 고딕";
	font-weight:bold;
	font-size:14px;

	margin-bottom:5px;

	position: relative;
}
body .addOn .pop_title .titleRight{
	position: absolute;
	top:0;
	right:0;
}
body .addOn .pop_title .titleRight label span{
	color:#999;
	font-family:"Nanum Gothic";
	font-weight:normal;
	font-size:12px;
}
body .addOn .pop_title .titleRight span.totalPrice{
	color:#999;
	font-family:"Nanum Gothic";
	font-weight:normal;
	font-size:12px;
}
body .addOn .pop_title .titleRight span.subTitle{
	color:#999;
	font-family:"tahoma";
	font-weight:normal;
	font-size:11px;
}
body .addOn .pop_title .titleRight span.titleBox{
	background: #ffd8d8;
	padding:2px 5px;
	border-radius: 3px;
	margin-right: 3px;

	font-size: 12px;
	font-family:"Nanum Gothic";
	font-weight: normal;

	color:#4c2121;
}
body .addOn .pop_title .titleRight span.titleMent{
	color:#666;
	font-family:"Nanum Gothic";
	font-weight:normal;
	font-size:12px;
}
body .addOn .pop_box .pop_title .lightNumBox{
	position: absolute;
	right:0;
	top:-2px;
}
body .addOn .pop_box .pop_title .lightNumBox .lightBtn{
	font-size:12px;
	background-color: #f7f7f7;
	border:1px solid #dddddd;
	border-radius:2px;
	color: #666;
	padding:2px 4px;

	cursor: pointer;

}
body .addOn .pop_box .pop_title .lightNumBox .lightBtn:hover{
	font-size:12px;
	background-color: #aa3517;
	border:1px solid #972c11;
	color: #fff;

}
body .addOn .pop_box .pop_title .lightNumBox .lightBtn.active{
	font-size:12px;
	background-color: #aa3517;
	border:1px solid #972c11;
	color: #fff;

}
body .addOn .pop_box .pop_title .planControlBox{
	position: absolute;
	right:120px;
	top:0px;

	text-align: right;
	width: 200px;
}
body .addOn .pop_box .pop_title .planControlBox button{
	background: transparent;
	padding: 0;
	margin: 0;
	border: none;
	width: 10px;
	height: 10px;
	display: inline-block;

	cursor: pointer;
}
body .addOn .pop_box .pop_title .planControlBox .planText{
	background: transparent;
	padding: 0;
	margin: 0;
	border: none;

	display: inline-block;
	cursor: pointer;

	text-align: center;
	font-size: 14px;
	font-weight:bold;

	font-family: 'tahoma';
}
body .addOn .pop_box .pop_title .planControlBox .planText.planOneday{
	width: 7em;
}
body .addOn .pop_box .pop_title .planControlBox .planText.planDaily{
	width: 5em;
}
body .addOn .pop_box .pop_title .planControlBox .planText.planMonthly{
	width: 3.2em;
}
body .addOn .sub_title{
	height: 16px;
	line-height: 16px;

	color:#666;
	font-family:"맑은 고딕";
	font-weight:bold;
	font-size:12px;

	margin-top: 10px;
	margin-bottom:5px;

	border-left: 10px solid #b7472a;
	padding-left: 5px;

	position: relative;
}
body .addOn .pop_box .pop_table {
	padding-bottom:4px;
	position: relative;
}
body .addOn .pop_box .pop_table table{
	border-collapse: collapse;
}
body .addOn .pop_box .pop_table th, body .addOn .pop_box .pop_table td{
	height:26px;
	border:1px solid #cacaca;
	text-align: center;
}
body .addOn .pop_box .pop_table th{
	background-color: #f7f7f7;
}
body .addOn .pop_box .pop_table .noContents{
	position: absolute;
	left:0;
	top:50%;
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-top: -15px;

	font-size:16px;
	color: #bbb;

	text-align: center;

	display: none;

}
body .addOn .pop_box #tblResv th{
	width: 74px;
}
body .addOn .pop_box #tblResv th.padding{
	width: auto;
}
body .addOn .pop_box .pop_input{
	padding:2px 0;
	border-bottom:1px solid #dddddd;
}
body .addOn .pop_box .pop_input:last-child{
	border-bottom:none;
}
body .addOn .pop_box .pop_input th, .lw_input th{
	text-align: left;
	width: 90px;
}
body .addOn .pop_box .pop_input th span, .lw_input th span{
	display: inline-block;
	padding-left:6px;
	box-sizing:border-box;
	width: 85px;
	border-right:1px solid #eeeeee;

	vertical-align: 2px;
}
body .addOn .pop_box .pop_input td, .lw_input td{
	height:25px;
	position: relative;
}
body .addOn .pop_box .pop_input td .ins_add_code{
	height:25px;
	line-height:25px;
	position: absolute;

	font-weight: bold;

	top:0px;
	left:5px;
	display: none;
}

.pop_input td .ins_code_check, .pop_input td .ins_label_check, .pop_input td .ins_id_check{
	height:25px;
	line-height:25px;
	position: absolute;

	top:0px;
	right:5px;
}
body .addOn .pop_box .pop_input td.sep{
	box-sizing: border-box;
	padding:2px 5px;
	height:5px;
}
body .addOn .pop_box .pop_input td .expBox{
	margin: 2px 6px;
	width:calc(100% - 12px);
	height:calc(100% - 4px);
	border-radius: 2px;
	background-color: #fafafa;

	box-sizing: border-box;
	padding:5px;
}
body .addOn .pop_box .pop_input td.sep div{
	border-bottom:1px dashed #ddd;
	width:100%;
}
body .addOn .pop_box .pop_input td .half_div{
	width: 50%;
	float: left;
}

body .addOn .pop_box .pop_input td input[type='text'],
body .addOn .pop_box .pop_input td input[type='password'],
body .addOn .pop_box .pop_input td select,
body .addOn .pop_box .pop_input td .noInput,
.lw_input td input[type='text'],
.lw_input td input[type='password'],
.lw_input td select,
.lw_input td .noInput
{
	width:100%;
	box-sizing: border-box;
	padding: 2px 5px;
	margin:0;
	border:none;
	height:20px;

	font-size:12px;

	color:#666666;

	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
}
body .addOn .pop_box .pop_input td .noInput span{
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	line-height: 20px;
	height:20px;
}
body .addOn .pop_box .pop_input td .noInput span.fix{
	cursor: pointer;
}
body .addOn .pop_box .pop_input td input:disabled, body .addOn .pop_box .pop_input td select:disabled {
	color:#666666;
	background-color: #fff;
}
body .addOn .pop_box .pop_input td input.datepicker{
	background-repeat: no-repeat;
	background-image: url(/images/icons/calendar.svg);
	background-position: right 5px center;
	background-size: auto 16px;
}
body .addOn .pop_box .pop_input td select{
	padding: 2px 2px !important;
}
body .addOn textarea {
	width:100%;
	box-sizing: border-box;
	padding: 2px 5px;
	margin:0;
	border:1px solid #e0e0e0;

	font-size:12px;

	color:#666666;
}
body .addOn .pop_box .pop_input textarea:disabled {
	color:#666666;
	background-color: #fff;
}
body .addOn .pop_box .pop_input td.mat_addinfo{
	vertical-align: top;
	padding-left:5px;
	font-size: 11px;
}
body .addOn .pop_box .pop_input .mat_title{
	background: #ffd8d8;
	padding:2px 5px;
	border-radius: 3px;
	margin-right: 3px;

	color:#4c2121;
}
body .addOn .pop_box .pop_input .mat_fix{
	width: 62px;
	display: inline-block;
}
body .addOn .pop_box .pop_input .mat_data{
	font-family: 'tahoma';
	margin-right: 3px;
	color:#aaa;
}

body .addOn .pop_box .pop_input .sList{
	overflow: hidden;
	padding-right:5px;

	box-sizing: border-box;
}
body .addOn .pop_box .pop_input .sList.customScroll1{
	overflow-x: hidden;
	overflow-y: auto;

	border:1px solid #e0e0e0;
	padding:3px 0;
}
body .addOn .pop_box .pop_input .sList.customScroll1 li{
	width:90%;
	float:none;
}
body .addOn .pop_box .pop_input .sList ul{
	padding:0;
	margin: 0;

	width:100%;
	box-sizing: border-box;
}
body .addOn .pop_box .pop_input .sList ul li{
	padding:0 6px;
	margin: 0;

	height:20px;
	line-height: 20px;
	width:33%;

	box-sizing: border-box;
	float:left;
}

body .addOn .pop_box .pop_input .sList ul li label.explainLabel {
	display: inline-block;
	width: 80px;
}
body .addOn .pop_box .pop_input .sList ul li label.explainLabel + span{
	display: inline-block;
	padding-left:5px;
	color: #aaa;
	font-size: 11px;
}

.SUBPAGE .config_box .mapSearch,
body .addOn .pop_box .pop_input .mapSearch{
	position: relative;
}
.SUBPAGE .config_box .mapSearch input,
body .addOn .pop_box .pop_input .mapSearch input{
	padding-right:26px !important;
	box-sizing: border-box;
}

.SUBPAGE .config_box .mapSearch button,
body .addOn .pop_box .pop_input .mapSearch button{
	height: 20px;
	padding:2px 5px;
	margin:0;
	background-color: transparent;
	border: none;

	cursor: pointer;

	position: absolute;
	right:0;
	top:1px;
}
.SUBPAGE .config_box .mapSearch button span,
body .addOn .pop_box .pop_input .mapSearch button span{
	width: 16px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(/images/icons/search.svg);
	background-position: 50% 50%;
	background-size: auto 16px;
}

.SUBPAGE .config_box .logo,
body .addOn .pop_box .pop_input .logo{
	height:50px;
	border-radius: 5px;
	box-sizing: border-box;

	line-height: 30px;
	text-align: left;
	font-size: 15px;

	cursor: pointer;
	padding:9px;

}
.SUBPAGE .config_box .logo > *,
body .addOn .pop_box .pop_input .logo > * {
	cursor: pointer;
}
.SUBPAGE .config_box .logo > img,
body .addOn .pop_box .pop_input .logo > img {
	height: 100%;
}
.SUBPAGE .config_box .logo > button,
body .addOn .pop_box .pop_input .logo > button {
	position: absolute;
	background-color: #fff;
	right:10px;
	top:50%;

	height: 20px;
	margin-top: -10px;

	box-sizing: border-box;
	display: inline-block;

	font-family: "tahoma";
	font-size: 10px;

	padding:0 10px;
	font-weight:bold;

	border:1px solid #383f52;
}
.SUBPAGE .config_box .logo.logo_p,
body .addOn .pop_box .pop_input .logo.logo_p{
	position:relative;
	background-color: #fff;
	border:1px dotted #aaa;
	color: #999;
}
.SUBPAGE .config_box .logo.logo_m,
body .addOn .pop_box .pop_input .logo.logo_m{
	position:relative;
	background-color: #383f52;
	border:1px solid #383f52;
	color: #fff;
}

body .addOn .pop_box .pop_install{
	height: calc(100% - 37px);
}

body .addOn .pop_box .pop_install .pop_input{
	width: 320px;
	margin-right:10px;
	border:none;

	height: 100%;

	display: inline-block;
}

body .addOn .pop_box .pop_install .imgBox{
	width: calc(50% - 7px);
	margin:7px;
	margin-right:0px;
	border:2px solid #dddddd;
	border-radius:5px;
	box-sizing: border-box;
	/*height:calc(100% - 239px);*/
	height:calc(100% - 187px);

	float: left;

	text-align: center;
	line-height: 100%;

	cursor: pointer;

	background-size: 100% auto;
	background-position: 50% 50%;
	background-image: url('/images/filebox/noimg_click.png');
	background-repeat: no-repeat;

	position: relative;
}
body .addOn .pop_box .pop_install .imgBox button{
	padding:2px 4px;
	border:1px solid #cccccc;
	background-color: #f7f7f7;

	top:3px;
	right:3px;
	display: none;

	position: absolute;
	cursor:pointer;

	font-size:10px;
	font-family:'tahoma';

	font-weight:bold;
	color: #cc0000;
}
body .addOn .pop_box .pop_install .pop_map{
	box-sizing:border-box;
	width: calc(100% - 330px);
	height: calc(100% - 6px);

	margin:3px 0;

	border-left:0px solid #383f52;

	float:right;
}
body .addOn .pop_foot{
	height:50px;
	box-sizing: border-box;
	background-color: #fff;
	border-top:1px solid #d2d2d2;

	position:relative;
}
body .addOn .pop_foot .foot_left{
	height:100%;
	line-height: 49px;
	position:absolute;
	left:10px;
	top:0px;
}
body .addOn .pop_foot .foot_right{
	height:100%;
	line-height: 49px;
	position:absolute;
	right:10px;
	top:0px;
}
body .addOn .cont_full{
	position: relative;
}
body .addOn #fac_power_current{
	height:415px;
	margin-bottom: 5px;
}
body .addOn #fac_power_history_grid{
	height: 200px;
	margin-bottom: 10px;
}
body .addOn #fac_power_history_chart{
	height: calc(100% - 210px);
	overflow: hidden;
}
body .addOn #fac_power_history_none{
	width:100%;
	text-align: center;
	height: 100px;
	line-height: 100px;

	position: absolute;
	font-size: 25px;

	top:50%;
	left:0;
	margin-top: -50px;
	display: none;

	color: #bbb;
}
body .addOn .DLG_LW .lw_title{
	border-color:#aa3517;
}
body .addOn .work_images{
	padding-left:2px;
	padding-right:4px;
	box-sizing: border-box;
}
body .addOn .work_images td{
	width:16.6%;
	text-align: center;
}

body .addOn .work_images td div{
	margin: 2px 4px;
	width:calc(100% - 8px);
	height:70px;
	cursor: pointer;

	border:1px solid #efefef;
	border-radius:2px;

	background-size: 100% auto;
	background-position: 50% 50%;
	background-image: url('/images/filebox/noimg.png');
	background-repeat: no-repeat;

	position: relative;
}
body .addOn #report_work_detail{
	height:130px;
	margin-bottom: 4px;
}

body .addOn #load_jqGrid_report_work_detail{
	top:50px;
	margin-top: 0;
	margin-left:-31px;
}
body .addOn #load_jqGrid_report_work_detail img{
	width:50px;
}

body .addOn .FacHistory {
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
}

/*컨트롤박스형 스타일(다이얼로그)*/
body .Control button{
	padding:0;
	margin:0;
	background-color: #fff;
	cursor: pointer;
}
body .Control .ui-dialog-titlebar-close .ui-icon-closethick{
	background-image: url("/images/btn/close_teal.svg");
}
body .Control .ui-dialog-content{
	overflow: hidden;
}
body .Control.ui-dialog{
	/*background-color: #009788;*/
	background-image: url("/images/infobox/back_teal.gif");
	background-repeat: repeat-y;
}
body .Control .ui-dialog-content{
}
body .Control .ui-dialog-titlebar{
	width: calc(100% - 170px);
	margin-left: 170px;
	box-sizing: border-box;
}

body .Control .ui-dialog-titlebar .PTSel{
	font-family:"tahoma";
	font-size:11px;
	color: #666;
	padding:2px 6px 3px;
	margin-right: 5px;
	border-radius: 3px;
}
body .Control .ui-dialog-titlebar .PTSel:hover{
	background-color: #eee;
}
body .Control .ui-dialog-titlebar .PTSel.active{
	background-color: #009788 !important;
	color: #fff;
}
body .Control .search{
	position: absolute;
	width: 120px;
	height: 20px;

	left:180px;
	top:5px;
}
body .Control .search input{
	padding:2px 5px;
	margin: 0;

	padding-right:26px;

	cursor: default;

	height: 20px;
	width: 100%;
	box-sizing: border-box;

	border:1px solid #ddd;
	border-radius:3px;
}
body .Control .search input + button{
	height: 20px;
	padding:2px 5px;
	margin:0;
	background-color: transparent;
	border: none;

	cursor: pointer;

	position: absolute;
	right:0;
	top:1px;
}
body .Control .search input + button span{
	width: 16px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(/images/icons/search.svg);
	background-position: 50% 50%;
	background-size: auto 16px;
}

body .Control .LEFT_PANNEL{
	width: 170px;

	height:100%;

	float: left;

	color: #fff;

	cursor: default;
}

body .Control .LEFT_PANNEL .titleEng{
	position: absolute;
	left:20px;
	top:0;

	font-size: 13px;
	font-family: "Noto Sans";

	letter-spacing: 0.2em;

}
body .Control .LEFT_PANNEL .titleKor{
	position: absolute;
	left:20px;
	top:20px;

	font-size: 45px;
	font-weight: bold;
}

body .Control .LEFT_PANNEL .remaining{
	position: absolute;
	left:20px;
	top:100px;
    width : 130px;

	text-align: center;
	font-size: 18px;
	font-weight: bold;
    color:#ffff00;

	display: none;
}
body .Control .LEFT_PANNEL .remaining span{
	font-size: 30px;
}
body .Control .LEFT_PANNEL .titleInfo{
	position: absolute;
	left:20px;
	bottom:20px;

	font-size: 15px;
	width: 130px;
}
body .Control .LEFT_PANNEL .titleInfo li{
	padding:3px 0;
    white-space: nowrap;
}
body .Control .LEFT_PANNEL .titleInfo li .point{
	width: 9px;
	height:9px;
	border:2px solid #fff;
	border-radius: 2px;

	display: inline-block;

	position: relative;
	top:2px;
}

body .Control .LEFT_PANNEL .titleInfo li .ment {
	display: inline-block;
	margin-top:2px;
	font-weight: bold;
}
body .Control .LEFT_PANNEL .titleInfo li .plus{
	display: inline-block;
	font-size: 12px;
	margin-left: 18px;
	color: #f7f7f7;

	width: auto;

	padding:2px 3px;
	border-radius: 3px;

	background-color: rgba(255,255,255,0.2);

}

body .Control .CONT_PANNEL{
	width: calc(100% - 170px);
	background-color: #fff;

	height:100%;

	float: right;
}

body .Control .CONT_PANNEL .CONTENTS{
	width: 100%;
	height: calc(100% - 40px);

	position: relative;
}
body .Control .CONT_PANNEL .CONTENTS .controlForm{
	display: none;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION {
	height: 100%;
	float:left;
	box-sizing: border-box;

	padding:0 10px;
	border-right:1px solid #bbb;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION:last-child {
	border-right:none;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .pop_title{
	font-size: 18px;
	margin-top: 2px;
	margin-bottom: 2px;

	position: relative;
	cursor: pointer;
	font-family: "Noto Sans KR";
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .pop_title .titleRight{
	position: absolute;
	right:1px;
	top:1px;

	height:auto;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .pop_box{
	margin-bottom: 30px;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .pop_box:last-child{
	margin-bottom: 0px;
}
body .Control .CONT_PANNEL .CONTENTS th{
	width: 85px;
	height: 30px;

	text-align: left;

	border-bottom: 1px solid #ddd;
}
body .Control .CONT_PANNEL .CONTENTS .resvSet th{
	width: auto;
}
body .Control .CONT_PANNEL .CONTENTS td{
	text-align: right;
	color:#777;

	border-bottom: 1px solid #ddd;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .textForm .text{
	width: calc(100% - 5px);
	height: 100%;
	position: relative;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .textForm .text input{
	border: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;

	color: #777;
	text-align: right;
	font-size: 12px;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .textForm .text .unit{
	position: absolute;
	right: 0;
	top: 0;
	color: #222;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma;
}

body .addOn .pop_box .set_resv_list .resvSet .resvView,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .resvSet .resvView{
	display: flex;
	flex-direction: row;
	height: auto;
	padding: 3px;
}
body .addOn .pop_box .set_resv_list .resvSet .resvView ul:nth-child(1),
body .Control .CONT_PANNEL .CONTENTS .PARTITION .resvSet .resvView ul:nth-child(1){
	width: 40%;
}
body .addOn .pop_box .set_resv_list .resvSet .resvView ul:nth-child(2),
body .Control .CONT_PANNEL .CONTENTS .PARTITION .resvSet .resvView ul:nth-child(2){
	width: 60%;
}
body .addOn .pop_box .set_resv_list .resvSet .resvView ul li,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .resvSet .resvView ul li{
	height: 18px;
	line-height: 18px;
	font-size: 11px;

}

body .addOn .pop_box .set_resv_list .resvSet .resvView .dueDate,
body .addOn .pop_box .set_resv_list .resvSet .resvView .dueTime,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .resvSet .resvView .dueDate,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .resvSet .resvView .dueTime {
	text-align: left;
	font-family: Tahoma;
	font-size: 10px;
	color: #999;
	padding-left:15px;

	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 12px;
}
body .addOn .pop_box .set_resv_list .resvSet .resvView .dueDate,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .resvSet .resvView .dueDate {
	background-image: url(/images/icons/date.svg);
}
body .addOn .pop_box .set_resv_list .resvSet .resvView .dueTime,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .resvSet .resvView .dueTime {
	background-image: url(/images/icons/time.svg);
}

body .addOn .pop_box .set_resv_list .resvSet .resvView .Repeat,
body .addOn .pop_box .set_resv_list .resvSet .resvView .Channel,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .resvSet .resvView .Repeat,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .resvSet .resvView .Channel {
	text-align: right;
}
body .addOn .pop_box .set_resv_list .resvSet .resvView .Repeat .r_oper,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .resvSet .resvView .Repeat .r_oper {
	color: #222;
	margin-left: 4px;
}
body .addOn .pop_box .set_resv_list .resvSet .resvView .Repeat .r_not,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .resvSet .resvView .Repeat .r_not {
	color: #ccc;
	margin-left: 4px;
}

body .addOn .pop_box .set_resv_list .resvSet .resvView .Channel .chIcon,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .resvSet .resvView .Channel .chIcon {
	display: inline-block;
	border-radius: 4px;
	height: 8px;
	box-sizing: border-box;
	width: 20px;
	margin-left: 5px;
}

body .addOn .pop_box .set_resv_list .resvSet .resvView .Channel .chIcon.c_on{
	background-color: #b7472a;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .resvSet .resvView .Channel .chIcon.c_on{
	background-color: #009d6f;
}

body .addOn .pop_box .set_resv_list .resvSet .resvView .Channel .chIcon.c_off,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .resvSet .resvView .Channel .chIcon.c_off{
	background-color: #aaa;
}

body .Control .CONT_PANNEL .CONTENTS .PARTITION .disable{
	padding-right:5px;
	display: none;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .pickerset{
	padding-right:5px;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .channel{
	padding-right:5px;
}
.pickerset input{
	width:15px;
	border: none;
	height: auto;
	padding: 0;
	margin: 0;
	text-align: right;

	cursor: pointer;

	color:#777;
}

.pickerset .unit{
	cursor: pointer;
}

.pickerset .tilt{
	margin: 0 3px;
	font-weight: bold;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .channelBox{
	height: 0px;
	border: none;
	padding:0;
	margin:0;
	visibility: hidden;
	position: absolute;
	top:0; right: 0;
	width: 15px;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .pop_scroll_box{
	box-sizing: border-box;

	border-top:5px solid #f5f5f5;
	border-bottom:5px solid #f5f5f5;

	margin-top: 10px;
	background-color: #f5f5f5;
	border-radius: 5px;
	padding-left:5px;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .pop_scroll_box th,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .pop_scroll_box td{
	border-bottom:none;
	height: 27px;
}

body .addOn .pop_box .set_resv_list,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .set_resv_list{
	box-sizing: border-box;

	border:1px solid #ddd;
	

	height:155px;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .set_resv_list {
	border-top:none !important;
}
body .addOn .pop_box .set_resv_list {
	height:79px;
}
body .addOn .pop_box .set_resv_list th,
body .addOn .pop_box .set_resv_list td,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .set_resv_list th,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .set_resv_list td{
	border-bottom: 1px dotted #eee;
	height: 26px;
	font-weight:normal;
	color:#999;

	padding:0 4px;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .set_resv_list input{
	color: #999;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .set_resv_list .del {
	font-family: "tahoma";
	color: #f20018;
	font-size:10px;

}
body .addOn .pop_box .pop_resv {
	position: relative;
}
body .addOn .pop_box .pop_resv .nodataMsg,
body .Control .CONT_PANNEL .CONTENTS .PARTITION .nodataMsg{
	position: absolute;
	width:150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #ddd;

	bottom:50px;
	left:50%;
	margin-left: -75px;
}
body .addOn .pop_box .pop_resv .nodataMsg{
	top: 50px;
}
body .Control .CONT_PANNEL .CONTENTS .PARTITION .btnAddResv{
	font-weight:bold;
	color:#009d6f;

}
body .Control .CONT_PANNEL .CONTENTS .theme-light{
	border:none;
	line-height: normal;
	height: auto;
	position: relative;
	top:2px;

	background-color: transparent;

	color:#777;
}
body .Control .CONT_PANNEL .CONTENTS .CONTROLS {
	width:100%;
	box-sizing: border-box;

	padding:0 10px;
}
body .Control .CONT_PANNEL .CONTENTS .OPTIONS {
	width:100%;
	box-sizing: border-box;

	padding:0 10px;

	position: absolute;
	bottom:10px;
}
body .Control .CONT_PANNEL .CONTENTS .OPTIONS hr {
	border:none;
	border-top:1px dashed #ccc;
}


body .Control .CONT_PANNEL .CONTENTS .CONTROLS th,
body .Control .CONT_PANNEL .CONTENTS .OPTIONS th
{
	height: 40px;
	border-bottom:none;

	font-size: 15px;
	padding-left:10px;
	color:#777;

}

body .Control .CONT_PANNEL .CONTENTS .CONTROLS td,
body .Control .CONT_PANNEL .CONTENTS .OPTIONS td
{
	border-bottom:none;
}

body .Control .CONT_PANNEL .CONTENTS .RESULTS table th:nth-child(1){
	width: 20px;
	padding-top:1px;
}
body .Control .CONT_PANNEL .CONTENTS .RESULTS table th:nth-child(1) img{
	height: 65%;
}
body .Control .CONT_PANNEL .CONTENTS .RESULTS table td{
	width: 100px;
	text-align: right;

	height:27px;
}

body .Control .CONT_PANNEL .CONTENTS .RESULTS table th, body .Control .CONT_PANNEL .CONTENTS .RESULTS table td{
	border:none;
}

body .Control .CONT_PANNEL .st0{
	color: #792e00;
}
body .Control .CONT_PANNEL .st1{
	color: #cf0202;
}
body .Control .CONT_PANNEL .st2{
	color: #006cd0;
}
body .Control .CONT_PANNEL .st3{
	color: #d003c1;
}
body .Control .CONT_PANNEL .st4{
	color: #d0c803;
}
body .Control .CONT_PANNEL .st5{
	color: #ec971f;
}

body .Control .CONT_PANNEL .BOTTOM{
	width: 100%;
	height: 40px;
	line-height: 40px;

    display: flex;
    justify-content: space-between;
}

body .Control .CONT_PANNEL .BOTTOM button{
	color: #009788;
	font-size: 13px;
	padding:0 10px;
	font-weight:bold;
}

body .Control .CONT_PANNEL .BTM_OPTION{
	margin-left: 10px;
}
body .Control .CONT_PANNEL .BTM_OPTION .title{
	padding:2px 5px 3px;
	margin-right:3px;

	font-weight:bold;
	background-color:#009d6f;
	color: #fff;

	border-radius:2px;
}
body .Control .CONT_PANNEL .BTM_OPTION .state{
	margin-right:10px;
}

body .Control .CONT_PANNEL .BTM_BUTTON{
	margin-right: 10px;
}

body .Control .CONT_PANNEL .BTM_PROG{
	margin-left: 10px;
	font-weight: bold;
	color: #f00;
	text-align: center;
}

body .Control .CONT_PANNEL .BTM_PROG .progress_img{
	background-image: url("../images/progress.gif");
	background-size: 20px;
	position: absolute;
	width:20px;
	height:20px;
	border: 1px solid #00f;
}

.noTitle .ui-dialog-titlebar {
	display: none;
}

.Progress .ui-dialog-content{
	padding:16px 10px !important;
}
.Progress {
	background-color: #f7f7f7;
}
.Progress .ProgressBoard{
	display: flex;
	justify-content: space-between;
}

.Progress .ProgressLabel{
	font-size: 16px;
	margin-bottom:10px;
}

.ImageViewer .ui-dialog-content{
	padding:5px !important;
}
.ImageViewer {
	background-color: #fff;
}
.ImageViewer img {
	cursor:pointer;
}
.ImageViewer div {
	height: 25px;
	text-align: right;
	font-weight:bold;

	box-sizing: border-box;
	padding-top:5px;

	font-size:14px;
}

/* 다이얼로그 라이트윈도우 */
.DLG_LW_BACK {
	position: absolute;
	width:100%;
	height:100%;
	background-color: #333;

	opacity: 0.3;

	z-index: 100;

	display: none;

	top:0px;
	left:0px;
}
.ui-dialog .DLG_LW {
	position: absolute;
	z-index: 101;

	left:50%;
	top:50%;

	display: none;
}

.ui-dialog .DLG_LW .lw_frame{
	box-sizing: border-box;
	border:0px solid #dddddd;
	box-shadow: 0 0 15px 1px rgba(0,0,0,0.2);

	border-radius: 5px;

	padding:5px 10px;
	background-color: #fff;

	margin-bottom:10px;
}
.ui-dialog .DLG_LW .lw_frame button.close{
	margin: 0;
	padding:0;
	width:16px;
	height:16px;

	right:0;
	top:6px;

	position:absolute;

	border:none;
	background: none;

	cursor: pointer;
	box-sizing:border-box;
}
.ui-dialog .DLG_LW .lw_frame button.close span {
	display: inline-block;
	width: 16px;
	height: 16px;

	background-image: url("/images/btn/close_black.svg");
	background-position: 3px 3px;
	background-size: 10px auto;
	background-repeat: no-repeat;
}

.ui-dialog .DLG_LW .lw_title{
	height: 30px;
	line-height: 30px;
	border-bottom:2px solid #aa3517;

	position:relative;

	color:#111;
	font-family:"맑은 고딕";
	font-weight:bold;
	font-size:14px;

	margin-bottom:5px;
}
.ui-dialog .DLG_LW .lw_title .titleRight{
	position: absolute;
	top:0;
	right:0;
}

.ui-dialog .DLG_LW .lw_filebox{
	padding:2px 0;
	width:400px;
}
.ui-dialog .DLG_LW .lw_filebox td:nth-child(1){
	width:80px;
}
.ui-dialog .DLG_LW .lw_filebox td:nth-child(2) .selFilename{
	box-sizing:border-box;
	padding-left:5px;
	padding-right:5px;
	border:1px dashed #bbbbbb;
	height: 26px;
	line-height: 26px;

	cursor: pointer;
}
.ui-dialog .DLG_LW .lw_filebox td:nth-child(3){
	width:110px;
	height: 30px;

	text-align: right;
}
.ui-dialog .DLG_LW .lw_filebox input{
	width:100%;
}

.ui-dialog .DLG_LW .lw_addInfo{
	padding:2px 0;
	width:550px;
}

.ui-dialog .DLG_LW .lw_addInfo table{
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-bottom: 2px;
}

.ui-dialog .DLG_LW .lw_addInfo th, .ui-dialog .DLG_LW .lw_addInfo td{
	border: 1px solid #ccc;
	text-align: center;
	padding:8px 5px;
}
.ui-dialog .DLG_LW .lw_addInfo th{
	background-color: #f7f7f7;
}

.ui-dialog .DLG_LW .lw_workReturn{
	padding:2px 0;
	width:250px;
}

.ui-dialog .DLG_LW .lw_complainNotice{
	padding:2px 0;
	width:600px;
}
.ui-dialog .DLG_LW .lw_complainNotice table td{
	padding:2px 0;
	box-sizing: border-box;
}
.ui-dialog .DLG_LW .lw_complainNotice input, .ui-dialog .DLG_LW .lw_complainNotice select{
	padding:2px 5px;
	border:1px solid #dddddd;
	width:100%;
	height:25px;

	box-sizing: border-box;
}
.ui-dialog .DLG_LW .lw_complainNotice textarea{
	padding:5px 5px;
	border:1px solid #dddddd;
	width:100%;

	box-sizing: border-box;
}
.ui-dialog .DLG_LW .buttonBar{
	margin-top:3px;
	border-top:1px dashed #efefef;
	padding:4px 0;
	text-align: right;
}

.ui-dialog .DLG_LW .lw_input hr{
	border-color:#ddd;
	border-style:dashed;
}
.ui-dialog .DLG_LW .lw_input caption{
	display: inline-block;
	text-align: left;

	box-sizing: border-box;

	padding-bottom:3px;
	border-bottom:3px solid #ddd;
	margin-top: 6px;
	margin-bottom: 3px;
	margin-left: 3px;
	font-size: 12px;
}
/*서브페이지 관련*/

.SUBPAGE .LEFT_MENU{
	position: absolute;
	height: 100%;
	width:200px;

	top:0;
	left:0;

	background-color: #fff;

	box-sizing: border-box;
	border-right:1px solid #d2d4d7;
}
.SUBPAGE .LEFT_MENU .MenuList{
	padding:0;
	margin:0;

	padding-top:20px;
}
.SUBPAGE .LEFT_MENU .MenuList li.separation{
	padding:0;
	margin:0 18px;

	height:10px;

	border-top: 1px dashed #ccc;
	box-sizing: border-box;
}
.SUBPAGE .LEFT_MENU .MenuList li.label{
	padding:0;
	margin:0;
	margin-bottom: 10px;

	height:30px;
	line-height: 30px;

	border-left:8px solid #fff;
	box-sizing: border-box;

	font-size:16px;

	padding-left:15px;

	color: #999;

	cursor: pointer;

	background-image: url(/images/icons/submenu/sub_icon.svg);
	background-size: auto 70%;
	background-position: right 20px center;
	background-repeat: no-repeat;
}

.SUBPAGE .LEFT_MENU .MenuList li.label:hover, .SUBPAGE .LEFT_MENU .MenuList li.selected{
	color:#4267b2;
	border-color:#4267b2;
	background-image: url(/images/icons/submenu/sub_icon_sel.svg);
}
.SUBPAGE .TITLE{
	position: absolute;
	top:0;
	right:0;
	height: 40px;
	line-height: 39px;
	width:calc(100% - 200px);

	background-color: #fff;

	box-sizing: border-box;
	border-bottom:1px solid #d2d4d7;
}
.SUBPAGE .TITLE .TITLE_RIGHT{
	position: absolute;
	top:0;
	right:0;
	height: 100%;
}
.SUBPAGE .TITLE .TITLE_RIGHT div.INT_Y, .SUBPAGE .TITLE .TITLE_RIGHT div.INT_Y{
	height: 100%;
}
.SUBPAGE .TITLE .TITLE_RIGHT .slogan{
	font-size:16px;
	color:#ddd;

	padding-right:10px;

	cursor: default;
}
.SUBPAGE .TITLE .TITLE_RIGHT .facMenu{
	font-size:13px;
	font-weight:bold;
	color:#666;

	cursor: pointer;

	padding:0 10px;

	border-bottom:3px solid #fff;
	box-sizing: border-box;

	display: inline-block;

	height:100%;
}
.SUBPAGE .TITLE .TITLE_RIGHT .facMenu:hover, .SUBPAGE .TITLE .TITLE_RIGHT .facMenu.selected{
	color:#3b5998;

	border-bottom:3px solid #3b5998;
}
.SUBPAGE .TITLE .TITLE_NAME{
	margin-left:10px;
	font-size:16px;
	font-weight:bold;
}
.SUBPAGE .CONTENTS{
	position: absolute;
	bottom:0;
	right:0;
	height: calc(100% - 40px);
	width:calc(100% - 200px);

	background-color: #e9ebee;

	box-sizing: border-box;

	padding:10px;
}
/*메뉴관리*/
.SUBPAGE .menuList{
	height:100%;
	overflow-x: auto;
}
.SUBPAGE .menuList .top_menu_box{
	padding:10px 0;
	border-bottom: 2px solid rgba(0,0,0,0.6);
}
.SUBPAGE .menuList .top_menu_box:hover{
	background-color: #f7f7f7;
}
.SUBPAGE .menuList .top_menu_box:last-child{
	border-bottom: none;
}
.SUBPAGE .menuList .top_menu_box th{
	width:100px;

	text-align: left;
	vertical-align: top;
}
.SUBPAGE .menuList .top_menu_box th .top_title{
	width: 96%;
	font-size: 17px;
	padding: 5px 10px 7px;
	background-color: rgba(0,0,0,0.6);
	border-radius: 3px;
	color: #f7f7f7;
	margin-bottom: 5px;

	box-sizing: border-box;
	font-family: "Noto Sans KR";
	font-weight: normal;
}
.SUBPAGE .menuList .top_menu_box tr td:nth-child(2){
	width: 100px;
	border-right:5px solid #ddd;
	font-weight:bold;

	vertical-align: top;
}
.SUBPAGE .menuList .top_menu_box tr td:nth-child(3){
	padding-left:10px;
}
.SUBPAGE .menuList .sub_menu_box{
	border-bottom:1px dashed #ccc;
	height: 30px;;
	padding-left:10px;
}
.SUBPAGE .menuList .sub_menu_box:last-child{
	border-bottom:none;
}

.SUBPAGE .menuList .sub_menu_box dt{
	width:120px;
	float: left;
}
.SUBPAGE .menuList .sub_menu_box dt, .SUBPAGE .menuList .sub_menu_box dd{
	float: left;
	height: 30px;
	line-height: 30px;
}
.SUBPAGE .menuList .top_auth.auth_check label{
	display: block;
	margin-right: 0px;
	margin-bottom: 5px;
}
.SUBPAGE .menuList .sub_auth.auth_check label{
	margin-right: 20px;
}
.SUBPAGE .menuList .alert{
	color:#aaa;
}

/*환경설정*/
.SUBPAGE .config_box{
	background-color: #fff;

	box-sizing: border-box;
	border:1px solid #d2d4d7;

	padding:10px;

	margin-bottom: 5px;
	margin-top:5px;
}
.SUBPAGE .config_box th{
	width: 80px;
	height: 25px;

	text-align: left;
}
.SUBPAGE .config_box th span{
	display: inline-block;
	padding-left:6px;
	box-sizing:border-box;
	width: 75px;
	border-right:2px solid #aaa;
}


.SUBPAGE .config_box td .noInput,
.SUBPAGE .config_box td input
{
	width:100%;
	box-sizing: border-box;
	padding: 2px 5px;
	margin:0;
	border:none;
	height:20px;

	font-size:12px;

	color:#666666;

	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
}

.SUBPAGE .config_box a{
	text-decoration: none;
}
.SUBPAGE .config_box a:link{
	text-decoration: none;
}
.SUBPAGE .config_box a:hover{
	text-decoration: underline;
}

.SUBPAGE .config_power th span{
	display: inline-block;
	width:80%;
	padding:3px 5px;
	background-color: #eee;
	border-radius: 3px;
	border:none;
}
.SUBPAGE .config_power th{
	text-align: center;
}
.SUBPAGE .config_power th.title_enable{
	width: 75px;
}
.SUBPAGE .config_power th.title_disable{
	color:#ddd;
	width: 75px;
}
.SUBPAGE .config_power td span.disabled{
	color:#ddd;
}

.SUBPAGE .config_power td{
	position: relative;
	text-align: center;
}
.SUBPAGE .config_power td .theme-light{
	border-color: #ddd;
	width: 90%;
	height:20px;
	box-sizing: border-box;
	text-align: right;
	padding-right:25px;
}
.SUBPAGE .config_power td input{
	border-radius: 2px;
	border:1px solid #ddd;
	width: 90%;
	height:20px;
	box-sizing: border-box;
	text-align: right;
	padding-right:25px;
}
.SUBPAGE .config_power td span.unit{
	position: absolute;
	color: #ccc;
	right:10px;
	top:6px;

	font-family: "tahoma";
	font-size: 11px;
}
.SUBPAGE .config_alarm tr th, .SUBPAGE .config_alarm tr td {
	/*border-bottom: 1px dashed #dedede;*/
	border-bottom: 1px solid #fff;
}

.SUBPAGE .config_alarm th{
	text-align: left;
	width: 75px;
	height: 27px;
	box-sizing: border-box;
}
.SUBPAGE .config_alarm th span{
	width: 65px;
}
.SUBPAGE .config_alarm td{
	width: auto;
	box-sizing: border-box;
}
.SUBPAGE .config_alarm td input{
	height:13px;
	width: 13px;
}
.SUBPAGE .config_alarm th.title_disable{
	color:#ddd;
	text-decoration: line-through;
}
.SUBPAGE .config_alarm td.disabled{
	color:#ddd;
	text-decoration: line-through;
}


.SUBPAGE .month_list {
	clear: both;
	margin: 5px 0;
}
.SUBPAGE .month_list:after {
	clear: both;
	display: block;
	content: "";
}
.SUBPAGE .month_list li {
	float: left;
	margin-right: 6px;
}
.SUBPAGE .month_list li:nth-child(odd){
	width:38px
}
.SUBPAGE .month_list li:nth-child(even){
	width:39px;
}
.SUBPAGE .month_list li:last-child{
	margin-right: 0px;
}
.SUBPAGE .month_list li button {
	width: 100%;
	box-sizing: border-box;

	border:1px solid #d2d4d7;
	background-color: #fff;

	font-size: 11px;
	cursor: pointer;
	margin:0;
	padding:3px 0;
}
.SUBPAGE .month_list li button.active {
	background-color: #3b5998;
	color:#fff;
}


.GridPage .filter {
	background-color: #fff;

	box-sizing: border-box;
	border:1px solid #d2d4d7;

	padding:10px;

	margin-bottom: 5px;
}
.GridPage .filter tr td, .SUBPAGE .filter tr th{
	padding-bottom:5px;
	height: 22px;
	overflow: hidden;
}
.GridPage .filter tr:last-child td, .SUBPAGE .filter tr:last-child th{
	padding-bottom:0;
}
.GridPage .filter th{
	padding-right:5px;
	text-align: right;
}
.GridPage .filter th.dueDate{
	position: relative;
	cursor: pointer;
}
.GridPage .filter td .dueDateSel{
	position: absolute;
	left:0;
	top:0px;
	display: inline-block;
	height: 22px;
	line-height: 22px;
	background-color: #fff;
	box-sizing: border-box;

	display: none;
}
.GridPage .filter td.dueDateSel button {
	height:22px;
}
.GridPage .filter td.dateSel {
	text-align: right;
}
.GridPage .filter td.dateSel button {
	height:22px;
}
.GridPage .filter td.dateSel .dateSelBtn {
	display: none;
}

.GridPage .dayClass{
	width: 100%;
	display: none;
}
.GridPage .btnDayClass.daySelected{
	background-color: #3b5998 !important;
	color: #fff;
}
.GridPage .filter td{
	box-sizing: border-box;
}
.GridPage .filter td input[type='text']{
	width:100%;
	height:22px;

	color:#666;
	font-size: 12px;

	padding:2px 5px;

	box-sizing: border-box;

	margin:0;
	border:1px solid #ddd;
	border-radius: 2px;

}
.GridPage .filter td .theme-light{
	border-color:#ddd;
	display: block;
}

.GridPage .filter td input.date{
	width:43%;
	margin:0;

	background-repeat: no-repeat;
	background-image: url(/images/icons/calendar.svg);
	background-position: right 5px center;
	background-size: auto 16px;
}
.GridPage .filter td input.month, .GridPage .filter td input.year{
	width:43%;
	margin:0;

	background-repeat: no-repeat;
	background-image: url(/images/icons/calendar.svg);
	background-position: right 5px center;
	background-size: auto 16px;
}
.GridPage .filter td input.dateEnd {
	float: right;
}
.GridPage .filter td .tilt{
	width:11%;
	display: inline-block;
	box-sizing: border-box;
	margin:0;
	padding:0;
	text-align: center;
}

.GridPage .filter td.dueDateHour input.date{
	width:32%;
	margin:0;

	background-repeat: no-repeat;
	background-image: url(/images/icons/calendar.svg);
	background-position: right 5px center;
	background-size: auto 16px;
}
.GridPage .filter td.dueDateHour input.hour{
	width:12%;
	margin:0;

	position: relative;
	cursor: default;

	background-image: url(/images/icons/hour_holder.jpg);
	background-repeat: no-repeat;
	background-position: 75% 50%;
}
.GridPage .filter td.dueDateHour input.dateEnd {
	float: none;
}
.GridPage .filter td.dueDateHour input.timeEnd {
	float: right;
}
.GridPage .filter td.dueDateHour .tilt{
	width:7.7%;
	display: inline-block;
	box-sizing: border-box;
	margin:0;
	padding:0;
	text-align: center;
}

.GridPage .filter td input.search{
	padding-right:26px;

	cursor: default;
}
.GridPage .filter td input.search + button{
	height: 22px;
	padding:3px 5px;
	margin:0;
	background-color: transparent;
	border: none;

	cursor: pointer;

	position: absolute;
	right:0;
	top:1px;
}
.GridPage .filter td input.search + button span{
	width: 16px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(/images/icons/search.svg);
	background-position: 50% 50%;
	background-size: auto 16px;
}
.GridPage .filter .btn4 {
	height:22px;
}

.GridPage .filter.noframe {
	background-color: transparent;
	border:none;
	padding:0;
}

.GridPage .content_left{
	float: left;
}
.GridPage .content_right{
	float: right;
}

.GridPage .content_before {
	/*background-color: #fff;
	border:1px solid #ddd;*/
	border-bottom:none;
	box-sizing:border-box;
	padding:2px 0px;

	position: relative;
}
.GridPage .content_before .zone_count{
	position: absolute;

	top:3px;
	right:0;
	font-size: 11px;
	font-family:'tahoma';
}

.GridPage .content_before .total_title{
	margin-left: 10px;
	font-weight:bold;
}
.GridPage .content_before .zone_function .total_title{
	margin-left: 0px;
}
.GridPage .content_before .total_cnt{
	font-weight:normal;
}

.GridPage .content_before .title{
	padding-left:5px;
	border-left:5px solid #999;
	color:#666;

	position: relative;
	top:3px;
	left:1px;

	font-weight: bold;
}

.GridPage .content_before .textbox{
	padding:0;
	margin: 0;
	height: 19px;
	border: 1px solid #d2d4d7;

	box-sizing: border-box;
	position: relative;
	top:-1px;
}

.GridPage .content_before .btn4{
	position: relative;
	left:1px;
}
.GridPage .content_before fieldset{
	height: 19px;
}
.GridPage .content_before fieldset .sub_filter{
	display: inline-block;
	margin-right: 5px;
	border:none;
	border-radius: 2px;


	position: relative;
	top:-2px;
}

.GridPage .content_before fieldset .sub_filter .sub_title{
	font-weight: bold;
	margin-right: 4px;
	margin-left: 6px;

	color:white;
	padding:2px 6px 3px;
	border-radius: 2px;
	background-color: rgba(0,0,0,0.6);
}

.GridPage .content_after{
	margin-top:3px;
	position: relative;
}

.GridPage .content_after .zone_print{
	margin-right:5px;
	display: inline-block;
}
.GridPage .content_after .zone_print .sep{
	width: 1px;
	height: 10px;
	margin-top: 5px;
	border-right:1px solid #999;
	display: inline-block;
}
.GridPage .content_after .zone_page{
	position: absolute;
	right:0px;
	top:1px;
}
.GridPage .content_after .zone_record{
	display: inline-block;
	font-family:'tahoma';
	font-size: 11px;
}
.GridPage .content_after .zone_record button{
	height: 15px;
	padding:0;
	margin:0;
	background-color: transparent;
	border: none;

	cursor: pointer;

	position: relative;
	right:0;
	top:4px;
	margin-left:5px;
}
.GridPage .content_after .zone_record button span{
	width: 15px;
	height: 15px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(/images/icons/reload.svg);
	background-position: 50% 50%;
	background-size: auto 15px;
}
.GridPage .content_main .ui-widget.ui-widget-content{
	border-color:#d2d4d7;
}
.GridPage .ui-state-default.ui-jqgrid-hdiv, .GridPage .ui-state-default.ui-th-column.ui-th-ltr{
	background-color: #fff;
}
.GridPage .content_main .ui-jqgrid .ui-jqgrid-htable th{
	border-right:none;
	border-left:none;
}

.GridPage .content_main .groupHeader .ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header div{
	border-bottom:4px solid #f7f7f7;
	border-radius: 2px;

	position: relative;
	top:3px;

	width: calc(100% - 4px);
	margin: 0 2px;
	padding:0 ;

	box-sizing: content-box;
}
.GridPage .content_main .ui-jqgrid .ui-jqgrid-htable th{
	padding-right:3px;
	background-color: #ffffff;
}
.GridPage .content_main .ui-jqgrid .ui-jqgrid-htable th:hover{
	background-color: #ffffff;
}
.GridPage .content_main .ui-jqgrid .ui-jqgrid-htable th span{
	border-right:2px solid #eeeeee !important;

	display: inline-block;

	position: relative;
	top:6px;
	left:1px;
	height: 13px !important;
	width: 4px;
	overflow: hidden;
	/*background-color: #eeeeee;*/
}
.GridPage .content_main .ui-jqgrid .ui-jqgrid-htable th div {
	box-sizing: border-box;
	padding-left:4px;
}
.GridPage .content_main .ui-jqgrid tr.jqgrow td{
	height:29px;
	border-bottom:1px solid #eeeeee;
	padding-right:3px;
}
.GridPage .content_main .ui-jqgrid tr.ui-row-ltr td{
	border-right:none;

}
.GridPage .content_main .frozen-bdiv tr td:last-child{
	border-right:1px dashed #ddd;
}


body .ui-jqgrid-bdiv .noData{
	position: absolute;
	top: 50%;
	left: 0;
	height: 30px;
	line-height: 30px;
	width: 100%;
	font-size: 16px;
	font-weight:normal;

	margin-top: -15px;

	text-align: center;

	color: #ccc;
}
/*jqgrid group*/
.SUBPAGE .jqgroup_title, .SUBPAGE .jqgroup_workdate {
	color:#4267b2;
}
.jqgroup_title{
	font-weight: bold;
}
.jqgroup_workdate{
	font-weight: bold;
	float:right;
}

/*스크롤 관련*/
.customScroll1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(100,100,100,0.1);
	background-color: #f7f7f7;
}

.customScroll1::-webkit-scrollbar
{
	width: 5px;
	height: 5px;
	background-color: #f7f7f7;
}

.customScroll1::-webkit-scrollbar-thumb
{
	background-color: #999999;
}

.float_left{
	float:left;
}
.float_right{
	float:right;
}
.after_clear::after{
	content: "";
	display: block;
	clear: both;
}
.checkList, .checkList ul{
	display: inline-block;
}
.checkList ul li{
	display: inline-block;
	margin-right: 5px;
}
.checkList ul li:last-child{
	margin-right: 0;
}
.price_hist table tr th:nth-child(1), .price_hist table tr td:nth-child(1){	width:45px !important;}
.price_hist table tr th:nth-child(2), .price_hist table tr td:nth-child(2){	width:88px !important; }
.price_hist table tr th:nth-child(3), .price_hist table tr td:nth-child(3){	width:88px !important; }
.price_hist table tr th:nth-child(4), .price_hist table tr td:nth-child(4){	width:88px !important; }

.price_hist table tr td:nth-child(2){text-align: right; padding-right:10px; }
.price_hist table tr td:nth-child(3){text-align: right; padding-right:10px; }

.smsList li{
	padding: 8px 0;
	border-bottom: 1px dashed #ddd;
}
.smsList li:first-child{
	padding-top: 0;
}
.smsList li label{
	display: inline-block;
	width: 120px;
}

.lw_title .dataFile{
	position: absolute;
	right: 0;
	top: 0;
}
.lw_title .dataFile a{
	display: inline-block;
	margin-left: 10px;
	font-size: 11px;
	font-weight: normal;
	background-image: url('/images/icons/excel.svg');
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: 0 50%;
	padding-left: 16px;

	cursor: pointer;
}
.lw_title .dataFile a:hover{
	text-decoration: underline;
}

body .ui-dialog.pop_resv_list {
	position: absolute;
	width: 300px;
	height: 500px;
	background-color: #fff;
}
body .ui-dialog.pop_resv_list .titleBox{
	position: relative;

	height: 50px;
	box-sizing: border-box;
	padding: 15px 0 10px 10px;
}
body .ui-dialog.pop_resv_list .titleBox .title{
	font-size: 18px;
	font-family: "Noto Sans KR";
}
body .ui-dialog.pop_resv_list .titleBox button{
	position: absolute;
	right: 0;
	bottom: 10px;
}

body .ui-dialog.pop_resv_list .listBox{
	background-color: #f5f5f5;
	height: calc(100% - 90px);
	padding: 10px;
	box-sizing: border-box;
}
body .ui-dialog.pop_resv_list .nodataMsg{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	width: 100%;

	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #aaa;
}
body .ui-dialog.pop_resv_list .bottomBox{
	height: 40px;
	line-height: 40px;
	text-align: right;
}

body .ui-dialog.pop_resv_list button.text{
	color: #009788;
	font-size: 13px;
	padding: 0 10px;
	font-weight: bold;
	background-color: transparent;

	cursor: pointer;
}

body .ui-dialog.pop_resv_list .resvBox{
	background-color: #fff;
	box-shadow: 0 0 5px rgba(250, 250, 250, 0.7);
	padding: 4px 8px 4px 0;
	margin-bottom: 10px;

	display: flex;
	flex-direction: row;
}

body .ui-dialog.pop_resv_list .resvBox .resvTitle{
	width: 50px;
	border-right: 1px dashed #ccc;
	margin-right: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;

}
body .ui-dialog.pop_resv_list .resvBox .resvTitle > div {
	width: 100%;
	text-align: center;
}
body .ui-dialog.pop_resv_list .resvBox .resvTitle .resvNo{
	font-size: 25px;
	font-weight: 900;
	font-family: 'Noto Sans KR';
	color: #222;
}
body .ui-dialog.pop_resv_list .resvBox .resvTitle .del {
	background-color: transparent;
	background-image: url(/images/icons/trash.svg);
	background-size: 20px auto;
	width: 20px;
	height: 20px;

	border: 0;
	padding: 0;
	margin: 0;

	cursor: pointer;
}
body .ui-dialog.pop_resv_list .resvBox .resvSetBox{
	width: calc(100% - 50px);
}
body .ui-dialog.pop_resv_list .resvBox .resvSetBox dl{
	display: flex;
	flex-direction: row;
	border-bottom: 1px dotted #ccc;
}
body .ui-dialog.pop_resv_list .resvBox .resvSetBox dl:last-child{
	border-bottom: none;
}
body .ui-dialog.pop_resv_list .resvBox .resvSetBox dt{
	display: flex;
	color: #333;
	width: 40px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	margin: 0;
}
body .ui-dialog.pop_resv_list .resvBox .resvSetBox dd{
	text-align: right;
	color: #777;
	width: calc(100% - 40px);
	height: 30px;
	line-height: 30px;
	margin: 0;
}
body .ui-dialog.pop_resv_list .resvBox .resvSetBox dd input{
	font-size: 12px;
}

.flex_h {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.ClusterBox {
	font-size: 14px;

	height: 34px;
	line-height: 34px;
	display: flex;
	flex-direction: row;

	align-items: center;
}
.ClusterBox .sign {
	display: flex;
	flex-direction: row;
	margin-right: 5px;
	border-radius: 8px;

	box-shadow: 0 2px 0 rgba(20, 20, 20, 0.2), 0 0 5px rgba(100, 100, 100, 0.5);
}
.ClusterBox .label {
	color: #fff;
	padding: 0 10px 0 35px;
	height: 34px;
	line-height: 34px;

	display: inline-block;
	cursor: pointer;

	background-repeat: no-repeat;
	background-size: auto 70%;
	background-position: 7px center;

	border-radius: 8px 0 0 8px;
}
.ClusterBox .count {
	background-color: #fff;
	padding: 0 5px;
	color: #222;
	font-weight: bold;

	height: 34px;
	line-height: 34px;
	min-width: 30px;
	text-align: center;

	display: inline-block;
	cursor: pointer;

	border-radius: 0 8px 8px 0;
}
.ClusterBox button {
	width: 26px;
	height: 26px;
	border-radius: 13px;

	cursor: pointer;
	background-image: url('/images/infobox/search_map.svg');
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center center;

	opacity: 0.7;
	display: none;
}
.ClusterBox button:hover {
	opacity: 1;
}
.ClusterBox.Type_ROAD .label, .ClusterBox.Type_ROAD button {
	background-color: #e3861b;
}
.ClusterBox.Type_DONG .label, .ClusterBox.Type_DONG button {
	background-color: #D95050;
}
.ClusterBox.Type_ROAD .label {
	background-image: url('/images/infobox/icon_road.svg');
}
.ClusterBox.Type_DONG .label {
	background-image: url('/images/infobox/icon_dong.svg');
}