@charset "UTF-8";
:root {
  /* 2024 NEW Gray Scale */
  --cm-gray-000:#FFFFFF;
  --cm-gray-100:#FAFAFA;
  --cm-gray-150:#F7F7F7;
  --cm-gray-200:#EEEEEE;
  --cm-gray-300:#E4E4E4;
  --cm-gray-400:#DADADA;
  --cm-gray-500:#C8C8C8;
  --cm-gray-600:#999999;
  --cm-gray-700:#666666;
  --cm-gray-800:#333333;
  --cm-gray-900:#1A1A1A;
  /* --pm-color999:#6F77E4; */
  --pm-color900:#787FEF;
  --pm-color700:#9298EB;
  --pm-color500:#B1B5F1;
  --pm-color300:#D0D3F7;
  --pm-color100:#EFF0FC;
  /* --bg-color000:#FAFAFF; */
  /* 2024 primary color */
  --pm-color-600:#19204B;
  --pm-color-500:#525DA4;
  --pm-color-400:#8897E2;
  --pm-color-300:#BFC8F5;
  --pm-color-150:#E5E9F7;
  --bg-color-000:#FFFFFF;
  /* 2024 New Secondary Color */
  --sc-color-600:#D71820;
  --sc-color-500:#CC4040;
  --sc-color-400:#E64848;
  --sc-color-300:#FF5050;
  --sc-color-200:#FFC9C9;
  --sc-color-100:#FFEEEE;
  --pt-success:#38C976;
  --pt-links:#3EAEFF;
  --pt-warning:#FFA23A;
  --pt-error:#FF0000;
  /* 20240705 Button Color */
  --btn-color-001:#19204B;
  --btn-color-002:#EFEFEF;
  /* 20240705 Border Color */
  --bdr-color-001:#19204B;
  --bdr-color-002:#EFEFEF;
  --bdr-color-003:#DFDFDF;
  --bdr-color-004:#E4E4E4;
  /* 20240715 Background Color */
  --bg-color-001:#f5f6fa;
  --bg-color-002:#f7f7f7;
  --bg-color-003:#fafafa;
}

body, .content-wrap.tree-type * {
  font-family: 'SpoqaHanSansNeo', '.SFNSText-Regular', 'San Francisco', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif !important;
  letter-spacing: -.03rem;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
}

body *:not(.fa), .content-wrap.tree-type * *:not(.fa) {
  font-family: 'SpoqaHanSansNeo', '.SFNSText-Regular', 'San Francisco', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif !important;
}


.clp_result {
  position:relative
}

.clp_result  .tabhover {
      position: absolute;
      bottom: -45px;
      z-index:100;
      left: calc(50% + 45px);
      transform: translate(calc(-50% - 45px), 0);
      background: #000;
      color: #fff;
      padding: 7px 19px;
      border-radius: 10px;
      display:none
}

.clp_result:hover  .tabhover {
  display:block
}

.clp_result .tabhover::before {
  content:"";
  display:block;
  width:0; height:0;
  border:8px solid #000;
  border-top:hidden;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  position:absolute;
  left:0; right:0;
  margin:auto;
  top:-8px
}


.flex, .flex-left, .flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /* 241004 출결발식 설정 시간영역 수정 */
  /*! 20241015 row 타입*/
}

.flex.gap-side-10, .gap-side-10.flex-left, .gap-side-10.flex-center {
  gap: 0 8px;
}

.flex.gap-updown-10, .gap-updown-10.flex-left, .gap-updown-10.flex-center {
  gap: 0 8px;
}

.flex.gap-full-10, .gap-full-10.flex-left, .gap-full-10.flex-center {
  gap: 8px;
}

.flex.gap-side-50, .gap-side-50.flex-left, .gap-side-50.flex-center {
  gap: 0 50px;
}

.flex.gap-full-20, .gap-full-20.flex-left, .gap-full-20.flex-center {
  gap: 20px;
}

.flex.gap-full-30, .gap-full-30.flex-left, .gap-full-30.flex-center {
  gap: 30px;
}

.flex.gap-full-40, .gap-full-40.flex-left, .gap-full-40.flex-center {
  gap: 40px;
}

.flex.gap-full-50, .gap-full-50.flex-left, .gap-full-50.flex-center {
  gap: 50px;
}

