@charset "utf-8";

/** Modal 
 * Style
 * Modal Content
 */

/** 1. Default Style **/
.md-modal-view {
  display: flex;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: 2000;
  align-items: center;
  justify-content: center;
}

/* 모달이 닫힐 때 버튼들이 즉시 사라지도록 처리 - visibility 변경 시점에 맞춤 */
.md-modal-view:not(.md-show) button.btn-db,
.md-modal-view:not(.md-show) .btn-db {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
}

.md-right-view {
  display: flex;
  position: fixed;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: 2000;
}

.md-modal {
  display: flex;
  flex-direction: column;
  min-width: 480px;
  min-height: 27vh;
  max-height: 93vh;
  margin: 0 auto 0 auto;
  border-radius: 12px;
  backface-visibility: hidden;
  background-color: #FFF;
  box-shadow: 0 0 0 0 rgb(36 42 48 / 0%), 0 24px 36px 0 rgb(36 42 48 / 40%);
  transform: translateY(48px);
  transition: transform .6s cubic-bezier(.51,.01,0,1.06);
  overflow: hidden;
  z-index: 2000;
  padding:25px 0 0;
  position:relative;
}

/* 모달이 닫힐 때 버튼들이 모달의 transform transition보다 먼저 사라지도록 */
.md-modal-view:not(.md-show) .md-modal button.btn-db,
.md-modal-view:not(.md-show) .md-modal .btn-db {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0s ease, visibility 0s ease !important;
}

.md-modal.docu { padding:0 }

.md-modal.maxhe { max-height: 50vh; }

.md-show .md-modal {
  transform: none;
}

.md-modal.size-big {
  width: 1040px;
  max-height: 98vh;
}

.md-modal.size-lg {
  width: 840px;
  max-height: 90vh;
}

.md-modal.size-md {
  width: 620px;
}
.md-modal.size-md01 {
  width: 720px;
}

.md-modal.size-sm {
  width: 480px;
}

.md-modal.size-xs {
  width: 300px;
}
.md-modal.size-xs01 {
  width: 300px;
  min-height: auto;
}

.md-modal.size-xs02 {
  min-width: 300px !important;
  min-height: auto;
}


.md-show {
  visibility: visible;
}

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}

.md-modal-view.md-show button.btn-db,
.md-modal-view.md-show .btn-db {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.15s ease, visibility 0.15s ease;
}

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgb(36 42 48 / 70%);
  transition: opacity .2s linear;
  overflow:hidden;
  touch-action: none;
}

/*** Modal Right Type **/
.md-right {
  display: flex;
  width: 820px;
  height: 100vh;
  backface-visibility: hidden;
  background-color: #FFF;
  box-shadow: 0 0 0 0 rgb(36 42 48 / 0%), 0 0 36px 0 rgb(36 42 48 / 40%);
  transform: translateX(100%);
  transition: transform .35s cubic-bezier(0.51, 0.01, 0, 1.0);
  overflow: hidden;
  z-index: 2000;
  flex-direction: column;
}

.md-show .md-right {
  transform: translateX(0);
}

.md-full-body {
  padding: 0;
  flex-grow: 1;
  max-height: calc(100% - 70px);
}

.md-right.size-full {
  min-width: 1000px;
  max-width: 85vw;
}

.md-right.size-medium {
  min-width: 1000px;
}

.md-right.size-small {
  max-width: 620px;
}

.md-right-content {
  height: 100%;
  padding: 32px;
  overflow-y: auto;
}

.md-right-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  margin: 32px 0;
  padding-top: 24px;
  border-top: 1px solid var(--color-stroke);
}

/*** Modal Content **/
.md-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  background-color: var(--color-light-bg);
  border-bottom: 1px solid var(--color-stroke);
  padding: 12px;
}

.md-header h2 {
  font-size: 16px;
  font-weight: 500;
  padding-left: 8px;
}

.md-right .md-header h2 {
  font-size: 18px;
  font-weight: 600;
}

.md-ico-close {
  position:absolute;
  right:20px; top:20px;
  width: 32px;
  height: 32px;
  text-indent: -5000px;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  padding:20px;
  background: url('../images/icon/ico-close-dark.svg') 50%;
  transition: opacity .1s ease;
}

.md-ico-close:hover {
  opacity: .5;
}

.md-body {
  padding: 0 28px 24px 28px;
  /* overflow-y: auto; */
  flex-grow: 1;
}

.md-modal.docu .md-body { padding: 0 0 24px 0; }
.md-modal.docu .md-body .md-heading-left { padding:20px; font-size: 1.4em; line-height: 1.4; font-weight: 700; text-align: left; margin-bottom: 20px; letter-spacing:-0.03em; background:#eff2f9;}
.md-modal.docu .md-body .md-field-group:not(:last-child) { padding:0 28px }
.md-body p {
  line-height: 1.5;
}

.form-info-tb-board input[type="date"].set-field-input {
    font-size: 14px;
    width: 109px;
}
.form-info-tb-board input[type="time"].set-field-input { width:120px }
.al_block { display: flex; justify-content:flex-start; align-items: center;}

.md-body-ico {
  display: block;
  width: 24px;
  margin: 12px auto;
}

.md-content-ico {
  display: block;
  width: 24px;
  margin: 12px auto;
}

.md-content-ico.coin {
  width: 32px;
}

.md-right .md-header {
  justify-content: space-between;
  background-color: #FFF;
  padding: 18px 16px;
  height: 70px;
  flex-grow: 0;
}

.md-modal.md-alert .md-header {
  border-bottom-width: 0;
  background: none;
  justify-content: flex-end;
}

.md-modal.md-alert .md-body {
  padding-bottom: 38px;
}

.md-heading-center {
  font-size: 1.6em;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  margin-bottom: 24px;
}
.md-heading-left {
  font-size: 1.5em;
  line-height: 1.4;
  font-weight: 700;
  text-align: left;
  margin-bottom: 20px;
  letter-spacing:-0.03em
}
.md-heading-left em.stx { font-size:0.6em; color:#fb4040; font-weight:400; display:inline-block; vertical-align:middle; margin-left:10px; }

.md-body .md-sub-text {
  color: var(--color-secondary);
  font-size: 14px;
  line-height: 1.5em;
  text-align: center;
  margin-bottom: 1.8em;
}

.md-sub-text.up-margin {
  margin-top: -1.0em;
}

.md-legal-box {
  padding: 24px;
  border-radius: 6px;
  border: 1px solid var(--color-primary);
  background-color: #FFF;
  box-shadow: 0 10px 15px -5px rgb(0 0 0 / 10%);
}

.md-legal-center {
  color: var(--color-primary-dark);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 12px;
}

.md-legal-btn {
  padding: 12px 10px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid var(--color-stroke);
  border-bottom-color: var(--color-dark-stroke);
  border-right-color: var(--color-dark-stroke);
  background-color: var(--color-light-bg);
  border-radius: 4px;
}

.md-legal-btn:not(:last-child) {
  margin-bottom: 8px;
}

/** 2. md Content **/
.md-between {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 32px;
}

.md-between::after {
  display: block;
  position: absolute;
  top: 10%;
  left: 50%;
  height: 80%;
  width: 1px;
  background-color: var(--color-stroke);
  content: "";
  z-index: 1;
}

.md-between-col {
  flex-grow: 1;
  width: 50%;
}

.md-text-center {
  text-align: center;
}

.md-top-illust {
  display: block;
  margin: 0 auto 24px auto;
}

.md-col-2 {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  align-items: center;
  padding: 0px 24px;
}

.md-col-2 img.md-illust {
  width: 32%;
}

.md-col-2 p.md-alert {
  color: var(--color-gray);
  font-size: 15px;
  word-break: keep-all;
  line-height: 1.5;
}

a.md-between-link {
  display: block;
  padding: 24px 18px 32px 18px;
  border-radius: 12px;
  transition: background .2s ease;
}

a.md-between-link:hover {
  background-color: var(--color-light-bg);
}

.md-col-title {
  font-size: 18px;
  margin-bottom: 0.5em;
}

.md-col-text {
  font-size: 14px;
  line-height: 1.4em;
  word-break: keep-all;
}

.md-col-ico-lg {
  display: block;
  margin: 0 auto 12px auto;
}

.md-message-box {
  background-color: var(--color-light-bg);
  padding: 20px 18px;
  border-radius: 4px;
  margin-bottom: 8px;
}

p.md-message-name {
  display: inline-block;
  color: #FFF;
  font-size: 12px;
  padding: 4px 5px;
  margin-bottom: 12px;
  border-radius: 2px;
  background-color: var(--color-light-text);
}

.md-message-content {
  font-size: 16px;
}

/* md co2 REPORT */
.md-content-report {
  padding: 0 32px 24px 32px;
  overflow-y: auto;
}

.md-report-head {
  font-size: 24px;
  padding: 32px 32px 18px 32px;
}

.md-report-memo {
  display: flex;
  padding: 14px 14px 14px 52px;
  margin-bottom: 24px;
  background: #f0f0fb url(../images/dash/ico-notice-icon.png) 10px 50%;
  border: 1px solid var(--color-vio-stroke);
}

.md-report-board {
  display: flex;
  margin-bottom: 24px;
}

.md-report-card {
  display: flex;
  width: calc(100% / 3);
  min-height: 225px;
  flex-shrink: 0;
  flex-grow: 1;
  padding: 32px;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}

.md-report-card.a4 {
  background-color: #21b498;
}

.md-report-card.print {
  background-color: #5b55ce;
}

.md-report-card.co2 {
  background-color: #52627b;
}

ul.md-report-list {
  margin-bottom: 32px
}

ul.md-report-list li {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 24px;
  border-bottom: 1px solid var(--color-stroke);
}

ul.md-report-list li:first-child {
  border-top: 1px solid var(--color-stroke); 
}

ul.md-report-list li .md-report-content p {
  font-size: 16px;
  margin-bottom: 8px;
}

ul.md-report-list li .md-report-content p em {
  font-size: 24px;
  font-weight: 500;
}

.md-report-notice {
  background-color: var(--color-bg);
  padding: 24px;
}

.md-report-notice p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  word-break: keep-all;
  padding-left: 32px;
  background: url('../images/icon/ico-circle-caution.png') 0 2px;
}

.md-report-bottom {
  padding: 0 32px 24px 32px;
}

/** md Form **/
.md-field-group:not(:last-child) {
  margin-bottom: 24px;
}

.md-field-group.mt30 { margin-top:30px }

.md-field-name {
  font-size: 14px;
  margin-bottom: 1.0em;
}

.md-field-name.required::after {
  display: inline-block;
  margin-left: 0.3em;
  color: var(--color-secondary);
  font-size: 13px;
  content: "*";
}

.md-field-toggle {
  border: 0;
  background: none;
  padding: 0;
  width: 50px;
}

.md-check-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
}

.md-check-head label {
  color: var(--color-vio);
  font-size: 16px;
  font-weight: 600;
}

.md-check-head span.guide {
  color: var(--color-light-text);
  font-size: 13px;
}

.md-check-bottom {
  margin: 10px 0 15px 0;
}

.md-check-bottom label {
  display: block;
  color: var(--color-dark);
  font-size: 13px;
  margin-bottom: 8px;  
}

.set-attach-card {
  padding: 16px;
  border: 1px solid var(--color-stroke);
  box-shadow: var(--shadow-1dp);
  border-radius: 4px;
}

.set-attach-card:not(:last-child) {
  margin-bottom: 18px;
}

.attach-card-title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-dark-stroke);
  padding-bottom: 12px;
  margin-bottom: 18px;
}

