@charset "UTF-8";
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src:
    local("Pretendard"),
    local("Pretendard Regular"),
    url(../../fonts/NotoSans-Regular.woff2) format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src:
    local("Pretendard Medium"),
    local("Pretendard"),
    url(../../fonts/NotoSans-Medium.woff2) format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src:
    local("Pretendard Bold"),
    local("Pretendard"),
    url(../../fonts/NotoSans-Bold.woff2) format("woff2");
}

/* -- 중단점 : mobile first ----------- */
/* X-Small devices mobile 480px and up */
@media (min-width: 480px) {
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

/* -- ROOT -- */
/* ---------------------------------------------- */
:root {
  /* dwp : 추가 */
  /* *** color  *** */
  /* yellow */
  --dwp-yellow: #fecc5e;
  --dwp-yellow-rgb: 254, 204, 94;
  /* green */
  --dwp-green: #198754;
  --dwp-green-rgb: 25, 135, 84;
  /* yellowGreen */
  --dwp-yellowGreen: #9fcc2e;
  --dwp-yellowGreen-rgb: 159, 204, 46;
  /* tealGreen */
  --dwp-tealGreen: #50c0bf;
  --dwp-tealGreen-rgb: 80, 192, 191;
  /* cyan */
  --dwp-cyan: #0dcaf0;
  --dwp-cyan-rgb: 13, 202, 240;
  /* blue */
  --dwp-blue: #0074b1;
  --dwp-blue-rgb: 0, 116, 177;
  /* blueGray */
  --dwp-blueGray: #75839f;
  --dwp-blueGray-rgb: 117, 131, 159;
  /* indigo */
  --dwp-indigo: #25476a;
  --dwp-indigo-rgb: 37, 71, 106;
  /* violet */
  --dwp-violet: #9968fc;
  --dwp-violet-rgb: 153, 104, 252;

  /* red */
  --dwp-red: #dc3545;
  --dwp-red-rgb: 220, 53, 69;

  /* pink */
  --dwp-pink: #fd6285;
  --dwp-pink-rgb: 253, 98, 133;

  /* orange */
  --dwp-orange: #fd9e49;
  --dwp-orange-rgb: 253, 158, 73;

  /* lightBlue */
  --dwp-lightBlue: #3ca3e9;
  --dwp-lightBlue-rgb: 60, 163, 233;

  /* purple */
  --dwp-purple: #ab47bc;
  --dwp-purple-rgb: 171, 71, 188;

  /* teal */
  --dwp-teal: #37b2ab;
  --dwp-teal-rgb: 55, 178, 171;

  --dwp-teal-hover: #1ea39b;
  --dwp-teal-hover-rgb: 30, 163, 155;
  --dwp-teal-hover-bg: #1ea39b;
  --dwp-teal-hover-bg-rgb: 30, 163, 155;
  --dwp-teal-active: #00978e;
  --dwp-teal-active-rgb: 0, 151, 142;
  --dwp-teal-active-bg: #00978e;
  --dwp-teal-active-bg-rgb: 0, 151, 142;

  /* indigoBlue */
  --dwp-indigoBlue: #3a3b5c;
  --dwp-indigoBlue-rgb: 58, 59, 92;

  --dwp-indigoBlue-hover: #4e4f72;
  --dwp-indigoBlue-hover-rgb: 78, 79, 114;
  --dwp-indigoBlue-hover-bg: #4e4f72;
  --dwp-indigoBlue-hover-bg-rgb: 78, 79, 114;
  --dwp-indigoBlue-active: #4d43c7;
  --dwp-indigoBlue-active-rgb: 77, 67, 199;
  --dwp-indigoBlue-active-bg: #3a3b5c;
  --dwp-indigoBlue-active-bg-rgb: 58, 59, 92;

  /* common : basic */
  --dwp-translucent: translucent;

  --dwp-basic-soft: #f5f8ff;
  --dwp-basic-100: #e5edff;
  --dwp-basic-200: #adc5ff;
  --dwp-basic-300: #85a9ff;
  --dwp-basic-500: #004dff;
  --dwp-basic-600: #003cc7;

  --dwp-basic-soft-rgb: 245, 248, 255;
  --dwp-basic-100-rgb: 229, 237, 255;
  --dwp-basic-200-rgb: 173, 197, 255;
  --dwp-basic-300-rgb: 133, 169, 255;
  --dwp-basic-500-rgb: 0, 77, 255;
  --dwp-basic-600-rgb: 0, 60, 199;

  --dwp-warning-soft: #fff6e0;
  --dwp-warning-100: #ffefca;
  --dwp-warning-200: #ffe6ad;
  --dwp-warning-300: #ffcc85;
  --dwp-warning-500: #d6700a;
  --dwp-warning-600: #bc3803;

  --dwp-warning-soft-rgb: 255, 246, 224;
  --dwp-warning-100-rgb: 255, 239, 202;
  --dwp-warning-200-rgb: 255, 230, 173;
  --dwp-warning-300-rgb: 255, 204, 133;
  --dwp-warning-500-rgb: 214, 112, 10;
  --dwp-warning-600-rgb: 188, 56, 3;

  --dwp-danger-100: #ffe0db;
  --dwp-danger-200: #fabcb3;
  --dwp-danger-300: #f48270;
  --dwp-danger-500: #cc1b00;
  --dwp-danger-600: #b81800;

  --dwp-danger-100-rgb: 255, 224, 219;
  --dwp-danger-200-rgb: 250, 188, 179;
  --dwp-danger-300-rgb: 244, 130, 112;
  --dwp-danger-500-rgb: 204, 27, 0;
  --dwp-danger-600-rgb: 184, 24, 0;

  --dwp-success-100: #d9fbd0;
  --dwp-success-200: #bee8b4;
  --dwp-success-300: #90d67f;
  --dwp-success-500: #23890b;
  --dwp-success-600: #1c6c09;

  --dwp-success-100-rgb: 217, 251, 208;
  --dwp-success-200-rgb: 190, 232, 180;
  --dwp-success-300-rgb: 144, 214, 127;
  --dwp-success-500-rgb: 35, 137, 11;
  --dwp-success-600-rgb: 28, 108, 9;

  --dwp-info-100: #c7ebff;
  --dwp-info-200: #96d9ff;
  --dwp-info-300: #60c6ff;
  --dwp-info-500: #0080c7;
  --dwp-info-600: #005585;

  --dwp-info-100-rgb: 199, 235, 255;
  --dwp-info-200-rgb: 150, 217, 255;
  --dwp-info-300-rgb: 96, 198, 255;
  --dwp-info-500-rgb: 0, 128, 199;
  --dwp-info-600-rgb: 0, 85, 133;

  /* common : grayScale */
  --dwp-black: #000;
  --dwp-black-rgb: 0, 0, 0;
  --dwp-white: #fff;
  --dwp-white-rgb: 255, 255, 255;
  --dwp-light: #fff;
  --dwp-light-rgb: 255, 255, 255;
  --dwp-dark: #141824;
  --dwp-dark-rgb: 20, 24, 36;

  --dwp-gray-soft: #f5f7fa;
  --dwp-gray-soft-rgb: 245, 247, 250;
  --dwp-gray-100: #eff2f6;
  --dwp-gray-100-rgb: 239, 242, 246;
  --dwp-gray-200: #e3e6ed;
  --dwp-gray-200-rgb: 227, 230, 237;
  --dwp-gray-300: #cbd0dd;
  --dwp-gray-300-rgb: 203, 208, 221;
  --dwp-gray-400: #9fa6bc;
  --dwp-gray-400-rgb: 159, 166, 188;
  --dwp-gray-500: #8a94ad;
  --dwp-gray-500-rgb: 138, 148, 173;
  --dwp-gray-600: #6e7891;
  --dwp-gray-600-rgb: 110, 120, 145;
  --dwp-gray-700: #525b75;
  --dwp-gray-700-rgb: 82, 91, 117;
  --dwp-gray-800: #3e465b;
  --dwp-gray-800-rgb: 62, 70, 91;
  --dwp-gray-900: #31374a;
  --dwp-gray-900-rgb: 49, 55, 74;
  --dwp-gray-1000: #222834;
  --dwp-gray-1000-rgb: 34, 40, 52;
  --dwp-gray-1100: #141824;
  --dwp-gray-1100-rgb: 20, 24, 36;

  /* common : status */
  --dwp-status-busy: var(--dwp-tealGreen);
  --dwp-status-in: var(--dwp-lightBlue);
  --dwp-status-out: var(--dwp-tealGreen);
  --dwp-status-idle: var(--dwp-blueGray);
  --dwp-status-block: var(--dwp-indigo);
  --dwp-status-err: var(--dwp-red);
  --dwp-status-int: var(--dwp-violet);
  --dwp-status-tr: var(--dwp-violet);
  --dwp-status-cons: var(--dwp-violet);
  --dwp-status-conf: var(--dwp-violet);
  --dwp-status-etc: var(--dwp-violet);

  --dwp-status-busy-rgb: var(--dwp-tealGreen-rgb);
  --dwp-status-in-rgb: var(--dwp-lightBlue-rgb);
  --dwp-status-out-rgb: var(--dwp-tealGreen-rgb);
  --dwp-status-idle-rgb: var(--dwp-blueGray-rgb);
  --dwp-status-block-rgb: var(--dwp-indigo-rgb);
  --dwp-status-err-rgb: var(--dwp-red-rgb);
  --dwp-status-int-rgb: var(--dwp-violet-rgb);
  --dwp-status-tr-rgb: var(--dwp-violet-rgb);
  --dwp-status-cons-rgb: var(--dwp-violet-rgb);
  --dwp-status-conf-rgb: var(--dwp-violet-rgb);
  --dwp-status-etc-rgb: var(--dwp-violet-rgb);

  /* color */
  /* main color */
  --dwp-main: var(--dwp-teal);
  --dwp-main-rgb: var(--dwp-teal-rgb);

  --dwp-main-hover: rgba(var(--dwp-main-rgb), 0.8);
  --dwp-main-hover-rgb: rgba(var(--dwp-main-rgb), 0.8);
  --dwp-main-hover-bg: rgba(var(--dwp-main-rgb), 0.4);
  --dwp-main-hover-bg-rgb: rgba(var(--dwp-main-rgb), 0.4);
  --dwp-main-active: var(--dwp-main);
  --dwp-main-active-rgb: var(--dwp-main-rgb);
  --dwp-main-active-bg: var(--dwp-main);
  --dwp-main-active-bg-rgb: var(--dwp-main-rgb);

  /* sub color */
  --dwp-sub: var(--dwp-gray-500);
  --dwp-sub-rgb: var(--dwp-gray-500-rgb);

  --dwp-sub-hover: var(--dwp-gray-400);
  --dwp-sub-hover-rgb: var(--dwp-gray-400-rgb);
  --dwp-sub-active: var(--dwp-gray-500);
  --dwp-sub-active-rgb: var(--dwp-gray-500-rgb);

  /* primary */
  --dwp-primary: var(--dwp-main);
  --dwp-primary-rgb: var(--dwp-main-rgb);
  --dwp-primary-hover: var(--dwp-main-hover);
  --dwp-primary-hover-rgb: var(--dwp-main-hover-rgb);
  --dwp-primary-active: var(--dwp-main-active);
  --dwp-primary-active-rgb: var(--dwp-main-active-rgb);

  /* secondary */
  --dwp-secondary: var(--dwp-sub);
  --dwp-secondary-rgb: var(--dwp-sub-rgb);
  --dwp-secondary-hover: var(--dwp-sub-hover);
  --dwp-secondary-hover-rgb: var(--dwp-sub-hover-rgb);
  --dwp-secondary-active: var(--dwp-sub-active);
  --dwp-secondary-active-rgb: var(--dwp-sub-active-rgb);

  /* table */
  --dwp-table-bg: var(--dwp-light);
  --dwp-table-bg-rgb: var(--dwp-light-rgb);
  --dwp-table-border: var(--dwp-gray-200);
  --dwp-table-border-rgb: var(--dwp-gray-200-rgb);
  --dwp-table-color: var(--dwp-gray-900);
  --dwp-table-color-rgb: var(--dwp-gray-900-rgb);
  --dwp-table-hover: var(--dwp-primary-hover);
  --dwp-table-hover-rgb: var(--dwp-primary-hover-rgb);
  --dwp-table-active: var(--dwp-primary-active);
  --dwp-table-active-rgb: var(--dwp-primary-active-rgb);
  --dwp-table-active-color: var(--dwp-table-color);
  --dwp-table-active-color-rgb: var(--dwp-table-color-rgb);

  /* form */
  --dwp-form-bg: var(--dwp-light);
  --dwp-form-color: var(--dwp-gray-900);
  --dwp-form-border-color: var(--dwp-gray-500);
  --dwp-form-focus-color: var(--dwp-primary);
  --dwp-form-shadow: 0 0 0 0.25rem rgba(var(--dwp-primary-rgb), 0.4);
  --dwp-form-checked-bg: var(--dwp-primary);

  /* *** UI *** */
  --dwp-body-bg: var(--dwp-gray-soft);
  --dwp-body-bg-rgb: var(--dwp-gray-soft-rgb);
  --dwp-body-color: var(--dwp-gray-900);
  --dwp-body-color-rgb: var(--dwp-gray-900-rgb);
  /* scrollbar */
  --dwp-scrollbar-track: rgba(138, 148, 173, 0.2);
  --dwp-scrollbar-thumb: rgba(138, 148, 173, 0.4);
  --dwp-scrollbar-thumb-inactive: rgba(138, 148, 173, 0.8);
  --dwp-scrollbar-thumb-hover: rgba(138, 148, 173, 0.8);
  /* font */
  --dwp-font-sans-serif:
    "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --dwp-body-font-size: 0.75rem;
  --dwp-body-font-weight: 400;
  --dwp-body-line-height: 1.5;

  /* spacer, padding */
  --dwp-spacer-y: 1rem;
  --dwp-spacer-x: 1rem;
  --dwp-padding-y: 0.5rem;
  --dwp-padding-x: 1rem;
  /* radius */
  --dwp-border-radius: 0.375rem;
  /* border */
  --dwp-border-color: var(--dwp-gray-200);
  /* shadow */
  --dwp-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  /* opacity */
  --dwp-half-opacity: 0.5;
  --dwp-basically-opacity: 0.65;
  --dwp-custom-opacity: 0.8;

  /* form icon */
  --dwp-form-select-indicate: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --dwp-form-time-indicate: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03MSAzNFY4NUwxMDEuNSAxMDMiIHN0cm9rZT0iIzMxMzc0QSIgc3Ryb2tlLXdpZHRoPSIxMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9Ijc1IiBjeT0iNzUiIHI9IjY5IiBzdHJva2U9IiMzMTM3NEEiIHN0cm9rZS13aWR0aD0iMTIiLz4KPC9zdmc+Cg==");
  --dwp-form-date-indicate: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjI1IDU2LjI1SDE0My43NSIgc3Ryb2tlPSIjMzEzNzRBIiBzdHJva2Utd2lkdGg9IjEyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTMxLjI1IDE4Ljc1SDE4Ljc1QzExLjg0NjQgMTguNzUgNi4yNSAyNC4zNDY0IDYuMjUgMzEuMjVWMTMxLjI1QzYuMjUgMTM4LjE1NCAxMS44NDY0IDE0My43NSAxOC43NSAxNDMuNzVIMTMxLjI1QzEzOC4xNTQgMTQzLjc1IDE0My43NSAxMzguMTU0IDE0My43NSAxMzEuMjVWMzEuMjVDMTQzLjc1IDI0LjM0NjQgMTM4LjE1NCAxOC43NSAxMzEuMjUgMTguNzVaIiBzdHJva2U9IiMzMTM3NEEiIHN0cm9rZS13aWR0aD0iMTIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zNy40OTg0IDYuMjVMMzcuNDkyMiAzMS4yNSIgc3Ryb2tlPSIjMzEzNzRBIiBzdHJva2Utd2lkdGg9IjEyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTEyLjQ5OCA2LjI1TDExMi40OTIgMzEuMjUiIHN0cm9rZT0iIzMxMzc0QSIgc3Ryb2tlLXdpZHRoPSIxMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");

  /* layout : header */
  --dwp-header-height: 3.125rem;
  /* layout : mainnav */
  --dwp-nav-link-padding-x: 1rem;
  --dwp-nav-link-padding-y: 0.75rem;
  --dwp-nav-link-font-weight: 400;
  --dwp-navbar-width: 15.625rem;
  --dwp-navbar-width-min: 3rem;
  --dwp-navbar-font-size: 0.75rem;

  /* header */
  --dwp-heading-bg: rgba(var(--dwp-light-rgb), 1);
  /* mainnav */
  --dwp-navbar-bg: var(--dwp-light);
  --dwp-navbar-bg-rgb: var(--dwp-light-rgb);
  --dwp-navbar-border: var(--dwp-gray-200);
  --dwp-navbar-border-rgb: var(--dwp-gray-200-rgb);
  --dwp-navbar-color: var(--dwp-gray-900);
  --dwp-navbar-color-rgb: var(--dwp-gray-900-rgb);

  --dwp-link-color: var(--dwp-primary);
  --dwp-link-color-rgb: var(--dwp-primary-rgb);
  --dwp-link-active-color: var(--dwp-primary-active);
  --dwp-link-active-color-rgb: var(--dwp-primary-active-rgb);

  --dwp-link-active-bg: var(--dwp-main);
  --dwp-link-active-bg-rgb: var(--dwp-main-rgb);
  --dwp-link-hover-color: var(--dwp-main-hover);
  --dwp-link-hover-color-rgb: var(--dwp-main-hover-rgb);
  --dwp-link-hover-bg: var(--dwp-gray-100);
  --dwp-link-hover-bg-rgb: var(--dwp-gray-100-rgb);

  /* bs : 변경 */
  --bs-font-sans-serif: var(--dwp-font-sans-serif);
  --bs-body-font-family: var(--dwp-font-sans-serif);
  --bs-body-font-size: var(--dwp-body-font-size);
  --bs-body-font-weight: var(--dwp-body-font-weight);

  --bs-body-line-height: var(--dwp-body-line-height);
  --bs-border-color: var(--dwp-border-color);
  --bs-link-color: var(--dwp-main);
  --bs-link-hover-color: var(--dwp-main-hover);

  --bs-body-bg: var(--dwp-body-bg);
  --bs-body-bg-rgb: var(--dwp-body-bg-rgb);
  --bs-body-color: var(--dwp-body-color);
  --bs-body-color-rgb: var(--dwp-body-color-rgb);

  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;

  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;

  --bs-teal: var(--dwp-teal);
  --bs-gray: var(--dwp-gray-500);
  --bs-primary: var(--dwp-main);
  --bs-secondary: var(--dwp-secondary);
  --bs-primary-rgb: var(--dwp-main-rgb);
  --bs-secondary-rgb: var(--dwp-sub-rgb);

  --bs-gray-100: var(--dwp-gray-100);
  --bs-gray-200: var(--dwp-gray-200);
  --bs-gray-300: var(--dwp-gray-300);
  --bs-gray-400: var(--dwp-gray-400);
  --bs-gray-500: var(--dwp-gray-500);
  --bs-gray-600: var(--dwp-gray-600);
  --bs-gray-700: var(--dwp-gray-700);
  --bs-gray-800: var(--dwp-gray-800);
  --bs-gray-900: var(--dwp-gray-900);
  --bs-gray-dark: var(--dwp-gray-1000);
  /* nav */
  --bs-nav-link-padding-x: var(--dwp-nav-link-padding-x);
  --bs-nav-link-padding-y: var(--dwp-nav-link-padding-y);
  --bs-nav-link-font-weight: var(--dwp-nav-link-font-weight);
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-gray-600);
}
.dwp_dark:root {
  /* *** color  *** */
  /* common : grayscale */
  --dwp-light: #141824;
  --dwp-light-rgb: 20, 24, 36;
  --dwp-dark: #eff2f6;
  --dwp-dark-rgb: 239, 242, 246;

  --dwp-gray-soft: #0f111a;
  --dwp-gray-soft-rgb: 15, 17, 26;
  --dwp-gray-100: #222834;
  --dwp-gray-100-rgb: 34, 40, 52;
  --dwp-gray-200: #31374a;
  --dwp-gray-200-rgb: 49, 55, 74;
  --dwp-gray-300: #373e53;
  --dwp-gray-300-rgb: 55, 62, 83;
  --dwp-gray-400: #3e465b;
  --dwp-gray-400-rgb: 62, 70, 91;
  --dwp-gray-500: #525b75;
  --dwp-gray-500-rgb: 82, 91, 117;
  --dwp-gray-600: #8a94ad;
  --dwp-gray-600-rgb: 138, 148, 173;
  --dwp-gray-700: #8a94ad;
  --dwp-gray-700-rgb: 138, 148, 173;
  --dwp-gray-800: #949db5;
  --dwp-gray-800-rgb: 148, 157, 181;
  --dwp-gray-900: #9fa6bc;
  --dwp-gray-900-rgb: 159, 166, 188;
  --dwp-gray-1000: #cbd0dd;
  --dwp-gray-1000-rgb: 203, 208, 221;
  --dwp-gray-1100: #e3e6ed;
  --dwp-gray-1100-rgb: 227, 230, 237;

  /* *** UI *** */
  --dwp-scrollbar-track: rgba(82, 91, 117, 0.2);
  --dwp-scrollbar-thumb: rgba(82, 91, 117, 0.4);
  --dwp-scrollbar-thumb-inactive: rgba(82, 91, 117, 0.8);
  --dwp-scrollbar-thumb-hover: rgba(82, 91, 117, 0.8);
  /* form icon */
  --dwp-form-select-indicate: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NS4zNDggMTI3LjE5MkM3Mi40MzgxIDEyNy4xOTIgNjkuODUxNCAxMjYuMjIyIDY3LjkxMTUgMTI0LjI4Mkw1LjgzMjE1IDYyLjIwMjNDMS42Mjg4NyA1OC4zMjIzIDEuNjI4ODcgNTEuNTMyNCA1LjgzMjE1IDQ3LjY1MjVDOS43MTIxMSA0My40NDkyIDE2LjUwMiA0My40NDkyIDIwLjM4MiA0Ny42NTI1TDc1LjM0OCAxMDIuMjk1TDEyOS45OTEgNDcuNjUyNUMxMzMuODcxIDQzLjQ0OTIgMTQwLjY2MSA0My40NDkyIDE0NC41NDEgNDcuNjUyNUMxNDguNzQ0IDUxLjUzMjQgMTQ4Ljc0NCA1OC4zMjIzIDE0NC41NDEgNjIuMjAyM0w4Mi40NjEzIDEyNC4yODJDODAuNTIxMyAxMjYuMjIyIDc3LjkzNDcgMTI3LjE5MiA3NS4zNDggMTI3LjE5MloiIGZpbGw9IiM5RkE2QkMiLz4KPC9zdmc+Cg==");
  --dwp-form-time-indicate: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03MSAzNFY4NUwxMDEuNSAxMDMiIHN0cm9rZT0iIzlGQTZCQyIgc3Ryb2tlLXdpZHRoPSIxMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9Ijc1IiBjeT0iNzUiIHI9IjY5IiBzdHJva2U9IiM5RkE2QkMiIHN0cm9rZS13aWR0aD0iMTIiLz4KPC9zdmc+Cg==");
  --dwp-form-date-indicate: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDU2LjI1SDE0My41IiBzdHJva2U9IiM5RkE2QkMiIHN0cm9rZS13aWR0aD0iMTIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMzEgMTguNzVIMTguNUMxMS41OTY0IDE4Ljc1IDYgMjQuMzQ2NCA2IDMxLjI1VjEzMS4yNUM2IDEzOC4xNTQgMTEuNTk2NCAxNDMuNzUgMTguNSAxNDMuNzVIMTMxQzEzNy45MDQgMTQzLjc1IDE0My41IDEzOC4xNTQgMTQzLjUgMTMxLjI1VjMxLjI1QzE0My41IDI0LjM0NjQgMTM3LjkwNCAxOC43NSAxMzEgMTguNzVaIiBzdHJva2U9IiM5RkE2QkMiIHN0cm9rZS13aWR0aD0iMTIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zNy4yNDg0IDYuMjVMMzcuMjQyMiAzMS4yNSIgc3Ryb2tlPSIjOUZBNkJDIiBzdHJva2Utd2lkdGg9IjEyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTEyLjI0OCA2LjI1TDExMi4yNDIgMzEuMjUiIHN0cm9rZT0iIzlGQTZCQyIgc3Ryb2tlLXdpZHRoPSIxMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
}

