@charset "utf-8";

.mapArea{min-width:1900px;min-height:1040px;width:100%;height:1080px;overflow:hidden;position:absolute;left:0;top:0;background:url(../images/bg/bg_mapbox.jpg) no-repeat left center;background-size:cover;}
.wrapper{min-width:1900px;min-height:1040px;position:absolute; left:0; top:0; width:100%; height:1080px; overflow:hidden; }
.wrapper.fulltype{min-width:1900px;}

/* TOP*/
header{width:100%; height:80px; float:left;}
header h1{float:left; position:relative;margin-top:5px;z-index:5;height:60px; line-height:60px; font-size:21px; color:#fff; margin-left:35px; }
header .sideEtc{position:relative;z-index:5;float:right;margin:17px 35px 0 0;}
header .sideEtc .icoLink{position:relative; font-size:0; text-indent:-2000px; float:left; width:50px; height:50px; overflow:hidden;}
header .sideEtc .icoLink:before{content:""; position:absolute; left:0; top:0;width:50px; height:50px; overflow:hidden; display:block; background:url(../images/ico/ico_totalMenu.png) no-repeat; }
header .sideEtc .date{float:left; height:50px; line-height:50px; font-family: 'Rajdhani';font-weight:500; padding:0 20px; font-size:22px; color:#fff; }

.wrapper.sub header{background:url(../images/bg/bg_subleft.jpg) repeat-y left top;}
.wrapper.sub header h1{margin-left:20px;}
.wrapper.subpage header h1{margin-left:40px;}
.wrapper.subpage header .sideEtc{margin:17px 40px 0 0}
.wrapper.subpage aside{margin-left:20px;}
.wrapper.sub header .sideEtc{margin:17px 40px 0 0;}

nav{display:none; z-index:20; box-shadow:0 5px 5px 1px rgba(0,0,0,.3); width:100%; height:auto; padding-bottom:40px; overflow:hidden; position:absolute; left:0; top:80px; opacity:0; background:#131923; }
nav h2{margin-top:28px; font-weight:normal; font-size:20px; font-style:italic; font-family:'Corbel'; color:#fff; float:left; width:133px; height:219px; overflow:hidden; border-right:1px solid #0b0f15; text-align:center; }
nav .fr h2{color:#c69c6d; }
.gnbList{padding-left:30px; margin-top:28px; float:left; height:219px; overflow:hidden; border-left:1px solid #272a34; }
.gnbList>li{margin-right:36px; float:left; height:auto; overflow:hidden; }
.gnbList>li>p{font-size:16px; color:#fff; }
.gnbList li>ul{width:100%; margin-top:25px; height:auto; overflow:hidden; }
.gnbList li>ul li{margin-bottom:3px; width:100%; ; height:auto; overflow:hidden; }
.gnbList li>ul li>a{font-size:14px; color:#a3a3a3; }

/*LEFT*/
aside{float:left; width:430px; height:calc( 100% - 80px ); overflow:hidden;}
.lnb{background:#1f1f26;float:left; width:298px; height:calc( 100% - 80px ); overflow:hidden;}
.lnb h2{font-size:26px;color:#fff;font-weight:500;width:calc( 100% - 40px );height:auto;overflow:hidden;margin:20px;}
.lnb ul{width:calc( 100% - 20px );margin-left:20px;height:auto;overflow:hidden;border-top:2px solid #17171c;margin-top:20px;padding-top:20px;}
.lnb ul li{width:100%;height:50px;overflow:hidden;}
.lnb ul li a{display:block;position:relative;font-size:18px;color:#75757c;font-weight:500;width:100%;height:50px;line-height:50px;overflow:hidden;}
.lnb ul li a.on{color:#fff;}
.lnb ul li a:before{content:"";width:6px;height:6px;overflow:hidden;display:block;border-radius:3px;background:#75757c;position:absolute;left:254px;top:20px;}
.lnb ul li a.on:before{background:#fff;}

.lnbList{margin-top:20px; width:100%; height:auto; overflow:hidden; }
.lnbList dt{width:100%; height:auto; overflow:hidden; }
.lnbList dt a{position:relative; padding-left:60px; width:calc( 100% - 60px ); height:40px; line-height:40px; overflow:hidden; display:block; font-size:16px; color:#fff; }
.lnbList dt a:before{content:""; display:block; width:6px; height:6px; overflow:hidden; background:#b7b9bd; position:absolute; left:46px; top:16px; border-radius:3px; }
.lnbList dt a.on{height:80px; line-height:80px; background:#0b0d12; }
.lnbList dt.warning a:before{background:#ff0000; }
.lnbList dt.good a:before{background:#48f98f; }
.lnbList dt a.on:before{top:36px; }
.lnbList dd{display:none; font-family: 'Roboto';   font-style: normal;   font-weight: 100; font-size:72px; color:#fff; width:100%; height:100px; overflow:hidden; background:#0b0d12; text-align:center; }
.lnbList dd strong{font-family: 'Roboto';   font-style: normal;   font-weight: 300; font-size:72px;  }
.lnbList dd strong.good{color:#48f98f; }
.lnbList dd strong.warning{color:#ff0000; }

.iconMenu{width:100%; height:calc( 100% - 105px ); overflow:hidden; }
.iconMenu li{position:relative; width:100%; height:25%; overflow:hidden; }
.iconMenu li:before{z-index:20; content:""; width:100%; height:1px; overflow:hidden; display:block; position:absolute; left:0; top:0; background:#191d2a; }
.iconMenu li a{display:block; width:100%; height:100%; overflow:hidden; background:#12161f; position:relative; }
.iconMenu li a span{display:block; width:100%; height:auto; overflow:hidden; position:absolute; left:0; top:50%; margin-top:50px; text-align:center; font-size:18px; color:#fff; }
.iconMenu li a:before{position:absolute; left:50%; top:50%; content:""; display:block; overflow:hidden; }
.iconMenu li a.ico01:before{width:49px; height:55px; margin:-26px 0 0 -25px; background:url(../images/ico/ico_monitoring.png) no-repeat 0 0; }
.iconMenu li a.ico02:before{width:59px; height:49px; margin:-25px 0 0 -30px; background:url(../images/ico/ico_monitoring.png) no-repeat 0 -61px; }
.iconMenu li a.ico03:before{width:55px; height:62px; margin:-31px 0 0 -28px; background:url(../images/ico/ico_monitoring.png) no-repeat 0 -114px; }
.iconMenu li a.ico04:before{width:44px; height:50px; margin:-25px 0 0 -22px; background:url(../images/ico/ico_monitoring.png) no-repeat 0 -183px; }
.iconMenu li a:hover, .iconMenu li a.on{background:#0b0d12; }

.container{width:100%; height:auto; overflow:hidden; }
.container.sub{height:calc( 100% - 60px ); }

.subSec{float:left; width:calc( 100% - 460px ); height:calc( 100% - 80px ); padding:0; overflow:hidden; }
.wrapper.sub .subSec{width:calc( 100% - 310px );}

.subSec.monitorCont.fac{width:calc( 93% - 190px ); }
.subSec.monitorCont.lnbType{width:calc( 100% - 315px );}
.subSec.monitorCont.lnbType .boHeader{width:calc( 100% - 80px );}
.subSec.monitorCont.lnbType .monitorData{height:auto;margin-top:30px;}
.subSec.monitorCont.lnbType .monitorMap{right:40px;top:200px;height:calc( 100% - 230px );width:calc( 100% - 670px )}
.subSec.monitorCont.lnbType .monitorMap.on{width:calc( 100% - 90px )}

.boHeader{width:100%; margin:0 auto; height:auto;}
.boHeader h4{float:left; color:#fff; font-size:24px;font-weight:500;}
.subSec .boItem{ float:left; width:100%; height:auto; margin:0;}
.subSec .boItem span{float:left; font-size:18px; color:#ff0000; height:40px; line-height:40px; }
.subSec .boItem .subj{float:left; font-size:16px; color:#fff; height:40px; line-height:40px; }
.subSec .boItem .sideEtc{margin:0; }
.boHeader.t01{}
.boHeader.t01 h4{width:calc( 100% - 40px ); text-align:center; height:90px; line-height:90px; font-size:19px; color:#b7b9bd; }
.boHeader.t01 h4 strong{padding-left:5px; vertical-align:middle; font-size:74px; color:#48f98f; font-family: 'Roboto';   font-style: normal;   font-weight: 300; }
.subSec .sideEtc{float:right; margin-top:20px; margin-bottom:20px; }
.subSec .sideEtc button{position:relative;  overflow:hidden;  border:0;  border-radius:3px;  background:transparent;  width:40px;  height:40px;   font-size:0}
.subSec .sideEtc button.ico_filter:before{content:""; position:absolute; left:50%; top:50%; margin:-11px 0 0 -11px; width:22px; height:22px; overflow:hidden; display:block; background:url(../images/ico/ico_common.png) no-repeat left -182px; }
.subSec .sideEtc button.ico_print:before{content:""; position:absolute; left:50%; top:50%; margin:-11px 0 0 -11px; width:23px; height:22px; overflow:hidden; display:block; background:url(../images/ico/ico_common.png) no-repeat left -211px; }
.subSec .sideEtc button.ico_puload:before{content:""; position:absolute; left:50%; top:50%; margin:-11px 0 0 -11px; width:22px; height:22px; overflow:hidden; display:block; background:url(../images/ico/ico_common.png) no-repeat left -239px; }
.subSec .sideEtc button.ico_write:before{content:""; position:absolute; left:50%; top:50%; margin:-13px 0 0 -13px; width:25px; height:25px; overflow:hidden; display:block; background:url(../images/ico/ico_common.png) no-repeat -30px -211px; }
.subSec .sideEtc button.ico_save:before{content:""; position:absolute; left:50%; top:50%; margin:-11px 0 0 -11px; width:22px; height:22px; overflow:hidden; display:block; background:url(../images/ico/ico_common.png) no-repeat -30px -238px; }

.boCont{width:calc( 100% - 160px ); margin:0 auto; height:auto; overflow:hidden; }
.grid{width:100%; }
.grid.lineType{width:100%; min-height:830px}
.grid.lineType01{width:100%; min-height:700px}
.boFooter{position:relative; width:100%; margin:0 auto; height:90px; padding-top:30px; text-align:right; }
.btnBox{position:relative; width:calc( 100% - 160px ); margin:0 auto; height:90px; padding-top:30px; text-align:right; }
.boFooter.ac{width:100%;text-align:center;padding-top:0;}
.boFooter.ac01{width:100%;text-align:center;}
.w2ui-popup .boFooter.ac{padding-top:20px;}
.wtable.type01 td label{color:#313c4c;}
.boFooter button, .btnBox button{margin:0 2px;border:0; width:auto; min-width:70px;height:35px; overflow:hidden; border-radius:3px; color:#fff; background:#35353f; font-size:15px; padding:0 10px}
.boFooter button.gray, .btnBox button.gray{background:#8c8c97;}
.boFooter .pagingBox{text-align:center;overflow:visible; width:50%; position:absolute; transform:translate(-50%, -50%) scale(1);top:50%;left:50%;}
.boFooter .pagingBox.leftType{text-align:left;left:0;transform:translate(0%, -50%) scale(1);}

.grid.lineType01.sizeType01{min-height:600px}
.grid.lineType01.sizeType02{min-height:302px}

.boLeft{width:50%;float:left;height:auto;overflow:hidden;}
.boRight{width:calc( 50% - 40px );float:right;height:auto;overflow:hidden;}
.boLeft .boCont, .boRight .boCont{width:100%;}
.boLeft .boFooter, .boRight .boFooter{width:100%;}
.boRight .boCont.moveType .grid.lineType{border-bottom:1px solid #2b333e;min-height:242px;}
.boRight .boCont.moveType .itemDesc{margin-bottom:6px;text-align:center;font-size:14px;color:#fff;line-height:32px;width:100%;height:32px;border-radius:3px;background:#35353f;}

.sidebar{border-radius:8px;position:relative;margin-top:30px;float:left;width:360px;height:708px;overflow:hidden;background:#212127 !important;}
.sidebar .tit{border-bottom:2px solid #000;border-top-left-radius:8px;text-align:center;font-size:15px;color:#fff;border-top-right-radius:8px;background:#35353f;float:left;height:56px;line-height:56px;width:100%;overflow:hidden;}
.treeScrolls{width:100%;height:650px;overflow:hidden;overflow-y:auto;}

.boWrite{margin-top:30px;margin-left:20px;width:1140px;height:auto;overflow:hidden;float:left;}
.boWrite .boCont{width:100%;}
.boWrite .boFooter{text-align:center;}

.wtable{border:1px solid #ddd;width:100%;border-collapse:collapse;table-layout:fixed;}
.wtable th{padding-left:20px;text-align:left;font-size:16px;color:#000;height:49px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f5f5f5;border-right:1px solid #ddd;}
.wtable td{height:49px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:0 10px;}
.wtable td .select{width:100%;height:27px;border:1px solid #aeaeae;}
.wtable td .select.w120{width:120px;}
.wtable td .select.w200{width:200px;}
.wtable td .inp{padding:0 10px;width:calc( 100% - 22px );height:28px;overflow:hidden;border:1px solid #ddd;}
.wtable td .e01{float:left;height:27px;line-height:27px;padding:0 5px;}
.wtable td .inp.t01{float:left;width:calc( 50% - 32px );}
.wtable td .inp.t02{float:left;width:calc( 50% - 31px );}
.wtable td .inp[readonly]{background:#f1f1f1;}
.wtable td input{vertical-align:middle;}
.wtable td label{vertical-align:middle;margin-right:30px;font-size:14px;color:#fff;}
.wtable td .textarea{margin:7px 0;resize:none;padding: 10px;line-height:1.5em;width:calc( 100% - 22px );height:368px;overflow:hidden;border:1px solid #aeaeae;}

.boWrite .wtable{border:0;border-radius:8px;}
.boWrite .wtable th{font-size:15px;font-family: 'NanumSquare';border:0;border-bottom:1px solid #26262d;background:#35353f;color:#fff;text-align:center;papdding:0;font-weight:normal;}
.boWrite .wtable tr:first-child>th{border-top-left-radius:8px;}
.boWrite .wtable tr:last-child>th{border-bottom:0;border-bottom-left-radius:8px;}
.boWrite .wtable td{font-family: 'NanumSquare';background:#212127;border:0;border-bottom:1px solid #35353f;border-top:1px solid #35353f;}
.boWrite .wtable tr:first-child>td{border-top-right-radius:8px;border-top:0;}
.boWrite .wtable tr:last-child>td{border-bottom:0;border-bottom-right-radius:8px;}
.boWrite .wtable td input{background:#dededf;}
.boWrite .wtable td .textarea{background:#dededf;}

.gridItemMove{width:100%;height:50px;padding:26px 0;overflow:hidden;text-align:center;}
.gridItemMove button{opacity:.4;margin:0 5px;width:50px;height:50px;border:0;overflow:hidden;font-size:0;text-indent:-2000px;}
.gridItemMove button.ico_down{background:url(../images/bg/bg_moveDown.png) no-repeat;}
.gridItemMove button.ico_up{background:url(../images/bg/bg_moveUp.png) no-repeat;}
.gridItemMove button:hover{opacity:1;}

.searchBox{width:100%; height:40px; overflow:hidden; }
.searchBox .inp{color:#fff; font-size:14px; background:#0b0d12; float:left; height:38px; width:calc( 100% - 200px ); overflow:hidden; padding:0 18px; border:1px solid #313c4c; border-right:0; }
.searchBox .btnSearch{position:relative; float:left; width:36px; height:40px; overflow:hidden; background:#0b0d12; border-top:1px solid #313c4c; border-bottom:1px solid #313c4c; }
.searchBox .btnSearch:before{background:url(../images/ico/ico_monitoring.png) no-repeat 0 -425px; content:""; display:block; position:absolute; left:50%; top:50%; width:20px; height:20px; margin:-10px 0 0 -10px}
.searchBox .btnSearch:after{background:#1e252f; content:""; display:block; position:absolute; left:0; top:50%; width:1px; overflow:hidden; height:24px; margin:-12px 0 0 0}

.searchBox .btnOpt{float:left; width:40px; height:40px; overflow:hidden; position:relative; background:#313c4c; border-right:1px solid #262e3a; }
.searchBox .btnOpt:before{background:url(../images/ico/ico_monitoring.png) no-repeat -25px -425px; content:""; display:block; position:absolute; left:50%; top:50%; width:14px; height:19px; margin:-10px 0 0 -7px}

.searchBox .btnRefresh{float:left; width:40px; height:40px; overflow:hidden; position:relative; background:#313c4c; border-left:1px solid #485160; }
.searchBox .btnRefresh:before{background:url(../images/ico/ico_monitoring.png) no-repeat -44px -425px; content:""; display:block; position:absolute; left:50%; top:50%; width:20px; height:20px; margin:-10px 0 0 -10px}

.searchBox .btnWrite {float:right; width:40px; height:40px; border:1px solid #404c5d; background:#313c4c; position:relative; overflow:hidden; }
.searchBox .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}

.searchForm{position:relative; float:left;margin-bottom:10px;margin-top:10px;display:block; width:100%; height:auto;}
.searchForm .inp{font-size:14px; color:#fff; background:transparent;font-weight:500;float:left;width:200px;height:34px;border:0;border-bottom:1px solid #35353f;}
.searchForm .inp.datepicker{outline:none;margin-right:0px;background:url(../images/bg/bg_calendar.png) no-repeat left center;padding-left:40px;width:88px;height:34px;border:0;border-bottom:1px solid #35353f;}
.searchForm .etxt{height:35px;line-height:35px;padding:0 10px;float:left;color:#fff;font-size:20px;font-weight:500;}
.searchForm .etxt01{height:35px;line-height:35px;padding:0 10px;float:left;color:#d4d4d4;font-size:14px;font-weight:500;}
.searchForm.type01{background:#212127;border-radius:5px;height:auto;padding:12px 20px;width:calc( 100% - 40px  );}
.searchForm.type01 .btnSearch01{background:transparent;border:0;float:right;margin-top:8px;}
.searchForm .select{margin-top:2px;background:transparent;float:left;font-size:14px;color:#fff;width:160px;height:30px;border:1px solid #43434d;}

.radioGroup{float:left;margin:5px 0 0 0;}
.radioGroup label{cursor:pointer;background:url(../images/ico/ico_radio.png) no-repeat left center;float:left;padding-left:30px;height:24px;line-height:24px;font-size:14px;color:#fff;margin-right:20px;}
.radioGroup label.on{background:url(../images/ico/ico_radio_on.png) no-repeat left center;}
.radioGroup label input{position:absolute;left:-2000px;}

.w2ui-popup .inp{box-sizing:initial}
.w2ui-popup .searchForm{background:#e9e9e9;border:1px solid #a6a6a6;}
.w2ui-popup .searchForm .btnSearch{position:relative;left:0;top:0;margin-left:10px;}
.w2ui-popup .searchForm .label,
.w2ui-popup .searchForm .e01{color:#313c4c;}

.w2ui-popup .grid{border:1px solid #2b333e;float:left;margin-top:20px;min-height:488px;}
.w2ui-popup .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd,
.w2ui-popup .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-odd{background:#fff;}
.w2ui-popup .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even,
.w2ui-popup .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-even{background:#fff}
.w2ui-popup .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data>div{color:#313c4c;}
.cred{color:#ff0000 !important;}
.w2ui-popup .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected td.w2ui-grid-data>div,
.w2ui-popup .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-selected td.w2ui-grid-data>div,
.w2ui-popup .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr td.w2ui-selected td.w2ui-grid-data>div,
.w2ui-popup .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr td.w2ui-selected td.w2ui-grid-data>div{color:#fff}
.w2ui-popup .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr:hover  td.w2ui-grid-data>div{color:#fff}

.searchForm .btnSearch{position:absolute; right:15px; top:15px; ; font-size:16px; color:#fff; float:left; border:0; height:28px; width:100px; background:#4ba8d7; overflow:hidden; padding-left:20px; }
.searchForm .btnSearch:before{background:url(../images/ico/ico_monitoring.png) no-repeat 0 -425px; content:""; display:block; position:absolute; left:15px; top:50%; width:20px; height:20px; margin:-10px 0 0 0}
.searchForm .btnSearch.type01{height:71px; position:absolute; right:15px; top:15px; padding-left:0; padding-top:25px; }
.searchForm .btnSearch.type01:before{left:50%; margin-left:-10px; top:15px; margin-top:0; }
.searchForm .btnSearch.type02{height:114px; position:absolute; right:15px; top:15px; padding-left:0; padding-top:45px; }
.searchForm .btnSearch.type02:before{left:50%; margin-left:-10px; top:35px; margin-top:0; }

.searchForm .rows{width:calc( 100% - 120px ); height:auto; overflow:hidden; margin-top:15px; }
.searchForm .rows.mt0{margin-top:0; }
.searchForm .rows input[type='radio']{float:left; margin-left:30px; margin-top:8px; }
.searchForm .rows input[type='checkbox']{float:left; }
.searchForm .rows label{float:left; height:28px; line-height:28px; font-size:14px; color:#b7b9bd; margin-left:5px; }
.searchForm .rows .btnFunc{margin-left:10px; float:left; border:1px solid #404c5d; width:92px; height:28px; overflow:hidden; color:#fff; background:#313c4c; font-size:16px; }
.searchForm .inp.full01{width:calc( 100% - 460px ); margin-left:20px; }
.searchForm .inp.full02{width:calc( 100% - 466px ); }
.searchForm .inp.full03{width:calc( 100% - 495px ); }
.searchForm .inp.full04{width:calc( 100% - 550px ); }
.searchForm .inp.full05{width:calc( 100% - 773px ); }

/*페이징*/
.pagingBox{padding:22px 0 36px 0; width:100%; height:auto; overflow:hidden; text-align:center; }
.paging{display:inline-block; }
.paging a{font-size:15px;font-weight:500;color:#52575e;border:2px solid transparent;border-radius:50%;margin-left:-1px; float:left; width:24px; height:24px; text-align:center; line-height:24px; overflow:hidden;}
.paging a.btnPrev{font-size:0; text-indent:-2000px; border:0;width:28px; height:28px; margin:0 10px 0 0; background:url(../images/bg/bg_prev.png) no-repeat; }
.paging a.btnNext{font-size:0; text-indent:-2000px; border:0;width:28px; height:28px; margin:0 0 0 10px; background:url(../images/bg/bg_next.png) no-repeat; }
.paging a.btnFirst{font-size:0; text-indent:-2000px; border:0;width:28px; height:28px; background:url(../images/bg/bg_first.png) no-repeat; }
.paging a.btnLast{font-size:0; text-indent:-2000px; border:0;width:28px; height:28px; background:url(../images/bg/bg_last.png) no-repeat; }
.paging a.on{opacity:1; position:relative; color:#fff; border:2px solid #fff; }


/*팝업*/
.popMapBox{border-radius:15px;border:1px solid #17171c;box-shadow:0 0 20px 3px rgba(0,0,0,.2); width:362px; height:auto; overflow:hidden; position:absolute; left:0; top:100px; margin:0; }
.popMapBox.t01{width:328px;}
.popMapBox .popHeader{width:100%; height:60px; overflow:hidden; position:relative; background:#ff3f26; border-top-left-radius:15px; border-top-right-radius:15px; }
.popMapBox .popHeader.t01{background:#313c4c; }

.popMapBox .popHeader .tit{margin-left:30px; float:left; height:60px; line-height:60px; font-size:20px; color:#fff; font-weight:500;}
.popMapBox .popHeader a{font-size:0; text-indent:-2000px; display:block; width:20px; height:20px; overflow:hidden; background:url(../images/ico/ico_common.png) no-repeat 0 -416px; position:absolute; right:20px; top:20px; }
.popMapBox .popCont{display:block; height:auto; padding:25px 25px; overflow:hidden; position:relative; background:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.popMapBox .popCont01{display:block; height:auto; padding:0; overflow:hidden; position:relative; background:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.popMapBox .popCont .btnHistory{background:#ff0000; font-family: 'Rubik', 'notokr-regular'; font-style: normal; font-size:15px; color:#fff; width:276px; height:40px; line-height:40px; border-radius:20px; position:relative; display:block; overflow:hidden; text-align:center; margin:0 auto; }
.popMapBox .popCont .btnHistory:before{content:""; display:block; width:6px; height:9px; overflow:hidden; position:absolute; left:50%; top:50%; margin-top:-5px; background:url(../images/ico/ico_common.png) no-repeat 0 -439px; margin-left:58px; }

.popMapBox .pTable{table-layout:fixed; border-collapse:collapse; width:100%; margin:0 auto 24px auto; }
.popMapBox .pTable.mb0{margin-bottom:0; }
.popMapBox .pTable th{font-family: 'notokr-demilight'; font-size:14px; color:#555; padding:0; text-align:center; height:36px; border:1px solid #a6a6a6; background:#e9e9e9; }
.popMapBox .pTable td{padding:0; font-family: 'Rubik', 'notokr-regular'; font-size:14px; color:#555; text-align:center; border:1px solid #a6a6a6; height:36px; }
.popMapBox .pTable td.al{padding-left:16px; text-align:center; }
.popMapBox .pTable td.cr{color:#ff0000; }

.pwrap{width:calc( 100% - 40px );height:auto;overflow:hidden;margin:0 auto;}
.arrdepList{width:100%;height:auto;overflow:hidden;background:#e9e9e9;padding:10px 0;}
.arrdepList li{font-size:16px;color:#555;width:calc( 100% - 30px );height:25px;line-height:25px;padding-left:30px;overflow:hidden;position:relative;}
.arrdepList li:before{content:"";display:block;width:4px;height:4px;overflow:hidden;border-radius:2px;background:#ff0000;position:absolute;left:17px;top:10px;}
.cctvNum{font-size:14px;color:#fff;margin-top:20px;width:calc( 100% - 12px );padding-left:12px;line-height:37px;height:37px;overflow:hidden;background:#0b0d12;}
.ptabs{margin-top:20px;width:100%;height:37px;overflow:hidden;}
.ptabs li{float:left;width:130px;height:37px;overflow:hidden;position:relative;}
.ptabs li:before{content:"";width:1px;height:37px;overflow:hidden;display:block;background:#303743;position:absolute;left:0;top:0;}
.ptabs li:after{content:"";width:1px;height:37px;overflow:hidden;display:block;background:#555e6c;position:absolute;left:1px;top:0;}
.ptabs li.first:before,
.ptabs li.first:after{display:none;}
.ptabs li a{display:block;width:100%;height:37px;line-height:37px;text-align:center;overflow:hidden;color:#fff;font-size:14px;background:#424c5b;}
.ptabs li a.on{background:#0b0d12;}
.viewer{width:100%;height:200px;overflow:hidden;background:#ccc;margin:0 auto 15px auto;position:relative;}
.viewer .btnPlay{font-size:0;text-indent:-20000px;background:url(../images/ico/ico_edgeDefault.png) no-repeat -88px -228px;width:65px;height:65px;overflow:hidden;position:absolute;left:50%;top:50%;margin:-33px 0  0 -33px;}
.rsTable{width:390px;margin:0 auto;table-layout:fixed; border-collapse:collapse;}
.rsTable th{font-family: 'notokr-demilight'; font-size:14px; color:#555; padding:0; text-align:center; height:36px; border:1px solid #a6a6a6; background:#ead8d8; }
.rsTable td{padding:0; font-family: 'Rubik', 'notokr-regular'; font-size:14px; color:#555; text-align:center; border:1px solid #a6a6a6; height:36px; }

.rsTable01{width:390px;margin:15px auto 0 auto;table-layout:fixed; border-collapse:collapse;}
.rsTable01 th{font-family: 'notokr-demilight'; font-size:14px; color:#555; padding:0; text-align:center; height:36px; border:1px solid #a6a6a6; background:#e9e9e9; }
.rsTable01 td{padding:0; font-family: 'Rubik', 'notokr-regular'; font-size:14px; color:#555; text-align:center; border:1px solid #a6a6a6; height:36px; }

.selectForm{width:100%;height:auto;overflow:hidden;margin:15px auto;}
.selectForm .select{font-size:14px;color:#555;width:100%;height:35px;border:1px solid #a6a6a6;}
.selectForm .select.t01{background:#e9e9e9;}
.pbtnBox{position:relative;width:100%;height:56px;overflow:hidden;text-align:center;}
.pbtnBox:before{content:"";width:1px;height:56px;overflow:hidden;display:block;position:absolute;left:50%;top:0;background:#ccc;}
.pbtnBox.mt20{margin-top:20px;}
.pbtnBox button{box-shadow:none;outline:none;float:left;border:0;width:50%;height:56px;overflow:hidden;background:transparent;color:#666;font-size:18px;}
.pbtnBox button:hover{opacity:.7;}
.pbtnBox button.type01{width:200px;}
.popMapBox .pwrap .pTable{width:390px;}
.messageScrolls{width:388px;height:184px;overflow:hidden;border:1px solid #a6a6a6;margin-bottom:20px;overflow-y:auto;}
.messageScrolls ul{width:100%;height:auto;overflow:hidden;}
.messageScrolls ul li{width:100%;height:36px;line-height:36px;border-bottom:1px solid #a6a6a6;overflow:hidden;}
.messageScrolls ul li:first-child{border-top:0;}
.messageScrolls ul li a{display:block;width:calc( 100% - 15px );padding-left:15px;height:36px;font-size:14px;color:#555}
.messageScrolls ul li a:hover{background:#e9e9e9;}

.dialog{position:fixed; width:100%; height:100%; overflow:hidden;z-index:900; background:rgba(0,0,0,.7); display:none;}
.dialog .popBox{border-radius:3px; box-shadow:0 0 20px 3px #333; width:620px; height:386px; overflow:hidden; position:absolute; left:50%; top:50%; margin:-193px 0 0 -310px; }
.dialog .popBox.type01{width:500px; height:auto; top:200px; margin-left:-250px; margin-top:0; }
.dialog .popHeader{width:100%; height:45px; overflow:hidden; position:relative; background:#313c4c; border-top-left-radius:5px; border-top-right-radius:5px; }
.dialog .popHeader .tit{margin-left:30px; float:left; height:45px; line-height:45px; font-size:18px; color:#fff; font-family: 'notokr-regular'; }
.dialog .popHeader a{font-size:0; text-indent:-2000px; display:block; width:20px; height:20px; overflow:hidden; background:url(../images/ico/ico_common.png) no-repeat 0 -416px; position:absolute; right:15px; top:13px; }
.dialog .popCont{width:100%; height:341px; overflow:hidden; position:relative; background:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.dialog .popCont .pTitle{margin:42px 0 22px 0; font-family: 'notokr-regular'; width:100%; height:auto; overflow:hidden; text-align:center; font-size:18px; color:#12161f; }
.dialog .popCont .delayTxt{font-family: 'notokr-demilight'; width:100%; height:auto; overflow:hidden; text-align:center; font-size:15px; color:#555; }
.dialog .popCont .delayStatus{background:#1f2937; width:348px; height:6px; border-radius:3px; margin:30px auto 15px auto; overflow:hidden; text-align:center; }
.dialog .popCont .delayStatus span{float:left; height:6px; border-radius:6px; width:0; overflow:hidden; background:#ff0000; }
.dialog .popCont .delayTime{margin-bottom:60px; font-family: 'notokr-demilight'; font-size:16px; color:#ff0000; width:100%; height:auto; overflow:hidden; text-align:center; }
.dialog .popCont .btnHistory{background:#ff0000; font-family: 'Rubik', 'notokr-regular'; font-style: normal; font-size:15px; color:#fff; width:426px; height:40px; line-height:40px; border-radius:20px; position:relative; display:block; overflow:hidden; text-align:center; margin:0 auto; }
.dialog .popCont .btnHistory:before{content:""; display:block; width:6px; height:9px; overflow:hidden; position:absolute; left:50%; top:50%; margin-top:-5px; background:url(../images/ico/ico_common.png) no-repeat 0 -439px; margin-left:78px; }
.dialog .popBox.type01 .pTable{width:calc( 100% - 40px ); margin:20px; }
.dialog .popBox.type01 .pTable td{padding:0 10px; }
.dialog .popBox.type01 .pTable td .inp{height:26px; border:1px solid #aeaeae; width:calc( 100% - 22px ); padding:0 10px; }
.dialog .popBox .pbtnBox{width:100%; height:auto; overflow:hidden; text-align:center; }
.dialog .popBox .pbtnBox button{width:135px; height:40px; border:0; border-radius:20px; color:#fff; font-size:16px; }
.dialog .popBox .pbtnBox button.btnSave{background:#4ba8d7; }
.dialog .popBox .pbtnBox button.btnCancel{background:#aeaeae; }
.dialog .btnClose{position:absolute;right:20px;top:20px;}

.pTable{table-layout:fixed; border-collapse:collapse; width:432px; margin:0 auto 24px auto; }
.pTable th{font-family: 'notokr-demilight'; font-size:14px; color:#555; text-align:left; height:36px; padding-left:16px; width:170px; border:1px solid #a6a6a6; background:#e9e9e9; }
.pTable td{font-family: 'Rubik', 'notokr-regular'; font-size:14px; color:#555; border:1px solid #a6a6a6; height:36px; padding-left:16px; }
.pTable td.cr{color:#ff0000; }

.listTable{table-layout:fixed; border-collapse:collapse;width:100%;}
.listTable th{height:45px;border:1px solid #313d4d;background:#313d4d;color:#fff;}
.listTable td{height:45px;border:1px solid #313d4d;background:#fff;text-align:center;color:#313d4d;}
.listScrolls{width:100%;height:536px;border-bottom:1px solid #313d4d;overflow:hidden;overflow-y:auto;}


.mainSec{width:calc( 100% - 70px ); height:calc( 100% - 75px ); margin:80px 35px 35px 35px;position:relative;overflow:hidden; }
.msLeft{width:415px;height:auto;float:left;}
.msLeft .drivingStatus{width:415px;height:415px;overflow:hidden;position:relative;}
.msLeft .drivingStatus .pieChart01{position:absolute;left:0;top:0;width:415px;height:415px;overflow:hidden;}
.msLeft .drivingStatus .pieChart02{position:absolute;left:30px;top:30px;width:355px;height:355px;overflow:hidden;}
.msLeft .drivingStatus .pieChart03{position:absolute;left:60px;top:60px;width:295px;height:295px;overflow:hidden;}
.msLeft .drivingStatus .cont{position:absolute;left:134px;top:120px;}
.msLeft .drivingStatus .cont .tit{text-indent:30px;width:100%;height:auto;overflow:hidden;font-size:16px;color:#fff;font-weight:500;}
.msLeft .drivingStatus .cont .per{width:100%;height:145px;margin-top:-20px;overflow:hidden;font-size:60px;color:#fff;}
.msLeft .drivingStatus .cont .per strong{font-size:140px;color:#fff;font-weight:400;}
.msLeft .drivingStatus .cont .cnt{text-indent:30px;width:100%;height:auto;overflow:hidden;font-size:20px;color:#fff;font-weight:500;}
.msLeft .avgSpeed{background:#131319;border-radius:18px;margin:10px auto;font-size:15px;color:#fff;width:135px;height:35px;line-height:35px;overflow:hidden;text-align:center;}
.msLeft .avgSpeed strong{font-weight:500;font-size:24px;color:#fff;}
.msLeft .drivingCateList{width:100%;height:auto;overflow:hidden;}
.msLeft .drivingCateList li{width:calc( 100% / 3 );height:auto;overflow:hidden;float:left;}
.msLeft .drivingCateList li .tit{float:left;font-size:15px;color:#c2c2c2;height:37px;line-height:37px;}
.msLeft .drivingCateList li .per{margin-left:10px;float:left;font-size:18px;color:#00bee0;text-align:center;height:35px;width:74px;overflow:hidden;border-radius:18px;border:1px solid #00bee0;}
.msLeft .drivingCateList li .per strong{font-size:30px;color:#00bee0;font-weight:500;}
.msLeft .drivingCateList li:nth-child(1) .per{border-color:#00bee0;color:#00bee0;}
.msLeft .drivingCateList li:nth-child(1) .per strong{color:#00bee0;}
.msLeft .drivingCateList li:nth-child(2) .per{border-color:#fea100;color:#fea100;}
.msLeft .drivingCateList li:nth-child(2) .per strong{color:#fea100;}
.msLeft .drivingCateList li:nth-child(3) .per{border-color:#65e693;color:#65e693;}
.msLeft .drivingCateList li:nth-child(3) .per strong{color:#65e693;}
.msLeft .msSubj{margin:30px 0 10px 0;width:100%;height:auto;overflow:hidden;font-size:16px;color:#fff;font-weight:500;}
.msLeft .interSectionList{width:100%;height:auto;overflow:hidden;}
.msLeft .interSectionList li{position:relative;width:calc( 100% / 3 );background:url(../images/bg/bg_won.png) no-repeat center center;height:114px;overflow:hidden;float:left;}
.msLeft .interSectionList.t01{width:600px;}
.msLeft .interSectionList.t01 li{width:calc( 100% / 4 );}
.msLeft .interSectionList li .value{display:block;width:100%;height:114px;line-height:114px;text-align:center;overflow:hidden;font-size:50px;color:#fff;}
.msLeft .interSectionList li img{position:absolute;left:0;bottom:5px;}
.msLeft .interSectionList.t01 .value{font-size: 30px;color: #ccc;}
.msLeft .interSectionList.t01 .value strong{font-size: 42px;color: #fff;font-weight: 500;}
.msLeft .interSectionList.t01 li img{width:45px;}
.msLeft .interSectionList.t01 li.on .value strong{color:#ff3e11;}

aside .drivingStatus{width:265px;height:265px;overflow:hidden;position:relative;}
aside .drivingStatus .pieChart01{position:absolute;left:0;top:0;width:265px;height:265px;overflow:hidden;}
aside .drivingStatus .pieChart02{position:absolute;left:20px;top:20px;width:225px;height:225px;overflow:hidden;}
aside .drivingStatus .pieChart03{position:absolute;left:40px;top:40px;width:185px;height:185px;overflow:hidden;}
aside .drivingStatus .cont{position:absolute;left:80px;top:79px;}
aside .drivingStatus .cont .tit{text-indent:20px;width:100%;height:auto;overflow:hidden;font-size:14px;color:#fff;font-weight:500;}
aside .drivingStatus .cont .per{width:100%;height:95px;margin-top:-20px;overflow:hidden;font-size:36px;color:#fff;}
aside .drivingStatus .cont .per strong{font-size:88px;color:#fff;font-weight:400;}
aside .drivingStatus .cont .cnt{text-indent:20px;width:100%;height:auto;overflow:hidden;font-size:14px;color:#fff;font-weight:500;}
aside .avgSpeed{position:absolute;left:250px;top:250px;background:transparent;border-radius:18px;margin:10px auto;font-size:18px;color:#fff;width:135px;height:35px;line-height:35px;overflow:hidden;text-align:center;}
aside .avgSpeed strong{font-weight:500;font-size:36px;color:#fff;}
aside .drivingCateList{width:calc( 100% - 40px );margin:20px auto;height:auto;overflow:hidden;}
aside .drivingCateList li{width:calc( 100% / 3 );height:auto;overflow:hidden;float:left;}
aside .drivingCateList li .tit{float:left;font-size:14px;color:#c2c2c2;height:37px;line-height:37px;}
aside .drivingCateList li .per{margin-left:10px;float:left;font-size:14px;color:#00bee0;text-align:center;height:28px;width:60px;overflow:hidden;border-radius:18px;border:1px solid #00bee0;}
aside .drivingCateList li .per strong{font-size:24px;color:#00bee0;font-weight:500;}
aside .drivingCateList li:nth-child(1) .per{border-color:#00bee0;color:#00bee0;}
aside .drivingCateList li:nth-child(1) .per strong{color:#00bee0;}
aside .drivingCateList li:nth-child(2) .per{border-color:#fea100;color:#fea100;}
aside .drivingCateList li:nth-child(2) .per strong{color:#fea100;}
aside .drivingCateList li:nth-child(3) .per{border-color:#65e693;color:#65e693;}
aside .drivingCateList li:nth-child(3) .per strong{color:#65e693;}
aside .msSubj{border-top:1px solid #2f2f33;margin:10px auto 10px auto;width:calc( 100% - 40px );padding-top:20px;height:auto;overflow:hidden;font-size:16px;color:#fff;font-weight:500;}
aside .interSectionList{margin-top:10px;width:100%;height:auto;overflow:hidden;}
aside .interSectionList li{position:relative;width:calc( 100% / 3 );background:none;height:40px;overflow:hidden;float:left;}
aside .interSectionList li .value{display:block;width:100%;height:40px;line-height:40px;text-align:center;overflow:hidden;font-size:34px;color:#fff;}
aside .interSectionList li img{width:30px;position:absolute;left:20px;bottom:0px;}
aside .sideBusStatus{position:relative;border-top:1px solid #2f2f33;width:390px;height:190px;float:left;margin:20px auto 0 20px;}
aside .sideBusStatus .tit{text-align:left;width:100%;height:auto;overflow:hidden;font-size:16px;color:#fff;font-weight:500;margin-top:20px;}
aside .sideBusStatus .pieBox{position:relative;float:left;width:250px;height:150px;overflow:hidden;margin:0;}
aside .sideBusStatus .pieBox .pieChart{float:left;width:150px;height:150px;overflow:hidden;}
aside .sideBusStatus .pieBox .cont{margin-top:25px;float:left;width:100px;height:auto;overflow:hidden;text-align:center;}
aside .sideBusStatus .pieBox .cont .tot{font-size:14px;color:#fff;width:100%;height:auto;overflow:hidden;}
aside .sideBusStatus .pieBox .cont .cnt{font-size:14px;color:#fff;width:100%;height:auto;overflow:hidden;}
aside .sideBusStatus .pieBox .cont .cnt strong{display:block;font-size:48px;color:#fff;font-weight:400;}
aside .sideBusStatus .pieBox .per{background:url(../images/ico/ico_bus01.png) no-repeat center 0;position:absolute;left:34px;top:40px;font-size:30px;color:#1ca6ff;width:80px;height:auto;text-align:center;overflow:hidden;padding-top:30px;}
aside .sideBusStatus .pieBox .per strong{font-size:30px;color:#1ca6ff;font-weight:500;}
aside .sideBusStatus .fn{margin-top:25px;text-align:center;float:left;width:120px;height:auto;overflow:hidden;}
aside .sideBusStatus .fn img{width:45px;}
aside .sideBusStatus .fn .ftit{margin:10px auto 10px auto;width:100%;height:auto;overflow:hidden;text-align:center;font-size:12px;color:#fff;}
aside .sideBusStatus .fn .cnt{width:100%;height:auto;overflow:hidden;text-align:center;font-size:14px;color:#fff;}
aside .sideBusStatus .fn .cnt strong{font-size:22px;color:#fff;font-weight:500;}
aside .sideFacStatus{position:relative;border-top:1px solid #2f2f33;width:390px;height:auto;float:left;margin:10px auto 0 20px;padding-bottom:20px;}
aside .sideFacStatus .tit{text-align:left;width:100%;height:auto;overflow:hidden;font-size:16px;color:#fff;font-weight:500;margin-top:20px;}
aside .sideFacStatus ul{margin-top:20px;width:100%;height:auto;overflow:hidden;}
aside .sideFacStatus ul li{float:left;font-size:24px;color:#ccc;width:25%;height:auto;padding-top:35px;text-align:center;overflow:hidden;}
aside .sideFacStatus ul li strong{font-size:34px;color:#fff;font-weight:500;}
aside .sideFacStatus ul li.on strong{color:#ff3e11;}
aside .sideFacStatus ul li:nth-child(1){background:url(../images/ico/ico_facilityList01.png) no-repeat center top;background-size:30px 33px;}
aside .sideFacStatus ul li:nth-child(2){background:url(../images/ico/ico_facilityList02.png) no-repeat center top;background-size:30px 33px;}
aside .sideFacStatus ul li:nth-child(3){background:url(../images/ico/ico_facilityList03.png) no-repeat center top;background-size:30px 33px;}
aside .sideFacStatus ul li:nth-child(4){background:url(../images/ico/ico_facilityList04.png) no-repeat center top;background-size:30px 33px;}
aside .sideFacStatus ul li.on:nth-child(1){background:url(../images/ico/ico_facilityList01_on.png) no-repeat center top;background-size:30px 33px;}
aside .sideFacStatus ul li.on:nth-child(2){background:url(../images/ico/ico_facilityList02_on.png) no-repeat center top;background-size:30px 33px;}
aside .sideFacStatus ul li.on:nth-child(3){background:url(../images/ico/ico_facilityList03_on.png) no-repeat center top;background-size:30px 33px;}
aside .sideFacStatus ul li.on:nth-child(4){background:url(../images/ico/ico_facilityList04_on.png) no-repeat center top;background-size:30px 33px;}

aside .sideBusDrivaing{position:relative;border-top:1px solid #2f2f33;width:390px;height:150px;float:left;margin:0px auto 0 20px;}
aside .sideBusDrivaing .tit{text-align:left;width:100%;height:auto;overflow:hidden;font-size:16px;color:#fff;font-weight:500;margin-top:10px;}
aside .sideBusDrivaing .lineBox{position:relative;float:left;width:390px;height:115px;margin:20px 0 0 0px;}
aside .sideBusDrivaing .lineChart{position:relative;width:390px;height:110px;overflow:hidden;}

aside .sideBusDrivaing .lineBox .legendBox{position:absolute;right:10px;top:-34px}
aside .sideBusDrivaing .lineBox .legendBox.t01{top:-13px;}
aside .sideBusDrivaing .lineBox .legendBox span{float:left;position:relative;padding-left:15px;font-size:12px;color:#fff;margin-left:10px;}
aside .sideBusDrivaing .lineBox .legendBox span:before{content:"";display:block;width:9px;height:9px;overflow:hidden;border-radius:5px;position:absolute;left:0;top:3px;}
aside .sideBusDrivaing .lineBox .legendBox span.leg01:before{background:#00bee0;}
aside .sideBusDrivaing .lineBox .legendBox span.leg02:before{background:#fea100;}
aside .sideBusDrivaing .lineBox .legendBox span.leg03:before{background:#65e693;}
aside .settingLayer{right:10px;top:7px;}


aside .dataConnBox{border-top:1px solid #2f2f33;width:390px;height:229px;overflow:hidden;margin:10px auto;}
aside .dataConnBox .tit{width:calc( 100% - 30px );margin:10px auto 0 auto;background:url(../images/bg/bg_status01.png) no-repeat left center;padding-left:30px;height:50px;line-height:50px;font-size:16px;color:#fff;font-weight:500;overflow:hidden;}
aside .dataConnBox ul{width:100%;height:auto;overflow:hidden;margin:0 auto;}
aside .dataConnBox ul li{width:100%;height:45px;border-top:0;overflow:hidden;}
aside .dataConnBox ul li .status{text-align:center;margin-top:5px;font-size:13px;float:left;width:50px;height:24px;line-height:24px;overflow:hidden;border-radius:12px;border:1px solid #65e693;color:#65e693;}
aside .dataConnBox ul li.blocked .status{border-color:#ff3e11;color:#ff3e11;}
aside .dataConnBox ul li .txt{height:37px;line-height:37px;margin-left:10px;float:left;font-size:16px;color:#fff;}
aside .dataConnBox ul li .km{float:right;height:37px;line-height:37px;margin-right:10px;font-size:16px;color:#fff;}
aside .dataConnBox ul li .km strong{font-size:34px;color:#fff;font-weight:500;}

aside.type01 .sideBusStatus .tit{margin-top:10px;}
aside.type01 .sideBusStatus{height:170px}
aside.type01 .sideFacStatus .tit{margin-top:10px;}
aside.type01 .sideFacStatus{padding-bottom:0px;}
aside.type01 .dataConnBox .tit{margin-top:0;}
aside.type01 .dataConnBox ul li{height:37px;}


.boTabs{width:100%;height:39px;overflow:hidden;}
.boTabs li{float:left;width:122px;height:39px;overflow:hidden;margin-left:4px;}
.boTabs li:first-child{margin-left:0;}
.boTabs li a{border-top-left-radius:8px;border-top-right-radius:8px;display:block;width:100%;font-size:14px;color:#828288;height:39px;line-height:39px;text-align:center;overflow:hidden;background:#27272f;}
.boTabs li a.on{background:#35353f;font-size:18px;color:#fff;font-weight:500;}
.lineType .w2ui-grid-records{border-bottom-left-radius:8px;border-bottom-right-radius:8px;}

.msFooter{position:absolute;left:0;bottom:35px;width:1366px;height:246px;overflow:hidden;border-top:1px solid rgba(255,255,255,.2);}
.msFooter .item{position:relative;width:474px;height:246px;overflow:hidden;float:left;}
.msFooter .item:first-child{width:415px;}
.msFooter .item.ac{border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);}
.msFooter .item .tit{text-indent:20px;text-align:left;width:100%;height:auto;overflow:hidden;font-size:16px;color:#fff;font-weight:500;margin-top:20px;}
.msFooter .item:first-child .tit{text-indent:0;}
.msFooter .item ul{margin-top:20px;width:100%;height:auto;overflow:hidden;}
.msFooter .item ul li{float:left;font-size:40px;color:#ccc;width:calc( 50% - 75px );height:95px;line-height:95px;padding-left:75px;overflow:hidden;}
.msFooter .item ul li strong{font-size:54px;color:#fff;font-weight:500;}
.msFooter .item ul li.on strong{color:#ff3e11;}
.msFooter .item ul li:nth-child(1){background:url(../images/ico/ico_facilityList01.png) no-repeat left center;}
.msFooter .item ul li:nth-child(2){background:url(../images/ico/ico_facilityList02.png) no-repeat left center;}
.msFooter .item ul li:nth-child(3){background:url(../images/ico/ico_facilityList03.png) no-repeat left center;}
.msFooter .item ul li:nth-child(4){background:url(../images/ico/ico_facilityList04.png) no-repeat left center;}
.msFooter .item ul li.on:nth-child(1){background:url(../images/ico/ico_facilityList01_on.png) no-repeat left center;}
.msFooter .item ul li.on:nth-child(2){background:url(../images/ico/ico_facilityList02_on.png) no-repeat left center;}
.msFooter .item ul li.on:nth-child(3){background:url(../images/ico/ico_facilityList03_on.png) no-repeat left center;}
.msFooter .item ul li.on:nth-child(4){background:url(../images/ico/ico_facilityList04_on.png) no-repeat left center;}
.msFooter .item .pieBox{position:relative;float:left;width:250px;height:210px;overflow:hidden;margin:0 0 0 20px;}
.msFooter .item .pieBox .pieChart{width:250px;height:210px;overflow:hidden;}
.msFooter .item .pieBox .cont{position:absolute;left:95px;top:30px;}
.msFooter .item .pieBox .cont .tot{font-size:18px;color:#fff;width:calc( 100% - 30px );padding-left:30px;text-align:left;height:auto;overflow:hidden;}
.msFooter .item .pieBox .cont .cnt{background:url(../images/ico/ico_bus01.png) no-repeat left 45px;font-size:16px;color:#fff;width:calc( 100% - 30px );padding-left:30px;height:auto;overflow:hidden;}
.msFooter .item .pieBox .cont .cnt strong{font-size:74px;color:#fff;font-weight:400;}
.msFooter .item .pieBox .cont .per{position:static;margin-left:106px;font-size:10px;color:#000;width:42px;height:22px;line-height:22px;text-align:center;overflow:hidden;border-radius:11px;background:#38c9ff;}
.msFooter .item .pieBox .cont .per strong{font-size:15px;color:#000;}
.msFooter .item .lineBox{position:relative;float:left;width:430px;height:180px;margin:20px 0 0 20px;}
.msFooter .item .lineChart{position:relative;width:430px;height:200px;overflow:hidden;}
.msFooter .item .lineChart#schoolZoneChart{height:150px;margin-top:50px;}
.msFooter .item .lineBox .legendBox{position:absolute;right:0;top:-34px}
.msFooter .item .lineBox .legendBox.t01{top:-13px;}
.msFooter .item .lineBox .legendBox span{float:left;position:relative;padding-left:15px;font-size:12px;color:#fff;margin-left:10px;}
.msFooter .item .lineBox .legendBox span:before{content:"";display:block;width:9px;height:9px;overflow:hidden;border-radius:5px;position:absolute;left:0;top:3px;}
.msFooter .item .lineBox .legendBox span.leg01:before{background:#00bee0;}
.msFooter .item .lineBox .legendBox span.leg02:before{background:#fea100;}
.msFooter .item .lineBox .legendBox span.leg03:before{background:#65e693;}
.msFooter .item .lineBox .cont{width:180px;height:100px;overflow:hidden;background:url(../images/bg/bg_schoolZone.png) no-repeat left center;position:absolute;right:0;top:-34px}
.msFooter .item .lineBox .cont .lineTit{font-size:14px;color:#fff;text-align:right;width:100%;height:auto;overflow:hidden;}
.msFooter .item .lineBox .cont .cnt{font-size:24px;font-weight:500;color:#fff;text-align:right;width:100%;height:auto;overflow:hidden;}
.msFooter .item .lineBox .cont .cnt strong{font-size:54px;font-weight:500;color:#fff;}
.msFooter .item .btnSetting{position:absolute;right:24px;top:16px;}
.msFooter .item.al .pieBox{width:240px;margin:0;}
.msFooter .item.al .fn{margin-top:35px;}
.msFooter .item.al .pieBox .cont{left:75px;}

#schoolZoneChart .highcharts-xaxis-labels text{fill:#fff !important;font-size:15px !important;}

.msFooter .item .fn{text-align:center;float:left;width:170px;height:auto;overflow:hidden;}
.msFooter .item .fn .ftit{margin:20px auto 10px auto;width:100%;height:auto;overflow:hidden;text-align:center;font-size:14px;color:#fff;}
.msFooter .item .fn .cnt{width:100%;height:auto;overflow:hidden;text-align:center;font-size:16px;color:#fff;}
.msFooter .item .fn .cnt strong{font-size:30px;color:#fff;font-weight:500;}

.msRight{width:430px;height:auto;overflow:hidden;position:absolute;right:0;top:0;}
.msRight .weatherInfo{width:430px;height:504px;overflow:hidden;border-radius:5px;background:rgba(16,16,23,.8);}
.msRight .weatherInfo .fn{width:50%;height:130px;padding-top:20px;overflow:hidden;float:left;position:relative;}
.msRight .weatherInfo .fn img{width:90px;float:left;margin:0 0 0 20px;height:90px;}
.msRight .weatherInfo .fn .desc{text-align:center;margin:0 0 0 20px;font-size:14px;color:#fff;float:left;width:90px;height:auto;overflow:hidden;}
.msRight .weatherInfo .fn .temp{font-size:24px;color:#fff;float:left;width:90px;height:90px;line-height:90px;overflow:hidden;text-align:center;}
.msRight .weatherInfo .fn .temp strong{font-size:70px;color:#fff;font-weight:400;}
.msRight .weatherInfo .fn .diff{font-size:13px;color:#fff;float:left;width:90px;height:auto;overflow:hidden;text-align:center;}
.msRight .weatherInfo .fn .diff .cb{font-weight:500;font-size:13px;color:#0084ff}
.msRight .weatherInfo .fn .diff .cr{font-weight:500;font-size:13px;color:#f44417}
.msRight .weatherInfo .fn ul{margin-top:15px;margin-left:20px;width:150px;height:auto;overflow:hidden;}
.msRight .weatherInfo .fn ul li{width:100%;height:30px;overflow:hidden;position:relative;}
.msRight .weatherInfo .fn ul li:before{content:"";width:24px;position:absolute;left:70px;top:10px;height:1px;overflow:hidden;background:#262629;display:block;}
.msRight .weatherInfo .fn ul li:nth-child(2):before{width:48px;left:40px;}
.msRight .weatherInfo .fn ul li:nth-child(3):before{width:38px;left:40px;}
.msRight .weatherInfo .fn ul li .fl{float:left;font-size:16px;color:#fff;line-height:30px;height:30px;}
.msRight .weatherInfo .fn ul li .fr{float:right;font-size:22px;color:#fff;line-height:30px;height:30px;}
.msRight .tempScrolls{width:390px;height:auto;overflow:hidden;margin:0 auto;border-top:1px solid #222225;}
.msRight .tempList{padding-top:40px;width:100%;height:auto;overflow:hidden;}
.msRight .tempList li{padding-bottom:35px;width:100%;height:auto;float:left;position:relative;}
.msRight .tempList li:before{content:"";width:1px;height:100%;overflow:hidden;display:block;position:absolute;left:80px;top:0;background:#34343a;}
.msRight .tempList li:last-child:before{display:none;}

.msRight .tempList li .time{font-size:16px;margin-top:-8px;color:#ccc;position:relative;float:left;width:70px;padding-left:20px;height:auto;}
.msRight .tempList li .time:before{content:"";width:15px;height:15px;overflow:hidden;display:block;position:absolute;left:73px;top:4px;background:url(../images/bg/bg_status01.png) no-repeat;background-size:15px 15px;}
.msRight .tempList li.warning .time:before{background:url(../images/bg/bg_status02.png) no-repeat;background-size:15px 15px;}
.msRight .tempList li .cont{margin-top:-8px;float:left;width:calc( 100% - 160px );margin-left:10px;height:auto;overflow:hidden;}
.msRight .tempList li .cont .t01{width:100%;height:auto;overflow:hidden;font-size:18px;color:#fff;}
.msRight .tempList li .cont .t02{margin-top:5px;width:100%;height:auto;overflow:hidden;font-size:16px;color:#bbb;}
.msRight .tempList li.warning .cont .t02{color:#ff3e11;}
.msRight .tempList li .pic{margin-top:-8px;float:right;width:50px;height:50px;overflow:hidden;}
.msRight .tempList li .pic img{width:50px;}


.msRight .dataConnBox{width:430px;height:229px;overflow:hidden;margin:10px 0;border-radius:5px;background:rgba(16,16,23,.8);}
.msRight .dataConnBox .tit{width:calc( 100% - 70px );margin:10px auto 0 auto;background:url(../images/bg/bg_status01.png) no-repeat left center;padding-left:30px;height:50px;line-height:50px;font-size:16px;color:#fff;font-weight:500;overflow:hidden;}
.msRight .dataConnBox ul{width:calc( 100% - 40px );height:auto;overflow:hidden;margin:0 auto;}
.msRight .dataConnBox ul li{width:100%;height:53px;border-top:1px solid #28282e;overflow:hidden;}
.msRight .dataConnBox ul li .status{text-align:center;margin-top:15px;font-size:13px;float:left;width:50px;height:24px;line-height:24px;overflow:hidden;border-radius:12px;border:1px solid #65e693;color:#65e693;}
.msRight .dataConnBox ul li.blocked .status{border-color:#ff3e11;color:#ff3e11;}
.msRight .dataConnBox ul li .txt{height:53px;line-height:53px;margin-left:10px;float:left;font-size:16px;color:#fff;}
.msRight .dataConnBox ul li .km{float:right;height:53px;line-height:53px;margin-right:10px;font-size:16px;color:#fff;}
.msRight .dataConnBox ul li .km strong{font-size:34px;color:#fff;font-weight:500;}

.msRight .etcStatusBox{width:430px;height:auto;overflow:hidden;}
.msRight .etcStatusBox .accidentBox{float:left;width:161px;height:200px;overflow:hidden;border-radius:5px;background:rgba(16,16,23,.8);}
.msRight .etcStatusBox .accidentBox .tit{width:calc( 100% - 40px );margin:20px 20px 10px 20px;height:auto;overflow:hidden;font-size:16px;color:#fff;font-weight:500;}
.msRight .etcStatusBox .accidentBox ul{width:calc( 100% - 40px );height:auto;overflow:hidden;margin:0 auto;}
.msRight .etcStatusBox .accidentBox ul li{width:100%;height:auto;overflow:hidden;}
.msRight .etcStatusBox .accidentBox ul li img{margin-top:5px;float:left;}
.msRight .etcStatusBox .accidentBox ul li span{float:right;font-size:16px;color:#fff;}
.msRight .etcStatusBox .accidentBox ul li span strong{font-size:48px;font-weight:400;color:#fff;}
.msRight .etcStatusBox .eventBox{float:right;width:256px;height:200px;overflow:hidden;border-radius:5px;background:rgba(16,16,23,.8);position:relative;}
.msRight .etcStatusBox .eventBox .tit{width:calc( 100% - 40px );margin:20px;height:auto;overflow:hidden;font-size:16px;color:#fff;font-weight:500;}
.msRight .etcStatusBox .eventBox .date{font-size:18px;color:#fff;position:absolute;right:20px;top:17px;}
.msRight .etcStatusBox .eventWrapper{width:calc( 100% - 40px );position:relative;height:auto;overflow:hidden;margin:30px auto 0 auto;}
.msRight .etcStatusBox .eventSlide{width:180px;height:100px;overflow:hidden;margin:0 auto;}
.msRight .etcStatusBox .eventSlide .item{background:url(../images/bg/bg_line01.png) no-repeat center 40px;width:100%;height:100px;overflow:hidden;position:relative;}
.msRight .etcStatusBox .eventSlide .item .eventName{font-size:16px;color:#fff;width:100%;height:auto;overflow:hidden;text-align:center;}
.msRight .etcStatusBox .eventSlide .item .timeBox{width:100%;height:auto;overflow:hidden;position:absolute;left:0;bottom:10px;}
.msRight .etcStatusBox .eventSlide .item .timeBox .stime{float:left;font-weight:500;font-size:20px;color:#8f8f8f;}
.msRight .etcStatusBox .eventSlide .item .timeBox .stime strong{font-weight:500;font-size:20px;color:#fff;}
.msRight .etcStatusBox .eventSlide .item .timeBox .etime{float:right;font-weight:500;font-size:20px;color:#8f8f8f;}
.msRight .etcStatusBox .eventSlide .item .timeBox .etime strong{font-weight:500;font-size:20px;color:#fff;}
.msRight .etcStatusBox .eventWrapper .evtLeft{position:absolute;left:-5px;top:50%;margin-top:-15px;}
.msRight .etcStatusBox .eventWrapper .evtRight{position:absolute;right:-5px;top:50%;margin-top:-15px;}


.cnTit{width:100%; height:24px; line-height:24px; color:#fff; font-size:16px; }
.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; padding-right:12px; height:18px; line-height:18px; }
.systemStatus ul li .tit .subj{float:left; height:18px; color:#b7b9bd; font-size:15px; }
.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; }
.systemStatus ul li .per span{font-size:25px; color:#48f98f; }
.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;   padding-right:12px; height:18px; line-height:18px; }
.partnerStatus ul li .tit .subj{float:left; height:18px; color:#b7b9bd; font-size:16px;   }
.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{  color:#b7b9bd; font-size:13px; position:absolute; right:42px; top:54px; }
.partnerStatus ul li .value{position:absolute; right:40px; bottom:40px; font-size:43px; color:#fff; }
.partnerStatus ul li .value strong{color:#48f98f;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;    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;    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-size:12px; color:#c3c5c8; text-align:center; width:100%; height:auto; overflow:hidden; }
.systemStatus.centerType .arrArea .upbox .t02{margin-top:-3px;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-size:24px; color:#48f98f; text-align:center; width:100%; height:auto; overflow:hidden; }
.systemStatus.centerType .arrArea .downbox .t02{margin-top:-3px;    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-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-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;padding-right:12px; height:18px; line-height:18px; }
.mapInfo .tit .subj{vertical-align:middle; display:inline-block; height:18px; color:#fff; font-size:18px; }
.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; }
.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;    }
.mapInfo .pieBox .per span{font-size:30px; color:#48f98f;   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; }
.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;    }
.mapInfo .miList li .fr.cb{color:#2db6e0; }
.mapInfo .miList li .fr.cb span{font-size:17px; color:#2db6e0; }

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

.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; }
.moduleList li .fl .num{margin-top:10px; font-size:30px; color:#fff; width:100%; height:auto; overflow:hidden; text-align:center;         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-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-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; }

.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;   padding-right:12px; height:18px; line-height:18px; }
.ground5g ul li .tit .subj{float:left; height:18px; color:#b7b9bd; font-size:16px;   }
.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{       position:absolute; right:40px; bottom:40px; font-size:43px; color:#fff; }
.ground5g ul li .value strong{color:#48f98f;        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; 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;    } 
.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;    }
.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-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-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-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-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{margin:2px auto; font-size:12px; display:block; width:28px; height:20px; line-height:20px; text-align:center; color:#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:auto; }
.monitorData .boCont{width:100%; margin:0; height:auto; }
.monitorData .btnBox{width:100%; margin:0; }
.monitorData{float:left; width:480px; height:auto; overflow:hidden; margin-left:0px; }
.wrapper.sub .monitorData{width:624px;margin-left:40px;}
.wrapper.sub .monitorData.fullType{width:calc( 100% - 70px );}
.wrapper.sub .monitorData.fullType01{width:calc( 100% - 70px );height:auto;}

.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:80px; right:40px; float:left; width:calc( 100% - 1003px ); border-radius:10px; height:calc( 100% - 120px ); }
.wrapper.sub .monitorMap{width:calc( 100% - 1020px );}
.wrapper.sub .monitorMap.type01{margin-left:40px;width:calc( 100% - 733px );position:static;height:calc( 100% - 149px );}

.monitorMap.on{width:calc( 100% - 491px ); }
.monitorMap a.btnMonitorToggle{position:absolute; left:0px; top:50%; display:block; width:25px; height:92px; overflow:hidden; margin-top:-46px; background:url(../images/ico/ico_monitoring.png) no-repeat; }
.monitorMap a.btnMonitorToggle.on{background:url(../images/ico/ico_monitoring_on.png) no-repeat; }
.monitorMap .rela{width:100%; height:100%; float:left; position:relative; }
.mapTabs{background:rgba(255,255,255,.5);position:absolute;left:20px;bottom:20px;border:1px solid #000;box-shadow:0px 2px 10px 1px rgba(0,0,0,.3)}
.mapTabs li{float:left;height:30px;border-left:1px solid #c7c8ca;}
.mapTabs li:first-child{border-left:0;}
.mapTabs li a{float:left;overflow:hidden;font-size:12px;color:#000;height:30px;line-height:30px;padding:0 20px;}
.mapTabs li a.on{font-weight:500;background:#2d2e35;color:#fff;}
.zoomingBox{position:absolute;right:20px;bottom:20px;}
.zoomingBox a{display:block;margin-top:5px;}
.tooltip{position:absolute;}
.tooltip.suddenly{text-align:center;font-weight:500;font-size:16px;width:124px;border-radius:22px;color:#fff;height:44px;line-height:44px;overflow:hidden;background-image: linear-gradient(to right, #ff312e , #ff5b16);}
.tooltip.suddenly:before{content:"";width:7px;margin-right:5px;height:7px;display:inline-block;background:#fff;border-radius:50%;}
.btnView01{display:block;width:50px;padding-left:10px;height:23px;line-height:23px;text-align:left;font-size:10px;background:url(../images/ico/ico_arr02.png) no-repeat 35px center;border:1px solid #7a7a7d;border-radius:11px;color:#fff;}


.monitorMap .msts{position:absolute;}

.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; }
.suddenlyCont{width:100%;height:auto;overflow:hidden;margin:20px auto 0 auto;}
.suddenlyCont .num{font-size:20px;color:#000;font-weight:500;width:100%;height:auto;overflow:hidden;}
.suddenlyCont .addr{margin-top:5px;font-size:12px;color:#777;width:100%;height:auto;overflow:hidden;}
.suddenlyCont .pic{width:100%;height:auto;overflow:hidden;margin-top:20px;text-align:center;}
.suddenlyCont ul{width:100%;height:auto;overflow:hidden;margin-top:20px;}
.suddenlyCont ul li{margin-bottom:5px;font-size:14px;color:#000;width:100%;height:auto;overflow:hidden;}

/**/
.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:70px; background:#4571fa; line-height:70px; text-align:left; font-size:20px; color:#fff; }
.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:25px; }
.popItem{position:absolute; left:-20000px; width:100%; height:auto; overflow:hidden; }
.w2ui-popup-body .popItem{position:static; margin-top:45px; }
.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{margin: 0 2px;border: 0;width: auto;min-width: 70px;height: 35px;overflow: hidden;border-radius: 3px;color: #fff;background: #35353f;font-size: 15px;padding: 0 10px;}
.popItem .pbtnBox button.btnSave{}
.popItem .pbtnBox button.btnCancel{background:#8c8c97; }

.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{   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;    }
.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-style:normal;  }
.edgeStatusBox .fr li .value strong{ font-style:normal;  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-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-style:normal;  }
.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-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;    }

.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-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-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-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-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-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-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; }
.selectLayer{margin-left:20px;z-index:110; float:left; position:relative; }
.selectLink{position:relative; width:64px; height:34px; line-height:34px; font-size:14px; color:#fff; background:url(../images/bg/bg_select01.png) no-repeat left center; overflow:hidden; border-bottom:1px solid #35353f; float:left; padding-left:30px; }
.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:5px; top:13px; }
.selectLink.on{border-bottom-left-radius:0; border-bottom-right-radius:0; }
.selectValueList{display:none; position:absolute; left:0; top:0; width:94px; height:auto; overflow:hidden; border-bottom:0;}
.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:5px; top:13px; }
.selectValueList li{background:#0b0d12; width:100%; height:34px; overflow:hidden; }
.selectValueList li:nth-child(even){background:#161c25; }
.selectValueList li:first-child{background:transparent; }
.selectValueList li a{width:calc( 100% - 10px ); height:34px; overflow:hidden; display:block; line-height:34px; padding-left:10px; color:#fff; font-size:14px; }

.settingLayer{position:absolute;right:24px;top:14px; z-index:90;}
.settingBtn{}
.settingValueList{border-radius:8px;background:#3e3e52;display:none; position:absolute; right:-20px; top:35px; width:238px; height:auto; border-bottom:0;}
.settingValueList:before{content:"";width:28px;height:13px;overflow:hidden;display:block;position:absolute;right:15px;top:-13px;background:url(../images/bg/bg_moseri.png) no-repeat;}
.settingValueList li{background:#3e3e52; width:100%; height:46px; overflow:hidden; }
.settingValueList li:nth-child(even){background:#45455c; }
.settingValueList li:first-child{border-top-left-radius:10px;border-top-right-radius:10px;}
.settingValueList li:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.settingValueList li a{width:100%; text-align:center;height:46px; overflow:hidden; display:block; line-height:46px; color:#adadc9; font-size:15px; }
.settingValueList li a:hover{background:#69698b;color:#fff;}


header .selectLayer{margin-top:15px;}
header .selectLink{font-size:22px;color:#8b8b97;font-weight:500;border:0;width:80px;padding-left:20px;background:url(../images/ico/ico_arr01.png) no-repeat 70px center;height:48px;line-height:48px;text-align:left;}
header .selectLink:before{display:none;}
header .selectValueList{border-radius:10px;width:100px;border:0;background:#363647 url(../images/ico/ico_arr01.png) no-repeat 70px 20px;}
header .selectValueList:before{display:none;}
header .selectValueList li{border-top:1px solid #3a3a4a;background:#363647; width:100%; height:48px; overflow:hidden; }
header .selectValueList li:first-child{border-top:0;}
header .selectValueList li:nth-child(even){background:#363647; }
header .selectValueList li a{color:#8b8b97;width:calc( 100% - 20px ); height:48px; overflow:hidden; display:block; line-height:48px; padding-left:20px; font-size:22px; }
header .selectValueList li a:hover{opacity:1;color:#fff;}

.kewordBox{float:right;width:178px;height:36px;border:2px solid #35353f;border-radius:20px;}
.kewordBox .inp{outline:none;float:left;background:transparent;border:0;width:110px;padding-left:10px;height:36px;}
.kewordBox button{border:0;background:transparent;float:left;margin:10px 0 0 15px;}

.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-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-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-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-style:normal; font-weight:300; width:250px; height:auto; overflow:hidden; font-size:24px; color:#fff; }
.systemMap .arrow .t02 strong{ 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-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-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-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-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-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-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-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-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-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-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}

.totalMenu{background:url(../images/bg/bg_totalmenu.jpg) no-repeat left top;background-size:cover;position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:900;display:none;}
.totalMenu h1{position:absolute;left:20px;top:14px;}
.totalMenu .btnClose{position:absolute;right:20px;top:20px;}
.totalMenu .menuBox{width:1380px;height:auto;overflow:hidden;position:absolute;transform:translate(-50%, -50%) scale(1);top:50%;left:50%;}
.totalMenu .menuBox .item{width:200px;height:auto;overflow:hidden;float:left;margin-right:45px;}
.totalMenu .menuBox .item.m05{width:400px;margin-right:0;}
.totalMenu .menuBox .item .tit{text-indent:50px;font-size:22px;color:#fff;font-weight:500;width:100%;height:70px;line-height:70px;overflow:hidden;border-bottom:2px solid #39434c;}
.totalMenu .menuBox .item.m01 .tit{background:url(../images/ico/ico_totalMenuList01.png) no-repeat left center;}
.totalMenu .menuBox .item.m02 .tit{background:url(../images/ico/ico_totalMenuList02.png) no-repeat left center;}
.totalMenu .menuBox .item.m03 .tit{background:url(../images/ico/ico_totalMenuList03.png) no-repeat left center;}
.totalMenu .menuBox .item.m04 .tit{background:url(../images/ico/ico_totalMenuList04.png) no-repeat left center;}
.totalMenu .menuBox .item.m05 .tit{background:url(../images/ico/ico_totalMenuList05.png) no-repeat left center;}
.totalMenu .menuBox .item ul{margin-top:20px;width:200px;height:auto;overflow:hidden;float:left;}
.totalMenu .menuBox .item ul li{width:100%;height:40px;line-height:40px;overflow:hidden;}
.totalMenu .menuBox .item ul li a{font-size:18px;color:#fff;font-weight:400;}

.cctvWrapper{width:1420px;height:auto;overflow:hidden;position:absolute;transform:translate(-50%, -50%) scale(1);top:50%;left:50%;}
.cctvWrapper .tit{text-indent:40px;width:100%;height:84px;line-height:84px;overflow:hidden;font-size:28px;color:#fff;font-weight:500;background:url(../images/ico/ico_cctv.png) no-repeat left center;}
.cctvWrapper .viewerBox{float:left;width:1042px;height:auto;overflow:hidden;}
.cctvWrapper .viewerBox .player{width:1042px;height:600px;overflow:hidden;}
.cctvWrapper .viewerBox .infoList{margin-top:20px;width:100%;height:auto;overflow:hidden;}
.cctvWrapper .viewerBox .infoList li{width:100%;height:auto;overflow:hidden;}
.cctvWrapper .viewerBox .infoList li .tit{font-family: 'NanumSquare';background:none;text-indent:0;float:left;height:30px;font-size:16px;color:#fff;font-weight:500;width:110px;line-height:30px;}
.cctvWrapper .viewerBox .infoList li .desc{font-family: 'NanumSquare';float:left;height:30px;font-size:16px;color:#fff;line-height:30px;}
.cctvWrapper .viewerBox .infoList li .addr{font-family: 'NanumSquare';float:right;height:30px;font-size:16px;color:#ccc;line-height:30px;}
.cctvWrapper .cameraList{width:360px;height:600px;overflow:hidden;float:right;overflow-y:auto;}
.cctvWrapper .cameraList ul{width:100%;height:auto;overflow:hidden;}
.cctvWrapper .cameraList ul li{width:100%;height:115px;margin-bottom:1px;overflow:hidden;}
.cctvWrapper .cameraList ul li a{position:relative;display:block;width:100%;height:115px;overflow:hidden;background:#2c2c33;}
.cctvWrapper .cameraList ul li a.on{background-image: linear-gradient(to right, #ff2f2f , #ff5d15);}
.cctvWrapper .cameraList ul li a .camera{margin:18px 0 0 18px;font-family: 'NanumSquare';display:block;font-size:14px;padding-left:15px;color:#fff;background:url(../images/ico/ico_gps.png) no-repeat left center;}
.cctvWrapper .cameraList ul li a .addr{margin:10px 0 0 18px;display:block;font-size:14px;color:#fff;}
.cctvWrapper .cameraList ul li a img{width:140px;height:80px;position:absolute;right:18px;top:18px;}

/*0531*/
.videoBox{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.videoBox:before {content: ""; position:absolute; left: 0; right: 0; top:0; bottom: 0; background:rgba(0,0,0.7);opacity: 0.5; z-index: 1}
.videoBox video {min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.videoBox_intro {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.videoBox_intro video {min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}


.loginBox{width:500px;height:100%;overflow:hidden;background:rgba(0,0,0,0.7); position:absolute;right:120px;top:0; z-index: 10}
.loginBox h1{margin-top:240px;width:100%;height:auto;overflow:hidden;text-align:center;}
.loginBox .desc{margin-top:25px;font-size:26px;color:#fff;width:100%;height:auto;overflow:hidden;text-align:center;}
.loginBox .cont{width:360px;height:auto;overflow:hidden;margin:55px auto 0 auto;}
.loginBox .loginid{margin-bottom:25px;padding:0 0 0 50px;border-radius:5px;display:block;font-size:18px;color:#fff;background:transparent url(../images/bg/bg_loginid.png) no-repeat left center;width:308px;height:50px;border:1px solid #9797a9;}
.loginBox .loginpw{padding:0 0 0 50px;border-radius:5px;display:block;font-size:18px;color:#fff;background:transparent url(../images/bg/bg_loginpw.png) no-repeat left center;width:308px;height:50px;border:1px solid #9797a9;}
.loginBox .btnLogin{font-weight:bold;font-size:24px;display:block;width:100%;height:60px;border:0;background:#43bdb6;line-height:60px;text-align:center;border-radius:5px;color:#fff;}
.loginBox .chkBox{float:none;margin:30px auto;width:80px;height:auto;overflow:hidden;}
.loginBox .chkBox label:before{width:18px;height:18px;background:#17171c;}
.loginBox .chkBox label.on:before{background:url(../images/bg/bg_chkon.png) no-repeat left center;}
.loginBox .chkBox label{padding-left:25px;font-family: 'NanumSquare';font-size:14px;color:rgba(255,255,255, .4)}
.loginBox .loginLink{margin-top:50px;width:100%;height:auto;overflow:hidden;text-align:center;}
.loginBox .loginLink a{text-decoration:underline;font-size:14px;color:#797988;}

.serviceNum{font-family: 'NanumSquare';width:500px;font-size:14px;color:#797988;text-align:center;height:auto;overflow:hidden;position:absolute;right:120px;bottom:40px;}

/*intro*/
.section{}
.section .rela{width:100%;height:100%;overflow:hidden;position:relative;}
#menu {z-index:20;position:fixed;left:66px;bottom:90px;}
#menu li {}
#menu a {margin-top:14px;float:left;background:#000;font-size:0;text-indent:0;width:8px;height:8px;overflow:hidden;border-radius:4px;}
#menu .active a {margin-left:2px;width:5px;height:21px;}
.introMenu{position:fixed;right:30px;top:30px;z-index:500;}
.introDialog{display:none;left:0;top:0;position:fixed; width:100%; height:100%; overflow:hidden;z-index:900; background:rgba(0,0,0,.7);}
.introDialog .introSide{position:fixed;background:#fff;right:-500px;top:0;width:464px;height:100%;overflow:hidden;}
.introDialog .introSide ul{width:100%;height:auto;overflow:hidden;margin-top:390px;}
.introDialog .introSide ul li{margin-bottom:30px;width:calc( 100% - 77px );height:auto;overflow:hidden;padding-left:77px;}
.introDialog .introSide ul li a{position:static;display:block;font-size:34px;color:#000; font-family: 'NanumSquare';}
.introDialog .introSide ul li a span{padding-right:45px;font-size:18px;color:#ccc;display:inline-block;font-family: 'Rajdhani'}
.introDialog a{position:fixed;right:30px;top:30px;z-index:901;}

.secItem01{width:1500px;height:1500px;overflow:Hidden;background:#333;border-radius:50%;position:absolute;left:50%;top:50%;margin-top:-750px;}

.secItem02{width:680px;height:510px;overflow:hidden;position:absolute;left:254px;top:50%;margin-top:-255px}
.secItem02 .pic{margin-bottom:50px;width:100%;height:auto;overflow:hidden;}
.secItem02 .tit{margin-bottom:50px;font-size:60px;color:#000;width:100%;height:auto;overflow:hidden;}
.secItem02 .tit strong {color:#2e9f95;font-weight:normal;}
.secItem02 .desc {margin-top:5px;font-size:30px;color:#000;width:100%;height:auto;overflow:hidden; font-size: 24px}
.secItem02 .desc strong{font-weight:bold; color:#000;}
.secItem02 .desc.t01{margin-top:20px;}


.secItem03 {height:auto;overflow:hidden}
.secItem03 .tit{width:100%;height:auto;overflow:hidden;float:left;margin:50px 0 0 60px;}
.secItem03 dl{width:100%;height:auto;overflow:hidden;position:absolute;left:228px;top:50%; margin-top: -320px}
.secItem03 dl dt{font-family: 'NanumSquare';font-size:38px;color:#2e9f95;width:100%;height:auto;overflow:hidden;}
.secItem03 dl dd{line-height:1.5em;font-family: 'NanumSquare';font-size:24px;color:#000; margin-top:5px;margin-bottom:40px;width:100%;height:auto;overflow:hidden;}
.secItem03 dl dd strong{font-family: 'NanumSquare';color:#000;}

.introPopup{display:none;left:0;top:0;position:fixed; width:100%; height:100%; overflow:hidden;z-index:900; background:#2e9e94;}
.introPopup h1{margin-top:100px;width:100%;height:auto;overflow:hidden;text-align:center;}
.introPopup a{position:absolute;right:55px;top:55px;}
.introPopup .popWrap{width:1554px;height:auto;overflow:hidden;margin:50px auto 0 auto;}
.introPopup .popWrap .fn{width:338px;padding-top:20px;height:auto;overflow:hidden;float:left;}
.introPopup .popWrap .fn dl{text-align:center;float:left;width:334px;height:639px;border:2px solid #fff;border-radius:8px;}
.introPopup .popWrap .fn dl dt{width:100%;overflow:hidden;text-align:center;float:left;margin-top:-30px;height:60px;line-height:60px;}
.introPopup .popWrap .fn dl dt p{font-family: 'NanumSquare';display:inline-block;font-size:26px;color:#fff;padding:0 20px;background:#2e9e94;}
.introPopup .popWrap .fn dl dd{margin-top:40px;width:100%;overflow:hidden;text-align:center;float:left;}
.introPopup .popWrap .fn dl dd ul{width:250px;height:auto;overflow:hidden;margin:0 auto;}
.introPopup .popWrap .fn dl dd ul li{font-family: 'NanumSquare';text-align:center;font-size:20px;color:#fff;width:100%;height:65px;overflow:hidden;border-radius:8px;margin-bottom:8px;background:#42bdb5;line-height:65px;}
.introPopup .popWrap .fn dl dd ul.type01 li{margin-bottom:25px;height:105px;line-height:105px;}
.introPopup .popWrap .fn .nor{float:left;font-family: 'NanumSquare';width:100%;height:70px;line-height:70px;overflow:hidden;text-align:center;font-size:22px;color:#fff;background:#42bdb5;border-radius:8px;margin:26px auto 0 auto;}
.introPopup .popWrap .fc{width:878px;height:auto;overflow:hidden;float:left;}
.introPopup .popWrap .fc .cont{width:770px;height:664px;overflow:hidden;background:#fff;margin:0 auto;border-radius:8px;}
.introPopup .popWrap .fc .cont .tit{font-family: 'NanumSquare';width:100%;height:auto;overflow:hidden;text-align:center;padding:50px 0;font-size:30px;color:#000;}
.introPopup .popWrap .fc .cont table{width:690px;table-layout:fixed;border:0;border-collapse:collapse;margin:0 auto;}
.introPopup .popWrap .fc .cont table th{border-left:2px solid #fff;border-right:2px solid #fff;height:60px;background:#2e9e94;font-family: 'NanumSquare';font-size:22px;color:#fff;text-align:center;}
.introPopup .popWrap .fc .cont table tr>th:first-child{border:0;border-top-left-radius:8px;border-bottom-left-radius:8px;}
.introPopup .popWrap .fc .cont table tr>th:last-child{border:0;border-top-right-radius:8px;border-bottom-right-radius:8px;}
.introPopup .popWrap .fc .cont table td{font-size:20px;color:#000;border-bottom:1px dashed #6d9491;font-family: 'NanumSquare';height:67px;text-align:center;}
.introPopup .popWrap .fc .cont ul{width:690px;height:auto;overflow:hidden;margin:30px auto 0 auto;}
.introPopup .popWrap .fc .cont ul li{text-align:center;background:#2e9e94;font-family: 'NanumSquare';font-size:22px;color:#fff;float:right;width:330px;height:65px;line-height:65px;overflow:hidden;border-radius:8px;}
.introPopup .popWrap .fc .cont ul li:first-child{float:left;}
.introPopup .popWrap .fc .nor{font-family: 'NanumSquare';width:770px;height:70px;line-height:70px;overflow:hidden;text-align:center;font-size:22px;color:#1a837a;background:#fff;border-radius:8px;margin:26px auto 0 auto;}


.secItem04{position:absolute;left:0;top:0;bottom:0; width: 100%; z-index:3;}
.secItem04 .tit{width:100%;height:auto;overflow:hidden;float:left;margin:50px 0 0 60px;}
.secItem04 dl {position: absolute; left: 200px; top:50%; margin-top: -250px; width: 600px}
.secItem04 dl dt{font-family: 'NanumSquare';font-size:60px;color:#2e9f95;width:100%;height:auto;overflow:hidden;}
.secItem04 dl dd{font-family: 'NanumSquare';margin:10px 0 50px 5px;font-size:30px;line-height: 1.3em; color:#000; height:auto;overflow:hidden;}
.secItem04 dl dd strong{font-family: 'NanumSquare';color:#000;}
.secItem04 dl dt.on{color:orange}
.secItem04 dl dd.on{color:orange}
.secItem04 dl dd.on strong{color:orange}
.secItem04 .etc{width:100%;height:auto;overflow:hidden;font-size:14px;color:#838383}
.controlArrow{z-index:400;}
.controlArrow.next{border-color:transparent transparent transparent #eee !important;}
.controlArrow.prev{border-color:transparent #eee transparent transparent !important;}

.section.table, .slide.table{position:relative;}

.secItem05 {position:absolute;left:0;top:0; bottom: 0; right: 0; z-index:3;}
.secItem05 .txt_position {position: absolute; left: 270px; top:50%; margin-top: -260px}
.secItem05 .tit{width:100%;height:auto;overflow:hidden;float:left;margin:50px 0 0 60px;}
.secItem05 dl{width:640px;height:auto;overflow:hidden;float:left;}
.secItem05 dl dt{font-size:60px;color:#000;width:100%;height:auto;overflow:hidden;}
.secItem05 dl dt strong{font-weight:normal;color:#2e9f95;}
.secItem05 dl dd{margin-top:10px;margin-bottom:50px;font-size:30px;color:#000; display: block; margin-left: 5px; height:auto;overflow:hidden; line-height: 1.5em}
.secItem05 ul{float:left;width:100%;height:auto;overflow:hidden;}
.secItem05 ul li{width:100%;height:auto;overflow:hidden;font-weight:bold;font-size:30px;color:#000;margin-bottom:5px;}

.pageController{position:fixed;left:0;bottom:0;width:118px;height:37px;overflow:hidden; z-index: 100}
.pageController li{border-top:1px solid #d8d8d8;position:relative;float:left;width:38px;height:37px;overflow:hidden;border-right:1px solid #d8d8d8;}
.pageController li.disabled{opacity:0;}
.pageController li.disabled:before{content:"";width:100%;height:37px;overflow:hidden;display:block;background:rgba(0,0,0,0);}
.pageController li a{float:left;width:38px;height:37px;overflow:hidden;position:relative;}
.pageController li a.btnAuto.on:before{background:url(../images/intro/btn_play.png);content:"";width:38px;height:37px;overflow:hidden;display:block;position:absolute;left:0;top:0;}
#fullPage-nav{opacity:0}

.section{height:100% !important}
.section .rela.wh00{background:url(../images/intro/wh_00.jpg) no-repeat;background-size:cover;}
.section .rela.wh01{background:url(../images/intro/wh_01.jpg) no-repeat;background-size:cover;}
.section .rela.wh02{background:url(../images/intro/wh_02.jpg) no-repeat;background-size:cover;}
.section .rela.wh03{background:url(../images/intro/wh_03.jpg) no-repeat;background-size:cover;}
.slide.wh07{background:url(../images/intro/wh_07.jpg) no-repeat;background-size:cover;}
.slide.wh08{background:url(../images/intro/wh_08.jpg) no-repeat;background-size:cover;}
.slide.wh09{background:url(../images/intro/wh_09.jpg) no-repeat;background-size:cover;}
.section.table, .slide.table{height:100% !important}
body.introType{background:#fff}
.slideArea{position:absolute;left:50%;top:0; bottom: 0; width:904px; overflow:hidden;}
.controlArrow{opacity:0;}



@media screen and (max-width: 1700px) {
	.secItem02 {left: 200px}
	
	.secItem02 .tit,
	.secItem04 dl dt,
	.secItem05 dl dt {font-size: 50px}
	
	.secItem03 dl dd {font-size: 20px;}
	.secItem04 dl dd,
	.secItem05 dl dd {font-size: 24px}
	
	.secItem05 ul li {font-size: 24px;}
	
	.secItem03 dl {left: 200px; margin-top: -280px}
	.secItem03 dl dd {margin-bottom: 30px}
	.secItem04 dl {margin-top: -210px}
	.secItem04 dl dd {margin: 10px 0 35px 5px}
	
	.secItem05 .txt_position {margin-top: -230px; left: 200px}
}