.attach-card-title p {
  color: var(--color-vio);
  font-weight: 600;
  font-size: 14px;
}

.attach-card-text {
  font-size: 14px;
  text-align: center;
  margin-bottom: 16px;
}

.set-uploader.md-set-uploader {
  border-style: solid;
  border-width: 0;
}

.md-upload-attach {
  display: flex;
  justify-content: space-between;
  padding: 6px 4px 6px 12px;
  background-color: #e5e9ed;
  align-items: center;
  border-radius: 4px;
  margin-top: 18px;
}

.md-upload-attach span {
  color: var(--color-light-text);
  font-size: 14px;
}

.md-block {
  border-bottom: 1px solid var(--color-stroke);
  min-height: 64px;
}

.md-block > label {
  width: 90px;
  padding-left: 6px;
  font-size: 13px;
}

.md-block > label::before {
  display: none;
}

.md-field-group .set-field-input {
  padding: 8px;
  height: 40px;
  font-size: 14px;
}

.md-field-message {
  width: 100%;
  margin-top: 8px;
}

.set-field-title {
  font-size: 24px;
  font-weight: 800;
  padding: 6px 0;
  border-width: 0;
  color: var(--color-light-text);
}

.set-field-title::placeholder, .set-field-notice::placeholder {
  color: #babfc5;
}

.set-field-notice {
  width: 100%;
  padding: 12px;
  border-width: 0;
  border-radius: 8px;
  background-color: var(--color-bg);
}

.set-field-notice:focus {
  outline: 0;
  background-color: #FFF;
}

.md-body .md-notice-text {
  font-size: 16px;
  line-height: 1.6;
  min-height: 240px;
}

.md-block .chk-field {
  margin-bottom: 0;
}

/** 4. md e-mail **/
.editor-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-gray);
  padding: 18px 0;
}

.editor-header .editor-logo {
  width: 50px;
}

.editor-header h2 {
  font-size: 20px;
}

.editor-body {
  padding: 32px 0;
}

.email-message {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin-bottom: .8em;
}

.email-hi {
  font-size: 16px;
  text-align: center;
  margin-bottom: 1.8em;
}

.email-hi em {
  font-weight: 600;
  color: var(--color-primary);
}

table.email-table {
  width:  100%;
}

table.email-table th, table.email-table td {
  font-size: 14px;
  padding: 14px 8px;
  border-bottom: 1px solid var(--color-stroke);
}

table.email-table th {
  color: var(--color-light-text);
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  width: 100px;
}

table.email-table td {
  font-size: 15px;
}

.editor-footer {
  display: flex;
  gap: 32px;
  border-top: 1px solid var(--color-stroke);
  padding: 24px 0 0 0;
}

.editor-footer .editor-logo {
  width: 32px;
}

.editor-footer p {
  font-size: 13px;
  margin-bottom: 1.0em;
}

.editor-footer p span {
  margin-right: 14px;
}

.editor-footer p span em {
  color: var(--color-light-text);
  margin-right: 0.5em;
}

.editor-footer p.copyright {
  color: var(--color-light);
  font-size: 11px;
  text-transform: uppercase;
}

.editor-footer .editor-footer-home {
  display: inline-block;
  color: var(--color-dark);
  font-size: 12px;
  background-color: var(--color-light-stroke);
  border-radius: 3px;
  padding: 6px 8px;
}

/** 보관함 및 계약 **/
.storage-wrap {
  display: flex;
  background-color: var(--color-bg);
  padding: 24px;
  border-radius: 8px;
}

.storage-tab {
  padding-right: 18px;
  border-right: 1px solid var(--color-dark-stroke);
}

.storage-tab a {
  display: block;
  text-indent: -9999px;
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
  border-radius: 6px;
  border: 1px solid var(--color-dark-stroke);
  background: #FFF url('../images/icon/ico-storage-box.svg') 50%;
}

.storage-tab a.favorite {
  background: #FFF url('../images/icon/ico-storage-star.svg') 50%; 
}

.storage-tab a:hover {
  border-color: #333;
}

.storage-tab a.active {
  border-color: var(--color-primary); 
  background-color: var(--color-vio-stroke);
}

.storage-list {
  padding-left: 24px;
  flex-grow: 1;
}

.storage-list ul.storage-box {
  border-bottom: 1px solid var(--color-dark-stroke);
  margin-bottom: 16px;
  padding-bottom: 8px;
}

.storage-list ul.storage-box li a {
  display: block;
  font-size: 15px;
  padding: 10px;
  padding-left: 30px;
  background: url('../images/icon/ico-storage-box.svg') 0;
}

.storage-list ul.storage-box li a:hover {
  color: var(--color-primary);
}

.storage-list ul.storage-doc li {
  display: flex;
  justify-content: space-between;
  padding: 6px;
  padding-left: 30px;
  background: url('../images/icon/ico-storage-star.svg') 0;
  cursor: pointer;
  align-items: center;
}

.storage-list ul.storage-doc li span {
  font-size: 15px;
  font-weight: 500;
}

.storage-list ul.storage-doc li.active {
  background: url('../images/icon/ico-storage-onstar.svg') 0; 
}

.storage-list ul.storage-doc li:hover span {
  color: var(--color-primary);
}

ul.storage-doc {
  height: 130px;
  overflow-y: auto;
}

ul.storage-doc li .hover-action {
  display: flex;
  gap: 6px;
  visibility: hidden;
}

ul.storage-doc li:hover .hover-action {
  visibility: visible;
}

ul.storage-doc li .hover-action a {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  border: 1px solid var(--color-dark-stroke);
  text-indent: -9999px;
}

ul.storage-doc li .hover-action a:hover {
  border-color: var(--color-primary);
}

ul.storage-doc li .hover-action a.hover-edit {
  background: #FFF url('../images/icon/btn-edit-pencil.svg') 50%;
}

ul.storage-doc li .hover-action a.hover-trash {
  background: #FFF url('../images/icon/btn-edit-trash.svg') 50%;
}

ul.storage-doc li .hover-action a.hover-align {
  background: url('../images/icon/ico-storage-drag.svg') 50%;
  border: none;
}

ul.storage-doc li .hover-action a.hover-align:hover {
  opacity: .5;
}

.storage-add-field {
  display: flex;
  gap: 6px;
  margin-top: 12px;
}

.storage-add-field input {
  height: 36px;
  flex-grow: 1;
}

.storage-add-field button {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 3px;
  border: 1px solid var(--color-light);
  background-color: #FFF;
  text-indent: -9999px;
}

.storage-add-field button.name-ok {
  background: #FFF url(../images/icon/ico-quick-ok.svg) 50%;
  border-color: #1a94f3;
}

.storage-add-field button.name-ok:hover {
  background-color: rgb(26 148 243 / 20%);
}

.storage-add-field button.name-no {
  background: #FFF url(../images/icon/ico-quick-no.svg) 50%;
  border-color: #EB5757;
}

.storage-add-field button.name-no:hover {
  background-color: rgb(235 87 87 / 20%);
}

/*** 계약관리 ***/
.md-sign-header {
  padding: 16px 24px;
}

.md-sign-alert {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 18px;
  background-color: var(--color-vio-stroke);
}

.md-sign-alert p.alert-msg {
  color: var(--color-vio);
  font-size: 15px;
  font-weight: 600;
}

.md-sign-alert p.alert-msg::before {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 8px;
  content: "";
  background-color: var(--color-vio);
  vertical-align: middle;
}

.md-sign-alert p.alert-date {
  color: var(--color-vio);
  font-size: 13px;
  font-weight: 400;
  background: url('../images/icon/ico-list-clock.svg') 0 50%;
  padding-left: 20px;
}

.md-sign-wrap {
  display: flex;
  margin: 12px 0 28px 0;
}

.md-sign-user {
  width: 40%;
  border-right: 1px solid var(--color-dark-stroke);
  padding-right: 20px;
}

.md-sign-user__item:not(:last-child) {
  margin-bottom: 28px;
}

.md-sign-user__title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
}

.md-sign-user__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid var(--color-bg);;
  border-radius: 6px;
  background-color: var(--color-bg);
}

.md-sign-user__bar:not(:last-child) {
  margin-bottom: 12px;
}

.md-sign-user__bar p {
  color: var(--color-gray);
  font-size: 13px;
}

.md-sign-user__name {
  font-weight: 600;
}

.md-sign-user__bar.active {
  background-color: rgb(124 175 255 / 10%);
  border-color: rgb(26 140 255);
}

.md-sign-user__bar.active .md-sign-user__name, 
.md-sign-user__bar.active .md-sign-user__state {
  color: var(--color-blue);
}

.md-sign-group {
  display: flex;
  flex-wrap: wrap;
  width: 60%;
  padding-left: 20px;
  align-items: flex-start;
  gap: 12px;
  justify-content: space-between;
}

.btn-md-sign {
  display: flex;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  padding: 12px 12px;
  border: 1px solid var(--color-dark);
  border: 1px solid var(--color-light-text);
  background-color: #FFF;
  border-radius: 4px;
  box-shadow: 0 2px 6px -1px rgb(0 0 0 / 18%);
  transition: border .1s ease;
}

.btn-md-sign:hover {
  border-color: var(--color-blue);
}

.md-sign-group .btn-md-sign {
  width: 48%;
}

.md-sign-modify {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  padding-left: 20px;
}

.md-sign-modify p {
  color: var(--color-light-text);
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 24px;
}

.md-tab-content {
  margin-top: -10px;
  min-height: 280px;
  overflow-y: auto;
}

.md-member-role {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-vio);
  font-size: 16px;
  font-weight: 600;
  margin: 24px 0 12px 0;
}

.md-member-role span {
  font-size: 13px;
  font-weight: 400;
  color: var(--color-light-text);
}

.form-info-tb.md-info-tb th, .form-info-tb.md-info-tb td {
  padding: 12px;
  font-size: 14px;
}

ul.md-info-list li {
  padding: 12px 8px;
  border-bottom: 1px solid var(--color-dark-stroke) ;
}

ul.md-info-list li p {
  font-size: 15px;
}

ul.md-info-list li p.md-info-list__date {
  color: var(--color-light-text);
  font-size: 13px;
  margin-top: 4px;
}

