@charset "UTF-8";
/* ------------------------------------------------------------
/  ★ 임시공지 2021.1.21: CSS 파일 직접 수정하지 마세요.
/  모든 CSS 변경 내용은 /WebContent/design/themes/_universal-*.scss 파일에 업데이트할 것
/  SCSS 파일 변경하려면, SASS[1] 컴파일러 설치[2] 및 연동[3] 필요.
/  [1] sass-lang.com
/  [2] github.com/sass/dart-sass/releases/
/  [3] stackoverflow.com/questions/9430906/eclipse-plugin-to-automatically-compile-sass-files
/  ------------------------------------------------------------
/  Eclipse 설정:
/  -- Project > Properties > Builders 에서 위 [2]에서 설치된 sass.bat 추가
/  -- Working directory: ${project_path}/WebContent/design/ 까지 잡아야 기존에 숨어있던 scss 파일들이 모두 컴파일되는 걸 막을 수 있음.
/  -- Arguments: --no-source-map --update .:.
/  ------------------------------------------------------------
/  SCSS migration 관련 문의: 디자인팀 정승녕 sn.chung@ (네이트온 sn-chung@)
------------------------------------------------------------ */
/*! src: _universal_desktopStyle.scss */
@import url("../../reset.css");
/* --------------------------------------------------- ^O^/ --
/  SCSS 파일 변경하려면, SASS[1] 컴파일러 설치[2] 및 연동[3] 필요.
/  [1] sass-lang.com
/  [2] github.com/sass/dart-sass/releases/
/  [3] stackoverflow.com/questions/9430906/eclipse-plugin-to-automatically-compile-sass-files
/  ------------------------------------------------------------
/  Eclipse 설정:
/  -- Project > Properties > Builders 에서 위 [2]에서 설치된 sass.bat 추가
/  -- Working directory: ${project_path}/WebContent/design/ 까지 잡아야 기존에 숨어있던 scss 파일들이 모두 컴파일되는 걸 막을 수 있음.
/  -- Arguments: --no-source-map --update .:.
------------------------------------------------------------ */
/* --------------------------------------------------- ^O^/ --
/  SCSS 파일 변경하려면, SASS[1] 컴파일러 설치[2] 및 연동[3] 필요.
/  [1] sass-lang.com
/  [2] github.com/sass/dart-sass/releases/
/  [3] stackoverflow.com/questions/9430906/eclipse-plugin-to-automatically-compile-sass-files
/  ------------------------------------------------------------
/  Eclipse 설정:
/  -- Project > Properties > Builders 에서 위 [2]에서 설치된 sass.bat 추가
/  -- Working directory: ${project_path}/WebContent/design/ 까지 잡아야 기존에 숨어있던 scss 파일들이 모두 컴파일되는 걸 막을 수 있음.
/  -- Arguments: --no-source-map --update .:.
------------------------------------------------------------ */
.hiddenTitle,
legend {
  position: absolute;
  left: -9999em;
}

#dp_swf_engine {
  display: none;
}

.screen-reader-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

img, input, select, textarea, label {
  vertical-align: middle;
}

img {
  border: none !important;
}

input, textarea, select, button {
  font-size: 11px;
  font-family: inherit, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin: 0;
  padding: 0;
  background: rgba(102, 110, 115, 0.2);
  border: 0;
  border-radius: 3px;
  color: #E3E3E8;
}

select {
  background: #3E474C;
  color: #E3E3E8;
  border: 1px solid #2d2d2d;
  height: 22px;
  font-size: 11px;
  padding-left: 2px;
  border-radius: 3px;
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
}
select::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  cursor: pointer;
}
select::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 12px / 4);
}
select::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 12px / 4);
  border: max(1px, 12px / 4) solid #2c3135 !important;
}
select::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
select::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
select::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
select::-webkit-scrollbar-button {
  display: none;
}
select[disabled] {
  background-color: #2c3135;
  color: rgba(227, 227, 232, 0.5);
}

input::placeholder, textarea::placeholder {
  color: rgba(227, 227, 232, 0.4);
}
input[readonly], textarea[readonly] {
  background-color: rgba(62, 71, 76, 0.2);
  color: #aeb7bb;
}
input[disabled], textarea[disabled] {
  background-color: #2c3135 !important;
  color: rgba(227, 227, 232, 0.5);
}
input[readonly]:focus, textarea[readonly]:focus {
  outline: none;
}

textarea {
  resize: none;
  border-radius: 3px;
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
}
textarea::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  cursor: pointer;
}
textarea::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 12px / 4);
}
textarea::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 12px / 4);
  border: max(1px, 12px / 4) solid #2c3135 !important;
}
textarea::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
textarea::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
textarea::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
textarea::-webkit-scrollbar-button {
  display: none;
}

label {
  display: inline-block;
}

a {
  color: #ffffff;
}

@font-face {
  font-family: "맑은 고딕", Malgun Gothic, "돋움", Dotum, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}
body {
  color: #ffffff;
  background: #151c1f;
  font-size: 11px;
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
}
body::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
body::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 15px / 4);
}
body::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 15px / 4);
  border: max(1px, 15px / 4) solid #2c3135 !important;
}
body::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
body::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
body::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
body::-webkit-scrollbar-button {
  display: none;
}

.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_28 {
  font-size: 28px;
}

.txt_34 {
  font-size: 34px;
}

.txt_gray {
  color: #aeb7bb;
}

.txt_star {
  font-size: 11px;
  color: #d90007;
  padding-left: 1px;
  vertical-align: middle;
}

.bg_white {
  background: #353d42;
}

.bg_default_color {
  background: #353d42;
}

.input1 {
  height: 20px;
  padding-left: 5px;
  border: 1px solid #2d2d2d;
  border-radius: 1px;
}

.input2 {
  border: 1px solid #2d2d2d;
  background: #666e73;
  height: 20px;
  padding-left: 5px;
  border-radius: 1px;
}

.input3 {
  border: 1px solid #2d2d2d;
  height: 14px;
  padding-left: 5px;
  border-radius: 1px;
}

.input4 {
  border: 1px solid #2d2d2d;
  height: 20px;
  padding-right: 5px;
  text-align: right;
}

.input5 {
  border: 1px solid #2d2d2d;
  background: #666e73;
  height: 20px;
  text-align: center;
}

.input_refresh {
  border: 1px solid #2d2d2d;
  border-right: none;
  border-radius: 3px 0 0 3px;
  height: 20px;
  padding-left: 5px;
  background-color: rgba(45, 45, 45, 0.3);
  color: #E3E3E8;
}
.input_refresh[readonly] {
  background-color: rgba(62, 71, 76, 0.9);
  color: #8e979b;
}

.rc_text_area {
  height: 70px;
  margin-right: 8px;
  width: 470px;
}

.not_auth_input1 {
  height: 20px;
  padding-left: 5px;
  border: 0px;
  border-radius: 1px;
}

.input_login {
  border: 0;
  height: 39px;
  background-color: transparent;
  padding-left: 10px;
  padding-top: 1px;
  font-size: 14px;
  color: #ffffff;
  border-radius: 2px;
}

.input_login::placeholder {
  color: #ffffff33;
}

.input_checkbox_head {
  margin-right: 3px;
}

.input_checkbox {
  margin-left: 10px;
  margin-right: 3px;
}

.select1 {
  border: 1px solid #2d2d2d;
  height: 22px;
}

.selectbox01 {
  border: 1px solid #2d2d2d;
}