.flex.align-center, .align-center.flex-left, .align-center.flex-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex.align-start, .align-start.flex-left, .align-start.flex-center {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex.align-stretch, .align-stretch.flex-left, .align-stretch.flex-center {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.flex.jc-center, .jc-center.flex-left, .jc-center.flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex.jc-between, .jc-between.flex-left, .jc-between.flex-center {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex.jc-end, .jc-end.flex-left, .jc-end.flex-center {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex.fl-wrap, .fl-wrap.flex-left, .fl-wrap.flex-center {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex .flex-sh0, .flex-left .flex-sh0, .flex-center .flex-sh0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.flex > .w2, .flex-left > .w2, .flex-center > .w2 {
  width: 49%;
}

.flex > .w3, .flex-left > .w3, .flex-center > .w3 {
  width: 32.33%;
}

.flex > .w4, .flex-left > .w4, .flex-center > .w4 {
  width: 24%;
}

.flex > .w5, .flex-left > .w5, .flex-center > .w5 {
  width: 19%;
}

.flex > .w6, .flex-left > .w6, .flex-center > .w6 {
  width: 16%;
}

.flex .tiem-name, .flex-left .tiem-name, .flex-center .tiem-name {
  width: 120px;
  text-align: justify;
}

.flex .radio-inline + .radio-inline, .flex-left .radio-inline + .radio-inline, .flex-center .radio-inline + .radio-inline, .flex .checkbox-inline + .radio-inline, .flex-left .checkbox-inline + .radio-inline, .flex-center .checkbox-inline + .radio-inline, .flex .form-chk-set > .form-chk + .radio-inline, .flex-left .form-chk-set > .form-chk + .radio-inline, .flex-center .form-chk-set > .form-chk + .radio-inline, .flex .radio-inline + .checkbox-inline, .flex-left .radio-inline + .checkbox-inline, .flex-center .radio-inline + .checkbox-inline, .flex .checkbox-inline + .checkbox-inline, .flex-left .checkbox-inline + .checkbox-inline, .flex-center .checkbox-inline + .checkbox-inline, .flex .form-chk-set > .form-chk + .checkbox-inline, .flex-left .form-chk-set > .form-chk + .checkbox-inline, .flex-center .form-chk-set > .form-chk + .checkbox-inline, .flex .form-chk-set > .radio-inline + .form-chk, .flex-left .form-chk-set > .radio-inline + .form-chk, .flex-center .form-chk-set > .radio-inline + .form-chk, .flex .form-chk-set > .checkbox-inline + .form-chk, .flex-left .form-chk-set > .checkbox-inline + .form-chk, .flex-center .form-chk-set > .checkbox-inline + .form-chk, .flex .form-chk-set > .form-chk + .form-chk, .flex-left .form-chk-set > .form-chk + .form-chk, .flex-center .form-chk-set > .form-chk + .form-chk {
  margin-left: 0px;
}

.flex.row-type, .row-type.flex-left, .row-type.flex-center {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}

.flex.row-type > *, .row-type.flex-left > *, .row-type.flex-center > * {
  width: calc(50% - 10px);
}

.flex > .input-el input[type="text"], .flex-left > .input-el input[type="text"], .flex-center > .input-el input[type="text"] {
  width: 280px;
}

.status {
  display: inline-block;
  border-radius: 50px;
  font-weight: 500;
  font-size: 16px;
  color: var(--cm-gray-600);
  background-color: var(--bg-color-001);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.status.line {
  border-radius: 4px;
  border: 1px solid #dadada;
  background-color: #fff;
}

.status.red {
  border: 1px solid #fff3f4;
  background-color: #fff3f4;
  color: #d71820;
}

.status.red a, .status.red span {
  color: #d71820;
}

.status.green {
  background-color: #f4fbe6;
  border-color: #3BB000;
  color: #3BB000;
}

.status.green a, .status.green span {
  color: #3BB000;
}

.status.gray {
  border-color: var(--cm-gray-400);
  color: var(--cm-gray-700);
}

.status.gray a, .status.gray span {
  color: var(--cm-gray-700);
}

.status.blue {
  border-color: #2166D6;
  background-color: #f5f8ff;
}

.status.blue a, .status.blue span {
  color: #2166D6;
}

.status.orange {
  border-color: #f5b100;
  background-color: #fff7e4;
}

.status.orange a, .status.orange span {
  color: #ff5133;
}

.status a, .status span, .status:is(span:only-child) {
  display: inline-block;
  width: 83px;
  height: 34px;
  line-height: 34px;
}

.flex-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#full-content {
  background: #fff;
}

#full-content .h2Box {
  width: 100%;
}

#print_area {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

#pdf_area {
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}

.h2Box {
  width: calc(100% - 322px);
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  min-height: calc(100vh - 193px);
  position: relative;
  background-color: var(--bg-color-000);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.h2Box h2 + #tabM {
  margin-top: 26px;
}

.h2Box h2 span {
  margin-left: 20px;
  font-size: 30px;
  font-weight: 400;
  color: var(--cm-gray-900);
}

.h2Box form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.h2Box form .panel-box {
  width: 100%;
}

.h2Box form > .ico2, .h2Box .ico2 form > .util, .ico2 .h2Box form > .util {
  margin-bottom: 10px;
}

.h2Box form > table {
  margin-bottom: 10px;
}

.h2Box .modal {
  width: 100%;
}

.h2Box #app {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

.nav-bordered .nav-item {
  margin-bottom: 0;
}

.nav-bordered .nav-item a.nav-link.active {
  border-bottom: 0 !important;
}

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

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > table {
  min-width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

td {
  text-align: center;
}

/*! 240912 테이블 디자인 수정 김민규 */
.chart, .info, .info2, .tb-row, .chart_roll {
  border-top: 1px solid var(--cm-gray-300);
  border-bottom: 1px solid var(--cm-gray-300);
  /*! 20241015 caption 안보이게 수정 */
}

.chart caption, .info caption, .info2 caption, .tb-row caption, .chart_roll caption {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  z-index: -1;
}

.chart.center *, .center.info *, .center.info2 *, .center.tb-row *, .chart_roll.center * {
  text-align: center;
}

.chart tr:first-child th, .info tr:first-child th, .info2 tr:first-child th, .tb-row tr:first-child th, .chart tr:first-child td, .info tr:first-child td, .info2 tr:first-child td, .tb-row tr:first-child td, .chart_roll tr:first-child th, .chart_roll tr:first-child td {
  border-top: 0;
}

.chart tr th, .info tr th, .info2 tr th, .tb-row tr th, .chart tr td, .info tr td, .info2 tr td, .tb-row tr td, .chart_roll tr th, .chart_roll tr td {
  height: 56px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--fs-14);
  text-align: center;
}

.chart tr th > .ico2:only-child, .info tr th > .ico2:only-child, .info2 tr th > .ico2:only-child, .tb-row tr th > .ico2:only-child, .chart tr .ico2 th > .util:only-child, .ico2 .chart tr th > .util:only-child, .info tr .ico2 th > .util:only-child, .ico2 .info tr th > .util:only-child, .info2 tr .ico2 th > .util:only-child, .ico2 .info2 tr th > .util:only-child, .tb-row tr .ico2 th > .util:only-child, .ico2 .tb-row tr th > .util:only-child, .chart tr td > .ico2:only-child, .info tr td > .ico2:only-child, .info2 tr td > .ico2:only-child, .tb-row tr td > .ico2:only-child, .chart tr .ico2 td > .util:only-child, .ico2 .chart tr td > .util:only-child, .info tr .ico2 td > .util:only-child, .ico2 .info tr td > .util:only-child, .info2 tr .ico2 td > .util:only-child, .ico2 .info2 tr td > .util:only-child, .tb-row tr .ico2 td > .util:only-child, .ico2 .tb-row tr td > .util:only-child, .chart_roll tr th > .ico2:only-child, .chart_roll tr .ico2 th > .util:only-child, .ico2 .chart_roll tr th > .util:only-child, .chart_roll tr td > .ico2:only-child, .chart_roll tr .ico2 td > .util:only-child, .ico2 .chart_roll tr td > .util:only-child {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.chart tr th .type.FIX, .info tr th .type.FIX, .info2 tr th .type.FIX, .tb-row tr th .type.FIX, .chart tr td .type.FIX, .info tr td .type.FIX, .info2 tr td .type.FIX, .tb-row tr td .type.FIX, .chart_roll tr th .type.FIX, .chart_roll tr td .type.FIX {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: var(--fs-12);
  color: var(--pt-error);
  background: var(--sc-color-100);
  border-radius: 6px;
  padding: 3px 6px;
  margin-right: 8px;
}

.chart tr th, .info tr th, .info2 tr th, .tb-row tr th, .chart tr th > label, .info tr th > label, .info2 tr th > label, .tb-row tr th > label, .chart_roll tr th, .chart_roll tr th > label {
  border-top: 1px solid var(--bdr-color-004);
  border-bottom: 1px solid var(--bdr-color-004);
  background-color: var(--cm-gray-100);
  font-weight: var(--fw-500);
  color: var(--cm-gray-900);
}

.chart tr th > label, .info tr th > label, .info2 tr th > label, .tb-row tr th > label, .chart tr th > label > label, .info tr th > label > label, .info2 tr th > label > label, .tb-row tr th > label > label, .chart_roll tr th > label, .chart_roll tr th > label > label {
  border: none;
  margin-bottom: 0;
}

.chart tr td, .info tr td, .info2 tr td, .tb-row tr td, .chart_roll tr td {
  color: var(--cm-gray-800);
  border-bottom: 1px solid var(--bdr-color-004);
  font-weight: var(--fw-400);
}

.chart tr td a:hover b.blue, .info tr td a:hover b.blue, .info2 tr td a:hover b.blue, .tb-row tr td a:hover b.blue,
.chart tr td a:hover .blue,
.info tr td a:hover .blue,
.info2 tr td a:hover .blue,
.tb-row tr td a:hover .blue, .chart_roll tr td a:hover b.blue,
.chart_roll tr td a:hover .blue {
  text-decoration: underline;
  font-weight: var(--fw-700);
  text-underline-offset: 2px;
}

.chart tr td .img-con, .info tr td .img-con, .info2 tr td .img-con, .tb-row tr td .img-con, .chart_roll tr td .img-con {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  text-align: center;
}

.chart tr td .img-con img, .info tr td .img-con img, .info2 tr td .img-con img, .tb-row tr td .img-con img, .chart_roll tr td .img-con img {
  width: 100px;
  height: 46px;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  text-align: center;
}

.chart tr td.left .img-con, .info tr td.left .img-con, .info2 tr td.left .img-con, .tb-row tr td.left .img-con, .chart_roll tr td.left .img-con {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.chart .bod_info, .info .bod_info, .info2 .bod_info, .tb-row .bod_info, .chart_roll .bod_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.chart .tb-btn, .info .tb-btn, .info2 .tb-btn, .tb-row .tb-btn, .chart_roll .tb-btn {
  display: inline-block;
  border-radius: 50px;
  font-weight: 500;
  font-size: 16px;
  color: var(--cm-gray-600);
  background-color: var(--bg-color-001);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 83px;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  color: #666;
  text-decoration: none;
  border-radius: 6px;
}

.chart .tb-btn.line, .info .tb-btn.line, .info2 .tb-btn.line, .tb-row .tb-btn.line, .chart_roll .tb-btn.line {
  border-radius: 4px;
  border: 1px solid #dadada;
  background-color: #fff;
}

.chart .tb-btn.red, .info .tb-btn.red, .info2 .tb-btn.red, .tb-row .tb-btn.red, .chart_roll .tb-btn.red {
  border: 1px solid #fff3f4;
  background-color: #fff3f4;
  color: #d71820;
}

.chart .tb-btn.red a, .info .tb-btn.red a, .info2 .tb-btn.red a, .tb-row .tb-btn.red a, .chart .tb-btn.red span, .info .tb-btn.red span, .info2 .tb-btn.red span, .tb-row .tb-btn.red span, .chart_roll .tb-btn.red a, .chart_roll .tb-btn.red span {
  color: #d71820;
}

.chart .tb-btn.green, .info .tb-btn.green, .info2 .tb-btn.green, .tb-row .tb-btn.green, .chart_roll .tb-btn.green {
  background-color: #f4fbe6;
  border-color: #3BB000;
  color: #3BB000;
}

.chart .tb-btn.green a, .info .tb-btn.green a, .info2 .tb-btn.green a, .tb-row .tb-btn.green a, .chart .tb-btn.green span, .info .tb-btn.green span, .info2 .tb-btn.green span, .tb-row .tb-btn.green span, .chart_roll .tb-btn.green a, .chart_roll .tb-btn.green span {
  color: #3BB000;
}

.chart .tb-btn.gray, .info .tb-btn.gray, .info2 .tb-btn.gray, .tb-row .tb-btn.gray, .chart_roll .tb-btn.gray {
  border-color: var(--cm-gray-400);
  color: var(--cm-gray-700);
}

.chart .tb-btn.gray a, .info .tb-btn.gray a, .info2 .tb-btn.gray a, .tb-row .tb-btn.gray a, .chart .tb-btn.gray span, .info .tb-btn.gray span, .info2 .tb-btn.gray span, .tb-row .tb-btn.gray span, .chart_roll .tb-btn.gray a, .chart_roll .tb-btn.gray span {
  color: var(--cm-gray-700);
}

.chart .tb-btn.blue, .info .tb-btn.blue, .info2 .tb-btn.blue, .tb-row .tb-btn.blue, .chart_roll .tb-btn.blue {
  border-color: #2166D6;
  background-color: #f5f8ff;
}

.chart .tb-btn.blue a, .info .tb-btn.blue a, .info2 .tb-btn.blue a, .tb-row .tb-btn.blue a, .chart .tb-btn.blue span, .info .tb-btn.blue span, .info2 .tb-btn.blue span, .tb-row .tb-btn.blue span, .chart_roll .tb-btn.blue a, .chart_roll .tb-btn.blue span {
  color: #2166D6;
}

.chart .tb-btn.orange, .info .tb-btn.orange, .info2 .tb-btn.orange, .tb-row .tb-btn.orange, .chart_roll .tb-btn.orange {
  border-color: #f5b100;
  background-color: #fff7e4;
}

.chart .tb-btn.orange a, .info .tb-btn.orange a, .info2 .tb-btn.orange a, .tb-row .tb-btn.orange a, .chart .tb-btn.orange span, .info .tb-btn.orange span, .info2 .tb-btn.orange span, .tb-row .tb-btn.orange span, .chart_roll .tb-btn.orange a, .chart_roll .tb-btn.orange span {
  color: #ff5133;
}

.chart .tb-btn.red, .info .tb-btn.red, .info2 .tb-btn.red, .tb-row .tb-btn.red, .chart_roll .tb-btn.red {
  border: 1px solid #d71820;
  background-color: var(--cm-gray-000);
}

.chart .tb-btn:hover, .info .tb-btn:hover, .info2 .tb-btn:hover, .tb-row .tb-btn:hover, .chart_roll .tb-btn:hover {
  text-decoration: none;
}

.chart .tb-btn i, .info .tb-btn i, .info2 .tb-btn i, .tb-row .tb-btn i, .chart_roll .tb-btn i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 2px;
}

.chart .tb-btn.btn-delete i, .info .tb-btn.btn-delete i, .info2 .tb-btn.btn-delete i, .tb-row .tb-btn.btn-delete i, .chart_roll .tb-btn.btn-delete i {
  background: url(../img/ico_bt_minus.svg) no-repeat;
}

.chart .tb-btn.btn-add i, .info .tb-btn.btn-add i, .info2 .tb-btn.btn-add i, .tb-row .tb-btn.btn-add i, .chart_roll .tb-btn.btn-add i {
  background: url(../img/ico_bt_plus.svg) no-repeat;
}

.chart.view_type td, .view_type.info td, .view_type.info2 td, .view_type.tb-row td,
.chart.view_type th,
.view_type.info th,
.view_type.info2 th,
.view_type.tb-row th, .chart_roll.view_type td,
.chart_roll.view_type th {
  text-align: left;
}

.chart.pointer:not(.cht2) tr:hover td, .pointer.info:not(.cht2) tr:hover td, .pointer.info2:not(.cht2) tr:hover td, .pointer.tb-row:not(.cht2) tr:hover td, .chart_roll.pointer:not(.cht2) tr:hover td {
  background: #eff0fc;
  cursor: pointer;
}

.chart .table-info, .info .table-info, .info2 .table-info, .tb-row .table-info, .chart_roll .table-info {
  font-size: var(--fs-14);
  font-weight: var(--fw-400);
  color: var(--cm-gray-600);
  margin-top: 4px;
}

.chart tfoot tr th, .info tfoot tr th, .info2 tfoot tr th, .tb-row tfoot tr th, .chart tfoot tr td, .info tfoot tr td, .info2 tfoot tr td, .tb-row tfoot tr td, .chart_roll tfoot tr th, .chart_roll tfoot tr td {
  background-color: var(--bdr-color-002);
}

.info.pd-small th, .info.pd-small td {
  padding: 7px 10px;
}

.info tr th,
.info tr td {
  text-align: left;
  padding: 10px 18px;
}

.info tr td#btn_info, .info tr td#btn_info2 {
  text-align: right;
}

.info tr td#btn_info > a.btn:only-child, .info tr td#btn_info2 > a.btn:only-child {
  margin-right: -18px;
}

.info tr td .btnBoard {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: -18px !important;
}

.info.attend-table tr th, .info.attend-table tr td {
  text-align: center;
  font-size: var(--fs-12);
  padding: 5px;
  height: 45px;
}

.info.attend-table tr th:not(:last-child) {
  border-right: 1px solid var(--bdr-color-004);
}

.ico3 {
  overflow: hidden;
  width: 97%;
  margin: 0 auto;
}

.ico4 {
  overflow: hidden;
  width: 100%;
  margin: 20px 0 12px 0;
}

.ico4 ul {
  float: left;
}

.ico4 ul li {
  float: left;
  margin-right: 16px;
  padding-top: 2px;
  font-size: 11px;
  color: #666;
}

.ico4 ul li a {
  color: #666;
}

.ico4 ul li.print {
  padding-left: 20px;
  background: url(../img/icon_print.gif) no-repeat;
}

.ico4 ul li.excel {
  padding-left: 18px;
  background: url(../img/icon_excel.gif) no-repeat;
}

.ico4 ul li.pdf {
  padding-left: 21px;
  background: url(../img/icon_pdf.png) no-repeat;
}

.ico4 ul li.re {
  padding-left: 14px;
  background: url(../img/icon_re.png) no-repeat 0 2px;
}

.ico4 p {
  float: right;
  margin-left: 10px;
  font-size: 12px;
}

.ico4 p:first-child {
  margin-left: 0px;
}

.h2Ul {
  display: none;
  overflow: hidden;
  padding: 20px;
  border: 1px solid #f3f3f3;
  background: #fff;
}

.h2Ul li {
  line-height: 22px;
  color: var(--cm-gray-900);
}

.btnBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  text-align: right;
  gap: 0 10px;
}

.btnBoard.jc-center, .btnBoard.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btnBoard.type2 li:nth-last-of-type(1) {
  border: 0;
  background: #333;
}

.btnBoard.type2 li:nth-last-of-type(2) {
  margin: 0;
  border: 0;
  background: var(--bdr-color-004);
}

.btnBoard.type2 li:nth-last-of-type(2) a {
  color: var(--cm-gray-900);
}

.btnBoard li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 78px;
  height: 38px;
  border-radius: 8px;
  color: #fff;
  font-size: var(--fs-14);
  font-weight: var(--fw-500);
  text-align: right;
  overflow: hidden;
}