.check_list_wp { position:relative; border-top:1px }
.check_li_box { position:relative; border:1px solid #ccc; padding:20px 17px; border-radius:4px; margin-top:8px;}
.check_li_box ul li { position:relative; padding-left:10px; font-size:0.95em; color:#222; font-weight:500; line-height:1.5 }
.check_li_box ul li:before { position:absolute; left:0; top:9px; width:3px; height:3px; background:#444; display:block; content:''; border-radius:50%;}

.ck input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.ck input[type="radio"] + label { display: inline-block; vertical-align:middle; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:0.9em; font-weight:400; color:#888;}
.ck input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 1px; width: 21px; height: 21px; text-align: center; background: #fff; border: 1px solid #c4d0d4; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.ck input[type="radio"] + label:after { content: ''; position: absolute; top: 8px; left: 7px; width: 9px; height: 9px; background: #e8e5ed; border-radius: 100%; }
.ck input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.ck input[type="radio"]:checked + label { color:#32007c; }
.ck input[type="radio"]:checked + label:before { background: #1a4792; border-color: #1a4792; }
.ck input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 8px; left: 7px; width: 9px; height: 9px; background: #0a9edb; border-radius: 100%; }

.sel_ck_list { display:flex; align-items: center; justify-content: flex-end; width:100%; }
.sel_ck_list div { width:auto; }
.sel_ck_list div.ck input[type="radio"] + label { }
.sel_ck_list div.ck input[type="radio"] + label:before,
.sel_ck_list div.ck input[type="radio"] + label:after { display:none}
.sel_ck_list div.ck { margin:0 4px 0 0}
.sel_ck_list div.ck input[type="radio"] + label span { width:100%; text-align:center; font-weight:500; color:#333; font-size:0.9em }
.sel_ck_list div.ck input[type="radio"] + label { padding:7px 30px 7px 10px; border-radius:4px;display:block;}
.sel_ck_list div.ck input[type="radio"] + label { background:url(../images/bt-check.svg) no-repeat 90% center #fff; border:1px solid #d2c9bc; background-size:15px; }
.sel_ck_list div.ck input[type="radio"]:checked + label { }
.sel_ck_list div.ck input[type="radio"]:checked + label { background:url(../images/bt-check-on.svg) no-repeat 90% center #217fff; border:1px solid #217fff; background-size:15px;}
.sel_ck_list div.ck input[type="radio"]:checked + label span { color:#fff;  }
.sel_ck_list div.ck.gr input[type="radio"]:checked + label { background:url(../images/bt-check-on.svg) no-repeat 90% center #999; border:1px solid #999; background-size:15px;}
.sel_ck_list div.ck.gr input[type="radio"]:checked + label span { color:#fff; }

.per_target { font-size:0.9em; color:#333; font-weight:500; }
.per_target em { color:#fb4040 }
.bt_tg_view { margin-left:15px; background:#f7f9fc; color:#333; border:1px solid #444; font-weight:500; font-size:0.8em; letter-spacing:-0.03em; padding:6px 8px; border-radius:4px;}
.bt_tg_view.ml { margin-left:auto }
.bt_tg_view:hover { background:#444; color:#fff }
.tax_pr { font-size:0.85em; font-weight:500; color:#333; letter-spacing:-0.03em }
.tax_pr em { color:#fb4040 }
.bt_prev { background:#f7f9fc; color:#333; border:1px solid #5584f1; color:#275ad2; font-weight:500; font-size:0.8em; padding:6px 8px; border-radius:4px;}
.bt_prev:hover { background:#5584f1; color:#fff }

.talk_prev_wp { position:relative; width:100%; padding:20px; }
.talk_send_box { position:relative; width:100%; }
.talk_send_box .title { background:url(../images/kakao.png) no-repeat 95% center #fde500; background-size:42px 10px; border-radius:15px 15px 0 0; padding:10px 15px; color:#32312b; font-size:1.1em; font-weight:700; letter-spacing:-0.03em; }
.talk_send_box .massege_com { padding:25px 20px; border:1px solid #efe8a1; border-top: 0px; border-radius:0 0 15px 15px; }
.talk_send_box .massege_com p { font-size:0.95em; color:#222; font-weight:500 }
.talk_send_box .massege_com ul { margin:8px 0 }
.talk_send_box .massege_com ul li { font-weight:600; font-size:0.95em;}
.talk_send_box .massege_com a { margin:20px 0 0 0; background:#f2f1e8; font-size:0.9em; color:#32312b; font-weight:600; letter-spacing:-0.03em; padding:12px 20px; width:100%; display:block; text-align:center}

.tb_wp { width:100%; margin-top:20px; }
#modal_prs_history .tb_wp,
#modal_employee_history .tb_wp,
#modal_check_prs_termination .tb_wp {
  max-height: 500px; overflow-y: auto; 
}
.tb_wp.ov_h01 { overflow-y:auto; height:300px; }
.caution { font-size:0.85em; font-weight:500; color:#f53b43; letter-spacing:-0.02em }
.alert_txt { position:relative; text-align:center; padding:12px 10px 20px 10px; font-weight:500; color:#222; font-size:1.05em; letter-spacing:-0.03em; line-height:1.6; word-break: keep-all;}
.alert_txt em  { color:#fb4040 }
.alert_txt.al_l { text-align:left; padding:12px 0px 20px 0px;}
.alert_txt.fwb6 { font-weight:600 }
.alert_txt01 { position:relative; text-align:left; border-top: 1px dashed #ccc; padding:20px 0 0 0; font-weight:500; color:#222; font-size:1.0em; letter-spacing:-0.03em; line-height:1.6; word-break: keep-all;}

.protector_setting { position:relative; border-top: 1px dashed #ccc; padding-top:7px; }
.prt_box { position:relative; border:1px solid #e8ddd9; border-radius:5px; box-shadow: 0 4px 5px 0 rgb(0 0 0 / 7%); margin-top:15px;}
/*.prt_box .title { display: flex; justify-content:left; align-items: center; background:url(../images/icon/people_icon.svg) no-repeat 15px 16px #f7f0ed; padding:12px 10px 12px 42px; background-size:22px; font-size:1.1em; font-weight:700; line-height:1.0; color:#333; }*/
.prt_box .title { display: flex; justify-content:left; align-items: center; background:#f7f0ed; padding:10px 10px 10px 15px; }
.prt_box .title .set-field-input { height:auto; padding:9px 6px 8px 6px;}

.prt_box .title .use_p_num { display: flex; justify-content:left; align-items: center; margin-left:20px; font-size:0.85em; font-weight:500; }
.prt_box .title .use_p_num em { margin-right:12px; color:#f85353; background:url(../images/icon/caution_danger_error_icon.svg) no-repeat left center; background-size:20px; padding:4px 0 4px 23px; }
.prt_box .title .use_p_num .chk-field { margin:0 20px 0 0 }
.prt_box .title .use_p_num .chk-field label { margin:0 0 0 5px }
.prt_box .title a { margin-left:auto; display:block; width:30px; height:30px; background:url(../images/icon/close_delete_discard_icon.svg) no-repeat center center; background-size:24px; text-indent:-5000px;}
.prt_box .middle_box { padding:20px 17px 12px 17px; }
.mdb-block { margin-bottom:10px }
.prt_add { position:relative; display:block; width:100px; padding:10px 20px; text-align:right; margin:20px auto; background:url(../images/icon/plus_icon.svg) no-repeat 20px center #fff; color:#f94c16; border:1px solid #f97116; border-radius:4px; font-size:1.0em; letter-spacing:-0.03em; font-weight:600; background-size:14px; }
.prt_add:hover { background:url(../images/icon/plus_icon_on.svg) no-repeat 20px center #f7f0ed; background-size:14px; color:#8e532c; }

.caution_list { position:relative; padding:30px 10px; }
.caution_list ul li { position:relative; font-size:0.95em; color:#222; font-weight:500; line-height:1.5; margin:15px 0; padding-left:26px; }
.caution_list ul li:before { position:absolute; left:0; top:0; width:20px; height:20px; display:block; background:url(../images/icon/caution_circle_danger_error_icon.svg) no-repeat center center; content:''; background-size:cover;}
.form_ch_list { font-size:0.8em !important; height:100px; overflow-y:auto; width:100%; }
.form_ch_list table { width:100% }
.form_ch_list table .chk-field { margin:0 }
.form_ch_list table .chk-field label { display:none }
.form_ch_list table th, .form_ch_list table td { font-size:1.0em !important; padding:5px 4px 6px 4px; line-height:1.5 }
.form_ch_list table td .set-field-input { padding:5px; height:auto; font-size:1.0em; width:70px; }

.btn_al_r { text-align:right; margin:30px 0 10px 0 }
.bt_ty1 { background:#fff; color:#595959; border:1px solid #dee1e6; font-weight:600; font-size:0.9em; letter-spacing:-0.03em; padding:6px 15px; border-radius:4px;}

.mo_ag_check .chk-field .check-color {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border: 1px solid var(--color-light);
  background-color: #FFF;
  border-radius: 3px;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.mo_ag_check .chk-field .check-color:checked {
  background: #f7851e url('../images/icon/ico-check-light.svg') 50% no-repeat;
  border-color: #f7851e;
}
.mo_ag_check .chk-field label { color:#222; font-size:0.95em; font-weight:500 }

.mo_ag_check { text-align:center; margin-top:20px; display: flex; justify-content:center; align-items: center;}
.mo_ag_check .check-color { border:1px solid #777; margin-right: 5px;}
.mo_ag_check .check-color:checked { background: #333 url(../images/icon/ico-check-light.svg) 50% no-repeat; border-color: #222; }
.mo_ag_check label { color:#888; font-size:0.88em; font-weight:500 }
.mo_ag_check .check-color:checked + label { color:#222 }

a.bt_sign { display:inline; width: 70px; height: 40px; padding: 11px 10px; background:#ff9036; color:#fff; border-radius:4px; text-align:center }
a.bt_sign:hover { background:#ff7200; }
a.bt_sign_delete { display:inline; width: 70px; height: 40px; padding: 11px 10px; border: 1px solid #d9deec; border-radius:4px; text-align:center }
a.bt_sign_delete:hover { background: #444; color: #fff; }
a.bt_sign_request { display:inline; padding: 11.5px 10px; background:#ff9036; color:#fff; border-radius:4px; text-align:center }
a.bt_sign_request:hover { background:#ff7200; }

.busi_docu_tl { margin:30px 0 -10px 0; font-weight:700; font-size:1.1em; }
.busi_docu_tl.mt { margin:30px 0 10px 0 }
.busi_docu_tl em { margin-left:10px; display:inline-block; vertical-align:middle; font-size:0.8em; font-weight:400; color:#666 }







A:link { transition: unset; }


.sel-YYYYMM { text-align: center; padding: 20px; font-size: 1.3em; }
.sel-YYYYMM select option { font-size: 0.9em; }

.md-modal-view .form-info-tb-board th { font-size: 15px; font-weight: 600; border: 1px solid #e9e9e9; background-color: var(--color-light-bg); padding: 12px 10px; vertical-align: middle; text-align: center; }
.md-modal-view .form-info-tb-board td { font-size: 0.9em; border: 1px solid #e9e9e9; padding: 12px 8px; text-align: center; color: #222; font-weight: 500; letter-spacing: -0.02em; vertical-align: middle; }
.md-modal-view .form-info-tb-board td.al_l { text-align: left; }
.md-modal-view .form-info-tb-board td em.fc3 { color: #ff7c4c; }
.md-modal-view .form-info-tb-board td em.fc4 { color: #f34343; }
.md-modal-view .form-info-tb-board th .chk-field, .form-info-tb-board td .chk-field { margin: 0; display: block; }
.md-modal .md-body { padding: 0px 28px 0px 28px; }
.md-modal .set-field-select.max { width: 100% !important; }
.md-modal .btn-group.md-bottom { padding: 16px 28px; }

#modal_set_guardian .protector_setting { max-height: 650px; overflow-y: auto; }
#modal_set_guardian .md-modal.size-md { width: 556px; }
#modal_set_guardian .set-field-input.md { width: 150px; }
#modal_set_guardian .set-field-select.sm { width: 150px; }
#modal_set_guardian .set-field-input.input-phone { width: 150px; }
#modal_set_guardian .set-field-input.input-memo { width: 305px; }

#modal_evaluation_history, #modal_status_history, #modal_point_charge, #modal_register_sign, #modal_send_target, #modal_contract_detail_type, #modal_register_rep { z-index: 3000; }
#modal_set_guardian, #modal_preview, #modal_preview_receipt { z-index: 4000; }

#modal_confirm_program .alert_txt { padding: 12px 10px 12px 10px; }

#modal_send_receipt .set-block { min-height: 61px; }
#modal_send_receipt a.bt_point { position: absolute; right: 0; display: block; width: 75px; padding: 8px; margin-left: 5px; background: #ff9036; font-size: 0.8em; color: #fff;  border-radius: 4px; text-align: center; }
#modal_send_receipt #receipt_target_view { position: absolute; right: 0; margin: 0; }

#modal_point_charge #bt_receive_auth, #modal_point_charge a.bt_auth_confirm { position: absolute; right: 0; display: block; width: 90px; padding: 8px; margin-left: 5px; background: #ff9036; font-size: 0.8em; color: #fff;  border-radius: 4px; text-align: center; }
#modal_point_charge .alert_txt { padding: 10px 10px 0px 10px; }
#modal_point_charge .set-block { min-height: 61px; }

#modal_work_performance_log .md-field-group { max-height: 730px; overflow-y: auto; margin-bottom: 0; }
#modal_work_performance_log .set-field-input.input-date, 
#modal_work_performance_log .set-field-input.input-time { width: 102px; }
#modal_work_performance_log .select-tree { display: flex; }
#modal_work_performance_log .select-tree input { flex: 1; width: 150px; margin-right: 10px; }
#modal_work_performance_log .btn-group.md-bottom { padding: 20px 0 !important; }
#modal_work_performance_log .al_l img { width: 80px; height: 40px; margin-right: 10px; border: 1px solid #d7d9dc; border-radius: 4px; }
#modal_work_performance_log .load-prev-data { 
  min-width: 100px;
  padding: 10px 16px;
  margin: 1px;
  margin-right: auto;
  font-size: 15px;
  font-weight: 500;
  background-color: #fffadb;
  border: 1px solid #fbc02e;
  border-radius: 4px;
}
/* #modal_work_performance_log .load-prev-data:hover { } */

#modal_send_alim { z-index: 2500; }
#modal_send_alim .per_target { flex: 1; }
a.bt_point { position: absolute; right: 0; display: block; width: 75px; padding: 8px; margin-left: 5px; background: #ff9036; font-size: 0.8em; color: #fff;  border-radius: 4px; text-align: center; }
a.bt_point:hover { background: #ff7200; }

#modal_send_target .sender-info { margin-bottom: 20px; }
#modal_send_target .sender-info th:not(:first-child) { background: #fff; font-size: 0.9em; font-weight: 500; }
#modal_send_target .md-body .md-field-group{ max-height: 600px; overflow-y: auto; }

#modal_preview .alim-img { border: 1px solid #efe8a1; border-bottom: 0px; }
#modal_preview .md-field-group { max-height: 655px; overflow-y: auto; }

#modal_confirm_password .md-heading-left { margin: 0px; }
#modal_confirm_password .md-modal { min-height: unset; }
#modal_confirm_password .cp-desc { margin-bottom: 10px; }

#modal_record_request .md-modal { width: 350px; min-width: unset; }
#modal_record_request .md-field-group:not(:last-child) { margin-bottom: 0; }
#modal_record_request .md-bottom { padding: 16px 0; }
#modal_record_request .set-block p, #modal_record_request .set-block a { margin-left: auto; }

#modal-rfidDoc .md-modal { width: 710px !important; }
/* 수기 제공기록지 작성 요청 브라우저 확대시 디자인 수정 css*/
#modal-rfidDoc .md-modal {
  position: relative;
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  background-color: #FFF;
  border-radius: 12px;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#modal-rfidDoc .modal_body {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  max-height: 90vh; /* 새로 추가: 뷰포트 높이 제한 */
  text-align: center;
  background-color: #FFF;
  border-radius: 12px;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  transform: translate(calc(-50% + 0.1px), calc(-50% + 0.1px));
  z-index: 9999;
  transition: all 3s;
  display: flex; /* 새로 추가 */
  flex-direction: column; /* 새로 추가 */
  overflow: hidden; /* 새로 추가 */
}
#modal-rfidDoc .md-modal-view {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(15, 11, 11, 0.4);
  z-index: 9999;
}
#modal-rfidDoc .md-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
#modal-rfidDoc .btn-group.md-bottom {
  flex-shrink: 0;
  padding: 1rem;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  background-color: #FFF;
}
#modal-rfidDoc .tb-section { max-width: 654px; max-height: 73vh; overflow-x: auto; overflow-y: auto; }
#modal-rfidDoc table { width: 100%; table-layout: fixed; }
#modal-rfidDoc table tr { background: unset; }
#modal-rfidDoc table tr:nth-child(1) td { border-top: 1px solid #ddd; }
#modal-rfidDoc td.day1, #modal-rfidDoc td.day2, #modal-rfidDoc td.day3, #modal-rfidDoc td.day4, #modal-rfidDoc td.day5, #modal-rfidDoc td.day6, #modal-rfidDoc td.day7 { width: 150px; border-right: 1px solid #ddd; }
#modal-rfidDoc input[type=checkbox] { margin: 0 3px 1px 0; }
#modal-rfidDoc table .title { padding: 10px 0; background: #eff2f9; text-align: center; vertical-align: middle; border-left: 1px solid #ddd; }
#modal-rfidDoc table .title:nth-child(1) { width: 170px; border-right: 1px solid #ddd; }
#modal-rfidDoc table .title:nth-child(2) { border-right: 1px solid #ddd; }
#modal-rfidDoc td { vertical-align: middle; padding: 5px; font-size: 12px; border-bottom: 1px solid #ddd; }
#modal-rfidDoc td div { display: flex; padding: 3px 0; }
#modal-rfidDoc td div label { flex: 1; }

#modal-rfidDoc #date_1, #modal-rfidDoc #date_2, #modal-rfidDoc #date_3, #modal-rfidDoc #date_4, #modal-rfidDoc #date_5, #modal-rfidDoc #date_6, #modal-rfidDoc #date_7, #modal-rfidDoc #timePlan_1, #modal-rfidDoc #timePlan_2, #modal-rfidDoc #timePlan_3, #modal-rfidDoc #timePlan_4, #modal-rfidDoc #timePlan_5, #modal-rfidDoc #timePlan_6, #modal-rfidDoc #timePlan_7 { text-align: center; }
#modal-rfidDoc #timeOffer_1, #modal-rfidDoc #timeOffer_2, #modal-rfidDoc #timeOffer_3, #modal-rfidDoc #timeOffer_4, #modal-rfidDoc #timeOffer_5, #modal-rfidDoc #timeOffer_6, #modal-rfidDoc #timeOffer_7, #modal-rfidDoc #timeOffer_1e, #modal-rfidDoc #timeOffer_2e, #modal-rfidDoc #timeOffer_3e, #modal-rfidDoc #timeOffer_4e, #modal-rfidDoc #timeOffer_5e, #modal-rfidDoc #timeOffer_6e, #modal-rfidDoc #timeOffer_7e { text-align: center; color: #ff002a; }

#modal-rfidDoc .input-rfidDoc.time-input-group { width: 45% !important; }
#modal-rfidDoc .input-rfidDoc { width: 100% !important; height: 25px; padding: 4px 4px 4px 4px; border: 1px solid #bfbfbf; border-radius: 4px; }

#offerTime_1, #offerTime_2, #offerTime_3, #offerTime_4, #offerTime_5, #offerTime_6, #offerTime_7,
#prepareTime_1, #prepareTime_2, #prepareTime_3, #prepareTime_4, #prepareTime_5, #prepareTime_6, #prepareTime_7 { margin-top: 3px; }

#rfidModal .md-modal { width: 720px !important; }
#rfidModal table tr { border-bottom: 1px solid #ddd;}
#rfidModal table tr:nth-child(1) { border-top: 1px solid #ddd;}
#rfidModal table th { padding: 5px; background: #eff2f9; text-align: center; vertical-align: middle; font-size: 0.9em; font-weight: 300;  border-right: 1px solid #ddd; }
#rfidModal table th:nth-child(1) { border-left: 1px solid #ddd; }
#rfidModal table td { padding: 5px; font-size: 0.9em; border-right: 1px solid #ddd; text-align: center; vertical-align: middle; }

#modal_rfid_detail .md-modal { width: 450px !important; min-width: 450px !important; }
#modal_rfid_detail table tr { border-bottom: 1px solid #ddd;}
#modal_rfid_detail table tr:nth-child(1) { border-top: 1px solid #ddd;}
#modal_rfid_detail table th { padding: 5px; background: #eff2f9; text-align: center; vertical-align: middle; font-size: 0.9em; font-weight: 300;  border-right: 1px solid #ddd; }
#modal_rfid_detail table th:nth-child(1) { border-left: 1px solid #ddd; }
#modal_rfid_detail table td { padding: 5px; font-size: 0.9em; border-right: 1px solid #ddd; text-align: center; vertical-align: middle; }
#modal_rfid_detail .set-block { min-height: 42px; }
#modal_rfid_detail .set-block p { font-size: 14px; padding: 0 5px; }
#modal_rfid_detail .set-block > label::after { content: ""; }

#modal_register_offerer .set-block { height: 61px; }
#modal_register_offerer .set-block.description { font-size: 0.8em; padding-left: 7px; line-height: 1.5; }
/* #modal_register_offerer .md-body { padding-bottom: 50px; } */
.SignatureCanvas__canvas-box .placehold.example { position: absolute; top: 50%; width: 100%; transform: translate(0%, -50%); text-align: center; pointer-events: none; }
.SignatureCanvas__canvas-box .placehold.example span { color:#888; font-size: 6em; opacity: 0.3 }
.sign-desc { margin-top: 10px; font-size: 0.74em; }

.btn-db.btn-modal.change-reason { margin-right: auto; }

#modal_change_reason .set-block span { padding-left: 25px; background: url(/assets/images/icon/ic_12.png) left center no-repeat; background-size: 20px !important; font-weight: 500; }
#modal_change_reason .set-block label { width: 80px; }
#modal_change_reason .set-block input { width: 130px; }
#modal_change_reason .set-block select { width: 130px; }
#modal_change_reason .set-block #before, #modal_change_reason .set-block #after { width: 235px; }

/* 기초평가 모달 */
.evaluation-modal .md-field-group { height: 730px; overflow-y: auto; margin-bottom: unset; }
.evaluation-modal .md-field-group .set-field-input { height: 30px; }

.evaluation-modal .form-info-tb-board th, .evaluation-modal .form-info-tb-board  td { padding: 5px !important; }

.evaluation-modal .select-tree { display: flex; align-items: center; }
.evaluation-modal .select-tree input { flex: 1; width: 100%; }
.evaluation-modal .select-tree input.mr { margin-right: 10px; }
.evaluation-modal .select-tree p { width: 40px; text-align: center; }
.evaluation-modal .select-tree .bt_sign { padding: 6.5px 10px; }
.evaluation-modal .al_l img { width: 60px; height: 30px; margin-right: 10px; border: 1px solid #d7d9dc; border-radius: 4px; }

.evaluation-modal .black-line { border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.evaluation-modal table { text-align: center; margin-top: 10px; }
.evaluation-modal th { font-size: 15px; font-weight: 600; border: 1px solid #e9e9e9; background-color: var(--color-light-bg); padding: 5px 10px !important; vertical-align: middle; text-align: center; }
.evaluation-modal tbody tr { border: 1px solid #e9e9e9; border-top: 0; }
/* .evaluation-modal tbody tr:hover { background: #e1e1e1; } */
.evaluation-modal tbody tr:not(:first-child) td:last-child { border-right: 1px solid #e9e9e9; }
.evaluation-modal tbody tr td { vertical-align: middle; padding: 5px 10px !important; font-size: 14px; font-weight: 500; }
.evaluation-modal tbody tr td:not(:last-child) { border-right: 1px solid #e9e9e9; }
.evaluation-modal tbody tr td.evaluation-score { text-align: right; }
/* .evaluation-modal tbody tr td.bg-gray { background-image: url(/assets/longterm/images/bg-x.png); background-size: cover;}  */

.evaluation-modal .evaluation-content-wp { display: flex; align-items: center; }
.evaluation-modal .evaluation-content-wp .evaluation-content { flex: 1; margin-left: 5px; text-align: left; }
.evaluation-modal .evaluation-content-wp .evaluation-content p { font-size: 14px; }



/* .evaluation-modal .md-bottom { align-items: center; } */
.evaluation-modal .md-bottom select { font-size: 14px; height: 34px; padding: 8px 32px 8px 8px; border: 1px solid #bfbfbf; border-radius: 4px; background: url(../images/icon/ico-triangle-down.svg) no-repeat 92% 50%; appearance: none; cursor: pointer; }
.evaluation-modal .md-bottom .load-prev-data { margin: auto 0; }
.evaluation-modal .md-bottom .evaluation-status { margin: auto auto auto 0; }
.evaluation-modal .md-bottom .radio-group { margin: auto; border-top: unset; }

.evaluation-modal .req_main_content { display: flex; margin-top: 10px; }
.evaluation-modal .req_main_content .left-box { width: 156px; }
.evaluation-modal .req_main_content .left-box div { margin-top: 75px; text-align: center; color:red; font-size: 14px; font-weight: 500; }
.evaluation-modal .req_main_content .left-box li { display: flex; align-items: center; padding: 3px 5px; text-align: center; border: 1px solid #d9deec; border-radius: 4px; cursor: pointer; }
.evaluation-modal .req_main_content .left-box li:not(:first-child) { margin-top: 5px; }
.evaluation-modal .req_main_content .left-box li:hover { background: #ffd984; }
.evaluation-modal .req_main_content .left-box li.active, .evaluation-modal .req_main_content .left-box li.active:hover { background: #ff9036; }
.evaluation-modal .req_main_content .left-box li p { font-size: 14px; font-weight: 500; }
.evaluation-modal .req_main_content .left-box li p:nth-child(2) { flex: 1; }
.evaluation-modal .req_main_content .left-box li p:nth-child(3) { color: red; }
.evaluation-modal .req_main_content .left-box li.active p { color: #fff; }

.evaluation-modal .req_main_content .right-box { flex:1; width: 817px; padding-left: 10px;}
.evaluation-modal .req_main_content .right-box table { margin-top: 0; }
.evaluation-modal .req_main_content .right-box tbody td { text-align: left; font-size: 14px; }
.evaluation-modal .req_main_content .right-box tbody td ul li { display: flex; align-items: center; height: 20px; margin-bottom: 7px; }
.evaluation-modal .req_main_content .right-box tbody td label:not(:last-child) { margin-right: 5px; }
.evaluation-modal .req_main_content .right-box tbody td input { margin-right: 5px; }
.evaluation-modal .req_main_content .right-box textarea { width: 100%; height: 100px; margin-top: 10px; padding: 10px; background: #fff9ed; border: 1px solid #999; border-radius: 4px; resize: none; }
.evaluation-modal .req_main_content .right-box textarea[name=q12_a0] { height: 550px; margin-top: 0; }

.evaluation-modal .req_main_content .right-box #content_02,
.evaluation-modal .req_main_content .right-box #content_03,
.evaluation-modal .req_main_content .right-box #content_04,
.evaluation-modal .req_main_content .right-box #content_05,
.evaluation-modal .req_main_content .right-box #content_06,
.evaluation-modal .req_main_content .right-box #content_07,
.evaluation-modal .req_main_content .right-box #content_08,
.evaluation-modal .req_main_content .right-box #content_09,
.evaluation-modal .req_main_content .right-box #content_10,
.evaluation-modal .req_main_content .right-box #content_11,
.evaluation-modal .req_main_content .right-box #content_12 { display: none; }

.evaluation-modal label:hover { background: #e1e1e1; }

.evaluation-modal .req_main_content .right-box input { height: 20px; padding: 5px; }
.evaluation-modal .req_main_content .right-box label.w50 { width: 50px; }
.evaluation-modal .req_main_content .right-box label.w55 { width: 55px; }
.evaluation-modal .req_main_content .right-box label.w60 { width: 60px; }
.evaluation-modal .req_main_content .right-box label.w70 { width: 70px; }
.evaluation-modal .req_main_content .right-box label.w75 { width: 75px; }
.evaluation-modal .req_main_content .right-box label.w82 { width: 82px; }
.evaluation-modal .req_main_content .right-box label.w99 { width: 99px; }
.evaluation-modal .req_main_content .right-box label.w100 { width: 100px; }
.evaluation-modal .req_main_content .right-box label.w120 { width: 120px; }
.evaluation-modal .req_main_content .right-box label.w125 { width: 125px; }
.evaluation-modal .req_main_content .right-box label.w134 { width: 134px; }
.evaluation-modal .req_main_content .right-box label.w137 { width: 137px; }
.evaluation-modal .req_main_content .right-box label.w138 { width: 138px; }
.evaluation-modal .req_main_content .right-box label.w162 { width: 162px; }
.evaluation-modal .req_main_content .right-box label.w170 { width: 170px; }
.evaluation-modal .req_main_content .right-box label.w205 { width: 205px; }
.evaluation-modal .req_main_content .right-box label.w281 { width: 281px; }

.evaluation-modal .req_main_content .right-box label.ml9 { margin-left: 9px; }
.evaluation-modal .req_main_content .right-box label.ml56 { margin-left: 56px; }
.evaluation-modal .req_main_content .right-box label.ml95 { margin-left: 95px; }
.evaluation-modal .req_main_content .right-box label.ml140 { margin-left: 140px; }


.evaluation-modal .req_main_content .right-box #content_03 p { padding: 5px 0; color: gray; font-size: 14px; font-weight: 500; }
.evaluation-modal .req_main_content .right-box #content_03 select { width: 100%; height: 28px; padding: 5px 12px 5px 5px; font-size: 14px; border: 1px solid #bfbfbf; border-radius: 4px; background: url(../images/icon/ico-triangle-down.svg) no-repeat 92% 50%; appearance: none; cursor: pointer; }
.evaluation-modal .req_main_content .right-box #content_03 > div { display: flex; }
.evaluation-modal .req_main_content .right-box #content_03 > div > table { width: 265px; }
.evaluation-modal .req_main_content .right-box #content_03 > div > table:nth-child(2) { margin: 0 auto; }

.evaluation-modal .req_main_content .right-box #content_07 > div { display: flex; }
.evaluation-modal .req_main_content .right-box #content_07 > div > table { width: 404px; }
.evaluation-modal .req_main_content .right-box #content_07 > div > table:nth-child(2) { margin-left: auto; }
.evaluation-modal .req_main_content .right-box #content_07 > div > table tbody th { padding: 0 !important; }


.evaluation-modal .req_main_content .right-box #content_09 table td em { width: 105px; }


.evaluation-modal .evaluation-writer-list { top: 32px; }

.evaluation-modal .monitor_main_content textarea { width: 100%; height: 100px; padding: 10px; border: 1px solid #d7d9dc; border-radius: 4px; resize: none; }
.evaluation-modal .monitor_main_content tbody td input { margin-right: 5px; }
.evaluation-modal .monitor_main_content tbody td div { display: flex; text-align: left; }
.evaluation-modal .monitor_main_content tbody td div ul { flex: 1; }
.evaluation-modal .monitor_main_content tbody td ul li { margin-bottom: 10px; }

/* 20240320 김용우 추가 인지기능 검사 학력부분 밀림 방지*/
.evaluation-modal .set-field-input.max { padding: 0 8px; }

.evaluation-modal .percept_main_content > tbody > tr > td.percept_score_align { margin-left: 10px; text-align: left; }
.evaluation-modal .percept_main_content > tbody > tr > td label { margin-right: 10px; }



#modal_confirm_evaluation { z-index: 9999; }
#modal_confirm_evaluation .md-field-group { display: flex; text-align: center; }
#modal_confirm_evaluation .md-field-group button { flex: 1; }
#modal_confirm_evaluation .md-field-group #evaluation_re { margin: 0 10px; }
#modal_confirm_evaluation .md-bottom .md-close { margin-left: auto; }


#modal_standard_division .md-field-group { display: flex; text-align: center; }
#modal_standard_division .md-field-group button { flex: 1; }
#modal_standard_division .md-field-group #standard_re { margin: 0 10px; }
#modal_standard_division .md-bottom .md-close { margin-left: auto; }

#modal_standard_contract .md-modal { width: 1060px; }
#modal_standard_contract .md-field-group { max-height: 730px; overflow-y: auto; margin-bottom: 0; }
#modal_standard_contract .btn-group.md-bottom { padding: 16px 0 !important; }
#modal_standard_contract .title { font-size: 1.1rem; font-weight: 700; }
#modal_standard_contract .flex-wp { display: flex; }
#modal_standard_contract .flex-wp .left-section { flex: 1; margin-right: 5px; }
#modal_standard_contract .flex-wp .right-section { flex: 1; margin-left: 5px; }
#modal_standard_contract .content-wp { margin-top: 19px; }

#modal_standard_contract table { margin-top: 5px; border-top: 1px solid #dadada; border-right: 1px solid #dadada; }
#modal_standard_contract tr { border-bottom: 1px solid #dadada; }
#modal_standard_contract th { vertical-align: middle; width: 100px; padding: 10px 0; background: var(--color-light-bg); font-size: 15px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
#modal_standard_contract td { vertical-align: middle; padding: 10px; font-size: 15px; }
#modal_standard_contract .sign-wp { display: flex; align-items: center; }
#modal_standard_contract .sign-wp img { width: 60px; height: 30px; border: 1px solid #dadada; border-radius: 5px; }
#modal_standard_contract .left-section .sign-wp img { margin-left: 10px; margin-right: 10px; }
#modal_standard_contract .right-section .sign-wp img { margin: 0 10px; }
#modal_standard_contract .sign-wp .bt_sign { height: 30px; margin-right: auto; padding: 5px 10px; background: #ff9036; color: #FFF; line-height: unset; border-width: 0; border-radius: 5px; }
#modal_standard_contract .sign-wp .bt_sign:hover { background: #ff7200; }
#modal_standard_contract select { width: 127px; height: 30px; vertical-align: unset; margin: 0; padding: 5px 32px 5px 5px; }
#modal_standard_contract input { width: 127px; height: 30px; vertical-align: unset; margin: 0; padding: 5px; }
#modal_standard_contract input.bu { border: unset; }
/* #modal_standard_contract .right-section input { width: 127px; } */
#modal_standard_contract .add_line button { padding: 7px; }
#modal_standard_contract .InputBox { width: 127px; }

#modal_standard_contract .add_line .w-max { width: 100%; }
#modal_standard_contract .add_line input:nth-child(2) { margin: 5px 0; }
#modal_standard_contract .md-bottom select { height: 34px; padding: 8px 32px 8px 8px; background: url(../images/icon/ico-triangle-down.svg) no-repeat 92% 50%; font-size: 14px; border: 1px solid #bfbfbf; border-radius: 4px; appearance: none; cursor: pointer; }


#modal_standard_contract .info-detail-plan { display: flex; align-items: center; }
#modal_standard_contract .info-detail-plan:not(:last-child) { margin-bottom: 15px; }
#modal_standard_contract .info-detail-plan .days { margin-right: 5px; padding: 3px 7px; border: 1px solid #dadada; cursor: pointer; }
#modal_standard_contract .info-detail-plan .days.active { background: #ff9036; color: #fff; }
#modal_standard_contract .info-detail-plan .plan-time { font-variant-numeric: tabular-nums; }
#modal_standard_contract .info-detail-plan .plan-time .input-time { width: 60px; }
#modal_standard_contract .org-info { display: flex; align-items: center; }
#modal_standard_contract .seal { height: 30px; }
#modal_standard_contract .add-rep-wp { display: flex; align-items: center; justify-content: center; height: 280px; margin-top: 5px; text-align: center; border: 1px solid #dadada; }
#modal_standard_contract .add-rep-wp button { padding: 10px; background: #fff; border: 1px solid #d9deec; border-radius: 5px; }
#modal_standard_contract .add-rep-wp button:hover { background: #444; color: #fff; }


#modal_change_contract .md-modal { width: 1060px; }
#modal_change_contract .md-field-group { max-height: 730px; overflow-y: auto; margin-bottom: 0; }
#modal_change_contract .btn-group.md-bottom { padding: 16px 0 !important; }
#modal_change_contract .title { font-size: 1.1rem; font-weight: 700; }
#modal_change_contract .flex-wp { display: flex; }
#modal_change_contract .flex-wp .left-section { flex: 1; margin-right: 5px; }
#modal_change_contract .flex-wp .right-section { flex: 1; margin-left: 5px; }
#modal_change_contract .content-wp { margin-top: 19px; }

#modal_change_contract table { margin-top: 5px; border-top: 1px solid #dadada; border-right: 1px solid #dadada; }
#modal_change_contract tr { border-bottom: 1px solid #dadada; }
#modal_change_contract th { vertical-align: middle; width: 100px; padding: 10px 0; background: var(--color-light-bg); font-size: 15px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
#modal_change_contract td { vertical-align: middle; padding: 10px; font-size: 15px; }
#modal_change_contract .sign-wp { display: flex; align-items: center; }
#modal_change_contract .sign-wp img { width: 60px; height: 30px; border: 1px solid #dadada; border-radius: 5px; }
#modal_change_contract .left-section .sign-wp img { margin-left: 10px; margin-right: 10px; }
#modal_change_contract .right-section .sign-wp img { margin: 0 10px; }
#modal_change_contract .sign-wp .bt_sign { height: 30px; margin-right: auto; padding: 5px 10px; background: #ff9036; color: #FFF; line-height: unset; border-width: 0; border-radius: 5px; }
#modal_change_contract .sign-wp .bt_sign:hover { background: #ff7200; }
#modal_change_contract select { width: 127px; height: 30px; vertical-align: unset; margin: 0; padding: 5px 10px 5px 5px; }
#modal_change_contract input { width: 127px; height: 30px; vertical-align: unset; margin: 0; padding: 5px; }
/* #modal_change_contract .right-section input { width: 127px; } */
#modal_change_contract .add_line button { padding: 7px; }
#modal_change_contract .InputBox { width: 127px; }

#modal_change_contract .add_line .w-max { width: 100%; }
#modal_change_contract .add_line input:nth-child(2) { margin: 5px 0; }

#modal_change_contract .info-detail-plan { display: flex; align-items: center; }
#modal_change_contract .info-detail-plan:not(:last-child) { margin-bottom: 15px; }
#modal_change_contract .info-detail-plan .days { margin-right: 5px; padding: 3px 7px; border: 1px solid #dadada; cursor: pointer; }
#modal_change_contract .info-detail-plan .days.active { background: #ff9036; color: #fff; }
#modal_change_contract .info-detail-plan .plan-time { font-variant-numeric: tabular-nums; }
#modal_change_contract .info-detail-plan .plan-time .input-time { width: 60px; }
#modal_change_contract .org-info { display: flex; align-items: center; }
#modal_change_contract .seal { height: 30px; }
#modal_change_contract .add-rep-wp { display: flex; align-items: center; justify-content: center; height: 157px; margin-top: 5px; text-align: center; border: 1px solid #dadada; }
#modal_change_contract .add-rep-wp button { padding: 10px; background: #fff; border: 1px solid #d9deec; border-radius: 5px; }
#modal_change_contract .add-rep-wp button:hover { background: #444; color: #fff; }

#modal_change_contract textarea { width: 100%; height: 60px; padding: 5px; font-size: 14px; border: 1px solid #bfbfbf; border-radius: 4px; transition: border .1s ease; }
#modal_change_contract .change-content th:nth-child(1) { width: 90px; }
#modal_change_contract .change-content td:nth-child(1) { width: 90px; }
#modal_change_contract .change-content th:nth-child(3) { width: 60px; }
#modal_change_contract .change-content td:nth-child(3) { width: 60px; }

#modal_change_contract .change-content input { width: 100%; }
#modal_change_contract .change-content select:nth-child(1) { width: 70px; min-width: unset; }
#modal_change_contract .change-content select:nth-child(2) { width: 80px; min-width: unset; }
#modal_change_contract .change-content input:nth-child(2) { width: 40px; }

#modal_change_contract #before_plan td, #modal_change_contract #after_plan td { text-align: center; }

#modal_print_or_send { z-index: 3000; }

button.bt_sign_delete { height: 30px; padding: 6.5px 10px; background: #fff; border: 1px solid #d9deec; border-radius:4px; text-align:center; }
button.bt_sign_delete:hover { background: #444; color: #fff; }

#modal_contract_detail_type .md-field-group { display: flex; justify-content: center; }
#modal_contract_detail_type .md-field-group label { flex: 1; padding: 10px; text-align: center; }
#modal_contract_detail_type .md-field-group label input { margin-right: 3px; }

#modal_change_contract .change-content .left-section { display: flex; flex-wrap: wrap; }
#modal_change_contract .change-content .right-section { display: flex; flex-wrap: wrap; }
span.money { margin: auto 0 0 auto; font-size: 0.85rem; }

.rep-info { padding: 10px; border-top: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
.rep-info:last-child { border-bottom: 1px solid #dadada; }
.rep-info:nth-child(2n) { background: #f7f7f7; }

.rep-info input { margin-right: 5px; }

.evaluation-modal .bt_sign_delete { width: 70px; height: 30px; padding: 5px 10px; }

#modal_standard_contract #btn_rep_delete, #modal_change_contract #btn_rep_delete { display: none; float: right; padding: 3px 10px; background: #fff; font-size: 0.85rem; border: 1px solid #d9deec; border-radius: 4px; }
#modal_standard_contract #btn_rep_delete:hover, #modal_change_contract #btn_rep_delete:hover { background: #444; color: #fff; }

/* 20241205 김용우 수정, 년도추가되어 margin만 제거하고 change에도 셀렉트 스타일 추가 */
#modal_standard_contract .md-bottom select { height: 34px; padding: 8px 32px 8px 8px; background: url(../images/icon/ico-triangle-down.svg) no-repeat 92% 50%; font-size: 14px; border: 1px solid #bfbfbf; border-radius: 4px; appearance: none; cursor: pointer; }
#modal_change_contract .md-bottom select { height: 34px; padding: 8px 32px 8px 8px; background: url(../images/icon/ico-triangle-down.svg) no-repeat 92% 50%; font-size: 14px; border: 1px solid #bfbfbf; border-radius: 4px; appearance: none; cursor: pointer; }

#modal_confirmation_delete .confirm-delete-modal {
    width: 440px;
    min-width: 440px;
    padding-bottom: 0;
    overflow: hidden;
}

#modal_confirmation_delete .confirm-delete-modal__body {
    padding: 28px 28px 20px;
    text-align: center;
}

#modal_confirmation_delete .confirm-delete-modal__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: #fff1f0;
    color: #e53935;
}

#modal_confirmation_delete .confirm-delete-modal__title {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 700;
    color: #2b2b2b;
    line-height: 1.5;
    letter-spacing: -0.03em;
}

#modal_confirmation_delete .confirm-delete-modal__warning {
    margin: 0 0 20px;
    font-size: 14px;
    font-weight: 600;
    color: #e53935;
    line-height: 1.5;
}

#modal_confirmation_delete .confirm-delete-modal__inputs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

#modal_confirmation_delete .confirm-delete-modal__code,
#modal_confirmation_delete .confirm-delete-modal__input {
    width: 180px;
    height: 44px;
    padding: 0 14px;
    border: 1px solid #d7d9dc;
    border-radius: 8px;
    font-size: 16px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
}

#modal_confirmation_delete .confirm-delete-modal__code {
    font-weight: 700;
    color: #2b2b2b;
    background: #f7f8fa;
    letter-spacing: 2px;
}

#modal_confirmation_delete .confirm-delete-modal__input:focus {
    outline: none;
    border-color: #ff9036;
    box-shadow: 0 0 0 3px rgba(255, 144, 54, 0.15);
}

#modal_confirmation_delete .confirm-delete-modal__input::placeholder {
    font-size: 12px;
    color: #9aa0a8;
}

#modal_confirmation_delete .confirm-delete-modal__footer {
    display: flex;
    gap: 10px;
    padding: 16px 20px 20px;
    background: #f7f8fa;
    border-top: 1px solid #eceef1;
}

#modal_confirmation_delete .confirm-delete-btn {
    flex: 1;
    min-height: 46px;
    padding: 0 16px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

#modal_confirmation_delete .confirm-delete-btn--cancel {
    color: #5a5550;
    background: #fff;
    border: 1px solid #d9deec;
}

#modal_confirmation_delete .confirm-delete-btn--cancel:hover {
    background: #f3f4f6;
    border-color: #c5cad6;
}

#modal_confirmation_delete .confirm-delete-btn--submit {
    color: #fff;
    background: #e53935;
    border: 1px solid #e53935;
    box-shadow: 0 2px 6px rgba(229, 57, 53, 0.25);
}

#modal_confirmation_delete .confirm-delete-btn--submit:hover {
    background: #d32f2f;
    border-color: #d32f2f;
}

#modal_confirmation_delete input { text-align: center; }
#modal_payroll_interworking input { text-align: center; }

#modal_each_prs_config .set-block, #modal_rs_each_prs_config .set-block { justify-content: center; }
#modal_each_prs_config .set-td-data , #modal_rs_each_prs_config .set-td-data { padding: 10px; min-height: unset; }
#modal_each_prs_config .set-td-data .set-thead, #modal_rs_each_prs_config .set-td-data .set-thead { padding: 0 0 10px 0; margin-top: unset; }
#modal_each_prs_config .set-td-data .set-tbody, #modal_rs_each_prs_config .set-td-data .set-tbody { padding: 10px 0; }
#modal_each_prs_config .set-td-data .set-tbody:last-child, #modal_rs_each_prs_config .set-td-data .set-tbody:last-child { padding-bottom: 0px; }
#modal_each_prs_config .set-td-data .set-tbody input, #modal_rs_each_prs_config .set-td-data .set-tbody input { text-align: right; font-variant-numeric: tabular-nums; }
#modal_each_prs_config .mo_ag_check, #modal_rs_each_prs_config .mo_ag_check { margin-top: 15px; }

#modal_batch_additional .md-modal { width: 380px; min-width: 380px; }
#modal_batch_additional .md-heading-left { margin-bottom: 0; }
#modal_batch_additional .set-block { padding: 8px 0; }
#modal_batch_additional .set-field-input { height: 35px; }

#modal_batch_completion_status .md-modal { width: 380px; min-width: 380px; }

#modal_batch_manage .payroll-config-grid b {
  text-align: center;
}
#modal_batch_manage select {
  width: 105px;
  height: 28px;
  padding: 5px;
  text-align: center;
  background: url(/assets/longterm/images/icon/ico-triangle-down.svg) no-repeat 95% 50% #fff !important;
  border: 1px solid #dadada;
  border-radius: 4px;
}
#modal_batch_manage input[type="text"] { 
  width: 105px;
  height: 28px;
  background: #fff;
  text-align: right;
  font-variant-numeric: tabular-nums;
  border: 1px solid #dadada;
  border-radius: 4px;
}
#modal_batch_manage select:disabled {
  background-color: #e8e8e8 !important;
}
#modal_batch_manage input[type="text"]:disabled {
  background-color: #e8e8e8 !important;
}

/* CMS 모달 */
#modal_hcms .cms-content-wp { display:flex; align-items: center; height: auto; padding: 20px 0; gap: 10px; }
#modal_hcms .title {  margin-bottom: 10px; font-size: 1rem; font-weight: 700;}
#modal_hcms .search-wp { display: flex; height: 40px; margin-bottom: 10px; }
#modal_hcms .table-container { width: 450px; margin-bottom: 10px; }
#modal_hcms .table-container-result { width: 690px; margin-bottom: 10px; }
#modal_hcms .cms-table { font-size: 0.85rem; border: 1px solid #b3b3b3; }
#modal_hcms .cms-table thead { display: table; width: 100%; table-layout: fixed; border-bottom: 1px solid #e5e5e5; }
#modal_hcms .cms-table tbody { display: block; height: 532px; overflow-x: hidden; overflow-y: auto; }
#modal_hcms .cms-table .cms_head th { vertical-align: middle; height: 40px; padding: 5px 0; background-color: var(--color-light-bg); font-weight: 700; }
#modal_hcms .cms-table tbody tr { display: table; width: 100%; table-layout: fixed; border-bottom: 1px solid #e5e5e5; }
#modal_hcms .cms-table td { vertical-align: middle; height: 40px; padding: 5px 0; text-align: center; }
#modal_hcms .cms-table th:not(:last-child), #modal_hcms .cms-table td:not(:last-child) { border-right: 1px solid #e5e5e5; }
#modal_hcms .cms-table td .cms-status { display: inline-block; width: 60px; height: 25px; padding: 4px 0; background: #fff; color: #666; font-size: 0.9em; font-weight: 600 !important; border: 1px solid #dadada; border-radius: 4px; }
#modal_hcms .cms-table td .cms-status.success { background-color: #4aaf51; color: #fff; }
#modal_hcms .cms-table td .cms-status.cancel { background-color: #e8e8e8; color: #fff; }
#modal_hcms .cms-table td .cms-status.error { background-color: #ec4c47; color: #fff; }
#modal_hcms .cms-table td .cms-status.waiting { background-color: #ffb328; color: #fff; }
#modal_hcms .cms-table td .cms-status.ing { background-color: #337ab7; color: #fff; }
#modal_hcms .btn-receipt { height: 25px; padding: 4px 10px; background: #fff; color: #666; font-weight: 700; border: 1px solid #dadada; border-radius: 4px; }
#modal_hcms .btn-receipt:hover { background: #444; color: #fff; }
#modal_hcms input[type="checkbox"]:disabled { background-color: #e8e8e8; }
#modal_hcms .money { padding: 5px 10px !important; text-align: right !important; }
#modal_hcms .fa-check { color: #41a648; }
#modal_hcms .fa-play { flex: 1; text-align: center;}





#modal_program_application .md-content {
  width: 500px;
  /* min-width: 500px; */
  /* height: 300px; */
  /* min-height: 300px; */
}
#modal_program_application .description-wrap p {
  padding: 5px 0;
}

#modal_program_application .phone-auth-wrap {
  margin-top: 30px;
}

#modal_program_application .phone-auth-wrap div {
  display: flex;
  align-items: center;
  height: 40px;
}
#modal_program_application .phone-auth-wrap div b {
  display: inline-block;
  width: 100px;
}
#modal_program_application .phone-auth-wrap div input {
  flex: 1;
  width: 200px;
  height: 35px;
  padding: 5px 10px;
  border: 1px solid #d7d9dc;
  border-radius: 4px;
  transition: border .1s ease;
}
#modal_program_application .phone-auth-wrap #phone {
  flex: 1;
}

#modal_program_application .phone-auth-wrap .btn-receive-auth,
#modal_program_application .phone-auth-wrap .btn-check-auth {
  width: 100px;
  height: 35px;
  margin-left: 10px;
  padding: 5px 0px;
  color: #5a5550;
  font-size: 1.0em;
  font-weight: 500;
  background-color: #fff;
  border: 1px solid #d9deec;;
  border-radius: 4px;
}
#modal_program_application .phone-auth-wrap .btn-receive-auth:hover,
#modal_program_application .phone-auth-wrap .btn-check-auth:hover {
  background: #444;
  color: #fff;
}

#modal_each_question .md-content {
  width: 1300px;
}

#modal_each_question .flex-wrap {
  display: flex;
  align-items: center;
}
#modal_each_question .flex-wrap .left-wrap {
  width: 200px;
  /* padding: 10px; */
  border: 1px solid #d7d9dc;
}
#modal_each_question .flex-wrap .left-wrap #dificult {
  vertical-align: unset;
  margin-left: auto;
  padding: 5px 20px 5px 10px;
  font-size: 14px;
  border: 1px solid #d7d9dc;
  border-radius: 4px;
  background: url(../images/icon/ico-triangle-down.svg) no-repeat 87% 50%;
  appearance: none;
  cursor: pointer;
}
#modal_each_question .flex-wrap .left-wrap .dificult-wrap {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 10px;
  border-bottom: 1px solid #d7d9dc;
}
#modal_each_question .flex-wrap .left-wrap .each-question-wrap {
  height: 500px;
  overflow-y: scroll;
}
#modal_each_question .flex-wrap .left-wrap .each-question-wrap .category {
  padding: 5px 10px;
  background-color: #eff2f8;
  font-weight: 600;
  border-bottom: 1px solid #d7d9dc;
}
#modal_each_question .flex-wrap .left-wrap .each-question-wrap .category:not(:first-child) {
  border-top: 1px solid #d7d9dc;
}

#modal_each_question .flex-wrap .left-wrap .each-question-wrap .question {
  padding: 5px 10px 5px 20px;
  font-size: 14px;
  cursor: pointer;
}
#modal_each_question .flex-wrap .left-wrap .each-question-wrap .question.active {
  color: #fff;
  background-color: #ff851b;
}
#modal_each_question .flex-wrap .left-wrap .each-question-wrap .question:not(.active):hover {
  color: #fff;
  background-color: #ff9941;
}
#modal_each_question .flex-wrap .right-wrap {
  flex: 1;
  margin-left: 20px;
  border: 1px solid #d7d9dc;
}
#modal_each_question .flex-wrap .right-wrap .title-wrap {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 10px;
  background-color: #eff2f8;
  border-bottom: 1px solid #d7d9dc;
}
#modal_each_question .flex-wrap .right-wrap .title-wrap .btn-each-all {
  margin-left: auto;
  padding: 5px 10px;
  background: #FFF;
  border: 1px solid #d7d9dc;
  border-radius: 4px;
}
#modal_each_question .flex-wrap .right-wrap .title-wrap .btn-each-all:hover {
  background: #444;
  color: #fff;
}
#modal_each_question .flex-wrap .right-wrap .image-wrap {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(6, 1fr);
  height: 500px;
  overflow-y: scroll;
  padding: 20px;
}
#modal_each_question .flex-wrap .right-wrap .image-wrap .question {
  position: relative;
  max-height: 220px;
  border: 1px solid #d7d9dc;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
#modal_each_question .flex-wrap .right-wrap .image-wrap .question .each-question {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
}


#modal_program_schedule .md-content {
  width: 340px;
  min-width: 340px;
  height: 140px;
  min-height: 140px;
}
#modal_program_schedule .md-content .flex-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#modal_program_schedule .md-content .flex-wrap button {
  width: 135px;
}

#modal_set_tartget_level .btn-prev-month-config {
  margin-left: 10px;
  padding: 5px 10px;
  background: #443c30;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  border: 1px solid #443c30;
  border-radius: 5px;
}
#modal_set_tartget_level .md-content {
  width: 1300px;
}
#modal_set_tartget_level .set-level-wrap {
  display: flex;
  align-items: center;
}
#modal_set_tartget_level .set-level-wrap > i {
  margin: 10px;
}
#modal_set_tartget_level .set-level-wrap table th {
  padding: 10px;
  background-color: var(--color-light-bg);
  border: 1px solid #e9e9e9;
}
#modal_set_tartget_level .set-level-wrap table td {
  height: 40px;
  padding: 0px 10px;
  text-align: center;
  font-size: 15px;
  vertical-align: middle;
  border: 1px solid #e9e9e9;
}
#modal_set_tartget_level .set-level-wrap table td select {
  width: 100%;
  vertical-align: unset;
  margin: 0;
  padding: 5px 10px 5px 10px;
  border: 1px solid #d7d9dc;
  border-radius: 4px;
  background: url(../images/icon/ico-triangle-down.svg) no-repeat 90% 50%;
  appearance: none;
  cursor: pointer;
}

#modal_set_tartget_level .set-level-wrap table td .sel-question {
  width: 100px;
  height: 30px;
  padding: 5px;
  background: #fff;
  color: #5a5550;
  border: 1px solid #d9deec;
  border-radius: 4px;
}
#modal_set_tartget_level .set-level-wrap table td .sel-question:hover {
  background: #444;
  color: #fff;
}
#modal_set_tartget_level .set-level-wrap table td .sel-question:hover i {
  background: #444;
  color: #fff;
}
#modal_set_tartget_level .set-level-wrap table td .sel-question.active {
  background: #444;
  color: #fff;
}
#modal_set_tartget_level .set-level-wrap table td .sel-question.active i {
  background: #444;
  color: #fff;
}

#modal_set_tartget_level #level_table {
  flex: 1;
}
#modal_set_tartget_level #level_table tr.disabled {
  background-color: #e9e9e9;
}
#modal_set_tartget_level #preview_table {
  flex: 0.6;
}
#modal_set_tartget_level .question-wrap {
  flex: 1.4;
  max-height: 321px; /* 원하는 높이 설정 */
  overflow-y: auto; /* 세로 스크롤 활성화 */
}
#modal_set_tartget_level #question_table {
  table-layout: fixed; /* 셀 크기를 균일하게 */
  border-collapse: collapse;
}
#modal_set_tartget_level #question_table thead {
  position: sticky;
  top: 0; /* thead를 테이블 상단에 고정 */
  background-color: #f1f1f1; /* 헤더 배경색 */
  z-index: 1;
}
#modal_set_tartget_level #question_table th {
  height: 40px;
  padding: 0 10px;
  vertical-align: middle;
}
#modal_set_tartget_level #question_table th div {
  display: flex;
  align-items: center;
  border-bottom: unset;
}
#modal_set_tartget_level #question_table th button {
  width: 100px;
  height: 30px;
  margin-left: 10px;
  padding: 5px;
  background: #fff;
  color: #5a5550;
  line-height: 1.3;
  border: 1px solid #d9deec;
  border-radius: 4px;
}
#modal_set_tartget_level #question_table th button:hover {
  background: #444;
  color: #fff;
}

#modal_set_tartget_level #question_table td {
  text-align: left;
}
#modal_set_tartget_level .btn-set-amount {
  background: #fff;
  color: #2857c4;
  font-weight: 600;
  border: 1px solid #4172e5;
}
#modal_set_tartget_level .btn-set-amount:hover {
  background: #4172e5;
  color: #fff;
}
#modal_set_tartget_level #preview_table td {
  padding: 0;
}
#modal_set_tartget_level #preview_table td > img {
  height: 100%;
}