.pa-0 {
  padding: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pa-1 {
  padding: 1px !important;
}

.pl-1 {
  padding-left: 1px !important;
}

.pr-1 {
  padding-right: 1px !important;
}

.pt-1 {
  padding-top: 1px !important;
}

.pb-1 {
  padding-bottom: 1px !important;
}

.px-1 {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.py-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.pa-2 {
  padding: 2px !important;
}

.pl-2 {
  padding-left: 2px !important;
}

.pr-2 {
  padding-right: 2px !important;
}

.pt-2 {
  padding-top: 2px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.px-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.py-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.pa-3 {
  padding: 3px !important;
}

.pl-3 {
  padding-left: 3px !important;
}

.pr-3 {
  padding-right: 3px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.px-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.py-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.pa-4 {
  padding: 4px !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.px-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.pa-5 {
  padding: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.pa-6 {
  padding: 6px !important;
}

.pl-6 {
  padding-left: 6px !important;
}

.pr-6 {
  padding-right: 6px !important;
}

.pt-6 {
  padding-top: 6px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.px-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.py-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.pa-7 {
  padding: 7px !important;
}

.pl-7 {
  padding-left: 7px !important;
}

.pr-7 {
  padding-right: 7px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

.px-7 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.py-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.pa-8 {
  padding: 8px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.pa-9 {
  padding: 9px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

.pt-9 {
  padding-top: 9px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

.px-9 {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.py-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.pa-10 {
  padding: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pa-11 {
  padding: 11px !important;
}

.pl-11 {
  padding-left: 11px !important;
}

.pr-11 {
  padding-right: 11px !important;
}

.pt-11 {
  padding-top: 11px !important;
}

.pb-11 {
  padding-bottom: 11px !important;
}

.px-11 {
  padding-left: 11px !important;
  padding-right: 11px !important;
}

.py-11 {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.pa-12 {
  padding: 12px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.pa-13 {
  padding: 13px !important;
}

.pl-13 {
  padding-left: 13px !important;
}

.pr-13 {
  padding-right: 13px !important;
}

.pt-13 {
  padding-top: 13px !important;
}

.pb-13 {
  padding-bottom: 13px !important;
}

.px-13 {
  padding-left: 13px !important;
  padding-right: 13px !important;
}

.py-13 {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.pa-14 {
  padding: 14px !important;
}

.pl-14 {
  padding-left: 14px !important;
}

.pr-14 {
  padding-right: 14px !important;
}

.pt-14 {
  padding-top: 14px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

.px-14 {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.py-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.pa-15 {
  padding: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.pa-16 {
  padding: 16px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.pa-17 {
  padding: 17px !important;
}

.pl-17 {
  padding-left: 17px !important;
}

.pr-17 {
  padding-right: 17px !important;
}

.pt-17 {
  padding-top: 17px !important;
}

.pb-17 {
  padding-bottom: 17px !important;
}

.px-17 {
  padding-left: 17px !important;
  padding-right: 17px !important;
}

.py-17 {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}

.pa-18 {
  padding: 18px !important;
}

.pl-18 {
  padding-left: 18px !important;
}

.pr-18 {
  padding-right: 18px !important;
}

.pt-18 {
  padding-top: 18px !important;
}

.pb-18 {
  padding-bottom: 18px !important;
}

.px-18 {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.py-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.pa-19 {
  padding: 19px !important;
}

.pl-19 {
  padding-left: 19px !important;
}

.pr-19 {
  padding-right: 19px !important;
}

.pt-19 {
  padding-top: 19px !important;
}

.pb-19 {
  padding-bottom: 19px !important;
}

.px-19 {
  padding-left: 19px !important;
  padding-right: 19px !important;
}

.py-19 {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}

.pa-20 {
  padding: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pa-21 {
  padding: 21px !important;
}

.pl-21 {
  padding-left: 21px !important;
}

.pr-21 {
  padding-right: 21px !important;
}

.pt-21 {
  padding-top: 21px !important;
}

.pb-21 {
  padding-bottom: 21px !important;
}

.px-21 {
  padding-left: 21px !important;
  padding-right: 21px !important;
}

.py-21 {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}

.pa-22 {
  padding: 22px !important;
}

.pl-22 {
  padding-left: 22px !important;
}

.pr-22 {
  padding-right: 22px !important;
}

.pt-22 {
  padding-top: 22px !important;
}

.pb-22 {
  padding-bottom: 22px !important;
}

.px-22 {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.py-22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.pa-23 {
  padding: 23px !important;
}

.pl-23 {
  padding-left: 23px !important;
}

.pr-23 {
  padding-right: 23px !important;
}

.pt-23 {
  padding-top: 23px !important;
}

.pb-23 {
  padding-bottom: 23px !important;
}

.px-23 {
  padding-left: 23px !important;
  padding-right: 23px !important;
}

.py-23 {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}

.pa-24 {
  padding: 24px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.pa-25 {
  padding: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.pa-26 {
  padding: 26px !important;
}

.pl-26 {
  padding-left: 26px !important;
}

.pr-26 {
  padding-right: 26px !important;
}

.pt-26 {
  padding-top: 26px !important;
}

.pb-26 {
  padding-bottom: 26px !important;
}

.px-26 {
  padding-left: 26px !important;
  padding-right: 26px !important;
}

.py-26 {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.pa-27 {
  padding: 27px !important;
}

.pl-27 {
  padding-left: 27px !important;
}

.pr-27 {
  padding-right: 27px !important;
}

.pt-27 {
  padding-top: 27px !important;
}

.pb-27 {
  padding-bottom: 27px !important;
}

.px-27 {
  padding-left: 27px !important;
  padding-right: 27px !important;
}

.py-27 {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}

.pa-28 {
  padding: 28px !important;
}

.pl-28 {
  padding-left: 28px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.px-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.pa-29 {
  padding: 29px !important;
}

.pl-29 {
  padding-left: 29px !important;
}

.pr-29 {
  padding-right: 29px !important;
}

.pt-29 {
  padding-top: 29px !important;
}

.pb-29 {
  padding-bottom: 29px !important;
}

.px-29 {
  padding-left: 29px !important;
  padding-right: 29px !important;
}

.py-29 {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}

.pa-30 {
  padding: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.ma-0 {
  margin: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.ma-1 {
  margin: 1px !important;
}

.ml-1 {
  margin-left: 1px !important;
}

.mr-1 {
  margin-right: 1px !important;
}

.mt-1 {
  margin-top: 1px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.mx-1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.my-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.ma-2 {
  margin: 2px !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.mx-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.my-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.ma-3 {
  margin: 3px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.mx-3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.my-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.ma-4 {
  margin: 4px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.mx-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.ma-5 {
  margin: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.ma-6 {
  margin: 6px !important;
}

.ml-6 {
  margin-left: 6px !important;
}

.mr-6 {
  margin-right: 6px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.mx-6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.my-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.ma-7 {
  margin: 7px !important;
}

.ml-7 {
  margin-left: 7px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.mx-7 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.my-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.ma-8 {
  margin: 8px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.ma-9 {
  margin: 9px !important;
}

.ml-9 {
  margin-left: 9px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

.mx-9 {
  margin-left: 9px !important;
  margin-right: 9px !important;
}

.my-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.ma-10 {
  margin: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.ma-11 {
  margin: 11px !important;
}

.ml-11 {
  margin-left: 11px !important;
}

.mr-11 {
  margin-right: 11px !important;
}

.mt-11 {
  margin-top: 11px !important;
}

.mb-11 {
  margin-bottom: 11px !important;
}

.mx-11 {
  margin-left: 11px !important;
  margin-right: 11px !important;
}

.my-11 {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}

.ma-12 {
  margin: 12px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mx-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.ma-13 {
  margin: 13px !important;
}

.ml-13 {
  margin-left: 13px !important;
}

.mr-13 {
  margin-right: 13px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.mb-13 {
  margin-bottom: 13px !important;
}

.mx-13 {
  margin-left: 13px !important;
  margin-right: 13px !important;
}

.my-13 {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

.ma-14 {
  margin: 14px !important;
}

.ml-14 {
  margin-left: 14px !important;
}

.mr-14 {
  margin-right: 14px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.mx-14 {
  margin-left: 14px !important;
  margin-right: 14px !important;
}

.my-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.ma-15 {
  margin: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.ma-16 {
  margin: 16px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.ma-17 {
  margin: 17px !important;
}

.ml-17 {
  margin-left: 17px !important;
}

.mr-17 {
  margin-right: 17px !important;
}

.mt-17 {
  margin-top: 17px !important;
}

.mb-17 {
  margin-bottom: 17px !important;
}

.mx-17 {
  margin-left: 17px !important;
  margin-right: 17px !important;
}

.my-17 {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}

.ma-18 {
  margin: 18px !important;
}

.ml-18 {
  margin-left: 18px !important;
}

.mr-18 {
  margin-right: 18px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.mx-18 {
  margin-left: 18px !important;
  margin-right: 18px !important;
}

.my-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.ma-19 {
  margin: 19px !important;
}

.ml-19 {
  margin-left: 19px !important;
}

.mr-19 {
  margin-right: 19px !important;
}

.mt-19 {
  margin-top: 19px !important;
}

.mb-19 {
  margin-bottom: 19px !important;
}

.mx-19 {
  margin-left: 19px !important;
  margin-right: 19px !important;
}

.my-19 {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}

.ma-20 {
  margin: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.ma-21 {
  margin: 21px !important;
}

.ml-21 {
  margin-left: 21px !important;
}

.mr-21 {
  margin-right: 21px !important;
}

.mt-21 {
  margin-top: 21px !important;
}

.mb-21 {
  margin-bottom: 21px !important;
}

.mx-21 {
  margin-left: 21px !important;
  margin-right: 21px !important;
}

.my-21 {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}

.ma-22 {
  margin: 22px !important;
}

.ml-22 {
  margin-left: 22px !important;
}

.mr-22 {
  margin-right: 22px !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.mx-22 {
  margin-left: 22px !important;
  margin-right: 22px !important;
}

.my-22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.ma-23 {
  margin: 23px !important;
}

.ml-23 {
  margin-left: 23px !important;
}

.mr-23 {
  margin-right: 23px !important;
}

.mt-23 {
  margin-top: 23px !important;
}

.mb-23 {
  margin-bottom: 23px !important;
}

.mx-23 {
  margin-left: 23px !important;
  margin-right: 23px !important;
}

.my-23 {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}

.ma-24 {
  margin: 24px !important;
}

.ml-24 {
  margin-left: 24px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.ma-25 {
  margin: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.ma-26 {
  margin: 26px !important;
}

.ml-26 {
  margin-left: 26px !important;
}

.mr-26 {
  margin-right: 26px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.mb-26 {
  margin-bottom: 26px !important;
}

.mx-26 {
  margin-left: 26px !important;
  margin-right: 26px !important;
}

.my-26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.ma-27 {
  margin: 27px !important;
}

.ml-27 {
  margin-left: 27px !important;
}

.mr-27 {
  margin-right: 27px !important;
}

.mt-27 {
  margin-top: 27px !important;
}

.mb-27 {
  margin-bottom: 27px !important;
}

.mx-27 {
  margin-left: 27px !important;
  margin-right: 27px !important;
}

.my-27 {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}

.ma-28 {
  margin: 28px !important;
}

.ml-28 {
  margin-left: 28px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.mx-28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.ma-29 {
  margin: 29px !important;
}

.ml-29 {
  margin-left: 29px !important;
}

.mr-29 {
  margin-right: 29px !important;
}

.mt-29 {
  margin-top: 29px !important;
}

.mb-29 {
  margin-bottom: 29px !important;
}

.mx-29 {
  margin-left: 29px !important;
  margin-right: 29px !important;
}

.my-29 {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}

.ma-30 {
  margin: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

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

.pd_l30 {
  margin-left: 30px;
}

.pdg_l5 {
  padding-left: 5px;
}

.pdg_r5 {
  padding-right: 5px;
}

.pdg_l10 {
  padding-left: 10px;
}

.pdg_r10 {
  padding-right: 10px;
}

.pdg_t5 {
  padding-top: 5px;
}

.pdg_b5 {
  padding-bottom: 5px;
}

.aln_vtop {
  vertical-align: top;
}

.aln_vmiddle {
  vertical-align: middle;
}

.float_l {
  float: left;
}

.float_r {
  float: right;
}

.clear {
  clear: both;
}

.a_line {
  color: #ffffff;
  text-decoration: underline;
}

#filebox label {
  display: inline-block;
  padding: 0px 7px 0 7px;
  height: 20px;
  background-color: #535b5f;
  text-decoration: none;
  font-size: 11px;
  color: #E3E3E8;
  line-height: 18px;
  border: 1px solid #151c1f;
  border-radius: 3px;
  cursor: pointer;
}

.table_hline_l {
  border-left: 1px solid rgba(83, 91, 95, 0.7);
}

.table_hline_t {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
}

.table_hline_b {
  border-bottom: 1px solid rgba(83, 91, 95, 0.7) !important;
}

.table_line_l {
  border-left: 1px solid rgba(83, 91, 95, 0.7);
}

.table_line_t {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
}

.full-h {
  height: 100%;
}

.spinner > div > div {
  background: #ffffff !important;
}

/* 파일업로드 */
#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: 0.3em 0.75em;
  /* label의 패딩값과 일치 */
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #535b5f;
  border: 1px solid #2d2d2d;
  -webkit-appearance: none;
  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}

/* named upload */
/* popup */
#popup_overlay {
  background: #ffffff !important;
  opacity: 0.2 !important;
}

/* 레이아웃 //////////////////////////////////////////////////////////////////////////// */
.wrap {
  min-width: 1260px;
  /*height:100%*/
}

.header {
  position: relative;
  /*width:100%;*/
  height: 73px;
  background: #2c3135;
  z-index: 100;
}

.header .logo a {
  position: absolute;
  top: 17px;
  left: 22px;
  display: block;
  width: 156px;
  height: 48px;
  background: transparent url(../images/com/logo-zenius-white.svg) no-repeat 0 50%/110px auto;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.container {
  position: relative;
  z-index: 10;
}

.tree {
  float: left;
  background-color: #2c3135;
  background-image: linear-gradient(to left, #2c3135 0px, #2c3135 1px, #191b1c 1px, #191b1c 3px, #2c3135 3px, #2c3135 4px, #2c3135 4px);
  z-index: 200;
  overflow: hidden;
  width: 200px;
}

.tree_close {
  float: left;
  width: 13px;
  background-color: #2c3135;
  background-image: linear-gradient(to left, #1c1f21 0px, #1c1f21 1px, #191b1c 1px, #191b1c 3px, #1c1f21 3px, #1c1f21 4px, #1c1f21 4px);
  z-index: 200;
  /*추후 draggable 넣을때 수정*/
  width: 13px;
}

.content {
  float: left;
  background-color: #2c3135;
  overflow: hidden;
}

/* Login ////////////////////////////////////////////////////////////////////////////*/
body#loginBody {
  background: #151c1f;
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
}
body#loginBody::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
body#loginBody::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 15px / 4);
}
body#loginBody::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 15px / 4);
  border: max(1px, 15px / 4) solid #2c3135 !important;
}
body#loginBody::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
body#loginBody::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
body#loginBody::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
body#loginBody::-webkit-scrollbar-button {
  display: none;
}

.wrap_login {
  position: relative;
  min-width: 100%;
  height: 100%;
  background: transparent;
  color: #aeb7bb;
}

@keyframes loginSlideShow {
  0% {
    background-image: url(../images/com/login-bg-01.png);
  }
  50% {
    background-image: url(../images/com/login-bg-02.png);
  }
  100% {
    background-image: url(../images/com/login-bg-03.png);
  }
}
.login_container {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  height: 869px;
  background-color: transparent;
  background-image: url(../images/com/login-bg-01.png);
  background-size: 1000px 869px;
  background-position: center;
  animation: loginSlideShow 2.1s infinite alternate cubic-bezier(0.8, 0, 0.2, 1);
}
.login_container:before {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url(../images/com/login-bg-01.png) url(../images/com/login-bg-02.png) url(../images/com/login-bg-03.png);
}

.login_logo {
  position: absolute;
  top: 60px;
  left: 60px;
  width: 400px;
  height: 100px;
  background: transparent url(../images/com/logo-zenius-white.svg) no-repeat left top;
  z-index: 500;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.login_section {
  position: absolute;
  top: 480px;
  left: 654px;
  padding-left: 29px;
  padding-top: 53px;
  width: 289px;
  height: 229px;
  background: transparent;
  border-radius: 3px;
}

.login_section li {
  width: 221px;
}

.login_section li.id_box {
  height: 40px;
  margin-bottom: 12px;
  padding-left: 40px;
  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='%23353c40'%3E%3Cpath d='M12 12C13.6575 12 15 10.6575 15 9C15 7.3425 13.6575 6 12 6C10.3425 6 9 7.3425 9 9C9 10.6575 10.3425 12 12 12ZM12 13.5C9.9975 13.5 6 14.505 6 16.5V18H18V16.5C18 14.505 14.0025 13.5 12 13.5Z' fill='white' fill-opacity='0.2'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #22282F;
  background-position: 8px 50%;
  border-radius: 2px;
  border-bottom: 1px solid transparent;
}

.login_section li.id_box.has_value {
  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='%23353c40'%3E%3Cpath d='M12 12C13.6575 12 15 10.6575 15 9C15 7.3425 13.6575 6 12 6C10.3425 6 9 7.3425 9 9C9 10.6575 10.3425 12 12 12ZM12 13.5C9.9975 13.5 6 14.505 6 16.5V18H18V16.5C18 14.505 14.0025 13.5 12 13.5Z' fill='white' fill-opacity='0.9'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #22282F;
  background-position: 8px 50%;
  border-bottom: 1px solid #ffffff66;
}

.login_section li.pw_box {
  height: 40px;
  margin-bottom: 16px;
  padding-left: 40px;
  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='%23353c40'%3E%3Cpath d='M16.5 9.33333H15.75V7.80952C15.75 5.70667 14.07 4 12 4C9.93 4 8.25 5.70667 8.25 7.80952V9.33333H7.5C6.675 9.33333 6 10.019 6 10.8571V18.4762C6 19.3143 6.675 20 7.5 20H16.5C17.325 20 18 19.3143 18 18.4762V10.8571C18 10.019 17.325 9.33333 16.5 9.33333ZM12 16.1905C11.175 16.1905 10.5 15.5048 10.5 14.6667C10.5 13.8286 11.175 13.1429 12 13.1429C12.825 13.1429 13.5 13.8286 13.5 14.6667C13.5 15.5048 12.825 16.1905 12 16.1905ZM14.325 9.33333H9.675V7.80952C9.675 6.50667 10.7175 5.44762 12 5.44762C13.2825 5.44762 14.325 6.50667 14.325 7.80952V9.33333Z' fill='white' fill-opacity='0.2'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #22282F;
  background-position: 8px 50%;
  border-radius: 2px;
  border-bottom: 1px solid transparent;
}

.login_section li.pw_box.has_value {
  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='%23353c40'%3E%3Cpath d='M16.5 9.33333H15.75V7.80952C15.75 5.70667 14.07 4 12 4C9.93 4 8.25 5.70667 8.25 7.80952V9.33333H7.5C6.675 9.33333 6 10.019 6 10.8571V18.4762C6 19.3143 6.675 20 7.5 20H16.5C17.325 20 18 19.3143 18 18.4762V10.8571C18 10.019 17.325 9.33333 16.5 9.33333ZM12 16.1905C11.175 16.1905 10.5 15.5048 10.5 14.6667C10.5 13.8286 11.175 13.1429 12 13.1429C12.825 13.1429 13.5 13.8286 13.5 14.6667C13.5 15.5048 12.825 16.1905 12 16.1905ZM14.325 9.33333H9.675V7.80952C9.675 6.50667 10.7175 5.44762 12 5.44762C13.2825 5.44762 14.325 6.50667 14.325 7.80952V9.33333Z' fill='white' fill-opacity='0.9'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #22282F;
  background-position: 8px 50%;
  border-bottom: 1px solid #ffffff66;
}

.login_section li .vertical_bar {
  display: inline-block;
  width: 0px;
  height: 12px;
  vertical-align: middle;
  border: 1px solid #ffffff1A;
}

.login_section li.btn_box {
  height: 58px;
}

.login_section li.qr_text {
  margin-top: 20px;
}

.login_section li.btn_box a.btn_login {
  margin-top: 22px;
  display: inline-block;
  width: 260px;
  height: 42px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 38px;
  background: linear-gradient(181.98deg, #FF850A 2.49%, #FF3D06 414.45%);
  border-radius: 2px;
}
.login_section li.btn_box a.btn_login:hover, .login_section li.btn_box a.btn_login:focus {
  background-color: #5f686d;
}
.login_section li.btn_box a.btn_login:active {
  background-color: #474e51 !important;
}

.btn_oauth_login {
  margin-top: 18px;
  display: inline-block;
  width: 260px;
  height: 42px;
  border-radius: 2px;
  background: #ffffff;
  background: url(../images/com/btn_oauth.svg) no-repeat;
}

.login_footer {
  width: 100%;
  bottom: 0;
  text-align: center;
  color: #aeb7bb;
}

.copyright {
  color: white;
  opacity: 0.3;
  text-align: center;
  font-size: 9px;
  letter-spacing: 0.02em;
}

.login_monitor {
  position: relative;
  display: none !important;
}

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

/* userinfo agree */
.btn_agree_insert_user {
  width: 200px;
  height: 38px;
  background-color: #bbc0c3;
  border-radius: 3px;
  color: #ffffff;
  font-size: 14px;
}

.btn_agree_insert_user_checked {
  width: 200px;
  height: 38px;
  background: #535b5f;
  border-radius: 3px;
  color: #ffffff;
  font-size: 14px;
}

/* Login 캡챠코드*/
.wrap_login {
  position: relative;
  min-width: 100%;
  height: 100%;
  background: transparent;
  color: #aeb7bb;
}

.login_container {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  height: 869px;
  background: transparent url(../images/com/login-bg-01.png) no-repeat 0 0/100%;
}

.login_logo {
  position: absolute;
  top: 60px;
  left: 60px;
  width: 400px;
  height: 100px;
  background: transparent url(../images/com/logo-zenius-white.svg) no-repeat left top;
  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: transparent;
  border-radius: 3px;
}

.input_login_captcha {
  border: 0;
  height: 39px;
  background-color: #c5ccd0;
  padding-left: 10px;
  padding-top: 1px;
  font-size: 14px;
  color: #151c1f;
  border-radius: 0 3px 3px 0;
}

.input_login_captcha::placeholder {
  color: #666e73;
}

.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: #ffffff;
  font-size: 16px;
}

.login_section_captcha li.btn_box a:hover.btn_login {
  background: #5f686d;
}

.captcha_explain {
  font-size: 11px;
  color: #E3E3E8;
  text-align: left;
  margin-bottom: 5px;
  margin-top: 5px;
}

.captcha_box {
  width: 260px;
  height: 35px;
  background: #F2F3F4;
  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: #F2F3F4;
  color: #151c1f;
}

/* 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;
  background-size: 58px 146px !important;
}

.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_en_event_on a {
  background: url(../images/com/gnb_admin_en_event.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_oper_jp_event_on a {
  background: url(../images/com/gnb_admin_jp_event.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_wnms_on a {
  background: url(../images/com/gnb_wnms.png) no-repeat 0 -73px;
}

.gnb li.menu_cms_on a {
  background: url(../images/com/gnb_cms.png) no-repeat 0 -73px;
}

.gnb li.menu_trms_on a {
  background: url(../images/com/gnb_trms.png) no-repeat 0 -73px;
}

.gnb li.menu_k8s_on a {
  background: url(../images/com/gnb_k8s.png) no-repeat 0 -73px;
}

.gnb li.menu_etc {
  background: url(../images/com/gnb_etc.png) no-repeat 0 -73px;
  text-indent: 0%;
  color: #666e73;
  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: #aeb7bb;
  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_wnms a {
  background: url(../images/com/gnb_wnms.png) no-repeat 0 0;
}

.gnb li.menu_cms a {
  background: url(../images/com/gnb_cms.png) no-repeat 0 0;
}

.gnb li.menu_k8s a {
  background: url(../images/com/gnb_k8s.png) no-repeat 0 0;
}

.gnb li.menu_trms a {
  background: url(../images/com/gnb_trms.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: #666e73;
  font-weight: bold;
  letter-spacing: -0.5px;
  text-decoration: none;
  text-align: center;
}

.gnb li a:hover {
  background-position: 0 -73px;
  color: #aeb7bb;
}

/* 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_wnms_event_on a {
  background: url(../images/com/gnb_wnms_event.png) no-repeat 0 -73px;
}

.gnb li.menu_cms_event_on a {
  background: url(../images/com/gnb_cms_event.png) no-repeat 0 -73px;
}

.gnb li.menu_k8s_event_on a {
  background: url(../images/com/gnb_k8s_event.png) no-repeat 0 -73px;
}

.gnb li.menu_trms_event_on a {
  background: url(../images/com/gnb_trms_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: #666e73;
  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: #aeb7bb;
  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_wnms_event a {
  background: url(../images/com/gnb_wnms_event.png) no-repeat 0 0;
}

.gnb li.menu_cms_event a {
  background: url(../images/com/gnb_cms_event.png) no-repeat 0 0;
}

.gnb li.menu_k8s_event a {
  background: url(../images/com/gnb_k8s_event.png) no-repeat 0 0;
}

.gnb li.menu_trms_event a {
  background: url(../images/com/gnb_trms_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: #666e73;
  font-weight: bold;
  letter-spacing: -0.5px;
  text-decoration: none;
  text-align: center;
}

/* GNB diag #11680 임시 아이콘*/
.gnb li.menu_nms_diag a {
  background: url(../images/com/gnb_nms_diag.png) no-repeat 0 0;
}

.gnb li.menu_nms_diag_on a {
  background: url(../images/com/gnb_nms_diag.png) no-repeat 0 -73px;
}

.gnb li a:hover {
  background-position: 0 -73px;
  color: #aeb7bb;
}

/* LNB ////////////////////////////////////////////////////////////////////////////*/
.lnb {
  z-index: 100;
}
.lnb > div[id] .lnb_l, .lnb > div[id] .lnb_r, .lnb > div[id] .lnb_arrow {
  display: none !important;
}
.lnb > div[id] .lnb_c {
  display: -ms-flexbox;
  -ms-flex-direction: column;
  -ms-flex-wrap: nowrap;
  -ms-flex-pack: stretch;
  -ms-flex-align: start;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: flex-start;
}

.lnb_c {
  float: left;
  display: block;
  height: auto;
  padding: 0;
  background: #535b5f;
  border: 1px solid #535b5f;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
  overflow: hidden;
}

.lnb_l {
  display: none;
}

.lnb_r {
  display: none;
}

.lnb_arrow {
  display: none;
}

.lnb a {
  display: block;
  width: calc(100% - 20px);
  padding: 5px 10px;
  line-height: 18px;
  font-size: 11px;
  font-family: "돋움", Dotum, Helvetica, sans-serif;
  font-weight: 500;
  color: #D5D5DB;
}

.lnb a:hover {
  color: #E3E3E8;
  background: #353c40;
  text-decoration: none;
}

.lnb_on {
  font-size: 11px;
  font-family: "돋움", Dotum, Helvetica, sans-serif;
  font-weight: bold;
  color: #666e73;
}

/* Top menu ////////////////////////////////////////////////////////////////////////////*/
.gtm {
  position: absolute;
  top: 2px;
  right: 2px;
  padding-left: 10px;
}

.gtm a {
  color: #8e979b;
}

.gtm a:hover {
  color: #E3E3E8;
}

.gtm .txt {
  float: left;
  padding-left: 7px;
  padding-right: 7px;
  margin-top: 4px;
  background: none;
  border-right: 1px solid #535b5f;
}

.gtm .select a {
  float: left;
  display: block;
  height: 10px;
  padding-left: 5px;
  margin-top: 5px;
  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='%238e979b'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-position: right center;
}

.gtm .select_over {
  position: absolute;
  top: 22px;
  width: auto;
  display: block;
  padding: 0;
  no-repeat: 90% 8px;
  background-color: #535b5f;
  line-height: 19px;
  z-index: 200;
  border: 1px solid #151c1f;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
}
.gtm .select_over a {
  display: block;
  width: calc(100% - 20px);
  padding: 5px 10px;
  color: #D5D5DB;
  text-decoration: none;
}
.gtm .select_over a:hover {
  background: #353c40;
  color: #E3E3E8;
}

.gtm .sel_lang a {
  width: 48px;
  border-right: 1px solid #535b5f;
}

.gtm .sel_lang_over {
  right: 80px;
}

.gtm .sel_theme a {
  width: 80px;
}

.gtm .sel_theme_over {
  right: 0;
}

.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: #353c40;
  text-decoration: none;
  color: #E3E3E8;
  border-radius: 3px;
}
.gtm .sel_admin a[disabled] {
  opacity: 0.3;
  cursor: default;
}

.gtm .sel_admin_over {
  position: absolute;
  top: 56px;
  right: 102px;
  max-width: 200px;
  display: block;
  padding: 0;
  background-color: #535b5f;
  line-height: 19px;
  z-index: 200;
  border: 1px solid #151c1f;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
  overflow: hidden;
  scrollbar-face-color: #8e979b;
  scrollbar-shadow-color: #535b5f;
  scrollbar-highlight-color: #535b5f;
  scrollbar-3dlight-color: #535b5f;
  scrollbar-darkshadow-color: #535b5f;
  scrollbar-track-color: #535b5f;
  scrollbar-arrow-color: #8e979b;
  scrollbar-corner-color: #535b5f;
  scrollbar-width: thin;
  scrollbar-color: #8e979b #535b5f;
  overflow-y: auto;
}
.gtm .sel_admin_over::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}
.gtm .sel_admin_over::-webkit-scrollbar-track {
  background-color: #535b5f;
  padding: max(1px, 8px / 4);
}
.gtm .sel_admin_over::-webkit-scrollbar-thumb {
  background: #8e979b;
  border-radius: 99px;
  margin: max(1px, 8px / 4);
  border: max(1px, 8px / 4) solid #535b5f !important;
}
.gtm .sel_admin_over::-webkit-scrollbar-thumb:hover {
  background: #9ca3a7;
}
.gtm .sel_admin_over::-webkit-scrollbar-thumb:active {
  background: #a9b0b3;
}
.gtm .sel_admin_over::-webkit-scrollbar-corner {
  background-color: #535b5f;
}
.gtm .sel_admin_over::-webkit-scrollbar-button {
  display: none;
}
.gtm .sel_admin_over a {
  display: block;
  width: 100%;
  padding: 5px 10px;
  background: #535b5f;
  color: #D5D5DB;
  text-decoration: none;
}
.gtm .sel_admin_over a:hover {
  background: #353c40;
  color: #E3E3E8;
}

.gtm .sel_admin_over .nodata {
  display: block;
  width: 100%;
  padding: 5px 10px;
  background: #535b5f;
  color: #D5D5DB;
  text-decoration: none;
}

.gtm .sel_admin_spin {
  position: absolute;
  top: 56px;
  right: 102px;
  display: block;
  width: 145px;
  background-color: #535b5f;
  line-height: 19px;
  color: #D5D5DB;
  z-index: 200;
  border-left: 1px solid #151c1f;
  border-right: 1px solid #151c1f;
  border-bottom: 1px solid #151c1f;
  scrollbar-face-color: #8e979b;
  scrollbar-shadow-color: #535b5f;
  scrollbar-highlight-color: #535b5f;
  scrollbar-3dlight-color: #535b5f;
  scrollbar-darkshadow-color: #535b5f;
  scrollbar-track-color: #535b5f;
  scrollbar-arrow-color: #8e979b;
  scrollbar-corner-color: #535b5f;
  scrollbar-width: thin;
  scrollbar-color: #8e979b #535b5f;
}
.gtm .sel_admin_spin::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}
.gtm .sel_admin_spin::-webkit-scrollbar-track {
  background-color: #535b5f;
  padding: max(1px, 8px / 4);
}
.gtm .sel_admin_spin::-webkit-scrollbar-thumb {
  background: #8e979b;
  border-radius: 99px;
  margin: max(1px, 8px / 4);
  border: max(1px, 8px / 4) solid #535b5f !important;
}
.gtm .sel_admin_spin::-webkit-scrollbar-thumb:hover {
  background: #9ca3a7;
}
.gtm .sel_admin_spin::-webkit-scrollbar-thumb:active {
  background: #a9b0b3;
}
.gtm .sel_admin_spin::-webkit-scrollbar-corner {
  background-color: #535b5f;
}
.gtm .sel_admin_spin::-webkit-scrollbar-button {
  display: none;
}

.gtm .btn_userinfo a {
  position: absolute;
  top: 38px;
  right: 78px;
  display: block;
  width: 13px;
  height: 14px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23aeb7bb'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.gtm .btn_userinfo a:hover, .gtm .btn_userinfo a:focus {
  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='%23c5e2c2'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.gtm .btn_userinfo a:active {
  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='%235eb056'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.gtm .btn_logout a {
  position: absolute;
  top: 38px;
  right: 54px;
  display: block;
  width: 13px;
  height: 14px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23aeb7bb'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.gtm .btn_logout a:hover, .gtm .btn_logout a:focus {
  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='%23c5e2c2'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.gtm .btn_logout a:active {
  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='%235eb056'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.gtm .btn_notice a {
  position: absolute;
  top: 38px;
  right: 6px;
  display: block;
  width: 13px;
  height: 14px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23aeb7bb'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.gtm .btn_notice a:hover, .gtm .btn_notice a:focus {
  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='%23c5e2c2'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.gtm .btn_notice a:active {
  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='%235eb056'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.gtm .btn_help a {
  position: absolute;
  top: 38px;
  right: 30px;
  display: block;
  width: 13px;
  height: 14px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23aeb7bb'%3E%3Crect fill='none' height='24' width='24'/%3E%3Cpath d='M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M12.01,18 c-0.7,0-1.26-0.56-1.26-1.26c0-0.71,0.56-1.25,1.26-1.25c0.71,0,1.25,0.54,1.25,1.25C13.25,17.43,12.72,18,12.01,18z M15.02,10.6 c-0.76,1.11-1.48,1.46-1.87,2.17c-0.16,0.29-0.22,0.48-0.22,1.41h-1.82c0-0.49-0.08-1.29,0.31-1.98c0.49-0.87,1.42-1.39,1.96-2.16 c0.57-0.81,0.25-2.33-1.37-2.33c-1.06,0-1.58,0.8-1.8,1.48L8.56,8.49C9.01,7.15,10.22,6,11.99,6c1.48,0,2.49,0.67,3.01,1.52 C15.44,8.24,15.7,9.59,15.02,10.6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.gtm .btn_help a:hover, .gtm .btn_help a:focus {
  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='%23c5e2c2'%3E%3Crect fill='none' height='24' width='24'/%3E%3Cpath d='M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M12.01,18 c-0.7,0-1.26-0.56-1.26-1.26c0-0.71,0.56-1.25,1.26-1.25c0.71,0,1.25,0.54,1.25,1.25C13.25,17.43,12.72,18,12.01,18z M15.02,10.6 c-0.76,1.11-1.48,1.46-1.87,2.17c-0.16,0.29-0.22,0.48-0.22,1.41h-1.82c0-0.49-0.08-1.29,0.31-1.98c0.49-0.87,1.42-1.39,1.96-2.16 c0.57-0.81,0.25-2.33-1.37-2.33c-1.06,0-1.58,0.8-1.8,1.48L8.56,8.49C9.01,7.15,10.22,6,11.99,6c1.48,0,2.49,0.67,3.01,1.52 C15.44,8.24,15.7,9.59,15.02,10.6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.gtm .btn_help a:active {
  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='%235eb056'%3E%3Crect fill='none' height='24' width='24'/%3E%3Cpath d='M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M12.01,18 c-0.7,0-1.26-0.56-1.26-1.26c0-0.71,0.56-1.25,1.26-1.25c0.71,0,1.25,0.54,1.25,1.25C13.25,17.43,12.72,18,12.01,18z M15.02,10.6 c-0.76,1.11-1.48,1.46-1.87,2.17c-0.16,0.29-0.22,0.48-0.22,1.41h-1.82c0-0.49-0.08-1.29,0.31-1.98c0.49-0.87,1.42-1.39,1.96-2.16 c0.57-0.81,0.25-2.33-1.37-2.33c-1.06,0-1.58,0.8-1.8,1.48L8.56,8.49C9.01,7.15,10.22,6,11.99,6c1.48,0,2.49,0.67,3.01,1.52 C15.44,8.24,15.7,9.59,15.02,10.6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* 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 ////////////////////////////////////////////////////////////////////////////*/
/* ------
#treeTabContent {
	display: -ms-flex; //IE
	-ms-flex-direction: column; //IE
	-ms-flex-wrap: nowrap; //IE
	-ms-flex-pack: start; //IE
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;

	.tree_tab { order: 1; }
	.tree_search { order: 2; }
	.tree_table { order: 3; }
}
------ */
.tree_search {
  padding-top: 6px;
  width: 100%;
  height: 24px;
  background-color: #1c1f21;
  background-image: linear-gradient(to left, #1c1f21 0px, #1c1f21 1px, #191b1c 1px, #191b1c 3px, #1c1f21 3px, #1c1f21 4px, #1c1f21 4px);
}

.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: 130px;
}

.tree_search .input_form {
  margin-left: 5px;
  padding-top: 0;
  padding-left: 5px;
  background-color: #666e73;
  border: 0;
  width: 120px;
  height: 17px;
  font-size: 11px;
  font-family: "맑은 고딕", Malgun Gothic, "돋움", Dotum, Helvetica, sans-serif;
  color: #E3E3E8;
  border-radius: 3px;
}

.tree_search .btn_search {
  margin-left: 2px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23666e73'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M21.6,19.4l-5.7-5.7c0.7-1.1,1.1-2.4,1.1-3.8c0-3.9-3.1-7-7-7s-7,3.1-7,7s3.1,7,7,7c1.4,0,2.7-0.4,3.8-1.1 l5.7,5.7c0.6,0.6,1.5,0.6,2.1,0C22.2,21,22.2,20,21.6,19.4z M10,14c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S12.2,14,10,14z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.tree_search .btn_search:hover, .tree_search .btn_search:focus {
  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='%23c5e2c2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M21.6,19.4l-5.7-5.7c0.7-1.1,1.1-2.4,1.1-3.8c0-3.9-3.1-7-7-7s-7,3.1-7,7s3.1,7,7,7c1.4,0,2.7-0.4,3.8-1.1 l5.7,5.7c0.6,0.6,1.5,0.6,2.1,0C22.2,21,22.2,20,21.6,19.4z M10,14c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S12.2,14,10,14z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.tree_search .btn_search:active {
  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='%235eb056'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M21.6,19.4l-5.7-5.7c0.7-1.1,1.1-2.4,1.1-3.8c0-3.9-3.1-7-7-7s-7,3.1-7,7s3.1,7,7,7c1.4,0,2.7-0.4,3.8-1.1 l5.7,5.7c0.6,0.6,1.5,0.6,2.1,0C22.2,21,22.2,20,21.6,19.4z M10,14c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S12.2,14,10,14z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.tree_search .btn_setting {
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  margin-left: 0;
  margin-right: 10px;
  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='%23666e73'%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.tree_search .btn_setting:hover, .tree_search .btn_setting:focus {
  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='%23c5e2c2'%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.tree_search .btn_setting:active {
  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='%235eb056'%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.tree_search .btn_close a {
  position: absolute;
  top: 6px;
  right: 8px;
  display: block;
  width: 9px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23666e73'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.tree_search .btn_close a:hover, .tree_search .btn_close a:focus {
  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='%23c5e2c2'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.tree_search .btn_close a:active {
  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='%235eb056'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.tree_search .btn_open {
  width: 9px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23666e73'%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: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.tree_search .btn_open:hover, .tree_search .btn_open:focus {
  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='%23c5e2c2'%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: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.tree_search .btn_open:active {
  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='%235eb056'%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: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.btn_collapseAll {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: transparent;
  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='%23666e73'%3E%3Cpath d='M18.76,3.29H4.24A1.24,1.24,0,0,0,3,4.53V18.76A1.23,1.23,0,0,0,4.24,20H18.76A1.23,1.23,0,0,0,20,18.76V4.53A1.24,1.24,0,0,0,18.76,3.29ZM12.4,10.65h4v2H6.4v-2h6Z'/%3E%3Cpath d='M1.39,2.76A1.24,1.24,0,0,1,2.63,1.52H17.12V1.24A1.23,1.23,0,0,0,15.88,0H1.25A1.24,1.24,0,0,0,0,1.24V16.47a1.25,1.25,0,0,0,1.25,1.24h.14Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.btn_collapseAll:hover, .btn_collapseAll:focus {
  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='%235eb056'%3E%3Cpath d='M18.76,3.29H4.24A1.24,1.24,0,0,0,3,4.53V18.76A1.23,1.23,0,0,0,4.24,20H18.76A1.23,1.23,0,0,0,20,18.76V4.53A1.24,1.24,0,0,0,18.76,3.29ZM12.4,10.65h4v2H6.4v-2h6Z'/%3E%3Cpath d='M1.39,2.76A1.24,1.24,0,0,1,2.63,1.52H17.12V1.24A1.23,1.23,0,0,0,15.88,0H1.25A1.24,1.24,0,0,0,0,1.24V16.47a1.25,1.25,0,0,0,1.25,1.24h.14Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.btn_collapseAll:active {
  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='%23c5e2c2'%3E%3Cpath d='M18.76,3.29H4.24A1.24,1.24,0,0,0,3,4.53V18.76A1.23,1.23,0,0,0,4.24,20H18.76A1.23,1.23,0,0,0,20,18.76V4.53A1.24,1.24,0,0,0,18.76,3.29ZM12.4,10.65h4v2H6.4v-2h6Z'/%3E%3Cpath d='M1.39,2.76A1.24,1.24,0,0,1,2.63,1.52H17.12V1.24A1.23,1.23,0,0,0,15.88,0H1.25A1.24,1.24,0,0,0,0,1.24V16.47a1.25,1.25,0,0,0,1.25,1.24h.14Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.btn_expandAll {
  width: 16px;
  height: 16px;
  margin-top: 4px;
  display: inline-block;
  vertical-align: middle;
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: transparent;
  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='%23666e73'%3E%3Cpath d='M1.39,2.76A1.24,1.24,0,0,1,2.63,1.52H17.12V1.24A1.23,1.23,0,0,0,15.88,0H1.25A1.24,1.24,0,0,0,0,1.24V16.47a1.25,1.25,0,0,0,1.25,1.24h.14Z'/%3E%3Cpath d='M18.76,3.29H4.24A1.24,1.24,0,0,0,3,4.53V18.76A1.23,1.23,0,0,0,4.24,20H18.76A1.23,1.23,0,0,0,20,18.76V4.53A1.24,1.24,0,0,0,18.76,3.29ZM16,12.65H12v3.73H10V12.65H6v-2h4v-4h2v4h4Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.btn_expandAll:hover, .btn_expandAll:focus {
  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='%235eb056'%3E%3Cpath d='M1.39,2.76A1.24,1.24,0,0,1,2.63,1.52H17.12V1.24A1.23,1.23,0,0,0,15.88,0H1.25A1.24,1.24,0,0,0,0,1.24V16.47a1.25,1.25,0,0,0,1.25,1.24h.14Z'/%3E%3Cpath d='M18.76,3.29H4.24A1.24,1.24,0,0,0,3,4.53V18.76A1.23,1.23,0,0,0,4.24,20H18.76A1.23,1.23,0,0,0,20,18.76V4.53A1.24,1.24,0,0,0,18.76,3.29ZM16,12.65H12v3.73H10V12.65H6v-2h4v-4h2v4h4Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.btn_expandAll:active {
  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='%23c5e2c2'%3E%3Cpath d='M1.39,2.76A1.24,1.24,0,0,1,2.63,1.52H17.12V1.24A1.23,1.23,0,0,0,15.88,0H1.25A1.24,1.24,0,0,0,0,1.24V16.47a1.25,1.25,0,0,0,1.25,1.24h.14Z'/%3E%3Cpath d='M18.76,3.29H4.24A1.24,1.24,0,0,0,3,4.53V18.76A1.23,1.23,0,0,0,4.24,20H18.76A1.23,1.23,0,0,0,20,18.76V4.53A1.24,1.24,0,0,0,18.76,3.29ZM16,12.65H12v3.73H10V12.65H6v-2h4v-4h2v4h4Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.settingTree {
  border: 0.2px solid black;
  margin-right: 4px;
  height: 20px;
}

.tree_table li a {
  display: block;
  overflow: hidden;
  width: 16px;
  height: 16px;
}

.tree_info_icon {
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-block;
  top: -1px;
  margin-top: 4px;
  margin-left: -3px;
  background: url(../images/icons/ic_info.png) no-repeat;
  vertical-align: middle;
  cursor: pointer;
}
.tree_info_icon:hover {
  background: url(../images/icons/ic_info_hover.png) no-repeat;
}

.balloon {
  padding: 3px;
  right: 100px;
  top: -100px;
  position: relative;
  z-index: 998;
  margin: 50px;
  width: 160px;
  height: 40px;
  background: #2c3135;
  border-radius: 2px;
  box-shadow: 0 0 0 1px #2d2d2d;
  line-height: 1.2;
}
.balloon:before {
  z-index: 998;
  border-top: 11px solid #2d2d2d;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  content: "";
  position: absolute;
  top: 100%;
  left: 37%;
  transform: translateX(-50%);
}
.balloon:after {
  z-index: 999;
  border-top: 9px solid #2c3135;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  position: absolute;
  top: 100%;
  left: 37%;
  transform: translateX(-50%);
}

.tree_search2 {
  position: absolute;
  top: 34px;
  right: 102px;
  display: block;
  width: 146px;
  height: 22px;
  background-color: #1c1f21;
}

.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 #E3E3E8;
  width: 100px;
  height: 22px;
  padding-left: 5px;
  background-color: #666e73;
  text-decoration: none;
  color: #E3E3E8;
}
.tree_search2 .input_form::placeholder {
  color: #c5ccd0;
}

.tree_search2 .btn_search {
  width: 22px;
  height: 22px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23666e73'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M21.6,19.4l-5.7-5.7c0.7-1.1,1.1-2.4,1.1-3.8c0-3.9-3.1-7-7-7s-7,3.1-7,7s3.1,7,7,7c1.4,0,2.7-0.4,3.8-1.1 l5.7,5.7c0.6,0.6,1.5,0.6,2.1,0C22.2,21,22.2,20,21.6,19.4z M10,14c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S12.2,14,10,14z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.tree_search2 .btn_search:hover, .tree_search2 .btn_search:focus {
  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='%23c5e2c2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M21.6,19.4l-5.7-5.7c0.7-1.1,1.1-2.4,1.1-3.8c0-3.9-3.1-7-7-7s-7,3.1-7,7s3.1,7,7,7c1.4,0,2.7-0.4,3.8-1.1 l5.7,5.7c0.6,0.6,1.5,0.6,2.1,0C22.2,21,22.2,20,21.6,19.4z M10,14c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S12.2,14,10,14z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.tree_search2 .btn_search:active {
  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='%235eb056'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M21.6,19.4l-5.7-5.7c0.7-1.1,1.1-2.4,1.1-3.8c0-3.9-3.1-7-7-7s-7,3.1-7,7s3.1,7,7,7c1.4,0,2.7-0.4,3.8-1.1 l5.7,5.7c0.6,0.6,1.5,0.6,2.1,0C22.2,21,22.2,20,21.6,19.4z M10,14c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S12.2,14,10,14z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.tree_search2 .btn_arrow {
  top: 10px;
  display: block;
  width: 10px;
  height: 10px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%238e979b'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.target_filtering_selected {
  margin-left: 10px;
  background-color: transparent;
  display: flex;
  flex-wrap: wrap;
}
.target_filtering_selected.newline {
  margin-left: 0;
  word-break: break-all;
}
.target_filtering_selected .target {
  padding-left: 10px;
  padding-right: 5px;
  margin: 1px 5px 1px 0;
  display: inherit;
  align-items: center;
  height: 100%;
  background: #3C5D67;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 20px;
}
.target_filtering_selected .btn_close_small {
  width: 8px;
  min-width: 8px;
  height: 8px;
  margin: 5px;
  background: url(../images/icons/btn_close_small.png) no-repeat;
}

.target_filtering_monitor_detail {
  margin-top: 3px;
  margin-bottom: 3px;
  background-color: transparent;
  display: flex;
  flex-wrap: wrap;
}
.target_filtering_monitor_detail .target {
  padding: 3px 8px;
  margin: 1px 5px 1px 0;
  display: inherit;
  align-items: center;
  height: 100%;
  background: #3C5D67;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 20px;
}

.target_filtering {
  position: relative;
  display: flex;
  height: 23px;
  background-color: transparent;
  align-items: center;
  float: left;
  padding-right: 10px;
}
.target_filtering.newline {
  float: initial;
  padding: 2px 0 2px 0;
}
.target_filtering ul {
  border: 1px solid #2d2d2d;
}
.target_filtering ul.input-filter {
  background-color: #3D464B;
}
.target_filtering ul.label-text {
  border: none;
  padding-right: 5px;
}
.target_filtering li {
  float: left;
  position: relative;
  display: block;
}
.target_filtering li a {
  display: block;
  overflow: hidden;
  width: 72px;
  height: 68px;
}
.target_filtering .input_box .input_filtering {
  height: 20px;
  padding-left: 5px;
  border-radius: 1px;
  background: #3D464B;
}
.target_filtering .btn_arrow {
  margin: 0 5px 0 5px;
  top: 6px;
  display: block;
  width: 10px;
  height: 10px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23E2E2E7'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.target_filtering_selection {
  position: absolute;
  display: block;
  padding: 0;
  background-color: #434D54;
  line-height: 19px;
  z-index: 200;
  border: 1px solid #434D54;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
  overflow: hidden;
  scrollbar-face-color: #535b5f;
  scrollbar-shadow-color: #434D54;
  scrollbar-highlight-color: #434D54;
  scrollbar-3dlight-color: #434D54;
  scrollbar-darkshadow-color: #434D54;
  scrollbar-track-color: #434D54;
  scrollbar-arrow-color: #535b5f;
  scrollbar-corner-color: #434D54;
  scrollbar-width: thin;
  scrollbar-color: #535b5f #434D54;
  overflow-y: auto;
}
.target_filtering_selection::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}
.target_filtering_selection::-webkit-scrollbar-track {
  background-color: #434D54;
  padding: max(1px, 8px / 4);
}
.target_filtering_selection::-webkit-scrollbar-thumb {
  background: #535b5f;
  border-radius: 99px;
  margin: max(1px, 8px / 4);
  border: max(1px, 8px / 4) solid #434D54 !important;
}
.target_filtering_selection::-webkit-scrollbar-thumb:hover {
  background: #5f686d;
}
.target_filtering_selection::-webkit-scrollbar-thumb:active {
  background: #6b757a;
}
.target_filtering_selection::-webkit-scrollbar-corner {
  background-color: #434D54;
}
.target_filtering_selection::-webkit-scrollbar-button {
  display: none;
}
.target_filtering_selection .filtering {
  display: block;
  width: calc(100% - 8px);
  padding-left: 5px;
  padding-right: 5px;
  background: #434D54;
  color: #FFFFFF;
  text-decoration: none;
}
.target_filtering_selection .filtering:hover {
  background: #1967D2;
  color: #FFFFFF;
  cursor: pointer;
}
.target_filtering_selection .nodata {
  display: block;
  width: calc(100% - 8px);
  padding-left: 5px;
  padding-right: 5px;
  background: #434D54;
  color: #FFFFFF;
  text-decoration: none;
}

.tree_setting_detail {
  position: absolute;
  top: 30px;
  /*top:97px;*/
  right: 4px;
  width: 190px;
  z-index: 500;
  border: 1px solid #535b5f;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
  overflow: hidden;
}

.tree_setting_detail li {
  padding: 3px 0 3px 0;
}

.tree_close_search {
  padding-top: 5px;
  /*padding-top:73px;*/
  width: 13px;
  height: 25px;
  background-color: #1c1f21;
  background-image: linear-gradient(to left, #1c1f21 0px, #1c1f21 1px, #191b1c 1px, #191b1c 3px, #1c1f21 3px, #1c1f21 4px, #1c1f21 4px);
}

.tree_close_search .btn_close a {
  background: cyan !important;
  border: 1px solid magenta !important;
  /*
  display: block;
  width: 9px;
  height: 20px;
  // background: url(../images/com/btn_tree_close.png) no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;

  @include icon(chevron-left, $tree-view-toggle-button-icon-color, 20px);

  &:hover, &:focus {
  	// background: url(../images/com/btn_tree_close.png) no-repeat 0 -20px
  	@include icon(chevron-left, $tree-view-toggle-button-hover-icon-color, 20px);
  }
  &:active {
  	@include icon(chevron-left, $tree-view-toggle-button-active-icon-color, 20px);
  }
  */
}

.tree_close_search .btn_open a {
  display: block;
  width: 9px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23666e73'%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: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.tree_close_search .btn_open a:hover, .tree_close_search .btn_open a:focus {
  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='%23c5e2c2'%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: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.tree_close_search .btn_open a:active {
  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='%235eb056'%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: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.tree_close_search .btn_open_disable {
  display: block;
  width: 9px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='transparent'%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: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.tree_tab {
  position: relative;
  width: 100%;
  height: 28px;
  background-color: #1c1f21;
  background-image: linear-gradient(to left, #1c1f21, 0px, #1c1f21, 1px, #191b1c 1px, #191b1c 3px, #1c1f21 3px, #1c1f21 4px, #1c1f21 4px);
  overflow: hidden;
}

.tree_tab li {
  float: left;
  position: relative;
  display: block;
  line-height: 28px;
  text-align: center;
  border-left: 1px solid transparent;
  border-top: 2px solid transparent;
}

.tree_tab li a {
  display: block;
  color: inherit;
  height: 68px;
  border-radius: 0 0 0 0;
}
.tree_tab li a, .tree_tab li a:hover {
  text-decoration: none;
}

.tree_tab .group_on_nota {
  height: 28px;
  font-weight: bold;
  color: #D5D5DB;
  box-shadow: none;
  z-index: 1;
}

.tree_tab .group_on a {
  width: 98px;
  height: 28px;
  font-weight: bold;
  background: linear-gradient(to top, #2fc4b2 4px, #1C1F22 1px);
  color: #F2F3F4;
  box-shadow: none;
  z-index: 1;
}
.tree_tab .group_on a:hover {
  background: linear-gradient(to bottom, #535b5f, #151c1f);
}

.tree_tab .group_off a {
  width: 98px;
  height: 28px;
  background: transparent;
  color: #D5D5DB;
}
.tree_tab .group_off a:hover {
  background: rgba(255, 255, 255, 0.1);
}

.tree_tab .container_on a {
  width: 98px;
  height: 28px;
  font-weight: bold;
  background: linear-gradient(to top, #2fc4b2 4px, #1C1F22 1px);
  color: #F2F3F4;
  box-shadow: none;
  z-index: 1;
}
.tree_tab .container_on a:hover {
  background: linear-gradient(to bottom, #535b5f, #151c1f);
}

.tree_tab .container_off a {
  width: 98px;
  height: 28px;
  background: transparent;
  color: #D5D5DB;
}
.tree_tab .container_off a:hover {
  background: rgba(255, 255, 255, 0.1);
}

.tree_tab .wnmsap_on a {
  width: 98px;
  height: 28px;
  font-weight: bold;
  background: linear-gradient(to top, #2fc4b2 4px, #1C1F22 1px);
  color: #F2F3F4;
  box-shadow: none;
  z-index: 1;
}
.tree_tab .wnmsap_on a:hover {
  background: linear-gradient(to bottom, #535b5f, #151c1f);
}
.tree_tab .wnmsap_off a {
  width: 98px;
  height: 28px;
  background: transparent;
  color: #D5D5DB;
}
.tree_tab .wnmsap_off a:hover {
  background: rgba(255, 255, 255, 0.1);
}

.tree_tab .service_on a {
  width: 97px;
  height: 28px;
  font-weight: bold;
  background: #666e73;
  color: #F2F3F4;
}
.tree_tab .service_on a:hover {
  background: linear-gradient(to bottom, #535b5f, #151c1f);
}

.tree_tab .service_off a {
  width: 97px;
  height: 28px;
  background: transparent;
  color: #D5D5DB;
}
.tree_tab .service_off a:hover {
  background: rgba(255, 255, 255, 0.1);
}

.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: #2c3135;
  border: none;
  scrollbar-face-color: #535b5f;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #535b5f;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #535b5f #2c3135;
}
.tree .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar {
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.tree .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 14px / 4);
}
.tree .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb {
  background: #535b5f;
  border-radius: 99px;
  margin: max(1px, 14px / 4);
  border: max(1px, 14px / 4) solid #2c3135 !important;
}
.tree .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:hover {
  background: #5f686d;
}
.tree .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:active {
  background: #6b757a;
}
.tree .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
.tree .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-button {
  display: none;
}

.tree .ui-jqgrid tr.jqgfirstrow td {
  padding: 0 2px 0 2px;
  border: none;
  height: 0px;
}

/* #z_contents, */
.tree .ui-widget-content a {
  color: #D5D5DB;
}
.tree .ui-jqgrid tr.jqgrow td {
  background: #2c3135 !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: #2fc4b2;
  border-radius: 3px;
  color: #151c1f !important;
}
.tree .ui-jqgrid .txt_ov a {
  color: #151c1f !important;
  font-weight: 600;
}

.tree .ui-jqgrid .parent_txt_ov a {
  color: #ffffff;
  background-color: #666e73;
  padding: 0 2px 3px 1px;
  border-radius: 3px;
}

/* 모니터링 상세 페이지 왼쪽트리에서 쓰이는 CSS */
.detail_tree .ui-jqgrid .ui-jqgrid-bdiv {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: auto;
  background: #2c3135;
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
}
.detail_tree .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.detail_tree .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 12px / 4);
}
.detail_tree .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 12px / 4);
  border: max(1px, 12px / 4) solid #2c3135 !important;
}
.detail_tree .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
.detail_tree .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
.detail_tree .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
.detail_tree .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-button {
  display: none;
}

.detail_tree .ui-jqgrid tr.jqgfirstrow td {
  padding: 0 2px 0 2px;
  border: none;
  height: 0px;
}

.detail_tree .ui-jqgrid tr.jqgrow td {
  background: #2c3135 !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;
  text-align: left;
  background-color: #2c3135;
  display: none;
}

.detail_tree .ui-jqgrid .txt_ov {
  padding: 1px 2px 3px 1px;
  background-color: #2c3135;
}

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

/* 컨텐츠 공통//////////////////////////////////////////////////////////////////////////// */
.cont_title {
  padding-top: 8px;
  height: 22px;
  background: #1c1f21;
  width: 100%;
}

.cont_title_txt {
  padding-left: 10px;
  font-size: 14px;
  line-height: 12px;
  font-weight: 600;
  color: #2fc4b2;
}

.cont_title_path {
  padding-left: 8px;
  color: cyan;
  font-weight: bold;
}

.cont_tab {
  position: relative;
  height: 28px;
  font-size: 11px;
  background: #1c1f21;
  overflow: hidden;
}

.cont_sub_tab {
  position: relative;
  height: 28px;
  font-size: 11px;
  background: #242C2F;
  overflow: hidden;
}
.cont_sub_tab .cont_sub_tab_box .on a {
  text-align: center;
  font-weight: bold;
  background: #3C4348;
  color: #ffffff;
  border: 1px solid #3F484D;
  border-bottom: none;
}
.cont_sub_tab .cont_sub_tab_box .off a {
  text-align: center;
  background: transparent;
  color: #ffffff;
}
.cont_sub_tab .cont_sub_tab_box .off a:hover {
  background: rgba(255, 255, 255, 0.1);
}
.cont_sub_tab .cont_sub_tab_line {
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  background: #3F484D;
}

.cont_tab_box li {
  float: left;
  position: relative;
  display: block;
  border-top: 2px solid transparent;
}
.cont_tab_box li a {
  display: block;
  overflow: hidden;
  height: 21px;
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 10px;
  border-right: none;
  color: #D5D5DB;
  border-radius: 0 0 0 0;
}
.cont_tab_box li a:hover {
  text-decoration: none;
}

.cont_sub_tab_box li {
  float: left;
  position: relative;
  display: block;
  border-top: 2px solid transparent;
  z-index: 10;
}
.cont_sub_tab_box li a {
  display: block;
  overflow: hidden;
  height: 21px;
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 10px;
  border-right: none;
  color: #D5D5DB;
}
.cont_sub_tab_box li a:hover {
  text-decoration: none;
}

.cont_tab_box .on a {
  text-align: center;
  font-weight: bold;
  background: linear-gradient(to top, #2fc4b2 4px, #1C1F22 1px);
  color: #F2F3F4;
  box-shadow: none;
  z-index: 1;
  /*&:hover {
  	background: $content-nav-tab-selected-hover-background-style;
  }*/
}

.cont_tab_box .off a {
  text-align: center;
  background: transparent;
  color: #D5D5DB;
}
.cont_tab_box .off a:hover {
  background: rgba(255, 255, 255, 0.1);
}

.cont_tab_sub_tab {
  background: #2c3135 !important;
}

.cont_tab_sub_tab_box li a {
  color: #E3E3E8 !important;
}

.cont_tab_search {
  position: absolute;
  top: 35px;
  /*top:101px;*/
  right: 5px;
  z-index: 500;
  background: transparent;
  color: #E3E3E8;
}
.cont_tab_search.no_tab_box {
  background: transparent;
  color: #E3E3E8;
}
.cont_tab_search.relative {
  position: relative;
  top: 3px;
  color: #D5D5DB !important;
}
.cont_tab_search.relative ul li.title {
  padding-top: 1px;
}

.cont_tab_search ul {
  float: left;
}

.cont_tab_search li {
  float: left;
  position: relative;
  display: block;
  line-height: 18px;
  height: 22px;
}

.cont_tab_search li.pd {
  padding-left: 4px;
}

.cont_tab_search .bar {
  padding-left: 5px;
  background: transparent;
  width: 3px;
}

.cont_tab_search .bar_center {
  padding-left: 5px;
  padding-right: 5px;
  background: transparent;
  width: 3px;
}

.cont_tab_search select {
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  color: #E3E3E8;
}

.cont_tab_search .btn_stop a {
  float: left;
  position: relative;
  display: block;
  width: 22px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23E3E3E8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-left: none;
  border-right: none;
}
.cont_tab_search .btn_stop a:hover, .cont_tab_search .btn_stop a:focus {
  background-color: #7f888d;
}
.cont_tab_search .btn_stop a:active {
  background-color: #5a6165;
}

.cont_tab_search .btn_play a {
  float: left;
  position: relative;
  display: block;
  width: 22px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23E3E3E8'%3E%3Cpath d='M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-left: none;
  border-right: none;
}
.cont_tab_search .btn_play a:hover, .cont_tab_search .btn_play a:focus {
  background-color: #7f888d;
}
.cont_tab_search .btn_play a:active {
  background-color: #5a6165;
}

.cont_tab_search .btn_refresh a {
  float: left;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23E3E3E8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-left: none;
}
.cont_tab_search .btn_refresh a:hover, .cont_tab_search .btn_refresh a:focus {
  background-color: #7f888d;
}
.cont_tab_search .btn_refresh a:active {
  background-color: #5a6165;
}

.cont_syslog_alllog {
  position: absolute;
  top: 61px;
  /*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: tranparent;
  width: 3px;
}

.cont_syslog_alllog .bar_center {
  padding-left: 5px;
  padding-right: 5px;
  background: tranparent;
  width: 3px;
}

.cont_syslog_alllog .input_refresh {
  color: inherit;
}

.cont_syslog_alllog .btn_stop a {
  float: left;
  position: relative;
  display: block;
  width: 22px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23E3E3E8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-left: none;
  border-right: none;
}
.cont_syslog_alllog .btn_stop a:hover, .cont_syslog_alllog .btn_stop a:focus {
  background-color: #7f888d;
}
.cont_syslog_alllog .btn_stop a:active {
  background-color: #5a6165;
}

.cont_syslog_alllog .btn_play a {
  float: left;
  position: relative;
  display: block;
  width: 22px;
  height: 20px;
  background: url(../images/com/btn_time.png) no-repeat -22px 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23E3E3E8'%3E%3Cpath d='M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-left: none;
  border-right: none;
}
.cont_syslog_alllog .btn_play a:hover, .cont_syslog_alllog .btn_play a:focus {
  background-color: #7f888d;
}
.cont_syslog_alllog .btn_play a:active {
  background-color: #5a6165;
}

.cont_syslog_alllog .btn_refresh a {
  float: left;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/com/btn_time.png) no-repeat -45px 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23E3E3E8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-left: none;
}
.cont_syslog_alllog .btn_refresh a:hover, .cont_syslog_alllog .btn_refresh a:focus {
  background-color: #7f888d;
}
.cont_syslog_alllog .btn_refresh a:active {
  background-color: #5a6165;
}

.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;
  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='magenta'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.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;
  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='magenta'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.template_btn_refresh:hover, .template_btn_refresh:focus {
  text-decoration: none !important;
}
.template_btn_refresh:active {
  text-decoration: none !important;
}

.cont_search_detail {
  position: absolute;
  top: 24px;
  /*top:122px;*/
  right: 4px;
  z-index: 500;
  border: 1px solid #535b5f;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
  overflow: hidden;
}

.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;
  z-index: 500;
  border: 1px solid #535b5f;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
  overflow: hidden;
}

.cont_tab_search_detail .btn_search {
  position: absolute;
  bottom: 3px;
  right: 6px;
  z-index: 500;
}

.cont_tab_search_detail .device_info {
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cont_tab_search_detail .device_info .txt_device_group {
  display: none;
  width: calc(100% - 110px);
  -ms-flex-pack: justify;
  -ms-flex: 0 1 auto;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 1;
  margin-right: 4px;
}
.cont_tab_search_detail .device_info .txt_device_group .txt_device {
  display: none;
  height: 12px;
  padding-bottom: 2px;
}
.cont_tab_search_detail .device_info .txt_device_group .count_txt_device {
  display: none;
  min-width: 32px;
  padding-bottom: 2px;
}
.cont_tab_search_detail .device_info .txt_device_group.on {
  display: -ms-flexbox;
  display: flex;
}
.cont_tab_search_detail .device_info .txt_device_group.on .txt_device {
  display: inline-block;
}
.cont_tab_search_detail .device_info .txt_device_group.on .count_txt_device {
  display: inline-block;
}
.cont_tab_search_detail .device_info .btn_group {
  width: 110px;
}

.cont_tab_btn_box {
  position: absolute;
  top: 3px;
  right: 5px;
}

.cont_tab_left_btn_box {
  position: absolute;
  top: 3px;
  left: 5px;
}

.cont_tab_info {
  position: absolute;
  top: 55px;
  /*top:122px;*/
  right: 4px;
  z-index: 550;
  border: 1px solid #535b5f;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
  overflow: hidden;
}

.cont_section {
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
}
.cont_section::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.cont_section::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 15px / 4);
}
.cont_section::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 15px / 4);
  border: max(1px, 15px / 4) solid #2c3135 !important;
}
.cont_section::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
.cont_section::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
.cont_section::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
.cont_section::-webkit-scrollbar-button {
  display: none;
}

.cont_box {
  position: relative;
  border: 1px solid rgba(83, 91, 95, 0.7);
  background: #353d42;
}

.cont_btn_box, .cont_btn_box_main {
  position: relative;
  padding-top: 3px;
  padding-left: 5px;
  height: 25px;
  font-size: 11px;
  line-height: 18px;
  background: #2c3135;
  vertical-align: middle;
  box-shadow: inset 0 -1px 0 0 #353c40;
}

.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: #2c3135;
  border-bottom: 1px solid #353c40;
}

.cont_btn_box1_radio {
  padding-top: 6px;
  padding-left: 3px;
  height: 17px;
  background: #2c3135;
  border-bottom: 1px solid #353c40;
}

.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;
  font-weight: bold;
  background: #2c3135;
  border-bottom: 1px solid #353c40;
}

.cont_btn_bar {
  display: inline-block;
  margin: 3px;
  width: 1px;
  height: 14px;
  background-color: #535b5f;
  vertical-align: middle;
}

.cont_btn_box_bar {
  display: inline-block;
  margin: 3px;
  width: 5px;
  height: 14px;
  background-color: transparent;
  vertical-align: middle;
}

.cont-between {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1px 5px 3px;
}

.cont-search-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.cont-flex-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1px 5px 3px 1px;
}

.cont_ex_box {
  padding: 5px 0 6px 10px;
  background-color: #535b5f;
  border-bottom: 1px solid #8e979b;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
}

.cont_ex_box_v {
  padding: 5px 10px 6px 10px;
  background-color: #535b5f;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
}

.cont_ex_box_v li {
  height: 20px;
}

.cont_option_box {
  border-bottom: 1px solid #535b5f;
}

.cont_section .ui-jqgrid .ui-jqgrid-bdiv {
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
}
.cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 15px / 4);
}
.cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 15px / 4);
  border: max(1px, 15px / 4) solid #2c3135 !important;
}
.cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
.cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
.cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
.cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-button {
  display: none;
}

.main_list_scrollbar {
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
}
.main_list_scrollbar::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.main_list_scrollbar::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 15px / 4);
}
.main_list_scrollbar::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 15px / 4);
  border: max(1px, 15px / 4) solid #2c3135 !important;
}
.main_list_scrollbar::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
.main_list_scrollbar::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
.main_list_scrollbar::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
.main_list_scrollbar::-webkit-scrollbar-button {
  display: none;
}

.main_config_scrollbar {
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
}
.main_config_scrollbar::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.main_config_scrollbar::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 12px / 4);
}
.main_config_scrollbar::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 12px / 4);
  border: max(1px, 12px / 4) solid #2c3135 !important;
}
.main_config_scrollbar::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
.main_config_scrollbar::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
.main_config_scrollbar::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
.main_config_scrollbar::-webkit-scrollbar-button {
  display: none;
}

.export-file-name {
  -ms-flex-item-align: center;
  align-self: center;
  margin-right: 0.5em;
}
.export-file-name span {
  font-size: 12px;
  line-height: 1.3;
  white-space: nowrap;
  color: #D5D5DB;
}
.export-file-name-label {
  font-weight: normal;
}
.export-file-name-txt {
  font-weight: bold;
}

/* ems 분석화면 */
.cont_option_box .bar {
  height: 28px;
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
}

.cont_option_box .title_box {
  float: left;
  display: block;
  height: 21px;
  padding-top: 7px;
  padding-left: 8px;
  margin-right: 8px;
  width: 100px;
  background-color: #434d54;
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  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: #434d54;
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  font-weight: bold;
}

.cont_option_box .txt_box {
  display: block;
  padding-top: 3px;
}

.cont_option_box .bar2 {
  height: 52px;
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
}

.cont_option_box .title_box2 {
  float: left;
  display: block;
  height: 32px;
  padding-top: 20px;
  padding-left: 8px;
  margin-right: 8px;
  width: 100px;
  background-color: #434d54;
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  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_모니터링상세보기_성능 타이틀 */
/*DBMS -> 모니터링 -> 관심인스턴스*/
#body_div {
  scrollbar-face-color: #535b5f;
  scrollbar-shadow-color: #353d42;
  scrollbar-highlight-color: #353d42;
  scrollbar-3dlight-color: #353d42;
  scrollbar-darkshadow-color: #353d42;
  scrollbar-track-color: #353d42;
  scrollbar-arrow-color: #535b5f;
  scrollbar-corner-color: #353d42;
  scrollbar-width: thin;
  scrollbar-color: #535b5f #353d42;
}
#body_div::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}
#body_div::-webkit-scrollbar-track {
  background-color: #353d42;
  padding: max(1px, 8px / 4);
}
#body_div::-webkit-scrollbar-thumb {
  background: #535b5f;
  border-radius: 99px;
  margin: max(1px, 8px / 4);
  border: max(1px, 8px / 4) solid #353d42 !important;
}
#body_div::-webkit-scrollbar-thumb:hover {
  background: #5f686d;
}
#body_div::-webkit-scrollbar-thumb:active {
  background: #6b757a;
}
#body_div::-webkit-scrollbar-corner {
  background-color: #353d42;
}
#body_div::-webkit-scrollbar-button {
  display: none;
}

.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: #aeb7bb;
}

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

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

.cont_table_paging {
  position: relative;
  padding-top: 7px;
  height: 23px;
  background: #353c40;
  border-top: 1px solid rgba(83, 91, 95, 0.7);
  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: #353c40;
  border-top: 1px solid #151c1f;
}

.cont_table_paging_notice .next {
  display: inline-block;
  width: 8px;
  height: 8px;
  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='%23aeb7bb'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M11 16.07V7.93c0-.81-.91-1.28-1.58-.82l-5.77 4.07c-.56.4-.56 1.24 0 1.63l5.77 4.07c.67.47 1.58 0 1.58-.81zm1.66-3.25l5.77 4.07c.66.47 1.58-.01 1.58-.82V7.93c0-.81-.91-1.28-1.58-.82l-5.77 4.07c-.57.4-.57 1.24 0 1.64z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 8px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.cont_table_paging_notice .prev {
  display: inline-block;
  width: 8px;
  height: 8px;
  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='%23aeb7bb'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M5.58 16.89l5.77-4.07c.56-.4.56-1.24 0-1.63L5.58 7.11C4.91 6.65 4 7.12 4 7.93v8.14c0 .81.91 1.28 1.58.82zM13 7.93v8.14c0 .81.91 1.28 1.58.82l5.77-4.07c.56-.4.56-1.24 0-1.63l-5.77-4.07c-.67-.47-1.58 0-1.58.81z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 8px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.cont_table_paging_notice .txt {
  position: absolute;
  top: 7px;
  right: 5px;
}

.cont_paging_notice {
  position: relative;
  height: 30px;
  background: #353c40;
  border-top: 1px solid #151c1f;
}

.cont_paging_box {
  position: relative;
  height: 30px;
  background: #353c40;
}

/* notice_new*/
.cont_part {
  height: 1px;
  background-color: #2c3135;
}

.cont_part_type3 {
  height: 1px;
  background-color: #535b5f;
}

.cont_part_type4 {
  height: 1px;
  background-color: #666e73;
}

.bar_gray1 {
  width: 7px;
  height: 20px;
  background: transparent;
}

.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: #aab9c1;
  vertical-align: middle;
}

.cont_bull2 {
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  background: #aab9c1;
}

.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: #389430;
}

/* 이벤트 중지 상태 글자 색상 */
.com_unit {
  width: 14px;
  padding-left: 4px;
  display: inline-block;
  text-align: left;
  color: #aeb7bb;
  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: #aeb7bb;
  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: #aeb7bb;
  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 #535b5f;
  border-radius: 3px;
  background: #353d42;
  color: #FFF;
  line-height: 25px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  z-index: 9999;
}

.icon_info {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-top: 3px;
  vertical-align: middle;
  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='%233385FF'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z'%3E%3C/path%3E%3Cpath fill='%23FFFFFF' d='M13 17h-2v-6h2v6zm0-8h-2V7h2v2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.msg_bar {
  position: relative;
  height: 27px;
  padding-left: 8px;
  border-bottom: 1px solid #535b5f;
  background: #353d42;
  color: #FFF;
  line-height: 26px;
}

/* Error 화면*/
.error_msg {
  width: 480px;
  padding-bottom: 30px;
  margin: 0 auto;
  margin-top: 100px;
  background: #353d42;
}

.error_msg .logo_box {
  height: 40px;
  background: #151c1f url(../images/com/logo-zenius-white.svg) no-repeat 7px center/auto 26px;
}

.error_msg .txt_box {
  background: magenta;
}

.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: $content-separator-color-light;*/
  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;
  vertical-align: middle;
  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='%23c5ccd0'%3E%3Crect fill='none' height='24' width='24'/%3E%3Cpath d='M14.29,5.71L14.29,5.71c-0.39,0.39-0.39,1.02,0,1.41L18.17,11H3c-0.55,0-1,0.45-1,1v0c0,0.55,0.45,1,1,1h15.18l-3.88,3.88 c-0.39,0.39-0.39,1.02,0,1.41l0,0c0.39,0.39,1.02,0.39,1.41,0l5.59-5.59c0.39-0.39,0.39-1.02,0-1.41L15.7,5.71 C15.32,5.32,14.68,5.32,14.29,5.71z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.tb_basic {
  background-color: #353d42;
  font-size: 11px;
}

.tb_basic th {
  height: 28px;
  background: #434d54;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  font-weight: bold;
  vertical-align: middle;
  line-height: 16px;
}

.tb_basic th.watch {
  height: 18px;
  background-color: #434d54;
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  font-weight: bold;
  vertical-align: middle;
}
.tb_basic th.watch input.notiInterval {
  padding-left: 0px;
  width: 20px;
  text-align: center;
}

.tb_basic th.end {
  border-right: none;
}

.tb_basic .th_line_tl {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
  border-left: 1px solid rgba(83, 91, 95, 0.7);
}

.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 rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  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 td.watch.myname {
  max-width: 130px;
  table-layout: fixed;
}
.tb_basic td.watch input.thresh {
  width: 63px;
  height: 22px;
  text-align: center;
  padding: 0;
  ime-mode: disabled;
}
.tb_basic td.watch input.alertname {
  width: 310px;
  height: 22px;
}

.tb_basic .title {
  background-color: #434d54;
  font-weight: bold;
}

.tb_basic span.title {
  background-color: transparent;
}

.tb_basic .line_l {
  border-left: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic .line_td_l {
  border-left: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic .line_r {
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic .line_b {
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic .line_t {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic .line_br {
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic .line_bl {
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  border-left: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic .line_tr {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic .line_tl {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
  border-left: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic .line_dashed_b {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
  border-bottom: 1px dashed rgba(83, 91, 95, 0.7);
}

/* 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: #434d54;
}

.tb_basic .c_sky {
  background-color: magenta;
}

.tb_basic .c_purple {
  background-color: magenta;
}

.tb_basic .c_blue {
  background-color: magenta;
}

.tb_basic .c_msg {
  background-color: #353d42;
  color: #FFF;
}

/*  데이터없음  */
.tb_basic .vtop {
  vertical-align: top;
}

.tb_basic .hline_r {
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic .hline_bg {
  background-color: #434d54;
}

.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 td.txt_inactive {
  background-color: inherit;
  background-image: url(../images/com/radiobutton_inactive.png);
  /* 위치는 실제 위치로 조정 필요 */
  background-repeat: no-repeat;
  background-size: 13px 13px;
  background-position: 50% 50%;
}

.tb_basic td.txt_inactive input[type=radio][disabled] {
  visibility: hidden;
  /* 그냥 감추죠 */
}

.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: #353d42;
  font-size: 11px;
}

.tb_basic_v1 th {
  height: 28px;
  background-color: #434d54;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  font-weight: bold;
  vertical-align: middle;
}

.tb_basic_v1 th.watch {
  height: 18px;
  background-color: #434d54;
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  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 rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  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: #434d54;
  font-weight: bold;
}

.tb_basic_v1 .line_l {
  border-left: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic_v1 .line_r {
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic_v1 .line_b {
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic_v1 .line_t {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic_v1 .line_br {
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic_v1 .line_bl {
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  border-left: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic_v1 .line_tr {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic_v1 .line_tl {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
  border-left: 1px solid rgba(83, 91, 95, 0.7);
}

.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: #434d54;
}

.tb_basic_v1 .c_sky {
  background-color: magenta;
}

.tb_basic_v1 .c_purple {
  background-color: magenta;
}

.tb_basic_v1 .c_blue {
  background-color: magenta;
}

.tb_basic_v1 .c_msg {
  background-color: #353d42;
  color: #FFF;
}

/*  데이터없음  */
.tb_basic_v1 .vtop {
  vertical-align: top;
}

.tb_basic_v1 .hline_r {
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_basic_v1 .hline_bg {
  background-color: #434d54;
}

.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;
  /* 사파리용 설정 */
}

/* 사용자&수신자 테이블 */
.tb_receiver {
  background-color: #353d42;
  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: #353d42;
  font-size: 11px;
}

.tb_event th {
  height: 28px;
  background-color: #434d54;
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  font-weight: bold;
  vertical-align: middle;
}

.tb_event td {
  height: 38px;
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  vertical-align: middle;
}

.tb_event td.state00 {
  background-color: #54cd3e;
  color: #ffffff;
  font-size: 20px;
  font-family: Tahoma, Helvetica;
  border-right: 1px solid #8add7b;
  border-bottom: 1px solid #8add7b;
}

.tb_event td.state10 {
  background-color: #56bbfb;
  color: #ffffff;
  font-size: 20px;
  font-family: Tahoma, Helvetica;
  border-right: 1px solid #a1d9fd;
  border-bottom: 1px solid #a1d9fd;
}

.tb_event td.state20 {
  background-color: #ffc439;
  color: #ffffff;
  font-size: 20px;
  font-family: Tahoma, Helvetica;
  border-right: 1px solid #ffdb86;
  border-bottom: 1px solid #ffdb86;
}

.tb_event td.state30 {
  background-color: #ff9130;
  color: #ffffff;
  font-size: 20px;
  font-family: Tahoma, Helvetica;
  border-right: 1px solid #ffba7d;
  border-bottom: 1px solid #ffba7d;
}

.tb_event td.state40 {
  background-color: #c54ce8;
  color: #ffffff;
  font-size: 20px;
  font-family: Tahoma, Helvetica;
  border-right: 1px solid #db90f1;
  border-bottom: 1px solid #db90f1;
}

.tb_event td.state50 {
  background-color: #f43b51;
  color: #ffffff;
  font-size: 20px;
  font-family: Tahoma, Helvetica;
  border-right: 1px solid #f88391;
  border-bottom: 1px solid #f88391;
}

.tb_event td.zero {
  background-color: #666e73;
  color: #aeb7bb;
  font-size: 20px;
  font-family: Tahoma, Helvetica;
  border-right: 1px solid #8c9499;
  border-bottom: 1px solid #8c9499;
}

/* 범례 테이블 */
.tb_ex {
  background-color: #353d42;
  font-size: 11px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.tb_ex th {
  height: 24px;
  background-color: #434d54;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-right: 0 none;
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  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: none;
  border-bottom: none;
  vertical-align: middle;
}

.tb_ex td.end {
  border-right: none;
}

.tb_ex td.rowend {
  border-bottom: none;
}

.tb_ex .title {
  background-color: transparent;
  font-weight: bold;
}

.tb_ex .line_l {
  border-left: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_ex .line_r, .border_r {
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_ex .line_b, .border_b {
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_ex .line_t {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_ex .line_br {
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_ex .line_bl {
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  border-left: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_ex .line_t {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_ex .line_tr {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_ex .line_tl {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
  border-left: 1px solid rgba(83, 91, 95, 0.7);
}

/* 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: linear-gradient(to bottom, #353c40, #151c1f);
}

.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;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23D5D5DB'%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.portlet_title_box a.btn_setting:hover, .portlet_title_box a.btn_setting:focus {
  background-color: rgba(255, 255, 255, 0.05);
}
.portlet_title_box a.btn_setting:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.portlet_title_box a.btn_setting2 {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 29px;
  height: 23px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23D5D5DB'%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.portlet_title_box a.btn_setting2:hover, .portlet_title_box a.btn_setting2:focus {
  background-color: rgba(255, 255, 255, 0.05);
}
.portlet_title_box a.btn_setting2:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.portlet_title_box a.btn_close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 29px;
  height: 23px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23D5D5DB'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.portlet_title_box a.btn_close:hover, .portlet_title_box a.btn_close:focus {
  background-color: rgba(255, 255, 255, 0.05);
}
.portlet_title_box a.btn_close:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.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;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23D5D5DB'%3E%3Cpath d='M0,0h24 M24,24H0' fill='none'/%3E%3Cpath d='M4.25,5.61C6.27,8.2,10,13,10,13v6c0,0.55,0.45,1,1,1h2c0.55,0,1-0.45,1-1v-6c0,0,3.72-4.8,5.74-7.39 C20.25,4.95,19.78,4,18.95,4H5.04C4.21,4,3.74,4.95,4.25,5.61z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.portlet_common {
  float: left;
  position: initial;
  border: 1px solid transparent;
  background-color: #353d42;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}

.portlet_default {
  float: left;
  position: initial;
  width: 400px;
  height: 300px;
  border: 1px solid transparent;
  background-color: #353d42;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}

.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 #535b5f;
  background: #fa9221;
  color: #151c1f;
  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: transparent;
  width: 3px;
}

.cont_tab_overview .btn_stop a {
  float: left;
  position: relative;
  display: block;
  width: 22px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23E3E3E8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-left: none;
  border-right: none;
}
.cont_tab_overview .btn_stop a:hover, .cont_tab_overview .btn_stop a:focus {
  background-color: #7f888d;
}
.cont_tab_overview .btn_stop a:active {
  background-color: #5a6165;
}

.cont_tab_overview .btn_play a {
  float: left;
  position: relative;
  display: block;
  width: 22px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23E3E3E8'%3E%3Cpath d='M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-left: none;
  border-right: none;
}
.cont_tab_overview .btn_play a:hover, .cont_tab_overview .btn_play a:focus {
  background-color: #7f888d;
}
.cont_tab_overview .btn_play a:active {
  background-color: #5a6165;
}

.cont_tab_overview .btn_refresh a {
  float: left;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/com/btn_time.png) no-repeat -45px 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23E3E3E8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-left: none;
  border-radius: 0 1px 1px 0;
}
.cont_tab_overview .btn_refresh a:hover, .cont_tab_overview .btn_refresh a:focus {
  background-color: #7f888d;
}
.cont_tab_overview .btn_refresh a:active {
  background-color: #5a6165;
}

/* 장비현황 and 이벤트현황 */
.portlet_all {
  float: left;
  position: initial;
  width: 660px;
  height: 102px;
  border: 1px solid transparent;
  background-color: #666e73;
}

.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 transparent;
  background-color: #666e73;
}

.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: #535b5f;
  outline: 1px solid #495154;
  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: #666e73;
  text-align: center;
}

.portlet_all_section .txt {
  display: block;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  line-height: 32px;
}

.portlet_all_section .num {
  display: block;
  color: #ffffff;
  font-size: 30px;
  line-height: 42px;
  font-family: Tahoma, Helvetica;
}

.portlet_all_section .zero_txt {
  display: block;
  color: #aeb7bb;
  font-size: 15px;
  font-weight: bold;
  line-height: 32px;
}

.portlet_all_section .zero_num {
  display: block;
  color: #aeb7bb;
  font-size: 30px;
  line-height: 42px;
  font-family: Tahoma, Helvetica;
}

/* 인프라&그룹별 장비현황 */
.portlet_infra {
  float: left;
  position: initial;
  outline: 1px solid transparent;
  background-color: #353d42;
}

.portlet_infra_layer {
  float: left;
  position: relative;
  padding-top: 12px;
  padding-left: 12px;
}

.portlet_infra_section {
  position: relative;
}

.portlet_infra_tb {
  background-color: #353d42;
  font-size: 11px;
}

.portlet_infra_tb th {
  height: 28px;
  background-color: #434d54;
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  font-weight: bold;
  vertical-align: middle;
}

.portlet_infra_tb td {
  height: 54px;
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  vertical-align: middle;
}

.portlet_infra_tb td.state00 {
  background-color: #54cd3e;
  color: #ffffff;
  font-size: 30px;
  font-family: Tahoma, Helvetica;
  border-right: 1px solid #54cd3e;
  border-bottom: 1px solid #8add7b;
}

.portlet_infra_tb td.state10 {
  background-color: #56bbfb;
  color: #ffffff;
  font-size: 30px;
  font-family: Tahoma, Helvetica;
  border-right: 1px solid #56bbfb;
  border-bottom: 1px solid #a1d9fd;
}

.portlet_infra_tb td.state20 {
  background-color: #ffc439;
  color: #ffffff;
  font-size: 30px;
  font-family: Tahoma, Helvetica;
  border-right: 1px solid #ffc439;
  border-bottom: 1px solid #ffdb86;
}

.portlet_infra_tb td.state30 {
  background-color: #ff9130;
  color: #ffffff;
  font-size: 30px;
  font-family: Tahoma, Helvetica;
  border-right: 1px solid #ff9130;
  border-bottom: 1px solid #ffba7d;
}

.portlet_infra_tb td.state40 {
  background-color: #c54ce8;
  color: #ffffff;
  font-size: 30px;
  font-family: Tahoma, Helvetica;
  border-right: 1px solid #c54ce8;
  border-bottom: 1px solid #db90f1;
}

.portlet_infra_tb td.state50 {
  background-color: #f43b51;
  color: #ffffff;
  font-size: 30px;
  font-family: Tahoma, Helvetica;
  border-right: 1px solid #f43b51;
  border-bottom: 1px solid #f88391;
}

.portlet_infra_tb td.state_total {
  background-color: #666e73;
  color: #aeb7bb;
  font-size: 30px;
  font-family: Tahoma, Helvetica;
  border-right: 1px solid #666e73;
  border-bottom: 1px solid #8c9499;
}

.portlet_infra_tb td.zero {
  background-color: #535b5f;
  color: #aeb7bb;
  font-size: 30px;
  font-family: Tahoma, Helvetica;
  border-right: 1px solid #495154;
  border-bottom: 1px solid #495154;
}

/* 서비스맵 */
.portlet_service {
  float: left;
  position: initial;
  width: 450px;
  height: 440px;
  border: 1px solid transparent;
  background-color: #353d42;
}

.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;
  background-color: #353d42;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.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 .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 transparent;
  background-color: #353d42;
}

.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 transparent;
  background-color: #353d42;
}

.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 transparent;
  background-color: #353d42;
}

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

/* SMS 컨테이너 */
.portlet_container {
  float: left;
  position: initial;
  width: 357px;
  height: 137px;
  border: 1px solid transparent;
  background-color: #353d42;
}

.portlet_container_section {
  position: relative;
  margin-left: 12px;
  margin-top: 8px;
  padding-top: 8px;
  width: 340px;
}

.portlet_container_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 transparent;
  background-color: #353d42;
}

.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 rgba(83, 91, 95, 0.7);
}

.portlet_server_section .section2 {
  display: inline-block;
  padding: 0;
  margin: 0;
  position: relative;
  width: 120px;
  height: 117px;
  outline: 1px solid rgba(83, 91, 95, 0.7);
}

/* 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 rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
}

.portlet_server_tb {
  background-color: #fff;
  font-size: 11px;
  margin: 0;
  padding: 0;
}

.portlet_server_tb th {
  height: 28px;
  background-color: #434d54;
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  font-weight: bold;
  vertical-align: middle;
}

.portlet_server_tb td {
  height: 54px;
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  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: #aeb7bb;
  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: #151c1f;
}

.portlet_server .grp_box1 .sms_bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  background-color: #2fc4b2;
}

.portlet_server .grp_box1 .txt {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
  color: #E3E3E8;
  text-align: right;
}

.portlet_server .grp_box2 {
  position: relative;
  float: left;
  margin: 0;
  width: 48px;
  font-size: 9px;
  color: #aeb7bb;
  text-align: center;
  font-family: Tahoma, Helvetica;
}

.portlet_server .grp_box2 .txt {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #E3E3E8;
}

.portlet_server .grp_box3 {
  position: relative;
  margin-top: 2px;
  width: 72px;
  height: 27px;
  font-size: 9px;
  color: #aeb7bb;
  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: #E3E3E8;
  text-align: right;
}

/* FMS */
.portlet_fms {
  float: left;
  position: relative;
  width: 357px;
  height: 160px;
  margin-left: 12px;
  margin-bottom: 12px;
  background-color: #353d42;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.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: #E3E3E8;
  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;
}

/* 오버뷰 */
#overviewLayer {
  background: #2c3135;
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
}
#overviewLayer::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
#overviewLayer::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 15px / 4);
}
#overviewLayer::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 15px / 4);
  border: max(1px, 15px / 4) solid #2c3135 !important;
}
#overviewLayer::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
#overviewLayer::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
#overviewLayer::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
#overviewLayer::-webkit-scrollbar-button {
  display: none;
}

.overview_tooltip {
  border: 0;
  background-color: #353d42;
}

.overview_tooltip .qtip-content {
  padding: 0;
}

.overview_tb {
  background-color: #353d42;
  font-size: 11px;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.overview_tb th {
  height: 22px;
  line-height: 12px;
  background-color: #434d54;
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  font-weight: bold;
  vertical-align: middle;
}

.overview_tb td {
  height: 22px;
  line-height: 12px;
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  vertical-align: middle;
}

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

.tb_overview {
  background-color: #353d42;
  font-size: 11px;
}

.tb_overview th {
  height: 28px;
  background-color: #434d54;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  font-weight: bold;
  vertical-align: middle;
}

.tb_overview th.watch {
  height: 18px;
  background-color: #434d54;
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  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 rgba(83, 91, 95, 0.7);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  vertical-align: middle;
}

.tb_overview td.end {
  border-right: none;
}

.tb_overview .title {
  background-color: transparent;
  font-weight: bold;
}

.tb_overview .line_r {
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_overview .line_tr {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_overview .line_br {
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_overview .line_b {
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_overview .line_l {
  border-left: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_overview .line_tl {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
  border-left: 1px solid rgba(83, 91, 95, 0.7);
}

.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: #434d54;
}

.tb_overview .c_sky {
  background-color: magenta;
}

.tb_overview .c_purple {
  background-color: magenta;
}

.tb_overview .c_blue {
  background-color: magenta;
}

.tb_overview .c_msg {
  background-color: #353d42;
  color: #FFF;
}

.tb_overview .vtop {
  vertical-align: top;
}

.tb_overview .hline_r {
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.tb_overview .hline_bg {
  background-color: #434d54;
}

/* EMS ServiceMap ////////////////////////////////////////////////////////////////////////////*/
.portlet_service_section .path {
  cursor: pointer;
  stroke: #151c1f;
  fill-rule: evenodd;
  opacity: 0.2;
}
.portlet_service_section .link {
  stroke: #666e73;
}
.portlet_service_section .node circle {
  cursor: pointer;
  opacity: 0.85;
}
.portlet_service_section .node text,
.portlet_service_section .node .svcmap_text {
  font-weight: bold;
  pointer-events: none;
  fill: #E3E3E8;
}
.portlet_service_section .svcmap_level0 {
  opacity: 1;
}
.portlet_service_section .svcmap_level1 {
  opacity: 0.8;
}
.portlet_service_section .svcmap_level2 {
  opacity: 0.6;
}
.portlet_service_section .svcmap_level3 {
  opacity: 0.45;
}
.portlet_service_section .svcmap_level4 {
  opacity: 0.3;
}
.portlet_service_section .svcmap_alertDefault {
  fill: #c5ccd0;
}
.portlet_service_section .svcmap_alert0 {
  fill: #54cd3e;
  opacity: 1;
}
.portlet_service_section .svcmap_alert10 {
  fill: #56bbfb;
  opacity: 1;
}
.portlet_service_section .svcmap_alert20 {
  fill: #ffc439;
  opacity: 1;
}
.portlet_service_section .svcmap_alert30 {
  fill: #ff9130;
  opacity: 1;
}
.portlet_service_section .svcmap_alert40 {
  fill: #c54ce8;
  opacity: 1;
}
.portlet_service_section .svcmap_alert50 {
  fill: #f43b51;
  opacity: 1;
}
.portlet_service_section .svcmap_alert60 {
  fill: #f43b51;
  opacity: 1;
}
.portlet_service_section .svcmap_step {
  padding-left: 8px;
  font-weight: bold;
}
.portlet_service_section .svcmap_tooltip {
  border: 0;
  background-color: #ffffff;
}
.portlet_service_section .svcmap_tooltip .qtip-content {
  padding: 0;
}

/* 툴팁 테이블 */
.svc_tb {
  background-color: #353d42;
  width: 200px;
  font-size: 11px;
  table-layout: fixed;
  border: 1px solid #535b5f;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
  overflow: hidden;
  border-radius: 0;
}

.svc_tb th {
  padding: 7px;
  background-color: #434d54;
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  border-left: 1px solid rgba(83, 91, 95, 0.7);
  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 rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  vertical-align: middle;
  word-break: break-all;
}

.svc_tb td.end {
  border-right: none;
}

.svc_tb .title {
  background-color: transparent;
  font-weight: bold;
}

.svc_tb .line_r {
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.svc_tb .line_tr {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.svc_tb .line_br {
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}

.svc_tb .line_b {
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
}

.svc_tb .line_b_end {
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
}

.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: #ffffff;
  border: 1px solid #c5ccd0;
  color: #353c40;
  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: #2c3135;
}

.wrap_detail_summray {
  position: relative;
  width: 1260px;
  height: 798px;
  background: linear-gradient(to bottom, #151c1f 0, #151c1f 2px, transparent 2px), #2c3135;
}

.wrap_detail_summray_full {
  position: relative;
  width: 1900px;
  height: 988px;
  background-color: #2c3135;
}

.wrap_detail_event {
  position: relative;
  width: 1024px;
  /*height:800px;*/
  background-color: #2c3135;
}

.wrap_detail_fms {
  position: relative;
  width: 770px;
  height: 610px;
  background-color: #2c3135;
}

.wrap_detail_ims {
  position: relative;
  width: 900px;
  height: 700px;
  background-color: #2c3135;
}

.wrap_detail_oam_winpatch {
  position: relative;
  width: 1100px;
  height: 632px;
  background-color: #2c3135;
}

.detail_tree {
  position: relative;
  float: left;
  width: 200px;
  min-height: 100% px;
  height: 100%;
  background-color: #2c3135;
  background-image: linear-gradient(to left, #2c3135 0px, #2c3135 1px, #191b1c 1px, #191b1c 3px, #2c3135 3px, #2c3135 4px, #2c3135 4px);
  z-index: 200;
}

/* border 없는 트리 */
.detail_tree2 {
  position: relative;
  float: left;
  width: 200px;
  min-height: 100% px;
  height: 100%;
  background-color: #2c3135;
  background-image: linear-gradient(to left, #2c3135 0px, #2c3135 1px, #191b1c 1px, #191b1c 3px, #2c3135 3px, #2c3135 4px, #2c3135 4px);
  z-index: 200;
}

/* border 있는 트리 */
.detail_header {
  position: relative;
  height: 64px;
  z-index: 600;
  background: #2c3135;
  color: #aeb7bb;
}

.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_nms_diag {
  height: 64px;
  background: url(../images/icons/icon_detail_nms_diag.png) no-repeat 10px 9px;
}

.detail_header .title_box_nms_oid {
  height: 64px;
  background: url(../images/icons/icon_detail_nms.png) no-repeat 10px 9px;
  border-bottom: 1px solid #1c1f21;
}

.detail_header .title_box_dbms {
  height: 64px;
  background: url(../images/icons/icon_detail_dbms.png) no-repeat 10px 9px;
}

.detail_header .title_box_dbms_query {
  height: 64px;
  background: url(../images/icons/icon_detail_dbms_query.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_wnms {
  height: 64px;
  background: url(../images/icons/icon_detail_wnms.png) no-repeat 10px 9px;
}

.detail_header .title_box_cms {
  height: 64px;
  background: url(../images/icons/icon_detail_cms.png) no-repeat 10px 9px;
}

.detail_header .title_box_trms {
  height: 64px;
  background: url(../images/icons/icon_detail_trms.svg) no-repeat 10px 9px;
}

.detail_header .title_box_k8s {
  height: 64px;
  background: url(../images/icons/icon_detail_k8s.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 .query_execution_title {
  padding-left: 70px;
  height: 64px;
  line-height: 64px;
  vertical-align: middle;
}

.detail_header .title_name {
  display: inline-block;
  height: 24px;
  padding-left: 1px;
  font-size: 18px;
  color: #E3E3E8;
  vertical-align: middle;
}

.detail_header .title_num {
  font-size: 11px;
  font-weight: bold;
  color: #E3E3E8;
}

.detail_header .title_txt {
  font-size: 11px;
  font-weight: normal;
  color: #E3E3E8;
}

.detail_header .btn_refresh a {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 2px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: middle;
  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='%23F2F3F4'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
}
.detail_header .btn_refresh a:hover, .detail_header .btn_refresh a:focus {
  background-color: #727b81;
}
.detail_header .btn_refresh a:active {
  background-color: #5a6165;
}

.detail_refresh {
  position: absolute;
  top: 10px;
  right: 8px;
}

.detail_refresh li {
  position: relative;
  float: left;
  padding-left: 5px;
}

.detail_refresh li a {
  color: #E3E3E8;
}

.detail_refresh li a:hover {
  color: #E3E3E8;
}

.detail_refresh .num_box {
  display: inline-block;
  width: 26px;
  height: 14px;
  background: rgba(227, 227, 232, 0.3);
  color: #E3E3E8;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
  line-height: 12px;
}

.detail_refresh .num_box_open {
  position: absolute;
  top: 14px;
  left: 5px;
  width: 36px;
  background: #535b5f;
  color: #D5D5DB;
  padding: 0;
  vertical-align: top;
  line-height: 12px;
}

.detail_refresh .num_box_open li {
  padding: 0;
  float: none;
}

.detail_refresh .num_box_open a {
  display: block;
  padding: 2px 8px;
  text-align: right;
}
.detail_refresh .num_box_open a:hover, .detail_refresh .num_box_open a:focus {
  background-color: #353c40;
  color: #E3E3E8;
  text-decoration: none;
}

.detail_refresh a.btn_refresh_open {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 2px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: middle;
  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='%23F2F3F4'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
}
.detail_refresh a.btn_refresh_open:hover, .detail_refresh a.btn_refresh_open:focus {
  background-color: #727b81;
}
.detail_refresh a.btn_refresh_open:active {
  background-color: #5a6165;
}

.detail_refresh a.btn_refresh_close {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 2px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: middle;
  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='%23F2F3F4'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 14l5-5 5 5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
}
.detail_refresh a.btn_refresh_close:hover, .detail_refresh a.btn_refresh_close:focus {
  background-color: #727b81;
}
.detail_refresh a.btn_refresh_close:active {
  background-color: #5a6165;
}

.detail_refresh a.btn_refresh_refresh {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 2px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: middle;
  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='%23F2F3F4'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
}
.detail_refresh a.btn_refresh_refresh:hover, .detail_refresh a.btn_refresh_refresh:focus {
  background-color: #727b81;
}
.detail_refresh a.btn_refresh_refresh:active {
  background-color: #5a6165;
}

.detail_refresh a.btn_refresh_stop {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 2px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: middle;
  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='%23F2F3F4'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
}
.detail_refresh a.btn_refresh_stop:hover, .detail_refresh a.btn_refresh_stop:focus {
  background-color: #727b81;
}
.detail_refresh a.btn_refresh_stop:active {
  background-color: #5a6165;
}

.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;
  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='%23F2F3F4'%3E%3Cpath d='M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
}
.detail_refresh a.btn_refresh_play:hover, .detail_refresh a.btn_refresh_play:focus {
  background-color: #727b81;
}
.detail_refresh a.btn_refresh_play:active {
  background-color: #5a6165;
}

.detail_refresh2 {
  position: absolute;
  top: 10px;
  right: 8px;
  text-align: right;
}

.detail_refresh2 li {
  position: relative;
  padding-left: 5px;
}

.detail_refresh2 li a {
  color: #E3E3E8;
}

.detail_refresh2 li a:hover {
  color: #E3E3E8;
}

.detail_refresh2 .num_box {
  display: inline-block;
  width: 26px;
  height: 14px;
  background: rgba(227, 227, 232, 0.15);
  color: #E3E3E8;
  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: rgba(227, 227, 232, 0.15);
  color: #E3E3E8;
  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;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: middle;
  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='%23F2F3F4'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
}
.detail_refresh2 a.btn_refresh_open:hover, .detail_refresh2 a.btn_refresh_open:focus {
  background-color: #727b81;
}
.detail_refresh2 a.btn_refresh_open:active {
  background-color: #5a6165;
}

.detail_refresh2 a.btn_refresh_close {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 2px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: middle;
  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='%23F2F3F4'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 14l5-5 5 5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
}
.detail_refresh2 a.btn_refresh_close:hover, .detail_refresh2 a.btn_refresh_close:focus {
  background-color: #727b81;
}
.detail_refresh2 a.btn_refresh_close:active {
  background-color: #5a6165;
}

.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;
  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='%23F2F3F4'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
}
.detail_refresh2 a.btn_refresh_refresh:hover, .detail_refresh2 a.btn_refresh_refresh:focus {
  background-color: #727b81;
}
.detail_refresh2 a.btn_refresh_refresh:active {
  background-color: #5a6165;
}

.detail_refresh2 a.btn_refresh_stop {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 2px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: middle;
  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='%23F2F3F4'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
}
.detail_refresh2 a.btn_refresh_stop:hover, .detail_refresh2 a.btn_refresh_stop:focus {
  background-color: #727b81;
}
.detail_refresh2 a.btn_refresh_stop:active {
  background-color: #5a6165;
}

.detail_refresh2 a.btn_refresh_play {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 2px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: middle;
  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='%23F2F3F4'%3E%3Cpath d='M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
}
.detail_refresh2 a.btn_refresh_play:hover, .detail_refresh2 a.btn_refresh_play:focus {
  background-color: #727b81;
}
.detail_refresh2 a.btn_refresh_play:active {
  background-color: #5a6165;
}

.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: transparent;
  width: 3px;
}

.detail_tab_search .btn_stop a {
  float: left;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23E3E3E8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-left: none;
  border-right: none;
}
.detail_tab_search .btn_stop a:hover, .detail_tab_search .btn_stop a:focus {
  background-color: #7f888d;
}
.detail_tab_search .btn_stop a:active {
  background-color: #5a6165;
}

.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;
  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='%23E3E3E8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-left: none;
  border-radius: 0 1px 1px 0;
}
.detail_tab_search .btn_refresh a:hover, .detail_tab_search .btn_refresh a:focus {
  background-color: #7f888d;
}
.detail_tab_search .btn_refresh a:active {
  background-color: #5a6165;
}

.detail_tab_sel a {
  float: left;
  position: relative;
  display: block;
  width: 110px;
  height: 18px;
  padding: 4px 18px 0 8px;
  margin-right: 5px;
  color: cyan;
  text-decoration: none;
  z-index: 100;
  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='%23E3E3E8'%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: magenta;
}
.detail_tab_sel a:hover, .detail_tab_sel a:focus {
  background-color: #7f888d;
}
.detail_tab_sel a:active {
  background-color: #5a6165;
}

.detail_tab_sel_over {
  float: left;
  position: relative;
  display: block;
  width: 110px;
  height: 61px;
  padding: 0 18px 0 8px;
  margin-right: 5px;
  line-height: 19px;
  color: #e4e4e4;
  z-index: 200;
  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='cyan'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: magenta;
}

.detail_btn {
  position: absolute;
  top: 32px;
  right: 7px;
}

/* 모니터링 상세보기 > 감시설정,연관설정 버튼  */
.detail_radio_bar {
  position: relative;
  padding-left: 3px;
  height: 28px;
  line-height: 26px;
  background: #2c3135;
  box-shadow: inset 0 -1px 0 0 #353c40;
  vertical-align: middle;
}
.detail_radio_bar.only_radio {
  border-top: 1px solid #3F484D;
}

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

.subTabContent .detail_radio_bar {
  background: #3C4348;
}

.detail_btn_bar {
  position: relative;
  padding-left: 3px;
  height: 28px;
  line-height: 26px;
  background: #2c3135;
  vertical-align: middle;
  z-index: 400;
  box-shadow: inset 0 -1px 0 0 #3E474C;
}

.detail_btn_bar .btn {
  position: absolute;
  top: -1px;
  right: 5px;
}

.detail_btn_bar .txt {
  position: absolute;
  top: -1px;
  right: 5px;
}

.detail_subtitle_bar {
  position: relative;
  padding-left: 5px;
  height: 28px;
  line-height: 26px;
  vertical-align: middle;
  background: #434d54;
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
}

.userdefined_txt {
  font-size: 11px;
  padding: 5px;
  padding-top: 10px;
  color: #D5D5DB !important;
  letter-spacing: 0.5px;
  background-color: #535b5f;
}

#textareaMsg {
  padding: 5px 5px 5px 8px;
  color: #E3E3E8 !important;
  letter-spacing: 0.5px;
  background-color: #353d42 !important;
}

.datail_info_box {
  position: relative;
  height: 66px;
  margin: 12px;
  padding-left: 12px;
  border: 2px solid rgba(83, 91, 95, 0.7);
  line-height: 66px;
  font-size: 12px;
}

.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 rgba(83, 91, 95, 0.7);
  line-height: 93px;
  font-size: 12px;
}

.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 rgba(83, 91, 95, 0.7);
  line-height: 33px;
  font-size: 12px;
}

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

.datail_box_client .blue {
  display: block;
  position: absolute;
  top: 60px;
  left: 38px;
  height: 64px;
  width: 64px;
  font-size: 24px;
  text-align: center;
  font-family: Tahoma, Helvetica;
  line-height: 60px;
  font-weight: normal;
  background: #56bbfb;
  border-radius: 99px;
  color: #ffffff;
}

.datail_box_client .green {
  display: block;
  position: absolute;
  top: 60px;
  left: 38px;
  height: 64px;
  width: 64px;
  font-size: 24px;
  text-align: center;
  font-family: Tahoma, Helvetica;
  line-height: 60px;
  font-weight: normal;
  background: #54cd3e;
  border-radius: 99px;
  color: #ffffff;
}

.datail_box_client .disable {
  display: block;
  position: absolute;
  top: 60px;
  left: 38px;
  height: 64px;
  width: 64px;
  font-size: 24px;
  text-align: center;
  font-family: Tahoma, Helvetica;
  line-height: 60px;
  font-weight: normal;
  background: #535b5f;
  border-radius: 99px;
  color: #aeb7bb;
}

.grid_title_box {
  position: relative;
  width: 100%;
  height: 24px;
  background: linear-gradient(to bottom, #353c40, #151c1f);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
}

.grid_title_box2 {
  position: relative;
  width: 100%;
  height: 24px;
  background: linear-gradient(to bottom, #353c40, #151c1f);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  border-top: 1px solid rgba(83, 91, 95, 0.7);
}

.grid_title_box .txt, .grid_title_box2 .txt {
  display: block;
  padding-top: 5px;
  padding-left: 8px;
  font-size: 12px;
  font-weight: bold;
}
.grid_title_box .txt a, .grid_title_box2 .txt a {
  color: #ffffff;
}

.grid_title_box .txt2 {
  display: block;
  padding-top: 5px;
  padding-left: 8px;
  font-size: 11px;
  font-weight: bold;
}
.grid_title_box .txt2 a {
  color: #ffffff;
}

.grid_title_box a.btn_setting {
  display: block;
  position: absolute;
  top: 0;
  right: 29px;
  width: 29px;
  height: 23px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23D5D5DB'%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.grid_title_box a.btn_setting:hover, .grid_title_box a.btn_setting:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
.grid_title_box a.btn_setting:active {
  background-color: rgba(0, 0, 0, 0.2);
}

.grid_title_box a.btn_setting2 {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 29px;
  height: 23px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23D5D5DB'%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.grid_title_box a.btn_setting2:hover, .grid_title_box a.btn_setting2:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
.grid_title_box a.btn_setting2:active {
  background-color: rgba(0, 0, 0, 0.2);
}

.grid_title_box a.btn_close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 29px;
  height: 23px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23D5D5DB'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.grid_title_box a.btn_close:hover, .grid_title_box a.btn_close:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
.grid_title_box a.btn_close:active {
  background-color: rgba(0, 0, 0, 0.2);
}

.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;
}
.name_box a {
  color: #E3E3E8;
}

.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 a {
  color: #D5D5DB;
}

.snb_setting li.menu1 {
  background-position: 0 0;
}

/* 사용자 */
.snb_setting li.menu10102 {
  background-position: 0 -25px;
}

/* 수신자 */
.snb_setting li.menu10106 {
  background-position: 0 -50px;
}

/* 작업 */
.snb_setting li.menu10109 {
  background-position: 0 -75px;
}

/* 환경설정 */
.snb_setting li.menu10111 {
  background-position: 0 -100px;
}

/* 공지사항 */
.snb_setting li.menu10119 {
  background-position: 0 -125px;
}

/* 로그 */
.snb_setting li.menu10121 {
  background-position: 0 -150px;
}

/* 연동시스템 */
.snb_setting li.menu10126 {
  background-position: 0 -175px;
}

/* 벤더 */
.snb_setting li.menu10129 {
  background-position: 0 -200px;
}

/* 매니저상태 */
.snb_setting li.menu10131 {
  background-position: 0 -225px;
}

/* 반복작업*/
.snb_setting li.menu10135 {
  background-position: 0 -250px;
}

/* 운영관리정보*/
.snb_setting li.menu10138 {
  background-position: 0 -275px;
}

/* 허용 명령어 관리*/
.snb_setting li.menu10148 {
  background-position: 0 -300px;
}

/* 주요 메뉴 가이드 */
.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;
  margin-left: 2px;
  vertical-align: baseline;
  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='%23353c40'%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: 12px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* Common Button //////////////////////////////////////////////////////////////////////////// */
/* 기본버튼 */
a.com_btn {
  display: inline-block;
  padding: 0px 7px 0 7px;
  height: 20px;
  background-color: #535b5f;
  text-decoration: none;
  font-size: 11px;
  color: #E3E3E8;
  line-height: 18px;
  border-top: 1px solid #151c1f;
  border-left: 1px solid #151c1f;
  border-bottom: 1px solid #151c1f;
  border-right: 1px solid #151c1f;
  cursor: hand;
  border-radius: 3px;
}
a.com_btn:hover, a.com_btn:focus {
  background-color: #5f686d;
}
a.com_btn:active {
  background-color: #3b4144;
}
.ui-widget-content a.com_btn {
  color: #E3E3E8;
}

a.com_btn_disable {
  display: inline-block;
  padding: 0px 7px 0 7px;
  height: 20px;
  background-color: #353c40;
  text-decoration: none;
  font-size: 11px;
  color: #8e979b;
  line-height: 18px;
  border-top: 1px solid #535b5f;
  border-left: 1px solid #535b5f;
  border-bottom: 1px solid #535b5f;
  border-right: 1px solid #535b5f;
  cursor: hand;
  border-radius: 3px;
}

a.com_btn_l {
  display: inline-block;
  padding: 0px 16px 0 16px;
  height: 24px;
  background-color: #535b5f;
  text-decoration: none;
  font-size: 11px;
  color: #E3E3E8;
  line-height: 22px;
  border-top: 1px solid #151c1f;
  border-left: 1px solid #151c1f;
  border-bottom: 1px solid #151c1f;
  border-right: 1px solid #151c1f;
  cursor: hand;
  border-radius: 3px;
}
a.com_btn_l:hover, a.com_btn_l:focus {
  background-color: #5f686d;
}
a.com_btn_l:active {
  background-color: #3b4144;
}

a.com_btn_dark {
  display: inline-block;
  padding: 0 7px 0 7px;
  height: 20px;
  background-color: #535b5f;
  text-decoration: none;
  font-size: 11px;
  color: #F2F3F4 !important;
  line-height: 18px;
  border-top: 1px solid #8e979b;
  border-left: 1px solid #8e979b;
  border-bottom: 1px solid #8e979b;
  border-right: 1px solid #8e979b;
  cursor: hand;
  border-radius: 3px;
}
a.com_btn_dark:hover, a.com_btn_dark:focus {
  background-color: #5f686d;
}
a.com_btn_dark:active {
  background-color: #3b4144;
}

a.com_btn_dark_l {
  display: inline-block;
  padding: 0 25px 0 25px;
  height: 30px;
  background-color: #535b5f;
  text-decoration: none;
  font-size: 13px;
  color: #F2F3F4;
  line-height: 27px;
  border-top: 1px solid #8e979b;
  border-left: 1px solid #8e979b;
  border-bottom: 1px solid #8e979b;
  border-right: 1px solid #8e979b;
  cursor: hand;
  border-radius: 3px;
}
a.com_btn_dark_l:hover, a.com_btn_dark_l:focus {
  background-color: #5f686d;
}
a.com_btn_dark_l:active {
  background-color: #3b4144;
}

a.com_btn_dark_analysis {
  display: inline-block;
  padding: 0 30px 0 50px;
  height: 30px;
  background-color: #535b5f;
  background: url(../images/com/btn_dark_analysis.png) no-repeat;
  text-decoration: none;
  font-size: 13px;
  color: #F2F3F4;
  line-height: 27px;
  border-top: 1px solid #8e979b;
  border-left: 1px solid #8e979b;
  border-bottom: 1px solid #8e979b;
  border-right: 1px solid #8e979b;
  cursor: hand;
  border-radius: 3px;
}
a.com_btn_dark_analysis:hover, a.com_btn_dark_analysis:focus {
  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;
  text-decoration: none;
  font-size: 11px;
  line-height: 18px;
  cursor: pointer;
  background-color: #2d8226;
  color: #ffffff;
  border: 1px solid #5eb056;
  border-radius: 3px;
}
a.com_btn_orange:hover, a.com_btn_orange:focus {
  background-color: #34962c;
}
a.com_btn_orange:active {
  background-color: #297623;
}

a.com_btn_orange_down {
  display: inline-block;
  padding: 0 24px 0 24px;
  height: 34px;
  text-decoration: none;
  font-size: 16px;
  line-height: 30px;
  cursor: hand;
  background-color: #2d8226;
  color: #ffffff;
  border: 1px solid #5eb056;
  border-radius: 3px;
}
a.com_btn_orange_down:hover, a.com_btn_orange_down:focus {
  background-color: #34962c;
}
a.com_btn_orange_down:active {
  background-color: #297623;
}

a.com_btn_gray {
  display: inline-block;
  padding: 0 7px 0 7px;
  height: 20px;
  background-color: #c5ccd0;
  text-decoration: none;
  font-size: 11px;
  color: #151c1f;
  line-height: 18px;
  border-top: 1px solid #8e979b;
  border-left: 1px solid #8e979b;
  border-bottom: 1px solid #8e979b;
  border-right: 1px solid #8e979b;
  cursor: hand;
  border-radius: 3px;
}
a.com_btn_gray:hover, a.com_btn_gray:focus {
  background-color: #d3d8db;
}
a.com_btn_gray:active {
  background-color: #bdc5c9;
}

a.com_btn_s {
  display: inline-block;
  padding: 0px 4px 0 4px;
  height: 14px;
  background-color: #535b5f;
  text-decoration: none;
  font-size: 11px;
  color: #E3E3E8;
  line-height: 13px;
  border-top: 1px solid #151c1f;
  border-left: 1px solid #151c1f;
  border-bottom: 1px solid #151c1f;
  border-right: 1px solid #151c1f;
  cursor: hand;
  border-radius: 3px;
}
a.com_btn_s:hover, a.com_btn_s:focus {
  background-color: #5f686d;
}
a.com_btn_s:active {
  background-color: #3b4144;
}

a.com_btn_open {
  display: inline-block;
  padding: 0 15px 0 7px;
  margin-left: 4px;
  height: 20px;
  text-decoration: none;
  font-size: 11px;
  line-height: 18px;
  cursor: hand;
  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='%23D5D5DB'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #535b5f;
  color: #E3E3E8;
  border: 1px solid #151c1f;
  border-radius: 3px;
}
a.com_btn_open:hover, a.com_btn_open:focus {
  background-color: #5f686d;
}
a.com_btn_open:active {
  background-color: #3b4144;
}

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: 3px;
}

a:hover.com_btn_close {
  background-color: #e8e8e8;
}

a.com_btn_search {
  display: inline-block;
  width: 22px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23E3E3E8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M21.6,19.4l-5.7-5.7c0.7-1.1,1.1-2.4,1.1-3.8c0-3.9-3.1-7-7-7s-7,3.1-7,7s3.1,7,7,7c1.4,0,2.7-0.4,3.8-1.1 l5.7,5.7c0.6,0.6,1.5,0.6,2.1,0C22.2,21,22.2,20,21.6,19.4z M10,14c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S12.2,14,10,14z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-radius: 3px;
}
a.com_btn_search:hover, a.com_btn_search:focus {
  background-color: #727b81;
}
a.com_btn_search:active {
  background-color: #5f666b;
}

a.com_btn_search_open {
  display: inline-block;
  width: 34px;
  height: 20px;
  line-height: 18px;
  text-indent: -999999px;
  white-space: nowrap;
  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 40 24' width='40'%3E%3Cg fill='%23E3E3E8'%3E%3Cpath d='M0 0h40v24H0V0z' fill='none'/%3E%3Cpath d='M14.5,7c-0.2,0.6-0.4,1.3-0.5,2H12v0.5c0,0.8-0.7,1.5-1.5,1.5S9,10.3,9,9.5V9H3C2.5,9,2,8.5,2,8s0.5-1,1-1h6 V6.5C9,5.7,9.7,5,10.5,5S12,5.7,12,6.5V7H14.5z'/%3E%3Cpath d='M15.5,15H8v0.5C8,16.3,7.3,17,6.5,17S5,16.3,5,15.5V15H3c-0.5,0-1-0.5-1-1s0.5-1,1-1h2v-0.5 C5,11.7,5.7,11,6.5,11S8,11.7,8,12.5V13h6.5C14.8,13.7,15.1,14.4,15.5,15z'/%3E%3Cpath d='M17,19h-2v-0.5c0-0.8-0.7-1.5-1.5-1.5S12,17.7,12,18.5V19H3c-0.6,0-1,0.4-1,1c0,0.6,0.4,1,1,1h9v0.5 c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5V21h2c0.6,0,1-0.4,1-1C18,19.4,17.6,19,17,19z'/%3E%3Cpath d='M34.6,19.4l-5.7-5.7c0.7-1.1,1.1-2.4,1.1-3.8c0-3.9-3.1-7-7-7s-7,3.1-7,7s3.1,7,7,7c1.4,0,2.7-0.4,3.8-1.1 l5.7,5.7c0.6,0.6,1.5,0.6,2.1,0C35.2,21,35.2,20,34.6,19.4z M23,14c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S25.2,14,23,14z'/%3E%3Cpath d='M37.7,2.3c0.4,0.4,0.4,1,0,1.4l-2.8,2.8c-0.4,0.4-1,0.4-1.4,0l-2.8-2.8c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0 l2.1,2.1l2.1-2.1C36.7,1.9,37.3,1.9,37.7,2.3z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-radius: 3px;
}
a.com_btn_search_open:hover, a.com_btn_search_open:focus {
  background-color: #727b81;
}
a.com_btn_search_open:active {
  background-color: #5f666b;
}

a.com_btn_search_close {
  display: inline-block;
  width: 34px;
  height: 20px;
  line-height: 18px;
  text-indent: -999999px;
  white-space: nowrap;
  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 40 24' width='40'%3E%3Cg fill='%23E3E3E8'%3E%3Cpath d='M0 0h40v24H0V0z' fill='none'/%3E%3Cpath d='M14.5,7c-0.2,0.6-0.4,1.3-0.5,2H12v0.5c0,0.8-0.7,1.5-1.5,1.5S9,10.3,9,9.5V9H3C2.5,9,2,8.5,2,8s0.5-1,1-1h6 V6.5C9,5.7,9.7,5,10.5,5S12,5.7,12,6.5V7H14.5z'/%3E%3Cpath d='M15.5,15H8v0.5C8,16.3,7.3,17,6.5,17S5,16.3,5,15.5V15H3c-0.5,0-1-0.5-1-1s0.5-1,1-1h2v-0.5 C5,11.7,5.7,11,6.5,11S8,11.7,8,12.5V13h6.5C14.8,13.7,15.1,14.4,15.5,15z'/%3E%3Cpath d='M17,19h-2v-0.5c0-0.8-0.7-1.5-1.5-1.5S12,17.7,12,18.5V19H3c-0.6,0-1,0.4-1,1c0,0.6,0.4,1,1,1h9v0.5 c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5V21h2c0.6,0,1-0.4,1-1C18,19.4,17.6,19,17,19z'/%3E%3Cpath d='M34.6,19.4l-5.7-5.7c0.7-1.1,1.1-2.4,1.1-3.8c0-3.9-3.1-7-7-7s-7,3.1-7,7s3.1,7,7,7c1.4,0,2.7-0.4,3.8-1.1 l5.7,5.7c0.6,0.6,1.5,0.6,2.1,0C35.2,21,35.2,20,34.6,19.4z M23,14c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S25.2,14,23,14z'/%3E%3Cpath d='M37.7,6.5c0.4-0.4,0.4-1,0-1.4l-2.8-2.8c-0.4-0.4-1-0.4-1.4,0l-2.8,2.8c-0.4,0.4-0.4,1,0,1.4 c0.4,0.4,1,0.4,1.4,0l2.1-2.1l2.1,2.1C36.7,6.9,37.3,6.9,37.7,6.5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-radius: 3px;
}
a.com_btn_search_close:hover, a.com_btn_search_close:focus {
  background-color: #727b81;
}
a.com_btn_search_close:active {
  background-color: #5f666b;
}

a.com_btn_search_on_open {
  display: inline-block;
  width: 34px;
  height: 20px;
  line-height: 18px;
  text-indent: -999999px;
  white-space: nowrap;
  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 40 24' width='40'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M0 0h40v24H0V0z' fill='none'/%3E%3Cpath d='M14.5,7c-0.2,0.6-0.4,1.3-0.5,2H12v0.5c0,0.8-0.7,1.5-1.5,1.5S9,10.3,9,9.5V9H3C2.5,9,2,8.5,2,8s0.5-1,1-1h6 V6.5C9,5.7,9.7,5,10.5,5S12,5.7,12,6.5V7H14.5z'/%3E%3Cpath d='M15.5,15H8v0.5C8,16.3,7.3,17,6.5,17S5,16.3,5,15.5V15H3c-0.5,0-1-0.5-1-1s0.5-1,1-1h2v-0.5 C5,11.7,5.7,11,6.5,11S8,11.7,8,12.5V13h6.5C14.8,13.7,15.1,14.4,15.5,15z'/%3E%3Cpath d='M17,19h-2v-0.5c0-0.8-0.7-1.5-1.5-1.5S12,17.7,12,18.5V19H3c-0.6,0-1,0.4-1,1c0,0.6,0.4,1,1,1h9v0.5 c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5V21h2c0.6,0,1-0.4,1-1C18,19.4,17.6,19,17,19z'/%3E%3Cpath d='M34.6,19.4l-5.7-5.7c0.7-1.1,1.1-2.4,1.1-3.8c0-3.9-3.1-7-7-7s-7,3.1-7,7s3.1,7,7,7c1.4,0,2.7-0.4,3.8-1.1 l5.7,5.7c0.6,0.6,1.5,0.6,2.1,0C35.2,21,35.2,20,34.6,19.4z M23,14c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S25.2,14,23,14z'/%3E%3Cpath d='M37.7,2.3c0.4,0.4,0.4,1,0,1.4l-2.8,2.8c-0.4,0.4-1,0.4-1.4,0l-2.8-2.8c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0 l2.1,2.1l2.1-2.1C36.7,1.9,37.3,1.9,37.7,2.3z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #2d8226;
  border: 1px solid #5eb056;
  border-radius: 3px;
}
a.com_btn_search_on_open:hover, a.com_btn_search_on_open:focus {
  background-color: #34962c;
}
a.com_btn_search_on_open:active {
  background-color: #297623;
}

a.com_btn_search_on_close {
  display: inline-block;
  width: 34px;
  height: 20px;
  line-height: 18px;
  text-indent: -999999px;
  white-space: nowrap;
  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 40 24' width='40'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M0 0h40v24H0V0z' fill='none'/%3E%3Cpath d='M14.5,7c-0.2,0.6-0.4,1.3-0.5,2H12v0.5c0,0.8-0.7,1.5-1.5,1.5S9,10.3,9,9.5V9H3C2.5,9,2,8.5,2,8s0.5-1,1-1h6 V6.5C9,5.7,9.7,5,10.5,5S12,5.7,12,6.5V7H14.5z'/%3E%3Cpath d='M15.5,15H8v0.5C8,16.3,7.3,17,6.5,17S5,16.3,5,15.5V15H3c-0.5,0-1-0.5-1-1s0.5-1,1-1h2v-0.5 C5,11.7,5.7,11,6.5,11S8,11.7,8,12.5V13h6.5C14.8,13.7,15.1,14.4,15.5,15z'/%3E%3Cpath d='M17,19h-2v-0.5c0-0.8-0.7-1.5-1.5-1.5S12,17.7,12,18.5V19H3c-0.6,0-1,0.4-1,1c0,0.6,0.4,1,1,1h9v0.5 c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5V21h2c0.6,0,1-0.4,1-1C18,19.4,17.6,19,17,19z'/%3E%3Cpath d='M34.6,19.4l-5.7-5.7c0.7-1.1,1.1-2.4,1.1-3.8c0-3.9-3.1-7-7-7s-7,3.1-7,7s3.1,7,7,7c1.4,0,2.7-0.4,3.8-1.1 l5.7,5.7c0.6,0.6,1.5,0.6,2.1,0C35.2,21,35.2,20,34.6,19.4z M23,14c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S25.2,14,23,14z'/%3E%3Cpath d='M37.7,6.5c0.4-0.4,0.4-1,0-1.4l-2.8-2.8c-0.4-0.4-1-0.4-1.4,0l-2.8,2.8c-0.4,0.4-0.4,1,0,1.4 c0.4,0.4,1,0.4,1.4,0l2.1-2.1l2.1,2.1C36.7,6.9,37.3,6.9,37.7,6.5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #2d8226;
  border: 1px solid #5eb056;
  border-radius: 3px;
}
a.com_btn_search_on_close:hover, a.com_btn_search_on_close:focus {
  background-color: #34962c;
}
a.com_btn_search_on_close:active {
  background-color: #297623;
}

a.com_btn_filter_open {
  display: inline-block;
  width: 34px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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 40 24' width='40'%3E%3Cg fill='%23E3E3E8'%3E%3Cpath d='M0 0h40v24H0V0z' fill='none'/%3E%3Cpath d='M13,7v2h-1v0.5c0,0.8-0.7,1.5-1.5,1.5S9,10.3,9,9.5V9H3C2.5,9,2,8.5,2,8s0.5-1,1-1h6V6.5C9,5.7,9.7,5,10.5,5 S12,5.7,12,6.5V7H13z'/%3E%3Cpath d='M18,20c0,0.5-0.5,1-1,1h-2v0.5c0,0.8-0.7,1.5-1.5,1.5S12,22.3,12,21.5V21H3c-0.5,0-1-0.5-1-1s0.5-1,1-1h9v-0.5 c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5V19h2C17.5,19,18,19.4,18,20z'/%3E%3Cpath d='M18,14c0,0.5-0.5,1-1,1H8v0.5C8,16.3,7.3,17,6.5,17S5,16.3,5,15.5V15H3c-0.5,0-1-0.5-1-1s0.5-1,1-1h2v-0.5 C5,11.7,5.7,11,6.5,11S8,11.7,8,12.5V13h9C17.5,13,18,13.4,18,14z'/%3E%3Cpath d='M37.7,2.3c0.4,0.4,0.4,1,0,1.4l-2.8,2.8c-0.4,0.4-1,0.4-1.4,0l-2.8-2.8c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0 l2.1,2.1l2.1-2.1C36.7,1.9,37.3,1.9,37.7,2.3z'/%3E%3Cpolygon points='29,5 15,5 15,7 20,13.6 20,20 24,22 24,13.6 29,7'/%3E%3C/g%3E%3C/svg%3E");
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-radius: 3px;
}
a.com_btn_filter_open:hover, a.com_btn_filter_open:focus {
  background-color: #727b81;
}
a.com_btn_filter_open:active {
  background-color: #5f666b;
}

a.com_btn_filter_close {
  display: inline-block;
  width: 34px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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 40 24' width='40'%3E%3Cg fill='%23E3E3E8'%3E%3Cpath d='M0 0h40v24H0V0z' fill='none'/%3E%3Cpath d='M13,7v2h-1v0.5c0,0.8-0.7,1.5-1.5,1.5S9,10.3,9,9.5V9H3C2.5,9,2,8.5,2,8s0.5-1,1-1h6V6.5C9,5.7,9.7,5,10.5,5S12,5.7,12,6.5V7H13z'/%3E%3Cpath d='M18,20c0,0.5-0.5,1-1,1h-2v0.5c0,0.8-0.7,1.5-1.5,1.5S12,22.3,12,21.5V21H3c-0.5,0-1-0.5-1-1s0.5-1,1-1h9v-0.5 c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5V19h2C17.5,19,18,19.4,18,20z'/%3E%3Cpath d='M18,14c0,0.5-0.5,1-1,1H8v0.5C8,16.3,7.3,17,6.5,17S5,16.3,5,15.5V15H3c-0.5,0-1-0.5-1-1s0.5-1,1-1h2v-0.5 C5,11.7,5.7,11,6.5,11S8,11.7,8,12.5V13h9C17.5,13,18,13.4,18,14z'/%3E%3Cpath d='M37.7,6.5c0.4-0.4,0.4-1,0-1.4l-2.8-2.8c-0.4-0.4-1-0.4-1.4,0l-2.8,2.8c-0.4,0.4-0.4,1,0,1.4 c0.4,0.4,1,0.4,1.4,0l2.1-2.1l2.1,2.1C36.7,6.9,37.3,6.9,37.7,6.5z'/%3E%3Cpolygon points='29,5 15,5 15,7 20,13.6 20,20 24,22 24,13.6 29,7'/%3E%3C/g%3E%3C/svg%3E");
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #666e73;
  border: 1px solid #2d2d2d;
  border-radius: 3px;
}
a.com_btn_filter_close:hover, a.com_btn_filter_close:focus {
  background-color: #727b81;
}
a.com_btn_filter_close:active {
  background-color: #5f666b;
}

a.com_btn_filter_on_open {
  display: inline-block;
  width: 34px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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 40 24' width='40'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M0 0h40v24H0V0z' fill='none'/%3E%3Cpath d='M13,7v2h-1v0.5c0,0.8-0.7,1.5-1.5,1.5S9,10.3,9,9.5V9H3C2.5,9,2,8.5,2,8s0.5-1,1-1h6V6.5C9,5.7,9.7,5,10.5,5 S12,5.7,12,6.5V7H13z'/%3E%3Cpath d='M18,20c0,0.5-0.5,1-1,1h-2v0.5c0,0.8-0.7,1.5-1.5,1.5S12,22.3,12,21.5V21H3c-0.5,0-1-0.5-1-1s0.5-1,1-1h9v-0.5 c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5V19h2C17.5,19,18,19.4,18,20z'/%3E%3Cpath d='M18,14c0,0.5-0.5,1-1,1H8v0.5C8,16.3,7.3,17,6.5,17S5,16.3,5,15.5V15H3c-0.5,0-1-0.5-1-1s0.5-1,1-1h2v-0.5 C5,11.7,5.7,11,6.5,11S8,11.7,8,12.5V13h9C17.5,13,18,13.4,18,14z'/%3E%3Cpath d='M37.7,2.3c0.4,0.4,0.4,1,0,1.4l-2.8,2.8c-0.4,0.4-1,0.4-1.4,0l-2.8-2.8c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0 l2.1,2.1l2.1-2.1C36.7,1.9,37.3,1.9,37.7,2.3z'/%3E%3Cpolygon points='29,5 15,5 15,7 20,13.6 20,20 24,22 24,13.6 29,7'/%3E%3C/g%3E%3C/svg%3E");
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #2d8226;
  border: 1px solid #5eb056;
  border-radius: 3px;
}
a.com_btn_filter_on_open:hover, a.com_btn_filter_on_open:focus {
  background-color: #34962c;
}
a.com_btn_filter_on_open:active {
  background-color: #297623;
}

a.com_btn_filter_on_close {
  display: inline-block;
  width: 34px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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 40 24' width='40'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M0 0h40v24H0V0z' fill='none'/%3E%3Cpath d='M14.5,7c-0.2,0.6-0.4,1.3-0.5,2H12v0.5c0,0.8-0.7,1.5-1.5,1.5S9,10.3,9,9.5V9H3C2.5,9,2,8.5,2,8s0.5-1,1-1h6 V6.5C9,5.7,9.7,5,10.5,5S12,5.7,12,6.5V7H14.5z'/%3E%3Cpath d='M15.5,15H8v0.5C8,16.3,7.3,17,6.5,17S5,16.3,5,15.5V15H3c-0.5,0-1-0.5-1-1s0.5-1,1-1h2v-0.5 C5,11.7,5.7,11,6.5,11S8,11.7,8,12.5V13h6.5C14.8,13.7,15.1,14.4,15.5,15z'/%3E%3Cpath d='M17,19h-2v-0.5c0-0.8-0.7-1.5-1.5-1.5S12,17.7,12,18.5V19H3c-0.6,0-1,0.4-1,1c0,0.6,0.4,1,1,1h9v0.5 c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5V21h2c0.6,0,1-0.4,1-1C18,19.4,17.6,19,17,19z'/%3E%3Cpath d='M34.6,19.4l-5.7-5.7c0.7-1.1,1.1-2.4,1.1-3.8c0-3.9-3.1-7-7-7s-7,3.1-7,7s3.1,7,7,7c1.4,0,2.7-0.4,3.8-1.1 l5.7,5.7c0.6,0.6,1.5,0.6,2.1,0C35.2,21,35.2,20,34.6,19.4z M23,14c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S25.2,14,23,14z'/%3E%3Cpath d='M37.7,6.5c0.4-0.4,0.4-1,0-1.4l-2.8-2.8c-0.4-0.4-1-0.4-1.4,0l-2.8,2.8c-0.4,0.4-0.4,1,0,1.4 c0.4,0.4,1,0.4,1.4,0l2.1-2.1l2.1,2.1C36.7,6.9,37.3,6.9,37.7,6.5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #2d8226;
  border: 1px solid #5eb056;
  border-radius: 3px;
}
a.com_btn_filter_on_close:hover, a.com_btn_filter_on_close:focus {
  background-color: #34962c;
}
a.com_btn_filter_on_close:active {
  background-color: #297623;
}

a.com_btn_setting {
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-bottom: 1px;
  background-color: #535b5f !important;
  text-decoration: none;
  font-size: 11px;
  color: #333;
  line-height: 18px;
  border: 1px solid #151c1f;
  cursor: hand;
  border-radius: 3px;
  vertical-align: middle;
  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='%23D5D5DB'%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

a:hover.com_btn_setting {
  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='%23E3E3E8'%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

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 15px 0 7px;
  margin-left: 4px;
  height: 20px;
  text-decoration: none;
  font-size: 11px;
  line-height: 18px;
  cursor: hand;
  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='%23D5D5DB'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-position: right center;
  background-color: #535b5f;
  color: #E3E3E8;
  border: 1px solid #151c1f;
  border-radius: 3px;
}
a.com_btn_date_search_open:hover, a.com_btn_date_search_open:focus {
  background-color: #5f686d;
}
a.com_btn_date_search_open:active {
  background-color: #4c5357;
}

a.com_btn_date_search_close {
  display: inline-block;
  padding: 0px 15px 0 7px;
  margin-left: 4px;
  height: 20px;
  text-decoration: none;
  font-size: 11px;
  line-height: 18px;
  cursor: hand;
  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='%23D5D5DB'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 14l5-5 5 5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-position: right center;
  background-color: #535b5f;
  color: #E3E3E8;
  border: 1px solid #151c1f;
  border-radius: 3px;
}
a.com_btn_date_search_close:hover, a.com_btn_date_search_close:focus {
  background-color: #5f686d;
}
a.com_btn_date_search_close:active {
  background-color: #4c5357;
}

a.com_btn_date_search_on_open {
  display: inline-block;
  padding: 0px 15px 0 7px;
  margin-left: 4px;
  height: 20px;
  text-decoration: none;
  font-size: 11px;
  line-height: 18px;
  cursor: hand;
  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='%23535b5f'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-position: right center;
  background-color: #2d8226;
  color: #ffffff;
  border: 1px solid #5eb056;
  border-radius: 3px;
}
a.com_btn_date_search_on_open:hover, a.com_btn_date_search_on_open:focus {
  background-color: #34962c;
}
a.com_btn_date_search_on_open:active {
  background-color: #297623;
}

a.com_btn_date_search_on_close {
  display: inline-block;
  padding: 0px 15px 0 7px;
  margin-left: 4px;
  height: 20px;
  text-decoration: none;
  font-size: 11px;
  line-height: 18px;
  cursor: hand;
  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='%23535b5f'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 14l5-5 5 5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-position: right center;
  background-color: #2d8226;
  color: #ffffff;
  border: 1px solid #5eb056;
  border-radius: 3px;
}
a.com_btn_date_search_on_close:hover, a.com_btn_date_search_on_close:focus {
  background-color: #34962c;
}
a.com_btn_date_search_on_close:active {
  background-color: #297623;
}

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: #535b5f;
  text-decoration: none;
  font-size: 11px;
  color: #E3E3E8;
  line-height: 21px;
  border-top: 1px solid #151c1f;
  border-left: 1px solid #151c1f;
  border-bottom: 1px solid #151c1f;
  border-right: 1px solid #151c1f;
  cursor: hand;
  border-radius: 3px;
}
a.com_btn_print:hover, a.com_btn_print:focus {
  background-color: #5f686d;
}
a.com_btn_print:active {
  background-color: #4c5357;
}

a.btn_login {
  display: inline-block;
  width: 224px;
  height: 38px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 33px;
  background: #535b5f;
  color: #ffffff;
  border-radius: 3px;
}
a.btn_login:hover, a.btn_login:focus {
  background-color: #5f686d;
}
a.btn_login:active {
  background-color: #474e51;
}

a.com_btn_tab {
  display: inline-block;
  padding: 0px 7px 0 7px;
  height: 20px;
  background-color: #535b5f;
  text-decoration: none;
  font-size: 11px;
  color: #E3E3E8;
  line-height: 18px;
  cursor: hand;
  border: 1px solid #151c1f;
  border-radius: 3px;
}
a.com_btn_tab:hover, a.com_btn_tab:focus {
  background-color: #5f686d;
}
a.com_btn_tab:active {
  background-color: #3b4144;
}

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;
  vertical-align: middle;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23D5D5DB'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #353d42;
}
a.btn_cal:hover, a.btn_cal:focus {
  background-color: #404a50;
}
a.btn_cal:active {
  background-color: #2a3034;
}

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: #535b5f;
  text-decoration: none;
  font-size: 18px;
  color: #E3E3E8;
  line-height: 14px;
  letter-spacing: -1px;
  border-top: 1px solid #151c1f;
  border-left: 1px solid #151c1f;
  border-bottom: 1px solid #151c1f;
  border-right: 1px solid #151c1f;
  cursor: hand;
  border-radius: 3px;
}
a.btn_send:hover, a.btn_send:focus {
  background-color: #5f686d;
}
a.btn_send:active {
  background-color: #3b4144;
}
.ui-widget-content a.btn_send {
  color: #E3E3E8;
}

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

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: #535b5f;
  text-decoration: none;
  font-size: 11px;
  color: #E3E3E8;
  line-height: 17px;
  border-top: 1px solid #151c1f;
  border-left: 1px solid #151c1f;
  border-bottom: 1px solid #151c1f;
  border-right: 1px solid #151c1f;
  cursor: hand;
}
a.btn_download:hover, a.btn_download:focus {
  background-color: #5f686d;
}
a.btn_download:active {
  background-color: #3b4144;
}

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

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

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

a.com_btn_tab_open {
  display: inline-block;
  padding: 0px 12px 0 7px;
  height: 20px;
  text-decoration: none;
  font-size: 11px;
  line-height: 18px;
  cursor: hand;
  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='%23D5D5DB'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-position: right center;
  background-color: #535b5f;
  color: #E3E3E8;
  border: 1px solid #151c1f;
  border-radius: 3px;
}
a.com_btn_tab_open:hover, a.com_btn_tab_open:focus {
  background-color: #5f686d;
}
a.com_btn_tab_open:active {
  background-color: #3b4144;
}

a.com_btn_tab_close {
  display: inline-block;
  padding: 0px 12px 0 7px;
  height: 20px;
  text-decoration: none;
  font-size: 11px;
  line-height: 18px;
  cursor: hand;
  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='%23D5D5DB'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 14l5-5 5 5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-position: right center;
  background-color: #535b5f;
  color: #E3E3E8;
  border: 1px solid #151c1f;
}
a.com_btn_tab_close:hover, a.com_btn_tab_close:focus {
  background-color: #5f686d;
}
a.com_btn_tab_close:active {
  background-color: #3b4144;
}

a.btn_popup {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23E3E3E8'%3E%3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E%3Cpath d='M18,14v4H4V9h5.2C8.9,7.6,9.1,5.8,9.5,5H4C2.9,5,2,5.9,2,7v11c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2v-2L18,14z M19.1,9.9 c0.4-0.7,0.7-1.5,0.7-2.4c0-2.5-2-4.5-4.5-4.5s-4.5,2-4.5,4.5s2,4.5,4.5,4.5c0.9,0,1.7-0.3,2.4-0.7l3.1,3.1l1.4-1.4L19.1,9.9z M15.3,10c-1.4,0-2.5-1.1-2.5-2.5S13.9,5,15.3,5c1.4,0,2.5,1.1,2.5,2.5S16.7,10,15.3,10z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
a.btn_popup:hover, a.btn_popup:focus {
  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='%237abd74'%3E%3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E%3Cpath d='M18,14v4H4V9h5.2C8.9,7.6,9.1,5.8,9.5,5H4C2.9,5,2,5.9,2,7v11c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2v-2L18,14z M19.1,9.9 c0.4-0.7,0.7-1.5,0.7-2.4c0-2.5-2-4.5-4.5-4.5s-4.5,2-4.5,4.5s2,4.5,4.5,4.5c0.9,0,1.7-0.3,2.4-0.7l3.1,3.1l1.4-1.4L19.1,9.9z M15.3,10c-1.4,0-2.5-1.1-2.5-2.5S13.9,5,15.3,5c1.4,0,2.5,1.1,2.5,2.5S16.7,10,15.3,10z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
a.btn_popup:active {
  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='%232d8226'%3E%3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E%3Cpath d='M18,14v4H4V9h5.2C8.9,7.6,9.1,5.8,9.5,5H4C2.9,5,2,5.9,2,7v11c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2v-2L18,14z M19.1,9.9 c0.4-0.7,0.7-1.5,0.7-2.4c0-2.5-2-4.5-4.5-4.5s-4.5,2-4.5,4.5s2,4.5,4.5,4.5c0.9,0,1.7-0.3,2.4-0.7l3.1,3.1l1.4-1.4L19.1,9.9z M15.3,10c-1.4,0-2.5-1.1-2.5-2.5S13.9,5,15.3,5c1.4,0,2.5,1.1,2.5,2.5S16.7,10,15.3,10z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* 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;
}

/*SEVERIY Icon (CMS Azure Monitor Detail)*/
.icon_state_sev0 {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #e81123;
  border-radius: 50%;
}

.icon_state_sev1 {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #dd5900;
  border-radius: 50%;
}

.icon_state_sev2 {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #fcd116;
  border-radius: 50%;
}

.icon_state_sev3 {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #0072c6;
  border-radius: 50%;
}

.icon_state_sev4 {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #00188f;
  border-radius: 50%;
}

.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: #252b2d;
}

.hor_grp_box .bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  background-color: #2fc4b2;
}

.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: #252b2d;
}

.bar_blue_grp_box .bar_blue {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 12px;
  background-color: #2fc4b2;
}

.bar_blue_grp_box .txt {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
}

/* 가로막대그래프-하늘색 */
.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: #252b2d;
}

.bar_sky_grp_box .bar_blue {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 12px;
  background-color: #2fc4b2;
}

.bar_sky_grp_box .txt {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
}

/* 캐쉬그래프 */
.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: #151c1f;
}

.cache_grp_box .bar_blue {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 12px;
  background: #2fc4b2;
}

.cache_grp_box .txt {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
}

.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;
  color: #F2F3F4;
}

.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 #353d42;
  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_donut9 {
  background-color: #9DDA91;
}

.ex_donut10 {
  background-color: #ddd;
}

.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;
  color: #ffffff;
}

.pie_chart_num {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}

/*파이차트 중앙 text 작은*/
.pie_chart_num_s {
  font-family: Tahoma, Helvetica;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
}

/* 파이차트 라벨 */
.pie_chart_label {
  color: #ffffff;
}

/* 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;
}

.ic_docker_item {
  background: url(../images/icons/ic_docker_item.png) no-repeat;
}

.ic_docker_linux {
  background: url(../images/icons/ic_docker_linux.png) no-repeat;
}

.ic_tre_cms {
  background: url(../images/icons/ic_tre_cms.png) no-repeat;
}

.ic_tre_trms {
  background: url(../images/icons/ic_tre_trms.svg) no-repeat;
}

.ic_tre_k8s {
  background: url(../images/icons/ic_tre_k8s.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;
}

.ic_tre_sms_hardware {
  background: url(../images/icons/ic_tre_sms_hardware.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;
}

.ic_tre_powersupply {
  background: url(../images/icons/ic_tre_powersupply.png) no-repeat;
}

.ic_tre_sdn {
  background: url(../images/icons/ic_tre_sdn.png) no-repeat;
}

.ic_tre_apic {
  background: url(../images/sdn/tree/icon_apic.png) no-repeat;
}

.ic_tre_leaf {
  background: url(../images/sdn/tree/icon_leaf.png) no-repeat;
}

.ic_tre_spine {
  background: url(../images/sdn/tree/icon_spine.png) no-repeat;
}

.ic_tre_pod {
  background: url(../images/sdn/tree/icon_pod.png) no-repeat;
}

.ic_tre_tenant {
  background: url(../images/sdn/tree/icon_tenant.png) no-repeat;
}

.ic_tre_tenant_sub {
  background: url(../images/sdn/tree/icon_tenant_sub.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 분석 > 주제별 분석 > 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;
}

/* vms */
#z_hostChart div:nth-child(3) {
  scrollbar-face-color: #535b5f;
  scrollbar-shadow-color: #353d42;
  scrollbar-highlight-color: #353d42;
  scrollbar-3dlight-color: #353d42;
  scrollbar-darkshadow-color: #353d42;
  scrollbar-track-color: #353d42;
  scrollbar-arrow-color: #535b5f;
  scrollbar-corner-color: #353d42;
  scrollbar-width: thin;
  scrollbar-color: #535b5f #353d42;
}
#z_hostChart div:nth-child(3)::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}
#z_hostChart div:nth-child(3)::-webkit-scrollbar-track {
  background-color: #353d42;
  padding: max(1px, 8px / 4);
}
#z_hostChart div:nth-child(3)::-webkit-scrollbar-thumb {
  background: #535b5f;
  border-radius: 99px;
  margin: max(1px, 8px / 4);
  border: max(1px, 8px / 4) solid #353d42 !important;
}
#z_hostChart div:nth-child(3)::-webkit-scrollbar-thumb:hover {
  background: #5f686d;
}
#z_hostChart div:nth-child(3)::-webkit-scrollbar-thumb:active {
  background: #6b757a;
}
#z_hostChart div:nth-child(3)::-webkit-scrollbar-corner {
  background-color: #353d42;
}
#z_hostChart div:nth-child(3)::-webkit-scrollbar-button {
  display: none;
}

/* 대상 관련 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;
}

/* RabbitMQ */
.ic_tre_ims_65536 {
  background: url(../images/icons/ic_tre_ims_65536.png) no-repeat;
}

/* RabbitMQ */
.ic_tre_ims_rabbitmq_node {
  background: url(../images/icons/ic_tre_ims_rabbitmq_node.png) no-repeat;
}

/* Vault */
.ic_tre_ims_131072 {
  background: url(../images/icons/ic_tre_ims_131072.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.svg) 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;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='magenta'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* WebTopology */
.ic_map_folder_open {
  background: no-repeat center/contain url(../images/icons/topo-group-open.png);
}

.ic_map_folder_closed {
  background: no-repeat center/contain url(../images/icons/topo-group-closed.png);
}

.ic_map_leaf_folder {
  background: no-repeat center/contain url(../images/icons/topo-group-closed-empty.png);
}

.ic_map_item {
  background: no-repeat center/contain url(../images/icons/topo-map-topo.png);
}

.ic_map_item_auto {
  background: no-repeat center/contain url(../images/icons/topo-map-topo-back.png);
}

.ic_rack_item {
  background: no-repeat center/contain url(../images/icons/topo-map-rack.png);
}

.ic_rack_item_auto {
  background: no-repeat center/contain url(../images/icons/topo-map-rack-back.png);
}

.ic_cloud_map_item {
  background: no-repeat center/contain url(../images/icons/topo-map-cloud.png);
}

.ic_cloud_map_item_auto {
  background: no-repeat center/contain url(../images/icons/topo-map-cloud-back.png);
}

.ic_tre_rtms_gpu {
  background: url(../images/icons/ic_tre_rtms_gpu.png) no-repeat;
}

a:hover .txt_link_hover {
  border-bottom: 1px solid;
}

.only_vartical_middle {
  vertical-align: middle;
}

.erms-config-addDevice {
  /* 8.0 ERMS > 설정 > 서비스 그룹에 "장비추가" 아이콘 추가 */
  display: inline-block;
  right: 0;
  top: 0;
  width: 30px;
  height: 28px;
  position: absolute;
  background-color: white;
  background: url(../images/icons/ic_erms_addDevice.png) 10px center/16px no-repeat, linear-gradient(to right, transparent 0, #353d42 6px);
}
.ui-state-highlight .erms-config-addDevice {
  background: url(../images/icons/ic_erms_addDevice.png) 10px center/16px no-repeat, linear-gradient(to right, transparent 0, #3C5D67 6px);
}

/* 사용자 매뉴얼 다운로드 팝업*/
.manual_down_tb {
  height: 54px;
  background: #1c1f21;
}

.manual_down_tb .ic {
  background: url(../images/com/manual_title_icon.png) no-repeat 54% 49%;
}

.manual_down_tb .txt {
  color: #E3E3E8;
  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;
}

.txt_minute_mrtg {
  display: inline-block;
  padding-bottom: 1px;
  vertical-align: middle;
  font-weight: normal;
}

/* APM ************************************************************/
/* Common */
.wms2_column_header {
  color: #aab9c1;
  background-color: #434d54;
}

.wms2_column_txt {
  font-size: 11px;
  padding: 5px;
  padding-top: 10px;
  color: #ffffff;
  letter-spacing: 0.5px;
  background-color: #353d42;
}

/* WMS > 분석 > Snapshot 분석 */
.wms2_analysis_period a.btn_refresh_open {
  display: inline-block;
  width: 14px;
  height: 14px;
  float: right;
  margin-right: 7px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: middle;
  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='%23F2F3F4'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radiu: 3px;
}
.wms2_analysis_period a.btn_refresh_open:hover, .wms2_analysis_period a.btn_refresh_open:focus {
  background-color: #727b81;
}
.wms2_analysis_period a.btn_refresh_open:active {
  background-color: #5a6165;
}

.wms2_analysis_period a.btn_refresh_close {
  display: inline-block;
  width: 14px;
  height: 14px;
  float: right;
  margin-right: 7px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: middle;
  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='%23F2F3F4'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radiu: 3px;
}
.wms2_analysis_period a.btn_refresh_close:hover, .wms2_analysis_period a.btn_refresh_close:focus {
  background-color: #727b81;
}
.wms2_analysis_period a.btn_refresh_close:active {
  background-color: #5a6165;
}

/* #8424 chart 영역 */
.common_chart {
  position: relative;
  top: -30px;
  border: 0px solid orange;
  z-index: 11;
}

.common_chart_title {
  position: relative;
  height: 20px;
  margin: 0;
  padding-top: 16px;
  padding-bottom: 0;
  z-index: 12;
}
.common_chart_title a {
  color: #ffffff;
}

.common_chart_title2 {
  position: relative;
  height: 20px;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 0;
  z-index: 12;
}
.common_chart_title2 a {
  color: #ffffff;
}

.common_chart_btn {
  position: relative;
  top: -22px;
  float: right;
  border: 0px solid magenta;
  z-index: 13;
}

.common_chart_summary_txt {
  position: relative;
  border: 0px solid blue;
  height: 20px;
  bottom: 7px;
  top: -25px;
  margin: 0;
  padding-top: 11px;
  font-size: 11px;
  text-align: center;
  color: #aeb7bb;
}

.common_chart_summary_txt2 {
  position: relative;
  border: 0px solid blue;
  height: 20px;
  bottom: 7px;
  top: -25px;
  margin: 0;
  padding-top: 5px;
  font-size: 11px;
  text-align: center;
  color: #aeb7bb;
}

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

.compare_diff_right {
  background: #21721c;
}

/*#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: #ff463b;
  color: #D5D5DB;
}

.audit_after_diff {
  font-weight: 700;
  padding: 1px 0.2em;
  border-radius: 3px;
  border-radius: min(0.2em, 3px);
  background: #21721c;
  color: #D5D5DB;
}

/*#8785 APM 디자인테마 작업*/
.middleconfig {
  float: left;
  background-color: #2c3135;
}

.rightconfig {
  float: right;
  z-index: 200;
  width: 250px;
  overflow: hidden;
  background-color: #2c3135;
  background-image: linear-gradient(to right, #2c3135 0px, #2c3135 1px, #191b1c 1px, #191b1c 3px, #2c3135 3px, #2c3135 4px, #2c3135 4px);
}

.rightconfig_close {
  float: right;
  width: 13px;
  z-index: 200;
  width: 13px;
  background-color: #2c3135;
  background-image: linear-gradient(to right, #2c3135 0px, #2c3135 1px, #191b1c 1px, #191b1c 3px, #2c3135 3px, #2c3135 4px, #2c3135 4px);
}

.cont_title .btn_close a {
  display: block;
  float: left;
  width: 9px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23666e73'%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: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title .btn_close a:hover, .cont_title .btn_close a:focus {
  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='%23c5e2c2'%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: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title .btn_close a:active {
  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='%235eb056'%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: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.cont_title .btn_open a {
  display: block;
  float: left;
  width: 9px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  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='%23666e73'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title .btn_open a:hover, .cont_title .btn_open a:focus {
  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='%23c5e2c2'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.cont_title .btn_open a:active {
  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='%235eb056'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.comptitle {
  color: #2c3135;
  font-weight: bold;
  text-overflow: ellipsis;
  margin-left: 5px;
  overflow: hidden;
}

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

.diff_up {
  color: #ff463b;
}

.diff_equal {
  color: #666e73;
}

.diff_down {
  color: #66A4FF;
}

#topicContent #blanktd {
  background: #434d54;
  border-right: 1px solid rgba(83, 91, 95, 0.7);
  border-left: 1px solid rgba(83, 91, 95, 0.7);
  border-bottom-width: 0px;
}

.summary-view-cont-wrap {
  background: #2c3135;
}

.summary-view-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: ( 1fr )[60];
  -ms-grid-rows: 218px 220px auto;
  grid-template-columns: repeat(60, 1fr);
  grid-template-rows: 218px 220px auto;
  padding: 4px;
}
.summary-view-wrapper a {
  color: inherit;
}
.summary-view-wrapper.summary-view-cms {
  -ms-grid-rows: 214px 214px 112px auto;
  grid-template-rows: 214px 214px 112px auto;
}

.summary-view-item-container, summary-service-view-item-container {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 18;
  grid-column: 1/19;
  display: block;
  background: #353d42;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: calc(4px * 2);
  min-height: 100px;
  min-width: 0;
  /* 표가 인위적으로 늘어났을 때 박스 자체가 커지지 않고 스크롤바가 생기도록 유도함 */
  margin: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  --colNum: 4;
  --rowNum: 1;
  --rowHeight: 0;
}
.summary-view-item-container.sv-sms01, .summary-view-item-container.sv-nms01, summary-service-view-item-container.sv-sms01, summary-service-view-item-container.sv-nms01 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 49;
  -ms-grid-column-span: 12;
  grid-column: 49/61;
}
.summary-view-item-container.sv-sms02, .summary-view-item-container.sv-nms02, summary-service-view-item-container.sv-sms02, summary-service-view-item-container.sv-nms02 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  grid-column: 1/13;
}
.summary-view-item-container.sv-sms03, .summary-view-item-container.sv-nms03, summary-service-view-item-container.sv-sms03, summary-service-view-item-container.sv-nms03 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 13;
  -ms-grid-column-span: 18;
  grid-column: 13/31;
}
.summary-view-item-container.sv-sms04, .summary-view-item-container.sv-nms04, summary-service-view-item-container.sv-sms04, summary-service-view-item-container.sv-nms04 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 31;
  -ms-grid-column-span: 18;
  grid-column: 31/49;
}
.summary-view-item-container.sv-sms05, summary-service-view-item-container.sv-sms05 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 30;
  grid-column: 1/31;
}
.summary-view-item-container.sv-nms05, summary-service-view-item-container.sv-nms05 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 20;
  grid-column: 1/21;
}
.summary-view-item-container.sv-sms06, summary-service-view-item-container.sv-sms06 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 31;
  -ms-grid-column-span: 30;
  grid-column: 31/61;
}
.summary-view-item-container.sv-nms06, summary-service-view-item-container.sv-nms06 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 21;
  -ms-grid-column-span: 20;
  grid-column: 21/41;
}
.summary-view-item-container.sv-nms07, summary-service-view-item-container.sv-nms07 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 41;
  -ms-grid-column-span: 20;
  grid-column: 41/61;
}
.summary-view-item-container.sv-sms07, .summary-view-item-container.sv-nms08, summary-service-view-item-container.sv-sms07, summary-service-view-item-container.sv-nms08 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 60;
  grid-column: 1/61;
}
.summary-view-item-container.sv-cms-aws01, .summary-view-item-container.sv-cms-azure01, .summary-view-item-container.sv-cms-ncp01, summary-service-view-item-container.sv-cms-aws01, summary-service-view-item-container.sv-cms-azure01, summary-service-view-item-container.sv-cms-ncp01 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  grid-column: 1/13;
}
.summary-view-item-container.sv-cms-aws02, .summary-view-item-container.sv-cms-azure02, .summary-view-item-container.sv-cms-ncp02, summary-service-view-item-container.sv-cms-aws02, summary-service-view-item-container.sv-cms-azure02, summary-service-view-item-container.sv-cms-ncp02 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 13;
  -ms-grid-column-span: 18;
  grid-column: 13/31;
}
.summary-view-item-container.sv-cms-aws03, .summary-view-item-container.sv-cms-azure03, .summary-view-item-container.sv-cms-ncp03, summary-service-view-item-container.sv-cms-aws03, summary-service-view-item-container.sv-cms-azure03, summary-service-view-item-container.sv-cms-ncp03 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 31;
  -ms-grid-column-span: 12;
  grid-column: 31/43;
}
.summary-view-item-container.sv-cms-aws04, .summary-view-item-container.sv-cms-azure04, .summary-view-item-container.sv-cms-ncp04, summary-service-view-item-container.sv-cms-aws04, summary-service-view-item-container.sv-cms-azure04, summary-service-view-item-container.sv-cms-ncp04 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 43;
  -ms-grid-column-span: 18;
  grid-column: 43/61;
}
.summary-view-item-container.sv-cms-aws05, .summary-view-item-container.sv-cms-azure05, .summary-view-item-container.sv-cms-ncp05, summary-service-view-item-container.sv-cms-aws05, summary-service-view-item-container.sv-cms-azure05, summary-service-view-item-container.sv-cms-ncp05 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  grid-column: 1/13;
}
.summary-view-item-container.sv-cms-aws06, .summary-view-item-container.sv-cms-azure06, .summary-view-item-container.sv-cms-ncp06, summary-service-view-item-container.sv-cms-aws06, summary-service-view-item-container.sv-cms-azure06, summary-service-view-item-container.sv-cms-ncp06 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 13;
  -ms-grid-column-span: 18;
  grid-column: 13/31;
}
.summary-view-item-container.sv-cms-aws07, .summary-view-item-container.sv-cms-azure07, .summary-view-item-container.sv-cms-ncp07, summary-service-view-item-container.sv-cms-aws07, summary-service-view-item-container.sv-cms-azure07, summary-service-view-item-container.sv-cms-ncp07 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  grid-row: 2/4;
  -ms-grid-column: 31;
  -ms-grid-column-span: 30;
  grid-column: 31/61;
}
.summary-view-item-container.sv-cms-aws08, .summary-view-item-container.sv-cms-azure08, .summary-view-item-container.sv-cms-ncp08, summary-service-view-item-container.sv-cms-aws08, summary-service-view-item-container.sv-cms-azure08, summary-service-view-item-container.sv-cms-ncp08 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 30;
  grid-column: 1/31;
  background-color: #2c3135;
}
.summary-view-item-container.sv-cms-aws09, .summary-view-item-container.sv-cms-azure09, .summary-view-item-container.sv-cms-ncp09, summary-service-view-item-container.sv-cms-aws09, summary-service-view-item-container.sv-cms-azure09, summary-service-view-item-container.sv-cms-ncp09 {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 60;
  grid-column: 1/61;
}
.summary-view-item-container.sv-cms-no-page, summary-service-view-item-container.sv-cms-no-page {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  line-height: normal;
  font-size: 18px;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-row: 1/5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 60;
  grid-column: 1/61;
}
.summary-view-item-container.sv-cms-no-page .sv-cms-no-page-title, summary-service-view-item-container.sv-cms-no-page .sv-cms-no-page-title {
  font-size: 30px;
}
.summary-view-item-container h3, .summary-view-item-container .summary-view-item-title, summary-service-view-item-container h3, summary-service-view-item-container .summary-view-item-title {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 0.5em 0;
}
.summary-view-item-container .tb_basic, summary-service-view-item-container .tb_basic {
  width: 100%;
  font-size: 12px;
  font-size: 0.75rem;
}
.summary-view-item-container .tb_basic th, .summary-view-item-container .tb_basic td, summary-service-view-item-container .tb_basic th, summary-service-view-item-container .tb_basic td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.summary-view-item-container .tb_basic th, summary-service-view-item-container .tb_basic th {
  width: 6em;
  border: 1px solid rgba(83, 91, 95, 0.7);
}
.summary-view-item-container .tb_basic td, summary-service-view-item-container .tb_basic td {
  padding: 0 0.4em;
  height: 28px;
  border: 1px solid rgba(83, 91, 95, 0.7);
}
.summary-view-item-container .tb_basic td.tb_basic_text_centered, summary-service-view-item-container .tb_basic td.tb_basic_text_centered {
  text-align: center;
  background: #242a2e;
}
.summary-view-item-container .tb_basic td.tb_basic_text_left_aligned, summary-service-view-item-container .tb_basic td.tb_basic_text_left_aligned {
  text-align: left;
}
.summary-view-item-container .tb_basic td.tb_basic_text_right_aligned, summary-service-view-item-container .tb_basic td.tb_basic_text_right_aligned {
  text-align: right;
}
.summary-view-item-container .tb_basic td.tb_basic_data_numeric, summary-service-view-item-container .tb_basic td.tb_basic_data_numeric {
  text-align: right;
  white-space: nowrap;
  padding-right: 0.5em;
}
.summary-view-item-container .tb_basic th.summary-view-th-wrappable, summary-service-view-item-container .tb_basic th.summary-view-th-wrappable {
  white-space: normal !important;
  font-size: 0.9em;
  line-height: 1.2;
  height: 28px;
  color: #aab9c1;
}
.summary-view-item-container .tb_basic tr.jqgfirstrow td, summary-service-view-item-container .tb_basic tr.jqgfirstrow td {
  border: none;
}
.summary-view-item-container .tb_basic.tb-size-m td, summary-service-view-item-container .tb_basic.tb-size-m td {
  padding-left: 0.3em;
  padding-right: 0.3em;
  height: 26px;
}
.summary-view-item-container .tb_basic.tb-size-m th.summary-view-th-wrappable, summary-service-view-item-container .tb_basic.tb-size-m th.summary-view-th-wrappable {
  height: 26px;
}
.summary-view-item-container .ui-jqgrid .ui-jqgrid-hdiv, summary-service-view-item-container .ui-jqgrid .ui-jqgrid-hdiv {
  border-right: none;
}
.summary-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv, summary-service-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv {
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
}
.summary-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar, summary-service-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar {
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.summary-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-track, summary-service-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 14px / 4);
}
.summary-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb, summary-service-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 14px / 4);
  border: max(1px, 14px / 4) solid #2c3135 !important;
}
.summary-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:hover, summary-service-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
.summary-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:active, summary-service-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
.summary-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-corner, summary-service-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
.summary-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-button, summary-service-view-item-container .cont_section .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-button {
  display: none;
}
.summary-view-item-container .summary-view-card-container, summary-service-view-item-container .summary-view-card-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: ( 1fr )[var(--colNum)];
  -ms-grid-rows: ( var(--rowHeight) )[var(--rowNum)];
  grid-template-columns: repeat(var(--colNum), minmax(0, 1fr));
  grid-template-rows: repeat(var(--rowNum), var(--rowHeight));
  height: var(--rowHeight);
}
.summary-view-item-container .summary-view-card-container--scroll-y, summary-service-view-item-container .summary-view-card-container--scroll-y {
  overflow-y: auto;
  scrollbar-face-color: #535b5f;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #535b5f;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #535b5f #2c3135;
}
.summary-view-item-container .summary-view-card-container--scroll-y::-webkit-scrollbar, summary-service-view-item-container .summary-view-card-container--scroll-y::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  cursor: pointer;
}
.summary-view-item-container .summary-view-card-container--scroll-y::-webkit-scrollbar-track, summary-service-view-item-container .summary-view-card-container--scroll-y::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 6px / 4);
}
.summary-view-item-container .summary-view-card-container--scroll-y::-webkit-scrollbar-thumb, summary-service-view-item-container .summary-view-card-container--scroll-y::-webkit-scrollbar-thumb {
  background: #535b5f;
  border-radius: 99px;
  margin: max(1px, 6px / 4);
  border: max(1px, 6px / 4) solid #2c3135 !important;
}
.summary-view-item-container .summary-view-card-container--scroll-y::-webkit-scrollbar-thumb:hover, summary-service-view-item-container .summary-view-card-container--scroll-y::-webkit-scrollbar-thumb:hover {
  background: #5f686d;
}
.summary-view-item-container .summary-view-card-container--scroll-y::-webkit-scrollbar-thumb:active, summary-service-view-item-container .summary-view-card-container--scroll-y::-webkit-scrollbar-thumb:active {
  background: #6b757a;
}
.summary-view-item-container .summary-view-card-container--scroll-y::-webkit-scrollbar-corner, summary-service-view-item-container .summary-view-card-container--scroll-y::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
.summary-view-item-container .summary-view-card-container--scroll-y::-webkit-scrollbar-button, summary-service-view-item-container .summary-view-card-container--scroll-y::-webkit-scrollbar-button {
  display: none;
}
.summary-view-item-container .summary-view-card-container .summary-view-card, summary-service-view-item-container .summary-view-card-container .summary-view-card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background-color: #434d54;
  border-bottom: 1px solid #353d42;
  border-right: 1px solid #353d42;
}
.summary-view-item-container .summary-view-card-container .summary-view-card-name, summary-service-view-item-container .summary-view-card-container .summary-view-card-name {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  color: #aab9c1;
  padding: 10px 10px 6px 10px;
}
.summary-view-item-container .summary-view-content, summary-service-view-item-container .summary-view-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: calc(100% - 30px);
}
.summary-view-item-container .summary-view-content .summary-view-section, summary-service-view-item-container .summary-view-content .summary-view-section {
  padding: calc(4px * 2);
}
.summary-view-item-container .summary-view-content .summary-view-section:first-child, summary-service-view-item-container .summary-view-content .summary-view-section:first-child {
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}
.summary-view-item-container .summary-view-content .summary-view-section-header, summary-service-view-item-container .summary-view-content .summary-view-section-header {
  font-size: 12px;
  color: #aab9c1;
  font-weight: 700;
  margin: 0 0 0.5em 0;
}
.summary-view-item-container .summary-view-content .summary-view-section .summary-view-graph, summary-service-view-item-container .summary-view-content .summary-view-section .summary-view-graph {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.summary-view-item-container.summary-view-jqgrid-inside, summary-service-view-item-container.summary-view-jqgrid-inside {
  padding: 0;
}
.summary-view-item-container.summary-view-jqgrid-inside h3, summary-service-view-item-container.summary-view-jqgrid-inside h3 {
  padding: calc(4px * 2);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  margin-bottom: 0;
}
.summary-view-item-container.summary-view-jqgrid-inside div.cont_section, summary-service-view-item-container.summary-view-jqgrid-inside div.cont_section {
  padding: 0 0 calc(4px * 2) 0;
}
.summary-view-item-container.summary-view-jqgrid-inside th, .summary-view-item-container.summary-view-jqgrid-inside td, summary-service-view-item-container.summary-view-jqgrid-inside th, summary-service-view-item-container.summary-view-jqgrid-inside td {
  border: none;
}
.summary-view-item-container.summary-view-section-inside, summary-service-view-item-container.summary-view-section-inside {
  padding: 0;
}
.summary-view-item-container.summary-view-section-inside h3, summary-service-view-item-container.summary-view-section-inside h3 {
  padding: calc(4px * 2);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  margin-bottom: 0;
}
.summary-view-item-container ol.horizontal-top-n, summary-service-view-item-container ol.horizontal-top-n {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -moz-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  height: calc(100% - 20px);
}
.summary-view-item-container ol.horizontal-top-n li, summary-service-view-item-container ol.horizontal-top-n li {
  width: calc(20% - 6px);
  border: 1px solid rgba(83, 91, 95, 0.7);
}
.summary-view-item-container ol.horizontal-top-n li h4, summary-service-view-item-container ol.horizontal-top-n li h4 {
  display: block;
  font-size: 12px;
  font-weight: 600;
  padding: 4px calc(4px * 2);
  text-align: center;
  background: #434d54;
  color: #aab9c1;
}
.summary-view-item-container ol.horizontal-top-n li .storage-usage-status-group, summary-service-view-item-container ol.horizontal-top-n li .storage-usage-status-group {
  height: calc(100% - 30px);
}
.summary-view-item-container ol.horizontal-top-n li .storage-usage-status-path, summary-service-view-item-container ol.horizontal-top-n li .storage-usage-status-path {
  display: block;
  padding: 4px calc(4px * 2);
  color: #ffffff;
  font-weight: 600;
  font-size: 9px;
}
.summary-view-item-container ol.horizontal-top-n li .storage-usage-status-graph, summary-service-view-item-container ol.horizontal-top-n li .storage-usage-status-graph {
  display: -ms-flexbox;
  -ms-flex-flow: row nowrap;
  -ms-flex-pack: justify;
  -ms-flex-align: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-items: stretch;
  padding: 4px calc(4px * 2) calc(4px * 2);
  height: calc(100% - 20px);
}
.summary-view-item-container ol.horizontal-top-n li .storage-usage-status-track, summary-service-view-item-container ol.horizontal-top-n li .storage-usage-status-track {
  position: relative;
  background-color: #252b2d;
  width: 32px;
  margin-right: 8px;
}
.summary-view-item-container ol.horizontal-top-n li .storage-usage-status-bar, summary-service-view-item-container ol.horizontal-top-n li .storage-usage-status-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  width: 100%;
  height: auto;
  background-color: #2fc4b2;
}
.summary-view-item-container ol.horizontal-top-n li .storage-usage-status-display, summary-service-view-item-container ol.horizontal-top-n li .storage-usage-status-display {
  display: -ms-flexbox;
  -ms-flex-flow: column-reverse nowrap;
  -ms-flex-pack: justify;
  -ms-flex-align: stretch;
  display: flex;
  flex-flow: column-reverse nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.summary-view-item-container ol.horizontal-top-n li .storage-usage-status-display .storage-usage-status-info-percentage, summary-service-view-item-container ol.horizontal-top-n li .storage-usage-status-display .storage-usage-status-info-percentage {
  margin-top: 24px;
}
.summary-view-item-container ol.horizontal-top-n li .storage-usage-status-info, summary-service-view-item-container ol.horizontal-top-n li .storage-usage-status-info {
  font-size: 10px;
}
.summary-view-item-container ol.horizontal-top-n li .storage-usage-status-info span, summary-service-view-item-container ol.horizontal-top-n li .storage-usage-status-info span {
  display: block;
}
.summary-view-item-container ol.horizontal-top-n li .storage-usage-status-info span.storage-usage-status-label, summary-service-view-item-container ol.horizontal-top-n li .storage-usage-status-info span.storage-usage-status-label {
  font-size: inherit;
  font-weight: normal;
  color: #aab9c1;
  margin-bottom: 0.25em;
}
.summary-view-item-container ol.horizontal-top-n li .storage-usage-status-info span.storage-usage-status-data, summary-service-view-item-container ol.horizontal-top-n li .storage-usage-status-info span.storage-usage-status-data {
  font-size: 120%;
  font-weight: bold;
  color: #ffffff;
}
.summary-view-item-container ol.horizontal-top-n li .storage-usage-status-info span.storage-usage-status-blank, summary-service-view-item-container ol.horizontal-top-n li .storage-usage-status-info span.storage-usage-status-blank {
  height: 10px;
}
.summary-view-item-container ol.horizontal-top-n li .storage-usage-status-info.storage-usage-status-info-percentage, summary-service-view-item-container ol.horizontal-top-n li .storage-usage-status-info.storage-usage-status-info-percentage {
  font-size: 14px;
}
.summary-view-item-container ol.horizontal-top-n li .storage-usage-status-info.storage-usage-status-info-percentage span.storage-usage-status-data, summary-service-view-item-container ol.horizontal-top-n li .storage-usage-status-info.storage-usage-status-info-percentage span.storage-usage-status-data {
  font-weight: 600;
}
.summary-view-item-container ol.horizontal-top-n li .storage-usage-status-info.storage-usage-status-info-percentage span.storage-usage-status-blank, summary-service-view-item-container ol.horizontal-top-n li .storage-usage-status-info.storage-usage-status-info-percentage span.storage-usage-status-blank {
  height: 16.8px;
}
.summary-view-item-container .summary-view-executive-summary-subgroup-wrapper, summary-service-view-item-container .summary-view-executive-summary-subgroup-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.summary-view-item-container .summary-view-executive-summary-subgroup-wrapper h4, summary-service-view-item-container .summary-view-executive-summary-subgroup-wrapper h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 1.07em 0 0.5em;
  text-align: center;
  color: #aab9c1;
}
.summary-view-item-container .summary-view-executive-summary-subgroup-wrapper > div, summary-service-view-item-container .summary-view-executive-summary-subgroup-wrapper > div {
  width: calc(50% - 4px);
}
.summary-view-item-container .summary-view-executive-summary-subgroup-wrapper th, .summary-view-item-container .summary-view-executive-summary-subgroup-wrapper td, summary-service-view-item-container .summary-view-executive-summary-subgroup-wrapper th, summary-service-view-item-container .summary-view-executive-summary-subgroup-wrapper td {
  font-size: 15px;
  font-weight: 700;
  height: 30px;
}
.summary-view-item-container .summary-view-executive-summary-subgroup-wrapper td.tb_basic_text_centered, summary-service-view-item-container .summary-view-executive-summary-subgroup-wrapper td.tb_basic_text_centered {
  color: #ffffff;
}
.summary-view-item-container .summary-view-executive-summary-subgroup-wrapper a, summary-service-view-item-container .summary-view-executive-summary-subgroup-wrapper a {
  color: #ffffff;
  text-decoration: none;
}
.summary-view-item-container .summary-view-executive-summary-subgroup-wrapper a:hover, .summary-view-item-container .summary-view-executive-summary-subgroup-wrapper a:focus, summary-service-view-item-container .summary-view-executive-summary-subgroup-wrapper a:hover, summary-service-view-item-container .summary-view-executive-summary-subgroup-wrapper a:focus {
  text-decoration: underline;
}
.summary-view-item-container .summary-view-executive-summary-subgroup-wrapper a:active, summary-service-view-item-container .summary-view-executive-summary-subgroup-wrapper a:active {
  color: #ffffff;
}

.tb_basic .summary-view-table-bar-chart {
  position: relative;
}
.tb_basic .summary-view-table-bar-chart .summary-view-table-bar-chart-track {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 4px;
  background: #252b2d;
}
.tb_basic .summary-view-table-bar-chart .summary-view-table-bar-chart-bar {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  background: #2fc4b2;
}
.tb_basic .summary-view-table-bar-chart .summary-view-table-bar-chart-label {
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2em;
  white-space: nowrap;
  display: inline-block;
  position: absolute;
  top: calc(50% - 0.6em);
  right: 4px;
  text-align: right;
}

.tb_basic_indicated {
  padding-right: 0.3em;
  padding-left: 1.05em;
  text-align: center;
  position: relative;
}
.tb_basic_indicated:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0.75em;
  height: 0.75em;
  left: 0.5em;
  top: 0.6em;
  border: none;
  border-radius: 1em;
  background: transparent;
  margin: 0 0.5em 0 0;
}
.tb_basic_indicated.tb_basic_indicated_critical:before {
  background: #f43b51;
}
.tb_basic_indicated.tb_basic_indicated_urgent:before {
  background: #c54ce8;
}
.tb_basic_indicated.tb_basic_indicated_danger:before {
  background: #ff9130;
}
.tb_basic_indicated.tb_basic_indicated_caution:before {
  background: #ffc439;
}
.tb_basic_indicated.tb_basic_indicated_normal:before {
  background: #54cd3e;
}
.tb_basic_indicated.tb_basic_indicated_info:before {
  background: #56bbfb;
}
.tb_basic_indicated.tb_basic_indicated_noLabel:before {
  left: calc(50% - 0.375em);
}

.tb_basic_legend {
  padding-left: 0.3em;
  padding-right: 0.3em;
  text-align: left;
  white-space: nowrap;
}
.tb_basic_legend .tb_basic_legend_square {
  color: inherit;
}
.tb_basic_legend .tb_basic_legend_label {
  color: #ffffff;
  font-weight: 600;
  text-overflow: ellipsis;
}

:root {
  --graphWidth: 180px;
}

.summary-view-graph-table-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -moz-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.summary-view-graph-table-wrapper .summary-view-graph {
  width: var(--graphWidth);
}
.summary-view-graph-table-wrapper .summary-view-graph ~ .summary-view-table {
  width: calc(100% - var(--graphWidth) - (4px * 2));
}
.summary-view-graph-table-wrapper .summary-view-table {
  overflow: auto;
  scrollbar-face-color: #535b5f;
  scrollbar-shadow-color: #353d42;
  scrollbar-highlight-color: #353d42;
  scrollbar-3dlight-color: #353d42;
  scrollbar-darkshadow-color: #353d42;
  scrollbar-track-color: #353d42;
  scrollbar-arrow-color: #535b5f;
  scrollbar-corner-color: #353d42;
  scrollbar-width: thin;
  scrollbar-color: #535b5f #353d42;
}
.summary-view-graph-table-wrapper .summary-view-table::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  cursor: pointer;
}
.summary-view-graph-table-wrapper .summary-view-table::-webkit-scrollbar-track {
  background-color: #353d42;
  padding: max(1px, 6px / 4);
}
.summary-view-graph-table-wrapper .summary-view-table::-webkit-scrollbar-thumb {
  background: #535b5f;
  border-radius: 99px;
  margin: max(1px, 6px / 4);
  border: max(1px, 6px / 4) solid #353d42 !important;
}
.summary-view-graph-table-wrapper .summary-view-table::-webkit-scrollbar-thumb:hover {
  background: #5f686d;
}
.summary-view-graph-table-wrapper .summary-view-table::-webkit-scrollbar-thumb:active {
  background: #6b757a;
}
.summary-view-graph-table-wrapper .summary-view-table::-webkit-scrollbar-corner {
  background-color: #353d42;
}
.summary-view-graph-table-wrapper .summary-view-table::-webkit-scrollbar-button {
  display: none;
}
.summary-view-graph-table-wrapper .summary-view-table.summary-view-table--scroll-y {
  overflow: auto;
  height: 170px;
}
.summary-view-graph-table-wrapper .summary-view-table.summary-view-table--fixed table {
  table-layout: fixed;
}
.summary-view-graph-table-wrapper .summary-view-table.summary-view-table--x66 table {
  table-layout: fixed;
}
.summary-view-graph-table-wrapper .summary-view-table.summary-view-table--x66 table tr > th:nth-child(1), .summary-view-graph-table-wrapper .summary-view-table.summary-view-table--x66 table tr > td:nth-child(1) {
  width: calc(100% - 10.5em - 2px);
}
.summary-view-graph-table-wrapper .summary-view-table.summary-view-table--x66 table tr > th:nth-child(2), .summary-view-graph-table-wrapper .summary-view-table.summary-view-table--x66 table tr > td:nth-child(2) {
  width: 5.25em;
}
.summary-view-graph-table-wrapper .summary-view-table.summary-view-table--x66 table tr > th:nth-child(3), .summary-view-graph-table-wrapper .summary-view-table.summary-view-table--x66 table tr > td:nth-child(3) {
  width: 5.25em;
}
.summary-view-graph-table-wrapper .summary-view-table.table-m.summary-view-table--scroll-y {
  height: 254px;
}

.summary-view-graph .graph_title {
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
}
.summary-view-graph .graph_total {
  color: #ffffff;
}
.summary-view-graph .graph-size-m .graph_title {
  font-size: 15px;
}
.summary-view-graph .graph-size-m .graph_total {
  font-size: 25px;
}

.summary-view-executive-summary {
  border: none;
  padding: 0;
  -ms-grid-column: 49;
  -ms-grid-row: 1;
  grid-column: 49;
  grid-row: 1;
  background: none;
  box-shadow: none;
}
@media screen and (max-width: 1200px) {
  .summary-view-executive-summary {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-column: 1;
    grid-row: 1;
  }
}
.summary-view-executive-summary table, .summary-view-executive-summary th, .summary-view-executive-summary td {
  border: 1px solid rgba(83, 91, 95, 0.7) !important;
  padding-left: 2px;
  padding-right: 2px;
}
.summary-view-executive-summary th {
  background: #434d54;
  background-clip: padding-box !important;
}
.summary-view-executive-summary th.tb_basic_indicated, .summary-view-executive-summary td.tb_basic_indicated {
  padding-left: 1.6em;
}
.summary-view-executive-summary .summary-view-executive-summary-big-blank-area {
  height: 32px;
}
.summary-view-executive-summary .summary-view-executive-summary-big-text {
  font-size: 24px;
  font-weight: bold;
  color: #ff9130;
  text-align: center;
  padding: 6px 8px;
}
.summary-view-executive-summary .summary-view-executive-summary-big-text:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: text-bottom;
  margin-right: 4px;
  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='%23f43b51'%3E%3Cpath d='M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 32px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.summary-view-executive-summary .summary-view-executive-summary-big-text.summary-view-overall-state-okay {
  color: #54cd3e;
}
.summary-view-executive-summary .summary-view-executive-summary-big-text.summary-view-overall-state-okay:before {
  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='%2354cd3e'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.29 16.29L5.7 12.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.59 7.59c-.38.39-1.02.39-1.41 0z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 32px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.summary-view-count-table-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.summary-view-count-table-wrapper_sb {
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.summary-view-count-table-wrapper .summary-view-graph-label {
  color: #ffffff;
}
.summary-view-count-table-wrapper .summary-view-count-group-table {
  flex: 1 1 0px;
  margin-left: calc(4px * 2);
}
.summary-view-count-table-wrapper .summary-view-count-group-table table {
  table-layout: fixed;
}

.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: #353c40;
  padding: 10px 0 100% 10px;
}
.main-guide-section .portlet_common {
  width: calc(100% - 10px);
  line-height: 1.3;
  margin: 4px 8px 8px 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  align-self: flex-start;
}
@media screen and (min-width: 700px) {
  .main-guide-section .portlet_common {
    width: calc(50% - 10px);
  }
}
@media screen and (min-width: 900px) {
  .main-guide-section .portlet_common {
    width: calc(33% - 10px);
  }
}
@media screen and (min-width: 1200px) {
  .main-guide-section .portlet_common {
    width: calc(25% - 10px);
  }
}
@media screen and (min-width: 1600px) {
  .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: 4px 8px 5px;
  width: auto;
}
.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: 14px;
  font-weight: 600;
  padding-left: 6px;
  padding-bottom: 2px;
}
.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 rgba(83, 91, 95, 0.7);
}
.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: normal;
  color: #ffffff;
}
.main-guide-section .main-guide-menu li a:hover, .main-guide-section .main-guide-menu li a:focus, .main-guide-section .main-guide-menu li span:hover, .main-guide-section .main-guide-menu li span:focus {
  background: linear-gradient(to bottom, #535b5f, #151c1f);
}
.main-guide-section .main-guide-menu li a:active, .main-guide-section .main-guide-menu li span:active {
  background: linear-gradient(to bottom, #535b5f, #151c1f);
}

/* 운영관리 > 사용자 > 역할 > 항목선택 > 팝업*/
#userAuthModal div.tb_basic {
  scrollbar-face-color: #535b5f;
  scrollbar-shadow-color: #353d42;
  scrollbar-highlight-color: #353d42;
  scrollbar-3dlight-color: #353d42;
  scrollbar-darkshadow-color: #353d42;
  scrollbar-track-color: #353d42;
  scrollbar-arrow-color: #535b5f;
  scrollbar-corner-color: #353d42;
  scrollbar-width: thin;
  scrollbar-color: #535b5f #353d42;
}
#userAuthModal div.tb_basic::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}
#userAuthModal div.tb_basic::-webkit-scrollbar-track {
  background-color: #353d42;
  padding: max(1px, 8px / 4);
}
#userAuthModal div.tb_basic::-webkit-scrollbar-thumb {
  background: #535b5f;
  border-radius: 99px;
  margin: max(1px, 8px / 4);
  border: max(1px, 8px / 4) solid #353d42 !important;
}
#userAuthModal div.tb_basic::-webkit-scrollbar-thumb:hover {
  background: #5f686d;
}
#userAuthModal div.tb_basic::-webkit-scrollbar-thumb:active {
  background: #6b757a;
}
#userAuthModal div.tb_basic::-webkit-scrollbar-corner {
  background-color: #353d42;
}
#userAuthModal div.tb_basic::-webkit-scrollbar-button {
  display: none;
}

/*
APM tr hover
모니터링 > 실시간 모니터링 > 현황조회
모니털이 > 실시간 모니터링 > 각 차트 오른쪽 마우스 클릭 후
모니터링 > 토폴로지 > 노드위에서 오른쪽 마우스 클릭 후 영역
설정 > 사용자정의 View > 오른쪽 하단 컴포넌트 영역
*/
.apm_tr_hover {
  background-color: #3C5D67;
  font-size: 11px;
  font-weight: bold;
}

.context_hover {
  font-weight: bold;
}

/*
SMS > 설정 > 보안취약점 > 보안취약점 상세보기 : 보안설정 방법 버튼
SMS > 설정 > 보안취약점 > 보안취약점 상세보기 : 보안설정 방법 버튼
SYSLOG > 모니터링 상세보기 > 검색옵션 모달창 > 검색도움말 버튼
*/
a.modal_tip_btn {
  display: inline-block;
  padding: 0px 7px 0 7px;
  height: 24px;
  background-color: #535b5f;
  text-decoration: none;
  font-size: 11px;
  color: #E3E3E8 !important;
  line-height: 22px;
  border: 1px solid #151c1f;
  cursor: hand;
  border-radius: 5px;
}
a.modal_tip_btn:hover, a.modal_tip_btn:focus {
  background-color: #5f686d;
}
a.modal_tip_btn:active {
  background-color: #474e51;
}

/*
NMS > 설정 > 보안취약점 > 보안취약점 상세보기 : 보안설정 방법 버튼
*/
a.modal_tip_btn_td {
  display: inline-block;
  padding: 0px 7px 0 7px;
  height: 20px;
  background-color: #535b5f;
  text-decoration: none;
  font-size: 11px;
  color: #E3E3E8;
  line-height: 18px;
  border-top: 1px solid #151c1f;
  border-left: 1px solid #151c1f;
  border-bottom: 1px solid #151c1f;
  border-right: 1px solid #151c1f;
  cursor: hand;
  border-radius: 3px;
}
a.modal_tip_btn_td:hover {
  background-color: #5f686d;
}
a.modal_tip_btn_td:active {
  background-color: #474e51;
}

/* SMS > 모니터링 > * > 상세보기 팝업 > 성능/정보: 스크롤바 */
#z_perfSub, #z_InfoSub, #z_DiskSub, #z_perfSubArea, #z_memSubArea, #perfChartSub, #perfSubArea, .md_grid_area {
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
}
#z_perfSub::-webkit-scrollbar, #z_InfoSub::-webkit-scrollbar, #z_DiskSub::-webkit-scrollbar, #z_perfSubArea::-webkit-scrollbar, #z_memSubArea::-webkit-scrollbar, #perfChartSub::-webkit-scrollbar, #perfSubArea::-webkit-scrollbar, .md_grid_area::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
#z_perfSub::-webkit-scrollbar-track, #z_InfoSub::-webkit-scrollbar-track, #z_DiskSub::-webkit-scrollbar-track, #z_perfSubArea::-webkit-scrollbar-track, #z_memSubArea::-webkit-scrollbar-track, #perfChartSub::-webkit-scrollbar-track, #perfSubArea::-webkit-scrollbar-track, .md_grid_area::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 15px / 4);
}
#z_perfSub::-webkit-scrollbar-thumb, #z_InfoSub::-webkit-scrollbar-thumb, #z_DiskSub::-webkit-scrollbar-thumb, #z_perfSubArea::-webkit-scrollbar-thumb, #z_memSubArea::-webkit-scrollbar-thumb, #perfChartSub::-webkit-scrollbar-thumb, #perfSubArea::-webkit-scrollbar-thumb, .md_grid_area::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 15px / 4);
  border: max(1px, 15px / 4) solid #2c3135 !important;
}
#z_perfSub::-webkit-scrollbar-thumb:hover, #z_InfoSub::-webkit-scrollbar-thumb:hover, #z_DiskSub::-webkit-scrollbar-thumb:hover, #z_perfSubArea::-webkit-scrollbar-thumb:hover, #z_memSubArea::-webkit-scrollbar-thumb:hover, #perfChartSub::-webkit-scrollbar-thumb:hover, #perfSubArea::-webkit-scrollbar-thumb:hover, .md_grid_area::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
#z_perfSub::-webkit-scrollbar-thumb:active, #z_InfoSub::-webkit-scrollbar-thumb:active, #z_DiskSub::-webkit-scrollbar-thumb:active, #z_perfSubArea::-webkit-scrollbar-thumb:active, #z_memSubArea::-webkit-scrollbar-thumb:active, #perfChartSub::-webkit-scrollbar-thumb:active, #perfSubArea::-webkit-scrollbar-thumb:active, .md_grid_area::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
#z_perfSub::-webkit-scrollbar-corner, #z_InfoSub::-webkit-scrollbar-corner, #z_DiskSub::-webkit-scrollbar-corner, #z_perfSubArea::-webkit-scrollbar-corner, #z_memSubArea::-webkit-scrollbar-corner, #perfChartSub::-webkit-scrollbar-corner, #perfSubArea::-webkit-scrollbar-corner, .md_grid_area::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
#z_perfSub::-webkit-scrollbar-button, #z_InfoSub::-webkit-scrollbar-button, #z_DiskSub::-webkit-scrollbar-button, #z_perfSubArea::-webkit-scrollbar-button, #z_memSubArea::-webkit-scrollbar-button, #perfChartSub::-webkit-scrollbar-button, #perfSubArea::-webkit-scrollbar-button, .md_grid_area::-webkit-scrollbar-button {
  display: none;
}

.tooltipScroll {
  scrollbar-face-color: #8e979b;
  scrollbar-shadow-color: #D5D5DB;
  scrollbar-highlight-color: #D5D5DB;
  scrollbar-3dlight-color: #D5D5DB;
  scrollbar-darkshadow-color: #D5D5DB;
  scrollbar-track-color: #D5D5DB;
  scrollbar-arrow-color: #8e979b;
  scrollbar-corner-color: #D5D5DB;
  scrollbar-width: thin;
  scrollbar-color: #8e979b #D5D5DB;
}
.tooltipScroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}
.tooltipScroll::-webkit-scrollbar-track {
  background-color: #D5D5DB;
  padding: max(1px, 8px / 4);
}
.tooltipScroll::-webkit-scrollbar-thumb {
  background: #8e979b;
  border-radius: 99px;
  margin: max(1px, 8px / 4);
  border: max(1px, 8px / 4) solid #D5D5DB !important;
}
.tooltipScroll::-webkit-scrollbar-thumb:hover {
  background: #9ca3a7;
}
.tooltipScroll::-webkit-scrollbar-thumb:active {
  background: #a9b0b3;
}
.tooltipScroll::-webkit-scrollbar-corner {
  background-color: #D5D5DB;
}
.tooltipScroll::-webkit-scrollbar-button {
  display: none;
}

.cont_section.oper-work-calendar-view {
  background-color: #2c3135;
  padding-bottom: 24px;
}

.oper-work-calendar-view .calendar_title {
  color: #E3E3E8;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  padding: 12px 0 10px 0;
  vertical-align: middle;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.oper-work-calendar-view .calendar_title_text {
  display: inline-block;
  margin: 0 10px;
}
.oper-work-calendar-view .calendar_title_text select {
  font-size: inherit;
  font-weight: inherit;
  width: auto;
  height: auto;
  background-color: #535b5f;
  border: 1px solid #151c1f;
  color: #E3E3E8;
  border-radius: 3px;
  line-height: 1;
  padding: 5px;
}
.oper-work-calendar-view .calendar_nav_btn {
  display: inline-block;
  padding: 10px 10px;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 3px;
}
.oper-work-calendar-view .calendar_nav_btn:hover, .oper-work-calendar-view .calendar_nav_btn:focus {
  background-color: #5a6367;
}
.oper-work-calendar-view .calendar_nav_btn:active {
  background-color: #3b4144;
}
.oper-work-calendar-view .calendar_nav_btn[disabled]:hover, .oper-work-calendar-view .calendar_nav_btn[disabled]:focus, .oper-work-calendar-view .calendar_nav_btn[disabled]:active {
  background-color: transparent;
  cursor: not-allowed;
}
.oper-work-calendar-view .calendar_prev_icon {
  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='%23D5D5DB'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 36px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.oper-work-calendar-view .calendar_prev_icon[disabled] {
  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='%236d6d6d'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 36px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.oper-work-calendar-view .calendar_far_prev_icon {
  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='%23D5D5DB'%3E%3Cpath fill='none' d='M0,24V0h24v24H0z'/%3E%3Cpath d='M12.4,7.4L7.9,12l4.6,4.6L11,18l-6-6l6-6L12.4,7.4z'/%3E%3Cpath d='M18.4,7.4L13.8,12l4.6,4.6L17,18l-6-6l6-6L18.4,7.4z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 36px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.oper-work-calendar-view .calendar_far_prev_icon[disabled] {
  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='%236d6d6d'%3E%3Cpath fill='none' d='M0,24V0h24v24H0z'/%3E%3Cpath d='M12.4,7.4L7.9,12l4.6,4.6L11,18l-6-6l6-6L12.4,7.4z'/%3E%3Cpath d='M18.4,7.4L13.8,12l4.6,4.6L17,18l-6-6l6-6L18.4,7.4z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 36px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.oper-work-calendar-view .calendar_next_icon {
  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='%23D5D5DB'%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: 36px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.oper-work-calendar-view .calendar_next_icon[disabled] {
  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='%236d6d6d'%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: 36px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.oper-work-calendar-view .calendar_far_next_icon {
  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='%23D5D5DB'%3E%3Cpath fill='none' d='M24,0v24H0V0H24z'/%3E%3Cpath d='M11.6,16.6l4.5-4.6l-4.6-4.6L13,6l6,6l-6,6L11.6,16.6z'/%3E%3Cpath d='M5.6,16.6l4.6-4.6L5.6,7.4L7,6l6,6l-6,6L5.6,16.6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 36px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.oper-work-calendar-view .calendar_far_next_icon[disabled] {
  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='%236d6d6d'%3E%3Cpath fill='none' d='M24,0v24H0V0H24z'/%3E%3Cpath d='M11.6,16.6l4.5-4.6l-4.6-4.6L13,6l6,6l-6,6L11.6,16.6z'/%3E%3Cpath d='M5.6,16.6l4.6-4.6L5.6,7.4L7,6l6,6l-6,6L5.6,16.6z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 36px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.oper-work-calendar-view .calendar {
  width: calc(100% - 24px);
  line-height: 1.3;
  margin: 0 auto 24px;
}
.oper-work-calendar-view .calendar_row {
  width: 100%;
}
.oper-work-calendar-view .calendar_td {
  width: 14.2857142857%;
  border: 1px solid #E3E3E8;
  color: #ffffff;
}
.oper-work-calendar-view .calendar_td a {
  color: #ffffff;
}
.oper-work-calendar-view .calendar_td[aria-current=date] {
  box-shadow: inset 0 0 0 3px #3C5D67;
  outline: 3px solid #3C5D67;
  outline-offset: -1px;
  border-color: #3C5D67;
  z-index: 9;
}
.oper-work-calendar-view .date_exclusion {
  background-color: #F2F2F2;
}
.oper-work-calendar-view .excluded_date {
  color: #cccccc !important;
}
.oper-work-calendar-view .calendar_day_td {
  width: 14.2857142857%;
  height: 40px;
  border-bottom: 2px solid #3C5D67;
  background-color: transparent;
  vertical-align: middle;
}
.oper-work-calendar-view .day {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.oper-work-calendar-view .saturday {
  color: #3385FF;
}
.oper-work-calendar-view .saturday_box_bg {
  background-color: #354b68;
}
.oper-work-calendar-view .sunday {
  color: #f76c65;
}
.oper-work-calendar-view .sunday_box_bg {
  background-color: #5d3a39;
}
.oper-work-calendar-view .date_area {
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
  padding: 10px 10px 7px 10px;
  position: relative;
}
.oper-work-calendar-view .ul_area {
  min-height: 105px;
  display: block;
  font-size: 12px;
  padding: 0 10px 10px 10px;
}
.oper-work-calendar-view .calendar_td li {
  padding-top: 6px;
}

.pop_container input[readonly], .pop_container textarea[readonly] {
  background-color: rgba(62, 71, 76, 0.7);
  color: #aeb7bb;
}

/* [SMS/NMS > 감시설정] 최초 호출 시 데이터 조회 여부*/
.alert_init_select_config {
  position: absolute;
  top: 37px;
  color: #D5D5DB;
}

/* wnms */
.ic_tre_wnms_aruba {
  background: url(../images/icons/ic_tre_wnms_aruba.png) no-repeat;
}

.ic_tre_wnms_aruba_ap {
  background: url(../images/icons/ic_tre_wnms_aruba_ap.png) no-repeat;
}

.ic_tre_wnms_samsung {
  background: url(../images/icons/ic_tre_wnms_samsung.png) no-repeat;
}

.ic_tre_wnms_samsung_ap {
  background: url(../images/icons/ic_tre_wnms_samsung_ap.png) no-repeat;
}

.ic_tre_wnms_airwave {
  background: url(../images/icons/ic_tre_wnms_airwave.png) no-repeat;
}

.ic_tre_wnms_ap {
  background: url(../images/icons/ic_tre_wnms_ap.png) no-repeat;
}

.ic_tre_wnms_airespace {
  background: url(../images/icons/ic_tre_wnms_airespace.png) no-repeat;
}

.ic_tre_wnms_airespace_ap {
  background: url(../images/icons/ic_tre_wnms_airespace_ap.png) no-repeat;
}

.ic_tre_wnms_davo {
  background: url(../images/icons/ic_tre_wnms_davo.png) no-repeat;
}

.ic_tre_wnms_davo_ap {
  background: url(../images/icons/ic_tre_wnms_davo_ap.png) no-repeat;
}

/*WNMS > 요약*/
.wnms-summary-view-wrapper {
  display: -ms-grid;
  -ms-grid-columns: ( 1fr )[60];
  -ms-grid-rows: 270px 230px auto;
  display: grid;
  grid-template-columns: repeat(60, 1fr);
  grid-template-rows: 280px 260px auto;
  padding: 4px;
}
.wnms-summary-view-wrapper a {
  color: inherit;
}

.wnms-summary-view-item-container {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 18;
  grid-row-start: 1;
  grid-row-end: span 1;
  grid-column-start: 1;
  grid-column-end: span 18;
  display: block;
  background: #353d42;
  border: 1px solid transparent;
  border-radius: 3px;
  min-height: 100px;
  min-width: 0;
  /* 표가 인위적으로 늘어났을 때 박스 자체가 커지지 않고 스크롤바가 생기도록 유도함 */
  margin: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.wnms-summary-view-item-container.sv-wnms01 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row-start: 1;
  grid-row-end: span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 15;
  grid-column-start: 1;
  grid-column-end: span 15;
}
.wnms-summary-view-item-container.sv-wnms02 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row-start: 1;
  grid-row-end: span 1;
  -ms-grid-column: 16;
  -ms-grid-column-span: 15;
  grid-column-start: 16;
  grid-column-end: span 15;
}
.wnms-summary-view-item-container.sv-wnms03 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row-start: 1;
  grid-row-end: span 1;
  -ms-grid-column: 31;
  -ms-grid-column-span: 15;
  grid-column-start: 31;
  grid-column-end: span 15;
}
.wnms-summary-view-item-container.sv-wnms04 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row-start: 1;
  grid-row-end: span 1;
  -ms-grid-column: 46;
  -ms-grid-column-span: 15;
  grid-column-start: 46;
  grid-column-end: span 15;
}
.wnms-summary-view-item-container.sv-wnms05 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row-start: 2;
  grid-row-end: span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 60;
  grid-column-start: 1;
  grid-column-end: span 60;
}
.wnms-summary-view-item-container.sv-wnms06 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row-start: 2;
  grid-row-end: span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 20;
  grid-column-start: 1;
  grid-column-end: span 20;
}
.wnms-summary-view-item-container.sv-wnms07 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row-start: 2;
  grid-row-end: span 1;
  -ms-grid-column: 20;
  -ms-grid-column-span: 40;
  grid-column-start: 20;
  grid-column-end: span 40;
}
.wnms-summary-view-item-container.sv-wnms08 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row-start: 2;
  grid-row-end: span 1;
  -ms-grid-column: 40;
  -ms-grid-column-span: 60;
  grid-column-start: 40;
  grid-column-end: span 60;
}
.wnms-summary-view-item-container.sv-wnms09 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row-start: 3;
  grid-row-end: span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 60;
  grid-column-start: 1;
  grid-column-end: span 60;
}
.wnms-summary-view-item-container .sv-wnms-client-title {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row-start: 1;
  grid-row-end: span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 60;
  grid-column-start: 1;
  grid-column-end: span 60;
  margin-top: -14px;
}
.wnms-summary-view-item-container h3 {
  font-size: 14px;
  font-weight: 600;
  margin: 0.5em 0em 0em 0em;
}
.wnms-summary-view-item-container .tb_basic {
  width: 95%;
  font-size: 12px;
  font-size: 0.75rem;
}
.wnms-summary-view-item-container .tb_basic th, .wnms-summary-view-item-container .tb_basic td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wnms-summary-view-item-container .tb_basic th {
  width: 6em;
  border: 1px solid rgba(83, 91, 95, 0.7);
}
.wnms-summary-view-item-container .tb_basic td {
  padding-left: 0.3em;
  padding-right: 0.3em;
  height: 26px;
  border: 1px solid rgba(83, 91, 95, 0.7);
}
.wnms-summary-view-item-container .tb_basic td.tb_basic_text_centered {
  text-align: center;
  background: #242a2e;
}
.wnms-summary-view-item-container .tb_basic td.tb_basic_text_left_aligned {
  text-align: left;
}
.wnms-summary-view-item-container .tb_basic td.tb_basic_text_right_aligned {
  text-align: right;
}
.wnms-summary-view-item-container .tb_basic td.tb_basic_data_numeric {
  text-align: right;
  white-space: nowrap;
  padding-right: 0.5em;
}
.wnms-summary-view-item-container .tb_basic th.summary-view-th-wrappable {
  white-space: normal !important;
  font-size: 0.9em;
  line-height: 1.2;
  height: 28px;
  color: #aab9c1;
}
.wnms-summary-view-item-container .tb_basic tr.jqgfirstrow td {
  border: none;
}
.wnms-summary-view-item-container .ui-jqgrid .ui-jqgrid-hdiv {
  border-right: none;
}

.wnms-summary-view-item-container.wnms-summary-view-jqgrid-inside {
  padding: 0;
}
.wnms-summary-view-item-container.wnms-summary-view-jqgrid-inside h3 {
  padding: calc(4px * 2);
  padding-top: calc(-4px * 2);
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
  margin-bottom: 0;
}
.wnms-summary-view-item-container.wnms-summary-view-jqgrid-inside div.cont_section {
  padding: 0 0 calc(4px * 2) 0;
}
.wnms-summary-view-item-container.wnms-summary-view-jqgrid-inside th, .wnms-summary-view-item-container.wnms-summary-view-jqgrid-inside td {
  border: none;
}

/*클라이언트 현황*/
.wnms-summary-client-view-wrapper {
  display: -ms-grid;
  -ms-grid-columns: ( 1fr )[60];
  -ms-grid-rows: 23px auto;
  display: grid;
  grid-template-columns: repeat(60, 1fr);
  grid-template-rows: 23px auto;
  padding: 4px;
}
.wnms-summary-client-view-wrapper a {
  color: inherit;
}

.wnms-summary-client-view-item-container {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 18;
  grid-row-start: 1;
  grid-row-end: span 1;
  grid-column-start: 1;
  grid-column-end: span 18;
  display: block;
  background: #353d42;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 0, calc(4px * 2), calc(4px * 2);
  min-height: 100px;
  min-width: 0;
  /* 표가 인위적으로 늘어났을 때 박스 자체가 커지지 않고 스크롤바가 생기도록 유도함 */
  margin: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.wnms-summary-client-view-item-container.sv-wnms-client01 {
  margin-top: 3px;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row-start: 2;
  grid-row-end: span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 20;
  grid-column-start: 1;
  grid-column-end: span 20;
}
.wnms-summary-client-view-item-container.sv-wnms-client02 {
  margin-top: 3px;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row-start: 2;
  grid-row-end: span 1;
  -ms-grid-column: 21;
  -ms-grid-column-span: 20;
  grid-column-start: 21;
  grid-column-end: span 20;
}
.wnms-summary-client-view-item-container.sv-wnms-client03 {
  margin-top: 3px;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row-start: 2;
  grid-row-end: span 1;
  -ms-grid-column: 41;
  -ms-grid-column-span: 60;
  grid-column-start: 41;
  grid-column-end: span 60;
}
.wnms-summary-client-view-item-container .client-small-title {
  font-weight: bold;
  font-size: 11px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background-color: #434d54;
  border: none;
  width: 580px;
  height: 23px;
}
.wnms-summary-client-view-item-container .wnms-summary-client-chart-with-table {
  width: 500px;
}
.wnms-summary-client-view-item-container .wnms-summary-client-chart-with-table .wnms-summary-client-chart {
  float: left;
  width: 200px;
  margin-right: 1px;
}
.wnms-summary-client-view-item-container .wnms-summary-client-chart-with-table .wnms-summary-client-table {
  float: left;
  width: 200px;
  margin-top: 10px;
}
.wnms-summary-client-view-item-container .wnms-summary-client-chart-with-table .wnms-summary-client-table .tb_basic {
  width: 347px;
}

.wnms-summary-view-graph-table-wrapper {
  display: -ms-flexbox;
  -ms-flex-flow: row nowrap;
  -ms-flex-pwrapack: justify;
  -ms-flex-align: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.wnms-summary-view-graph-table-wrapper .circle-view-graph {
  width: 250px;
}
.wnms-summary-view-graph-table-wrapper .summary-view-graph {
  width: 190px;
  margin-top: 23px;
}
.wnms-summary-view-graph-table-wrapper .summary-view-table {
  width: 300px;
  overflow: auto;
  scroll: auto;
  scrollbar-face-color: #535b5f;
  scrollbar-shadow-color: #353d42;
  scrollbar-highlight-color: #353d42;
  scrollbar-3dlight-color: #353d42;
  scrollbar-darkshadow-color: #353d42;
  scrollbar-track-color: #353d42;
  scrollbar-arrow-color: #535b5f;
  scrollbar-corner-color: #353d42;
  scrollbar-width: thin;
  scrollbar-color: #535b5f #353d42;
}
.wnms-summary-view-graph-table-wrapper .summary-view-table::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  cursor: pointer;
}
.wnms-summary-view-graph-table-wrapper .summary-view-table::-webkit-scrollbar-track {
  background-color: #353d42;
  padding: max(1px, 6px / 4);
}
.wnms-summary-view-graph-table-wrapper .summary-view-table::-webkit-scrollbar-thumb {
  background: #535b5f;
  border-radius: 99px;
  margin: max(1px, 6px / 4);
  border: max(1px, 6px / 4) solid #353d42 !important;
}
.wnms-summary-view-graph-table-wrapper .summary-view-table::-webkit-scrollbar-thumb:hover {
  background: #5f686d;
}
.wnms-summary-view-graph-table-wrapper .summary-view-table::-webkit-scrollbar-thumb:active {
  background: #6b757a;
}
.wnms-summary-view-graph-table-wrapper .summary-view-table::-webkit-scrollbar-corner {
  background-color: #353d42;
}
.wnms-summary-view-graph-table-wrapper .summary-view-table::-webkit-scrollbar-button {
  display: none;
}
.wnms-summary-view-graph-table-wrapper .summary-view-table.summary-view-table-with-circle {
  margin-top: 24px;
  overflow: auto;
}

/*AP UP DOWN 테이블 위치 조정*/
#APUpDownTable {
  margin-top: 51px;
}

/*WNMS 요약화면 TOP-10 테이블 height 조정*/
#GroupTop10List td {
  height: 20px;
  width: 100%;
}

#GroupTop10List tr {
  height: 20px;
  width: 100%;
}

#UserTop10List td {
  height: 20px;
  width: 100%;
}

#UserTop10List tr {
  height: 20px;
  width: 100%;
}

#APTop10List td {
  height: 20px;
  width: 100%;
}

#APTop10List tr {
  height: 20px;
  width: 100%;
}

.wnms_detail_device_basic_info {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 800px;
  height: 227px;
  overflow: hidden;
  border: 1px solid rgba(83, 91, 95, 0.7);
}

.wnms_detail_device_basic_info_airespace {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 1240px;
  height: 199px;
  overflow: hidden;
  border: 1px solid rgba(83, 91, 95, 0.7);
}

.wnms_detail_device_basic_info_davo {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 615px;
  height: 241.5px;
  overflow: hidden;
  border: 1px solid rgba(83, 91, 95, 0.7);
}

.wnms_detail_device_ap_updown {
  position: absolute;
  top: 10px;
  left: 822px;
  width: 428px;
  height: 227px;
  overflow: hidden;
  border: 1px solid rgba(83, 91, 95, 0.7);
}

.wnms_detail_device_ap_updown_airespace {
  position: absolute;
  top: 218px;
  left: 10px;
  width: 615px;
  height: 287px;
  border: 1px solid transparent;
  overflow: hidden;
}

.wnms_detail_device_ap_updown_davo {
  position: absolute;
  top: 10px;
  left: 635px;
  width: 615px;
  height: 241.5px;
  overflow: hidden;
  border: 1px solid rgba(83, 91, 95, 0.7);
}

/*Autoscaling group 아이콘 적용*/
.ic_autoscaling_folderclosed {
  background: url(../images/icons/ic_autoscaling_folderclosed.png) no-repeat;
}

.ic_autoscaling_folderopen {
  background: url(../images/icons/ic_autoscaling_folderopen.png) no-repeat;
}

/* Main > 요약 */
#contScrollDiv {
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
}
#contScrollDiv::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
#contScrollDiv::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 15px / 4);
}
#contScrollDiv::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 15px / 4);
  border: max(1px, 15px / 4) solid #2c3135 !important;
}
#contScrollDiv::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
#contScrollDiv::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
#contScrollDiv::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
#contScrollDiv::-webkit-scrollbar-button {
  display: none;
}

/* DBMS Query Execution */
.btn_query_execution {
  display: inline-block;
  width: 20px;
  height: 16px;
  vertical-align: middle;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.btn_query_execution.executable {
  background-image: url(../images/com/icon_dbms_query_executable.png);
}
.btn_query_execution.executable:hover {
  background-position: 0 -16px;
}
.btn_query_execution.unworkable {
  background-image: url(../images/com/icon_dbms_query_unworkable.png);
}

.wrap_query_execution {
  position: relative;
  width: 1000px;
  height: 632px;
  background-color: #2c3135;
}
.wrap_query_execution .query_execution_content {
  position: relative;
  width: 1000px;
  height: 540px;
  background-color: #353D42;
}
.wrap_query_execution .query_execution_content textarea {
  margin: 10px;
  padding: 10px;
  width: calc(100% - 42px);
  height: 190px;
  border: 1px solid #2E2F2F;
}
.wrap_query_execution .query_execution_content .cont_tab {
  height: 32px;
}
.wrap_query_execution .query_execution_content .cont_tab ul.cont_tab_box > li {
  margin-top: 5px;
  margin-left: 5px;
}
.wrap_query_execution .query_execution_content .cont_tab ul.cont_tab_box > li.on > a {
  background: linear-gradient(to bottom, #2fc4b2 1px, #353d42 4px);
  color: #F2F3F4;
  font-weight: bold;
}
.wrap_query_execution .query_execution_content .cont_tab ul.cont_tab_box > li.off > a {
  background: #282D31;
  color: #D5D5DB;
  font-weight: normal;
}
.wrap_query_execution .query_execution_content .cont_section {
  background-color: #353d42;
}
.wrap_query_execution .query_execution_content .cont_section .excel_btn_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-right: 0;
  padding: 0;
}
.wrap_query_execution .query_execution_content .cont_section .excel_btn_box span.btn_box {
  margin-right: 20px;
}
.wrap_query_execution .query_execution_content .cont_section > div {
  height: inherit;
}
.wrap_query_execution .query_execution_content .cont_section #query_result {
  height: 68px;
  color: #ffffff;
}
.wrap_query_execution .query_execution_content .cont_section #query_result.success_msg {
  line-height: 68px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.wrap_query_execution .query_execution_content .cont_section #query_result.fail_msg {
  padding: 10px;
}
.wrap_query_execution .query_execution_content .result_msg textarea {
  background-color: #353d42;
  border: none;
  height: calc(100% - 40px);
}
.wrap_query_execution .query_execution_content .query_section {
  height: 21px !important;
  line-height: 19px;
  background: #2c3135;
  border-top: 1px solid #353c40;
}
.wrap_query_execution .query_execution_content .query_section span {
  padding-left: 6px;
  vertical-align: middle;
}
.wrap_query_execution .query_execution_content .query_section input {
  width: 40px;
  height: 16px;
}
.wrap_query_execution .query_count {
  height: 22px !important;
  line-height: 20px;
  background-color: inherit;
  color: #D5D5DB;
}
.wrap_query_execution .query_count span {
  padding-left: 6px;
  vertical-align: middle;
}
.wrap_query_execution .query_count input {
  width: 40px;
  height: 16px;
}

.highlight {
  background-color: yellow;
  color: black;
  border-radius: 0.125em;
}

/* 강조하기 위해 background color 설정 */
.info_bg {
  background: #5396A6;
}

/* CMS */
.ic_tre_aws_ec2 {
  background: url(../images/icons/ic_tre_aws_ec2.svg) no-repeat;
}
.ic_tre_aws_ec2.mon {
  background: url(../images/icons/ic_tre_aws_ec2_mon.svg) no-repeat;
}

.ic_tre_aws_autoscaling {
  background: url(../images/icons/ic_tre_aws_autoscaling.svg) no-repeat;
}
.ic_tre_aws_autoscaling.mon {
  background: url(../images/icons/ic_tre_aws_autoscaling_mon.svg) no-repeat;
}

.ic_tre_aws_ecs {
  background: url(../images/icons/ic_tre_aws_ecs.svg) no-repeat;
}
.ic_tre_aws_ecs.mon {
  background: url(../images/icons/ic_tre_aws_ecs_mon.svg) no-repeat;
}

.ic_tre_aws_ecs_service {
  background: url(../images/icons/ic_tre_aws_ecs_service.svg) no-repeat;
}

.ic_tre_aws_ecr {
  background: url(../images/icons/ic_tre_aws_ecr.svg) no-repeat;
}
.ic_tre_aws_ecr.mon {
  background: url(../images/icons/ic_tre_aws_ecr_mon.svg) no-repeat;
}

.ic_tre_aws_eks {
  background: url(../images/icons/ic_tre_aws_eks.svg) no-repeat;
}
.ic_tre_aws_eks.mon {
  background: url(../images/icons/ic_tre_aws_eks_mon.svg) no-repeat;
}

.ic_tre_aws_rds {
  background: url(../images/icons/ic_tre_aws_rds.svg) no-repeat;
}
.ic_tre_aws_rds.mon {
  background: url(../images/icons/ic_tre_aws_rds_mon.svg) no-repeat;
}

.ic_tre_aws_dynamodb {
  background: url(../images/icons/ic_tre_aws_dynamodb.svg) no-repeat;
}
.ic_tre_aws_dynamodb.mon {
  background: url(../images/icons/ic_tre_aws_dynamodb_mon.svg) no-repeat;
}

.ic_tre_aws_s3 {
  background: url(../images/icons/ic_tre_aws_s3.svg) no-repeat;
}
.ic_tre_aws_s3.mon {
  background: url(../images/icons/ic_tre_aws_s3_mon.svg) no-repeat;
}

.ic_tre_aws_ebs {
  background: url(../images/icons/ic_tre_aws_ebs.svg) no-repeat;
}
.ic_tre_aws_ebs.mon {
  background: url(../images/icons/ic_tre_aws_ebs_mon.svg) no-repeat;
}

.ic_tre_aws_vpc {
  background: url(../images/icons/ic_tre_aws_vpc.svg) no-repeat;
}
.ic_tre_aws_vpc.mon {
  background: url(../images/icons/ic_tre_aws_vpc_mon.svg) no-repeat;
}

.ic_tre_aws_billing {
  background: url(../images/icons/ic_tre_aws_billing.svg) no-repeat;
}
.ic_tre_aws_billing.mon {
  background: url(../images/icons/ic_tre_aws_billing_mon.svg) no-repeat;
}

.ic_tre_aws_lambda {
  background: url(../images/icons/ic_tre_aws_lambda.svg) no-repeat;
}
.ic_tre_aws_lambda.mon {
  background: url(../images/icons/ic_tre_aws_lambda_mon.svg) no-repeat;
}

.ic_tre_aws_batch {
  background: url(../images/icons/ic_tre_aws_batch.svg) no-repeat;
}
.ic_tre_aws_batch.mon {
  background: url(../images/icons/ic_tre_aws_batch_mon.svg) no-repeat;
}

.ic_tre_aws_sns {
  background: url(../images/icons/ic_tre_aws_sns.svg) no-repeat;
}
.ic_tre_aws_sns.mon {
  background: url(../images/icons/ic_tre_aws_sns_mon.svg) no-repeat;
}

.ic_tre_aws_sqs {
  background: url(../images/icons/ic_tre_aws_sqs.svg) no-repeat;
}
.ic_tre_aws_sqs.mon {
  background: url(../images/icons/ic_tre_aws_sqs_mon.svg) no-repeat;
}

.ic_tre_aws_mq {
  background: url(../images/icons/ic_tre_aws_mq.svg) no-repeat;
}
.ic_tre_aws_mq.mon {
  background: url(../images/icons/ic_tre_aws_mq_mon.svg) no-repeat;
}

.ic_tre_aws_mq_broker {
  background: url(../images/icons/ic_tre_aws_mq_broker.svg) no-repeat;
}

.ic_tre_aws_cloudfront {
  background: url(../images/icons/ic_tre_aws_cloudfront.svg) no-repeat;
}
.ic_tre_aws_cloudfront.mon {
  background: url(../images/icons/ic_tre_aws_cloudfront_mon.svg) no-repeat;
}

.ic_tre_aws_elb {
  background: url(../images/icons/ic_tre_aws_elb.svg) no-repeat;
}
.ic_tre_aws_elb.mon {
  background: url(../images/icons/ic_tre_aws_elb_mon.svg) no-repeat;
}

.ic_tre_aws_alarm {
  background: url(../images/icons/ic_tre_aws_alarm.svg) no-repeat;
}
.ic_tre_aws_alarm.mon {
  background: url(../images/icons/ic_tre_aws_alarm_mon.svg) no-repeat;
}

.ic_tre_budget {
  background: url(../images/icons/icon_budget.png) no-repeat;
}
.ic_tre_budget.mon {
  background: url(../images/icons/icon_budget.png) no-repeat;
}

.ic_increase {
  background: url(../images/icons/ic_increase.svg) no-repeat;
}
.ic_increase.mon {
  background: url(../images/icons/ic_increase.svg) no-repeat;
}

.ic_decrease {
  background: url(../images/icons/ic_decrease.svg) no-repeat;
}
.ic_decrease.mon {
  background: url(../images/icons/ic_decrease.svg) no-repeat;
}

.ic_tre_azure_vm {
  background: url(../images/icons/ic_tre_azure_vm.svg) no-repeat;
}
.ic_tre_azure_vm.mon {
  background: url(../images/icons/ic_tre_azure_vm_mon.svg) no-repeat;
}

.ic_tre_azure_vmss {
  background: url(../images/icons/ic_tre_azure_vmss.svg) no-repeat;
}
.ic_tre_azure_vmss.mon {
  background: url(../images/icons/ic_tre_azure_vmss_mon.svg) no-repeat;
}

.ic_tre_azure_app {
  background: url(../images/icons/ic_tre_azure_app.svg) no-repeat;
}
.ic_tre_azure_app.mon {
  background: url(../images/icons/ic_tre_azure_app_mon.svg) no-repeat;
}

.ic_tre_azure_ci {
  background: url(../images/icons/ic_tre_azure_ci.svg) no-repeat;
}
.ic_tre_azure_ci.mon {
  background: url(../images/icons/ic_tre_azure_ci_mon.svg) no-repeat;
}

.ic_tre_azure_cr {
  background: url(../images/icons/ic_tre_azure_cr.svg) no-repeat;
}
.ic_tre_azure_cr.mon {
  background: url(../images/icons/ic_tre_azure_cr_mon.svg) no-repeat;
}

.ic_tre_azure_kubesvc {
  background: url(../images/icons/ic_tre_azure_kubesvc.svg) no-repeat;
}
.ic_tre_azure_kubesvc.mon {
  background: url(../images/icons/ic_tre_azure_kubesvc_mon.svg) no-repeat;
}

.ic_tre_azure_stoaccounts {
  background: url(../images/icons/ic_tre_azure_stoaccounts.svg) no-repeat;
}
.ic_tre_azure_stoaccounts.mon {
  background: url(../images/icons/ic_tre_azure_stoaccounts_mon.svg) no-repeat;
}

.ic_tre_azure_datashares {
  background: url(../images/icons/ic_tre_azure_datashares.svg) no-repeat;
}
.ic_tre_azure_datashares.mon {
  background: url(../images/icons/ic_tre_azure_datashares_mon.svg) no-repeat;
}

.ic_tre_azure_vn {
  background: url(../images/icons/ic_tre_azure_vn.svg) no-repeat;
}
.ic_tre_azure_vn.mon {
  background: url(../images/icons/ic_tre_azure_vn_mon.svg) no-repeat;
}

.ic_tre_azure_dnszones {
  background: url(../images/icons/ic_tre_azure_dnszones.svg) no-repeat;
}
.ic_tre_azure_dnszones.mon {
  background: url(../images/icons/ic_tre_azure_dnszones_mon.svg) no-repeat;
}

.ic_tre_azure_lb {
  background: url(../images/icons/ic_tre_azure_lb.svg) no-repeat;
}
.ic_tre_azure_lb.mon {
  background: url(../images/icons/ic_tre_azure_lb_mon.svg) no-repeat;
}

.ic_tre_azure_firewalls {
  background: url(../images/icons/ic_tre_azure_firewalls.svg) no-repeat;
}
.ic_tre_azure_firewalls.mon {
  background: url(../images/icons/ic_tre_azure_firewalls_mon.svg) no-repeat;
}

.ic_tre_azure_appgateways {
  background: url(../images/icons/ic_tre_azure_appgateways.svg) no-repeat;
}
.ic_tre_azure_appgateways.mon {
  background: url(../images/icons/ic_tre_azure_appgateways_mon.svg) no-repeat;
}

.ic_tre_azure_cosmosdb {
  background: url(../images/icons/ic_tre_azure_cosmosdb.svg) no-repeat;
}
.ic_tre_azure_cosmosdb.mon {
  background: url(../images/icons/ic_tre_azure_cosmosdb_mon.svg) no-repeat;
}

.ic_tre_azure_dbmysql {
  background: url(../images/icons/ic_tre_azure_mysql.svg) no-repeat;
}
.ic_tre_azure_dbmysql.mon {
  background: url(../images/icons/ic_tre_azure_mysql_mon.svg) no-repeat;
}

.ic_tre_azure_dbpgsql {
  background: url(../images/icons/ic_tre_azure_pgsql.svg) no-repeat;
}
.ic_tre_azure_dbpgsql.mon {
  background: url(../images/icons/ic_tre_azure_pgsql_mon.svg) no-repeat;
}

.ic_tre_azure_sqldb {
  background: url(../images/icons/ic_tre_azure_sqldb.svg) no-repeat;
}
.ic_tre_azure_sqldb.mon {
  background: url(../images/icons/ic_tre_azure_sqldb_mon.svg) no-repeat;
}

.ic_tre_cms_db_subitem {
  background: url(../images/icons/ic_tre_dbms.png) no-repeat;
}
.ic_tre_cms_db_subitem.mon {
  background: url(../images/icons/ic_tre_dbms.png) no-repeat;
}

.ic_tre_azure_mariadb {
  background: url(../images/icons/ic_tre_azure_mariadb.svg) no-repeat;
}
.ic_tre_azure_mariadb.mon {
  background: url(../images/icons/ic_tre_azure_mariadb_mon.svg) no-repeat;
}

.ic_tre_azure_billing {
  background: url(../images/icons/ic_tre_azure_billing.svg) no-repeat;
}
.ic_tre_azure_billing.mon {
  background: url(../images/icons/ic_tre_azure_billing_mon.svg) no-repeat;
}

.ic_tre_azure_ca {
  background: url(../images/icons/ic_tre_azure_ca.svg) no-repeat;
}
.ic_tre_azure_ca.mon {
  background: url(../images/icons/ic_tre_azure_ca_mon.svg) no-repeat;
}

.ic_tre_azure_alerthistory {
  background: url(../images/icons/ic_tre_azure_alerthistory.svg) no-repeat;
}
.ic_tre_azure_alerthistory.mon {
  background: url(../images/icons/ic_tre_azure_alerthistory_mon.svg) no-repeat;
}

/* NCP icon*/
.ic_tre_ncp_server, .ic_tre_ncp_server_vpc {
  background: url(../images/icons/ic_tre_ncp_server.svg) no-repeat;
}
.ic_tre_ncp_server.mon, .ic_tre_ncp_server_vpc.mon {
  background: url(../images/icons/ic_tre_ncp_server_mon.svg) no-repeat;
}

.ic_tre_ncp_autoscaling, .ic_tre_ncp_autoscaling_vpc {
  background: url(../images/icons/ic_tre_ncp_autoscaling.svg) no-repeat;
}
.ic_tre_ncp_autoscaling.mon, .ic_tre_ncp_autoscaling_vpc.mon {
  background: url(../images/icons/ic_tre_ncp_autoscaling_mon.svg) no-repeat;
}

.ic_tre_ncp_vpc {
  background: url(../images/icons/ic_tre_ncp_vpc.svg) no-repeat;
}
.ic_tre_ncp_vpc.mon {
  background: url(../images/icons/ic_tre_ncp_vpc_mon.svg) no-repeat;
}

.ic_tre_ncp_subnet {
  background: url(../images/icons/ic_tre_ncp_subnet.svg) no-repeat;
}
.ic_tre_ncp_subnet.mon {
  background: url(../images/icons/ic_tre_ncp_subnet_mon.svg) no-repeat;
}

.ic_tre_ncp_netacl {
  background: url(../images/icons/ic_tre_ncp_netacl.svg) no-repeat;
}
.ic_tre_ncp_netacl.mon {
  background: url(../images/icons/ic_tre_ncp_netacl_mon.svg) no-repeat;
}

.ic_tre_ncp_natgw {
  background: url(../images/icons/ic_tre_ncp_natgw.svg) no-repeat;
}
.ic_tre_ncp_natgw.mon {
  background: url(../images/icons/ic_tre_ncp_natgw_mon.svg) no-repeat;
}

.ic_tre_ncp_loadbal, .ic_tre_ncp_loadbal_vpc {
  background: url(../images/icons/ic_tre_ncp_loadbal.svg) no-repeat;
}
.ic_tre_ncp_loadbal.mon, .ic_tre_ncp_loadbal_vpc.mon {
  background: url(../images/icons/ic_tre_ncp_loadbal_mon.svg) no-repeat;
}

.ic_tre_ncp_vp {
  background: url(../images/icons/ic_tre_ncp_vp.svg) no-repeat;
}
.ic_tre_ncp_vp.mon {
  background: url(../images/icons/ic_tre_ncp_vp_mon.svg) no-repeat;
}

.ic_tre_ncp_rt {
  background: url(../images/icons/ic_tre_ncp_rt.svg) no-repeat;
}
.ic_tre_ncp_rt.mon {
  background: url(../images/icons/ic_tre_ncp_rt_mon.svg) no-repeat;
}

.ic_tre_ncp_cr {
  background: url(../images/icons/ic_tre_ncp_cr.svg) no-repeat;
}
.ic_tre_ncp_cr.mon {
  background: url(../images/icons/ic_tre_ncp_cr_mon.svg) no-repeat;
}

.ic_tre_ncp_ks_vpc {
  background: url(../images/icons/ic_tre_ncp_ks.svg) no-repeat;
}
.ic_tre_ncp_ks_vpc.mon {
  background: url(../images/icons/ic_tre_ncp_ks_mon.svg) no-repeat;
}

.ic_tre_ncp_os {
  background: url(../images/icons/ic_tre_ncp_os.svg) no-repeat;
}
.ic_tre_ncp_os.mon {
  background: url(../images/icons/ic_tre_ncp_os_mon.svg) no-repeat;
}

.ic_tre_ncp_as {
  background: url(../images/icons/ic_tre_ncp_as.svg) no-repeat;
}
.ic_tre_ncp_as.mon {
  background: url(../images/icons/ic_tre_ncp_as_mon.svg) no-repeat;
}

.ic_tre_ncp_nas, .ic_tre_ncp_nas_vpc {
  background: url(../images/icons/ic_tre_ncp_nas.svg) no-repeat;
}
.ic_tre_ncp_nas.mon, .ic_tre_ncp_nas_vpc.mon {
  background: url(../images/icons/ic_tre_ncp_nas_mon.svg) no-repeat;
}

.ic_tre_ncp_mysql, .ic_tre_ncp_mysql_vpc {
  background: url(../images/icons/ic_tre_ncp_mysql.svg) no-repeat;
}
.ic_tre_ncp_mysql.mon, .ic_tre_ncp_mysql_vpc.mon {
  background: url(../images/icons/ic_tre_ncp_mysql_mon.svg) no-repeat;
}

.ic_tre_ncp_mssql, .ic_tre_ncp_mssql_vpc {
  background: url(../images/icons/ic_tre_ncp_mssql.svg) no-repeat;
}
.ic_tre_ncp_mssql.mon, .ic_tre_ncp_mssql_vpc.mon {
  background: url(../images/icons/ic_tre_ncp_mssql_mon.svg) no-repeat;
}

.ic_tre_ncp_redis, .ic_tre_ncp_redis_vpc {
  background: url(../images/icons/ic_tre_ncp_redis.svg) no-repeat;
}
.ic_tre_ncp_redis.mon, .ic_tre_ncp_redis_vpc.mon {
  background: url(../images/icons/ic_tre_ncp_redis_mon.svg) no-repeat;
}

.ic_tre_ncp_postgresql_vpc {
  background: url(../images/icons/ic_tre_ncp_postgresql.svg) no-repeat;
}
.ic_tre_ncp_postgresql_vpc.mon {
  background: url(../images/icons/ic_tre_ncp_postgresql_mon.svg) no-repeat;
}

.ic_tre_ncp_mongodb_vpc {
  background: url(../images/icons/ic_tre_ncp_mongodb.svg) no-repeat;
}
.ic_tre_ncp_mongodb_vpc.mon {
  background: url(../images/icons/ic_tre_ncp_mongodb_mon.svg) no-repeat;
}

.ic_tre_ncp_cdnplus {
  background: url(../images/icons/ic_tre_ncp_cdnplus.svg) no-repeat;
}
.ic_tre_ncp_cdnplus.mon {
  background: url(../images/icons/ic_tre_ncp_cdnplus_mon.svg) no-repeat;
}

.ic_tre_ncp_globalcdn {
  background: url(../images/icons/ic_tre_ncp_globalcdn.svg) no-repeat;
}
.ic_tre_ncp_globalcdn.mon {
  background: url(../images/icons/ic_tre_ncp_globalcdn_mon.svg) no-repeat;
}

.ic_tre_ncp_billing {
  background: url(../images/icons/ic_tre_ncp_billing.svg) no-repeat;
}
.ic_tre_ncp_billing.mon {
  background: url(../images/icons/ic_tre_ncp_billing_mon.svg) no-repeat;
}

/* #10848 수신자 선택화면> 전체 선택 체크박스 */
.all_check_box_reci {
  width: 16px;
  padding: 5px 5px 1px 10px;
  border-width: 0px 1px 1px 0px;
  border-color: #353c40;
  border-style: solid;
}

/* #10848 통보설정화면 > 전체 선택 체크박스 */
.all_check_box_noti {
  width: 16px;
  padding: 5px 5px 3px 10px;
  border-width: 0px 1px 1px 0px;
  border-color: #353c40;
  border-style: solid;
}

/* #8104 분석기간 외 셀 색상 */
.analysis_excluded_cell {
  background-color: rgba(83, 91, 95, 0.7);
}

/*TRMS*/
.ic_tre_trms_chart {
  background: url(../images/icons/ic_tre_trms_chart.svg) no-repeat;
}

.ic_tre_trms_seriesgroup {
  background: url(../images/icons/ic_tre_trms_seriesgroup.svg) no-repeat;
}

/* k8s 트리 아이콘 */
.ic_tre_k8s_agent {
  background: url(../images/icons/ic_tre_k8s_agent.png) no-repeat;
}
.ic_tre_k8s_cluster {
  background: url(../images/icons/ic_tre_k8s_cluster.svg) no-repeat;
}
.ic_tre_k8s_namespace {
  background: url(../images/icons/ic_tre_k8s_namespace.svg) no-repeat;
}
.ic_tre_k8s_node {
  background: url(../images/icons/ic_tre_k8s_node.svg) no-repeat;
}
.ic_tre_k8s_pod {
  background: url(../images/icons/ic_tre_k8s_pod.svg) no-repeat;
}
.ic_tre_k8s_container {
  background: url(../images/icons/ic_tre_k8s_container.svg) no-repeat;
}
.ic_tre_k8s_workload {
  background: url(../images/icons/ic_tre_k8s_workload.svg) no-repeat;
}

/* k8s 호스트맵 */
.k8s-map.cluster-type {
  overflow: auto hidden;
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
  height: 100%;
}
.k8s-map.cluster-type::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.k8s-map.cluster-type::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 12px / 4);
}
.k8s-map.cluster-type::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 12px / 4);
  border: max(1px, 12px / 4) solid #2c3135 !important;
}
.k8s-map.cluster-type::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
.k8s-map.cluster-type::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
.k8s-map.cluster-type::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
.k8s-map.cluster-type::-webkit-scrollbar-button {
  display: none;
}
.k8s-map.cluster-type text {
  fill: #AAB9C1;
  pointer-events: none;
  font-weight: bold;
}
.k8s-map.cluster-type g.active text {
  fill: #ffffff;
}
.k8s-map.container-type {
  overflow: hidden;
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
}
.k8s-map.container-type::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.k8s-map.container-type::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 12px / 4);
}
.k8s-map.container-type::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 12px / 4);
  border: max(1px, 12px / 4) solid #2c3135 !important;
}
.k8s-map.container-type::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
.k8s-map.container-type::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
.k8s-map.container-type::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
.k8s-map.container-type::-webkit-scrollbar-button {
  display: none;
}
.k8s-map.container-type .container-group {
  display: inline-block;
  float: left;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #50585D;
}
.k8s-map.container-type .container-group .container-group-header {
  display: grid;
  display: -ms-grid;
  -ms-grid-columns: auto 60px;
  grid-template-columns: auto 60px;
  height: 24px;
  line-height: 24px;
  padding: 0px 10px 10px 10px;
  font-size: 12px;
  font-weight: bold;
}
.k8s-map.container-type .container-group .container-group-header .group-name {
  color: #aab9c1;
  height: 24px;
  margin-right: 5px;
  display: flex;
}
.k8s-map.container-type .container-group .container-group-header .container-group-cnt:before {
  content: "Total ";
}
.k8s-map.container-type .container-group .container-group-content {
  height: calc(100% - 34px);
  overflow: hidden;
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
  display: flex;
  justify-content: center;
}
.k8s-map.container-type .container-group .container-group-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}
.k8s-map.container-type .container-group .container-group-content::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 8px / 4);
}
.k8s-map.container-type .container-group .container-group-content::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 8px / 4);
  border: max(1px, 8px / 4) solid #2c3135 !important;
}
.k8s-map.container-type .container-group .container-group-content::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
.k8s-map.container-type .container-group .container-group-content::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
.k8s-map.container-type .container-group .container-group-content::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
.k8s-map.container-type .container-group .container-group-content::-webkit-scrollbar-button {
  display: none;
}
.k8s-map path {
  cursor: pointer;
}

