@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_popupStyle.scss */
/* --------------------------------------------------- ^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 .:.
------------------------------------------------------------ */
.pop_header {
  position: relative;
  width: 100%;
  height: 22px;
  padding-top: 8px;
  background: black;
}

.pop_header .txt {
  padding-left: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #D5D5DB;
}

.pop_header .btn_box {
  position: absolute;
  top: 4px;
  right: 0;
}

.pop_header .btn_box li {
  float: left;
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-align: center;
  text-decoration: none;
  text-indent: -1000em;
}

.pop_header .btn_box li a {
  display: block;
  overflow: hidden;
  width: 22px;
  height: 20px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  text-decoration: none;
  text-indent: -1000em;
}

.pop_header .btn_refresh a {
  width: 22px;
  height: 20px;
  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%;
}
.pop_header .btn_refresh a:hover, .pop_header .btn_refresh 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='%23a0cf9b'%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%;
}
.pop_header .btn_refresh 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='%23389430'%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%;
}

.pop_header .btn_setting a {
  width: 22px;
  height: 20px;
  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%;
}
.pop_header .btn_setting a:hover, .pop_header .btn_setting 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='%23a0cf9b'%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%;
}
.pop_header .btn_setting 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='%23389430'%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%;
}

.pop_header .btn_close a {
  width: 22px;
  height: 20px;
  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 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%;
}
.pop_header .btn_close a:hover, .pop_header .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='%23a0cf9b'%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%;
}
.pop_header .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='%23389430'%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%;
}

.pop_s_header {
  position: relative;
  width: 100%;
  height: 38px;
  line-height: 36px;
  background: black;
}

.pop_s_header .txt {
  padding-left: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #D5D5DB;
}

.pop_s_header .btn_box {
  position: absolute;
  top: 8px;
  right: 0;
}

.pop_s_header .btn_box li {
  float: left;
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-align: center;
  text-decoration: none;
  text-indent: -1000em;
}

.pop_s_header .btn_box li a {
  display: block;
  overflow: hidden;
  width: 22px;
  height: 20px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  text-decoration: none;
  text-indent: -1000em;
}

.pop_s_header .btn_refresh a {
  width: 22px;
  height: 20px;
  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%;
}
.pop_s_header .btn_refresh a:hover, .pop_s_header .btn_refresh 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='%23a0cf9b'%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%;
}
.pop_s_header .btn_refresh 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='%23389430'%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%;
}

.pop_s_header .btn_setting a {
  width: 22px;
  height: 20px;
  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%;
}
.pop_s_header .btn_setting a:hover, .pop_s_header .btn_setting 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='%23a0cf9b'%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%;
}
.pop_s_header .btn_setting 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='%23389430'%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%;
}

.pop_s_header .btn_close a {
  width: 22px;
  height: 20px;
  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 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%;
}
.pop_s_header .btn_close a:hover, .pop_s_header .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='%23a0cf9b'%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%;
}
.pop_s_header .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='%23389430'%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%;
}