#modal_set_tartget_amount .md-modal {
  width: 500px;
}

#modal_set_tartget_amount .amount-wrap {
  display: flex;
  align-items: center;
  border: 1px solid #e9e9e9;
  border-bottom: unset;
}
#modal_set_tartget_amount .amount-wrap:last-of-type {
  margin-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}
#modal_set_tartget_amount .amount-wrap .title {
  width: 200px;
  padding: 10px 20px;
  background-color: var(--color-light-bg);
  border-right: 1px solid #e9e9e9;
}
#modal_set_tartget_amount .amount-wrap .sel-wrap {
  flex: 1;
  padding: 10px 20px;
}
#modal_set_tartget_amount .amount-wrap .sel-wrap label {
  display: inline-block;
  width: 90px;
}
#modal_set_tartget_amount .amount-wrap .sel-wrap label input {
  margin: 0 5px 3px 0;
}

#modal_set_tartget_amount p {
  font-size: 0.9rem;
}
#modal_set_tartget_amount p:first-of-type {
  margin-bottom: 20px;
}
#modal_set_tartget_amount p > i {
  color: #ff002a;
}

#modal-n4 .md-content {
  width: 350px;
  min-width: unset;
}
#modal-n4 .set-block:not(:first-child) {
  justify-content: space-between;
}
#modal-n4 #per_targetName {
  margin-right: 10px;
}
#modal-n4 .per_targetYear {
  margin-right: 5px;
}
#modal_progress {
  z-index: 10000;
  background: #0000005e;
}