.k8s-map-tooltip {
  position: absolute;
  margin: 20px 0 0 10px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
  border: 1px solid #353c40;
  color: #353c40;
  font-size: 14px;
  z-index: 50000;
}

.k8s-canvas-chart {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.k8s-canvas-chart .k8s-canvas-chart-tooltip {
  position: absolute;
  visibility: hidden;
  height: auto;
  border-radius: 0;
  pointer-events: none;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}
.k8s-canvas-chart .k8s-canvas-chart-tooltip > div {
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  width: auto;
  height: auto;
  min-width: 50px;
  margin: 0;
  padding: 5px;
  border: 1px solid gray;
  border-radius: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-align: left;
  text-indent: 0;
  white-space: nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.summary-content-k8s {
  height: calc(100vh - 160px);
}

.cont-section-k8s-topology {
  width: 100%;
  height: 100%;
}
.cont-section-k8s-topology .topology-area {
  width: 100%;
  height: calc(100% - 28px);
}

.summary-full-content-k8s {
  height: calc(100vh - 29px);
}

.view-wrapper-k8s {
  /*모니터링 메인 요약*/
  /*모니터링 상세 요약*/
}
.view-wrapper-k8s-summary {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 284px minmax(332px, auto);
  grid-template-rows: 284px minmax(332px, auto);
  gap: 8px;
  min-width: 1704px;
  min-height: 624px;
  padding: 8px;
  /*width min 320px, 1048px, 320px*/
  /*width min 912px, 784px*/
}
.view-wrapper-k8s-summary > div:nth-child(1) {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(320px, 18.6fr) minmax(1048px, 62.8fr) minmax(320px, 18.6fr);
  grid-template-columns: minmax(320px, 18.6fr) minmax(1048px, 62.8fr) minmax(320px, 18.6fr);
  -ms-grid-rows: 72px 204px;
  grid-template-rows: 72px 204px;
  gap: 8px;
}
.view-wrapper-k8s-summary > div:nth-child(2) {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(912px, 53.6fr) minmax(784px, 46.4fr);
  grid-template-columns: minmax(912px, 53.6fr) minmax(784px, 46.4fr);
  -ms-grid-rows: 220px minmax(104px, calc(100vh - 697px - var(--k8s-scroll-thickness)));
  grid-template-rows: 220px minmax(104px, calc(100vh - 697px - var(--k8s-scroll-thickness)));
  gap: 8px;
  --k8s-scroll-thickness: 0px;
}
.view-wrapper-k8s-summary-service {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  min-width: 1704px;
  min-height: 747px;
  --k8s-scroll-thickness: 0px;
}
.view-wrapper-k8s-summary-service .k8s_service_wrap_each {
  display: grid;
  display: -ms-grid;
  grid-template-columns: minmax(298px, 17.7fr) 238px minmax(365px, 21.675fr) minmax(355px, 21.675fr) minmax(430px, 21.675fr);
  grid-template-rows: 32px 211px;
  gap: 1px;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.view-wrapper-k8s-summary-service > div:first-child {
  grid-column: 1/6;
}
.view-wrapper-k8s-summary-service > div {
  background: #353D42;
}
.view-wrapper-k8s-summary-service article {
  margin: 4px 4px 1px 4px;
}
.view-wrapper-k8s-summary-service .service-group {
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #50585D;
}
.view-wrapper-k8s-summary-service.summary-view-table--x table {
  table-layout: fixed;
}
.view-wrapper-k8s-summary-service.summary-view-table--x table tr > th:nth-child(1), .view-wrapper-k8s-summary-service.summary-view-table--x table tr > td:nth-child(1) {
  width: calc(100% - 10.5em - 2px);
}
.view-wrapper-k8s-summary-service.summary-view-table--x table tr > th:nth-child(2), .view-wrapper-k8s-summary-service.summary-view-table--x table tr > td:nth-child(2) {
  width: 5.25em;
}
.view-wrapper-k8s-summary-service .k8s_service_chart_title {
  top: -6px;
  position: relative;
  color: #aab9c1;
}
.view-wrapper-k8s-summary-detail {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 232px 288px 220px;
  grid-template-rows: 232px 288px 220px;
  -ms-grid-column: 1fr;
  grid-template-columns: 1fr;
  gap: 14px;
  padding: 14px;
  /*width 380px 900px 314px*/
}
.view-wrapper-k8s-summary-detail > section:nth-child(1) {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 380px 900px 314px;
  grid-template-columns: 380px 900px 314px;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 14px;
}
.view-wrapper-k8s-summary-detail article {
  width: 100%;
  height: 100%;
}
.view-wrapper-k8s-summary-detail .detail-title-bg {
  background: #353D42;
}
.view-wrapper-k8s-summary-detail .detail-title-bg select {
  background: #3E474C;
}
.view-wrapper-k8s .cluster-status-detail {
  padding: 7px 20px 10px 10px;
}
.view-wrapper-k8s .cluster-status-detail table {
  height: 194px;
}
.view-wrapper-k8s .cluster-status-detail table tr:nth-child(1) {
  border-top: 1px solid rgba(83, 91, 95, 0.7);
  border-left: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}
.view-wrapper-k8s .cluster-status-detail table tr:not(:first-child) {
  border-left: 1px solid rgba(83, 91, 95, 0.7);
  border-right: 1px solid rgba(83, 91, 95, 0.7);
}
.view-wrapper-k8s .summary-view-grid-item-k8s {
  overflow: hidden;
  background: #353d42;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  position: relative;
}
.view-wrapper-k8s .summary-view-row-span-2-k8s {
  -ms-grid-row-span: 2;
  grid-row: 1/span 2;
}
.view-wrapper-k8s .summary-executive-msg-k8s {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex: 1 0 0;
  align-self: stretch;
  font-size: 24px;
  font-weight: bold;
  color: #ff9130;
}
.view-wrapper-k8s .event-title {
  background: #353D42;
}
.view-wrapper-k8s .event-card-k8s {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 33px auto;
  grid-template-rows: 33px auto;
}
.view-wrapper-k8s .summary-item-title-k8s {
  display: flex;
  height: 32px;
  padding: 0px 8px 0px 8px;
  align-items: center;
  justify-content: space-between;
}
.view-wrapper-k8s .summary-service-title-k8s {
  display: flex;
  height: 35px;
  padding: 0px 8px 0px 8px;
  align-items: center;
  justify-content: space-between;
  grid-column: 1/-1;
}
.view-wrapper-k8s .linb {
  border-bottom: 1px solid;
}
.view-wrapper-k8s .linb-fa {
  border-bottom: 1px solid #353D42;
}
.view-wrapper-k8s .linb-sa {
  border-bottom: 1px solid #50585D;
}
.view-wrapper-k8s h3 {
  font-size: 12px;
  font-weight: 700;
  color: #aab9c1;
}
.view-wrapper-k8s .summary-item-title-sub-k8s {
  display: flex;
  gap: 15px;
  justify-content: center;
  position: relative;
}
.view-wrapper-k8s .summary-view-item-select-k8s {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 11px;
  font-size: 11px;
  font-style: normal;
  line-height: 16px;
}
.view-wrapper-k8s .card-wrapper-k8s {
  display: -ms-grid;
  display: grid;
  --col: 3;
  -ms-grid-columns: minmax(90px, 1fr) minmax(90px, 1fr) minmax(90px, 1fr);
  grid-template-columns: repeat(var(--col), minmax(90px, 1fr));
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 1px;
  background-color: #353d42;
}
.view-wrapper-k8s .card-wrapper-k8s .card-item-k8s {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  background: #434D54;
}
.view-wrapper-k8s .card-wrapper-k8s-col-2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(90px, 1fr) minmax(90px, 1fr) minmax(90px, 1fr);
  grid-template-columns: repeat(2, minmax(100px, 1fr));
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 1px;
  background-color: #353d42;
}
.view-wrapper-k8s .card-wrapper-k8s-col-2 .card-item-k8s {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  height: 91px;
  background: #434D54;
}
.view-wrapper-k8s .txt-light-color {
  color: #AAB9C1;
}
.view-wrapper-k8s .txt-peak-color {
  font-size: 11px;
  font-weight: normal;
  color: #2fc4b2;
}
.view-wrapper-k8s .cluster-status-k8s {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 33px 152px auto;
  grid-template-rows: 33px 152px auto;
}
.view-wrapper-k8s .cluster-detail-k8s {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(688px, 688fr) minmax(358px, 358fr);
  grid-template-columns: minmax(688px, 688fr) minmax(358px, 358fr);
  height: 100%;
}
.view-wrapper-k8s .cluster-detail-k8s > div {
  align-self: center;
}
.view-wrapper-k8s .cluster-detail-k8s .cluster-detail-view-k8s {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 40px 206px;
  grid-template-rows: 40px 206px;
  overflow: hidden;
  padding: 0px 10px;
  position: relative;
  z-index: 5;
  background: #353d42;
}
.view-wrapper-k8s .cluster-detail-k8s .cluster-detail-view-k8s > div:nth-child(1) {
  padding: 8px;
  border: 1px solid #50585D;
}
.view-wrapper-k8s .cluster-detail-k8s .cluster-detail-view-k8s > div:nth-child(2) {
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #50585D;
}
.view-wrapper-k8s .container-status-alert-bar-k8s {
  display: flex;
  gap: 20px;
  height: 28px;
  border-bottom: 1px solid #50585D;
  background: #434D54;
  justify-content: center;
  align-items: center;
}
.view-wrapper-k8s .container-status-alert-bar-k8s > * {
  display: flex;
  gap: 10px;
  align-items: center;
}
.view-wrapper-k8s .container-status-alert-bar-k8s > * > div:first-child {
  font-size: 12px;
  font-style: normal;
  line-height: normal;
}
.view-wrapper-k8s .container-status-alert-bar-k8s > * > div:last-child {
  font-size: 14px;
  font-style: normal;
  line-height: normal;
}
.view-wrapper-k8s .container-chart-area-k8s {
  display: grid;
  display: -ms-grid;
  --container-cols: 1;
  -ms-grid-columns: repeat(var(--container-cols), minmax(calc(900px / var(--container-cols)), 1fr));
  grid-template-columns: repeat(var(--container-cols), minmax(calc(900px / var(--container-cols)), 1fr));
  min-width: 910px;
  position: relative;
  height: calc(100% - 61px);
  min-height: 269px;
}
.view-wrapper-k8s .container-chart-area-k8s-detail {
  height: calc(100% - 61px);
  min-height: calc(100% - 61px);
}
.view-wrapper-k8s .container-chart-area-k8s > * {
  flex-grow: 2;
}
.view-wrapper-k8s .service-container-chart-area-k8s {
  display: grid;
  display: -ms-grid;
  --container-cols: 1;
  -ms-grid-columns: repeat(var(--container-cols), minmax(calc(363.5px / var(--container-cols)), 1fr));
  grid-template-columns: repeat(var(--container-cols), minmax(calc(363.5px / var(--container-cols)), 1fr));
  min-width: 363.5px;
  position: relative;
  height: calc(100% - 61px);
  min-height: 187px;
  border: none;
}
.view-wrapper-k8s .service-container-chart-area-k8s-detail {
  height: calc(100% - 61px);
  min-height: calc(100% - 61px);
}
.view-wrapper-k8s .service-container-chart-area-k8s > * {
  flex-grow: 1;
}
.view-wrapper-k8s .common_chart_title {
  position: relative;
  height: 20px;
  padding: 8px 10px;
  z-index: 12;
  color: #aab9c1;
}
.view-wrapper-k8s #templateLineChart {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
}
.view-wrapper-k8s #templateLineChart4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(4, 1fr);
  grid-template-columns: repeat(4, 1fr);
}
.view-wrapper-k8s .empty-cluster {
  display: flex;
  height: 244px;
  justify-content: center;
  align-items: center;
  gap: 1px;
  align-self: stretch;
  background: #323A3F;
}
.view-wrapper-k8s .nodata-box {
  display: flex;
  height: 31px;
  padding: 0px 10px;
  align-items: center;
}
.view-wrapper-k8s .cluster-nodata-box {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #323A3F;
  margin-left: 10px;
  flex-grow: 1;
  position: relative;
  height: 246px;
}
.view-wrapper-k8s .summary-table tr > th {
  color: #AAB9C1;
}
.view-wrapper-k8s .summary-table tr td.txt_l span.ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fs-11 {
  font-size: 11px !important;
  font-style: normal;
  line-height: normal;
}
.fs-12 {
  font-size: 12px !important;
  font-style: normal;
  line-height: normal;
}
.fs-14 {
  font-size: 14px !important;
  font-style: normal;
  line-height: normal;
}
.fs-16 {
  font-size: 16px !important;
  font-style: normal;
  line-height: normal;
}
.fs-30 {
  font-size: 30px !important;
  font-style: normal;
  line-height: normal;
}
.fs-20 {
  font-size: 20px !important;
  font-style: normal;
  line-height: normal;
}
.fs-28 {
  font-size: 28px !important;
  font-style: normal;
  line-height: normal;
}