.type_full-header:root {
  --dwp-border-radius: 0rem;
  /* bs */
  --bs-link-color: var(--dwp-main-active);
  --bs-link-hover-color: var(--dwp-main-hover);

  /* header */
  --dwp-heading-bg: rgba(var(--dwp-main-rgb), 1);
  /* mainnav */
  --dwp-link-color: var(--dwp-main-active);
  --dwp-link-color-rgb: var(--dwp-main-active-rgb);

  --dwp-link-active-color: var(--dwp-main-active);
  --dwp-link-active-color-rgb: var(--dwp-main-active-rgb);
  --dwp-link-active-bg: var(--dwp-main-active-bg);
  --dwp-link-active-bg-rgb: var(--dwp-main-active-bg-rgb);
  --dwp-link-hover-color: var(--dwp-main-hover);
  --dwp-link-hover-color-rgb: var(--dwp-main-hover-rgb);
  --dwp-link-hover-bg: var(--dwp-gray-100);
  --dwp-link-hover-bg-rgb: var(--dwp-gray-100-rgb);
}

.type_navigation-dark:root {
  --dwp-border-radius: 0rem;
  /* bs */
  --bs-link-color: var(--dwp-main-active);
  --bs-link-hover-color: var(--dwp-main-hover);

  /* mainnav */
  --dwp-navbar-bg: var(--dwp-gray-900);
  --dwp-navbar-bg-rgb: var(--dwp-gray-900-rgb);
  --dwp-navbar-border: var(--dwp-gray-600);
  --dwp-navbar-border-rgb: var(--dwp-gray-600-rgb);
  --dwp-navbar-color: var(--dwp-light);
  --dwp-navbar-color-rgb: var(--dwp-light-rgb);

  --dwp-link-hover-bg: var(--dwp-gray-800);
  --dwp-link-hover-bg-rgb: var(--dwp-gray-800-rgb);
  --dwp-link-active-bg: var(--dwp-main-active);
  --dwp-link-active-bg-rgb: var(--dwp-main-active-rgb);
}
.dwp_dark.type_navigation-dark:root {
  --bs-link-color: var(--dwp-main-active);
  --bs-link-hover-color: var(--dwp-main-hover);

  /* mainnav */
  --dwp-navbar-bg: var(--dwp-light);
  --dwp-navbar-bg-rgb: var(--dwp-light-rgb);
  --dwp-navbar-border: var(--dwp-gray-200);
  --dwp-navbar-border-rgb: var(--dwp-gray-200-rgb);
  --dwp-navbar-color: var(--dwp-dark);
  --dwp-navbar-color-rgb: var(--dwp-dark-rgb);
  --dwp-link-hover-bg: var(--dwp-gray-200);
  --dwp-link-hover-bg-rgb: var(--dwp-gray-200-rgb);
}

.type_brand-point:root {
  /* bs */
  --bs-link-color: var(--dwp-main-active);
  --bs-link-hover-color: var(--dwp-main-hover);

  /* header */
  --dwp-heading-bg: rgba(var(--dwp-main-rgb), 1);
}

.color_1:root {
  /* red color */
  --dwp-main: var(--dwp-red);
  --dwp-main-rgb: var(--dwp-red-rgb);
}

.color_2:root {
  /* pink color */
  --dwp-main: var(--dwp-pink);
  --dwp-main-rgb: var(--dwp-pink-rgb);
}

.color_3:root {
  /* orange color */
  --dwp-main: var(--dwp-orange);
  --dwp-main-rgb: var(--dwp-orange-rgb);
}

.color_4:root {
  /* teal color */
  --dwp-main: var(--dwp-teal);
  --dwp-main-rgb: var(--dwp-teal-rgb);
}

.color_5:root {
  /* lightBlue color */
  --dwp-main: var(--dwp-lightBlue);
  --dwp-main-rgb: var(--dwp-lightBlue-rgb);
}

.color_6:root {
  /* indigoBlue color */
  --dwp-main: var(--dwp-indigoBlue);
  --dwp-main-rgb: var(--dwp-indigoBlue-rgb);

  --dwp-main-active: var(--dwp-indigoBlue-active);
  --dwp-main-active-rgb: var(--dwp-indigoBlue-active-rgb);

  /* primary color */
  --dwp-primary: var(--dwp-main-active);
  --dwp-primary-rgb: var(--dwp-main-active-rgb);
  --dwp-primary-hover: rgba(var(--dwp-main-active-rgb), 0.95);
  --dwp-primary-hover-rgb: var(--dwp-main-active-rgb);
  --dwp-primary-active: rgba(var(--dwp-main-active-rgb), 1);
  --dwp-primary-active-rgb: var(--dwp-main-active-rgb);
}
.type_navigation-dark.color_6:root {
  /* indigoBlue color */
  --dwp-main: var(--dwp-indigoBlue);
  --dwp-main-rgb: var(--dwp-indigoBlue-rgb);

  --dwp-main-active: var(--dwp-indigoBlue-active);
  --dwp-main-active-rgb: var(--dwp-indigoBlue-active-rgb);

  /* primary color */
  --dwp-primary: var(--dwp-main-active);
  --dwp-primary-rgb: var(--dwp-main-active-rgb);
  --dwp-primary-hover: rgba(var(--dwp-main-active-rgb), 0.95);
  --dwp-primary-hover-rgb: var(--dwp-main-active-rgb);
  --dwp-primary-active: rgba(var(--dwp-main-active-rgb), 1);
  --dwp-primary-active-rgb: var(--dwp-main-active-rgb);
}

.color_7:root {
  /* purple color */
  --dwp-main: var(--dwp-purple);
  --dwp-main-rgb: var(--dwp-purple-rgb);
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
body {
  position: relative;
  font-family: var(--dwp-font-sans-serif);
}
ol,
ul {
  padding: 0;
}
ol:last-child,
ul:last-child,
dl:last-child {
  margin: 0;
}
dl,
ol,
ul,
dl li,
ol li,
ul li,
li {
  list-style: none;
}
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1,
p {
  margin-top: 0;
  margin-bottom: 0;
}
/* =============================================
///////////// WPConnect UI Element /////////////
============================================= */
.mark,
mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}
.form-check-input + .mark,
.form-check-input + mark {
  padding: 0;
  line-height: 1.5rem;
}
/* hidden */
.hidden,
.hide {
  display: none !important;
}
.visually_hide,
.visually_hide_focus:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  opacity: 0 !important;
}
/* -- Typography -- */
.text-hide {
  font: 0/0 a;
  color: transparent;
  background-color: transparent;
  border: 0;
}
/* 안내 : 가이드 */
/* .guide {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1em;
	margin: 1em auto;
}
.guide h2 {
	font-size: 1.188rem;
	line-height: 130%;
	font-weight: 500;
	margin: 0 auto;
	word-break: break-word;
	word-wrap: break-word;
}
.guide p {
	font-size: 0.938rem;
	line-height: 130%;
	font-weight: 500;
	margin: 0 auto;
	word-break: break-word;
	word-wrap: break-word;
}
.guide.small p {
	font-size: 0.875rem;
	line-height: 130%;
	font-weight: 400;
}
.guide p.small {
	font-size: 0.813rem;
	line-height: 130%;
	font-weight: 400;
}
.guide.progress p {
	font-size: 0.875rem !important;
	line-height: 130%;
	font-weight: 400;
	margin: 0;
}
.guide.progress p > * {
	vertical-align: middle;
}
.guide.progress.err-msg {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-align: left;
	margin: 0;
	vertical-align: middle;
}
.guide.progress.err-msg > * {
	font-size: 0.875rem !important;
	font-weight: 400;
	vertical-align: middle;
} */