.btnBoard li.ico2, .btnBoard .ico2 li.util, .ico2 .btnBoard li.util {
  border-radius: 0;
  overflow: inherit;
}

.btnBoard li.ico2 > a, .btnBoard .ico2 li.util > a, .ico2 .btnBoard li.util > a {
  border-radius: 8px;
}

.btnBoard li:nth-child(1) > a[name="bodConfirm"], .btnBoard li:nth-child(2) > a[name="bodConfirm"] {
  background-color: var(--bdr-color-004);
  color: var(--cm-gray-900);
}

.btnBoard li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  font-size: var(--fs-14);
  font-weight: var(--fw-500);
  color: #fff;
  padding: 0 20px;
  background-color: var(--cm-gray-800);
}

.btnBoard li a:hover {
  text-decoration: none;
}

.btnBoard li a#goList {
  background-color: var(--bg-color-003);
  border: 1px solid var(--cm-gray-400);
  color: var(--cm-gray-900);
  height: 36px;
  border-radius: 8px;
}

.btnBoard li.complete a {
  background-color: var(--cm-gray-800);
  color: var(--bg-color-000);
}

.btnBoard li.cancle a, .btnBoard li.cencle a, .btnBoard li.cancel a {
  background-color: var(--bdr-color-004);
  color: var(--cm-gray-900);
}

.btnBoard li.delete {
  border: 1px solid var(--sc-color-300);
}

.btnBoard li.delete a {
  background: var(--sc-color-300);
  color: var(--bg-color-000);
}

.btnBoard li.list {
  margin-top: 0 !important;
}

.btnBoard li.list a {
  border: 1px solid var(--cm-gray-300);
  background: var(--cm-gray-300);
  color: var(--cm-gray-900);
}

.btnBoard li.line, .btnBoard li.add {
  border: 1px solid var(--cm-gray-400) !important;
}

.btnBoard li.line a, .btnBoard li.add a {
  background: var(--cm-gray-100) !important;
  color: var(--cm-gray-900) !important;
}

.btnBoard li.add > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 3px;
  padding-left: 10px;
}

.btnBoard li.add > a:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/ico_bt_plus.svg) no-repeat center/20px;
}

.btnBoard li:has(> .btn) {
  padding: 0;
}

.bottom-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 20px;
  background-color: var(--bg-color-000);
  gap: 0 8px;
}

.chBox {
  padding: 6px 16px;
  border: 1px solid #dadada;
  border-radius: 4px;
}

.chBox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 20px;
}

.chBox ul li {
  font-size: var(--fs-16);
  font-weight: var(--fw-500);
  color: var(--cm-gray-700);
  line-height: 22px;
  margin-left: 0;
}

.chBox ul li > span {
  margin: 0 1px;
}

.chBox > p {
  float: left;
  margin: 0 15px 0 7px;
}

.chBox dl {
  width: auto;
}

.chBox dl dt {
  float: left;
  font-weight: 700;
  color: #333;
}

.chBox dl dd {
  float: left;
  margin: 0 15px 0 5px;
}

.chBox dl dd ul {
  float: left;
}

.chBox dl dd ul li {
  float: left;
  margin-right: 5px;
}

.chBox dl dd ul li > input {
  margin: -2px 2px 0 0;
}

.chBox dl dd > input {
  float: left;
  height: 16px;
  line-height: 16px;
  padding-left: 4px;
  border: 1px solid var(--bdr-color-004);
}

.chBox dl dd p {
  float: left;
  background: #333;
  text-align: center;
}

.chBox dl dd p input {
  padding: 0 5px;
  border: none;
  background: none;
  color: #fff;
  cursor: pointer;
}

.chBox.black-type ul li span {
  color: var(--cm-gray-700) !important;
}

#pcUl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px 1%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 20px 0;
}

#pcUl > li {
  width: 19%;
  margin-bottom: 15px;
}

#pcUl > li > div {
  overflow: hidden;
  width: 150px;
  min-height: 215px;
  margin-left: 40px;
  padding-bottom: 5px;
  border: 1px solid var(--bdr-color-004);
}

#pcUl > li > div > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-top: 20px;
}

#pcUl > li > div > ul > li {
  width: 100%;
  display: block;
  text-align: left;
  margin: 1px 0;
}

#pcUl > li > div > ul > li.full {
  text-align: center !important;
  width: 100%;
}

#pcUl > li > div > ul > li.full a.pcColor3 {
  width: 100%;
  background-position: center left 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#pcUl > li.pcColor1 div {
  border: 1px solid #63b835;
}

#pcUl > li.pcColor2 div {
  border: 1px solid #515c6a;
}

#pcUl > li.pcColor3 div {
  border: 1px solid #57b0d9;
}

#pcUl > li.pcColor4 div {
  border: 1px solid #800080;
}

#pcUl > li.pcColor5 div {
  border: 1px solid #e4e4e4;
}

#pcUl > li div p {
  margin: 10px 5px;
  text-align: center;
}

#pcUl > li div p img {
  width: 120px;
  height: 150px;
  border: 1px solid #ddd;
}

#pcUl > li div ul {
  width: 120px;
  margin: 5px auto;
}

#pcUl > li div ul li.right {
  text-align: right;
}

/*공통*/
a.pcColor1 {
  display: block;
  width: 50%;
  margin: auto;
  padding: 2px 5px 1px 15px;
  border-radius: 5px;
  background: #63b835 url(../img/icon_check.png) no-repeat 9px 4px;
  color: #fff;
}

a.pcColor2 {
  display: block;
  width: 50%;
  margin: auto;
  padding: 2px 5px 1px 15px;
  border-radius: 5px;
  background: #515c6a url(../img/icon_check.png) no-repeat 9px 4px;
  color: #fff;
}

a.pcColor3 {
  display: block;
  width: 50%;
  margin: auto;
  padding: 2px 5px 1px 15px;
  border-radius: 5px;
  background: #57b0d9 url(../img/icon_check.png) no-repeat 9px 4px;
  color: #fff;
}

a.pcColor4 {
  display: block;
  width: 50%;
  margin: auto;
  padding: 2px 5px 1px 15px;
  border-radius: 5px;
  background: #800080 url(../img/icon_check.png) no-repeat 9px 4px;
  color: #fff;
}

a.pcColor5 {
  display: block;
  width: 100%;
  margin: auto;
  padding: 2px 5px;
  border-radius: 5px;
  background-color: #333333;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

b.green,
.green {
  color: #3BB000 !important;
}

b.blue,
.blue {
  color: #4c84fa !important;
}

b.orange,
.orange {
  color: #ff5133 !important;
}

b.gray,
.gray {
  color: #666 !important;
}

b.red {
  color: #ff5050 !important;
}

b.gray2 {
  color: #b8b8b8 !important;
}

b.black {
  color: #333 !important;
}

b.purple {
  color: #800080 !important;
}

.green {
  color: #3BB000 !important;
}

.blue {
  color: #4c84fa !important;
}

.orange {
  color: #ff5133 !important;
}

.gray {
  color: #666 !important;
}

.red {
  color: #ff0000 !important;
}

.bold {
  font-weight: 700 !important;
}

p.left {
  float: left !important;
}

p.right,
ul.right {
  float: right !important;
  margin-right: 0 !important;
}

p.re {
  margin-left: 12px;
  background: url(../img/ico_refresh.svg) no-repeat left 12px top 50%/24px;
  font-size: 16px;
}

p.print {
  padding: 2px 0 0 18px;
  background: url(../img/icon_print.gif) no-repeat;
  font-size: 16px;
}

.full {
  width: 100% !important;
}

.w175 {
  width: 175px !important;
}

.w270 {
  width: 270px !important;
}

.w400 {
  width: 400px !important;
}

.h119 {
  height: 119px !important;
}

.h140 {
  height: 140px !important;
}

.h168 {
  height: 168px !important;
}

.h200 {
  height: 200px !important;
}

.h260 {
  height: 260px !important;
}

.fs16 {
  font-size: 16px !important;
}

.PD0 {
  padding: 0 !important;
}

.PR0 {
  padding-right: 0 !important;
}

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

.PL0 {
  padding-left: 0 !important;
}

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

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

.PT00 {
  padding-top: 0 !important;
}

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

.PB00 {
  padding-bottom: 0 !important;
}

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

.PB40 {
  padding-bottom: 40px !important;
}

.PB50 {
  padding-bottom: 50px !important;
}

.mgn00 {
  margin: 0 !important;
}

.mgnT0 {
  margin-top: 0 !important;
}

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

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

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

.mgnT10 {
  margin-top: 10px !important;
  text-align: center;
}

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

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

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

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

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

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

.mgnT50 {
  margin-top: 50px !important;
}

.mgnLa {
  margin-left: auto !important;
}

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

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

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

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

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

.mgnRa {
  margin-right: auto !important;
}

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

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

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

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

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

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

.bdr0 {
  border: 0 !important;
}

.w90 {
  width: 90px !important;
}

.w60 {
  width: 60px !important;
}

.clear {
  clear: both;
}

.emps {
  margin-left: 4px;
  color: #ff0000;
}

.full {
  width: 100% !important;
}

.pos-r {
  position: relative !important;
}

.pos-a {
  position: absolute !important;
}

.bd-n {
  border: none !important;
}

.bd-nt {
  border-top: none !important;
}

.bd-nb {
  border-bottom: none !important;
}

.bd-nl {
  border-left: none !important;
}

.bd-nr {
  border-right: none !important;
}

.bd-nlr {
  border-left: none !important;
  border-right: none !important;
}

.bd-ntb {
  border-top: none !important;
  border-bottom: none !important;
}

input.bdGray {
  height: 20px;
  line-height: 20px;
  padding-left: 4px;
  border: 1px solid var(--bdr-color-004);
}

select.bdGray {
  border: 1px solid var(--bdr-color-004);
}

select + input:not([type='hidden']), input:not([type='hidden']) + select {
  margin-left: 8px !important;
}

textarea {
  padding: 12px 16px;
  font-weight: 400;
  resize: none;
}

textarea + div.count {
  position: absolute;
  right: 37px;
  bottom: 30px;
  padding: 0;
  font-size: 12px !important;
  color: var(--cm-gray-600) !important;
}

/*textarea:focus-visible {
    // border:0;
    // outline:0;
}*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-weight: 400;
  color: var(--cm-gray-600);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-weight: 400;
  color: var(--cm-gray-600);
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  font-weight: 400;
  color: var(--cm-gray-600);
}
input::placeholder,
textarea::placeholder {
  font-weight: 400;
  color: var(--cm-gray-600);
}

textarea.bdGray {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--bdr-color-004);
  word-break: break-all;
}

.point {
  display: inline-block;
  padding: 0 5px;
  border-radius: 5px;
  background: #333;
  color: #fff;
  text-align: center;
}

.btnAdd a {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 5px;
  background: #333;
  font-weight: normal;
  color: #fff;
  text-align: center;
}

.btnAdd2 a {
  display: inline-block;
  padding: 3px 10px 1px 10px;
  border-radius: 5px;
  background: #333;
  font-weight: normal;
  color: #fff;
  text-align: center;
}

.list {
  text-align: center;
}

.list li {
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  color: #646be0;
}

.list li a {
  font-weight: normal;
}

.list li.btn {
  width: 15px;
}

.list li.btn img {
  display: block;
  margin: 3px auto 0;
}

.list1 {
  margin: 20px auto;
  text-align: center;
}

.list1 li {
  display: inline-block;
  width: 18px;
  font-weight: 700;
  color: #525DA4;
}

.list1 li a {
  font-weight: normal;
}

.list1 li.btn {
  width: 15px;
}

.list1 li.btn img {
  display: block;
  margin: 3px auto 0;
}

.list2 {
  margin: 20px auto;
  text-align: center;
}

.list2 li {
  display: inline-block;
  width: 18px;
  font-weight: 700;
  color: #525DA4;
}

.list2 li a {
  font-weight: normal;
}

.list2 li.btn {
  width: 15px;
}

.list2 li.btn img {
  display: block;
  margin: 3px auto 0;
}

.list3 {
  margin: 20px auto;
  text-align: center;
}

.list3 li {
  display: inline-block;
  width: 18px;
  font-weight: 700;
  color: #525DA4;
}

.list3 li a {
  font-weight: normal;
}

.list3 li.btn {
  width: 15px;
}

.list3 li.btn img {
  display: block;
  margin: 3px auto 0;
}

.list4 {
  margin: 20px auto;
  text-align: center;
}

.list4 li {
  display: inline-block;
  width: 18px;
  font-weight: 700;
  color: #525DA4;
}

.list4 li a {
  font-weight: normal;
}

.list4 li.btn {
  width: 15px;
}

.list4 li.btn img {
  display: block;
  margin: 3px auto 0;
}

.list5 {
  margin: 20px auto;
  text-align: center;
}

.list5 li {
  display: inline-block;
  width: 18px;
  font-weight: 700;
  color: #525DA4;
}

.list5 li a {
  font-weight: normal;
}

.list5 li.btn {
  width: 15px;
}

.list5 li.btn img {
  display: block;
  margin: 3px auto 0;
}

.list6 {
  margin: 20px auto;
  text-align: center;
}

.list6 li {
  display: inline-block;
  width: 18px;
  font-weight: 700;
  color: #525DA4;
}

.list6 li a {
  font-weight: normal;
}

.list6 li.btn {
  width: 15px;
}

.list6 li.btn img {
  display: block;
  margin: 3px auto 0;
}

.list7 {
  margin: 20px auto;
  text-align: center;
}

.list7 li {
  display: inline-block;
  width: 18px;
  font-weight: 700;
  color: #525DA4;
}

.list7 li a {
  font-weight: normal;
}

.list7 li.btn {
  width: 15px;
}

.list7 li.btn img {
  display: block;
  margin: 3px auto 0;
}

.sProfile {
  overflow: hidden;
  width: 63px;
  height: 75px;
  border-radius: 4px;
  text-align: center;
}

/*! FAQ전자출석 */
#tabM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 10px;
  width: 100%;
  margin-bottom: 14px;
}