.pop_footer {
  padding-top: 3px;
  height: 28px;
  padding-right: 10px;
  background-color: #353c40;
  border-top: 1px solid #151c1f;
  text-align: right;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.popup_txt_ip {
  color: #9f9f9f;
}

.popup_btn_bar {
  padding-left: 5px;
  height: 28px;
  line-height: 26px;
  background: #2c3135;
  box-shadow: inset 0 -1px 0 0 #353c40;
}

.popup_btn_bar .input1, .popup_radio_bar .input1 {
  border: 1px solid #151c1f;
}

.popup_btn_bar select, .popup_radio_bar select {
  border: 1px solid #151c1f;
}

.popup_btn_bar1 {
  margin-top: 10px;
  padding-left: 5px;
  height: 26px;
  border-bottom: 1px solid #353c40;
}

.popup_btn_bar2 {
  padding-top: 10px;
  padding-left: 5px;
  height: 26px;
  border-bottom: 1px solid #353c40;
}

.popup_radio_bar {
  padding-left: 3px;
  height: 28px;
  line-height: 26px;
  background: #2c3135;
  box-shadow: inset 0 -1px 0 0 #353c40;
}

.popup_title_bar {
  position: relative;
  height: 28px;
  line-height: 26px;
  padding-left: 10px;
  font-size: 11px;
  font-weight: bold;
  background: #2c3135;
  border-bottom: 1px solid rgba(83, 91, 95, 0.7);
}

/* 이벤트 */
.popup_event {
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 540px;
  height: 200px;
  border: 1px solid #535b5f;
  background-color: #353d42;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.8);
  z-index: 1000;
}

.popup_event .pop_s {
  position: absolute;
  right: 0;
  bottom: 196px;
  width: 185px;
  z-index: 1100;
}

.popup_event .pop_s .cont {
  margin-bottom: 4px;
  padding: 0;
  background: #535b5f;
  border: 1px solid #666e73;
}

.popup_event .pop_s .cont .btn_x a {
  width: 9px;
  height: 8px;
  position: absolute;
  right: 4px;
  top: 5px;
  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='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: 8px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.popup_event .pop_s .btn_box {
  padding: 2px 5px 2px;
  border-top: 1px solid #353c40;
  text-align: right;
}

.popup_event .pop_s .footer {
  width: 9px;
  height: 5px;
  position: absolute;
  right: 29px;
  bottom: 0;
  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%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 8px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* 이벤트2 */
.popup_event2 {
  position: absolute;
  right: 2px;
  bottom: 212px;
  width: 540px;
  height: 200px;
  border: 1px solid #535b5f;
  background-color: #353d42;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.8);
  z-index: 1000;
}

.popup_event2 .pop_s {
  position: absolute;
  right: 0;
  bottom: 196px;
  width: 160px;
  z-index: 1100;
}

.popup_event2 .pop_s .cont {
  margin-bottom: 4px;
  padding: 0;
  background: #535b5f;
  border: 1px solid #666e73;
}

.popup_event2 .pop_s .cont .btn_x a {
  width: 9px;
  height: 8px;
  position: absolute;
  right: 4px;
  top: 5px;
  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='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: 8px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.popup_event2 .pop_s .btn_box {
  padding: 2px 5px 2px;
  border-top: 1px solid #353c40;
  text-align: right;
}

.popup_event2 .pop_s .footer {
  width: 9px;
  height: 5px;
  position: absolute;
  right: 29px;
  bottom: 0;
  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%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 8px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* 스마트진단*/
.popup_smart {
  position: absolute;
  right: 2px;
  bottom: 207px;
  width: 540px;
  height: 207px;
  border: 1px solid #535b5f;
  background-color: #353d42;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.8);
  z-index: 1000;
}

.popup_smart .pop_s {
  position: absolute;
  right: 0;
  bottom: 203px;
  width: 160px;
  z-index: 1100;
}

.popup_smart .pop_s .cont {
  margin-bottom: 4px;
  padding: 0;
  background: #535b5f;
  border: 1px solid #666e73;
}

.popup_smart .pop_s .cont .btn_x a {
  width: 9px;
  height: 8px;
  position: absolute;
  right: 4px;
  top: 5px;
  background: url(../images/com/pop_s_btn_close.png) no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.popup_smart .pop_s .btn_box {
  padding: 2px 5px 2px;
  border-top: 1px solid #353c40;
  text-align: right;
}

.popup_smart .pop_s .footer {
  width: 9px;
  height: 5px;
  position: absolute;
  right: 29px;
  bottom: 0;
  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%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 8px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* 스마트진단2*/
.popup_smart2 {
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 540px;
  height: 207px;
  border: 1px solid #535b5f;
  background-color: #353d42;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.8);
  z-index: 1000;
}

.popup_smart2 .pop_s {
  position: absolute;
  right: 0;
  bottom: 203px;
  width: 160px;
  z-index: 1100;
}

.popup_smart2 .pop_s .cont {
  margin-bottom: 4px;
  padding: 0;
  background: #535b5f;
  border: 1px solid #666e73;
}

.popup_smart2 .pop_s .cont .btn_x a {
  width: 9px;
  height: 8px;
  position: absolute;
  right: 4px;
  top: 5px;
  background: url(../images/com/pop_s_btn_close.png) no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.popup_smart2 .pop_s .btn_box {
  padding: 2px 5px 2px;
  border-top: 1px solid #353c40;
  text-align: right;
}

.popup_smart2 .pop_s .footer {
  width: 9px;
  height: 5px;
  position: absolute;
  right: 29px;
  bottom: 0;
  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%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 8px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* 감시설정등록 popup_watch_add는 임계치 영역 추가/삭제 기능이 없는 팝업 popup_watch_add2는 추가/삭제 기능이 있는 팝업*/
.popup_watch_add {
  width: 1000px;
  height: 740px;
  background: #353d42;
}

.popup_watch_add2 {
  width: 1050px;
  height: 740px;
  background: #353d42;
}

.popup_watch_add3 {
  width: 1150px;
  height: 740px;
  background: #353d42;
}

/* DBMS감시설정등록*/
.popup_watch_add4 {
  width: 1100px;
  height: 740px;
  background: #353d42;
}

/* DBMS감시설정수정-추가/삭제 기능이 없는 팝업*/
/* MRTG */
.popup_mrtg {
  width: 520px;
  height: 700px;
}

.pop_header_mrtg {
  position: relative;
  width: 520px;
  height: 64px;
  z-index: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background: black;
  color: #aeb7bb;
}

.pop_header_mrtg .title_box {
  position: absolute;
  top: 0;
  left: 0;
  height: 64px;
  width: 80px;
  background: url(../images/icons/icon_detail_mrtg.png) no-repeat 10px 9px;
}

.pop_header_mrtg .txt_title {
  padding-left: 70px;
  padding-top: 9px;
  line-height: 14px;
  font-weight: bold;
}

.pop_header_mrtg .txt_title span.title_num {
  font-size: 11px;
  font-weight: bold;
  color: #D5D5DB;
}

.pop_header_mrtg .txt_name {
  padding-left: 70px;
  padding-top: 7px;
  line-height: 16px;
}

.pop_header_mrtg .txt_name span {
  font-size: 16px;
  line-height: 16px;
  color: #D5D5DB;
}

.pop_header_mrtg .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='%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%;
}
.pop_header_mrtg .btn_refresh a:hover, .pop_header_mrtg .btn_refresh 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='%23a0cf9b'%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%;
}
.pop_header_mrtg .btn_refresh 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='%23389430'%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%;
}

.popup_mrtg .section {
  position: relative;
  width: 520px;
  height: 313px;
  border-bottom: 1px solid #151c1f;
  background: #353d42;
}

.popup_mrtg .section .title {
  height: 21px;
  padding-top: 7px;
  padding-left: 7px;
  font-weight: bold;
}

.popup_mrtg .section .btn_box {
  position: absolute;
  top: 8px;
  right: 7px;
  height: 21px;
}

.popup_mrtg .section .btn_box_new {
  position: absolute;
  top: -13px;
  right: 7px;
  height: 21px;
}

.popup_mrtg .section .graph {
  text-align: center;
}

.popup_mrtg .section .txt_s {
  font-size: 10px;
  font-weight: normal;
}

/* MRTG 범례영역 확장*/
.popup_mrtg_ex {
  width: 100%;
  height: 700px;
}

.pop_header_mrtg_ex {
  position: relative;
  width: 760px;
  height: 64px;
  z-index: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background: black;
  color: #aeb7bb;
}

.pop_header_mrtg_ex .title_box {
  position: absolute;
  top: 0;
  left: 0;
  height: 64px;
  width: 80px;
  background: url(../images/icons/icon_detail_mrtg.png) no-repeat 10px 9px;
}

.pop_header_mrtg_ex .txt_title {
  padding-left: 70px;
  padding-top: 9px;
  line-height: 14px;
  font-weight: bold;
}

.pop_header_mrtg_ex .txt_title span.title_num {
  font-size: 11px;
  font-weight: bold;
  color: #D5D5DB;
}

.pop_header_mrtg_ex .txt_name {
  padding-left: 70px;
  padding-top: 6px;
  line-height: 14px;
}

.pop_header_mrtg_ex .txt_name span {
  font-size: 16px;
  line-height: 16px;
  color: #D5D5DB;
}

.pop_header_mrtg_ex .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='%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%;
}
.pop_header_mrtg_ex .btn_refresh a:hover, .pop_header_mrtg_ex .btn_refresh 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='%23a0cf9b'%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%;
}
.pop_header_mrtg_ex .btn_refresh 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='%23389430'%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%;
}

.popup_mrtg_ex .section {
  position: relative;
  width: 860px;
  height: 313px;
  border-bottom: 1px solid #151c1f;
  background: #353d42;
}

.popup_mrtg_ex .section .title {
  height: 21px;
  padding-top: 7px;
  padding-left: 7px;
  font-weight: bold;
}

.popup_mrtg_ex .section .btn_box {
  position: absolute;
  top: 8px;
  right: 7px;
  height: 21px;
}

.popup_mrtg_ex .section .btn_box_new {
  position: absolute;
  top: -13px;
  right: 7px;
  height: 21px;
}

.popup_mrtg_ex .section .graph {
  height: 283px;
  text-align: center;
}

.popup_mrtg_ex .section .txt_s {
  font-size: 10px;
  font-weight: normal;
}

.popup_mrtg_ex .section .extable_box {
  position: absolute;
  top: 24px;
  right: 14px;
  height: 263px;
  width: 380px;
}

/* 그룹추가-사용자 공유 */
.popup_group_joint {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  height: 450px;
  margin-left: -300px;
  margin-top: -225px;
  border: 1px solid #535b5f;
  background-color: #353d42;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.8);
  z-index: 1000;
}

.popup_group_joint .box_l {
  float: left;
  width: 280px;
  height: 360px;
}

.popup_group_joint .box_r {
  float: left;
  width: 280px;
  height: 360px;
}

.popup_group_joint .btn_send_box {
  float: left;
  width: 38px;
  height: 203px;
  padding-top: 157px;
  background-color: #535b5f;
  border-left: 1px solid #666e73;
  border-right: 1px solid #666e73;
  text-align: center;
}

/* 운영관리 역할등록 */
.popup_oper {
  background-color: #353d42;
}

.popup_oper .box_th {
  height: 28px;
  background-color: #535b5f;
  border-right: 1px solid #666e73;
  border-bottom: 1px solid #666e73;
  font-weight: bold;
  vertical-align: middle;
}

.popup_oper .box_td {
  border-right: 1px solid #535b5f;
  border-bottom: 1px solid #535b5f;
  vertical-align: middle;
}

.popup_oper .end {
  border-right: none;
}

/* 경고 팝업*/
.popup_alert {
  position: absolute;
  top: 50%;
  padding: 2px;
  left: 50%;
  width: 320px;
  height: 133px;
  margin-left: -100px;
  margin-top: -50px;
  border: 1px solid #535b5f;
  background-color: #353d42;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.8);
  z-index: 1500;
}

.popup_alert .btn_x a {
  width: 9px;
  height: 8px;
  position: absolute;
  right: 4px;
  top: 5px;
  background: url(../images/com/pop_s_btn_close.png) no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.popup_alert .cont {
  height: 84px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

.popup_alert .txt {
  height: 30px;
  padding-top: 22px;
}

.popup_alert img {
  padding-right: 10px;
}

.popup_alert .btn_box {
  padding-top: 8px;
  padding-bottom: 6px;
  text-align: center;
  background: #535b5f;
}

/* 프로그램 설치 팝업*/
.popup_setup {
  position: relative;
  background: url(../images/com/bg_download.png) 0 0 no-repeat;
  background-color: #353d42;
  width: 480px;
  height: 238px;
}

.popup_setup_tb {
  margin-left: 170px;
}

.popup_setup_tb .title {
  padding: 18px 20px 10px 0;
  line-height: 28px;
}

.popup_setup_tb .txt {
  padding: 8px 30px 8px 0;
}

.popup_setup_tb .txt_s {
  padding: 0 30px 8px 0;
  font-size: 11px;
  color: #aeb7bb;
  line-height: 13px;
}

.popup_setup .box {
  position: absolute;
  bottom: 8px;
  right: 8px;
}

/* 유지보수 팝업*/
.maintenance_txt {
  text-align: center;
  font-size: 14px;
  color: #f43b51;
  font-weight: bold;
}

/* 도움말 팝업*/
.help_txt {
  background: #535b5f;
  padding: 10px;
  line-height: 1.6;
}

.help_box {
  background: #535b5f;
  border-top: 1px solid #666e73;
  text-align: center;
}

.help_box_txt {
  display: block;
  padding-top: 10px;
  padding-bottom: 14px;
  font-weight: bold;
  color: #E3E3E8;
}

.help_box ul {
  height: 244px;
  padding-left: 20px;
}

.help_box li a {
  float: left;
  margin-right: 14px;
  margin-bottom: 14px;
  width: 168px;
  height: 106px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.help_box li.ems a {
  background: url(../images/com/help_btn_ems.png) no-repeat;
}

.help_box li.sms a {
  background: url(../images/com/help_btn_sms.png) no-repeat;
}

.help_box li.nms a {
  background: url(../images/com/help_btn_nms.png) no-repeat;
}

.help_box li.dbms a {
  background: url(../images/com/help_btn_dbms.png) no-repeat;
}

/* Error 팝업*/
.popup_error .box {
  background: #353d42;
  padding-bottom: 30px;
}

.popup_error .txt_box {
  padding: 30px 30px 30px 100px;
  background: url(../images/icons/alert_caution2.png) no-repeat 42px 38px;
  background-color: #535b5f;
  vertical-align: middle;
}

.popup_error .txt1 {
  font-size: 21px;
  line-height: 30px;
}

.popup_error .txt2 {
  font-size: 12x;
  line-height: 20px;
}

.popup_error_tb {
  width: 400px;
  margin-left: 40px;
  margin-top: 10px;
}

/* 감사보기 팝업*/
.audit_play_box {
  position: relative;
  width: 660px;
  height: 435px;
  background: url(../images/com/audit_icon_play.png) no-repeat 50% 40%;
  background-color: black;
}

.audit_play_box p {
  position: relative;
  top: 240px;
  text-align: center;
  font-size: 12px;
  color: #353d42;
}

/* 설치오류 팝업*/
.setup_error_tb {
  height: 70px;
  background: #535b5f;
}

.setup_error_tb .ic {
  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 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: 24px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.setup_error_tb .txt {
  color: #E3E3E8;
  font-size: 15px;
  line-height: 20px;
  vertical-align: middle;
  padding: 10px 10px 10px 0;
}

.setup_error_txt_box {
  width: 500px;
  height: 65px;
  line-height: 17px;
  padding: 5px 10px 5px 10px;
  overflow: auto;
  overflow-x: hidden;
}

/* 사용자 매뉴얼 다운로드 팝업*/
.manual_down_tb {
  height: 54px;
  background: #535b5f;
}

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

/* 작은 팝업 text 공통 */
.pop_txt_container {
  overflow: auto;
  overflow-x: hidden;
  background: #535b5f;
  color: #E3E3E8;
}

.pop_s_txt {
  padding: 10px 18px;
  line-height: 18px;
}

.pop_subtitle {
  border-bottom: 1px solid #aeb7bb;
  display: inline-block;
  margin-bottom: 15px;
}

.pop_margin_tb3 {
  margin-top: 3px;
  margin-bottom: 3px;
}

.table {
  margin: 0 auto;
  text-align: center;
  overflow: auto;
  display: table;
  table-layout: fixed;
}

.row {
  display: table-row;
  text-align: center;
}

.cell {
  padding: 0 20px 0 20px;
  display: table-cell;
  text-align: center;
}

/* popup용 스크롤바 css */
.pop_scrollbar {
  background: #353d42;
  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;
}
.pop_scrollbar::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.pop_scrollbar::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 12px / 4);
}
.pop_scrollbar::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 12px / 4);
  border: max(1px, 12px / 4) solid #2c3135 !important;
}
.pop_scrollbar::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
.pop_scrollbar::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
.pop_scrollbar::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
.pop_scrollbar::-webkit-scrollbar-button {
  display: none;
}

/* 모니터링 상세보기에서 필요할 경우 예 : SMS/NMS 모니터링 상세보기 > 보안취약점 탭 */
.pop_monitor_scrollbar, #cisco_container, #z_perfSubArea_io {
  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;
}
.pop_monitor_scrollbar::-webkit-scrollbar, #cisco_container::-webkit-scrollbar, #z_perfSubArea_io::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.pop_monitor_scrollbar::-webkit-scrollbar-track, #cisco_container::-webkit-scrollbar-track, #z_perfSubArea_io::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 15px / 4);
}
.pop_monitor_scrollbar::-webkit-scrollbar-thumb, #cisco_container::-webkit-scrollbar-thumb, #z_perfSubArea_io::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 15px / 4);
  border: max(1px, 15px / 4) solid #2c3135 !important;
}
.pop_monitor_scrollbar::-webkit-scrollbar-thumb:hover, #cisco_container::-webkit-scrollbar-thumb:hover, #z_perfSubArea_io::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
.pop_monitor_scrollbar::-webkit-scrollbar-thumb:active, #cisco_container::-webkit-scrollbar-thumb:active, #z_perfSubArea_io::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
.pop_monitor_scrollbar::-webkit-scrollbar-corner, #cisco_container::-webkit-scrollbar-corner, #z_perfSubArea_io::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
.pop_monitor_scrollbar::-webkit-scrollbar-button, #cisco_container::-webkit-scrollbar-button, #z_perfSubArea_io::-webkit-scrollbar-button {
  display: none;
}