#modal_preview .message_send_box {
  padding: 30px;
  background: #e7e7e7;
  border-radius: 20px;
}

/* 모바일 기기용 스타일 */
@media only screen and (max-width: 768px) {
  #modal_confirm_password .md-modal{ width: 90vw; min-width: 90vw; }
  #modal_confirm_password .set-block > label { width: auto; margin-right: 10px; padding: 0; }
  #modal_confirm_password .md-modal #btn_confirm_password { width: 100%; }

  #modal_send_record .md-modal{ width: 90vw; min-width: 90vw; max-height: 90vh; }
  #modal_send_record .md-body .md-field-group { max-height: 70vh; overflow-y: scroll; }
  #modal_send_record img { width: 100%; }
  #modal_send_record #close_send_record { width: 49%;}
  #modal_send_record #btn_send_record { width: 49%;}
}

/* 태블릿 기기용 스타일 */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  /* 추가적인 태블릿 스타일 규칙 */
}


#modal_modify_status .md-heading-left span {
  font-size: 16px;
  margin-left: 5px;
}

#modal_employee_history .entco-dt,
#modal_employee_history .retr-dt {
  width: 100px;
  height: 30px;
  padding: 5px;
  text-align: center;
  border: 1px solid #bfbfbf;
  border-radius: 6px;
}
#modal_employee_history .btn-modify, 
#modal_employee_history .btn-del {
  height: 30px;
  margin-left: 5px;
  padding: 3px 10px;
  font-size: 0.8em;
  color: #222;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-weight: 600;
}