#tabM li {
  width: auto;
}

#tabM li a {
  display: block;
  color: var(--cm-gray-600);
  font-size: var(--fs-14);
  font-weight: var(--fw-500);
  padding: 8px 12px;
  line-height: 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid var(--bdr-color-004);
}

#tabM li.selected a {
  background-color: var(--btn-color-001);
  border-color: var(--btn-color-001);
  color: var(--bg-color-000);
}

/*! Member_Search */
#tabMS {
  overflow: hidden;
  width: 97%;
  margin: 0 auto;
  background: #1E282C;
}

#tabMS li {
  float: left;
  width: 127px;
  text-align: center;
}

#tabMS li:first-child {
  width: 129px;
  border-left: none;
}

#tabMS li a {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  color: #fff;
}

#tabMS li:hover {
  background: #eee;
}

#tabMS li:hover a {
  color: #1E282C;
}

#tabMS li.selected {
  background: #eee;
}

#tabMS li.selected a {
  font-weight: 700;
  color: #1E282C;
}

#faqCon {
  width: 100%;
}

#faqCon dl {
  overflow: hidden;
  padding: 20px 0;
  border-bottom: 1px dotted #ddd;
}

#faqCon dl dt {
  margin-left: 5px;
  padding-left: 12px;
  background: url(../img/bullet_qna.gif) no-repeat 0 3px;
  font-weight: 700;
  color: #525DA4;
}

#faqCon dl dd {
  overflow: hidden;
  width: calc(98% - 2px);
  margin: 5px auto;
  border: 1px solid var(--bdr-color-004);
  border-top: 1px solid #4a5668;
}

#faqCon dl dd ul {
  padding: 10px;
}

#faqCon dl dd ul li {
  margin: 2px 0;
  padding-left: 10px;
  background: url(../img/snb_hover_bullet.gif) no-repeat 0 5px;
}

#faqCon dl dd ul.listA li label,
#faqCon dl dd ul.listA li span {
  display: block;
}

/*! 전자출결시스템안내 */
#infoCon {
  width: 100%;
}

#infoCon dl {
  overflow: hidden;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #f3f3f3;
  background: #fff;
}

#infoCon dl dt {
  line-height: 16px;
  padding: 0 0 0 2px;
  font-family: 'SpoqaHanSansNeo', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #d1d3f3;
}

#infoCon dl dt span {
  margin-left: 5px;
  color: #fd3eb1;
}

#infoCon dl dd {
  overflow: hidden;
  margin: 7px 20px 0 15px;
  background: url(../img/bullet_info.png) no-repeat;
  background-position: 0px 6px;
}

#infoCon dl dd ul {
  margin-left: 16px;
}

#infoCon dl dd ul li {
  margin: 4px 0;
}

#infoCon dl dd ul.listA li label,
#infoCon dl dd ul.listA li span {
  display: block;
}

/*! 공지사항 */
#noticeCon {
  overflow: hidden;
  width: 100%;
}

#noticeCon h3 {
  font-family: 'SpoqaHanSansNeo', sans-serif;
  font-size: 17px;
  color: #343435;
}

#noticeCon h3 a {
  display: inline-block;
  line-height: 18px;
  padding: 0 15px 0 5px;
  background: #3b3b3b url(../img/bullet_notice.png) no-repeat 128px center;
  font-weight: normal;
  font-size: 13px;
  color: #fff;
  text-align: center;
}

.idList {
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
}

.idList li {
  float: left;
  width: 33%;
  background: url(../img/bullet_id.gif) no-repeat right center;
}

.idList li:last-child {
  width: 34%;
  background: none;
}

.idList li + li + li {
  width: 34%;
  background: none;
}

.idList li div {
  overflow: hidden;
  float: left;
  width: 90px;
  height: 90px;
  margin-left: 12%;
  border-radius: 50%;
  background: #f4f4f4;
  text-align: center;
}

.idList li div img {
  margin-top: 12%;
}

.idList li p {
  float: left;
  line-height: 90px;
  margin-left: 10px;
  font-weight: 700;
  font-size: 14px;
}

.csBox {
  margin: 20px 0 10px;
}

.csBox dd {
  display: block;
  width: 260px;
  margin-top: 5px;
  font-weight: 700;
  font-size: 15px;
  color: #333;
  text-align: left;
}

.csBox dd.point {
  padding: 2px 8px;
  border-radius: 3px;
  background: #1d62b4;
  font-family: 'SpoqaHanSansNeo', sans-serif;
  color: #fff;
}

.csBox dd i {
  color: #fff;
}

#systemCon {
  overflow: hidden;
  padding: 13px 10px 3px;
  border: 1px solid #efefef;
  border-radius: 10px;
  background: #f7f7f7;
}

#systemCon dt {
  color: #3b3b3b;
}

#systemCon dt span {
  color: #1d94e5;
  text-decoration: underline;
}

#systemCon dd {
  margin: 3px 0 10px 10px;
  padding-left: 5px;
  background: url(../img/bullet_system.png) no-repeat 0 5px;
}

#systemCon dd a:hover {
  color: #1d62b4;
}

.btnSystem {
  overflow: hidden;
  margin: 20px auto 0 auto;
  text-align: center;
}

.btnSystem li {
  display: inline-block;
  width: 130px;
  height: 32px;
  line-height: 32px;
  margin: 0 5px;
  font-family: 'SpoqaHanSansNeo', sans-serif;
  font-size: 13px;
}

.btnSystem li a {
  display: block;
  width: 100%;
  height: 100%;
  font-weight: 700;
  color: #fff;
}

.btnSystem li.blue {
  border: 1px solid #757ce8;
  border-radius: 4px;
  background: #787fef;
}

.btnSystem li.black {
  border: 1px solid #383636;
  background: #4e4e4e;
}

.btnSystem li.gray {
  border: 1px solid #9c9c9c;
  background: #a5a5a5;
}

#loading {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
}

#popup_mask {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 1000px;
  background-color: #000;
  opacity: 0.3;
}

.survey {
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #d8d7d7;
  border-left: 1px solid #d8d7d7;
}

.survey th {
  background: #f1f1f1;
  font-weight: normal;
  color: #3b3b3b;
}

.survey th,
.survey td {
  padding: 6px;
  border-right: 1px solid #d8d7d7;
  border-bottom: 1px solid #d8d7d7;
  text-align: center;
}

.survey input,
.survey select {
  width: 90%;
  height: 30px;
  border: 1px solid #ced4da;
  color: #6c757d;
}

.survey .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.survey .date select {
  margin-right: 2%;
}

.survey .btnBoard {
  margin-top: 0;
}

.survey .btnBoard li {
  width: 50px;
  margin: 0 0 0 1%;
}

.survey .btnBoard li:first-child {
  margin-left: 0;
}

.survey #btn_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.survey #btn_info .btnBoard {
  width: 20%;
  margin: 0;
}

.survey #btn_info .btnBoard li {
  width: 47%;
}

.text-left {
  text-align: left;
}

.stickyBody td {
  background: #F7f8fc;
}

/*! 20240807 관리자 대시보드 수정 */
/*! 240925 레이아웃 수정 */
.content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  /*! 20241016 부트스트랩 탭 리스트 색상 변경*/
}

.content-wrap.modal-type .panel-box {
  padding: 0 20px;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-top: 20px;
}

.content-wrap.modal-type .panel-box:first-child {
  padding-top: 20px;
  margin-top: 0px;
}

.content-wrap.modal-type .panel-box:last-child {
  padding-bottom: 20px;
}