/* -- Transition Trgb(0, 255, 128)------------------------------------- */
.jumping .mn--reveal.mn--show:before,
.jumping
  :where(
    .mainnav,
    .content,
    .header,
    .header__brand,
    .sidebar,
    .offcanvas,
    .collapsing,
    .dropdown-menu,
    .mininav-toggle:after
  ) {
  transition-timing-function: cubic-bezier(
    0.005,
    1.045,
    0.25,
    0.915
  ) !important;
}
/* -- Scrollbar -- */
/* ---------------------------------------------- */
/* 스크롤 scrollbar  */
/* Let's get this party started */
::-webkit-scrollbar {
  width: 8px;
  height: 6px;
}
/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px var(--dwp-scrollbar-track);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: var(--dwp-scrollbar-thumb);
  -webkit-box-shadow: inset 0 0 6px var(--dwp-scrollbar-thumb);
}
::-webkit-scrollbar-thumb:window-inactive {
  background-color: var(--dwp-scrollbar-thumb-inactive);
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--dwp-scrollbar-thumb-hover);
  width: 0.5rem;
}

html,
body,
.scrollable-content,
.table,
.dataTables_scroll table.dataTable {
  scrollbar-color: rgba(var(--dwp-gray-500-rgb), 0.8)
    rgba(var(--dwp-gray-500-rgb), 0.5);
  scrollbar-width: thin;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.scrollable-content {
  overflow: auto;
  width: 100%;
  height: 100%;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.scrollable-content::-webkit-scrollbar,
.dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar {
  width: 4px;
  height: 6px;
}
/* Track */
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
.scrollable-content::-webkit-scrollbar-track,
.dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-track {
  background-color: rgba(var(--dwp-gray-400-rgb), 0.2);
}
/* Handle */
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.scrollable-content::-webkit-scrollbar-thumb,
.dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb {
  background: rgba(var(--dwp-gray-500-rgb), 0.4);
  border-radius: 2rem;
}
/* Handle on hover */
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
.scrollable-content::-webkit-scrollbar-thumb:hover,
.dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--dwp-gray-500-rgb), 0.8);
  width: 0.5rem;
}
html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button,
.scrollable-content::-webkit-scrollbar-button,
.dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
/* datepicker */
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: var(--bs-body-font-family) !important;
  font-size: 1em;
  color: var(--dwp-gray-900);
  border-radius: var(--dwp-border-radius);
}
.ui-widget.ui-datepicker {
  width: 26rem;
  color: var(--dwp-gray-900);
  background-color: rgba(var(--dwp-gray-soft-rgb), 1);
  border: 1px solid var(--dwp-gray-200);
  border-radius: var(--dwp-border-radius);
  box-shadow: var(--dwp-shadow);
  margin-top: 0.25rem;
  padding: 1rem;
  padding-bottom: 1rem;
}
.ui-datepicker > * {
  font-family: var(--bs-body-font-family) !important;
}
.ui-datepicker table.ui-datepicker-calendar {
  margin: 0 auto;
}
.type_full-header .ui-datepicker table.ui-datepicker-calendar thead {
  border-bottom: 1px solid rgba(var(--dwp-gray-400-rgb), 0.65);
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  border-width: 0;
  border-top-right-radius: var(--dwp-border-radius);
  border-top-left-radius: var(--dwp-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: var(--dwp-primary);
  color: var(--dwp-gray-900);
  font-weight: 600;
  padding: 1.5rem 1rem;
  margin: -1rem -1rem 0;
}
.type_full-header .ui-widget.ui-datepicker,
.type_full-header .ui-datepicker .ui-datepicker-header {
  background-color: var(--dwp-light);
  padding: 1rem 2rem;
}
.type_full-header .ui-datepicker .ui-datepicker-header {
  margin: -0.5rem -2rem 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 50%;
  width: 3em;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--dwp-gray-900);
  margin-top: -1.5em;
  text-decoration: none;
  cursor: pointer;
}
.type_full-header .ui-datepicker .ui-datepicker-prev,
.type_full-header .ui-datepicker .ui-datepicker-next {
  width: 2.5em;
  height: 2.5em;
  margin-top: -1.275em;
  border: 1px solid rgba(var(--dwp-gray-400-rgb), 0.65);
  border-radius: 0.375rem;
}
.type_full-header .ui-datepicker .ui-datepicker-prev {
  border-top-right-radius: var(--dwp-border-radius);
  border-bottom-right-radius: var(--dwp-border-radius);
  left: 2rem;
}
.type_full-header .ui-datepicker .ui-datepicker-next {
  border-top-left-radius: var(--dwp-border-radius);
  border-bottom-left-radius: var(--dwp-border-radius);
  right: 2rem;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  border: 0 solid var(--dwp-main);
  background: rgba(var(--dwp-light-rgb), 0.25);
  color: rgba(var(--dwp-light-rgb), 0.5);
  opacity: 0.85;
}
.ui-datepicker .ui-datepicker-prev {
  left: 0.5em;
}
.ui-datepicker .ui-datepicker-next {
  right: 0.5em;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  background-image: none;
}
.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
  content: "";
  display: inline-block;
  font-family: "feather" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--dwp-white);
  font-size: 1.8rem;
  line-height: 100%;
}
.type_full-header .ui-datepicker .ui-datepicker-prev:before,
.type_full-header .ui-datepicker .ui-datepicker-next:before {
  color: var(--dwp-primary);
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "\e92f";
}
.ui-datepicker .ui-datepicker-next:before {
  content: "\e930";
}
.ui-datepicker .ui-datepicker-title {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 0.5em;
  margin: 0 3.5em;
  line-height: var(--bs-body-line-height);
}
.type_full-header .ui-datepicker .ui-datepicker-title {
  margin: 0 2.4em;
  border-block: 1px solid rgba(var(--dwp-gray-400-rgb), 0.5);
}
.ui-datepicker .ui-datepicker-title select {
  position: relative;
  height: 100%;
  border-radius: var(--dwp-border-radius);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkw4IDhMMTQgMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 10px 8px;
  font-size: 1rem;
  font-weight: 700;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.25rem 0.75rem;
  margin: 0;
}
.type_full-header:not(.dwp_dark) .ui-datepicker .ui-datepicker-title select {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkw4IDhMMTQgMiIgc3Ryb2tlPSIjMzEzNzRBIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select:not(:active) {
  border: 1px solid transparent;
  background-color: transparent !important;
  color: var(--dwp-white);
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select:active,
.ui-datepicker .ui-datepicker-title select:focus {
  border: 1px solid rgba(var(--dwp-white-rgb), 0.5);
  background-color: rgba(var(--dwp-light-rgb), 0.25) !important;
  color: var(--dwp-white);
  outline: 0;
  text-align: center;
}
.type_full-header:not(.dwp_dark) .ui-datepicker .ui-datepicker-title select {
  color: var(--dwp-gray-900);
}
.type_full-header:not(.dwp_dark)
  .ui-datepicker
  .ui-datepicker-title
  select:active,
.type_full-header:not(.dwp_dark)
  .ui-datepicker
  .ui-datepicker-title
  select:focus {
  border: 1px solid rgba(var(--dwp-gray-900-rgb), 0.5);
}
.ui-datepicker .ui-datepicker-title select option {
  color: var(--dwp-gray-900);
  background-color: var(--dwp-light) !important;
  border-color: 1px solid var(--dwp-gray-200);
  font-size: 0.875rem;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 100%;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td {
  padding: 0.3em;
}
.ui-datepicker .ui-datepicker-calendar th span,
.ui-datepicker .ui-datepicker-calendar th a,
.ui-datepicker .ui-datepicker-calendar td span,
.ui-datepicker .ui-datepicker-calendar td a {
  position: relative;
  display: block;
  text-align: center;
  border-color: transparent;
  background-color: transparent;
  color: var(--dwp-gray-900);
  text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td span,
.ui-datepicker .ui-datepicker-calendar td a {
  position: relative;
  width: 30px;
  height: 30px;
  line-height: 26px;
  font-weight: 700;
  border-radius: 50%;
  padding: 0;
  margin: 0 auto;
}
.ui-datepicker
  .ui-datepicker-calendar
  .ui-state-highlight:not(.ui-state-active) {
  border: none;
  color: var(--dwp-primary);
  font-weight: 700;
}
.ui-datepicker
  .ui-datepicker-calendar
  .ui-state-highlight:not(.ui-state-active):before {
  content: "";
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 100%;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  background-color: var(--dwp-primary);
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.1rem;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-active,
.ui-datepicker .ui-datepicker-calendar a.ui-button:active,
.ui-button:active,
.ui-datepicker .ui-datepicker-calendar .ui-button.ui-state-active:hover {
  background-color: var(--dwp-primary);
  color: var(--dwp-light);
  font-weight: 700;
}
.ui-datepicker .ui-datepicker-buttonpane {
  border-top: 1px solid var(--dwp-gray-200);
  background: transparent;
  text-align: right;
  /* margin: 0; */
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-default {
  color: var(--dwp-gray-900);
  background-color: transparent;
  border-color: transparent;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-default {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary {
  color: var(--dwp-light);
  background-color: var(--dwp-primary);
  border-color: var(--dwp-primary);
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-secondary {
  color: var(--dwp-primary);
  background-color: transparent;
  border-color: var(--dwp-primary);
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* -- table -- */
/* ------------------------------------------ */
.table {
  --bs-table-color: var(--dwp-table-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--dwp-table-border);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--dwp-table-color);
  --bs-table-striped-bg: rgba(var(--dwp-table-border-rgb), 0.2);
  --bs-table-active-color: var(--dwp-table-active-color);
  --bs-table-active-bg: rgba(var(--dwp-primary-rgb), 0.05);
  --bs-table-hover-color: var(--dwp-table-color);
  --bs-table-hover-bg: rgba(var(--dwp-primary-rgb), 0.05);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
  word-break: break-all;
}
.table > :not(caption) > * > * {
  /* padding: 0.65rem; */
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px rgba(var(--dwp-table-bg-rgb), 0);
  vertical-align: middle;
}
.table > thead:not(caption) tr > th,
table.dataTable tr > th {
  box-shadow: inset 0 0 0 9999px rgba(var(--dwp-table-border-rgb), 0.65);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
/* .table > thead > tr > th {
	padding: 0.75rem;
} */
.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: rgba(var(--bs-table-striped-bg), 0);
  color: var(--bs-table-striped-color);
}
.table-striped > tbody > tr:nth-of-type(even) > * {
  --bs-table-accent-bg: rgba(var(--bs-table-striped-bg), 1);
  color: var(--bs-table-striped-color);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}
.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

/* dataTable */
table.dataTable {
  --dt-row-selected: var(--dwp-primary-rgb);
  --dt-row-selected-text: var(--dwp-table-active-color-rgb);
  --dt-row-selected-link: var(--dwp-table-active-color-rgb);
  --dt-row-stripe: var(--dwp-table-border-rgb);
  --dt-row-hover: var(--dwp-primary-rgb);
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

table.dataTable > tbody > tr.even > * {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.2);
}
table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.5) !important;
}
table.dataTable.table-hover > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.15);
}
table.dataTable.table-hover > tbody > tr.selected:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.3);
}

table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:before {
  content: "▲";
  content: "▲"/"";
}
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  content: "▼";
  content: "▼"/"";
}
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  color: var(--dwp-table-color);
  opacity: 0.2;
}
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:after {
  color: rgb(var(--dt-row-selected));
  opacity: 0.95;
}
div.dataTables_scrollBody > table > tbody tr:first-child th,
div.dataTables_scrollBody > table > tbody tr:first-child td {
  border-top: none;
}
.table > thead > tr th,
table.dataTables > thead tr th,
.dataTables_scrollHeadInner > table > thead tr th {
  border-top: solid 1px rgba(var(--dwp-gray-300-rgb), 0.5);
  border-bottom: solid 1px rgba(var(--dwp-gray-300-rgb), 0.4);
  text-align: center;
}
/* 
.dataTables_scrollHead {
	padding-right: 0 !important;
}

.table_box {
	border-bottom: solid 1px rgba(var(--dwp-dark-rgb), 0.5);
}
table.dataTable .select-checkbox {
	position: relative;
}

table.dataTable tbody td.select-checkbox:before,
table.dataTable tr.selected td.select-checkbox:after {
	width: 1rem;
	height: 1rem;
	display: inline-block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -0.5rem;
  	margin-left: -0.5rem;
  	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
table.dataTable tbody td.select-checkbox:before {
	background-color: var(--dwp-form-bg);
	border: 1px solid var(--dwp-form-border-color);
	border-radius: 0.25em;
}
table.dataTable tr.selected td.select-checkbox:before {
	background-color: var(--dwp-form-checked-bg);
	border-color: var(--dwp-form-focus-color);
}
table.dataTable tr.selected td.select-checkbox:after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}
div.dataTables_wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	max-height: 100%;
	gap: 0.25rem;
}
.dataTables_wrapper .dt-buttons {
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	flex-wrap: wrap;
	align-items: center;
	margin-left: auto;
	gap: 0.25rem!important;
}
.dataTables_wrapper .dt-buttons > .dt-button {
	position: relative;
	flex: 1 1 auto;
}
.dataTables_scroll {
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	overflow:auto;
}
.dataTable,
.dataTables_scroll .dataTable {
	width: 100% !important;
}
.dataTables_scroll .dataTables_scrollHead{
	width: 100% !important;
	overflow:hidden !important;
}
.dataTables_scroll .dataTables_scrollHeadInner {
	width: 100% !important;
	min-width:100%;
}
.dataTables_scroll .dataTables_scrollHeadInner table {
	width: 100% !important;
	min-width:100%;
}
.dataTables_scroll .dataTables_scrollBody {
	width: 100% !important;
	min-width:100%;
	overflow:auto !important;
}
/* 푸터 스타일 설정 */
/* .dataTables_scroll .dataTables_scrollFoot {
    overflow:visible !important;
}
.dataTables_scroll .dataTables_scrollFootInner {
    font-weight: bold; 푸터 글자 굵기
    width: calc(100% - 0px) !important;
    min-width:1400px;
    overflow:visible !important;
}

table.dataTable {
	width: 100% !important;
	table-layout: fixed;
	margin: 0 !important;
} */

/* 2. 스크롤 컨테이너 설정 */
/* .dataTables_scroll {
	width: 100%;
	overflow-x: auto;
	overflow-y: auto;
	overflow-y: hidden;
} */

/* 3. 헤더와 바디 정렬 수정 */
/* .dataTables_scrollHead,
.dataTables_scrollBody {
	width: 100% !important;
}

.dataTables_scrollHeadInner {
	width: 100% !important;
} */

/* 4. 셀 크기 안정화 */
/* table.dataTable thead th,
table.dataTable tbody td { */
/*	white-space: nowrap;  dataTable list 깨짐 수정 */
/* overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	padding: 8px;
} */

/* 5. 테이블 헤더 고정 */
/* .dataTables_scrollHead {
	position: sticky;
	top: 0;
	z-index: 1;
	background: var(--bs-table-bg);
} */

/* 6. 반응형 지원 */
/* @media screen and (max-width: 1024px) {
	table.dataTable {
		display: block;
		width: 100% !important;
	}

	.dataTables_scrollBody {
		overflow-x: auto;
	}
} */

/* 7. 테이블 열 너비 자동 조정 방지 */
/* .dataTable,
.dataTables_scroll .dataTable {
	width: auto !important;
	min-width: 100%;
}
 */
/* .dataTables_scroll .dataTables_scrollBody {
	border-bottom: solid 1px rgba(var(--dwp-dark-rgb), 0.4);
} */
/* div.dataTables_wrapper div.dataTables_info {
	padding-top: 0.25em;
} */
/* datePicker timePicker */
/* Md */
.mddtp-button,
.mddtp-picker {
  font-family: var(--bs-body-font-family) !important;
  border: 1px solid var(--dwp-gray-200);
}
.mddtp-picker .mddtp-picker__header {
  width: 100px;
  background-color: var(--dwp-primary);
  padding: 2rem;
  /*  box-shadow: inset 0 30rem 0 rgba(var(--dwp-light-rgb), 0.05); */
}
.mddtp-picker .mddtp-picker__body {
  position: relative;
  background-color: rgba(var(--dwp-gray-soft-rgb), 1);
}
.mddtp-picker__circularHolder {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 1.5rem;
  border-radius: 50%;
  background-color: rgba(var(--dwp-gray-200-rgb), 0.7);
}
.mddtp-button {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--dwp-main-active);
  text-align: center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: var(--dwp-border-radius);
  padding: 0.45rem 0.95rem;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  vertical-align: middle;
  transition:
    color 0.25s ease-in-out,
    background-color 0.25s ease-in-out,
    border-color 0.25s ease-in-out,
    box-shadow 0.25s ease-in-out;
}
.mddtp-button:hover {
  box-shadow: inset 0 5rem 0 rgba(var(--dwp-light-rgb), 0.09);
}