#modal_prs_history .prs-history-header,
#modal_employee_history .employee-history-header {
  display: flex;
  align-items: center;
}

/* 직원 상담 관리 모달 - 조치필요여부가 불필요일 때 비활성화 스타일 */
#modal_employee_counsel tr.disabled-row {
  opacity: 0.5;
  background-color: #fff;
  pointer-events: none;
}

#modal_employee_counsel tr.disabled-row th {
  background-color: #fff;
  color: #999;
}

#modal_employee_counsel tr.disabled-row td {
  background-color: #fff;
  color: #999;
}

#modal_employee_counsel tr.disabled-row input,
#modal_employee_counsel tr.disabled-row textarea {
  color: #999;
  cursor: not-allowed;
}

#modal_send_target_new .md-content {
  width: 1100px;
}
#modal_send_target_new table td { 
  height: 41px;
  padding: 5px 10px;
}
#modal_send_target_new input[type="text"] {
  height: 30px;
  padding: 0 10px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  border: 1px solid #ddd;
  border-radius: 5px;
}
#modal_send_target_new .tb_wp {
  flex: 1;
  margin-top: unset;
}
#modal_send_target_new .alim-name {
  width: 70px;
}
#modal_send_target_new .alim-phone {
  width: 135px;
}
#modal_send_target_new .btn-preview {
  width: 80px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
  color: #222;
  font-size: 0.8em;
  font-weight: 500;
  cursor: pointer;
}
#modal_send_target_new .info-wrap {
  width: 280px;
  height: 455px;
  padding: 15px;
  font-variant-numeric: tabular-nums;
  border: 1px solid #ddd;
  border-radius: 5px;
}
#modal_send_target_new .info-wrap .info-item:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
#modal_send_target_new .info-wrap .info-item .title {
  font-size: 15px;
  font-weight: 600;
}
#modal_send_target_new .info-wrap .info-item .content {
  font-size: 0.9em;
}
#modal_send_target_new .info-wrap .info-item .display-flex {
  height: 21.61px;
}
#modal_send_target_new .info-wrap .info-item .display-flex span {
  flex: 1;
}
#modal_send_target_new .info-wrap .info-item .display-flex span:nth-child(2) {
  text-align: right;
}
#modal_send_target_new .btn-point-charge {
  width: 100%;
  height: 30px;
  padding: 10px;
  border: unset;
  border-radius: 5px;
  background: #ff9036;
  color: #fff;
  font-size: 0.8em;
  font-weight: 500;
  cursor: pointer;
}