.content-wrap .panel-colums {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.content-wrap .panel-colums .panel-box {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.content-wrap .panel-box + .bottom-area {
  margin: 20px 0;
}

.content-wrap .panel-title, .content-wrap .sub_tit, .content-wrap h2.sub_tit {
  margin: 0;
  font-size: var(--fs-24);
  color: var(--cm-gray-9);
  font-weight: var(--fw-500);
}

.content-wrap .panel-title + .ico2, .content-wrap .ico2 .panel-title + .util, .ico2 .content-wrap .panel-title + .util, .content-wrap .sub_tit + .ico2, .content-wrap .ico2 .sub_tit + .util, .ico2 .content-wrap .sub_tit + .util, .content-wrap h2.sub_tit + .ico2, .content-wrap .ico2 h2.sub_tit + .util, .ico2 .content-wrap h2.sub_tit + .util {
  margin-top: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.content-wrap .panel-title + .ico2 + table, .content-wrap .ico2 .panel-title + .util + table, .ico2 .content-wrap .panel-title + .util + table, .content-wrap .sub_tit + .ico2 + table, .content-wrap .ico2 .sub_tit + .util + table, .ico2 .content-wrap .sub_tit + .util + table, .content-wrap h2.sub_tit + .ico2 + table, .content-wrap .ico2 h2.sub_tit + .util + table, .ico2 .content-wrap h2.sub_tit + .util + table {
  margin-bottom: 0;
}

.content-wrap .panel-title + .panel-content .form-group, .content-wrap .sub_tit + .panel-content .form-group, .content-wrap h2.sub_tit + .panel-content .form-group {
  margin-bottom: 0;
}

.content-wrap h3.sub_tit {
  font-size: var(--fs-18);
  font-weight: var(--fw-500);
  margin-top: 14px;
}

.content-wrap .total_number {
  font-weight: var(--fw-400);
  font-size: var(--fs-16);
}

.content-wrap .panel-box {
  border: 1px solid var(--cm-gray-200);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px 0;
}

.content-wrap .panel-box .nav-tabs .nav-item .nav-link {
  color: var(--cm-gray-600);
  font-size: var(--fs-14);
  font-weight: var(--fw-500);
  padding: 8px 12px;
  line-height: 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content-wrap .panel-box .nav-tabs .nav-item .nav-link.active {
  background-color: var(--btn-color-001);
  border-color: var(--btn-color-001) !important;
}

.content-wrap .panel-box .result-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content-wrap .panel-box .result-title > p {
  font-size: 14px;
  font-weight: 400;
  color: var(--cm-gray-700);
}

.content-wrap .panel-box:last-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.content-wrap .panel-box .panel-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.content-wrap .panel-box .panel-content .bd-view + .bd-view {
  margin-top: 18px;
}

.content-wrap .panel-box .panel-content .bd-view h3 {
  margin: 8px 0;
  font-size: var(--fs-18);
  font-weight: var(--fw-500);
  color: #000;
}

.content-wrap .panel-box .panel-content .card .card-header h5 {
  font-size: var(--fs-18);
}

.content-wrap .panel-box .panel-content .card .card-header .col {
  float: none;
  width: 100%;
}

.content-wrap .panel-box .panel-content .card .card-header .col.text-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.content-wrap .panel-box .panel-content.msg-panel {
  gap: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.content-wrap .panel-box .panel-content.msg-panel > div {
  width: calc(50% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.content-wrap .panel-box .panel-content.msg-panel > div:first-child {
  width: calc(70% - 10px);
}

.content-wrap .panel-box .panel-content.msg-panel > div:last-child {
  width: calc(30% - 10px);
}

.content-wrap .panel-box .panel-content.msg-panel > div #image_box #preImage {
  display: none;
}

.content-wrap .panel-box .panel-content.msg-panel > div #image_box .custom-file-label {
  border-radius: 6px;
  height: 36px;
  font-size: var(--fs-14);
}

.content-wrap .panel-box .panel-content.msg-panel > div #image_box .custom-file-label:after {
  cursor: pointer;
  border-radius: 0 6px 6px 0;
  height: 100%;
  font-size: var(--fs-14);
}

.content-wrap .panel-box .panel-content.msg-panel > div #html_box {
  display: none;
}

.content-wrap .panel-box .panel-content.msg-panel > div .smartphone_box {
  margin: 0;
  text-align: center;
}

.content-wrap .panel-box .panel-content.msg-panel > div .smartphone_box #content_box textarea, .content-wrap .panel-box .panel-content.msg-panel > div .smartphone_box #content_box #content-html {
  border-radius: 8px;
  height: 300px;
  resize: none;
  font-size: var(--fs-14);
  font-weight: var(--fw-400);
}

.content-wrap .panel-box .panel-content.msg-panel > div .smartphone_box #content_box #content-html {
  display: none;
  border: 1px solid #ced4da;
  text-align: left;
  padding: 7px 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content-wrap .panel-box .panel-content.msg-panel > div #re_send_div {
  display: none;
  margin-bottom: 5px;
  width: 60%;
}

.content-wrap .panel-box .panel-content.msg-panel > div #re_send_div input {
  width: 100%;
  font-size: var(--fs-14);
}

.content-wrap .panel-box .panel-content.msg-panel > div .re-msg-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
}

.content-wrap .panel-box .panel-content.msg-panel > div .re-msg-box button {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.content-wrap .panel-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.content-wrap .panel-wrap.num_3 .panel-box {
  min-width: 380px;
}

.content-wrap .panel-wrap.num_3 .panel-box #table_question ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 70px;
  padding-right: 8px;
  border-bottom: 1px solid var(--bdr-color-004);
  font-size: var(--fs-16);
}

.content-wrap .panel-wrap.num_3 .panel-box #table_question ul li a {
  font-weight: 500;
  color: var(--sc-color-600);
}

.content-wrap #pushStatsChart {
  width: 100% !important;
}

.content-wrap .form_list {
  padding: 0;
}

.content-wrap .col-lg-4 {
  padding: 0;
}

.content-wrap .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--bg-color-000);
  border: 1px solid var(--cm-gray-200);
  border-radius: 12px;
}

.content-wrap .panel h2 {
  margin-top: 0;
}

.content-wrap .panel .row {
  width: 100%;
  margin: 0;
}

.content-wrap .panel .row > .col-02 {
  padding: 0;
}

.content-wrap .panel .row > .col-12 {
  position: relative;
}

.content-wrap .panel #table_notice tr {
  border-bottom: .0625rem solid #e4e4e4;
}

.content-wrap .panel #table_notice tr th:nth-child(2) {
  color: var(--cm-gray-600);
}

.content-wrap .link-tab {
  width: 100%;
  height: 60px;
  margin-top: 36px;
  border: 1px solid var(--bdr-color-004);
}

.content-wrap .link-tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.content-wrap .link-tab ul li {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  width: 20%;
}

.content-wrap .link-tab ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 60px;
  font-size: 16px;
  font-weight: 500;
  color: var(--cm-gray-900);
  text-align: center;
}

.content-wrap .link-tab ul li.active {
  background-color: var(--cm-gray-300);
}

.content-wrap .link-tab ul li.active a {
  text-decoration: underline;
}

.content-wrap .link-tab ul li + li {
  border-left: 1px solid var(--bdr-color-004);
}

.content-wrap .list-group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.content-wrap .list-group-item {
  border-radius: 0 !important;
  padding: 8px;
  font-size: var(--fs-12);
}

.content-wrap .list-group-item.active {
  border-color: var(--cm-gray-800);
  background-color: var(--cm-gray-800);
}

.content-wrap .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}

.content-wrap .list-group-item + .list-group-item.active {
  margin-top: 0;
}

.content-wrap.tree-type .form-control {
  border: none;
  width: auto;
  min-height: none;
}

.content-wrap.tree-type .form-control select, .content-wrap.tree-type .form-control input {
  border: 1px solid var(--bdr-color-004);
  line-height: normal;
  border-radius: 8px;
}

.content-wrap.tree-type input[type='text'], .content-wrap.tree-type input[type='password'], .content-wrap.tree-type select {
  padding: 0 12px;
}

.content-wrap.tree-type textarea {
  padding: 12px 16px;
}

.content-wrap.tree-type input[type='time'] {
  padding-right: 40px;
}

.content-wrap.tree-type .tree-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}

.content-wrap.tree-type .tree-flex > div {
  width: calc(50% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.content-wrap.tree-type .tree-flex > div .top-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content-wrap.tree-type .tree-flex > div .scroll.page {
  height: 100%;
}

.content-wrap.tree-type .tree-flex > div .scroll.page .menu-tree.tree {
  height: 100%;
  min-height: 400px;
  max-height: 700px;
}

.content-wrap.tree-type .tree-flex > div .scroll.page .menu-tree.tree label {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.content-wrap.tree-type .tree-flex .tree-checkbox.checked, .content-wrap.tree-type .tree-flex .tree-checkbox.indeterminate {
  background-color: var(--sc-color-600);
  border-color: var(--sc-color-600);
}

.content-wrap.tree-type.tree-arrow {
  height: auto;
  cursor: initial;
  margin-left: 0;
  width: 100%;
}

.content-wrap.tree-type.tree-arrow .tree-flex {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.content-wrap.tree-type.tree-arrow .tree-flex .center_cate {
  width: 8%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.content-wrap.tree-type.tree-arrow .tree-flex .center_cate > button {
  background-color: var(--cm-gray-800) !important;
}

.content-wrap.tree-type .tree-content .node-container .node-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 8px;
}

/* 기존 대시보드 */
.new-Dashboard .content-wrap {
  padding: 0;
}

.new-Dashboard .content-wrap .panel-wrap {
  max-height: 300px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.new-Dashboard .wrapper {
  padding: 0;
}

.new-Dashboard #pushStatsChart {
  width: 100% !important;
}

.new-Dashboard .tab-panel {
  padding: 30px 30px 32px;
  border-radius: .75rem;
  background-color: var(--cm-gray-000);
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
}

.new-Dashboard .tab-panel .sub_tit {
  margin-bottom: 20px;
  padding-left: 0;
  background: none;
  font-weight: 700 !important;
  font-size: 24px !important;
}

.new-Dashboard.tab-content {
  padding: 0;
}

.new-Dashboard.tab-content .panel-wrap {
  margin-top: 0;
}

.new-Dashboard.tab-content .panel-wrap h2 {
  font-size: 20px;
}

.new-Dashboard.tab-content .panel-wrap .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--bg-color-000);
  border: 1px solid var(--cm-gray-200);
  border-radius: 12px;
  width: calc(50% - 10px);
  max-width: none;
  border-color: var(--cm-gray-400);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 257px;
  gap: 20px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 110px;
}

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle h3 {
  font-size: var(--fs-20);
  font-weight: var(--fw-500);
}

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list {
  margin-top: 24px;
}

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 8px;
  padding: 6px 12px;
  background-color: var(--bg-color-002);
}

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list > li p {
  margin-top: 0;
}

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list > li p.chart-lable-name, .new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list > li p:first-child {
  font-size: var(--fs-12);
  font-weight: var(--fw-400);
  color: var(--cm-gray-700) !important;
}

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list > li p.chart-lable-value, .new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list > li p:last-child {
  color: var(--cm-gray-900);
  font-size: var(--fs-15);
  font-weight: var(--fw-500);
}

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list > li:not(:last-child) {
  margin-bottom: 6px;
}

.new-Dashboard.tab-content .panel-wrap .panel .panel-chart-pie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.new-Dashboard.tab-content .panel-wrap .panel div[id*="pie"]:not(:has(svg)) {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: var(--fs-16);
  font-weight: var(--fw-400);
  color: var(--cm-gray-600);
}

.new-Dashboard.tab-content .panel-wrap .panel + .panel, .new-Dashboard.tab-content .panel-wrap .content-wrap .panel + .panel {
  margin-top: 0;
}

.new-Dashboard.tab-content .panel-wrap .panel .c3-legend {
  margin-top: 10px;
}

.new-Dashboard.tab-content .panel-wrap .panel .c3-legend .lgn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  gap: 0 20px;
}

.new-Dashboard.tab-content .panel-wrap .panel .c3-legend .lgn-list .lgn-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 0 8px;
  cursor: pointer;
}

.new-Dashboard.tab-content .panel-wrap .panel .c3-legend .lgn-list .lgn-item-name {
  font-size: var(--fs-12);
  font-weight: var(--fw-400);
}

.new-Dashboard.tab-content .panel-wrap .panel .c3-legend .lgn-list .lgn-item-color {
  width: 25px;
  height: 7px;
  display: block;
}