.fw-700 {
  font-weight: 700 !important;
}
.fw-400 {
  font-weight: 400 !important;
}

.perf-table-k8s {
  display: -ms-grid;
  display: grid;
  padding: 8px;
}
.perf-table-k8s-cluster {
  -ms-grid-columns: minmax(85px, 85fr) minmax(219px, 219fr);
  grid-template-columns: minmax(85px, 85fr) minmax(219px, 219fr);
}
.perf-table-k8s-clusterD {
  -ms-grid-columns: minmax(85px, 85fr) minmax(235px, 235fr);
  grid-template-columns: minmax(85px, 85fr) minmax(235px, 235fr);
}
.perf-table-k8s-serviceD {
  -ms-grid-columns: minmax(85px, 85fr) minmax(208px, 208fr);
  grid-template-columns: minmax(85px, 85fr) minmax(208px, 208fr);
}
.perf-table-k8s-topology-clusterD, .perf-table-k8s-nodeD, .perf-table-k8s-topologyD, .perf-table-k8s-containerD {
  -ms-grid-columns: minmax(65px, 65fr) minmax(209px, 209fr);
  grid-template-columns: minmax(65px, 65fr) minmax(209px, 209fr);
}
.perf-table-k8s-topology-clusterD div:nth-child(2n-1), .perf-table-k8s-nodeD div:nth-child(2n-1), .perf-table-k8s-topologyD div:nth-child(2n-1), .perf-table-k8s-containerD div:nth-child(2n-1) {
  padding-left: 8px !important;
}
.perf-table-k8s-topology-clusterD div:nth-child(2n), .perf-table-k8s-nodeD div:nth-child(2n), .perf-table-k8s-topologyD div:nth-child(2n), .perf-table-k8s-containerD div:nth-child(2n) {
  padding: 0px 10px 0px 8px !important;
  font-size: 11px !important;
}
.perf-table-k8s div:nth-child(2n-1) {
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-left: 10px;
}
.perf-table-k8s div:nth-child(2n) {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0px 8px;
}
.perf-table-k8s .hor_grp_box {
  width: auto !important;
}
.perf-table-k8s #avg_cpuusage .bar,
.perf-table-k8s #cpuusage .bar {
  background-color: #1CA0E8 !important;
}
.perf-table-k8s #avg_memusedpct .bar,
.perf-table-k8s #memusedpct .bar,
.perf-table-k8s #rssmem .bar {
  background-color: #2FC4B2 !important;
}
.perf-table-k8s #diskused .bar {
  background-color: #66A4FF !important;
}

