@charset "utf-8";
 body{background: #f5f7f6;}

/*button*/
.btn{display:inline-block; box-sizing:border-box;  text-align:center; vertical-align:middle;}
.btnR{-moz-border-radius: 3px;border-radius: 3px; display:inline-block; box-sizing:border-box; text-align:center; vertical-align:middle;}
.btnDate{background: #fff; border:1px solid #414141; width:90px; height:26px; line-height:24px;font-size:12px;color:#414141;}
.btnDate.on{background: #414141;color:#fff;}
.btnDate:hover{border:1px solid #fb6554;}

.btnSearch{background: #028692; width:90px; height:26px; line-height:24px;font-size:14px;color:#fff;}
.btnSearch:hover{background: #3ea7b1;}

/*text*/
.bk{color:#000;}
.gray1{color:#4e4e4e;}
.gray2{color:#666;}
.sky{color:#097ee1;}
.sky2{color:#2a9dff;}
.pink{color:#d45958;}
.blue{color:#4d76a4;}
.red{color:#bd464c;}
.red2{color:#ff5454;}
.bold{font-weight:bold;}
.min{color: #dbb42c;}
.maj{color: #d27415;}
.cri{color: #bd464c;}

.txt_r{text-align: right;}
.txt_c{text-align: center;}

.fl_l{float:left;}
.fl_r{float:right;}
.fwb{font-weight: bold;}

/*layout*/
#wrap{ position:relative; min-width:1900px; min-height:100%; padding-bottom:32px; box-sizing:border-box; }
#head{height:66px; width:100%; background: #fff;}
#container{ width:100%;padding:10px 38px; box-sizing: border-box;}
#container:after { content:""; display:block; clear:both; }
.cont_box{width:100%;}
.cont_left{width:49.5%; float:left;}
.cont_right{width:49.5%; float:right; }
.bdLine{border-bottom:1px solid #e8e8e8; width:100%;}
.bdLine2{border-bottom:1px solid #d1d1d1; width:100%;}
.bdLine3{border-bottom:1px solid #5d5d5d; width:80%;margin:0 auto;}

.float_r{float:right;}

.mt_20{margin-top: 20px;}
/*head*/
.nav{position:relative;height:60px; width:100%; border-bottom:6px solid #150b40;}
.nav .menu li{font-size:18px; float:left; height:60px; line-height: 60px; padding:0 40px; border-right:1px solid #dedede;}
.nav .menu li a{color:#574d85;}
.nav .menu li a:hover{color:#007cba;}
.nav .menu li a.on{color:#fb6556; }
.nav .menu li h1{margin-top: 8px;}
.user_info{width:100%;padding-right:38px; box-sizing: border-box;}
.login{float:right;color:#303030; font-size:12px; margin-right:10px;border-bottom:2px solid #fb6554; margin-top:10px; line-height: 20px;font-weight: bold; }
.user_name{position:relative;float:right; background: #fb6554; color:#fff; font-size:12px; width:100px; height:32px;padding-top:12px; padding-left:20px;box-sizing: border-box; text-align:center; border-radius: 0 0 3px 3px;  }
.user_name img{position: absolute;left:20px; top:5px;}

.sub_menu{position:relative;width:100%; height:26px; background: #150b40;}
.sub_menu ul{position:absolute; top:0; left:720px;}
.sub_menu ul li{display: inline-block; font-size:15px; padding:0 14px;color:#908da0;}
.sub_menu ul li a{color:#908da0;}
.sub_menu ul li a:hover{text-decoration: underline;}
.sub_menu ul li a.on{color:#fff;}
.gnb{float:right;}
.gnb span{display:inline-block; width:65px; height:24px; line-height: 24px; margin-right:3px;text-align: center;color:#fff;font-size:12px;border-radius:  3px 3px 0 0; }

/*Date*/
.date_box{position:relative; width:100%; text-align:right; background:#fcfcfc; margin-top:10px; padding:10px;border:1px solid #dedede;box-sizing: border-box;}
.date_box2{position:relative; width:100%; background:#fcfcfc; margin-top:10px; padding:10px;border:1px solid #dedede;box-sizing: border-box;}
.date_box2 .db_tit{width:290px; border-radius:5px; text-align:center;background: #e8e8e8; font-size:18px; line-height: 30px; display: inline-block;}

/*container*/
/* tab */
.mTab { display:-webkit-flex; display:-ms-flex; display:flex; }
.mTab ul { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; }
.mTab li {position:relative; -webkit-flex:1; -ms-flex:1; flex:1; background: #fcfcfc;border:1px solid #b9b9b9; box-sizing: border-box; height:450px; -moz-border-radius: 10px;border-radius: 10px; margin:0 30px 10px 0; }
.mTab li a.detail {display:-webkit-flex; display:-ms-flex; display:flex;  height:100%; box-sizing:border-box;  }
/* .mTab li a.detail:after{position: absolute; bottom:32px; right:20px; content:url(../../images/icon_p.jpg);} */
.mTab li.selected { z-index:1;  }
.mTab li.selected a.detail { box-sizing: border-box; -moz-border-radius: 10px;border-radius: 10px; border:2px solid #243c6c;  }

.tabCont { border:1px solid #ccc; display:none;  min-height:260px; margin:-2px 0 0 -2px;  -moz-border-radius: 10px;border-radius: 10px;  background: #fff;}
.tabCont .tabcont_box{ padding:20px 50px; }
.tabCont h3{font-size:18px;}
.boxLine { border:2px solid #243c6c;}
.mTab li:last-child{margin-right:0;}
.mTab li p.tb_tit{text-indent:20px; width:100%; color:#fff;height:38px; line-height:38px;font-size: 20px;border-radius: 10px 10px 0 0 ; }
.mTab li p.good{background: #2fa571;}
.mTab li p.nor{background: #b5b5b5;}
.mTab li p.bad{background: #e1645e;}
.mTab li div.tabdata{ z-index:2;width:100%;position:absolute; left:0; top:50px;padding:0 25px;box-sizing: border-box;}
.mTab li .v_close{z-index:3; position:absolute; bottom:3px; right:26px; }

.mTab table.v_txt01{width:100%;line-height: 14px; font-size: 12px;  }
.mTab table.v_txt01 tr{border-bottom:1px solid #b8b8b8;}
.mTab table.v_txt01 td{padding:7px 0;line-height: 16px;}
.mTab table .v_h2{color:#000; font-weight: bold; font-size: 14px;}

.mTab .v_gBox{width:100%; height:210px; border:1px solid #dfe6e4;background: #fff; box-sizing: border-box;  }
.mTab .v_gBox .v_iconqc{background: #666; color:#fff; font-size:12px;width:30px; height:18px; line-height:18px;text-align: center;}
.mTab .v_gBox .v_table{padding: 0 20px; }
.mTab .v_gBox table.v_txt02{width:100%; }
.mTab .v_gBox table.v_txt02 tr{height:50px;}


.mTab .v_gBox table .v_t01{border-bottom:1px solid #ccc;}
.mTab .v_gBox table .step1_blue{background: url(../../images/step1_blue.jpg)no-repeat 12px 33px; }
.mTab .v_gBox table .step2_blue{background: url(../../images/step2_blue.jpg)no-repeat 12px 21px; }
.mTab .v_gBox table .step3_blue{background: url(../../images/step3_blue.jpg)no-repeat 12px 5px; }
.mTab .v_gBox table .v_t02{border-bottom:1px solid #ccc;font-size:36px; color:#4d76a4; font-weight: bold;}
.mTab .v_gBox table .v_t03{border-bottom:1px solid #ccc;font-size:12px; color:#989898;}
.mTab .v_gBox table .v_t04{border-bottom:1px solid #ccc;font-size:24px; color:#000;}
.mTab .v_gBox table .v_t05{border-bottom:1px solid #ccc;}
.mTab .v_gBox table .v_t05 span.cir{border-radius: 30px; padding:10px;width:36px; background: #4d76a4; color:#fff; line-height: 26px; text-align: center;}
.mTab .v_gBox table .v_t06{border-bottom:1px solid #ccc;}
.mTab .v_gBox table .v_t07{font-size:12px;color:#000; vertical-align: bottom;}
.mTab .v_gBox table .v_tt01{}
.mTab .v_gBox table .step1_red{background: url(../../images/step1_red.jpg)no-repeat 12px 0; }
.mTab .v_gBox table .step2_red{background: url(../../images/step2_red.jpg)no-repeat 12px 0; }
.mTab .v_gBox table .step3_red{background: url(../../images/step3_red.jpg)no-repeat 12px 0; }
.mTab .v_gBox table .v_tt02{font-size:36px; color:#f22f2d; font-weight: bold;}
.mTab .v_gBox table .v_tt03{font-size:12px; color:#989898;}
.mTab .v_gBox table .v_tt04{font-size:24px; color:#000;}
.mTab .v_gBox table .v_tt05{}
.mTab .v_gBox table .v_tt05 span.cir{border-radius: 30px; padding:10px;width:36px; background: #f22f2d; color:#fff; line-height: 26px; text-align: center;}
.mTab .v_gBox table .v_tt06{font-size:12px;color:#000; vertical-align: top;}

.mTab .v_footer{padding:3px 20px; width:100%; box-sizing: border-box; border:1px solid #dfe6e4;background: #fff;margin:3px 0;font-size:12px; line-height:18px;text-align:center;color:#000;}
.mTab .v_footer:after{content: ''; display: block; clear:both;}
.mTab .v_footerbold{padding:5px; width:75%; border:1px solid #dfe6e4;background: #fff;margin-bottom:5px;font-size:12px; color:#000; font-weight:bold;}

/* tab2 */
.tabCont2 {display:none;  min-height:100px; padding:20px 0 5px 0; }
.mTab2 { position:relative; display:-webkit-flex; display:-ms-flex; display:flex; }
.mTab2 ul { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap;  }
.mTab2 li { width:139px; margin-right:1px; min-height:28px; line-height:18px;background:#f3f3f3; }
.mTab2 li a { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-align-items:center; -ms-align-items:center; align-items:center; height:100%; padding:3px; box-sizing:border-box; border:1px solid #d1d1d1; font-size:14px; color:#414141; text-decoration:none; text-align:center; }
.mTab2 li.selected { z-index:1; background:#414141; }
.mTab2 li.selected a { border:0; color:#fff; }
.mTab2 .updown{position:absolute; top:0; right:-20px;}
.mTab2 .arrow{width:15px; height:14px; display: block; border:1px solid #d1d1d1; color:#909090; text-align: center; line-height: 14px; font-size: 10px;}
.mTab2 .tab2_1{background: #fff; margin:0 2px; padding:0 2px; border-radius: 3px; font-size: 16px; color:#414141; font-weight:bold; letter-spacing: -0.8px; }
.mTab2 .tab2_2{font-size: 13px; padding:0 2px; letter-spacing: -0.8px;min-width:40px; display:inline-block;}
.mTab2 .tab2_3{font-size: 12px;background: #fff; margin:0 2px; border-radius: 20px; min-width:20px; display:inline-block; padding:0 2px; height:20px; line-height:20px;font-weight: bold;}
.mTab2 .tab2_4{background: #fff; margin:0 2px; border-radius: 20px; width:20px; height:20px; font-weight: bold;}

/* tab22 */
.tabCont22 {display:none;  min-height:200px; padding:20px 0 5px 0; }
.mTab22 { position:relative; display:-webkit-flex; display:-ms-flex; display:flex; }
.mTab22 ul { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap;  }
.mTab22 li { width:139px; margin-right:1px; min-height:28px; line-height:16px;background:#f3f3f3; }
.mTab22 li a { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-align-items:center; -ms-align-items:center; align-items:center; height:100%; padding:3px; box-sizing:border-box; border:1px solid #d1d1d1; font-size:14px; color:#414141; text-decoration:none; text-align:center; }
.mTab22 li.selected { z-index:1; background:#414141; }
.mTab22 li.selected a { border:0; color:#fff; }
.mTab22 .updown{position:absolute; top:0; right:-20px;}
.mTab22 .arrow{width:15px; height:20px; display: block; border:1px solid #d1d1d1; color:#909090; text-align: center; line-height: 14px; font-size: 10px;}
.mTab22 .tab2_1{background: #fff; width:60px; float:left; margin:0 2px; padding:0 2px; border-radius: 3px; font-size: 14px; line-height:16px;color:#414141; font-weight:bold; letter-spacing: -0.8px; }
.mTab22 .tab2_22{float:right; width:62px;}
.mTab22 .tab2_2{font-size: 13px; display:block; padding:0 2px; letter-spacing: -0.8px;}
.mTab22 .tab2_3{font-size: 12px;background: #fff; margin:2px; border-radius: 20px; padding:0 2px; height:18px; line-height:18px;font-weight: bold;}


/* tab4 */
.tabCont4 {display:none;  min-height:100px; padding:5px 0; }
.mTab4 {position:relative; display:-webkit-flex; display:-ms-flex; display:flex;}
.mTab4 ul { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap;   }
.mTab4 li { width:100px; margin-right:1px; border-radius: 3px; line-height:26px; border:1px solid #028692;margin-right:2px; } 
.mTab4 li a { color:#888; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-align-items:center; -ms-align-items:center; align-items:center;  font-size:14px;  text-align:center; }
.mTab4 li.selected { z-index:1; background: #028692; color:#fff; }
.mTab4 li.selected a { background: #028692; color:#fff; }

/*KPI 상세*/
h2{ padding:20px 0 10px 37px; color:#000; font-size: 30px;font-weight: bold;}
h2.vessel{background:url('../../images/icon_vessel.jpg')no-repeat 0 20px;}
h2.gate{background:url('../../images/icon_gate.jpg')no-repeat 0 20px;}
h2.qc{background:url('../../images/icon_qc.jpg')no-repeat 0 20px;}
h2.tc{background:url('../../images/icon_tc.jpg')no-repeat 0 20px;}
h2.itv{background:url('../../images/icon_itv.jpg')no-repeat 0 20px;}
h2.rs{background:url('../../images/icon_rs.jpg')no-repeat 0 20px;}
h2.ech{background:url('../../images/icon_ech.jpg')no-repeat 0 20px;}
h2.sc{background:url('../../images/icon_sc.jpg')no-repeat 0 20px;}
h2.block{background:url('../../images/icon_block.jpg')no-repeat 0 20px;}
h2.gasinfo{background:url('../../images/icon_gasinfo.jpg')no-repeat 0 20px;}
h2.rfid{background:url('../../images/icon_rfid.jpg')no-repeat 0 20px;}


.w_box{ min-height:200px; -moz-border-radius: 10px;border-radius: 10px;margin-bottom:5px; border:1px solid #cccccc; background: #fff;}
.w_box h4{position:relative; background:url('../../images/icon_bl.jpg')no-repeat 30px 22px;font-size:18px;  line-height: 44px; padding:0 0 0 37px;}
.w_box h4 span.graph{position: absolute; right:94px; padding-left:18px; }
.w_box h4 span.graph2{position: absolute; right:124px; padding-left:18px; }
.w_box h4 span.detail{position: absolute; right:30px;  padding-left:18px;}
.w_box h4 span.open{background:url('../../images/btn_open.jpg')no-repeat 0 16px; }
.w_box h4 span.close{background:url('../../images/btn_close.jpg')no-repeat 0 16px;}
.w_box h4 span a{color:#150b41; font-size:14px;}

.data_box{padding:20px 30px;}
.data_box:after{display:block; clear:both; content:"";}

.data_box .dbox_side{float:left;border-right:1px dotted #666; height:100px;margin:0 7px;}
.data_box .db_tit{font-size:18px; text-align: center; height:30px;}
.data_box .db_tit2{font-size:12px; text-align: center; height:14px; height:28px; font-weight: bold;}
.data_box .db_tit3{font-size:18px; text-align: center; height:18px;}

.laden_box{float:left;width:190px; }
.laden_tit{text-align:center; width:100px; margin:0 auto; color:#fff;line-height:18px; background:#333; font-size:12px;clear:both; }

.data_box .dbox01{float:left;display:inline-block;min-width:60px; margin:0 6px; height:100px; }
.data_box .dbox01 .db_cir{padding:0 10px; height:63px;margin:0 auto; border-radius: 63px; text-align: center;background: #d1d1d1;}
.data_box .dbox01 .db_num{font-size:30px; font-weight: bold;line-height: 34px;padding-top:8px;}
.data_box .dbox01 .db_num2{font-size:30px; font-weight: bold;line-height: 34px;padding-top:14px;}
.data_box .dbox01 .db_num2 span.db_s{font-size:12px; font-weight: normal; color:#000;}
.data_box .dbox01 .db_s{font-size:12px;}
.data_box .dbox02{float:left;width:110px;margin:0 6px; height:100px; }
.data_box .dbox02 .db_cir{width:106px;height:63px;margin:0 auto; border-radius: 63px; text-align: center;padding-top:14px; box-sizing: border-box; background: #d1d1d1;}
.data_box .dbox02 .db_num{font-size:30px; font-weight: bold;line-height: 34px;}
.data_box .dbox02 .db_num2{font-size:18px; font-weight: bold;line-height: 18px;}
.data_box .dbox02 .db_s{font-size:12px;}
.data_box .dbox03{float:left;width:260px;margin:0 6px; height:100px; }
.data_box .dbox03:after{content: ""; display: block; clear:both;}
.data_box .dbox03 .db_left{float:left;width:123px;}
.data_box .dbox03 .db_right{float:right; width:123px;}
.data_box .dbox03 .db_cir{width:63px;height:63px;margin:0 auto; border-radius: 63px; text-align: center;background: #d1d1d1;}
.data_box .dbox03 .db_num{font-size:30px; font-weight: bold;line-height: 34px;padding-top:8px;}
.data_box .dbox03 .db_s{font-size:12px;}
.data_box .dbox03 .db_ss{font-size:12px; font-weight:bold; text-align: center;line-height:14px;}
.data_box .dbox04{float:left;width:190px; margin:0 4px; height:100px; }
.data_box .dbox04:after{content: ""; display: block; clear:both;}
.data_box .dbox04 .db_left{float:left;width:62px;}
.data_box .dbox04 .db_cir{width:53px;height:53px;margin:0 auto; border-radius: 53px; text-align: center;}
.data_box .dbox04 .cir_min{background: #dbb42c;}
.data_box .dbox04 .cir_maj{background: #d27415;}
.data_box .dbox04 .cir_cri{background: #bd464c;}
.data_box .dbox04 .db_num{font-size:30px; font-weight: bold;line-height: 40px;padding-top:8px;color:#fff;}
.data_box .dbox04 .db_s{font-size:12px;}
.data_box .dbox04 .db_ss{font-size:12px; font-weight:bold; text-align: center;line-height:20px;}

/*Block Map Info*/
.tier{border-top:1px solid #028692;border-bottom:1px solid #028692; text-align:center;font-size:14px; line-height: 30px; color:#666;}
.tier a{color:#333; }
.tier a.on{color:#028692; font-weight:bold;}
.block_color{position:absolute; top:0; right:0;}
table.block_t{border:1px solid #9d9d9d; margin-top:5px;width:100%;background:url('../../images/block_pt.jpg')repeat;}
table.block_t tr td{border-right:1px solid #9d9d9d;border-bottom:1px solid #9d9d9d;height:35px;line-height: 33px;font-size:16px; font-weight:bold;text-align: center;}
table.block_t tr td:last-child{border-right:0;}
table.block_t tr td span.bk_box{padding:2px 5px; margin:0 3px; background: rgba(0, 0, 0, 0.8); color:#fff;}
table.block_t tr td.step01{background: rgba(185, 16, 16, 0.7);}
table.block_t tr td.step02{background: rgba(214, 68, 41, 0.7);}
table.block_t tr td.step03{background: rgba(238, 163, 79, 0.7);}
table.block_t tr td.step04{background: rgba(246, 217, 58, 0.7);}
table.block_t tr td.step05{background: rgba(197, 221, 97, 0.7);}
table.block_t tr td.block_sel{border:3px solid red; box-sizing: border-box;}

/*Real Time AMS*/
.top_box{margin-bottom:10px;}
.top_box:after{display: block; content: ''; clear:both;}
.top_box ul{float:left; margin-right:7px;border:1px solid #aaa;background:#fff;box-sizing: border-box; -moz-border-radius: 10px;border-radius: 10px;}
.top_box ul:last-child{margin-right:0;}
.top_box ul li{float:left; text-align: center;}
.top_box ul li.left_bkbox{width:70px; height:93px;padding:5px 0;background: #000; color:#fff; border-radius: 10px 0 0 10px ;}
.top_box ul li.left_bkbox .bk_img img{margin:5px 0;}
.top_box ul li.left_bkbox .bk_m{font-size:18px; line-height:30px;}
.top_box ul li.left_bkbox .bk_b{font-size:14px;line-height: 30px;}
.top_box ul li.tb_r{font-size:14px; line-height:18px;padding:30px 6px; min-width:74px;height:103px;box-sizing: border-box; border-right:1px dotted #666;}
.top_box ul li.tb_r:last-child{border-right:0;}
.top_box ul li.tb_r2{font-size:14px; line-height:18px;padding:20px 16px; height:103px;box-sizing: border-box; border-right:1px dotted #666;}
.top_box ul li.tb_r2:last-child{border-right:0;}
.top_box ul li.tb_r2 .al_total{width:44px;height:44px;margin:0 auto; display:block;border-radius: 44px;line-height: 44px; text-align: center; background:#000;color:#fff; font-size:22px; font-weight:bold;}
.top_box ul li.tb_r2 .al_cri{width:44px;height:44px;margin:0 auto; display:block;border-radius: 44px;line-height: 44px; text-align: center; background:#bd464c;color:#fff; font-size:22px; font-weight:bold;}
.top_box ul li.tb_r2 .al_maj{width:44px;height:44px;margin:0 auto; display:block;border-radius: 44px;line-height: 44px; text-align: center; background:#d27415;color:#fff; font-size:22px; font-weight:bold;}
.top_box ul li.tb_r2 .al_min{width:44px;height:44px;margin:0 auto; display:block;border-radius: 44px;line-height: 44px; text-align: center; background:#dbb42c;color:#fff; font-size:22px; font-weight:bold;}

/* tab5(AMS) */
.tabCont5 { display:none; border:1px solid #aaa; height:235px;border-top:0; background: #fff; }
.mTab5 { display:-webkit-flex; display:-ms-flex; display:flex; }
.mTab5 ul { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; }
.mTab5 li { border:1px solid #aaa; -webkit-flex:1; -ms-flex:1; flex:1; min-height:40px; line-height:18px; background:#ececec; font-weight:bold;}
.mTab5 li a { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-align-items:center; -ms-align-items:center; align-items:center; height:100%; padding:5px 10px; box-sizing:border-box;   font-size:24px; color:#1e1e1e; text-decoration:none; text-align:center; }
.mTab5 li.selected { z-index:1; border:1px solid #414141; background:#fafafa; }
.mTab5 li.selected a { padding-bottom:8px; background: #414141; color:#fff; }

/*AMS tab부분*/
.tabcont_left{float: left; background:#e9e9e9; width:9%; height:235px; box-sizing: border-box; border-right:1px solid #d1d1d1; text-align: center;}
.tabcont_right{float: left;  width:91%; padding:5px;box-sizing: border-box; }
.tabcont_left .Aver{padding:14px 0;font-size:20px; font-weight: bold; line-height: 25px;}
.tabcont_left .aver_icon{font-size:20px;height:25%;display:-webkit-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-align-items:center; -ms-align-items:center; align-items:center;}
.tabcont_left .aver_icon img{margin-right:5px;}
.data_info{border:1px solid #e9e9e9; margin-bottom:5px;}
.data_info:after{content: ""; display: block; clear:both;}
.objbox_sc{overflow-y:scroll; height:186px;}
.data_info ul.di_l{float:left;}
.data_info ul.di_r{float:right;}
.data_info ul.di_l li{float:left; font-size:14px; margin:8px; font-weight: bold;}
.data_info ul.di_l li > span{margin-left:3px;color:#fff; display: inline-block; min-width: 15px; height:18px;line-height: 18px; padding:0 3px; border-radius:15px; text-align:center; font-weight: bold;}
.data_info ul.di_l li .cri_txt{background: #bd464c; }
.data_info ul.di_l li .maj_txt{background: #d27415; }
.data_info ul.di_l li .min_txt{background: #dbb42c; }
.data_info ul.di_l li .idl_txt{background: #818181; }
.data_info ul.di_l li .nor_txt{background: #eee; border:1px dotted #000; color:#666; }
.data_info ul.di_r li{float:left; font-size:12px; margin:10px;padding-left:15px; }
.data_info ul.di_r li:before{width:10px; height:10px;  content:''; display:inline-block ; margin-right:3px;}
.data_info ul.di_r li.cri_b:before{ background: #bd464c; }
.data_info ul.di_r li.maj_b:before{ background: #d27415; }
.data_info ul.di_r li.min_b:before{ background: #dbb42c; }
.data_info ul.di_r li.idl_b:before{ background: #818181; }
.data_info ul.di_r li.nor_b:before{ background: #eee; border:1px dotted #000;box-sizing: border-box;}



.obj{width:84px; height: 86px; border-radius: 5px; padding:1px;display: inline-block; text-align: center; margin-bottom:5px;}
.br_cri{border:1px solid #bd464c;}
.br_maj{border:1px solid #d27415;}
.br_min{border:1px solid #dbb42c;}
.br_idl{border:1px solid #818181;}
.br_nor{border:1px dotted #000;}
.obj_bg{width:100%;  color:#fff; padding:2px 0;border-radius: 4px;display:-webkit-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-align-items:center; -ms-align-items:center; align-items:center;}
.obj_bg img{margin: 0 3px 0 0;}
.bg_cri{z-index:-1px;background: #bd464c;}
.bg_maj{background: #d27415;}
.bg_min{background: #dbb42c;}
.bg_idl{background: #818181;}
.bg_nor{background: #eee; color:#333;border-bottom:1px solid #ccc; box-sizing: border-box; margin-bottom:-1px;}

.obj .sbox{font-size:14px; text-indent: 30px; margin-top:5px;  line-height: 26px;display:-webkit-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-align-items:center; -ms-align-items:center; align-items:center;}
.obj .icon01{ background: url('../../images/obj_elec.png')no-repeat 10px 0; background-size: 24px 22px; }
.obj .icon02{ background: url('../../images/obj_map.png')no-repeat 8px 0; background-size: 24px 22px; }
.obj .icon03{ background: url('../../images/obj_oil_s.png')no-repeat 8px 0; background-size: 24px 22px; }
.obj .icon04{ background: url('../../images/obj_sm.png')no-repeat 8px 0; background-size: 24px 22px; }

.t_num1{font-size: 14px; padding-left:3px;}
.t_num2{font-size: 12px; margin-left:3px; border-radius: 16px; background: #000; color:#fff; min-width:16px; padding:0 3px;height:16px;line-height: 16px; text-align: center;}

/* Report */
.ER_topbox { display:-webkit-flex; display:-ms-flex; display:flex; }
.ER_btbox{ border:1px solid #ccc;  margin-top:10px; min-height:260px; box-sizing: border-box; padding:20px; -moz-border-radius: 10px;border-radius: 10px;  background: #fff;}

.ER_topbox ul { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; }
.ER_topbox li { position:relative; -webkit-flex:1; -ms-flex:1; flex:1; background: #fcfcfc;border:1px solid #b9b9b9; box-sizing: border-box; height:300px; -moz-border-radius: 10px;border-radius: 10px; margin:10px 5px 0 0;}
.ER_topbox li:Last-child{margin-right:0;}
.ER_topbox li.vessel{-webkit-flex:1.4; -ms-flex:1.4; flex:1.4;box-sizing: border-box;}
.ER_topbox li div.tabdata{ width:100%;position:absolute; left:0; top:80px;padding:0 15px;box-sizing: border-box; }
.ER_topbox li div.tabdata2{ width:100%;position:absolute; left:0; top:50px;padding:0 15px;box-sizing: border-box; }
.ER_topbox li div.tabdata3{ width:100%;position:absolute; left:0; top:60px;padding:0 15px;box-sizing: border-box; }

.ER_topbox li .tb_tit{ width:100%; color:#fff;height:70px; line-height:38px;font-size: 20px;border-radius: 10px 10px 0 0 ; }

.vs{background: #028692;}
.good{background: #2fa571;}
.nor{background: #cdcdcd;}
.bad{background: #e1645e;}

.ER_topbox li .vs .vs_bg{background: url('../../images/vs_bg.gif')no-repeat; width:228px; height:56px; display: inline-block; }
.ER_topbox li .good .qc_good{background: url('../../images/qc_good.gif')no-repeat;  width:129px; height:66px; display: inline-block; }
.ER_topbox li .bad .qc_bad{background: url('../../images/qc_bad.gif')no-repeat;  width:129px; height:66px; display: inline-block; }
.ER_topbox li .nor .qc_nor{background: url('../../images/qc_nor.gif')no-repeat;  width:129px; height:66px; display: inline-block; }
.ER_topbox li .good .tc_good{background: url('../../images/tc_good.gif')no-repeat;  width:93px; height:66px; display: inline-block; }
.ER_topbox li .bad .tc_bad{background: url('../../images/tc_bad.gif')no-repeat;  width:93px; height:66px; display: inline-block; }
.ER_topbox li .nor .tc_nor{background: url('../../images/tc_nor.gif')no-repeat;  width:93px; height:66px; display: inline-block; }
.ER_topbox li .good .itv_good{background: url('../../images/itv_good.gif')no-repeat;  width:106px; height:66px; display: inline-block; }
.ER_topbox li .bad .itv_bad{background: url('../../images/itv_bad.gif')no-repeat;  width:106px; height:66px; display: inline-block; }
.ER_topbox li .nor .itv_nor{background: url('../../images/itv_nor.gif')no-repeat;  width:106px; height:66px; display: inline-block; }
.ER_topbox li .good .rs_good{background: url('../../images/rs_good.gif')no-repeat;  width:82px; height:66px; display: inline-block; }
.ER_topbox li .bad .rs_bad{background: url('../../images/rs_bad.gif')no-repeat;  width:82px; height:66px; display: inline-block; }
.ER_topbox li .nor .rs_nor{background: url('../../images/rs_nor.gif')no-repeat;  width:82px; height:66px; display: inline-block; }
.ER_topbox li .good .ech_good{background: url('../../images/ech_good.gif')no-repeat;  width:82px; height:66px; display: inline-block; }
.ER_topbox li .bad .ech_bad{background: url('../../images/ech_bad.gif')no-repeat;  width:82px; height:66px; display: inline-block; }
.ER_topbox li .nor .ech_nor{background: url('../../images/ech_nor.gif')no-repeat;  width:82px; height:66px; display: inline-block; }
.ER_topbox li .good .sc_good{background: url('../../images/sc_good.gif')no-repeat;  width:64px; height:66px; display: inline-block; }
.ER_topbox li .bad .sc_bad{background: url('../../images/sc_bad.gif')no-repeat;  width:64px; height:66px; display: inline-block; }
.ER_topbox li .nor .sc_nor{background: url('../../images/sc_nor.gif')no-repeat;  width:64px; height:66px; display: inline-block; }

.ER_topbox li .vs .vs_t{position:absolute; border-radius:5px; border:1px solid #333;padding:0 10px; line-height:28px; top:30px; right:10px;font-size:20px; color:#fff;}
.ER_topbox li .equip_t{position:absolute; top:30px; right:10px;font-size:20px; color:#fff;}

.ER_topbox li div.tabdata p.v_h2{border-bottom:1px solid #ccc; font-size:14px; font-weight:bold;height:30px; line-height: 30px; }
.ER_topbox li div.tabdata p .v_date{font-size:12px; color:#4e4e4e; font-weight: normal; float:right;}
.ER_topbox li div.tabdata table.vs_table{width:100%;  border:1px solid #ccc; margin-top:7px;}
.ER_topbox li div.tabdata table.vs_table td{padding:3px; box-sizing:border-box; vertical-align: middle;}
.ER_topbox li div.tabdata table.vs_table .td_txt1{font-size:12px; color:#fff; background: #fb6554; border-radius: 24px; width:24px; height:24px; line-height: 24px;display: inline-block;  text-align: center;}
.ER_topbox li div.tabdata table.vs_table .td_txt2{font-size:24px; color:#028692; font-weight: bold; }
.ER_topbox li div.tabdata table.vs_table .td_txt3{font-size:11px;}
.ER_topbox li div.tabdata table.vs_table .td_txt4{font-size:14px;font-weight: bold; }
.ER_topbox li div.tabdata table.vs_table .td_txt5{font-size:10px;color:#a2a2a2;}
.ER_topbox li div.tabdata .detail{float:left; padding-left:18px;font-size:14px;margin-top: 20px;}
.ER_topbox li div.tabdata .open{background:url('../../images/btn_open.jpg')no-repeat;}
.ER_topbox li div.tabdata .detail a{color:#150b41;}
.ER_topbox li div.tabdata .close{background:url('../../images/btn_close.jpg')no-repeat;}
.ER_topbox li div .cost_txt{float:right; font-size:14px; color:#000;margin-top: 10px;}
.ER_topbox li div .cost_big{font-size:36px; font-weight: bold; color:#db0000;}

.ER_topbox li div.tabdata .equip_tit{font-size:14px; }
.ER_topbox li div.tabdata .eq_databox{border:1px solid #ccc; }
.ER_topbox li div.tabdata table.equip_table{width:100%;  margin-top:7px; border-spacing: 0 3px; border-collapse: separate;}
.ER_topbox li div.tabdata table.equip_table tr{ }
.ER_topbox li div.tabdata table.equip_table td{padding:4px; vertical-align: middle;border: 1px solid #ccc;border-left:0; border-right:0;}
.ER_topbox li div.tabdata table.equip_table td.bd_l{border-left:1px solid #ccc;}
.ER_topbox li div.tabdata table.equip_table td.bd_r{border-right:1px solid #ccc;}
.ER_topbox li div.tabdata table .td2_txt1{font-size:12px; color:#696969; text-align: left;text-indent: 10px;}
.ER_topbox li div.tabdata table .td2_txt2{font-size:18px; color:#150b41;text-align: center;}
.ER_topbox li div.tabdata table .td2_txt3{font-size:10px;color:#a2a2a2; text-align: center;}
.ER_topbox li div.tabdata table .td2_txt4 span{float:left;}
.ER_topbox li div.tabdata table.equip_table li.equip_cri{border:0;background: #bd464c; color:#fff; border-radius: 20px; width:25px; height:14px; line-height: 14px; font-size:10px;text-align: center; display: inline-block;margin:0 2px;}
.ER_topbox li div.tabdata table.equip_table li.equip_maj{border:0;background: #d27415; color:#fff; border-radius: 20px; width:25px; height:14px; line-height: 14px; font-size:10px;text-align: center; display: inline-block;margin:0 2px;}
.ER_topbox li div.tabdata table.equip_table li.equip_min{border:0;background: #d8ae07; color:#fff; border-radius: 20px; width:25px; height:14px; line-height: 14px; font-size:10px;text-align: center; display: inline-block;margin:0 2px;}

.ER_topbox li div.tabdata2 table{width:100%;}
.ER_topbox li div.tabdata2 table th{border-bottom:1px solid #ccc; font-size:14px;line-height: 20px; text-align: center;}
.ER_topbox li div.tabdata2 table td{border-bottom:1px dotted #666;text-align: center;vertical-align: middle; }
.ER_topbox li div.tabdata2 table td.rbox_td1{height:26px; font-size:14px;}
.ER_topbox li div.tabdata2 table td span.rbox_td1_2{border-radius: 3px;font-size:14px; background: #ccc; width:60px; height:24px; margin:3px 0;line-height: 24px;text-align: center;display: inline-block;color:#000; }
.ER_topbox li div.tabdata2 table td.rbox_td2{ font-size:18px; color:#150b41;}
.ER_topbox li div.tabdata2 table td.rbox_td3{ color:#a2a2a2;font-size:10px; text-align: left;}
.ER_topbox li div.tabdata2 table td.rbox_td4{ font-size:14px; text-align: left; height:46px; text-align:right; vertical-align: bottom;}
.ER_topbox li div.tabdata2 table td .score_s{font-size:16px; font-weight: bold; color:#db0000;}
.ER_topbox li div.tabdata2 table td.br_b{border-bottom:0;}

/*OTR report*/
.ER_topbox li div.tabdata3 .equip_tit2{font-size:14px; margin-top: 8px;}
.ER_topbox li div.tabdata3 table.equip_table{width:100%;  margin-top:4px; border-spacing: 0 3px; border-collapse: separate;}
.ER_topbox li div.tabdata3 table.equip_table tr{ }
.ER_topbox li div.tabdata3 table.equip_table td{padding:4px; vertical-align: middle;border: 1px solid #ccc;border-left:0; border-right:0;}
.ER_topbox li div.tabdata3 table.equip_table td.bd_l{border-left:1px solid #ccc;}
.ER_topbox li div.tabdata3 table.equip_table td.bd_r{border-right:1px solid #ccc;}
.ER_topbox li div.tabdata3 table .td2_txt1{font-size:12px; color:#696969; text-align: center;text-indent: 10px;}
.ER_topbox li div.tabdata3 table .td2_txt2{font-size:18px; color:#150b41;text-align: center;}
.otr_tit{ width:100%; background:#eee;padding:0 15px;border-radius: 10px 10px 0 0 ;box-sizing: border-box;height:45px; border-bottom:1px dotted #333;text-align:center;line-height: 45px;}
.otr_tit div.otr_l{ float:left; width:40%;text-align:center;}
.otr_tit div.otr_c{ float:left; width:20%;text-align:center;}
.otr_tit div.otr_r{ float:left; width:40%;text-align:center;}
.otr_table{width:100%;}
.otr_table .unit_txt{font-size:12px;padding:0 5px;}

h3.gigo{ padding:20px 0 0 37px; color:#000; font-size: 26px;font-weight: bold; background:url('../../images/icon_gigo.jpg')no-repeat 0 20px;}
.otr_icon{width:100%; border-bottom:1px solid #ccc; border-top:1px solid #ccc; vertical-align:middle;  padding:5px 0 8px 0; margin-top:10px;box-sizing: border-box;text-align: center; font-size:12px; background: #fcfcfc; }

/*enterprise Report tab*/
.tabCont6 {display:none;  min-height:100px; padding:20px 0 5px 0; }
.mTab6 { position:relative; display:-webkit-flex; display:-ms-flex; display:flex; }
.mTab6 ul { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap;  }
.mTab6 li { -webkit-flex:1; -ms-flex:1; flex:1; min-height:50px; line-height:18px; margin-right:1px;background:#f3f3f3; }
.mTab6 li a { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-align-items:center; -ms-align-items:center; align-items:center; height:100%; padding:5px; box-sizing:border-box; border:1px solid #d1d1d1; font-size:18px; color:#414141; text-decoration:none; text-align:center; }
.mTab6 li.selected { z-index:1; background:#414141; }
.mTab6 li.selected a { border:0; color:#fff; }

.tabCont7 {display:none; height:62px;}
.mTab7 {position:relative; display:-webkit-flex; display:-ms-flex; display:flex;}
.mTab7 .updown{position:absolute; top:0; right:0;}
.mTab7 .arrow{width:15px; height:26px; display: block; border:1px solid #d1d1d1; color:#909090; text-align: center; line-height: 24px; font-size: 10px;}

.mTab4 .updown{position:absolute; top:0; right:0;}
.mTab4 .arrow{width:15px; height:12px; display: block; border:1px solid #d1d1d1; color:#909090; text-align: center; line-height: 12px; font-size: 10px;}

.mTab7 > ul { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap;   }
.mTab7 > ul > li { width:194px; margin-right:1px; border-radius: 3px; border:1px solid #ccc;margin:0 1px 5px 0; } 
.mTab7 > ul > li a { color:#888; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-align-items:center; -ms-align-items:center; align-items:center;  font-size:14px;  text-align:center; }
.mTab7 > ul > li.selected { z-index:1; color:#093f89; border:1px solid #093f89;}
.mTab7 > ul > li.selected a { color:#093f89; }
.mTab7 ul li ul li{float:left; }
.mTab7 ul li ul li .tab7_01{width:80px; line-height: 60px; font-size:26px; float:left;}
.mTab7 ul li ul li .tab7_off{width:80px; line-height: 60px; font-size:26px; color:#ccc;float:left;}
.mTab7 ul li ul li.pool_bg{position:relative; background: #ccc;width:48px; height:54px; border-radius: 3px; margin:3px;font-size:14px; font-weight: bold; color:#000;}
.mTab7 ul li ul li .pool_num{position: absolute; width:48px; height:18px; bottom:0; left:0; text-align: center;}
.mTab7 ul li ul li .tab7_02{ background:url('../../images/QC.png')no-repeat 15px 7px; width:37px; height:26px;}
.mTab7 ul li ul li .tab7_03{background:url('../../images/ITV.png')no-repeat 15px 7px; width:37px; height:26px;}

table.itv_t{width:100%;margin-top: 10px; }
table.itv_t tr {text-align:center;font-size:14px;}
table.itv_t tr th{background: #eee; line-height:30px; border:1px solid #ccc;font-weight: bold;}
table.itv_t tr th:first-child{border-left:none;}
table.itv_t tr th:last-child{border-right:none;}
table.itv_t tr td{border-bottom:1px solid #ccc;line-height:26px;}
/*login*/
  #login_wrap { width: 100vw;height: 100vh; text-align: center;vertical-align: middle;display: table-cell;} 
  #login { position:relative; max-width:1620px;width:96%; height:776px;  display:inline-block; background:url('../../images/login_bg.jpg') no-repeat; margin: 0 auto; border:3px solid #28303f;}

  #login_footer { position:absolute; bottom:0; left:0; width:100%; height:30px; line-height:30px;font-size:12px; padding-right:10px; box-sizing: border-box; color:#8c8e92; text-align:right; background:#28303f; }
  #login .login_right {width:502px; height:777px;float:right; }
  #login .login_box{width:390px; height:500px; margin-top:145px;text-align:left;}
  #login .login_box h1{ margin-top:50px; font-size:34px; color:#202124; font-weight: bold;}
  #login .login_box .copy_s{margin-top: 10px; color:#646464; font-size:14px;}
  #login .mButton .large { width:100%; margin-top:10px; margin-bottom:0; }
  #login .login_input{margin-top:80px;width:94%;}
  #login .login_input p { padding-bottom:10px; }
  #login .login_input label { width:100px; text-align:left; }
  #login .login_input input { width:100%; box-sizing: border-box;}
  #login .subject { display:inline-block; width:100px; padding:5px; font-size:14px; text-align:left; color:grey; }

.tooltip .tooltip-content {visibility: hidden;	width: 100px;padding: 10px;	font-size:12px;	line-height: 16px;top:-15px; right:15px;color: #fff;position: absolute;
			z-index: 10;background: rgba(0, 0, 0, 0.8);border-radius: 10px;	}
.tooltip:hover .tooltip-content { visibility: visible; }


/*Container Report*/
.contBlock_tit{ font-size:14px;line-height: 30px; padding:7px 0 7px 37px;}
.cont_boxtit{font-size:16px; font-weight:bold;}

.cont_table{font-size:14px; text-align: center; margin-bottom:10px;}
.cont_table th{background: #eee; border-top:1px solid #ccc;border-right:1px solid #ccc;padding:5px 2px;border-bottom:1px solid #ccc;padding:5px;}
.cont_table th a{color:#0057a8;}
.cont_table th:last-child{border-right:none;}
.cont_table td{color:#555; width:33px; bottom: #fff; border-bottom:1px solid #ccc;padding:5px 0;border-right:1px solid #ccc;}
.cont_table td:last-child{border-right:none;}
.table_tit{font-size:24px; font-weight: bold;line-height: 40px;}
.table_tit .tit_bk{ background: #333; padding:0 15px; font-size:22px; color:#fff;line-height: 22px; }
.bay_table{width:100%;}
.row_table{width:100%;}
.txt_row{ margin-left:5px; color:red; border:2px solid red;border-radius:3px;display: inline-block; font-size:20px; height:24px;line-height:20px; box-sizing: border-box; min-width: 40px; text-align: center; }
.cont_table th.bay_th{border:2px solid red; box-sizing: border-box;}
.graph_box{height:100px;background: url('../../images/graph_back.gif')repeat; }
.den{ vertical-align: middle; background: #fff; }
.bg{background: url('../../images/density.png')no-repeat;background-position: bottom;}

.ER_topbox li .che_tit{position:relative; width:100%; height:44px; font-weight:bold;text-align:center; font-size:24px; color:#333; line-height: 40px; border-bottom:1px dotted #666; background:#eee;border-radius: 10px 10px 0 0 ; }
.ER_topbox li .qc_bk{position:absolute;left:0; top:0;background: url('../../images/qc_che.gif')no-repeat;  width:120px; height:44px; display: inline-block; }
.ER_topbox li .tc_bk{position:absolute;left:0; top:0;background: url('../../images/tc_che.gif')no-repeat;  width:93px; height:44px; display: inline-block; }
.ER_topbox li .itv_bk{position:absolute;left:0; top:0;background: url('../../images/itv_che.gif')no-repeat;  width:101px; height:44px; display: inline-block; }
.ER_topbox li .rs_bk{position:absolute;left:0; top:0;background: url('../../images/rs_che.gif')no-repeat;  width:56px; height:44px; display: inline-block; }
.ER_topbox li .ech_bk{position:absolute;left:0; top:0;background: url('../../images/ech_che.gif')no-repeat;  width:81px; height:44px; display: inline-block; }
.ER_topbox li .sc_bk{position:absolute;left:0; top:0;background: url('../../images/sc_che.gif')no-repeat;  width:81px; height:44px; display: inline-block; }

.ER_topbox li div.che_box{width:100%; padding:15px; box-sizing: border-box;}
.ER_topbox li div.che_box:after{clear:both; content: ""; display:block;}
.ER_topbox li div.tabdata_che_l{float-left; width:53%;display: inline-block;}
.ER_topbox li div.tabdata_che_r{float:right; width:45%;text-align:center;display: inline-block; border:1px solid #ccc; height:106px;padding-top:6px;box-sizing: border-box; margin-top:5px;}
.ER_topbox li div.tabdata_che_r .che_al{width:130px;margin:0 auto; text-align: center; font-size:14px;}
.ER_topbox li div.tabdata_che_r .che_al .che_alnum{font-size:30px; color:#db0000;font-weight: bold; padding-left:10px;}
.ER_topbox li div.che_box table.equip_table{width:100%;  border-spacing: 0 5px; border-collapse: separate;}
.ER_topbox li div.che_box table.equip_table tr{ }
.ER_topbox li div.che_box table.equip_table td{padding:6px; vertical-align: middle;border: 1px solid #ccc;border-left:0; border-right:0;}
.ER_topbox li div.che_box table.equip_table td.bd_l{border-left:1px solid #ccc;}
.ER_topbox li div.che_box table.equip_table td.bd_r{border-right:1px solid #ccc;}
.ER_topbox li div.che_box table .td2_txt1{font-size:12px; color:#696969; text-align: left;text-indent: 10px;}
.ER_topbox li div.che_box table .td2_txt2{font-size:18px; color:#150b41;text-align: center;}
.ER_topbox li div.che_box table .td2_txt3{font-size:10px;color:#a2a2a2; text-align: center;}

.che_box .chebox{width:114px;margin:0 auto;  height:50px; padding-top:7px;}
.che_box .chebox:after{content: ""; display: block; clear:both;}
.che_box .chebox .che_left{float:left;width:38px;}
.che_box .chebox .che_cir{width:28px;height:28px;margin:0 auto; border-radius: 20px; text-align: center;}
.che_box .chebox .cir_min{background: #dbb42c;}
.che_box .chebox .cir_maj{background: #d27415;}
.che_box .chebox .cir_cri{background: #bd464c;}
.che_box .chebox .che_num{font-size:18px; line-height: 28px;font-weight: bold;color:#fff;}
.che_box .chebox .che_ss{font-size:11px; font-weight:bold; text-align: center;line-height:18px;}
.che_icon {margin-top:15px;}
.che_icon table{width:100%; }
.che_icon table td{text-align: center;}
.che_icon table td.che_br{border-right:1px dotted #666;}
.che_icon table .icon_txt{font-size:12px;line-height: 12px;padding-top:5px;}
.che_icon table .icon_txt2{font-size:11px;line-height: 14px;}

/*checkbox*/
.check_box{text-align: center; }
.check_box label{font-size:12px;}

/*tooltip*/
[data-tooltip-text]:hover {	position: relative;}

[data-tooltip-text]:hover:after {	background-color: #fb6554;	background-color: rgba(251, 101, 84, 0.9);	-webkit-border-radius: 3px;	-moz-border-radius: 3px;
	border-radius: 3px;	color: #FFFFFF;	font-size: 11px;line-height: 13px;	font-weight: bold;	content: attr(data-tooltip-text);  margin-bottom: 10px;	top: 200%;
	left: -25px;  padding: 3px 0;	position: absolute;	width: auto; width: 80px;	word-wrap: break-word;	z-index: 9999;}

[data-tooltip]:hover {	position: relative;}

[data-tooltip]:hover:after {	background-color: #fb6554;	background-color: rgba(251, 101, 84, 0.9);	-webkit-border-radius: 3px;	-moz-border-radius: 3px;
	border-radius: 3px;	color: #FFFFFF;	font-size: 11px;line-height: 13px;	font-weight: bold;	content: attr(data-tooltip);  margin-bottom: -10px;	top: 95%;
	left: -25px;  padding: 3px 0;	position: absolute;	width: auto; width: 80px;	word-wrap: break-word;	z-index: 9999;}


/*2020아이콘 */
.TC_icon{background:url(../../images/TC.png)no-repeat; width:22px; height:19px;content: ""; display: inline-block;}
.QC_icon{background:url(../../images/QC.png)no-repeat; width:22px; height:19px;content: ""; display: inline-block;}
.TH_icon{background:url(../../images/ＴＨ.png)no-repeat; width:22px; height:19px;content: ""; display: inline-block;}
.ITV_icon{background:url(../../images/ITV.png)no-repeat; width:22px; height:19px;content: ""; display: inline-block;}
.RS_icon{background:url(../../images/RS.png)no-repeat; width:22px; height:19px;content: ""; display: inline-block;}
.SC_icon{background:url(../../images/SC.png)no-repeat; width:22px; height:19px;content: ""; display: inline-block;}

/*2020 pop*/
.pop_title{ font-size: 30px; line-height: 44px; color: #555; margin: 50px 0 30px 0; }

#pop_cancel { width: 127px; font-size:14px; font-weight:bold;height: 48px; text-align: center;border-radius: 0.2rem; border: none; margin-top: 20px;cursor: pointer;  color: #fff; background-color: #028692;    } 
#pop_cancel:hover{ color: #fff;  opacity: 0.8;    }

.Div_pop{  position: fixed; z-index:99999;left: 0; top: 0;  width: 100%; height: 100%; text-align:center; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transform: scale(1.1); transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;      } 
.pop-content { position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); 
         background-color: white; padding: 1rem 1.5rem; width: 400px; height: 200px; border:3px solid #216282; border-radius: 0.5rem;  } 
.close-button {float: right; width: 1.5rem;  line-height: 1.5rem; text-align: center; cursor: pointer; 
         border-radius: 0.25rem;  background-color: lightgray;  } 
.close-button:hover { background-color: darkgray;      }     
.show-popwindow {  opacity: 1; visibility: visible; transform: scale(1.0); transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;    }
.setDiv {text-align: center;}  
.window {display: none;background-color: #ffffff;width:550px;z-index:99999;background: #999;}



/*20200117어드민*/
.btn_r{position:relative; padding:20px 0 10px 0; text-align: right;  }
.btn_r:after{content:""; display:block; clear:both;}
.btn_normal{display:block; content:"";float:right; box-sizing:border-box;  text-align:center; vertical-align:middle; -moz-border-radius: 3px;border-radius: 3px; background: #fb6554; width:90px; height:26px; line-height:24px;font-size:14px;color:#fff;}
.btn_normal:hover{opacity: 0.8;}
.btn_basic{display:block; content:"";float:right; box-sizing:border-box;  text-align:center; vertical-align:middle; -moz-border-radius: 3px;border-radius: 3px; background: #666; width:100px; height:26px; line-height:24px;font-size:14px;color:#fff; margin-left:3px;}


.cont_item { display:-webkit-flex; display:-ms-flex; display:flex; }
.cont_item ul { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; }
.cont_item li {border:1px solid red; position:relative; -webkit-flex:1; -ms-flex:1; flex:1; background: #fcfcfc;border:1px solid #b9b9b9; box-sizing: border-box; height:330px; margin:0 5px 10px 0;}
.cont_item li:Last-child{margin-right:0;}
.cont_item li div.tabdata{ width:100%;position:absolute; left:0; top:80px;padding:0 15px;box-sizing: border-box; }

.cont_item li .item_title{ width:100%; color:#fff; height: 40px; line-height:40px;font-size: 20px; text-align:center; background: #666; }
.cont_item li .item_title2{ width:100%; color:#333; height: 40px; line-height:40px;font-size: 20px; text-align:center; background: #eee; border-bottom: 1px dotted #666; }

.cont_item li .item_main{ width:84%; margin:10px auto; height:220px;}
.cont_item li .item_bt{display:flex; align-items:center; width:84%; margin:0 auto; height: 40px; border-top:1px solid #999;}
.cont_item li .item_bt table{width:100%; font-weight: bold; font-weight: 16px;}
.cont_item li table.vs_t{width:100%;} 
.cont_item li table.vs_t tr {border-bottom: 1px dotted #ccc; line-height: 36px; font-size:14px; } 
.cont_item li table.vs_t tr:last-child{border:none;}
.cont_item li table.vs_t td{text-align: right;}
.cont_item li table.vs_t td:last-child{ font-size:12px; }
.cont_item li table.vs_t td:first-child{text-align: left;}

.cont_item li dl{font-size:12px; margin-bottom:5px;}
.cont_item li dt{height:20px;}
.cont_item li dd{float:left; display: flex; align-items: center; padding:2px;height: 30px;}

.cont_item li table.vs_t2{width:100%; font-size:14px; text-align: center;} 
.cont_item li table.vs_t2 td:first-child{text-align: right;}
.cont_item li table.vs_t2 td.vs_t_h1{height: 22px;font-weight:bold;font-size:12px; text-align: left; vertical-align: bottom;padding-bottom:4px;}
.cont_item li table.vs_t2 td.vs_t_h1 span.h1_tit{background: #666; padding:2px 6px; color:#fff; border-radius: 3px; border:none;}

/*pop*/
.pop_wrap{width:100%; padding:30px;box-sizing: border-box;}
.pop_wrap .pop_tit{height:40px; line-height: 40px; font-size:24px; font-weight: bold; color:#333; border-bottom: 1px solid #ccc;}
.pop_wrap .pop_table{width:100%; text-align: center; font-size:14px; color:#666;margin-top: 10px;}
.pop_wrap .pop_table th{background: #ddd; color:#333; line-height: 26px;border:1px solid #ccc; padding:3px;}
.pop_wrap .pop_table td{border:1px solid #ccc; padding:3px;}
.pop_wrap .pop_table td:nth-child(2){padding-right:5px;}
.pop_wrap .pop_table td span.h1_tit{background: #666; font-size:12px; padding:2px 0; display: inline-block; width:50px; color:#fff; border-radius: 3px; border:none;}