.ui-dialog-content div {
  /* 모달창 일 때 */
  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;
}
.ui-dialog-content div::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.ui-dialog-content div::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 12px / 4);
}
.ui-dialog-content div::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 12px / 4);
  border: max(1px, 12px / 4) solid #2c3135 !important;
}
.ui-dialog-content div::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
.ui-dialog-content div::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
.ui-dialog-content div::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
.ui-dialog-content div::-webkit-scrollbar-button {
  display: none;
}

/* 감시설정 */
#alertConditionArea, #alertAreaTB, #alertContent, #alertDataFrm #templateTB {
  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;
}
#alertConditionArea::-webkit-scrollbar, #alertAreaTB::-webkit-scrollbar, #alertContent::-webkit-scrollbar, #alertDataFrm #templateTB::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  cursor: pointer;
}
#alertConditionArea::-webkit-scrollbar-track, #alertAreaTB::-webkit-scrollbar-track, #alertContent::-webkit-scrollbar-track, #alertDataFrm #templateTB::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 12px / 4);
}
#alertConditionArea::-webkit-scrollbar-thumb, #alertAreaTB::-webkit-scrollbar-thumb, #alertContent::-webkit-scrollbar-thumb, #alertDataFrm #templateTB::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 12px / 4);
  border: max(1px, 12px / 4) solid #2c3135 !important;
}
#alertConditionArea::-webkit-scrollbar-thumb:hover, #alertAreaTB::-webkit-scrollbar-thumb:hover, #alertContent::-webkit-scrollbar-thumb:hover, #alertDataFrm #templateTB::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
#alertConditionArea::-webkit-scrollbar-thumb:active, #alertAreaTB::-webkit-scrollbar-thumb:active, #alertContent::-webkit-scrollbar-thumb:active, #alertDataFrm #templateTB::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
#alertConditionArea::-webkit-scrollbar-corner, #alertAreaTB::-webkit-scrollbar-corner, #alertContent::-webkit-scrollbar-corner, #alertDataFrm #templateTB::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
#alertConditionArea::-webkit-scrollbar-button, #alertAreaTB::-webkit-scrollbar-button, #alertContent::-webkit-scrollbar-button, #alertDataFrm #templateTB::-webkit-scrollbar-button {
  display: none;
}

