@charset "UTF-8";
@font-face {
  font-family: "pretendardvariable";
  src: url("../font/PretendardVariable.woff2") format("woff2-variations");
  font-weight: 45 620;
  font-style: normal;
  font-display: swap;
}
/* ======  RESET ====== */
html {
  height: 100%;
}

body {
  height: 100%;
  background: #fafafc;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

* {
  margin: 0;
  padding: 0;
  font-family: "pretendardvariable", dotum, AppleGothic, arial, Helvetica, sans-serif;
}

body {
  font-size: 13px;
  font-family: "pretendardvariable", dotum, AppleGothic, arial, Helvetica, sans-serif;
  position: relative;
  overflow: auto;
  letter-spacing: -0.2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333;
}

hr {
  border: 0;
  border-bottom: 1px solid #ebebeb;
  height: 1px;
  margin: 10px 0;
}

table {
  border-collapse: collapse;
  width: 100%;
}

/*a{color:auto; text-decoration:none; cursor:pointer; overflow:hidden}*/
a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  vertical-align: baseline;
}
a img {
  border: 0;
}

img {
  border: 0;
}

ul,
ol {
  list-style: none;
}

fieldset {
  border: none;
}

textarea {
  box-sizing: border-box;
  min-height: 100px;
  padding: 5px 4px;
  vertical-align: top;
  resize: none;
}

input,
textarea,
select {
  white-space: normal;
  word-break: break-all;
  font-size: 14px;
  font-family: "pretendardvariable", 돋움, dotum, AppleGothic, arial, Helvetica, sans-serif;
  color: #3b3b3b;
  border-radius: 6px;
}

input {
  border: 1px solid #cfd1d4;
  background: #fff;
  vertical-align: middle;
  padding: 7px 8px;
}
input[type=text] input[type=password] input[type=number]:focus {
  outline: none;
  border: 1px solid #1c1c1c !important;
}
input[type=text]::-ms-clear {
  display: none;
}
input[type=text], input[type=password], input[type=number] {
  border: 1px solid #dcdee1;
}
input[type=text]::placeholder, input[type=password]::placeholder, input[type=number]::placeholder {
  color: #b1b4bd;
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus {
  border-color: #1c1c1c !important;
  outline: none;
}
input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled {
  background: #eef0f5;
  color: #b1b4bd;
  border-color: #dcdee1 !important;
}

/* ie10 x icon */
textarea {
  padding: 7px 8px;
  border: 1px solid #dcdee1;
}
textarea:focus {
  border: 1px solid #1c1c1c !important;
  outline: none;
}
textarea::placeholder {
  color: #b1b4bd;
}
textarea[disabled] {
  background: #eef0f5;
  border-color: #dcdee1 !important;
  color: #b1b4bd;
}

input[type=text]:hover, input[type=password]:hover, input[type=number]:hover {
  border-color: rgba(0, 0, 0, 0.3);
}

textarea:hover,
select:hover {
  border-color: rgba(0, 0, 0, 0.3);
}

input[type=radio], input[type=checkbox] {
  appearance: none;
  position: relative;
  padding: 4px;
  width: 16px;
  height: 16px;
  border: 1px solid #dcdee1;
  border-radius: 4px;
  vertical-align: middle;
  cursor: pointer;
}
input[type=radio] + label, input[type=checkbox] + label {
  margin-left: 2px !important;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
input[type=radio]:hover, input[type=checkbox]:hover {
  border-color: rgba(0, 0, 0, 0.3);
}
input[type=radio][disabled], input[type=checkbox][disabled] {
  background: #ebeef4;
}
input[type=radio][disabled], input[type=checkbox][disabled] {
  cursor: default;
}
input[type=radio][disabled] + label, input[type=checkbox][disabled] + label {
  cursor: default;
  color: #b1b4bd;
}
input[type=radio][disabled]:hover, input[type=checkbox][disabled]:hover {
  border-color: #dcdee1;
}
input[type=radio][disabled]:checked, input[type=checkbox][disabled]:checked {
  background-color: #d0d2d8;
  border-color: #d0d2d8;
}
input[type=checkbox]:checked {
  background-color: #08a7bf;
  border-color: #08a7bf;
}
input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 3px;
  width: 6px;
  height: 3px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}
input[type=checkbox][disabled]:checked::after {
  border-color: #fff;
}
input[type=radio] {
  border-radius: 12px;
}
input[type=radio]:checked {
  background-color: #fff;
  border-color: #08a7bf;
}
input[type=radio]:checked::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: #08a7bf;
  border-radius: 12px;
}
input[type=radio]:focus {
  outline: none;
  border-color: #08a7bf;
}
input[type=radio][disabled]:checked::after {
  background-color: #fff;
}
input[type=file] {
  padding: 4px 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  border-top-color: #bcbcbc;
  border-bottom-color: #d9d9d9;
  box-shadow: inset 1px 1px 1px rgba(150, 150, 150, 0.1);
}

.select2-dropdown {
  border: 1px solid #eaecef !important;
  border-radius: 6px !important;
}

select {
  border: 1px solid #dcdee1;
  padding: 6px;
  line-height: 150%;
  min-width: 50px;
  vertical-align: middle;
  cursor: pointer;
}
select[disabled] {
  background: #eef0f5;
  color: #959aa1;
  cursor: default;
  border-color: #cdd7dc !important;
}
select:focus {
  outline: none;
}
select.btn_tool {
  padding: 6px;
}
select.btn_tool:hover {
  background: none;
}

.input {
  border: 1px solid #d3d3d3;
  padding: 5px;
  font-weight: bold;
}

/* ====== LAYOUT ====== */
div.tWrap, div.tBody {
  min-width: 1200px;
}
div.tTop {
  height: 39px;
  background: #444;
  border-bottom: 1px solid #1e1e1e;
}
div.admin_tBody {
  position: relative;
  color: #3b3b3b;
}
div.tTabWrap {
  margin: 20px 20px 0;
}
div.tLnb {
  width: 230px;
  float: left;
}
div.tPage {
  margin-left: 232px;
  position: relative;
  padding: 10px 15px 50px;
}
div.tPage h1 {
  border-bottom: 1px solid #d6d6d6;
  padding: 0 0 10px;
  line-height: 100%;
  margin-top: 20px;
}
div.tPage h1:first-child {
  margin-top: 0px;
}
div.tPage h1 span.txt {
  font-size: 16px;
  font-family: "pretendardvariable", 맑은고딕, malgun gothic, dotum, AppleGothic, Helvetica, sans-serif;
  letter-spacing: -1px;
}
div.breadcrumb {
  position: relative;
  margin-left: 264px;
  min-width: 720px;
  padding: 24px 0 8px;
}
div.breadcrumb span {
  color: #9b9c9e;
}
div.breadcrumb .domain {
  display: none;
  position: absolute;
  right: 10px;
  top: 0px;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 29px;
  line-height: 29px;
  font-weight: bold;
}

/* ====== HEADER ====== */
header.go_header h1 {
  width: 200px;
  display: inline-block;
  height: 50px;
  margin-right: 24px;
}
header.go_header h1 a {
  display: inline-block;
  color: #fff;
}
header.go_header h1 a img {
  width: 200px;
  height: 50px;
  vertical-align: middle;
}
header.go_header h1 a span.txt {
  display: block;
  width: 205px;
  height: 38px;
  line-height: 38px;
  font-size: 17px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* gnb */
.tWrap .my_info ul.ctrl li.on {
  background: #2f2f2f;
}
.tWrap .gnb_top_menu {
  z-index: 50;
  position: absolute;
  right: 33px;
  top: 40px;
  min-width: 110px;
  background: #2f2f2f;
  border-radius: 0 0 2px 2px;
}
.tWrap .gnb_top_menu ul li {
  text-align: left;
  height: 28px;
  line-height: 22px;
}
.tWrap .gnb_top_menu ul li a {
  display: block;
  padding: 3px 10px;
  text-align: left !important;
}
.tWrap .gnb_top_menu ul li:hover {
  background: #0b99a1;
}
.tWrap .gnb_top_menu ul li.last {
  border-radius: 0 0 2px 2px;
}
.tWrap .gnb_top_menu ul li.last:hover {
  border-radius: 0 0 2px 2px;
}
.tWrap .gnb_top_menu ul li.bar {
  border-top: 1px solid #1f1f1f;
  border-bottom: 1px solid #3d3d3d;
  height: 0px;
  font-size: 0;
}
.tWrap .gnb_top_menu ul li.bar:hover {
  background: none;
}
.tWrap .gnb_top_menu a {
  color: #cecece;
}
.tWrap nav div.gnb_top_menu {
  right: auto;
}
.tWrap nav div.gnb_top_menu ul li {
  width: 100%;
  padding: 0;
}
.tWrap nav ul li.on_layer {
  background: #2f2f2f;
}
.tWrap nav ul li .ic_more {
  margin-left: 5px;
  vertical-align: middle;
}
.tWrap nav div.gnb_top_menu ul li {
  float: none;
}
.tWrap nav div.gnb_top_menu ul li a {
  float: none;
}
.tWrap header.go_header_2row {
  min-width: 980px;
  padding: 24px 40px 16px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.tWrap header.go_header_2row nav {
  min-width: 500px;
  flex-grow: 1;
}
.tWrap header.go_header_2row nav ul {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.tWrap header.go_header_2row nav ul li {
  display: inline-block;
  position: relative;
}
.tWrap header.go_header_2row nav ul li::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #333;
  transform: translateX(-50%);
  transition: width 0.2s cubic-bezier(0.3, 0.07, 0.33, 1.16);
}
.tWrap header.go_header_2row nav ul li li {
  background-image: none;
}
.tWrap header.go_header_2row nav ul li.bar {
  border-left: 1px solid #1c99a0;
}
.tWrap header.go_header_2row nav ul li:hover::after {
  width: 100%;
}
.tWrap header.go_header_2row nav ul li a {
  display: block;
  padding: 8px;
  color: #1c1c1c;
  font-weight: 400;
  font-size: 16px;
}
.tWrap header.go_header_2row nav ul li.on::after {
  width: 100%;
}
.tWrap header.go_header_2row nav ul li.on a span.menu {
  font-weight: 500;
}
.tWrap header.go_header_2row nav ul li > a {
  text-align: center;
}
.tWrap header.go_header_2row nav ul li span.badge {
  visibility: visible;
  display: inline-block;
  min-width: 20px;
  height: 14px;
  line-height: 14px;
  margin: 0 0 0 5px;
  padding: 1px 2px 1px 0px;
  background-color: #3e3e3e;
  border-radius: 15px;
  font-family: tahoma;
  font-size: 11px;
  letter-spacing: -1px;
  font-weight: normal;
  text-align: center;
  color: #cee633;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
}
.tWrap header.go_header_2row nav ul li.on span.badge {
  background-color: #0d6566;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
  text-align: center;
}
.tWrap header.go_header_2row nav ul li span.sleep_mode {
  min-width: 30px;
  background: #299b52 !important;
  color: #f5fad6;
  font-family: "pretendardvariable", dotum;
  text-align: center;
}
.tWrap header.go_header_2row nav ul li span.menu {
  display: inline-block;
  line-height: 24px;
}
.tWrap header.go_header_2row nav ul li ul li span.menu {
  display: inline-block;
  padding-top: 0px;
  font-weight: normal !important;
  color: #cecece;
}
.tWrap header.go_header_2row nav ul li.more {
  padding: 0;
  min-width: 26px;
  text-align: center;
}
.tWrap header.go_header_2row nav ul li.more a {
  padding: 0;
}
.tWrap header.go_header_2row nav ul li.more span.more {
  display: inline-block;
  min-width: 15px;
  height: 38px;
  background: url(../images/btn_my.png) no-repeat -100px 9px;
}
.tWrap header.go_header_2row .select2-container .select2-selection {
  position: relative;
  padding: 10px 28px 10px 10px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  border-radius: 8px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  box-sizing: border-box;
  border: 1px solid #eaecef;
  background: #fff;
  cursor: pointer;
}
.tWrap header.go_header_2row .select2-container .select2-selection:hover {
  border-color: rgba(0, 0, 0, 0.3);
}
.tWrap header.go_header_2row .select2-container .select2-selection .select2-selection__rendered {
  padding: 0;
  line-height: 18px;
  vertical-align: top;
}
.tWrap header.go_header_2row .select2-container .select2-selection .select2-selection__rendered::before {
  flex-shrink: 0;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/admin/ic_2x_admin.png);
  background-size: 400px 400px;
  background-position: -200px 0;
  vertical-align: middle;
  margin: -2px 4px 0 0;
}
.tWrap header.go_header_2row .select2-container .select2-selection .select2-selection__arrow {
  top: 5px;
  right: 5px;
}
.tWrap header.go_header_2row .select2-container + .my_info {
  margin-left: 20px;
}
.tWrap header.go_header_2row .my_info ul.ctrl li.on {
  background: #2f2f2f;
}
.tWrap header.go_header_2row .gnb_top_menu {
  z-index: 50;
  position: absolute;
  top: 40px;
  width: 150px;
  min-width: 150px;
  background: #2f2f2f;
  border-radius: 0 0 2px 2px;
}
.tWrap header.go_header_2row li a:focus + .gnb_top_menu, .tWrap header.go_header_2row li:hover .gnb_top_menu {
  display: block;
}
.tWrap header.go_header_2row .gnb_top_menu ul li {
  text-align: left;
  height: 28px;
  line-height: 28px;
}
.tWrap header.go_header_2row .gnb_top_menu ul li span.badge {
  position: absolute;
  right: 10px;
  top: 5px;
}
.tWrap header.go_header_2row .gnb_top_menu ul li a {
  display: block;
  padding: 0px 10px;
  height: 28px;
  line-height: 28px;
}
.tWrap header.go_header_2row .gnb_top_menu ul li:hover {
  background: #0b99a1;
}
.tWrap header.go_header_2row .gnb_top_menu ul li.last {
  border-radius: 0 0 2px 2px;
}
.tWrap header.go_header_2row .gnb_top_menu ul li.last:hover {
  border-radius: 0 0 2px 2px;
}
.tWrap header.go_header_2row .gnb_top_menu ul li.bar {
  width: 100%;
  height: 0;
  border-top: 1px solid #1f1f1f;
  border-bottom: 1px solid #3d3d3d;
  font-size: 0;
}
.tWrap header.go_header_2row .gnb_top_menu ul li.bar:hover {
  background: none;
}
.tWrap header.go_header_2row .gnb_top_menu a {
  color: #cecece;
}
.tWrap header.go_header_2row .gnb_top_menu a:hover {
  color: #fff;
}
.tWrap header.go_header_2row nav ul li.on div.gnb_top_menu {
  margin-top: 3px;
  border-top: none;
  right: auto;
}
.tWrap header.go_header_2row nav ul li.on ul li {
  background-color: #0d99ff;
}
.tWrap header.go_header_2row nav ul li.on ul li:hover {
  background-color: #579934;
}
.tWrap header.go_header_2row nav ul li.on ul li span.menu {
  color: #fff;
}
.tWrap header.go_header_2row nav li div.gnb_top_menu ul li {
  position: relative;
  width: 100%;
  padding: 0;
  white-space: nowrap;
  vertical-align: middle;
}
.tWrap header.go_header_2row nav li div.gnb_top_menu ul li a {
  padding: 0px 10px;
}
.tWrap header.go_header_2row nav li.more div.gnb_top_menu {
  margin-left: 0px;
}
.tWrap header.go_header_2row nav li.more div.gnb_top_menu ul li div.gnb_top_menu {
  position: absolute;
  left: 150px;
  top: -1px;
  border: 1px solid white;
}
.tWrap header.go_header_2row nav li.more div.gnb_top_menu ul li a:focus + div.gnb_top_menu {
  display: block;
}
.tWrap header.go_header_2row nav li.more div.gnb_top_menu ul li:hover div.gnb_top_menu {
  display: block;
}
.tWrap header.go_header_2row nav li.more div.gnb_top_menu ul li:hover div.gnb_top_menu ul li span.menu {
  color: #cecece;
}
.tWrap header.go_header_2row nav li.more div.gnb_top_menu ul li:hover div.gnb_top_menu ul li:hover span.menu {
  color: #fff;
}
.tWrap header.go_header_2row nav ul li.on_layer, .tWrap header.go_header_2row nav ul li.on .on_layer {
  background: #2f2f2f;
}
.tWrap header.go_header_2row nav ul li .ic_more {
  margin-left: 5px;
  vertical-align: middle;
}
.tWrap header.go_header_2row nav div.gnb_top_menu ul li a span.menu {
  width: 94px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tWrap header.go_header_2row section.my_info ul.ctrl li span.badge {
  color: #cee633;
}
.tWrap header.go_header_2row section.my_info .profile {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  /* 프로필 이미지 제거
  &::before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background: url(../images/admin/ic_2x_admin.png);
      background-size: 400px 400px;
      background-position: -50px 0;
  } */
}
.tWrap header.go_header_2row section.my_info .profile span.info {
  padding: 0;
  line-height: 40px;
}
.tWrap header.go_header_2row section.my_info .profile span.photo {
  width: 38px;
  height: 38px;
}
.tWrap header.go_header_2row section.my_info .profile span.photo img {
  width: 38px;
  height: 38px;
}

/*.tWrap header.go_header_2row nav ul li.on {background:#0D99FF!important}*/
/*menu명 길이 제한*/
/* info */
header.go_header section.my_info {
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

section.my_info .profile {
  float: left;
  height: 40px;
}
section.my_info .profile span.info {
  float: left;
  margin-right: 0;
  padding-top: 12px;
}
section.my_info .profile span.info a.name {
  display: block;
  margin-right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #9b9c9e;
}
section.my_info .profile span.info a.name:hover {
  color: #666;
}
section.my_info ul.ctrl {
  display: flex;
  flex-direction: row;
  align-items: center;
}
section.my_info ul.ctrl li {
  text-align: center;
}
section.my_info ul.ctrl li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../images/admin/ic_2x_admin.png) no-repeat 0 0;
  background-size: 400px 400px;
  border-radius: 8px;
}
section.my_info ul.ctrl li a.btn_help {
  background-position: 0px -350px;
}
section.my_info ul.ctrl li a.btn_logout {
  background-position: -50px -350px;
}
section.my_info ul.ctrl li a:hover {
  background-color: #f3f3f3;
}
section.my_info ul.ctrl li > a span {
  display: none;
}

/* ====== BODY ====== */
div.admin_content {
  position: relative;
  margin: 16px 40px 40px 264px;
  min-width: 640px;
  padding: 40px;
  overflow: hidden;
  background: #fff;
  border-radius: 24px;
}
div.admin_content #targetIdFilter {
  margin-bottom: 12px;
}
div.admin_side, div.tLnb {
  padding: 12px 24px 24px;
  width: 240px;
  float: left;
  box-sizing: border-box;
}

/* lnb */
section.lnb ul.admin li {
  background: #f9f9f9;
}
section.lnb ul.admin ins {
  display: none;
}
section.lnb ul.admin > li {
  border-bottom: 1px solid #c4cfdc;
  border-top: 1px solid #fff;
}
section.lnb ul.admin span {
  display: block;
}
section.lnb ul.admin span span.txt {
  display: block;
  cursor: pointer;
  margin: 0;
  font-size: 12px;
  height: 29px;
  line-height: 29px;
  background-image: url(../images/admin/bullets.png);
  background-repeat: no-repeat;
  background-position: 0 -1000px;
}
section.lnb ul.admin span span.txt:hover {
  background-color: #e8eaf0;
}
section.lnb ul.admin span.txt {
  padding-left: 16px;
}
section.lnb ul.admin li.active {
  background-color: #e8eaf0;
}
section.lnb ul.admin p.title {
  cursor: pointer;
  margin: 0;
  font-size: 12px;
  height: 29px;
  line-height: 29px;
  background: #f9f9f9 url(../images/admin/bullets.png) no-repeat 0 -1000px;
  font-weight: bold;
  padding-left: 16px;
}
section.lnb ul.admin p.title:hover {
  background-color: #e8eaf0;
}
section.lnb ul.admin p.on {
  background-color: #38393a;
}
section.lnb ul.admin p.title span.txt {
  padding: 0;
  display: inline;
  font-weight: normal;
  background-position: 0 -1000px;
}
section.lnb ul.admin > li.expandable > p.title {
  background-position: 5px -89px;
}
section.lnb ul.admin > li.expandable > p.open {
  background-position: 5px -188px;
}
section.lnb ul.admin ul p.title {
  padding-left: 28px;
  height: 25px;
  line-height: 25px;
}
section.lnb ul.admin ul ul p.title {
  padding-left: 46px;
  background-position: 35px -495px;
}

ul.menu {
  color: #333;
  margin-bottom: 30px;
}
ul.menu ul.sub li {
  padding-left: 16px;
}
ul.menu ul.sub ul.sub li {
  padding-left: 24px;
}
ul.menu li {
  margin-top: 4px;
}
ul.menu li p.title {
  cursor: pointer;
  margin: 0;
  font-size: 14px;
  position: relative;
}
ul.menu li p:hover {
  background-color: #eaecef;
}
ul.menu li p.on {
  background-color: #38393a;
  font-weight: 600;
}
ul.menu li p.on a,
ul.menu li p.on .txt {
  color: #fff;
}
ul.menu li.expandable > p::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 4px;
  content: "";
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-image: url(../images/admin/ic_2x_bullets.png);
  background-size: 50px 400px;
  transform: translateY(-50%);
}
ul.menu li.expandable > p.open::after {
  background-position: 0 -50px;
}
ul.menu > li > p.title {
  padding: 8px 12px;
  font-weight: 500;
  border-radius: 8px;
}
ul.menu ul p.title {
  padding: 8px 8px 8px 12px;
  border-radius: 8px;
}
ul.menu ul > li.expandable > p.title {
  background-position: 16px -542px;
}
ul.menu ul > li.expandable > p.open {
  background-position: 16px -592px;
}
ul.menu ul ul p.title {
  padding-left: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
ul.menu ul ul p.title::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../images/admin/ic_2x_bullets.png) no-repeat 0 -100px;
  background-size: 50px 400px;
}
ul.menu ul ul > li.expandable > p.title {
  background-position: 33px -542px;
}
ul.menu ul ul > li.expandable > p.open {
  background-position: 33px -592px;
}
ul.menu ul ul ul p.title {
  padding-left: 64px;
  background-position: 53px -495px;
}

/*ul.menu li p.on {background-color:#D5E2D9;  font-weight:bold}*/
div.arrowlistmenu .on {
  border-left: 5px solid #444;
  font-weight: bold;
}
div.arrowlistmenu > div {
  padding: 5px 0 3px 0;
  cursor: pointer;
  color: #666;
  font-weight: bold;
}
div.arrowlistmenu > div a {
  color: #666;
  font-weight: bold;
}
div.arrowlistmenu a:hover {
  color: #000;
}
div.arrowlistmenu li {
  line-height: 100%;
}
div.arrowlistmenu li a {
  display: inline-block;
  padding: 5px 0 3px 0;
}
div.arrowlistmenu div.menuheader, div.arrowlistmenu div.menuheader_single {
  padding-left: 20px;
}
div.arrowlistmenu div.on {
  padding-left: 15px;
  background-position: 3px 6px;
}