.mddtp-picker__selection span {
  display: inline-block;
  background-color: var(--dwp-primary);
  /* box-shadow: inset 0 10rem 0 rgba(var(--dwp-dark-rgb), 0.08); */
  height: 2px;
  vertical-align: middle;
}
.mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle,
.mddtp-picker .mddtp-picker__header .mddtp-picker__title {
  color: rgba(var(--dwp-light-rgb), 0.2);
  margin: 0;
  cursor: pointer;
}
.mddtp-picker .mddtp-picker__header .mddtp-picker__color--active {
  color: var(--dwp-white);
}
.mddtp-picker__circularView .mddtp-picker__cell span {
  display: inline-block;
  cursor: pointer;
  font-size: 0.8rem;
  color: rgba(var(--dwp-main-active-rgb), 1);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin-right: 8px;
}
.mddtp-picker__body
  .mddtp-picker__viewHolder
  .mddtp-picker__grid
  .mddtp-picker__tr
  .mddtp-picker__circularView
  .mddtp-picker__cell:hover
  span,
.mddtp-picker__circularView
  .mddtp-picker__body
  .mddtp-picker__viewHolder
  .mddtp-picker__grid
  .mddtp-picker__tr
  .mddtp-picker__cell:hover
  span,
.mddtp-picker__circularView .mddtp-picker__cell--selected span {
  color: rgba(var(--dwp-light-rgb), 1);
}
#mddtp-date__cancel,
#mddtp-time__cancel {
  color: var(--dwp-white);
  text-transform: capitalize;
  background-color: var(--dwp-secondary);
}
#mddtp-date__ok,
#mddtp-time__ok {
  color: var(--dwp-white);
  background-color: var(--dwp-primary);
}
#mddtp-date__ok:active,
#mddtp-date__ok:focus,
#mddtp-time__ok:active,
#mddtp-time__ok:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--dwp-primary-rgb), 0.5);
}
#mddtp-date__cancel:active,
#mddtp-time__cancel:focus,
#mddtp-date__cancel:active,
#mddtp-time__cancel:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--dwp-secondary-rgb), 0.5);
}
input[type="time"].fi-clock::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  margin: 0;
  background: none;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
.form-control.fi-clock::before {
  position: absolute;
  right: 0.75em;
}

/* form */
/* ---------------------------------------------- */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--dwp-form-color);
  -webkit-box-shadow: 0 0 0px 1000px var(--dwp-form-bg) inset;
  box-shadow: 0 0 0px 1000px var(--dwp-form-bg) inset;
  transition: background-color 5000s ease-in-out 0s;
}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
  -webkit-text-fill-color: var(--dwp-form-color);
  -webkit-box-shadow: 0 0 0px 1000px var(--dwp-form-bg) inset;
  box-shadow: 0 0 0px 1000px var(--dwp-form-bg) inset;
  transition: background-color 5000s ease-in-out 0s;
}
/* form-floating */
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  font-size: 1rem;
  font-weight: 600;
}
.form-floating > label {
  font-size: 1rem;
  padding: 1rem 0.875rem;
  font-weight: 600;
  color: rgba(var(--dwp-gray-400-rgb), 0.65);
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.75) translateY(-0.45rem) translateX(0.2rem);
}
.form-floating > .form-control,
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.875rem;
}
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.45rem;
}
/* form-control, form-select */
.form-control,
.form-select,
.dataTables_length select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  color: var(--dwp-form-color);
  background-color: var(--dwp-form-bg);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  border: 1px solid var(--dwp-form-border-color);
  border-radius: var(--dwp-border-radius);
  overflow: hidden;
  text-overflow: ellipsis;
  appearance: none;
}
.form-select,
.dataTables_length select {
  background-image: var(--dwp-form-select-indicate);
  background-size: 0.75em;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
}
.form-select.icon-time {
  background-image: var(--dwp-form-time-indicate);
}

.form-control:disabled,
.form-control.disabled,
.form-control[readonly],
.form-select:disabled,
.form-select.disabled,
.form-select[readonly] {
  cursor: no-drop;
}
input[readonly]::-webkit-calendar-picker-indicator,
input[readonly].form-control.icon:before,
input[disabled]::-webkit-calendar-picker-indicator,
input[disabled].form-control.icon.icon:before {
  background-image: none;
  display: none;
}
input[type="date" i]:not([readonly]):not([disabled]):not(
    .icon
  )::-webkit-calendar-picker-indicator,
input[type="time" i]:not([readonly]):not([disabled]):not(
    .icon
  )::-webkit-calendar-picker-indicator {
  background-size: 1em;
}
input[type="date" i]:not([readonly]):not(
    [disabled]
  ).form-control.icon::-webkit-calendar-picker-indicator,
input[type="time" i]:not([readonly]):not(
    [disabled]
  ).form-control.icon::-webkit-calendar-picker-indicator {
  background-image: none;
  background-size: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}
input[type="date" i]:not([readonly]):not([disabled]):not(
    .icon
  )::-webkit-calendar-picker-indicator {
  background-image: var(--dwp-form-date-indicate);
}
input[type="time" i]:not([readonly]):not([disabled]):not(
    .icon
  )::-webkit-calendar-picker-indicator {
  background-image: var(--dwp-form-time-indicate);
}

input[type="time"]:not([readonly]):not([disabled]).form-control.icon::before,
input[type="date"]:not([readonly]):not([disabled]).form-control.icon::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 0.75em;
  transform: translateY(-50%);
}
input[type="time"]:not([readonly]):not([disabled]).form-control.icon::before {
  background-image: var(--dwp-form-time-indicate);
}
input[type="date"]:not([readonly]):not([disabled]).form-control.icon::before {
  background-image: var(--dwp-form-date-indicate);
}

.form-control:focus:not(:disabled):not([readonly]),
.form-select:focus:not(:disabled):not([readonly]) {
  color: var(--dwp-form-focus-color);
  background-color: var(--dwp-form-bg);
  border-color: var(--dwp-form-focus-color);
  box-shadow: var(--dwp-form-shadow);
}
.form-control[readonly]:focus,
.form-select[readonly]:focus {
  box-shadow: none;
}
.form-control:disabled,
.form-select:disabled,
.form-control.disabled,
.form-select.disabled {
  background-color: var(--bs-gray-200);
  opacity: 0.65;
}
.form-control.disabled:focus,
.form-select.disabled:focus {
  border: 1px solid var(--dwp-form-border-color);
  box-shadow: none;
}
.form-control::-webkit-file-upload-button,
.form-control::file-selector-button {
  color: var(--dwp-form-color);
  background-color: var(--dwp-form-bg);
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--bs-gray-200);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-gray-200);
}
.form-control-plaintext {
  color: var(--dwp-form-color);
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--dwp-form-focus-color);
}
/* form-check */
.form-check {
  min-height: 1.25rem;
  padding-left: 1.5em;
  margin-bottom: 0;
}
.form-check-inline {
  margin-right: 0;
}
.form-check-input {
  width: 1.25em;
  height: 1.25em;
  background-color: var(--dwp-form-bg);
  border-color: var(--dwp-form-border-color);
}
.form-check-input:focus {
  border-color: var(--dwp-form-focus-color);
  box-shadow: var(--dwp-form-shadow);
}
.form-check-input:checked {
  background-color: var(--dwp-form-checked-bg);
  border-color: var(--dwp-form-focus-color);
}
.form-switch .form-check-input {
  width: 1.75rem;
  border: none;
  background-color: rgba(var(--dwp-gray-400-rgb), 0.8);
}
.form-switch .form-check-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  border-color: var(--dwp-form-focus-color);
  background-color: var(--dwp-form-checked-bg);
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  color: inherit;
  text-align: center;
  white-space: nowrap;
  background-color: var(--dwp-light);
  border: 1px solid var(--dwp-form-border-color);
  border-left: none;
  border-radius: var(--dwp-border-radius);
}

