@charset "utf-8";

body.login {height:100%;}
.wrap {display:block; width:100%; height:auto; background:#f1f1f4;}
.wrap.login {display:table; background:#f1f1f4; text-align:center; height:100%;}
.wrap.dashboard {background:#f1f1f4; height:100%;}

/* modal */
.overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none;}
.modal {display:none; overflow: auto; z-index: 1001; position: absolute; background:#FFF; text-align:left;}
.modal h2 {height:80px; text-align:center; color:#333; font-size:30px; font-weight:normal; line-height:80px;}
.modal .btnClosePop {position:absolute; right:10px; top:10px;}
.modal .popCon {display:block; height:auto; overflow:hidden; padding:10px 40px 40px 40px; box-sizing:border-box;}

/* login */
.loginWrap {display:table-cell; vertical-align:middle; width:430px; height:auto; overflow:hidden;}
.loginWrap .loginSec {display:block; height:auto; overflow:hidden; width:430px; margin:0 auto; border-top:1px solid #dadada; padding-top:20px;}
.loginWrap h2 {text-align:center; height:auto; overflow:hidden; margin-bottom:30px;}
.loginWrap .loginSec .regiSec {display:block; height:auto; overflow:hidden;}
.loginWrap .loginSec .regiSec li {display:block; margin-bottom:10px;}
.loginWrap .loginSec .regiSec li:last-child {margin-bottom:0;}
.loginWrap .loginSec .regiSec li input {
	display:inline-block; width:100%; height:50px; line-height:48px; font-size:16px; border-radius:5px; box-sizing:border-box;
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1);
	box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1);
	border:1px solid #e7e7e9;
	text-indent:40px;
}
.loginWrap .loginSec .regiSec li input.account {background:#FFF url(../img/bg_user.png) no-repeat 10px 50%;}
.loginWrap .loginSec .regiSec li input.password {background:#FFF url(../img/bg_password.png) no-repeat 10px 50%;}
.loginWrap .copyright {text-align:center; margin-top:50px; font-size:12px; color:#777; text-transform:uppercase;}
.loginWrap .copyright em {color:#b3b3b3;}
.chkTxt {display:block; height:46px; line-height:46px; text-align:right; font-size:14px; color:#777;}

/* gloHeader */
.gloHeaderSec {position:fixed !important; width:100%; height:80px; border-bottom:2px solid #d4dae5; box-sizing:border-box; background:#FFF; position:relative; z-index:10000;}
.gloHeaderSec .gloHeader {display:block; width:1400px; height:auto; overflow:hidden; margin:0 auto;}
.gloHeaderSec .gloHeader .logo {float:left; width:310px; height:100%; box-sizing:border-box;}
.gloHeaderSec .gloHeader .logo img {margin-top:18px;}
.gloHeaderSec .gloHeader .utilSec {float:left; width:1090px; height:30px; text-align:right;}
.gloHeaderSec .gloHeader .utilSec li {float:right; margin-right:16px; padding-top:10px;}
.gloHeaderSec .gloHeader .utilSec li:first-child {margin-right:0px;}
.gloHeaderSec .gloHeader .naviSec {float:left; width:1090px; height:50px;padding-left: 190px;}
.gloHeaderSec .gloHeader .naviSec .liempty {float:left; width:155px; height:50px; font-size:18px; font-family:'notokr-bold'; text-align:center; position:relative; letter-spacing:-1px; line-height:44px;}
.gloHeaderSec .gloHeader .naviSec li {float:left; width:156px; height:50px; font-size:18px; font-family:'notokr-bold'; text-align:center; position:relative; letter-spacing:-1px; line-height:44px;}
.gloHeaderSec .gloHeader .naviSec li a {display:block; color:#333; position:relative; width:100%; height:100%;}
.gloHeaderSec .gloHeader .naviSec li a:hover:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:6px; background:url(/img/bg_navi.png) no-repeat 50% 50%;}
.gloHeaderSec .gloHeader .naviSec li:after {content:''; position:absolute; right:0; top:13px; width:1px; height:18px; background:#c9c9c9;}
.gloHeaderSec .gloHeader .naviSec li:first-child, .gloHeaderSec .gloHeader .naviSec li:last-child {width:155px;}
.gloHeaderSec .gloHeader .naviSec li:first-child:before {content:''; position:absolute; left:0; top:13px; width:1px; height:18px; background:#c9c9c9;}

.gloHeaderSec.local .gloHeader .naviSec li {width:180px;}
.gloHeaderSec.local .gloHeader .naviSec li:first-child, .gloHeaderSec.local .gloHeader .naviSec li:last-child {width:180px;}
.gloHeaderSec.local .gloHeader .subMenuBox {width:180px;}
.gloHeaderSec.local .gloHeader .subMenuBox:first-child, .gloHeaderSec.local .gloHeader .subMenuBox:last-child {width:180px;}

.subMenu {position:absolute; left:0; top:80px; width:100%; height:325px; background:#FFF; display:none; z-index:99999; border-bottom:2px solid #c9c9c9;}
.subMenu .subBg {display:block; width:1400px; height:325px; margin:0 auto;}
.subMenu .subBg .subDeco {float:left; width:309px; height:100%; overflow:hidden; text-align:center;}
.subMenu .subBg .subDeco img {padding-top:42px;}
.subMenu .subBg .subMenuBoxEmpty {float:left; width:156px; height:303px; box-sizing:border-box; background:#FFF; padding-top:15px; position:relative;}
.subMenu .subBg .subMenuBox {float:left; width:156px; height:323px; box-sizing:border-box; background:#FFF; padding-top:15px; position:relative;}
.subMenu .subBg .subMenuBox:hover:after {content:''; position:absolute; left:0; top:-6px; width:100%; height:6px; background:url(/img/bg_navi.png) no-repeat 50% 50%;}
.subMenu .subBg .subMenuBox:first-child, .subMenu .subBg .subMenuBox:last-child {width:155px;}
.subMenu .subBg .subMenuBox:nth-child(even) {background:#f5f5f5;}
.subMenu .subBg .subMenuBox li {display:block; height:38px; line-height:38px; text-align:center; font-size:16px; position:relative;}
.subMenu .subBg .subMenuBox li a {display:block; color:#666;}
.subMenu .subBg .subMenuBox li a:hover {color:#65a3e3; text-decoration:underline;}
.mask {position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:1000; transition:.2s all; display:none;}
.mask.show {display:block;}

/* gloFooter */
.gloFooter {clear:both; display:block; height:40px; line-height:40px;}
.gloFooter .copyright {text-align:center; font-size:12px; color:#777; text-transform:uppercase;}
.gloFooter .copyright em {color:#b3b3b3;}

/* layout */
.container {clear:both; display:block; height:auto; overflow:hidden; padding-top:80px;}
.comnTitleSec {display:block; height:160px; box-sizing:border-box; padding-top:20px;}
.comnTitleSec .comnTitle {display:block; width:1400px; height:140px; text-align:center; margin:0 auto; position:relative;}
.comnTitleSec .comnTitle h2 {color:#132b88; font-size:36px; font-weight:normal; letter-spacing:-1px; line-height:100px; font-family:'notokr-regular';}

.statsTable {position:absolute; left:0px; bottom:10px; width:300px; height:auto; overflow:hidden; background:url(/img/bg_table.png) repeat-x left top; padding:3px;}
.statsTable table {padding:0; margin:0; width:100%; table-layout:fixed;}
.statsTable th, .statsTable td {padding:3px 0; font-size:14px; text-align:center; font-weight:normal; border-right:1px solid #e7e7e9; border-bottom:1px solid #e7e7e9; background:#FFF;}
.statsTable th {font-family:'notokr-bold';}
.statsTable th:last-child, .statsTable td:last-child {border-right:0px;}
.statsTable tr:last-child td {border-bottom:1px solid #c1cbe6;}
.statsTable th:nth-child(1) {color:#333;}
.statsTable th:nth-child(2) {color:#6aad00;}
.statsTable th:nth-child(3) {color:#ff8a00;}
.statsTable th:nth-child(4) {color:#333;}
.statsTable td:nth-child(1) {color:#777;}
.statsTable td:nth-child(2) {color:#6aad00;}
.statsTable td:nth-child(3) {color:#ff8a00;}
.statsTable td:nth-child(4) {color:#777;}

.statsTable.local {right:0; top:0; left:auto;}
.statsTable.local th:nth-child(1) {color:#6aad00;}
.statsTable.local th:nth-child(2) {color:#d6022a;}
.statsTable.local th:nth-child(3) {color:#ff8a00;}
.statsTable.local th:nth-child(4) {color:#333;}


.statsTableL {position:absolute; left:0px; bottom:10px; width:300px; height:auto; overflow:hidden; padding:3px;}
.statsTableL table {padding:0; margin:0; width:100%; table-layout:fixed;}
.statsTableL th, .statsTable td {padding:3px 0; font-size:14px; text-align:center; font-weight:normal; border-right:1px solid #e7e7e9; border-bottom:1px solid #e7e7e9; background:#FFF;}
.statsTableL th {font-family:'notokr-bold';}
.statsTableL th:last-child, .statsTable td:last-child {border-right:0px;}
.statsTableL tr:last-child td {border-bottom:1px solid #c1cbe6;}
.statsTableL.local {left:0; top:0; right:auto;}


.stCycle {display:inline-block; width:28px; height:14px; border-radius:14px;}
.stCycle.normal {background:#6aad00;}
.stCycle.emergency {background:#d6022a;}
.stCycle.fault {background:#ff8a00;}
.stCycle.disable {background:#333;}

.location {position:absolute; right:15px; bottom:15px; text-align:right; height:15px; line-height:15px;}
.location .localHome {display:inline-block; width:15px; height:15px; background:url(/img/ico_home.png) no-repeat 50% 50%; vertical-align:-2px;}
.location .localName {display:inline-block; background:url(/img/lot_ar.png) no-repeat -5px 50%; padding-left:20px; color:#333; font-size:14px; letter-spacing:-1px;}

.subConWrap {clear:both; display:block; width:1400px; margin:0 auto; padding:30px 20px; box-sizing:border-box; background:#FFF; height:auto; overflow:hidden;}

.cateTab {position:absolute; left:0; bottom:0;}
.cateTab li {float:left; width:130px; height:40px; line-height:40px; background:#e1e1e1; text-align:center; font-size:16px; margin-right:1px; letter-spacing:-1px;border-radius: 4px 4px 0px 0px;}
.cateTab li a {display:block; color:#777;}
.cateTab li a:hover {border-top:2px solid #65a3e3; background:#FFF; color:#333;border-radius: 4px 4px 0px 0px;}
.cateTab li.on a {border-top:2px solid #65a3e3; background:#FFF; color:#333;border-radius: 4px 4px 0px 0px;}

.comnSchSec {float:left; width:180px; height:auto; overflow:hidden; margin-right:20px;}
.comnSchSec .openSch {display:block; height:40px; line-height:40px; font-size:16px; color:#FFF; background:#65a3e3 url(/img/sico_search.png) no-repeat 10px 50%; position:relative; letter-spacing:-1px; padding-left:33px;}
.comnSchSec .openSch .deco {position:absolute; right:10px; top:-2px;}
.comnSchSec .openSch a {display:block; color:#FFF;}
.comnSchSec .schItemList {display:block; height:auto; overflow:hidden; background:#fafafa; border-bottom:3px solid #f1f1f2;}
.comnSchSec .schItemList li {display:block; height:auto; overflow:hidden; border-bottom:1px dashed #e1e1e1; padding:10px;}
.comnSchSec .schItemList li .schItem {color:#999; font-size:12px; line-height:1; margin-bottom:4px;}
.comnSchSec .schItemList li .schKey {color:#333; font-size:14px; line-height:1.3;}
.comnSchSec .schItemList li .schKey.dis {color:#999;}
.comnSchSec .schItemList li:last-child {border-bottom:1px solid #c6cfe7;}
.subCon {float:left; width:100%; height:auto; overflow:hidden; position:relative;}
.subCon.part {width:1160px;}

.funcSec {display:block; height:34px; position:relative; margin-bottom:10px;}
.funcSec .btnSet {position:absolute; right:0; top:0; text-align:right;}
.funcSec .btnSet span {margin-left:5px;}

/* local */
.mLoSec {float:left; height:auto; overflow:hidden; border:1px solid #e8e8ea; border-bottom:3px solid #f1f1f2;}
.mLoSec h2 {height:40px; line-height:40px; box-sizing:border-box; font-size:16px; color:#0d6fb8; font-weight:normal; font-family:'notokr-bold'; border-top:2px solid #65a3e3; position:relative; padding-left:48px; border-bottom:1px solid #e8e8ea;}
.mLoSec h2 .absTxt {position:absolute; right:20px; top:50%; transform:translate(0, -50%); color:#333; font-size:18px; font-family:'notokr-medium';}
.mLoSec h2 .absTxt em {color:#666; margin-left:5px;}

.mLoSec.localPhoto {width:440px; margin:0 20px 17px 0; height:200px;}
.mLoSec.localkW {width:440px; margin:0 20px 17px 0;}
.mLoSec.localkW h2:before {content:''; position:absolute; left:0px; top:0px; width:38px; height:38px; background:#65a3e3 url(/img/lico_output.png) no-repeat 50% 50%;}
.mLoSec.localStats {width:440px; margin:0 0px 17px 0;}
.mLoSec.localStats h2:before {content:''; position:absolute; left:0px; top:0px; width:38px; height:38px; background:#65a3e3 url(/img/lico_stats.png) no-repeat 50% 50%;}
.mLoSec.localTime {width:670px; margin:0 20px 17px 0;}
.mLoSec.localTime h2:before {content:''; position:absolute; left:0px; top:0px; width:38px; height:38px; background:#65a3e3 url(/img/lico_kw.png) no-repeat 50% 50%;}
.mLoSec.localOutput {width:670px; margin:0 0px 17px 0;}
.mLoSec.localOutput h2:before {content:''; position:absolute; left:0px; top:0px; width:38px; height:38px; background:#65a3e3 url(/img/lico_info.png) no-repeat 50% 50%;}
.mLoSec.localDay {width:900px; margin:0 20px 17px 0;}
.mLoSec.localDay h2:before {content:''; position:absolute; left:0px; top:0px; width:38px; height:38px; background:#65a3e3 url(/img/lico_kw.png) no-repeat 50% 50%;}
.mLoSec.localWea {width:440px; margin:0 0px 17px 0;}
.mLoSec.localOutSt {width:1360px; margin:0 0px 17px 0;}
.mLoSec.localOutSt h2:before {content:''; position:absolute; left:0px; top:0px; width:38px; height:38px; background:#65a3e3 url(/img/lico_inv.png) no-repeat 50% 50%;}
.mLoSec.localDis {width:1360px; margin:0 0px 0px 0;}
.mLoSec.localDis h2:before {content:''; position:absolute; left:0px; top:0px; width:38px; height:38px; background:#65a3e3 url(/img/lico_dis.png) no-repeat 50% 50%;}
.mLoSec .inner {display:block; height:158px; overflow:hidden; box-sizing:border-box;}
.mLoSec .inner.scroll {overflow-y:auto;}

.mGraph {display:block; height:auto; overflow:hidden; text-align:center;}

.localPhotoSet {display:block; height:200px; overflow:hidden; position:relative; font-family:'notokr-regular';}
.localPhotoSet img {width:100%;}
.localPhotoSet .pname {position:absolute; left:5px; top:10px; width:200px; height:26px; line-height:26px; background-color: rgba( 255, 255, 255, 0.0 ); border-radius:4px; padding:0 9px; 
						box-sizing:border-box; font-size:16px; font-weight:700;color:#FFF;
						text-shadow: 0 0 4px #000;
						-moz-text-shadow: 0 0 4px #000;
						-webkit-text-shadow: 0 0 4px #000;
						}
.localPhotoSet .capa {position:absolute; left:265px; top:10px; width:170px; height:26px; line-height:26px; background:#222; border-radius:4px; padding:0 9px; 
						box-sizing:border-box; font-size:14px; color:#FFF;}
.localPhotoSet .capa .caTitle {position:relative; padding-right:10px; letter-spacing:-1px;}
.localPhotoSet .capa .caTitle:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:14px; background:#666;}
.localPhotoSet .capa em {position:absolute; right:10px; top:50%; transform:translate(0, -50%); text-align:right;}
.localPhotoSet .nowTime {position:absolute; left:0; bottom:4px; width:100%; height:30px; line-height:30px; background:rgba(0, 0, 0, 0.5); padding:0 20px; color:#FFF; font-size:16px;}

.localTable {display:block; height:auto; overflow:hidden;}
.localTable table {padding:0; margin:0; width:100%;}
.localTable th, .localTable td {height:31px; padding:0 10px; font-size:14px; border:1px solid #e7e7e9; border-top:0px; text-align:center;}
.localTable th {color:#333; letter-spacing:-1px; background:#f4f6f9; border-left:0px; font-weight:normal; font-family:'notokr-bold';}
.localTable td:last-child {border-right:0px; text-align:center;}
.localTable tr:last-child th, .localTable tr:last-child td {border-bottom:0px;}
.localTable td .unit {display:inline-block; text-align:left; padding-left:7px; color:#999; font-size:12px; width:30px;}
.localTable td.bgTh {background:#f4f6f9;}
.localTable td.num {color:#569be1;}

.weaSec {display:block; height:200px; background:url(/img/bg_weather.png) no-repeat 50% 50%; position:relative; padding:20px; box-sizing:border-box;}
.weaSec .treeTxt {position:absolute; left:110px; top:35px; color:#FFF; font-size:18px;}
.weaSec .treeTxt em {font-size:12px; margin-left:3px;}
.weaSec .coTxt {position:absolute; left:110px; top:122px; color:#FFF; font-size:18px;}
.weaSec .coTxt em {font-size:12px; margin-left:3px;}
.weaSec .weaTitle {color:#FFF; font-size:14px; opacity:0.7; letter-spacing:-1px;}

.weaSec .weaKind {display:block; padding-left:210px; height:auto;}
.weaSec .weaKind .weaBox {display:block; height:30px; line-height:30px; background:#FFF; border-radius:4px; padding:0 10px; box-sizing:border-box; margin-bottom:13px; color:#333; font-size:14px; position:relative;}
.weaSec .weaKind .weaBox em {position:absolute; right:50px; width:50px; text-align:right; top:50%; transform:translate(0, -50%); font-family:'notokr-bold';}
.weaSec .weaKind .weaBox .unit {position:absolute; right:10px; width:35px; text-align:left; top:50%; transform:translate(0, -50%);}

/* main */
.container .mConSec {display:block; height:auto; overflow:hidden; width:1400px; margin:20px auto 0; background:#FFF; padding:20px;}
.container .mConSec .mStatsSec {float:left; width:670px; height:auto; overflow:hidden; margin-right:20px;}
.container .mConSec .mMapSec {float:left; width:670px; height:auto; overflow:hidden;}

.mTableSec {display:block; height:auto; overflow:hidden; border-bottom:3px solid #f1f1f2;}
.mTableSec h2 {height:40px; line-height:40px; box-sizing:border-box; font-size:16px; color:#0d6fb8; font-weight:normal; font-family:'notokr-bold'; border-top:2px solid #65a3e3; border-left:1px solid #65a3e3; border-right:1px solid #e8e8ea; position:relative; padding-left:48px;}
.mTableSec.plant h2:before {content:''; position:absolute; left:0px; top:0px; width:38px; height:38px; background:#65a3e3 url(/img/mico_plant.png) no-repeat 50% 50%;}
.mTableSec.stats h2:before {content:''; position:absolute; left:0px; top:0px; width:38px; height:38px; background:#65a3e3 url(/img/mico_stats.png) no-repeat 50% 50%;}
.mTableSec.mount h2:before {content:''; position:absolute; left:0px; top:0px; width:38px; height:38px; background:#65a3e3 url(/img/mico_mount.png) no-repeat 50% 50%;}
.mTableSec.smp h2:before {content:''; position:absolute; left:0px; top:0px; width:38px; height:38px; background:#65a3e3 url(/img/mico_smp.png) no-repeat 50% 50%;}
.mTableSec.alerm h2:before {content:''; position:absolute; left:0px; top:0px; width:38px; height:38px; background:#65a3e3 url(/img/mico_alerm.png) no-repeat 50% 50%;}
.mTableSec table {padding:0; margin:0; width:100%; table-layout:fixed;}
.mTableSec th, .mTableSec td {border:1px solid #e8e8ea; font-size:14px;}
.mTableSec tr:hover {background:#ecf7ff;}
.mTableSec th {background:#f4f6f9; text-align:center; font-weight:normal; font-family:'notokr-bold'; padding:5px;}
.mTableSec td {text-align:center; height:31px; color:#777; padding:4px; box-sizing:border-box; cursor:pointer;}

.mTableSec.nohover tr:hover {background:#fff !important;}
.mTableSec.nohover td {text-align:center; height:31px; color:#777; padding:4px; box-sizing:border-box; cursor:default;}

.mTableSec.plant th:nth-child(2), .mTableSec.plant td:nth-child(2) {color:#6aad00;}
.mTableSec.plant th:nth-child(3), .mTableSec.plant td:nth-child(3) {color:#ff8a00;}

.mTableSec.stats td:nth-child(3), .mTableSec.stats td:nth-child(4) {text-align:right; color:#333;}
.mTableSec.stats th:nth-child(7), .mTableSec.stats td:nth-child(7) {color:#6aad00;}
.mTableSec.stats th:nth-child(8), .mTableSec.stats td:nth-child(8) {color:#ff8a00;}
.mTableSec.mount td {text-align:right;}
.mTableSec.smp th:nth-child(4), .mTableSec.smp th:nth-child(5), .mTableSec.smp th:nth-child(6) {background:#faf6f1;}
.mTableSec.smp td {text-align:right;}
.mTableSec.alerm td {text-align:left;}
.mTableSec .scroll {height:156px; overflow:hidden; overflow-y:scroll;}
.mTableSec .unit {display:inline-block; padding:0 4px; color:#999; font-size:12px;}
.mTableSec .ratePerBox {display:inline-flex; width:100%; height:100%; position:relative; background:#efefef; overflow:hidden; margin-top:3px;
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1);
	box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1);
}
.mTableSec .ratePerBox .progress {position:absolute; top:0px; left:0; height:100%; background:url(/img/bg_progress.png) no-repeat 50% 50%; z-index:1;}
.mTableSec .ratePerBox .count {position:absolute; left:0; top:1px; width:100%; height:100%; text-align:center; color:#333; z-index:100;
	text-shadow: 0px 0px 3px #FFF, 0px 0px 3px #FFF, 0px 0px 3px #FFF,0px 0px 3px #FFF;
	font-family:'notokr-bold';
}

.mainMap {display:block; width:690px; height:640px; background:url(/img/bg_map.png) no-repeat 50% 50%; position:relative;}
.mainMap .nowTime {position:absolute; right:20px; top:0; font-size:16px; color:#000; text-align:right;}
.mainMap .wMapSec {position:absolute; width:80px; height:110px; z-index:100; cursor:pointer;}
.mainMap .wMapSec .over {position:absolute; left:0px; top:30px; width:80px; height:80px; border:2px solid #3d509d; box-sizing:border-box; border-radius:5px; z-index:999; opacity:0; transition:.2s all;}
.mainMap .wMapSec .over a {display:block;}
.mainMap .wMapSec.on .over {opacity:1.0;}
.mainMap .wMapSec:hover .over {opacity:1.0;}
.mainMap .wMapSec .local {display:block; height:30px; line-height:30px; text-align:center; font-size:14px; color:#333;}
.mainMap .wMap {display:block; width:80px; height:80px; box-sizing:border-box; background:#f6f6f8; border:1px solid #c1c1c1; border-radius:5px; text-align:center; padding:5px; position:relative; letter-spacing:-0.5px;}
/* .mainMap .wMapSec:hover .wMap:after {content:''; position:absolute; left:-1px; top:-1px; width:80px; height:80px; border:2px solid #3d509d; box-sizing:border-box; border-radius:5px;} */
/* .mainMap .wMapSec.on:after {content:''; position:absolute; left:0px; bottom:0px; width:80px; height:80px; border:2px solid #3d509d; box-sizing:border-box; border-radius:5px;} */
.mainMap .wMapSec:hover .local {color:#3d509d;}
.mainMap .wMapSec.on .local {color:#3d509d;}
.mainMap .wMap .wIcon {margin-bottom:5px;}
.mainMap .wMap .dgree {color:#333; font-size:14px; line-height:1.0;}
.mainMap .wMap .ird {color:#333; font-size:14px;}
.mainMap .wMapSec.po01 {left:205px; top:30px;}
.mainMap .wMapSec.po02 {left:115px; top:30px;}
.mainMap .wMapSec.po03 {left:205px; top:150px;}
.mainMap .wMapSec.po04 {left:205px; top:270px;}
.mainMap .wMapSec.po05 {left:205px; top:390px;}
.mainMap .wMapSec.po06 {left:385px; top:270px;}
.mainMap .wMapSec.po07 {left:475px; top:270px;}
.mainMap .wMapSec.po08 {left:385px; top:390px;}
.mainMap .wMapSec.po09 {left:295px; top:30px;}
.mainMap .wMapSec.po10 {left:385px; top:30px;}
.mainMap .wMapSec.po11 {left:295px; top:150px;}
.mainMap .wMapSec.po12 {left:115px; top:150px;}
.mainMap .wMapSec.po13 {left:115px; top:270px;}
.mainMap .wMapSec.po14 {left:115px; top:390px;}
.mainMap .wMapSec.po15 {left:385px; top:150px;}
.mainMap .wMapSec.po16 {left:295px; top:390px;}
.mainMap .wMapSec.po17 {left:205px; top:510px;}

/* sub */
.equipList {display:block; height:auto; overflow:hidden;}
.equipList li {float:left; width:23.5%; height:auto; overflow:hidden; margin-right:2%; margin-bottom:20px;}
.equipList li:nth-child(4n) {margin-right:0%;}
.plantName {display:block; height:30px; line-height:30px; text-align:center; position:relative; color:#FFF; font-size:18px;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 35px;
    padding-left: 5px;}
.plantName .goAr {position:absolute; right:10px; bottom:2px;}
.plantName.normal {background:#6aad00;}
.plantName.emergency {background:#ff8a00;}
.plantName.disable {background:#999999;}
.plantName.ndn {background:#606060;}
.plantTable {display:block; height:auto; overflow:hidden;}
.plantTable table {padding:0; margin:0; table-layout:fixed; width:100%;}
.plantTable th, .plantTable td {border:1px solid #e7e7e9; font-size:14px; padding:5px; letter-spacing:-1px;}
.plantTable th {background:#f4f4f4; text-align:center; color:#333; font-weight:normal; padding:5px 0;}
.plantTable td {background:#FFF; height:20px;}
.plantTable td.noPad {padding:0px;}
.plantTable td.midItem {color:#333;}
.plantTable td.mount {text-align:right; letter-spacing:0px;}
.plantTable tr:last-child th, .plantTable tr:last-child td {border-bottom:1px solid #c1cbe6;}
.plantTable .ratePerBox {display:inline-block; width:100%; height:100%; position:relative; background:#efefef; overflow:hidden; margin-top:3px;
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1);
	box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1);
}
.plantTable .progress {position:absolute; top:0px; left:0; height:100%; background:url(/img/bg_progress.png) no-repeat 50% 50%; z-index:1;}
.plantTable .count {position:absolute; left:0; top:1px; width:100%; height:100%; text-align:center; color:#333; z-index:100;
	text-shadow: 0px 0px 3px #FFF, 0px 0px 3px #FFF, 0px 0px 3px #FFF,0px 0px 3px #FFF;
	font-family:'notokr-bold';
}
.plantTable .unit {display:inline-block; padding:0 4px; color:#999; font-size:12px;}

.contTable {display:block; height:auto; overflow:hidden; border-top:2px solid #65a3e3; border-bottom:3px solid #f1f1f2;}
.contTable table {padding:0; margin:0; width:100%; table-layout:fixed;}
.contTable th, .contTable td {border:1px solid #e7e7e9; font-size:14px; text-align:center; padding:9px 0; letter-spacing:-1px;}
.contTable th {color:#333; font-weight:normal; font-family:'notokr-bold'; background:#f4f7fa;}
.contTable td {color:#777; padding:9px 15px; height:22px; position:relative;}
.contTable td.bgGray {background:#dadada;}
.contTable td a {display:block; color:#0078e7;}
.contTable td em {position:absolute; right:10px; top:50%; transform:translate(0, -50%); font-size:12px;}
.contTable tr:last-child th, .contTable tr:last-child td {border-bottom:1px solid #c1cbe6;}
.contTable tr:nth-child(odd) {background:#f7f7f7;}
.contTable.noOdd tr:nth-child(odd) {background:none;}
.contTable.noOdd tr:hover {background:none;}
.contTable.noOdd th {text-align:center; padding:9px;}
.contTable.noOdd td {text-align:left;}
.contTable tr:hover {background:#fef5ec;}
.contTable.noOdd td .during {display:inline-block; width:4%; text-align:center;}
.contTable td .ratePerBox {display:inline-flex; width:100%; height:100%; position:relative; background:#efefef; overflow:hidden; margin-top:3px;
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1);
	box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1);
}
.contTable td .ratePerBox .progress {position:absolute; top:0px; left:0; height:100%; background:url(/img/bg_progress.png) no-repeat 50% 50%; z-index:1;}
.contTable td .ratePerBox .count {position:absolute; left:0; top:5px; width:100%; height:100%; text-align:center; color:#333; z-index:100;
	text-shadow: 0px 0px 3px #FFF, 0px 0px 3px #FFF, 0px 0px 3px #FFF,0px 0px 3px #FFF;
	font-family:'notokr-bold';
}
.contTable.stats th {padding:9px 0; letter-spacing:-1px;}
.contTable.stats td {padding:9px;}
.contTable.stats td.noPad {padding:5px;}
.contTable.stats td:nth-child(3),
.contTable.stats td:nth-child(4),
.contTable.stats td:nth-child(6),
.contTable.stats td:nth-child(7),
.contTable.stats td:nth-child(8) {text-align:right;}

.contTable.sch th {padding:9px 0; letter-spacing:-1px;}
.contTable.sch td {padding:9px;}
.contTable.sch td:nth-child(4) {text-align:right;}
.contTable.sch td:nth-child(9) {text-align:left;}

.contTable.list th {padding:9px 0; letter-spacing:-1px;}
.contTable.list td {padding:9px 5px;}


.contTable2 {display:block; height:auto; overflow:hidden; border-top:2px solid #65a3e3; border-bottom:3px solid #f1f1f2;}
.contTable2 table {padding:0; margin:0; width:100%; table-layout:fixed;}
.contTable2 th, .contTable2 td {border:1px solid #e7e7e9; font-size:14px; text-align:center; padding:9px 0; letter-spacing:-1px;}
.contTable2 th {color:#333; font-weight:normal; font-family:'notokr-bold'; background:#f4f7fa;}
.contTable2 td {color:#777; padding:9px 15px; height:22px; position:relative;}
.contTable2 td.bgGray {background:#dadada;}
.contTable2 td a {display:block; color:#0078e7;}
.contTable2 td em {position:absolute; right:10px; top:50%; transform:translate(0, -50%); font-size:12px;}
.contTable2 tr:last-child th, .contTable2 tr:last-child td {border-bottom:1px solid #c1cbe6;}
.contTable2 tr:nth-child(odd) {background:#f7f7f7;}
.contTable2.noOdd tr:nth-child(odd) {background:none;}
.contTable2.noOdd tr:hover {background:none;}
.contTable2.noOdd th {text-align:left; padding:9px;}
.contTable2.noOdd td {text-align:left;}
.contTable2 tr:hover {background:#fef5ec;}
.contTable2.noOdd td .during {display:inline-block; width:4%; text-align:center;}
.contTable2 td .ratePerBox {display:inline-block; width:100%; height:100%; position:relative; background:#efefef; overflow:hidden; margin-top:3px;
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1);
	box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.1);
}
.contTable2 td .ratePerBox .progress {position:absolute; top:0px; left:0; height:100%; background:url(/img/bg_progress.png) no-repeat 50% 50%; z-index:1;}
.contTable2 td .ratePerBox .count {position:absolute; left:0; top:5px; width:100%; height:100%; text-align:center; color:#333; z-index:100;
	text-shadow: 0px 0px 3px #FFF, 0px 0px 3px #FFF, 0px 0px 3px #FFF,0px 0px 3px #FFF;
	font-family:'notokr-bold';
}
.contTable2.stats th {padding:9px 0; letter-spacing:-1px;}
.contTable2.stats td {padding:9px;}
.contTable2.stats td.noPad {padding:5px;}
.contTable2.stats td:nth-child(3),
.contTable2.stats td:nth-child(4),
.contTable2.stats td:nth-child(6),
.contTable2.stats td:nth-child(7),
.contTable2.stats td:nth-child(8) {text-align:right;}

.contTable2.sch th {padding:9px 0; letter-spacing:-1px;}
.contTable2.sch td {padding:9px;}
.contTable2.sch td:nth-child(4) {text-align:right;}
.contTable2.sch td:nth-child(9) {text-align:left;}

.contTable2.list th {padding:9px 0; letter-spacing:-1px;}
.contTable2.list td {padding:9px 5px;}

.optSchSec {display:block; height:54px; line-height:54px; background:#f1f2f4; border:1px solid #c6c6c6; padding:0 20px; box-sizing:border-box; margin-bottom:20px;}
.optSchSec .dateOpt {float:left; width:50%; height:auto; overflow:hidden;}
.optSchSec .dateOpt.big {width:83%;}
.optSchSec .dateOpt .tDate {display:inline-block; color:#303136; font-size:14px; margin-right:7px; font-family:'notokr-bold';}
.optSchSec .dateOpt select {display:inline-block; width:160px; height:34px; line-height:34px; background:#FFF; border:1px solid #e7e7e9; text-align:center; font-size:14px; color:#777; box-sizing:border-box; vertical-align:0px; border-radius:3px;}
.optSchSec .dateOpt .tDate img {margin-right:5px;}
.optSchSec .dateOpt .inputDate {display:inline-block; width:160px; height:34px; line-height:34px; background:#FFF; border:1px solid #e7e7e9; text-align:center; font-size:14px; color:#777; box-sizing:border-box; vertical-align:0px; border-radius:3px;}
.optSchSec .dateOpt .during {display:inline-block; width:20px; text-align:center;}
.optSchSec .btnSet {float:left; width:50%; height:auto; overflow:hidden; text-align:right; margin-top:1px;}
.optSchSec .btnSet.short {width:17%;}
.optSchSec .btnSet span {margin-left:5px;}
.subGraphSec {clear:both; display:block; height:auto; overflow:hidden; min-height:300px; text-align:center; font-size:16px; color:#666;}

.mapPlant {float:left; width:990px; height:720px; overflow:hidden; margin-right:20px;}
.plantInfo {float:left; width:310px; height:auto; overflow:hidden;}
.stTxt {display:inline-block; height:26px; line-height:26px; color:#FFF; padding:0 8px; font-size:14px; border-radius:4px;}
.stTxt.normal {background:#6aad00;}
.stTxt.low {background:#ff8a00;}

.midTitle {display:block; color:#333; font-size:18px; background:url(/img/dot_black.png) no-repeat 5px 10px; padding-left:18px; margin-bottom:10px;}

.plGroupSet {clear:both; display:block; height:auto; overflow:hidden; margin-top:20px;}
.plGroupSet .plGroup {float:left; width:49%; height:auto; overflow:hidden; margin-right:2%; box-sizing:border-box; background:#f7f7f7; border:1px solid #e5e5e5;}
.plGroupSet .plGroup:last-child {margin-right:0%; background:#f5fbff; border:1px solid #b1d4f0;}
.plGroupSet .plGroup:last-child .gTitle {color:#0575cc; border-bottom:1px solid #b1d4f0;}
.plGroupSet .plGroup:last-child table {border-top:2px solid #569be1;}
.plGroupSet .plGroup .gTitle {display:block; font-size:16px; color:#666; padding:10px; box-sizing:border-box; border-bottom:1px solid #ccc; font-family:'notokr-bold';}
.groupSch {clear:both; display:block; height:auto; overflow:hidden; position:relative; padding:10px 220px 10px 10px; height:54px;}
.groupSch .absSch {position:absolute; right:10px; top:10px; text-align:right;}
.groupTable {display:block; height:410px; overflow:hidden; overflow-y:scroll; margin:0 10px; background:#FFF;}
.groupTable table {padding:0; margin:0; width:100%; border-top:2px solid #999;}
.groupTable th, .groupTable td {padding:7px 10px; font-size:14px; border:1px solid #e7e7e9;}
.groupTable th {background:#f1f1f1; color:#333; font-weight:normal; font-family:'notokr-bold';}
.groupTable td {text-align:center;}
.groupTable tr:hover {background:#fef5ec !important;}

/* paging */
.pagingSec {clear:both; display:block; height:auto; overflow:hidden; text-align:center; padding:30px 0 0 0;}
.paging {clear:both; display:block; height:auto; position:relative;}
.paging li {display:inline-block; box-sizing:border-box; text-align:center; font-family:notokr-medium;}
.paging li a {display:block; border:1px solid #999999; background:#FFF; width:36px; height:36px; line-height:36px; font-size:14px; color:#777;margin-left:2px;margin-right:2px;border-radius:6px 6px 6px 6px;}
.paging li a:hover {border:1px solid #293e93; color:#FFF; background:#293e93;}
.paging li.on a {border:1px solid #293e93; color:#FFF; background:#293e93;}
.paging li img {vertical-align:top;width:30px;height:30px;margin-top: 3px;}
.paging li.pagNam a {font-size:12px;}

/* 개별발전 서브 */
.flowSec {display:block; height:auto; overflow:hidden;}
.flowSec .mof {display:block; width:60px; padding:6px 0; text-align:center; background:#333; color:#FFF; margin:15px auto 0; font-size:14px;}
.tableSec {display:block; height:auto; overflow:hidden; border-top:2px solid #65a3e3; border-bottom:3px solid #f1f1f2; position:relative;}
.tableSec.stNormal:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #6aad00; box-sizing:border-box;}
.tableSec.stEmergency:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #d6022a; box-sizing:border-box;}
.tableSec.stFault:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #ff8a00; box-sizing:border-box;}
.tableSec.stDisable:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #333; box-sizing:border-box;}
.tableSec table {padding:0; margin:0; width:100%; table-layout:fixed;}
.tableSec.longT th {padding:5px 0;}
.tableSec.longT td {padding:0px; text-align:center;}
.tableSec tr:hover {background:#e7f7ff;}
.tableSec th {color:#333; font-weight:normal; font-family:'notokr-bold'; background:#f4f7fa;}
.tableSec th,.tableSec td {border:1px solid #e7e7e9; font-size:14px; text-align:center; padding:9px 0; letter-spacing:-1px;}
.tableSec th.bdrNT {border-top:0px;}
.tableSec th.bgW {background:#FFF;}
.tableSec th.thSub {border-top:0px; border-bottom:1px solid #dcdcdc;}
.tableSec th.thFirst {border-bottom:1px solid #dcdcdc;}
.tableSec th:last-child {border-right:0px;}
.tableSec td {height:35px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size:12px; color:#666; padding:0 20px; word-break:break-all;}
.tableSec td:first-child {font-size:14px; color:#333; text-align:center;}
.tableSec td:last-child {border-right:0px;}
.tableSec td .innerLi {display:block; height:auto; overflow:hidden;}
.tableSec td .innerLi li {float:left; width:25%; text-align:left;}
.tableSec.tdCenter td {text-align:center;}
.tableSec td.end {background:#f2fafc; font-family:'notokr-bold'; letter-spacing:0px;}
.tableSec td.bgGray {background:#f9f9f9;}
.tableSec td.bgSky {background:#e9f4f8; color:#507598;}
.tableSec td.tdTop {border-top:2px solid #4a585f;}
.flLeft {float:left !important;}
.flCenter {margin:0 auto !important;}
.flInline {display:inline-block; margin:0 10px;}

.icoVcb .flickFunc {display:block; margin-top:20px;}
.icoVcb .flickFunc input[type=checkbox]{height: 0; width: 0; visibility: hidden;}
.icoVcb .flickFunc label {cursor: pointer; text-indent: -9999px; width: 64px; height: 24px; line-height:22px; background: #999; border:1px solid #777; display: inline-block; border-radius: 30px; position: relative; box-sizing:border-box;}
.icoVcb .flickFunc label:after {content: 'OFF'; position: absolute; top: 0px; left: 0px; width: 22px; height: 22px; background: #fff; border-radius: 28px; transition: 0.3s; text-indent:27px; color:#FFF;}
.icoVcb .flickFunc input:checked + label {background: #ffbc00; border:1px solid #d9a000;}
.icoVcb .flickFunc input:checked + label:after {content: 'ON'; left: calc(100% - 0px); transform: translateX(-100%); text-indent:-56px;}

.printSec {display:block; height:auto; overflow:hidden; padding:20px;}
.printSec .printTitle {height:60px; text-align:center; font-size:24px; color:#333; position:relative; font-family:'notokr-bold';}
.printBtns {position:absolute; right:0px; top:50%; transform:translate(0, -50%);}

/* btn */
.btnArea {clear:both; display:block; height:auto; overflow:hidden; position:relative;}
.btnLogin a {display:inline-block; width:100%; height:50px; line-height:50px; color:#FFF; font-size:16px; border-radius:5px; text-align:center; background:#65a3e3;}

.btnExcel a {display:inline-block; width:100px; height:34px; line-height:34px; background:#FFF url(/img/sico_excel_off.png) no-repeat 13px 50%; color:#333; font-size:14px; padding:0 13px 0 36px; letter-spacing:-1px; border:1px solid #666; border-radius:4px; box-sizing:border-box; text-align:center;}
.btnExcel a:hover {background:#78aa0e url(/img/sico_excel_on.png) no-repeat 13px 50%; border:1px solid #78aa0e; color:#FFF;}

.btnPrint a {display:inline-block; width:80px; height:34px; line-height:34px; background:#636f79 url(/img/sico_print.png) no-repeat 13px 50%; color:#333; font-size:14px; padding:0 13px 0 36px; letter-spacing:-1px; border:1px solid #636f79; border-radius:4px; box-sizing:border-box; text-align:center; color:#FFF;}

.btnGraph a {display:inline-block; width:100px; height:34px; line-height:34px; background:#FFF url(/img/sico_graph_off.png) no-repeat 20px 50%; color:#333; font-size:14px; padding:0 13px 0 36px; letter-spacing:-1px; border:1px solid #666; border-radius:4px; box-sizing:border-box; text-align:center;}
.btnGraph a:hover {background:#e37601 url(/img/sico_graph_on.png) no-repeat 20px 50%; border:1px solid #e37601; color:#FFF;}
.btnGraph.on a {background:#e37601 url(/img/sico_graph_on.png) no-repeat 20px 50%; border:1px solid #e37601; color:#FFF;}

.btnData a {display:inline-block; width:100px; height:34px; line-height:34px; background:#FFF url(/img/sico_data_off.png) no-repeat 20px 50%; color:#333; font-size:14px; padding:0 13px 0 36px; letter-spacing:-1px; border:1px solid #666; border-radius:4px; box-sizing:border-box; text-align:center;}
.btnData a:hover {background:#2154b7 url(/img/sico_data_on.png) no-repeat 20px 50%; border:1px solid #2154b7; color:#FFF;}
.btnData.on a {background:#2154b7 url(/img/sico_data_on.png) no-repeat 20px 50%; border:1px solid #2154b7; color:#FFF;}

.btnSch a {display:inline-block; width:180px; height:40px; line-height:40px; background:#65a3e3; border:1px solid #65a3e3; font-size:16px; color:#FFF; border-radius:4px; box-sizing:border-box; text-align:center;}
.btnSchS a {display:inline-block; height:34px; line-height:34px; background:#303136; color:#FFF; font-size:14px; padding:0 20px; border-radius:3px; margin-left:10px;}
.btnReset a {display:inline-block; width:180px; height:40px; line-height:40px; background:#fafafa url(/img/ico_reset.png) no-repeat 40px 50%; border:1px solid #dadada; font-size:16px; color:#666; border-radius:4px; box-sizing:border-box; text-align:center; padding-left:28px;}

.btnAdd a {display:inline-block; height:34px; line-height:34px; background:#517ea1; color:#FFF; font-size:14px; padding:0 13px; letter-spacing:-1px; border:1px solid #517ea1; border-radius:4px; box-sizing:border-box; text-align:center;}

.btnBack a {display:inline-block; width:180px; height:40px; line-height:40px; background:#999; border:1px solid #999; font-size:16px; color:#FFF; border-radius:4px; box-sizing:border-box; text-align:center;}

.btnBlack a {display:inline-block; height:34px; line-height:34px; background:#303136; border-radius:4px; color:#FFF; font-size:14px; padding:0 15px;}
.btnBlue a {display:inline-block; height:34px; line-height:34px; background:#517ea1; border-radius:4px; color:#FFF; font-size:14px; padding:0 15px;}
.btnGreen a {display:inline-block; height:34px; line-height:34px; background:#9fc147; border-radius:4px; color:#FFF; font-size:14px; padding:0 15px;}
.btnViolet a {display:inline-block; height:34px; line-height:34px; background:#6e79d1; border-radius:4px; color:#FFF; font-size:14px; padding:0 15px;}
.btnGray a {display:inline-block; height:34px; line-height:34px; background:#666; border-radius:4px; color:#FFF; font-size:14px; padding:0 15px;}
.btnT a {display:inline-block !important; height:26px; line-height:26px; border-radius:4px; color:#FFF !important; font-size:14px; letter-spacing:-1px; padding:0 7px;}
.btnT.green a {background:#9fc147;}
.btnT.gray a {background:#666;}
.btnT.black a {background:#222;}
.btnT.violet a {background:#6e79d1;}


/* input */
.popInput {display:inline-block; width:94%; height:34px; background:#FFF; border:1px solid #e7e7e9; box-sizing:border-box; border-radius:4px; font-size:14px; color:#666; text-indent:10px;}
.popInput.half {width:45%;}
.inputNormal {display:inline-block; width:160px; height:34px; line-height:34px; background:#FFF; border:1px solid #e7e7e9; font-size:14px; color:#777; box-sizing:border-box; vertical-align:0px; border-radius:3px; text-indent:10px;}

@media print { 
	.printBtns {display: none;} 
}

.mMon {display:block; height:auto; overflow:hidden;}
.mMon li {float:left; height:50px; line-height:50px; margin-bottom:9px;margin-right:5px;margin-left:5px;}
.mMon li.ipCon {width:80px; text-align:center; background:#96c2e8; color:#FFF; border-radius:3px; font-size:14px;}
.mMon li.ipCon.black {width:80px; text-align:center; background:#84a5b5; color:#FFF; border-radius:3px; font-size:14px;}
.mMon li.ipCon.Green {width:80px; text-align:center; background:#82b037; color:#FFF; border-radius:3px; font-size:14px;}
.mMon li.ipCon.Red {width:80px; text-align:center; background:#d67474; color:#FFF; border-radius:3px; font-size:14px;}
.mMon li.ipCon.white {
width:80px; text-align:center; background:#FFF; color:#000; border-radius:3px; font-size:14px;cursor:pointer;
-webkit-box-shadow: 1px 2px 2px 1px rgba(191,201,206,1);
-moz-box-shadow: 1px 2px 2px 1px rgba(191,201,206,1);
box-shadow: 1px 2px 2px 1px rgba(191,201,206,1);
}
.mMon li.ipCon.white:hover {
width:80px; text-align:center; background:#ddd; color:#000; border-radius:3px; font-size:14px;cursor:pointer;
-webkit-box-shadow: 1px 2px 2px 1px rgba(191,201,206,1);
-moz-box-shadow: 1px 2px 2px 1px rgba(191,201,206,1);
box-shadow: 1px 2px 2px 1px rgba(191,201,206,1);
}

.mMon li.ipCon.blank {
width:80px; text-align:center; background:#FFF; color:#000; border-radius:3px; font-size:14px;}

#loading {
 width: 100%;  
 height: 100%;  
 top: 0px;
 left: 0px;
 position: fixed;  
 display: block;  
 opacity: 0.2;  
 background-color: #fff;  
 z-index: 99;  
 text-align: center; } 
  
#loading-image {  
 position: absolute;  
 top: 50%;  
 left: 50%; 
 z-index: 100; }