/* overview popup 스크롤 */
#overviewPopupLayer {
  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;
}
#overviewPopupLayer::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
#overviewPopupLayer::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 15px / 4);
}
#overviewPopupLayer::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 15px / 4);
  border: max(1px, 15px / 4) solid #2c3135 !important;
}
#overviewPopupLayer::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
#overviewPopupLayer::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
#overviewPopupLayer::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
#overviewPopupLayer::-webkit-scrollbar-button {
  display: none;
}

/* dbms 의 sql 영역 예 : MSSQL 모니터링 상세보기 > TopSQL 하단 SQL 영역 */
#z_sqltxt {
  overflow-y: auto;
  overflow-x: hidden;
  text-align: top;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-all;
  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_sqltxt::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
#z_sqltxt::-webkit-scrollbar-track {
  background-color: #2c3135;
  padding: max(1px, 15px / 4);
}
#z_sqltxt::-webkit-scrollbar-thumb {
  background: #666e73;
  border-radius: 99px;
  margin: max(1px, 15px / 4);
  border: max(1px, 15px / 4) solid #2c3135 !important;
}
#z_sqltxt::-webkit-scrollbar-thumb:hover {
  background: #727b81;
}
#z_sqltxt::-webkit-scrollbar-thumb:active {
  background: #7f888d;
}
#z_sqltxt::-webkit-scrollbar-corner {
  background-color: #2c3135;
}
#z_sqltxt::-webkit-scrollbar-button {
  display: none;
}