.align-items-k8s {
  display: flex;
  align-items: center;
}
.align-items-k8s > * {
  flex-grow: 1;
}

.align-service-items-k8s {
  display: flex;
  align-items: center;
}

.card-wrapper-k8s .state_color#alert_10 {
  color: #ffffff;
  background-color: #56bbfb !important;
}
.card-wrapper-k8s .state_color#alert_20 {
  color: #ffffff;
  background-color: #ffc439 !important;
}
.card-wrapper-k8s .state_color#alert_30 {
  color: #ffffff;
  background-color: #ff9130 !important;
}
.card-wrapper-k8s .state_color#alert_40 {
  color: #ffffff;
  background-color: #c54ce8 !important;
}
.card-wrapper-k8s .state_color#alert_50 {
  color: #ffffff;
  background: #f43b51 !important;
}
.card-wrapper-k8s .state_color#alert_Normal {
  color: #ffffff;
  background: #56bbfb !important;
}
.card-wrapper-k8s .state_color#alert_Warning {
  color: #ffffff;
  background: #f43b51 !important;
}
.card-wrapper-k8s .state_color > h3 {
  color: #ffffff;
}
.card-wrapper-k8s #alert_total {
  background: #50585D;
}

.k8s-map-tooltip .container-detail-wrap {
  display: grid;
  width: 274px;
  height: 262px;
  padding: 10px;
  grid-template-rows: 32px 110px 100px;
  gap: 10px;
}
.k8s-map-tooltip .container-detail-wrap .bar_bg {
  background-color: #F2F3F4;
}
.k8s-map-tooltip .container-detail-wrap .txt {
  color: #353c40;
}