.new-Dashboard.tab-content.type2 .panel-wrap {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 20px;
  gap: 40px 0;
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel p {
  margin-top: 0;
  font-size: inherit;
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel > div, .new-Dashboard.tab-content.type2 .panel-wrap .content-wrap .panel > div {
  width: 100%;
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel h2 {
  margin-bottom: 0;
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel .ico4 {
  position: static;
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel .ico4 .btn {
  width: 24px;
  height: 24px;
  border-radius: 0;
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel .ico4 p {
  font-size: 0;
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel:only-child {
  border: none;
  width: 100%;
  padding: 0;
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list {
  width: 100% !important;
  height: 100%;
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list h2 span {
  font-size: var(--fs-14);
  font-weight: var(--fw-400);
  color: var(--cm-gray-800);
  margin-left: 0;
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  min-height: 230px;
  height: calc(100% - 52px);
  margin-top: 20px;
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt {
  border-radius: 30px;
  width: calc(25% - 5px);
  background-color: var(--bg-color-002);
  text-align: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt::before {
  display: block;
  content: '';
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--bg-color-000);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.05);
          box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.05);
  margin-bottom: 18px;
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt:nth-child(1):before {
  background-image: url(../img/dash_icon1.svg);
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt:nth-child(2):before {
  background-image: url(../img/dash_icon2.svg);
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt:nth-child(3):before {
  background-image: url(../img/dash_icon3.svg);
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt:nth-child(4):before {
  background-image: url(../img/dash_icon4.svg);
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt .listcnt-title {
  font-size: var(--fs-18);
  font-weight: var(--fw-400);
}

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt .listcnt-number {
  margin-top: 8px;
  font-size: 28px;
  font-weight: var(--fw-500);
  color: var(--cm-gray-900);
  letter-spacing: -3px;
  cursor: pointer;
}

.new-Dashboard .form_list {
  padding: 0;
}

.new-Dashboard .col-lg-4 {
  padding: 0;
}

.new-Dashboard .panel {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28.4%;
          flex: 0 0 28.4%;
  width: 28.4%;
  max-width: 28.4%;
  position: relative;
  padding: 20px;
}

.new-Dashboard .panel:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41%;
          flex: 0 0 41%;
  width: 41%;
  max-width: 41%;
}

.new-Dashboard .panel .row {
  width: 100%;
  margin: 0;
}

.new-Dashboard .panel .row > .col-02 {
  padding: 0;
}

.new-Dashboard .panel .row > .col-12 {
  position: relative;
}

.new-Dashboard .panel .row .chart th, .new-Dashboard .panel .row .info th, .new-Dashboard .panel .row .info2 th, .new-Dashboard .panel .row .tb-row th, .new-Dashboard .panel .row .chart td, .new-Dashboard .panel .row .info td, .new-Dashboard .panel .row .info2 td, .new-Dashboard .panel .row .tb-row td {
  padding: 8px;
  font-size: var(--fs-12);
  height: 40px !important;
}

.new-Dashboard .panel #table_question table {
  margin-top: 1remz;
}

.new-Dashboard .panel #table_question table td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 55px;
  padding-right: 8px;
  border-bottom: .0625rem solid #e4e4e4;
  font-size: 1rem;
  text-align: left;
}

.new-Dashboard .panel #table_question table td a {
  font-weight: 500;
  color: var(--sc-color-300);
}

.new-Dashboard .panel #table_notice tr {
  border-bottom: .0625rem solid #e4e4e4;
}

.new-Dashboard .panel #table_notice tr th:nth-child(2) {
  color: var(--cm-gray-600);
}

.new-Dashboard .panel .ico4 {
  position: absolute;
  right: 30px;
  top: 30px;
  width: auto;
  margin: 0;
}

.new-Dashboard .panel .btn {
  width: 30px;
  height: 30px;
  margin-top: 0;
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 0;
  color: var(--bg-color-000);
  background: url(../img/ico_btn_plus.svg) no-repeat 50%/24px;
}

.new-Dashboard .link-tab {
  width: 100%;
  height: 60px;
  margin-top: 36px;
  border: 1px solid var(--bdr-color-004);
}

.new-Dashboard .link-tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.new-Dashboard .link-tab ul li {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  width: 20%;
}

.new-Dashboard .link-tab ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 60px;
  font-size: 16px;
  font-weight: 500;
  color: var(--cm-gray-900);
  text-align: center;
}

.new-Dashboard .link-tab ul li.active {
  background-color: var(--cm-gray-300);
}

.new-Dashboard .link-tab ul li.active a {
  text-decoration: underline;
}

.new-Dashboard .link-tab ul li + li {
  border-left: 1px solid var(--bdr-color-004);
}

/* 리뉴얼 대시보드 */
.btnGroups {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 8px;
  margin-left: 10px;
}

/*! 20240812 Form Panel 수정 */
/*! 240912 body 컨텐츠 수정 */
form[id*="form_"]:not(#form_menu):not(#form_header) {
  margin-top: 0px;
  background-color: var(--cm-gray-000);
}

form[id*="form_"] .scroll {
  overflow-y: auto;
}

form[id*="form_"] + form[id*="form_"] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.center {
  text-align: center !important;
}

.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  margin-top: 0px;
  margin-bottom: 0;
}

.list > li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 40px !important;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 400;
  font-size: 12px;
  color: var(--cm-gray-900);
  border-radius: 5px;
  background-color: #efefef;
}

.list > li > a {
  font-size: 14px;
  color: var(--cm-gray-600);
}

.list > li:has(> a) {
  color: var(--cm-gray-600);
  background-color: var(--cm-gray-000);
}

.list > li:has(> a):hover {
  color: var(--cm-gray-600);
}

.list li + li {
  margin-left: 20px;
}

table.tb-type2 th {
  height: 80px !important;
  padding: 27px 26px;
  border-top: 1px solid var(--bdr-color-004);
  border-left: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--cm-gray-900);
  text-align: left;
}

table.tb-type2 td {
  height: 80px !important;
  padding: 29px 28px;
}

.cls_prnm:hover,
.cls_sjnm:hover {
  color: #4c84fa;
}

.webui-popover.prnm_popup .webui-popover-content {
  width: 100% !important;
  height: 180px !important;
}

.webui-popover.prnm_popup iframe {
  width: 100% !important;
}

.webui-popover.prnm_popup > .webui-arrow {
  top: 83px !important;
}

.webui-popover.prnm_popup > .webui-arrow:after {
  right: 0 !important;
  top: -18px !important;
}

.webui-popover.prnm_popup .webui-popover-content {
  padding: 0 !important;
}

.webui-popover.prnm_popup .webui-popover-content .modal #popupCon {
  width: 270px !important;
}

.webui-popover.prnm_popup .webui-popover-content .modal #popupCon .info2 tr td {
  width: auto !important;
}

.popup-con .info2 {
  width: 100%;
  margin-top: 12px;
  border: 0;
}

.popup-con .info2 th,
.popup-con .info2 td {
  height: 33px;
}

.popup-con .info2 th {
  font-size: 12px;
  color: var(--cm-gray-000);
  border-left: 0;
  border-bottom: 0;
  background-color: var(--pm-color-600);
}

.popup-con .info2 td {
  padding: 5px 10px;
  border-right: 0;
  border-left: 0;
  font-size: 12px;
  color: var(--cm-gray-800);
  text-align: center;
}

.popup-con .info2 input[type='text'] {
  width: 100%;
}

/*! 20240826 Info Table */
form.form-inline.top-panel {
  padding-top: 34px !important;
}

/*! 20240827 Panel Top-Area */
.ico-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.ico-wrap_right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.ico-wrap.jus-bet {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ico-wrap button[type="button"] {
  font-family: 'SpoqaHanSansNeo', sans-serif;
  height: 36px;
  padding: 0 12px;
  border-radius: 4px;
  border: 1px solid #dadada;
  font-weight: 500;
  font-size: 16px;
  color: #666;
  background-color: #fff;
}

/*! 20240827 Panel Top-Area */
.top-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 57px;
}

.top-area > :has(.left), .top-area :has(> .left + div) {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.top-area.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.top-area h3 {
  font-weight: var(--fw-500);
  font-size: var(--fs-18);
}

.top-area .btnBoard {
  margin-top: 0 !important;
}

.top-area > span > em {
  margin-left: 5px;
  font-size: 16px;
  color: var(--cm-gray-600);
}

.top-area .util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.top-area .ico2 a + a, .top-area .ico2 .util a + a, .ico2 .top-area .util a + a {
  margin-left: 12px;
}

.top-area .ico2 .chBox, .ico2 .top-area .util .chBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: 36px;
  line-height: 32px;
  padding: 0 16px;
  border-radius: 4px;
}

.top-area .ico2 .chBox ul li, .ico2 .top-area .util .chBox ul li {
  padding: 0;
  margin-right: 0;
  font-size: 16px;
}

.top-area .ico2 .chBox ul li:first-child, .ico2 .top-area .util .chBox ul li:first-child {
  margin-left: 0;
}

.top-area button[type="button"] {
  font-family: 'SpoqaHanSansNeo', sans-serif;
  height: 36px;
  padding: 0 12px;
  border-radius: 4px;
  border: 1px solid #dadada;
  font-weight: 500;
  font-size: 16px;
  color: #666;
  background-color: #fff;
}

/*! 20240826 Form Elements */
.inpt {
  width: 400px;
}

.inpt,
.select {
  width: 254px;
}

input[type="text"][class*="inpt-"] {
  width: 100%;
  padding-right: 48px;
  /*! 20240911 Time-Picker */
}

input[type="text"][class*="inpt-"].inpt-datepicker {
  max-width: 254px;
  background: url(../img/ico_calendar.svg) no-repeat top 50% right 12px/24px;
}

input[type="text"][class*="inpt-"].inpt-datepicker.dropdown-menu {
  height: auto !important;
}

input[type="text"][class*="inpt-"].inpt-timepicker {
  max-width: 260px;
  background: url(../img/ico_arrow_drop.svg) no-repeat top 50% right 12px/24px;
}

input[type="text"][class*="inpt-"]:disabled {
  border-color: var(--bdr-color-004);
  background-color: var(--cm-gray-200);
  opacity: 0.7;
}

.select-top {
  width: 254px;
  background-color: var(--bg-color-000);
}

/*! 20240830 전자출결 출석부 상세 */
div[id*="print_area"] {
  -webkit-overflow-scrolling: none;
}

div[id*="print_area"] .first {
  border-right: 1px solid #e4e4e4;
}

div[id*="print_area"] tr:not(:first-child) .date:not(:first-child) th:not(:first-child) {
  border-bottom: 0;
}

div[id*="print_area"] tr:not(:first-child) .date:not(:first-child):last-child {
  border-bottom: 1px solid #e4e4e4;
}

#print_area2 {
  border-top: 1px solid #e4e4e4 !important;
  border-left: 0 !important;
}

#print_area2 .clr_sort.mw35 + th {
  border-right: 1px solid #e4e4e4;
}

#print_area2 tr {
  border-left: 0 !important;
}

#print_area2 tr.reg_row td:first-child {
  border-top: 1px solid #e4e4e4;
}

#print_area2 .info {
  border-top: 0 !important;
}

/*! 20240830 파일 아이콘 수정 */
.fa.fa-file-image-o:before {
  content: "";
  display: block;
  position: relative;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  background: url(../img/ico_pic.svg) no-repeat 50%/24px;
}

/*! 20240903 Guide 안내문구 */
.guide-con {
  padding: 16px;
  color: #999;
}

.guide-con.none-type {
  padding: 0;
}

.guide-con dt {
  margin-bottom: 12px;
  font-weight: var(--fw-700);
  color: var(--cm-gray-700);
  font-size: var(--fs-16);
}

.guide-con dd, .guide-con li {
  position: relative;
  padding-left: 20px;
  font-size: var(--fs-14);
}

.guide-con dd:before, .guide-con li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  background: url(../img/ico_info.svg) no-repeat;
  background-size: 16px;
}

.guide-con dd + dd {
  margin-top: 6px;
}

/*! 20240903 HCO0301M01 일괄 출석변경 수정 (id="webuiPopover44") */
div[id*="webuiPopover"] {
  z-index: 10;
  padding: 0;
  margin: 0;
  /*.webui-popover-inner .close:after {
        // background:url(../img/ico_close.svg)no-repeat;
    }*/
}

div[id*="webuiPopover"] .webui-popover-content {
  overflow-x: hidden;
  border-radius: 14px !important;
  padding: 0;
}

div[id*="webuiPopover"] .webui-popover-inner .close:hover {
  text-decoration: none;
}

div[id*="webuiPopover"] iframe {
  width: 100% !important;
}

.webui-popover.top > .webui-arrow:after,
.webui-popover.top-right > .webui-arrow:after,
.webui-popover.top-left > .webui-arrow:after {
  bottom: 1px !important;
  z-index: 0;
  margin-left: -18px !important;
}

.webui-popover.top > .webui-arrow,
.webui-popover.top-right > .webui-arrow,
.webui-popover.top-left > .webui-arrow {
  bottom: -19px !important;
  z-index: 0;
}

input[type="number"] {
  width: 100px;
  text-align: right;
}

/*! 20240920 드래그 클래스 변경 */
.dragHandle {
  width: 24px;
  height: 24px;
  background: url(../img/ico_draggable.svg) no-repeat center !important;
}

.ico {
  margin: 0 auto;
  padding: 10px 0;
  border: 1px solid #d8d7d7;
  background: #f1f1f1;
}

.ico ul li a {
  color: #666;
}

.ico ul li.print {
  padding-left: 20px;
  background-image: url(../img/icon_print.gif);
}

.ico ul li.excel {
  padding-left: 20px;
  background-image: url(../img/icon_excel.gif);
}