/* form_wrap, form-box search_form */
/* ---------------------------------------------- */
.form-box {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.control-label > .form-label:before {
  content: "\a90b";
  display: inline-block;
  font-family: "deotisWP" !important;
  font-size: 0.75rem;
  line-height: 1;
  color: var(--dwp-form-focus-color);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
}
/* Application-Required label Selector */
/* .form-label.required-label:before {
	color: var(--dwp-red);
} */
.required-label:after {
  display: inline-block;
  content: " *";
  font-weight: 700;
  color: var(--dwp-red);
  text-indent: 0.15rem;
}
.required:after {
  content: "";
  display: inline-block;
  color: var(--dwp-red);
}
.required::after {
  content: "[* 필수]";
  font-size: 0.75rem;
}
.modal-header > label.required {
  margin-left: auto;
}
.actions {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 0;
}
.actions:not(.vertical) > * {
  align-items: center;
}
.actions > *:not(.unit) {
  display: flex;
  max-width: 100%;
}
.actions.fit > *:not(.unit) {
  flex: 1 auto;
}
.actions .control-label .form-label {
  word-wrap: break-word;
  word-break: break-all;
  margin-bottom: 0;
  vertical-align: middle;
}
.actions.vertical {
  width: 100%;
  flex-direction: column;
}
.actions:not(.vertical) > .form-group {
  align-items: center;
  gap: 0.25rem;
}
.form-group .unit {
  flex: 0;
  max-width: 1rem;
  line-height: 2.188rem;
  text-align: center;
}
.form_wrap.modal-form .actions:not(.vertical) > *:not(.unit) {
  flex: 1 auto;
}

@media (min-width: 480px) {
  .form_wrap.modal-form .actions:not(.vertical) > .control-label {
    min-width: 9rem;
    max-width: 25%;
  }
}
@media (max-width: 767.98px) {
  .actions {
    flex-wrap: wrap;
  }
  .actions > * {
    width: 100%;
  }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

/* -- Button -- */
/* ------------------------------------------ */
.btn,
.dt-button {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--dwp-gray-900);
  --bs-btn-bg: var(--dwp-light);
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: var(--dwp-secondary);
  --bs-btn-border-radius: var(--dwp-border-radius);
  --bs-btn-box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;

  --bs-btn-hover-border-color: var(--dwp-secondary);
  --bs-btn-hover-color: var(--dwp-light);
  --bs-btn-hover-bg: var(--dwp-secondary);
  --bs-btn-hover-bg-rgb: var(--dwp-secondary-rgb);
  --bs-btn-hover-border-color: var(--dwp-secondary);
  --bs-btn-focus-shadow-rgb: var(--dwp-gray-200-rgb);
  --bs-btn-active-color: var(--dwp-light);
  --bs-btn-active-bg: var(--dwp-secondary);
  --bs-btn-active-border-color: var(--dwp-secondary);
  --bs-btn-active-shadow: inset 0 3px 5px
    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);

  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

.btn-primary,
.btn-main,
.dt-button {
  --bs-btn-color: var(--dwp-light);
  --bs-btn-bg: var(--dwp-primary);
  --bs-btn-border-color: var(--dwp-primary);
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-hover-bg: var(--dwp-primary-hover);
  --bs-btn-hover-bg-rgb: var(--dwp-primary-rgb);
  --bs-btn-hover-border-color: var(--dwp-primary-hover);
  --bs-btn-focus-shadow-rgb: var(--dwp-primary-rgb);
  --bs-btn-active-color: var(--bs-btn-color);
  --bs-btn-active-bg: var(--dwp-primary-active);
  --bs-btn-active-border-color: var(--dwp-primary-active);
  --bs-btn-active-shadow: inset 0 3px 5px
    rgba(var(--bs-btn-hover-bg-rgb), 0.125);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: rgba(var(--dwp-primary-rgb), 0.5);
  --bs-btn-disabled-border-color: rgba(var(--dwp-primary-rgb), 0.5);
}
.btn-secondary,
.btn-default {
  --bs-btn-color: var(--dwp-light);
  --bs-btn-bg: var(--dwp-secondary);
  --bs-btn-border-color: var(--dwp-secondary);
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-hover-bg: var(--dwp-secondary-hover);
  --bs-btn-hover-bg-rgb: var(--dwp-secondary-rgb);
  --bs-btn-hover-border-color: var(--dwp-secondary-hover);
  --bs-btn-focus-shadow-rgb: var(--dwp-secondary-rgb);
  --bs-btn-active-color: var(--bs-btn-color);
  --bs-btn-active-bg: var(--dwp-secondary-active);
  --bs-btn-active-border-color: var(--dwp-secondary-active);
  --bs-btn-active-shadow: inset 0 3px 5px
    rgba(var(--bs-btn-hover-bg-rgb), 0.125);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: rgba(var(--dwp-secondary-rgb), 0.65);
  --bs-btn-disabled-border-color: rgba(var(--dwp-secondary-rgb), 0.5);
}
.btn-outline-primary {
  --bs-btn-color: var(--dwp-primary);
  --bs-btn-border-color: var(--dwp-primary);
  --bs-btn-hover-color: var(--dwp-light);
  --bs-btn-hover-bg: var(--dwp-primary-hover);
  --bs-btn-hover-bg-rgb: var(--dwp-primary-hover-rgb);
  --bs-btn-hover-border-color: var(--dwp-primary-hover);
  --bs-btn-focus-shadow-rgb: var(--dwp-primary-rgb);
  --bs-btn-active-color: var(--dwp-light);
  --bs-btn-active-bg: var(--dwp-primary-active);
  --bs-btn-active-border-color: var(--dwp-primary-active);
  --bs-btn-active-shadow: inset 0 3px 5px
    rgba(var(--bs-btn-hover-bg-rgb), 0.125);
  --bs-btn-disabled-color: rgba(var(--dwp-primary-rgb), 0.5);
  --bs-btn-disabled-bg: rgba(var(--dwp-primary-rgb), 0.65);
  --bs-btn-disabled-border-color: rgba(var(--dwp-primary-rgb), 0.65);
}
.btn-outline-secondary {
  --bs-btn-color: var(--dwp-secondary);
  --bs-btn-border-color: var(--dwp-secondary);
  --bs-btn-hover-color: var(--dwp-light);
  --bs-btn-hover-bg: var(--dwp-secondary-hover);
  --bs-btn-hover-bg-rgb: var(--dwp-secondary-hover-rgb);
  --bs-btn-hover-border-color: var(--dwp-secondary-hover);
  --bs-btn-focus-shadow-rgb: var(--dwp-secondary-rgb);
  --bs-btn-active-color: var(--dwp-light);
  --bs-btn-active-bg: var(--dwp-secondary-active);
  --bs-btn-active-border-color: var(--dwp-secondary-active);
  --bs-btn-active-shadow: inset 0 3px 5px
    rgba(var(--bs-btn-hover-bg-rgb), 0.125);
  --bs-btn-disabled-color: rgba(var(--dwp-secondary-rgb), 0.65);
  --bs-btn-disabled-bg: rgba(var(--dwp-secondary-rgb), 0.5);
  --bs-btn-disabled-border-color: rgba(var(--dwp-secondary-rgb), 0.65);
}
.btn-lg,
.btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: calc(var(--dwp-border-radius) - 0.125rem);
}
.btn-sm,
.btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: calc(var(--dwp-border-radius) - 0.125rem);
}
.btn-xs,
.btn-group-xs > .btn,
.dt-buttons .dt-button {
  --bs-btn-padding-y: 0.125rem;
  --bs-btn-padding-x: 0.25rem;
  --bs-btn-font-size: 0.75rem;
  --bs-btn-border-radius: calc(var(--dwp-border-radius) - 0.125rem);
}
.btn:hover,
.dt-button:hover,
.btn-check + .btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn:active,
.btn.active,
.dt-button:active,
.dt-button.active,
.btn-check:active + .btn .btn-check:checked:active + .btn {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-hover-border-color);
  box-shadow: none;
}
.btn:focus,
.dt-button:focus {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-hover-border-color);
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled,
.btn.disabled,
.dt-button:disabled {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check.resizingArea + .btn {
  background-color: transparent;
  border-color: var(--dwp-gray-200);
  border-radius: calc(var(--dwp-border-radius) - 0.125rem);
  color: var(--dwp-primary);
}
.btn-check.resizingArea:hover + .btn {
  background-color: var(--dwp-primary);
  border-color: var(--dwp-primary);
  color: var(--dwp-white);
}
.btn-check.resizingArea + .btn {
  position: relative;
}

.btn-check.resizingArea + .btn:active {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check.resizingArea:checked + .btn:before {
  content: "";
  display: inline-block;
}
.btn-check.resizingArea:checked + .btn.di-arrows-collapse:before {
  content: "\e93e";
}
.btn-check.resizingArea + .btn.di-arrows-collapse:after {
  word-break: keep-all;
  white-space: nowrap;
  position: absolute;
  right: 2rem;
  display: none;
}
.btn-check.resizingArea:hover + .btn.di-arrows-collapse:after {
  display: block;
  padding: 0.2rem 0.4rem;
  color: var(--dwp-gray-900);
  background-color: var(--dwp-gray-200);
  border-color: var(--dwp-gray-200);
  border-end-end-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
  border-start-start-radius: 0.5rem;
}
.btn-check.resizingArea + .btn.di-arrows-collapse:after {
  content: attr(data-collapse-text); /* Collapse 상태 */
}

.btn-check.resizingArea:checked + .btn.di-arrows-collapse:after {
  content: attr(data-expand-text); /* Expand 상태 */
}

/* .btn-tab */
.btn.btn-tab,
.search-category .btn-check + .btn {
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 0;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0;

  --bs-btn-hover-border-color: transparent;
  --bs-btn-hover-color: var(--bs-btn-active-color);
  --bs-btn-hover-bg: transparent;
  --bs-btn-active-color: var(--dwp-primary);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: var(--dwp-secondary);
  --bs-btn-active-shadow: inset 0 3px 5px
    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  --bs-btn-focus-box-shadow: inset 0 -0.1875rem rgba(var(--dwp-primary-rgb), 1);
  color: var(--bs-btn-color);
  background-color: transparent;
  border-radius: 0;
}
.btn.btn-tab:before,
.search-category .btn-check + .btn:before {
  font-size: 0.875em;
  width: 1rem;
  display: inline-block;
}
.btn.btn-tab.active,
.search-category .btn-check:checked + .btn {
  color: var(--bs-btn-active-color);
  box-shadow: var(--bs-btn-focus-box-shadow);
  font-weight: var(--dwp-nav-link-font-weight);
}
.btn.btn-tab:hover,
.search-category
  .btn-check
  + .btn:hover
  .search-category
  .btn-check:checked
  + .btn:hover {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
/* .btn-icon */
.btn-icon {
  --bs-btn-bg: var(--dwp-light);
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: var(--dwp-border-color);
  box-sizing: content-box;
  width: calc(1rem + 1.25rem);
  height: calc(1rem + 1.25rem);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bs-btn-bg);
  border-color: var(--dwp-border-color);
  padding: 0;
  font-size: calc(var(--bs-btn-font-size) + 0.125rem);
}
.btn-group-lg > .btn.btn-icon,
.btn.btn-icon.btn-lg {
  width: calc(1rem + 1.5rem);
  height: calc(1rem + 1.5rem);
}
.btn-group-sm > .btn.btn-icon,
.btn.btn-icon.btn-sm {
  width: calc(0.875rem + 1rem);
  height: calc(0.875rem + 1rem);
}
.btn-icon.btn-xs {
  width: calc(0.75rem + 0.75rem);
  height: calc(0.75rem + 0.75rem);
}
.btn-ghost {
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 0;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0;

  --bs-btn-hover-border-color: transparent;
  --bs-btn-hover-color: var(--bs-btn-active-color);
  --bs-btn-hover-bg: transparent;
  --bs-btn-active-color: var(--dwp-primary);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: var(--dwp-secondary);
  --bs-btn-active-shadow: inset 0 3px 5px
    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  --bs-btn-focus-box-shadow: inset 0 -0.1875rem rgba(var(--dwp-primary-rgb), 1);
  color: var(--bs-btn-color);
  background-color: transparent;
  border-radius: 0;
  box-sizing: content-box;
}
/* card */
.card {
  --bs-card-spacer-y: var(--dwp-spacer-y);
  --bs-card-spacer-x: var(--dwp-spacer-x);
  --bs-card-title-spacer-y: calc(var(--dwp-spacer-y) / 2);
  --bs-card-cap-padding-y: var(--dwp-padding-y);
  --bs-card-cap-padding-x: var(--dwp-padding-x);
  --bs-card-cap-color: var(--bs-body-color);
  --bs-card-cap-bg: var(--bs-card-bg);
  --bs-card-color: var(--bs-body-color);
  --bs-card-bg: var(--dwp-light);
  --bs-card-border-color: var(--dwp-gray-200);
  --bs-card-border-radius: var(--dwp-border-radius);
  --bs-card-box-shadow: var(--dwp-shadow);
  --bs-card-height: ;
  height: var(--bs-card-height);
  -webkit-box-shadow: var(--bs-card-box-shadow);
  box-shadow: var(--bs-card-box-shadow);
  word-break: break-word;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
}
.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
  min-height: 3.25rem;
}
.titlebox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.card .titlebox:not(.card-header) {
  padding-bottom: var(--dwp-padding-y);
}
.titlebox:not(.card-header) {
  min-height: calc(3.25rem - var(--dwp-padding-y));
}

.titlebox h6 {
  font-weight: 500;
}
.titlebox .btn-toolbar {
  justify-content: flex-end;
  align-items: center;
}
.titlebox .btn-toolbar:first-child {
  margin-left: auto;
}
.btn-toolbar > .actions > .form-group {
  flex: 1 auto;
}
.titlebox .form-group > * {
  flex: auto;
  /* max-width: 100%; */
}
.titlebox .form-group .form-label {
  flex: 0;
}
.titlebox .btn-group,
.dataTables_wrapper .dt-buttons {
  flex-wrap: wrap;
  align-items: center;
  margin-left: auto;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
/* nav-tabs card-header-tabs */
.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: var(--dwp-gray-200);
  --bs-nav-tabs-border-radius: var(--dwp-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--dwp-gray-200) var(--dwp-gray-200)
    var(--dwp-gray-200);
  --bs-nav-tabs-link-active-color: var(--dwp-primary);
  --bs-nav-tabs-link-active-bg: var(--dwp-main);
  --bs-nav-tabs-link-active-border-color: var(--dwp-gray-200)
    var(--dwp-gray-200) var(--dwp-light);
}
.nav-tabs .nav-link {
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  margin-right: 1px;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
  background-color: var(--bs-nav-tabs-border-color);
}
.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
  font-weight: var(--dwp-nav-link-font-weight);
}

/* pagination */
.pagination,
.dataTables_paginate {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-radius: var(--dwp-border-radius);

  --bs-pagination-color: var(--bs-body-color);
  --bs-pagination-bg: var(--dwp-light);
  --bs-pagination-border-color: var(--dwp-gray-200);
  --bs-pagination-hover-color: var(--dwp-main);
  --bs-pagination-hover-bg: var(--dwp-gray-200);
  --bs-pagination-hover-border-color: var(--dwp-main);
  --bs-pagination-focus-color: var(--dwp-gray-200);
  --bs-pagination-focus-bg: var(--dwp-main);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--dwp-main-rgb), 0.25);
  --bs-pagination-active-color: var(--dwp-gray-200);
  --bs-pagination-active-bg: var(--dwp-main);
  --bs-pagination-active-border-color: var(--dwp-main);
  --bs-pagination-disabled-color: var(--bs-body-color);
  --bs-pagination-disabled-bg: rgba(var(--dwp-gray-200-rgb), 0.5);
  --bs-pagination-disabled-border-color: rgba(var(--dwp-gray-200-rgb), 0.5);
  --dwp-pagination-allprev: ;
  --dwp-pagination-prev: ;
  --dwp-pagination-allnext: ;
  --dwp-pagination-next: ;
  display: flex;
  padding-left: 0;
  list-style: none;
  align-items: center;
  align-items: stretch;
}
.pagination-sm,
.dataTables_paginate {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: 0.25rem;
}
.page-link {
  position: relative;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid
    var(--bs-pagination-border-color);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover,
.dataTables_paginate .paginate_button:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}

.page-link:focus,
.dataTables_paginate .paginate_button:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.active > .page-link,
.page-link.active,
.dataTables_paginate .paginate_button.current {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}

.disabled > .page-link,
.page-link.disabled,
.dataTables_paginate .paginate_button.disabled,
.dataTables_paginate .paginate_button:disabled {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
  opacity: 0.65;
  cursor: no-drop;
}
.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

div.dataTables_wrapper div.dataTables_paginate {
  margin-left: auto;
}
.paginate_button {
  position: relative;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid
    var(--bs-pagination-border-color);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  cursor: pointer;
}
.dataTables_paginate > span {
  display: flex;
}
.dataTables_paginate > .paginate_button:first-child {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.dataTables_paginate > .paginate_button:last-child {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
/* dataTables_length select */

/* btn-close */
.btn-close {
  color: var(--bs-body-color);
}
.dwp_dark .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.btn-close:hover {
  color: var(--dwp-main);
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.25);
}
/* modal */
.modal {
  --bs-modal-width: 500px;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--dwp-light);
  --bs-modal-border-color: var(--dwp-gray-200);
  --bs-modal-box-shadow: var(--dwp-shadow);
  --bs-modal-footer-bg: var(--bs-modal-bg);
  --bs-modal-footer-border-color: var(--dwp-gray-200);
  --bs-modal-border-radius: var(--dwp-border-radius);
}
.modal-dialog {
  min-height: calc(100% - var(--bs-modal-margin) * 2);
  /* min-width: auto; */
  /* max-width: calc(var(--bs-modal-width) * 2); */
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.modal-header .btn-close {
  margin: calc(-0.5 * var(--bs-modal-header-padding-y))
    calc(-0.5 * var(--bs-modal-header-padding-x))
    calc(-0.5 * var(--bs-modal-header-padding-y))
    calc(0.5 * var(--bs-modal-header-padding-x));
}
.modal-content {
  /* max-width: var(--bs-modal-width);
   	min-width: 500px;
   	min-height: 10rem; */
  /* max-width: calc(100% - var(--bs-modal-margin) * 10); */
  /* max-width: 80rem; */
  justify-content: center;
}
.modal-body {
  flex: 0;
}
.modal-form hr {
  color: var(--dwp-gray-400);
  margin: 0.25rem 0;
}
@media (max-width: 479.99px) {
  .modal-dialog {
    max-width: 100%;
  }
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: var(--dwp-black);
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100%;
  height: 100%;
  background-color: var(--bs-backdrop-bg);
}

/* dropdown */
.dropdown-menu {
  --bs-dropdown-min-width: 8rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 0.75rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--dwp-light);
  --bs-dropdown-border-color: var(--dwp-gray-200);
  --bs-dropdown-border-radius: var(--dwp-border-radius);
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: 0;
  --bs-dropdown-divider-bg: var(--dwp-gray-200);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--dwp-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--dwp-white);
  --bs-dropdown-link-hover-bg: var(--dwp-main);
  --bs-dropdown-link-active-color: var(--dwp-white);
  --bs-dropdown-link-active-bg: var(--dwp-main);
  --bs-dropdown-link-disabled-color: rgba(var(--bs-body-color-rgb), 0.65);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.5rem;
  --bs-dropdown-header-color: var(--bs-body-color);
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
  box-shadow: var(--bs-dropdown-box-shadow);
}

.dropdown-menu.show,
.open .dropdown-menu {
  display: block;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-menu > li > a:hover {
  background-color: var(--bs-dropdown-link-hover-bg);
  color: var(--bs-dropdown-link-hover-color);
}
.dropdown-menu.with-arrow:before,
.dropdown-menu.with-arrow:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.dropdown-menu.with-arrow:before {
  border-bottom: 7px solid #d0d0d0;
  margin: -7px 0 0 15px;
}
.dropdown-menu.with-arrow:after {
  border-bottom: 7px solid #fff;
  margin: -6px 0 0 15px;
}
.dropdown-menu-right.dropdown-menu.with-arrow:before {
  left: auto;
  right: 0;
  margin: -7px 25px 0 0;
}
.dropdown-menu-right.dropdown-menu.with-arrow:after {
  left: auto;
  right: 0;
  margin: -6px 25px 0 0;
}
@media (min-width: 992px) {
  .dropdown-menu-sm {
    min-width: 10rem;
  }
  .dropdown-menu-md {
    min-width: 15rem;
  }
  .dropdown-menu-lg {
    min-width: 25rem;
  }
}
/* drop-box  */
.drop-box {
  --bs-dropdown-padding-x: 0.5rem;
  --bs-dropdown-padding-y: 0.5rem;
}
/* list-group */
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--dwp-light);
  --bs-list-group-border-color: rgba(var(--dwp-gray-200-rgb), 0.125);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: var(--dwp-main);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--dwp-light);
  --bs-list-group-action-hover-color: var(--dwp-light);
  --bs-list-group-action-hover-bg: var(--dwp-main);
  --bs-list-group-action-active-color: var(--dwp-light);
  --bs-list-group-action-active-bg: var(--dwp-main);
  --bs-list-group-disabled-color: rgba(var(--bs-body-color-rgb), 0.65);
  --bs-list-group-disabled-bg: var(--dwp-light);
  --bs-list-group-active-color: var(--dwp-light);
  --bs-list-group-active-bg: var(--dwp-main);
  --bs-list-group-active-border-color: var(--dwp-light);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