.k8s-map-tooltip .topology-detail-wrap {
  display: grid;
  min-width: 274px;
  padding: 10px;
  gap: 10px;
}
.k8s-map-tooltip .topology-detail-wrap .bar_bg {
  background-color: #F2F3F4;
}
.k8s-map-tooltip .topology-detail-wrap .txt {
  color: #353c40;
}
.k8s-map-tooltip .topology-detail-wrap .endpoint_hosts {
  width: calc(100% - 37px);
}
.k8s-map-tooltip .topology-detail-wrap .endpoint_cnt {
  width: 32px;
  margin-left: 5px;
}

.k8s-map-tooltip .topology-detail-wrap > div:nth-child(1),
.k8s-map-tooltip .container-detail-wrap > div:nth-child(1) {
  padding: 0px 10px 0px 10px;
  background: #F2F3F4;
}
.k8s-map-tooltip .topology-detail-wrap > div:nth-child(1) .tooltipTitle,
.k8s-map-tooltip .container-detail-wrap > div:nth-child(1) .tooltipTitle {
  display: inline-block;
  height: 15px;
}
.k8s-map-tooltip .topology-detail-wrap > div:nth-child(2) ul,
.k8s-map-tooltip .container-detail-wrap > div:nth-child(2) ul {
  list-style-type: disc;
  padding-inline-start: 20px;
  font-size: 11px;
}
.k8s-map-tooltip .topology-detail-wrap > div:nth-child(2) ul li,
.k8s-map-tooltip .container-detail-wrap > div:nth-child(2) ul li {
  display: list-item;
  padding-top: 2px;
}
.k8s-map-tooltip .topology-detail-wrap > div:nth-child(2) ul li::marker,
.k8s-map-tooltip .container-detail-wrap > div:nth-child(2) ul li::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0px !important;
  text-align: start !important;
  text-align-last: start !important;
}
.k8s-map-tooltip .topology-detail-wrap > div:nth-child(2) ul li > div,
.k8s-map-tooltip .container-detail-wrap > div:nth-child(2) ul li > div {
  width: 100%;
  height: 14px;
}
.k8s-map-tooltip .topology-detail-wrap > div:nth-child(3),
.k8s-map-tooltip .container-detail-wrap > div:nth-child(3) {
  border-top: 1px solid #C5CCD0;
  padding: 10px 0px 0px 0px;
}