#modal_send_target_new .info-wrap .info-item .content textarea {
  height: 100% !important;
  resize: none;
}

#modal_send_target_new .btn-db.btn-bottom {
  padding: 10px 16px;
}

/* 의료비 공제 모달 스타일 */
#modal-medicalDeduction {
  perspective: none;
}

#modal-medicalDeduction .md-block.year-nav-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

#modal-medicalDeduction .btn-year-nav {
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 4px 10px;
  cursor: pointer;
  min-width: 50px;
}

#modal-medicalDeduction #medicalDeductionYearText {
  text-align: center;
  min-width: 120px;
  font-weight: 500;
  padding: 4px 10px;
}

#modal-medicalDeduction .medical-deduction-fields-container {
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
  box-sizing: border-box;
}

#modal-medicalDeduction .medical-deduction-field-row {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  width: 100%;
  height: 26px;
  box-sizing: border-box;
}

#modal-medicalDeduction .medical-deduction-field-row:first-of-type {
  margin-bottom: 5px;
}

#modal-medicalDeduction .medical-deduction-field-container {
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  box-sizing: border-box;
}

#modal-medicalDeduction .medical-deduction-field-container.flex-1 {
  flex: 1;
}

#modal-medicalDeduction .medical-deduction-field-container.flex-2 {
  flex: 2;
}