/* tooltip */
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.5rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.75rem;
  --bs-tooltip-color: var(--dwp-light);
  --bs-tooltip-bg: var(--dwp-gray-900);
  --bs-tooltip-border-radius: 0.25rem;
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;

  font-family: var(--bs-body-font-family);
  line-break: auto;
  word-wrap: break-word;
  opacity: 0;
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--dwp-light);
  --bs-popover-border-width: 1px;
  --bs-popover-border-color: var(--dwp-gray-200);
  --bs-popover-border-radius: 0.5rem;
  --bs-popover-inner-border-radius: calc(0.5rem - 1px);
  --bs-popover-box-shadow: var(--dwp-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: var(--dwp-gray-900);
  --bs-popover-header-bg: var(--dwp-light);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--dwp-gray-900);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);

  font-family: var(--bs-body-font-family);
  word-wrap: break-word;
}

/* Breadcrumb */
.breadcrumb {
  --bs-breadcrumb-font-size: 0.75rem;
  --bs-breadcrumb-item-padding-x: 0.25rem;
  --bs-breadcrumb-item-active-color: var(--dwp-primary);
  border-radius: 0;
  background-color: transparent;
  margin: 0;
}
.breadcrumb a {
  color: var(--bs-body-color);
  text-decoration: none;
}
.breadcrumb li {
  border: 0;
}
.breadcrumb li:first-child:before {
  content: "\e980";
  display: inline-block;
  font-family: "feather";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-right: 0.25rem;
  color: var(--bs-body-color);
}
.breadcrumb-item.active {
  font-weight: 700;
}
.breadcrumb-item.active::before {
  font-weight: 400;
}

/* =============================================
/ Layout : Common
//.dwp_root   : 최상위 [#wrapper]
//.mn--push   : 메인네비 푸쉬
//.mn--max    : 메인네비 확장
//.mn--min    : 메인네비 축소
//.mn--show   : 메인네비 토글[모바일]
//.mn_sticky  : 메인네비 고정[스크롤]
//.hd_sticky  : 헤더 고정[스크롤]
//.sb_stuck   : 사이드바 고정[스크롤]
//.navbar-vertical   : 좌측 메뉴
//.navbar-horizontal : 상단 메뉴
============================================= */
.dwp_root {
  display: grid;
  gap: 0 0;
  grid-template-columns: min-content 1fr;
  grid-template-rows: min-content 1fr;
  min-height: 100vh;
  width: 100%;
}
.mn--push .content,
.mn--push .header,
.mn--push .mainnav,
.mn--push.mn--show .content,
.mn--push.mn--show .header,
.mn--push.mn--show .mainnav {
  transition: transform 0.5s ease;
}
.mn--push.mn--show .mainnav {
  transform: translateX(0);
}
.mn--push.mn--show .content,
.mn--push.mn--show .header {
  transform: translateX(var(--dwp-navbar-width));
}
/* -- Content :  -- */
/* ------------------------------------------ */
.content {
  display: flex;
  flex-direction: column;
  grid-area: 2 / 2 / 3 / 3;
  width: 100%;
  min-width: 0;
  max-width: 100vw;
}
.content-full-page {
  position: fixed;
  inset: 0;
  z-index: 999999;
  border-radius: 0 !important;
}
.page-content {
  position: relative;
  /* top: var(--dwp-header-height); */
  width: 100%;
  height: 100%;
  padding: 0.75rem;
}
/* page_wrap */
.page_wrap {
  width: 100%;
  height: 100%;
}
/* page_wrap wrap_vertical */
.wrap_vertical {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* gap: 1rem; */
}
.row {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 0;
}
.wrap_vertical > .row > * {
  margin-bottom: calc(var(--bs-gutter-x) * 1);
}
.wrap_vertical > .row:last-child > * {
  margin-bottom: 0;
}
.wrap_vertical > .row.table_row {
  flex: 1 auto;
}
.table_row .card {
  height: 100%;
}
.table_wrap {
  width: 100%;
  max-height: 100%;
}
.tree_wrap {
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 12rem);
  overflow: auto;
}
.form_wrap {
  display: flex;
  gap: 1rem;
}
.form_wrap.form-horizontal {
  flex-direction: row;
}
.form_wrap:not(.form-horizontal) {
  flex-direction: column;
}
.form_wrap.form-horizontal > .search_end {
  flex: 0;
  min-width: 20rem;
}
@media (min-width: 1200px) {
  .search_form.form_wrap {
    gap: 0.5rem;
  }
}
/* page_wrap wrap_horizontal */
.wrap_horizontal {
  width: 100%;
  /* display: flex;
	flex-direction: row;
	gap: 1rem; */
}
.wrap_horizontal > .row {
  flex: 1 auto;
  height: 100%;
}
.manager-page.wrap_horizontal .card {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .form_wrap.form-horizontal {
    flex: 0;
    min-width: 20rem;
  }
  .form_wrap.form-horizontal > .search_end {
    flex: 0;
    min-width: 20rem;
  }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
/* -- footer : -- */
/* ---------------------------------------------- */
.footer .manual {
  --dwp-gap-size: 0.25rem;
  gap: var(--dwp-gap-size);
}
.footer a {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  color: var(--dwp-link-color);
}
.footer a:after {
  display: inline-block;
  content: "";
  width: calc(var(--dwp-gap-size) * 2 - 1px);
  height: var(--dwp-body-font-size);
  border-right: 1px solid var(--dwp-link-color);
  padding-right: var(--dwp-gap-size);
}
.footer a:last-child:after {
  border-right: none;
}
/* -- header : -- */
/* ---------------------------------------------- */
.header {
  grid-area: 1 / 1 / 2 / 3;
}
.hd_sticky .header {
  position: sticky;
  top: 0;
  z-index: 2;
}
.header__inner {
  height: 100%;
  min-height: var(--dwp-header-height); /* 3.125rem */
  display: flex;
  align-items: center;
  /* padding-block: 0.375rem; */
}
.header__brand {
  height: 100%;
  min-height: var(--dwp-header-height);
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--dwp-navbar-border);
  background-color: var(--dwp-navbar-bg);
}
.type_full-header .header__brand,
.type_brand-point .header__brand,
.type_navigation-dark .header__brand {
  border-right: 0 !important;
  border-bottom: 0 !important;
  background-color: var(--dwp-heading-bg) !important;
}
.type_navigation-dark .header__brand {
  border-bottom: 1px solid rgba(var(--dwp-navbar-border-rgb), 0.3) !important;
}
.brand-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.brand-wrap:hover {
  transition: transform 0.5s ease;
  transform: scale(1);
}
.brand-img {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: auto;
}
/* .brand-img > *:not(.brand_logo) {
  display: none;
} */
/* .type_navigation-dark .brand-img > img.brand_logo {
	display: block;
	max-width: 100%;
} */
.brand-img:not(:has(.brand_logo)):before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../../images/wiseportal_voice.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* .type_full-header .header .brand-img:not(:has(.brand_logo)):before,
.type_brand-point .header .brand-img:not(:has(.brand_logo)):before {
	background-image: url(../../images/wiseportal_voice_w.png);
}
 */