.info_json_item {
  scrollbar-face-color: #666e73;
  scrollbar-shadow-color: #2c3135;
  scrollbar-highlight-color: #2c3135;
  scrollbar-3dlight-color: #2c3135;
  scrollbar-darkshadow-color: #2c3135;
  scrollbar-track-color: #2c3135;
  scrollbar-arrow-color: #666e73;
  scrollbar-corner-color: #2c3135;
  scrollbar-width: thin;
  scrollbar-color: #666e73 #2c3135;
}
.info_json_item::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.info_json_item::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 12px / 4);
}
.info_json_item::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 12px / 4);
  border: max(1px, 12px / 4) solid #2c3135 !important;
}
.info_json_item::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
.info_json_item::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
.info_json_item::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
.info_json_item::-webkit-scrollbar-button {
  display: none;
}

.json_theme {
  --json_item_height: 21px;
  --json_line_bg: #434d54;
  position: relative;
  overflow: auto;
  counter-reset: row 0;
}

.json_delete_red {
  background-color: rgba(116, 22, 56, 0.4) !important;
}
.json_delete_red_word {
  background-color: #741638 !important;
}
.json_add_blue {
  background-color: rgba(6, 36, 81, 0.4) !important;
}
.json_add_blue_word {
  background-color: #062451 !important;
}
.json_part_green {
  background-color: rgba(20, 116, 58, 0.4) !important;
}
.json_part_green_word {
  background-color: #14743A !important;
}
.json_current_sky {
  background-color: rgba(0, 81, 255, 0.37) !important;
}