ul.categoryitems li a {
  display: inline-block;
  padding-left: 33px;
  background-position: 21px 5px;
  color: #666;
}
ul.categoryitems li.on a {
  display: inline-block;
  padding-left: 28px;
  background-position: 13px 5px;
  color: #000;
}
ul.subcategoryitems li a {
  display: inline-block;
  padding-left: 46px;
  background-position: 34px 5px;
  color: #666;
}
ul.subcategoryitems li.on a {
  display: inline-block;
  padding-left: 41px;
  background-position: 29px 5px;
  color: #000;
}
ul.menu li.security_filter_set a.btn_security {
  height: 19px;
}
ul.menu li.security_filter_set p.title a {
  display: flex;
  display: -ms-flex;
}

:root ul.menu li.security_filter_set p.title a {
  display: inline-block\0 /IE9;
  line-height: 31px\0 /IE9;
}

/* IE9 hack */
@media \0 screen {
  ul.menu li.security_filter_set p.title a {
    display: inline-block;
    line-height: 31px;
  }
}
/* IE8 hack */
ul.menu li.security_filter_set span.txt {
  display: inline-block;
  width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* contents */
header.content_top h1 span.title {
  font-size: 24px;
  font-weight: 500;
}
header.content_top span.action {
  display: inline-block;
  margin: 8px 0 5px 0;
}
header.content_top + .tab_menu_wrap, header.content_top + .content_page {
  margin-top: 36px;
}

/* ----------- content_info ----------- */
div.content_info {
  position: relative;
  margin: 10px 0 36px;
}
div.content_info dl {
  display: block;
  overflow: hidden;
  margin-left: 20px;
}
div.content_info dl dt {
  background: url(../images/admin/ic_admin.png) no-repeat 0 -390px;
  padding: 5px 0 0 12px;
  float: left;
  clear: both;
}
div.content_info dl dd {
  position: relative;
  float: left;
  padding: 5px 0 0 12px;
}
div.content_info dl dd span.desc {
  margin: 0;
}
div.content_info div.cmt {
  padding: 15px 0 0 0;
  margin: 5px 0;
}
div.content_info div.cmt p.bullet {
  background: url(../images/admin/ic_admin.png) no-repeat 0 -390px;
  padding: 5px 0 0 12px;
}
div.content_info div.cmt .btn_s {
  margin: 5px 0;
}
div.content_info .guide {
  font-size: 14px;
  color: #9b9c9e;
  letter-spacing: -0.3;
  line-height: 150%;
}
div.tFooter {
  width: calc(100% - 270px);
  padding: 8px 40px 24px;
  box-sizing: border-box;
  background: #fafafc;
  position: relative;
  float: right;
}
div.tFooter section.setting {
  position: absolute;
  right: 40px;
  top: 8px;
  color: #9b9c9e;
}
div.tFooter section.meta {
  text-align: center;
}
div.tFooter section.meta small.copyright {
  display: inline-block;
  font-size: 13px;
  color: #9b9c9e;
}
div.tFooter section.meta small.copyright strong {
  font-weight: 400;
}
div.container {
  border-radius: 4px;
  width: 100%;
  margin-bottom: 20px;
}
div.container div.header {
  height: 36px;
  position: relative;
}
div.container div.header h2 {
  z-index: 1;
  font-size: 18px;
  font-weight: 600;
  color: #1c1c1c;
}
div.container div.header span.action {
  position: absolute;
  right: 10px;
  top: 9px;
}
div.container div.dataTables_length span.btn_s, div.container div.header span.action span.btn_s {
  background: #fff;
}
div.container div.dataTables_length span.btn_s {
  margin-left: -5px;
}
div.container div.header span.action_btn {
  position: absolute;
  right: 10px;
  top: 5px;
}
div.container div.header span.action_btn span.btn_s {
  background: #fff;
}
div.container div.header + div.header {
  border-radius: 0;
}
div.container div.header_option {
  height: auto;
}
div.thumList span.thum {
  display: inline-block;
  width: 130px;
  line-height: 150%;
  margin-bottom: 20px;
  vertical-align: top;
}
div.thumList span.thum span.option_wrap {
  display: inline-block;
  white-space: nowrap;
  overflow-x: hidden;
  width: 110px;
}
div.thumList span.thum span.option_thum img {
  width: 110px;
}
div.container div.header_tb {
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
div.container div.header_tb h2 {
  position: absolute;
  left: 13px;
  top: 13px;
  font: bold 13px gulim;
  color: #444;
}
div.container div.header_tb strong {
  color: #08a7bf;
  font-size: 16px;
  margin: 0 2px 0 5px;
}
div.container div.header_tb select {
  margin: 5px;
  float: left;
}
div.container div.content_tb {
  padding: 0;
  position: relative;
  overflow: hidden;
}
div.container div.content_tb div.col1 {
  float: left;
  width: 300px;
  border-right: 1px solid #dfdfdf;
}
div.container div.content_tb div.col2 {
  position: relative;
  margin-left: 300px;
  border-left: 1px solid #dfdfdf;
}
div.container div.content_tb div.header_group {
  padding: 5px 0;
  margin: 0 15px 0 15px;
  overflow: hidden;
}
div.container div.content_tb div.header_group h3 {
  font-size: 18px;
  color: #333;
}
div.container div.content_tb div.header_group h3 span {
  vertical-align: middle;
  font-weight: normal;
}
div.container div.content_tb div.header_group h3 input {
  font-weight: normal;
}
div.container div.content_tb div.header_group .critical {
  display: inline-flex;
}
div.container div.content_tb div.header_group + .tool_bar {
  margin-top: 10px;
}
div.container div.content_tb div.header_group .optional .btn_wrap .btn_upload,
div.container div.content_tb div.header_group .optional .btn_wrap .btn_download {
  background-size: 400px 400px;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
div.container div.content_tb div.header_group .optional .btn_wrap .btn_upload {
  background: url(../images/ic_2x_admin.png) no-repeat -150px -100px;
}
div.container div.content_tb div.header_group .optional .btn_wrap .btn_download {
  background: url(../images/ic_2x_admin.png) no-repeat -200px -100px;
}
div.container div.content_tb div.col1 div.header_group + div.tb_wrap {
  margin-top: 10px;
}
div.container div.content_tb div.col1 > span.btn_wrap {
  float: left;
  margin-right: 3px;
}
div.container div.content_tb div.col2 > span.btn_wrap {
  float: left;
  margin-right: 3px;
}
div.container div.content_tb div.col2 div.header_group + div.tb_wrap {
  margin-top: 10px;
}
div.container div.content_tb div.col2 div.search_wrap {
  float: right;
  width: 230px;
}
div.container div.content_tb div.col2 div.search_wrap input.search {
  box-shadow: none;
}
div.container div.content_tb div.col1 div.tool_bar, div.container div.content_tb div.col2 div.tool_bar {
  padding: 0 10px 0 15px;
  margin-bottom: 10px;
}
div.container div.content_tb div.col1 div.content_wrap {
  margin: 10px 15px;
  border: 1px solid #ddd;
  padding: 8px;
}
div.container div.content_tb div.col1 div.critical h3 {
  padding: 2px 0;
}
div.container div.content_tb div.col2 div.critical h3 {
  padding-top: 5px;
}
div.container div.content_tb div.tb_wrap {
  padding-top: 0;
}
div.container div.content_tb div.col2 table.chart {
  border-color: #ccc;
}
div.container div.content_tb div.col2 span.btn_box {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background: #efefef;
  border-color: #d1d1d1;
}
div.container div.content_tb div.col2 span.btn_box:hover {
  border-color: #999;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
div.container div.content_tb div.col2 div.critical h3 {
  display: inline-block;
}
div.container div.content_tb div.dataTables_paginate {
  margin-bottom: 8px;
}
div.container div.content_tb > div.tool_bar {
  padding: 10px 0;
}
div.container div.content_tb.over_visi {
  overflow: visible;
}
div.container div.content_tb > table.chart {
  border: 0;
}
div.tb_wrap {
  position: relative;
  padding: 15px;
  margin-bottom: 15px;
}

/* ====== FOOTER ====== */
/*COMMON COMPONENTS====================================================================================================================================================================================================================*/
/* ====== TABLE ====== */
/* 컨텐츠랩 */
/* 컨텐츠랩 인 테이블 */
.col2 div.tb_wrap {
  margin-bottom: 0;
}

div.content_tb > table {
  border: 0 !important;
}
div.content_tb table th {
  border: 0;
  border-top: 1px solid #cfd1d4;
  border-bottom: 1px solid #cfd1d4;
  border-left: 1px solid #eaecef;
}
div.content_tb table th:first-child {
  border-left: 0;
}
div.content_tb table td {
  border: 0;
  border-bottom: 1px solid #eaecef;
  border-left: 1px solid #eaecef;
}
div.content_tb table td:first-child {
  border-left: 0;
}
div.content_tb table thead th.last,
div.content_tb table tbody td.last {
  border-right: 0;
}
div.content_tb table tr.last th {
  border-bottom: 0;
}

table.detail div.tb_wrap {
  padding: 0;
  margin: 5px 0;
}

div.content_tb > table td a ins.ic_depth {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../images/admin/bullets.png) no-repeat 0 -650px;
}
div.content_tb span.title {
  font-weight: bold;
  margin-right: 10px;
}
div.content_tb span.strong {
  margin: 0 10px;
  color: #0d99ff;
}
div.content_tb span.txt_s {
  color: #999;
}
div.content_tb .filter_set {
  padding: 4px 8px;
  word-break: break-all;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
}
div.content_tb .filter_on {
  background: none repeat scroll 0 0 #e2f5f6;
}

.filter_set {
  line-height: 150%;
}
.filter_set span.title {
  font-weight: bold;
  margin-right: 10px;
}
.filter_set span.strong {
  margin: 0 10px;
  color: #08a7bf;
}

.content_page {
  margin-bottom: 30px;
}

.page_action {
  display: flex;
  flex-direction: row-reverse;
  margin: 20px auto 30px;
  justify-content: center;
  text-align: center;
}
.page_action .btn {
  background: #08a7bf;
  border-color: #08a7bf;
  color: #fff;
}
.page_action .btn:hover {
  background: rgb(6.9748743719, 145.6005025126, 166.5251256281);
  border-color: rgb(6.9748743719, 145.6005025126, 166.5251256281);
}

span.btn_wrap {
  display: inline-block;
  cursor: pointer;
  margin: 0 2px;
}
span.btn_box {
  display: inline-block;
  border-radius: 3px;
  cursor: pointer;
  opacity: 0.7;
  filter: Alpha(Opacity=70);
}
span.btn_box:hover {
  background: #ddd;
  border-color: #ddd;
  opacity: 1;
  filter: Alpha(Opacity=100);
}

.option_display {
  border: 1px dashed #ddd;
  padding: 10px;
  margin: 5px 0 10px;
}
.option_display .btn_alignr {
  padding-top: 10px;
  text-align: right;
}
.option_display input {
  box-sizing: border-box;
}

/* 정보형  */
table.default {
  border: 1px solid #e9e9e9;
  padding: 10px;
}
table.default th,
table.default td {
  padding: 10px;
  border: 1px solid #ddd;
}
table.default th {
  background-color: #f5f5f5;
}
table.default td {
  line-height: 1.4;
  text-align: center;
}
table.detail {
  padding: 10px;
  table-layout: fixed;
}
table.detail tr > th {
  width: 250px !important;
  padding: 10px 0;
  white-space: inherit;
}
table.detail tr > td {
  padding: 5px 10px;
  box-sizing: border-box;
}
table.detail tr.last th,
table.detail tr.last td {
  border-bottom: none;
}
table.detail tr.last_border th,
table.detail tr.last_border > td {
  border-bottom: 1px solid #e9e9e9;
}
table.detail th {
  text-align: left;
  white-space: nowrap;
}
table.detail td span.tb_title {
  display: inline-block;
  width: 50px;
}
table.detail ul.name_tag {
  margin-top: 3px;
}
table.detail td span {
  vertical-align: middle;
  line-height: 150%;
}
table.detail td span.update_img {
  display: inline-block;
  margin: 0 0 0 10px;
}
table.detail td span.update_img img {
  margin: 0;
  padding: 0;
}
table.detail input.alarm_header {
  border-color: #a0cd85;
}
table.detail input.alarm_header::-webkit-input-placeholder {
  font: bold 16px arial, malgun gothic, dotum, gulim, apple gothic;
  color: #fff;
}
table.detail input.alarm_header::-moz-placeholder {
  font: bold 16px arial, malgun gothic, dotum, gulim, apple gothic;
  color: #fff;
  opacity: 1;
  border-color: #a0cd85;
  font: bold 16px arial, malgun gothic, dotum, gulim, apple gothic;
  color: #fff;
  opacity: 1;
}
table.detail input.alarm_header::-ms-input-placeholder {
  border-color: #a0cd85;
  color: #fff;
}
table.chart {
  border: 1px solid #e9e9e9;
}
table.chart th {
  border: 1px solid #ddd;
  padding: 7px 10px;
}
table.chart td {
  border: 1px solid #ddd;
  padding: 7px 10px;
  text-align: left;
  word-break: break-all;
}
table.chart tr {
  background: #fff !important;
}
table.chart tr:hover td {
  background-color: #f5f7fa;
}
table.chart thead th {
  padding: 0;
}
table.chart th {
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}
table.chart .check {
  text-align: center;
  width: 20px;
}
table.chart td.title,
table.chart .desc {
  text-align: left;
}
table.chart .date {
  text-align: center;
}
table.chart .num {
  text-align: right;
}
table.chart .action {
  text-align: center;
}
table.chart .status,
table.chart .power {
  text-align: center;
  width: 60px;
}
table.dataTable {
  margin-bottom: 150px;
}
table.chart .ip,
table.chart .mode,
table.chart .alignc {
  text-align: center;
}
table.chart .tit {
  width: 200px;
}
table.chart_double th,
table.chart_double td {
  padding: 3px 10px !important;
}
table.chart_right thead th {
  text-align: center;
  padding: 3px 10px !important;
}
table.chart_right th,
table.chart_right td {
  text-align: right;
  padding: 3px 10px !important;
}
table.rowstyle {
  border: none;
  border-top: 1px solid #cfd1d4;
}
table.rowstyle th,
table.rowstyle td {
  border-right: 1px solid #eaecef;
  border-bottom: 1px solid #eaecef;
  padding: 7px 10px;
}
table.rowstyle th.last,
table.rowstyle td.last {
  border-right: none;
}
table.rowstyle tr.last th,
table.rowstyle tr.last td {
  border-bottom: none;
}
table.rowstyle th {
  width: 170px;
  text-align: right;
  border-right: 1px solid #eaecef;
}
table.rowstyle td {
  text-align: left;
}
table.rowstyle td span {
  vertical-align: middle;
}

/* for chrome */
/* for firefox 19+ */
/* for firefox 18- */
/* for IE 10 */
/* 목록형 */
ul.list_option li {
  margin-top: 5px;
}

span.major {
  font-weight: bold;
}

/*table.article_head */
table.article_head div.option_display {
  line-height: 2.2;
  overflow: hidden;
  margin: 10px 0 15px 0;
  padding: 10px;
  border: 1px dashed #ddd;
  width: 90%;
  border-radius: 0px;
  background: #fff;
}
table.article_head div.article_wrap div.option_display {
  margin-left: 65px;
  width: 90%;
}
table.article_head table.tb_article_head {
  margin-top: 20px;
}
table.article_head div.option_article_head {
  line-height: 1.5;
}
table.article_head div.option_article_head span.btn_wrap {
  vertical-align: middle;
}
table.article_head div.option_article_head span.byte {
  margin-left: 10px;
  line-height: 2.2;
  vertical-align: middle;
  font-size: 11px;
  font-family: tahoma;
  color: #418417;
}
table.article_head div.option_article_head a.btn_fn4_b {
  vertical-align: middle;
  padding: 7px 4px 6px 4px !important;
}
table.article_head table.in_table {
  border: 1px solid #ededed;
  border-radius: 5px;
}

table.article_head table.in_table thead th {
  line-height: 1.6;
  color: #777;
  border-bottom: 1px solid #ededed;
  padding: 2px 10px;
  vertical-align: middle;
  font-family: "pretendardvariable", dotum;
}

table.in_table thead td {
  line-height: 1.6;
  color: #777;
  border-bottom: 1px solid #ededed;
  padding: 2px 10px;
  vertical-align: middle;
  font-family: "pretendardvariable", dotum;
}
table.in_table tbody th,
table.in_table tbody td {
  line-height: 1.6;
  color: #777;
  border-bottom: 1px solid #ededed;
  padding: 2px 10px;
  vertical-align: middle;
  font-family: "pretendardvariable", dotum;
}
table.article_head table.in_table th {
  background: #efefef;
  text-indent: 0;
  font-weight: normal;
  color: #777;
}
table.article_head table.in_table thead th {
  text-align: center;
  border-top: 1px solid #d9d9d9;
  padding: 7px 10px;
}
table.article_head table.in_table tbody th {
  text-align: left;
  vertical-align: middle;
  border-right: 1px solid #ededed;
  padding-left: 12px;
}
table.article_head span.txt_edit {
  display: inline-block;
  position: relative;
  margin-right: 0;
}

span.textarea_edit {
  display: inline-block;
  position: relative;
  margin-right: 0;
}

table.article_head span.txt_edit input.edit {
  float: none;
  margin-right: 3px !important;
  background: #fdfbe2;
}
table.article_head span.textarea_edit {
  display: block;
}
table.article_headspan.textarea_edit textarea {
  background: #fdfbe2;
  height: 120px;
  overflow-y: auto;
}
table.article_head span.textarea_edit span.ic_done {
  display: inline-block;
  position: absolute;
  bottom: 7px;
  right: 1px;
}
table.article_headspan.txt_edit span.ic_done {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -9px;
}
table.article_head span.w_max span.ic_done {
  right: 1px;
}
table.article_head table.in_table td {
  height: 25px;
}
table.article_head .ic_side {
  display: inline-block;
  background: url(../images/ic_side.png) repeat-x;
  vertical-align: middle;
}
table.article_head .ic_done {
  width: 19px;
  height: 19px;
  background-position: -100px -550px;
  cursor: pointer;
}
table.article_head .ic_done:hover {
  background-position: -150px -550px;
}
table.article_head .ic_edit {
  width: 19px;
  height: 19px;
  background-position: -100px -450px;
  cursor: pointer !important;
}
table.article_head .ic_edit:hover {
  background-position: -150px -450px;
}
table.article_head .ic_cancel {
  width: 19px;
  height: 19px;
  background-position: -100px -650px;
  cursor: pointer;
}
table.article_head .ic_cancel:hover {
  background-position: -150px -650px;
}

span.txt_form {
  position: relative;
  display: inline-block;
  /*margin-right:5px; padding:0 2px*/
}
span.txt_form:hover {
  cursor: pointer;
  background: #f1f1f1;
  border-radius: 2px;
}

table.article_head .option_display input[type=text] {
  width: 200px;
  margin-bottom: 0;
}
table.in_table2 {
  border: 1px solid #eaecef;
  border-radius: 5px;
  margin: 6px 0;
}
table.in_table2 thead th {
  color: #333;
  padding: 5px 10px;
  border-bottom: 1px solid #cfd1d4;
  vertical-align: middle;
  font-family: "pretendardvariable", dotum;
}
table.in_table2 tbody td {
  color: #777;
  padding: 5px 10px;
  border-bottom: 1px solid #eaecef;
  vertical-align: middle;
  font-family: "pretendardvariable", dotum;
}
table.in_table2 th {
  background: #fafafc;
  text-indent: 0;
  color: #333;
  border-top: 1px solid #eaecef;
  border-bottom: 1px solid #eaecef;
  font-weight: 500;
}
table.in_table2 thead th {
  text-align: center;
  border-top: 1px solid #eaecef;
  padding: 7px 10px;
}
table.in_table2 tbody th {
  text-align: left;
  vertical-align: middle;
  border-right: 1px solid #eaecef;
  padding-left: 12px;
}
table.in_table2 tbody tr.last {
  border-bottom: 1px solid #eaecef;
}
table.in_table2 td {
  height: 25px;
  border: 1px solid #eaecef;
}
table.in_table2 td.alignc {
  text-align: center;
}

/* table in table2 */
/* option_display in */
.option_display table {
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.option_display table tr > th,
.option_display table tr td {
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.option_display table tr > th {
  text-align: right;
  padding-right: 15px;
  font-weight: bold;
  color: #999;
}
.option_display table tr > td {
  padding: 5px 0;
}
.option_display table tr.last {
  border: 0;
}

/* 테이블 디테일 */
span.editable:hover {
  cursor: pointer;
}
span.editable span.btn_wrap {
  margin-left: 5px;
  display: none;
}
span.editable:hover span.btn_wrap {
  display: inline-block;
}
span.editable span.num {
  text-align: right;
}

/* 구분선편집 */
table.chart td.depart_bg {
  background: url(../images/admin/bg_dotline.png) repeat-x 0 50%;
}
table.chart td.depart_bg span.title_depart {
  background-color: #fff;
  color: #888;
  font-weight: bold;
}
table.chart td.depart_bg:hover {
  background: #e1f5f6 url(../images/admin/bg_dotline.png) repeat-x 0 50%;
  background-color: #e1f5f6;
}
table.chart td.depart_bg:hover span.title_depart, table.chart td.depart_bg:hover span.icon_modify, table.chart td.depart_bg:hover span.icon_del {
  background-color: #e1f5f6;
}
table.chart span.title_sort {
  position: relative;
  height: 34px;
  line-height: 35px;
  width: 100%;
  display: block;
  /*text-indent:10px;*/
  overflow: hidden;
}
table.chart span.title_sort ins.ic {
  background: url(../images/admin/ic_admin.png) no-repeat 0 3px;
  cursor: pointer;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-left: 4px;
}
table.chart span.title_sort span.selected {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #08a7bf;
}
table.chart th.sorting_asc span.title_sort span.selected, table.chart th.sorting_desc span.title_sort span.selected {
  display: block;
}
table.chart th.sorting_disable span.title_sort {
  text-indent: 0;
}
table.chart th.sorting_disabled ins.ic {
  display: none;
}
table thead th {
  cursor: pointer;
}
table thead th.sorting_disabled, table thead th.sorting_disable {
  cursor: default;
}
table.chart td {
  border-bottom: 1px solid #ededed;
  color: #666;
}
table.chart tr.last td {
  border-bottom: none;
}
table.chart th.sorting_desc ins.ic {
  background-position: -20px 3px;
}
table.chart th.sorting_asc ins.ic {
  background-position: -20px -17px;
}

/* table.chart Sorting */
th span.title {
  font-size: 14px;
  color: #4a4b4c;
  font-weight: 500;
  margin: 0;
  line-height: 150%;
}

span.desc {
  display: inline-block;
  margin: 4px 0;
}

p.desc,
span.desc {
  color: #9b9c9e;
  line-height: 150%;
}

table span.byte {
  margin-left: 10px;
  line-height: 2.2;
  vertical-align: middle;
  font-size: 11px;
  font-family: tahoma;
  color: #418417;
}
table.tb_depart_set td.doc_name {
  text-align: left;
}
table.tb_partDoc table.tb_detailSearch tbody tr th {
  background: #fff;
  text-align: left;
  padding: 7px 5px 7px 13px;
}
table.tb_detailSearch tbody tr th {
  border: 0;
}
table.tb_detailSearch tbody tr th span.title {
  vertical-align: top;
}
table.tb_detailSearch tbody tr td {
  border: 0;
}
table.tb_detailSearch tbody tr th {
  width: 100px;
}
table.type_normal th,
table.type_normal td {
  font-family: "pretendardvariable", verdana, dotum, 돋움;
  font-size: 12px;
}
table.type_normal tbody th {
  border-right: 1px solid #ededed;
}
table.type_normal select {
  padding: 0px;
  vertical-align: top;
}
table.type_normal span.ic_exclamation {
  margin-right: 2px;
}
table.type_normal tbody tr td.btn_langth {
  background: #fafafa;
  cursor: pointer;
  border-right: 1px solid #dedede;
  padding: 0;
}
table.type_normal tbody tr td.btn_langth:hover {
  background: #f0f0f0;
}
table.type_normal tbody tr td.btn_langth:active {
  background: #e0e0e0;
  border-right-color: #b5b5b5;
}
table.type_normal thead th {
  background-color: #ededed;
  border-top: 1px solid #e6e6e6;
  height: 28px;
  border-bottom: 1px solid #a2a2a2;
  color: #555;
}
table.chart tr.total td {
  font-weight: bold;
}
table.chart tr td {
  height: 25px;
}
table.chart tr td.last_rowspan {
  border-bottom: 1px solid #d9d9d9;
}
table.chart_double tr td {
  height: 22px;
}
table.chart_double tr:nth-child(even) td:first-child {
  font-weight: bold;
}
table.chart_double tr:hover td {
  background: none;
}
table.form_type select {
  vertical-align: top;
}
table.form_type label.txt {
  margin-right: 4px;
}
table.form_type td span {
  vertical-align: middle;
}
table.tb_normal_c tr td {
  text-align: center;
}
table.tb_admin_long_approval .depart,
table.tb_admin_long_approval .writer,
table.tb_admin_long_approval .doc_type {
  width: 100px;
  text-align: center;
}
table.tb_admin_long_approval .subject {
  text-align: left;
}
table.tb_admin_long_approval .doc_num,
table.tb_admin_long_approval .deadline {
  width: 100px;
  text-align: center;
}
table.tb_admin_long_approval tr th {
  padding: 0 5px !important;
}
table.tb_admin_doc_rule tr th {
  padding: 0 10px;
  border-right: 0;
}
table.tb_admin_doc_rule tr td {
  border-right: 0;
}
table.tb_admin_doc_rule .part {
  width: 35%;
  text-align: left;
}
table.tb_admin_doc_rule .num {
  width: 24%;
  text-align: left;
}
table.tb_admin_doc_rule .sample {
  width: 30%;
  text-align: left;
}
table.tb_admin_doc_rule .add {
  width: 11%;
  text-align: center;
}
table.tb_admin_doc_rule td.add {
  text-align: right;
}
table.TB_line .opt {
  text-align: left;
  width: 80px;
}
table.TB_line tr td {
  padding: 2px 0;
}
table.tb_approval_line thead tr th {
  padding: 0 5px;
}
table.tb_approval_line tbody tr:hover td {
  background: #fff;
}
table.tb_approval_line .btn_area {
  width: 35px;
}
table.tb_approval_line .kind {
  width: 80px;
  text-align: left;
}
table.tb_approval_line .name {
  width: 100px;
  text-align: left;
}
table.tb_approval_line .depart {
  text-align: left;
}
table.tb_approval_line .state {
  width: 80px;
}
table.tb_approval_line .func {
  width: 60px;
  text-align: center;
}
table.tb_approval_line td {
  height: 28px;
  padding: 2px 10px;
}

/* table */
/* tb_partDoc */
/* type_normal */
/* chart */
/* form_type */
/* tb_normal_c */
/* tb_admin_long_approval */
/* tb_admin_doc_rule */
/* tb_approval_line */
div.layer_normal .tool_bar .btn_tool {
  float: left;
  margin: 0px 2px 3px 0;
  padding: 0 7px;
  background: #f5f5f5 url(../images/btn_bg_tool.gif) 0 0 repeat-x;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  white-space: nowrap;
  opacity: 0.8;
  height: 24px;
  font-weight: normal;
}
div.layer_normal .tool_bar .btn_tool span.txt {
  line-height: 24px;
}

span.ic_file_drag {
  display: inline-block;
  background: url(../images/ic_gnb.png) no-repeat -550px -200px;
  width: 40px;
  height: 40px;
}

div.layer_approval_line div.content div.set_data div.tit_type2 {
  border-bottom: 0;
}
div.tit_type2 {
  background: #ededed;
  height: 28px;
  line-height: 28px;
  border-top: 1px solid #c2c9cf;
  border-bottom: 1px solid #c2c9cf;
  padding: 0 8px;
}

.btn_bdr {
  display: inline-block;
  padding: 3px;
  cursor: pointer;
}
.btn_bdr:hover {
  border: 1px solid #ccc;
  padding: 2px;
  border-radius: 3px;
  background-color: #fff;
}

div.tit_type3 span.txt {
  font-family: "pretendardvariable", malgun gothic;
  font-weight: bold;
  color: #999;
}
div.layer_approval_line_state div.content {
  padding: 0;
}
div.layer_approval_line_state div.reply_wrap {
  height: 300px;
  overflow-x: auto;
  overflow-y: scroll;
}
div.layer_approval_line_state ul.reply > li {
  border-bottom: 1px solid #e3e3e3;
  margin: 0;
  padding: 10px 0;
}
div.layer_approval_line_state ul.reply li div.msg_wrap {
  margin-left: 52px;
}
div.layer_approval_line_state ul.reply li.last {
  border-bottom: 0;
}

ul.reply > li {
  position: relative;
  margin: 5px 0 13px;
  overflow: hidden;
}
ul.reply li span {
  display: inline-block;
}
ul.reply li span.photo {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 32px;
  height: 32px;
  overflow: hidden;
}
ul.reply li span.photo img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
ul.reply li div.msg_wrap {
  position: relative;
  margin-left: 40px;
  min-height: 32px;
}
ul.reply li span.name {
  font-weight: bold;
}
ul.reply li div.msg_wrap div.info span.department {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
  margin-top: 2px;
}
ul.reply li span.date {
  color: #999;
  margin-top: 2px;
}
ul.reply li div.msg_wrap p {
  display: block;
  margin: 6px 0 0;
  line-height: 130%;
}
ul.reply li div.bar_current {
  position: absolute;
  top: 0;
  left: 1px;
}
ul.reply li div.msg_wrap div.info span.part {
  margin: 0 3px;
}
ul.list_nude {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
ul.list_nude li {
  padding: 3px 0;
}

.wrap_date {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.wrap_date input.txt {
  padding-left: 26px !important;
  vertical-align: top;
  min-width: 100px;
}
.wrap_date input.txt[type=text] {
  padding-left: 26px !important;
  vertical-align: top;
  min-width: 100px;
}
.wrap_date .ic_calendar {
  position: absolute;
  left: 5px;
  top: 3px;
}

span.ic_go {
  display: inline-block;
  background: url(../images/ic.png) no-repeat 0 0;
}
span.ic_calendar {
  background-position: -150px 2px;
  width: 17px;
  height: 19px;
}

/* ----------- select user list ----------- */
div.option_display ul.name_tag li {
  line-height: 1.6;
}

ul.name_tag {
  overflow: hidden;
}
ul.name_tag li {
  display: inline-block;
  float: left;
  margin: 0 4px 4px 0;
  background: #ddecf6;
  border-radius: 13px;
  border: 1px solid #b9cedc;
  padding: 3px 7px 2px;
  color: #777;
}
ul.name_tag li span.btn_wrap {
  margin-left: 3px;
  padding: 0 2px;
}
ul.name_tag li span.btn_wrap span.txt {
  font-weight: bold;
  letter-spacing: -1px;
  margin-left: -4px;
}
ul.name_tag li.creat {
  border: 0;
  background: transparent;
  padding: 0;
}

.creat span.btn_wrap,
span.creat {
  line-height: 26px;
}

.creat span.btn_wrap:hover,
span.creat:hover {
  color: #2eacb3;
  border-radius: 10px;
}

.creat span.btn_wrap:hover span.ic_addlist,
span.creat:hover span.ic_addlist {
  background-position: -188px 1px;
}

.creat span.btn_wrap span.ic_addlist,
span.creat span.ic_addlist {
  display: inline-block;
  background: url(../images/ic_side.png) no-repeat;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  background-position: -100px -300px;
}

.creat span.btn_wrap:hover span.ic_addlist {
  display: inline-block;
  background: url(../images/ic_side.png) no-repeat;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  background-position: -150px -300px;
}

span.creat:hover span.ic_addlist {
  display: inline-block;
  background: url(../images/ic_side.png) no-repeat;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  background-position: -150px -300px;
}
span.creat span.ic_addlist {
  margin-right: 3px;
}

ul.name_tag li.default_option {
  border-color: #ddd;
  background: #f9f9f9;
}
ul.name_tag li.default_option span.name {
  color: #999;
}
ul.name_tag li span.name {
  color: #777;
}
ul.name_tag li.creat span.btn_fn3 {
  padding: 4px 6px;
  margin-top: 2px;
  font-size: 12px;
}
ul.name_tag li span.btn_wrap span.ic_del {
  width: 11px;
}

/* ----------- table tool js library ------------*/
div.dataTables_paginate {
  display: block;
  width: 100%;
  text-align: center;
  padding: 8px 0 0;
}
div.dataTables_paginate > span {
  display: inline-block;
  vertical-align: middle;
}
div.dataTables_paginate a {
  display: inline-flex;
  margin-right: 6px;
  border-radius: 4px;
  border: 1px solid #fff;
  line-height: 1;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  box-sizing: border-box;
}
div.dataTables_paginate a:hover {
  border-color: #f5f6f8;
  background-color: #f5f6f8;
}
div.dataTables_paginate a.paginate_active {
  font-weight: 500;
  border-color: #1c1c1c;
}
div.dataTables_paginate a.paginate_active:hover {
  background: none;
}
div.dataTables_paginate a.first, div.dataTables_paginate a.last, div.dataTables_paginate a.previous, div.dataTables_paginate a.next {
  display: inline-flex;
  width: 28px;
  height: 28px;
  background-image: url(../images/admin/ic_2x_admin.png);
  background-size: 400px 400px;
  padding: 0;
  align-items: center;
  justify-content: center;
}
div.dataTables_paginate a.first {
  background-position: 0 -50px;
}
div.dataTables_paginate a.last {
  background-position: -150px -50px;
}
div.dataTables_paginate a.previous {
  background-position: -50px -50px;
}
div.dataTables_paginate a.next {
  background-position: -100px -50px;
}
div.dataTables_paginate a.paginate_button_disabled {
  cursor: default;
  opacity: 0.4;
}
div.dataTables_paginate a.paginate_button_disabled:hover {
  background-color: #fff;
  border-color: #fff;
}
div.content_tb div.tool_bar {
  padding: 10px 5px;
}
div.container div.content_tb div.col1 div.tool_bar {
  overflow: hidden;
  padding: 15px 0 0 15px;
  min-height: 23px;
}
div.container div.content_tb div.col1 div.tool_bar div.critical span {
  margin: 0;
}
div.container div.content_tb div.col1 div.tool_bar div.critical span.btn_wrap {
  margin: 0 2px 0 0;
}

/* ====== BTN ====== */
/* org tool btn */
.btn,
.btn_nega {
  display: inline-block;
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-right: 8px;
  background: #fff;
  color: #1c1c1c;
  border: 1px solid #dcdee1;
}
.btn:hover,
.btn_nega:hover {
  background: #f5f6f8;
}

.btn span.txt_caution {
  color: red;
}

span.btn_tool {
  border-color: #92969a;
}

.btn_tool {
  display: inline-block;
  padding: 8px;
  background: #fff;
  color: #1c1c1c;
  border: 1px solid #dcdee1;
  border-radius: 6px;
  cursor: pointer;
  line-height: 1;
  font-size: 14px;
  white-space: nowrap;
}
.btn_tool span.text_caution {
  color: #d32323;
}
.btn_tool.txt_caution {
  color: #d32323;
}
.btn_tool:hover {
  background-color: #f5f6f8;
}
.btn_tool.disable:hover {
  background: #fff;
}

.btn_txt {
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  color: #999;
  border-bottom: 1px solid #ddd;
  padding: 3px;
  margin: 0 10px;
}
.btn_txt:hover {
  color: #555;
  border-color: #999;
}

.btn_save {
  background-color: #3b94c7;
  border-color: #26729e;
  color: #fff;
}
.btn_save:hover {
  background-color: #2979a7;
  border-color: #26729e;
  color: #e7f4f9;
}

.btn_dropdown {
  background: url(../images/admin/ic_admin.png) no-repeat 0 -80px;
  display: inline-blcok;
  width: 20px;
  height: 20px;
}
.btn_dropdown:hover {
  background-position: 0 -100px;
}

.btn.topButton {
  font-weight: normal;
  margin-right: 0;
  border-radius: 0;
  color: #b3b2b2;
}

/* input type file */
.btn_file {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  min-width: 76px;
  height: 26px;
}

.type_file {
  display: inline-block;
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  font-size: 45px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
}

.file_button {
  display: inline-block;
  width: 76px;
  position: absolute;
  top: 0px;
  background-color: #efefef;
  color: #666;
  font-weight: bold;
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  line-height: 24px;
}

.btn_file:hover {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.btn_file:hover .file_button {
  border-color: #999;
}

.txt_confirm {
  color: #08a7bf;
}

ins.asterisk {
  font-style: normal;
  color: #d65353;
  margin: 0 3px 0 0;
  text-decoration: none;
}

.btn_tb_w {
  border: 1x solid #999999;
}

/* ----------- table tool js library ----------- */
div.tool_bar {
  min-height: 30px;
  padding: 10px 25px;
  overflow: hidden;
}
div.container div.content_tb div.col1 div.tool_bar, div.container div.content_tb div.col2 div.tool_bar {
  min-height: 0;
}
div.container div.content_tb div.col1 div.header_group + div.option_group {
  padding: 10px 0 12px;
}
div.critical {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
div.optional {
  float: right;
}
div.optional span {
  vertical-align: baseline;
  margin: 5px;
}
div.critical span {
  vertical-align: baseline;
}
div.optional span.btn_tool + span.btn_tool {
  margin-left: -1px;
}
div.critical span.btn_wrap {
  margin: 0 2px 0 0;
}
div.critical span.title {
  font-size: 14px;
  font-weight: normal;
  font-weight: bold;
}
div.critical span.num strong {
  color: #2eacb3;
}
div.critical span.data {
  display: inline-block;
  margin: 12px 0 0 10px;
  font-weight: bold;
}
div.optional, div.dataTables_length {
  float: right;
  margin-left: 5px;
  display: flex;
  align-items: center;
  gap: 6px;
}
div.optional span {
  float: right;
}
div.optional span.btn_wrap {
  margin: 0 0 0 2px;
}
div.optional span.ic {
  margin: 1px;
}
div.table_search {
  margin: 10px 0;
  text-align: center;
}

.ic_star {
  display: inline-block;
  width: 18px;
  height: 22px;
  background: url(../images/admin/icon_star.png) no-repeat 0 2px;
  vertical-align: middle;
  cursor: pointer;
}

div.toolbar_top {
  vertical-align: middle;
  border-bottom: 0;
}
div.toolbar {
  overflow: hidden;
  margin-bottom: 7px;
}

.dataTables_processing {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #222;
  filter: Alpha(Opacity=20);
  opacity: 0.2;
  color: white;
  font-family: "pretendardvariable", Arial;
  font-size: 14px;
  margin-left: -100px;
  border-radius: 5px;
  margin-top: -25px;
}

/* data null */
p.data_null {
  text-align: center;
  color: #888;
  font-size: 14px;
  padding: 20px 0;
}
p.data_null span {
  vertical-align: middle;
}
p.data_null span.icon_classic {
  margin-right: 5px;
}
p.data_null span.icon_no_board, p.data_null span.icon_no_contents {
  display: inline-block;
}
p.data_null span.ic_data_type {
  display: none;
  vertical-align: middle;
}
p.data_null span.txt {
  font-size: 13px;
  font-weight: 500;
  color: #9b9c9e;
}
p.data_null span.txt::before {
  content: "";
  display: block;
  margin: 0 auto 8px;
  width: 24px;
  height: 24px;
  background: url(../images/admin/ic_2x_admin.png) no-repeat -100px 0;
  background-size: 400px;
}

.btn_s {
  display: inline-block;
  padding: 8px 10px;
  background: #fff;
  color: #1c1c1c;
  border: 1px solid #dcdee1;
  border-radius: 6px;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  letter-spacing: -1px;
  box-sizing: border-box;
  line-height: 14px !important;
  height: 32px;
}
.btn_s:hover {
  background-color: #f5f6f8;
}
.btn_s.txt_caution,
.btn_s .txt_caution {
  color: #d32323 !important;
}
.btn_s.marb5 {
  margin-bottom: 5px;
}
.btn_s.normal_btn:hover {
  background-color: #d2efda;
}
.btn_s.spam_btn:hover {
  background-color: #f7dada;
}
.btn_s .txt {
  display: inline-block;
  line-height: 14px;
  height: 14px;
}

/* Layer BTN */
.btn_major_s {
  display: inline-block;
  cursor: pointer;
  padding: 4px 8px 3px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px;
  background: #0d99ff;
  border: 1px solid #5e9240;
}
.btn_major_s:hover {
  background-color: #cc424f;
  border-color: #cc424f;
}

.btn_minor_s {
  display: inline-block;
  cursor: pointer;
  padding: 4px 8px 3px;
  color: #1c1c1c;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  border: 1px solid #92969a;
  border-radius: 2px;
  background: #f3f3f3;
}
.btn_minor_s:hover {
  background-color: #e1e1e1;
}

.btn_ic {
  background: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  padding: 2px 6px 2px;
  font: bold 12px dotum;
  color: #666;
  border-radius: 4px;
}
.btn_ic:hover {
  background-color: #eee;
  color: #333;
}

/* search */
span.search_wrap {
  display: inline-block;
  position: relative;
  width: 190px;
  text-align: left;
}
span.search_wrap input.input {
  width: 155px;
  border: none;
  background: transparent;
  box-shadow: none;
}
span.search_wrap input.input:focus {
  outline: none;
  border: 0 !important;
}
span.search_wrap span.btn_search {
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 2px;
  background: url(../images/admin/ic_2x_admin.png) no-repeat -150px 0;
  width: 26px;
  height: 26px;
  background-size: 400px;
  border-radius: 4px;
}
span.search_wrap span.btn_search:hover {
  background-color: #eee;
}

@media \0 screen {
  span.search_wrap span.btn_search {
    height: 22px;
  }
}
:root span.search_wrap span.btn_search {
  height: 24px\9 ;
}

/* IE9 hack */
/*search*/
.search_wrap {
  position: relative;
  border: 1px solid #dcdee1;
  border-radius: 5px;
  background: #fff;
}
.search_wrap input {
  border: none;
  background: transparent;
  text-indent: 3px;
  outline: none;
}
.search_wrap input.btn_search {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 31px;
  padding: 5px 0px;
  background: #cdcdcd url(../images/icon_classic.png) no-repeat 6px -128px;
  border-radius: 0 3px 3px 0;
  font-weight: bold;
}
.search_wrap input.btn_search:hover {
  background: #999 url(../images/icon_classic.png) no-repeat 6px -128px;
}
.search_wrap:hover input.btn_search, .search_wrap:focus input.btn_search {
  background: #999 url(../images/icon_classic.png) no-repeat 6px -128px;
}
.search_wrap input.btn_search:focus {
  background-color: #999;
}
.search_wrap input.btn_search:active {
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.search_wrap input.btn_search[value] {
  color: #fff;
  text-indent: -10000px;
}
.search_wrap input.search {
  width: 126px;
  color: #484848;
  box-shadow: none;
}
.search_wrap input.search[placeholder], .search_wrap input.search[type=value] {
  color: #a9a9a9;
}
.search_wrap input.search:focus {
  color: #484848;
}
.search_wrap:hover {
  border-color: #999;
}
.search_wrap:focus {
  border-color: #999;
  box-shadow: 0px 0px 3px rgba(186, 186, 186, 0.5);
}

.search_focus {
  border-color: #999;
  box-shadow: 0px 0px 3px rgba(186, 186, 186, 0.5);
}
.search_focus input.btn_search {
  background: #999 url(../images/icon_classic.png) no-repeat 6px -128px;
}

.search_wrap input:hover {
  border: 0;
}
.search_wrap a.btn_cancel {
  position: absolute;
  right: 55px;
  top: 5px;
  display: inline-block;
  width: 16px;
  height: 15px;
  display: none;
  background: url(../images/sample/16x16/actions/edit_delete_mail_g.png) no-repeat 0 0;
}
.search_wrap a.btn_detail {
  position: absolute;
  right: 37px;
  top: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/sample/16x16/actions/1downarrow_gray.png) no-repeat 0 0;
}
.search_wrap a.btn_detail span.txt {
  display: none;
}

section.search .search_wrap {
  width: 190px;
  text-align: left;
  overflow: hidden;
}

div.search_wrap.search_focus input {
  font-weight: bold;
}

section.search2 {
  display: inline-block;
}
section.search2 div.search_wrap {
  border-radius: 2px 3px 3px 2px;
  box-shadow: none;
  height: 24px;
  width: 180px;
  text-align: left;
  box-shadow: inset 1px 1px 1px rgba(150, 150, 150, 0.2);
}

input.search2[type=text] {
  border-radius: 0;
  width: 135px;
  background: transparent;
  box-shadow: none;
}

span.btn_search2 {
  position: absolute;
  right: -1px;
  top: -1px;
}

.search_wrap input[type=text]:hover {
  border: none !important;
}

.go_popup {
  z-index: 98;
}

/* ====== COMMON ====== */
.option_wrap {
  display: inline-block;
  padding: 2px 0;
  margin-right: 15px;
  min-width: 50px;
  min-height: 32px;
  letter-spacing: -0.4px;
  box-sizing: border-box;
}
.option_wrap input + label {
  margin: 5px 0;
}
.option_wrap label + input {
  margin-left: 8px;
}

p.go_alert {
  margin: 5px 0 0 0;
  color: red;
}

span.go_alert {
  color: red;
}

p.col_checkup {
  margin: 5px 0 0 0;
  color: #418417;
}

span.col_checkup {
  margin: 0 0 0 10px;
  color: #418417;
}

div.sel_in_box {
  position: relative;
  padding: 10px;
  background-color: #f9f9f9;
  border: 1px solid #ececec;
  border-radius: 3px;
}
div.sel_in_box span.desc {
  width: 80px;
}
div.vertical_wrap_s {
  margin-bottom: 3px;
}
div.vertical_wrap_s p {
  line-height: 150%;
}
div.vertical_wrap_s span.s_title {
  display: inline-block;
  text-align: right;
  padding-right: 5px;
}
div.vertical_wrap_s span.wid110 {
  width: 110px;
}
div.vertical_wrap_s span.wid150 {
  width: 150px;
}

/* margin */
.mart5 {
  margin-top: 5px;
}

.mart10 {
  margin-top: 10px;
}

.marr10 {
  margin-right: 10px;
}

.marl10 {
  margin-left: 10px;
}

.marl20 {
  margin-left: 20px;
}

.marb5 {
  margin-bottom: 5px;
}

.marb10 {
  margin-bottom: 10px;
}

.padb5 {
  padding-bottom: 5px;
}

/* size */
.w_mini {
  width: 15%;
}

.w_small {
  width: 31%;
}

.w_medium {
  width: 48%;
}

.w_large {
  width: 95%;
}

.w_max {
  width: 100%;
}

.wfix_mini {
  width: 30px;
}

.wfix_small {
  width: 70px;
}

.wfix_medium {
  width: 120px;
}

.wfix_large {
  width: 200px;
}

.wfix_max {
  width: 300px;
}

.w_full {
  width: 100%;
}

.w_half {
  width: 40%;
}

/* .w_small {width:300px}
.w_mini {width:200px} */
.w_space_r {
  width: 88%;
}

.t_num {
  text-align: right;
  width: 60px;
}

.row3 {
  height: 50px !important;
  min-height: 50px !important;
}

/* icon */
span.ic {
  display: inline-block;
  background: url(../images/admin/ic_admin.png) no-repeat 0 0;
}

ins.ic {
  display: inline-block;
  background: url(../images/admin/ic_admin.png) no-repeat 0 0;
}
ins.ic_depth {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../images/admin/bullets.png) no-repeat 0 -502px;
}

span.ic_classic {
  display: inline-block;
  background: url(../images/admin/ic_admin.png) no-repeat 0 0;
  vertical-align: middle;
}
span.ic_basket {
  background-position: -178px -19px;
  width: 16px;
  height: 16px;
}
span.ic_part {
  background-position: -100px -40px;
  width: 15px;
  height: 15px;
}
span.ic {
  vertical-align: middle;
}
span.ic_setup {
  background-position: -48px -50px;
  width: 16px;
  height: 16px;
}
span.ic_delete {
  background-position: -100px -250px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
span.ic_delete:hover {
  background-position: -150px -250px;
  width: 20px;
  height: 20px;
}
span.ic_edit {
  background-position: -100px -100px !important;
  width: 20px;
  height: 20px;
}
span.ic_edit:hover {
  background-position: -150px -100px !important;
  width: 20px;
  height: 20px;
}
span.ic_edit_done {
  background-position: -100px -150px;
  width: 20px;
  height: 20px;
}
span.ic_edit_cancel {
  background-position: -100px -200px;
  width: 20px;
  height: 20px;
}
span.ic_edit_done:hover {
  background-position: -150px -150px;
  width: 20px;
  height: 20px;
}
span.ic_edit_cancel:hover {
  background-position: -150px -200px;
  width: 20px;
  height: 20px;
}
span.ic_del {
  background-position: -178px -37px;
  width: 16px;
  height: 16px;
}
span.ic_addlist {
  background-position: 3px -39px;
  width: 16px;
  height: 14px;
}
span.ic_prev2 {
  background-position: -50px -350px;
  width: 8px;
  height: 13px;
}
span.ic_next2 {
  background-position: -50px -400px;
  width: 8px;
  height: 13px;
}
span.ic_calendar {
  background-position: -150px 0px;
  width: 16px;
  height: 16px;
}
span.ic_caution {
  background-position: -40px bottom;
  width: 17px;
  height: 17px;
}
span.ic_select {
  background-position: -35px -36px;
  width: 17px;
  height: 17px;
}
span.ic_row_add {
  background-position: -100px -300px;
  width: 19px;
  height: 19px;
  cursor: pointer;
}
span.ic_row_add:hover {
  background-position: -150px -300px;
}
span.ic_row_del {
  background-position: -100px -350px;
  width: 19px;
  height: 19px;
}
span.ic_row_del:hover {
  background-position: -150px -350px;
}
span.ic_data_type {
  display: inline-block;
  background: url(../images/admin/icon_search_result.png) no-repeat 0 0;
  width: 50px;
  height: 50px;
}
span.ic_no_comm {
  background-position: 0 -400px;
}
span.ic_no_data {
  background-position: 0 -550px;
}
span.ic_load_data {
  background-position: 0 -700px;
}
span.ic_download {
  background-position: -60px -300px;
  width: 17px;
  height: 17px;
}
span.ic_upload {
  background-position: -60px -340px;
  width: 17px;
  height: 17px;
}

@media \0 screen {
  span.ic {
    background-color: #fff;
  }
}
/* white ie8 png bug fix */
ins.ic_alert {
  background-position: 0 -450px;
  width: 15px;
  height: 15px;
}
ins.ic_alert_caution {
  background-position: -40px -450px;
  width: 15px;
  height: 15px;
}

span.ic_arrow_down_s {
  background-position: -40px -60px;
  width: 9px;
  height: 6px;
  display: inline-block;
}
span.ic_com {
  display: inline-block;
  background: url(../images/admin/ic_common.png) no-repeat 0 0;
}
span.ic_arr_open {
  width: 18px;
  height: 15px;
  background-position: 0 -500px;
}
span.ic_arr_open:hover {
  background-position: -50px -500px;
}
span.ic_arr_close {
  width: 18px;
  height: 15px;
  background-position: 0 -550px;
}
span.ic_arr_close:hover {
  background-position: -50px -550px;
}

.ic_con {
  display: inline-block;
  background: url(../images/ic_con.png) no-repeat;
  vertical-align: middle;
}

ins.ic_alert {
  background-position: 0 -960px;
  width: 15px;
  height: 15px;
}
ins.ic_alert_caution {
  background-position: -40px -960px;
  width: 15px;
  height: 15px;
}

span.btn_del_light {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../images/ic_con.png) no-repeat -100px -150px;
}

.ic_arrow_type4 {
  background-position: -100px -600px;
  width: 10px;
  height: 10px;
}

.ic_arrow_type5 {
  background-position: -100px -650px;
  width: 10px;
  height: 10px;
}

span.icon_update_check {
  display: inline-block;
  background: url(../images/admin/icon_update_check.png) no-repeat 0 0;
  width: 17px;
  height: 17px;
  vertical-align: top;
  margin-top: -2px;
  margin-left: 25px;
}
span.ic_pass {
  background-position: 0 0;
}
span.ic_fail {
  background-position: 0 -17px;
}
span.ic_back {
  background-position: -80px -450px;
  width: 10px;
  height: 11px;
  margin: 0 !important;
}

/* tab menu */
div.tab_menu_wrap {
  margin: 36px 0 24px;
  padding: 0;
  display: block;
}

ul.tab_menu {
  overflow: hidden;
  margin-bottom: -1px;
}
ul.tab_menu li {
  float: left;
  margin-right: 8px;
  border: 1px solid #dcdee1;
  padding: 8px 16px;
  border-radius: 32px;
  z-index: 1;
  cursor: pointer;
}
ul.tab_menu li.pad_more {
  padding: 8px 40px;
}
ul.tab_menu li span.txt {
  font-size: 14px;
  color: #4a4b4c;
  font-family: "pretendardvariable", gulim;
  line-height: 22px;
}
ul.tab_menu li:hover {
  border-color: #38393a;
}
ul.tab_menu li.active, ul.tab_menu li.ui-state-active {
  cursor: default;
  border: 1px solid #38393a;
}
ul.tab_menu li.active span.txt, ul.tab_menu li.ui-state-active span.txt {
  font-weight: 500;
  color: #1c1c1c;
}

.target_select {
  margin: 0 0 24px;
  padding: 0;
  display: block;
  overflow: hidden;
}
.target_select a {
  float: left;
  margin-right: 8px;
  border: 1px solid #dcdee1;
  padding: 8px 16px;
  border-radius: 32px;
  z-index: 1;
  cursor: pointer;
  font-size: 14px;
  color: #4a4b4c;
  font-family: "pretendardvariable", gulim;
  line-height: 22px;
}
.target_select a:hover {
  border-color: #38393a;
}
.target_select a.selected-target {
  cursor: default;
  border: 1px solid #38393a;
  font-weight: 500;
  color: #1c1c1c;
}

/*tab menu container style*/
.container .header div.tab_menu_wrap {
  margin: 0 0 0 5px;
  padding-top: 5px;
  border: none;
}
.container .header div.tab_menu_wrap ul.tab_menu li {
  border: none;
  background: none;
}
.container .header div.tab_menu_wrap ul.tab_menu li:first-child {
  margin-left: 0;
}
.container .header div.tab_menu_wrap ul.tab_menu li.active, .container .header div.tab_menu_wrap ul.tab_menu li.ui-state-active {
  background: #f8f8f8;
}
.container .header div.tab_menu_wrap ul.tab_menu li.active {
  border: 1px solid #dfdfdf;
  border-bottom: none;
}

/* help ui */
span.help {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(../images/admin/ic_admin.png) no-repeat 0 -60px;
  margin-left: 1px;
  cursor: pointer;
  vertical-align: middle;
  letter-spacing: 0;
  line-height: 17px;
}
span.help > span {
  z-index: 2;
  display: none;
  font-size: 12px;
  font-family: "pretendardvariable", dotum;
}
span.help:hover > span {
  position: relative;
  display: block;
  position: absolute;
  top: 1px;
  left: 26px;
  background: #444;
  width: 185px;
  color: #ddd;
  border-radius: 3px;
  padding: 5px;
  font-weight: normal;
  text-indent: 0;
  z-index: 1;
}
span.help:hover > span i {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px 6px 10px 0;
  border-style: solid;
}
span.help:hover > span i.tail_left {
  top: 3px;
  left: -7px;
  z-index: 2;
  border-right: 7px solid #444;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
span.help:hover > span.top {
  top: 30px;
  left: -178px;
}
span.help:hover > span.top i {
  border-width: 0 10px 6px 10px;
}
span.help:hover > span.top i.tail_top {
  top: -7px;
  right: 1px;
  z-index: 2;
  border-width: 0 10px 6px 10px;
  border-bottom: 9px solid #444;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
}

/* select move area */
.sel_m_area {
  position: relative;
  overflow: hidden;
}
.sel_m_area .sel_l,
.sel_m_area .sel_btn,
.sel_m_area .sel_r {
  float: left;
}
.sel_m_area .sel_l li,
.sel_m_area .sel_r li {
  margin: 0 0 5px 0;
}
.sel_m_area .sel_btn {
  width: 70px;
}
.sel_m_area .sel_btn li {
  width: 46px;
  margin: 0 auto;
  vertical-align: middle;
}
.sel_m_area .sel_btn li span.del {
  color: red;
}
.sel_m_area .sel_l .wfix_large {
  width: 230px;
}
.sel_m_area .sel_r .wfix_large {
  width: 230px;
}
.sel_m_area .sel_r input.wfix_large {
  width: 183px;
}

/*layer_normal*/
div.layer_normal {
  position: absolute;
  width: 460px;
  border-radius: 16px;
  background: #fff;
}
div.layer_normal div.content {
  position: relative;
  padding: 20px 10px;
  overflow: hidden;
}
div.layer_normal div.content .name_tag li .btn_wrap .ic_del {
  position: static;
  top: initial;
  left: initial;
}
div.layer_normal div.content span.ic_del {
  position: absolute;
  right: 5px;
  top: 5px;
}
div.layer_normal div.content input {
  box-sizing: border-box;
}
div.layer_normal div.tool_bar {
  padding: 10px 0 0 0;
}
div.layer_normal p.desc {
  margin: 0 0 6px 0;
}
div.layer_normal p a {
  color: #1e8d98;
}
div.layer_normal h3 {
  margin: 0 0 14px 0;
}
div.layer_normal footer div.page_action {
  margin: 10px auto;
}
div.layer_normal footer div.page_action span {
  padding: 5px 7px;
  font-size: 12px;
}
div.layer_addr_import div.content table.table_form_mini th {
  width: 110px !important;
}
div.layer_addr_import div.content table.table_form_mini td .option_wrpa {
  padding-top: 7px;
}

table.table_form_mini th {
  width: 90px;
  text-align: left;
  color: #999;
}
table.table_form_mini td {
  padding: 3px 0;
}

/* layer_notice */
div.layer_notice {
  position: absolute;
  top: 100px;
  width: 300px;
  background: #fff;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
}
div.layer_notice > header {
  position: relative;
  padding: 11px 20px 21px;
  background: #0b9aa2;
  height: 11px;
}
div.layer_notice header h1 {
  color: #fff;
  font-weight: bold;
  font-size: 15px;
}
div.layer_notice div.content {
  width: auto;
  overflow-y: auto;
  min-height: 200px;
  padding: 20px;
}
div.layer_notice div.content div.editor_view {
  margin: 0;
}
div.layer_notice p.desc {
  margin: 5px 0 6px 0;
  text-align: left;
  line-height: 140%;
}
div.layer_notice h3 {
  margin: 0 0 14px 0;
}
div.layer_notice select {
  border: 1px solid #cfcfcf;
  color: #666666;
  font-weight: bold;
  font-size: 12px;
  font-weight: normal;
  height: 26px;
  line-height: 25px;
  padding: 2px;
}
div.layer_notice div.content div.dataTables_paginate {
  line-height: 1;
}
div.layer_notice span.title {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0px;
  font-weight: bold;
  font-size: 12px;
  font-family: "pretendardvariable", dotum;
  color: #888;
}
div.layer_notice table.form_type {
  margin: 0;
}
div.layer_notice table.form_type tr td {
  padding-right: 10px;
}
div.layer_notice table.type_normal span.size {
  font-size: 12px;
}
div.layer_notice table.form_type th {
  padding-left: 0;
}
div.layer_notice table.form_type td {
  padding-right: 0;
}
div.layer_notice div.last {
  margin-bottom: 0;
}
div.layer_notice table.form_type th span.title {
  color: #999;
}
div.layer_notice div.editor_view a {
  color: #2eacb3;
  font-family: tahoma;
  margin-right: 10px;
}
div.layer_notice div.content div.notice {
  border-bottom: 1px solid #e3e3e3;
}
div.layer_notice div.feed.origin {
  text-align: left;
  margin: 15px 0px;
}
div.notice_type1 {
  left: 100px;
  width: 400px;
}
div.notice_type2 {
  left: 100px;
  width: 520px;
}
div.notice_type3 {
  left: 100px;
  width: 800px;
}
div.notice_type1 div.content, div.notice_type2 div.content, div.notice_type3 div.content {
  max-height: 481px;
}
div.layer_notice footer.btn_layer_wrap {
  margin-bottom: 0;
}

footer.notice_action {
  margin: 0;
  padding: 0 0 8px;
}
footer.notice_action div.layer_action {
  border-top: 1px solid #e3e3e3;
  text-align: right;
  padding-right: 20px;
}
footer.notice_action span.wrap_option {
  vertical-align: top;
  margin-top: 4px;
}
footer.notice_action span.wrap_option label {
  font-size: 11px;
  font-family: "pretendardvariable", dotum;
  color: #888;
  vertical-align: middle;
}
footer.notice_action span.wrap_btn {
  display: inline-block;
  padding-top: 10px;
  vertical-align: top;
  margin-left: 2px;
}

a.btn_layer_bigx {
  position: absolute;
  top: 0px;
  right: 0;
  padding: 0;
}
a.btn_layer_bigx span.ic {
  display: inline-block;
  width: 41px;
  height: 41px;
  background: url(../images/ic_con.png) no-repeat -253px -524px;
  vertical-align: top;
}
a.btn_layer_bigx span.txt {
  display: none;
}
a.btn_layer_bigx:hover {
  background-color: #018d95;
}

/*layer_confirm*/
div.layer_confim {
  position: absolute;
  width: 400px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.2);
}
div.layer_confim header {
  position: relative;
}
div.layer_confim header .btn_layer_x {
  display: none;
}
div.layer_confim div.content {
  padding: 24px;
  /*min-height: 50px;*/
  text-align: left;
}
div.layer_confim p.q {
  margin: 0 0 24px;
  font-size: 20px;
  line-height: 150%;
  font-weight: bold;
  letter-spacing: -1px;
  color: #1c1c1c;
}
div.layer_confim p.desc {
  color: #1c1c1c;
  font-size: 14px;
}
div.layer_confim p.noti {
  margin: 0 0 5px 0;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -1px;
}
div.layer_confim p.add {
  color: #999;
}

footer.btn_layer_wrap,
.btn_layer_wrap {
  padding: 8px 24px 24px;
  text-align: center;
  display: flex;
  flex-direction: row-reverse;
  gap: 12px;
}
footer.btn_layer_wrap .btn_major_s,
footer.btn_layer_wrap .btn_minor_s,
.btn_layer_wrap .btn_major_s,
.btn_layer_wrap .btn_minor_s {
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 6px;
}
footer.btn_layer_wrap .btn_minor_s,
.btn_layer_wrap .btn_minor_s {
  background: none;
  border: 0;
}
footer.btn_layer_wrap .btn_minor_s:hover,
.btn_layer_wrap .btn_minor_s:hover {
  background: #f5f6f8;
}

a.btn_layer_x {
  position: absolute;
  top: 0px;
  right: 0;
  margin: 8px;
  padding: 4px;
  border-radius: 8px;
}
a.btn_layer_x span.ic {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/admin/sample/16x16/actions/edit_delete_mail_g.png) no-repeat 0 0;
  vertical-align: middle;
  background-size: 24px 24px;
}
a.btn_layer_x span.txt {
  display: none;
}
a.btn_layer_x:hover {
  background: #f5f6f8;
}

.tLoginWrap a.btn_layer_x span.ic {
  background: url(../images/admin/ic_admin.png) no-repeat 0 -240px;
  width: 13px;
  height: 12px;
  display: inline-block;
}
.tLoginWrap a.btn_layer_x:hover {
  background: transparent;
}
.tLoginWrap a.btn_layer_x:hover span.ic {
  background-position: -30px -240px;
}
.tLoginWrap div.layer_confim_front {
  width: 300px;
}

/* Go */
.layer_organogram {
  background: transparent !important;
  border: 0 !important;
}
.layer_organogram aside.go_organogram {
  background: #fff !important;
  border-radius: 16px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16) !important;
}
.layer_organogram aside.go_organogram .option_wrap {
  color: #c2c2c2;
}
.layer_organogram aside.go_organogram .desc {
  color: #c2c2c2;
  display: none;
}
.layer_organogram aside.go_organogram div.data_info {
  margin: 5px 10px;
}
.layer_organogram aside.go_organogram ul.name_tag li {
  border-radius: 3px;
  margin: 2px 4px 2px 0;
}
.layer_organogram .btn_layer_wrap,
.layer_organogram div.layer_action {
  border-top: none;
  padding: 10px 0;
  margin: 0 !important;
}
.layer_organogram .btn_layer_wrap .btn_minor_s,
.layer_organogram div.layer_action .btn_minor_s {
  margin: 0 auto;
}

div.layer_side a.btn_layer_x span.ic {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/ic_2x_admin.png) no-repeat 0px -150px;
  vertical-align: middle;
}
div.layer_side a.btn_layer_x:hover {
  background: none;
}
div.layer_side footer.btn_layer_wrap {
  cursor: move;
  border: none;
  margin-bottom: 10px;
  padding-top: 10px;
}
div.layer_side footer.btn_layer_wrap .btn_major_s {
  background: url(../images/bg_btn_dark.png) repeat-x 0 0;
  color: #fff;
  border: none;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
div.layer_side footer.btn_layer_wrap .btn_minor_s {
  background: url(../images/bg_btn_dark.png) repeat-x 0 -50px;
  color: #fff;
  border: none;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
div.layer_side aside.go_organogram .search_wrap {
  margin: 0px 9px 5px 9px;
}
div.layer_side hr {
  margin: 0 10px;
  border-bottom: 1px dotted #d9d9d9;
}
div.layer_side ul.member_list {
  margin: 7px 10px 0 10px;
}
div[role=grid] div.dataTables_scrollHead {
  border: 0 !important;
  border-bottom: 1px solid #ddd !important;
}
div[role=grid] div.dataTables_scrollBody {
  border-left: 0 !important;
}

/* scroll */
td.sub1 ins.ic_depth {
  margin-left: 2px;
}
td.sub2 ins.ic_depth {
  margin-left: 17px;
}

/*---- layer_confirm  ----*/
.layer_confim_front {
  position: absolute;
  width: 180px;
  padding: 50px 30px 20px 30px;
  background: #f5f5f5;
  border: 1px solid #babbbb;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #c9c9c9;
}
.layer_confim_front footer.btn_layer_wrap {
  border: none;
}
.layer_confim_front .btn_layer_x {
  border: none;
}
.layer_confim_front .btn_layer_x:hover {
  border-radius: none;
  background: none;
}
.layer_confim_front .content {
  width: 100%;
  text-align: center;
}
.layer_confim_front .info {
  margin-top: 10px;
  color: #37acb2;
}
.layer_confim_front .btn_layer_wrap {
  margin-top: 20px;
  padding-top: 0;
}
.layer_confim_front .btn_layer_wrap a.btn_bk {
  padding: 10px 20px;
  font-size: 12px;
}

.layer_sleeping {
  width: 200px;
}

/*------------------  go_organogram  -----------------*/
aside.go_organogram {
  z-index: 90;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 10px 0px;
  /*border-top:2px solid #888; border-left:1px solid #999; border-right:2px solid #999;*/
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), 0 -2px 2px rgba(0, 0, 0, 0.2);
}
aside.go_organogram > h1 {
  padding: 0 10px 3px 10px;
  position: relative;
  vertical-align: middle;
  line-height: 22px;
}
aside.go_organogram > h1 ins,
aside.go_organogram > h1 span.txt {
  display: none;
}
aside.go_organogram > h1 a {
  line-height: 22px;
}
aside.go_organogram > h1 span.txt {
  font-size: 14px;
  line-height: 14px;
}
aside.go_organogram ins.ic {
  padding-right: 3px;
  vertical-align: middle;
}
aside.go_organogram > h1 a ins.ic {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/sample/22x22/actions/wallet_open.png) no-repeat 0 0;
  margin-right: 3px;
}
aside.go_organogram > h1 span.btn_wrap {
  position: absolute;
  right: 8px;
  top: 4px;
}
aside.go_organogram > h1 span.btn_wrap a.btn_close {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/sample/22x22/actions/1uparrow.png) no-repeat 0 0;
}
aside.go_organogram > h1 span.btn_wrap a.btn_close span.txt {
  display: none;
}
aside.go_organogram > h1 span.btn_wrap a.btn_open {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/sample/22x22/actions/1downarrow.png) no-repeat 0 0;
}
aside.go_organogram > h1 span.btn_wrap a.btn_open span.txt {
  display: none;
}
aside.go_organogram > h1 span.btn_wrap a.btn_resize {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/sample/22x22/actions/transform_move.png) no-repeat 0 0;
}
aside.go_organogram > h1 span.btn_wrap span.txt {
  display: none;
}
aside.go_organogram .desc {
  margin-left: 10px;
  font-size: 11px;
  letter-spacing: -1px;
}
aside.go_organogram .tab_wrap {
  margin: 0 24px;
}
aside.go_organogram .tab_wrap .content_tab_wrap {
  background: #fff !important;
  border: 0;
}
aside.go_organogram ul.tab_nav {
  position: relative;
  top: 1px;
  margin: 7px 0 0 0;
  height: 26px;
}
aside.go_organogram ul.tab_nav li {
  height: 25px;
  border: none;
  background: none;
  margin-right: 2px !important;
  padding: 0 10px;
}
aside.go_organogram ul.tab_nav li.ui-state-active {
  border: 1px solid #bbb;
  border-radius: 5px 5px 0 0;
  border-bottom-color: #fefefe;
  background: #fefefe;
}
aside.go_organogram ul.tab_nav li:hover a {
  color: #444;
}
aside.go_organogram ul.tab_nav li.ui-state-active:hover {
  border: 1px solid #bbb;
  border-radius: 5px 5px 0 0;
  border-bottom-color: #fefefe;
}
aside.go_organogram ul.tab_nav li a {
  color: #999;
  line-height: 22px;
}
aside.go_organogram ul.tab_nav li.ui-state-active a {
  color: #3b3b3b;
  font-weight: bold;
}
aside.go_organogram div.search_wrap + div.desc {
  padding: 6px 0 1px;
}
aside.go_organogram .search_wrap {
  margin: 0px 30px 5px 9px;
  width: auto;
  border: 0;
  /*padding-right:45px;*/
  overflow: hidden;
}
aside.go_organogram .search_wrap input.search {
  width: 230px;
  height: 36px;
  padding: 5px;
  color: #484848;
  box-shadow: none;
  width: 100%;
  color: #fff;
  border: none;
}
aside.go_organogram .search_wrap input.search[placeholder] {
  width: 100%;
  background: #f5f6f8;
  padding-left: 28px;
  color: #1c1c1c;
  box-sizing: border-box;
}
aside.go_organogram .search_wrap input.btn_search {
  display: none;
  position: absolute;
  left: 8px;
  top: 8px;
  width: 20px;
  height: 20px;
  padding: 5px 0px;
  background: url(../images/ic_2x_admin.png) no-repeat -50px -150px !important;
  border-radius: 4px;
}
aside.go_organogram .search_wrap input.btn_search:hover {
  background: #eee;
}
aside.go_organogram .search_wrap:hover input.btn_search {
  background: #a9aeb5 url(../images/ic_gnb.png) no-repeat 0px -593px;
  cursor: pointer;
}
aside.go_organogram .search_wrap:focus input.btn_search {
  background: #999;
}
aside.go_organogram .search_wrap input.btn_search:focus {
  background-color: #999;
}
aside.go_organogram .search_wrap input.btn_search:active {
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5);
}
aside.go_organogram .search_wrap input.btn_search[value] {
  color: #fff;
  text-indent: -10000px;
}
aside.go_organogram .search_wrap:hover {
  border-color: #606060;
}
aside.go_organogram .search_wrap:focus {
  border-color: #606060;
  box-shadow: 0px 0px 3px rgba(186, 186, 186, 0.5);
}
aside.go_organogram .search_focus {
  border-color: #606060;
  box-shadow: 0px 0px 3px rgba(186, 186, 186, 0.5);
}
aside.go_organogram .bar {
  margin-top: 8px;
  height: 2px;
  background: url(../images/bg_bar_gray.png) repeat-x;
}

.go_organogram div.xhidden {
  overflow-x: hidden;
}
.go_organogram .bottom_action {
  margin: 10px 0;
}
.go_organogram a.btn_list_reload {
  min-width: 200px;
  padding: 5px 0px;
  font-weight: bold;
  text-align: center;
  font-weight: normal;
}

.layer_side aside.go_organogram {
  padding: 0px 0 0 0;
}

.layer_organogram p.data_null {
  margin-top: 30px;
}

.layer_side {
  /*position:absolute;*/
  position: fixed;
  right: 0;
  top: 59px;
  width: 250px;
  height: px;
  background: #434343 url(../images/bg_darkgray.png) no-repeat -50px 0;
  border: 1px solid #444;
  /*box-shadow:inset 1px 1px 1px rgba(255,255,255,0.2), 0 0 8px rgba(0, 0, 0, 0.5)*/
}
.layer_side p.desc {
  margin: 0 10px;
  line-height: 1.5;
  letter-spacing: -1px;
}
.layer_side a.btn_layer_x {
  border: none;
  border-radius: 0;
}

.layer_organogram {
  width: 320px;
}
.layer_organogram aside.go_organogram {
  position: static;
  width: 100%;
}
.layer_organogram aside.go_organogram header {
  cursor: move;
  position: static;
  margin-bottom: 5px;
  padding: 16px 0 4px;
}
.layer_organogram aside.go_organogram header h1 {
  margin-left: 24px;
}
.layer_organogram aside.go_organogram header h1 .txt {
  color: #1c1c1c;
  font-size: 18px;
  font-weight: normal;
}
.layer_organogram div.vertical_wrap {
  margin: 5px 0;
}
.layer_organogram aside.go_organogram ul.name_tag {
  overflow-y: auto;
  max-height: 80px;
}

div.content_tab_wrap {
  width: 100%;
  min-height: 110px;
  border: 1px solid #bbb;
  border-radius: 0 0 5px 5px;
  overflow-y: auto;
  margin: 0;
  background-color: #f2f2f2 !important;
}
div.content_wrap {
  margin: 5px 10px 0 10px;
  min-height: 110px;
  border: 1px solid #bbb;
  overflow-y: auto;
}
div.layer_side a.btn_layer_x {
  top: 8px;
  right: 12px;
}
div.layer_side a.btn_layer_x span.ic {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/ic_2x_admin.png) no-repeat 0px -150px;
  vertical-align: middle;
}
div.layer_side a.btn_layer_x:hover {
  background: none;
}
div.layer_side footer.btn_layer_wrap {
  cursor: move;
  border: none;
  margin-bottom: 10px;
  padding-top: 10px;
}
div.layer_side footer.btn_layer_wrap .btn_major_s {
  background: #d94e5c;
  color: #fff;
  border: none;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
div.layer_side footer.btn_layer_wrap .btn_minor_s {
  background: #96989e;
  color: #fff;
  border: none;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
div.layer_side aside.go_organogram .search_wrap {
  margin: 0px 24px 5px 24px;
}
div.layer_side hr {
  margin: 0 10px;
  border-bottom: 1px dotted #d9d9d9;
}
div.layer_side ul.member_list {
  margin: 7px 10px 0 10px;
}
div.layer_addMenu {
  width: 560px;
}
div.layer_addMenu table th {
  width: 160px;
  vertical-align: top;
  padding-top: 8px;
}
div.layer_addMenu table td {
  padding: 7px 5px;
}
div.layer_addMenu table td input {
  box-sizing: border-box;
}
div.layer_addMenu table td p {
  margin: 0;
  padding-bottom: 10px;
}
div.layer_addMenu table td .option_wrap {
  padding: 5px 0;
}

/* ====== layer_individual_style ====== */
/* ----------- logo info ----------- */
span.img_logo {
  display: inline-block;
  position: relative;
  border-radius: 3px;
  background: #eee;
  width: 200px;
  height: 50px;
  vertical-align: bottom;
  overflow: hidden;
}
span.img_logo img {
  border-radius: 3px;
  width: 100%;
}
span.img_logo span.btn_edit_logo {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
  display: block;
  background: #222;
  color: #fff;
  text-align: center;
  padding: 3px 0;
  border-radius: 0 0 3px 3px;
  filter: Alpha(Opacity=40);
  opacity: 0.4;
}
span.img_logo:hover span.btn_edit_logo {
  filter: Alpha(Opacity=70);
  opacity: 0.7;
}

/*--------------------------------- jquery tree js css ---------------------------------*/
/* member_list */
ul.member_list {
  margin: 10px;
}
ul.member_list li a {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 1px 2px;
  width: 205px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.member_list li a span,
ul.member_list li a ins {
  vertical-align: top;
}
ul.member_list span.name {
  display: inline-block;
  font-weight: bold;
  max-width: 75px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.member_list span.username {
  display: inline-block;
  font-weight: bold;
  max-width: 175px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.member_list span.position {
  display: inline-block;
  max-width: 73px;
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.member_list span.email {
  display: inline-block;
  max-width: 105px;
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.member_list span.part {
  display: inline;
  color: #888;
  margin-left: 5px;
}

.img_loader_small {
  min-height: 20px;
  text-align: center;
  background: url(../images/img_loader_s.gif) no-repeat 50% 0;
}

.img_loader_large {
  min-height: 50px;
  text-align: center;
  background: url(../images/img_loader_l.gif) no-repeat 50% 0;
}

/* icon */
ins.worker {
  display: inline-block;
  background: url(../images/ic_con.png) -150px -49px;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
ins.member {
  display: inline-block;
  background: url(../images/ic_tree.png) -43px -43px;
  width: 14px;
  height: 14px;
  margin-right: 3px;
}
ins.master {
  display: inline-block;
  background: url(../images/ic_tree.png) -23px -43px;
  width: 14px;
  height: 14px;
  margin-right: 3px;
}
ins.group {
  display: inline-block;
  background: url(../images/ic_tree.png) -3px -43px;
  width: 14px;
  height: 14px;
  margin-right: 3px;
}
ins.team {
  display: inline-block;
  background: url(../images/ic_con.png) -100px -50px;
  width: 15px;
  height: 14px;
  margin-right: 3px;
}

div.jstree-default {
  padding: 5px;
}
div.jstree-default li {
  background: url(../images/ic_tree.png) repeat-y -60px 0;
}
div.jstree-default li.jstree-leaf > ins {
  background: url(../images/ic_tree.png) no-repeat -40px 0px;
}
div.jstree-default li a {
  vertical-align: middle;
  height: 18px;
  line-height: 18px;
}
div.jstree-default li ins {
  vertical-align: middle;
}
div.jstree-default li > ins {
  vertical-align: top;
}
div.jstree-default li.jstree-open > ins {
  background: url(../images/ic_tree.png) no-repeat -20px -20px;
}
div.jstree-default li.jstree-closed > ins {
  background: url(../images/ic_tree.png) no-repeat 0px -20px;
}
div.jstree-default li > a[rel=org] {
  font-weight: bold;
}
div.jstree-default li > a[rel=org] > ins.jstree-icon {
  display: none;
}
div.jstree-default li > a[rel=master] > ins.jstree-icon, div.jstree-default li > a[rel=moderator] > ins.jstree-icon {
  background: url(../images/ic_tree.png) no-repeat -20px -43px;
}
div.jstree-default li > a[rel=member] > ins.jstree-icon {
  background: url(../images/ic_tree.png) no-repeat -40px -43px;
}

/*div.jstree-default.jstree-focused {background:#fefefe}*/
.jstree a.drop_hover {
  min-width: 130px;
}
.jstree a.drop_hover.jstree-clicked {
  background: none;
  border: none;
}
.jstree a.drop_active {
  background-color: #e1f5f6;
  border-color: #235a7f;
  color: red;
}
.jstree a.drop_active_disable {
  color: #235a7f;
  opacity: 0.5;
}
.jstree a.drop_highlight {
  border-radius: 3px;
  border: 2px dotted #ffab49;
  font-weight: bold;
}

div.jstree-default li[rel=org] > a {
  font-weight: bold;
}
div.jstree-default li[rel=org] > a > ins.jstree-icon {
  display: none;
}

.content_org .jstree > ul > li > ul > li a {
  font-weight: normal;
}

div.jstree-default li[rel=master] > a > ins.jstree-icon {
  background: url(../images/ic_tree.png) no-repeat -20px -43px;
}
div.jstree-default li[rel=member] > a > ins.jstree-icon {
  background: url(../images/ic_tree.png) no-repeat -40px -43px;
}
div.jstree-default .jstree-focused {
  background-color: #d2ebfb;
  border: 1px solid #b8def7;
  border-radius: 3px;
}

ul.member_list .jstree-focused,
div.jstree-default .jstree-clicked,
ul.member_list .jstree-clicked {
  background-color: #d2ebfb;
  border: 1px solid #b8def7;
  border-radius: 3px;
}

div.jstree-default .jstree-hovered,
ul.member_list .jstree-hovered {
  background-color: #f0f9ff;
  border: 1px solid #b8def7;
  border-radius: 3px;
}

.option_display {
  border: 1px dashed #ddd;
  padding: 16px 24px도;
  margin: 5px 0 10px;
  border-radius: 12px;
}
.option_display table tr td {
  border-bottom: none;
}
.option_display table + .content_tb {
  border-top: 1px solid #cfd1d4;
}
.option_display.option_filter table, .option_display.option_filteretc table, .option_display.option_personal_info table {
  width: inherit;
  min-width: 445px;
}
.option_display.option_filter td {
  white-space: nowrap;
  width: 150px;
}
.option_display.option_filter td select,
.option_display.option_filter td input {
  width: 95%;
}
.option_display.option_filter td.st_4 {
  width: 60px;
}
.option_display.option_filteretc td {
  white-space: nowrap;
  width: 150px;
}
.option_display.option_filteretc td.st_2 input {
  width: 65px;
}
.option_display.option_filteretc td.st_2 select {
  width: 75px;
}
.option_display.option_filteretc td select,
.option_display.option_filteretc td input {
  width: 95%;
}
.option_display.option_filteretc td.st_4 {
  width: 60px;
}
.option_display.option_personal_info td {
  white-space: nowrap;
  width: 150px;
}
.option_display.option_personal_info td select,
.option_display.option_personal_info td input {
  width: 95%;
}
.option_display.option_personal_info td.st_2 {
  width: 270px;
  min-width: 270px;
}
.option_display.option_personal_info td.st_2 select {
  max-width: 120px;
}
.option_display.option_personal_info td.st_2 input {
  width: 50px;
}
.option_display.option_personal_info td.st_3 {
  width: 90px;
  min-width: 80px;
}
.option_display.option_personal_info td.st_4 {
  width: 60px;
}
.option_display .content_tb {
  margin-top: 5px;
}

.caution {
  color: #ee3b4c !important;
}

.important {
  color: #5083c1 !important;
}

.invalid {
  color: #ee3b4c;
}

input.error {
  border: 1px solid #ee2e2e !important;
}
input.error + label.error {
  margin-top: 4px;
  padding: 0;
}

label.error {
  display: block;
  color: #ee3b4c;
  padding: 0px 5px;
}

.option_group {
  margin: 10px 15px;
}

.header_group + .option_group {
  padding-top: 6px;
  box-sizing: border-box;
  min-height: 37px;
}

.col1 .header_group + .option_group {
  margin-bottom: -5px;
}

div.col2 div.header_group {
  position: relative;
}
div.col2 div.header_group span.btn_wrap {
  position: absolute;
  top: 0;
  right: 0;
}
div.optional span.btn_wrap {
  position: static !important;
}

.org_mail,
.org_code {
  display: inline-block;
  margin-left: 10px;
}

span.domain {
  font: bold 12px tahoma, dotum;
  color: #8f8f8f;
}

.jstree ul {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
}
.jstree li {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
  display: block;
  min-height: 18px;
  line-height: 18px;
  white-space: nowrap;
  margin-left: 18px;
  min-width: 18px;
}

.jstree-rtl li {
  margin-left: 0;
  margin-right: 18px;
}

.jstree > ul > li {
  margin-left: 0px;
}

.jstree-rtl > ul > li {
  margin-right: 0px;
}

.jstree ins {
  display: inline-block;
  text-decoration: none;
  width: 18px;
  height: 18px;
  margin: 0 0 0 0;
  padding: 0;
}
.jstree a {
  display: inline-block;
  line-height: 16px;
  height: 16px;
  color: black;
  white-space: nowrap;
  text-decoration: none;
  padding: 1px 2px;
  margin: 0;
}
.jstree a:focus {
  outline: none;
}
.jstree a > ins {
  height: 16px;
  width: 16px;
}
.jstree a > .jstree-icon {
  margin-right: 3px;
}

.jstree-rtl a > .jstree-icon {
  margin-left: 3px;
  margin-right: 0;
}

li.jstree-open > ul {
  display: block;
}
li.jstree-closed > ul {
  display: none;
}

#vakata-dragged ins {
  display: block;
  text-decoration: none;
  width: 16px;
  height: 16px;
  margin: 0 0 0 0;
  padding: 0;
  position: absolute;
  top: 4px;
  left: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
#vakata-dragged .jstree-ok {
  background: green;
}
#vakata-dragged .jstree-invalid {
  background: red;
}

#jstree-marker {
  padding: 0;
  margin: 0;
  font-size: 12px;
  overflow: hidden;
  height: 12px;
  width: 8px;
  position: absolute;
  top: -30px;
  z-index: 10001;
  background-repeat: no-repeat;
  display: none;
  background-color: transparent;
  text-shadow: 1px 1px 1px white;
  color: black;
  line-height: 10px;
}

#jstree-marker-line {
  padding: 0;
  margin: 0;
  line-height: 0%;
  font-size: 1px;
  overflow: hidden;
  height: 1px;
  width: 100px;
  position: absolute;
  top: -30px;
  z-index: 10000;
  background-repeat: no-repeat;
  display: none;
  background-color: #456c43;
  cursor: pointer;
  border: 1px solid #eeeeee;
  border-left: 0;
  -moz-box-shadow: 0px 0px 2px #666;
  -webkit-box-shadow: 0px 0px 2px #666;
  box-shadow: 0px 0px 2px #666;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-border-radius: 1px;
}

.jstree .jstree-real-checkbox {
  display: none;
}

.jstree-themeroller .ui-icon {
  overflow: visible;
}
.jstree-themeroller a {
  padding: 0 2px;
}
.jstree-themeroller .jstree-no-icon {
  display: none;
}

.jstree .jstree-wholerow-real {
  position: relative;
  z-index: 1;
}
.jstree .jstree-wholerow-real li {
  cursor: pointer;
}
.jstree .jstree-wholerow-real a {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.jstree .jstree-wholerow {
  position: relative;
  z-index: 0;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.jstree .jstree-wholerow ul,
.jstree .jstree-wholerow li {
  width: 100%;
}
.jstree .jstree-wholerow ul,
.jstree .jstree-wholerow li,
.jstree .jstree-wholerow a {
  margin: 0 !important;
  padding: 0 !important;
}
.jstree .jstree-wholerow ul,
.jstree .jstree-wholerow li {
  background: transparent !important;
}
.jstree .jstree-wholerow ins,
.jstree .jstree-wholerow span,
.jstree .jstree-wholerow input {
  display: none !important;
}
.jstree .jstree-wholerow a {
  text-indent: -9999px !important;
  width: 100%;
  padding: 0 !important;
  border-right-width: 0px !important;
  border-left-width: 0px !important;
}
.jstree .jstree-wholerow a:hover {
  text-indent: -9999px !important;
  width: 100%;
  padding: 0 !important;
  border-right-width: 0px !important;
  border-left-width: 0px !important;
}
.jstree .jstree-wholerow-span {
  position: absolute;
  left: 0;
  margin: 0px;
  padding: 0;
  height: 18px;
  border-width: 0;
  padding: 0;
  z-index: 0;
}

div.optional span.btn_wrap span.btn_h {
  padding: 4px 10px 3px;
}

/* ===== Login ===== */
body.tLoginWrap {
  background: none;
  min-height: 550px;
  background-color: #fff;
}
body.tLoginWrap div.tTop {
  background: #fafafa;
  border-color: #f5f5f5;
}

.go_intro {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
}

.custom_visual {
  text-align: center;
  margin: 0 40px 60px;
}
.custom_visual img {
  margin-top: 0;
  width: 264px;
  height: 100px;
  background-size: 274px 100px;
}

.go_intro section.login_box {
  position: relative;
  padding: 40px 0;
}
.go_intro section.login_box .login_pw {
  margin-top: 12px;
}
.go_intro section.login_box .wrap_inp {
  margin-top: 12px;
}
.go_intro section.login_box .wrap_inp input {
  padding: 12px 10px;
  box-sizing: border-box;
}
.go_intro section.login_box fieldset {
  position: relative;
  text-align: center;
  /* 2차 인증 */
}
.go_intro section.login_box fieldset legend {
  display: none;
  height: 0;
}
.go_intro section.login_box fieldset label.title {
  width: 75px;
  font: bold 12px gulim;
  color: #616a6f;
  display: none;
}
.go_intro section.login_box fieldset label.tit {
  display: block;
  text-align: left;
  font-size: 14px;
}
.go_intro section.login_box fieldset .wrap_2fa {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.go_intro section.login_box fieldset .wrap_2fa .wrap_inp {
  position: relative;
  flex-grow: 1;
}
.go_intro section.login_box fieldset .wrap_2fa .wrap_inp input {
  padding-right: 80px;
}
.go_intro section.login_box fieldset .wrap_2fa .wrap_inp .wrap_time_check {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  gap: 4px;
  align-items: center;
}
.go_intro section.login_box fieldset .wrap_2fa .wrap_inp .wrap_time_check .time {
  width: 38px;
  color: #e84b4b;
  line-height: 150%;
}
.go_intro section.login_box fieldset .wrap_2fa .btn_minor_s {
  min-width: 68px;
  margin-top: 12px;
  padding: 10px;
  white-space: nowrap;
}
.go_intro .glad_box {
  position: relative;
}
.go_intro label.title {
  display: inline-block;
  font-size: 14px;
  text-align: right;
  font-weight: bold;
  letter-spacing: -1px;
}
.go_intro .glad_box {
  margin: 10px 0 0 72px;
  padding-top: 20px;
}
.go_intro .glad_box label.title {
  width: 120px;
}
.go_intro .glad_box .login_msg {
  left: 4px;
  top: -17px;
  width: 337px;
}
.go_intro input.ipt_login::-webkit-input-placeholder {
  color: #7c838a;
}
.go_intro input.ipt_login::-moz-placeholder, .go_intro input.ipt_login:-moz-placeholder {
  color: #7c838a;
  opacity: 1;
}
.go_intro input.ipt_login:-ms-input-placeholder {
  color: #7c838a;
}
.go_intro .select_list {
  width: 181px;
  background: #b5babf;
  border: 1px solid #939ba4;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
}
.go_intro input.ipt_login {
  width: 100%;
  padding: 12px 10px;
  box-sizing: border-box;
  font-size: 16px;
}
.go_intro input.ipt_login::placeholder {
  color: #9b9c9e;
}
.go_intro .login_id,
.go_intro .login_pw {
  position: relative;
}
.go_intro .login_id button.btn_icon,
.go_intro .login_pw button.btn_icon {
  position: absolute;
  top: 6px;
  right: 6px;
  display: none;
  width: 28px;
  height: 28px;
  border: none;
  background-color: #fff;
  padding: 4px;
  cursor: pointer;
}
.go_intro .login_id button.btn_icon .ic_2x,
.go_intro .login_pw button.btn_icon .ic_2x {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.go_intro .login_id button.btn_icon .ic_2x.ic_clear,
.go_intro .login_pw button.btn_icon .ic_2x.ic_clear {
  background-position: -100px -100px;
}
.go_intro .login_id button.btn_icon .ic_2x.ic_eye_off,
.go_intro .login_pw button.btn_icon .ic_2x.ic_eye_off {
  background-position: -50px -100px;
}
.go_intro .login_id button.btn_icon .ic_2x.ic_eye_on,
.go_intro .login_pw button.btn_icon .ic_2x.ic_eye_on {
  background-position: 0 -100px;
}
.go_intro .login_id button.btn_icon.hide,
.go_intro .login_pw button.btn_icon.hide {
  right: 40px;
}
.go_intro .login_id input.ipt_focus + .btn_icon,
.go_intro .login_pw input.ipt_focus + .btn_icon {
  display: block;
}
.go_intro .login_id input.ipt_focus + .btn_icon + .btn_icon,
.go_intro .login_pw input.ipt_focus + .btn_icon + .btn_icon {
  display: block;
}
.go_intro .select_list {
  position: relative;
  width: 165px;
}
.go_intro .select_list .btn_dropdown {
  position: absolute;
  top: 3px;
  right: 3px;
}
.go_intro .login_id .select_list {
  position: absolute;
  top: 0;
  left: 189px;
}
.go_intro .login_id .select_list ul li {
  border-top: 1px solid #899099;
}
.go_intro .login_id .select_list ul li:first-child {
  border: none;
}
.go_intro .login_id .select_list ul li:hover {
  background: #9199a1;
}
.go_intro .login_id .select_list ul li a {
  display: block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  color: #fff;
}
.go_intro .login_id .select_list ul li.option {
  display: none;
}
.go_intro .login_id .select_list ul:hover li.option {
  display: block;
}
.go_intro .login_id label.at {
  font: 14px verdana;
}

/* for chrome */
/* for firefox 19+ */
/* for firefox 18- */
/* for IE 10 */
.login_check {
  position: relative;
  margin: 15px 0 0 0;
}
.login_check span label {
  color: #616a6f;
}
.login_check input {
  margin-right: 3px;
}
.login_check .language {
  position: absolute;
  top: 0;
  right: 0;
}
.login_check .btn_reset_pw {
  display: inline-block;
  margin-left: 4px;
  padding: 10px;
  height: 32px;
  background: transparent;
  color: #616a6f;
  font-size: 13px;
  border: 0;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 6px;
  line-height: 1;
  font-family: "pretendardvariable";
}
.login_check .btn_reset_pw:hover {
  background: #eaebee;
}
.login_check .option_wrap {
  padding: 0;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
}
.login_check .option_wrap + .option_wrap::before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 14px;
  border-left: 1px solid #ccc;
  vertical-align: top;
}

.glad_box .change_pw {
  margin-bottom: 5px;
}

a.btn_bk {
  display: block;
  padding: 12px;
  color: #fff;
  border-radius: 12px;
  background: #08a7bf;
  color: #fff;
  font-size: 16px;
  font-family: "pretendardvariable", 나눔고딕, 맑은고딕, nanumgothic, malgungothic;
}

.tLoginWrap a.btn_bk {
  font-size: 12px;
}

.login_box a.btn_bk {
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  line-height: 150%;
  background: #333;
}
.login_box a.btn_bk:hover {
  background: black;
}

.login_box a.btn_back {
  display: inline-block;
  margin-top: 8px;
  padding: 8px 12px;
  box-sizing: border-box;
  font-size: 13px;
  text-align: center;
  border-radius: 8px;
  line-height: 150%;
  text-decoration: underline;
  color: #7e8486;
}
.login_box a.btn_back::before {
  content: "";
}
.login_box a.btn_back:hover {
  background: #eaebee;
}

.go_intro section.msg_box {
  padding-top: 20px;
  padding-bottom: 30px;
}
.go_intro .sleeping_msg {
  padding-top: 20px;
  text-align: center;
}
.go_intro .glad_msg {
  text-align: center;
}
.go_intro .glad_msg p.title {
  font-size: 20px;
  margin-top: 20px;
  color: #596a79;
}
.go_intro p.title {
  font-size: 20px;
  font-weight: bold;
  font-family: "pretendardvariable", 나눔고딕, 맑은고딕, nanumgothic, malgungothic;
}

section.login_box .sleeping_msg p.title {
  color: #6d7959;
}

.go_intro section.login_box p.desc {
  font-size: 12px;
  color: #88929e;
  margin-top: 10px;
}
.go_intro .btn_box {
  width: 350px;
  text-align: center;
  margin: 20px auto 0;
}

span.msg_false {
  color: red;
}
span.msg_true {
  color: #2ba629;
}

.layer_confim_front {
  position: absolute;
  width: 350px;
  padding: 30px 30px 10px 30px;
  background: #e4e6e6;
  border-radius: 2px;
  color: #444;
  border: 1px solid #babbbb;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
.layer_confim_front .info {
  margin-top: 20px;
  color: #62a519;
  font-weight: bold;
}
.layer_confim_front .content {
  text-align: center;
}
.layer_confim_front .btn_layer_wrap {
  text-align: center;
  margin-top: 15px;
}

div.language {
  position: absolute;
  right: 10px;
  top: 7px;
  text-align: right;
}
div.language select {
  min-width: 80px;
}
div.tPage h1:first-child {
  margin-bottom: 20px;
}

/* ====== OVERRIDE : system admin ====== */
table.contentTable td table td {
  padding: 8px 10px 6px !important;
}

span.processInfoBold {
  font: bold 14px dotum;
  color: #666;
}

ul.descList {
  margin: 10px 0;
}
ul.descList li {
  margin: 6px 0;
  padding-left: 16px;
  background: url(http://tms8.daou.co.kr:8000/design/common/images/admin/bullets.png) no-repeat 4px -244px;
}
ul.descList li span.title {
  display: inline-block;
  font: bold 12px/1.4 dotum, malgun gothic;
  padding: 0;
  color: #666;
  min-width: 90px;
}
ul.descList li span.txt {
  display: inline-block;
  font: 12px/1.4 dotum, malgun gothic;
  color: #888;
  padding: 0 !important;
}

@media all and (max-width: 1170px) {
  /* For IE8 */
  div.tTop nav {
    margin-left: 10px;
  }
  div.tTop nav ul li {
    padding: 0 6px;
  }
  div.tTop nav ul li span.menu {
    letter-spacing: -1px;
  }
  div.tTop div.userInfo {
    display: none;
  }
  div.tTop div.topToolbar {
    right: 7px;
  }
  span.topButton {
    border: 1px solid #000;
    background: #2c2c2c;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1);
    padding: 5px 8px;
    font-size: 12px;
  }
}
@media all and (min-width: 1171px) {
  div.tTop nav {
    margin-left: 20px;
  }
  div.tTop div.userInfo {
    display: inline-block;
  }
  div.tTop nav ul li span.menu {
    letter-spacing: 0;
  }
  div.tTop div.topToolbar {
    right: 12px;
  }
  div.tTop div.topToolbar span.topButton {
    padding: 5px 12px;
  }
  div.tTop div.wrap span.logo {
    margin: 6px 0 0 10px;
    width: 220px;
  }
}
/*===== Table style ===== */
table.container_wrap td {
  vertical-align: top;
  padding: 5px;
}
table.container_wrap_fix td {
  padding: 0px;
}
table.container_wrap div.container {
  margin-bottom: 0;
  overflow: hidden;
}
table.container_wrap div.container div.content {
  padding: 15px;
}
table.listData {
  border: none;
  min-width: 225px;
}
table.listData .num {
  font-family: tahoma;
}
table.listData th,
table.listData td {
  padding: 5px 0;
  background: #fff;
  border: none;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}
table.listData span.title {
  font-weight: bold;
}
table.listData span.txt strong.state {
  margin-left: 5px;
  font-family: tahoma;
}
table.listData th {
  white-space: nowrap;
}
table.listData_dashboard_01 th {
  width: 90px;
  border-right: 1px solid #eaeaea;
}
table.listData_dashboard_02 th {
  width: 160px;
}
table.listData.listData_dashboard_01 th,
table.listData.listData_dashboard_01 td {
  padding: 5px 0px 5px 0px !important;
}
table.listData.dashboard_spam th {
  border-right: none;
  width: 25px;
  height: 18px;
  font-weight: bold;
}
table.listData.dashboard_nation .gageWrap {
  min-width: 180px;
  display: inline-block;
}
table.listData_dashboard_02 .wrapIc {
  margin-left: 10px;
}
table.listData_dashboard_02 .gageWrap {
  margin-right: 10px;
}
table.listData_dashboard_02 td {
  padding: 5px 0px !important;
}

.chartWrap.chart_gage {
  margin-bottom: 20px;
}

span.gageBox {
  position: relative;
  display: inline-block;
  width: 130px;
  height: 12px;
  background: #ddd;
  text-align: left;
}
span.percent {
  position: absolute;
  display: inline-block;
  height: 12px;
  background: #d94e5c;
}

/*span.percent {position:absolute;display:inline-block; height:12px;background:#78A562; }*/
.dashboard_blue span.percent {
  background: #4e7ed9;
}

div.chartWrap {
  margin: 20px 20px 0 20px;
}
div.chartState {
  display: inline-block;
  width: 49.5%;
}
div.chartState span.title {
  font-size: 13px;
  display: block;
  text-align: center;
  margin-bottom: 3px;
  font-weight: bold;
}
div.chartState span.chart {
  display: block;
  text-align: center;
}
div.chartState span.chart img {
  text-align: center;
}

span.ic_light_green {
  display: inline-block;
  width: 56px;
  height: 20px;
  background: url(../images/admin/ic_common.png) no-repeat 0px -1270px;
}
span.ic_light_yellow {
  display: inline-block;
  width: 56px;
  height: 20px;
  background: url(../images/admin/ic_common.png) no-repeat -70px -1270px;
}
span.ic_light_red {
  display: inline-block;
  width: 56px;
  height: 20px;
  background: url(../images/admin/ic_common.png) no-repeat -140px -1270px;
}
span.txt_noti {
  color: #888;
}

/*button style*/
/*.btn_major_s {display:inline-block; cursor:pointer; padding:4px 8px 3px; color:#fff; font-weight:bold; font-size:12px; line-height:18px; border-radius:2px; background:#0D99FF ;border:1px solid #0D99FF}
.btn_major_s span.txt {padding: 0 !important}
.btn_major_s:hover{background-color:#5B9B34; border-color:#5B9B34}
*/
.btn_major_s {
  display: inline-block;
  cursor: pointer;
  padding: 4px 8px 3px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px;
  background: #08a7bf;
  border: 1px solid #08a7bf;
}
.btn_major_s span.txt {
  padding: 0 !important;
}
.btn_major_s:hover {
  background: rgb(7.1798994975, 149.8804020101, 171.4201005025);
  border-color: rgb(7.1798994975, 149.8804020101, 171.4201005025);
}

.btn_minor_s {
  display: inline-block;
  cursor: pointer;
  padding: 4px 8px 3px;
  font-size: 14px;
  line-height: 150%;
  border: 1px solid #dcdee1;
  border-radius: 6px;
  font-weight: 400;
  background: white;
}
.btn_minor_s span.txt {
  padding: 0 !important;
  font-weight: bold;
}
.btn_minor_s:hover {
  background-color: #f5f6f8;
}

span.btn_minor_s_selected {
  background-color: #e1e1e1;
  border-color: #c0c0c0;
}

.btn_minor_s + .selected span.txt {
  font-weight: bold;
}

.btn_caution_s {
  display: inline-block;
  cursor: pointer;
  padding: 4px 8px 3px;
  color: #ff3f3f;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  background: #f3f3f3;
  border-radius: 2px;
  border: 1px solid #d1d1d1;
}
.btn_caution_s:hover {
  background-color: #f6e2e2;
  border-color: #e7cbcb;
}
.btn_caution_s span.txt {
  color: #ff3f3f;
}

.btn_caution_red_s {
  display: inline-block;
  cursor: pointer;
  padding: 4px 8px 3px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  background: #ff3f3f;
  border-radius: 2px;
  border: 1px solid #da2020;
}
.btn_caution_red_s:hover {
  background-color: #e82222;
  border-color: #da2020;
}
.btn_caution_red_s span.txt {
  color: #fff;
}

.btn_minor_s2 {
  cursor: pointer;
  display: inline-block;
  padding: 5px 8px 4px;
  color: #656565;
  font-weight: bold;
  font-size: 12px;
  /* line-height:18px; */
  background: #f4f4f4;
  border-radius: 2px;
  border: 1px solid #d9d9d9;
  vertical-align: middle;
}
.btn_minor_s2:hover {
  color: #2eacb3;
}

:root .btn_minor_s2 {
  padding: 5px 8px 2px\9 ;
  /*for IE9*/
}

.btn_minor_s3 {
  cursor: pointer;
  display: inline-block;
  padding: 5px 8px 4px;
  color: #656565;
  font-weight: normal;
  font-size: 12px;
  /*line-height:18px;*/
  background: #f4f4f4;
  border-radius: 2px;
  border: 1px solid #d9d9d9;
  vertical-align: middle;
}
.btn_minor_s3:hover {
  color: #2eacb3;
}

:root .btn_minor_s3 {
  padding: 5px 8px 2px\9 ;
  /*for IE9*/
}

.btn_side_st {
  display: inline-block;
  cursor: pointer;
  padding: 1px 4px;
  color: #68696c;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;
  background: url(../images/bg_btn_side.gif) repeat-x 0 0;
  border-radius: 2px;
  border: 1px solid #c2c2c2;
  font-size: 11px;
  letter-spacing: -1px;
}
.btn_side_st:hover {
  background-position: 0 -50px;
  color: #616165;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

:root .btn_side_st {
  padding: 3px 4px 0px 4px\9 ;
  line-height: 1.5\9 ;
  /*for IE9*/
}

span.ic_file_s {
  background: url(../images/admin/ic.png) no-repeat -50px -800px !important;
  width: 14px;
  height: 16px;
}
span.ic_image {
  background: url(../images/admin/ic.png) no-repeat -100px -900px !important;
  width: 18px;
  height: 14px;
}

.figure_wrap {
  text-align: center;
  padding: 20px 10px;
}

.equipment_control {
  position: relative;
}
.equipment_control .option_wrap {
  width: 400px;
  display: block;
  margin: 0 auto;
}
.equipment_control .option_wrap .title {
  font-weight: bold;
  margin-right: 10px;
}
.equipment_control .optional {
  position: absolute;
  right: 0px;
  top: 1px;
}
.equipment_control .optional .btn_s {
  background: #fff;
}

.mail_view_area {
  margin: 20px 10px;
  overflow-y: auto;
}

td.ic_process {
  min-width: 30px;
  text-align: center;
  vertical-align: middle !important;
}

div.alert_wrap {
  z-index: 999;
  position: fixed;
  width: 100%;
  height: 45px;
  text-align: center;
  background: #edfae5;
  border-bottom: 1px solid #c9c9c9;
  top: 0;
  left: 0;
}
div.alert_wrap strong {
  margin-right: 10px;
}
div.alert_wrap span {
  vertical-align: middle;
}
div.alert_wrap span.txt, div.alert_wrap span.txt_caution {
  display: inline-block;
  color: #444;
  font: bold 12px dotum;
  padding-top: 14px;
}
div.alert_wrap ins {
  margin-top: 12px;
  margin-right: 4px;
}
div.alert_wrap.go_error span.txt {
  color: red;
}
div.alert_wrap span.btn_del_light {
  position: absolute;
  right: 10px;
  top: 10px;
}
div.layer_mail_print {
  width: 100%;
}
div.layer_mail_print header .btn_minor_s {
  font-family: "pretendardvariable", dotum, AppleGothic, arial, Helvetica, sans-serif;
}

table tr.ui-sortable-helper {
  background: #ffffaf url(../images/bg_move.png) repeat-y 3px 4px;
  border: 1px solid #e3dc86;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
table tr.ui-sortable-helper:hover {
  background: #ffffaf url(../images/bg_move.png) repeat-y 3px 4px;
  border: 1px solid #e3dc86;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
table tr.ui-sortable-helper.active {
  background: none;
}
table tbody tr.ui-sortable-helper {
  display: none;
}
table tbody tr.ui-sortable-helper > td {
  display: none;
}
table tr.ui-sortable-helper > td, table tr.ui-sortable-helper:hover > td:first-child {
  background: none;
}
table tr.ui-sortable-helper > td:first-child, table tr.ui-sortable-helper > td:last-child {
  display: none;
}
table tbody tr.ui-sortable-placeholder {
  height: 6px;
  overflow: hidden;
  background-color: #ffffaf;
  border-top: 1px solid #e3dc86;
  border-bottom: 1px solid #e3dc86;
  opacity: 0.6;
  filter: Alpha(Opacity=60);
}
table tr.ui-sortable-placeholder {
  height: 25px;
  overflow: hidden;
}
table tr.ui-sortable-placeholder > td {
  background: #ffffaf;
  height: 25px;
  border: 2px dotted #e3dc86;
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  padding: 7px 10px;
  line-height: 0;
}
table tbody.ui-sortable tr:hover {
  cursor: move;
  background-color: #ffffaf;
  border-bottom: 1px solid #e3dc86;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
table tbody.ui-sortable tr:hover td {
  background: transparent;
}
table tbody.ui-sortable tr:hover td:first-child {
  background: transparent url(../images/bg_move.png) repeat-y 3px 4px;
}

/*--------------------------------- jqueryui datepicker js css ---------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* workarounds */
.ui-datepicker {
  width: 17em;
  padding: 0;
  display: none;
  border: 2px solid #666;
  border-radius: 2px;
  background: #fff;
}
.ui-datepicker button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 3px;
  border: none;
  border-bottom: 1px solid #e3e3e3;
  background: #fbfbfb;
  height: 27px;
  border-radius: 2px 2px 0 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 0;
  width: 1.8em;
  height: 100%;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 0px;
  background: #e9e9e9;
}
.ui-datepicker .ui-datepicker-prev {
  left: 0px;
  border-right: 1px solid #e3e3e3;
  border-radius: 3px 0 0 0;
}
.ui-datepicker .ui-datepicker-next {
  right: 0px;
  border-left: 1px solid #e3e3e3;
  border-radius: 0 3px 0 0;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 13px;
  margin-left: -4px;
  margin-top: -6px;
  background: url(../images/admin/ic.png) no-repeat 0 0;
}
.ui-datepicker .ui-datepicker-prev span {
  background-position: -50px -350px;
}
.ui-datepicker .ui-datepicker-next span {
  background-position: -50px -400px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
  height: 24px;
  padding: 1px;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 48%;
  min-width: 60px;
  margin-right: 1%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
  background: #fff;
}
.ui-datepicker table thead th {
  border-bottom: 1px solid #e3e3e3;
  font-weight: normal;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  line-height: 20px;
}
.ui-datepicker td:hover {
  background: #f3f3f3;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker td.ui-datepicker-week-end:first-child a {
  color: red;
}
.ui-datepicker .ui-datepicker-week-end:first-child span {
  color: red;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
  border: 1px solid #0d99ff !important;
  background: #0d99ff !important;
  color: #ffffff;
}
.ui-datepicker .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff;
  font-weight: bold;
  color: #212121;
}
.ui-datepicker .ui-state-default {
  font-weight: bold;
}
.ui-datepicker .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

/* reset extra padding in Firefox */
/* resize */
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 97;
  border: 1px dotted black;
}

.img_loader_large {
  background: url(../images/img_loader_l.gif) no-repeat 50% 0;
}

.content_tb .img_loader_large {
  margin: 20px;
  min-height: 32px;
}

.file_progressive_warp {
  display: inline-block;
  padding: 5px;
  border: 1px dashed #d5e2d9;
}
.file_progressive_warp .txt {
  color: #78a562;
  font-weight: bold;
}
.file_progressive_warp .progress_bar_wrap {
  margin-left: 10px;
  position: relative;
  top: 2px;
}

/*===== Dashboard style ===== */
header.dashboard h1 span.desc {
  font-size: 12px;
  color: #b8b7b7;
  margin-left: 10px;
}

table.dashboard div.filter_count_box {
  min-height: 197px;
}

div.dashboard div.chartWrap {
  min-width: 920px;
  margin: 0 0 20px 0;
}
div.dashboard div.chartWrap div.plot_box {
  display: inline-block;
  width: 450px;
  height: 300px;
}
div.dashboard div.chartWrap span.normal_legend {
  display: inline-block;
  border: 5px solid rgb(237, 194, 64);
}
div.dashboard div.chartWrap span.spam_legend {
  display: inline-block;
  border: 5px solid rgb(175, 216, 248);
}
div.dashboard div.chartWrap span.phishing_legend {
  display: inline-block;
  border: 5px solid rgb(203, 75, 75);
}
div.dashboard div.chartWrap span.virus_legend {
  display: inline-block;
  border: 5px solid rgb(77, 167, 77);
}
div.dashboard div.chartWrap span.apt_legend {
  display: inline-block;
  border: 5px solid rgb(148, 64, 237);
}
div.dashboard div.chartWrap span.inspect_delay_legend {
  display: inline-block;
  border: 5px solid rgb(237, 194, 64);
}
div.dashboard div.chartWrap span.inspect_approval_legend {
  display: inline-block;
  border: 5px solid rgb(175, 216, 248);
}
div.dashboard div.chartWrap span.inspect_security_legend {
  display: inline-block;
  border: 5px solid rgb(203, 75, 75);
}
div.dashboard div.chartWrap span.outbound_spam_legend {
  display: inline-block;
  border: 5px solid rgb(77, 167, 77);
}

table.dashboard div.summary_box {
  min-width: 350px;
}
table.dashboard div.summary_box.send_situation {
  min-width: 350px;
  min-height: 182px;
}
table.dashboard div.summary_box select.host_select {
  width: 200px;
}
table.dashboard div.filter_chart_box {
  min-width: 250px;
  min-height: 197px;
}
table.dashboard div.filter_chart_box h2 {
  padding-top: 8px;
  font-size: 16px;
}
table.dashboard div.filter_chart_box .content {
  padding-top: 10px;
  min-height: 150px;
  text-align: center;
}

/*===== Log Monitoring style ===== */
td.logSearchComponent div {
  display: inline-block;
  vertical-align: top;
}

.advancedQueryBox table tr > th {
  text-align: left;
  padding-left: 35px;
}

table.monitoring tr:nth-child(odd) td:nth-child(2) {
  font-weight: bold;
}
table.monitoring tr:nth-child(even) td:first-child {
  font-weight: normal;
}
table.monitoring .wordBreak {
  word-break: break-all;
}
table.monitoring.total .subject, table.monitoring.white .subject, table.monitoring.delay .subject {
  min-width: 110px;
}
table.monitoring.total .email, table.monitoring.white .email, table.monitoring.delay .email {
  display: block;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.monitoring.approval tr:nth-child(odd) td:nth-child(5) {
  font-weight: bold;
}
table.monitoring.approval .subject {
  min-width: 110px;
}
table.monitoring.approval .email {
  display: block;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.monitoring.approval .name {
  min-width: 100px;
}
table.monitoring.security .subject {
  min-width: 110px;
}
table.monitoring.security .email {
  display: block;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.monitoring.security .name {
  min-width: 100px;
}
table.monitoring.virus .subject, table.monitoring.error .subject {
  min-width: 110px;
}
table.monitoring.virus .email, table.monitoring.error .email {
  display: block;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*===== Stat style ===== */
.plotLegendBox td {
  padding: 3px 2px;
  font-weight: bold;
}

.tickLabel {
  font-size: 12px;
}

.plot_box {
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 10px;
}
.plot_box div.plot_graph_box {
  display: inline-block;
  width: 700px;
  height: 300px;
}
.plot_box div.plot_legend_box {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  font-size: 12pt;
}
.plot_box div.plot_legend_box td {
  padding: 3px 2px;
  font-weight: bold;
}
.plot_box div.xaxis_label {
  position: absolute;
  top: 300px;
  right: 0px;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
}
.plot_box div.yaxis_label {
  position: absolute;
  top: -15px;
  left: 0px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}

td.statSearchComponent > * {
  vertical-align: top;
}

.report_entry_box {
  padding: 5px 0;
}
.report_entry_box .report_entry {
  padding-top: 3px;
}

/* modal_loading_type */
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.4;
  filter: alpha(opacity=40);
  background: #000;
  z-index: 98;
}
.overlay .processing {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  line-height: 50px;
  text-align: center;
  background: #161616 url(../images/img_loader_w.gif) no-repeat center center;
  color: #fff;
  font-family: "pretendardvariable", arial;
  font-size: 14px;
  border-radius: 5px;
  margin: -30px 0 0 -30px;
}

.btn_side {
  display: inline-block;
  padding: 3px 3px 2px;
  font-size: 11px;
  line-height: 12px;
  border-radius: 1px;
  background: white;
  border: 1px solid #cfd1d9;
  font-weight: normal;
  letter-spacing: -1px;
}

div.alarm_wrapper table th {
  width: 80px !important;
  cursor: auto;
}

#policySortable .ui-state-highlight {
  background: #e2f5f6 !important;
}

.domain_admin_toolbar div.critical span {
  margin: 0px !important;
}

.btn_fn13 {
  background: #eee;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
  cursor: pointer;
}
.btn_fn13 span.ic_gnb {
  vertical-align: top;
  margin: 4px 3px 0 0 !important;
}
.btn_fn13 span.txt {
  vertical-align: middle;
  font: 11px dotum;
  letter-spacing: -1px;
  color: #666;
}
.btn_fn13:hover {
  background: #e2e2e2;
  border-color: #cecece;
  opacity: 1;
  box-shadow: 0 0 2px rgba(100, 100, 100, 0.1);
}

.btn_fn16 {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #c9c9c9;
}

.list_intb_001 td.btn_wrap_ct {
  text-align: center;
}
.list_intb_001 td.btn_wrap_ct .btn_fn13 {
  width: 40px;
}

.critlcal_txt {
  height: 26px;
  line-height: 26px;
  box-sizing: border-box;
  white-space: nowrap;
}
.critlcal_txt .csvFileLayout span {
  margin: 0px;
}

/*TMW*/
.btn_fn7 {
  display: inline-block;
  height: 19px;
  line-height: 21px;
  padding: 0 4px;
  border: 1px solid #eaecef;
  border-radius: 6px;
  letter-spacing: -1px;
  background: #fff;
  cursor: pointer;
}
.btn_fn7:hover {
  background: #eff0f5;
}

/*FILTER*/
ul.descList {
  margin-left: 0px !important;
}
ul.descList li {
  padding-left: 0px;
}

td .td_tit_list {
  line-height: 20px;
}

.td_tit_list li.err {
  color: #9b9b9b;
  border-top: solid 1px #ddd;
  margin-top: 5px;
  padding-top: 5px;
}

/*IP form*/
.sel_m_area {
  min-width: 800px;
}
.sel_m_area .wfix_large {
  width: 200px !important;
}
.sel_m_area .wfix_large option {
  text-overflow: ellipsis;
  overflow: hidden;
}
.sel_m_area .btn_s.marb5 {
  vertical-align: top;
}

.txt_right {
  width: 80px;
  display: inline-block;
  text-align: right;
}

.txt_right_wide {
  width: 150px;
  display: inline-block;
  text-align: right;
}

.txt_left {
  width: 100px;
  display: inline-block;
}

.txt_left_wide {
  width: 150px;
  display: inline-block;
}

.list_option_title {
  font-weight: bold;
  margin-bottom: 15px;
}

.table_content_info {
  height: 26px;
  line-height: 26px;
  text-indent: 10px;
  border-bottom: 1px solid #e9e9e9 !important;
}

td.in_list {
  padding: 0px !important;
}
td.in_list ul li {
  line-height: 25px;
  height: 25px;
  border-top: solid 1px #e9e9e9;
  text-indent: 10px;
}
td.in_list ul li:first-child {
  border-top: none;
}

/*TMW - column size controll with CSS */
input.error_msg {
  width: 340px;
}

/*list*/
.basic_table .chk {
  width: 20px;
}
.basic_table .title {
  width: 100px;
}
.basic_table .num {
  width: 85px;
}
.basic_table .num2 {
  width: 70px;
  text-align: center;
}
.basic_table .use {
  width: 80px;
}
.basic_table .mailtype {
  width: 120px;
}
.basic_table .opt {
  width: 130px;
}
.basic_table .opt_btn {
  width: 50px;
}
.basic_table .category {
  width: 200px;
}
.basic_table .datetime {
  width: 130px;
}
.basic_table .gear {
  width: 200px;
}
.basic_table .user {
  width: 150px;
}

.txt_mb {
  margin-bottom: 5px;
  display: inline-block;
}

/*detail*/
.content > table.detail tr > th {
  width: 200px !important;
  white-space: inherit;
  vertical-align: top;
}

/*in table*/
.in_table2 th {
  min-width: 120px;
}
.in_table2 .sel_m_area {
  min-width: 487px;
}
.in_table2 .sel_m_area .sel_l select.wfix_large {
  width: 150px !important;
}

table.in_table2 {
  width: 100%;
}
table.in_table2.vertical_type th {
  width: 190px !important;
  vertical-align: middle !important;
  border-top: 1px solid #eaecef;
}
table.in_table2 tbody .title {
  width: 100%;
}
table.in_table2 tbody .port {
  width: 100px;
}
table.in_table2 tbody .opt {
  width: 150px;
}

.basic_table tr td {
  height: 20px !important;
}

.table_in_wrap {
  padding: 0px !important;
  height: 20px !important;
  margin: 0px !important;
}

.list_in_table tr td {
  border-left: 1px solid #ddd !important;
  border-top: 1px solid #ddd !important;
  border-right: none !important;
  border-bottom: none !important;
  padding: 10px 5px !important;
  box-sizing: border-box;
}
.list_in_table tr td:first-child {
  border-left: none !important;
}
.list_in_table tr:first-child td {
  border-top: none !important;
}
.list_in_table .opt {
  width: 200px;
  max-width: 200px;
  word-break: break-all;
}
.list_in_table .num2 {
  width: 70px !important;
  max-width: 70px !important;
}

/*APT*/
.toolbar_top.header_tb .btn_tool {
  vertical-align: top;
}
.toolbar_top.header_tb select {
  margin: 0px 5px 0px 0px !important;
}

/*System*/
.subbox {
  float: left;
  margin-right: 5px;
}

.search_email select {
  float: none !important;
  vertical-align: top;
}

.line {
  border-top: 1px solid #ddd;
  padding: 10px;
}

.ups_status {
  text-align: center;
  line-height: 25px;
  margin-top: 10px;
  background: #ffdde0;
}

/*Monitering*/
.csv_txt {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content_filter {
  border: solid 1px #ddd;
  background: #eee;
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 5px;
}

.content_detail_filter table {
  width: 100%;
}
.content_detail_filter table th {
  width: 150px;
}

div.header_tb.moniter_filter select {
  float: none !important;
  margin-right: 0px !important;
}

.moniter_filter_detail {
  min-height: 120px;
  padding: 20px 10px;
  min-width: 749px;
}
.moniter_filter_detail table.detail tr td,
.moniter_filter_detail table.detail tr th {
  padding: 5px 10px;
  border: none;
}

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

div.header_tb.header_tb.moniter_queue {
  border-bottom: none;
}

.csv_table tr th,
.csv_table tr td {
  padding: 0px !important;
  box-sizing: border-box;
}
.csv_table tr th .title_sort:first-child .inbox {
  border-top: none;
}
.csv_table tr td .inbox:first-child {
  border-top: none;
}
.csv_table .inbox {
  display: inline-block;
  *display: block;
  *zoom: 1;
  width: 100%;
  border-top: solid 1px #eaecef;
  box-sizing: border-box;
}
.csv_table tr td .inbox {
  padding: 5px;
  box-sizing: border-box;
}
.csv_table .datetime {
  width: 130px;
}
.csv_table .action {
  width: 120px;
  padding: 5px 0px !important;
}
.csv_table .file {
  width: 85px;
  text-align: center;
}
.csv_table .title {
  min-width: 150px;
}
.csv_table .user {
  width: 150px;
  word-break: break-all;
  /*vertical-align: top;*/
}
.csv_table .size {
  width: 100px;
}
.csv_table .status {
  width: 150px !important;
  /*vertical-align: top;*/
}
.csv_table .opt {
  width: 120px;
}

.btn_s.normal_btn {
  background: #e7faec;
  color: #17b23e;
  width: 75px;
  border-color: #e7faec;
}
.btn_s.spam_btn {
  background: #fdeaea;
  color: #ee2e2e;
  width: 75px;
  border-color: #fdeaea;
}

.csv_table .ic.ic_file_s {
  vertical-align: top;
}
.csv_table .btn_fn7 {
  line-height: 14px;
  padding: 8px 10px;
  width: 75px;
  height: initial;
  box-sizing: border-box;
}
.csv_table .btn_s {
  padding: 8px 10px;
  line-height: 14px;
}

.advancedQueryBox table tr > th {
  padding-left: 10px !important;
}
.advancedQueryBox table tr > td {
  border-bottom: 1px solid #e9e9e9;
}

.option_display {
  box-sizing: border-box;
}
.option_display table.detail tr > th {
  width: 80px !important;
}

table.container_wrap td {
  padding: 0 10px 10px 10px;
}
table.container_wrap div.container div.content {
  padding: 10px;
}
table.listData td {
  padding: 0px;
}

.toolbar_top .critical .txt,
.logSearchComponent .txt {
  height: 26px;
  line-height: 26px;
  font-weight: bolder;
}

.descList.process_list li {
  padding-left: 20px;
}

/*statistics*/
.header_tb .critical > select {
  vertical-align: top;
  margin: 5px !important;
}

.stat_table td {
  text-align: right !important;
  min-width: 80px;
}
.stat_table .title {
  width: 200px;
}
.stat_table .num {
  width: 150px;
}

.graph_wrap {
  padding: 10px;
}

/*layer*/
div.layer_normal.layer_spam div.content {
  padding: 10px 10px !important;
}

.layer_normal.layer_spam table tr th {
  width: 21px;
  white-space: normal;
  vertical-align: top;
  text-align: left;
  border-bottom: solid 1px #ddd;
  height: 30px;
  line-height: 30px;
}
.layer_normal.layer_spam table tr td {
  text-align: left;
  border-bottom: solid 1px #ddd;
  height: 30px;
  line-height: 30px;
}
.layer_normal.layer_spam table tr th .option_wrap {
  min-width: 15px;
  padding: 0px;
}
.layer_normal.layer_spam table.in_table tr th {
  width: 120px;
}
.layer_normal.layer_filter div.content {
  overflow: inherit;
}
.layer_normal.layer_filter .alignc {
  text-align: center;
  height: 44px;
  line-height: 44px;
}
.layer_normal.layer_filter table tr th {
  width: 100px;
  text-align: left;
  height: 25px;
  line-height: 25px;
}
.layer_normal.layer_filter table tr td {
  height: 25px;
  line-height: 25px;
}

.highLight {
  color: #0d99ff;
  font-weight: 500;
}

/*disabled class*/
/*ie*/
input.disabled[type=radio], input.disabled[type=checkbox] {
  opacity: 0.5;
}
input[type=text].disabled {
  background: #e5e5e5;
  border: solid 1px #bcbcbc;
  color: #808080;
}

select.disabled,
textarea.disabled {
  background: #e5e5e5;
  border: solid 1px #bcbcbc;
  color: #808080;
}

select[disabled=disabled]::-ms-value {
  color: #808080;
  text-shadow: none;
}

/*crome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input.disabled {
    background: #ebebe4;
    border: solid 1px #a9a9a9;
    color: #808080;
  }
  input.disabled[type=radio], input.disabled[type=checkbox] {
    opacity: 0.5;
  }
  select.disabled,
  textarea.disabled {
    background: #ebebe4;
    border: solid 1px #a9a9a9;
    color: #808080;
  }
  /*safari override*/
  ::i-block-chrome,
  textarea.disabled {
    background: #fff;
  }
}
/*firefox*/
@-moz-document url-prefix() {
  select.disabled {
    background: #fff;
  }
}
/*layer-user*/
div.layer_normal table.form_type > tbody th,
table.form_type > tbody td {
  padding: 7px 5px;
}

select.interval_option {
  width: 50px;
}

div.layer {
  border: 2px solid #666;
}
div.schedule_drag {
  display: inline-block;
  box-shadow: 2px 3px 3px #bbb;
}

.dragged {
  filter: Alpha(Opacity=40);
  opacity: 0.4;
}

/*layer_normal*/
div.layer_normal {
  position: absolute;
  width: 460px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.2);
}
div.layer_normal > header,
div.layer_normal div.detail_search > header {
  position: relative;
  padding: 24px 24px 0;
  min-height: 20px;
}
div.layer_normal header ul.tab_nav {
  margin-top: -2px;
}
div.layer_normal header ul.tab_nav li {
  height: 12px;
}
div.layer_normal header h1 {
  color: #1c1c1c;
  font-weight: 600;
  font-size: 20px;
}
div.layer_normal div.content {
  padding: 16px 24px;
  display: block;
  width: auto;
}
div.layer_normal div.tool_bar {
  padding: 10px 0;
}
div.layer_normal div.tool_bar div.dataTables_length {
  margin: 0;
}
div.layer_normal p.desc {
  margin: 5px 0 12px 0;
  text-align: left;
  line-height: 140%;
  color: #363636;
}
div.layer_normal h3 {
  margin: 0 0 14px 0;
}
div.layer_normal span.pos_x {
  position: absolute;
  right: 5px;
  top: 5px;
}
div.layer_normal div.content div.dataTables_paginate {
  line-height: 1;
}
div.layer_normal span.title {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0px;
  font-weight: 500;
  font-size: 13px;
  font-family: "pretendardvariable", dotum;
  color: #1c1c1c;
}
div.layer_normal .tool_bar {
  min-height: 21px;
}
div.layer_normal table.form_type {
  margin: 0;
}
div.layer_normal table.form_type tr td {
  padding-right: 10px;
}
div.layer_normal table.type_normal span.size {
  font-size: 12px;
}
div.layer_normal table.form_type th {
  padding-left: 0;
  text-align: left;
}
div.layer_normal table.form_type td {
  padding-right: 0;
}
div.layer_normal div.last,
div.layer_normal footer.btn_layer_wrap {
  margin-bottom: 0;
}
div.layer_normal div.tool_bar div.critical {
  margin: 0;
}
div.layer_normal div.tool_bar a.btn_major_s {
  margin: 0 2px 3px 0;
  padding: 0 7px;
}
div.layer_normal div.tool_bar .btn_tool {
  padding: 0 7px;
}
div.layer_normal div.tool_bar a.btn_tool {
  padding: 2px 10px;
  height: 24px;
}
div.layer_normal div.tool_bar a.btn_major_s {
  padding: 2px 10px;
  height: 24px;
}
div.layer_normal div.tool_bar a.btn_major_s span.txt {
  vertical-align: top;
  padding-top: 7px;
}
div.layer_normal .tool_bar ul.critical li:first-child,
div.layer_normal .tool_bar .critical > .btn_tool:first-child {
  margin-left: 0px;
  font-weight: normal;
}
div.layer_normal div.table_search {
  text-align: center;
}
div.layer_normal div.tool_bar div.optional {
  margin: 0;
}
div.layer_normal table.form_type th span.title {
  color: #1c1c1c;
}
div.layer_normal div.content div.notice {
  border-bottom: 1px solid #e3e3e3;
}
div.layer_normal > header span.btn_wrap {
  position: absolute;
  right: 41px;
  top: 4px;
}
div.layer_normal > header span.btn_minor_s {
  display: inline-block;
  padding: 1px 8px 4px;
  line-height: 1;
  background: white;
  border: 1px solid #ddd;
  border-radius: 2px;
}
div.layer_normal > header span.btn_minor_s:hover {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-color: #ccc;
}
div.layer_normal > header span.btn_minor_s span.ic_print {
  display: inline-block;
  background: url(../images/ic_gnb.png) no-repeat -200px 0px;
  width: 12px;
  height: 12px;
  margin-right: 3px;
  margin-top: 4px;
  vertical-align: top;
  line-height: 1;
}
div.layer_normal > header span.btn_minor_s span.txt {
  font-weight: normal;
  display: inline-block;
  letter-spacing: -1px;
  padding-top: 4px;
  vertical-align: top;
  margin-top: 4px;
}
div.layer_update {
  width: 460px;
}
div.layer_update p.tit {
  margin: 0 0 14px 0;
  font-weight: bold;
  font-size: 14px;
  color: #333;
  font-family: "pretendardvariable", malgun gothic, dotum, AppleGothic, Helvetica, sans-serif;
}
div.layer_update table.tb_ver tr th {
  width: 100px;
  padding-left: 10px;
  text-align: left;
  height: 25px;
  line-height: 25px;
  border: 1px solid #d9d9d9;
  background: #efefef;
}
div.layer_update table.tb_ver tr td {
  height: 25px;
  padding-left: 10px;
  line-height: 25px;
  border: 1px solid #d9d9d9;
}
div.layer_update .btn_update {
  margin-top: 20px;
  text-align: center;
}

/*layer_update*/
.descList .imp {
  font-weight: bolder;
}

/*발신보안 팝업*/
.layer_file table tr th {
  text-align: left;
  width: 70px;
}
.layer_file .descList {
  text-decoration: none;
  list-style: none;
  line-height: 22px;
}
.layer_file .descList span.go_alert {
  color: red;
}

/*IP레이어 통일작업*/
.sel_m_sub01 .wfix_medium {
  width: 92px;
}

.sel_m_sub02 .wfix_medium {
  width: 120px;
}
.sel_m_sub02 .wfix_mini {
  width: 67px;
}

.sel_m_area .sel_r_sub01 .wfix_large {
  width: 151px !important;
}

/*발신보안*/
.mail_info_box {
  margin-top: 10px;
}
.mail_info_box .container .header h2 .mail_info_tit {
  vertical-align: top;
}
.mail_info_box .content {
  padding: 0px !important;
}
.mail_info_box .listData .half_box > tr > td {
  border-left: solid 1px #ddd;
  padding: 0px;
}
.mail_info_box .listData .half_box > tr > td:first-child {
  border-left: none;
}
.mail_info_box .listData .half_box .desc {
  padding: 0px 5px;
}
.mail_info_box .listData table {
  height: 100%;
}
.mail_info_box .listData tr th {
  width: 150px;
  background: none;
  padding: 5px;
}
.mail_info_box .listData tr td {
  padding: 5px;
}
.mail_info_box .listData tr td table tr th {
  width: 70px;
}
.mail_info_box .listData tr td table tr td {
  min-width: 290px;
}

.ic_classic2 {
  background: url("../images/icon_classic.png");
  display: inline-block;
  *display: block;
  *zoom: 1;
}
.ic_classic2.ic_close {
  width: 21px;
  height: 21px;
  background-position: 0px -60px;
  cursor: pointer;
}
.ic_classic2.ic_open {
  width: 21px;
  height: 21px;
  background-position: 0px -80px;
  cursor: pointer;
}

/* ic_nation */
.ic_nation {
  display: inline-block;
  width: 20px;
  height: 13px;
  border: 1px solid #ececec;
  vertical-align: top;
}

.ic_nation_dashboard {
  display: inline-block;
  width: 20px;
  height: 13px;
  border: 1px solid #ececec;
}

.nation_ad {
  background: url(../images/flag/ad.png) no-repeat;
}

.nation_ae {
  background: url(../images/flag/ae.png) no-repeat;
}

.nation_af {
  background: url(../images/flag/af.png) no-repeat;
}

.nation_ag {
  background: url(../images/flag/ag.png) no-repeat;
}

.nation_ai {
  background: url(../images/flag/ai.png) no-repeat;
}

.nation_al {
  background: url(../images/flag/al.png) no-repeat;
}

.nation_am {
  background: url(../images/flag/am.png) no-repeat;
}

.nation_an {
  background: url(../images/flag/an.png) no-repeat;
}

.nation_ao {
  background: url(../images/flag/ao.png) no-repeat;
}

.nation_aq {
  background: url(../images/flag/aq.png) no-repeat;
}

.nation_ar {
  background: url(../images/flag/ar.png) no-repeat;
}

.nation_as {
  background: url(../images/flag/as.png) no-repeat;
}

.nation_at {
  background: url(../images/flag/at.png) no-repeat;
}

.nation_au {
  background: url(../images/flag/au.png) no-repeat;
}

.nation_aw {
  background: url(../images/flag/aw.png) no-repeat;
}

.nation_ax {
  background: url(../images/flag/ax.png) no-repeat;
}

.nation_az {
  background: url(../images/flag/az.png) no-repeat;
}

.nation_ba {
  background: url(../images/flag/ba.png) no-repeat;
}

.nation_bb {
  background: url(../images/flag/bb.png) no-repeat;
}

.nation_bd {
  background: url(../images/flag/bd.png) no-repeat;
}

.nation_be {
  background: url(../images/flag/be.png) no-repeat;
}

.nation_bf {
  background: url(../images/flag/bf.png) no-repeat;
}

.nation_bg {
  background: url(../images/flag/bg.png) no-repeat;
}

.nation_bh {
  background: url(../images/flag/bh.png) no-repeat;
}

.nation_bi {
  background: url(../images/flag/bi.png) no-repeat;
}

.nation_bj {
  background: url(../images/flag/bj.png) no-repeat;
}

.nation_bl {
  background: url(../images/flag/bl.png) no-repeat;
}

.nation_bm {
  background: url(../images/flag/bm.png) no-repeat;
}

.nation_bn {
  background: url(../images/flag/bn.png) no-repeat;
}

.nation_bo {
  background: url(../images/flag/bo.png) no-repeat;
}

.nation_bq {
  background: url(../images/flag/bq.png) no-repeat;
}

.nation_br {
  background: url(../images/flag/br.png) no-repeat;
}

.nation_bs {
  background: url(../images/flag/bs.png) no-repeat;
}

.nation_bt {
  background: url(../images/flag/bt.png) no-repeat;
}

.nation_bv {
  background: url(../images/flag/bv.png) no-repeat;
}

.nation_bw {
  background: url(../images/flag/bw.png) no-repeat;
}

.nation_by {
  background: url(../images/flag/by.png) no-repeat;
}

.nation_bz {
  background: url(../images/flag/bz.png) no-repeat;
}

.nation_ca {
  background: url(../images/flag/ca.png) no-repeat;
}

.nation_cc {
  background: url(../images/flag/cc.png) no-repeat;
}

.nation_cd {
  background: url(../images/flag/cd.png) no-repeat;
}

.nation_cf {
  background: url(../images/flag/cf.png) no-repeat;
}

.nation_cg {
  background: url(../images/flag/cg.png) no-repeat;
}

.nation_ch {
  background: url(../images/flag/ch.png) no-repeat;
}

.nation_ci {
  background: url(../images/flag/ci.png) no-repeat;
}

.nation_ck {
  background: url(../images/flag/ck.png) no-repeat;
}

.nation_cl {
  background: url(../images/flag/cl.png) no-repeat;
}

.nation_cm {
  background: url(../images/flag/cm.png) no-repeat;
}

.nation_cn {
  background: url(../images/flag/cn.png) no-repeat;
}

.nation_co {
  background: url(../images/flag/co.png) no-repeat;
}

.nation_cr {
  background: url(../images/flag/cr.png) no-repeat;
}

.nation_cu {
  background: url(../images/flag/cu.png) no-repeat;
}

.nation_cv {
  background: url(../images/flag/cv.png) no-repeat;
}

.nation_cw {
  background: url(../images/flag/cw.png) no-repeat;
}

.nation_cx {
  background: url(../images/flag/cx.png) no-repeat;
}

.nation_cy {
  background: url(../images/flag/cy.png) no-repeat;
}

.nation_cz {
  background: url(../images/flag/cz.png) no-repeat;
}

.nation_de {
  background: url(../images/flag/de.png) no-repeat;
}

.nation_dj {
  background: url(../images/flag/dj.png) no-repeat;
}

.nation_dk {
  background: url(../images/flag/dk.png) no-repeat;
}

.nation_dm {
  background: url(../images/flag/dm.png) no-repeat;
}

.nation_do {
  background: url(../images/flag/do.png) no-repeat;
}

.nation_dz {
  background: url(../images/flag/dz.png) no-repeat;
}

.nation_ec {
  background: url(../images/flag/ec.png) no-repeat;
}

.nation_ee {
  background: url(../images/flag/ee.png) no-repeat;
}

.nation_eg {
  background: url(../images/flag/eg.png) no-repeat;
}

.nation_eh {
  background: url(../images/flag/eh.png) no-repeat;
}

.nation_er {
  background: url(../images/flag/er.png) no-repeat;
}

.nation_es {
  background: url(../images/flag/es.png) no-repeat;
}

.nation_et {
  background: url(../images/flag/et.png) no-repeat;
}

.nation_fi {
  background: url(../images/flag/fi.png) no-repeat;
}

.nation_fj {
  background: url(../images/flag/fj.png) no-repeat;
}

.nation_fk {
  background: url(../images/flag/fk.png) no-repeat;
}

.nation_fm {
  background: url(../images/flag/fm.png) no-repeat;
}

.nation_fo {
  background: url(../images/flag/fo.png) no-repeat;
}

.nation_fr {
  background: url(../images/flag/fr.png) no-repeat;
}

.nation_ga {
  background: url(../images/flag/ga.png) no-repeat;
}

.nation_gb {
  background: url(../images/flag/gb.png) no-repeat;
}

.nation_gd {
  background: url(../images/flag/gd.png) no-repeat;
}

.nation_ge {
  background: url(../images/flag/ge.png) no-repeat;
}

.nation_gf {
  background: url(../images/flag/gf.png) no-repeat;
}

.nation_gg {
  background: url(../images/flag/gg.png) no-repeat;
}

.nation_gh {
  background: url(../images/flag/gh.png) no-repeat;
}

.nation_gi {
  background: url(../images/flag/gi.png) no-repeat;
}

.nation_gl {
  background: url(../images/flag/gl.png) no-repeat;
}

.nation_gm {
  background: url(../images/flag/gm.png) no-repeat;
}

.nation_gn {
  background: url(../images/flag/gn.png) no-repeat;
}

.nation_gp {
  background: url(../images/flag/gp.png) no-repeat;
}

.nation_gq {
  background: url(../images/flag/gq.png) no-repeat;
}

.nation_gr {
  background: url(../images/flag/gr.png) no-repeat;
}

.nation_gs {
  background: url(../images/flag/gs.png) no-repeat;
}

.nation_gt {
  background: url(../images/flag/gt.png) no-repeat;
}

.nation_gu {
  background: url(../images/flag/gu.png) no-repeat;
}

.nation_gw {
  background: url(../images/flag/gw.png) no-repeat;
}

.nation_gy {
  background: url(../images/flag/gy.png) no-repeat;
}

.nation_hk {
  background: url(../images/flag/hk.png) no-repeat;
}

.nation_hm {
  background: url(../images/flag/hm.png) no-repeat;
}

.nation_hn {
  background: url(../images/flag/hn.png) no-repeat;
}

.nation_hr {
  background: url(../images/flag/hr.png) no-repeat;
}

.nation_ht {
  background: url(../images/flag/ht.png) no-repeat;
}

.nation_hu {
  background: url(../images/flag/hu.png) no-repeat;
}

.nation_id {
  background: url(../images/flag/id.png) no-repeat;
}

.nation_ie {
  background: url(../images/flag/ie.png) no-repeat;
}

.nation_il {
  background: url(../images/flag/il.png) no-repeat;
}

.nation_im {
  background: url(../images/flag/im.png) no-repeat;
}

.nation_in {
  background: url(../images/flag/in.png) no-repeat;
}

.nation_io {
  background: url(../images/flag/io.png) no-repeat;
}

.nation_iq {
  background: url(../images/flag/iq.png) no-repeat;
}

.nation_ir {
  background: url(../images/flag/ir.png) no-repeat;
}

.nation_is {
  background: url(../images/flag/is.png) no-repeat;
}

.nation_it {
  background: url(../images/flag/it.png) no-repeat;
}

.nation_je {
  background: url(../images/flag/je.png) no-repeat;
}

.nation_jm {
  background: url(../images/flag/jm.png) no-repeat;
}

.nation_jo {
  background: url(../images/flag/jo.png) no-repeat;
}

.nation_jp {
  background: url(../images/flag/jp.png) no-repeat;
}

.nation_ke {
  background: url(../images/flag/ke.png) no-repeat;
}

.nation_kg {
  background: url(../images/flag/kg.png) no-repeat;
}

.nation_kh {
  background: url(../images/flag/kh.png) no-repeat;
}

.nation_ki {
  background: url(../images/flag/ki.png) no-repeat;
}

.nation_km {
  background: url(../images/flag/km.png) no-repeat;
}

.nation_kn {
  background: url(../images/flag/kn.png) no-repeat;
}

.nation_kp {
  background: url(../images/flag/kp.png) no-repeat;
}

.nation_kr {
  background: url(../images/flag/kr.png) no-repeat;
}

.nation_kw {
  background: url(../images/flag/kw.png) no-repeat;
}

.nation_ky {
  background: url(../images/flag/ky.png) no-repeat;
}

.nation_kz {
  background: url(../images/flag/kz.png) no-repeat;
}

.nation_la {
  background: url(../images/flag/la.png) no-repeat;
}

.nation_lb {
  background: url(../images/flag/lb.png) no-repeat;
}

.nation_lc {
  background: url(../images/flag/lc.png) no-repeat;
}

.nation_li {
  background: url(../images/flag/li.png) no-repeat;
}

.nation_lk {
  background: url(../images/flag/lk.png) no-repeat;
}

.nation_lr {
  background: url(../images/flag/lr.png) no-repeat;
}

.nation_ls {
  background: url(../images/flag/ls.png) no-repeat;
}

.nation_lt {
  background: url(../images/flag/lt.png) no-repeat;
}

.nation_lu {
  background: url(../images/flag/lu.png) no-repeat;
}

.nation_lv {
  background: url(../images/flag/lv.png) no-repeat;
}

.nation_ly {
  background: url(../images/flag/ly.png) no-repeat;
}

.nation_ma {
  background: url(../images/flag/ma.png) no-repeat;
}

.nation_mc {
  background: url(../images/flag/mc.png) no-repeat;
}

.nation_md {
  background: url(../images/flag/md.png) no-repeat;
}

.nation_me {
  background: url(../images/flag/me.png) no-repeat;
}

.nation_mf {
  background: url(../images/flag/mf.png) no-repeat;
}

.nation_mg {
  background: url(../images/flag/mg.png) no-repeat;
}

.nation_mh {
  background: url(../images/flag/mh.png) no-repeat;
}

.nation_mk {
  background: url(../images/flag/mk.png) no-repeat;
}

.nation_ml {
  background: url(../images/flag/ml.png) no-repeat;
}

.nation_mm {
  background: url(../images/flag/mm.png) no-repeat;
}

.nation_mn {
  background: url(../images/flag/mn.png) no-repeat;
}

.nation_mo {
  background: url(../images/flag/mo.png) no-repeat;
}

.nation_mp {
  background: url(../images/flag/mp.png) no-repeat;
}

.nation_mq {
  background: url(../images/flag/mq.png) no-repeat;
}

.nation_mr {
  background: url(../images/flag/mr.png) no-repeat;
}

.nation_ms {
  background: url(../images/flag/ms.png) no-repeat;
}

.nation_mt {
  background: url(../images/flag/mt.png) no-repeat;
}

.nation_mu {
  background: url(../images/flag/mu.png) no-repeat;
}

.nation_mv {
  background: url(../images/flag/mv.png) no-repeat;
}

.nation_mw {
  background: url(../images/flag/mw.png) no-repeat;
}

.nation_mx {
  background: url(../images/flag/mx.png) no-repeat;
}

.nation_my {
  background: url(../images/flag/my.png) no-repeat;
}

.nation_mz {
  background: url(../images/flag/mz.png) no-repeat;
}

.nation_na {
  background: url(../images/flag/na.png) no-repeat;
}

.nation_nc {
  background: url(../images/flag/nc.png) no-repeat;
}

.nation_ne {
  background: url(../images/flag/ne.png) no-repeat;
}

.nation_nf {
  background: url(../images/flag/nf.png) no-repeat;
}

.nation_ng {
  background: url(../images/flag/ng.png) no-repeat;
}

.nation_ni {
  background: url(../images/flag/ni.png) no-repeat;
}

.nation_nl {
  background: url(../images/flag/nl.png) no-repeat;
}

.nation_no {
  background: url(../images/flag/no.png) no-repeat;
}

.nation_np {
  background: url(../images/flag/np.png) no-repeat;
}

.nation_nr {
  background: url(../images/flag/nr.png) no-repeat;
}

.nation_nu {
  background: url(../images/flag/nu.png) no-repeat;
}

.nation_nz {
  background: url(../images/flag/nz.png) no-repeat;
}

.nation_om {
  background: url(../images/flag/om.png) no-repeat;
}

.nation_pa {
  background: url(../images/flag/pa.png) no-repeat;
}

.nation_pe {
  background: url(../images/flag/pe.png) no-repeat;
}

.nation_pf {
  background: url(../images/flag/pf.png) no-repeat;
}

.nation_pg {
  background: url(../images/flag/pg.png) no-repeat;
}

.nation_ph {
  background: url(../images/flag/ph.png) no-repeat;
}

.nation_pk {
  background: url(../images/flag/pk.png) no-repeat;
}

.nation_pl {
  background: url(../images/flag/pl.png) no-repeat;
}

.nation_pm {
  background: url(../images/flag/pm.png) no-repeat;
}

.nation_pn {
  background: url(../images/flag/pn.png) no-repeat;
}

.nation_pr {
  background: url(../images/flag/pr.png) no-repeat;
}

.nation_ps {
  background: url(../images/flag/ps.png) no-repeat;
}

.nation_pt {
  background: url(../images/flag/pt.png) no-repeat;
}

.nation_pw {
  background: url(../images/flag/pw.png) no-repeat;
}

.nation_py {
  background: url(../images/flag/py.png) no-repeat;
}

.nation_qa {
  background: url(../images/flag/qa.png) no-repeat;
}

.nation_re {
  background: url(../images/flag/re.png) no-repeat;
}

.nation_ro {
  background: url(../images/flag/ro.png) no-repeat;
}

.nation_rs {
  background: url(../images/flag/rs.png) no-repeat;
}

.nation_ru {
  background: url(../images/flag/ru.png) no-repeat;
}

.nation_rw {
  background: url(../images/flag/rw.png) no-repeat;
}

.nation_sa {
  background: url(../images/flag/sa.png) no-repeat;
}

.nation_sb {
  background: url(../images/flag/sb.png) no-repeat;
}

.nation_sc {
  background: url(../images/flag/sc.png) no-repeat;
}

.nation_sd {
  background: url(../images/flag/sd.png) no-repeat;
}

.nation_se {
  background: url(../images/flag/se.png) no-repeat;
}

.nation_sg {
  background: url(../images/flag/sg.png) no-repeat;
}

.nation_sh {
  background: url(../images/flag/sh.png) no-repeat;
}

.nation_si {
  background: url(../images/flag/si.png) no-repeat;
}

.nation_sj {
  background: url(../images/flag/sj.png) no-repeat;
}

.nation_sk {
  background: url(../images/flag/sk.png) no-repeat;
}

.nation_sl {
  background: url(../images/flag/sl.png) no-repeat;
}

.nation_sm {
  background: url(../images/flag/sm.png) no-repeat;
}

.nation_sn {
  background: url(../images/flag/sn.png) no-repeat;
}

.nation_so {
  background: url(../images/flag/so.png) no-repeat;
}

.nation_sr {
  background: url(../images/flag/sr.png) no-repeat;
}

.nation_ss {
  background: url(../images/flag/ss.png) no-repeat;
}

.nation_st {
  background: url(../images/flag/st.png) no-repeat;
}

.nation_sv {
  background: url(../images/flag/sv.png) no-repeat;
}

.nation_sx {
  background: url(../images/flag/sx.png) no-repeat;
}

.nation_sy {
  background: url(../images/flag/sy.png) no-repeat;
}

.nation_sz {
  background: url(../images/flag/sz.png) no-repeat;
}

.nation_tc {
  background: url(../images/flag/tc.png) no-repeat;
}

.nation_td {
  background: url(../images/flag/td.png) no-repeat;
}

.nation_tf {
  background: url(../images/flag/tf.png) no-repeat;
}

.nation_tg {
  background: url(../images/flag/tg.png) no-repeat;
}

.nation_th {
  background: url(../images/flag/th.png) no-repeat;
}

.nation_tj {
  background: url(../images/flag/tj.png) no-repeat;
}

.nation_tk {
  background: url(../images/flag/tk.png) no-repeat;
}

.nation_tl {
  background: url(../images/flag/tl.png) no-repeat;
}

.nation_tm {
  background: url(../images/flag/tm.png) no-repeat;
}

.nation_tn {
  background: url(../images/flag/tn.png) no-repeat;
}

.nation_to {
  background: url(../images/flag/to.png) no-repeat;
}

.nation_tr {
  background: url(../images/flag/tr.png) no-repeat;
}

.nation_tt {
  background: url(../images/flag/tt.png) no-repeat;
}

.nation_tv {
  background: url(../images/flag/tv.png) no-repeat;
}

.nation_tw {
  background: url(../images/flag/tw.png) no-repeat;
}

.nation_tz {
  background: url(../images/flag/tz.png) no-repeat;
}

.nation_ua {
  background: url(../images/flag/ua.png) no-repeat;
}

.nation_ug {
  background: url(../images/flag/ug.png) no-repeat;
}

.nation_um {
  background: url(../images/flag/um.png) no-repeat;
}

.nation_us {
  background: url(../images/flag/us.png) no-repeat;
}

.nation_uy {
  background: url(../images/flag/uy.png) no-repeat;
}

.nation_uz {
  background: url(../images/flag/uz.png) no-repeat;
}

.nation_va {
  background: url(../images/flag/va.png) no-repeat;
}

.nation_vc {
  background: url(../images/flag/vc.png) no-repeat;
}

.nation_ve {
  background: url(../images/flag/ve.png) no-repeat;
}

.nation_vg {
  background: url(../images/flag/vg.png) no-repeat;
}

.nation_vi {
  background: url(../images/flag/vi.png) no-repeat;
}

.nation_vn {
  background: url(../images/flag/vn.png) no-repeat;
}

.nation_vu {
  background: url(../images/flag/vu.png) no-repeat;
}

.nation_wf {
  background: url(../images/flag/wf.png) no-repeat;
}

.nation_ws {
  background: url(../images/flag/ws.png) no-repeat;
}

.nation_xk {
  background: url(../images/flag/xk.png) no-repeat;
}

.nation_ye {
  background: url(../images/flag/ye.png) no-repeat;
}

.nation_yt {
  background: url(../images/flag/yt.png) no-repeat;
}

.nation_za {
  background: url(../images/flag/za.png) no-repeat;
}

.nation_zm {
  background: url(../images/flag/zm.png) no-repeat;
}

.nation_zw {
  background: url(../images/flag/zw.png) no-repeat;
}

.nation_local {
  background: url(../images/flag/local.png) no-repeat;
}

.nation_private {
  background: url(../images/flag/private.png) no-repeat;
}

.nation_unknown {
  background: url(../images/flag/unknown.png) no-repeat;
}

/* dashboard_nation */
.dashboard_nation td {
  vertical-align: middle !important;
}

.wrap_nation span.txt {
  display: inline-block;
  vertical-align: top;
  margin: 1px 0 0 2px;
}

/* ic_upload ic_download */
div.optional span.btn_wrap .ic_upload,
div.optional span.btn_wrap .ic_download {
  float: left !important;
}
div.optional span.btn_upload span.txt, div.optional span.btn_download span.txt {
  vertical-align: top;
  margin: 0 !important;
  padding-top: 3px;
  padding-left: 2px;
}

/*side 용량*/
.admin_side {
  position: relative;
}

.lnb.personal_data {
  min-height: 0px;
  /* position: absolute; bottom:40px;*/
}

section.personal_data {
  padding: 10px 10px 15px !important;
  text-align: left;
}
section.personal_data h1 {
  font-size: 14px;
  text-align: left;
  padding-left: 0;
  margin-bottom: 4px;
}
section.personal_data h1 > ins.ic {
  display: inline-block;
  width: 29px;
  height: 22px;
  background: url(../images/ic_side.png) no-repeat -50px -350px !important;
}
section.personal_data span.num {
  color: #888;
  margin: 0;
}
section.personal_data span.num strong {
  color: #5e98bc;
}
section.personal_data span.gage_wrap {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 3px;
  background-color: #fff;
}
section.personal_data span.part {
  color: #bbb;
  font-size: 11px;
  font-family: tahoma;
}
section.personal_data span.txt {
  color: #888;
  font-size: 11px;
}

/* monitoring tb_resource_type */
span.cpu_total {
  font-weight: bold;
  color: red;
}

table.in_table2.tb_resource_type tbody tr th,
table.in_table2.tb_resource_type tbody tr td {
  border-bottom: 1px solid #eaecef;
}

.tb_resource_type .stat_warning {
  color: #ff9c00;
  font-weight: bold;
}
.tb_resource_type .stat_emergency {
  color: red;
  font-weight: bold;
}
.tb_resource_type .stat_normal {
  color: #9c9c9c;
  font-weight: bold;
}

/* ic_syn */
.syn_wrap {
  margin-top: 10px;
}
.syn_wrap:after {
  display: block;
  content: "";
  clear: left;
}

.syn_card {
  width: 275px;
  float: left;
  margin-right: 10px;
  padding: 25px 15px;
  border: 1px solid #d9d9d9;
  text-align: center;
}
.syn_card p.tit {
  margin-top: 20px;
  font: bold 14px malgun gothic, dotum;
}
.syn_card p.desc {
  margin-top: 5px;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -1px;
  margin-top: 5px;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -1px;
}

span.ic_syn {
  display: inline-block;
  background: url(../images/admin/icon_syn.png) no-repeat 0 0;
  width: 38px;
  height: 38px;
}
span.ic_syn.ic_set_ready {
  background-position: 0 0;
}
span.ic_syn.ic_set_complete {
  background-position: 0 -50px;
}
span.ic_syn.ic_progress {
  background-position: 0 -100px;
}
span.ic_syn.ic_check {
  background-position: 0 -150px;
}
span.ic_syn.ic_fail {
  background-position: 0 -200px;
}

/* tmse alarm_set */
.content > table.detail.alarm_set > tbody > tr > th {
  width: 110px !important;
}

.disable {
  filter: Alpha(Opacity=30) !important;
  opacity: 0.3 !important;
  cursor: default !important;
}

/* ic_back add */
.btn_tool.btn_back {
  color: #d94e5c;
}

/* 2025 메일보안클라우드 디자인 개선 스타일 추가 */
.inp_error input {
  border: 1px solid #e84b4b !important;
}
.inp_error input + p.msg_invalid {
  display: block;
}
.inp_error p.msg_invalid {
  display: block;
}

p.msg_invalid {
  display: none;
  margin-top: 4px;
  font-size: 13px;
  color: #e84b4b;
  line-height: 150%;
  text-align: left;
}

.ic_2x {
  display: inline-block;
  background: url(../images/admin/ic_2x_admin.png) no-repeat 0 0;
  background-size: 400px 400px;
}
.ic_2x.ic_time {
  width: 16px;
  height: 16px;
  background-position: -25px 0;
}
.ic_2x.ic_ban {
  width: 40px;
  height: 40px;
  background-position: -350px 0;
}

.wrap_icon_box {
  display: inline-block;
  background: #f7f9f9;
  border-radius: 32px;
  width: 80px;
  height: 80px;
  padding: 20px;
  box-sizing: border-box;
}
.wrap_icon_box + h1 {
  margin-top: 20px;
}

/* 시스템 얼럿 */
.system_alert {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 420px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.system_alert .content h1 {
  font-size: 24px;
}
.system_alert .content p.desc {
  margin: 12px 0 24px;
  text-align: center;
  font-size: 14px;
}
.system_alert .content .fill_box {
  padding: 24px;
  border-radius: 8px;
  background: #f2f2f2;
}
.system_alert .content .fill_box dl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
.system_alert .content .fill_box dl dt {
  width: 100px;
  color: #5b5b5b;
  text-align: left;
}
.system_alert .content .fill_box dl dd {
  color: #111;
  width: calc(100% - 116px);
  text-align: left;
}
.system_alert .btn_wrap {
  padding: 24px 0 0;
}
.system_alert .btn_wrap a {
  padding: 16px 0;
  width: 100%;
  text-align: center;
  font-size: 16px;
  border-radius: 12px;
}

.pw_change {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 420px;
  transform: translate(-50%, -50%);
}
.pw_change h1 {
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
}
.pw_change p.desc {
  margin-top: 12px;
}
.pw_change fieldset {
  margin-top: 24px;
}
.pw_change fieldset .tit,
.pw_change fieldset .wrap_inp {
  display: inline-block;
  width: 100%;
}
.pw_change fieldset .tit + .wrap_inp {
  margin-top: 6px;
}
.pw_change fieldset .wrap_inp + .tit {
  margin-top: 16px;
}
.pw_change .fill_box {
  margin-top: 20px;
  padding: 16px;
  background: #eef1f7;
  border-radius: 8px;
}
.pw_change .fill_box p.tit,
.pw_change .fill_box ul.desc_list li {
  font-size: 13px;
  color: #8d96a3;
}
.pw_change .fill_box p.tit {
  display: flex;
  align-items: center;
  gap: 6px;
}
.pw_change .fill_box p.tit::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../images/ic_2x.png) no-repeat 0 0;
  background-size: 400px 400px;
  background-position: 0px 0px;
  clear: both;
}
.pw_change .fill_box ul.desc_list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}
.pw_change .fill_box ul.desc_list li {
  padding-left: 32px;
  text-indent: -5px;
}
.pw_change .fill_box ul.desc_list li::before {
  content: "-";
  display: inline-block;
  clear: both;
  margin-right: 4px;
}
.pw_change .btn_wrap {
  padding: 24px 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pw_change .btn_wrap a {
  padding: 16px 0;
  width: 100%;
  text-align: center;
  font-size: 16px;
  border-radius: 12px;
}

div.alert_wrap {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 16px 40px 16px 16px;
  top: 24px !important;
  left: 50% !important;
  min-width: 400px !important;
  max-width: 800px !important;
  width: initial !important;
  height: initial !important;
  align-items: flex-start;
  background: #1c1c1c !important;
  border-radius: 8px;
  transform: translate(-50%, 0) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12) !important;
}
div.alert_wrap.go_error ins.ic_alert_caution {
  background-position: -300px -150px;
}
div.alert_wrap ins {
  margin: 0 !important;
  flex-shrink: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/admin/ic_2x_admin.png) no-repeat -100px -150px;
  background-size: 400px 400px;
}
div.alert_wrap ins.ic_alert {
  background-position: -250px -150px;
}
div.alert_wrap .txt {
  padding: 2px 0 !important;
  min-height: 24px;
  color: #fff !important;
  font-weight: normal !important;
  font-size: 14px !important;
  text-align: left !important;
  line-height: 150% !important;
  box-sizing: border-box;
}
div.alert_wrap .btn_wrap {
  position: absolute;
  top: 14px;
  right: 10px;
  margin: 0 !important;
  padding: 4px;
}
div.alert_wrap .btn_wrap .btn_del_light {
  position: static !important;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/admin/ic_2x_admin.png) no-repeat -200px -150px;
  background-size: 400px 400px;
}/*# sourceMappingURL=tmw_admin_style.css.map */