#modal-medicalDeduction .medical-deduction-field-container.max-190 {
  max-width: 190px;
}

#modal-medicalDeduction .medical-deduction-field-container label.opt {
  min-width: 80px;
  font-size: 12px;
  font-weight: bold;
  flex-shrink: 0;
  box-sizing: border-box;
}

#modal-medicalDeduction .medical-deduction-field-container label.opt.min-70 {
  min-width: 70px;
}

#modal-medicalDeduction .medical-deduction-field-container .set-field-input {
  flex: 1;
  padding: 2px;
  height: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

#modal-medicalDeduction .form_ch_list {
  height: 400px;
  margin-top: 20px;
  overflow-y: auto;
}

#modal-medicalDeduction .form_ch_list .md-info-tb thead th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
  z-index: 10;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
}

#modal-medicalDeduction .form_ch_list .md-info-tb thead th:nth-child(1) {
  width: 60px;
}

#modal-medicalDeduction .form_ch_list .md-info-tb thead th:nth-child(2) {
  width: 100px;
}

#modal-medicalDeduction .form_ch_list .md-info-tb thead th:nth-child(3) {
  width: 100px;
}

#modal-medicalDeduction .form_ch_list .md-info-tb thead th:nth-child(4) {
  width: 100px;
}

#modal-medicalDeduction .form_ch_list .md-info-tb thead th:nth-child(5) {
  width: 120px;
}

#modal-medicalDeduction .form_ch_list .md-info-tb tfoot {
  position: sticky;
  bottom: 0;
  background-color: #f5f5f5;
  z-index: 10;
  box-shadow: 0 -2px 2px -1px rgba(0, 0, 0, 0.1);
}

#modal-medicalDeduction .form_ch_list .md-info-tb tfoot td {
  background-color: #f5f5f5;
}

#modal_simple_payment_excel .text_box{
  text-align: left;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px;
}
#modal_retire_date .md-modal {
  width: 1000px;
}
#modal_retire_date table input[type="text"] {
  width: 100px;
  height: 26px;
  padding: 4px 6px;
  text-align: center;
  border: 1px solid #dadada;
  border-radius: 4px;
}
#modal_retire_date table .btn-save {
  width: 50px;
  height: 26px;
  padding: 5px 0;
  background-color: #ff9036;
  color: #fff;
  font-weight: 500;
  /* border: 1px solid #dadada; */
  border: unset;
  border-radius: 4px;
}
#modal_retire_date .btn-batch-apply {
  width: 170px;
  height: 26px;
  padding: 5px 0;
  background-color: #ff9036;
  color: #fff;
  font-weight: 500;
  /* border: 1px solid #dadada; */
  border: unset;
  border-radius: 4px;
}
#modal_retire_date table .btn-save:hover,
#modal_retire_date .btn-batch-apply:hover {
  background-color: #ff7200;
}

#modal_retire_date .btn-group {
  padding: 16px 0;
}

/* 월간 수납 대장 - 조회 기준 선택 모달 (청구일/수납일) */
#modal-receiveBasis .rb-guide { font-size: 14px; color: #595959; line-height: 1.6; margin-bottom: 22px; }
#modal-receiveBasis .rb-guide span { color: #8a8f99; font-size: 13px; }
#modal-receiveBasis .rb-guide em { font-style: normal; font-weight: 600; color: #ff7200; }
#modal-receiveBasis .receive-basis-options { display: flex; gap: 12px; }
#modal-receiveBasis .receive-basis-opt {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px;
  padding: 24px 12px; border: 1.5px solid #c5ccdb; border-radius: 10px; background: #f8fafc; cursor: pointer;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .1s ease;
}
#modal-receiveBasis .receive-basis-opt:hover,
#modal-receiveBasis .receive-basis-opt:focus-visible { border-color: #ff9036; background: #fff8f2; box-shadow: 0 4px 12px rgba(255,144,54,.18); outline: none; }
#modal-receiveBasis .receive-basis-opt:active { transform: translateY(1px); }
#modal-receiveBasis .receive-basis-opt .rb-title { font-size: 16px; font-weight: 700; color: #2b2b2b; letter-spacing: -0.02em; }
#modal-receiveBasis .receive-basis-opt:hover .rb-title { color: #ff7200; }
#modal-receiveBasis .receive-basis-opt .rb-desc { font-size: 12.5px; color: #9097a3; font-weight: 400; }
#modal-receiveBasis .receive-basis-opt .rb-desc b { color: #5a5550; font-weight: 600; }
#modal-receiveBasis .md-body { padding-bottom: 28px; }