div .json_buffer_empty {
  background-color: #33393E;
}

.k8s_cluster_caution {
  margin-left: 5px;
  padding-left: 8px;
  padding-right: 8px;
  background: url(../images/icons/alert_caution.svg) 0% 100% no-repeat;
}

.sdn-tenants-topology {
  border: 0 !important;
}
.sdn-tenants-topology .legend {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 115px;
  height: 32px;
  padding: 11px 10px;
  border: 1px solid #3F484D;
  border-radius: 5px;
  background-color: #2C3135;
  z-index: 999;
}
.sdn-tenants-topology .legend div {
  height: 13px;
}
.sdn-tenants-topology .legend div:first-child {
  padding-bottom: 6px;
}
.sdn-tenants-topology .legend div span {
  display: inline-block;
  height: inherit;
}
.sdn-tenants-topology .legend div span:first-child {
  width: 50px;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
}
.sdn-tenants-topology .legend div span:last-child {
  float: right;
  width: 61px;
  background-repeat: no-repeat;
}
.sdn-tenants-topology .legend div span.icon-provider {
  background-image: url(../images/sdn/topology/icon_legend_provider.svg);
}
.sdn-tenants-topology .legend div span.icon-consumer {
  background-image: url(../images/sdn/topology/icon_legend_consumer.svg);
}

.common-topology-tooltip {
  position: absolute;
  min-width: 250px;
  max-width: 400px;
  font-size: 11px;
  color: #E3E3E8;
  background-color: #353d42;
  border: 1px solid #535b5f;
  border-radius: 3px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.6);
  z-index: 9999;
}
.common-topology-tooltip table {
  table-layout: fixed;
}
.common-topology-tooltip table tr:not(:last-child) {
  border-bottom: 1px solid #50585D;
}
.common-topology-tooltip table tr td {
  padding: 8px 10px;
  vertical-align: middle;
  color: #ffffff;
}
.common-topology-tooltip table tr td:first-child {
  min-width: 70px;
  max-width: 100px;
  font-weight: bold;
  border-right: 1px solid #50585D;
}
.common-topology-tooltip table tr td:last-child {
  min-width: 180px;
  max-width: 300px;
}
.common-topology-tooltip table tr td span {
  line-height: normal;
  white-space: pre-wrap;
  word-break: break-word;
}

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

.sdn_topology_tooltip {
  font-family: "맑은 고딕", Malgun Gothic;
}
.sdn_topology_tooltip_title {
  font-size: 16px;
  height: 34px !important;
  width: 248px !important;
}
.sdn_topology_tooltip_th {
  font-size: 11px;
  font-weight: bold;
  height: 30px !important;
  width: 100px !important;
}
.sdn_topology_tooltip_td {
  font-size: 10px;
  height: 30px !important;
  width: 148px !important;
}