.brand-title,
.brand-text {
  font-size: 0;
  opacity: 0;
  color: transparent;
}
.header__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex-grow: 1;
  min-height: var(--dwp-header-height);
  padding: 0.25rem;
  background-color: var(--dwp-navbar-bg);
  border-bottom: 1px solid var(--dwp-navbar-border);
}
.type_full-header .header__content {
  background-color: var(--dwp-heading-bg);
  border-bottom: 0;
  color: var(--dwp-white);
}
.type_navigation-dark .header__content {
  background-color: var(--dwp-heading-bg);
  border-bottom: 1px solid rgba(var(--dwp-navbar-border-rgb), 0.3);
}
.header__content-start,
.header__content-end {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.header__content-start {
  justify-content: flex-start;
}
.header__content-end {
  justify-content: flex-end;
  margin-left: auto;
}
.breadcrumb_box {
  flex-grow: 1;
}
.header__control .header__btn {
  display: inline-block;
  box-shadow: none !important;
  color: var(--bs-body-color);
  font-size: 1rem;
  text-decoration: none;
  padding: 0.5rem;
}
.header__control .header__btn.nav-toggler {
  padding: 0.525rem;
}
.type_full-header .header__control .header__btn {
  color: var(--dwp-white);
}
.header__control .header__btn.nav-toggler {
  position: relative;
  z-index: 9999;
  display: inline-block;
  width: 2rem;
  height: 1rem;
  font-size: 0;
  vertical-align: top;
  cursor: pointer;
  padding: 0;
  margin-block: 0.525rem;
}
/* .header__control .header__btn.nav-toggler span {
	display: none;
} */
.header__control .header__btn.nav-toggler span {
  display: inline-block;
  position: absolute;
  left: 50%;
  width: 1rem;
  height: 2px;
  background-color: var(--dwp-body-color);
  transition: 0.5s;
  margin-left: -0.5rem;
}
.type_full-header .header__control .header__btn.nav-toggler span {
  background-color: var(--dwp-white);
}
.header__control .header__btn.nav-toggler span:nth-child(1) {
  top: 0.05rem;
  transform: rotate(0deg);
}
.header__control .header__btn.nav-toggler span:nth-child(2) {
  top: 50%;
  margin-top: -1px;
  opacity: 1;
}
.header__control .header__btn.nav-toggler span:nth-child(3) {
  bottom: 0.05rem;
  transform: rotate(0deg);
}
.header__control .select-wrapper {
  margin-inline: 0.5rem;
}
.header__control .header-btn-toolbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
/* header control : module */
.module-select {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1rem;
}
.module-select > * {
  text-decoration: none;
  color: var(--dwp-body-color);
}
.type_full-header .module-select > * {
  color: var(--dwp-white);
}
@media (max-width: 991.98px) {
  /* .header__brand .brand-img > img:not(.brand_logo) {
		display: none;
	} */
  .header__content {
    padding-inline: 0.75rem;
  }
  .dropdown {
    position: static;
  }
  .header__content .dropdown-menu {
    margin-inline: 0.5rem !important;
    max-width: calc(100vw - 1rem);
    width: 100vw;
  }
  .hd_sticky .header__content .dropdown-menu {
    max-height: calc(100vh - 12rem - 0.5rem);
    overflow-x: hidden;
  }
}
@media (min-width: 992px) {
  .mn--max .header__brand {
    transition: max-width 0.5s ease;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .header__inner {
    padding-inline: 0;
  }
}
@media (min-width: 992px) {
  .header__inner {
    padding-inline: 0;
  }
}
@media (min-width: 1200px) {
  .header__inner {
    padding-inline: 0;
  }
}

/* header control : Icon & Button */
.header__control .dropdown-toggle::after {
  display: none;
}
.header__control form {
  padding: 0 12px;
}
.header__control > * {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
/* Dropdown - Setting */
.dropdown-setting .dropdown-menu .setting_list li {
  border-bottom: 1px solid #dedede;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-setting .dropdown-menu .setting_list li:last-child {
  border-bottom: 0;
}
.dropdown-setting .dropdown-menu .setting_list li a {
  display: block;
  line-height: 2.5em;
  padding: 0 0.65em;
  transition: none;
}
.dropdown-setting .dropdown-menu .setting_list li a:hover {
  background-color: #f21f0c;
  color: #fff;
}

/* theme-control-toggle : 모드 토글 */
/* ---------------------------------------------- */
.theme-control-toggle {
  padding-right: 0.25rem;
}
.theme-control-toggle .theme-control-toggle-label {
  /* 다크모드 토글 */
  --dwp-theme-control-toggle-bg: rgba(56, 116, 255, 0.24);
  --dwp-theme-control-toggle-hover-bg: rgba(56, 116, 255, 0.7);
  --dwp-theme-control-toggle-color: #85a9ff;
  --dwp-theme-control-toggle-hover-color: #f5f8ff;
}
.dwp_dark .theme-control-toggle .theme-control-toggle-label {
  /* 라이트모드 토글 */
  --dwp-theme-control-toggle-bg: rgba(255, 204, 133, 0.24);
  --dwp-theme-control-toggle-hover-bg: #e5780b;
  --dwp-theme-control-toggle-color: #e5780b;
  --dwp-theme-control-toggle-hover-color: #fff6e0;
}
.theme-control-toggle .theme-control-toggle-label {
  height: 2rem;
  width: 2rem;
  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;
  background-color: var(--dwp-theme-control-toggle-bg);
  color: var(--dwp-theme-control-toggle-color);
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.theme-control-toggle .theme-control-toggle-input {
  display: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.theme-control-toggle .theme-control-toggle-label:hover {
  background-color: var(--dwp-theme-control-toggle-hover-bg);
  color: var(--dwp-theme-control-toggle-hover-color);
}
.theme-control-toggle
  .theme-control-toggle-input:checked
  ~ .theme-control-toggle-dark {
  display: none;
}
.theme-control-toggle
  .theme-control-toggle-input:not(:checked)
  ~ .theme-control-toggle-light {
  display: none;
}
/* dropdown-themeColor : 테마 선택 */
._dm_colorSchemesContainer {
  text-align: center;
  gap: 1rem 0;
  margin: 0.5rem;
}
._dm-colorSchemesMode {
  position: relative;
  width: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0.5rem;
}
.themeScheme {
  --bs-btn-padding-x: 0;
  --bs-btn-padding-y: 0;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-hover-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-shadow: none;
  --bs-btn-focus-box-shadow: none;
  flex: 1 1 auto;
  box-sizing: content-box;
}
.themeScheme:before {
  content: "";
  display: inline-block;
  width: 6.5625rem;
  height: 4rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.theme_navigation_light:before {
  background-image: url(../../images/navigation_light.png);
}
.theme_full-header:before {
  background-image: url(../../images/full-header.png);
}
.theme_navigation-dark:before {
  background-image: url(../../images/navigation_dark.png);
}
.theme_brand-point:before {
  background-image: url(../../images/brand.png);
}
.themeScheme ~ .color {
  opacity: 0;
  position: absolute;
}
.themeScheme ~ .color.color-active {
  opacity: 1;
  transform: translateY(100%);
  transition: transform 0.15s;
}
._dm-colorSchemesMode.active ._dm-colorSchemesMode__colors,
._dm-colorSchemesMode:hover ._dm-colorSchemesMode__colors {
  transform: translateY(0);
  transition: transform 0.15s ease 0s;
}
._dm-colorSchemesMode__colors {
  inset: 0;
  padding-block: 0.5rem;
  position: absolute;
  transform: translateY(100%);
  transition: transform 0.15s;
  background-color: rgba(var(--dwp-gray-400-rgb), 0.6);
}
.color.color-active:before {
  border-color: var(--dwp-white);
  border-style: solid;
  border-width: 0 0 3px 3px;
  content: "";
  width: 0.8rem;
  height: 0.45rem;
  inset: 50% 0 0 50%;
  position: absolute;
  transform-origin: center center;
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
@media (pointer: coarse) {
  ._dm-colorSchemesMode > * {
    flex: 1 50%;
  }
  .themeScheme:before {
    width: 100%;
  }
  .themeScheme ~ .color.color-active {
    opacity: 0;
  }
  ._dm-colorSchemesMode__colors {
    position: static;
    transform: translateY(0);
  }
  ._dm-colorSchemesMode.active ._dm-colorSchemesMode__colors,
  ._dm-colorSchemesMode:hover ._dm-colorSchemesMode__colors {
    transform: translateY(0);
  }
}
.color {
  position: relative;
  appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.75rem;
  border: 0;
  margin-bottom: 0.2rem;
  margin-inline: 0.2rem;
}
[data-color="color_7"] {
  background-color: var(--dwp-purple);
}
[data-color="color_6"] {
  background-color: var(--dwp-indigo);
}
[data-color="color_5"] {
  background-color: var(--dwp-lightBlue);
}
[data-color="color_4"] {
  background-color: var(--dwp-teal);
}
[data-color="color_3"] {
  background-color: var(--dwp-orange);
}
[data-color="color_2"] {
  background-color: var(--dwp-pink);
}
[data-color="color_1"] {
  background-color: var(--dwp-red);
}

/* -- Main Navigation - menu link -- */
/* ---------------------------------------------- */
.nav {
  --bs-nav-link-padding-x: var(--dwp-nav-link-padding-x);
  --bs-nav-link-padding-y: var(--dwp-nav-link-padding-y);
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-gray-600);
}
/* Main Navigation Icon */
.nav-icon:before {
  content: "";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.nav-item.has-sub .nav-icon:before {
  font-family: "deotisWP" !important;
  content: "\e904";
}
.nav-item.has-sub .nav-icon2:before {
  font-family: "deotisWP" !important;
  content: "\e99f";
}
.nav-item.has-sub .nav-icon3:before {
  font-family: "deotisWP" !important;
  content: "\ea42";
}
.nav-item.has-sub #fmenu_2:before {
  content: "\e996";
}
.nav-item.has-sub #fmenu_3:before {
  content: "\a946";
}
.nav-item.has-sub #fmenu_87:before {
  content: "\a906";
}
.nav-item.has-sub #fmenu_92:before,
.nav-item.has-sub #fmenu_132:before {
  content: "\e94d";
}
.nav-item.has-sub #fmenu_123:before {
  content: "\a931";
}
.mainnav__caption {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.75em;
  margin-block: 0.75em;
  text-decoration: none;
}
.mainnav__caption:after {
  content: "";
  display: inline-block;
  flex: 1 auto !important;
  border-bottom: 1px solid var(--dwp-navbar-border);
}
.type_full-header .mainnav__caption,
.type_navigation-dark .mainnav__caption {
  display: none;
}
.mainnav__category {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  padding-block: 0.25rem;
}
.type_full-header .mainnav__category,
.type_navigation-dark .mainnav__category {
  padding: 0 !important;
}
.mainnav__inner .nav-label {
  display: inline-block;
  padding-left: 0.25rem;
}
.mainnav__inner .nav-label:first-child {
  padding-left: 0;
}
.mainnav__inner .nav-link.nav-label {
  pointer-events: none;
  padding: 0;
  margin-left: 0;
  font-weight: var(--bs-nav-link-font-weight);
}
.mainnav__inner .nav-link {
  color: var(--dwp-navbar-color);
  font-size: var(--dwp-navbar-font-size);
  border-radius: var(--dwp-border-radius);
}
.type_full-header .mainnav__inner .nav-link {
  border-radius: var(--dwp-border-radius);
}
.mainnav__inner .nav-link:before {
  font-size: 1rem;
}
.mainnav__inner .nav-link.disabled {
  opacity: 0.4;
}
.mainnav__menu {
  flex-direction: column;
}
.type_full-header .mainnav__menu {
  border-top: 1px solid var(--dwp-navbar-border);
}
.type_full-header .mainnav__category:last-child .mainnav__menu {
  border-bottom: 1px solid var(--dwp-navbar-border);
}
.mainnav__menu .mininav-content {
  flex-direction: column;
  flex-wrap: nowrap;
}
.type_full-header .dwp_root:not(.mn--min) .mainnav__menu .mininav-content {
  border-inline-start: none !important;
  background-color: rgba(var(--dwp-gray-200-rgb), 0.45);
  margin-inline-start: 0 !important;
}
.mainnav__inner .mainnav__menu .nav-link:not(.nav-label) {
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
}
.type_full-header
  .dwp_root:not(.mn--min)
  .mainnav__inner
  .mainnav__menu
  .has-sub
  .mininav-content
  .nav-link {
  padding-inline-start: 2.25rem !important;
}
.mainnav__inner .mainnav__menu .nav-link:hover {
  background-color: rgba(var(--dwp-link-hover-bg-rgb), 1);
  color: var(--dwp-link-color);
  font-weight: var(--dwp-nav-link-font-weight);
}
.mainnav__inner .mainnav__menu .nav-link.active ~ .nav .active {
  color: var(--dwp-link-color);
  font-weight: var(--dwp-nav-link-font-weight);
}
.mainnav__inner .mainnav__menu .nav-link.active ~ .nav .active:hover {
  background-color: var(--dwp-link-hover-bg);
}
.mainnav__inner .mainnav__menu .has-sub > .nav-link {
  align-items: center;
  display: flex;
}
.mainnav__inner .mainnav__menu > .nav-item > .nav-link {
  display: flex;
  align-items: center;
}
.mainnav__inner .mainnav__menu > .nav-item > .nav-link.active {
  background-color: var(--dwp-link-active-bg);
  box-shadow: none;
  color: var(--dwp-white);
}
.type_full-header .mainnav__menu .has-sub > .nav-link.mininav-toggle:hover {
  background-color: var(--dwp-link-hover-color);
  color: var(--dwp-white);
}
.mainnav__menu .has-sub > .nav-link.mininav-toggle.active:hover {
  background-color: var(--dwp-link-active-bg);
  color: var(--dwp-white);
  opacity: 0.8;
}
.type_full-header
  .mainnav__menu
  .has-sub
  > .nav-link.mininav-toggle.active:hover {
  background-color: var(--dwp-link-hover-color);
  color: var(--dwp-white);
  opacity: 1;
}
.mainnav__menu .has-sub > .mininav-toggle:not(.has-badge):after {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  display: inline-block;
  height: 0.55em;
  margin-top: -0.15rem;
  margin-left: auto;
  transform: rotate(135deg);
  transition: transform 0.25s;
  width: 0.55em;
}
.mainnav__menu .has-sub > .nav-link.collapsed:after {
  transform: rotate(45deg);
}
.mainnav__menu .has-sub.active > .mininav-content {
  display: block;
  height: auto !important;
}
@media (max-width: 991.98px) {
  .mininav-content {
    position: static !important;
    transform: none !important;
  }
  .dwp_root .mainnav__menu > .nav-item.has-sub .has-sub > .mininav-content {
    border-inline-start: 1px dashed rgba(var(--dwp-gray-500-rgb), 0.65);
    border-radius: var(--dwp-border-radius);
    margin-inline-start: calc(0.25em + 1rem) !important;
    padding-inline-start: 0.5rem;
  }
  .dwp_root
    .mainnav__menu
    > .nav-item.has-sub
    .has-sub
    > .mininav-content
    > .nav-item
    > .nav-link {
    padding-inline: 0.75em;
  }
  .mainnav__menu .nav-item.has-sub > .mininav-content {
    border-inline-start: 1px dashed rgba(var(--dwp-gray-500-rgb), 0.65);
    margin-inline-start: 1.75em !important;
  }
  .mainnav__menu
    > .nav-item.has-sub
    > .mininav-content
    > .nav-item
    > .nav-link {
    padding-inline-start: calc(0.25em + 1rem);
  }
}
@media (min-width: 992px) {
  .dwp_root:not(.mn--min) .mininav-content {
    position: static !important;
    transform: none !important;
    flex-direction: column;
  }
  .dwp_root:not(.mn--min)
    .mainnav__menu
    > .nav-item.has-sub
    .has-sub
    > .mininav-content {
    border-inline-start: 1px dashed rgba(var(--dwp-gray-500-rgb), 0.65);
    margin-inline-start: calc(0.25em + 1rem);
    padding-inline-start: 0.5rem;
  }
  .dwp_root:not(.mn--min)
    .mainnav__menu
    > .nav-item.has-sub
    .has-sub
    > .mininav-content
    > .nav-item
    > .nav-link {
    padding-inline: 0.75em;
  }
  .dwp_root:not(.mn--min)
    .mainnav__menu
    > .nav-item.has-sub
    > .mininav-content {
    border-inline-start: 1px dashed rgba(var(--dwp-gray-500-rgb), 0.65);
    margin-inline-start: 1.75em;
  }
  .dwp_root:not(.mn--min)
    .mainnav__menu
    > .nav-item.has-sub
    > .mininav-content
    > .nav-item
    > .nav-link {
    padding-inline-start: calc(1.25rem - 0.25rem);
  }
}

/* -- Main Navigation - mini : collapsed -- */
/* ---------------------------------------------- */
@media (min-width: 992px) {
  .mn--min {
    padding: 0 !important;
  }
  .mn--min .mainnav {
    max-width: var(--dwp-navbar-width-min);
    transition: max-width 0.5s ease;
    will-change: max-width;
    z-index: auto;
  }
  .mn--min .header__brand {
    justify-content: center;
    max-width: calc(var(--dwp-navbar-width-min) + 4rem);
    transition: max-width 0.5s ease;
    width: 100%;
    will-change: max-width;
    border-right: 1px solid var(--bs-body-bg);
    border-bottom: 0;
    background-color: var(--bs-body-bg);
    padding-inline: 0.75rem;
  }
  .mn--min .header__brand:has(.brand_logo) {
    max-width: var(--dwp-navbar-width);
  }
  .mn--min .brand-img:before {
    background-image: url(../../images/wp_symbol.svg);
  }
  .type_full-header .mn--min .brand-img:before,
  .type_brand-point .mn--min .brand-img:before {
    background-image: url(../../images/wp_symbol_w.svg);
  }

  .mn--min.hd_sticky:not(.mn--show) .mainnav__inner {
    /* top: 3.125rem; */
    z-index: auto;
  }
  .mn_sticky.mn--min.hd_sticky:not(.mn--show) .mainnav__inner {
    /* height: calc(100vh - 3.125rem); */
    height: 100vh;
  }
  .hd_sticky.mn_sticky .mainnav .mainnav__inner {
    /* height: calc(100vh - 3.125rem); */
    height: 100vh;
    /* top: 3.125rem; */
  }
  .mn--min .brand-title,
  .mn--min .mainnav__caption > .nav-link,
  .mn--min .mainnav__menu > .has-sub > .nav-link:after,
  .mn--min .mainnav__menu > .nav-item > .nav-link .nav-label {
    display: none;
  }
  .mn--min .mainnav__menu > .nav-item > .nav-link {
    justify-content: center;
  }

  .mn--min .mainnav__menu > .nav-item > .nav-link.active {
    background-color: var(--dwp-link-active-bg);
    color: var(--dwp-white);
  }
  .mn--min .mainnav__menu > .nav-item {
    margin: 0 !important;
    margin-bottom: 0.25rem !important;
    width: 100%;
  }
  .type_full-header .mn--min .mainnav__menu > .nav-item {
    margin-bottom: 0 !important;
  }
  .mn--min .mainnav__menu > .has-sub.nav-item {
    position: relative;
  }

  .mn--min .mainnav__menu > .has-sub .has-sub > .nav-link {
    gap: 2.5rem;
  }
  .mn--min .mininav-toggle {
    cursor: pointer;
  }
  .mn--min .mininav-toggle .nav-label {
    color: #75868f;
  }
  .mn--min .mininav-content {
    padding: 0.5rem 0.25rem;
    background-color: var(--dwp-navbar-bg);
    border: 1px solid var(--dwp-navbar-border);
    border-radius: var(--dwp-border-radius);
    box-shadow: var(--dwp-shadow);
    min-width: 11rem;
    max-width: 20rem;
    white-space: nowrap;
    margin-inline-start: Max(1rem, 0.25rem) !important;
  }
  .mn--min .mininav-content .nav-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* .mn--min .has-sub > .nav-link.mininav-toggle:hover ~ .mininav-content {
		position: fixed;
		inset: 0px auto auto 0px;
		transform: translate(3.05rem, 3.25rem);
	} */
  /* .mn--min .has-sub > .mininav-toggle:hover + .mininav-content {
		position: fixed;
		inset: 0px auto auto 0px;
		transform: translate(3.05rem, 3.25rem);
	} */
  .mn--min .mininav-content.show {
    position: fixed;
    top: -100rem;
    z-index: 100;
    transition: transform 0.15s linear 0.1s;
  }
  .mn--min .mininav-content:not(.nav) {
    padding: 0.75rem 0.25rem;
  }
  .mn--min .mininav-content.nav-label {
    padding: 0.75rem 1.5rem;
  }
  .mn--min .mininav-content.collapsing {
    transition: 0s !important;
  }
  .mn--min .mainnav__menu > .nav-item.has-sub .has-sub > .mininav-content {
    margin-inline-start: 0.25rem !important;
  }
  .mn--min .mainnav__top-content {
    flex: 1 1 0;
    min-height: 0 !important;
    padding-bottom: 2rem;
  }
  .mn--min .mainnav__bottom-content {
    z-index: 100;
  }
}
/* -- Main Navigation - max : expanded -- */
/* ---------------------------------------------- */
@media (min-width: 992px) {
  .mn--max .mainnav {
    position: relative;
  }
  .mn--max .mainnav__inner {
    position: absolute;
  }
  .mn--max .mainnav {
    transition: max-width 0.5s ease;
    will-change: max-width;
  }
  .mn--max .header__inner {
    padding-inline-start: 0;
  }
  .mn--max .header__content,
  .mn--min .header__content {
    background-color: var(--bs-body-bg);
    border-bottom: 0;
  }
  .type_full-header .mn--max .header__content,
  .type_full-header .mn--min .header__content {
    background-color: var(--dwp-heading-bg);
  }
  .type_navigation-dark .mn--max .header__content,
  .type_navigation-dark .mn--min .header__content {
    background-color: var(--dwp-heading-bg);
    border-bottom: 1px solid rgba(var(--dwp-navbar-border-rgb), 0.3);
  }

  .mn--max .header__brand {
    max-width: var(--dwp-navbar-width);
    width: var(--dwp-navbar-width);
    will-change: max-width;
    border-right: 1px solid var(--dwp-navbar-border);
    border-bottom: 0;
    padding-inline: 0.875rem;
  }
  .type_full-header .mn--max .brand-img:not(:has(.brand_logo)):before,
  .type_brand-point .mn--max .brand-img:not(:has(.brand_logo)):before {
    background-image: url(../../images/wiseportal_voice_w.png);
  }
}
/* -- Main Navigation : default -- */
/* ---------------------------------------------- */
.mainnav {
  display: flex;
  grid-area: 2 / 1 / 3 / 2;
  max-width: var(--dwp-navbar-width);
  width: var(--dwp-navbar-width);
}
.mainnav ul,
.mainnav ol {
  list-style: none;
}
.mainnav .scrollable-content {
  scrollbar-width: none;
}
.mainnav__inner {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--dwp-navbar-bg);
  border-right: 1px solid var(--dwp-navbar-border);
}
.mainnav__inner
  :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(
    .mainnav__caption
  ) {
  color: var(--dwp-navbar-color);
}
.mainnav__inner
  :where(.border-top, .border-end, .border-bottom, .border-start) {
  border-color: var(--dwp-navbar-border) !important;
}
.mainnav__inner .dropdown-toggle:after {
  color: var(--dwp-navbar-color);
}
.mainnav__top-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  width: 100%;
}
.mainnav__top-content.os-host-overflow {
  overflow: visible;
}
.mainnav__bottom-content {
  background-color: var(--dwp-navbar-bg);
  bottom: 0;
  margin-top: auto;
  position: sticky;
}
.mainnav__bottom-content .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.mainnav__bottom-content .btn:before {
  margin-right: 0.5rem;
}
.mainnav__option-content,
.mainnav__top-content,
.mainnav__bottom-content {
  padding-inline: 0.5rem;
}
.mainnav__option-content {
  padding-block: 0.5rem;
}
.type_full-header .mainnav__top-content,
.type_full-header .mainnav__bottom-content,
.type_navigation-dark .mainnav__top-content,
.type_navigation-dark .mainnav__bottom-content {
  padding-inline: 0;
}