.ico ul li.pdf {
  padding-left: 20px;
  background-image: url(../img/icon_pdf.gif);
}

.ico ul li.re {
  padding-left: 20px;
  background-image: url(../img/icon_re.gif);
}

.ico p {
  float: right;
  margin-right: 10px;
  font-size: 11px;
  color: #979797;
}

/*! 20240920 부트스트랩 제거*/
.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*! 240925 css 적용 기준*/
/*! 푸시전송 이미지 파일 영역 수정*/
.smartphone form#form_image {
  padding: 0 !important;
  margin: 0;
  width: 100%;
}

.smartphone form#form_image .custom-file {
  margin: 5px 0;
}

.smartphone form#form_image .custom-file .upload-name {
  width: 0;
  height: 0;
  position: absolute;
}

.smartphone form#form_image .custom-file .custom-file-input {
  width: 0;
  height: 0;
  position: absolute;
}

.smartphone form#form_image .custom-file .custom-file-label {
  position: relative;
  width: 100%;
}

/*! 20240919 ul박스*/
.info-box {
  margin-top: 50px;
}

.info-box .info-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}

.info-box .info-ul li {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  padding-left: 20px;
  background: url("../img/ico_info.svg") no-repeat top 4px left 0;
}

.info-box .info-ul li + li {
  margin-top: 6px;
}

/*! 240913 버튼 디자인 수정 김민규 */
.ico2, .ico2 .util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 8px;
  margin-bottom: 0;
  /*&+table {
        // margin-top:20px !important;
    }*/
}

.ico2.result-type, .ico2 .result-type.util {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ico2.result-type .sch-result, .ico2 .result-type.util .sch-result, .ico2.result-type > li:first-child, .ico2 .result-type.util > li:first-child, .ico2.result-type > label, .ico2 .result-type.util > label, .ico2.result-type > p, .ico2 .result-type.util > p, .ico2.result-type > span, .ico2 .result-type.util > span {
  font-size: 14px;
  font-weight: 400;
  color: var(--cm-gray-700);
}

.ico2-left {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.ico2-right {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.ico2-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.ico2.date-ref .util, .ico2 .date-ref.util .util {
  gap: 0 20px;
}

.ico2 li.print a {
  background-image: url(../img/ico_print.svg);
}

.ico2 li.excel a {
  background-image: url(../img/ico_download.svg);
}

.ico2 > .mgnT5, .ico2 .util > .mgnT5, .ico2 > .pull-left, .ico2 .util > .pull-left {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.ico2 .ico-btn, .ico2 a, .ico2 .util a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 76px;
  height: 36px;
  font-size: var(--fs-14);
  color: var(--cm-gray-700);
  font-weight: var(--fw-400);
  padding: 7px 12px 7px 36px;
  word-break: keep-all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid var(--cm-gray-400);
  border-radius: 6px;
  background-color: var(--bg-color-000);
  background-position: left 10px center;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.ico2 .ico-btn:has(> img), .ico2 a:has(> img), .ico2 .util a:has(> img) {
  border: none;
  padding: 7px;
}

.ico2 .ico-btn:hover, .ico2 a:hover {
  opacity: 0.7;
}

.ico2 .ico-btn#print, .ico2 .ico-btn.ico-print, .ico2 .ico-btn #deptPrint, .ico2 a#print, .ico2 a.ico-print, .ico2 a #deptPrint {
  background-image: url(../img/ico_print.svg);
}

.ico2 .ico-btn#excel, .ico2 .ico-btn.ico-excel, .ico2 a#excel, .ico2 a.ico-excel {
  background-image: url(../img/ico_download.svg);
}

.ico2 .ico-btn#pdf, .ico2 .ico-btn.ico-pdf, .ico2 a#pdf, .ico2 a.ico-pdf {
  background-image: url(../img/icon_pdf.png);
}

.ico2 .ico-btn#time_refresh, .ico2 .ico-btn#page_reload, .ico2 .ico-btn.ico-re, .ico2 a#time_refresh, .ico2 a#page_reload, .ico2 a.ico-re {
  background-image: url(../img/ico_refresh.svg);
}

.ico2 .ico-btn.none-ico, .ico2 a.none-ico {
  padding: 0 24px;
  background-image: none;
}

.ico2 .ico-btn.ico-black, .ico2 a.ico-black {
  color: var(--bg-color-000);
  background-color: var(--cm-gray-800);
  border-color: var(--cm-gray-800);
}

.ico2 .ico-btn.ico-red, .ico2 a.ico-red {
  color: var(--bg-color-000);
  background-color: var(--sc-color-600);
  border-color: var(--sc-color-600);
}

.ico2 .ico-btn.ico-green, .ico2 a.ico-green {
  background-color: #3BB000;
  color: var(--bg-color-000);
  border-color: #3BB000;
}

.ico2 .ico-btn.ico-delete, .ico2 a.ico-delete {
  color: var(--sc-color-600);
  border-color: var(--sc-color-600);
}

.ico2 .ico-btn.ico-delete i, .ico2 a.ico-delete i {
  background: url(../img/ico_bt_minus.svg) no-repeat;
}

.ico2 .ico-btn.ico-add, .ico2 a.ico-add {
  color: #666 !important;
}

.ico2 .ico-btn.ico-add i, .ico2 a.ico-add i {
  background: url(../img/ico_bt_plus.svg) no-repeat;
}

.ico2 .ico-btn:has(i), .ico2 a:has(i), .ico2 .util a:has(i) {
  padding: 10px 12px;
}

.ico2 .ico-btn i, .ico2 a i, .ico2 .util a i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 2px;
}

.ico2:has(+ table), .ico2 .util:has(+ table) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/*! 240913 테이블 수정 김민규  */
.info2 th {
  border-bottom: 1px solid var(--bdr-color-004);
  border-left: 1px solid var(--bdr-color-004);
  background: #f9f9f9;
  color: var(--cm-gray-800);
  text-align: center;
}

.info2 th.left {
  padding-left: 10px;
  text-align: left;
}

.info2 td {
  padding: 5px 10px;
  border-bottom: 1px solid var(--bdr-color-004);
  font-size: 16px;
  text-align: left;
}

.info2 td.center {
  text-align: center;
}

.info2 td a {
  color: #525DA4;
}

.info2 td input[type='text'] {
  width: 100%;
}

.info2 tr .graybg th,
.info2 tr .graybg td {
  background: #f7f7f7;
}

.info2 .titleTop th {
  font-weight: var(--fw-700);
}

/*! 팝업관련 */
#popupCon {
  overflow: hidden;
  padding: 10px;
  background: #fff;
}

#popupCon h2 span {
  font-weight: normal;
  font-size: 12px;
}

.modal::-webkit-scrollbar {
  display: none;
}

.modal form[id*="form_"] {
  overflow-y: hidden !important;
  height: auto !important;
  padding: 0 !important;
  margin-top: 0 !important;
  border-radius: 14 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.modal #popupCon {
  overflow-y: hidden !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100% !important;
  height: auto !important;
  padding: 22px;
  border-radius: 14px !important;
}

.modal #popupCon .chart_roll.chart_roll2 tr th,
.modal #popupCon .chart_roll.chart_roll2 tr td {
  height: 33px;
}

.modal #popupCon .chart_roll.chart_roll2 tr th {
  padding: 0 5px;
  background-color: #333;
  font-size: 11px;
  color: #fff;
  text-align: left;
}

.modal #popupCon .chart_roll.chart_roll2 tr td {
  padding: 8px 12px;
  border-top: 1px solid #e4e4e4;
  font-size: 11px;
  color: #1a1a1a;
  text-align: left;
}

.modal #popupCon .chart_roll.chart_roll2 tr td.profile-thumb {
  width: 0;
  border: none;
  position: absolute;
}

.modal #popupCon .chart_roll.chart_roll2 tr td input[type="text"] {
  width: 100%;
  height: 28px;
  border-radius: 4px;
  font-size: 12px;
}

.modal #popupCon .chart_roll.chart_roll2 tr td .radio-gp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.modal #popupCon .chart_roll.chart_roll2 tr td .radio-gp label + label {
  margin-left: 8px;
}

.modal #popupCon .chart_roll.chart_roll2 tr td .radio-gp label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal #popupCon .chart_roll.chart_roll2 tr td .form-check,
.modal #popupCon .chart_roll.chart_roll2 tr td input[type="radio"] {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.modal #popupCon .chart_roll.chart_roll2 tr td .form-chk > input[type=radio]:checked {
  border-width: 4px;
}

.modal #popupCon .chart_roll.chart_roll2.roll_center tr th, .modal #popupCon .chart_roll.chart_roll2.roll_center tr td {
  text-align: center;
}

.modal #popupCon .chart_roll.chart_roll2.cht-01 {
  margin-top: 18px;
}

.modal #popupCon .chart_roll.chart_roll2.cht-01 th {
  margin-top: 12px;
  color: #666;
  background-color: #efefef;
}

.modal #popupCon .chart_roll.chart_roll2.cht-01 td {
  text-align: center;
}

.modal #popupCon .chart_roll2 tr th, .modal #popupCon .chart_roll2 tr td {
  text-align: center;
}

.modal #popupCon .btnBoard.mdBtn {
  margin-top: 18px;
  border-radius: 1px;
}

.modal #popupCon .btnBoard.mdBtn li {
  width: 55px !important;
  min-width: 55px !important;
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 !important;
}

.modal #popupCon .btnBoard.mdBtn li a {
  width: 55px;
}

.modal #popupCon .radio-inline + .radio-inline, .modal #popupCon .checkbox-inline + .radio-inline, .modal #popupCon .form-chk-set > .form-chk + .radio-inline, .modal #popupCon .radio-inline + .checkbox-inline, .modal #popupCon .checkbox-inline + .checkbox-inline, .modal #popupCon .form-chk-set > .form-chk + .checkbox-inline, .modal #popupCon .form-chk-set > .radio-inline + .form-chk, .modal #popupCon .form-chk-set > .checkbox-inline + .form-chk, .modal #popupCon .form-chk-set > .form-chk + .form-chk {
  margin-left: 10px !important;
  margin-right: 0 !important;
}

.modal #popupCon .form-chk > input[type=radio] {
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
}

.modal #popupCon .form-chk > input[type=radio]:checked {
  border-width: 4px !important;
}

.modal #popupCon form[id*="form_"] {
  border-radius: 0 !important;
}

.modal #popupCon select {
  width: 100% !important;
  height: 26px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
}

.modal #popupCon .sub_tit {
  font-weight: var(--fw-700);
  font-size: var(--fs-15);
}

.modal #popupCon .sub_tit span {
  font-weight: bold !important;
  font-size: inherit !important;
}

.modal #popupCon .sub_tit + * {
  margin-top: 12px !important;
}

.modal #popupCon > ul {
  font-size: var(--fs-12);
  font-weight: var(--fw-400);
}

.modal #popupCon .ico2, .modal #popupCon .ico2 .util, .ico2 .modal #popupCon .util {
  width: 100%;
  height: auto;
  margin-bottom: 12px;
  border-radius: 4px;
  border: 1px solid #dadada;
  margin-top: 12px;
}

.modal #popupCon .ico2 .chBox, .ico2 .modal #popupCon .util .chBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
  height: 29px;
  padding: 0;
  border-radius: 4px;
  border: 0 !important;
}

.modal #popupCon .ico2 .chBox ul, .ico2 .modal #popupCon .util .chBox ul {
  gap: 0 8px;
}

.modal #popupCon .ico2 .chBox ul li, .ico2 .modal #popupCon .util .chBox ul li {
  font-size: var(--fs-12);
  font-weight: var(--fs-400);
}

.modal #popupCon .ico2 + table, .modal #popupCon .ico2 .util + table, .ico2 .modal #popupCon .util + table, .modal #popupCon .ico2 + .info2, .modal #popupCon .ico2 .util + .info2, .ico2 .modal #popupCon .util + .info2 {
  margin-top: 0 !important;
}

.modal #popupCon .info2 {
  width: 100%;
  position: relative;
  border-top: 1px solid var(--bdr-color-004);
  border-bottom: 0;
}

