@charset "utf-8"; 

.mainSec{width:calc( 100% - 80px ); height:calc( 100% - 140px ); padding:35px 40px; overflow:hidden; }
.cnTit{width:100%; height:24px; line-height:24px; color:#fff; font-size:16px; font-family: 'Rubik', 'notokr-regular'; font-style: normal; font-weight: 400; }
.cnTit .sideBtn{float:right; margin-top:-10px; }
.cnTit .sideBtn button{border:0; width:25px; height:25px; overflow:hidden; font-size:0; text-indent:-2000px; }
.cnTit .sideBtn button.btnAdd{background:url(../images/ico/ico_edgeDefault.png) no-repeat -19px 0; }
.cnTit .sideBtn button.btnDelete{background:url(../images/ico/ico_edgeDefault.png) no-repeat -45px 0; }

/*¼¾Å͸ÞÀÎ_¼¾ÅͽýºÅÛ*/
.systemStatus{margin-bottom:12px; width:100%; height:125px; overflow:hidden; border-radius:3px; background:#313c4c; }
.systemStatus ul{width:100%; height:125px; overflow:hidden; }
.systemStatus ul li{position:relative; float:left; overflow:hidden; width:24.9%; border-right:1px solid rgba(0,0,0,0.3); box-shadow: 1px 0px 0px 0px rgba(255,255,255,0.05); margin:30px 0}
.systemStatus ul li:last-child{border-right:none; box-shadow:none; }
.systemStatus ul li .tit{position:relative; float:left; margin-left:50px; color:#b7b9bd; font-size:16px; font-family: 'notokr-demilight'; font-style: normal; font-weight: 400; padding-right:12px; height:18px; line-height:18px; }
.systemStatus ul li .tit .subj{float:left; height:18px; color:#b7b9bd; font-size:15px; font-family: 'notokr-demilight'; font-style: normal; font-weight: 400; }
.systemStatus ul li .tit .arr{font-size:0; text-indent:-2000px; margin:5px 0 0 8px; width:6px; height:8px; overflow:hidden; background:url(../images/ico/ico_common.png) no-repeat left -33px; } 
.systemStatus ul li .per{float:right; margin-right:50px; font-size:60px; line-height:45px; color:#48f98f; font-family: 'Roboto'; font-style: normal; font-weight: 300; }
.systemStatus ul li .per span{font-size:25px; color:#48f98f; font-family: 'Roboto'; font-style: normal; font-weight: 100; }
.systemStatus ul li .bar{position:relative; float:left; clear:both; overflow:hidden; width:calc( 100% - 100px ); height:6px; margin-top:5px; margin:0 50px; background:#1f2937; border-radius:3px; }
.systemStatus ul li .bar span{display:block; float:left; overflow:hidden; width:0; height:6px; border-radius:3px; background:#48f98f; }

	.systemStatus ul li.error .per{color:#ff0000; }
	.systemStatus ul li.error .per span{color:#ff0000; }
	.systemStatus ul li.error .bar span{background:#ff0000; }

	.systemStatus ul li.warning .per{color:#fff32d; }
	.systemStatus ul li.warning .per span{color:#fff32d; }
	.systemStatus ul li.warning .bar span{background:#fff32d; }

/*¼¾Å͸ÞÀÎ_ÆÄÆ®³Ê*/
.partnerStatus{width:100%; height:160px; overflow:hidden; border-radius:3px; }
.partnerStatus ul{width:calc( 100% + 18px ); margin-left:-18px; height:160px; overflow:hidden; }
.partnerStatus ul li{ float:left; position:relative; width:calc( 20% - 18px ); height:160px; overflow:hidden; background:#313c4c; margin:0 0 0 18px; border-radius:3px; }
.partnerStatus ul li:hover{background:#161a24; cursor:pointer; }
.partnerStatus ul li:hover .cardFront{display:none; }
.partnerStatus ul li:hover .cardBack{display:block; }
.partnerStatus ul li .tit{position:relative; float:left; margin-left:50px; margin-top:40px; color:#b7b9bd; font-size:16px; font-family: 'Rubik', 'notokr-demilight'; font-style: normal; font-weight: 400; padding-right:12px; height:18px; line-height:18px; }
.partnerStatus ul li .tit .subj{float:left; height:18px; color:#b7b9bd; font-size:16px; font-family: 'notokr-demilight'; font-style: normal; font-weight: 400; }
.partnerStatus ul li .tit .arr{ float:left; overflow:hidden; font-size:0; text-indent:-2000px; margin:5px 0 0 8px; width:6px; height:8px; background:url(../images/ico/ico_common.png) no-repeat left -33px; } 
.partnerStatus ul li .e01{font-family: 'Rubik', 'notokr-demilight'; font-style: normal; font-weight: 400; color:#b7b9bd; font-size:13px; position:absolute; right:42px; top:54px; }
.partnerStatus ul li .value{font-family: 'Roboto'; font-style: normal; font-weight: 300; position:absolute; right:40px; bottom:40px; font-size:43px; color:#fff; }
.partnerStatus ul li .value strong{color:#48f98f; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size:43px; }

	/*ŸÀ̸Ó*/
	.partnerStatus ul li .cardBack{display:none; }
	.partnerStatus ul li .time{ float:left; width:calc( 100% - 100px ); height:auto; overflow:hidden; font-size:43px; color:#fff; font-family: 'Roboto'; font-style: normal; font-weight: 300; margin:20px 50px 0 50px; }
	.partnerStatus ul li .clock{position:absolute; right:50px; top:65px; width:62px; height:62px; overflow:hidden; }
	.myCircle{margin:-89px 0 0 -89px; transform: scale(.26); }
	.clockNeedle{position: absolute; left: 30px; top: 50%; width: 90px; height:16px; margin-top:-12px; background:#a8bec9; transform-origin:100% 50%; -webkit-transform-origin:100% 50%; transform:rotate(90deg); z-index:20; }

	.partnerStatus ul li.error{background:#ff0000; }
	.partnerStatus ul li.error .c100:after{background-color:#ff0000}

	.partnerStatus ul li.warning{background:#fff32d; }
	.partnerStatus ul li.warning .c100:after{background-color:#fff32d}

/*¼¾Å͸ÞÀÎ_µ¥ÀÌÅͺ¸µå*/
.systemStatus.centerType{background:transparent}
.systemStatus.centerType ul li{margin:0 20px 0 0; padding:23px 0 34px; height:65px; background:#313c4c; border-radius:3px; border:0; box-shadow:none; }
.systemStatus.centerType ul li{width:calc( 25% - 20px ); }
.systemStatus.centerType ul li.last{width:25%; margin-right:0; }
.systemStatus.centerType ul li.item01{width:calc( 50% - 190px ); }
.systemStatus.centerType ul li.item02{width:calc( 50% - 190px ); }
.systemStatus.centerType ul li.item03{width:340px; margin-right:0; }
.systemStatus.centerType ul li.item03 .per{font-size:55px; margin-top:10px; }
.systemStatus.centerType ul li.item03 .per span{font-size:22px; }
.systemStatus.centerType .targetBox{float:left; width:calc( ( 100% - 232px ) / 3 ); height:auto; overflow:hidden; text-align:center; }
.systemStatus.centerType ul li .targetBox .tit{padding:0; float:none; margin:0; display:inline; }
.systemStatus.centerType ul li .targetBox .tit .subj{float:none; margin:0; display:inline; }
.systemStatus.centerType .targetBox .ibox{font-size:40px; color:#fff; font-family: 'Roboto'; font-style: normal; font-weight: 300; width:100%; height:60px; line-height:60px; text-align:center; position:relative; }
.systemStatus.centerType .targetBox .ibox:before{content:""; position:absolute; left:50%; top:50%; overflow:hidden; }
.systemStatus.centerType .targetBox .ibox.ico01:before{width:42px; height:46px; margin:-23px 0 0 -21px; background:url(../images/ico/ico_centerDefault.png) no-repeat 0 0; }
.systemStatus.centerType .targetBox .ibox.ico02:before{width:42px; height:51px; margin:-26px 0 0 -21px; background:url(../images/ico/ico_centerDefault.png) no-repeat 0 -50px; }
.systemStatus.centerType .targetBox .ibox.ico03:before{width:59px; height:44px; margin:-22px 0 0 -30px; background:url(../images/ico/ico_centerDefault.png) no-repeat 0 -113px; }
.systemStatus.centerType .arrArea{margin-top:-17px; float:left; width:116px; height:auto; overflow:hidden; }
.systemStatus.centerType .arrArea .upbox{height:52px; width:100%; overflow:hidden; position:relative; }
.systemStatus.centerType .arrArea .upbox:before{content:""; width:116px; height:15px; overflow:hidden; display:block; background:url(../images/ico/ico_centerDefault.png) no-repeat 0 -177px; position:absolute; left:0; bottom:0; }
.systemStatus.centerType .arrArea .upbox .t01{font-family:'Roboto'; font-style: normal; font-weight: 300; font-size:12px; color:#c3c5c8; text-align:center; width:100%; height:auto; overflow:hidden; }
.systemStatus.centerType .arrArea .upbox .t02{margin-top:-3px; font-family:'Roboto'; font-style: normal; font-weight: 300; font-size:24px; color:#48f98f; text-align:center; width:100%; height:auto; overflow:hidden; }
 
.systemStatus.centerType .arrArea .downbox{margin-top:-5px; height:52px; width:100%; overflow:hidden; position:relative; }
.systemStatus.centerType .arrArea .downbox:before{content:""; width:116px; height:15px; overflow:hidden; display:block; background:url(../images/ico/ico_centerDefault.png) no-repeat 0 -198px; position:absolute; left:0; top:0; }
.systemStatus.centerType .arrArea .downbox .t01{margin-top:10px; font-family:'Roboto'; font-style: normal; font-weight: 300; font-size:24px; color:#48f98f; text-align:center; width:100%; height:auto; overflow:hidden; }
.systemStatus.centerType .arrArea .downbox .t02{margin-top:-3px; font-family:'Roboto'; font-style: normal; font-weight: 300; font-size:12px; color:#c3c5c8; text-align:center; width:100%; height:auto; overflow:hidden; }
 
.systemStatus.centerType .compareBox{position:relative; height:65px; float:left; width:calc( 50% - 32px ); height:auto; overflow:hidden; border-right:1px solid rgba(0,0,0,0.3); box-shadow: 1px 0px 0px 0px rgba(255,255,255,0.05); }
.systemStatus.centerType ul li .compareBox .tit{width:calc( 100% - 30px ); margin:0 0 8px 30px }
.systemStatus.centerType ul li .tit .subj span{font-size:16px; color:#546175; }
.systemStatus.centerType .compareBox .col{position:relative; float:left; font-size:42px; color:#2db6e0; padding-left:40px; margin-left:10px; ; font-family: 'Roboto'; font-weight:300; }
.systemStatus.centerType .compareBox .col:before{content:""; display:block; width:17px; height:16px; overflow:hidden; background:url(../images/ico/ico_centerDefault.png) no-repeat -89px -47px; position:absolute; left:20px; bottom:10px; }
.systemStatus.centerType .compareBox .cor{position:relative; float:left; font-size:42px; color:#fff; margin-left:10px; padding-left:40px; font-family: 'Roboto'; font-weight:300; }
.systemStatus.centerType .compareBox .cor:before{content:""; display:block; width:17px; height:16px; overflow:hidden; background:url(../images/ico/ico_centerDefault.png) no-repeat -89px -66px; position:absolute; left:20px; bottom:10px; }
.systemStatus.centerType .arrBox{float:left; width:60px; height:65px; overflow:hidden; position:relative; cursor:pointer; }
.systemStatus.centerType .arrBox:before{content:""; display:block; width:24px; height:12px; margin:-6px 0 0 -12px; overflow:hidden; background:url(../images/ico/ico_centerDefault.png) no-repeat -54px -51px; position:absolute; left:50%; top:63%; }

.systemStatus.adjustType{height:auto; background:transparent; margin-bottom:20px; }
.systemStatus.adjustType ul{height:auto; }
.systemStatus.adjustType ul li{margin:0 20px 0 0; padding:23px 0 34px; height:103px; background:#313c4c; border-radius:3px; border:0; box-shadow:none; }
.systemStatus.adjustType ul li{width:calc( 25% - 20px ); }
.systemStatus.adjustType ul li.last{width:25%; margin-right:0; }


/*¼¾Å͸ÞÀÎ_¿§Áöº°»óÅ°ªº¸±â*/
.mapInfo .tit{margin-top:40px; color:#b7b9bd; font-size:16px; font-family: 'Rubik','notokr-regular'; font-style: normal; font-weight: 400; padding-right:12px; height:18px; line-height:18px; }
.mapInfo .tit .subj{vertical-align:middle; display:inline-block; height:18px; color:#fff; font-size:18px; font-family: 'Rubik', 'notokr-regular'; font-style: normal; font-weight: 400; }
.mapInfo .tit .arr{vertical-align:middle; display:inline-block; font-size:0; text-indent:-2000px; margin:0 0 0 3px; width:6px; height:8px; overflow:hidden; background:url(../images/ico/ico_common.png) no-repeat left -33px; }
.mapInfo .tit .help{vertical-align:middle; display:inline-block; font-size:0; text-indent:-2000px; margin:0 0 0 3px; width:23px; height:23px; overflow:hidden; background:url(../images/ico/ico_common.png) no-repeat left -391px; } 

.mapInfo .pieBox{position:relative; width:100%; height:calc( 100% - 439px ); overflow:hidden;padding-bottom:0;}
.mapInfo .pieBox .chart{width:100%; height:280px; overflow:hidden; }
.mapInfo .pieBox .tit{width:100px; height:auto; overflow:hidden; text-align:center; position:absolute; left:50%; margin-left:-50px; top:60px; font-size:19px; color:#b7b9bd; font-family: 'Rubik', 'notokr-regular'; font-style: normal; font-weight: 300; }
.mapInfo .pieBox .tit:after{display:none; }
.mapInfo .pieBox .per{font-size:76px; color:#48f98f; text-align:center; width:160px; height:auto; overflow:hidden; position:absolute; left:50%; margin-left:-70px; top:125px; font-family: 'Roboto'; font-style: normal; font-weight: 300; }
.mapInfo .pieBox .per span{font-size:30px; color:#48f98f; font-family: 'Roboto'; font-style: normal; font-weight: 100; }
.mapInfo .miList{width:100%; height:auto; overflow:hidden; }
.mapInfo .miList li{width:100%; height:77px; overflow:hidden; }
.mapInfo .miList li:nth-child(odd){background:#161c25; }
.mapInfo .miList li:last-child{border-bottom-left-radius:5px; border-bottom-right-radius:5px}
.mapInfo .miList li .fl{margin-left:90px; height:77px; line-height:77px; font-size:16px; color:#b7b9bd; position:relative; font-family: 'Rubik', 'notokr-regular'; font-style: normal; font-weight:300; }
.mapInfo .miList li .fl.pvd{padding-left:35px; }
.mapInfo .miList li .fl.pvd:before{content:""; position:absolute; left:0px; top:22px; width:25px; height:27px; overflow:hidden; background:url(../images/ico/ico_common.png) no-repeat 0 -336px; }
.mapInfo .miList li .fl.bsm{padding-left:35px; }
.mapInfo .miList li .fl.bsm:before{content:""; position:absolute; left:3px; top:27px; width:18px; height:20px; overflow:hidden; background:url(../images/ico/ico_common.png) no-repeat 0 -365px; }
.mapInfo .miList li .fr{margin-right:90px; color:#fff; height:77px; line-height:77px; font-size:34px; font-family: 'Roboto'; font-style: normal; font-weight: 300; }
.mapInfo .miList li .fr.cb{color:#2db6e0; }
.mapInfo .miList li .fr.cb span{font-size:17px; color:#2db6e0; font-family: 'Rubik', 'notokr-regular'; font-style: normal; font-weight: 400; }

.eTarget .pieBox{position:relative; width:100%;height:300px; overflow:hidden;padding-bottom:0;}


.infoHeader{width:490px; height:auto; margin:0 auto; }
.infoHeader .tit{position:relative; float:left; overflow:visible; }

.infoHeader .page{ float:right; margin-top:40px; font-size:15px; color:#b7b9bd; font-family: 'Roboto'; font-style: normal; font-weight: 300; }

.infoScrolls{float:left; margin-left:50px; width:505px; height:calc( 100% - 130px ); overflow:hidden; margin-top:30px; }

/*Àå¾Ö½Ã ¸ðµâ¸ñ·Ï*/
.moduleList{width:460px; height:auto; overflow:hidden; }
.moduleList li{border-top:1px solid #2b333f; border-bottom:1px solid #111821; width:100%; height:auto; overflow:hidden; }
.moduleList li:first-child{border-top:0; margin-top:-25px; }
.moduleList li:last-child{border-bottom:0; }
.moduleList li .fl{float:left;  width:80px; height:157px; overflow:hidden; }
.moduleList li .fl .item{margin-top:50px; width:100%; height:auto; overflow:hidden; text-align:center; font-size:14px; color:#a8aaab; font-family: 'Rubik' 'notokr-regular'; font-style: normal; font-weight: 400; }
.moduleList li .fl .num{margin-top:10px; font-size:30px; color:#fff; width:100%; height:auto; overflow:hidden; text-align:center; font-family: 'Roboto';    font-style: normal;    font-weight: 500; }

.moduleList li .fr{float:left; width:calc( 100% - 100px );  margin-top:25px; height:auto; overflow:hidden; }
.moduleList li .statusBox{width:100%; height:auto; overflow:hidden; }
.moduleList li .statusBox .name{ float:left; text-align:left; font-family: 'Rubik', 'notokr-regular'; font-style: normal; font-weight: 400; font-size:15px; color:#c8c8c8; width:90px; height:26px; line-height:26px; overflow:hidden;}
.moduleList li .statusBox .bar{ float:left; margin-top:8px; width:calc( 100% - 140px ); height:6px; border-radius:3px; background:#19202a; overflow:hidden;}
.moduleList li .statusBox .bar span{display:block; float:left; width:0; height:6px; border-radius:3px; overflow:hidden; background:#48f98f; }
.moduleList li .statusBox .per{float:left; height:26px; line-height:26px; overflow:hidden; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size:16px; color:#fff; width:50px; text-align:right; }

.moduleList li .statusBox.error .bar span{background:#ff0000; }
.moduleList li .statusBox.error .per{color:#ff0000; }
.moduleList li .statusBox.warning .bar span{background:#fff32d; }
.moduleList li .statusBox.warning .per{color:#fff32d; }

/*¿§Áö¸ÞÀÎ_5G GROUND*/
.ground5g{width:100%; height:160px; overflow:hidden; border-radius:5px; }
.ground5g ul{width:calc( 100% + 18px ); margin-left:-18px; height:160px; overflow:hidden; }
.ground5g ul li{ float:left;  position:relative; width:calc( 20% - 18px ); height:160px; overflow:hidden; background:#313c4c; margin:0 0 0 18px; border-radius:5px; }
/*.ground5g ul li:hover{background:#12161f; }*/
.ground5g ul li .chkBox{margin-top:25px; }
.ground5g ul li .tit{position:relative; float:left; margin-left:50px; margin-top:40px; color:#b7b9bd; font-size:16px; font-family: 'Rubik', 'notokr-demilight'; font-style: normal; font-weight: 400; padding-right:12px; height:18px; line-height:18px; }
.ground5g ul li .tit .subj{float:left; height:18px; color:#b7b9bd; font-size:16px; font-family: 'notokr-demilight'; font-style: normal; font-weight: 400; }
.ground5g ul li .tit .arr{float:left;  font-size:0; text-indent:-2000px; margin:5px 0 0 8px; width:6px; height:8px; overflow:hidden; background:url(../images/ico/ico_common.png) no-repeat left -33px; } 

.ground5g ul li .ibox{font-size:0; text-indent:-2000px; display:block; position:absolute; left:50px; overflow:hidden; margin:0 0 0 0; bottom:40px; }
.ground5g ul li .ibox.ico01{left:49px; width:34px; height:40px; background:url(../images/ico/ico_common.png) no-repeat right 0; }
.ground5g ul li .ibox.ico02{left:48px; width:35px; height:35px; background:url(../images/ico/ico_common.png) no-repeat right -43px; }
.ground5g ul li .ibox.ico03{left:54px; width:45px; height:42px; background:url(../images/ico/ico_common.png) no-repeat right -82px; }
.ground5g ul li .ibox.ico04{left:55px; width:41px; height:38px; background:url(../images/ico/ico_common.png) no-repeat right -129px; }
.ground5g ul li .ibox.ico05{left:58px; width:45px; height:37px; background:url(../images/ico/ico_common.png) no-repeat right -172px; }

.ground5g ul li .value{font-family: 'Roboto';   font-style: normal;   font-weight: 300; position:absolute; right:40px; bottom:40px; font-size:43px; color:#fff; }
.ground5g ul li .value strong{color:#48f98f; font-family: 'Roboto';   font-style: normal;   font-weight: 300; font-size:43px; }
 
/*¿§Áö¸ÞÀÎ_µ¥ÀÌÅÍ»óÅÂ(Â÷Æ®)*/
.edgeStatus{width:100%; height:calc( 100% - 390px ); overflow:hidden; margin-top:48px; } 
.edgeStatus .eTarget{float:left; width:800px; height:100%; background:#1f2937; border-radius:3px; position:relative; }
.edgeStatus .eTarget .chart{width:100%; height:280px; overflow:hidden; }
.edgeStatus .tit{text-align:center; margin-top:40px; color:#fff; font-size:18px; font-family: 'Rubik', 'notokr-regular'; font-style: normal; font-weight: 400; padding-right:12px; height:18px; line-height:18px; }
.edgeStatus .pieBox .txt{width:100px; height:auto; overflow:hidden; text-align:center; position:absolute; left:50%; margin-left:-50px; top:90px; font-size:19px; color:#b7b9bd; font-family: 'Roboto'; font-style: normal; font-weight: 300; } 
.edgeStatus .pieBox .per{font-size:76px; color:#48f98f; text-align:center; width:160px; height:auto; overflow:hidden; position:absolute; left:50%; margin-left:-80px; top:115px; font-family: 'Roboto'; font-style: normal; font-weight: 300; }
.splineBox{width:650px; height:160px; overflow:hidden; margin:0 auto; }
.splineBox .highcharts-axis.highcharts-xaxis {display:none; }

.edgeStatus .eDriving{position:relative; float:left; width:290px; height:100%; margin:0 49px 0 30px; background:#1f2937; border-radius:3px; }
.edgeStatus .eDriving ul{width:calc( 100% - 80px ); margin:40px 40px 0 40px; height:auto; overflow:hidden; }
.edgeStatus .eDriving ul li{width:100%; height:200px; overflow:hidden; border-top:1px solid #313c4c; }
.edgeStatus .eDriving ul li:first-child{border-top:0; }
.edgeStatus .eDriving ul li .value{font-family:'Roboto'; font-style: normal; font-weight:300; margin-top:30px; width:100%; height:auto; overflow:hidden; text-align:center; font-size:76px; color:#fff; }
.edgeStatus .eDriving ul li .name{width:100%; height:auto; overflow:hidden; text-align:center; font-size:30px; color:#fff; }
.edgeStatus .eDriving ul li.on .value,
.edgeStatus .eDriving ul li.on .name{color:#48f98f; }
.edgeStatus .eResult{position:relative; float:left; width:calc( 100% - 1169px ); height:100%; background:#1f2937; border-radius:3px; }
.erhList{width:calc( 100% - 124px ); margin:36px 60px 0 60px; height:109px; overflow:hidden; border:2px solid #3b4758; }
.erhList li{font-family:'Roboto'; font-style: normal; font-weight:300; width:25%; height:109px; overflow:hidden; float:left; line-height:109px; text-align:center; }
.erhList li:nth-child(1){font-size:16px; color:#b7b9bd; }
.erhList li:nth-child(2){font-size:60px; color:#ff0000; }
.erhList li:nth-child(3){font-size:60px; color:#48f98f; }
.erhList li:nth-child(4){font-size:60px; color:#fff; }
.ercList{width:calc( 100% - 120px ); margin:0 60px 0 60px; height:auto; overflow:hidden; }
.ercList dt{cursor:pointer; float:left; width:100%; height:auto; overflow:hidden; position:relative; }
.ercList dt:before{content:""; display:block; width:17px; height:17px; overflow:hidden; background:url(../images/ico/ico_common.png) no-repeat -34px -347px; position:absolute; left:15px; top:25px; }
.ercList dt.on:before{background:url(../images/ico/ico_common.png) no-repeat -34px -366px; }
.ercList dt span{font-family:'Roboto'; font-style: normal; font-weight:300; float:left; width:25%; height:64px; overflow:hidden; line-height:64px; text-align:center; }
.ercList dt span.c01{font-size:16px; color:#b7b9bd; }
.ercList dt span.c02{font-size:30px; color:#ff0000; }
.ercList dt span.c03{font-size:30px; color:#48f98f; }
.ercList dt span.c04{font-size:30px; color:#fff; }
.ercList dd{display:none; height:176px; width:100%; float:left; background:#3b4758; position:relative; }
.ercList dd.on{display:block; }
.ercList dd:before{content:""; display:block; width:11px; height:7px; overflow:hidden; background:url(../images/ico/ico_common.png) no-repeat right -338px; position:absolute; left:60px; top:-7px; }
.ercList dd .tit{line-height:1.5em; font-size:16px; color:#0b0d12; width:150px; height:156px; padding-top:20px; overflow:hidden; text-align:center; float:left; }
.ercList dd .scrolls{width:calc( 100% - 182px ); height:156px; margin:10px; overflow:hidden; float:left; }
.ercList dd ul{width:calc( 100% - 10px ); height:auto; overflow:hidden; }
.ercList dd ul li{width:100%; height:40px; background:url(../images/ico/ico_common.png) repeat-x left bottom; overflow:hidden; }
.ercList dd ul li a{font-size:16px; float:left; height:40px; line-height:40px; color:#fff; }
.ercList dd ul li .date{font-family:'notokr-light'; font-size:16px; float:right; height:40px; line-height:40px; color:#fff; }

#states path {fill: #1f2937;stroke: #0c0f14;stroke-width: 1.5px;} 
#states path:hover {fill: #394c67;stroke: 0c0f14; box-shadow:3px 3px 1px 0px rgba(0,0,0,0.75); } 
#states .active {fill: #394c67;} 
#states path {cursor: pointer;} 
#states text {fill: #fff;cursor: pointer;font-size: 12px;}
.st0{fill:#1F2937; stroke:rgba(0,0,0,0.5)}
.st0:hover{fill:#394c67; cursor:pointer; box-shadow:3px 3px 1px 0px rgba(0,0,0,0.75); }
.marea .background{fill: #0b0d12;}

.mapStatus{width:100%; height:700px; overflow:hidden; margin-top:48px; } 
.mapStatus .item{width:100%; height:600px; overflow:hidden; }
.mapStatus .item img{margin:30px auto 0 auto; }
.mapCont{float:left; text-align:center; width:calc( 100% - 602px ); height:700px; overflow:hidden; background:#0b0d12; position:relative; }
.mapCont .marea{position: relative; width:600px; height:600px; overflow:hidden; margin:0 auto 0 auto; }
.mapCont img{margin-top:30px; }
.mapCont .line01{margin-left:-274px; position:absolute; left:50%; top:140px; width:208px; height:67px; overflow:hidden; background:url(../images/bg/bg_maplineList01.png); }
.mapCont .line02{margin-left:-216px; position:absolute; left:50%; top:224px; width:175px; height:77px; overflow:hidden; background:url(../images/bg/bg_maplineList02.png); }
.mapCont .line03{margin-left:120px; position:absolute; left:50%; top:370px; width:221px; height:42px; overflow:hidden; background:url(../images/bg/bg_maplineList03.png); }
.mapCont .line01.on{background:url(../images/bg/bg_maplineList01_on.png); }
.mapCont .line02.on{background:url(../images/bg/bg_maplineList02_on.png); }
.mapCont .line03.on{background:url(../images/bg/bg_maplineList03_on.png); }
.mapCont .chart01{margin-left:-384px; z-index:10; position:absolute; left:50%; top:70px; width:130px; height:130px; overflow:hidden; }
.mapCont .chart01 .item{width:130px; height:130px; }
.mapCont .chart02{margin-left:-328px; z-index:10; position:absolute; left:50%; top:238px; width:130px; height:130px; overflow:hidden; }
.mapCont .chart02 .item{width:130px; height:130px; }
.mapCont .chart03{margin-left:324px; z-index:10; position:absolute; left:50%; top:324px; width:130px; height:130px; overflow:hidden; } 
.mapCont .chart03 .item{width:130px; height:130px; }
.mapInfo{ float:right; text-align:center; width:585px; background:#1f2937; border-radius:3px; position:relative; }
.mapInfo:before{content:""; margin-top:-9px; border-top :12px solid transparent; border-right:18px solid #1f2937; border-bottom:18px solid transparent; position:absolute; left:-16px; top:50%; }
.mapCont .chart01 .rela,
.mapCont .chart02 .rela,
.mapCont .chart03 .rela{position:relative; width:122px; height:122px; }
.mapCont .chart01 .rela .value,
.mapCont .chart02 .rela .value,
.mapCont .chart03 .rela .value{font-size:38px; color:#fff; width:70px; height:auto; overflow:hidden; text-align:center; position:absolute; left:32px; top:30px; z-index:30; }
.mapCont .chart01 .rela .area,
.mapCont .chart02 .rela .area,
.mapCont .chart03 .rela .area{font-size:15px; color:#b7b9bd; width:80px; height:auto; overflow:hidden; text-align:center; position:absolute; left:26px; top:70px; z-index:30; }
.mapCont .chart01.on .rela .area,
.mapCont .chart02.on .rela .area,
.mapCont .chart03.on .rela .area{color:#fff; }
	
/*Áöµµ¸¶Ä¿-Â÷·®»óÅÂ¿Í »óÅ°ª*/
.maker{cursor:pointer; width:33px; height:71px; overflow:hidden; position:absolute; right:0; top:100px; background:url(../images/ico/ico_monitoring.png) no-repeat -203px 0; }
.maker.on{background:url(../images/ico/ico_monitoring.png) no-repeat -236px 0; }
.maker .value{font-family: 'Rubik', 'notokr-regular'; margin:2px auto; font-size:12px; display:block; width:28px; height:20px; line-height:20px; text-align:center; color:#fff; font-size:#fff; }
.maker .ico{margin:5px auto 0 auto; display:block; width:24px; height:27px; overflow:hidden; background:url(../images/ico/ico_monitoring.png) no-repeat right 0; }

.monitorData .boHeader{width:100%; margin:0; height:185px; }
.monitorData .boCont{width:100%; margin:0; height:auto; }
.monitorData .btnBox{width:100%; margin:0; }
.monitorData{float:left; width:540px; height:100%; overflow:hidden; margin-left:40px; }

.monitorGroup .boHeader{width:100%; margin:0; height:140px; }
.monitorGroup .boHeader h4{clear:inherit; float:left; width:50%; }
.monitorGroup .boCont{width:100%; margin:0; height:auto; }
.monitorGroup .btnBox{width:100%; margin:0; }
.monitorGroup{float:left; width:540px; height:100%; overflow:hidden; margin-left:40px; }

.monitorMap{background:#ccc; position:absolute; top:40px; right:20px; border:6px solid #313c4c; float:left; width:calc( 100% - 650px ); border-radius:10px; height:calc( 100% - 90px ); }
.monitorMap.on{width:calc( 100% - 70px ); }
.monitorMap a.btnMonitorToggle{position:absolute; left:-21px; top:50%; display:block; width:16px; height:84px; overflow:hidden; margin-top:-42px; background:url(../images/ico/ico_monitoring.png) no-repeat left -241px; }
.monitorMap a.btnMonitorToggle.on{background:url(../images/ico/ico_monitoring.png) no-repeat -16px -241px; }
.monitorMap .rela{width:100%; height:100%; float:left; position:relative; }

.monitorMap .msts{position:absolute; display:block; overflow:hidden; width:25px; height:32px; overflow:hidden; }
.monitorMap .msts.ico01{background:url(../images/ico/ico_monitoring.png) no-repeat 0px -328px; }
.monitorMap .msts.ico02{background:url(../images/ico/ico_monitoring.png) no-repeat -25px -328px; }
.monitorMap .msts.ico03{background:url(../images/ico/ico_monitoring.png) no-repeat -50px -328px; }
.monitorMap .msts.ico04{background:url(../images/ico/ico_monitoring.png) no-repeat -75px -328px; }
.monitorMap .msts.ico05{background:url(../images/ico/ico_monitoring.png) no-repeat -100px -328px; }
.monitorMap .msts.ico06{background:url(../images/ico/ico_monitoring.png) no-repeat -125px -328px; }

.monitorMap .mDeparture, .monitorMap .mArrive, .monitorMap .mLightRed, .monitorMap .mLightYellow, .monitorMap .mLightGreen{font-size:0; text-indent:-2000px; position:absolute; display:block; overflow:hidden; }
.monitorMap .mDeparture{background:url(../images/ico/ico_monitoring.png) no-repeat -170px -87px; width:26px; height:34px; }
.monitorMap .mArrive{background:url(../images/ico/ico_monitoring.png) no-repeat -197px -87px; width:26px; height:34px; }
.monitorMap .mLightRed{background:url(../images/ico/ico_monitoring.png) no-repeat -224px -87px; width:33px; height:16px; }
.monitorMap .mLightYellow{background:url(../images/ico/ico_monitoring.png) no-repeat -224px -104px; width:33px; height:16px; }
.monitorMap .mLightGreen{background:url(../images/ico/ico_monitoring.png) no-repeat -224px -123px; width:33px; height:16px; }


/*¸ð´ÏÅ͸µ ÁöµµÀ§À§Åø¹Ù*/
.mtoolbar{background:#2d3745; width:600px; height:35px; border-bottom-right-radius:5px; overflow:hidden; position:absolute; left:0; top:0; }
.mtoolbar ul{float:left; height:35px; overflow:hidden; border-right:1px solid #424b58; }
.mtoolbar ul li{float:left; height:35px; border-right:1px solid #222935; border-left:1px solid #424b58; }
.mtoolbar ul li:first-child{border-left:0; }
.mtoolbar ul li a{display:block; height:34px; overflow:hidden; line-height:34px; position:relative; text-indent:38px; font-size:13px; color:#fff; }
.mtoolbar ul li span.t01{display:block; height:34px; overflow:hidden; line-height:34px; width:44px; text-align:center; font-size:14px; color:#b7b9bd; }
.mtoolbar ul li a.t02{width:104px; }
.mtoolbar ul li a.t03{width:85px; }
.mtoolbar ul li a.t04{width:90px; }
.mtoolbar ul li a.t05{width:75px; }
.mtoolbar ul li a.t06{width:71px; }
.mtoolbar ul li a.t07{width:90px; }
.mtoolbar ul li a:before{content:""; position:absolute; left:13px; overflow:hidden; top:50%; display:block; }
.mtoolbar ul li a.t02:before{width:15px; height:16px; margin-top:-8px; background:url(../images/ico/ico_monitoring.png) no-repeat -6px -363px; }
.mtoolbar ul li a.t03:before{width:14px; height:18px; margin-top:-9px; background:url(../images/ico/ico_monitoring.png) no-repeat -26px -363px; }
.mtoolbar ul li a.t04:before{width:21px; height:18px; margin-top:-9px; background:url(../images/ico/ico_monitoring.png) no-repeat -46px -363px; }
.mtoolbar ul li a.t05:before{width:17px; height:15px; margin-top:-8px; background:url(../images/ico/ico_monitoring.png) no-repeat -74px -363px; }
.mtoolbar ul li a.t06:before{width:20px; height:18px; margin-top:-9px; background:url(../images/ico/ico_monitoring.png) no-repeat -99px -363px; }
.mtoolbar ul li a.t07:before{width:17px; height:20px; margin-top:-10px; background:url(../images/ico/ico_monitoring.png) no-repeat -126px -363px; }

.mtoolbar ul li a.on{color:#c69c6d; background:#0b0d12; }
.mtoolbar ul li a.t02.on:before{background:url(../images/ico/ico_monitoring.png) no-repeat -6px -389px; }
.mtoolbar ul li a.t03.on:before{background:url(../images/ico/ico_monitoring.png) no-repeat -26px -389px; }
.mtoolbar ul li a.t04.on:before{background:url(../images/ico/ico_monitoring.png) no-repeat -46px -389px; }
.mtoolbar ul li a.t05.on:before{background:url(../images/ico/ico_monitoring.png) no-repeat -74px -389px; }
.mtoolbar ul li a.t06.on:before{background:url(../images/ico/ico_monitoring.png) no-repeat -99px -389px; }
.mtoolbar ul li a.t07.on:before{background:url(../images/ico/ico_monitoring.png) no-repeat -126px -389px; }

.mtoolbar.on{width:75px; }
.mtoolbar.on li{position:absolute; left:-20000px; }
.mtoolbar.on li:first-child{position:static; }

.mtoolbar .btnToVolbarToggle{float:left; height:35px; width:27px; overflow:hidden; position:relative; }
.mtoolbar .btnToolbarToggle:before{background:url(../images/ico/ico_monitoring.png) no-repeat -154px -369px; content:""; display:block; width:10px; height:7px; overflow:hidden; position:absolute; right:10px; top:50%; margin:-4px 0 0 -5px; }
.mtoolbar .btnToolbarToggle.on:before{background:url(../images/ico/ico_monitoring.png) no-repeat -166px -369px; }

/*±ºÁýÁÖÇà¿ë ¾ÆÄÚµð¾ð*/
.groupList{width:100%; height:auto; overflow:hidden; }
.groupList dt{border-top:1px solid #0b0d12; width:100%; height:40px; overflow:hidden; }
.groupList dt a{display:block; position:relative; width:calc( 100% - 20px ); height:40px; padding-left:20px; line-height:40px; overflow:hidden; background:#313c4c; font-size:16px; color:#fff; }
.groupList dt a:before{content:""; display:block; width:13px; height:9px; overflow:hidden; position:absolute; right:20px; top:50%; margin-top:-5px; background:url(../images/ico/ico_monitoring.png) no-repeat 0 -472px; }
.groupList dt a.on{background:#ff0000; }
.groupList dt a.on:before{background:url(../images/ico/ico_monitoring.png) no-repeat 0 -462px; }
.groupList dd{display:none; width:100%; height:auto; overflow:hidden; background:#fff; }
.groupList dd.on{display:block; }
.groupList dd .pTable{margin:25px; width:calc( 100% - 50px ); }

.w2ui-popup{border:0; background-color:transparent}
.w2ui-popup .w2ui-popup-body{background:#fff; }
.w2ui-popup .w2ui-popup-title{border-top-left-radius:6px; border-top-right-radius:6px; border-bottom:0; text-indent:20px; padding:0; height:45px; background:#313c4c; line-height:45px; text-align:left; font-size:18px; color:#fff; font-family: 'notokr-regular'; }
.w2ui-popup .w2ui-popup-button{border:0 !important; width:20px; height:20px; background:url(../images/ico/ico_common.png) no-repeat 0 -416px !important; position:absolute; right:15px; top:13px; }
.popItem{position:absolute; left:-20000px; width:100%; height:auto; overflow:hidden; }
.w2ui-popup-body .popItem{position:static; margin-top:20px; }
.popItem .pTable{width:calc( 100% - 40px ); margin:20px; }
.popItem .pTable td{padding:0 10px; }
.popItem .pTable td .inp{height:26px; border:1px solid #aeaeae; width:calc( 100% - 22px ); box-sizing:initial; padding:0 10px; }
.popItem .pbtnBox{width:100%; height:auto; overflow:hidden; text-align:center; }
.popItem .pbtnBox button{width:135px; height:40px; border:0; border-radius:20px; color:#fff; font-size:16px; }
.popItem .pbtnBox button.btnSave{background:#4ba8d7; }
.popItem .pbtnBox button.btnCancel{background:#aeaeae; }

.curationBox{width:100%; height:920px; position:relative; overflow:hidden; background:#313c4c; margin:20px 0 0 0; border-radius:8px; }
.curationBox h3{float:left; margin:46px 0 0 80px; font-size:30px; color:#fff; }
.curationBox h3 span{padding-left:25px; font-size:16px; color:#b7b9bd; }
.curationBox .curaClose{font-size:0; text-indent:-2000px; width:20px; height:20px; background:url(../images/ico/ico_common.png) no-repeat 0 -416px !important; position:absolute; right:82px; top:31px; }
.curationBox .value{font-family: 'Roboto'; font-style: normal; font-weight: 300; width:100%; height:auto; overflow:hidden; text-align:center; font-size:150px; color:#48f98f; }
.curationBox .value span{font-size:50px; color:#48f98f; }
.curationBox .btnBox{padding:0; width:calc( 100% - 160px ); height:auto; overflow:hidden; text-align:right; margin:0 auto; }
.curationBox .columnChart{width:calc( 100% - 160px ); height:500px; overflow:hidden; margin:0 auto; }
.curationBox .btnWrite {float:right; width:40px; height:40px; border:1px solid #404c5d; background:#313c4c; position:relative; overflow:hidden; }
.curationBox .btnWrite:before{background:url(../images/ico/ico_monitoring.png) no-repeat -70px -425px; content:""; display:block; position:absolute; left:50%; top:50%; width:23px; height:23px; margin:-12px 0 0 -12px}

.edgeStatusBox{float:left; margin-top:30px; width:100%; height:auto; overflow:hidden; }
.edgeStatusBox .fl{float:left; width:476px; height:112px; overflow:hidden; border:1px solid #313c4c; }
.edgeStatusBox .fl li{margin-top:20px; width:25%; height:72px; float:left; overflow:hidden; position:relative; }
.edgeStatusBox .fl li.first:before{content:""; background:url(../images/ico/ico_centerDefault.png) no-repeat right top; width:2px; height:66px; overflow:hidden; display:block; position:absolute; right:0; top:3px; }
.edgeStatusBox .fl li:nth-child(2){width:22%; }
.edgeStatusBox .fl li:nth-child(3){width:22%; }
.edgeStatusBox .fl li:nth-child(4){width:31%; }
.edgeStatusBox .fl li .name{margin-top:5px; width:100%; height:auto; overflow:hidden; text-align:center; font-size:16px; color:#b7b9bd; }
.edgeStatusBox .fl li .value{width:100%; height:auto; overflow:hidden; text-align:center; font-size:40px; color:#48f98f; font-family: 'Roboto'; font-style: normal; font-weight: 300; }
.edgeStatusBox .fl li .ico{margin:0 auto; font-size:0; text-indent:-2000px; width:39px; height:51px; overflow:hidden; background:url(../images/ico/ico_centerDefault.png) no-repeat -255px -66px; }
.edgeStatusBox .fl li .tit{margin-top:5px; width:100%; height:auto; overflow:hidden; text-align:center; font-size:14px; color:#fff; }
.edgeStatusBox .fr{float:right; width:calc( 100% - 503px ); height:112px; overflow:hidden; border:1px solid #313c4c; }
.edgeStatusBox .fr li{margin-top:20px; width:calc( ( 100% - 120px ) / 5 ); height:72px; float:left; overflow:hidden; position:relative; }
.edgeStatusBox .fr li:first-child{width:120px; }
.edgeStatusBox .fr li.first:before{content:""; background:url(../images/ico/ico_centerDefault.png) no-repeat right top; width:2px; height:66px; overflow:hidden; display:block; position:absolute; right:0; top:3px; }
.edgeStatusBox .fr li .ico{margin:0 auto; width:40px; height:45px; overflow:hidden; background:url(../images/ico/ico_centerDefault.png) no-repeat -255px -113px; }
.edgeStatusBox .fr li .tit{margin-top:5px; width:100%; height:auto; overflow:hidden; text-align:center; font-size:14px; color:#fff; }
.edgeStatusBox .fr li .name{margin-top:5px; width:100%; height:auto; overflow:hidden; text-align:center; font-size:16px; color:#b7b9bd; }
.edgeStatusBox .fr li .value{width:100%; height:auto; overflow:hidden; text-align:center; font-size:40px; color:#fff; font-family:'Roboto'; font-style:normal; font-weight: 300; }
.edgeStatusBox .fr li .value strong{font-family:'Roboto'; font-style:normal; font-weight: 300; font-size:40px; color:#48f98f; }
.edgeStatusBox .fr li.warning .value strong{color:#ff0000; }
.moduleBox{width:calc( 100% - 160px ); height:auto; position:relative; overflow:hidden; background:#1f2937; margin:20px auto 0 auto; border-radius:8px; }
.moduleBox .fl{width:50%; height:auto; overflow:hidden; float:left; }
.moduleBox .fr{width:50%; height:auto; overflow:hidden; float:left; }
.moduleBox ul{width:calc( 100% - 84px ); height:auto; overflow:hidden; margin:0 auto; }
.moduleBox ul li{padding:30px 0; width:100%; height:auto; overflow:hidden; border-top:1px solid #2b333f; border-bottom:1px solid #111821; }
.moduleBox ul li:first-child{border-top:0; }
.moduleBox ul li dl{width:100%; height:auto; overflow:hidden; }
.moduleBox ul li dl dt{width:80px; height:105px; float:left; overflow:hidden; }
.moduleBox ul li dl dt .tit{margin-top:25px; width:100%; height:auto; overflow:hidden; text-align:center; font-size:14px; color:#a8aaab; }
.moduleBox ul li dl dt .num{width:100%; height:auto; overflow:hidden; text-align:center; font-size:30px; color:#fff; font-family:'Roboto'; font-style:normal; font-weight:400; }
.moduleBox ul li dl dd{width:calc( 100% - 110px ); height:105px; float:right; overflow:hidden; }
.moduleBox ul li dl dd .item{width:100%; height:26px; overflow:hidden; }
.moduleBox ul li dl dd .item .txt{float:left; width:90px; height:26px; line-height:26px; overflow:hidden; font-size:15px; color:#c8c8c8; }
.moduleBox ul li dl dd .item .bar{float:left; width:calc( 100% - 150px ); height:6px; background:#19202a; border-radius:3px; margin-top:10px; }
.moduleBox ul li dl dd .item .bar span{background:#48f98f; display:block; height:6px; overflow:hidden; border-radius:3px; }
.moduleBox ul li dl dd .item.danger .bar span{background:#ff0000; }
.moduleBox ul li dl dd .item.warning .bar span{background:#fff32d; }
.moduleBox ul li dl dd .item .per{float:left; width:60px; text-align:right; height:26px; line-height:26px; overflow:hidden; font-size:16px; color:#fff; font-family:'Roboto'; font-style:normal; font-weight: 300; }
.btnAddModule{display:block; margin:24px auto; width:calc( 100% - 84px ); height:106px; background:#1b242f; border-radius:3px; border:2px dashed #313c4c; }
.btnAddModule .ico{vertical-align:middle; display:inline-block; width:30px; height:30px; overflow:hidden; background:url(../images/ico/ico_centerDefault.png) no-repeat left -227px; }
.btnAddModule .txt{vertical-align:middle; font-size:24px; color:#fff; display:inline-block; padding-left:10px; }

.errorStatus{width:100%; height:auto; position:absolute; left:0; top:0; }
.errorStatus .chkbox{width:60px; height:60px; overflow:hidden; margin:0 auto; text-align:center; }
.errorStatus .chkbox .tit{margin-top:10px; display:block; text-align:center; font-size:15px; color:#ff0000; }
.errorStatus .chkbox span{display:inline-block; width:9px; height:9px; overflow:hidden; background:#ff0000; border-radius:3px; }
.errorStatus .bar{width:100%; height:60px; overflow:hidden; background:#fa0000; box-shadow: 0 4px 10px 1px rgba(0,0,0, .7); }
.errorStatus .bar .tit{font-style:italic; font-family:'Corbel'; font-size:20px; color:#12161f; float:left; width:116px; height:60px; line-height:60px; text-align:center; }
.errorStatus .bar ul{float:left; }
.errorStatus .bar ul li{margin-left:17px; padding-left:26px; float:left; height:60px; line-height:60px; position:relative; font-size:16px; color:#ffaeae; }
.errorStatus .bar ul li:before{content:"/"; position:absolute; left:0; top:0; color:#f76565; }
.errorStatus .bar ul li:first-child{margin-left:0; padding-left:0; }
.errorStatus .bar ul li:first-child:before{display:none; }
.errorStatus .bar ul li strong{vertical-align:middle; padding-left:5px; font-size:34px; color:#fff; font-family: 'Roboto'; font-style: normal; font-weight: 300; }

.chkBox{float:left; margin-left:30px; }
.chkBox input{position:absolute; left:-2000px; }
.chkBox label{cursor:pointer; text-align:left; float:left; font-size:16px; height:20px; line-height:20px; overflow:hidden; color:#b7b9bd; position:relative; padding-left:22px; }
.chkBox label:before{position:absolute; left:0; top:0; content:""; display:block; width:17px; height:17px; overflow:hidden; background:url(../images/ico/ico_edgeDefault.png) no-repeat left 0; }
.chkBox label.on:before{background:url(../images/ico/ico_edgeDefault.png) no-repeat left -18px; }

.systemStatus.adjustType ul li .formCont{padding-top:10px; width:340px; height:78px; overflow:hidden; margin:0 auto; clear:both; }
.systemStatus.adjustType ul li .fl,
.systemStatus.adjustType ul li .fr{width:130px; height:78px; overflow:hidden; float:left; position:relative; padding-right:30px; }
.systemStatus.adjustType ul li .fl:before,
.systemStatus.adjustType ul li .fr:before{content:"%"; font-size:22px; color:rgba(255,255,255,.6); position:absolute; top:50px; right:0; }
.systemStatus.adjustType ul li .fr{float:right; }
.systemStatus.adjustType ul li .fl input,
.systemStatus.adjustType ul li .fr input{font-family: 'Roboto'; font-style: normal; font-weight:300; width:128px; height:48px; border-radius:3px; border:1px solid #445266; font-size:43px; color:#fff; text-align:center; background:#161c25; }
.systemStatus.adjustType ul li .fl label,
.systemStatus.adjustType ul li .fr label{display:block; width:100%; height:28px; line-height:28px; text-align:center; font-size:16px; color:#48f98f; }
.systemStatus.adjustType ul li .fl.error label,
.systemStatus.adjustType ul li .fr.error label{color:#ff0000; }

.edgeStatus.adjustType{height:510px; }
.edgeStatus.adjustType .eTarget{height:450px; }
.edgeStatus.adjustType .eDriving{height:450px; }
.edgeStatus.adjustType .eResult{height:450px; }

.adjustDsList{width:570px; height:auto; overflow:hidden; margin:0 auto; }
.adjustDsList li{margin-top:50px; float:left; width:254px; height:auto; overflow:hidden; }
.adjustDsList li:nth-child(even){float:right; }
.adjustDsList li label{display:block; color:#b7b9bd; font-size:19px; width:200px; height:30px; line-height:30px; text-align:center; }
.adjustDsList li .form{width:100%; height:50px; overflow:hidden; }
.adjustDsList li .form input{font-family: 'Roboto'; font-style: normal; font-weight:300; color:#fff; font-size:43px; float:left; width:180px; height:50px; border:0; text-align:right; padding:0 10px; border-radius:3px; background:#161c25; }
.adjustDsList li .form span{float:left; width:50px; height:auto; overflow:hidden; font-size:18px; color:rgba(255,255,255,.6); margin:25px 0 0 4px; }
.edgeStatus .eDriving .adjustGdList{width:calc( 100% - 80px ); height:auto; overflow:hidden; margin:5px auto 0 auto; }
.edgeStatus .eDriving .adjustGdList li{border:0; width:100%; height:auto; overflow:hidden; margin-top:40px; }
.edgeStatus .eDriving .adjustGdList li .chkBox{margin-top:0; margin-left:0; }

.adjustEList{width:calc( 100% - 80px ); height:auto; overflow:hidden; margin:20px auto 0 auto; }
.adjustEList li{border:0; width:100%; height:50px; float:left; margin-top:10px; }
.adjustEList li .chkBox{margin-top:15px; margin-left:0; }
.adjustEList li .formCont{float:right; }
.adjustEList li .formCont input{float:left; font-family:'Roboto'; font-style: normal; font-weight:300; width:148px; padding:0 10px; height:48px; border-radius:3px; border:1px solid #445266; font-size:43px; color:#fff; text-align:right; background:#161c25; }
.adjustEList li .formCont span{float:left; width:80px; height:50px; line-height:50px; margin-left:5px; overflow:hidden; font-size:16px; color:#b7b9bd; }
.statusBtn{padding-top:20px; width:100%; height:auto; overflow:hidden; text-align:center; }
.statusBtn button{margin:0 2px; width:97px; height:40px; overflow:hidden; border:0; border-radius:3px; font-size:16px; color:#fff; }
.statusBtn button.btnReset{background:#313c4c; }
.statusBtn button.btnSave{background:#4ba8d7; }

.ground5g ul li .timeBox{width:calc( 100% - 70px ); height:auto; overflow:hidden; margin:0 auto; padding-top:10px; }
.ground5g ul li .timeBox .currentValue{margin-top:25px; float:left; font-size:16px; color:rgba(255,255,255,.3); }
.ground5g ul li .timeBox .currentValue strong{padding:0 3px; font-family:'Roboto'; font-style: normal; font-weight:300; font-size:30px; color:rgba(255,255,255,.6); }
.ground5g ul li .timeBox .timeCont{float:right; }
.ground5g ul li .timeBox .timeCont .item{float:left; width:70px; height:auto; overflow:hidden; }
.ground5g ul li .timeBox .timeCont .item label{display:block; width:100%; height:20px; line-height:20px; text-align:center; overflow:hidden; font-size:13px; color:rgba(255,255,255,.6); }
.ground5g ul li .timeBox .timeCont .item input{padding:0; font-family: 'Roboto'; font-style: normal; font-weight:300; color:#fff; font-size:43px; float:left; width:68px; height:48px; border:1px solid #445266; text-align:center; border-radius:3px; background:#161c25; }
.ground5g ul li .timeBox .timeCont .e01{font-family: 'Roboto'; font-style: normal; font-weight:300; margin-top:20px; float:left; width:16px; height:50px; line-height:50px; text-align:center; overflow:hidden; font-size:43px; color:rgba(255,255,255,.6); }

.edgeStatus .rangeBox{margin-left:20px; float:left; width:calc( ( 100% - 40px ) / 3 ); height:450px; background:#1f2937; border-radius:3px; position:relative; }
.edgeStatus .rangeBox.first{margin-left:0; }
.edgeStatus .rangeBox .category{float:left; margin:30px 0 40px 30px; position:relative; }
.edgeStatus .rangeBox .category .subj{float:left; height:24px; line-height:24px; margin-right:10px; font-size:16px; color:#b7b9bd; }
.edgeStatus .rangeBox .category .selectLayer{z-index:110; float:left; position:relative; }
.edgeStatus .rangeBox .category .selectLink{position:relative; width:98px; height:24px; line-height:24px; font-size:14px; color:#fff; background:#0b0d12; overflow:hidden; border:1px solid #404d60; border-radius:3px; float:left; padding-left:10px; }
.edgeStatus .rangeBox .category .selectLink:before{content:""; width:9px; height:6px; overflow:hidden; display:block; background:url(../images/ico/ico_edgeDefault.png) no-repeat -73px 0; position:absolute; right:10px; top:9px; }
.edgeStatus .rangeBox .category .selectLink.on{border-bottom-left-radius:0; border-bottom-right-radius:0; }
.edgeStatus .rangeBox .category .selectValueList{display:none; position:absolute; left:0; top:0; width:108px; height:auto; overflow:hidden; border:1px solid #404d60; border-radius:3px; }
.edgeStatus .rangeBox .category .selectValueList:before{content:""; width:9px; height:6px; overflow:hidden; display:block; background:url(../images/ico/ico_edgeDefault.png) no-repeat -73px 0; position:absolute; right:10px; top:9px; }
.edgeStatus .rangeBox .category .selectValueList li{background:#0b0d12; width:100%; height:24px; overflow:hidden; }
.edgeStatus .rangeBox .category .selectValueList li:nth-child(even){background:#161c25; }
.edgeStatus .rangeBox .category .selectValueList li:first-child{background:transparent; }
.edgeStatus .rangeBox .category .selectValueList li a{width:calc( 100% - 10px ); height:24px; overflow:hidden; display:block; line-height:24px; padding-left:10px; color:#fff; font-size:14px; }


.rangeList{width:calc( 100% - 130px ); height:auto; margin:0 auto; }
.rangeList li{width:100%; height:auto; float:left; }
.rangeList li .txt{width:105px; height:70px; line-height:60px; float:left; overflow:hidden; font-size:15px; color:#c8c8c8; }
.rangeList li .rangeSizing{float:left; width:calc( 100% - 105px ); height:auto; }

.systemMap{float:left; width:calc( 100% - 264px ); height:auto; overflow:hidden; margin:100px 132px 0 132px; position:relative; }
.systemMap .item{width:356px; height:auto; }
.systemMap .item.fl{float:left; }
.systemMap .item.fn{float:left; position:absolute; left:50%; top:0; margin-left:-178px; }
.systemMap .item.fr{float:right; }
.systemMap .item .sm01{margin:0 auto; width:350px; height:100px; overflow:hidden; border-radius:50px; background:#1e2535; box-shadow:inset 1px 0 1px 0 #1c222f; }
.systemMap .item .sm01 .t01{margin-top:20px; width:100%; height:auto; overflow:hidden; text-align:center; font-family:'Roboto'; font-style:normal; font-weight:300; font-size:28px; color:#fff; }
.systemMap .item .sm01 .t02{width:100%; height:auto; overflow:hidden; text-align:center; font-size:14px; color:#aaa; }
.systemMap .item .sm02{box-shadow:0 2px 5px 2px #27303c; margin:79px 0; width:350px; height:167px; border:3px solid #404c5d; border-radius:10px; background:#161a24; }
.systemMap .item .sm03{font-family:'Roboto'; font-style:normal; font-weight:300; text-align:center; margin:0 auto; width:350px; height:100px; overflow:hidden; border-radius:50px; background:#1e2535; box-shadow:inset 1px 0 1px 0 #1c222f; line-height:100px; font-size:26px; color:#fff; }
.systemMap .item.fr .sm02{margin-top:179px; }
.systemMap .item .sm02 .t01{font-size:0; text-indent:-2000px; overflow:hidden; margin:30px auto 5px auto; }
.systemMap .item.fl .sm02 .t01{width:47px; height:72px; background:url(../images/ico/ico_edgeDefault.png) no-repeat 0 -49px; }
.systemMap .item.fn .sm02 .t01{width:42px; height:69px; background:url(../images/ico/ico_edgeDefault.png) no-repeat 0 -127px; }
.systemMap .item.fr .sm02 .t01{width:59px; height:67px; background:url(../images/ico/ico_edgeDefault.png) no-repeat 0 -201px; }
.systemMap .item .sm02 .t02{margin-top:0; width:100%; height:auto; overflow:hidden; text-align:center; font-family:'Roboto'; font-style:normal; font-weight:300; font-size:28px; color:#fff; }
 
.systemMap .arrow{position:absolute; float:left; width:300px; height:80px; padding-left:30px; }
.systemMap .arrow .arr{position:relative; float:left; margin-right:15px; width:13px; height:74px; overflow:hidden; background:url(../images/ico/ico_edgeDefault.png) no-repeat -43px -272px; }
 
.systemMap .arrow .t01{margin-top:15px; width:250px; height:auto; overflow:hidden; font-size:12px; color:#c3c5c8; }
.systemMap .arrow .t02{font-family:'Roboto'; font-style:normal; font-weight:300; width:250px; height:auto; overflow:hidden; font-size:24px; color:#fff; }
.systemMap .arrow .t02 strong{font-family:'Roboto'; font-style:normal; font-weight:300; color:#48f98f; font-size:24px; }

.systemMap .arrow.type02 .t02 strong{color:#48f98f}
.systemMap .arrow.type03 .t02 strong{color:#2db6e0}

.systemMap .arrow.pos03 .arr{width:230px; height:13px; margin-right:0; background:url(../images/ico/ico_edgeDefault.png) no-repeat -30px -352px; }

 .systemMap .arrow.pos04 .arr{width:230px; height:13px; margin-right:0; background:url(../images/ico/ico_edgeDefault.png) no-repeat -30px -352px; } 
.systemMap .arrow.pos05 .arr{width:230px; height:13px; margin-right:0; background:url(../images/ico/ico_edgeDefault.png) no-repeat 0 -457px; } 
 
.systemMap .arrow.pos07 .arr01{position:relative; float:left; width:414px; margin-right:0; height:116px; overflow:hidden; }
.systemMap .arrow.pos07 .arr01:before{width:3px; height:136px; overflow:hidden; content:""; display:block; position:absolute; right:0; top:0; background:url(../images/ico/ico_edgeDefault.png) no-repeat -556px 0; }
.systemMap .arrow.pos07 .arra01{width:3px; height:0; overflow:hidden; content:""; display:block; position:absolute; left:441px; top:0; background:url(../images/ico/ico_edgeDefault.png) no-repeat -563px 0; }
.systemMap .arrow.pos07.type01 .arra01{background:url(../images/ico/ico_edgeDefault.png) no-repeat -563px 0; }
.systemMap .arrow.pos07.type02 .arra01{background:url(../images/ico/ico_edgeDefault.png) no-repeat -577px 0; }
.systemMap .arrow.pos07.type03 .arra01{background:url(../images/ico/ico_edgeDefault.png) no-repeat -570px 0; }

.systemMap .arrow.pos07 .arr02{position:relative; float:left; width:414px; margin-right:0; height:13px; overflow:hidden; background:url(../images/ico/ico_edgeDefault.png) no-repeat -167px -192px; }
.systemMap .arrow.pos07 .arra02{position:absolute; left:30px; bottom:-49px; float:left; width:414px; margin-right:0; height:13px; overflow:hidden; background:url(../images/ico/ico_edgeDefault.png) no-repeat -167px -145px; }
.systemMap .arrow.pos07 .arraMask02{position:absolute; left:30px; bottom:-49px; float:left; width:414px; margin-right:0; height:13px; overflow:hidden; background:url(../images/ico/ico_edgeDefault.png) no-repeat -167px -192px; }
.systemMap .arrow.pos07.type01 .arra02{background:url(../images/ico/ico_edgeDefault.png) no-repeat -167px -145px; }
.systemMap .arrow.pos07.type02 .arra02{background:url(../images/ico/ico_edgeDefault.png) no-repeat -167px -177px; }
.systemMap .arrow.pos07.type03 .arra02{background:url(../images/ico/ico_edgeDefault.png) no-repeat -167px -161px; }


.systemMap .arrow.pos01{top:102px; left:142px; }
.systemMap .arrow.pos02{top:102px; left:50%; margin-left:-35px; }
.systemMap .arrow.pos03{top:192px; left:50%; margin-left:-445px; }
.systemMap .arrow.pos04{top:175px; left:50%; margin-left:156px; }
.systemMap .arrow.pos05{top:275px; left:50%; margin-left:156px; }
.systemMap .arrow.pos06{top:355px; left:142px; }
.systemMap .arrow.pos07{width:640px; top:360px; left:50%; margin-left:-440px; }
.systemMap .arrow.pos07 .t01{float:left; width:180px; margin-left:20px; }
.systemMap .arrow.pos07 .t02{float:left; width:180px; margin-left:20px; }


.systemMap .arrow.pos01 .arr:before, .systemMap .arrow.pos02 .arr:before, .systemMap .arrow.pos06 .arr:before{opacity:1; content:""; width:13px; height:74px; display:block; position:absolute; left:0; top:0;   animation: arrpos01 .8s linear infinite; }
.systemMap .arrow.type01 .arr:before{background:url(../images/ico/ico_edgeDefault.png) no-repeat -28px -272px; }
.systemMap .arrow.type02 .arr:before{background:url(../images/ico/ico_edgeDefault.png) no-repeat 0 -272px; }
.systemMap .arrow.type03 .arr:before{background:url(../images/ico/ico_edgeDefault.png) no-repeat -14px -272px; }

.systemMap .arrow.pos03 .arr:before, .systemMap .arrow.pos04 .arr:before{opacity:1; content:""; width:230px; height:13px; display:block; position:absolute; left:0; top:0;   animation: arrpos03 .8s linear infinite; } 
.systemMap .arrow.pos03.type01 .arr:before, .systemMap .arrow.pos04.type01 .arr:before{background:url(../images/ico/ico_edgeDefault.png) no-repeat -30px -397px; }
.systemMap .arrow.pos03.type02 .arr:before, .systemMap .arrow.pos04.type02 .arr:before{background:url(../images/ico/ico_edgeDefault.png) no-repeat -30px -382px; }
.systemMap .arrow.pos03.type03 .arr:before, .systemMap .arrow.pos04.type03 .arr:before{background:url(../images/ico/ico_edgeDefault.png) no-repeat -30px -367px; }

.systemMap .arrow.pos05 .arr:before{opacity:1; content:""; width:230px; height:13px; display:block; position:absolute; left:0; top:0;    /*animation: arrpos05 .8s linear infinite; */} 
.systemMap .arrow.pos05 .arraMask{z-index:20; position:absolute; left:0; top:0; display:block; width:230px; height:13px; margin-right:0; background:url(../images/ico/ico_edgeDefault.png) no-repeat 0 -457px; }
.systemMap .arrow.pos05 .arraMask{opacity:1; content:""; width:230px; height:13px; display:block; position:absolute; left:0; top:0;   animation: arrpos05 .8s linear infinite} 
.systemMap .arrow.pos05.type01 .arr:before{background:url(../images/ico/ico_edgeDefault.png) no-repeat 0 -442px; }
.systemMap .arrow.pos05.type02 .arr:before{background:url(../images/ico/ico_edgeDefault.png) no-repeat 0 -427px; }
.systemMap .arrow.pos05.type03 .arr:before{background:url(../images/ico/ico_edgeDefault.png) no-repeat 0 -412px; }
 
.systemMap .arrow.pos07 .arr01:after{opacity:1; content:""; width:3px; height:0; display:block; position:absolute; right:0; top:0;    /*animation: arrpos0701 .8s linear infinite; */}  
.systemMap .arrow.pos07 .arr02:after{opacity:1; content:""; width:0; height:13px; display:block; position:absolute; right:0; bottom:0; /*	animation: arrpos0702 .8s linear infinite; animation-delay: .8s; */} 

@keyframes arrpos01{  0%{height:0; }  100%{height:74px; }}
@keyframes arrpos03{   0%{width:0; }  100%{width:230px; }} 
@keyframes arrpos05{  0%{width:230px; } 100%{width:0px; }}
/*
@-webkit-keyframes arrpos0701{
    0%{height:0px; }
    100%{height:136px; }
}
@-webkit-keyframes arrpos0702{
    0%{width:0; }
    100%{width:413; }
}*/

.processResult{float:left;width:calc( 100% - 210px );height:132px;background:#394455;overflow:hidden;margin:35px 105px 0 105px;position:relative;}
.processResult dl{float:left; width:calc( 100% / 3 ); height:132px;position:relative;}
.processResult dl:before{content:"";display:block;width:1px;height:66px;position:absolute;overflow:hidden;top:50%;left:0;margin-top:-33px;background:#232b36;}
.processResult dl:after{content:"";display:block;width:1px;height:66px;position:absolute;overflow:hidden;top:50%;left:1px;margin-top:-33px;background:#414c5c;}
.processResult dl.first:before,
.processResult dl.first:after{display:none;}
.processResult dl dt{float:left;width:170px;height:132px;overflow:hidden;}
.processResult dl dt .cell{display:table-cell;width:170px;height:132px;overflow:hidden;vertical-align:middle;text-align:center;font-size:18px;color:#fff;}
.processResult dl dd{float:left;width:calc( 100% - 170px );height:132px;overflow:hidden;}
.processResult dl dd .item{width:50%;height:132px;overflow:hidden;float:left;}
.processResult dl dd .item .t01{margin-top:30px;font-size:15px;color:#b7b9bd;width:100%;height:auto;overflow:hidden;}
.processResult dl dd .item .t02{margin-top:5px;font-family:'Roboto';font-style:normal;font-weight:300;font-size:42px;color:#2db6e0;width:100%;height:auto;overflow:hidden;}
.processResult dl dd .item .t02 span{font-size:16px;color:#2db6e0;}
.processResult dl dd .item.sts02 .t02{color:#48f98f;}
.processResult dl dd .item.sts02 .t02 span{color:#48f98f;}
.processResult dl dd .item.sts03 .t02{color:#fff;}
.processResult dl dd .item.sts03 .t02 span{color:#b7b9bd;}

.pieBox{clear:both;width:1200px;margin:0 auto;padding-bottom:50px;height:360px;overflow:hidden;}
.pieBox .pbLeft{position:relative;margin-top:80px;width:420px;height:auto;overflow:hidden;float:left;}
.pieBox .pbLeft:before{content:"";display:block;width:43px;height:30px;overflow:hidden;position:absolute;right:40px;top:80px;background:url(../images/ico/ico_edgeDefault.png) no-repeat -92px 0;}
.pieBox .pbLeft .t01{width:300px;height:auto;overflow:hidden;font-size:30px;color:#b7b9bd;text-align:center;}
.pieBox .pbLeft .t02{font-family:'Roboto';font-style:normal;font-weight:300;width:300px;height:auto;overflow:hidden;font-size:82px;color:#fff;text-align:center;}
.pieBox .pbLeft .t02 span{font-size:32px;color:#fff;}
.pieBox .pbLeft .t03{font-family:'Roboto';font-style:normal;font-weight:300;border-top:1px solid #556378;padding-top:20px;margin-top:20px;width:300px;height:auto;overflow:hidden;font-size:57px;color:#2db6e0;text-align:center;}
.pieBox .pbLeft .t03 span{font-size:32px;color:#2db6e0}
.pieBox .pbCenter{position:relative;width:360px;height:360px;overflow:hidden;float:left;}
.pieBox .chart{width:360px;height:360px;overflow:hidden;}
.pieBox .txt{position:absolute;left:0;top:115px;width:100%;height:auto;overflow:hidden;margin:0 auto;text-align:center;font-size:30px;color:#b7b9bd;}
.pieBox .per{position:absolute;left:0;top:145px;width:100%;height:auto;overflow:hidden;margin:0 auto;text-align:center;font-size:120px;color:#48f98f;font-family:'Roboto';font-style:normal;font-weight:300;}
.pieBox .pbRight{margin-top:80px;width:420px;height:auto;overflow:hidden;float:left;position:relative;}
.pieBox .pbRight:before{content:"";display:block;width:43px;height:30px;overflow:hidden;position:absolute;left:40px;top:80px;background:url(../images/ico/ico_edgeDefault.png) no-repeat -92px 0;}
.pieBox .pbRight .t01{margin-left:auto;width:300px;height:auto;overflow:hidden;font-size:30px;color:#b7b9bd;text-align:center;}
.pieBox .pbRight .t02{margin-left:auto;font-family:'Roboto';font-style:normal;font-weight:300;width:300px;height:auto;overflow:hidden;font-size:82px;color:#fff;text-align:center;}
.pieBox .pbRight .t02 span{font-size:32px;color:#fff;}
.pieBox .pbRight .t03{margin-left:auto;font-family:'Roboto';font-style:normal;font-weight:300;border-top:1px solid #556378;padding-top:20px;margin-top:20px;width:300px;height:auto;overflow:hidden;font-size:57px;color:#2db6e0;text-align:center;}
.pieBox .pbRight .t03 span{font-size:32px;color:#2db6e0}

.curationBox .btnBox .controllCont{position:absolute;left:50%;top:0;margin-left:-113px;height:38px;padding:0 5px;float:left;border:1px solid #404c5d; border-radius:3px;}
.curationBox .btnBox .controllCont button{border-radius:0;border:0;font-size:0;text-indent:-2000px;overflow:hidden;margin:9px 10px 0 10px;}
.curationBox .btnBox .controllCont .btnCtrl01{width:27px;height:20px;background:url(../images/ico/ico_edgeDefault.png) no-repeat -167px 0;}
.curationBox .btnBox .controllCont .btnCtrl02{width:16px;height:20px;background:url(../images/ico/ico_edgeDefault.png) no-repeat -243px 0;}
.curationBox .btnBox .controllCont .btnCtrl03{width:11px;height:20px;background:url(../images/ico/ico_edgeDefault.png) no-repeat -307px 0;}
.curationBox .btnBox .controllCont .btnCtrl04{width:18px;height:20px;background:url(../images/ico/ico_edgeDefault.png) no-repeat -367px 0;}
.curationBox .btnBox .controllCont .btnCtrl05{width:27px;height:20px;background:url(../images/ico/ico_edgeDefault.png) no-repeat -430px 0;}
.curationBox .btnBox .controllCont .btnCtrl01:hover{background:url(../images/ico/ico_edgeDefault.png) no-repeat -167px -23px;}
.curationBox .btnBox .controllCont .btnCtrl02:hover{background:url(../images/ico/ico_edgeDefault.png) no-repeat -243px -23px;}
.curationBox .btnBox .controllCont .btnCtrl03:hover{background:url(../images/ico/ico_edgeDefault.png) no-repeat -307px -23px;}
.curationBox .btnBox .controllCont .btnCtrl04:hover{background:url(../images/ico/ico_edgeDefault.png) no-repeat -367px -23px;}
.curationBox .btnBox .controllCont .btnCtrl05:hover{background:url(../images/ico/ico_edgeDefault.png) no-repeat -430px -23px;}

.curationBox .splineBox{width:calc( 100% - 160px );height:200px;margin:20px auto 0 auto;}
.boHeader .selectForm {margin:42px 0 50px 0}
.boHeader .selectForm .select{background:#313c4c;height:40px;border:1px solid #313c4c;font-size:19px;color:#fff;}

.edgeStatus .pieBox .pbLeft{position:absolute;left:50px;top:0;width:200px;height:auto;overflow:hidden;}
.edgeStatus .pieBox .pbLeft:before{display:none;}
.edgeStatus .pieBox .pbLeft .t01{width:100%;height:auto;overflow:hidden;font-size:22px;color:#b7b9bd;text-align:center;}
.edgeStatus .pieBox .pbLeft .t02{font-family:'Roboto';font-style:normal;font-weight:300;width:100%;height:auto;overflow:hidden;font-size:35px;color:#fff;text-align:center;}
.edgeStatus .pieBox .pbLeft .t02 span{font-size:15px;color:#fff;}
.edgeStatus .pieBox .pbLeft .t03{font-family:'Roboto';font-style:normal;font-weight:300;border-top:1px solid #556378;padding-top:10px;margin-top:10px;width:100%;height:auto;overflow:hidden;font-size:25px;color:#2db6e0;text-align:center;}
.edgeStatus .pieBox .pbLeft .t03 span{font-size:15px;color:#2db6e0}

.edgeStatus .pieBox .pbRight{position:absolute;right:50px;top:0;width:200px;height:auto;overflow:hidden;}
.edgeStatus .pieBox .pbRight:before{display:none;}
.edgeStatus .pieBox .pbRight .t01{margin-left:auto;width:100%;height:auto;overflow:hidden;font-size:22px;color:#b7b9bd;text-align:center;}
.edgeStatus .pieBox .pbRight .t02{margin-left:auto;font-family:'Roboto';font-style:normal;font-weight:300;width:100%;height:auto;overflow:hidden;font-size:35px;color:#fff;text-align:center;}
.edgeStatus .pieBox .pbRight .t02 span{font-size:15px;color:#fff;}
.edgeStatus .pieBox .pbRight .t03{margin-left:auto;font-family:'Roboto';font-style:normal;font-weight:300;border-top:1px solid #556378;padding-top:10px;margin-top:10px;width:100%;height:auto;overflow:hidden;font-size:25px;color:#2db6e0;text-align:center;}
.edgeStatus .pieBox .pbRight .t03 span{font-size:15px;color:#2db6e0}

.loginPage{background:url(../images/bg/bg_login.jpg) no-repeat center top;background-size:cover;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.loginBox{width:565px;height:450px;position:relative;left:50%;top:50%;margin:-225px 0 0 -283px;overflow:hidden;}
.loginBox h1{width:140px;margin:0 auto;position:relative; z-index:5;height:60px; line-height:60px; font-size:21px; color:#fff; font-family:'notokr-regular'; padding-left:47px; }
.loginBox h1:before{position:absolute; left:0; top:16px; content:""; display:block; width:41px; height:32px; overflow:hidden; background:url(../images/ico/ico_common.png) no-repeat left 0; }
.loginBox .linkList{width:330px;height:auto;overflow:hidden;margin:32px auto;}
.loginBox .linkList li{width:110px;height:120px;overflow:hidden;float:left;}
.loginBox .linkList li a{width:108px;height:120px;overflow:hidden;display:block;margin:0 auto;}
.loginBox .linkList li a.ico01{background:url(../images/ico/ico_login.png) no-repeat 0 0;}
.loginBox .linkList li a.ico02{background:url(../images/ico/ico_login.png) no-repeat -129px 0;}
.loginBox .linkList li a.ico03{background:url(../images/ico/ico_login.png) no-repeat -257px 0;}

.loginBox .loginid{font-size:16px;color:#fff;background:transparent;width:360px;height:50px;border:0;border-bottom:2px solid #22262e;position:absolute;left:0;top:270px;}
.loginBox .loginpw{font-size:16px;color:#fff;background:transparent;width:360px;height:50px;border:0;border-bottom:2px solid #22262e;position:absolute;left:0;top:358px;}
.loginBox .btnLogin{font-size:24px;position:absolute;right:0;bottom:40px;width:165px;height:145px;border:0;background:#ff0000;border-radius:5px;color:#fff;}
.loginBox .chkBox{position:absolute;right:40px;bottom:0;} 
.loginBox .chkBox label:before{border:1px solid #22262e;}
.loginBox .chkBox label{font-size:14px;color:rgba(255,255,255, .4)}

@media (max-width:1200px){    
	.wrapper{min-width:0;height:auto; position:static; min-height:1000px; }
	.wrapper.fulltype{min-width:0; }
	.subSec{height:auto; overflow:hidden; margin-left:315px; }
	.systemStatus{height:auto; }
	.systemStatus ul{height:auto; }
	.systemStatus.centerType ul li.item01{width:100%; margin-right:0; }
	.systemStatus.centerType ul li.item02{width:calc( 100% - 360px ); margin-top:20px; }
	.systemStatus.centerType ul li.item03{margin-top:20px; }
	.systemStatus.centerType .compareBox .cor{margin-left:20px; } 
	.partnerStatus{height:auto; }
	.partnerStatus ul{height:auto; }
	.partnerStatus ul li{width:calc( 25% - 18px ); margin-bottom:20px; }
	.ground5g{height:auto; }
	.ground5g ul{height:auto; }
	.ground5g ul li{width:calc( 25% - 18px ); margin-bottom:20px; }

	.partnerStatus ul li{width:calc( ( 100% / 3 ) - 18px ); }
	.ground5g ul li{width:calc( ( 100% / 3 ) - 18px ); }
	.monitorData{width:calc( 100% - 80px ); }
	.monitorMap{width:calc( 100% - 80px ); margin-bottom:40px; height:600px; margin-top:50px; position:static; margin-left:40px; }
	.edgeStatus{height:auto; margin-top:20px; }
	.edgeStatus .eTarget{width:100%; height:500px; }
	.edgeStatus .eDriving{width:calc( 50% - 10px ); height:500px; margin:20px 0 0 0; }
	.edgeStatus .eResult{float:right; width:calc( 50% - 10px ); height:500px; margin:20px 0 0 0; }


	.systemStatus.centerType ul li.item02{width:100%; margin-right:0}
	.systemStatus.centerType ul li.item03{width:100%; }
	.systemStatus.centerType .compareBox .cor{margin-left:20px; } 
	.partnerStatus ul li{width:calc( 50% - 18px ); }
	.ground5g ul li{width:calc( 50% - 18px ); }
	
	.systemStatus.edgeType ul li .tit{width:calc( 100% - 50px ); }
	.systemStatus.edgeType ul li .per{margin-top:20px; margin-bottom:20px; }
	
	.monitorSide{position:absolute; left:0; top:60px; }
	.subSec.monitorCont{margin-left:190px; }
	.monitorGroup{width:calc( 100% -  80px ); }
	aside{position:absolute; left:0; top:60px; }
	.moduleBox .fl,
	.moduleBox .fr{width:100%;}
	.edgeStatusBox .fl,
	.edgeStatusBox .fr{width:calc( 100% - 2px );margin-bottom:10px;}
	.edgeStatusBox .fr{height:auto;padding-bottom:20px;}
	.edgeStatusBox .fr li{width:25%;}
	.edgeStatusBox .fr li:first-child{width:25%;}
	.boLeft, .boRight{width:calc( 100% - 160px );margin:0 80px;}
}