@media (min-width: 768px) {
  .mainnav__top-content,
  .mainnav__bottom-content {
    padding-inline: Max(0.75rem, 0.25rem);
  }
  .type_full-header .mainnav__top-content,
  .type_full-header .mainnav__bottom-content,
  .type_navigation-dark .mainnav__top-content,
  .type_navigation-dark .mainnav__bottom-content {
    padding-inline: 0;
  }
}
@media (max-width: 991.99px) {
}
@media (min-width: 992px) {
  .mainnav__top-content,
  .mainnav__bottom-content {
    padding-inline: Max(0.75rem, 0.25rem);
  }
  .type_full-header .mainnav__top-content,
  .type_full-header .mainnav__bottom-content,
  .type_navigation-dark .mainnav__top-content,
  .type_navigation-dark .mainnav__bottom-content {
    padding-inline: 0;
  }
}
@media (min-width: 1200px) {
  .mainnav__top-content,
  .mainnav__bottom-content {
    padding-inline: Max(0.75rem, 0.25rem);
  }
  .type_full-header .mainnav__top-content,
  .type_full-header .mainnav__bottom-content,
  .type_navigation-dark .mainnav__top-content,
  .type_navigation-dark .mainnav__bottom-content {
    padding-inline: 0;
  }
}

.mn--show .mainnav {
  transition: transform 0.5s ease;
}
@media (max-width: 991.99px) {
  .mn--show .mainnav {
    transform: translateX(0);
    z-index: 9999;
    inset: 0 auto;
    position: absolute;
    top: 0;
  }
}
.mn_sticky .mainnav__inner {
  position: sticky;
  top: 0;
}
.dwp_root:not(.mn--max):not(.mn--min) .mainnav {
  position: absolute;
  inset: 0 auto;
}
.dwp_root:not(.mn--max):not(.mn--show) .mainnav {
  z-index: 1002;
}

@media (max-width: 991.98px) {
  .mn_sticky .mainnav__inner {
    height: 100%;
  }
  .mainnav__menu .mininav-toggle .nav-label {
    position: static !important;
    transform: none !important;
  }
  .mn--min .mainnav,
  .mn--max .mainnav {
    inset: 0 auto;
    position: absolute;
  }
  .mn--min:not(.mn--show) .mainnav,
  .mn--max:not(.mn--show) .mainnav {
    transform: translateX(calc(-1 * var(--dwp-navbar-width)));
    z-index: 1002;
  }
}
/* -- Main Navigation, Sidebar : Backdrop -- */
/* ---------------------------------------------- */
.dwp_root:before {
  background-color: rgba(0, 0, 0, 0.55);
  content: "";
  display: block;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  visibility: hidden;
  z-index: -1;
}
@media (max-width: 991.98px) {
  .dwp_root.mn--show:before,
  .dwp_root.sb--show:before {
    cursor: pointer;
    opacity: 1;
    pointer-events: visible;
    visibility: visible;
    z-index: 9998;
  }
}
/* -- Container : .front-container : 단독 화면 -- */
/* ------------------------------------------ */
.front-container {
  background-color: var(--bs-body-bg);
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr;
  grid-template-rows: min-content 1fr min-content;
}
.front-container .header {
  grid-area: 1 / 1 / 2 / 2;
}
.front-container .header__content {
  padding: 1rem 0.5rem;
  background-color: var(--bs-body-bg);
  border-bottom: 0;
}
.front-container .content {
  background-color: transparent;
  color: inherit;
  grid-area: 2 / 1 / 2 / 2;
  justify-content: center;
}
.front-container .content .page-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

/* -- Error : 에러 화면  -- */
/* ---------------------------------------------- */
.error-code {
  font-size: 3rem !important;
}

/* =============================================
//////////// WPConnect UI 서비스 화면 ////////////
============================================= */
.userInfo {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}
.userInfo:before {
  font-size: 1rem;
}
.dropdown-menu .userInfo {
  border-bottom: 1px solid var(--dwp-gray-200);
  line-height: var(--bs-body-line-height);
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}
hr {
  color: var(--dwp-gray-400);
  margin: 0.25rem 0;
}
.box {
  border: 1px solid var(--dwp-gray-200);
}
.distribute {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.caution {
  font-size: 0.75rem;
}

/* Search 영역 */
/* ---------------------------------------------- */

.search_form {
  justify-content: space-between;
}
.search_form .form_button {
  margin-left: auto;
}
.search_form .form_button > li {
  margin-left: auto !important;
}
.search_form .actions > *:not(.unit):not(.control-label) {
  flex: 1 auto;
}
/* .search_form .actions.dnis-set > .form-group {
	min-width: 330px;
} */
.search_form .actions > .control-label {
  font-size: var(--dwp-navbar-font-size);
  min-width: 7.25rem;
}
.search_form .form-label {
  margin-bottom: 0;
}

.search_form .actions > .form-group > *:not(.unit):not(.form-group) {
  flex: 1 auto;
}
.search_form .form-control,
.search_form .form-select {
  width: unset;
}
@media (max-width: 767.98px) {
  .search_form .actions > * {
    width: unset;
  }
}
@media (max-width: 480px) {
  .search_form .actions > * {
    width: 100%;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .search_form .actions > .control-label {
    max-width: 2rem;
  }
  .search_form .actions > .form-group {
    min-width: 315px;
  }
  .search_form .form-box > .actions {
    min-width: 32%;
  }
}
@media (min-width: 992px) {
  .search_form .actions.dnis-set > .form-group,
  .search_form .actions:not(.search-time) > .form-group:has(.form-select) {
    min-width: 330px;
  }
  .search_form .actions.search-time .form-group:has(.form-select) {
    min-width: unset;
  }
}
@media (min-width: 1200px) {
  .search_form .form-box {
    gap: 1.5rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.no-data {
  display: none;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.table_wrap.hidden + .no-data {
  display: flex;
}
/* home.html */
/* ---------------------------------------------- */
.home .header__content {
  color: var(--bs-body-color);
}
.moduleSelect {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.moduleSelect li {
  flex: 1 1 auto;
  height: 100%;
}
.moduleSelect li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  max-width: 30em;
  max-height: 30em;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.moduleSelect li a span {
  width: 0;
  height: 0;
  font-size: 0;
  display: none;
}

.moduleSelect li a.reporterSelect {
  background-image: url("../../images/main_reporter.png");
}
.moduleSelect li a.managerSelect {
  background-image: url("../../images/main_manager.png");
}
.moduleSelect li a.monitorSelect {
  background-image: url("../../images/main_monitor.png");
}
.moduleSelect li a.securitySelect {
  background-image: url("../../images/main_security.png");
}
.moduleSelect li a.reporterSelect:hover {
  background-image: url("../../images/main_reporter_over.png");
}
.moduleSelect li a.managerSelect:hover {
  background-image: url("../../images/main_manager_over.png");
}
.moduleSelect li a.monitorSelect:hover {
  background-image: url("../../images/main_monitor_over.png");
}
.moduleSelect li a.securitySelect:hover {
  background-image: url("../../images/main_security_over.png");
}

/* 공통 - 로그인 */
/* ---------------------------------------------- */
.login_content {
  align-items: center;
}
.type_full-header .login_content {
  background: linear-gradient(
    to top,
    var(--dwp-main) 50%,
    var(--bs-body-bg) 50%
  );
  color: var(--dwp-white);
}
.login_content .card {
  max-width: 32rem;
  margin: auto;
}
.type_full-header .login_content .card {
  border-radius: 0.375rem;
}
.login_content .card-body {
  padding: 4rem 1.5rem 6rem;
}
.login_content .card-body > * {
  max-width: 22rem;
  margin: auto;
}
.login_content .brand-wrap {
  max-width: 22rem;
  height: 3.5rem;
  margin: auto;
}
.type_full-header .login_content .btn-primary {
  --bs-btn-bg: var(--dwp-main);
  --bs-btn-border-color: var(--dwp-main);
  --bs-btn-hover-bg: var(--dwp-main-hover);
  --bs-btn-hover-bg-rgb: var(--dwp-main-rgb);
  --bs-btn-hover-border-color: var(--dwp-main-hover);
  --bs-btn-focus-shadow-rgb: var(--dwp-main-rgb);
  --bs-btn-active-bg: var(--dwp-main);
  --bs-btn-active-border-color: var(--dwp-main);
  --bs-btn-disabled-bg: rgba(var(--dwp-main-rgb), 0.5);
  --bs-btn-disabled-border-color: rgba(var(--dwp-main-rgb), 0.5);
  border-radius: 0.375rem;
}

.text-danger {
  line-height: 1.2rem;
}

/* Manager */
/* ---------------------------------------------- */
/* 보안정책 */
.security_form .control-label {
  width: 25rem;
}
.form_wrap.security_form {
  gap: 2rem;
}
.security_form .form-box {
  gap: 1rem;
}
.form_wrap.security_form .actions > .form-group > *:not(.unit) {
  flex: 1 auto;
}

/* 채널분배 */
#distributeDialog .form_wrap {
  height: 100%;
}
#distributeDialog .form_wrap > * {
  height: 100%;
}

.distribute-device .box {
  height: 100%;
  padding: 0.75rem;
}
/* 장애 알림 수신  */
.alarmMappingSelect .table_row {
  height: 100%;
}

/* 사이트관리-아이디체크 아이콘*/
.validated-state {
  position: relative;
}
.validated-state .state-check,
.validated-state .state-err,
.validated-state .stae-wait {
  padding-right: calc(1.5rem + 0.75rem);
  background-repeat: no-repeat;
  background-position: right calc(0.375rem + 0.1875rem) center;
  background-size: calc(0.75rem + 0.375rem) calc(0.75rem + 0.375rem);
}
.validated-state .state-check {
  border-color: var(--bs-success);
  color: var(--bs-success);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}
.validated-state .state-text {
  display: none;
}
.validated-state .state-text:before {
  content: "";
  display: inline-block;
  font-size: 0.75rem;
  /* border-radius: clac(var(--dwp-border-radius) - 0.125rem); */
}
.validated-state .state-check + .state-text,
.manager-dialog .validated-state .state-err + .state-text {
  display: block;
}
.validated-state .state-check + .state-text:before {
  content: "사용 가능";
  color: var(--bs-success);
}
.validated-state .state-err + .state-text:before {
  content: "사용 불가능";
  color: var(--bs-danger);
}
.validated-state .state-err {
  border-color: var(--bs-danger);
  color: var(--bs-danger);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}
.validated-state .state-wait:not(input) {
  position: absolute;
  top: 0.375rem;
  right: 0.5rem;
}
.validated-state .state-wait:not(input):before {
  /*로딩중*/
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  color: var(--dwp-form-focus-color);
  vertical-align: -0.125em;
  border: 0.15em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}
.telinputarea {
  text-align: center;
}

/* Reporter */
/* ---------------------------------------------- */
.select-value {
  position: relative;
}
.value-search-bt {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}
.value-temp-box {
  min-height: 5rem;
  max-height: 5rem;
  padding: 0.5rem;
  background-color: var(--dwp-gray-soft);
}
.search_form .value-temp-box {
  padding: 0.5rem 0.5rem 0.5rem 3rem;
}
.value-temp-box > * {
  display: inline-block;
  background-color: rgba(var(--dwp-gray-200-rgb), 0.65);
  border-radius: var(--dwp-border-radius);
  padding: 0.25rem 0.5rem;
  margin-inline-end: 0.25rem;
  margin-block-end: 0.25rem;
}
.type_full-header .value-temp-box > * {
  border-radius: calc(var(--dwp-border-radius) + 0.375rem);
}
/* Monitor */
.monitor-page.wrap_vertical > .row.table_row {
  flex: 1;
}
.monitor-page.wrap_vertical > .row.chart_row {
  flex: 1;
}
.monitor-page.page-callDashBord > .row.chart_row .card {
  height: 100%;
}
/* progress bar */
.progress {
  --bs-bg-opacity: 1;
  --bs-progress-height: 0.925rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: rgba(var(--dwp-gray-200-rgb), var(--dwp-basically-opacity));
  --bs-progress-border-radius: 0.375rem;
  --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color: var(--dwp-white);
  --bs-progress-bar-bg: rgba(var(--dwp-tealGreen-rgb), var(--bs-bg-opacity));
  --bs-progress-bar-transition: width 0.6s ease;

  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.ch-busy .progress-bar {
  background-color: rgba(
    var(--dwp-tealGreen-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.ch-idle .progress-bar {
  background-color: rgba(
    var(--dwp-blueGray-rgb),
    var(--bs-bg-opacity)
  ) !important;
}

/*  */
.countWrap {
  display: flex;
  flex-direction: column;
}
.countWrap > * {
  margin-block: calc(var(--bs-gutter-x) * 1);
}
/* .countWrap:last-child >* {
	margin-bottom: 0;
} */
.statusBox {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: calc(var(--dwp-border-radius) + 0.375rem);
}
.status {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}
.status > * {
  /* flex: 1 auto; */
}
.statusIc {
  font-family: "deotisWP" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  border-radius: calc(var(--dwp-border-radius) + 0.125rem);
  color: rgba(var(--dwp-white-rgb), 0.85);
}
.statusIc:before {
  content: "";
  display: inline-block;
  padding: 0.65rem;
  border-radius: 100%;
  font-size: 1.5rem;
}
.status-busy:before {
  content: "\e918";
  background-color: rgba(var(--dwp-status-busy-rgb), 1);
}
.status-idle:before {
  content: "\e917";
  background-color: rgba(var(--dwp-status-idle-rgb), 1);
}
.status-in:before {
  content: "\e914";
  background-color: rgba(var(--dwp-status-in-rgb), 1);
}
.statusTitle {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.5rem;
  text-align: center;
  border-radius: calc(var(--dwp-border-radius) + 0.125rem);
}
.statusValue {
  font-weight: 700;
  text-align: right;
}
.type_full-header .monitor-page.page-callDashBord .chart_row.countChart {
  flex: 0;
}

/* 비밀번호 보이기 상태 */
.toggle-password {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  font-family: "feather" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
}
.toggle-password.show:before {
  content: "\e95f";
}
.toggle-password.pw_hide:before {
  content: "\e960";
}

/* -- Media : print END -- */
/* ---------------------------------------------- */
@page {
  margin: 0cm auto;
  size: 8.5in 11in;
}
@media print {
  html,
  body,
  .dwp_root,
  .content {
    background-color: transparent;
  }
  .dwp_root {
    display: block;
    color: #555e69;
    background-color: #fff;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    color: #30353b;
  }
  .content {
    color: inherit !important;
  }
  .badge {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
  .card {
    background-color: transparent;
    box-shadow: none;
  }
  .bg-light {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    background-color: #ecf1f4 !important;
  }
  .text-muted {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    color: #727e8c !important;
  }
  .table {
    border-color: #ecf1f4 !important;
    color: #30353b !important;
  }
  .table thead tr,
  .table thead th {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    background-color: transparent !important;
    color: #30353b !important;
  }
  .table tbody tr,
  .table tbody td {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    border-color: #ecf1f4;
    color: #30353b !important;
  }
  .table tbody td {
    background-color: transparent;
    box-shadow: none;
  }
  .table.table-striped tbody tr:nth-child(odd) td {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    background-color: #ecf1f4;
  }
  .header,
  .sidebar,
  .mainnav,
  .content__header,
  footer,
  .scroll-container {
    display: none !important;
  }
  .d-md-flex,
  .d-lg-flex,
  .d-xl-flex {
    display: flex !important;
  }
}