@charset 'utf-8';
@import url("reset.css");
/* 숨김 콘텐츠 */
.hiddenTitle, legend{position:absolute;left:-9999em}
#dp_swf_engine{display:none;}

/* 스타일 초기화//////////////////////////////////////////////////////////////////////////// */
img, input, select, textarea, label{vertical-align:middle;}
img {border:none !important;}
input, textarea, select, button{font-size:11px;font-family:'맑은 고딕',Malgun Gothic,'돋움',Dotum,Helvetica,sans-serif;font-weight: normal;font-style: normal;margin:0;padding:0;border:0;}
select{border:1px solid #c8c8c8;height:22px;font-size:11px;padding-left:2px}
textarea {resize: none;}
label{display:inline-block}

/* 기본스타일 //////////////////////////////////////////////////////////////////////////// */
@font-face{font-family:'맑은 고딕',Malgun Gothic,'돋움',Dotum,Helvetica,sans-serif;font-weight: normal;font-style: normal;}
body{color:#333;background:#e7e7e7;font-size:11px}
.txt_monospace{font-family:'돋움체',dotumche,monospace;font-size: 11px;letter-spacing:1px;white-space :pre-wrap;padding-left:28px;padding-top:7px;line-height:16px}
.txt_r{text-align:right;padding-right:8px}
.txt_l{text-align:left;padding-left:8px}
.txt_c{text-align:center}
.txt_b{font-weight:bold}
.txt_12{font-size:12px}
.txt_13{font-size:13px}
.txt_20{font-size:20px}
.txt_gray{color:#7e7e7e}
.txt_star{font-size:12px;color:#f36304;padding-left:1px;vertical-align:middle;}
.bg_white{background:#fff}
.input1{height:20px;padding-left:5px;border:1px solid #c8c8c8;}
.input2{border:1px solid #999;height:20px;padding-left:5px;}
.input3{border:1px solid #c8c8c8;height:14px;padding-left:5px;}
.input4{border:1px solid #c8c8c8;height:20px;padding-right:5px;text-align:right}
.input5{border:1px solid #c8c8c8;height:20px;text-align:center}
.input_refresh{border:1px solid #999;height:20px;padding-left:5px;background-color:#d4d4d4;}
.not_auth_input1{height:20px;padding-left:5px;border:0px;}
.input_login{border:0;height:39px;background-color:#e6e6e6;padding-left:10px;padding-top:1px;font-size:14px;color:#6e7581;}
.input_checkbox_head{margin-right:3px}
.input_checkbox{margin-left:10px;margin-right:3px}
.select1{border:1px solid #999;height:22px;}
.pd10{margin:10px}
.pd_l3{margin-left:3px}
.pd_r3{margin-right:3px}
.pd_l{margin-left:5px}
.pd_r{margin-right:5px}
.pd_t{margin-top:5px}
.pd_b{margin-bottom:5px}
.pd_t10{margin-top:10px}
.pd_l10{margin-left:10px}
.pd_r10{margin-right:10px}
.pd_r15{margin-right:15px}
.pdg_l5{padding-left:5px}
.pdg_r5{padding-right:5px}
.pdg_l10{padding-left:10px}
.pdg_r10{padding-right:10px}
.aln_vtop{vertical-align:top}
.pdg_t5{padding-top:5px}
.pdg_b5{padding-bottom:5px}

.float_l{float:left}
.float_r{float:right}
.clear{clear:both}
.a_line{color:#333;text-decoration:underline}

#filebox label {display:inline-block;padding:0px 7px 0 7px;height:20px;background-color:#fafafa;text-decoration:none;font-size:11px;color:#333;	line-height:18px;	border:1px solid #c8c8c8;	cursor: pointer;}/* 파일업로드 */
#filebox input[type="file"] { position: absolute;width: 1px;	height: 1px;padding: 0;	margin: -1px;	overflow: hidden;clip:rect(0,0,0,0);	border: 0;}/* 파일 필드 숨기기 */
#filebox #upload-name { display: inline-block; padding: .3em .75em;  /* label의 패딩값과 일치 */  font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #c8c8c8;  -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;}/* named upload */

/* 레이아웃 //////////////////////////////////////////////////////////////////////////// */
.wrap{min-width:1260px;/*height:100%*/}
.header{position:relative;/*width:100%;*/height:73px;background:url(../images/com/bg_header.png) repeat-x;z-index:100}
.header .logo a{position:absolute;top:17px;left:22px;display:block;width:156px;height:48px;background:url(../images/com/logo.png) no-repeat 0 50%;overflow:hidden;text-indent:100%;white-space:nowrap}
.container{position:relative;z-index:10;}
.tree{float:left;background:url(../images/com/bg_tree.png) repeat-y 100% 0;background-color:#e7e7e7;z-index:200; overflow:hidden;width:200px;}
.tree_close{float:left;width:13px;background:url(../images/com/bg_tree.png) repeat-y 100% 0;background-color:#e7e7e7;z-index:200;/*추후 draggable 넣을때 수정*/width:13px;}
.content{float:left;background-color:#fff;overflow:hidden;}
.tree_table{}


/* Login ////////////////////////////////////////////////////////////////////////////*/
.wrap_login{position:relative;min-width:100%;height:100%;background:url(../images/com/bg_login.png) repeat-x;background-color:#3c4350;color:#8c929f}
.login_container{position:relative;margin:0 auto;width:1000px;height:869px;background:url(../images/com/bg_login_box.png) no-repeat}
.login_logo{position:absolute;top:60px;left:60px;width:400px;height:100px;background:url(../images/com/logo_login.png) no-repeat;z-index:500;overflow:hidden;text-indent:100%;white-space:nowrap}
.login_section{position:absolute;top:273px;left:650px;padding-left:29px;padding-top:53px;width:289px;height:229px;background:url(../images/com/login_box.png) no-repeat}
.login_section li{width:260px}
.login_section li.id_box{height:52px;padding-left:40px;background:url(../images/com/login_id_box.png) no-repeat}
.login_section li.pw_box{height:52px;padding-left:40px;background:url(../images/com/login_pw_box.png) no-repeat}
.login_section li.btn_box{height:58px;}
.login_section li.btn_box a.btn_login{display:inline-block;width:260px;height:42px;color:#fff;font-size:16px;font-weight:normal;line-height:38px;background:url(../images/com/btn_login.png) no-repeat 0 0;}
.login_section li.btn_box a:hover.btn_login{background:url(../images/com/btn_login.png) no-repeat 0 -42px}
.login_monitor{position:relative}
.login_monitor .chart1{position:absolute;top:259px;left:112px;width:184px;height:21px;background-color:#fff;background:url(../images/com/login_chart1_1.png) no-repeat}
.login_monitor .chart2{position:absolute;top:259px;left:303px;width:159px;height:21px;background-color:#fff;background:url(../images/com/login_chart2_1.png) no-repeat}
.login_monitor .chart3{position:absolute;top:287px;left:112px;width:124px;height:159px;background-color:#fff;background:url(../images/com/login_chart3.png) no-repeat}
.login_monitor .chart4{position:absolute;top:287px;left:243px;width:53px;height:109px;background-color:#fff;background:url(../images/com/login_chart4.png) no-repeat}
.login_monitor .chart5{position:absolute;top:287px;left:303px;width:53px;height:109px;background-color:#fff;background:url(../images/com/login_chart5.png) no-repeat}
.login_monitor .chart6{position:absolute;top:287px;left:363px;width:99px;height:109px;background-color:#fff;background:url(../images/com/login_chart6.png) no-repeat}
.login_monitor .chart7{position:absolute;top:403px;left:243px;width:91px;height:43px;background-color:#fff;background:url(../images/com/login_chart7.png) no-repeat}
.login_monitor .pad{position:absolute;top:422px;left:347px;width:208px;height:153px;background-color:#fff;}


/* Login 캡챠코드*/
.wrap_login{position:relative;min-width:100%;height:100%;background:url(../images/com/bg_login.png) repeat-x;background-color:#3c4350;color:#8c929f}
.login_container{position:relative;margin:0 auto;width:1000px;height:869px;background:url(../images/com/bg_login_box.png) no-repeat}
.login_logo{position:absolute;top:60px;left:60px;width:400px;height:100px;background:url(../images/com/logo_login.png) no-repeat;z-index:500;overflow:hidden;text-indent:100%;white-space:nowrap}
.login_section_captcha{position:absolute;top:273px;left:650px;padding-left:29px;padding-top:30px;width:289px;height:325px;background:url(../images/com/login_box_captcha.png) no-repeat;}
.login_section_captcha li{width:260px}
.login_section_captcha li.id_box{height:52px;padding-left:40px;background:url(../images/com/login_id_box.png) no-repeat;}
.login_section_captcha li.pw_box{height:52px;padding-left:40px;background:url(../images/com/login_pw_box.png) no-repeat}
.login_section_captcha li.btn_box{height:58px;}
.login_section_captcha li.btn_box a.btn_login{display:inline-block;width:260px;height:42px;color:#fff;font-size:16px;}
.login_section_captcha li.btn_box a:hover.btn_login{background:url(../images/com/btn_login.png) no-repeat 0 -42px}


.captcha_explain{ font-size:11px; color:#FFFFFF; text-align:left; margin-bottom:5px; margin-top:5px}
.captcha_box {width:260px; height:35px; background:#e6e6e6;text-align:center; display:inline-block; position:relative}
.refresh_btn {display:inline-block; position:absolute; right:29px ;top:155px;}
.captcha_input {width:260px; height:27px; margin-bottom:10px; margin-top:-7px; background:#e6e6e6;}


/* GNB ////////////////////////////////////////////////////////////////////////////*/
.gnb{position:absolute;top:5px;left:195px}
.gnb li{float:left;position:relative;background-position:0 -73px;display:block;width:60px;height:68px;overflow:hidden;text-indent:100%;white-space:nowrap}
.gnb li a{display:block;overflow:hidden;width:60px;height:68px;overflow:hidden;text-indent:100%;white-space:nowrap}
.gnb li.menu_ems_on a{background:url(../images/com/gnb_ems.png) no-repeat 0 -73px;}
.gnb li.menu_sms_on a{background:url(../images/com/gnb_sms.png) no-repeat 0 -73px;}
.gnb li.menu_nms_on a{background:url(../images/com/gnb_nms.png) no-repeat 0 -73px;}
.gnb li.menu_dbms_on a{background:url(../images/com/gnb_dbms.png) no-repeat 0 -73px;}
.gnb li.menu_tms_on a{background:url(../images/com/gnb_tms.png) no-repeat 0 -73px;}
.gnb li.menu_syslog_on a{background:url(../images/com/gnb_syslog.png) no-repeat 0 -73px;}
.gnb li.menu_trap_on a{background:url(../images/com/gnb_trap.png) no-repeat 0 -73px;}
.gnb li.menu_fms_on a{background:url(../images/com/gnb_fms.png) no-repeat 0 -73px;}
.gnb li.menu_ims_on a{background:url(../images/com/gnb_ims.png) no-repeat 0 -73px;}
.gnb li.menu_pabxm_on a{background:url(../images/com/gnb_pabxm.png) no-repeat 0 -73px;}
.gnb li.menu_rtms_on a{background:url(../images/com/gnb_rtms.png) no-repeat 0 -73px;}
.gnb li.menu_bms_on a{background:url(../images/com/gnb_bms.png) no-repeat 0 -73px;}
.gnb li.menu_vms_on a{background:url(../images/com/gnb_vms.png) no-repeat 0 -73px;}
.gnb li.menu_oam_on a{background:url(../images/com/gnb_oam.png) no-repeat 0 -73px;}
.gnb li.menu_oper_on a{background:url(../images/com/gnb_admin.png) no-repeat 0 -73px;}
.gnb li.menu_oper_en_on a{background:url(../images/com/gnb_admin_en.png) no-repeat 0 -73px;}
.gnb li.menu_oper_jp_on a{background:url(../images/com/gnb_admin_jp.png) no-repeat 0 -73px;}
.gnb li.menu_wms_on a{background:url(../images/com/gnb_wms.png) no-repeat 0 -73px;}
.gnb li.menu_apm_on a{background:url(../images/com/gnb_apm.png) no-repeat 0 -73px;}
.gnb li.menu_oms_on a{background:url(../images/com/gnb_oms.png) no-repeat 0 -73px;}
.gnb li.menu_erms_on a{background:url(../images/com/gnb_erms.png) no-repeat 0 -73px;}
.gnb li.menu_etc{background:url(../images/com/gnb_etc.png) no-repeat 0 -73px;text-indent:0%;color:#626977;font-weight:bold;letter-spacing:-0.5px;text-decoration:none;text-align:center}
.gnb li.menu_etc_on a{background:url(../images/com/gnb_etc.png) no-repeat 0 -73px;text-indent:0%;padding-top:43px;color:#b7babe;font-weight:bold;letter-spacing:-0.5px;text-decoration:none;text-align:center}
.gnb li.menu_ems a{background:url(../images/com/gnb_ems.png) no-repeat 0 0;}
.gnb li.menu_sms a{background:url(../images/com/gnb_sms.png) no-repeat 0 0;}
.gnb li.menu_nms a{background:url(../images/com/gnb_nms.png) no-repeat 0 0;}
.gnb li.menu_dbms a{background:url(../images/com/gnb_dbms.png) no-repeat 0 0;}
.gnb li.menu_tms a{background:url(../images/com/gnb_tms.png) no-repeat 0 0;}
.gnb li.menu_syslog a{background:url(../images/com/gnb_syslog.png) no-repeat 0 0;}
.gnb li.menu_trap a{background:url(../images/com/gnb_trap.png) no-repeat 0 0;}
.gnb li.menu_fms a{background:url(../images/com/gnb_fms.png) no-repeat 0 0;}
.gnb li.menu_ims a{background:url(../images/com/gnb_ims.png) no-repeat 0 0;}
.gnb li.menu_pabxm a{background:url(../images/com/gnb_pabxm.png) no-repeat 0 0;}
.gnb li.menu_rtms a{background:url(../images/com/gnb_rtms.png) no-repeat 0 0;}
.gnb li.menu_bms a{background:url(../images/com/gnb_bms.png) no-repeat 0 0;}
.gnb li.menu_vms a{background:url(../images/com/gnb_vms.png) no-repeat 0 0;}
.gnb li.menu_oam a{background:url(../images/com/gnb_oam.png) no-repeat 0 0;}
.gnb li.menu_oper a{background:url(../images/com/gnb_admin.png) no-repeat 0 0;}
.gnb li.menu_oper_en a{background:url(../images/com/gnb_admin_en.png) no-repeat 0 0;}
.gnb li.menu_oper_jp a{background:url(../images/com/gnb_admin_jp.png) no-repeat 0 0;}
.gnb li.menu_wms a{background:url(../images/com/gnb_wms.png) no-repeat 0 0;}
.gnb li.menu_apm a{background:url(../images/com/gnb_apm.png) no-repeat 0 0;}
.gnb li.menu_oms a{background:url(../images/com/gnb_oms.png) no-repeat 0 0;}
.gnb li.menu_erms a{background:url(../images/com/gnb_erms.png) no-repeat 0 0;}
.gnb li.menu_etc a{background:url(../images/com/gnb_etc.png) no-repeat 0 0;text-indent:0%;padding-top:43px;color:#626977;font-weight:bold;letter-spacing:-0.5px;text-decoration:none;text-align:center}
.gnb li a:hover{background-position:0 -73px;color:#b7babe}
/* GNB event */
.gnb li.menu_ems_event_on a{background:url(../images/com/gnb_ems_event.png) no-repeat 0 -73px;}
.gnb li.menu_sms_event_on a{background:url(../images/com/gnb_sms_event.png) no-repeat 0 -73px;}
.gnb li.menu_nms_event_on a{background:url(../images/com/gnb_nms_event.png) no-repeat 0 -73px;}
.gnb li.menu_dbms_event_on a{background:url(../images/com/gnb_dbms_event.png) no-repeat 0 -73px;}
.gnb li.menu_tms_event_on a{background:url(../images/com/gnb_tms_event.png) no-repeat 0 -73px;}
.gnb li.menu_syslog_event_on a{background:url(../images/com/gnb_syslog_event.png) no-repeat 0 -73px;}
.gnb li.menu_trap_event_on a{background:url(../images/com/gnb_trap_event.png) no-repeat 0 -73px;}
.gnb li.menu_fms_event_on a{background:url(../images/com/gnb_fms_event.png) no-repeat 0 -73px;}
.gnb li.menu_ims_event_on a{background:url(../images/com/gnb_ims_event.png) no-repeat 0 -73px;}
.gnb li.menu_pabxm_event_on a{background:url(../images/com/gnb_pabxm_event.png) no-repeat 0 -73px;}
.gnb li.menu_rtms_event_on a{background:url(../images/com/gnb_rtms_event.png) no-repeat 0 -73px;}
.gnb li.menu_bms_event_on a{background:url(../images/com/gnb_bms_event.png) no-repeat 0 -73px;}
.gnb li.menu_vms_event_on a{background:url(../images/com/gnb_vms_event.png) no-repeat 0 -73px;}
.gnb li.menu_oam_event_on a{background:url(../images/com/gnb_oam_event.png) no-repeat 0 -73px;}
.gnb li.menu_oper_event_on a{background:url(../images/com/gnb_admin_event.png) no-repeat 0 -73px;}
.gnb li.menu_oper_event_en_on a{background:url(../images/com/gnb_admin_en_event.png) no-repeat 0 -73px;}
.gnb li.menu_oper_event_jp_on a{background:url(../images/com/gnb_admin_jp_event.png) no-repeat 0 -73px;}
.gnb li.menu_wms_event_on a{background:url(../images/com/gnb_wms_event.png) no-repeat 0 -73px;}
.gnb li.menu_apm_event_on a{background:url(../images/com/gnb_apm_event.png) no-repeat 0 -73px;}
.gnb li.menu_oms_event_on a{background:url(../images/com/gnb_oms_event.png) no-repeat 0 -73px;}
.gnb li.menu_erms_event_on a{background:url(../images/com/gnb_erms_event.png) no-repeat 0 -73px;}
.gnb li.menu_etc_event{background:url(../images/com/gnb_etc_event.png) no-repeat 0 -73px;text-indent:0%;color:#626977;font-weight:bold;letter-spacing:-0.5px;text-decoration:none;text-align:center}
.gnb li.menu_etc_event_on a{background:url(../images/com/gnb_etc_event.png) no-repeat 0 -73px;text-indent:0%;padding-top:43px;color:#b7babe;font-weight:bold;letter-spacing:-0.5px;text-decoration:none;text-align:center}
.gnb li.menu_ems_event a{background:url(../images/com/gnb_ems_event.png) no-repeat 0 0;}
.gnb li.menu_sms_event a{background:url(../images/com/gnb_sms_event.png) no-repeat 0 0;}
.gnb li.menu_nms_event a{background:url(../images/com/gnb_nms_event.png) no-repeat 0 0;}
.gnb li.menu_dbms_event a{background:url(../images/com/gnb_dbms_event.png) no-repeat 0 0;}
.gnb li.menu_tms_event a{background:url(../images/com/gnb_tms_event.png) no-repeat 0 0;}
.gnb li.menu_syslog_event a{background:url(../images/com/gnb_syslog_event.png) no-repeat 0 0;}
.gnb li.menu_trap_event a{background:url(../images/com/gnb_trap_event.png) no-repeat 0 0;}
.gnb li.menu_fms_event a{background:url(../images/com/gnb_fms_event.png) no-repeat 0 0;}
.gnb li.menu_ims_event a{background:url(../images/com/gnb_ims_event.png) no-repeat 0 0;}
.gnb li.menu_pabxm_event a{background:url(../images/com/gnb_pabxm_event.png) no-repeat 0 0;}
.gnb li.menu_rtms_event a{background:url(../images/com/gnb_rtms_event.png) no-repeat 0 0;}
.gnb li.menu_bms_event a{background:url(../images/com/gnb_bms_event.png) no-repeat 0 0;}
.gnb li.menu_vms_event a{background:url(../images/com/gnb_vms_event.png) no-repeat 0 0;}
.gnb li.menu_oam_event a{background:url(../images/com/gnb_oam_event.png) no-repeat 0 0;}
.gnb li.menu_oper_event a{background:url(../images/com/gnb_admin_event.png) no-repeat 0 0;}
.gnb li.menu_oper_en_event a{background:url(../images/com/gnb_admin_en_event.png) no-repeat 0 0;}
.gnb li.menu_oper_jp_event a{background:url(../images/com/gnb_admin_jp_event.png) no-repeat 0 0;}
.gnb li.menu_wms_event a{background:url(../images/com/gnb_wms_event.png) no-repeat 0 0;}
.gnb li.menu_apm_event a{background:url(../images/com/gnb_apm_event.png) no-repeat 0 0;}
.gnb li.menu_oms_event a{background:url(../images/com/gnb_oms_event.png) no-repeat 0 0;}
.gnb li.menu_erms_event a{background:url(../images/com/gnb_erms_event.png) no-repeat 0 0;}
.gnb li.menu_etc_event a{background:url(../images/com/gnb_etc_event.png) no-repeat 0 0;text-indent:0%;padding-top:43px;color:#626977;font-weight:bold;letter-spacing:-0.5px;text-decoration:none;text-align:center}
.gnb li a:hover{background-position:0 -73px;color:#b7babe}


/* LNB ////////////////////////////////////////////////////////////////////////////*/
.lnb{z-index:100}
/* 2016-03-12 김성준: .lnb_0 ~ .lnb_16, .lnb_c_oper* 삭제 */
.lnb_c{float:left;display:block;height:32px;padding-top:9px;background:url(../images/com/lnb_bg_c.png) no-repeat 0 0}
.lnb_l{float:left;display:block;width:3px;height:32px;background:url(../images/com/lnb_bg_l.png) no-repeat}
.lnb_r{float:left;display:block;width:3px;height:32px;background:url(../images/com/lnb_bg_r.png) no-repeat}
.lnb_arrow{position:absolute;top:0;display:block;width:6px;height:4px;background:url(../images/com/lnb_bg_arrow.png) no-repeat}
.lnb a{padding-left:8px;padding-right:8px;line-height:18px;font-size:11px;font-family:'돋움',Dotum,Helvetica,sans-serif;color:#979ca7}
.lnb a:hover{color:#e0e2e7;text-decoration:none}
.lnb_on{font-size:11px;font-family:'돋움',Dotum,Helvetica,sans-serif;font-weight:bold;color:#e0e2e7}


/* Top menu ////////////////////////////////////////////////////////////////////////////*/
.gtm{position:absolute;top:2px;right:2px;padding-left:10px}
.gtm a{color:#8e96a5;}
.gtm a:hover{color:#8e96a5;}
.gtm .txt{float:left;padding-left:7px;padding-right:7px;padding-top:4px;background:url(../images/com/line_gtm.png) no-repeat 100% 7px}
.gtm .sel_lang a{float:left;display:block;width:48px;height:10px;padding-left:5px;padding-top:5px;background:url(../images/com/btn_gtm_arrow_open.png) no-repeat 90% 10px;text-decoration:none}
.gtm .sel_lang_over{position:absolute;top:22px;right:0;width:35px;display:block;padding:0 13px 3px 5px; no-repeat: 90% 8px;background-color:#24272d;line-height:19px;color:#8e96a5;z-index:200}
.gtm .sel_admin a{position:absolute;top:34px;right:102px;display:block;width:120px;height:18px;padding:4px 18px 0 8px;background:url(../images/com/btn_gtm_arrow_open.png) no-repeat 95% 10px;background-color:#24272d;text-decoration:none}
.gtm .sel_admin_over{position:absolute;top:56px;right:102px;display:block;width:120px;padding:0 18px 0 8px;background-color:#24272d;line-height:19px;color:#8e96a5;z-index:200;scrollbar-face-color:#3a3e47;scrollbar-shadow-color:#24272d;scrollbar-highlight-color:#24272d;scrollbar-3dlight-color:#24272d;scrollbar-darkshadow-color:#24272d;scrollbar-track-color:#24272d;scrollbar-arrow-color:#3a3e47;}
.gtm .sel_admin_spin{position:absolute;top:56px;right:102px;display:block;width:146px;background-color:#24272d;line-height:19px;color:#8e96a5;z-index:200;scrollbar-face-color:#3a3e47;}
.gtm .btn_userinfo a{position:absolute;top:38px;right:78px;display:block;width:13px;height:14px;background:url(../images/com/btn_gtm.png) no-repeat -42px 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.gtm .btn_userinfo a:hover{background-position: -42px -14px;}
.gtm .btn_logout a{position:absolute;top:38px;right:54px;display:block;width:13px;height:14px;background:url(../images/com/btn_gtm.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.gtm .btn_logout a:hover{background-position: 0 -14px;}
.gtm .btn_notice a{position:absolute;top:38px;right:6px;display:block;width:13px;height:14px;background:url(../images/com/btn_gtm.png) no-repeat -15px 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.gtm .btn_notice a:hover{background-position: -15px -14px;}
.gtm .btn_help a{position:absolute;top:38px;right:30px;display:block;width:13px;height:14px;background:url(../images/com/btn_gtm.png) no-repeat -29px 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.gtm .btn_help a:hover{background-position: -29px -14px;}
 
 
 /* Top menu - uiux 개선 ////////////////////////////////////////////////////////////////////////////
.gtm{position:absolute;top:7px;right:7px;}
.gtm a{color:#a0a7b5;}
.gtm a:hover{color:#a0a7b5;}

.gtm .top_menu{position:relative;float:right;margin-right:4px;}
.gtm .txt_box{height:25px;padding-right:10px;background-color:#282b31;border-radius:3px;}
.gtm .txt {float:left;padding-left:8px;padding-right:9px;line-height:23px;background:url(../images/com/line_gtm.png) no-repeat 100% 6px}
.gtm .txt_more{float:left;padding-left:8px;padding-right:0;padding-top:2px;letter-spacing:2px}
.gtm .txt_box_popup{position:absolute;top:30px;right:0;padding:3px 10px 5px 10px;max-width:100px;border-radius:3px;line-height:22px;background-color:#282b31;color:#a0a7b5;z-index:500}
.gtm .txt_box_arrow{position:absolute;top:-3px;right:8px;width:6px;height:3px;background:url(../images/com/gtm_box_arrow.png) no-repeat 0 0;}

.gtm .sel_lang_box{position:relative;float:right;}
.gtm .sel_lang{width:54px;height:25px;padding-right:7px;text-align:center;line-height:23px;background:url(../images/com/btn_gtm_arrow_open.png) no-repeat 86% 10px;background-color:#282b31;border-radius:3px;}
.gtm .sel_lang_over{position:absolute;top:22px;right:0;width:54px;display:block;padding: 3px 7px 3px 0;text-align:center;background-color:#282b31;line-height:20px;color:#8e96a5;border-radius:3px;z-index:200}

.gtm .menu_box{position:absolute;top:38px;right:0;width:240px;}

.gtm .sel_admin_box{position:relative;float:right;margin-right:10px;}
.gtm .sel_admin{width:100px;text-align:right;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;word-break:break-all;}
.gtm .sel_admin_arrow a{display:inline-block;width:12px;height:12px;background:url(../images/com/btn_gtm_arrow_open.png) no-repeat 50% 5px;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}
.gtm .sel_admin_over{position:absolute;top:16px;right:0;width:120px;padding:3px 10px 5px 10px;background-color:#282b31;border-radius:3px;line-height:19px;color:#8e96a5;z-index:200;scrollbar-face-color:#3a3e47;scrollbar-shadow-color:#24272d;scrollbar-highlight-color:#24272d;scrollbar-3dlight-color:#24272d;scrollbar-darkshadow-color:#24272d;scrollbar-track-color:#24272d;scrollbar-arrow-color:#3a3e47;}
.gtm .menu_icon_box{float:right}
.gtm .menu_icon_box li{float:left;}
.gtm a.btn_userinfo {display:inline-block;margin-right:10px;width:13px;height:14px;background:url(../images/com/btn_gtm.png) no-repeat -42px 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.gtm a:hover.btn_userinfo {background:url(../images/com/btn_gtm.png) no-repeat -42px -14px;}
.gtm a.btn_logout {display:inline-block;margin-right:10px;width:13px;height:14px;background:url(../images/com/btn_gtm.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.gtm a:hover.btn_logout {background:url(../images/com/btn_gtm.png) no-repeat 0 -14px;}
.gtm a.btn_help {display:inline-block;margin-right:10px;width:13px;height:14px;background:url(../images/com/btn_gtm.png) no-repeat -29px 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.gtm a:hover.btn_help {background:url(../images/com/btn_gtm.png) no-repeat -29px -14px;}
.gtm a.btn_notice{display:inline-block;margin-right:4px;width:13px;height:14px;background:url(../images/com/btn_gtm.png) no-repeat -15px 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.gtm a:hover.btn_notice {background:url(../images/com/btn_gtm.png) no-repeat -15px -14px;}*/



/* Tree ////////////////////////////////////////////////////////////////////////////*/
.tree_search{padding-top:6px;width:100%;height:24px;background:url(../images/com/bg_tree_search.png) repeat-y 100% 0;background-color:#24272d}
.tree_search li{float:left;position:relative;display:block}
.tree_search li a{display:block;overflow:hidden;width:72px;height:68px}
.tree_search .input_box{width:140px}
.tree_search .input_form{margin-left:5px;padding-top:0;padding-left:5px;background-color:#5b5e65;border:0;width:130px;height:17px;font-size:11px;font-family:'맑은 고딕',Malgun Gothic,'돋움',Dotum,Helvetica,sans-serif;color:#979ca7}
.tree_search .btn_search{margin-left:2px;width:20px;height:20px;background:url(../images/com/btn_tree_search.png) no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap}
.tree_search .btn_search a:hover{background:url(../images/com/btn_tree_search.png) no-repeat 0 -20px}
.tree_search .btn_setting{margin-left:2px;width:20px;height:20px;background:url(../images/com/btn_tree_setting.png) no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap}
.tree_search .btn_setting a:hover{background:url(../images/com/btn_tree_setting.png) no-repeat 0 -20px}
.tree_search .btn_close a{position:absolute;top:6px;right:8px;display:block;width:9px;height:20px;background:url(../images/com/btn_tree_close.png) no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap}
.tree_search .btn_close a:hover{background:url(../images/com/btn_tree_close.png) no-repeat 0 -20px}
.tree_search .btn_open{width:9px;height:20px;background:url(../images/com/btn_tree_open.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.tree_search .btn_open a:hover{background:url(../images/com/btn_tree_open.png) no-repeat 0 -20px}

.tree_search2{position:absolute;top:34px;right:102px;display:block;width:146px;height:22px;background-color:#24272d;}
.tree_search2 li{float:left;position:relative;display:block;}
.tree_search2 li a{display:block;overflow:hidden;width:72px;height:68px}
.tree_search2 .input_box{width:110px}
.tree_search2 .input_form{border:0px solid #999;width:100px;height:22px;padding-left:5px;background-color:#24272d;text-decoration:none;color: #8e96a5;} 
.tree_search2 .btn_search{width:22px;height:22px;background:url(../images/com/btn_tree_search.png) no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap}
.tree_search2 .btn_arrow{top:10px;display:block;width:10px;height:10px;background:url(../images/com/btn_gtm_arrow_open.png) no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap}

.tree_setting_detail{position:absolute;top:30px;/*top:97px;*/right:4px;width:190px;border:1px solid #696c74;box-shadow:#ccc 2px 2px 2px;z-index:500} 
.tree_setting_detail li{padding:3px 0 3px 0}

.tree_close_search{padding-top:5px;/*padding-top:73px;*/width:13px;height:25px;background:url(../images/com/bg_tree_search.png) repeat-y 100% 0;background-color:#24272d;}
.tree_close_search .btn_close a{display:block;width:9px;height:20px;background:url(../images/com/btn_tree_close.png) no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap}
.tree_close_search .btn_close a:hover{background:url(../images/com/btn_tree_close.png) no-repeat 0 -20px;}
.tree_close_search .btn_open a{display:block;width:9px;height:20px;background:url(../images/com/btn_tree_open.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.tree_close_search .btn_open a:hover{background:url(../images/com/btn_tree_open.png) no-repeat 0 -20px;}
.tree_close_search .btn_open_disable{display:block;width:9px;height:20px;background:url(../images/com/btn_tree_open.png) no-repeat 0 -40px;overflow:hidden;text-indent:100%;white-space:nowrap}

.tree_tab{position:relative;width:100%;height:28px;background:url(../images/com/bg_tab_tree.png) repeat-x top right}
.tree_tab li{float:left;position:relative;display:block;overflow:hidden;line-height:28px;text-align:center;border-right:1px solid #9f9f9f;}
.tree_tab li a{display:block;overflow:hidden;height:68px}
.tree_tab .group_on{width:98px;height:28px;background:url(../images/com/btn_tab_on.png) no-repeat;font-weight:bold;}
.tree_tab .group_off{width:98px;height:28px;background:url(../images/com/btn_tab_off.png) no-repeat;}
.tree_tab .service_on{width:97px;height:28px;background:url(../images/com/btn_tab_on.png) no-repeat;font-weight:bold;}
.tree_tab .service_off{width:97px;height:28px;background:url(../images/com/btn_tab_off.png) no-repeat;}

.tree_section{padding-top:10px;padding-left:10px;width:186px;}

.ui-jqgrid .ui-jqgrid-hdiv {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.ui-jqgrid .ui-jqgrid-bdiv {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

/* 왼쪽트리에서 쓰이는 CSS */
.tree .ui-jqgrid .ui-jqgrid-bdiv {position: relative; margin: 0; padding:0; overflow: auto; text-align:left;background: #e7e7e7;border:none;}
.tree .ui-jqgrid tr.jqgfirstrow td {padding: 0 2px 0 2px;border:none;height: 0px;} 
.tree .ui-jqgrid tr.jqgrow td {background: #e7e7e7 !important;font-weight: normal; overflow: hidden; white-space: pre; height: 24px;padding: 0 10px 0 10px;border:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.tree .ui-jqgrid .ui-jqgrid-btable {table-layout:fixed; margin-top:6px; outline-style: none;border:none;}
.tree .ui-jqgrid .ui-jqgrid-hdiv {position: relative; margin: 0;padding: 0; overflow-x: hidden;border:none !important;  display: none; }
.tree .ui-jqgrid .txt_ov{padding:0 2px 3px 1px;background-color:#cacaca}

/* 모니터링 상세 페이지 왼쪽트리에서 쓰이는 CSS */
.detail_tree .ui-jqgrid .ui-jqgrid-bdiv {position: relative; margin: 0; padding:0; overflow: auto; text-align:left;background: #fff;}
.detail_tree .ui-jqgrid tr.jqgfirstrow td {padding: 0 2px 0 2px; border:none;height: 0px;} 
.detail_tree .ui-jqgrid tr.jqgrow td {background: #fff !important;font-weight: normal; overflow: hidden; white-space: pre; height: 21px;padding: 0 10px 0 10px;border:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.detail_tree .ui-jqgrid .ui-jqgrid-btable {table-layout:fixed; outline-style: none;}
.detail_tree .ui-jqgrid .ui-jqgrid-hdiv {position: relative; margin: 0;padding: 0; overflow-x: hidden; border: none !important;background-color:#f2f2f2; display: none;}
.detail_tree .ui-jqgrid .txt_ov{padding:1px 2px 3px 1px;background-color:#efefef}

/* 모달창에서 쓰이는 CSS #8184*/
.modal_right_align_pd {padding-right:20px !important;}

/* 컨텐츠 공통//////////////////////////////////////////////////////////////////////////// */
.cont_wrap{}

.cont_title{padding-top:8px;height:22px;background-color:#24272d;width:100%;}
.cont_title_txt{padding-left:10px;font-size:14px;line-height:12px;font-weight:bold;color:#f36304}
.cont_title_path{padding-left:8px;color:#cccfd6;font-weight:bold;}

.cont_tab{position:relative;height:28px;background:url(../images/com/bg_tab.png) repeat-x;font-size:11px}
.cont_tab_box li{float:left;position:relative;display:block;overflow:hidden}
.cont_tab_box li a{display:block;overflow:hidden;height:21px;padding-top:7px;padding-left:10px;padding-right:10px;border-right:1px solid #9f9f9f;}
.cont_tab_box .on{background:url(../images/com/btn_tab_on.png) no-repeat;text-align:center;font-weight:bold}
.cont_tab_box .off{background:url(../images/com/btn_tab_off.png) no-repeat;text-align:center}
.cont_tab_search{position:absolute;top:33px;/*top:101px;*/right:5px;z-index:500}
.cont_tab_search ul{float:left;}
.cont_tab_search li{float:left;position:relative;display:block;overflow:hidden;line-height:18px;height:22px}
.cont_tab_search li.pd{padding-left:4px}
.cont_tab_search .bar{padding-left:5px;background:url(../images/com/bar_gray.png) no-repeat 0 0}
.cont_tab_search .bar_center{padding-left:5px;padding-right:5px;background:url(../images/com/bar_gray.png) no-repeat 0 0}
.cont_tab_search .btn_stop a{float:left;position:relative;display:block;width:22px;height:22px;background:url(../images/com/btn_time.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_tab_search .btn_stop a:hover{float:left;position:relative;display:block;width:22px;height:22px;background:url(../images/com/btn_time.png) no-repeat 0 -22px;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_tab_search .btn_play a{float:left;position:relative;display:block;width:22px;height:22px;background:url(../images/com/btn_time.png) no-repeat -22px 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_tab_search .btn_play a:hover{float:left;position:relative;display:block;width:22px;height:22px;background:url(../images/com/btn_time.png) no-repeat -22px -22px;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_tab_search .btn_refresh a{float:left;position:relative;display:block;width:21px;height:22px;background:url(../images/com/btn_time.png) no-repeat -45px 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_tab_search .btn_refresh a:hover{float:left;position:relative;display:block;width:21px;height:22px;background:url(../images/com/btn_time.png) no-repeat -45px -22px;overflow:hidden;text-indent:100%;white-space:nowrap}

.cont_syslog_alllog{position:absolute;top:61px;/*top:101px;*/left:720px;z-index:500}
.cont_syslog_alllog ul{float:left;}
.cont_syslog_alllog li{float:left;position:relative;display:block;overflow:hidden;line-height:18px;height:22px}
.cont_syslog_alllog li.pd{padding-left:4px}
.cont_syslog_alllog .bar{padding-left:5px;background:url(../images/com/bar_gray.png) no-repeat 0 0}
.cont_syslog_alllog .bar_center{padding-left:5px;padding-right:5px;background:url(../images/com/bar_gray.png) no-repeat 0 0}
.cont_syslog_alllog .btn_stop a{float:left;position:relative;display:block;width:22px;height:22px;background:url(../images/com/btn_time.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_syslog_alllog .btn_stop a:hover{float:left;position:relative;display:block;width:22px;height:22px;background:url(../images/com/btn_time.png) no-repeat 0 -22px;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_syslog_alllog .btn_play a{float:left;position:relative;display:block;width:22px;height:22px;background:url(../images/com/btn_time.png) no-repeat -22px 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_syslog_alllog .btn_play a:hover{float:left;position:relative;display:block;width:22px;height:22px;background:url(../images/com/btn_time.png) no-repeat -22px -22px;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_syslog_alllog .btn_refresh a{float:left;position:relative;display:block;width:21px;height:22px;background:url(../images/com/btn_time.png) no-repeat -45px 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_syslog_alllog .btn_refresh a:hover{float:left;position:relative;display:block;width:21px;height:22px;background:url(../images/com/btn_time.png) no-repeat -45px -22px;overflow:hidden;text-indent:100%;white-space:nowrap}

.cont_recipient .btn_refresh a{float:right;padding-right: 1px;position:relative;display:block;width:21px;height:22px; background:url(../images/com/btn_refresh.png) no-repeat; overflow:hidden;text-indent:100%;white-space:nowrap}
.template_btn_refresh {padding-right: 1px;display:inline-block;width:21px;height:22px; background:url(../images/com/btn_refresh.png) no-repeat; overflow:hidden;text-indent:100%;white-space:nowrap; margin-bottom:16px}

.cont_search_detail{position:absolute;top:24px;/*top:122px;*/right:4px;border:1px solid #696c74;box-shadow:#ccc 2px 2px 2px;z-index:500}
.cont_search_detail .btn_search{position:absolute;bottom:3px;right:6px;z-index:500}

.cont_tab_search_detail{position:absolute;top:55px;/*top:122px;*/right:4px;border:1px solid #696c74;box-shadow:#ccc 2px 2px 2px;z-index:500}
.cont_tab_search_detail .btn_search{position:absolute;bottom:3px;right:6px;z-index:500}
.cont_tab_btn_box{position:absolute;top:3px;right:5px;}

.cont_tab_info{position:absolute;top:55px;/*top:122px;*/right:4px;border:1px solid #696c74;box-shadow:#ccc 2px 2px 2px;z-index:550}

.cont_section{}

.cont_box{position:relative;border:1px solid #cfcfcf;background:#fff;}

.cont_btn_box_main{position:relative;padding-top:3px;padding-left:5px;height:25px;font-size:11px;line-height:18px;background-color:#F4F4F4;border-bottom:1px solid #CFCFCF;vertical-align:middle}

.cont_btn_box{position:relative;padding-top:3px;padding-left:5px;height:25px;font-size:11px;line-height:18px;background:url(../images/com/bg_btn.png) repeat-x;vertical-align:middle}
.cont_btn_box .btn{position:absolute;top:2px;right:5px;}
.cont_btn_box .title{font-size:12px;font-weight:bold;}
.cont_btn_box1{padding-top:3px;padding-left:5px;height:20px;background:url(../images/com/bg_btn.png) repeat-x;border-bottom:1px solid #cfcfcf;}
.cont_btn_box1_radio{padding-top:6px;padding-left:3px;height:17px;background:url(../images/com/bg_btn.png) repeat-x;border-bottom:1px solid #cfcfcf;}
.cont_btn_box2{padding-top:10px;padding-bottom:10px;height:40px}
.cont_btn_box3{padding-top:6px;padding-bottom:6px;height:20px}
.cont_btn_box4{padding-top:6px;padding-left:6px;height:18px;border-bottom:1px solid #f0f0f0;font-weight:bold;background-color:#f2f2f2}
.cont_btn_box_bar{display:inline-block;margin:3px;width:1px;height:14px;background-color:#b5b5b5;vertical-align:middle}

.cont_ex_box{padding:5px 0 6px 10px ;border-bottom:1px solid #f0f0f0;background-color:#f2f2f2;border-bottom:1px solid #cfcfcf;font-size:11px;font-weight:bold;line-height:16px;}
.cont_ex_box_v{padding:5px 10px 6px 10px;background-color:#f2f2f2;font-size:11px;font-weight:bold;line-height:16px;}
.cont_ex_box_v li{height:20px;}

.cont_option_box{border-bottom:1px solid #cfcfcf;}/* ems 분석화면 */
.cont_option_box .bar{height:28px;border-bottom:1px solid #ebebeb;}
.cont_option_box .title_box{float:left;display:block;height:21px;padding-top:7px;padding-left:8px;margin-right:8px;width:100px;background-color:#f2f2f2;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-weight:bold}
.cont_option_box .title_box_end{float:left;display:block;height:21px;padding-top:7px;padding-left:8px;margin-right:8px;width:100px;background-color:#f2f2f2;border-right:1px solid #ddd;font-weight:bold}
.cont_option_box .txt_box{display:block;padding-top:3px;}
.cont_option_box .bar2{height:52px;border-bottom:1px solid #ebebeb;}
.cont_option_box .title_box2{float:left;display:block;height:32px;padding-top:20px;padding-left:8px;margin-right:8px;width:100px;background-color:#f2f2f2;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-weight:bold}
.cont_option_box .txt_box2{display:block;padding-top:3px;}
.cont_option_box span.width130{display:inline-block;width:130px;height:24px;line-height:20px;vertical-align:middle}

.cont_graph_title{position:relative;padding-top:10px;height:32px;text-align:center;font-weight:bold}
.cont_graph_title .btn_box{position:absolute;top:9px;right:14px;height:32px;width:60px;}
.cont_graph_title .ex_box{position:absolute;top:30px;right:16px;height:24px;text-align:right;font-size:8px;font-weight:bold}
.cont_graph_title2{position:relative;padding-top:16px;height:26px;text-align:center;font-weight:bold;font-size:12px;}/* DBMS_모니터링상세보기_성능 타이틀 */ 
.cont_graph_title2 .btn_box{position:absolute;top:15px;right:14px;height:32px;width:60px;}
.cont_graph_title2 .btn_box2{position:absolute;top:15px;right:14px;height:32px;width:94px;}
.cont_graph_title2 .ex_box{position:absolute;top:32px;right:16px;height:24px;text-align:right;font-size:8px;font-weight:bold}
.cont_graph_bottom{padding-top:12px;padding-bottom:18px;font-size:11px;text-align:center;line-height:16px;color:#7e7e7e}

.cont_graph_bottom1{padding-top:0px;font-size:11px;text-align:center;line-height:16px;color:#7e7e7e;}

.cont_nodata{position:ralative;font-size:11px;width:100%;text-align:center;padding-top:40px;padding-bottom:40px;}

.cont_table{}
.cont_table_paging{position:relative;height:23px;background:#f2f2f2;border-top:1px solid #cfcfcf;text-align:center;}
.cont_table_paging_level{position:absolute;top:0;left:0;margin-left:8px;line-height:28px}

.cont_table_paging_notice{position:relative;padding-top:7px;height:23px;background:#f2f2f2;border-top:1px solid #cfcfcf;}
.cont_table_paging_notice .next{display:inline-block;width:8px;height:8px;background:url(../images/com/arrow_notice_next.png) no-repeat 50% 50%;}
.cont_table_paging_notice .prev{display:inline-block;width:8px;height:8px;background:url(../images/com/arrow_notice_prev.png) no-repeat 50% 50%;}
.cont_table_paging_notice .txt{position:absolute;top:7px;right:5px;}

.cont_paging_notice{position:relative;height:30px;background:#f2f2f2;border-top:1px solid #cfcfcf;} /* notice_new*/

.cont_part{height:1px;background-color: #adadad}
.cont_part2{height:1px;background-color:#cfcfcf}
.cont_part_type3{height:1px;background-color:#f0f0f0}

.bar_gray1 {background:url(../images/com/bar_gray1.png) no-repeat;width:7px;height:20px;}

.wrap_txt{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap: break-word}
.nowrap_txt{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.nowrap_span{white-space:nowrap}
.nowrap_middle_txt{white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

.cont_bull1{display:inline-block;width:6px;height:6px;background:#6f6f6f;vertical-align:middle}
.cont_bull2{display:inline-block;width:5px;height:5px;vertical-align:middle;background:url(../images/com/dot1.png) no-repeat}
.cont_on{display:inline-block;width:19px;height:13px;background:url(../images/com/on.png) no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}
.cont_off{display:inline-block;width:23px;height:13px;background:url(../images/com/off.png) no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}

.band1{display:inline-block;width:248px;height:26px}/* tms_모니터링_트래픽_추가조건 그루핑 */

.event_status_color_occur {color: #e55951;}/* 이벤트 중지 상태 글자 색상 */

.com_unit{width:14px;padding-left:4px;display:inline-block;text-align:left;color:#777;font-size:11px;font-family:돋움체,dotumche,monospace;letter-spacing:1px;padding-top:1px;padding_bottom:1px;}
.com_unit2{width:14px;padding-left:4px;text-align:left;color:#777;font-size:11px;font-family:돋움체,dotumche,monospace;letter-spacing:1px;padding-top:1px;padding_bottom:1px;}
.com_unit3{width:21px;padding-left:4px;display:inline-block;text-align:left;color:#777;font-size:11px;font-family:돋움체,dotumche,monospace;letter-spacing:1px;padding-top:1px;padding_bottom:1px;}

/* message layer*/
.msg_box{position:absolute;top:150px;left:100px;height:26px;padding-left:8px;padding-right:10px;border:2px solid #333;border-radius:3px;background:#fff;color:#333;line-height:25px;box-shadow:#ccc 2px 2px 2px;z-index:9999}
.icon_info{display:inline-block;width:16px;height:16px;padding-top:3px;background:url(../images/icons/icon_info.png) no-repeat;vertical-align:middle;}
.msg_bar{position:relative;height:27px;padding-left:8px;border-bottom:1px solid #dbdbdb;background:#ffffdf;color:#333;line-height:26px;}

/* Error 화면*/
.error_msg{width:480px;padding-bottom:30px;margin:0 auto;margin-top:100px;background:#fff}
.error_msg .logo_box{height:40px;background:url(../images/com/logo.png) no-repeat 7px 7px;background-color:#343841;}
.error_msg .txt_box{padding:30px 30px 10px 100px;background:url(../images/icons/alert_caution2.png) no-repeat 42px 38px;vertical-align:middle}
.error_msg .txt1{font-size:21px;line-height:30px;}
.error_msg .txt2{font-size:12x;line-height:20px;}
.error_msg_tb{width:400px;margin-left:40px;margin-top:10px;}

/* jqGrid 틀고정기능 때문에 css를 추가함 10223-kys 09.24 */
.frozen-bdiv{position:absolute; overflow: hidden !important;border-right-width: 1px;border-right-color: #ebebeb;border-right-style: solid;}
.frozen-div{overflow: hidden;border: 0px !important;}

.cont_tooltip_arrow{display:inline-block;width:11px;height:11px;margin-left:5px;margin-right:5px;background:url(../images/com/arrow_tooltip.png) no-repeat;vertical-align:middle}


.tb_basic{background-color:#fff;font-size:11px}
.tb_basic th{height:28px;background-color:#f2f2f2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;vertical-align:middle;}
.tb_basic th.watch{height:18px;background-color:#f2f2f2;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;vertical-align:middle;}
.tb_basic th.end{border-right:none}
.tb_basic td{height:28px; /*line-height:18px;*/box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;vertical-align:middle;}
.tb_basic td.end{border-right:none}
.tb_basic th.rowend{border-bottom:none}
.tb_basic td.rowend{border-bottom:none}
.tb_basic .title{background-color:#f2f2f2;font-weight:bold}
.tb_basic .line_l{border-left:1px solid #ddd;}
.tb_basic .line_td_l{border-left:1px solid #ebebeb;}
.tb_basic .line_r{border-right:1px solid #ddd;}
.tb_basic .line_b{border-bottom:1px solid #ddd}
.tb_basic .line_t{border-top:1px solid #ddd}
.tb_basic .line_br{border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.tb_basic .line_bl{border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.tb_basic .line_tr{border-top:1px solid #ddd;border-right:1px solid #ddd;}
.tb_basic .line_tl{border-top:1px solid #ddd;border-left:1px solid #ddd;}
.tb_basic .line_dashed_b{border-top:1px solid #ddd;border-bottom:1px dashed #ddd;}/* UIUX개선 감시설정 등록 그리그 내부 라인 점선처리 */
.tb_basic .td_text{vertical-align:top;padding:8px;line-height: 16px;}
.tb_basic .td_textfield{vertical-align:top;padding-top:5px; padding-bottom:5px}
.tb_basic .td_multiline{vertical-align:top;padding:6px 8px 5px 8px ;line-height: 16px;}
.tb_basic .td_gray{background-color:#f2f2f2;}
.tb_basic .c_sky{background-color:#daf2ff;}
.tb_basic .c_purple{background-color:#d7e2ff;}
.tb_basic .c_blue{background-color:#dfefff;}
.tb_basic .c_msg{background-color:#ffffdf;} /*  데이터없음  */
.tb_basic .vtop{vertical-align:top;}
.tb_basic .hline_r{border-right:1px solid #b4b4b4;}
.tb_basic .hline_bg{background-color:#e7e7e7;}
.tb_basic .non_caution{padding-left:15px;padding-right:15px;}
.tb_basic .caution{padding-left:15px;padding-right:15px;background:url(../images/icons/alert_caution_red.png) 0% 77% no-repeat;}
.tb_basic .non_caution2{padding-left:7px;padding-right:7px;}
.tb_basic .caution2{padding-left:7px;padding-right:7px;background:url(../images/icons/alert_caution_red2.png) 0% 66% no-repeat;}
.tb_basic .fragile{padding-left:18px;padding-right:18px;background:url(../images/icons/ic_fragile.png) 0% 0% no-repeat;}

.tb_basic_safari tr{height:28px;/* 사파리용 설정 */}
.tb_basic_safari td{height:0px;/* 사파리용 설정 */}

/**
 * 20161121 parkwr
 * tb_basic td 의 height 를 테스트 하기 위해 만든 css
 * ----------------------------------------------------------------------------------------- start
 */
.tb_basic_v1{background-color:#fff;font-size:11px}
.tb_basic_v1 th{height:28px;background-color:#f2f2f2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;vertical-align:middle;}
.tb_basic_v1 th.watch{height:18px;background-color:#f2f2f2;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;vertical-align:middle;}
.tb_basic_v1 th.end{border-right:none}
.tb_basic_v1 td{height:28px;line-height:16px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;vertical-align:middle;}
.tb_basic_v1 td.end{border-right:none}
.tb_basic_v1 td.rowend{border-bottom:none}
.tb_basic_v1 .title{background-color:#f2f2f2;font-weight:bold}
.tb_basic_v1 .line_l{border-left:1px solid #ddd;}
.tb_basic_v1 .line_r{border-right:1px solid #ddd;}
.tb_basic_v1 .line_b{border-bottom:1px solid #ddd}
.tb_basic_v1 .line_t{border-top:1px solid #ddd}
.tb_basic_v1 .line_br{border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.tb_basic_v1 .line_bl{border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.tb_basic_v1 .line_tr{border-top:1px solid #ddd;border-right:1px solid #ddd;}
.tb_basic_v1 .line_tl{border-top:1px solid #ddd;border-left:1px solid #ddd;}
.tb_basic_v1 .td_text{vertical-align:top;padding:8px;line-height: 16px;}
.tb_basic_v1 .td_textfield{vertical-align:top;padding-top:5px; padding-bottom:5px}
.tb_basic_v1 .td_gray{background-color:#f2f2f2;}
.tb_basic_v1 .c_sky{background-color:#daf2ff;}
.tb_basic_v1 .c_purple{background-color:#d7e2ff;}
.tb_basic_v1 .c_blue{background-color:#dfefff;}
.tb_basic_v1 .c_msg{background-color:#ffffdf;} /*  데이터없음  */
.tb_basic_v1 .vtop{vertical-align:top;}
.tb_basic_v1 .hline_r{border-right:1px solid #b4b4b4;}
.tb_basic_v1 .hline_bg{background-color:#e7e7e7;}
.tb_basic_v1 .non_caution{padding-left:15px;padding-right:15px;}
.tb_basic_v1 .caution{padding-left:15px;padding-right:15px;background:url(../images/icons/alert_caution_red.png) 0% 77% no-repeat;}
.tb_basic_v1 .non_caution2{padding-left:7px;padding-right:7px;}
.tb_basic_v1 .caution2{padding-left:7px;padding-right:7px;background:url(../images/icons/alert_caution_red2.png) 0% 66% no-repeat;}

.tb_basic_v1 tr{height:28px;/* 사파리용 설정 */}
.tb_basic_v1 td{height:0px;/* 사파리용 설정 */}

/**
 * 20161121 parkwr
 * tb_basic td 의 height 를 테스트 하기 위해 만든 css
 * ----------------------------------------------------------------------------------------- end
 */

.unknown_c_blue{background-color:#dfefff;}
/* 사용자&수신자 테이블 */
.tb_receiver{background-color:#fff;margin-top:4px;}
.tb_receiver td{height:18px;vertical-align:middle;border:0}

.tb_text{width:100%;margin-top:4px;margin-bottom:8px;}
.tb_text td{height:20px;border:0;padding:4px 8px 0 8px;vertical-align:top;line-height:14px;word-break:break-all}

/* SYSLOG > 로그 >  검색엔진상태 테이블 */
.tb_event{width:100%;background-color:#fff;font-size:11px}
.tb_event th{height:28px;background-color:#f2f2f2;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;vertical-align:middle;}
.tb_event td{height:38px;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;vertical-align:middle;}
.tb_event td.state00{background-color:#54cd3e;color:#fff;font-size:20px;font-family:Tahoma,Helvetica;border-right:1px solid #6fdb5f;border-bottom:1px solid #6fdb5f;}
.tb_event td.state10{background-color:#56bbfb;color:#fff;font-size:20px;font-family:Tahoma,Helvetica;border-right:1px solid #78c2f1;border-bottom:1px solid #78c2f1;}
.tb_event td.state20{background-color:#ffc439;color:#fff;font-size:20px;font-family:Tahoma,Helvetica;border-right:1px solid #edc461;border-bottom:1px solid #edc461;}
.tb_event td.state30{background-color:#ff9130;color:#fff;font-size:20px;font-family:Tahoma,Helvetica;border-right:1px solid #ed9f5b;border-bottom:1px solid #ed9f5b;}
.tb_event td.state40{background-color:#c54ce8;color:#fff;font-size:20px;font-family:Tahoma,Helvetica;border-right:1px solid #c36de0;border-bottom:1px solid #c36de0;}
.tb_event td.state50{background-color:#f43b51;color:#fff;font-size:20px;font-family:Tahoma,Helvetica;border-right:1px solid #e56172;border-bottom:1px solid #e56172;}
.tb_event td.zero{background-color:#c5c5c5;color:#e2e2e2;font-size:20px;font-family:Tahoma,Helvetica;border-right:1px solid #bababa;border-bottom:1px solid #bababa;}

/* 범례 테이블 */
.tb_ex{background-color:#fff;font-size:11px;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}
.tb_ex th{height:24px;background-color:#f2f2f2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-right:0 none;border-bottom:1px solid #ddd;font-weight:bold;vertical-align:middle;}
.tb_ex th.end{border-right:0 none}
.tb_ex td{height:19px;line-height:13px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-right:0 none/*1px solid #ebebeb*/;border-bottom:0 none;vertical-align:middle;}
.tb_ex td.end{border-right:0 none}
.tb_ex td.rowend{border-bottom:none}
.tb_ex .title{background-color:#f2f2f2;font-weight:bold}
.tb_ex .line_l{border-left:1px solid #ddd;}
.tb_ex .line_r{border-right:1px solid #ddd;}
.tb_ex .line_b{border-bottom:1px solid #ddd}
.tb_ex .line_t{border-top:1px solid #ddd}
.tb_ex .line_br{border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.tb_ex .line_bl{border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.tb_ex .line_t{border-top:1px solid #ddd;}
.tb_ex .line_tr{border-top:1px solid #ddd;border-right:1px solid #ddd;}
.tb_ex .line_tl{border-top:1px solid #ddd;border-left:1px solid #ddd;}

/* EMS overview //////////////////////////////////////////////////////////////////////////// */
.cont_section_overview{position:relative;width:1268px;height:925px;}
.bar_overview{height:25px;}
.btn_overview{top:3px;margin-right:5px;text-align:right;float: right}
.bar_overview .cont_tab_search{position:absolute;top:3px;right:203px;z-index:500}
.portlet_title_box{position:relative;width:100%;height:24px;background:url(../images/com/bg_portlet_title.png) repeat-x;}
.portlet_title_box .txt{display:block;padding-top:5px;padding-left:8px;font-size:12px;font-weight:bold;}
.portlet_title_box a.btn_setting {display:block;position:absolute;top:0;right:29px;width:29px;height:23px;background:url(../images/com/btn_portlet_setting.png) no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap}
.portlet_title_box a.btn_setting2 {display:block;position:absolute;top:0;right:0;width:29px;height:23px;background:url(../images/com/btn_portlet_setting.png) no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap}
.portlet_title_box a.btn_close {display:block;position:absolute;top:0;right:0;width:29px;height:23px;background:url(../images/com/btn_portlet_close.png) no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap}
.portlet_title_box a:hover.btn_setting {display:block;position:absolute;top:0;right:29px;width:29px;height:23px;background:url(../images/com/btn_portlet_setting.png) no-repeat 0 -23px;}
.portlet_title_box a:hover.btn_setting2 {display:block;position:absolute;top:0;right:0;width:29px;height:23px;background:url(../images/com/btn_portlet_setting.png) no-repeat 0 -23px;}
.portlet_title_box a:hover.btn_close {display:block;position:absolute;top:0;right:0;width:29px;height:23px;background:url(../images/com/btn_portlet_close.png) no-repeat 0 -23px;}
.portlet_title_box h1:hover{cursor: pointer;}
.portlet_title_box a.ic_filter {display:block;position:absolute;top:0;right:29px;width:29px;height:23px;background:url(../images/icons/ic_filter.png) no-repeat center center;overflow:hidden;text-indent:100%;white-space:nowrap}

.portlet_common {float: left;position: initial;border: 1px solid #ccc;background-color: #fff;}
.portlet_default{float:left;position:initial;width:400px;height:300px;border:1px solid #ccc;background-color:#fff}
.portlet_default_layer{float:left;position:relative;width:402px;height:300px;padding-top:12px;padding-left:12px;}
.portlet_msg_bar{position:relative;height:27px;padding-left:8px;border-bottom:1px solid #dbdbdb;background:#ffffdf;color:#333;line-height:26px;}

.cont_tab_overview {top:33px;z-index:500;float: right; margin-right: 6px;}
.cont_tab_overview ul{float:left;}
.cont_tab_overview li{float:left;position:relative;display:block;overflow:hidden;line-height:18px;height:22px}
.cont_tab_overview li.pd{padding-left:4px}
.cont_tab_overview .bar{padding-left:5px;background:url(../images/com/bar_gray.png) no-repeat 0 0}
.cont_tab_overview .btn_stop a{float:left;position:relative;display:block;width:22px;height:22px;background:url(../images/com/btn_time.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_tab_overview .btn_stop a:hover{float:left;position:relative;display:block;width:22px;height:22px;background:url(../images/com/btn_time.png) no-repeat 0 -22px;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_tab_overview .btn_play a{float:left;position:relative;display:block;width:22px;height:22px;background:url(../images/com/btn_time.png) no-repeat -22px 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_tab_overview .btn_play a:hover{float:left;position:relative;display:block;width:22px;height:22px;background:url(../images/com/btn_time.png) no-repeat -22px -22px;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_tab_overview .btn_refresh a{float:left;position:relative;display:block;width:21px;height:22px;background:url(../images/com/btn_time.png) no-repeat -45px 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_tab_overview .btn_refresh a:hover{float:left;position:relative;display:block;width:21px;height:22px;background:url(../images/com/btn_time.png) no-repeat -45px -22px;overflow:hidden;text-indent:100%;white-space:nowrap}
/* 장비현황 and 이벤트현황 */
.portlet_all{float:left;position:initial;width:660px;height:102px;border:1px solid #ccc;background-color:#7d7d7d}
.portlet_all_layer{float:left;position:relative;width:662px;height:102px;padding-top:12px;padding-left:12px;}
.portlet_allevent{float:left;position:initial;width:567px;height:102px;border:1px solid #ccc;background-color:#7d7d7d}
.portlet_allevent_layer{float:left;position:relative;width:569px;height:102px;padding-top:12px;padding-left:12px;}
.portlet_all_basic{float:left;width:93px;height:78px;background-color:#c5c5c5;outline:1px solid #bababa;text-align:center}
.portlet_all00{float:left;width:94px;height:78px;background-color:#54cd3e;text-align:center}
.portlet_all10{float:left;width:94px;height:78px;background-color:#56bbfb;text-align:center}
.portlet_all20{float:left;width:94px;height:78px;background-color:#ffc439;text-align:center}
.portlet_all30{float:left;width:94px;height:78px;background-color:#ff9130;text-align:center}
.portlet_all40{float:left;width:94px;height:78px;background-color:#c54ce8;text-align:center}
.portlet_all50{float:left;width:94px;height:78px;background-color:#f43b51;text-align:center}
.portlet_all_total{float:left;width:94px;height:78px;background-color:#7d7d7d;text-align:center}
.portlet_all_section .txt{display:block;color:#fff;font-size:15px;font-weight:bold;line-height:32px;}
.portlet_all_section .num{display:block;color:#fff;font-size:30px;line-height:42px;font-family:Tahoma,Helvetica}
.portlet_all_section .zero_txt{display:block;color:#e2e2e2;font-size:15px;font-weight:bold;line-height:32px;}
.portlet_all_section .zero_num{display:block;color:#e2e2e2;font-size:30px;line-height:42px;font-family:Tahoma,Helvetica}
/* 인프라&그룹별 장비현황 */
.portlet_infra{float:left;position:initial;outline:1px solid #ccc; background-color:#fff}
.portlet_infra_layer{float:left;position:relative;padding-top:12px;padding-left:12px;}
.portlet_infra_section{position:relative;}
.portlet_infra_tb{background-color:#fff;font-size:11px}
.portlet_infra_tb th{height:28px;background-color:#f2f2f2;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;vertical-align:middle;}
.portlet_infra_tb td{height:54px;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;vertical-align:middle;}
.portlet_infra_tb td.state00{background-color:#54cd3e;color:#fff;font-size:30px;font-family:Tahoma,Helvetica;border-right:1px solid #54cd3e;border-bottom:1px solid #6fdb5f;}
.portlet_infra_tb td.state10{background-color:#56bbfb;color:#fff;font-size:30px;font-family:Tahoma,Helvetica;border-right:1px solid #56bbfb;border-bottom:1px solid #78c2f1;}
.portlet_infra_tb td.state20{background-color:#ffc439;color:#fff;font-size:30px;font-family:Tahoma,Helvetica;border-right:1px solid #ffc439;border-bottom:1px solid #edc461;}
.portlet_infra_tb td.state30{background-color:#ff9130;color:#fff;font-size:30px;font-family:Tahoma,Helvetica;border-right:1px solid #ff9130;border-bottom:1px solid #ed9f5b;}
.portlet_infra_tb td.state40{background-color:#c54ce8;color:#fff;font-size:30px;font-family:Tahoma,Helvetica;border-right:1px solid #c54ce8;border-bottom:1px solid #c36de0;}
.portlet_infra_tb td.state50{background-color:#f43b51;color:#fff;font-size:30px;font-family:Tahoma,Helvetica;border-right:1px solid #f43b51;border-bottom:1px solid #e56172;}
.portlet_infra_tb td.state_total{background-color:#7d7d7d;color:#fff;font-size:30px;font-family:Tahoma,Helvetica;border-right:1px solid #7d7d7d;border-bottom:1px solid #8a8a8a;}
.portlet_infra_tb td.zero{background-color:#c5c5c5;color:#e2e2e2;font-size:30px;font-family:Tahoma,Helvetica;border-right:1px solid #bababa;border-bottom:1px solid #bababa;}
/* 서비스맵 */
.portlet_service{float:left;position:initial;width:450px;height:440px;border:1px solid #ccc;background-color:#fff}
.portlet_service_layer{float:left;position:relative;width:452px;height:440px;padding-top:12px;padding-left:12px;}
.portlet_service_section{padding:12px;}
/* 이벤트 */
.portlet_event{float:left;position:initial;width:590px;height:312px;border:1px solid #ccc;background-color:#fff}
.portlet_event_layer{float:left;position:relative;width:592px;height:312px;padding-top:12px;padding-left:12px;}
.portlet_event_section{position:relative;}
.portlet_event_layer li{}
.portlet_event_layer .vertical_txt li{width:100%;padding:10px;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;box-sizing:border-box;font-size:50px}
.event_li {width: 100%; height: 100%; font-size: 14px;}
/* CPU Used Top-N */
.portlet_cpu{float:left;position:initial;width:196px;height:440px;border:1px solid #ccc;background-color:#fff}
.portlet_cpu_layer{float:left;position:relative;width:180px;height:440px;padding-top:12px;padding-left:12px;}
.portlet_cpu_section{position:relative}
.portlet_cpu_section .section1{display:inline-block;position:relative;width:120px;height:117px;}
.portlet_cpu .grp{display:block;height:80px;padding-top:10px;text-align: center;}
.portlet_cpu .title{display:block;font-weight:bold;text-align: center;}
/* Memory Used Top-N */
.portlet_memory{float:left;position:relative;width:196px;height:440px;margin-left:12px;margin-bottom:12px;border:1px solid #ccc;background-color:#fff}
.portlet_memory_section .section1{width:auto;height:104px;text-align:center}
.portlet_memory .grp{display:block;height:35px;padding-top:42px;font-family:Tahoma,Helvetica;font-size:24px;background:url(../images/com/ems_cpu_grp_bg.png) no-repeat 50% 12px;}
.portlet_memory .title{display:block;font-weight:bold}
/* 네트워크 */
.portlet_network{float:left;position:initial;width:357px;height:137px;border:1px solid #ccc;background-color:#fff}
.portlet_network_section{position:relative;margin-left:12px;margin-top:8px;padding-top:8px;width:340px;}
.portlet_network_layer{float:left;position:relative;width:359px;height:137px;padding-top:12px;padding-left:12px;}
/* 주요장비현황 */
.portlet_server{float:left;position:initial;width:266px;height:312px;border:1px solid #ccc;background-color:#fff}
.portlet_server_layer{float:left;position:relative;width:268px;height:312px;padding-top:12px;padding-left:12px;}
.portlet_server_section{position:relative;padding:0;margin:0;overflow:hidden;}
.portlet_server_section .section1{display:inline-block;padding:0;margin:0;position:relative;width:120px;height:117px;outline:1px solid #f0f0f0;}
.portlet_server_section .section2{display:inline-block;padding:0;margin:0;position:relative;width:120px;height:117px;outline:1px solid #f0f0f0;}
/* 3413 작업시 추가한 css 2016-12-08 sangkwangLee */
.portlet_server_section .section3{float:left;padding:0;margin:0;position:relative;width:120px;height:117px;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
.portlet_server_tb{background-color:#fff;font-size:11px;margin:0;padding:0;}
.portlet_server_tb th{height:28px;background-color:#f2f2f2;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;vertical-align:middle;}
.portlet_server_tb td{height:54px;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;vertical-align:middle;padding:8px;vertical-align:middle}
.portlet_server .title{display:block;font-weight:bold;text-align:center}
.portlet_server .sms_grp00{width:45px;height:34px; background:url(../images/icons/overview_sms_icon00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .sms_grp10{width:45px;height:34px; background:url(../images/icons/overview_sms_icon10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .sms_grp20{width:45px;height:34px; background:url(../images/icons/overview_sms_icon20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .sms_grp30{width:45px;height:34px; background:url(../images/icons/overview_sms_icon30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .sms_grp40{width:45px;height:34px; background:url(../images/icons/overview_sms_icon40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .sms_grp50{width:45px;height:34px; background:url(../images/icons/overview_sms_icon50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .nms_grp00{width:45px;height:31px; background:url(../images/icons/overview_nms_icon00.png) no-repeat 0 50%; padding-right: 20px;}
.portlet_server .nms_grp10{width:45px;height:31px; background:url(../images/icons/overview_nms_icon10.png) no-repeat 0 50%; padding-right: 20px;}
.portlet_server .nms_grp20{width:45px;height:31px; background:url(../images/icons/overview_nms_icon20.png) no-repeat 0 50%; padding-right: 20px;}
.portlet_server .nms_grp30{width:45px;height:31px; background:url(../images/icons/overview_nms_icon30.png) no-repeat 0 50%; padding-right: 20px;}
.portlet_server .nms_grp40{width:45px;height:31px; background:url(../images/icons/overview_nms_icon40.png) no-repeat 0 50%; padding-right: 20px;}
.portlet_server .nms_grp50{width:45px;height:31px; background:url(../images/icons/overview_nms_icon50.png) no-repeat 0 50%; padding-right: 20px;}
.portlet_server .dbms_grp00{width:45px;height:30px; background:url(../images/icons/overview_dbms_icon00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .dbms_grp10{width:45px;height:30px; background:url(../images/icons/overview_dbms_icon10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .dbms_grp20{width:45px;height:30px; background:url(../images/icons/overview_dbms_icon20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .dbms_grp30{width:45px;height:30px; background:url(../images/icons/overview_dbms_icon30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .dbms_grp40{width:45px;height:30px; background:url(../images/icons/overview_dbms_icon40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .dbms_grp50{width:45px;height:30px; background:url(../images/icons/overview_dbms_icon50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .tms_grp00{width:45px;height:33px; background:url(../images/icons/overview_tms_icon00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .tms_grp10{width:45px;height:33px; background:url(../images/icons/overview_tms_icon10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .tms_grp20{width:45px;height:33px; background:url(../images/icons/overview_tms_icon20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .tms_grp30{width:45px;height:33px; background:url(../images/icons/overview_tms_icon30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .tms_grp40{width:45px;height:33px; background:url(../images/icons/overview_tms_icon40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .tms_grp50{width:45px;height:33px; background:url(../images/icons/overview_tms_icon50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_grp00{width:45px;height:31px; background:url(../images/icons/overview_fms_icon00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_grp10{width:45px;height:31px; background:url(../images/icons/overview_fms_icon10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_grp20{width:45px;height:31px; background:url(../images/icons/overview_fms_icon20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_grp30{width:45px;height:31px; background:url(../images/icons/overview_fms_icon30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_grp40{width:45px;height:31px; background:url(../images/icons/overview_fms_icon40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_grp50{width:45px;height:31px; background:url(../images/icons/overview_fms_icon50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_ect00{width:45px;height:35px; background:url(../images/icons/overview_fms_ect00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_ect10{width:45px;height:35px; background:url(../images/icons/overview_fms_ect10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_ect20{width:45px;height:35px; background:url(../images/icons/overview_fms_ect20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_ect30{width:45px;height:35px; background:url(../images/icons/overview_fms_ect30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_ect40{width:45px;height:35px; background:url(../images/icons/overview_fms_ect40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_ect50{width:45px;height:35px; background:url(../images/icons/overview_fms_ect50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_fire00{width:45px;height:35px; background:url(../images/icons/overview_fms_fire00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_fire10{width:45px;height:35px; background:url(../images/icons/overview_fms_fire10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_fire20{width:45px;height:35px; background:url(../images/icons/overview_fms_fire20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_fire30{width:45px;height:35px; background:url(../images/icons/overview_fms_fire30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_fire40{width:45px;height:35px; background:url(../images/icons/overview_fms_fire40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_fire50{width:45px;height:35px; background:url(../images/icons/overview_fms_fire50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_hum00{width:45px;height:35px; background:url(../images/icons/overview_fms_hum00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_hum10{width:45px;height:35px; background:url(../images/icons/overview_fms_hum10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_hum20{width:45px;height:35px; background:url(../images/icons/overview_fms_hum20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_hum30{width:45px;height:35px; background:url(../images/icons/overview_fms_hum30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_hum40{width:45px;height:35px; background:url(../images/icons/overview_fms_hum40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_hum50{width:45px;height:35px; background:url(../images/icons/overview_fms_hum50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_temp00{width:45px;height:35px; background:url(../images/icons/overview_fms_temp00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_temp10{width:45px;height:35px; background:url(../images/icons/overview_fms_temp10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_temp20{width:45px;height:35px; background:url(../images/icons/overview_fms_temp20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_temp30{width:45px;height:35px; background:url(../images/icons/overview_fms_temp30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_temp40{width:45px;height:35px; background:url(../images/icons/overview_fms_temp40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_temp50{width:45px;height:35px; background:url(../images/icons/overview_fms_temp50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_th00{width:45px;height:35px; background:url(../images/icons/overview_fms_th00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_th10{width:45px;height:35px; background:url(../images/icons/overview_fms_th10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_th20{width:45px;height:35px; background:url(../images/icons/overview_fms_th20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_th30{width:45px;height:35px; background:url(../images/icons/overview_fms_th30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_th40{width:45px;height:35px; background:url(../images/icons/overview_fms_th40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_th50{width:45px;height:35px; background:url(../images/icons/overview_fms_th50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_ups00{width:45px;height:35px; background:url(../images/icons/overview_fms_ups00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_ups10{width:45px;height:35px; background:url(../images/icons/overview_fms_ups10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_ups20{width:45px;height:35px; background:url(../images/icons/overview_fms_ups20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_ups30{width:45px;height:35px; background:url(../images/icons/overview_fms_ups30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_ups40{width:45px;height:35px; background:url(../images/icons/overview_fms_ups40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_ups50{width:45px;height:35px; background:url(../images/icons/overview_fms_ups50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_waterleak00{width:45px;height:35px; background:url(../images/icons/overview_fms_waterleak00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_waterleak10{width:45px;height:35px; background:url(../images/icons/overview_fms_waterleak10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_waterleak20{width:45px;height:35px; background:url(../images/icons/overview_fms_waterleak20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_waterleak30{width:45px;height:35px; background:url(../images/icons/overview_fms_waterleak30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_waterleak40{width:45px;height:35px; background:url(../images/icons/overview_fms_waterleak40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .fms_waterleak50{width:45px;height:35px; background:url(../images/icons/overview_fms_waterleak50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .ims_grp00{width:45px;height:35px; background:url(../images/icons/overview_ims_icon00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .ims_grp10{width:45px;height:35px; background:url(../images/icons/overview_ims_icon10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .ims_grp20{width:45px;height:35px; background:url(../images/icons/overview_ims_icon20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .ims_grp30{width:45px;height:35px; background:url(../images/icons/overview_ims_icon30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .ims_grp40{width:45px;height:35px; background:url(../images/icons/overview_ims_icon40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .ims_grp50{width:45px;height:35px; background:url(../images/icons/overview_ims_icon50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .vms_grp00{width:45px;height:30px; background:url(../images/icons/overview_vms_icon00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .vms_grp10{width:45px;height:30px; background:url(../images/icons/overview_vms_icon10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .vms_grp20{width:45px;height:30px; background:url(../images/icons/overview_vms_icon20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .vms_grp30{width:45px;height:30px; background:url(../images/icons/overview_vms_icon30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .vms_grp40{width:45px;height:30px; background:url(../images/icons/overview_vms_icon40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .vms_grp50{width:45px;height:30px; background:url(../images/icons/overview_vms_icon50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .bms_grp00{width:45px;height:30px; background:url(../images/icons/overview_bms_icon00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .bms_grp10{width:45px;height:30px; background:url(../images/icons/overview_bms_icon10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .bms_grp20{width:45px;height:30px; background:url(../images/icons/overview_bms_icon20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .bms_grp30{width:45px;height:30px; background:url(../images/icons/overview_bms_icon30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .bms_grp40{width:45px;height:30px; background:url(../images/icons/overview_bms_icon40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .bms_grp50{width:45px;height:30px; background:url(../images/icons/overview_bms_icon50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .wms_grp00{width:45px;height:33px; background:url(../images/icons/overview_wms_icon00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .wms_grp10{width:45px;height:33px; background:url(../images/icons/overview_wms_icon10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .wms_grp20{width:45px;height:33px; background:url(../images/icons/overview_wms_icon20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .wms_grp30{width:45px;height:33px; background:url(../images/icons/overview_wms_icon30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .wms_grp40{width:45px;height:33px; background:url(../images/icons/overview_wms_icon40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .wms_grp50{width:45px;height:33px; background:url(../images/icons/overview_wms_icon50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .realtime_grp00{width:45px;height:30px; background:url(../images/icons/overview_realtime_icon00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .realtime_grp10{width:45px;height:30px; background:url(../images/icons/overview_realtime_icon10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .realtime_grp20{width:45px;height:30px; background:url(../images/icons/overview_realtime_icon20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .realtime_grp30{width:45px;height:30px; background:url(../images/icons/overview_realtime_icon30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .realtime_grp40{width:45px;height:30px; background:url(../images/icons/overview_realtime_icon40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .realtime_grp50{width:45px;height:30px; background:url(../images/icons/overview_realtime_icon50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .pabxm_grp00{width:45px;height:30px; background:url(../images/icons/overview_pabxm_icon00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .pabxm_grp10{width:45px;height:30px; background:url(../images/icons/overview_pabxm_icon10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .pabxm_grp20{width:45px;height:30px; background:url(../images/icons/overview_pabxm_icon20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .pabxm_grp30{width:45px;height:30px; background:url(../images/icons/overview_pabxm_icon30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .pabxm_grp40{width:45px;height:30px; background:url(../images/icons/overview_pabxm_icon40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .pabxm_grp50{width:45px;height:30px; background:url(../images/icons/overview_pabxm_icon50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .oam_grp00{width:45px;height:33px; background:url(../images/icons/overview_oam_icon00.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .oam_grp10{width:45px;height:33px; background:url(../images/icons/overview_oam_icon10.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .oam_grp20{width:45px;height:33px; background:url(../images/icons/overview_oam_icon20.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .oam_grp30{width:45px;height:33px; background:url(../images/icons/overview_oam_icon30.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .oam_grp40{width:45px;height:33px; background:url(../images/icons/overview_oam_icon40.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .oam_grp50{width:45px;height:33px; background:url(../images/icons/overview_oam_icon50.png) no-repeat 30% 50%; padding-right: 20px;}
.portlet_server .sms_none_grp00{background:url(../images/icons/overview_sms_icon00.png) no-repeat 50% 50%;}
.portlet_server .sms_none_grp10{background:url(../images/icons/overview_sms_icon10.png) no-repeat 50% 50%;}
.portlet_server .sms_none_grp20{background:url(../images/icons/overview_sms_icon20.png) no-repeat 50% 50%;}
.portlet_server .sms_none_grp30{background:url(../images/icons/overview_sms_icon30.png) no-repeat 50% 50%;}
.portlet_server .sms_none_grp40{background:url(../images/icons/overview_sms_icon40.png) no-repeat 50% 50%;}
.portlet_server .sms_none_grp50{background:url(../images/icons/overview_sms_icon50.png) no-repeat 50% 50%;}
.portlet_server .nms_none_grp00{background:url(../images/icons/overview_nms_icon00.png) no-repeat 50% 50%;}
.portlet_server .nms_none_grp10{background:url(../images/icons/overview_nms_icon10.png) no-repeat 50% 50%;}
.portlet_server .nms_none_grp20{background:url(../images/icons/overview_nms_icon20.png) no-repeat 50% 50%;}
.portlet_server .nms_none_grp30{background:url(../images/icons/overview_nms_icon30.png) no-repeat 50% 50%;}
.portlet_server .nms_none_grp40{background:url(../images/icons/overview_nms_icon40.png) no-repeat 50% 50%;}
.portlet_server .nms_none_grp50{background:url(../images/icons/overview_nms_icon50.png) no-repeat 50% 50%;}
.portlet_server .dbms_none_grp00{background:url(../images/icons/overview_dbms_icon00.png) no-repeat 50% 50%;}
.portlet_server .dbms_none_grp10{background:url(../images/icons/overview_dbms_icon10.png) no-repeat 50% 50%;}
.portlet_server .dbms_none_grp20{background:url(../images/icons/overview_dbms_icon20.png) no-repeat 50% 50%;}
.portlet_server .dbms_none_grp30{background:url(../images/icons/overview_dbms_icon30.png) no-repeat 50% 50%;}
.portlet_server .dbms_none_grp40{background:url(../images/icons/overview_dbms_icon40.png) no-repeat 50% 50%;}
.portlet_server .dbms_none_grp50{background:url(../images/icons/overview_dbms_icon50.png) no-repeat 50% 50%;}
.portlet_server .tms_none_grp00{background:url(../images/icons/overview_tms_icon00.png) no-repeat 50% 50%;}
.portlet_server .tms_none_grp10{background:url(../images/icons/overview_tms_icon10.png) no-repeat 50% 50%;}
.portlet_server .tms_none_grp20{background:url(../images/icons/overview_tms_icon20.png) no-repeat 50% 50%;}
.portlet_server .tms_none_grp30{background:url(../images/icons/overview_tms_icon30.png) no-repeat 50% 50%;}
.portlet_server .tms_none_grp40{background:url(../images/icons/overview_tms_icon40.png) no-repeat 50% 50%;}
.portlet_server .tms_none_grp50{background:url(../images/icons/overview_tms_icon50.png) no-repeat 50% 50%;}
.portlet_server .fms_none_grp00{background:url(../images/icons/overview_fms_icon00.png) no-repeat 50% 50%;}
.portlet_server .fms_none_grp10{background:url(../images/icons/overview_fms_icon10.png) no-repeat 50% 50%;}
.portlet_server .fms_none_grp20{background:url(../images/icons/overview_fms_icon20.png) no-repeat 50% 50%;}
.portlet_server .fms_none_grp30{background:url(../images/icons/overview_fms_icon30.png) no-repeat 50% 50%;}
.portlet_server .fms_none_grp40{background:url(../images/icons/overview_fms_icon40.png) no-repeat 50% 50%;}
.portlet_server .fms_none_grp50{background:url(../images/icons/overview_fms_icon50.png) no-repeat 50% 50%;}
.portlet_server .fms_none_ect00{background:url(../images/icons/overview_fms_ect00.png) no-repeat 50% 50%;}
.portlet_server .fms_none_ect10{background:url(../images/icons/overview_fms_ect10.png) no-repeat 50% 50%;}
.portlet_server .fms_none_ect20{background:url(../images/icons/overview_fms_ect20.png) no-repeat 50% 50%;}
.portlet_server .fms_none_ect30{background:url(../images/icons/overview_fms_ect30.png) no-repeat 50% 50%;}
.portlet_server .fms_none_ect40{background:url(../images/icons/overview_fms_ect40.png) no-repeat 50% 50%;}
.portlet_server .fms_none_ect50{background:url(../images/icons/overview_fms_ect50.png) no-repeat 50% 50%;}
.portlet_server .fms_none_fire00{background:url(../images/icons/overview_fms_fire00.png) no-repeat 50% 50%;}
.portlet_server .fms_none_fire10{background:url(../images/icons/overview_fms_fire10.png) no-repeat 50% 50%;}
.portlet_server .fms_none_fire20{background:url(../images/icons/overview_fms_fire20.png) no-repeat 50% 50%;}
.portlet_server .fms_none_fire30{background:url(../images/icons/overview_fms_fire30.png) no-repeat 50% 50%;}
.portlet_server .fms_none_fire40{background:url(../images/icons/overview_fms_fire40.png) no-repeat 50% 50%;}
.portlet_server .fms_none_fire50{background:url(../images/icons/overview_fms_fire50.png) no-repeat 50% 50%;}
.portlet_server .fms_none_hum00{background:url(../images/icons/overview_fms_hum00.png) no-repeat 50% 50%;}
.portlet_server .fms_none_hum10{background:url(../images/icons/overview_fms_hum10.png) no-repeat 50% 50%;}
.portlet_server .fms_none_hum20{background:url(../images/icons/overview_fms_hum20.png) no-repeat 50% 50%;}
.portlet_server .fms_none_hum30{background:url(../images/icons/overview_fms_hum30.png) no-repeat 50% 50%;}
.portlet_server .fms_none_hum40{background:url(../images/icons/overview_fms_hum40.png) no-repeat 50% 50%;}
.portlet_server .fms_none_hum50{background:url(../images/icons/overview_fms_hum50.png) no-repeat 50% 50%;}
.portlet_server .fms_none_temp00{background:url(../images/icons/overview_fms_temp00.png) no-repeat 50% 50%;}
.portlet_server .fms_none_temp10{background:url(../images/icons/overview_fms_temp10.png) no-repeat 50% 50%;}
.portlet_server .fms_none_temp20{background:url(../images/icons/overview_fms_temp20.png) no-repeat 50% 50%;}
.portlet_server .fms_none_temp30{background:url(../images/icons/overview_fms_temp30.png) no-repeat 50% 50%;}
.portlet_server .fms_none_temp40{background:url(../images/icons/overview_fms_temp40.png) no-repeat 50% 50%;}
.portlet_server .fms_none_temp50{background:url(../images/icons/overview_fms_temp50.png) no-repeat 50% 50%;}
.portlet_server .fms_none_th00{background:url(../images/icons/overview_fms_th00.png) no-repeat 50% 50%;}
.portlet_server .fms_none_th10{background:url(../images/icons/overview_fms_th10.png) no-repeat 50% 50%;}
.portlet_server .fms_none_th20{background:url(../images/icons/overview_fms_th20.png) no-repeat 50% 50%;}
.portlet_server .fms_none_th30{background:url(../images/icons/overview_fms_th30.png) no-repeat 50% 50%;}
.portlet_server .fms_none_th40{background:url(../images/icons/overview_fms_th40.png) no-repeat 50% 50%;}
.portlet_server .fms_none_th50{background:url(../images/icons/overview_fms_th50.png) no-repeat 50% 50%;}
.portlet_server .fms_none_ups00{background:url(../images/icons/overview_fms_ups00.png) no-repeat 50% 50%;}
.portlet_server .fms_none_ups10{background:url(../images/icons/overview_fms_ups10.png) no-repeat 50% 50%;}
.portlet_server .fms_none_ups20{background:url(../images/icons/overview_fms_ups20.png) no-repeat 50% 50%;}
.portlet_server .fms_none_ups30{background:url(../images/icons/overview_fms_ups30.png) no-repeat 50% 50%;}
.portlet_server .fms_none_ups40{background:url(../images/icons/overview_fms_ups40.png) no-repeat 50% 50%;}
.portlet_server .fms_none_ups50{background:url(../images/icons/overview_fms_ups50.png) no-repeat 50% 50%;}
.portlet_server .fms_none_waterleak00{background:url(../images/icons/overview_fms_waterleak00.png) no-repeat 50% 50%;}
.portlet_server .fms_none_waterleak10{background:url(../images/icons/overview_fms_waterleak10.png) no-repeat 50% 50%;}
.portlet_server .fms_none_waterleak20{background:url(../images/icons/overview_fms_waterleak20.png) no-repeat 50% 50%;}
.portlet_server .fms_none_waterleak30{background:url(../images/icons/overview_fms_waterleak30.png) no-repeat 50% 50%;}
.portlet_server .fms_none_waterleak40{background:url(../images/icons/overview_fms_waterleak40.png) no-repeat 50% 50%;}
.portlet_server .fms_none_waterleak50{background:url(../images/icons/overview_fms_waterleak50.png) no-repeat 50% 50%;}
.portlet_server .ims_none_grp00{background:url(../images/icons/overview_ims_icon00.png) no-repeat 50% 50%;}
.portlet_server .ims_none_grp10{background:url(../images/icons/overview_ims_icon10.png) no-repeat 50% 50%;}
.portlet_server .ims_none_grp20{background:url(../images/icons/overview_ims_icon20.png) no-repeat 50% 50%;}
.portlet_server .ims_none_grp30{background:url(../images/icons/overview_ims_icon30.png) no-repeat 50% 50%;}
.portlet_server .ims_none_grp40{background:url(../images/icons/overview_ims_icon40.png) no-repeat 50% 50%;}
.portlet_server .ims_none_grp50{background:url(../images/icons/overview_ims_icon50.png) no-repeat 50% 50%;}
.portlet_server .vms_none_grp00{background:url(../images/icons/overview_vms_icon00.png) no-repeat 50% 50%;}
.portlet_server .vms_none_grp10{background:url(../images/icons/overview_vms_icon10.png) no-repeat 50% 50%;}
.portlet_server .vms_none_grp20{background:url(../images/icons/overview_vms_icon20.png) no-repeat 50% 50%;}
.portlet_server .vms_none_grp30{background:url(../images/icons/overview_vms_icon30.png) no-repeat 50% 50%;}
.portlet_server .vms_none_grp40{background:url(../images/icons/overview_vms_icon40.png) no-repeat 50% 50%;}
.portlet_server .vms_none_grp50{background:url(../images/icons/overview_vms_icon50.png) no-repeat 50% 50%;}
.portlet_server .bms_none_grp00{background:url(../images/icons/overview_bms_icon00.png) no-repeat 50% 50%;}
.portlet_server .bms_none_grp10{background:url(../images/icons/overview_bms_icon10.png) no-repeat 50% 50%;}
.portlet_server .bms_none_grp20{background:url(../images/icons/overview_bms_icon20.png) no-repeat 50% 50%;}
.portlet_server .bms_none_grp30{background:url(../images/icons/overview_bms_icon30.png) no-repeat 50% 50%;}
.portlet_server .bms_none_grp40{background:url(../images/icons/overview_bms_icon40.png) no-repeat 50% 50%;}
.portlet_server .bms_none_grp50{background:url(../images/icons/overview_bms_icon50.png) no-repeat 50% 50%;}
.portlet_server .wms_none_grp00{background:url(../images/icons/overview_wms_icon00.png) no-repeat 50% 50%;}
.portlet_server .wms_none_grp10{background:url(../images/icons/overview_wms_icon10.png) no-repeat 50% 50%;}
.portlet_server .wms_none_grp20{background:url(../images/icons/overview_wms_icon20.png) no-repeat 50% 50%;}
.portlet_server .wms_none_grp30{background:url(../images/icons/overview_wms_icon30.png) no-repeat 50% 50%;}
.portlet_server .wms_none_grp40{background:url(../images/icons/overview_wms_icon40.png) no-repeat 50% 50%;}
.portlet_server .wms_none_grp50{background:url(../images/icons/overview_wms_icon50.png) no-repeat 50% 50%;}
.portlet_server .realtime_none_grp00{background:url(../images/icons/overview_realtime_icon00.png) no-repeat 50% 50%;}
.portlet_server .realtime_none_grp10{background:url(../images/icons/overview_realtime_icon10.png) no-repeat 50% 50%;}
.portlet_server .realtime_none_grp20{background:url(../images/icons/overview_realtime_icon20.png) no-repeat 50% 50%;}
.portlet_server .realtime_none_grp30{background:url(../images/icons/overview_realtime_icon30.png) no-repeat 50% 50%;}
.portlet_server .realtime_none_grp40{background:url(../images/icons/overview_realtime_icon40.png) no-repeat 50% 50%;}
.portlet_server .realtime_none_grp50{background:url(../images/icons/overview_realtime_icon50.png) no-repeat 50% 50%;}
.portlet_server .pabxm_none_grp00{background:url(../images/icons/overview_pabxm_icon00.png) no-repeat 50% 50%;}
.portlet_server .pabxm_none_grp10{background:url(../images/icons/overview_pabxm_icon10.png) no-repeat 50% 50%;}
.portlet_server .pabxm_none_grp20{background:url(../images/icons/overview_pabxm_icon20.png) no-repeat 50% 50%;}
.portlet_server .pabxm_none_grp30{background:url(../images/icons/overview_pabxm_icon30.png) no-repeat 50% 50%;}
.portlet_server .pabxm_none_grp40{background:url(../images/icons/overview_pabxm_icon40.png) no-repeat 50% 50%;}
.portlet_server .pabxm_none_grp50{background:url(../images/icons/overview_pabxm_icon50.png) no-repeat 50% 50%;}
.portlet_server .oam_none_grp00{background:url(../images/icons/overview_oam_icon00.png) no-repeat 50% 50%;}
.portlet_server .oam_none_grp10{background:url(../images/icons/overview_oam_icon10.png) no-repeat 50% 50%;}
.portlet_server .oam_none_grp20{background:url(../images/icons/overview_oam_icon20.png) no-repeat 50% 50%;}
.portlet_server .oam_none_grp30{background:url(../images/icons/overview_oam_icon30.png) no-repeat 50% 50%;}
.portlet_server .oam_none_grp40{background:url(../images/icons/overview_oam_icon40.png) no-repeat 50% 50%;}
.portlet_server .oam_none_grp50{background:url(../images/icons/overview_oam_icon50.png) no-repeat 50% 50%;}
.portlet_server .none_grp_tb td{border:none;margin:0;padding-top:10px;vertical-align:top}
.portlet_server .grp_tb{border:none;}
.portlet_server .grp_box_title{width:100%; height:30px;font-weight:bold;text-align:center;vertical-align:top}
.portlet_server .grp_box_content{width:100%; vertical-align: middle;}
.portlet_server .grp_box1{position:relative;width: 70px;height:25px;margin-right:3px;font-size:10px;color:#8e8e8e;text-align:right;vertical-align:middle;font-family:Tahoma,Helvetica;}
.portlet_server .grp_box1 .bar_bg{position:absolute;top:12px;left:0;width:22px;height:10px;background-color:#ededed}
.portlet_server .grp_box1 .sms_bar{position:absolute;top:0;left:0;height:10px;background-color:#1ca0e8;}
.portlet_server .grp_box1 .txt{position:absolute;top:10px;right:0;font-size:11px;line-height:13px;font-weight:bold;color:#333;text-align:right;}
.portlet_server .grp_box2{position:relative;float:left;margin:0;width:48px;font-size:9px;color:#8e8e8e;text-align:center;font-family:Tahoma,Helvetica;}
.portlet_server .grp_box2 .txt{font-size:14px;line-height:14px;font-weight:bold;color:#333;}
.portlet_server .grp_box3{position:relative;margin-top:2px;width:72px; height:27px; font-size:9px;color:#8e8e8e;text-align:right;font-family:Tahoma,Helvetica;}
.portlet_server .grp_box3 .txt{position:absolute;bottom:2px;left:0;width:100%;font-size:14px;line-height:16px;font-weight:bold;color:#333;text-align:right}
/* FMS */
.portlet_fms{float:left;position:relative;width:357px;height:160px;margin-left:12px;margin-bottom:12px;border:1px solid #ccc;background-color:#fff}
.portlet_fms_section .txt{float:left;width:122px;height:110px;padding-top:2px;padding-left:26px;}
.portlet_fms_section .title{float:left;display:block;width:50px;font-size:12px;padding-top:27px;}
.portlet_fms_section .num{float:left;display:block;width:40px;font-family:Tahoma,Helvetica;font-size:34px;text-align:right;padding-top:22px;}
.portlet_fms_section .unit{float:left;display:block;width:25px;font-size:24px;padding-top:27px;}
.portlet_fms_section .square{float:left;width:190px;height:110px;padding-top:13px;padding-left:14px;}
.portlet_fms_section .square li{float:left;width:56px;height:18px;margin-right:7px;margin-bottom:7px;padding-top:34px;background:url(../images/icons/overview_fms_icon.png) no-repeat;font-size:12px;font-weighs:bold;color:#fff;text-align:center}
.portlet_fms_section .square li.power{background-position: 0 0}
.portlet_fms_section .square li.cooling{background-position: -56px 0}
.portlet_fms_section .square li.heating{background-position: -112px 0}
.portlet_fms_section .square li.fan{background-position: -168px 0}
.portlet_fms_section .square li.humidify{background-position: -224px 0}
.portlet_fms_section .square li.dehumidify{background-position: -280px 0}
.portlet_fms_section .square li.power_on{background-position: 0 -52px}
.portlet_fms_section .square li.cooling_on{background-position: -56px -52px}
.portlet_fms_section .square li.heating_on{background-position: -112px -52px}
.portlet_fms_section .square li.fan_on{background-position: -168px -52px}
.portlet_fms_section .square li.humidify_on{background-position: -224px -52px}
.portlet_fms_section .square li.dehumidify_on{background-position: -280px -52px}
/* 오버뷰 툴팁 */
.overview_tooltip{border:0;background-color: #fff;}
.overview_tooltip .qtip-content{padding:0}
.overview_tb{background-color:#fff;font-size:11px;border:1px solid #b5b8c0;box-shadow:#ccc 2px 2px 2px;}
.overview_tb th{height:22px;line-height:12px;background-color:#f2f2f2;border-bottom:1px solid #b5b8c0;border-right:1px solid #b5b8c0;font-weight:bold;vertical-align:middle;}
.overview_tb td{height:22px;line-height:12px;border-bottom:1px solid #ebebeb;border-right:1px solid #b5b8c0;vertical-align:middle;}

.overview_nodata{position:ralative;font-size:11px;width:100%;text-align:center;vertical-align:middle;}

.tb_overview{background-color:#fff;font-size:11px}
.tb_overview th{height:28px;background-color:#f2f2f2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;vertical-align:middle;}
.tb_overview th.watch{height:18px;background-color:#f2f2f2;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;vertical-align:middle;}
.tb_overview th.end{border-right:none}
.tb_overview td{height:28px;/*line-height:18px;*/box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;vertical-align:middle;}
.tb_overview td.end{border-right:none}
.tb_overview .title{background-color:#f2f2f2;font-weight:bold}
.tb_overview .line_r{border-right:1px solid #ddd;}
.tb_overview .line_tr{border-top:1px solid #ddd;border-right:1px solid #ddd;}
.tb_overview .line_br{border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.tb_overview .line_b{border-bottom:1px solid #ddd}
.tb_overview .line_l{border-left:1px solid #ddd;}
.tb_overview .line_tl{border-top:1px solid #ddd;border-left:1px solid #ddd;}
.tb_overview .td_text{vertical-align:top;padding:8px;line-height: 16px;}
.tb_overview .td_textfield{vertical-align:top;padding-top:5px; padding-bottom:5px}
.tb_overview .td_gray{background-color:#f2f2f2;}
.tb_overview .c_sky{background-color:#daf2ff;}
.tb_overview .c_purple{background-color:#d7e2ff;}
.tb_overview .c_blue{background-color:#dfefff;}
.tb_overview  .c_msg{background-color:#ffffdf;}
.tb_overview .vtop{vertical-align:top;}
.tb_overview .hline_r{border-right:1px solid #b4b4b4;}
.tb_overview .hline_bg{background-color:#e7e7e7;}



/* EMS ServiceMap ////////////////////////////////////////////////////////////////////////////*/
.path {cursor:pointer;stroke:#fff;fill-rule:evenodd;opacity:0.85;}
.link {stroke:#d2d2d2;}
.node circle {cursor: pointer;opacity:0.85;}
.node text, .node .svcmap_text {font-weight: bold;pointer-events: none;fill:#3d4148;}
.svcmap_alert0 {fill: #54cd3e;}
.svcmap_alert10 {fill: #56bbfb;}
.svcmap_alert20 {fill: #ffc439;}
.svcmap_alert30 {fill: #ff9130;}
.svcmap_alert40 {fill: #c54ce8;}
.svcmap_alert50 {fill: #F43B51;}
.svcmap_alert60 {fill: #F43B51;}
.svcmap_step{padding-left:8px;font-weight:bold;}
.svcmap_tooltip{border:0;background-color: #fff;}
.svcmap_tooltip .qtip-content{padding:0}
/* 툴팁 테이블 */
.svc_tb{background-color:#fff;width:200px;font-size:11px;border:1px solid #b5b8c0;box-shadow:#ccc 2px 2px 2px;table-layout:fixed;}
.svc_tb th{padding:7px;background-color:#f2f2f2;border-right:1px solid #ddd;border-left:1px solid #b5b8c0;font-weight:bold;vertical-align:middle;word-break:break-all}
.svc_tb th.end{border-right:none;}
.svc_tb td{padding:7px;line-height:12px;border-bottom:1px solid #ebebeb;border-right:1px solid #b5b8c0;vertical-align:middle;word-break:break-all}
.svc_tb td.end{border-right:none;}
.svc_tb .title{background-color:#f2f2f2;font-weight:bold;}
.svc_tb .line_r{border-right:1px solid #ddd;}
.svc_tb .line_tr{border-top:1px solid #ddd;border-right:1px solid #ddd;}
.svc_tb .line_br{border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.svc_tb .line_b{border-bottom:1px solid #ddd}
.svc_tb .line_b_end{border-bottom:1px solid #b5b8c0}
.svc_tb .td_text{padding-top:5px;padding-bottom:5px;}
.svc_tb .td_tooltip{padding: 2px 5px;}
.svc_tb .vtop{vertical-align:top;}

.svc_tooltip{padding: 3px 5px; background-color:#fff; border:1px solid #b5b8c0; z-index:50000; max-width:280px; min-width:10px; text-align:left; word-wrap:break-word;}


/* 모니터링&이벤트 상세보기 공통(새창) ////////////////////////////////////////////////////////////////////////////*/
.wrap_detail{position:relative;width:1260px;height:890px;background-color:#e7e7e7}
.wrap_detail_event{position:relative;width:1024px;/*height:800px;*/background-color:#e7e7e7}
.wrap_detail_fms{position:relative;width:770px;height:610px;background-color:#e7e7e7}
.wrap_detail_ims{position:relative;width:900px;height:700px;background-color:#e7e7e7}
.detail_tree{position:relative;float:left;width:200px;min-height:100%px;height:100%;background:url(../images/com/bg_tree.png) repeat-y 100% 0;background-color:#fff;z-index:200}/* border 없는 트리 */
.detail_tree2{position:relative;float:left;width:200px;min-height:100%px;height:100%;background:url(../images/com/bg_tree.png) repeat-y 100% 0;background-color:#fff;z-index:200}/* border 있는 트리 */
.detail_header{position:relative;height:64px;background:url(../images/com/bg_header.png) repeat-x;z-index:600;color:#a8a8a8}
.detail_header .title_box{height:64px;background:url(../images/icons/icon_detail_nms.png) no-repeat 10px 9px}
.detail_header .title_box_ems{height:64px;background:url(../images/icons/icon_detail_ems.png) no-repeat 10px 9px}
.detail_header .title_box_sms{height:64px;background:url(../images/icons/icon_detail_sms.png) no-repeat 10px 9px}
.detail_header .title_box_nms{height:64px;background:url(../images/icons/icon_detail_nms.png) no-repeat 10px 9px}
.detail_header .title_box_dbms{height:64px;background:url(../images/icons/icon_detail_dbms.png) no-repeat 10px 9px}
.detail_header .title_box_trap{height:64px;background:url(../images/icons/icon_detail_trap.png) no-repeat 10px 9px}
.detail_header .title_box_syslog{height:64px;background:url(../images/icons/icon_detail_syslog.png) no-repeat 10px 9px}
.detail_header .title_box_fms{height:64px;background:url(../images/icons/icon_detail_fms.png) no-repeat 10px 9px}
.detail_header .title_box_ims{height:64px;background:url(../images/icons/icon_detail_ims.png) no-repeat 10px 9px}
.detail_header .title_box_vms{height:64px;background:url(../images/icons/icon_detail_vms.png) no-repeat 10px 9px}
.detail_header .title_box_bms{height:64px;background:url(../images/icons/icon_detail_bms.png) no-repeat 10px 9px}
.detail_header .title_box_tms{height:64px;background:url(../images/icons/icon_detail_tms.png) no-repeat 10px 9px}
.detail_header .title_box_wms{height:64px;background:url(../images/icons/icon_detail_wms.png) no-repeat 10px 9px}
.detail_header .title_box_realtime{height:64px;background:url(../images/icons/icon_detail_realtime.png) no-repeat 10px 9px}
.detail_header .title_box_pabxm{height:64px;background:url(../images/icons/icon_detail_pabxm.png) no-repeat 10px 9px}
.detail_header .title_box_admin{height:64px;background:url(../images/icons/icon_detail_admin.png) no-repeat 10px 9px}
.detail_header .title_box_oam{height:64px;background:url(../images/icons/icon_detail_oam.png) no-repeat 10px 9px}
.detail_header .title_box_erms{height:64px;background:url(../images/icons/icon_detail_erms.png) no-repeat 10px 9px}
.detail_header .title_box_mrtg{height:64px;background:url(../images/icons/icon_detail_mrtg.png) no-repeat 10px 9px}
.detail_header .path{padding-left:70px;height:20px;padding-top:10px}
.detail_header .title{padding-left:70px;height:20px;vertical-align:middle}
.detail_header .title_name{display:inline-block;height:24px;padding-left:1px;font-size:18px;color:#fff;vertical-align:middle}
.detail_header .title_num{font-size:11px;font-weight:bold;color:#fff}
.detail_header .title_txt{font-size:11px;font-weight:normal;color:#fff}
.detail_header .btn_refresh a{display:inline-block;width:14px;height:14px;margin-left:2px;background:url(../images/com/btn_refresh_s.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}
.detail_header .btn_refresh a:hover{background:url(../images/com/btn_refresh_s.png) no-repeat 0 -14px;}
.detail_refresh{position:absolute;top:10px;right:8px;}
.detail_refresh li{position:relative;float:left;padding-left:5px;}
.detail_refresh li a{color:#fff;}
.detail_refresh li a:hover{color:#fff;}
.detail_refresh .num_box{display:inline-block;width:26px;height:14px;background:#24272e;color:#fff;padding-left:5px;padding-right:5px;vertical-align:top;line-height:12px;}
.detail_refresh .num_box_open {position:absolute;top:14px;left:5px;width:26px;background:#24272e;color:#fff;padding:0 5px 3px 5px;vertical-align:top;line-height:12px;}
.detail_refresh .num_box_open li{padding:0;float:none;}
.detail_refresh .num_box_open a{display:inline-block;margin-top:1px;margin-bottom:2px;}
.detail_refresh a.btn_refresh_open{display:inline-block;width:14px;height:14px;margin-left:2px;background:url(../images/com/btn_refresh_open.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}
.detail_refresh a:hover.btn_refresh_open{background:url(../images/com/btn_refresh_open.png) no-repeat 0 -14px;}
.detail_refresh a.btn_refresh_close{display:inline-block;width:14px;height:14px;margin-left:2px;background:url(../images/com/btn_refresh_close.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}
.detail_refresh a:hover.btn_refresh_close{background:url(../images/com/btn_refresh_close.png) no-repeat 0 -14px;}
.detail_refresh a.btn_refresh_refresh{display:inline-block;width:14px;height:14px;margin-left:2px;background:url(../images/com/btn_refresh_refresh.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}
.detail_refresh a:hover.btn_refresh_refresh{background:url(../images/com/btn_refresh_refresh.png) no-repeat 0 -14px;}
.detail_refresh a.btn_refresh_stop{display:inline-block;width:14px;height:14px;margin-left:2px;background:url(../images/com/btn_refresh_stop.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}
.detail_refresh a:hover.btn_refresh_stop{background:url(../images/com/btn_refresh_stop.png) no-repeat 0 -14px;}
.detail_refresh a.btn_refresh_play{display:inline-block;width:14px;height:14px;margin-left:2px;background:url(../images/com/btn_refresh_play.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}
.detail_refresh a:hover.btn_refresh_play{background:url(../images/com/btn_refresh_play.png) no-repeat 0 -14px;}
.detail_refresh2{position:absolute;top:10px;right:8px;text-align:right;}
.detail_refresh2 li{position:relative;padding-left:5px;}
.detail_refresh2 li a{color:#fff;}
.detail_refresh2 li a:hover{color:#fff;}
.detail_refresh2 .num_box{display:inline-block;width:26px;height:14px;background:#24272e;color:#fff;padding-left:5px;padding-right:5px;vertical-align:top;line-height:12px;}
.detail_refresh2 .num_box_open {position:absolute;top:14px;left:5px;width:26px;background:#24272e;color:#fff;padding:0 5px 3px 5px;vertical-align:top;line-height:12px;}
.detail_refresh2 .num_box_open li{padding:0;float:none;}
.detail_refresh2 .num_box_open a{display:inline-block;margin-top:1px;margin-bottom:2px;}
.detail_refresh2 a.btn_refresh_open{display:inline-block;width:14px;height:14px;margin-left:2px;background:url(../images/com/btn_refresh_open.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}
.detail_refresh2 a:hover.btn_refresh_open{background:url(../images/com/btn_refresh_open.png) no-repeat 0 -14px;}
.detail_refresh2 a.btn_refresh_close{display:inline-block;width:14px;height:14px;margin-left:2px;background:url(../images/com/btn_refresh_close.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}
.detail_refresh2 a:hover.btn_refresh_close{background:url(../images/com/btn_refresh_close.png) no-repeat 0 -14px;}
.detail_refresh2 a.btn_refresh_refresh{display:inline-block;width:14px;height:14px;margin-left:2px;background:url(../images/com/btn_refresh_refresh.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}
.detail_refresh2 a:hover.btn_refresh_refresh{background:url(../images/com/btn_refresh_refresh.png) no-repeat 0 -14px;}
.detail_refresh2 a.btn_refresh_stop{display:inline-block;width:14px;height:14px;margin-left:2px;background:url(../images/com/btn_refresh_stop.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}
.detail_refresh2 a:hover.btn_refresh_stop{background:url(../images/com/btn_refresh_stop.png) no-repeat 0 -14px;}
.detail_refresh2 a.btn_refresh_play{display:inline-block;width:14px;height:14px;margin-left:2px;background:url(../images/com/btn_refresh_play.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}
.detail_refresh2 a:hover.btn_refresh_play{background:url(../images/com/btn_refresh_play.png) no-repeat 0 -14px;}
.detail_header .icon_ems{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_ems_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_sms{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_sms_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_nms{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_nms_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_dbms{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_dbms_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_syslog{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_syslog_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_trap{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_trap_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_fms{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_fms_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_ims{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_ims_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_vms{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_vms_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_bms{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_bms_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_tms{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_tms_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_wms{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_wms_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_realtime{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_realtime_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_pabxm{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_pabxm_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_oam{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_oam_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_erms{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_erms_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_admin{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_admin_s.png) no-repeat;vertical-align:middle}
.detail_header .icon_apm{display:inline-block;width:20px;height:20px;background:url(../images/icons/icon_detail_apm_s.png) no-repeat;vertical-align:middle} /* #7777 */

a.btn_detail_terminal_window{display:inline-block;width:22px;height:20px;background:url(../images/com/btn_detail_header.png) no-repeat -24px 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}/*터미널 연결_윈도우*/
a:hover.btn_detail_terminal_window{background:url(../images/com/btn_detail_header.png) no-repeat -24px -22px}

a.btn_detail_terminal_command{display:inline-block;width:22px;height:20px;background:url(../images/com/btn_detail_header.png) no-repeat -48px 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}/*터미널 연결_커멘드*/
a:hover.btn_detail_terminal_command{background:url(../images/com/btn_detail_header.png) no-repeat -48px -22px}

a.btn_detail_monitoring{display:inline-block;width:22px;height:20px;background:url(../images/com/btn_detail_header.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}/*이벤트_ 모니터링 상세보기*/
a:hover.btn_detail_monitoring{background:url(../images/com/btn_detail_header.png) no-repeat 0 -22px}

a.btn_detail_full{display:inline-block;width:22px;height:20px;background:url(../images/com/btn_detail_header.png) no-repeat -72px 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}/*터미널 연결_윈도우*/
a:hover.btn_detail_full{background:url(../images/com/btn_detail_header.png) no-repeat -72px -22px}

.detail_container{position:relative;width:1260px;height:796px;}
.detail_container_fms{position:relative;width:770px;height:518px;}
.detail_container_ims{position:relative;width:900px;height:608px;}
.detail_container_smsf{position:relative;width:1260px;height:830px;}

.detail_tab_search{position:absolute;top:67px;right:5px;z-index:500}
.detail_tab_search ul{float:left;}
.detail_tab_search li{float:left;position:relative;display:block;overflow:hidden;line-height:18px;height:22px}
.detail_tab_search li.pd{padding-left:5px}
.detail_tab_search .bar{padding-left:5px;background:url(../images/com/bar_gray.png) no-repeat 0 0}
.detail_tab_search .btn_stop a{float:left;position:relative;display:block;width:22px;height:22px;background:url(../images/com/btn_time.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.detail_tab_search .btn_refresh a{float:left;position:relative;display:block;width:22px;height:22px;background:url(../images/com/btn_time.png) no-repeat -22px 0;overflow:hidden;text-indent:100%;white-space:nowrap}

.detail_tab_sel a{float:left;position:relative;display:block;width:110px;height:18px;padding:4px 18px 0 8px;margin-right:5px;background:url(../images/com/tab_sel_arrow_open.png) no-repeat 95% 10px;background-color:#929292;color:#e4e4e4;text-decoration:none;z-index:100}
.detail_tab_sel_over{float:left;position:relative;display:block;width:110px;height:61px;padding:0 18px 0 8px;margin-right:5px;background:url(../images/com/tab_sel_arrow_open.png) no-repeat 95% 10px;background-color:#929292;line-height:19px;color:#e4e4e4;z-index:200}

.detail_btn{position:absolute;top:32px;right:7px;}/* 모니터링 상세보기 > 감시설정,연관설정 버튼  */

.detail_radio_bar{position:relative;padding-left:3px;height:28px;line-height:26px;background:url(../images/com/bg_btn.png) repeat-x;vertical-align:middle;}
.detail_radio_bar .title{font-weight:bold;font-size:12px;}
.detail_radio_bar .btn{position:absolute;top:0;right:5px;}
.detail_radio_bar .txt{position:absolute;top:0;right:5px;}
.detail_radio_bar_label {vertical-align:super;}
.detail_radio_bar_select {vertical-align:super;}

.detail_btn_bar{position:relative;padding-left:3px;height:28px;line-height:26px;background:url(../images/com/bg_btn.png) repeat-x;vertical-align:middle;z-index:400}
.detail_btn_bar .btn{position:absolute;top:0;right:5px;}
.detail_btn_bar .txt{position:absolute;top:0;right:5px;}
.detail_subtitle_bar{position:relative;padding-top:3px;padding-left:5px;height:18px;background:#dedede;border-bottom:1px solid #cfcfcf;vertical-align:middle}
.userdefined_txt{font-family:'돋움체',dotumche,monospace;font-size: 11px;padding:5px;padding-top:10px;color:#666;letter-spacing:0.5px;background-color:#f5f5f5;}/* NMS 상세보기 > 사용자정의 항목 텍스트  */

.datail_info_box{position:relative;height:66px;margin:12px;padding-left:12px;border:2px solid #ebebeb;line-height:66px;font-size:12px;}/* DBMS > RAC 모니터링 상세보기 > persistence > RDB > info*/
.datail_info_box .num{position:absolute;top:0;right:0;margin-right:14px;text-align:right;font-size:12px;font-weight:bold;line-height:66px;}
.datail_info_box2{position:relative;height:89px;margin:12px;padding-left:12px;border:2px solid #ebebeb;line-height:93px;font-size:12px;}/* DBMS > RAC 모니터링 상세보기 > persistence > AOF > info*/
.datail_info_box2 .num{position:absolute;top:0;right:0;margin-right:14px;text-align:right;font-size:12px;font-weight:bold;line-height:93px;}
.datail_info_box3{position:relative;height:33px;margin:12px;padding-left:12px;border:2px solid #ebebeb;line-height:33px;font-size:12px;}/* DBMS > RAC 모니터링 상세보기 > Replication & DB > Only Slave > info*/
.datail_info_box3 .num{position:absolute;top:0;right:0;margin-right:14px;text-align:right;font-size:12px;font-weight:bold;line-height:33px;}
.datail_box_client{position:relative;float:left;width:138px;height:80px;padding-top:130px;text-align:center;font-size:12px;font-weight:bold}/* DBMS > RAC 모니터링 상세보기 >  Replication & DB > Connection > info*/
.datail_box_client .blue{display:block;position:absolute;top:60px;left:38px;height:64px;width:64px;background:url(../images/com/dbms_circle_blue.png) no-repeat 0 0;font-size:24px;text-align:center;font-family:Tahoma,Helvetica;line-height:60px;font-weight:normal;color:#fff;}
.datail_box_client .green{display:block;position:absolute;top:60px;left:38px;height:64px;width:64px;background:url(../images/com/dbms_circle_green.png) no-repeat 0 0;font-size:24px;text-align:center;font-family:Tahoma,Helvetica;line-height:60px;font-weight:normal;color:#fff;}
.datail_box_client .disable{display:block;position:absolute;top:60px;left:38px;height:64px;width:64px;background:url(../images/com/dbms_circle_gray.png) no-repeat 0 0;font-size:24px;text-align:center;font-family:Tahoma,Helvetica;line-height:60px;font-weight:normal;color:#fff;}

/* grid sub title (상세보기 포틀릿 타이틀바 및 설정버튼)*/
.grid_title_box{position:relative;width:100%;height:24px;background:url(../images/com/bg_portlet_title.png) repeat-x;}
.grid_title_box .txt{display:block;padding-top:5px;padding-left:8px;font-size:12px;font-weight:bold;}
.grid_title_box a.btn_setting {display:block;position:absolute;top:0;right:29px;width:29px;height:23px;background:url(../images/com/btn_portlet_setting.png) no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap}
.grid_title_box a.btn_setting2 {display:block;position:absolute;top:0;right:0;width:29px;height:23px;background:url(../images/com/btn_portlet_setting.png) no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap}
.grid_title_box a.btn_close {display:block;position:absolute;top:0;right:0;width:29px;height:23px;background:url(../images/com/btn_portlet_close.png) no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap}
.grid_title_box a:hover.btn_setting {display:block;position:absolute;top:0;right:29px;width:29px;height:23px;background:url(../images/com/btn_portlet_setting.png) no-repeat 0 -23px;}
.grid_title_box a:hover.btn_setting2 {display:block;position:absolute;top:0;right:0;width:29px;height:23px;background:url(../images/com/btn_portlet_setting.png) no-repeat 0 -23px;}
.grid_title_box a:hover.btn_close {display:block;position:absolute;top:0;right:0;width:29px;height:23px;background:url(../images/com/btn_portlet_close.png) no-repeat 0 -23px;}
.grid_title_box h1:hover{cursor: default;} 
.grid_title_box_underline :hover{text-decoration:underline;}
.name_box{display:block;padding-top:8px;padding-left:10px;font-size:12px;} 
.unit_box{padding-left:2px;font-size:16px;font-family:Tahoma,Helvetica} 


/* Admin ////////////////////////////////////////////////////////////////////////////*/
.snb_setting{padding-top:8px;}
.snb_setting li{height:25px;padding-left:20px;font-size:12px;background:url(../images/com/snb_setting_icon.png) no-repeat}
.snb_setting li.menu10102{background-position: 0 0}/* 사용자 */
.snb_setting li.menu10106{background-position: 0 -25px}/* 수신자 */
.snb_setting li.menu10109{background-position: 0 -50px}/* 작업 */
.snb_setting li.menu10111{background-position: 0 -75px}/* 환경설정 */
.snb_setting li.menu10119{background-position: 0 -100px}/* 공지사항 */
.snb_setting li.menu10121{background-position: 0 -125px}/* 로그 */
.snb_setting li.menu10126{background-position: 0 -150px}/* 연동시스템 */
.snb_setting li.menu10129{background-position: 0 -175px}/* 벤더 */
.snb_setting li.menu10131{background-position: 0 -200px}/* 매니저상태 */
.snb_setting li.menu10135{background-position: 0 -225px}/* 반복작업*/
/*.snb_setting li.menu11{background-position: 0 -250px}/* 자산관리설정*/
.snb_setting li.menu10148{background-position: 0 -300px}/* 허용 명령어 관리*/
.snb_setting li.menu10138{background-position: 0 -275px}/* 운영관리정보*/
.snb_setting li.menu10151{background-position: 0 -325px}/* 주요메뉴 가이드 / 가이드맵 */
.snb_setting li.on{font-weight:bold;}
.snb_setting .on_arrow{display:inline-block;width:8px;height:10px;background:url(../images/com/arrow_snb.png) no-repeat 3px 1px;vertical-align:middle;}


/* Common Button //////////////////////////////////////////////////////////////////////////// */
/* 기본버튼 */
a.com_btn{display:inline-block;padding:0px 7px 0 7px;height:20px;background-color:#fafafa;text-decoration:none;font-size:11px;color:#333;line-height:18px;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;border-bottom:1px solid #a5a5a5;border-right:1px solid #a5a5a5;cursor:hand;border-radius:2px}
a:hover.com_btn{background-color:#e8e8e8}

a.com_btn_disable{display:inline-block;padding:0px 7px 0 7px;height:20px;background-color:#e8e8e8;text-decoration:none;font-size:11px;color:#aaa;line-height:18px;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;border-bottom:1px solid #a5a5a5;border-right:1px solid #a5a5a5;cursor:hand;border-radius:2px}

a.com_btn_l{display:inline-block;padding:0px 16px 0 16px;height:24px;background-color:#fafafa;text-decoration:none;font-size:11px;color:#333;line-height:22px;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;border-bottom:1px solid #a5a5a5;border-right:1px solid #a5a5a5;cursor:hand;border-radius:2px}
a:hover.com_btn_l{background-color:#e8e8e8}

a.com_btn_dark{display:inline-block;padding:0 7px 0 7px;height:20px;background-color:#656a6d;text-decoration:none;font-size:11px;color:#fff;line-height:18px;border-top:1px solid #66686b;border-left:1px solid #66686b;border-bottom:1px solid #43464c;border-right:1px solid #43464c;cursor:hand;border-radius:2px}
a:hover.com_btn_dark{background-color:#4a4e54;}

a.com_btn_dark_l{display:inline-block;padding:0 25px 0 25px;height:30px;background-color:#656a6d;background:url(../images/com/btn_dark_l.png) no-repeat;text-decoration:none;font-size:13px;color:#fff;line-height:27px;border-top:1px solid #66686b;border-left:1px solid #66686b;border-bottom:1px solid #43464c;border-right:1px solid #43464c;cursor:hand;border-radius:2px}
a:hover.com_btn_dark_l{background:url(../images/com/btn_dark_l_ov.png) no-repeat;}

a.com_btn_dark_analysis{display:inline-block;padding:0 30px 0 50px;height:30px;background-color:#656a6d;background:url(../images/com/btn_dark_analysis.png) no-repeat;text-decoration:none;font-size:13px;color:#fff;line-height:27px;border-top:1px solid #66686b;border-left:1px solid #66686b;border-bottom:1px solid #43464c;border-right:1px solid #43464c;cursor:hand;border-radius:2px}
a:hover.com_btn_dark_analysis{background:url(../images/com/btn_dark_analysis_ov.png) no-repeat;}

a.com_btn_orange{display:inline-block;padding:0 7px 0 7px;height:20px;background-color:#ff6600;text-decoration:none;font-size:11px;color:#fff;line-height:18px;border-top:1px solid #de5f0b;border-left:1px solid #de5f0b;border-bottom:1px solid #ce5201;border-right:1px solid #ce5201;cursor:hand;border-radius:2px}
a:hover.com_btn_orange{background-color:#de5900}

a.com_btn_orange_down{display:inline-block;padding:0 24px 0 24px;height:34px;background-color:#ff6600;text-decoration:none;font-size:16px;color:#fff;line-height:30px;border-top:1px solid #de5f0b;border-left:1px solid #de5f0b;border-bottom:1px solid #ce5201;border-right:1px solid #ce5201;cursor:hand;border-radius:2px}
a:hover.com_btn_orange_down{background-color:#de5900}

a.com_btn_gray{display:inline-block;padding:0 7px 0 7px;height:20px;background-color:#989898;text-decoration:none;font-size:11px;color:#fff;line-height:18px;border-top:1px solid #de5f0b;border-left:1px solid #de5f0b;border-bottom:1px solid #ce5201;border-right:1px solid #ce5201;cursor:hand;border-radius:2px}
a:hover.com_btn_gray{background-color:#868686}

a.com_btn_s{display:inline-block;padding:0px 4px 0 4px;height:14px;background-color:#fafafa;text-decoration:none;font-size:11px;color:#333;line-height:13px;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;border-bottom:1px solid #a5a5a5;border-right:1px solid #a5a5a5;cursor:hand;border-radius:2px}
a:hover.com_btn_s{background-color:#e8e8e8}

a.com_btn_open{display:inline-block;padding:0 15px 0 7px;margin-left:4px;height:20px;background:url(../images/com/btn_search_arrow_open.png) no-repeat top right;background-color:#fafafa;text-decoration:none;font-size:11px;color:#333;line-height:18px;border-top:1px solid #a9a9a9;border-left:1px solid #a9a9a9;border-bottom:1px solid #919191;border-right:1px solid #919191;cursor:hand;border-radius:2px}
a:hover.com_btn_open{background-color:#e8e8e8}
a.com_btn_close{display:inline-block;padding:0 15px 0 7px;margin-left:4px;height:20px;background:url(../images/com/btn_search_arrow_close.png) no-repeat top right;background-color:#fafafa;text-decoration:none;font-size:11px;color:#333;line-height:18px;border-top:1px solid #a9a9a9;border-left:1px solid #a9a9a9;border-bottom:1px solid #919191;border-right:1px solid #919191;cursor:hand;border-radius:2px}
a:hover.com_btn_close{background-color:#e8e8e8}

a.com_btn_search {display:inline-block;width:24px;height:22px;background:url(../images/com/btn_search.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.com_btn_search {background:url(../images/com/btn_search.png) no-repeat 0 -22px}

a.com_btn_search_open {display:inline-block;width:36px;height:22px;background:url(../images/com/btn_search_detail_open.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.com_btn_search_open {background:url(../images/com/btn_search_detail_open.png) no-repeat 0 -22px}
a.com_btn_search_close {display:inline-block;width:36px;height:22px;background:url(../images/com/btn_search_detail_close.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.com_btn_search_close {background:url(../images/com/btn_search_detail_close.png) no-repeat 0 -22px}

a.com_btn_search_on_open {display:inline-block;width:36px;height:22px;background:url(../images/com/btn_search_detail_on_open.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.com_btn_search_on_open {background:url(../images/com/btn_search_detail_on_open.png) no-repeat 0 -22px}
a.com_btn_search_on_close {display:inline-block;width:36px;height:22px;background:url(../images/com/btn_search_detail_on_close.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.com_btn_search_on_close {background:url(../images/com/btn_search_detail_on_close.png) no-repeat 0 -22px}

a.com_btn_filter_open {display:inline-block;width:36px;height:22px;background:url(../images/com/btn_filter_detail_open.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.com_btn_filter_open {background:url(../images/com/btn_filter_detail_open.png) no-repeat 0 -22px}
a.com_btn_filter_close {display:inline-block;width:36px;height:22px;background:url(../images/com/btn_filter_detail_close.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.com_btn_filter_close {background:url(../images/com/btn_filter_detail_close.png) no-repeat 0 -22px}

a.com_btn_filter_on_open {display:inline-block;width:36px;height:22px;background:url(../images/com/btn_filter_detail_on_open.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.com_btn_filter_on_open {background:url(../images/com/btn_filter_detail_on_open.png) no-repeat 0 -22px}
a.com_btn_filter_on_close {display:inline-block;width:36px;height:22px;background:url(../images/com/btn_filter_detail_on_close.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.com_btn_filter_on_close {background:url(../images/com/btn_filter_detail_on_close.png) no-repeat 0 -22px}

a.com_btn_setting{display:inline-block;width:23px;height:20px;margin-bottom:1px;background:url(../images/com/btn_setting2.png) no-repeat 4px 2px;background-color:#fafafa;text-decoration:none;font-size:11px;color:#333;line-height:18px;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;border-bottom:1px solid #a5a5a5;border-right:1px solid #a5a5a5;cursor:hand;border-radius:2px;vertical-align:middle}
a:hover.com_btn_setting{background:url(../images/com/btn_setting2.png) no-repeat 4px -16px;background-color:#e8e8e8;}

a.com_btn_setting_open {display:inline-block;width:30px;height:22px;background:url(../images/com/btn_setting_detail_open.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.com_btn_setting_open {background:url(../images/com/btn_setting_detail_open.png) no-repeat 0 -22px}
a.com_btn_setting_close {display:inline-block;width:30px;height:22px;background:url(../images/com/btn_setting_detail_close.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.com_btn_setting_close {background:url(../images/com/btn_setting_detail_close.png) no-repeat 0 -22px}

a.com_btn_date_search_open {display:inline-block;padding:0px 12px 0 7px;margin-left:4px;height:20px;background:url(../images/com/btn_search_arrow_open.png) no-repeat top right;background-color:#fafafa;text-decoration:none;font-size:11px;color:#333;line-height:18px;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;border-bottom:1px solid #a5a5a5;border-right:1px solid #a5a5a5;cursor:hand;border-radius:2px}
a:hover.com_btn_date_search_open {background-color:#e8e8e8}
a.com_btn_date_search_close {display:inline-block;padding:0px 12px 0 7px;margin-left:4px;height:20px;background:url(../images/com/btn_search_arrow_close.png) no-repeat top right;background-color:#fafafa;text-decoration:none;font-size:11px;color:#333;line-height:18px;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;border-bottom:1px solid #a5a5a5;border-right:1px solid #a5a5a5;cursor:hand;border-radius:2px}
a:hover.com_btn_date_search_close {background-color:#e8e8e8}

a.com_btn_date_search_on_open {display:inline-block;padding:0px 12px 0 7px;margin-left:4px;height:20px;background:url(../images/com/btn_search_arrow_on_open.png) no-repeat top right;background-color:#ff6600;text-decoration:none;font-size:11px;color:#fff;line-height:18px;border-top:1px solid #de5f0b;border-left:1px solid #de5f0b;border-bottom:1px solid #ce5201;border-right:1px solid #ce5201;cursor:hand;border-radius:2px}
a:hover.com_btn_date_search_on_open {background-color:#de5900}
a.com_btn_date_search_on_close {display:inline-block;padding:0px 12px 0 7px;margin-left:4px;height:20px;background:url(../images/com/btn_search_arrow_on_close.png) no-repeat top right;background-color:#ff6600;text-decoration:none;font-size:11px;color:#fff;line-height:18px;border-top:1px solid #de5f0b;border-left:1px solid #de5f0b;border-bottom:1px solid #ce5201;border-right:1px solid #ce5201;cursor:hand;border-radius:2px}
a:hover.com_btn_date_search_on_close {background-color:#de5900}

a.com_btn_print {display:inline-block;padding:0px 7px 0 23px;margin-left:4px;height:24px;background:url(../images/com/btn_print1.png) no-repeat 7px 6px;background-color:#fafafa;text-decoration:none;font-size:11px;color:#333;line-height:21px;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;border-bottom:1px solid #a5a5a5;border-right:1px solid #a5a5a5;cursor:hand;border-radius:2px}
a:hover.com_btn_print {background-color:#e8e8e8}

a.btn_login {display:inline-block;width:224px;height:38px;background:url(../images/com/btn_login.png) no-repeat 0 0;font-size:15px;font-weight:bold;color:#000;text-align:center;text-decoration:none;line-height:33px}
a:hover.btn_login {background:url(../images/com/btn_login.png) no-repeat 0 -38px}

a.com_btn_tab{display:inline-block;padding:0px 7px 0 7px;height:20px;background-color:#e9e9e9;text-decoration:none;font-size:11px;color:#333;line-height:18px;border-top:1px solid #a7a7a7;border-left:1px solid #a7a7a7;border-bottom:1px solid #8a8a8a;border-right:1px solid #8a8a8a;cursor:hand;}
a:hover.com_btn_tab{background-color:#fff}

a.btn_week {display:inline-block;padding-top:3px;margin-right:1px;margin-top:2px;width:32px;height:14px;background:url(../images/com/btn_week.png) no-repeat 0 0;color:#fff;font-size:10px;text-align:center ;text-decoration:none}
a.btn_week_sun {display:inline-block;padding-top:3px;margin-right:1px;margin-top:2px;width:32px;height:14px;background:url(../images/com/btn_week.png) no-repeat 0 -18px;color:#fff;font-size:10px;text-align:center;text-decoration:none}
a.btn_week_sat {display:inline-block;padding-top:3px;margin-right:1px;margin-top:2px;width:32px;height:14px;background:url(../images/com/btn_week.png) no-repeat 0 -36px;color:#fff;font-size:10px;text-align:center;text-decoration:none}
a.btn_week_disable {display:inline-block;padding-top:3px;margin-right:1px;margin-top:2px;width:32px;height:14px;background:url(../images/com/btn_week.png) no-repeat 0 -54px;color:#fff;font-size:10px;text-align:center;text-decoration:none}

a.btn_cal{display:inline-block;width:16px;height:15px;background:url(../images/com/btn_cal.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_cal{background:url(../images/com/btn_cal.png) no-repeat 0 -15px;}

a.btn_print{display:inline-block;width:13px;height:11px;background:url(../images/com/btn_print.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_print{background:url(../images/com/btn_print.png) no-repeat 0 -11px}
a.btn_print_l{display:inline-block;width:18px;height:15px;background:url(../images/com/btn_print_l.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_print_l{background:url(../images/com/btn_print_l.png) no-repeat 0 -15px}
a.btn_print_xl{display:inline-block;width:22px;height:18px;background:url(../images/com/btn_print_xl.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_print_xl{background:url(../images/com/btn_print_xl.png) no-repeat 0 -18px}

a.btn_excel{display:inline-block;width:13px;height:11px;background:url(../images/com/btn_excel.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_excel{background:url(../images/com/btn_excel.png) no-repeat 0 -11px}
a.btn_excel_l{display:inline-block;width:18px;height:15px;background:url(../images/com/btn_excel_l.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_excel_l{background:url(../images/com/btn_excel_l.png) no-repeat 0 -15px}
a.btn_excel_xl{display:inline-block;width:22px;height:18px;background:url(../images/com/btn_excel_xl.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_excel_xl{background:url(../images/com/btn_excel_xl.png) no-repeat 0 -18px}

a.btn_data{display:inline-block;width:13px;height:11px;background:url(../images/com/btn_data.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_data{background:url(../images/com/btn_data.png) no-repeat 0 -11px}
a.btn_data_l{display:inline-block;width:18px;height:15px;background:url(../images/com/btn_data_l.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_data_l{background:url(../images/com/btn_data_l.png) no-repeat 0 -15px}
a.btn_data_xl{display:inline-block;width:22px;height:18px;background:url(../images/com/btn_data_xl.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_data_xl{background:url(../images/com/btn_data_xl.png) no-repeat 0 -18px}

a.btn_byte{display:inline-block;width:25px;height:13px;background:url(../images/com/btn_byte.png) no-repeat 0 2px;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_byte{background:url(../images/com/btn_byte.png) no-repeat 0 -11px}
a.btn_byte_on{display:inline-block;width:25px;height:13px;background:url(../images/com/btn_byte_on.png) no-repeat 0 2px;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_byte_on{background:url(../images/com/btn_byte_on.png) no-repeat 0 -11px}

a.btn_unit_2{display:inline-block;width:23px;height:11px;background:url(../images/com/btn_unit_2.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap;}
a:hover.btn_unit_2{background:url(../images/com/btn_unit_2.png) no-repeat 0 -11px}
a.btn_unit_3{display:inline-block;width:23px;height:11px;background:url(../images/com/btn_unit_3.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap;}
a:hover.btn_unit_3{background:url(../images/com/btn_unit_3.png) no-repeat 0 -11px}
a.btn_unit_4{display:inline-block;width:23px;height:11px;background:url(../images/com/btn_unit_4.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap;}
a:hover.btn_unit_4{background:url(../images/com/btn_unit_4.png) no-repeat 0 -11px}

a.btn_realtime{display:inline-block;width:13px;height:11px;background:url(../images/com/btn_realtime.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_realtime{background:url(../images/com/btn_realtime.png) no-repeat 0 -11px}
a.btn_realtime_l{display:inline-block;width:18px;height:15px;background:url(../images/com/btn_realtime_l.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_realtime_l{background:url(../images/com/btn_realtime_l.png) no-repeat 0 -15px}
a.btn_realtime_xl{display:inline-block;width:22px;height:18px;background:url(../images/com/btn_realtime_xl.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_realtime_xl{background:url(../images/com/btn_realtime_xl.png) no-repeat 0 -18px}

a.btn_perf_data{display:inline-block;width:16px;height:16px;background:url(../images/com/btn_perf_data.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_perf_data{background:url(../images/com/btn_perf_data.png) no-repeat 0 -16px}

a.btn_5week{display:inline-block;width:16px;height:16px;background:url(../images/com/btn_5week.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_5week{background:url(../images/com/btn_5week.png) no-repeat 0 -16px}

a.btn_x{display:inline-block;width:13px;height:13px;background:url(../images/com/btn_x.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_x{background:url(../images/com/btn_x.png) no-repeat 0 -13px}

a.btn_guide{display:inline-block;width:13px;height:11px;background:url(../images/com/btn_guide.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap;cursor: pointer;}
a:hover.btn_guide{background:url(../images/com/btn_guide.png) no-repeat 0 -11px}

span.btn_guide{display:inline-block;width:13px;height:11px;background:url(../images/com/btn_guide.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap;cursor: pointer;}
span:hover.btn_guide{background:url(../images/com/btn_guide.png) no-repeat 0 -11px}

a.btn_help{display:inline-block;width:14px;height:11px;background:url(../images/com/btn_help.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_help{background:url(../images/com/btn_help.png) no-repeat 0 -11px}

a.btn_help2{display:inline-block;width:14px;height:12px;background:url(../images/com/btn_tooltip.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_help2{background:url(../images/com/btn_tooltip.png) no-repeat 0 -13px}

span.btn_help2{display:inline-block;width:14px;height:12px;background:url(../images/com/btn_tooltip.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
span:hover.btn_help2{background:url(../images/com/btn_tooltip.png) no-repeat 0 -13px}

a.btn_send{display:inline-block;padding:0px 7px 0 7px;margin-top:1px;margin-bottom:2px;height:20px;background-color:#fafafa;text-decoration:none;font-size:18px;color:#666;line-height:14px;letter-spacing:-1px;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;border-bottom:1px solid #a5a5a5;border-right:1px solid #a5a5a5;cursor:hand;border-radius:2px}
a:hover.btn_send{background-color:#e8e8e8}
.btn_send_up{display:inline-block;width:10px;height:9px;background:url(../images/com/btn_send_arrow_up.png) no-repeat 0 0;}
.btn_send_down{display:inline-block;width:10px;height:9px;background:url(../images/com/btn_send_arrow_down.png) no-repeat 0 0;}

a.btn_data_search{display:inline-block;width:20px;height:16px;background:url(../images/com/btn_data_search.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}/*TMS>유해트래픽 그리드 데이터검색 버튼*/
a:hover.btn_data_search{background:url(../images/com/btn_data_search.png) no-repeat 0 -16px}

a.btn_terminal_window{display:inline-block;width:20px;height:16px;background:url(../images/com/btn_terminal_window.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}/*터미널 연결_윈도우*/
a:hover.btn_terminal_window{background:url(../images/com/btn_terminal_window.png) no-repeat 0 -16px}

a.btn_terminal_command{display:inline-block;width:20px;height:16px;background:url(../images/com/btn_terminal_command.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}/*터미널 연결_커멘드*/
a:hover.btn_terminal_command{background:url(../images/com/btn_terminal_command.png) no-repeat 0 -16px}

a.btn_terminal_window_check{display:inline-block;width:20px;height:16px;background:url(../images/com/btn_terminal_window_check.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}/*터미널 연결_윈도우 감사보기*/
a:hover.btn_terminal_window_check{background:url(../images/com/btn_terminal_window_check.png) no-repeat 0 -16px}

a.btn_terminal_command_check{display:inline-block;width:20px;height:16px;background:url(../images/com/btn_terminal_command_check.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}/*터미널 연결_커멘드 감사보기*/
a:hover.btn_terminal_command_check{background:url(../images/com/btn_terminal_command_check.png) no-repeat 0 -16px}

a.btn_tree_detail{display:inline-block;width:14px;height:14px;background:url(../images/com/btn_tree_detail.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}/*트리_ 모니터링 상세보기*/
a:hover.btn_tree_detail{background:url(../images/com/btn_tree_detail.png) no-repeat 0 -14px}

a.btn_download{display:inline-block;padding:0 7px 0 20px;margin-right:4px;height:18px;background:url(../images/com/btn_download.png) no-repeat 5px 4px;background-color:#fafafa;text-decoration:none;font-size:11px;color:#333;line-height:17px;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;border-bottom:1px solid #a5a5a5;border-right:1px solid #a5a5a5;cursor:hand;} /* 도움말 다운로드 버튼 */
a:hover.btn_download{background-color:#e8e8e8}

a.btn_download2{display:inline-block;width:20px;height:16px;background:url(../images/com/btn_download2.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}/*도움말 다운로드*/
a:hover.btn_download2{background:url(../images/com/btn_download2.png) no-repeat 0 -16px}

.btn_resize{display:block;width:8px;height:8px;position:absolute;bottom:3px;right:3px;background:url(../images/com/btn_resize.png) no-repeat}

/* nms_모니터링_관심인터페이스 트리 설정 버튼*/
a.btn_nms_setting{display:inline-block;width:16px;height:16px;background:url(../images/com/btn_setting.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_nms_setting{background:url(../images/com/btn_setting.png) no-repeat 0 -16px}
/* nms_모니터링 상세보기_사용자정의 항목_트리 설정*/
a.btn_user_setting{display:inline-block;width:16px;height:16px;margin-top:3px;background:url(../images/com/btn_setting.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_user_setting{background:url(../images/com/btn_setting.png) no-repeat 0 -16px}
/* nms_모니터링 상세보기_사용자정의 항목 버튼*/
.btn_nms_collapse{display:inline-block;width:16px;height:16px;padding-right:4px;background:url(../images/icons/ic_nms_collapse.png) no-repeat;vertical-align:middle;}
.btn_nms_split{display:inline-block;width:16px;height:16px;background:url(../images/icons/ic_nms_split.png) no-repeat;vertical-align:middle}
.btn_nms_txt{display:inline-block;width:16px;height:16px;background:url(../images/icons/ic_txt.png) no-repeat;vertical-align:middle;position:absolute;top:5px;right:4px}
.btn_nms_pin{display:inline-block;width:16px;height:16px;padding-right:2px;background:url(../images/icons/ic_pin.png) no-repeat;vertical-align:middle;}
.btn_nms_pin_on{display:inline-block;width:16px;height:16px;padding-right:2px;background:url(../images/icons/ic_pin_on.png) no-repeat;vertical-align:middle;}
/* 모니터링상세보기_그리드 설정 버튼*/
a.btn_grid_setting{display:inline-block;width:16px;height:16px;background:url(../images/com/btn_setting.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}
a:hover.btn_grid_setting{background:url(../images/com/btn_setting.png) no-repeat 0 -16px}

/* #3871 추가정보버튼  */
a.com_btn_tab_open{display:inline-block;padding:0px 12px 0 7px;height:20px;background:url(../images/com/btn_search_arrow_open.png) no-repeat top right;background-color:#e9e9e9;text-decoration:none;font-size:11px;color:#333;line-height:18px;border-top:1px solid #a7a7a7;border-left:1px solid #a7a7a7;border-bottom:1px solid #8a8a8a;border-right:1px solid #8a8a8a;cursor:hand;}
a:hover.com_btn_tab_open{background-color:#fff}
a.com_btn_tab_close{display:inline-block;padding:0px 12px 0 7px;height:20px;background:url(../images/com/btn_search_arrow_close.png) no-repeat top right;background-color:#e9e9e9;text-decoration:none;font-size:11px;color:#333;line-height:18px;border-top:1px solid #a7a7a7;border-left:1px solid #a7a7a7;border-bottom:1px solid #8a8a8a;border-right:1px solid #8a8a8a;cursor:hand;}
a:hover.com_btn_tab_close{background-color:#fff}
a.btn_popup{display:inline-block;width:14px;height:14px;background:url(../images/icons/ic_popup.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;text-indent:100%;white-space:nowrap}

/* Common Icon ////////////////////////////////////////////////////////////////////////////*/
.icon_state0{display:inline-block;width:10px;height:10px;background:#54cd3e;border-radius:50%;margin-right:4px;margin-bottom:2px;vertical-align:middle}
.icon_state10{display:inline-block;width:10px;height:10px;background:#56bbfb;border-radius:50%;margin-right:4px;margin-bottom:2px;vertical-align:middle}
.icon_state20{display:inline-block;width:10px;height:10px;background:#ffc439;border-radius:50%;margin-right:4px;margin-bottom:2px;vertical-align:middle}
.icon_state30{display:inline-block;width:10px;height:10px;background:#ff9130;border-radius:50%;margin-right:4px;margin-bottom:2px;vertical-align:middle}
.icon_state40{display:inline-block;width:10px;height:10px;background:#c54ce8;border-radius:50%;margin-right:4px;margin-bottom:2px;vertical-align:middle}
.icon_state50{display:inline-block;width:10px;height:10px;background:#f43b51;border-radius:50%;margin-right:4px;margin-bottom:2px;vertical-align:middle}

.icon_state_l0{display:inline-block;width:12px;height:12px;background:#54cd3e;border-radius:50%;}
.icon_state_l10{display:inline-block;width:12px;height:12px;background:#56bbfb;border-radius:50%;}
.icon_state_l20{display:inline-block;width:12px;height:12px;background:#ffc439;border-radius:50%;}
.icon_state_l30{display:inline-block;width:12px;height:12px;background:#ff9130;border-radius:50%;}
.icon_state_l40{display:inline-block;width:12px;height:12px;background:#c54ce8;border-radius:50%;}
.icon_state_l50{display:inline-block;width:12px;height:12px;background:#f43b51;border-radius:50%;}

.icon_state_tree00{display:inline-block;width:8px;height:8px;background:#54cd3e;border-radius:50%;vertical-align:middle}
.icon_state_tree10{display:inline-block;width:8px;height:8px;background:#56bbfb;border-radius:50%;vertical-align:middle}
.icon_state_tree20{display:inline-block;width:8px;height:8px;background:#ffc439;border-radius:50%;vertical-align:middle}
.icon_state_tree30{display:inline-block;width:8px;height:8px;background:#ff9130;border-radius:50%;vertical-align:middle}
.icon_state_tree40{display:inline-block;width:8px;height:8px;background:#c54ce8;border-radius:50%;vertical-align:middle}
.icon_state_tree50{display:inline-block;width:8px;height:8px;background:#f43b51;border-radius:50%;vertical-align:middle}

.icon_check{display:inline-block;width:16px;height:16px;background:url(../images/icons/icon_check.png) no-repeat;vertical-align:middle}

/* Common unit ////////////////////////////////////////////////////////////////////////////*/
.unit_g{display:inline-block;width:14px;height:10px;background:url(../images/icons/unit_g.png) no-repeat 0 0px;vertical-align:middle}
.unit_k{display:inline-block;width:14px;height:10px;background:url(../images/icons/unit_k.png) no-repeat 0 0px;vertical-align:middle}
.unit_k_s{display:inline-block;width:14px;height:10px;background:url(../images/icons/unit_k_s.png) no-repeat 0 0px;vertical-align:middle}
.unit_m{display:inline-block;width:14px;height:10px;background:url(../images/icons/unit_m.png) no-repeat 0 0px;vertical-align:middle}
.unit_p{display:inline-block;width:14px;height:10px;background:url(../images/icons/unit_p.png) no-repeat 0 0px;vertical-align:middle}
.unit_t{display:inline-block;width:14px;height:10px;background:url(../images/icons/unit_t.png) no-repeat 0 0px;vertical-align:middle}
.unit_empty{display:inline-block;width:14px;height:10px;vertical-align:middle}


/* Common Graph ////////////////////////////////////////////////////////////////////////////*/
/* 그리드 가로막대그래프 */
.hor_grp_box{position:relative;width:100%;height:17px;}
.hor_grp_box .bar_bg{position:absolute;top:0;left:0;width:100%;height:17px;background-color:#ededed}
.hor_grp_box .bar{position:absolute;top:0;left:0;height:17px;background-color:#1ca0e8;}
.hor_grp_box .bar00{position:absolute;top:0;left:0;height:17px;background-color:#54cd3e;}
.hor_grp_box .bar10{position:absolute;top:0;left:0;height:17px;background-color:#56bbfb;}
.hor_grp_box .bar20{position:absolute;top:0;left:0;height:17px;background-color:#ffc439;}
.hor_grp_box .bar30{position:absolute;top:0;left:0;height:17px;background-color:#ff9130;}
.hor_grp_box .bar40{position:absolute;top:0;left:0;height:17px;background-color:#c54ce8;}
.hor_grp_box .bar50{position:absolute;top:0;left:0;height:17px;background-color:#f43b51;}
.hor_grp_box .txt{position:absolute;top:2px;right:2px;font-weight:bold}
/* 가로막대그래프-파란색 */
.bar_blue_grp_box{position:relative;width:100%;height:30px;font-size:12px;}
.bar_blue_grp_box .bar_bg{position:absolute;bottom:0;left:0;width:100%;height:12px;background-color:#ededed}
.bar_blue_grp_box .bar_blue{position:absolute;bottom:0;left:0;height:12px;background-color:#1ca0e8;}
.bar_blue_grp_box .txt{position:absolute;top:0;right:0;font-size:11px;font-weight:bold;color:#333}
/* 가로막대그래프-하늘색 */
.bar_sky_grp_box{position:relative;width:100%;height:30px;font-size:12px;}
.bar_sky_grp_box .bar_bg{position:absolute;bottom:0;left:0;width:100%;height:12px;background-color:#ededed}
.bar_sky_grp_box .bar_blue{position:absolute;bottom:0;left:0;height:12px;background-color:#5accff;}
.bar_sky_grp_box .txt{position:absolute;top:0;right:0;font-size:11px;font-weight:bold;color:#333}
/* 캐쉬그래프 */
.cache_grp_box{position:relative;width:100%;height:32px;font-size:12px;}
.cache_grp_box .bar_bg{position:absolute;bottom:0;left:0;width:100%;height:12px;background:url(../images/com/grp_cache_bg.png) repeat-x;}
.cache_grp_box .bar_blue{position:absolute;bottom:0;left:0;height:12px;background:url(../images/com/grp_cache_green.png) repeat-x;}
.cache_grp_box .txt{position:absolute;top:0;right:0;font-size:11px;font-weight:bold;color:#333}
/* 반원그래프 */
.half_grp_box{display:block;width:111px;height:30px;padding-top:28px;font-family:Tahoma,Helvetica;font-size:24px;background:url(../images/com/ems_cpu_grp_bg.png) no-repeat 0 0;text-align:center}
.half_grp_box .title{display:block;font-size:12px;margin-top:6px;text-align:center;}
.half_grp_num{font-size:22px;font-family:Tahoma,Helvetica}
/* IMS 시간대별 그래프 */
.ims_time_grp_box ul{width:100%}
.ims_time_grp_box li{display:block;width:8.3%;height:17px;float:left;border-right:1px solid #fff;overflow:hidden;text-indent:100%;white-space:nowrap;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.ims_time_grp_box li.state00{background:#54cd3e;}
.ims_time_grp_box li.state10{background:#56bbfb;}
.ims_time_grp_box li.state20{background:#ffc439;}
.ims_time_grp_box li.state30{background:#ff9130;}
.ims_time_grp_box li.state40{background:#c54ce8;}
.ims_time_grp_box li.state50{background:#f43b51;}
/* 범례_라인차트*/
.ex_box{position:absolute;top:0;right:4px;height:14px;text-align:right;font-size:8px;font-weight:bold}
.ex_green{display:inline-block;width:8px;height:3px;margin-bottom:1px;background-color:#38bc20;}
.ex_sky{display:inline-block;width:8px;height:3px;margin-bottom:1px;background-color:#1ca0e8;}
.ex_purple{display:inline-block;width:8px;height:3px;margin-bottom:1px;background-color:#6763ff;}
.ex_cyon{display:inline-block;width:8px;height:3px;margin-bottom:1px;background-color:#14d1f3;}
.ex_magenta{display:inline-block;width:8px;height:3px;margin-bottom:1px;background-color:#ff59a3;}
.ex_emerald{display:inline-block;width:8px;height:3px;margin-bottom:1px;background-color:#00c99c;}
.ex_violet{display:inline-block;width:8px;height:3px;margin-bottom:1px;background-color:#cb4dff;}
.ex_olive{display:inline-block;width:8px;height:3px;margin-bottom:1px;background-color:#b7cd23;}
.ex_color{display:inline-block;width:8px;height:3px}
/* 범례_막대그래프*/
.ex_col_com{display:inline-block;width:9px;height:9px;vertical-align:middle}
.ex_col1{background-color:#9dda91;}
.ex_col2{background-color:#76d6ba;}
.ex_col3{background-color:#76c7d6;}
.ex_col4{background-color:#83b3da;}
.ex_col5{background-color:#99a1dc;}
.ex_col6{background-color:#c09ce7;}
.ex_col7{background-color:#e09ac0;}
.ex_col8{background-color:#f7a594;}
.ex_col9{background-color:#f7c082;}
.ex_col10{background-color:#ede293;}
/* 범례_도넛차트*/
.ex_donut_com{display:inline-block;width:9px;height:9px;vertical-align:middle}
.ex_donut1{background-color:#33c8ff;}
.ex_donut2{background-color:#45a1ff;}
.ex_donut3{background-color:#dd83e8;}
.ex_donut4{background-color:#a585ff;}
.ex_donut5{background-color:#3363ff;}
.ex_donut6{background-color:#333bd6;}
.ex_donut7{background-color:#7455e6;}
.ex_donut8{background-color:#9aa9ff;}
.ex_donut_gray{background-color:#ddd;}
/* 범례_TMS요약*/
.ex_circle_com{display:inline-block;border-radius:50%;width:12px;height:12px;margin-left:6px;margin-right:3px;vertical-align:middle;}
.ex_circle1{background: #77d7bb;}
.ex_circle2{background: #76c8d6;}
.ex_circle3{background: #85b2d9;}
.ex_circle4{background: #98a3db;}
.ex_circle5{background: #c09be8;}
.ex_circle6{background: #e09abf;}
/* 파이차트_중앙 text*/
.pie_chart_title{text-align:center;font-size:12px;font-weight:normal;}
.pie_chart_num{font-family:Tahoma,Helvetica;font-size:20px;text-align:center}
/*파이차트 중앙 text 작은*/ 
.pie_chart_num_s{font-family:Tahoma,Helvetica;font-size:16px;text-align:center}

/* Tree Icon ////////////////////////////////////////////////////////////////////////////*/
.com_ic{display:inline-block;width:16px;height:16px;padding-top:4px;vertical-align:middle} 
.com_ic2{display:inline-block;width:16px;height:16px;vertical-align:middle} 

.ic_role{background:url(../images/icons/ic_role.png) no-repeat} 
.ic_saram{background:url(../images/icons/ic_saram.png) no-repeat} 
.ic_saramgp{background:url(../images/icons/ic_saramgp.png) no-repeat}
.ic_saramgp_all_cmd{background:url(../images/icons/ic_mng_grp_all_cmd.png) no-repeat}
.ic_folderclosed{background:url(../images/icons/ic_folderclosed.png) no-repeat}
.ic_folderopen{background:url(../images/icons/ic_folderopen.png) no-repeat} 
.ic_leaf{background:url(../images/icons/ic_leaf.png) no-repeat}
.ic_item{background:url(../images/icons/ic_item.png) no-repeat}
.ic_share_folderclosed{background:url(../images/icons/ic_share_folderclosed.png) no-repeat}
.ic_share_folderopen{background:url(../images/icons/ic_share_folderopen.png) no-repeat}
.ic_share_leaf{background:url(../images/icons/ic_share_leaf.png) no-repeat} 
.ic_externaldev{background:url(../images/icons/ic_externaldev.png) no-repeat} 
.ic_herit_folderclosed{background:url(../images/icons/ic_successioclosed.png) no-repeat}
.ic_herit_folderopen{background:url(../images/icons/ic_successioopen.png) no-repeat}
.ic_usergrp_folderclosed{background:url(../images/icons/ic_usergroup.png) no-repeat}
.ic_usergrp_folderopen{background:url(../images/icons/ic_usergroup.png) no-repeat}
/* infra */
.ic_tre_ems{background:url(../images/icons/ic_tre_ems.png) no-repeat}
.ic_tre_sms{background:url(../images/icons/ic_tre_sms.png) no-repeat}
.ic_tre_nms{background:url(../images/icons/ic_tre_nms.png) no-repeat}
.ic_tre_dbms{background:url(../images/icons/ic_tre_dbms.png) no-repeat}
.ic_tre_fms_main{background:url(../images/icons/ic_tre_fms.png) no-repeat}
.ic_tre_fms{background:url(../images/icons/ic_tre_fms_default.png) no-repeat}
.ic_tre_ims{background:url(../images/icons/ic_tre_ims.png) no-repeat}
.ic_tre_syslog{background:url(../images/icons/ic_tre_syslog.png) no-repeat}
.ic_tre_trap{background:url(../images/icons/ic_tre_trap.png) no-repeat}
.ic_tre_wms{background:url(../images/icons/ic_tre_wms.png) no-repeat}
.ic_tre_bms{background:url(../images/icons/ic_tre_bms.png) no-repeat}
.ic_tre_proactive{background:url(../images/icons/ic_tre_proactive.png) no-repeat} 
.ic_tre_tms{background:url(../images/icons/ic_tre_tms.png) no-repeat} 
.ic_tre_vms{background:url(../images/icons/ic_tre_vms.png) no-repeat}
.ic_tre_admin{background:url(../images/icons/ic_tre_admin.png) no-repeat}
.ic_tre_2depth{background:url(../images/icons/ic_tre_2depth.png) no-repeat}
.ic_tre_3depth{background:url(../images/icons/ic_tre_3depth.png) no-repeat}
.ic_tre_oms{background:url(../images/icons/ic_tre_oms.png) no-repeat}
.ic_tre_erms{background:url(../images/icons/ic_tre_erms.png) no-repeat}
.ic_tre_apm{background:url(../images/icons/ic_tre_apm.png) no-repeat} /* #7777 */
/* sms */
.ic_tre_linux{background:url(../images/icons/ic_tre_linux.png) no-repeat}
.ic_tre_linux-1{background:url(../images/icons/ic_tre_linux-1.png) no-repeat}
.ic_tre_linux0{background:url(../images/icons/ic_tre_linux0.png) no-repeat}
.ic_tre_linux1{background:url(../images/icons/ic_tre_linux1.png) no-repeat}
.ic_tre_linux2{background:url(../images/icons/ic_tre_linux2.png) no-repeat}
.ic_tre_winnt{background:url(../images/icons/ic_tre_winnt.png) no-repeat}
.ic_tre_winnt-1{background:url(../images/icons/ic_tre_winnt-1.png) no-repeat}
.ic_tre_winnt0{background:url(../images/icons/ic_tre_winnt0.png) no-repeat} 
.ic_tre_winnt1{background:url(../images/icons/ic_tre_winnt1.png) no-repeat}
.ic_tre_winnt2{background:url(../images/icons/ic_tre_winnt2.png) no-repeat}
.ic_tre_solaris{background:url(../images/icons/ic_tre_solaris.png) no-repeat}
.ic_tre_solaris-1{background:url(../images/icons/ic_tre_solaris-1.png) no-repeat}
.ic_tre_solaris0{background:url(../images/icons/ic_tre_solaris0.png) no-repeat} 
.ic_tre_solaris1{background:url(../images/icons/ic_tre_solaris1.png) no-repeat}
.ic_tre_solaris2{background:url(../images/icons/ic_tre_solaris2.png) no-repeat}
.ic_tre_hpux{background:url(../images/icons/ic_tre_hpux.png) no-repeat}
.ic_tre_hpux-1{background:url(../images/icons/ic_tre_hpux-1.png) no-repeat}
.ic_tre_hpux0{background:url(../images/icons/ic_tre_hpux0.png) no-repeat}
.ic_tre_hpux1{background:url(../images/icons/ic_tre_hpux1.png) no-repeat;}
.ic_tre_hpux2{background:url(../images/icons/ic_tre_hpux2.png) no-repeat;}
.ic_tre_aix{background:url(../images/icons/ic_tre_aix.png) no-repeat}
.ic_tre_aix-1{background:url(../images/icons/ic_tre_aix-1.png) no-repeat}
.ic_tre_aix0{background:url(../images/icons/ic_tre_aix0.png) no-repeat}
.ic_tre_aix1{background:url(../images/icons/ic_tre_aix1.png) no-repeat}
.ic_tre_aix2{background:url(../images/icons/ic_tre_aix2.png) no-repeat}
.ic_tre_tru64{background:url(../images/icons/ic_tre_tru64.png) no-repeat}
.ic_tre_tru64-1{background:url(../images/icons/ic_tre_tru64-1.png) no-repeat}
.ic_tre_tru640{background:url(../images/icons/ic_tre_tru640.png) no-repeat}
.ic_tre_tru641{background:url(../images/icons/ic_tre_tru641.png) no-repeat}
.ic_tre_tru642{background:url(../images/icons/ic_tre_tru642.png) no-repeat}
.ic_tre_sms_unknow{background:url(../images/icons/ic_tre_sms_unknow.png) no-repeat}
.ic_tre_freebsd{background:url(../images/icons/ic_tre_freebsd.png) no-repeat}
.ic_tre_freebsd-1{background:url(../images/icons/ic_tre_freebsd-1.png) no-repeat}
.ic_tre_freebsd0{background:url(../images/icons/ic_tre_freebsd0.png) no-repeat}
.ic_tre_freebsd1{background:url(../images/icons/ic_tre_freebsd1.png) no-repeat}
.ic_tre_freebsd2{background:url(../images/icons/ic_tre_freebsd2.png) no-repeat}
.ic_tre_unixware{background:url(../images/icons/ic_tre_unixware.png) no-repeat}
.ic_tre_unixware-1{background:url(../images/icons/ic_tre_unixware-1.png) no-repeat}
.ic_tre_unixware0{background:url(../images/icons/ic_tre_unixware0.png) no-repeat}
.ic_tre_unixware1{background:url(../images/icons/ic_tre_unixware1.png) no-repeat}
.ic_tre_unixware2{background:url(../images/icons/ic_tre_unixware2.png) no-repeat}
/* nms */
.ic_tre_oid{background:url(../images/icons/ic_tre_oid.png) no-repeat}
.ic_tre_icmp{background:url(../images/icons/ic_tre_icmp.png) no-repeat}
.ic_tre_snmp{background:url(../images/icons/ic_tre_snmp.png) no-repeat}
.ic_tre_if{background:url(../images/icons/ic_tre_if.png) no-repeat}
.ic_tre_if_up{background:url(../images/icons/ic_tre_if_up.png) no-repeat}
.ic_tre_if_down{background:url(../images/icons/ic_tre_if_down.png) no-repeat}
.ic_tre_fw{background:url(../images/icons/ic_tre_fw.png) no-repeat}
.ic_tre_ipcheck{background:url(../images/icons/ic_tre_ipcheck.png) no-repeat}
.ic_tre_server{background:url(../images/icons/ic_tre_server.png) no-repeat}
.ic_tre_l2switch{background:url(../images/icons/ic_tre_l2switch.png) no-repeat}
.ic_tre_l3switch{background:url(../images/icons/ic_tre_l3switch.png) no-repeat}
.ic_tre_l4switch{background:url(../images/icons/ic_tre_l4switch.png) no-repeat}
.ic_tre_l4switch_r{background:url(../images/icons/ic_tre_l4switch_r.png) no-repeat}
.ic_tre_l4switch_v{background:url(../images/icons/ic_tre_l4switch_v.png) no-repeat}
.ic_tre_apetc{background:url(../images/icons/ic_tre_apetc.png) no-repeat}
.ic_tre_ips{background:url(../images/icons/ic_tre_ips.png) no-repeat}
.ic_tre_nac{background:url(../images/icons/ic_tre_nac.png) no-repeat}
.ic_tre_utm{background:url(../images/icons/ic_tre_utm.png) no-repeat}
.ic_tre_cli{background:url(../images/icons/ic_tre_cli.png) no-repeat}
.ic_tre_pattern{background:url(../images/icons/ic_tre_pattern.png) no-repeat}
.ic_tre_snmp_search{background:url(../images/icons/ic_tre_snmp_search.png) no-repeat}
.ic_tre_icmp_search{background:url(../images/icons/ic_tre_icmp_search.png) no-repeat}
/* nms collector */
.ic_tre_collector{background:url(../images/icons/ic_tre_collector.png) no-repeat}
.ic_tre_oid_c{background:url(../images/icons/ic_tre_oid.png) no-repeat}
.ic_tre_icmp_c{background:url(../images/icons/ic_tre_icmp.png) no-repeat}
.ic_tre_snmp_c{background:url(../images/icons/ic_tre_snmp.png) no-repeat}
.ic_tre_server_c{background:url(../images/icons/ic_tre_server.png) no-repeat}
.ic_tre_l2switch_c{background:url(../images/icons/ic_tre_l2switch.png) no-repeat}
.ic_tre_l3switch_c{background:url(../images/icons/ic_tre_l3switch.png) no-repeat}
.ic_tre_l4switch_c{background:url(../images/icons/ic_tre_l4switch.png) no-repeat}
.ic_tre_apetc_c{background:url(../images/icons/ic_tre_apetc.png) no-repeat}
.ic_tre_ips_c{background:url(../images/icons/ic_tre_ips.png) no-repeat}
.ic_tre_nac_c{background:url(../images/icons/ic_tre_nac.png) no-repeat}
.ic_tre_utm_c{background:url(../images/icons/ic_tre_utm.png) no-repeat}

.ic_tre_user_c{background:url(../images/icons/ic_saram.png) no-repeat}
.ic_tre_snmp_c_a{background:url(../images/icons/ic_tre_snmp_none.png) no-repeat}
.ic_tre_icmp_c_a{background:url(../images/icons/ic_tre_icmp_none.png) no-repeat}

/* dbms */
.ic_tre_dboracle{background:url(../images/icons/ic_tre_dboracle.png) no-repeat}
.ic_tre_dbmssql{background:url(../images/icons/ic_tre_dbmssql.png) no-repeat}
.ic_tre_dbinformix{background:url(../images/icons/ic_tre_dbinformix.png) no-repeat}
.ic_tre_dbmysql{background:url(../images/icons/ic_tre_dbmysql.png) no-repeat}
.ic_tre_dbdb2{background:url(../images/icons/ic_tre_dbdb2.png) no-repeat}
.ic_tre_dbsybase{background:url(../images/icons/ic_tre_dbsybase.png) no-repeat}
.ic_tre_dbaltibase{background:url(../images/icons/ic_tre_dbaltibase.png) no-repeat}
.ic_tre_dbiq{background:url(../images/icons/ic_tre_dbiq.png) no-repeat}
.ic_tre_dbtibero{background:url(../images/icons/ic_tre_dbtibero.png) no-repeat}
.ic_tre_dbmongo{background:url(../images/icons/ic_tre_dbmongo.png) no-repeat}
.ic_tre_dbredis{background:url(../images/icons/ic_tre_dbredis.png) no-repeat}
.ic_tre_dbppas{background:url(../images/icons/ic_tre_dbppas.png) no-repeat}
.ic_tre_dbrac{background:url(../images/icons/ic_tre_dbrac.png) no-repeat}
.ic_tre_dbpostgresql{background:url(../images/icons/ic_tre_dbpostgresql.png) no-repeat}
.ic_tre_dbmaster{background:url(../images/icons/ic_tre_dbmaster.png) no-repeat}
.ic_tre_dbslave{background:url(../images/icons/ic_tre_dbslave.png) no-repeat}
.ic_tre_tablespace{background:url(../images/icons/ic_tre_tablespace.png) no-repeat}
.ic_tre_dbmariadb{background:url(../images/icons/ic_tre_dbmariadb.png) no-repeat}
.ic_tre_dbcubrid{background:url(../images/icons/icon_cubrid_style.png) no-repeat}
/* syslog*/
.ic_tre_syslog_pattern{background:url(../images/icons/ic_tre_syslog_pattern.png) no-repeat}
/* fms */
.ic_tre_fms_alarm{background:url(../images/icons/ic_tre_fms_alarm.png) no-repeat}
.ic_tre_fms_cable{background:url(../images/icons/ic_tre_fms_cable.png) no-repeat}
.ic_tre_fms_com{background:url(../images/icons/ic_tre_fms_com.png) no-repeat}
.ic_tre_fms_com9{background:url(../images/icons/ic_tre_fms_com9.png) no-repeat}
.ic_tre_fms_dri{background:url(../images/icons/ic_tre_fms_dri.png) no-repeat}
.ic_tre_fms_fire{background:url(../images/icons/ic_tre_fms_fire.png) no-repeat}
.ic_tre_fms_fire2{background:url(../images/icons/ic_tre_fms_fire2.png) no-repeat}
.ic_tre_fms_frequency{background:url(../images/icons/ic_tre_fms_frequency.png) no-repeat}
.ic_tre_fms_gas{background:url(../images/icons/ic_tre_fms_gas.png) no-repeat}
.ic_tre_fms_humidity{background:url(../images/icons/ic_tre_fms_humidity.png) no-repeat}
.ic_tre_fms_humidity_s{background:url(../images/icons/ic_tre_fms_humidity_s.png) no-repeat}
.ic_tre_fms_oid{background:url(../images/icons/ic_tre_fms_oid.png) no-repeat}
.ic_tre_fms_ratio{background:url(../images/icons/ic_tre_fms_ratio.png) no-repeat}
.ic_tre_fms_smoke{background:url(../images/icons/ic_tre_fms_smoke.png) no-repeat}
.ic_tre_fms_tem{background:url(../images/icons/ic_tre_fms_tem.png) no-repeat}
.ic_tre_fms_tem2{background:url(../images/icons/ic_tre_fms_tem2.png) no-repeat}
.ic_tre_fms_thermo{background:url(../images/icons/ic_tre_fms_thermo.png) no-repeat}
.ic_tre_fms_ups{background:url(../images/icons/ic_tre_fms_ups.png) no-repeat}
.ic_tre_fms_ventilator{background:url(../images/icons/ic_tre_fms_ventilator.png) no-repeat}
.ic_tre_fms_voltage{background:url(../images/icons/ic_tre_fms_voltage.png) no-repeat}
.ic_tre_fms_water{background:url(../images/icons/ic_tre_fms_water.png) no-repeat}
.ic_tre_fms_water2{background:url(../images/icons/ic_tre_fms_water2.png) no-repeat}
/* vms */
.ic_tre_citrix_xen{background:url(../images/icons/ic_tre_citrix_xen.png) no-repeat}
.ic_tre_vmware{background:url(../images/icons/ic_tre_vmware.png) no-repeat}
.ic_tre_hyperv{background:url(../images/icons/ic_tre_hyperv.png) no-repeat}
/* tms */
.ic_tre_iprange{background:url(../images/icons/ic_tre_iprange.png) no-repeat}
.ic_tre_router{background:url(../images/icons/ic_tre_router.png) no-repeat}
.ic_tre_collectingsrv{background:url(../images/icons/ic_tre_collectingsrv.png) no-repeat}
.ic_tre_collectingsrv_close{background:url(../images/icons/ic_tre_collectingsrv_close.png) no-repeat}
.ic_tre_collectingsrv_open{background:url(../images/icons/ic_tre_collectingsrv_open.png) no-repeat}
.ic_tre_tms_ipgroup{background:url(../images/icons/ic_tre_tms_ipgroup.png) no-repeat}
.ic_tre_tms_ifgroup_open{background:url(../images/icons/ic_tre_tms_ifgroup_open.png) no-repeat}
.ic_tre_tms_ifgroup_close{background:url(../images/icons/ic_tre_tms_ifgroup_close.png) no-repeat}
/* wms */
.ic_tre_tom{background:url(../images/icons/ic_tre_tom.png) no-repeat}
.ic_tre_jeus{background:url(../images/icons/ic_tre_jeus.png) no-repeat}
.ic_tre_wlog{background:url(../images/icons/ic_tre_wlog.png) no-repeat}
.ic_tre_jbos{background:url(../images/icons/ic_tre_jbos.png) no-repeat}
.ic_tre_reg{background:url(../images/icons/ic_tre_reg.png) no-repeat}
.ic_tre_ora{background:url(../images/icons/ic_tre_ora.png) no-repeat}
.ic_tre_gla{background:url(../images/icons/ic_tre_gla.png) no-repeat}
.ic_tre_net{background:url(../images/icons/ic_tre_net.png) no-repeat}
.ic_tre_wph{background:url(../images/icons/ic_tre_wph.png) no-repeat}
.ic_tre_etc{background:url(../images/icons/ic_tre_ims_4.png) no-repeat}
.ic_tre_notset{background:url(../images/icons/ic_tre_rtms_process.png) no-repeat}

/* wms 사용자 정의 모니터링 설정 트리 아이콘 */
.ic_tre_wms2_userdef_0{background:url(../images/icons/ic_rtms.png) no-repeat}
.ic_tre_wms2_userdef_1{background:url(../images/icons/ic_analysis.png) no-repeat}

/* wms 사용자 정의 모니터링 컴포넌트 아이콘 */
.ic_tre_wms2_cpu{background:url(../images/icons/ic_tre_rtms_cpu.png) no-repeat}
.ic_tre_wms2_mem{background:url(../images/icons/ic_tre_rtms_mem.png) no-repeat}
.ic_tre_wms2_etc{background:url(../images/icons/ic_ohper.png) no-repeat}
.ic_tre_wms2_db{background:url(../images/icons/ic_db.png) no-repeat}
.ic_tre_wms2_net{background:url(../images/icons/ic_network.png) no-repeat}
.ic_tre_wms2_brw{background:url(../images/icons/ic_browser.png) no-repeat}
.ic_tre_wms2_trn{background:url(../images/icons/ic_transaction.png) no-repeat}
.ic_tre_wms2_usr{background:url(../images/icons/ic_user.png) no-repeat}
.ic_tre_wms2_ext{background:url(../images/icons/ic_calling.png) no-repeat}

/* wms 분석 > 주제별 분석 > Issue 트리 아이콘 */
.ic_tre_wms2_issue_bigcoll{background:url(../images/icons/ic_bigcollection.png) no-repeat}
.ic_tre_wms2_issue_bigfetchcnt{background:url(../images/icons/ic_sqlbigfetch.png) no-repeat}
.ic_tre_wms2_issue_exc{background:url(../images/icons/ic_exception.png) no-repeat}
.ic_tre_wms2_issue_forsakencoll{background:url(../images/icons/ic_forsakencollection.png) no-repeat}
.ic_tre_wms2_issue_slowres{background:url(../images/icons/ic_slowresponse.png) no-repeat}
.ic_tre_wms2_issue_sqlexc{background:url(../images/icons/ic_sqlexception.png) no-repeat}
.ic_tre_wms2_issue_uncfile{background:url(../images/icons/ic_unclosedfile.png) no-repeat}
.ic_tre_wms2_issue_uncjdbcconn{background:url(../images/icons/ic_unclosedjdbcconnection.png) no-repeat}
.ic_tre_wms2_issue_uncjdbcdconn{background:url(../images/icons/ic_unclosedjdbdriverconnection.png) no-repeat}
.ic_tre_wms2_issue_uncjdbcrs{background:url(../images/icons/ic_unclosedjdbcresultset.png) no-repeat}
.ic_tre_wms2_issue_uncjdbcstmt{background:url(../images/icons/ic_unclosedjdbcstatement.png) no-repeat}
.ic_tre_wms2_issue_uncjdbcsocket{background:url(../images/icons/ic_unclosedsocket.png) no-repeat}
.ic_tre_wms2_issue_etc{background:url(../images/icons/alert_caution.png) no-repeat;background-size:16px;margin-top:3px;}
.ic_tre_wms2_issue_all{background:url(../images/icons/ic_all.png) no-repeat}

/* wms xlog 트랜잭션 상세 모달 > call stack 트리 아이콘 */
.ic_tre_wms2_cstack_ejb{background:url(../images/icons/ic_ejb.png) no-repeat}
.ic_tre_wms2_cstack_file{background:url(../images/icons/ic_file.png) no-repeat}
.ic_tre_wms2_cstack_http{background:url(../images/icons/ic_http.png) no-repeat}
.ic_tre_wms2_cstack_jdbc{background:url(../images/icons/ic_jdbc.png) no-repeat}
.ic_tre_wms2_cstack_jndi{background:url(../images/icons/ic_jndi.png) no-repeat}
.ic_tre_wms2_cstack_sap{background:url(../images/icons/ic_asp.png) no-repeat}
.ic_tre_wms2_cstack_socket{background:url(../images/icons/ic_socket.png) no-repeat}
.ic_tre_wms2_cstack_tp{background:url(../images/icons/ic_tp.png) no-repeat}
.ic_tre_wms2_cstack_java{background:url(../images/icons/ic_java.png) no-repeat}
.ic_tre_wms2_cstack_userdef{background:url(../images/icons/ic_userdefined.png) no-repeat}
.ic_tre_wms2_cstack_servlet{background:url(../images/icons/ic_servlet.png) no-repeat}
.ic_tre_wms2_cstack_merged{background:url(../images/icons/ic_marged.png) no-repeat}
.ic_tre_wms2_cstack_omitted{background:url(../images/icons/ic_skip.png) no-repeat}

/* 대상 관련 Websocket 아이콘  - #8785 userdefmon_.css에서 이동*/
.ic_caution {background:url(../images/icons/ic_fail.png) no-repeat center center;}
.ic_license {background:url(../images/icons/ic_licensexpiration.png) no-repeat center center;}
.ic_stop {background:url(../images/icons/ic_stop.png) no-repeat center center;}

/* ims */
.ic_tre_ims_1{background:url(../images/icons/ic_tre_ims_1.png) no-repeat}				/* FTP */
.ic_tre_ims_2{background:url(../images/icons/ic_tre_ims_2.png) no-repeat}				/* SFTP */
.ic_tre_ims_4{background:url(../images/icons/ic_tre_ims_4.png) no-repeat}				/* HTTP */
.ic_tre_ims_8{background:url(../images/icons/ic_tre_ims_8.png) no-repeat}				/* HTTPS */
.ic_tre_ims_16{background:url(../images/icons/ic_tre_ims_16.png) no-repeat}				/* ICMP */
.ic_tre_ims_32{background:url(../images/icons/ic_tre_ims_32.png) no-repeat}				/* PORT */
.ic_tre_ims_64{background:url(../images/icons/ic_tre_ims_64.png) no-repeat}				/* DNS */
.ic_tre_ims_128{background:url(../images/icons/ic_tre_ims_128.png) no-repeat}			/* SNMP */
.ic_tre_ims_256{background:url(../images/icons/ic_tre_ims_256.png) no-repeat}			/* SMTP */
.ic_tre_ims_512{background:url(../images/icons/ic_tre_ims_512.png) no-repeat}			/* POP3 */	
.ic_tre_ims_1024{background:url(../images/icons/ic_tre_ims_1024.png) no-repeat}			/* IMAP4 */
.ic_tre_ims_2048{background:url(../images/icons/ic_tre_ims_2048.png) no-repeat}			/* DHCP */
.ic_tre_ims_4096{background:url(../images/icons/ic_tre_ims_4096.png) no-repeat}			/* ORACLE */
.ic_tre_ims_8192{background:url(../images/icons/ic_tre_ims_8192.png) no-repeat}			/* RADIUS */
.ic_tre_ims_16384{background:url(../images/icons/ic_tre_ims_16384.png) no-repeat}		/* LDAP */
.ic_tre_ims_32768{background:url(../images/icons/ic_tre_ims_32768.png) no-repeat}		/* WSP - 이미지 변경 필요 */

.ic_tre_ims_1_wms{background:url(../images/icons/ic_tre_ims_1_wms_x.png) no-repeat}						/* WMS 사용안함 */
.ic_tre_ims_2048_s21{background:url(../images/icons/ic_tre_ims_2048_s21_x.png) no-repeat}				/* S21 - 사용안함 */
.ic_tre_ims_16384_diameter{background:url(../images/icons/ic_tre_ims_16384_diameter_x.png) no-repeat}	/* DIAMETER - 사용안함 */
.ic_tre_ims_131072_castis{background:url(../images/icons/ic_tre_ims_131072_castis_x.png) no-repeat}		/* CASTIS - 사용안함 */
.ic_tre_ims_262144_apache{background:url(../images/icons/ic_tre_ims_262144_apache_x.png) no-repeat}		/* APACHE - 사용안함 */
.ic_tre_ims_524288_tomcat{background:url(../images/icons/ic_tre_ims_524288_tomcat_x.png) no-repeat}		/* TOMCAT - 사용안함 */
.ic_tre_ims_1048576_iis{background:url(../images/icons/ic_tre_ims_1048576_iis_x.png) no-repeat}			/* IIS - 사용안함 */
.ic_tre_ims_2097152_newauth{background:url(../images/icons/ic_tre_ims_2097152_newauth_x.png) no-repeat}	/* NEWAUTH - 사용안함 */
.ic_tre_ims_4194304_cdn{background:url(../images/icons/ic_tre_ims_4194304_cdn_x.png) no-repeat}			/* CDN - 사용안함 */

/* bms */
.ic_tre_bms_agt{background:url(../images/icons/ic_tre_bms_agt.png) no-repeat}
.ic_tre_bms_2{background:url(../images/icons/ic_tre_bms_2.png) no-repeat}
.ic_tre_bms_job{background:url(../images/icons/ic_tre_bms_job.png) no-repeat}
/* pabxm */
.ic_tre_pabxm{background:url(../images/icons/ic_tre_pabxm.png) no-repeat}
.ic_tre_pbx_6889{background:url(../images/icons/ic_tre_pbx_6889.png) no-repeat}
.ic_tre_pbx_236{background:url(../images/icons/ic_tre_pbx_236.png) no-repeat}
.ic_tre_pbx_4329{background:url(../images/icons/ic_tre_pbx_4329.png) no-repeat}
.ic_tre_pbx_99{background:url(../images/icons/ic_tre_pbx_99.png) no-repeat}
.ic_tre_pbx_562{background:url(../images/icons/ic_tre_pbx_562.png) no-repeat}
.ic_tre_pbx_0{background:url(../images/icons/ic_tre_pbx_0.png) no-repeat}
.ic_tre_pbx_572{background:url(../images/icons/ic_tre_pbx_572.png) no-repeat}
.ic_tre_pbx_637{background:url(../images/icons/ic_tre_pbx_637.png) no-repeat}
/* Real time */
.ic_realtime_1{background:url(../images/icons/ic_realtime_1.png) no-repeat}
.ic_tre_realtime{background:url(../images/icons/ic_tre_realtime.png) no-repeat}
.ic_tre_rtms_cpu{background:url(../images/icons/ic_tre_rtms_cpu.png) no-repeat}
.ic_tre_rtms_mem{background:url(../images/icons/ic_tre_rtms_mem.png) no-repeat}
.ic_tre_rtms_network{background:url(../images/icons/ic_tre_rtms_network.png) no-repeat}
.ic_tre_rtms_process{background:url(../images/icons/ic_tre_rtms_process.png) no-repeat}
.ic_tre_rtms_process_cnt{background:url(../images/icons/ic_tre_rtms_process_cnt.png) no-repeat}
.ic_tre_rtms_load{background:url(../images/icons/ic_tre_rtms_load.png) no-repeat}
.ic_tre_rtms_storage{background:url(../images/icons/ic_tre_rtms_storage.png) no-repeat}
.ic_tre_rtms_swap{background:url(../images/icons/ic_tre_rtms_swap.png) no-repeat}
.ic_tre_rtms_if{background:url(../images/icons/ic_tre_rtms_if.png) no-repeat}
.ic_tre_rtms_user{background:url(../images/icons/ic_tre_rtms_user.png) no-repeat}
.ic_tre_rtms_perf{background:url(../images/icons/ic_tre_rtms_perf.png) no-repeat}
.ic_tre_rtms_barchart{background:url(../images/icons/ic_tre_rtms_barchart.png) no-repeat}
.ic_tre_rtms_linechart{background:url(../images/icons/ic_tre_rtms_linechart.png) no-repeat}
.ic_tre_rtms_linechart2{background:url(../images/icons/ic_tre_rtms_linechart2.png) no-repeat}
.ic_tre_rtms_piechart{background:url(../images/icons/ic_tre_rtms_piechart.png) no-repeat}
.ic_tre_rtms_donutchart{background:url(../images/icons/ic_tre_rtms_donutchart.png) no-repeat}
.ic_tre_rtms_guage{background:url(../images/icons/ic_tre_rtms_guage.png) no-repeat}
.ic_tre_rtms_cylinder{background:url(../images/icons/ic_tre_rtms_cylinder.png) no-repeat}
.ic_tre_rtms_board_open{background:url(../images/icons/ic_tre_rtms_board_open.png) no-repeat}
.ic_tre_rtms_board_close{background:url(../images/icons/ic_tre_rtms_board_close.png) no-repeat}
.ic_tre_rtms_board_chart{background:url(../images/icons/ic_tre_rtms_board_chart.png) no-repeat}
.ic_tre_common_item{background:url(../images/icons/ic_tre_common_item.png) no-repeat}
/* oam */
.ic_tre_oam{background:url(../images/icons/ic_tre_oam.png) no-repeat}
.ic_tre_oam_job{background:url(../images/icons/ic_tre_oam_job.png) no-repeat}
.ic_tre_oam_script{background:url(../images/icons/ic_tre_oam_script.png) no-repeat}
.ic_tre_oam_distribute{background:url(../images/icons/ic_tre_oam_distribute.png) no-repeat}
.ic_tre_oam_script_distribute{background:url(../images/icons/ic_tre_oam_script_distribute.png) no-repeat}
.ic_tre_oam_batchjob{background:url(../images/icons/ic_tre_oam_batchjob.png) no-repeat}
/* 감시설정 */
.ic_tre_alarm_folderopen{background:url(../images/icons/ic_tre_alarm_folderopen.png) no-repeat}
.ic_tre_alarm_folderclosed{background:url(../images/icons/ic_tre_alarm_folderclosed.png) no-repeat}
.ic_tre_alarm{background:url(../images/icons/ic_tre_alarm.png) no-repeat}
.ic_tre_alarm00{background:url(../images/icons/ic_tre_alarm00.png) no-repeat}
.ic_tre_alarm10{background:url(../images/icons/ic_tre_alarm10.png) no-repeat}
.ic_tre_alarm20{background:url(../images/icons/ic_tre_alarm20.png) no-repeat}
.ic_tre_alarm30{background:url(../images/icons/ic_tre_alarm30.png) no-repeat}
.ic_tre_alarm40{background:url(../images/icons/ic_tre_alarm40.png) no-repeat}
.ic_tre_alarm50{background:url(../images/icons/ic_tre_alarm50.png) no-repeat}

/* ERMS*/
.ic_erms_service{background:url(../images/icons/ic_groupservice.png) no-repeat}
.ic_share_erms_service{background:url(../images/icons/ic_groupserviceshare.png) no-repeat}
.ic_erms_rule{background:url(../images/icons/ic_erms_rule.png) no-repeat}
.cont_recipient .erms_btn_refresh a{float:right;padding-right: 1px;position:relative;display:block;width:21px;height:22px; background:url(../images/com/btn_refresh.png) no-repeat; overflow:hidden;text-indent:100%;white-space:nowrap}

a:hover .txt_link_hover {border-bottom:1px solid;} /* text에  마우스 오버 시 bordert 생기도록 추가 2016.8.4 add kjm*/

/* #3955 오류내역 수정시 추가하게된 css 2017.02.22 sangkwangLee */
.only_vartical_middle{vertical-align:middle;}

/* 사용자 매뉴얼 다운로드 팝업*/
.manual_down_tb{height:54px;background:#666d77;}
.manual_down_tb .ic{background:url(../images/com/manual_title_icon.png) no-repeat 54% 49%}
.manual_down_tb .txt{color:#fff;font-size:15px;line-height:20px;vertical-align:middle;padding:10px 10px 10px 0}
.manual_down_txt_box{width:500px;height:336px;overflow:auto;overflow-x:hidden}
.manual_down_txt_tb{margin-top:13px;margin-left:10px}
.manual_down_txt_tb tr{height:35px;}
.manual_down_txt_tb td{font-size:13px;padding-left:6px;width:236px}
.manual_down_txt_tb .down_pdf{display:inline-block;margin-right:8px;width:22px;height:28px;background:url(../images/com/manual_icon_pdf.png) no-repeat;vertical-align:middle}
.manual_down_txt_tb .down_pdf_kor{display:inline-block;margin-right:8px;width:22px;height:28px;background:url(../images/com/manual_icon_pdf_kor.png) no-repeat;vertical-align:middle}
.manual_down_txt_tb .down_pdf_eng{display:inline-block;margin-right:8px;width:22px;height:28px;background:url(../images/com/manual_icon_pdf_eng.png) no-repeat;vertical-align:middle}
.manual_down_txt_tb .down_pdf_jap{display:inline-block;margin-right:8px;width:22px;height:28px;background:url(../images/com/manual_icon_pdf_jap.png) no-repeat;vertical-align:middle}

/* #4674 '분' 위치조정 css */
.txt_minute{display:inline-block; padding-bottom:0px; vertical-align: middle}

/* WMS > 분석 > Snapshot 분석 */
.wms2_analysis_period a.btn_refresh_open{display:inline-block;width:14px;height:14px;float:right;margin-right:7px;background:url(../images/com/btn_refresh_open.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}
.wms2_analysis_period a:hover.btn_refresh_open{background:url(../images/com/btn_refresh_open.png) no-repeat 0 -14px;}
.wms2_analysis_period a.btn_refresh_close{display:inline-block;width:14px;height:14px;float:right;margin-right:7px;background:url(../images/com/btn_refresh_close.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap;vertical-align:middle}
.wms2_analysis_period a:hover.btn_refresh_close{background:url(../images/com/btn_refresh_close.png) no-repeat 0 -14px;}

/* #8424 chart 영역 */
.common_chart {position:relative;top:-30px;border:0px solid orange;z-index:11;}
.common_chart_title {position:relative;border:0px solid red;height:20px;margin:0;padding-top:16px;padding-bottom:0;z-index:12;}
.common_chart_btn {position:relative;top:-22px;float:right;border:0px solid green;z-index:13;}
.common_chart_summary_txt {position:relative;border:0px solid blue;height:20px;bottom:7px;margin:0;padding-top:11px;font-size:11px;text-align:center;color:#7e7e7e;}

/* NMS 사용자정의항목,configuration 실행내역비교 */
.compare_diff_left {background:#ffe6e6}
.compare_diff_right {background:#e6ffe6}

/*#8573 [C19426-02 DB Inc.] 감사메뉴 수정 - #감사로그*/
.audit_before_diff {font-weight: 700;padding: 1px 0.2em;border-radius: 3px;border-radius: min(0.2em, 3px);background: #ccc;color: #333;}
.audit_after_diff {font-weight: 700;padding: 1px 0.2em;border-radius: 3px;border-radius: min(0.2em, 3px);background: #95D5FB;color: #333;}

/*#8785 APM 디자인테마 작업*/
.middleconfig {float: left;background-color: #e7e7e7}
.rightconfig {float: right;background: url(../images/com/bg_tree.png) repeat-y left top;background-color : #e7e7e7;z-index : 200;width : 250px;overflow : hidden;}
.rightconfig_close{float:right;width:13px;background:url(../images/com/bg_tree.png) repeat-y left top;background-color:#e7e7e7;z-index:200;width:13px;}
.cont_title .btn_close a{display:block;float:left;width:9px;height:20px;background:url(../images/com/btn_tree_open.png) no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap;}
.cont_title .btn_close a:hover{background:url(../images/com/btn_tree_open.png) no-repeat 0 -20px}
.cont_title .btn_open a{display:block;float:left;width:9px;height:20px;background:url(../images/com/btn_tree_close.png) no-repeat 0 0;overflow:hidden;text-indent:100%;white-space:nowrap}
.cont_title .btn_open a:hover{background:url(../images/com/btn_tree_close.png) no-repeat 0 -20px}
.comptitle {color: #e0e2e7;font-weight:bold;text-overflow: ellipsis;margin-left: 5px;overflow: hidden;}

.flow_basic {background:url(../images/com/flow_basic.png) no-repeat}

/* 운영관리 > 주요 메뉴 가이드 (가이드맵) */
.oper-popular-menu-group {
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  -ms-flex-align: start;
  -ms-flex-pack: start;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px;
}
.oper-popular-menu-group .oper-popular-menu-item {
  width: 180px;
  margin: 10px;
}
.oper-popular-menu-group .oper-popular-menu-item h4 {
  display: block;
  font-size: 24px;
  font-weight: 700;
  width: 100%;
  padding: 24px 0 0 2px;
  background-color: transparent;
  background-image: none;
  background-size: 60px 48px;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-ems {
  background-image: url(../images/com/icon-service-ems-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-bms {
  background-image: url(../images/com/icon-service-bms-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-dbms {
  background-image: url(../images/com/icon-service-dbms-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-erms {
  background-image: url(../images/com/icon-service-erms-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-fms {
  background-image: url(../images/com/icon-service-fms-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-ims {
  background-image: url(../images/com/icon-service-dbms-ims.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-maintenance {
  background-image: url(../images/com/icon-service-maintenance-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-nms {
  background-image: url(../images/com/icon-service-nms-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-oam {
  background-image: url(../images/com/icon-service-oam-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-oms {
  background-image: url(../images/com/icon-service-oms-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-pabxm {
  background-image: url(../images/com/icon-service-pabxm-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-realtime {
  background-image: url(../images/com/icon-service-realtime-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-sms {
  background-image: url(../images/com/icon-service-sms-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-syslog {
  background-image: url(../images/com/icon-service-syslog-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-tms {
  background-image: url(../images/com/icon-service-tms-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-trap {
  background-image: url(../images/com/icon-service-trap-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-vms {
  background-image: url(../images/com/icon-service-vms-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item h4.oper-popular-menu-wms {
  background-image: url(../images/com/icon-service-wms-dark.svg);
}
.oper-popular-menu-group .oper-popular-menu-item ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  overflow: hidden;
}
.oper-popular-menu-group .oper-popular-menu-item ul li a {
  display: block;
  padding: 10px;
  font-size: 12px;
  font-weight: 600;
  color: #313334;
  text-decoration: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cg fill='%23313334'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #efefef;
  background-position: calc(100% - 4px) 50%;
}
.oper-popular-menu-group .oper-popular-menu-item ul li a:hover {
  background-color: #fcfcfc;
}
.oper-popular-menu-group .oper-popular-menu-item ul li a:active {
  background-color: #e2e2e2;
}

/* 운영관리 > 주요 메뉴 가이드 (가이드맵) */
.main-guide-section {
  display: -ms-flexbox;
  -ms-flex-direction: row;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: start;
  -ms-flex-align: start;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  background: #efefef;
  padding: 10px 0 0 10px;
}
.main-guide-section .portlet_common {
  width: calc(100% - 10px);
  line-height: 1.3;
  margin: 0 8px 16px 0;
  align-self: flex-start;
}
@media screen and (min-width: 600px) {
  .main-guide-section .portlet_common {
    width: calc(50% - 10px);
  }
}
@media screen and (min-width: 1000px) {
  .main-guide-section .portlet_common {
    width: calc(33% - 10px);
  }
}
@media screen and (min-width: 1800px) {
  .main-guide-section .portlet_common {
    width: calc(20% - 10px);
  }
}
.main-guide-section .portlet_title_box {
  display: -ms-flexbox;
  -ms-flex-direction: row;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 8px 7px;
  width: auto;
  background: rgb(219,219,219);
  background: linear-gradient(0deg, rgba(225,225,225,1) 0%, rgba(244,244,244,1) 100%);
  border-bottom: 1px solid #ccc;
}
.main-guide-section .portlet_title_box span {
  display: inline-block;
}
.main-guide-section .portlet_title_box span.com_ic {
  padding: 0;
}
.main-guide-section .portlet_title_box span.ic_tre_oper {
  background: url(../images/com/snb_setting_icon.png) no-repeat;
  background-position: 0 -75px;
}
.main-guide-section .portlet_title_box span.main-guide-title {
  font-size: 16px;
  font-weight: 600;
  padding-left: 6px;
  padding-bottom: 2px;
}
span.main-guide-title {
  width: calc(100% - 30px);
}
.main-guide-section .main-guide-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-guide-section .main-guide-menu li {
  display: block;
}
.main-guide-section .main-guide-menu li:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
.main-guide-section .main-guide-menu li a, .main-guide-section .main-guide-menu li span {
  display: block;
  padding: 6px 4px 6px 29px;
  font-size: 12px;
  font-weight: bold;
  color: #535b5f;
}
.main-guide-section .main-guide-menu li a:hover, .main-guide-section .main-guide-menu li a:focus {
  background: #efefef;
}
.main-guide-section .main-guide-menu li a:active {
  background: #d7d7d7;
}

/*8.0 ERMS*/
.erms_add_device {right:0px;top:0px;width:32px;height:28px;background:url(../images/com/btn_erms_add_device_masked.png) no-repeat;position:absolute;}