.modal #popupCon .info2.center tr td, .modal #popupCon .info2.center tr th {
  text-align: center;
}

.modal #popupCon .info2 col:nth-child(1) {
  width: 24%;
}

.modal #popupCon .info2 col:nth-child(2) {
  width: 76%;
}

.modal #popupCon .info2 tr {
  border: none !important;
  /*&:nth-child(3) {
                    td {
                        // display:flex;
                        // align-items:flex-start;
                        // justify-content:flex-start !important;
                        // flex-direction:column;
                    }
                }

                &:nth-child(6) {
                    td {
                        // display:flex;
                        // align-items:center;
                        // justify-content:flex-start;
                        // flex-direction:row;

                        label {
                            margin-right:10px;
                        }
                    }
                }*/
}

.modal #popupCon .info2 tr th, .modal #popupCon .info2 tr td {
  height: 33px;
  text-align: left;
}

.modal #popupCon .info2 tr th:not(.profile-thumb) {
  height: 33px;
  padding: 0 10px;
  font-size: var(--fs-12);
  color: #fff;
  border-color: var(--cm-gray-800);
  border-left: 0;
  background-color: var(--cm-gray-800);
}

.modal #popupCon .info2 tr td {
  height: 33px;
  padding: 0 7px 0 12px;
  font-size: 11px;
  border-bottom: 1px solid #e4e4e4;
}

.modal #popupCon .info2 tr td:not(:nth-child(2)) {
  border-top: 0;
}

.modal #popupCon .info2 tr td.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal #popupCon .info2 tr td label {
  font-size: 11px;
}

.modal #popupCon .info2 tr td label input[type="text"],
.modal #popupCon .info2 tr td label select,
.modal #popupCon .info2 tr td label textarea {
  height: auto;
}

.modal #popupCon .info2 tr td input,
.modal #popupCon .info2 tr td select {
  height: 26px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
}

.modal #popupCon .info2 tr td.profile-thumb, .modal #popupCon .info2 tr td > .sProfile {
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0px 20px;
  background-color: #fff;
  display: block;
  width: auto;
  height: auto;
  border: none;
}

.modal #popupCon .info2 tr td.profile-thumb div, .modal #popupCon .info2 tr td > .sProfile div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal #popupCon .info2 tr #clp_batm1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal #popupCon .info2 tr .orange {
  color: #333 !important;
  margin-right: 10px !important;
}

.modal #popupCon .info2 tr .orange b {
  font-weight: var(--fw-400);
}

.modal #popupCon .info2.no-flex {
  display: table;
}

.modal #popupCon .info2.no-flex thead, .modal #popupCon .info2.no-flex tbody {
  display: table-header-group;
}

.modal #popupCon .info2.no-flex tr {
  display: table-row;
}

.modal #popupCon .info2.no-flex tr th {
  border-top: 1px solid var(--cm-gray-800);
}

.modal #popupCon .info2.no-flex tr td, .modal #popupCon .info2.no-flex tr th {
  display: table-cell;
  width: auto;
}

.modal #popupCon .btnBoard {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
  margin-top: 18px;
}

.modal #popupCon .btnBoard li {
  height: 30px !important;
}

.modal #popupCon .btnBoard li a {
  padding: 0 16px;
  font-size: 12px;
}

.modal #popupCon .btnBoard li.delete {
  border: var(--sc-color-300);
}

.modal-content {
  padding: 24px 40px 40px;
}

.modal-content .modal-header {
  padding: 0;
}

.modal-content .modal-header .modal-title {
  font-size: 28px;
  font-weight: 700;
}

.modal-content .modal-body {
  padding: 0;
  margin-top: 34px;
}

.modal-content .modal-body .ico2, .modal-content .modal-body .ico2 .util, .ico2 .modal-content .modal-body .util {
  margin: 20px 0;
}

.radio-inline, .checkbox-inline, .form-chk-set > .form-chk {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.radio-inline input, .checkbox-inline input, .form-chk-set > .form-chk input {
  margin-right: 8px;
}

.radio-inline.none-inline, .none-inline.checkbox-inline, .form-chk-set > .none-inline.form-chk {
  display: inline;
}

.radio-inline + .radio-inline, .checkbox-inline + .radio-inline, .form-chk-set > .form-chk + .radio-inline, .radio-inline + .checkbox-inline, .checkbox-inline + .checkbox-inline, .form-chk-set > .form-chk + .checkbox-inline, .form-chk-set > .radio-inline + .form-chk, .form-chk-set > .checkbox-inline + .form-chk, .form-chk-set > .form-chk + .form-chk {
  margin-left: 50px;
}

.checkbox-inline + .checkbox-inline {
  margin-left: 25px;
}

/* 240927 버튼 수정 */
.jui .ico2 > p.btn a, .jui .ico2 .util > p.btn a, .ico2 .jui .util > p.btn a {
  padding: 0;
  height: auto;
  border: none;
  background-color: transparent;
  font-size: var(--fs-16);
}

.jui .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  border-radius: 8px;
  padding: 0 24px;
  height: 38px;
  font-size: var(--fs-14);
  font-weight: var(--fw-400);
}

.jui .btn.small {
  height: 30px;
  border-radius: 4px;
}

.jui .btn.focus, .jui .btn.focus:hover {
  border-color: var(--cm-gray-800);
  background-color: var(--cm-gray-800);
  color: var(--bg-color-000);
}

.jui .btn.btn-delete {
  padding: 0 14px;
  color: var(--sc-color-600);
  border-color: var(--sc-color-600);
}

.jui .btn.btn-delete i {
  background: url(../img/ico_bt_minus.svg) no-repeat center/20px;
}

.jui .btn.btn-delete:hover {
  color: var(--sc-color-600);
}

.jui .btn.btn-add {
  padding: 0 14px;
  color: #666 !important;
}

.jui .btn.btn-add i {
  background: url(../img/ico_bt_plus.svg) no-repeat center/20px;
}

.jui .btn > i {
  width: 24px;
  height: 24px;
}

.modal-footer button + button {
  margin-left: 10px;
}

.tb-row tr th, .tb-row tr td {
  height: 44px;
}

/*! 20241004 컨텐츠 관리 수정 */
.msg-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.msg-wrap + .ico2, .ico2 .msg-wrap + .util {
  margin-bottom: 0;
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.msg-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--bg-color-000);
  border: 1px solid var(--cm-gray-200);
  border-radius: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: calc(25% - 12px);
  box-sizing: border-box;
  min-height: 180px;
  max-height: 340px;
}

.msg-box.none-content {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 410px;
  max-height: none;
}

.msg-box.none-content .msg-contents {
  text-align: center;
  color: var(--cm-gray-700);
}

.msg-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}

.msg-header-date {
  font-size: var(--fs-12);
  font-weight: var(--fw-400);
  color: var(--cm-gray-600);
}

.msg-header-title {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: var(--fs-18);
  font-weight: var(--fw-500);
}

.msg-header + .msg-contents {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px dashed var(--cm-gray-300);
}

.msg-header-btns .btn {
  font-size: var(--fs-12);
  height: auto;
  padding: 0 14px;
  border-radius: 4px;
}

.msg-contents {
  width: 100%;
  font-size: var(--fs-14);
  font-weight: var(--fw-400);
  overflow-y: auto;
}

/*! 20241010 아코디언*/
.accordion_div {
  padding: 0px 0px 20px 0px;
  /* width:800px;*/
  width: 100%;
}

.accordion_div dl dt {
  background: #f1f1f1;
  padding: 8px 30px;
  cursor: pointer;
}

div dl dt:hover {
  background: lightgrey;
}

.btn1 {
  padding: 6px 12px;
}

.sub-btn {
  background-color: #6c757d;
  color: #fff;
  font-size: .756rem;
  line-height: 1.5;
  border-radius: .2rem;
}

button:not(:disabled) {
  cursor: pointer;
}

.date {
  border: 1px solid #cdcdcd;
  background: #ffffff;
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
}

select.bdGray {
  padding: 6px 5px;
  border-radius: 4px;
  vertical-align: middle;
  border: 1px solid #cdcdcd;
  background-color: #ffffff;
}

.accordion-wrap {
  position: relative;
  text-align: left;
  padding-left: 30px;
}

.accordion-wrap::after {
  content: "";
  position: absolute;
  left: 10px;
  display: block;
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  margin-top: -2px;
  top: 50%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.accordion-wrap.open::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.btnAddandDel td a {
  margin-right: 20px;
}

.scroll-container {
  width: 100%;
}

.scroll-container-x {
  max-height: 300px;
  overflow-y: auto;
  /*> table{
        }*/
}

/*! 20241011 댓글 */
.comment-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px 0;
}

.comment-list > .comment-list-box + .comment-list-box {
  border-top: 1px solid var(--cm-gray-400);
  padding-top: 20px;
}

.comment-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 10px;
}

.comment-head-writer {
  font-size: var(--fs-15);
  color: var(--cm-gray-900);
  font-weight: var(--fw-400);
}

.comment-head-writer-date {
  margin-left: 5px;
  font-size: var(--fs-12);
  color: var(--cm-gray-700);
}

.comment-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 5px;
}

.comment-btns > .comment-btns-fix {
  color: var(--cm-gray-900);
}

.comment-btns > .comment-btns-del {
  color: var(--sc-color-300);
}

.comment-btns > a {
  font-size: var(--fs-12);
}

.comment-content {
  margin-top: 10px;
  font-size: var(--fs-15);
  font-weight: var(--fw-400);
  color: var(--cm-gray-800);
}

.comment-content textarea {
  line-height: 33px;
}

.layout-inner-body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.bootstrap-datetimepicker-widget .timepicker-picker, .bootstrap-datetimepicker-widget .table-condensed {
  height: 100%;
}

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 0 24px !important;
}

.bootstrap-datetimepicker-widget a[data-action] i {
  width: auto;
  height: auto;
}

#chartjs-tooltip {
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

#chartjs-tooltip .tootlip-text {
  background: #fff;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 50px;
  min-width: 30px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.jui .btn-black:has(> img) {
  background-color: transparent;
  border: none;
  margin: 0 !important;
}

.crtUl {
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 190px;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 14px 12px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  gap: 0 7px;
}

.crtUl li {
  height: 100%;
  overflow-y: scroll;
}

.crtUl li::-webkit-scrollbar {
  display: none;
}

.crtUl li > p {
  width: 74px;
  line-height: 26px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border-radius: 4px;
  color: #1a1a1a;
}

.crtUl li > p:not(.active):hover {
  background-color: #eee;
  font-weight: 500;
}

.crtUl li > p:not(:last-child) {
  margin-bottom: 7px;
}

.crtUl li > p.active {
  background-color: #272525;
  color: #fff;
  font-weight: 500;
}

.grid-dp-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid var(--cm-gray-300);
}

.grid-dp-flex .dp-flex-box {
  min-width: 33.33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.grid-dp-flex .dp-flex-box:has(> .btnBoard) {
  height: 56px;
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: end !important;
}

.grid-dp-flex .dp-flex-title, .grid-dp-flex .dp-flex-content, .grid-dp-flex .dp-flex-box:has(> .btnBoard) {
  height: 56px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--fs-14);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  border-bottom: 1px solid var(--bdr-color-004);
}

.grid-dp-flex .dp-flex-title {
  width: 180px;
  background-color: var(--cm-gray-100);
  font-weight: var(--fw-500);
  color: var(--cm-gray-900);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.grid-dp-flex .dp-flex-content {
  color: var(--cm-gray-800);
  font-weight: var(--fw-400);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.grid-dp-flex .dp-flex-content > input, .grid-dp-flex .dp-flex-content select {
  max-width: 100% !important;
}

.grid-dp-flex.wrapFlex .dp-flex-box:not(.dp-flex-btntype) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.grid-dp-flex.wrapFlex .dp-flex-box:has(> .btnBoard) {
  width: 100%;
  border-bottom: 0;
}
/*# sourceMappingURL=sub.css.map */