@charset "utf-8";
/* CSS Document */

/* 타이틀 */
#sub_tit_area {position:relative;width:100%;}
.tit_01 {display:block;font-size:30px;font-weight:bold;line-height:30px;color:#ff5e27}
.tit_02 {display:block;font-size:25px;font-weight:bold;line-height:25px;color:#000}
.tit_03 {display:block;font-size:20px;font-weight:bold;line-height:20px;color:#212121}
.tit_04 {padding-left:15px;background:url(/ui/imgs/common/h_dot.gif) no-repeat 0 0;font-size:14px;color:#444;font-weight:bold;line-height:14px}


/* 서브 페이지 위치 */
/*.curmb {position:absolute;top:5px;right:0px}
.curmb ul {}
.curmb ul li {float:left;padding-left:15px;margin-right:15px;background:url(/ui/imgs/sub/curmb_dot2.png) no-repeat 0 6px;font-size:13px;color:#555;}
.curmb ul li strong {color:#444;font-weight:bold}
.curmb ul li.fst {background:none;padding-left:0}*/

.curmb {position:relative;width:100%;height:50px;background-color:#fff;border-bottom:1px solid #d7d7d7;line-height:48px;-webkit-transition: all 1s ease;transition: all 1s ease}
.curmb .inner2 {overflow:visible}
.curmb .home {float:left;width:50px;height:49px;padding-right:20px;background:url(/ui/imgs/sub/curmb_dot2.png) no-repeat 90% 19px;text-align:center}
.curmb ul {float:left;margin-left:-1px}
.curmb ul li {position:relative;float:left;height:49px;}
.curmb ul li:first-child {margin-left:0px}
.curmb ul li a.curmb_link {display:block;width:175px;padding-left:20px;padding-right:20px;/*background:url(/ui/imgs/sub/curmb_dot2.png) no-repeat 90% 19px;*/font-size:14px;color:#666;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;line-height:49px;-webkit-transition: all 100ms ease-in;-moz-transition: all 100ms ease-in;-o-transition: all 100ms ease-in;transition: all 100ms ease-in}
.curmb ul li a.curmb_link2 {display:block;width:175px;padding-left:20px;padding-right:20px;font-size:14px;color:#666;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;line-height:49px;-webkit-transition: all 100ms ease-in;-moz-transition: all 100ms ease-in;-o-transition: all 100ms ease-in;transition: all 100ms ease-in}
.curmb ul li .curmb_dot {display:block;position:absolute;top:19px;right:20px;width:4px;height:8px;background:url(/ui/imgs/sub/curmb_dot2.png) no-repeat 0 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out}
.curmb ul li.active .curmb_dot{-webkit-transform:rotate(90deg);-moz-transform: rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);  transform: rotate(90deg)}
/*.curmb ul li a.curmb_link:hover {background:url(../../imgs/sub/curmb_dot.png) no-repeat 90% 19px}*/
.curmb ul li.active a.curmb_link {font-weight:bold;}
.curmb ul li ul {display:none;position:absolute;top:49px;left:0px;width:177px;padding:10px;background-color:#fff;border:1px solid #d7d7d7;border-top:none;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;z-index:999}
.curmb ul li ul li {float:none;height:auto;line-height:19px;border:none}
.curmb ul li ul li a {display: block;padding:6px 25px;font-size:13px;color:#666 !important;border:0}
.curmb.fixed {position:fixed;top:0px;left:0px;background-color:rgba(250,250,250,0.9);z-index:9999;-webkit-transition: all 1s ease;transition: all 1s ease}
.curmb.fixed .container {width:1009px}



/* 본문 text type */
.con_txt1 {font-size:14px;color:#666}

/* box type */
.box_type1 {position:relative;padding:20px 20px 20px;background-color:#f9f5ef;border:1px solid #d7d7d7;border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;}
.box_type1 .input {float:left;width:50%;text-align:right}

.box_type2 {position:relative;padding:20px 20px 20px;background-color:#f9f5ef;border:1px solid #d7d7d7;border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;}
.box_type2 .bo_list_total {float:left;width:40%;}
.box_type2 .input {float:left;width:60%;text-align:right}

/* 테이블 영역 */
.tbl_area {width:100%;margin-top:50px}
.tbl_area2 {width:100%;margin-top:30px}

/* paginate */
.paginate_area {background:#fff;margin-top:30px;padding:30px 0 0;text-align:center;height:63px}
.paginate {display:inline-block}
.paginate a { -webkit-transition: all 0.3s ease;-khtml-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;    transition: all 0.3s ease;}
.paginate a,.paginate strong {float:left;width:36px;height:36px;border:1px solid #ccc;margin-right:-1px;background-color:#fff;line-height:36px;color:#666;font-size:1.167em;text-align:center}
.paginate strong, .paginate a:hover {border:1px solid #F87491;position:relative;color:#F87491;font-weight:normal}
.paginate a.prev,.paginate a.next {width:44px;background-color:#F5F5F5;background-image:url(/ui/imgs/board/page_icon.png);background-size:200px 150px}
.paginate a.prev {-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;background-position:0 0}
.paginate a.next {-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;background-position:0 -50px}
.paginate a.prev[href] {background-position:-50px 0}
.paginate a.next[href] {background-position:-50px -50px}
.paginate span {float:left;width:15px;height:36px;background:url(/ui/imgs/board/page_icon.png);background-size:200px 150px;background-position:0 -100px;margin-left:1px}

/* 모니터링 현황 */
.monitoring_area {padding:20px;background-color:#fafafa;border:1px solid #d7d7d7;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px}
.monitoring_content {float:left;width:20%}
.monitoring_content .bg1, .monitoring_content .bg2, .monitoring_content .bg3, .monitoring_content .bg4, .monitoring_content .bg5 {padding:0 20px 0 0;}
.monitoring_content .bg2, .monitoring_content .bg3, .monitoring_content .bg4 {padding-left:20px;border-right:1px solid #e1e1e1}
.monitoring_content .bg1  {border-right:1px solid #e1e1e1}
.monitoring_content .bg5 {padding-left:20px;}
.monitoring_content .bg1 {background:url(/ui/imgs/sub/clock_icon.gif) no-repeat 90% 95%}
.monitoring_content .bg2 {background:url(/ui/imgs/sub/phone_ing_icon2.gif) no-repeat 90% 95%}
.monitoring_content .bg3 {background:url(/ui/imgs/sub/talk_icon.gif) no-repeat 90% 95%}
.monitoring_content .bg4 {background:url(/ui/imgs/sub/phone_ing_icon.gif) no-repeat 90% 95%}
.monitoring_content .bg5 {background:url(/ui/imgs/sub/talk_icon2.gif) no-repeat 90% 95%}
.monitoring_content .num {margin-top:10px;font-weight:bold;font-size:40px;color:#ff5e27;line-height:40px}

/* 충전 내역 문구 */
.charge_info {min-height:100px;padding-left:130px;background:url(/ui/imgs/sub/charge_icon.gif) no-repeat 0 0;font-size:15px;color:#666}
.charge_info2 {border:1px solid white; margin-top:20px; min-height:45px;padding-left:60px;background:url(/ui/imgs/sub/charge_icon2.gif) no-repeat 0 0;font-size:15px;color:#666}

/* 로그인 */
.login_area {position:relative;width:350px;margin:100px auto}
.login_header {width:100%;text-align:center}
.login_content {width:100%;margin-top:30px}
.input_row {position:relative;height:29px;padding:10px 35px 10px 15px;margin:0 0 14px;background:#fff;border:solid 1px #d7d7d7;border-radius:5px;-webkit-border-radius:5px}
.input_box {display:block;overflow:hidden;}
.lbl {position:absolute;top:16px;left:15px;z-index:8;font-size:15px;color:#999;line-height:16px;}
.int {position:relative;width:100%;padding:7px 0 6px;height:16px;z-index:9;border:none;background:#fff;font-size:15px;color:#000;line-height:16px;-webkit-appearance:none;font-family:'Malgun Gothic','맑은고딕','돋움',dotum, sans-serif;}
.input_row.focus{border:solid 1px #ec6161}

/* 차트 */
.chart_area {position:relative;width:100%;margin-top:30px}
.chart_area .left_chart_area {float:left;width:490px}
.chart_area .right_chart_area {float:right;width:490px}

/* 팝업 */
#pop_wrap {position:relative;width:980px;margin:10px auto;}
#pop_wrap .pop_content {margin-top:10px;padding:10px;border:1px solid #d7d7d7;border-radius:5px}
#pop_wrap .pop_content .left {float:left;width:200px;padding:10px 10px}
#pop_wrap .pop_content .left .camp_stat {width:100%;padding-bottom:15px;border-bottom:1px solid #d7d7d7}
#pop_wrap .pop_content .left .camp_stat_content {margin-top:10px;min-height:100px;padding-top:10px;border-top:1px solid #d7d7d7}
#pop_wrap .pop_content .left .stat_cond {position:relative;margin-top:15px;}
#pop_wrap .pop_content .left .stat_cond .monitor_info {position:absolute;top:-10px;right:0px;width:93px;height:55px;background:url(/ui/imgs/sub/monitoring_bg.png) no-repeat 0 0;z-index:1}
#pop_wrap .pop_content .left .stat_cond .monitor_info p {padding-top:4px;font-size:13px;text-align:center;line-height:17px;color:#000}
#pop_wrap .pop_content .left .stat_cond .stat_cond_content {position:relative;margin-top:10px}
#pop_wrap .pop_content .left .stat_cond .stat_cond_content .stat_cond_box {height:20px;padding:0 10px 0;line-height:20px;border-radius:3px}
#pop_wrap .pop_content .left .stat_cond .stat_cond_content .stat_cond_box h3 {display:block;float:left;font-size:13px;color:#fff;font-weight:normal}
#pop_wrap .pop_content .left .stat_cond .stat_cond_content .stat_cond_box .num {display:block;float:right;font-size:13px;color:#fff}
#pop_wrap .pop_content .left .stat_cond .stat_cond_content .stat_cond_box.bg1 {margin-top:24px;background-color:#c1c1c1;border:1px solid #a2a2a2}
#pop_wrap .pop_content .left .stat_cond .stat_cond_content .stat_cond_box.bg1 .num {color:#000}
#pop_wrap .pop_content .left .stat_cond .stat_cond_content .stat_cond_box.bg2 {margin-top:5px;background-color:#18c8c3;border:1px solid #11918d}
#pop_wrap .pop_content .left .stat_cond .stat_cond_content .stat_cond_box.bg3 {margin-top:5px;background-color:#1f7dc2;border:1px solid #165889}
#pop_wrap .pop_content .left .stat_cond .stat_cond_content .stat_cond_box.bg4 {margin-top:5px;background-color:#49c21f;border:1px solid #2d7713}
#pop_wrap .pop_content .left .stat_cond .stat_cond_content .stat_cond_box.bg5 {margin-top:5px;background-color:#f6992a;border:1px solid #e0800a}
#pop_wrap .pop_content .left .stat_cond .stat_cond_content .stat_cond_box.bg6 {margin-top:5px;background-color:#ff632e;border:1px solid #f23d00}
#pop_wrap .pop_content .right {float:right;width:716px;margin-left:10px;padding:10px 10px 10px 0}
#pop_wrap .pop_content .stat_box {display:inline-block;width:71px;padding:2px 3px 2px;border-radius:2px;color:#fff;text-align:center}
#pop_wrap .pop_content .stat_box.bg1 {background-color:#c1c1c1;border:1px solid #a2a2a2}
#pop_wrap .pop_content .stat_box.bg2 {background-color:#18c8c3;border:1px solid #11918d}
#pop_wrap .pop_content .stat_box.bg3 {background-color:#1f7dc2;border:1px solid #165889}
#pop_wrap .pop_content .stat_box.bg4 {background-color:#49c21f;border:1px solid #2d7713}
#pop_wrap .pop_content .stat_box.bg5 {background-color:#f6992a;border:1px solid #e0800a}
#pop_wrap .pop_content .stat_box.bg6 {background-color:#ff632e;border:1px solid #f23d00}