@charset "utf-8";

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Medium';
    src: url('/font//Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('/font//Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('/font//Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

.tui-grid-container {
 /*
  * Forced Reflow 경고 방지용
  *
  * # 원인
  * ToastUI Grid 초기화 시 동기적 DOM 조작:
  * 
  * 1. `new Grid()` 호출 → DOM 요소 대량 생성
  * 2. 내부 Virtual DOM diffing → 레이아웃 계산
  * 3. 연속적인 DOM 읽기/쓰기 → 강제 리플로우
  * 
  * # 발생 경로
  * initializeGrid @ useCommonGrid.js:191
  *   └─ new Grid() @ tui-grid.js:11961
  *       └─ render @ tui-grid.js:1720
  *           └─ diff/idiff/diffAttributes (레이아웃 계산)
  * 
  * # 영향
  * - 36ms ≈ 2프레임 손실 (60fps 기준)
  * - 초기 로딩 시 1회만 발생
  * - 사용자 체감 성능에 큰 영향 없음
  */
  contain: layout style;
}

input[type="checkbox"][name="_checked"][disabled]::after {
    background: #e8e8e8;
    border: 1px solid #e8e8e8;
}

input[type="checkbox"][name="_checked"][disabled]::before {
    border: 2px solid #c9c9c9;
    border-top-style: none;
    border-right-style: none;
}

.disabled-checkbox input[type='checkbox']::after {
    pointer-events: none;
    background: #dcdde4 !important;
    border: 1px solid #dcdde4 !important;
}

.ptr-none input[type='checkbox']::after {
    pointer-events: none;
}

.disabled-row {
    pointer-events: none;
    background-color: #f5f5f5 !important;
    color: #bbb !important;
    cursor: not-allowed;
}

.disabled-row select {
    background-color: #f5f5f5;
}

.disabled-row.allow-events {
    pointer-events: auto;
    cursor: context-menu;
}

.color-picker-container {
    position: relative;
}

.color-picker-container button {
    border: none;
    outline: none;
}

.color-picker-container button:hover {
    transform: scale(1.2);
    z-index: 1;
}

.color-picker-container button:focus {
    outline: none;
    box-shadow: 0 0 0 2px white, 0 0 0 4px rgba(0, 0, 0, 0.1);
}

.color-input {
    border: 1px solid #ddd;
    padding: 4px 8px;
    border-radius: 4px;
    cursor: pointer;
}

.color-palette {
    background-color: white;
    border-radius: 8px;
    padding: 8px;
}

.new-device {
    background-color: #ffe6e4 !important;
}

/* 초기화 */
html {
    overflow-y: scroll;
    font-size: 10px;
}

body {
    padding: 0;
    margin: 0 auto;
    font-size: 1.2rem;
    font-family: 'Pretendard-Regular', sans-serif;
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    letter-spacing: -0.5px;
}

html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
    margin: 0;
    padding: 0;
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    font-family: 'Pretendard-Regular', sans-serif;
}

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

ul,
li,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
    list-style: none;
}

legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
}

label {
    cursor: pointer;
}

label,
input,
button,
select,
img {
    vertical-align: middle;
    font-size: 1.4rem;
}

input,
button {
    margin: 0;
    padding: 0;
    font-family: 'Pretendard-Regular', sans-serif;
    font-size: 1.4rem;
}

input[type='time'],
input[type='password'],
input[type='number'],
input[type='text'] {
    width: 100%;
    height: 3.6rem;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    padding: 0 1rem;
    -webkit-appearance: none;
}

input[type='number']::placeholder,
input[type='password']::placeholder,
input[type='text']::placeholder {
    color: #7a7f99;
    font-size: 1.4rem;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type='submit'] {
    cursor: pointer;
    -webkit-appearance: none;
}

input[type='radio']:checked {
    -webkit-appearance: radio;
    appearance: radio;
}

button {
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
}

.text-ellipsis {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

textarea,
select {
    font-family: 'Pretendard-Regular', sans-serif;
    font-size: 1.4rem;
}

select {
    width: 100%;
    height: 3.6rem;
    padding: 0 1rem;
    padding-right: 3rem;
    font-size: 1.4rem;
    color: #0f0f15;
    background: url('/img/arr_down_b.svg') no-repeat 97% 50% #fff;
    background-size: 1.7rem;
    appearance: none;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

select::-ms-expand {
    display: none;
}

p {
    margin: 0;
    padding: 0;
    word-break: keep-all;
}

hr {
    display: none;
}

pre {
    overflow-x: scroll;
    font-size: 1.1em;
}

a {
    color: #000;
    text-decoration: none;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type='text'],
input[type='email'],
input[type='number'],
input[type='password'],
textarea {
    outline: none;
    -webkit-appearance: none;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
textarea:focus,
select:focus {
    outline: none;
}

.placeholdersjs {
    color: #aaa !important;
}

.custom-padding {
    padding-bottom: 30px;
}

.mouser .m1 {
    justify-content: space-between;
}

.mouser .m1 .le.inner-icon {
    display: flex;
    align-items: center;
}

.login_pop {
    background: url(/img/login_bg.jpg) no-repeat center / cover;
}

.pop_cont {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.outb {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inb {}

.login_cont {
    width: 48rem;
    max-width: 48rem;
    margin: 0 auto;
}

.login_cont h1 {
    font-size: 0;
    height: 4.4rem;
    background: url(/img/ex_logo.svg) no-repeat center/31rem;
    margin-bottom: 3rem;
}

.login_wr {}

.login_wr .ipt {}

.login_wr .ipt input {
    width: 100%;
    height: 4.8rem;
    padding: 0 1.5rem;
    font-size: 1.6rem;
    border-radius: 4px;
    border: 1px solid #dcdde4;
    background: #f3f4f6;
    color: #0f0f15;
}

.login_wr .ipt input::placeholder {
    color: #7a7f99;
}

.login_wr .ipt input:focus {
    border: 1px solid #1a3868;
}

.login_wr #id.ipt {
    margin-bottom: 1.5rem;
}

.login_wr #pw.ipt {
    margin-bottom: 2.5rem;
}

.icon_whWr {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.icon_whWr .m1 {
    font-size: 1.4rem;
    color: #7a7f99;
    margin-left: 5px;
}

.icon_wh {
    width: 1.6rem;
    height: 1.6rem;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_wh.icon1 {
    background-image: url(/img/Login-user.svg);
}

.icon_wh.icon2 {
    background-image: url(/img/Login-lock.svg);
}

.icon_wh.icon3 {
    background-image: url(/img/Login-id.svg);
}

.icon_wh.icon4 {
    background-image: url(/img/Login-pw.svg);
}

.icon_wh.icon5 {
    background-image: url(/img/pop-email.svg);
}

.icon_wh.icon6 {
    background-image: url(/img/pop-phone.svg);
}

.go_btn {}

.go_btn button {
    width: 100%;
    border-radius: 4px;
    height: 4.8rem;
    border: 0;
    background: #1a3868;
    color: #fff;
    font-size: 1.6rem;
}

.login_wr .bt {
    margin-top: 3rem;
}

.login_wr .bt ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login_wr .bt ul li {
    font-size: 1.4rem;
    cursor: pointer;
}

.login_wr .bt .icon_whWr {
    margin-bottom: 0;
}

.login_wr .bt .icon_whWr .m1 {
    color: #0f0f15;
}

.commChk input {
    margin-right: 1.5rem;
}

.login_wr .bt_logo {
    width: 88px;
    height: 44px;
    margin: 3rem auto 0;
}

.master_chk {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: right;
}

.master_chk .txt {
    font-size: 1.6rem;
    color: #0f0f15;
    margin-right: 0.8rem;
}

.master_chk label {}

.toggleSwitch {
    width: 4rem;
    height: 2.4rem;
    display: block;
    position: relative;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #dcdde4;
    cursor: pointer;
}

.toggleSwitch .toggleButton {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #dcdde4;
}

#mstChk:checked~.toggleSwitch {
    background: #1a3868;
}

#mstChk:checked~.toggleSwitch .toggleButton {
    left: calc(100% - 20px);
    background: #fff;
}

.toggleSwitch,
.toggleButton {
    transition: all 0.2s ease;
}

#login .iptCont {
    background: #fff;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.04);
    border-radius: 12px;
    padding: 5.5rem 5rem;
}

.chk_ani {
    cursor: pointer;
    position: relative;
    margin-right: 1rem;
}

.chk_ani:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: rotate(-45deg) scale(0, 0);
    content: '';
    position: absolute;
    left: 2px;
    top: 1px;
    z-index: 1;
    width: 10px;
    height: 6px;
    border: 2px solid #fff;
    border-top-style: none;
    border-right-style: none;
}

.chk_ani:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -1px;
    width: 1.6rem;
    height: 1.6rem;
    background: #fff;
    border: 1px solid #dcdde4;
    cursor: pointer;
    border-radius: 4px;
}

.chk_ani:checked:before {
    transform: rotate(-45deg) scale(1, 1);
}

.chk_ani:checked:after {
    background: #1a3868 !important;
    border: 1px solid #1a3868;
}

input.chk_ani[checked][disabled]::after,
input.chk_ani[checked][disabled]::before {
    cursor: default;
}

input.bg-light-gray[disabled],
input.bg-light-gray[disabled]::after {
    background-color: #F3F4F6 !important;
}

.chk_ani:focus {
    outline: none;
}

/* 일부만 선택된 상태 (indeterminate) - 가로줄 표시 */
/* checked 상태에서도 indeterminate 스타일이 우선 적용되도록 */
.chk_ani.chk_indeterminate:before,
.chk_ani:checked.chk_indeterminate:before {
    transform: none !important;
    content: '';
    position: absolute;
    left: 2px;
    top: 5px;
    z-index: 1;
    width: 10px;
    height: 2px;
    background: #fff;
    border: none;
}

.chk_ani.chk_indeterminate:after,
.chk_ani:checked.chk_indeterminate:after {
    background: #1a3868 !important;
    border: 1px solid #1a3868;
}

.pwIptSpc {
    position: relative;
}

.pwIptSpc .del,
.pwIptSpc .view {
    width: 4em;
    height: 4rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.6rem;
    position: absolute;
    top: 50%;
    margin-top: -2rem;
    z-index: 1;
    cursor: pointer;
}

.pwIptSpc .del {
    right: 4rem;
    background-image: url(/img/Login-del.svg);
}

.pwIptSpc .view {
    right: 0;
    background-image: url(/img/Login-view-x.svg);
}

.pwIptSpc input[type='text']+.del+.view {
    background-image: url(/img/Login-view.svg);
}

.popCont {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 100;
}

.popCont .wr {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Meal3 .date.Hday_setA {}

.subp_comm .tui-grid-tree-depth {
    width: 2rem;
}

.subp_comm .tui-grid-btn-tree {
    padding-left: 0;
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
}

.subp_comm .tui-grid-tree-button-collapse .tui-grid-btn-tree i {
    width: 2rem;
    height: 2rem;
    background: url(../img/pmi_p.svg) no-repeat center;
}

.subp_comm .tui-grid-tree-button-expand .tui-grid-btn-tree i {
    position: relative;
    width: 2rem;
    height: 2rem;
    background: url(../img/pmi_m.svg) no-repeat center;
    margin-top: 0;
    z-index: 2;
}

.subp_comm .tui-grid-tree-icon {
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
}

.subp_comm .tui-grid-tree-button-collapse .tui-grid-tree-icon i {
    width: 2rem;
    height: 2rem;
    background: url(../img/fod_close.svg) no-repeat center;
}

.subp_comm .tui-grid-tree-button-expand .tui-grid-tree-icon i {
    position: relative;
    margin-left: 2px;
    width: 2rem;
    height: 2rem;
    background: url(../img/fod_open.svg) no-repeat center;
}

.subp_comm .tui-grid-tree-icon {
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
}

.subp_comm .tui-grid-tree-icon i {
    width: 2rem;
    height: 2rem;
    background: url(../img/eq_name.svg) no-repeat center;
}

.popCont .in {
    width: 44rem;
    max-width: 44rem;
}

.popCont .ctt {
    background: #fff;
    padding: 2.5rem 2.5rem;
    border-radius: 4px;
    box-shadow: 0px 24px 28px -12px rgba(0, 0, 0, 0.04);
    overflow: auto;
    max-height: 100vh;
}

.popCont .ctt.overflow-visible {
    overflow: visible;
}

.popCont .ctt .abox {}

.popCont .ctt .abox .m1 {
    font-size: 1.8rem;
    border-bottom: 1px solid #ebefef;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    position: relative;
}

.popCont .ctt .abox .m1 .icon {
    width: 2.4rem;
    height: 2.4rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
}

.popCont .ctt .abox .m1 .icon.ic1 {
    background-image: url(/img/pop-arm.svg);
}

.popCont .ctt .abox .m1 .icon.ic2 {
    background-image: url(/img/pop-sch.svg);
}

.popCont .ctt .abox .m1 .icon.Up {
    background-image: url(/img/Up_ic.svg);
}

.popCont .ctt .abox .m1 .icon.Cal {
    background-image: url(/img/cal_ic.svg);
}

.popCont .ctt .abox .m1 .icon.reFresh {
    background-image: url(/img/Refresh_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Del {
    background-image: url(/img/Del_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Save {
    background-image: url(/img/save_ic.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Minus {
    background-image: url(/img/Minus_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Plus {
    background-image: url(/img/Plus_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Updt {
    background-image: url(/img/update_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Timei {
    background-image: url(/img/time_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.imPort {
    background-image: url(/img/import_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.ExDw {
    background-image: url(/img/ExDw_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Ji {
    background-image: url(/img/ji_ic.svg);
}

.popCont .ctt .abox .m1 .icon.Cam {
    background-image: url(/img/webcam.svg);
}


.popCont .ctt .abox .m1 .icon.Copy {
    background-image: url(/img/Copy_24.svg);
}

.popCont .ctt .abox .m1 .icon.log {
    background-image: url(/img/log_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.firm {
    background-image: url(/img/firm_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Cam {
    background-image: url(/img/cam_ic.svg);
}

.popCont .ctt .abox .m1 .icon.Set {
    background-image: url(/img/set_off.svg);
}

.popCont .ctt .abox .m1 .icon.Work1 {
    background-image: url(/img/work1_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Work2 {
    background-image: url(/img/work2_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Work3 {
    background-image: url(/img/work3_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.info {
    background-image: url(/img/info_ic.svg);
}

.popCont .ctt .abox .m1 .icon.success {
    background-image: url(/img/success_ic.svg);
}

.popCont .ctt .abox .m1 .icon.Mody {
    background-image: url(/img/Mody_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Cau_tri {
    background-image: url(/img/cau_tri.svg);
}

.popCont .ctt .abox .m1 .icon.Esend {
    background-image: url(/img/Esend_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Cau {
    background-image: url(/img/cau_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.List {
    background-image: url(/img/List_off.svg);
    background-size: 2.4rem;
}

.filter-disabled,
.sort-disabled {
    pointer-events: none;
    opacity: 0.4;
}

.tui-grid-filter-container {
    display: none !important;
}

.popCont .ctt .abox .m1 .icon.Error {
    background-image: url(/img/Error_ic.svg);
}

.popCont .ctt .abox .m1 .icon.Success {
    background-image: url(/img/check_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Change {
    background-image: url(/img/update_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Reset {
    background-image: url(/img/reset_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Fol {
    background-image: url(/img/Fol_ic.svg);
}

.popCont .ctt .abox .m1 .icon.ExUp {
    background-image: url(/img/ExUp_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.User {
    background-image: url(/img/user_ic_b.svg);
}

.popCont .ctt .abox .m1 .icon.Dan {
    background-image: url(/img/dan_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Cash {
    background-image: url(/img/Cash_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Sch {
    background-image: url(/img/sch_ic.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.mbSend {
    background-image: url(/img/mbSend_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.play_b {
    background-image: url(/img/play_b_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Chk {
    background-image: url(/img/Chk_ic.svg);
}

.popCont .ctt .abox .m1 .icon.firm {
    background-image: url(/img/firm_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.FileIc {
    background-image: url(/img/File_add_ic.svg);
}

.popCont .ctt .abox .m1 .icon.Log {
    background-image: url(/img/log_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Simul {
    background-image: url(/img/Simul_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Cald {
    background-image: url(/img/Cald_ic.svg);
}

.popCont .ctt .abox .m1 .icon.Atadd {
    background-image: url(/img/Atadd_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.OverT {
    background-image: url(/img/OverT_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Print {
    background-image: url(/img/Print_off.svg);
    background-size: 2.4rem;
}

.popCont .ctt .abox .m1 .icon.Conn {
    background-image: url(/img/conn_ic.svg);
}

.popCont .ctt .abox .m1 .icon.Send {
    background-image: url(/img/Esend_off.svg);
}

.popCont .ctt .abox .m1 .icon.expand-icon {
    background-size: cover;
}

.popCont .ctt .abox .m2 {
    font-size: 1.6rem;
    color: #1a3868;
    text-align: center;
    margin-bottom: 2rem;
    padding: 2.4rem 1.6rem;
    border-radius: 4px;
    background: rgba(44, 70, 110, 0.05);
    line-height: 1.5;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    word-break: keep-all;
}

.popCont .ctt .abox .m2 .s1,
.popCont .ctt .abox .m2 .s2 {
    font-size: 1.6rem;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.popCont .ctt .abox .m2 .s1 {
    color: #7a7f99;
}

.popCont .ctt .abox .m2 .s2 {
    color: #1a3868;
    margin-left: 5px;
}
.popCont .ctt .abox .txt-sub { text-align: center; margin-bottom: 12px; font-size: 1.55rem; }
.popCont .frm_dwn {
    display: inline-flex;
    align-items: center;
    margin-top: 1.5rem;
    font-size: 1.4rem;
    color: #1a3868;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    justify-content: center;
    border-radius: 4px;
    background: rgba(44, 70, 110, 0.05);
    padding: 1rem 2rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.popCont .frm_dwn .ic {
    width: 1.6rem;
    height: 1.6rem;
    background: url(/img/List_ic.svg) no-repeat center;
    margin-right: 0.8rem;
}

.popCont .frm_dwn:hover {
    background: rgba(0, 82, 164, 0.2);
}

.popCont .ctt .abox .m3 {
    font-size: 1.5rem;
    color: #353745;
    line-height: 1.5;
    white-space: pre-line;
}

.popCont .ctt .abox .m4 {
    font-size: 1.6rem;
    color: #0f0f15;
    margin-bottom: 2rem;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    text-align: center;
}

.popCont .ctt .bbox {
    display: flex;
    justify-content: right;
    align-items: center;
    margin-top: 3rem;
}

.popCont .ctt .closeBtn {
    background: #1a3868;
    border: 1px solid #1a3868;
    color: #fff;
    font-size: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 10rem;
    height: 4.8rem;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 1rem;
    transition: all 0.3s ease;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.popCont .ctt .closeBtn:disabled {
    background: #dcdde4;
    border-color: #dcdde4;
    cursor: not-allowed;
    color: #0f0f15;
    opacity: 0.5;
}

.popCont .ctt .closeBtn.aBg {
    border: 1px solid #dcdde4;
    color: #0f0f15;
    background: #fff;
}

.popCont .ctt .closeBtn.bdr {
    background: #fff;
    border: 1px solid #1a3868;
    color: #1a3868;
}

.popCont .ctt .closeBtn:hover:not(:disabled) {
    background-color: #0f0f15;
    color: #fff;
    border: 1px solid #0f0f15;
}

.popCont .ctt .closeBtn.Del:hover {
    background-color: #f84646 !important;
    border: 1px solid #f84646 !important;
    color: #fff;
}

.popCont .ctt .closeBtn.aBg:hover {
    background-color: #0f0f15;
    border: 1px solid #0f0f15;
    color: #fff;
}

.popCont .ctt .closeBtn.ingBtn {
    background: #fff;
    border: 1px solid #dcdde4;
    color: #dcdde4;
}

.popCont .ctt .findBtn {
    background: #1a3868;
    border: 1px solid #1a3868;
    color: #fff;
    font-size: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 10rem;
    height: 4.8rem;
    border-radius: 4px;
    cursor: pointer;
}

.popCont .findResult {
    font-size: 1.6rem;
    border: 1px solid #1a3868;
    color: #1a3868;
    text-align: center;
    padding: 2.4rem 1.6rem;
    border-radius: 4px;
    background: rgba(0, 82, 164, 0.07);
    line-height: 1.5;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.popCont .txta {
    margin-top: 1rem;
}

.popCont .txta textarea {
    width: 100%;
    height: 10rem;
    white-space: pre-wrap;
    border: 1px solid #dcdde4;
    resize: none;
    border-radius: 4px;
    padding: 1rem 1rem;
    font-size: 1.4rem;
    line-height: 1.3;
    color: #353745;
    margin-bottom: 8px;

}

.popCont .ctt .abox .topm {
    font-size: 1.6rem;
    color: #353745;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    word-break: keep-all;
    line-height: 1.5;
    margin-bottom: 1.6rem;
    text-align: center;
}

.popIpt {
    margin-top: 3rem;
}

.popIpt ul {}

.popIpt ul li {
    margin-bottom: 1.5rem;
}

.popIpt .tit {
    font-size: 1.5rem;
    width: 7rem;
}

.popIpt .ipt {
    flex: 1;
}

.popIpt .ipt input {
    width: 100%;
    height: 4.8rem;
    border: 1px solid #dcdde4;
    background: #fff;
    border-radius: 4px;
    padding: 0 1rem;
    font-size: 1.5rem;
}

.popIpt .ipt input:focus {
    border: 1px solid #1a3868;
}

.copy_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.copy_box .h100 {
    height: 40rem;
}

.copy_box .w50 {
    width: 46.5%;
}

.copy_box .arr {
    width: 7%;
    position: relative;
}

.copy_box .arr:before {
    content: '';
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    background: url(/img/arr_b.svg) no-repeat center;
    top: 0;
    left: 50%;
    margin-left: -1.2rem;
}

.copy_box .schWr {
    margin-bottom: 2rem;
}

.copy_box .w33_Hcont {
    height: 38rem;
    margin-top: 0;
}

.copy_box .w33_Hcont.HD_copyH {
    height: auto;
}

.copy_box .w33_Hcont.HD_copyH .scrCont .list label {
    flex: 1;
}

.copy_clist {
    margin-bottom: 1.6rem;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    padding: 1rem 2rem;
}

.copy_clist.disabled-border {
    border: none;
    border-radius: 0px;
}

.copy_clist.disabled-white-space {
    margin-bottom: 0rem;
    padding: 0rem;
}

.copy_clist .inwr {}

.copy_clist .list {
    font-size: 1.4rem;
    border-bottom: 1px solid #ebebef;
    display: flex;
    align-items: baseline;
    padding-bottom: 0.8rem;
    margin-bottom: 1.2rem;
}

.copy_clist .list:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.copy_clist .list .subj {
    width: auto;
    min-width: 8rem;
    padding-left: 2.2rem;
    position: relative;
    flex-shrink: 0;
}

.copy_clist .list .ic1:before,
.copy_clist .list .ic2:before,
.copy_clist .list .ic3:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
}

.copy_clist .list .ic1:before {
    background: url(../img/copy_list_ic1.svg) no-repeat center;
}

.copy_clist .list .ic2:before {
    background: url(../img/copy_list_ic2.svg) no-repeat center / 1.7rem;
}

.copy_clist .list .ic3:before {
    background: url(../img/copy_list_ic3.svg) no-repeat center;
}

.copy_clist .list .cont {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-height: 4rem;
    padding-left: 1rem;
}

.copy_clist .list .blue2 {
    color: #1a3868;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.copy_clist .list .tagt {
    position: relative;
    border-radius: 50rem;
    background: #1a3868;
    font-size: 1.2rem;
    color: #fff;
    padding: 0.7rem 1rem;
    margin-right: 2.6rem;
    margin-left: 2px;
}

.copy_clist .list .tagt:after {
    content: '';
    position: absolute;
    top: 0.6rem;
    right: -2.1rem;
    width: 1.4rem;
    height: 1.4rem;
    background: url(../img/arr_right_g.svg) no-repeat center / 100%;
}

.copy_clist .list .tagt_list {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.copy_clist .list .tagt_list span {
    border-radius: 50rem;
    background: #fff;
    color: #1a3868;
    border: 1px solid #1a3868;
    padding: 0.7rem 1rem;
    font-size: 1.2rem;
    margin: 4px 2px;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    display: inline-flex;
    align-items: center;
}

.copy_clist .list .tagt_list .del {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    cursor: pointer;
    margin-left: 4px;
    background: url(/img/cc_del.svg) no-repeat center / 17px;
}

.copy_clist .list .tagt_list .sec_del {}

/* 아코디언 기능 스타일 */
.copy_clist {
    position: relative;
}

.copy_clist .accordion_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
}

.copy_clist .accordion_header .subj {
    width: auto;
    min-width: 8rem;
    padding-left: 2.2rem;
    position: relative;
    flex-shrink: 0;
    font-size: 1.4rem;
}

.copy_clist .accordion_header .subj.ic2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    background: url(../img/copy_list_ic2.svg) no-repeat center / 1.7rem;
}

.copy_clist .accordion_preview {
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0 1rem;
    position: relative;
    overflow: hidden;
}

.copy_clist .accordion_preview .tagt_list {
    display: flex;
    flex-wrap: nowrap;
    flex: 1;
}

.copy_clist .accordion_preview .tagt_list span {
    border-radius: 50rem;
    background: #fff;
    color: #1a3868;
    border: 1px solid #1a3868;
    padding: 0.7rem 1rem;
    font-size: 1.2rem;
    margin: 4px 2px;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
}

.copy_clist .accordion_preview .tagt_list .del {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    cursor: pointer;
    margin-left: 4px;
    background: url(/img/cc_del.svg) no-repeat center / 17px;
}

.copy_clist .accordion_preview .ellipsis {
    color: #666;
    font-size: 1.4rem;
    font-weight: bold;
    padding-left: 0.5rem;
    flex-shrink: 0;
}

/* 펼쳤을 때 미리보기 숨김 */
.copy_clist.accordion_open .accordion_preview {
    display: none;
}

.copy_clist .accordion_toggle {
    width: 24px;
    height: 24px;
    border: 1px solid #dcdde4;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex-shrink: 0;
    transition: border-color 0.2s ease;
}

.copy_clist .accordion_toggle:hover {
    border-color: #1a3868;
}

.copy_clist .accordion_toggle .arrow_icon {
    display: inline-block;
    font-size: 12px;
    color: #666;
    transition: transform 0.3s ease;
    transform: rotate(-90deg);
}

.copy_clist .accordion_toggle.open .arrow_icon {
    transform: rotate(90deg);
}

.copy_clist .accordion_toggle:hover .arrow_icon {
    color: #1a3868;
}

.copy_clist .accordion_content {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #dcdde4;
    border-top: none;
    border-radius: 0 0 4px 4px;
    z-index: 100;
    max-height: 0;
    overflow: hidden;
    padding: 0 2rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: translateY(-10px);
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out, padding 0.3s ease-out;
}

.copy_clist.accordion_open .accordion_content {
    max-height: 300px;
    overflow-y: auto;
    padding: 1rem 2rem;
    opacity: 1;
    transform: translateY(0);
}

.copy_clist .accordion_content .tagt_list {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.copy_clist .accordion_content .tagt_list span {
    border-radius: 50rem;
    background: #fff;
    color: #1a3868;
    border: 1px solid #1a3868;
    padding: 0.7rem 1rem;
    font-size: 1.2rem;
    margin: 4px 2px;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    display: inline-flex;
    align-items: center;
}

.copy_clist .accordion_content .tagt_list .del {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    cursor: pointer;
    margin-left: 4px;
    background: url(/img/cc_del.svg) no-repeat center / 17px;
}

/* copy_modal accordion for .list */
.copy_clist .list.accordion_open {
    position: relative;
}

.copy_clist .list .accordion_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.copy_clist .list .accordion_header .subj {
    width: auto;
    min-width: 8rem;
    flex-shrink: 0;
}

.copy_clist .list .accordion_header .cont {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copy_clist .list .accordion_preview {
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0 1rem;
}

.copy_clist .list .accordion_preview .tagt_list {
    display: flex;
    flex-wrap: nowrap;
    flex: 1;
}

.copy_clist .list .accordion_preview .ellipsis {
    color: #666;
    font-size: 1.4rem;
    font-weight: bold;
    padding-left: 0.5rem;
    flex-shrink: 0;
}

.copy_clist .list.accordion_open .accordion_preview {
    display: none;
}

.copy_clist .list .accordion_toggle {
    width: 24px;
    height: 24px;
    border: 1px solid #dcdde4;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex-shrink: 0;
    transition: border-color 0.2s ease;
}

.copy_clist .list .accordion_toggle:hover {
    border-color: #1a3868;
}

.copy_clist .list .accordion_toggle .arrow_icon {
    display: inline-block;
    font-size: 12px;
    color: #666;
    transition: transform 0.3s ease;
    transform: rotate(-90deg);
}

.copy_clist .list .accordion_toggle.open .arrow_icon {
    transform: rotate(90deg);
}

.copy_clist .list .accordion_toggle:hover .arrow_icon {
    color: #1a3868;
}

.copy_clist .list .accordion_content {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #dcdde4;
    border-top: none;
    border-radius: 0 0 4px 4px;
    z-index: 100;
    max-height: 0px;
    overflow: hidden;
    padding: 0 2rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: translateY(-10px);
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out, padding 0.3s ease-out;
}

.copy_clist .list.accordion_open .accordion_content {
    max-height: 580px !important;
    overflow-y: auto;
    padding: 1rem 2rem;
    opacity: 1;
    transform: translateY(0);
}

.copy_clist .list .accordion_content .tagt_list {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.user_dan_h .w33_Hcont,
.eq_add_ly .w33_Hcont {
    width: 100%;
    border: 1px solid #dcdde4;
    background: #f3f4f6;
    overflow-y: auto;
    border-radius: 4px;
}

.eq_add_ly .copy_clist .list .subj {
    width: 10rem;
}

.eq_add_ly .copy_clist .list .tagt_list span {
    display: flex;
    align-items: center;
}

.user_dan_h .w33_Hcont .t2,
.eq_add_ly .w33_Hcont .t2,
.eq_add_ly .w33_Hcont .t3 {
    flex: 1;
}

.user_dan_h .w33_Hcont .w3,
.eq_add_ly .w33_Hcont .w3 {
    border-left: 1px solid #dcdde4;
}

.tid_label {
    font-size: 1.4rem;
    border-left: 1px solid #dcdde4;
    position: relative;
    height: 4rem;
    padding: 0 1.2rem;
    display: flex;
    align-items: center;
    flex: 1;
}

.tid_label.justify-center {
    justify-content: center;
}

#hd {
    position: fixed;
    top: 0;
    left: 24rem;
    right: 0;
    z-index: 100;
    height: 6rem;
    background: #fff;
    border-bottom: 1px solid #dcdde4;
    transition: all 0.3s ease;
    /*background: linear-gradient(303deg, #38679B -16.37%, #212845 116.37%); */
}

#hd .hd_in {
    display: flex;
    justify-content: space-between;
    padding: 0 2rem;
    height: 100%;
}

#hd .le {
    display: flex;
    align-items: center;
}

#hd .menu_hd_txt {
    font-size: 2.4rem;
    color: #1a3868;
    font-family: 'Pretendard-Bold';
    font-weight: 700;
    margin-left: 1.2rem;
}

#hd .ri {
    display: flex;
    align-items: center;
}

#hd .ri .qk {
    display: flex;
    align-items: center;
}

#hd .ri .qk li {
    margin-left: 2rem;
}

#hd .ri .ic {
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
    position: relative;
}

#hd .ri .ic1 {
    background: url(/img/hd_ic1.svg) no-repeat center / 100%;
}

#hd .ri .ic2 {
    background: url(/img/hd_ic2.svg) no-repeat center / 100%;
}

#hd .ri .ic3 {
    background: url(/img/hd_ic3.svg) no-repeat center / 100%;
}

#hd .ri .ic4 {
    background: url(/img/hd_ic4.svg) no-repeat center / 100%;
}

#hd .ri .ic5 {
    background: url(/img/hd_ic5.svg) no-repeat center / 100%;
}

#hd .ri .ic6 {
    background: url(/img/hd_ic6.svg) no-repeat center / 100%;
}

#hd .ri .ic7 {
    background: url(/img/language_icon.svg) no-repeat center / 100%;
}

#hd .alm_cnt {
    position: absolute;
    top: -6px;
    right: -8px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #eb4852;
    min-width: 18px;
    text-align: center;
    padding: 1px 1px;
    font-size: 1rem;
    color: #fff;
}

#hd .ri .sch {
    display: flex;
    align-items: center;
    border: 1px solid #dcdde4;
    border-radius: 4px;
}

#hd .ri .ipt {
    width: 20.2rem;
    height: 3.6rem;
}

#hd .ri .ipt input {
    width: 100%;
    height: 100%;
    border: 0;
    background: #f3f4f6;
    border-radius: 4px 0 0 4px;
    padding: 0 1rem;
}

#hd .ri .sch_btn {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 0 4px 4px 0;
    background: url(/img/sch_ic.svg) no-repeat rgba(0, 0, 0, 0.04) center / 2.2rem;
    cursor: pointer;
}

.userinfo {
    margin-right: 3rem;
}

.userinfo .txt {
    display: flex;
    align-items: center;
}

.userinfo .txt .m1 {
    color: #777;
    font-size: 1.4rem;
    margin-right: 1rem;
}

.userinfo .txt .m2 {
    font-size: 1.6rem;
    color: #111;
}

.dash_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
}

.dash_logo .wr {
    display: flex;
    align-items: center;
    justify-content: center;
}

.back_ic {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 4px;
    background-color: #f3f4f6;
    background-image: url(/img/back_ic.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.aSideLogo {
    width: 18.5rem;
    height: 2.2rem;
    background: url(/img/dash_logo_c.svg) no-repeat center/100%;
}

#aSide {
    position: fixed;
    left: 0;
    top: 0;
    width: 24rem;
    bottom: 0;
    z-index: 9;
    background: #fff;
    border-right: 1px solid #dcdde4;
    transition: all 0.3s ease;
}

#aSide nav {
    position: absolute;
    top: 11.9rem;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 2rem 5rem;
    overflow-y: auto;
    border-top: 1px solid #dcdde4;
}

*::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

*::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 10px;
}

*::-webkit-scrollbar-track {
    background: #f3f4f6;
}

#aSide nav ul {}

#aSide nav ul li {
    position: relative;
}

#aSide nav ul li:after {
    content: '';
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: 2rem;
    height: 2rem;
    background: url(/img/menu_arr.svg) no-repeat center / 2rem;
    transition: all 0.3s ease;
    pointer-events: none;
}

#aSide nav ul li:before {
    content: '';
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 1.2rem;
    left: 0;
    background-size: 2rem;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

#aSide nav ul li.menu1:before {
    background-image: url(/img/nav_ic1.svg);
}

#aSide nav ul li.menu2:before {
    background-image: url(/img/nav_ic2-0.svg);
}

#aSide nav ul li.menu3:before {
    background-image: url(/img/nav_ic2.svg);
}

#aSide nav ul li.menu4:before {
    background-image: url(/img/nav_ic3.svg);
}

#aSide nav ul li.menu5:before {
    background-image: url(/img/nav_ic4.svg);
}

#aSide nav ul li.menu6:before {
    background-image: url(/img/nav_ic6-0.svg);
}

#aSide nav ul li.menu7:before {
    background-image: url(/img/nav_ic5.svg);
}

#aSide nav ul li.menu8:before {
    background-image: url(/img/nav_ic6.svg);
}

#aSide nav ul li.menu9:before {
    background-image: url(/img/nav_ic7.svg);
}

#aSide nav ul li.menu10:before {
    background-image: url(/img/nav_ic8.svg);
}

#aSide nav ul li.menu11:before {
    background-image: url(/img/nav_ic2.svg);
}

#aSide nav ul li.menu1.navOn:before {
    background-image: url(/img/nav_ic1_on.svg);
}

#aSide nav ul li.menu2.navOn:before {
    background-image: url(/img/nav_ic2-0_on.svg);
}

#aSide nav ul li.menu3.navOn:before {
    background-image: url(/img/nav_ic2_on.svg);
}

#aSide nav ul li.menu4.navOn:before {
    background-image: url(/img/nav_ic3_on.svg);
}

#aSide nav ul li.menu5.navOn:before {
    background-image: url(/img/nav_ic4_on.svg);
}

#aSide nav ul li.menu6.navOn:before {
    background-image: url(/img/nav_ic6-0_on.svg);
}

#aSide nav ul li.menu7.navOn:before {
    background-image: url(/img/nav_ic5_on.svg);
}

#aSide nav ul li.menu8.navOn:before {
    background-image: url(/img/nav_ic6_on.svg);
}

#aSide nav ul li.menu9.navOn:before {
    background-image: url(/img/nav_ic7_on.svg);
}

#aSide nav ul li.menu10.navOn:before {
    background-image: url(/img/nav_ic8_on.svg);
}

#aSide nav ul li.menu11.navOn:before {
    background-image: url(/img/nav_ic2_on.svg);
}

#aSide nav ul li.menu1:after {
    display: none;
}

/*
#aSide .navOn .dum {position: absolute; right: 0; top: -17px; background: #E9ECF6; width: 14px; height: 78px;} 
#aSide .navOn .dum:before {content: ""; position: absolute; border-right: 14px solid #1A3868; top: 0px; z-index: 2; right: 0; bottom: 0; height: 20px; border-top-color: transparent; border-left-color: transparent; border-bottom: transparent; border-radius: 0 0 48px 0;} 
#aSide .navOn .dum:after {content: ""; position: absolute; border-right: 14px solid #1A3868; top: 62px; z-index: 1; right: 0; bottom: 0; height: 20px; border-top-color: transparent; border-left-color: transparent; border-bottom: transparent; border-radius: 0 48px 0 0;} 
#aSide .navOn .menuWr {color: #FFF !important; background: linear-gradient(303deg, #38679B -16.37%, #212845 116.37%);} 
*/
#aSide nav .menuWr {
    position: relative;
    color: #7a7f99;
    height: 4.4rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-left: 3.2rem;
    font-size: 1.6rem;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

#aSide .navOn .menuWr {
    color: #1a3868 !important;
}

#aSide li.expanded:after,
#aSide nav ul li.on:after {
    background: url(/img/menu_arr_on.svg) no-repeat center / 2rem;
    transform: rotate(-90deg);
}

#aSide nav ul li.navOn.on:after {
    transform: rotate(90deg);
}

#aSide nav ul li.navOn:before {}

#aSide nav ul li:hover .menuWr {
    color: #1a3868;
}

#aSide .Dep2 {
    padding-left: 3rem;
    position: relative;
}

#aSide .Dep2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0.8rem;
    width: 1px;
    height: calc(100% - 1.7rem);
    background: #dcdde4;
}

#aSide .Dep2 .lk {
    position: relative;
}

#aSide .Dep2 .lk:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -2.2rem;
    width: 1.5rem;
    height: 1px;
    background: #dcdde4;
}

#aSide .Dep2 .lk a {
    font-size: 1.4rem;
    color: #353745;
    padding: 0 1.2rem;
    display: flex;
    align-items: center;
    height: 3.6rem;
    border-radius: 4px;
}

#aSide .Dep2 .DepOn.lk {
    padding-left: 1.7rem;
}

#aSide .Dep2 .lk.navOn2 a {
    background: rgba(0, 82, 164, 0.05);
    color: #1a3868;
}

#aSide .Dep2 .fav_add {
    position: absolute;
    top: 0;
    right: 0.5rem;
    width: 3.6rem;
    height: 3.6rem;
    background: url(/img/fav_off.svg) no-repeat center;
    cursor: pointer;
}

#aSide .Dep2 .fav_add.On {
    background: url(/img/fav_on.svg) no-repeat center;
}

.nav_tit {
    font-size: 1.4rem;
    color: #c6c8d7;
    padding-top: 2rem;
    padding-bottom: 8px;
}

.mymenu {
    padding: 0 2rem 1.9rem;
}

.user_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 2rem;
}

.user_info .myPic {
    position: relative;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: url(/img/def_user.svg) no-repeat rgba(0, 82, 164, 0.22) center / 70%;
}

.user_info .myPic img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.user_info .txt {
    padding: 0 1.2rem;
    width: 11.6rem;
}

.user_info .txt .m1 {
    font-size: 1.2rem;
    color: #7a7f99;
    margin-bottom: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
}

.user_info .txt .m2 {
    font-size: 1.6rem;
    color: #0f0f15;
    font-family: 'Pretendard-SemiBold';
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
}

.all_openM {
    position: absolute;
    top: 1rem;
    right: 2rem;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 4px;
    background: url(/img/plus_ic.svg) no-repeat rgba(0, 0, 0, 0.04) center / 2.2rem;
    cursor: pointer;
    z-index: 1;
}

.all_openM.on {
    background: url(/img/Minus_off.svg) no-repeat rgba(0, 0, 0, 0.04) center / 2.2rem;
}

.myFav {}

.myFavOpen {
    position: relative;
    display: flex;
    align-items: center;
    height: 4rem;
    background: #f3f4f6;
    border-radius: 4px;
    padding: 0 1rem;
    font-size: 1.6rem;
    color: #7a7f99;
    cursor: pointer;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    border-radius: 4px;
}

.myFavOpen:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 4rem;
    height: 4rem;
    background: url(/img/menu_right_on.svg) no-repeat center;
    transition: all 0.3s ease;
    transform: rotate(-180deg);
}

.myFavOpen .ic {
    width: 2rem;
    height: 2rem;
    background-image: url(/img/fav_on.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
}

.myFav .din {
    display: none;
    margin-top: 1rem;
    background: #fff;
    z-index: 2;
    position: relative;
    border-radius: 4px;
    padding: 1rem 0;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.04);
    border: 1px solid #ebefef;
    height: 30rem;
    overflow: auto;
}

.myFav .din .list {
    position: relative;
    height: 3.6rem;
    padding-left: 3rem;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #353745;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.myFav .din .list:hover {
    background: #f2f6fa;
}

.myFav .din .list:before {
    content: '';
    position: absolute;
    top: 16px;
    left: 15px;
    width: 4px;
    height: 4px;
    background: #7a7f99;
    border-radius: 50%;
}

.myFav .din .list .del {
    position: absolute;
    top: 0;
    right: 0;
    width: 4rem;
    height: 4rem;
    background: url(/img/del_ic.svg) no-repeat center;
    z-index: 1;
    cursor: pointer;
}

.myFavOpen.On+.din {
    display: block;
}

.myFavOpen.On:after {
    transform: rotate(0);
}

.error-message {
    color: #ff0000;
    padding: 5px 0;
    font-size: 1.6rem;
}

.subp_comm {
    padding-top: 1rem;
}

.subp_mTab {
    position: fixed;
    top: 6rem;
    left: 24rem;
    right: 0;
    z-index: 98;
    height: 6rem;
    padding: 0.9rem 1rem 0;
    background: #fff;
    border-bottom: 1px solid #dcdde4;
    transition: all 0.3s ease;
}

.subp_mTab ul {
    display: flex;
    align-items: center;
    overflow-x: auto;
    scrollbar-width: none;
    padding-right: var(--navi-width, 20rem);
    -webkit-user-select: none;
    user-select: none;
}

.subp_mTab ul::-webkit-scrollbar {
    display: none;
}

.subp_mTab li {
    margin-right: 0.8rem;
    flex-shrink: 0;
}

.hddn .subp_mTab {
    left: 0;
}

.more_lk {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 5rem;
    border-radius: 4px;
    padding: 0 1.0rem;
    background: #fff;
    font-size: 1.6rem;
    color: #7a7f99;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 1;
    cursor: pointer;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    white-space: nowrap;
}

.more_lk span {
    position: relative;
}

.more_lk::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.more_lk:hover {
    color: #1a3868;
}

.more_lk:hover::after {
    width: 100%;
    z-index: 2;
    margin-left: -50%;
    background: #1a3868;
}

.more_lk.TabOn {
    color: #1a3868;
    font-family: 'Pretendard-SemiBold';
    font-weight: 600;
}

.more_lk.TabOn::after {
    content: '' !important;
    position: absolute;
    bottom: 0;
    left: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    height: 2px;
    background: #1a3868 !important;
    z-index: 2;
}

.subp_Title {
    padding-bottom: 2rem;
    display: none;
}

.subp_Title h2 {
    font-size: 2.8rem;
    color: #0f0f15;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.subp_Wrap {}

.subp_Cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}

.subp_Cont .ctt50 {
    width: 50%;
    padding: 0 4px;
}

.sdwBox {
    padding: 2rem 2rem;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.04);
    margin-bottom: 8px;
    position: relative;
}

.h3_18 {
    font-size: 1.6rem;
    color: #1a3868;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    margin-bottom: 1rem;
    min-height: 2rem;
}

.base_cont {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.base_cont .le {
    width: 13rem;
    margin-right: 1.5rem;
    position: relative;
}

.base_cont .ri {
    flex: 1;
}

.evt-det-list .s1,
.m12 {
    font-size: 1.2rem;
    color: #7a7f99;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    margin-bottom: 4px;
}

.base_cont .prvw {
    position: relative;
    overflow: hidden;
    width: 13rem;
    height: 15rem;
    background: url(/img/sks_wh.svg) no-repeat rgba(0, 82, 164, 0.22) center / 10rem;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.base_cont .prvw img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    background: #fff;
}

.file_con {
    margin-top: 4px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.file_name {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    width: 7.8rem;
    height: 3.6rem;
    border: 1px solid #dcdde4;
    background: #f3f4f6;
    border-radius: 4px;
    padding: 0 1rem;
}

.file_min {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    min-width: 0;
}

.file_con .lk {
    margin-left: 4px;
}

.face_cont .file-select-button,
.file_con .lk label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    height: 3.6rem;
    color: #fff;
    background-color: #1a3868;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.face_cont .file-select-button:hover,
.file_con .lk label:hover {
    background-color: #0f0f15;
}

.base_cont .ri .incont {}

.base_cont .ri .incont .ipt {}

.base_cont .ri .incont .ipt input {}

.base_cont .ri .incont .txt {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem 0 0;
}

.base_cont .ri .incont .txt .w50 {
    width: 50%;
    padding-right: 1rem;
}

.base_cont .ri .incont .txt .w51 {
    width: 50%;
    padding-left: 1rem;
}

.base_cont .ri .incont .txt .list {
    margin-bottom: 1.6rem;
}

.base_cont .ri .incont .txt .list .mbCtrt {
    margin-top: 2.4rem;
}

.base_cont .ri .incont .txt .type_a {
    position: relative;
}

.smipt,
.base_cont .ri .incont .txt .type_a .ipt {
    padding-right: 4rem;
    position: relative;
}

.smipt .sm,
.price_box .ipt .sm,
.log_iset .sm,
.base_cont .ri .incont .txt .type_a .sm {
    position: absolute;
    width: 4rem;
    top: 0;
    right: 0;
    font-size: 1.4rem;
    color: #595c73;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.6rem;
}

.base_cont .ri .type_b {
    position: relative;
}

.base_cont .ri .type_b .ipt {
    padding-right: 8.8rem;
    position: relative;
}

.work2_cont1 .row_a .Btn,
.base_cont .ri .type_b .sm {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    height: 3.6rem;
    color: #fff;
    background: #1a3868;
    border-radius: 4px;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 1.4rem;
}

.base_cont .ri .type_b .sm:hover {
    background: #0f0f15;
}

.base_cont .ri .incont .txt .list .rowa {}

.mgb8 {
    margin-bottom: 8px;
}

.base_cont .ri .incont .txt .list.mkey_chc_wrap {
    position: relative;
    margin-top: 2rem;
}

.mkey_chc {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.mkey_chc .commRdo {
    display: flex;
    align-items: center;
    padding-left: 1.6rem;
}

.mkey_chc .commRdo li {
    margin: 0 0;
}

.mkey_chc .commRdo li:first-child {
    margin-right: 1.6rem;
}

.send_rst {
    position: absolute;
    top: 0;
    right: 4.8rem;
    width: 4rem;
    height: 3.6rem;
    background: url(/img/send_before.svg) no-repeat center / 2.6rem;
}

.send_rst.success {
    background: url(/img/send_after.svg) no-repeat center / 2.6rem;
}

.sys_top_save {
    text-align: right;
}

.auto_dongset {
    background: #f3f4f6;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 4px 4px;
    margin-top: 8px;
}

.auto_dongset .abox {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.auto_dongset .abox li {}

.auto_dongset .bbox {
    width: 40%;
    display: flex;
    align-items: center;
}

.auto_dongset .bbox input {}

.auto_dongset .bbox .sm {
    font-size: 1.4rem;
    padding-left: 8px;
    color: #595c73;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.system1_cont7 .cont3 ul li:last-child {
    margin-right: 0;
}

.base_cont .ri .incont .txt .list:last-child {
    margin-bottom: 0;
}

.thr_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -8px;
}

.thr_box .w33 {
    width: 33.3333333%;
    padding: 0 8px;
}

.system1_cont1 {}

.system1_cont1 .list.type_c {}

.system1_cont1 .list.type_c .rowA {
    margin-bottom: 1rem;
}

.system1_cont1 .list.type_c .rowB {
    display: flex;
}

.system1_cont1 .list.type_c .rowB .r1 {
    flex: 1;
    margin-right: 1rem;
}

.system1_cont1 .list.type_c .rowB .r2 {
    width: 8rem;
}

.system1_cont1 .iconComm {
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 1;
}

.system1_cont1 .ci_del {
    position: absolute;
    top: 2rem;
    right: 0;
    width: 3rem;
    height: 3rem;
    background: url(/img/cc_del_b.svg) no-repeat center / 2.6rem;
    cursor: pointer;
    z-index: 1;
}

.system1_cont2 .w33 .ipt {
    position: relative;
}

.system1_cont2 .w33:last-child .ipt {
    padding-right: 4rem;
}

.system1_cont2 .w33 .ipt .wb {}

.system1_cont2 .commRdo {}

.system1_cont2 .commRdo ul {
    display: flex;
    align-items: center;
}

.system1_cont2 .commRdo ul li:first-child {
    margin-right: 3rem;
}

.ipt_sm .sm,
.system1_cont2 .w33 .ipt .sm {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.6rem;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.4rem;
    color: #595c73;
    width: 4rem;
    text-align: center;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.half_cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.half_cont .w50 {
    width: 50%;
    padding: 0 8px;
}

.half_cont .w100 {
    width: 100%;
    padding: 0 8px;
}

.nomgb {
    margin-bottom: 0 !important;
}

.inhalf_cont {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -8px;
}

.inhalf_cont .wd50 {
    width: 50%;
    padding: 0 8px;
}

.system1_cont3 {}

.system1_cont4 {}

.system1_cont4 .cont1 {
    margin-bottom: 2rem;
}

.system1_cont5 {}

.system1_cont6 {}

.system1_cont5 .half_cont .w50 {
    width: 25%;
}

.system1_cont10 .h3_18 {
    margin-bottom: 2rem;
}

.system1_cont10 .iconComm {
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 1;
}

.system1_cont10 .half_cont .w60 {
    width: 100%;
}

.system1_cont10 .half_cont .w50,
.system1_cont5 .half_cont .w50,
.system1_cont6 .half_cont .w50 {
    margin-bottom: 1rem;
}

.system1_cont6 .file_con {
    margin-top: 0;
    padding-right: 5.2rem;
}

.system1_cont6 .file_name {
    width: 100%;
    height: 3.6rem;
}

.system1_cont6 .lk {
    margin-left: 4px;
}

.system1_cont6 .lk label {
    margin-left: 4px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.system1_cont6 .iconComm {
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 1;
}

.system1_cont6 .half_cont {
    margin-top: 1rem;
}

.system1_cont7 {}

.system1_cont7 .cont1 {
    margin-bottom: 2rem;
}

.system1_cont7 .cont2 {}

.system1_cont7 .cont3 {
    margin-top: 8px;
}

.system1_cont7 .cont4 {
    margin-top: 2rem;
}

.system1_cont7 .cont4 .abox {}

.system1_cont7 .cont4 .bbox {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}

.system1_cont7 .cont4 .bbox li {
    width: 25%;
    padding: 0 4px;
}

.system1_cont8 .cont1 ul,
.system1_cont7 .cont3 ul {
    display: flex;
    align-items: center;
}

.system1_cont8 .cont1 ul li,
.system1_cont7 .cont3 ul li {
    margin-right: 1.5rem;
}

.system1_cont8 .cont2 ul li:last-child,
.system1_cont8 .cont1 ul li:last-child,
.system1_cont7 .cont3 ul li:last-child {
    margin-right: 0;
}

.system1_cont7 .cont3 .chk_ani {}

.system1_cont8 {}

.system1_cont8 .cont1 {
    margin-bottom: 1.6rem;
}

.system1_cont8 .cont1 ul {}

.system1_cont8 .cont1 ul li {
    width: 50%;
}

.system1_cont8 .cont2 .m12 {
    margin-bottom: 8px;
}

.system1_cont8 .cont2 ul li {
    margin-right: 1.6rem;
}

.system1_cont12 {
    padding-bottom: 3.1rem;
}

.system1_cont12 .commRdo {}

.system1_cont12 .commRdo ul {
    display: flex;
    align-items: center;
}

.system1_cont13 .commRdo ul li,
.system1_cont12 .commRdo ul li {
    margin-right: 3rem;
}

.system1_cont12 .commRdo ul li:last-child {
    margin-right: 0;
}

.system1_cont13 .commRdo ul li.li4 {
    margin-right: 1rem;
}

.system1_cont13 .commRdo ul li.li5 {
    margin: 0 0;
}

.system1_cont13 .commRdo ul li.li5 .ipt_sym {
    width: 8rem;
}

.system1_cont14 {}

.jiDownWrap {}

.jiDownCont {}

.jiDownCont:first-child {
    margin-bottom: 1rem;
}

.jiDownCont a {
    background: #f3f4f6;
    padding: 1rem 1.2rem;
    border-radius: 4px;
    display: flex;
}

.jiDownCont .dTxt {
    font-size: 1.4rem;
    color: #0f0f15;
    display: flex;
    align-items: center;
    gap: 8px;
}

.jiDownCont .dTxt::before {
    content: '';
    width: 2.4rem;
    height: 2.4rem;
    background-color: #1a3868;
    background-image: url(/img/ExDw_on.svg);
    background-size: 1.6rem;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
}

.log_ibox {}

.log_iset {
    display: flex;
    position: relative;
    padding-right: 4rem;
}

.log_iset input {}

.log_iset .sm {
    right: 0;
}

.log_ipt {
    flex: 1;
}

.prv_Btn {
    display: flex;
    align-items: center;
}

.prv_set {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    cursor: pointer;
    width: 4rem;
    height: 2.8rem;
    font-size: 1.2rem;
    color: #fff;
    background: #1a3868;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.prv_set:hover {
    background: #0f0f15;
}

.system1_cont9 {}

.system1_cont9 .h3_18 {
    margin-bottom: 2rem;
}

.system1_cont9 .mail_set {}

.system1_cont9 .mail_set .wrt {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.system1_cont9 .wrt {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.system1_cont9 .list {
    width: 33.3333333333%;
    padding: 0 8px;
    margin-bottom: 1rem;
}

.system1_cont9 .list.w50 {
    width: 50%;
}

.system1_cont9 .iconComm {
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 1;
}

.system1_cont10 {}

.system1_cont11 {}

.system1_cont11 .wrt {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.system1_cont11 .wrt .list {
    width: 50%;
    padding: 0 8px;
    margin-bottom: 1rem;
}

.system1_cont11 .wrt .list .file_con {}

.system1_cont11 .wrt .list .file_name {
    width: auto;
    flex: 1;
    overflow: hidden;
}

.ipt_w50 {
    display: flex;
    flex-wrap: wrap;
}

.ipt_sm {
    position: relative;
}

.ipt_sm .ipt {
    padding-right: 4rem;
}

.ipt_sm .sm {}

.ipt_w50 .ipt_sm {
    width: 50%;
}

.system1_cont11 .wrt .cau_txt {
    margin-top: 2px;
    margin-left: 8px;
}

.topSave {}

.topSave .iconComm {}

.myFavEmpty {
    text-align: center;
    font-size: 1.4rem;
    padding: 1rem 0;
}

body.hddn #aSide {
    transform: translateX(-100%);
}

body.hddn #idx {
    padding-left: 0;
    overflow: clip;
}

body.hddn #hd {
    left: 0;
}

body.hddn .back_ic {
    transform: rotate(180deg);
}

.system_subp2 .iconComm {}

.system_subp2 .btnGrp .half_cont .w50.wd1 {}

.system_subp2 .btnGrp .half_cont .w50.wd2 {
    justify-content: right;
}

.system_subp2 .btnGrp .half_cont .w50 .schWr {}

.system_subp2 .h3_18 {
    margin-bottom: 2rem;
}

.btnGrp {
    position: relative;
}

.system_subp2 .btnGrp .half_cont {}

.system_subp3 .btnGrp .half_cont .w50,
.system_subp2 .btnGrp .half_cont .w50 {
    display: flex;
    align-items: center;
}

.system_subp2 .btnGrp .cont1 {}

.system_subp3 .thr_layout .btnGrpWrap {
    margin-bottom: 2rem;
}

.system_subp2 .grp_Hcont {}

.system_subp3 .schcont_H {
    height: calc(100vh - 28.2rem);
    margin-top: 1rem;
}

.system_subp3 .thr_layout .sysp3_wr .w30 {
    width: 31rem;
    margin-right: 8px;
}

.system_subp3 .thr_layout .sysp3_wr .w70 {
    margin-left: 0;
}

.system_subp3 .thr_layout .sysp3_wr .w30 .btnGrpWrap .btnGrp {
    width: auto;
}

.system_subp3 .thr_layout .sysp3_wr .w30 .h100 {
    height: calc(100vh - 28.2rem);
    margin-top: 1rem;
}

.Hol_mid .cont1 {
    display: flex;
    justify-content: space-between;
}

.Hol_mid .cont2 {
    height: calc(100vh - 23.6rem);
    margin-top: 2rem;
}

.Hol_mid .cont2 .ExTbl table .w1 {
    width: 4rem;
}

.Hol_mid .cont2 .ExTbl table .w2,
.Hol_mid .cont2 .ExTbl table .w3 {
    width: auto;
    word-break: keep-all;
}

.Hol_mid .cont2 .ExTbl table td.w2 {
    text-align: left;
}

.schcont_H {
    overflow-y: auto;
    position: relative;
    margin-top: 2rem;
    height: calc(100vh - 32.6rem);
    border: 1px solid #dcdde4;
    background: #ffffff;
    border-radius: 4px;
    padding-bottom: 4rem;
}

.mod_contfl .tit,
.schcont_H .tit,
.w33_Hcont .tit {
    display: flex;
    border-bottom: 1px solid #dcdde4;
    background: #f3f4f6;
    position: sticky;
    align-items: center;
    height: 4rem;
    font-weight: 500;
    font-size: 1.4rem;
    top: 0;
    left: 0;
    z-index: 3;
}

.mod_contfl .tit .w1,
.schcont_H .tit .w1,
.w33_Hcont .w1 {
    width: 4rem;
    border-right: 1px solid #dcdde4;
}

.w33_Hcont .w3 {
    width: 50%;
    border-right: 1px solid #dcdde4;
}

.mod_contfl .tit .w2,
.schcont_H .tit .w2,
.w33_Hcont .w2 {
    flex: 1;
}

.mod_contfl .tit .w1,
.mod_contfl .tit .w2,
.org_chart .tit,
.schcont_H .tit .t1,
.schcont_H .tit .t2,
.Ent1_cont1 .le .dep2_H .tit,
.w33_Hcont .t1,
.w33_Hcont .t2 {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    color: #0f0f15;
}

.deptform .listwr {
    height: 36rem;
}

.w33_Hcont .t1 {}

.w33_Hcont .t2 {}

.scrCont {}

.scrCont .list {
    position: relative;
    height: 4rem;
    display: flex;
    align-items: center;
    padding-left: 0;
    border-bottom: 1px solid #dcdde4;
    background: #fff;
}

.scrCont .list:before {
    content: '';
    position: absolute;
    top: 0;
    left: 3.9rem;
    width: 1px;
    background: #dcdde4;
    height: 100%;
}

.modal_org_add .user_new .chk_ani,
.scrCont .list .rdo_ani,
.scrCont .list .chk_ani,
.scrCont .commRdo input[type='radio'] {
    width: 4rem;
    margin-right: 0;
}

.scrCont .list label,
.scrCont .commRdo label {
    position: relative;
    height: 4rem;
    padding: 0 1.2rem;
    display: flex;
    align-items: center;
    flex: 1;
}

.scrCont .list label.justify-center,
.scrCont .commRdo label.justify-center {
    justify-content: center;
}

.scrCont .commRdo input[type='radio']:before,
.scrCont .commRdo input[type='radio']:after {
    top: -2px;
    left: 12px;
}

.modal_org_add .user_new .chk_ani:before,
.device_set4_cont2 .wd2 .w1 .chk_ani:before,
.scrCont .list .chk_ani:before {
    top: 1px;
    left: 15px;
}

.modal_org_add .user_new .chk_ani:after,
.device_set4_cont2 .wd2 .w1 .chk_ani:after,
.scrCont .list .chk_ani:after {
    top: -2px;
    left: 12px;
}

.invi_Hcont {}

.scrCont .list.dep2 {}

.scrCont .list.dep2 label {
    padding-left: 3.5rem;
}

.scrCont .list.dep3 {}

.scrCont .list.dep3 label {
    padding-left: 5rem;
}

.H_incont .tdd.Chld.Thr .w1:before,
.ctr_cont.con_ctr .cont2 .user_chart .dep3 .eq:before,
.org_chart .list.dep3:before,
.scrCont .list.dep3 label:before {
    left: 29px !important;
}

.system_subp2 .w70 .schWr {
    width: 30rem;
    margin-bottom: 2rem;
}

.system_subp2 .w70 .H_incont {
    overflow-y: auto;
    background: #f3f4f6;
}

.btnGrp .cont1 ul {
    display: flex;
    align-items: center;
}

.btnGrp .cont1 ul li {
    margin-right: 8px;
}

.btnGrp .cont1 ul li:last-child {
    margin-right: 0;
}

.btnGrp .cont1 ul li input {
    display: none;
}

.btnGrp .cont1 ul li label {
    width: 8rem;
    height: 3.6rem;
    padding-left: 1.2rem;
    background: rgba(0, 82, 164, 0.05);
    color: #1a3868;
    border-radius: 4px;
    background-position: 1rem center;
    background-repeat: no-repeat;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.btnGrp .cont1 ul li input:checked+label {
    background-color: #1a3868;
    color: #fff;
}

.btnGrp .cont1 .invi1 {
    background-image: url(/img/invi_off.svg);
}

.btnGrp .cont1 .invi2 {
    background-image: url(/img/grp_off.svg);
}

.btnGrp .cont1 .eqp1 {
    background-image: url(/img/eqp_off.svg);
}

.btnGrp .cont1 input:checked+label.invi1 {
    background-image: url(/img/invi_on.svg);
}

.btnGrp .cont1 input:checked+label.invi2 {
    background-image: url(/img/grp_on.svg);
}

.btnGrp .cont1 input:checked+label.eqp1 {
    background-image: url(/img/eqp_on.svg);
}

.btnGrp .cont2 {
    margin-left: 1.6rem;
}

.btnGrp .cont2 .selc {
    width: 22rem;
}

.btnGrp .cont3 {
    flex: 1;
    padding-left: 1.6rem;
}

.schWr {
    position: relative;
    width: 100%;
    padding-right: 8rem;
}

.schWr .ipt {
    display: flex;
}

/* .schWr .ipt input {background: #F3F4F6;}  */
.schWr button,
.schWr a {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    width: 7.2rem;
    height: 3.6rem;
    border-radius: 4px;
    background: #1a3868;
    color: #fff;
    border: 0;
    outline: none;
    z-index: 1;
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 1.4rem;
}

.schWr button:hover,
.schWr a:hover {
    background: #0f0f15;
}

.contHeight {
    padding-top: 2rem;
    height: calc(100vh - 21.7rem);
}

.contHeight_trans {
    padding-top: 2rem;
    height: calc(93vh - 21.7rem);
}

.system_subp2 .contHeight .half_cont {
    align-items: normal;
    margin: 0 -1rem;
}

.system_subp2 .contHeight .half_cont .w50 {
    padding: 0 1rem;
}

.H_incont {
    height: 100%;
    position: relative;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    padding-bottom: 4rem;
}

.H_incont .tit {
    background: #f3f4f6;
    padding: 1.2rem 0;
    text-align: center;
    font-size: 1.4rem;
    color: #0f0f15;
    border-bottom: 1px solid #dcdde4;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.H_incont .arryList {}

.sysp3_wr .H_incont .ctt .list,
.sysp3_wr .H_incont .ctt .flr1,
.H_incont .arryList .list {
    height: 4rem;
    padding: 0 1.2rem;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #0f0f15;
    border-bottom: 1px solid #dcdde4;
    cursor: pointer;
}

.sysp3_wr .H_incont .ctt .flr1:hover,
.H_incont .arryList .list:hover {
    color: #1a3868;
}

.H_incont .trd {
    position: sticky;
    top: 0;
    z-index: 1;
}

.H_incont .trd .w2 {
    border-left: 1px solid #dcdde4;
}

.H_incont .trd li {
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    text-align: center;
    font-size: 1.4rem;
    color: #0f0f15;
    border-bottom: 1px solid #dcdde4;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.H_incont .tdd .w1,
.H_incont .trd .w1 {
    flex: 1;
}

.H_incont .trd .w1 {}

.H_incont .tdd .w2,
.H_incont .trd .w2 {
    width: 5.5rem;
    position: relative;
}

.H_incont .trd .w2:last-child {}

.H_incont .tdd {
    background: #fff;
}

.H_incont .tdd li {}

.H_incont .tdd,
.H_incont .trd {
    display: flex;
}

.H_incont .tdd .w1 {
    position: relative;
    height: 4rem;
    padding: 0 1.2rem;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #0f0f15;
    border-bottom: 1px solid #dcdde4;
}

.H_incont .tdd .w2 {
    border-bottom: 1px solid #dcdde4;
    border-left: 1px solid #dcdde4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.H_incont .tdd .w2 .chk_ani {
    margin-right: 0;
}

.bdl1 {
    border-left: 1px solid #dcdde4 !important;
}

.H_incont .tdd .w2 .chk_ani:before {}

.H_incont .tdd .w2 .chk_ani:after {}

.H_incont .PntChld {
    position: relative;
}

.H_incont .tdd.Chld .w1 {
    padding-left: 3.5rem;
}

.H_incont .tdd.Chld.Thr .w1 {
    padding-left: 5rem;
}

.ctr_cont.con_ctr .cont2 .user_chart .dep2 .eq:before,
.ctr_cont.con_ctr .cont2 .user_chart .dep3 .eq:before,
.org_chart .list.dep2:before,
.org_chart .list.dep3:before,
.scrCont .list.dep3 label:before,
.scrCont .list.dep2 label:before,
.sysp3_wr .H_incont .ctt .Grn:before,
.sysp3_wr .H_incont .ctt .Chld:before,
.H_incont .tdd.Chld .w1:before {
    content: '';
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    top: 9px;
    left: 14px;
    background: url(/img/deparr.svg) no-repeat center;
}

.btnGrpWrap {
    display: flex;
    justify-content: space-between;
}

.btnGrpWrap .btnGrp {
    width: 50%;
}

.system_subp3 .btnGrp .half_cont .w50.wd1 {
    width: 70%;
}

.system_subp3 .btnGrp .half_cont .w50.wd2 {
    width: 30%;
}

.ctl_Cont {}

.ctl_Cont .iconComm {
    margin-left: 8px;
}

.User7 .ctl_Cont,
.system_subp3 .ctl_Cont {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

/* .system_subp3 .ctl_Cont .iconComm {
    border: 1px solid #dcdde4;
    color: #353745;
}

.system_subp3 .ctl_Cont .iconComm:hover {
    color: #fff;
    border: 1px solid #1a3868;
} */

.overScr {
    overflow-y: auto;
    height: 100%;
}

.h100 {
    margin-top: 2rem;
    height: calc(100vh - 32.6rem);
}

.h100 .inwr {
    height: 100%;
    position: relative;
    overflow-y: auto;
    border: 1px solid #dcdde4;
    background: #f3f4f6;
    border-radius: 4px;
}

.copy_box .w33_Hcont.HD_copyH .commRdo label,
.invi_Hcont .commRdo label {
    flex: 1;
}

.Ent4 .w33_Hcont .scrCont .list .txt,
.copy_box .scrCont .list .txt,
.copy_box .w33_Hcont.HD_copyH .scrCont .list .txt,
.copy_box .w33_Hcont.HD_copyH .commRdo .txt,
.invi_Hcont .commRdo .txt {
    flex: 1;
    font-size: 1.4rem;
    color: #353745;
    height: 4rem;
    display: flex;
    align-items: center;
    padding: 0 1.2rem;
    border-left: 1px solid #dcdde4;
}

.fr_mod {}

.fr_mod .txt {
    margin-bottom: 0.5rem;
}

.fr_mod .txt.mgt {
    margin-top: 2rem;
}

.iconComm {
    min-width: 6.8rem;
    height: 3.6rem;
    padding-right: 1rem;
    padding-left: 3.2rem;
    font-size: 1.4rem;
    color: #1a3868;
    border: 1px solid #1a3868;
    cursor: pointer;
    border-radius: 4px;
    background-position: 1rem center;
    background-repeat: no-repeat;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    background-color: #fff;
    flex-shrink: 0;
}

.iconComm.zero-min-width {
    min-width: 0;
}

.iconComm.exclude_icon_space {
    padding-left: 1rem;
}

.iconComm.dark {
    background-color: #1a3868;
    border: 1px solid #1a3868;
    color: #fff;
}

.iconComm.dark:hover {
    background-color: #0f0f15 !important;
    border: 1px solid #0f0f15;
}

.iconComm.save {
    background-image: url(/img/save_ic.svg);
}

.iconComm:hover {
    background-color: #1a3868 !important;
    color: #fff;
}

.iconComm.save:hover {
    background-image: url(/img/save_ic_on.svg);
}

.iconComm.save.bdr {
    background-color: #1a3868;
    border: 1px solid #1a3868;
    color: #fff;
    background-image: url(/img/save_ic_on.svg);
}

.iconComm.save.bdr.btn-disabled {
    background-image: url(/img/save_ic_disabled.svg);
}

.iconComm.vers.bdr {
    background-color: #1a3868;
    border: 1px solid #1a3868;
    color: #fff;
    background-image: url(/img/chk_on.svg);
}

.iconComm.Esend.bdr:hover,
.iconComm.vers.bdr:hover,
.iconComm.play_b.bdr:hover,
.iconComm.Updt.bdr:hover,
.iconComm.save.bdr:hover {
    background-color: #0f0f15 !important;
    border: 1px solid #0f0f15;
}

.iconComm.Del2:hover {
    background-color: #f84646 !important;
    border: 1px solid #f84646 !important;
}

.iconComm.Updt.bdr {
    background-color: #1a3868;
    color: #fff;
    background-image: url(/img/update_on.svg);
}

.iconComm.play_b.bdr {
    background-color: #1a3868;
    color: #fff;
    background-image: url(/img/play_b_on.svg);
}

.iconComm.Esend.bdr {
    background-color: #1a3868;
    color: #fff;
    background-image: url(/img/Esend_on.svg);
}

.iconComm.Esend.bdr.btn-disabled {
    background-image: url(/img/Esend_on_disabled.svg);
}

.Hday.iconComm {
    background-image: url(/img/cal_off.svg);
}

.Hday.iconComm:hover {
    background-image: url(/img/cal_on.svg);
}

.ExUp.iconComm {
    background-image: url(/img/ExUp_off.svg);
}

.ExUp.iconComm:hover {
    background-image: url(/img/ExUp_on.svg);
}

.ExUpIc.iconComm {
    background-image: url(/img/ExUp_ic.svg);
}

.ExUpIc.iconComm:hover {
    background-image: url(/img/ExUp_on.svg);
}

.ExDw.iconComm {
    background-image: url(/img/ExDw_off.svg);
}

.ExDw.iconComm:hover {
    background-image: url(/img/ExDw_on.svg);
}

.Del.iconComm {
    background-image: url(/img/Del_off.svg);
}

.Del.iconComm:hover {
    background-image: url(/img/Del_on.svg);
    background-color: #f84646 !important;
    border: 1px solid #f84646;
}

.reFresh.iconComm {
    background-image: url(/img/Refresh_off.svg);
}

.reFresh.iconComm:hover {
    background-image: url(/img/Refresh_on.svg);
}

.Plus.iconComm {
    background-image: url(/img/Plus_off.svg);
    background-size: 1.7rem;
}

.Plus.iconComm.btn-disabled {
    background-image: url(/img/Plus_off_disabled.svg);
}

.Plus.iconComm:hover {
    background-image: url(/img/Plus_on.svg);
}

.Minus.iconComm {
    background-image: url(/img/Minus_off.svg);
    background-size: 1.7rem;
}

.Minus.iconComm.btn-disabled {
    background-image: url(/img/Minus_off_disabled.svg);
    background-size: 1.7rem;
}

.Minus.iconComm:hover {
    background-image: url(/img/Minus_on.svg);
}

.btn-erase.iconComm:hover {
    background-color: #FF3B30 !important;
    border-color: #FF3B30 !important;
    color: #fff !important;
}

.Sch.iconComm {
    background-image: url(/img/Sch_off.svg);
}

.Sch.iconComm:hover {
    background-image: url(/img/Sch_on.svg);
}

.Copy.iconComm {
    background-image: url(/img/Copy_off.svg);
}

.Copy.iconComm:hover {
    background-image: url(/img/Copy_on.svg);
}

.Equip.iconComm {
    background-image: url(/img/Equip_off.svg);
}

.Equip.iconComm:hover {
    background-image: url(/img/Equip_on.svg);
}

.firm.iconComm {
    background-image: url(/img/firm_off.svg);
}

.firm.iconComm:hover {
    background-image: url(/img/firm_on.svg);
}

.vers.iconComm {
    background-image: url(/img/chk_off.svg);
}

.vers.iconComm:hover {
    background-image: url(/img/chk_on.svg);
}

.Updt.iconComm {
    background-image: url(/img/update_off.svg);
}

.Updt.iconComm:hover {
    background-image: url(/img/update_on.svg);
}

.Timei.iconComm {
    background-image: url(/img/time_off.svg);
}

.Timei.iconComm:hover {
    background-image: url(/img/time_on.svg);
}

.imPort.iconComm {
    background-image: url(/img/import_off.svg);
}

.imPort.iconComm:hover {
    background-image: url(/img/import_on.svg);
}

.CopyIc.iconComm {
    background-image: url(/img/Copy_ic.svg);
}

.CopyIc.iconComm:hover {
    background-image: url(/img/Copy_on.svg);
}

.log.iconComm {
    background-image: url(/img/log_off.svg);
}

.log.iconComm:hover {
    background-image: url(/img/log_on.svg);
}

.play.iconComm {
    background-image: url(/img/play_off.svg);
}

.play.iconComm:hover {
    background-image: url(/img/play_on.svg);
}

.stop.iconComm {
    background-image: url(/img/stop_off.svg);
}

.stop.iconComm:hover {
    background-image: url(/img/stop_on.svg);
}

.ExDwIc.iconComm {
    background-image: url(/img/ExDwIc.svg);
}

.ExDwIc.iconComm:hover {
    background-image: url(/img/ExDw_on.svg);
}

.Close.iconComm {
    background-image: url(/img/Close_off.svg);
}

.Close.iconComm:hover {
    background-image: url(/img/Close_on.svg);
}

.xClose.iconComm {
    background-image: url(/img/xClose_off.svg);
}

.xClose.iconComm:hover {
    background-image: url(/img/xClose_on.svg);
}

.Camera.iconComm {
    background-image: url(/img/Camera_off.svg);
    background-size: 1.8rem;
}

.Camera.iconComm:hover {
    background-image: url(/img/Camera_on.svg);
}

.Mody.iconComm {
    background-image: url(/img/Mody_off.svg);
}

.Mody.iconComm:hover {
    background-image: url(/img/Mody_on.svg);
}

.Chk.iconComm {
    background-image: url(/img/check_off.svg);
}

.Chk.iconComm:hover {
    background-image: url(/img/check_on.svg);
}

.Print.iconComm {
    background-image: url(/img/Print_off.svg);
}

.Print.iconComm:hover {
    background-image: url(/img/Print_on.svg);
}

.play_b.iconComm {
    background-image: url(/img/play_b_off.svg);
}

.play_b.iconComm:hover {
    background-image: url(/img/play_b_on.svg);
}

.Cau.iconComm {
    background-image: url(/img/cau_off.svg);
}

.Cau.iconComm:hover {
    background-image: url(/img/cau_on.svg);
}

.Esend.iconComm {
    background-image: url(/img/Esend_off.svg);
}

.Esend.iconComm:hover {
    background-image: url(/img/Esend_on.svg);
}

.inDoor.iconComm {
    background-image: url(/img/inDoor_off.svg);
}

.inDoor.iconComm:hover,
.inDoor.iconComm.on {
    background-image: url(/img/inDoor_on.svg);
}

.Alrm.iconComm {
    background-image: url(/img/Alrm_off.svg);
}

.Alrm.iconComm:hover,
.Alrm.iconComm.on {
    background-image: url(/img/Alrm_on.svg);
}

.Grd.iconComm {
    background-image: url(/img/Grd_off.svg);
}

.Grd.iconComm:hover {
    background-image: url(/img/Grd_on.svg);
}

.All.iconComm {
    padding: 0 1rem;
}

.Set.iconComm {
    background-image: url(/img/set_on.svg);
    background-size: 2rem;
    background-position: center;
    padding: 0;
    min-width: 3.6rem;
    background-color: #1a3868;
    border-color: #1a3868;
}

.Set.iconComm:hover {
    background-image: url(/img/set_on.svg);
    background-size: 2rem;
    background-color: #0f0f15 !important;
    border-color: #0f0f15 !important;
}

.Set2.iconComm {
    background-image: url(/img/set_off.svg);
    background-size: 2rem;
}

.Set2.iconComm:hover {
    background-image: url(/img/set_on.svg);
    background-size: 2rem;
}

.Up.iconComm {
    background-image: url(/img/Up_off.svg);
}

.Up.iconComm:hover {
    background-image: url(/img/Up_on.svg);
}

.Down.iconComm {
    background-image: url(/img/Down_off.svg);
}

.Down.iconComm:hover {
    background-image: url(/img/Down_on.svg);
}

.Uptop.iconComm {
    background-image: url(/img/Uptop_off.svg);
}

.Uptop.iconComm:hover {
    background-image: url(/img/Uptop_on.svg);
}

.Downtop.iconComm {
    background-image: url(/img/Downtop_off.svg);
}

.Downtop.iconComm:hover {
    background-image: url(/img/Downtop_on.svg);
}

.ListIc.iconComm {
    background-image: url(/img/List_off.svg);
}

.ListIc.iconComm:hover {
    background-image: url(/img/List_on.svg);
}

.Rcv.iconComm {
    background-image: url(/img/Rcv_off.svg);
}

.Rcv.iconComm.btn-disabled {
    background-image: url(/img/Rcv_off_disabled.svg);
}

.Rcv.iconComm:hover {
    background-image: url(/img/Rcv_on.svg);
}

.Cash.iconComm {
    background-image: url(/img/Cash_off.svg);
}

.Cash.iconComm:hover {
    background-image: url(/img/Cash_on.svg);
}

.mbSend.iconComm {
    background-image: url(/img/mbSend_off.svg);
}

.mbSend.iconComm:hover {
    background-image: url(/img/mbSend_on.svg);
}

.Simul.iconComm {
    background-image: url(/img/Simul_off.svg);
}

.Simul.iconComm:hover {
    background-image: url(/img/Simul_on.svg);
}

.Cald.iconComm {
    background-image: url(/img/Cald_off.svg);
}

.Cald.iconComm:hover {
    background-image: url(/img/Cald_on.svg);
}

.Atadd.iconComm {
    background-image: url(/img/Atadd_off.svg);
}

.Atadd.iconComm:hover {
    background-image: url(/img/Atadd_on.svg);
}

.OverT.iconComm {
    background-image: url(/img/OverT_off.svg);
}

.OverT.iconComm:hover {
    background-image: url(/img/OverT_on.svg);
}

.play2.iconComm {
    background-image: url(/img/play2_off.svg);
}

.meal.iconComm:hover,
.meal.iconComm.on {
    background-image: url(/img/meal_on.svg);
    background-size: 1.8rem;
}

.meal.iconComm {
    background-image: url(/img/meal_off.svg);
    background-size: 1.8rem;
}

.play2.iconComm:hover {
    background-image: url(/img/play2_on.svg);
}

.system_subp3 .schWr .ipt input {
    background: #f3f4f6;
}

.system_subp3 .btnGrp .cont1 {}

.system_subp3 .btnGrp .cont2 {
    flex: 1;
}

.system_subp3 .btnGrp .selc {
    width: 100%;
}

.sysp3_wr {
    display: flex;
    height: 100%;
}

.sysp3_wr .w30 {
    width: 50rem;
}

.upC {
    height: 50%;
    padding-bottom: 1rem;
}

.dwC {
    height: 50%;
    padding-top: 1rem;
}

.sysp3_wr .w70 {
    flex: 1;
}

.sysp3_wr .H_incont .ctt {
    height: calc(100% - 4rem);
    padding-bottom: 4rem;
    overflow-y: auto;
}

.sysp3_wr .H_incont .ctt .flr1 {}

.sysp3_wr .H_incont .ctt .flr1.On {
    background: rgba(0, 82, 164, 0.05);
}

.sysp3_wr .H_incont .ctt .Chld {
    position: relative;
    padding-left: 3.5rem;
}

.sysp3_wr .H_incont .ctt .Grn {
    position: relative;
    padding-left: 5rem;
}

.sysp3_wr .H_incont .ctt .Grn:before {
    left: 29px;
}

.sysp3_wr .H_incont .ctt .list {}

.sysp3_wr .H_incont .ctt .list .chk_ani {}

.custCal {
    position: relative;
    height: 100%;
}

.custCal .fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 2rem;
    height: 3.6rem;
    justify-content: center;
}

.custCal .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk {}

.custCal .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk button.fc-today-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 6.2rem;
    height: 3.6rem;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #dcdde4;
    cursor: pointer;
    color: #0f0f15;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    background: #fff;
    opacity: 1;
    padding: 0;
    line-height: inherit;
}

.custCal .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk button.fc-today-button:before {
    content: 'Today';
    font-size: 1.4rem;
}

.custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group {
    position: absolute;
    top: 0;
    width: 21rem;
    left: 0;
    right: 0;
    height: 3.6rem;
    margin: 0 auto;
}

.small-year button,
.custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-prev-button,
.custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-next-button {
    position: absolute;
    top: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 4px;
    border: 1px solid #dcdde4;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0 0;
    outline: none;
}

.small-year .prev,
.custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-prev-button {
    left: 0;
    background: url(/img/menu_arr.svg) no-repeat center / 2rem;
    transform: rotate(90deg);
}

.small-year .next,
.custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-next-button {
    right: 0;
    background: url(/img/menu_arr.svg) no-repeat center / 2rem;
    transform: rotate(-90deg);
}

.custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-prev-button:hover,
.custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-next-button:hover {
    border: 1px solid #1a3868;
}

.custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-prev-button:focus,
.custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-next-button:focus {
    outline: none;
    box-shadow: none !important;
}

.custCal .fc .fc-toolbar.fc-header-toolbar .fc-button .fc-icon {
    display: none;
}

.custCal .large-calendar .fc-view-harness {
    height: calc(100vh - 23.6rem) !important;
}

.small-year .txt,
.custCal .fc .fc-toolbar-title {
    font-size: 2.1rem;
    margin: 0 1.6rem;
    color: #0f0f15;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc-button-primary:not(:disabled):active:focus {
    box-shadow: none !important;
}

.custCal .fc-scrollgrid-sync-inner {
    border-bottom: 1px solid #dcdde4;
    border-right: 1px solid #dcdde4;
}

.custCal .fc-scrollgrid-sync-inner>a {
    background: #f3f4f6;
    padding: 0.5rem 0;
    text-align: center;
    font-size: 1.4rem;
    color: #0f0f15;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    display: block;
}

.custCal .fc .fc-col-header-cell-cushion {
    border-bottom: 1px solid #dcdde4;
}

.custCal .fc-day-sat>.fc-scrollgrid-sync-inner>a,
.custCal .fc-day-sat .fc-daygrid-day-number {
    color: #007aff;
}

.custCal .fc-day-sat>.fc-scrollgrid-sync-inner>a {}

.custCal .fc-day-sun>.fc-scrollgrid-sync-inner>a,
.custCal .fc-day-sun .fc-daygrid-day-number {
    color: #ff3b30;
}

.custCal .fc-day-sun>.fc-scrollgrid-sync-inner>a {}

.custCal .fc .fc-daygrid-day-number {
    width: 2.6rem;
    height: 2.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.5rem;
    padding: 0;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.custCal .fc .fc-daygrid-day.fc-day-today {
    background: rgba(0, 82, 164, 0.05);
}

.custCal .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    color: #fff;
    background: #1a3868;
}

/* .custCal .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number:before {content: ''; position: absolute; top: -4px; left: -5px; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: #1A3868; z-index: -1;}  */
.custCal .fc .fc-daygrid-day-top {
    padding-top: 1rem;
    padding-right: 1rem;
}

.custCal .fc .fc-scrollgrid-liquid {
    border: 1px solid #dcdde4;
}

.custCal .fc-theme-standard td {
    border: 0;
    vertical-align: middle;
}

.custCal .fc-theme-standard th {
    border: 0;
    vertical-align: middle;
}

.custCal .fc .fc-scrollgrid table tr:last-child .fc-scrollgrid-sync-inner {
    border-bottom: 0;
}

.custCal .fc .fc-day-sat .fc-scrollgrid-sync-inner {
    border-right: 0;
}

.custCal .fc .fc-scrollgrid-section table,
.custCal .fc .fc-daygrid-body {
    width: 100% !important;
}

.custCal .selc {
    position: absolute;
    top: 0;
    left: 0;
    width: 14rem;
    z-index: 1;
}

.custCal .small-calendar .fc-direction-ltr {
    height: calc(100% - 24px);
    background: #f3f4f6;
    padding: 2px 2px;
    border: 1px solid #ebebef;
}

.small-cal-wr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0;
    height: 100%;
    gap: 8px;
}

.small-calendars {
    position: relative;
    height: 100%;
    padding-top: 4.6rem;
}

.small-calendar {
    width: calc(25% - 6px);
    height: calc(33.333333333% - 6px);
    padding: 6px 6px;
    border: 1px solid #dcdde4;
}

.small-calendar:nth-of-type(9),
.small-calendar:nth-of-type(10),
.small-calendar:nth-of-type(11),
.small-calendar:nth-of-type(12) {
    margin-bottom: 0;
}

.custCal .small-calendar .fc-scrollgrid-sync-inner {
    border: 0;
}

.custCal .small-calendar td .fc-scrollgrid-sync-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 25px;
}

.custCal .small-calendar .fc .fc-scrollgrid-liquid {
    border: 0;
}

.custCal .small-calendar .fc-scrollgrid-sync-inner>a {
    background: #f3f4f6;
    border: 0;
}

.User7 .custCal .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk button.fc-today-button {
    left: 0;
}

.month-name {
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 8px;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.large-calendar {}

.large-calendar .back {
    position: absolute;
    top: 0;
    left: 7rem;
    width: 7.2rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #dcdde4;
    cursor: pointer;
    color: #0f0f15;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    background: #fff;
    font-size: 1.4rem;
}

.small-year {
    position: absolute;
    top: 0;
    left: 50%;
    display: flex;
    align-items: center;
    height: 3.6rem;
    justify-content: center;
    width: 16rem;
    margin-left: -8rem;
    z-index: 1;
}

.small-year button {}

.small-year .prev {}

.small-year .next {}

.small-year .txt {}

.custCal .small-calendar .fc .fc-daygrid-day-top {
    padding: 0px;
}

.custCal .small-calendar .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {}

.custCal .small-calendar .fc .fc-daygrid-day-number {
    font-size: 1.3rem;
}

.custCal .small-calendar .fc .fc-daygrid-day.fc-day-today {
    background: #1a3868;
}

.custCal .small-calendar .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {}

.custCal .small-calendar .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number:before {
    background: transparent;
}

.small-calendar .fc-daygrid-event-harness.fc-daygrid-event-harness-abs {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
}

/* .fc-event.fc-event-start.fc-event-end.fc-event-past.fc-daygrid-event.fc-daygrid-block-event.fc-h-event {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
} */
.small-calendar .fc-event.fc-event-start.fc-event-end.fc-event-past.fc-daygrid-event.fc-daygrid-block-event.fc-h-event {
    display: none;
}

.ExUp_abox {
    margin-top: 1.6rem;
}

.ExUp_abox .file_name {
    flex: 1;
}

.popCont .in.w420 {
    width: 42rem;
    max-width: 42rem;
}


.popCont .in.w460 {
    width: 46rem;
    max-width: 46rem;
}

.popCont .in.w560 {
    width: 56rem;
    max-width: 56rem;
}

.popCont .in.w690 {
    width: 69rem;
    max-width: 69rem;
}

.popCont .in.w740 {
    width: 74rem;
    max-width: 74rem;
}

.popCont .in.w880 {
    width: 88rem;
    max-width: 88rem;
}

.popCont .in.w980 {
    width: 98rem;
    max-width: 98rem;
}

.popCont .in.w1100 {
    width: 110rem;
    max-width: 110rem;
}

.popCont .in.w1300 {
    width: 130rem;
    max-width: 130rem;
}

.Hday_setA {
    display: flex;
    align-items: center;
}

.Hday_setA .w1 {
    width: 48%;
}

.Hday_setA .w2 {
    width: 4%;
    text-align: center;
    font-size: 1.8rem;
    padding-top: 1.5rem;
}

.Hday_setA .ipt {
    position: relative;
}

.Hday_setA .ipt input {}

.Hday_setB {
    margin-top: 1.6rem;
}

.Hday_setB .ipt {}

.Hday_setB .ipt input {
    background: #f3f4f6;
}

.Hday_setA .ipt .react-datepicker-wrapper {
    display: block;
}

.Hday_setA .react-datepicker-popper {
    width: 30rem;
    z-index: 16;
}

.Hday_setA .react-datepicker {
    display: block;
    font-size: 1.4rem;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    padding: 1.5rem 1.5rem;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.04);
}

.Hday_setA .react-datepicker__month-container {
    float: none;
}

.Hday_setA .react-datepicker__header {
    background: #fff;
    border: 0;
    padding: 0;
    border-radius: 0;
}

.Hday_setA .react-datepicker__current-month {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    color: #0f0f15;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.Hday_setA .react-datepicker__navigation {
    top: 1rem;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2rem;
}

.Hday_setA .react-datepicker__navigation--previous {
    background-image: url(/img/menu_arr.svg);
    transform: rotate(90deg);
    left: 1.5rem !important;
}

.Hday_setA .react-datepicker__navigation--next {
    background-image: url(/img/menu_arr.svg);
    right: 1.5rem !important;
    transform: rotate(-90deg);
}

.Hday_setA .react-datepicker__day-names {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ebefef;
    background: #f3f4f6;
    border-bottom: 0;
}

.Hday_setA .react-datepicker__day-name {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.6rem;
    width: auto;
    flex: 1;
    margin: 0;
    color: #0f0f15;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.Hday_setA .react-datepicker__month {
    margin: 0;
    border-radius: 4px;
    border: 1px solid #ebefef;
    background: #f3f4f6;
    border-top: 0;
}

.Hday_setA .react-datepicker__week {
    display: flex;
    flex-wrap: wrap;
}

.Hday_setA .react-datepicker__day {
    margin: 0;
    width: auto;
    flex: 1;
    color: #0f0f15;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.6rem;
}

.Hday_setA .react-datepicker__day.react-datepicker__day--outside-month {
    color: #c6c8d7;
}

.Hday_setA .react-datepicker__day--selected,
.Hday_setA .react-datepicker__day--keyboard-selected {
    background: #1a3868;
    color: #fff !important;
}

.Hday_setA .react-datepicker-popper .react-datepicker__triangle {
    display: none;
}

.Hday_setA .react-datepicker__navigation-icon::before {
    display: none;
}

.Hday_setC {
    margin-top: 1.6rem;
    border-radius: 8px;
    background: #f3f4f6;
    padding: 0.6rem 1.6rem;
}

.Hday_setC .s1,
.Hday_setC .s2 {
    color: #007aff;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.react-datepicker__day:last-child,
.react-datepicker__day-name[aria-label='토요일'] {
    color: #007aff;
}

.react-datepicker__day:first-child,
.react-datepicker__day-name[aria-label='일요일'] {
    color: #f84646;
}

.react-datepicker__day--disabled {
    color: #DCDDE4 !important;
}

.Hday_selcD {}

.Hday_selcD ul {
    display: flex;
    align-items: center;
    height: 3.6rem;
    font-size: 1.4rem;
    color: #0f0f15;
    border: 1px solid #dcdde4;
    border-radius: 8px;
    background: #f3f4f6;
    padding: 0 1rem;
}

.Hday_selcD li {
    margin-right: 0.5rem;
}

.commRdo {
    padding-left: 2px;
}

.commRdo li {
    margin: 1rem 0;
}

.rdo_ani {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.rdo_ani input,
.commRdo input[type='radio'] {
    margin-right: 1rem;
    position: relative;
}

.radioRenderer {
    margin-right: 0 !important;
}

.commRdo label {
    cursor: pointer;
}

.rdo_ani:after,
.commRdo input[type='radio']:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    border: 1px solid #dcdde4;
    background: #fff;
}

.rdo_ani:before,
.commRdo input[type='radio']:before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    z-index: 1;
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: scale(0, 0);
}

.commRdo input[type='radio']:before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    z-index: 1;
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: scale(0, 0);
}

.rdo_ani:checked:before,
.commRdo input[type='radio']:checked:before {
    transform: scale(1, 1);
    border: 4px solid #1a3868;
}

.rdo_ani.reverse:checked:before,
.commRdo input[type='radio'].reverse:checked:before {
    border: 4px solid #dcdde4;
    background-color: #595c73;
}

.commRdo input[type='radio']:checked:before {
    transform: scale(1, 1);
    border: 4px solid #1a3868;
}

.rdo_ani:focus,
.commRdo input[type='radio']:focus {
    outline: none;
}

.commRdo label b {
    font-family: 'Pretendard-SemiBold';
    font-weight: 600;
    color: #0f0f15;
}

.system_subp4 {}

.system_subp4 .upt_cont .le ul li .selc {
    width: 14rem;
}

.system_subp4 .contHeight,
.system_subp5 .contHeight {
    height: calc(100vh - 23.4rem);
}

.system_subp5 {}

.thr_layout {
    display: flex;
    flex-wrap: wrap;
}

.thr_layout .btnGrpWrap {
    width: 100%;
}

.thr_layout .sysp3_wr {}

.thr_layout .sysp3_wr .w30 {
    margin-right: 4px;
}

.thr_layout .sysp3_wr .w70 {
    margin-left: 4px;
}

.thr_layout .contHeight {
    padding-top: 0;
    width: 100%;
    height: calc(100vh - 23rem);
}

.system_subp3 .thr_layout .contHeight {
    height: calc(100vh - 14.1rem);
}

.menuTxT_navi {
    position: fixed;
    top: 6rem;
    right: 0;
    z-index: 99;
    background: #fff;
    padding: 2rem 2.5rem 0 1rem;
    height: 6rem;
    box-sizing: border-box;
    border-bottom: 1px solid #dcdde4;
}

.menuTxT_navi::before {
    content: '';
    position: absolute;
    left: -3rem;
    top: 0;
    width: 3rem;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff);
    pointer-events: none;
}

.menuTxT_navi ul {
    display: flex;
    align-items: center;
    height: 3.6rem;
}

.menuTxT_navi ul li {
    font-size: 1.4rem;
    color: #595c73;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.menuTxT_navi ul li:last-child {
    margin-right: 0;
}

.menuTxT_navi .home {
    width: 1.6rem;
    height: 1.6rem;
    background: url(/img/home_ic.svg) no-repeat center;
}

.menuTxT_navi .arr {
    width: 1.6rem;
    height: 1.6rem;
    background: url(/img/menu_arr.svg) no-repeat center / 1.6rem;
    margin: 0 3px;
    transform: rotate(-90deg);
}

.device_set1 {}

.Vhalf_cont {
    display: flex;
    flex-wrap: wrap;
}

.Vhalf_cont .w30 {
    width: 36%;
    margin-right: 8px;
}

.Vhalf_cont .w70 {
    width: calc(64% - 8px);
}

.device_set1 .cont1 {}

.device_set1 .cont1 .iconComm {
    margin-right: 8px;
}

.device_set1 .cont1 .iconComm.save {
    margin-right: 0;
}

.device_set1 .cont2 .schWr,
.device_set1 .cont1 .schWr {
    padding-right: 5.5rem;
}

.device_set1 .cont1 .schWr .ipt {}

.device_set1 .cont2 .schWr button,
.device_set1 .cont1 .schWr button {
    width: 4.8rem;
}

.device_set1 .cont1 .half_cont .wd1 {
    width: 31rem;
}

.device_set1 .cont1 .half_cont .wd2 {
    width: auto;
    flex: 1;
}

.device_set1 .cont2 {
    display: flex;
    justify-content: space-between;
}

.device_set1 .cont2 .ri {}

.device_set1 .cont2 .ri .iconComm {
    margin-left: 8px;
}

.device_set1 .cont2 .schWr {
    width: 35%;
}

.device_set1 .cont2 .iconComm {}

.device_set1 .tui_content {
    border: 0;
}

.device_set2 {}

.Vhalf_cont .w31,
.Vhalf_cont .w32 {
    flex: 1;
}

.Vhalf_cont .w33 {
    flex: 1;
}

.Vhalf_cont .w31 {
    margin-right: 8px;
}

.Vhalf_cont .w31 .contHeight {
    height: calc(100vh - 27.3rem);
}

.Vhalf_cont .w32 .iconComm {
    margin-right: 8px;
}

.Vhalf_cont .w32 .iconComm.Del {
    margin-right: 0;
}

.device_set2 .cont1 {}

.device_set2 .cont1 .wd1 {
    display: flex;
    justify-content: space-between;
}

.device_set2 .cont1 .wd1 .iconComm {
    margin-right: 8px;
}

.device_set2 .cont1 .wd1 .iconComm:last-child {
    margin-right: 0;
}

.device_set2 .cont1 .wd2 {
    margin-top: 2rem;
}

.ip_add_box {}

.ip_add_box ul {
    display: flex;
    align-items: center;
}

.ip_add_box li {
    width: 46%;
}

.ip_add_box li.li2 {
    width: 6%;
    text-align: center;
    font-size: 1.8rem;
}

.ip_add_box input[type='text'] {
    background: #fff;
}

.ip_add_box input[type='number'] {
    background: #fff;
}

.tui_wrap .user-search-wrapper .search-icon {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 0 2px 2px 0;
    background: url(/img/sch_ic.svg) no-repeat center / 2rem;
    cursor: pointer;
}

.user-search-wrapper {
    display: flex;
    align-items: center;
}

.user-search-wrapper .search-icon {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 0 2px 2px 0;
    background: url(/img/sch_ic.svg) no-repeat center / 2rem;
    cursor: pointer;
}

.tui_wrap .user-search-wrapper .user-name {}

.event-data {
    color: #fff;
    background: #1a3868;
    border: 1px solid black;
}

.event-data a {
    color: #fff !important;
}

.event-middle {
    color: black;
    background: #DCDDE4;
    border: 1px solid black;
}

.chk_ani:disabled:after,
.rdo_ani:disabled:after,
.tui-grid-container input.noneCheckBox:after {
    background: #dcdde4 !important;
    border: 1px solid #dcdde4;
}

.chk_ani:disabled:checked:before {
    transform: rotate(-45deg) scale(1, 1) !important;
    border: 2px solid #7a7f99 !important;
    border-top-style: none !important;
    border-right-style: none !important;
}

.chk_ani:disabled:checked:after {
    background: #dcdde4 !important;
    border: none !important;
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.pagination .pBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #1a3868;
    min-width: 3.6rem;
    height: 3.6rem;
    border: 0;
    border-radius: 4px;
    background: rgba(0, 82, 164, 0.05);
    margin: 0 4px;
}

.pagination .pBtn.active {
    background: #1a3868;
    color: #fff;
}

.pagination .first,
.pagination .last,
.pagination .prev,
.pagination .next {
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.6rem;
}

.pagination .first {
    background-image: url(/img/last_ic.svg);
    transform: rotate(180deg);
}

.pagination .last {
    background-image: url(/img/last_ic.svg);
}

.pagination .prev {
    background-image: url(/img/next_ic.svg);
    transform: rotate(180deg);
}

.pagination .next {
    background-image: url(/img/next_ic.svg);
}

.pagination button.page:disabled {
    background: #1a3868;
    color: #fff;
}

.pagination button.first:disabled,
.pagination button.prev:disabled,
.pagination button.next:disabled,
.pagination button.last:disabled {
    opacity: 0.5;
}

.pagination .total_page {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin: 0 1rem;
    letter-spacing: 3px;
    width: 5rem;
    justify-content: center;
}

.pagination .total_page .now {
    color: #1a3868;
}

.pagination .total_page .total {
    color: #aaa;
}

.device-search-btn {
    height: 3rem;
    border-radius: 4px;
    background: #1a3868;
    color: #fff;
    border: 0;
    outline: none;
    z-index: 1;
    padding: 0 12px;
    position: absolute;
    top: 0;
}

.status_box {}

.status_cell {
    text-align: center;
    cursor: pointer;
    display: flex;
    min-height: 3.8rem;
    justify-content: center;
    align-items: center;
}

.status-dropdown {
    position: absolute;
    top: 4.4rem;
    min-width: 12rem;
    background-color: #fff;
    border: 1px solid #1a3868;
    z-index: 20;
    margin-left: -6px;
}

.status-dropdown .dropdown-item {
    border-bottom: 1px solid #dcdde4;
    padding: 0.8rem 1.6rem;
    cursor: pointer;
    text-align: center;
}

.status-dropdown.down {
    top: 4.4rem;
}

.status-dropdown.up {
    top: auto !important;
    /* 기존 top 속성 제거 */
    bottom: 3.9rem;
    /* 위로 펼쳐질 때 */
}

/* .status-dropdown .dropdown-item:nth-of-type(1) {
    color: #007aff;
}
.status-dropdown .dropdown-item:nth-of-type(2) {
    color: #ff8c00;
}
.status-dropdown .dropdown-item:nth-of-type(3) {
    color: #ff3b30;
} 
.status-dropdown .dropdown-item:nth-of-type(4) {
    color: #595c73;
}
*/
.tui_newWrap .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item,
.tui_wrap .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    line-height: 30px;
}

.tui_newWrap .tui-grid-container input,
.tui_wrap .tui-grid-container input {
    font-family: 'Pretendard-Regular';
    font-size: 1.4rem;
    position: relative;
}

.device_set3 .upt_cont .le .selc {
    margin-right: 8px;
}

.device_set3 .upt_cont .le .selc select {
    width: 12rem;
}

.device_set6 .contHeight,
.device_set3 .contHeight {
    height: calc(100vh - 23.4rem);
}

.device_set4 .btnGrpWrap .ctl_Cont .iconComm {
    margin-left: 0;
    margin-right: 8px;
}

.thr_cont {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.thr_cont .w33 {
    flex: 1;
    margin-right: 8px;
}

.thr_cont .w33:last-child {
    margin-right: 0;
}

.thr_cont .w33.narrow-section {
    flex: 0.6;
    /* This makes it 20% narrower than the other sections */
}

.h18_tit,
.thr_cont .w33 .tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.h18_tit .t1,
.thr_cont .w33 .tit .t1 {
    font-size: 1.8rem;
    color: #1a3868;
    display: flex;
    align-items: center;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.w33_Hcont {}

.device_set4_cont1 {
    width: 32rem;
}

.device_set4_cont2 {
    display: flex;
    flex-wrap: wrap;
    height: 36rem;
}

.device_set4_cont2 .wd1 {
    width: 32rem;
    margin-right: 2rem;
}

.device_set4_cont2 .wd2 {
    flex: 1;
}

.device_set4_cont2 .schcont_H {
    height: 34rem;
}

.device_set4_cont2 .wd2 .w1 {}

.device_set4_cont2 .wd2 .w3,
.device_set4_cont2 .wd2 .w4 {
    width: 25%;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    color: #0f0f15;
}

.device_set4_cont2 .wd2 .w3 {}

.device_set4_cont2 .wd2 .w4 {
    border-left: 1px solid #dcdde4;
}

.device_set4_cont2 .wd2 .w1 .chk_ani {
    width: 4rem;
    margin-right: 0;
}

.device_set4_cont2 .tit .w1 .chk_ani:after {
    background: #fff;
}

.device_set4 .thr_layout .contHeight {
    height: auto;
}

.device_set4 .schcont_H {
    height: calc(100vh - 23.6rem);
}

.device_set4 .user_sg {
    height: 100%;
    margin-top: 0;
}

.device_set4 .row_in {
    height: calc(100vh - 23.6rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.device_set4 .rowA {
    height: 34%;
}

.device_set4 .rowB {
    height: 64%;
}

.device_set4 .user_sg .scrCont .list {
    padding-left: 0;
}

.modal_org_add .user_new .chk {
    width: 4rem;
    position: relative;
}
.device_set4 .user_new .chk {
    width: 4rem;
    position: relative;
    text-align : center;
    padding-left : 2px;
}

.modal_org_add .user_new .chk {
    text-align: center;
    padding-left: 6px;
}

.device_set4.ect .user_new .chk {
    text-align: center;
    padding-left: 8px !important;
}

.user_new .w3 {
    width: 100%;
    height: 100%;
}

.modal_org_add .user_new .chk:after,
.device_set4 .user_new .chk:after {
    content: '';
    position: absolute;
    top: -2rem;
    right: 0;
    height: 5.6rem;
    width: 1px;
    background: #dcdde4;
}

.modal_org_add .user_new .pic,
.device_set4 .user_new .pic {
    margin-left: 1.2rem;
}

.cau_txt {
    position: relative;
    font-size: 1.2rem;
    margin-top: 1.5rem;
    padding-left: 1.8rem;
    color: #7a7f99;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.cau_txt::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    background: url(/img/cau_ic.svg) no-repeat center;
}

.system_sch1 {}

.system_sch1 .subp_Wrap {
    height: calc(100vh - 14rem);
}

.system_sch1 .subp_Wrap > .sdwBox {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.upt_cont {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: end;
}

.upt_cont .le {}

.upt_cont .le ul {
    display: flex;
}

.upt_cont .le ul li {
    position: relative;
    margin-right: 8px;
}

.upt_cont .le ul li.li1,
.upt_cont .le ul li.li2 {
    width: 18rem;
}

.upt_cont .le ul li.li3 {
    width: 24rem;
}

.upt_cont .le ul li:last-child {
    margin-right: 0;
}

.upt_cont .le ul li.li4 {
    width: 35rem;
}

/* .upt_cont .ipt input {background: #F3F4F6;}  */
.upt_cont .Hday_setA .react-datepicker-wrapper {
    display: block;
    flex: 1;
}

.upt_cont .ri {
    display: flex;
}

.upt_cont .ri .schWr {
    width: 30rem;
    margin-right: 1rem;
}

.upt_cont .ri .iconComm {}

.device_set5 .upt_cont .ri .iconComm {
    margin-left: 1rem;
}

.log_cont {}

.log_cont .cont1 {
    display: flex;
    justify-content: space-between;
}

.log_cont .cont1 .le {}

.log_cont .cont1 .le {}

.log_cont .cont1 .le ul {
    display: flex;
    align-items: center;
}

.log_cont .cont1 .le ul li {
    margin-right: 1rem;
}

.log_cont .cont1 .le ul li:last-child {
    margin-right: 0;
}

.log_cont .cont1 .le .iconComm {
    color: #353745;
    border: 1px solid #dcdde4;
}

.log_cont .cont1 .le .iconComm:hover {
    color: #fff;
    border: 1px solid #1a3868;
}

.log_cont .cont1 .ri {
    width: 40rem;
}

.log_cont .cont1 .ri .schWr {
    padding-right: 16.8rem;
}

.popFileAdd {
    position: absolute;
    top: 0;
    right: 7.6rem;
    width: 8.6rem;
    height: 3.6rem;
    border-radius: 4px;
    background: #1a3868;
    color: #fff;
    border: 0;
    outline: none;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    transition: all 0.3s ease;
    cursor: pointer;
}

.popFileAdd:hover {
    background: #0f0f15;
}

.log_cont .texta {
    margin: 1.5rem 0;
    height: auto;
}

.log_cont .texta textarea {
    width: 100%;
    height: 8rem;
    border: 1px solid #dcdde4;
    background: #f3f4f6;
    border-radius: 0;
    padding: 1.2rem 1.2rem;
    color: #353745;
    line-height: 1.5;
    font-size: 1.4rem;
    resize: none;
}

.log_cont .texta textarea:focus {
    background: #fff;
}

.log_history {
    height: 45rem;
    background: #0f0f15;
    color: #fff;
    line-height: 1.5;
    padding: 1.2rem 1.2rem;
}

.Meal1 .contHeight,
.device_set5 .contHeight,
.system_sch1 .contHeight {
    height: calc(100vh - 29.5rem);
}

.system_sch1 .contHeight {
    flex: 1;
}

.User3 .contHeight {
    height: calc(100vh - 23.5rem);
}

.User3 .pagination {
    margin-top: 0.5rem;
}

.User3 .tui_content {
    height: 100%;
}

.firm_cont {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.firm_cont .ri .iconComm {
    border: 1px solid #dcdde4;
    color: #353745;
    margin-right: 1rem;
}

.firm_cont .ri .iconComm:last-child {
    margin-right: 0;
}

.firm_cont .ri .iconComm.Plus:hover {
    color: #fff;
    border: 1px solid #1a3868;
}

.firm_cont .ri .iconComm.Del:hover {
    color: #fff;
    border: 1px solid #f84646;
}

.firm_cont .le {
    width: 30rem;
}

.user_cont {
    display: flex;
    flex-wrap: wrap;
}

.user_cont .w_ctt1,
.user_cont .w_ctt2 {
    margin-right: 8px;
}

.user_cont .w_ctt1 .sdwBox,
.user_cont .w_ctt2 .sdwBox {
    height: 100%;
}

.user_cont .w_ctt1 {
    width: 20%;
}

.user_cont .w_ctt1 .schWr {
    padding-right: 5.5rem;
    margin-bottom: 2rem;
}

.user_cont .w_ctt1 .schWr button {
    width: 4.8rem;
}

.user_cont .w_ctt0 {
    width: 100%;
}

.user_cont .w_ctt1 .h3_18 {
    margin-bottom: 1rem;
    height: 3.6rem;
    line-height: 3.6rem;
}

.user_cont .w_ctt2 .h3_18 {
    margin-bottom: 0;
}

.org_chart {
    border: 1px solid #dcdde4;
    overflow-y: auto;
    /* background: #f3f4f6; */
    position: relative;
    height: calc(100% - 8.6rem);
    border-radius: 4px;
    padding-bottom: 4rem;
}

.Ent1_cont1 .le .dep2_H .tit,
.org_chart .tit {
    border-bottom: 1px solid #dcdde4;
    background: #f3f4f6;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
}

.org_chart .tit .set {
    position: absolute;
    top: 0;
    right: 0;
    width: 4rem;
    height: 4rem;
    z-index: 1;
    cursor: pointer;
    background: url(/img/set_ic.svg) no-repeat center;
}

.org_chart .list {
    position: relative;
    height: 4rem;
    padding: 0 1.2rem;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #353745;
    cursor: pointer;
    border-bottom: 1px solid #dcdde4;
    background: #fff;
}

.org_chart .list.dep1 {}

.org_chart .list.dep2 {
    padding-left: 3.5rem;
}

.org_chart .list.dep3 {
    padding-left: 5rem;
}

.org_chart .list.on {
    background: rgba(255, 140, 0, 0.13);
}

.user_cont .w_ctt2 {
    width: 20%;
}

.user_cont .w_ctt2 .cont1 {
    width: 50%;
    padding: 0 4px;
}

.user_cont .w_ctt2 .cont1 ul {
    display: flex;
    justify-content: space-between;
}

.user_cont .w_ctt2 .cont1 ul li {}

.user_cont .w_ctt2 .cont12_wr {
    display: flex;
    align-items: center;
    margin: 0 -4px;
}

.user_cont .w_ctt2 .cont1 .iconComm {
    background-color: #1a3868;
    color: #fff;
}

.user_cont .w_ctt2 .cont1 .Plus.iconComm {
    background-image: url(/img/Plus_on.svg);
    width: 100%;
}

.user_cont .w_ctt2 .cont1 .save.iconComm {
    background-image: url(/img/save_ic_on.svg);
}

.user_cont .w_ctt2 .cont1 .Del.iconComm {
    background-image: url(/img/Del_on.svg);
}

.user_cont .w_ctt2 .cont1 .Del.iconComm:hover {
    background-color: #f84646 !important;
}

.user_cont .w_ctt2 .cont1 .Plus.iconComm:hover,
.user_cont .w_ctt2 .cont1 .save.iconComm:hover {
    background-color: #0f0f15 !important;
    border: 1px solid #0f0f15;
}

.user_cont .w_ctt2 .cont2 {
    width: 50%;
    padding: 0 4px;
}

.user_cont .w_ctt2 .cont2 .iconComm {}

.user_cont .w_ctt2 .cont2 .iconComm .ExUp {
    width: 1.6rem;
    height: 1.6rem;
    background: url(/img/ExUp_off.svg) no-repeat center;
    margin-right: 1rem;
    transition: all 0.3s ease;
}

.user_cont .w_ctt2 .cont2 .iconComm:hover .ExUp {
    background: url(/img/ExUp_on.svg) no-repeat center;
}

.user_cont .w_ctt2 .user_chart .tit li {}

.user_cont .w_ctt2 .user_chart .tit li button {
    background: #1a3868;
    border: 0;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    font-size: 1.2rem;
    transition: all 0.3s ease;
}

.user_cont .w_ctt2 .user_chart .tit li button:hover {
    background: #0f0f15;
}

.User1 .user_cont .w_ctt2 .user_chart .tit li {
    justify-content: right;
    padding: 0 1.2rem;
}

.user_cont .w_ctt1 .org_chart {
    height: auto;
    margin-top: 0;
    padding-bottom: 0;
    background: #fff;
}

.user_cont .w_ctt2 .user_chart {
    height: calc(100% - 4.6rem);
    margin-top: 0;
    padding-bottom: 0;
    background-color: #FFFFFF;
}

.user_cont .w_ctt3 {
    width: calc(60% - 16px);
    align-self: flex-start;
}

.User1 .user_add {}

.User2 .user_cont .w_ctt2 .cont2 .iconComm {
    padding-left: 1rem;
}

.User2 .user_chart .tit li:first-child,
.User2 .user_chart .list ul li:first-child {
    width: 50%;
}

.User2 .user_cont .w_ctt2 .cont1 .iconComm {
    width: 33.33333333%;
}

.user_chart {
    margin-top: 2rem;
    border: 1px solid #dcdde4;
    overflow-y: auto;
    position: relative;
    background: #f3f4f6;
    height: calc(100% - 8.6rem);
    border-radius: 4px;
    padding-bottom: 4rem;
}

.user_chart .tit {
    border-bottom: 1px solid #dcdde4;
    background: #f3f4f6;
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
}

.user_chart .tit li {
    width: 50%;
    text-align: center;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    color: #0f0f15;
    border-left: 1px solid #dcdde4;
}

.scrCont {
    background: #fff;
}

.listwr {
    height: auto;
    overflow-x: auto;
    width: max-content;
    min-width: 100%;
}

.user_chart .list {
    height: 143.7rem;
    /* overflow-y: auto; */
}

.user_chart .list ul {
    display: flex;
    cursor: pointer;
    background: #fff;
}

.user_chart .list ul li {
    display: flex;
    align-items: center;
    min-height: 4rem;
    width: 50%;
    justify-content: center;
    font-size: 1.4rem;
    color: #353745;
    border-bottom: 1px solid #dcdde4;
    border-left: 1px solid #dcdde4;
    padding: 1rem 1rem;
}

.user_chart .tit li:first-child,
.user_chart .list ul li:first-child {
    border-left: 0;
    width: 100%;
}

.user_add {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}

.user_add .w50 {
    width: 50%;
    padding: 0 4px;
    margin-bottom: 8px;
}

.user_add .w100 {
    width: 100%;
    padding: 0 4px;
}

.user_add .sdwBox {
    height: 100%;
    margin-bottom: 0;
}

.user_add .cont1 {}

.user_add .cont1 .inwr {
    display: flex;
    flex-wrap: wrap;
}

.user_add .cont1 .inwr .le {
    width: 12rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.user_add .cont1 .inwr .le .rowB {
    margin-bottom: 1.2rem;
}

.user_add .cont1 .mypic {}

.user_add .cont1 .prvw {
    position: relative;
    margin-bottom: 8px;
    overflow: hidden;
    width: 12rem;
    height: 14rem;
    background: url(/img/sks_wh.svg) no-repeat rgba(0, 82, 164, 0.22) center / 9rem;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.user_add .cont1 .prvw img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    background: #fff;
}

.user_add .cont1 .mypic .iconComm {
    width: 100%;
    background-color: #1a3868;
    color: #fff;
    background-image: url(/img/Plus_on.svg);
}

.user_add .cont1 .mypic .iconComm:hover {
    background-color: #0f0f15 !important;
    border: 1px solid #0f0f15;
}

.user_add .cont1 .iconComm.save,
.user_add .cont1 .iconComm.Mody,
.user_add .cont1 .iconComm.Camera,
.user_add .cont1 .iconComm.Del {
    margin-top: 8px;
    width: 100%;
}

.user_add .cont1 .iconComm.Del {}

.user_add .cont1 .ri {
    flex: 1;
    margin-left: 2rem;
}

.user_add .cont1 .list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}

.user_add .cont1 .list .ipt {
    position: relative;
}

.user_add .cont1 .list .wd5 {
    width: 50%;
    padding: 0 6px;
    margin-bottom: 1.2rem;
}

.user_add .cont1 .list .wd10 {
    width: 100%;
    padding: 0 6px;
    margin-bottom: 1.2rem;
}

.user_add .cont1 .list .wd10.Hday_setA {
    display: block;
}

.user_add .cont1 .list .ipt .sch {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.6rem;
    height: 3.6rem;
    cursor: pointer;
    background: url(/img/sch_ic.svg) no-repeat center / 2rem;
    z-index: 1;
}

.user_add .cont1 .list .sipt input {
    padding-right: 3.6rem;
}

.user_new {
    padding: 0 0.8rem;
    background: #fff;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dcdde4;
    height: 5.6rem;
    cursor: pointer;
    min-width: 0;
}

.user_new .device_user_new {
    background: #fff;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dcdde4;
    height: 5.6rem;
    cursor: pointer;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
}

#user_ID:hover .user_new {
    background: rgba(0, 122, 255, 0.13);
}

.user_new .pic {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: url(/img/def_user.svg) no-repeat center / 2.4rem rgba(0, 82, 164, 0.24);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.user_new .pic img {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    object-fit: cover;
}

.user_new .user_i {
    flex: 1;
    padding-left: 8px;
    min-width: 0;
}

.user_new .rowA {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    min-width: 0;
}

.user_new .rowA .blue2 {
    color: #1a3868;
    font-family: 'Pretendard-SemiBold';
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60px;
    font-weight: 600;
}

.user_new .rowA .dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #c6c8d7;
    margin: 0 5px;
}

.user_new .rowA .n1 {
    color: #0f0f15;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    max-width: 90px;
}

.user_new .rowA .n2 {
    color: #595c73;
    margin-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.user_new .rowA .n3 {
    color: #0f0f15;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.user_new .rowB {
    font-size: 1.3rem;
    color: #7a7f99;
    margin-top: 2px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.reqd {
    width: 4px;
    height: 4px;
    background: #eb4852;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px;
}

.user_add .cont2 {
    display: flex;
    flex-wrap: wrap;
}

.user_add .cont2 .sdwBox {
    height: auto;
}

.user_add .cont2 .abox {}

.user_add .cont2 .abox .ctt1 {}

.user_add .cont2 .abox .ctt2 {
    margin-top: 2rem;
}

.user_add .cont2 .abox .ctt2 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 2.85rem;
}

.user_add .cont2 .abox .ctt2 ul li {
    margin-right: 1rem;
}

.user_add .cont2 .bbox {}

.user_add .cont2 .bg {
    position: relative;
    background: #f3f4f6;
    border-radius: 4px;
    padding: 1.6rem 1.6rem;
    margin-top: 1rem;
}

.user_add .cont2 .bg .subj {
    font-size: 1.4rem;
    color: #1a3868;
    margin-bottom: 1.5rem;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    width: 100%;
}

.User2 .user_add .cont2 .dbox .noid {
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
}

.user_add .cont2 .abox .ctt2 .mSend {
    display: none;
    background: #1a3868;
    color: #fff;
    border: 1px solid #1a3868;
    cursor: pointer;
    font-size: 1.4rem;
    padding: 5px 10px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.user_add .cont2 .abox .ctt2 .mSend:hover {
    background: #0f0f15;
}

.user_add .cont2 .ebox .half_cont {
    margin: 0 -4px;
}

.cont1 .noClick:before,
.cont2 .noClick:before,
.cont3 .noClick:before,
.cont4 .noClick:before,
.cont6 .noClick:before,
.cont7 .noClick:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 82, 164, 0.05);
    border-radius: 4px;
    z-index: 10;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}

.tree.noClick:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 82, 164, 0);
    border-radius: 4px;
    z-index: 10;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}

.pass_certi {
    position: relative;
}

.pass_certi .view {
    width: 1.4rem;
    height: 3.6rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.4rem;
    position: absolute;
    top: 50%;
    margin-top: -1.8rem;
    z-index: 1;
    cursor: pointer;
    right: 7px;
    background-image: url(/img/Login-view-x.svg);
}

input[type='text'] {
    color: #000;
}

.down_reason {
    border-color: red !important;
}

.down_reason::placeholder {
    border-color: red !important;
}

.pass_certi input[type='text'],
.pass_certi input[type='number'],
.pass_certi input[type='password'] {
    padding-right: 4.6rem;
}

.pass_certi input[type='text']+.view {
    background-image: url(/img/Login-view.svg);
}

.pass_ok input {
    border: 1px solid #26a212;
}

.pass_no input {
    border: 1px solid #f84646;
}

.pass_ok .ok,
.pass_no .no {
    width: 1.8rem;
    height: 3.6rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.8rem;
    position: absolute;
    top: 50%;
    margin-top: -1.8rem;
    z-index: 1;
}

.pass_ok .ok {
    right: 25px;
    background-image: url(/img/pass_ok.svg);
}

.pass_no .no {
    right: 25px;
    background-image: url(/img/pass_no.svg);
}

.mb_key {}

.mb_key ul {
    display: flex;
    align-items: center;
}

.mb_key ul li {
    margin-right: 8px;
}

.mb_key ul li:last-child {
    margin-right: 0;
}

.mb_key ul li .Del,
.mb_key ul li .mbSend {
    width: 10rem;
    background-color: #1a3868;
    color: #fff;
    background-image: url(/img/mb_send.svg);
    background-position: 2rem center;
}

.mb_key ul li .Del:hover,
.mb_key ul li .mbSend:hover {
    background-color: #0f0f15 !important;
    border: 1px solid #0f0f15;
}

.mb_key ul li .Del {
    background-color: #f84646;
    border: 1px solid #f84646;
    background-image: url(/img/Del_on.svg);
}

.mb_key ul li.li1 {
    flex: 1;
}

.mb_key ul li.li2 {}

.card_num {}

.face_cont .icon,
.card_num .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.6rem;
    font-size: 1.4rem;
    color: #0f0f15;
    border: 1px solid #0f0f15;
    border-radius: 4px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.card_num .icon .ic1,
.card_num .icon .ic2 {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 5px;
}

.card_num .icon .ic1 {
    background: url(/img/set_ic.svg) no-repeat center;
    transition: all 0.3s ease;
}

.card_num .icon .ic2 {
    background: url(/img/Read_ic.svg) no-repeat center;
}

.card_num .Set {}

.card_num .Set:hover {
    background: #1a3868;
    color: #fff;
}

.card_num .Set:hover .ic1 {
    background: url(/img/set_on.svg) no-repeat center;
}

.card_num .Read {
    background: #1a3868;
    color: #fff;
    border: 1px solid #1a3868;
}

.card_num .Read:hover {
    background: #0f0f15;
    border: 1px solid #0f0f15;
}

.card_num ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}

.card_num ul li {
    padding: 0 4px;
}

.card_num .li1 {}

.card_num .li2 {
    width: 10rem;
}

.card_num .li3 {
    flex: 1;
}

.row_List_scr {
    margin-top: 1.6rem;
    position: relative;
}

.row_List_scr .ctt {
    padding: 1.2rem 1.2rem;
    border-radius: 4px;
    background: #fff;
}

.row_List_scr ul {
    display: flex;
    align-items: center;
    margin-right: 4rem;
    overflow: hidden;
    position: relative;
}

.row_List_scr ul:before {
    content: '';
    position: absolute;
    top: 0;
    right: -5px;
    width: 2.2rem;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.row_List_scr ul li {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #dcdde4;
    height: 2.8rem;
    padding: 0 1rem;
    border-radius: 50rem;
    margin-right: 8px;
}

.row_List_scr label {
    display: block;
    min-width: max-content;
}

.row_List_scr ul li .rdo_ani {
    margin-right: 1rem;
}

.copy_clist .list .tagt_list .sec_del,
.row_List_scr .del {
    width: 1.6rem;
    height: 1.6rem;
    background: url(/img/cc_del_b.svg) no-repeat center;
    cursor: pointer;
    margin-left: 6px;
    background-size: 2rem;
}

.row_List_scr .down {
    width: 2.8rem;
    height: 2.8rem;
    border: 1px solid #dcdde4;
    border-radius: 50%;
    background: url(/img/arr_down_b.svg) no-repeat center #fff;
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
    z-index: 1;
    cursor: pointer;
    transition: all 0.3s ease;
}

.row_List_scr .ctt .chk_ani:after {
    border-radius: 50%;
    width: 1.8rem;
    height: 1.8rem;
    left: -2px;
    top: -3px;
}

.row_List_scr.on .down {
    transform: rotate(180deg);
}

.row_List_scr.on .down.on {
    transform: rotate(0deg);
}

.row_List_scr.on .ctt ul {
    flex-wrap: wrap;
}

.row_List_scr.on .ctt ul li {
    margin: 2.5px 0;
    margin-right: 8px;
}

.ping_cont {}

.ping_cont ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}

.ping_cont ul li {
    padding: 0 4px;
}

.ping_cont .li1 {
    width: 39%;
}

.ping_cont .li2 {
    width: 61%;
}

.ping_cont .si {
    display: flex;
    flex-wrap: wrap;
}

.ping_cont .si .selc {
    flex: 1;
    margin-right: 8px;
}

.ping_cont .Ji.iconComm {
    background-color: #1a3868;
    border: 1px solid #1a3868;
    color: #fff;
    background-image: url(/img/Ji_off.svg);
}

.ping_cont .Ji.iconComm:hover {
    background-color: #0f0f15 !important;
    border: 1px solid #0f0f15;
}

.user_add .cont2 .cbox .noid {
    margin-top: 1.5rem;
}

.user_add .cont2 .noid .chk_ani:after {
    background: #fff;
}

.face_cont {
    margin-top: 1.5rem;
}

.face_cont ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}

.face_cont ul li {
    width: 25%;
    padding: 0 4px;
}

.face_cont .icon {
    background: #fff;
}

.user_add .cont4 .abox .icon:hover,
.face_cont .icon:hover {
    background-color: #1a3868;
    border: 1px solid #1a3868;
    color: #fff;
}

.user_add .cont4 .abox .icon .ic1,
.user_add .cont4 .abox .icon .ic2,
.user_add .cont4 .abox .icon .ic3,
.face_cont .icon .ic1,
.face_cont .icon .ic2,
.face_cont .icon .ic3,
.face_cont .icon .ic4 {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 5px;
    transition: all 0.3s ease;
    background-repeat: no-repeat;
    background-position: center;
}

.face_cont .icon .ic1 {
    background-image: url(/img/dan_off.svg);
}

.face_cont .icon .ic2 {
    background-image: url(/img/pic_off.svg);
}

.face_cont .icon .ic3 {
    background-image: url(/img/Camera_ic.svg);
}

.face_cont .icon .ic4 {
    background-image: url(/img/Del_bk.svg);
}

.face_cont .icon:hover .ic1 {
    background-image: url(/img/dan_on.svg);
}

.face_cont .icon:hover .ic2 {
    background-image: url(/img/pic_on.svg);
}

.face_cont .icon:hover .ic3 {
    background-image: url(/img/Camera_on.svg);
}

.face_cont .icon:hover .ic4 {
    background-image: url(/img/Del_on.svg);
}

.face_cont .icon.Del:hover {
    background-color: #f84646;
    border: 1px solid #f84646;
}

.face_cont.certi {
    display: flex;
    margin-top: 1.6rem;
    position: relative;
}

.face_cont .file_name {
    width: 100%;
    margin-right: 8px;
    min-width: 0;
}

.accimg,
.preview {
    margin-top: 1.6rem;
    border-radius: 4px;
    border: 1px solid #dcdde4;
    text-align: center;
}

.accimg img,
.preview img {
    max-width: 100%;
    max-height: 300px;
    border-radius: 4px;
}

.indoor_cont {}

.indoor_cont ul {}

.indoor_cont ul li {
    position: relative;
}

.indoor_cont ul li.li1 {
    margin-bottom: 2rem;
}

.indoor_cont .ipt {
    width: 100%;
}

.indoor_cont .ipt input {}

.indoor_chk {
    margin-bottom: 8px;
}

.certi_indoor_date {
    margin-top: 2rem;
}

.certi_indoor_date ul {
    display: flex;
    align-items: center;
}

.certi_indoor_date li {
    width: 100%;
    display: block;
}

.certi_indoor_date li.mid {
    flex: none;
    width: 2rem;
    text-align: center;
    font-size: 1.4rem;
    color: #595c73;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.indoor_auth_wr {
    display: flex;
    align-items: center;
}

.indoor_auth_wr .Set.iconComm {
    min-width: 6.8rem;
    padding-right: 1rem;
    padding-left: 3.2rem;
    background-position: 1rem center;
}

.indoor_auth {
    margin-top: 4rem;
    position: relative;
}

.indoor_auth .row_List_scr {
    margin-top: 0;
    margin-right: 8px;
    flex: 1;
}

.indoor_auth .row_List_scr.down {
    height: 45px;
    overflow-y: hidden;
}

.indoor_auth .row_List_scr .ctt {
    background: #f3f4f6;
    padding: 1rem 1.2rem;
}

.indoor_auth .row_List_scr ul li {}

.indoor_auth .row_List_scr ul:before {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #f3f4f6 100%);
}

.user_add .cont_wrap {
    width: 100%;
    margin-top: 8px;
}

.user_add .cont3 {}

.user_add .cont4 {
    width: 100%;
    padding: 0 0;
    margin-bottom: 0;
}

.user_add .cont4 .abox {}

.user_add .cont4 .abox .selc {
    flex: 1;
}

.user_add .cont4 .abox .icon {
    width: 19rem;
    margin-left: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.6rem;
    font-size: 1.4rem;
    color: #1a3868;
    border: 1px solid #1a3868;
    border-radius: 4px;
    transition: all 0.3s ease;
    cursor: pointer;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.user_add .cont4 .abox .icon .ic1 {
    background-image: url(/img/work1_off.svg);
}

.user_add .cont4 .abox .icon .ic2 {
    background-image: url(/img/work2_off.svg);
}

.user_add .cont4 .abox .icon .ic3 {
    background-image: url(/img/work3_off.svg);
}

.user_add .cont4 .abox .icon:hover .ic1 {
    background-image: url(/img/work1_on.svg);
}

.user_add .cont4 .abox .icon:hover .ic2 {
    background-image: url(/img/work2_on.svg);
}

.user_add .cont4 .abox .icon:hover .ic3 {
    background-image: url(/img/work3_on.svg);
}

.user_add .cont6 {
    width: 100%;
    height: calc(100% - 8px);
}

.user_add .cont6 .abox {}

.user_add .cont6 .bbox {
    margin-top: 2rem;
    display: block;
}

.user_cont .w_ctt3 .cont7 {}

.user_cont .w_ctt3 .cont7 .btnGrp {
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 1;
}

.user_cont .w_ctt3 .cont7 .btnGrp .iconComm {
    margin-left: 8px;
}

.excpt_list {
    margin-top: 2rem;
}

.excpt_list .excpt_tbl {
    height: 32rem;
}

.cam_gd {
    height: 33rem;
    background: rgba(0, 82, 164, 0.24);
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cam_gd:before {
    content: '';
    position: absolute;
    top: 3rem;
    left: 18rem;
    width: 28rem;
    height: 34rem;
    border: 5px solid #fff;
    border-radius: 50%;
}

.cam_won {
    width: 20rem;
    height: 22rem;
    background: url(/img/cam_gd.svg) no-repeat center;
}

.org_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.org_btn .le {
    display: flex;
    align-items: center;
    width: 30rem;
}

.org_btn .le li {
    margin-right: 8px;
}

.org_btn .le li:last-child {
    margin-right: 0;
}

.org_btn .le .iconComm {
    border: 1px solid #dcdde4;
    color: #353745;
}

.org_btn .le .iconComm:hover {
    border: 1px solid #1a3868;
    color: #fff;
}

.org_btn .le .iconComm.Del:hover {
    border: 1px solid #f84646;
}

.org_btn .ri {
    display: flex;
    align-items: center;
}

.usb_cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px 1.5rem;
}

.usb_cont .w50 {
    width: 50%;
    padding: 0 4px;
}

.usb_cont .w50.le {}

.usb_cont .w50.ri {}

.usb_cont .cont {
    height: 100%;
    background: #f3f4f6;
    padding: 2rem 2rem;
    border-radius: 4px;
}

.work1_cont .cont1 .subj,
.usb_cont .cont .subj {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
    color: #1a3868;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.usb_cont .port {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.usb_cont .port .t1 {
    font-size: 1.4rem;
    width: 4rem;
    color: #353745;
}

.usb_cont .port .selc {
    flex: 1;
}

.m14 {
    font-size: 1.4rem;
    color: #353745;
}

.ji_addbox {}

.ji_addbox .cont {
    margin-top: 1.5rem;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    padding: 1.5rem 1.5rem;
    display: flex;
    flex-wrap: wrap;
}

.ji_addbox .cont .le {
    width: 14rem;
}

.ji_addbox .cont .ri {
    flex: 1;
    padding-left: 5rem;
}

.ji_addbox .cont .ri .img {
    background: url(/img/hands1.svg) no-repeat bottom center/100%;
    height: 36.8rem;
    position: relative;
}

.ji_addbox .cont .ri .img .cf {
    position: absolute;
    z-index: 1;
    width: 2rem;
    height: 2rem;
    background: #c6c8d7;
    border-radius: 50%;
    cursor: pointer;
}

.ji_addbox .cont .ri .img .finger_1 {
    top: 9rem;
    left: 0;
}

.ji_addbox .cont .ri .img .finger_2 {
    top: 7rem;
    left: 3rem;
}

.ji_addbox .cont .ri .img .finger_3 {
    top: 5rem;
    left: 6rem;
}

.ji_addbox .cont .ri .img .finger_4 {
    top: 7rem;
    left: 9rem;
}

.ji_addbox .cont .ri .img .finger_5 {
    top: 16rem;
    left: 18rem;
}

.ji_addbox .cont .ri .img .finger_6 {
    top: 16rem;
    right: 17.5rem;
}

.ji_addbox .cont .ri .img .finger_7 {
    top: 7rem;
    right: 9rem;
}

.ji_addbox .cont .ri .img .finger_8 {
    top: 5rem;
    right: 6rem;
}

.ji_addbox .cont .ri .img .finger_9 {
    top: 7rem;
    right: 3rem;
}

.ji_addbox .cont .ri .img .finger_10 {
    top: 9rem;
    right: 0;
}

.ji_addbox .cont .ri .img .cf.nofgr_chc {
    border: 4px solid #c6c8d7;
    background: #fff;
}

.ji_addbox .cont .ri .img .cf.fgr_chc {
    border: 4px solid #1a3868;
    background: #fff;
}

.ji_addbox .cont .ri .img .cf.fgr_rst {
    background: #1a3868;
}

.ji_addbox .cont .wd {
    height: 17.6rem;
    background: #f3f4f6;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    position: relative;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

.ji_addbox .cont .scan1 {
    margin-bottom: 1.5rem;
}

.ji_addbox .cont .scan2 {}

.ji_addbox .cont .t1 {
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: 0;
    text-align: center;
}

.ji_addbox .bt {
    margin-top: 1.5rem;
    text-align: center;
    color: #353745;
    font-size: 1.4rem;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.ji_addbox .bt .s1 {
    color: #7a7f99;
    letter-spacing: 2px;
    margin-left: 1rem;
}

.ji_addbox .bt .s2 {
    color: #212845;
}

.ji_addbox .cont .wd.active {
    border: 1px solid #1a3868;
}

.ji_addbox .fingerBtn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ji_addbox .fingerBtn .commRdo input[type='radio'] {
    display: none;
}

.ji_addbox .fingerBtn label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ji_addbox .fingerBtn .le {}

.ji_addbox .fingerBtn .ri {
    padding: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 0;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    background: url(/img/cc_x.svg) no-repeat #fff center / 1.6rem;
    z-index: 1;
    cursor: pointer;
    border: 1px solid #f84646;
}

.ji_scan_img {}

.ji_scan_img img {
    border-radius: 4px;
}

.Ji_ly .commRdo {
    margin-top: 1rem;
}

.Ji_ly .commRdo ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Ji_ly .commRdo ul li {
    margin: 0 1.2rem;
}

.Ji_ly .ctt .abox .m2 {
    height: 8rem;
    padding: 0 2rem;
    align-items: center;
    display: flex;
    justify-content: center;
}

.Ji_ly .ctt .abox .m2 .txt .line {
    border-bottom: 1px solid #1a3868;
    cursor: pointer;
}

.Ji_cau {
    padding: 1.6rem 1.6rem;
    background: #f3f4f6;
    border-radius: 4px;
}

.cau_cont {
    margin-bottom: 2rem;
}

.Ji_cau .dot {
    color: #0f0f15;
    font-size: 1.6rem;
    padding-left: 1.5rem;
    margin-bottom: 5px;
    font-family: 'Pretendard-SemiBold';
    font-weight: 600;
    position: relative;
}

.Ji_cau .dot:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 1px;
    width: 5px;
    height: 5px;
    background: #0f0f15;
    border-radius: 50rem;
}

.hip {
    position: relative;
    color: #353745;
    font-size: 1.4rem;
    padding-left: 1.2rem;
    margin-left: 5px;
    margin-bottom: 5px;
    line-height: 1.5;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.hip:before {
    content: '-';
    position: absolute;
    top: 0;
    left: 0;
}

.work1_cont {}

.work1_cont .cont1 {
    background: #f3f4f6;
    border-radius: 4px;
    padding: 2rem 2rem;
}

.work1_cont .cont1 .subj {}

.work1_cont .cont1 .list {}

.work1_cont .cont1 .list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -4px;
}

.work1_cont .cont1 .list ul li {
    padding: 0 4px;
}

.work1_cont .cont2 {
    margin-top: 1.5rem;
    height: 44rem;
}

.work1_cont .cont2 .inwr {
    display: flex;
    height: 100%;
}

.work1_cont .cont2 .inwr .le {
    width: 28rem;
    margin-right: 1.5rem;
}

.work1_cont .cont2 .inwr .ri {
    flex: 1;
}

.tbl1 {
    position: relative;
    height: 100%;
    border: 1px solid #dcdde4;
    background: #f3f4f6;
    overflow-y: auto;
}

.tbl1 .tit .co,
.tbl1 .tit {
    background: #f3f4f6;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 2;
}

.tbl1 .tit .co,
.tbl1 .tit .w1,
.tbl1 .tit .w2 {
    justify-content: center;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.tbl1 .list .do,
.tbl1 .tit .co,
.tbl1 .w1,
.tbl1 .w2 {
    font-size: 1.4rem;
    color: #0f0f15;
    height: 4rem;
    border-bottom: 1px solid #dcdde4;
    display: flex;
    align-items: center;
    padding: 0 1.2rem;
}

.tbl1 .w1 {
    width: 7rem;
    border-right: 1px solid #dcdde4;
}

.tbl1 .w2 {
    flex: 1;
}

.tbl1 .listb {}

.tbl1 .listb .list {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
}

.tbl1 .tit .co {}

.tbl1 .list .do {
    justify-content: center;
}

.tbl1 .t1 {
    width: 10rem;
    border-right: 1px solid #dcdde4;
}

.tbl1 .t2 {
    width: 5rem;
    border-right: 1px solid #dcdde4;
}

.tbl1 .t3 {
    width: 11rem;
    border-right: 1px solid #dcdde4;
}

.tbl1 .t4 {
    flex: 1;
}

.tbl1 .list .do.t4 {
    justify-content: left;
}

.work2_cont1 {
    background: #f3f4f6;
    border-radius: 4px;
    padding: 1.5rem 1.5rem;
    margin-bottom: 1.5rem;
}

.work2_cont1 .row_a {}

.work2_cont1 .row_a .ipt {
    position: relative;
    padding-right: 6rem;
}

.work2_cont1 .row_a .datep {
    display: flex;
    flex-wrap: wrap;
}

.work2_cont1 .row_a .datep li {
    width: 47%;
}

.work2_cont1 .row_a .datep li.mid {
    width: 6%;
    text-align: center;
    height: 3.6rem;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    justify-content: center;
}

.work2_cont1 .row_a .Btn {
    right: 0;
    border: 0;
}

.work2_cont1 .row_a .Btn:hover {
    background: #0f0f15;
}

.Hday_setA .react-datepicker-wrapper {
    display: block;
    width: 100%;
}

.work2_cont1 .row_b {
    margin-bottom: 1.6rem;
    background: #fff;
    border-radius: 4px;
    padding: 1.5rem 1.5rem;
}

.work2_cont1 .row_b ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.work2_cont1 .row_b ul li {
    width: 33.33333333%;
    padding: 0 8px;
}

.work2_cont1 .row_b ul li input {
    background: #f3f4f6;
}

.excp_cont {
    height: 36rem;
}

html.FixedScr {
    overflow: hidden;
}

html.SubFixedScr {
    overflow: hidden;
}

.org_tui_wrap {
    height: 36rem;
    margin-top: 1.5rem;
}

.org_tui_wrap .tui_content .tui-grid-cell {
    background: #fff;
}

.org_tui_wrap .tui_content .tui-grid-cell-header {
    background: #f3f4f6;
}

.org_tui_wrap .commRdo {
    padding-left: 0;
    width: 40.5px;
}

.org_tui_wrap .commRdo.w-full {
    padding-left: 0;
    width: 100%;
}

.org_tui_wrap .commRdo input[type='radio'] {
    margin-right: 0;
}

.org_tui_wrap .tui-grid-container input:checked:after {
    background: #fff;
}

.User3 {}

.User3 .wlist {}

.User3 .date {}

.Hday_setA .dw1 {
    width: 11rem;
    z-index: 90;
}

.Hday_setA .dw2 {
    width: 2rem;
    text-align: center;
    font-size: 1.4rem;
    color: #595c73;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.Ent1 .Hday_setA .dw1 {
    width: 17rem;
}

.User3 .upt_cont .ri .selc {
    width: 10rem;
}

.User3.Ent1 .wlist .selc {
    width: 10rem;
}

.User3 .upt_cont .ri .selc select,
.User3 .wlist .selc select {
    background-position: 94% center;
}

.User3 .wlist .schWr .ipt {
    width: 15.5rem;
}

.Meal3.User3 .wlist .schWr .ipt {
    width: 100%;
}

.User3 .upt_cont .ri .selc,
.User3 .upt_cont .ri .iconComm {
    margin-left: 8px;
}

.User3 .contHeight {}

.card_selc {
    display: flex;
    height: 3.6rem;
    align-items: center;
    justify-content: center;
    padding: 0 1.2rem;
    border: 1px solid #dcdde4;
    border-radius: 4px;
}

.card_selc .csc {
    margin-right: 1.2rem;
}

.card_selc .csc .chk_ani:after {
    background: #fff;
}

.card_selc .csc:last-child {
    margin-right: 0;
}

.fl_align {
    display: flex;
}

.fl_align .schWr {
    margin-right: 0 !important;
}

.fl_align_end {
    display: flex;
    align-items: end;
}

.system_sch4 {}

.system_sch4 .upt_cont .le ul li.li2 {
    width: 24rem;
}

.hidiv {
    display: flex;
    align-items: center;
}

.hidiv .date {}

.hidiv .him {
    font-size: 1.4rem;
    padding: 0 5px;
}

.system_sch4 .upt_cont .ri .Plus {
    margin-right: 1rem;
}

.pop_user_add .cont6 .bbox,
.pop_user_add .cont2 .bg {
    display: block;
}

.pop_user_add .sdwBox {
    background: #f3f4f6;
    box-shadow: none;
}

.pop_user_add .cont2 .bg {
    background: #fff;
}

.pop_user_add .chk_ani:after {
    background: #fff;
}

.pop_user_add {
    height: 85vh;
    overflow-y: auto;
    border-radius: 4px;
}

.popCont .pop_user_add .ctt {
    overflow: initial;
    max-height: initial;
    padding-top: 0;
}

.popCont .pop_user_add .ctt>.abox {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 11;
    background: #fff;
    padding: 2.5rem 0 0;
}

.pop_user_add .row_List_scr .ctt {
    background: #f3f4f6;
    box-shadow: none;
}

.pop_user_add .row_List_scr ul:before {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #f3f4f6 100%);
}

.pop_user_add .cont3 .row_List_scr .ctt {
    background: #fff;
}

.pop_user_add .cont3 .row_List_scr ul:before {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.mgr0 {
    margin-right: 0 !important;
}

.User2 .user_cont {}

.User2 .user_cont .w_ctt2 {
    width: 36%;
}

.User2 .user_cont .w_ctt3 {
    height: 100%;
    margin: 0 0;
    width: calc(64% - 8px);
}

.user2_cont1 {
    display: flex;
    justify-content: space-between;
}

.user2_cont1 .cont1 ul li {
    margin-right: 8px;
}

.user2_cont1 .cont1 ul li:last-child {
    margin-right: 0;
}

.User2 .user_cont .user2_cont1 .cont2 {
    margin-top: 0;
    width: auto;
}

.User2 .user_cont .w_ctt2 .schWr {
    margin-top: 2rem;
}

.User2 .user_cont .w_ctt2 .user_chart {
    height: calc(100% - 4.6rem);
    border: 0;
    padding-bottom: 0;
}

.User2 .user_cont .w_ctt2 .user_chart .ExTbl table th,
.User2 .user_cont .w_ctt2 .user_chart .ExTbl table td {
    width: auto;
}

.user2_extbl {
    height: 28rem;
}

.User2 .user_add .cont1,
.User2 .user_add .cont2 {}

.User2 .ExTbl table th,
.User2 .ExTbl table td {
    width: auto;
    text-align: center;
}

.User2 .ExTbl .w1 {
    width: 4rem;
}

.User2 .ExTbl .w2 {
    width: 20rem;
}

.User2 .user_add .cont1 .list .wd5 {}

.User2 .date {
    display: flex;
    align-items: center;
    width: 100%;
}

.User2 .date .dw1 {
    flex: 1;
}

.User2 .date .dw2 {
    width: 2rem;
    text-align: center;
    font-size: 1.4rem;
    color: #595c73;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.User2 .date .le {
    padding-right: 6px;
}

.User2 .date .ri {
    padding-left: 6px;
}

.User2 .certi_indoor_date {
    margin-top: 1.2rem;
}

.User2 .certi_indoor_date.roa {
    margin-top: 0;
}

.User2 .cont2 .certi_indoor_date {
    margin-top: 2rem;
}

.User2 .indoor_auth {
    margin-top: 0;
    margin-bottom: 1.2rem;
    padding: 0 6px;
    width: 100%;
}

.User2 .cau_txt {
    margin-left: 6px;
}

.User2 .nolong_user2 {
    position: relative;
    background: #f3f4f6;
    border-radius: 4px;
    padding: 1.6rem 1.6rem;
    margin-top: 1rem;
}

.User2 .nolong_user2 .bbox {
    margin-top: 1.2rem;
}

.inhalf {
    display: flex;
    padding: 0 !important;
}

.inhalf .inw50 {
    width: 50%;
    padding: 0 6px;
}

.Hday_setA .react-datepicker__time-container {
    position: absolute;
    top: -1px;
    right: -8.5rem;
    height: 284px;
    border: 1px solid #dcdde4;
    background: #fff;
}

.Hday_setA .Hday_setA .react-datepicker__header {}

.Hday_setA .react-datepicker-time__header {
    font-size: 1.6rem;
    color: #0f0f15;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    padding: 12px 0;
}

.Hday_setA .react-datepicker__time-container .react-datepicker__time {}

.Hday_setA .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {}

.Hday_setA .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    height: 241px !important;
    display: block;
    border-bottom: 1px solid #dcdde4;
}

.Hday_setA .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background: #1a3868;
}

.cardji {}

.cardji .le {}

.cardji .ri {}

.cardji .card_num .li1 {
    width: 10rem;
}

.cardji .card_num .li2 {
    flex: 1;
}

.cardji .ping_cont .li1 {
    width: 50%;
}

.cardji .ping_cont .li2 {
    width: 50%;
}

.cardji .ping_cont .li2 .si .selc {
    margin-right: 0;
}

.cardji .ping_cont .Ji.iconComm {
    width: 100%;
    margin-top: 8px;
}

.cardji .le .bbox {
    height: calc(100% - 2rem);
}

.cc_x {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    background: url(/img/cc_x.svg) no-repeat center;
}

.cc_o {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    background: url(/img/cc_o.svg) no-repeat center;
}

.Ent1 {}

.Ent1 .sbox {}

.Ent1 .wlist .selc {
    width: auto;
}

.Ent1 .slist {
    display: flex;
}

.Ent1 .slist .selc {}

.Ent1 .slist .btn {}

.Ent1 .slist .btn .iconComm {
    margin-left: 8px;
}

.iconComm.Sch.bdr,
.Ent1 .slist .btn .iconComm.Sch {
    background-image: url(/img/Sch_on.svg);
    background-color: #1a3868;
    color: #fff;
}

.iconComm.Sch.bdr:hover,
.Ent1 .slist .btn .iconComm.Sch:hover {
    background-color: #0f0f15 !important;
}

.Atten7_cont,
.Atten6_cont,
.DepCon1_cont,
.Ent1_cont1 {
    margin-top: 8px;
    display: flex;
    height: calc(100vh - 24.3rem);
}

.Ent1_cont1 .le {
    width: 22%;
    margin-right: 8px;
}

.Ent1_cont1 .ri {
    width: calc(78% - 8px);
}

.Ent1_cont1 .ri .dep2_H {
    height: calc(100% - 11.6rem);
    margin-top: 2rem;
}

.Ent1_cont1 .le .dep2_H {
    border: 1px solid #dcdde4;
    overflow-y: auto;
    background: #fff;
    position: relative;
    border-radius: 4px;
    padding-bottom: 4rem;
}

.Ent1_cont1 .job-position-list ul {
    border-top: 0;
}

.Ent1_cont1 .job-position-list ul li {
    background: #fff;
    font-size: 1.4rem;
    color: #0f0f15;
    cursor: pointer;
}

.Ent2 .dep2_H {
    height: calc(73vh - 5.6rem);
    margin-top: 2rem;
}

.User4 .ExTbl table tr:hover td.w2 .user_new,
.ExTbl table tr:hover td,
.scrCont .list:hover .user_new,
.scrCont .list:hover,
.User2 .user_chart .list ul.on,
#user_ID.on .user_new,
.Ent1_cont1 .job-position-list ul li.position-item:hover,
.Ent1_cont1 .job-position-list ul li.position-item.selected {
    background: #d4e4f7;
}

.job-position-list ul li.position-item:hover {
    cursor: pointer;
}

.job-position-list ul li.position-item.selected {
    background: #d4e4f7;
}

.h18_tit {}

.h18_tit .selc {
    width: 16rem;
}

.h18_tit .btn {}

.h18_tit .btn .iconComm {
    margin-left: 8px;
}

.dep2_H {
    height: calc(100% - 5.6rem);
    margin-top: 2rem;
}

.saveIpt {
    height: 3.6rem;
    display: flex;
    align-items: center;
    padding: 0 1.2rem;
    background: #f3f4f6;
    border: 1px solid #dcdde4;
    border-radius: 4px;
}

.pop_Info {
    display: flex;
    align-items: end;
}

.pop_Info .img {
    width: 20rem;
    height: 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background: url(/img/sks_wh.svg) no-repeat rgba(0, 82, 164, 0.22) center / 9rem;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.pop_Info .img img {}

.pop_Info .tcont {
    flex: 1;
    margin-left: 1.6rem;
}

.pop_Info .tcont .w50 {
    margin-bottom: 1.6rem;
}

.pop_Info .tcont .w100 {}

.org_list {}

.Mod1 {}

.Mod1 .cont1 {}

.Mod1 .cont2 {
    display: flex;
    margin-top: 1.6rem;
    height: 53rem;
}

.Mod1 .cont3 {
    width: 30rem;
    background: #f3f4f6;
    padding: 2rem 2rem;
    border-radius: 4px;
}

.Mod1 .cont3 .selc {}

.Mod1 .cont4 {
    flex: 1;
    margin-left: 1.6rem;
}

.Mod1 .cont5 {
    height: 6rem;
    border-radius: 4px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    padding: 0 2rem;
    justify-content: space-between;
    position: relative;
}

.Mod1 .cont5 .c2 {
    display: flex;
    align-items: center;
}

.Mod1 .cont5 .c2 li:first-child {
    margin-right: 8px;
}

.Mod1 .cont5 .c2 .chk_ani:after {
    background: #fff;
}

.Mod1 .cont6 {
    margin-top: 1.6rem;
    height: calc(100% - 16.5rem);
    background: #f3f4f6;
    padding: 2rem 2rem;
    border-radius: 4px;
}

.Mod1 .cont6.stts {
    height: calc(100% - 18.8rem);
}

.mod_contwr {
    height: 100%;
}

.mod_contfl {
    display: flex;
    height: calc(100% - 3.7rem);
    background: #f3f4f6;
    margin-top: 1.6rem;
}

.mod_contfl.gap {
    gap: 1.6rem;
    background: #fff;
}

.mod_contfl.gap .mDay {
    flex: none;
    width: 18rem;
}

.schcont_H .tit .w1 .chk_ani {
    margin-right: 0;
}

.mod_contfl.gap .mPattren {
    flex: none;
    width: 24rem;
}

.mod_ctt1,
.mod_ctt3 {
    position: relative;
    flex: 1;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #dcdde4;
}

.mod_ctt1 {}

.mod_ctt2 {
    width: 3.6rem;
    margin: 0 1.6rem;
    display: flex;
    align-items: center;
}

.mod_ctt3 {}

.mod_ctt3 .schCont {
    padding-bottom: 2rem;
}

.mod_contfl .tit {}

.mod_contfl .tit .w1 {}

.mod_contfl .tit .w2 {}

.move_arr {}

.move_arr .arr {
    width: 3.6rem;
    height: 3.6rem;
    border: 1px solid #1a3868;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/img/arr_right.svg);
    background-color: #fff;
    cursor: pointer;
}

.move_arr .choice {
    margin-bottom: 8px;
}

.move_arr .remove {
    transform: rotate(-180deg);
}

.chk_ani.wh {
    margin-right: 0 !important;
}

.chk_ani.wh:after {
    background: #fff;
}

.mod_contfl .mod_ctt3 .tit .w2 {
    justify-content: left;
    padding-left: 1.2rem;
}

.mod_contfl .mod_ctt3 .tit .w2.justify-center {
    justify-content: center;
}

.updw_arr {
    position: absolute;
    top: 7px;
    right: 7px;
    display: flex;
    z-index: 2;
}

.updw_arr .arr {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/img/move_up.svg);
    background-color: rgba(0, 0, 0, 0.04);
    background-size: 1.8rem;
    cursor: pointer;
}

.updw_arr .up {
    margin-right: 4px;
}

.updw_arr .dw {
    transform: rotate(180deg);
}

.Mod2 {}

.Mod2.h70 {
    height: 70vh;
}

.Mod2 .cont1 {
    height: calc(100% - 20.9rem);
    background: #f3f4f6;
    border-radius: 4px;
    padding: 2rem 2rem;
}

.Mod2 .cont2 {
    border: 1px solid #dcdde4;
    border-radius: 4px;
    padding: 2rem 2rem;
    background: #fff;
    margin-top: 1.6rem;
}

.Mod2 .cont3 {
    margin-top: 1.6rem;
}

.Mod2 .cont3 .ExTbl .tbl_body {
    padding-bottom: 0;
    overflow-x: auto;
}

.Mod2 .cont3 .ExTbl table {
    table-layout: auto;
    width: auto;
    min-width: 100%;
}

.Mod2 .cont3 .ExTbl table th,
.Mod2 .cont3 .ExTbl table td {
    width: auto;
    text-align: center;
    white-space: nowrap;
}

.Mod2 .cont3 .ExTbl table td {
    border-bottom: 0;
}

.Mod_tit {
    margin-bottom: 1.6rem;
}

.Mod_tit select {
    background-position: 98.5% center;
}

.Mod_new_layt {
    display: flex;
    height: 42rem;
}

.Mod_new_layt .le {
    width: 30rem;
    margin-right: 1.6rem;
    background: #f3f4f6;
    border-radius: 4px;
    padding: 2rem 2rem;
    position: relative;
}

.Mod_new_layt .le_in {
    height: 100%;
}

.Mod_new_layt .ri {
    flex: 1;
}

/* video {
    transform: scaleX(-1);
} */
.Mod_new_layt .le .dep2_H {
    border: 1px solid #dcdde4;
    border-radius: 4px;
    overflow-y: scroll;
}

.Mod_new_layt .le .dep2_H .tit {
    font-size: 1.4rem;
    padding-left: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: left;
    height: 4rem;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    color: #0f0f15;
    border-bottom: 1px solid #dcdde4;
    background: #f3f4f6;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
    border-radius: 4px 4px 0 0;
}

.Mod_new_layt .cont1 {
    height: calc(100% - 19.4rem);
}

.Ent1 .Mod_new_layt.Mod_new_layt .cont1 {
    height: calc(100% - 9.2rem);
}

.Ent1 .Mod_new_layt.Mod_new_layt .cont1.mealEditmodal_1066 {
    height: calc(100% - 19.4rem);
}

.Meal3_org {}

.sch_kind {
    background: #f3f4f6;
    border-radius: 4px;
    padding: 2rem 2rem;
    margin-bottom: 1.6rem;
}

.sch_kind_rst {
    margin-top: 1.6rem;
    background: #fff;
    border-radius: 4px;
    padding: 1.2rem 1.2rem;
}

.sch_kind_rst .top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dcdde4;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
}

.sch_kind_rst .bt,
.sch_kind_rst .top .rowB,
.sch_kind_rst .top .rowA {
    display: flex;
    align-items: center;
}

.sch_kind_rst .bt .txt,
.sch_kind_rst .top .rowB .txt,
.sch_kind_rst .top .rowA .txt {
    font-size: 1.4rem;
    color: #353745;
    margin-right: 1.2rem;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.sch_kind_rst .top .rowA select {
    width: 10rem;
}

.sch_kind_rst .top .rowB {}

.sch_kind_rst .top .rowB .txt {}

.sch_kind_rst .top .rowB .ir {
    margin-left: 1.2rem;
}

.sch_kind_rst .bt {}

.sch_kind_rst .bt .txt {
    margin-right: 0;
}

.sch_kind_rst .bt .ir {
    margin-left: 1.2rem;
}

.highlight-row {
    background-color: #f3f4f6 !important;
}

.sch_kind_rst .ir-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.sch_kind_rst .ir {
    display: flex;
    align-items: center;
}

.sch_kind_rst .rowA .txt,
.sch_kind_rst .rowB .txt,
.sch_kind_rst .bt .txt {
    display: inline-block;
    min-width: 30px;
    white-space: nowrap;
    vertical-align: middle;
}

.ExTbl {
    height: 100%;
    position: relative;
}

.ExTbl .chk_ani {
    margin-right: 0;
}

.ExTbl .chk_ani:after {
    background: #fff;
}

.ExTbl .type1 {
    color: #007aff;
}

.ExTbl .type2 {
    color: #1a3868;
}

.ExTbl .type3 {
    color: #ff8c00;
}

.ExTbl .type4 {
    color: #26a212;
}

.ExTbl .type5 {
    color: #ff3b30;
}

.ExTbl .type6 {
    color: #9c27b0;
}

.ExTbl .type7 {
    color: #7a7f99;
}

.ExTbl table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

.ExTbl .tbl_head {
    border: 1px solid #dcdde4;
    border-bottom: 0;
}

.ExTbl .tbl_body {
    position: relative;
    height: 100%;
    overflow-y: auto;
    background: #f3f4f6;
    border: 1px solid #dcdde4;
    padding-bottom: 4rem;
    border-radius: 4px;
}

.ExTbl thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.ExTbl table th {
    background: #f3f4f6;
    border-bottom: 1px solid #dcdde4;
    border-right: 1px solid #dcdde4;
    height: 4rem;
    font-size: 1.4rem;
    color: #353745;
    font-family: 'Pretendard-SemiBold';
    font-weight: 600;
    padding: 8px 8px;
}

.ExTbl table td {
    word-break: break-all;
    background: #fff;
    font-size: 1.4rem;
    border-bottom: 1px solid #dcdde4;
    border-right: 1px solid #dcdde4;
    color: #353745;
    height: 4rem;
    padding: 8px 8px;
}

.ExTbl table th:last-child,
.ExTbl table td:last-child {
    border-right: 0;
}

.ExTbl .w1 {
    width: 5%;
    text-align: center;
}

.ExTbl .w2 {
    width: 6%;
    text-align: center;
}

.ExTbl .w3 {
    width: 13%;
}

.ExTbl .w4 {
    width: 9%;
    text-align: center;
}

.ExTbl .w5 {
    width: 22%;
}

.ExTbl .w6 {
    width: 22%;
}

.ExTbl .w7 {
    width: 12%;
    text-align: center;
}

.ExTbl .w8 {
    width: 12%;
    text-align: center;
}

.Ent2 .wlist .schWr .ipt {
    width: 22rem;
}

.Ent2 .date .dw1 {
    width: 18rem;
}

.alert_pop {}

.alert_pop .half_cont {}

.alert_pop .half_cont .w50 {
    margin-bottom: 1.6rem;
}

.texta {
    width: 100%;
    height: 10rem;
    border-radius: 4px;
    border: 1px solid #dcdde4;
    background: #fff;
    padding: 1.2rem 1.2rem;
    resize: none;
}

.alert_pop .bt {
    background: #f3f4f6;
    border-radius: 4px;
    padding: 1.6rem 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.6rem;
}

.alert_pop .bt .selc {
    width: 8.4rem;
    margin-right: 8px;
}

.Ent3 .Vhalf_cont .w30 .cont1 {
    display: flex;
}

.Ent3 .Vhalf_cont .w30 .cont1 .schWr {
    flex: 1;
    margin-right: 1.6rem;
}

.Ent3 .Vhalf_cont .w30 .cont1 .iconComm {}

.Ent3 .Vhalf_cont .w70 .cont1 {
    display: flex;
    justify-content: right;
}

.Ent3 .Vhalf_cont .w70 .cont1 .iconComm {
    margin-left: 8px;
}

.Ent4 .abox {}

.Ent4 .abox .iconComm {
    margin-left: 8px;
}

.Ent4 .w33_Hcont {}

.Ent4 .w33_Hcont .tit {}

.Ent4 .w33_Hcont .tit .w2 {
    flex: 1;
}

.Ent4 .w33_Hcont .tit .w3 {
    flex: 1;
    border-left: 1px solid #dcdde4;
}

.Ent4 .w33_Hcont .scrCont .list .txt {}

.Ent4_rmv .ExHgt {
    height: 36rem;
    margin-top: 1.6rem;
}

.Ent4_rmv_plus .device_set4_cont2 .schcont_H {
    height: 36rem;
    margin-top: 0;
}

.Ent4_rmv_plus .device_set4_cont2 .wd1 {
    width: 100%;
    margin-right: 0;
}

.Ent4 .schcont_H {}

.Ent4 .schcont_H .tui_content {
    border: 0;
}

.Ent4 .schcont_H,
.Ent4 .contHeight {
    height: calc(100vh - 32rem);
    padding-top: 0;
    margin-top: 2rem;
}

.Ent5 .abox {
    display: flex;
}

.Ent5 .abox .schWr {}

.Ent5 .abox .iconComm {
    margin-right: 0;
    margin-left: 1.6rem;
}

.Ent5 .h18_tit .schWr {
    width: 28rem;
}

.Ent5 .h18_tit .t1 {
    height: 3.6rem;
    display: flex;
    align-items: center;
}

.scrCont .Elist {
    font-size: 1.4rem;
    color: #353745;
    height: 4rem;
    display: flex;
    align-items: center;
    padding: 0 1.2rem;
    background: #fff;
    border-bottom: 1px solid #dcdde4;
}

.Ent5 .Ent5_conH {
    overflow-y: auto;
    overflow-x: hidden;
}

.Ent5 .Ent5_conH .tui_content {
    min-height: 100%;
}

.Ent5 .user_chart {
    margin-top: 0;
    height: 100%;
}

.Ent5 .user_chart .list {
    height: 100%;
}

/* 이벤트/장치 관제 하단 스크롤 컨테이너 */
.ctr_bottom_wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    padding: 0 1rem 1rem;
    overflow-x: auto;
}

.ctr_bottom_wrap::-webkit-scrollbar {
    height: 9px;
}

.ctr_bottom_wrap .ctr_slot {
    min-width: 660px;
    flex: 0 0 calc(50% - 0.5rem);
    display: flex;
    align-items: flex-end;
}

.ctr_bottom_wrap .ctr_slot .ctr_cont {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
}

.ctr_cont {
    display: none;
    flex-direction: column;
    position: fixed;
    bottom: 1rem;
    width: 49.2%;
    background: #fff;
    z-index: 10;
    border-radius: 4px;
    border: 1px solid #dcdde4;
    box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.08);
    transform: translateY(110%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.ctr_cont.text_ctr {
    left: 1rem;
    resize: none;
    min-height: 200px;
    max-height: 80vh;
}

.text_ctr .subj {
    cursor: ns-resize;
    user-select: none;
}

.ctr_cont.work_ctr {
    right: 1rem;
    resize: none;
    min-height: 200px;
    max-height: 80vh;
}

.ctr_cont .subj {
    cursor: ns-resize;
    user-select: none;
    height: 4.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.8rem 0 1.6rem;
    background: #1A3868;
    border-radius: 4px 4px 0 0;
}

.ctr_cont .subj .le {
    font-size: 1.6rem;
    color: #fff;
    position: relative;
    padding-left: 3rem;
}

.ctr_cont .subj .le:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 2.4rem;
    height: 2.4rem;
}

.ctr_cont.text_ctr .subj .le:before {
    background: url(../img/text_ic.svg) no-repeat center;
}

.ctr_cont.work_ctr .subj .le:before {
    background: url(../img/user_ic.svg) no-repeat center;
}

.ctr_cont.con_ctr .subj .le:before {
    background: url(../img/Equip_ic.svg) no-repeat center;
}

.ctr_cont .subj .ri {}

.ctr_cont .fix_cont {
    width: 4rem;
    height: 4rem;
    cursor: pointer;
    background: url(../img/Fix_off.svg) no-repeat center/20px;
}

.ctr_cont .un_fix_cont {
    width: 4rem;
    height: 4rem;
    cursor: pointer;
    background: url(../img/Fix_on.svg) no-repeat center/20px;
}

.ctr_cont .close {
    width: 4rem;
    height: 4rem;
    cursor: pointer;
    background: url(../img/Close_on.svg) no-repeat center/20px;
}

.ctr_cont .ctt {
    padding: 1.6rem 1.6rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ctr_cont .cont1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    overflow-x: auto;
    flex-wrap: nowrap;
}

.ctr_cont .cont1 .le {
    display: flex;
    flex-shrink: 0;
}

.ctr_cont .cont1 .le .iconComm {
    margin-right: 8px;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    flex-shrink: 0;
}

.ctr_cont .cont1 .le .iconComm.on {
    background-color: #1a3868;
    color: #fff;
}


.ctr_cont .cont1 .txt1 {
    font-size: 1.6rem;
    color: #1a3868;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.ctr_cont .cont1 .ri {
    display: flex;
    flex-shrink: 0;
}

.ctr_cont .cont1 .ri .iconComm {
    margin-left: 8px;
    flex-shrink: 0;
}

.ctr_cont .cont2 {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ctr_cont .cont2 .user_chart {
    margin-top: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-x: auto;
    overflow-y: hidden;
}

.ctr_cont.work_ctr .cont2 .user_chart {
    padding-bottom: 0;
}

.ctr_cont .cont2 .user_chart .tit li,
.ctr_cont .cont2 .user_chart .list ul li {
    flex-shrink: 0;
}

.ctr_cont .cont2 .user_chart .list {
    flex: 1;
    overflow-y: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE, Edge */
}

.ctr_cont .cont2 .user_chart .list::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

.ctr_cont .cont2 .user_chart .list ul {
    cursor: auto;
}

.ctr_cont.text_ctr .cont2 .user_chart .tit li:nth-of-type(1),
.ctr_cont.text_ctr .cont2 .user_chart .list ul li:nth-of-type(1) {
    width: 16rem;
}

.ctr_cont.text_ctr .cont2 .user_chart .tit li:nth-of-type(2),
.ctr_cont.text_ctr .cont2 .user_chart .list ul li:nth-of-type(2) {
    width: auto;
    flex: 1;
    min-width: 20rem;
}

.ctr_cont.text_ctr .cont2 .user_chart .tit li:nth-of-type(3),
.ctr_cont.text_ctr .cont2 .user_chart .list ul li:nth-of-type(3) {
    width: 18rem;
}

.ctr_cont.work_ctr .cont2 .user_chart .tit li:nth-of-type(1),
.ctr_cont.work_ctr .cont2 .user_chart .list ul li:nth-of-type(1) {
    width: 16rem;
}

.ctr_cont.work_ctr .cont2 .user_chart .tit li:nth-of-type(2),
.ctr_cont.work_ctr .cont2 .user_chart .list ul li:nth-of-type(2) {
    width: 9rem;
}

.ctr_cont.work_ctr .cont2 .user_chart .tit li:nth-of-type(3),
.ctr_cont.work_ctr .cont2 .user_chart .list ul li:nth-of-type(3) {
    width: auto;
    flex: 1;
    min-width: 20rem;
}

.ctr_cont.work_ctr .cont2 .user_chart .tit li:nth-of-type(4),
.ctr_cont.work_ctr .cont2 .user_chart .list ul li:nth-of-type(4) {
    width: 15rem;
}

.ctr_cont.text_ctr .cont2 .user_chart .list ul li:nth-of-type(2),
.ctr_cont.work_ctr .cont2 .user_chart .list ul li:nth-of-type(3) {
    justify-content: left;
}

.ctr_cont.con_ctr {
    right: 1rem;
    top: 7rem;
    width: 48rem;
    z-index: 99;
    transform: translateX(110%);
}

.ctr_cont.con_ctr .cont1 {
    margin-bottom: 12px;
    justify-content: space-between;
    align-items: center;
}

.ctr_cont.con_ctr .cont1 .txt2 {
    font-size: 1.6rem;
    color: #7a7f99;
    margin-right: 1.6rem;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.ctr_cont.con_ctr .cont1 .iconComm.Sch {
    min-width: 7.2rem;
}

.ctr_cont.con_ctr .cont1 .iconComm {
    margin-right: 8px;
}

.ctr_cont.con_ctr .group-ul {
    width: 2rem;
    height: 2rem;
    background: url(../img/fod_open.svg) no-repeat center;
}

.blue {
    color: #1a3868 !important;
}

.ctr_cont.con_ctr .cont2 .user_chart .tit li:nth-of-type(1),
.ctr_cont.con_ctr .cont2 .user_chart .list ul li:nth-of-type(1) {
    width: 15%;
}

.ctr_cont.con_ctr .cont2 .user_chart .tit li:nth-of-type(2),
.ctr_cont.con_ctr .cont2 .user_chart .list ul li:nth-of-type(2) {
    width: 15%;
}

.ctr_cont.con_ctr .cont2 .user_chart .tit li:nth-of-type(3),
.ctr_cont.con_ctr .cont2 .user_chart .list ul li:nth-of-type(3) {
    width: 70%;
}

.ctr_cont.con_ctr .cont2 .user_chart .list ul li:nth-of-type(3) {
    justify-content: left;
}

.ctr_cont.con_ctr .cont2 .user_chart .tit li:nth-of-type(4),
.ctr_cont.con_ctr .cont2 .user_chart .list ul li:nth-of-type(4) {
    width: 35%;
}

.ctr_cont.con_ctr .cont2 .user_chart .eq {
    position: relative;
}

.ctr_cont.con_ctr .cont2 .user_chart .dep2 .eq {
    padding-left: 3.5rem;
}

.ctr_cont.con_ctr .cont2 .user_chart .dep3 .eq {
    padding-left: 5rem;
}

.ctr_cont.con_ctr .cont2 .user_chart {
    height: calc(100vh - 30rem);
}

.ctr_cont.con_ctr .cont3 {
    margin-bottom: 8px;
}

.stt_good {
    width: 2rem;
    height: 2rem;
    background: url(../img/stt_good.svg) no-repeat center;
    color: transparent;
    text-align: center;

}

.stt_terminal_lock {
    width: 2rem;
    height: 2rem;
    background: url(../img/console_lock.png) no-repeat center;
}

.stt_fire {
    width: 2rem;
    height: 2rem;
    background: url(../img/console_fire.png) no-repeat center;
}

.stt_door_open {
    width: 2rem;
    height: 2rem;
    background: url(../img/console_door_open.png) no-repeat center;
}

.stt_door_open_force {
    width: 2rem;
    height: 2rem;
    background: url(../img/console_door_open_force.png) no-repeat center;
}

.stt_mid {
    width: 2rem;
    height: 2rem;
    background: url(../img/stt_mid.svg) no-repeat center;
}

.stt_bad {
    width: 2rem;
    height: 2rem;
    background: url(../img/stt_bad.svg) no-repeat center;
    color: transparent;
    text-align: center;
}

.stt_known {
    width: 2rem;
    height: 2rem;
    background: url(../img/st_known.svg) no-repeat center;
}

/* 단독형 인식기(device_type=10) 출입문 상태 아이콘 */
.stt_door_normal_close {
    width: 2rem;
    height: 2rem;
    background: url(../img/door_normal_lock_close.svg) no-repeat center;
    background-size: contain;
}

.stt_door_normal_open {
    width: 2rem;
    height: 2rem;
    background: url(../img/door_normal_unlock_open.svg) no-repeat center;
    background-size: contain;
}

.stt_door_always_close_close {
    width: 2rem;
    height: 2rem;
    background: url(../img/door_always_close_close.svg) no-repeat center;
    background-size: contain;
}

.stt_door_always_close_open {
    width: 2rem;
    height: 2rem;
    background: url(../img/door_always_close_open.svg) no-repeat center;
    background-size: contain;
}

.stt_door_always_open_open {
    width: 2rem;
    height: 2rem;
    background: url(../img/door_always_open_open.svg) no-repeat center;
    background-size: contain;
}

.stt_door_always_open_close {
    width: 2rem;
    height: 2rem;
    background: url(../img/door_always_open_close.svg) no-repeat center;
    background-size: contain;
}

.ctr_cont.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: none;
    height: 32.5rem;
}

.ctr_cont.visible {
    display: flex;
}

.ctr_cont.con_ctr.con_open {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.text_set_ly {
    display: flex;
    height: 48rem;
}

.text_set_ly .user_chart .list {
    height: auto;
}

.text_set_ly .user_chart {
    margin-top: 0;
    flex: 1;
}

.text_set_ly .user_chart .chk_ani {
    margin-right: 0;
}

.text_set_ly .rBtn {
    width: 10rem;
    margin-left: 1.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.text_set_ly .rBtn .iconComm {
    min-width: 10rem;
}

.text_set_ly .rBtn .iconComm.Uptop,
.text_set_ly .rBtn .iconComm.Up {
    margin-bottom: 8px;
}

.text_set_ly .rBtn_i1 {}

.text_set_ly .rBtn_i2 {}

.text_set_ly .rBtn_i3 {}

.text_set_ly .rBtn_i4 {}

.text_set_ly .rBtn_i4 .closeBtn {
    margin-left: 0;
}

.text_set_ly .rBtn_i4 .closeBtn.aBg {
    margin-top: 8px;
}

.text_set_ly .user_chart .tit li:nth-of-type(1),
.text_set_ly .user_chart .list ul li:nth-of-type(1) {
    width: 10%;
}

.text_set_ly .user_chart .tit li:nth-of-type(2),
.text_set_ly .user_chart .list ul li:nth-of-type(2) {
    width: 40%;
}

.text_set_ly .user_chart .tit li:nth-of-type(3),
.text_set_ly .user_chart .list ul li:nth-of-type(3) {
    width: 25%;
}

.text_set_ly .user_chart .tit li:nth-of-type(4),
.text_set_ly .user_chart .list ul li:nth-of-type(4) {
    width: 25%;
}

.Tree_List {}

.Tree_List .subj {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    background: #f3f4f6;
    border-bottom: 1px solid #dcdde4;
    font-size: 1.4rem;
    color: #0f0f15;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    position: sticky;
    top: 0;
    z-index: 2;
}

.Tree_List .cts {
    background: #fff;
}

.Tree_grp {
    position: relative;
    padding-bottom: 1rem;
}

.Tree_grp .dep1_ck {
    position: relative;
    padding-bottom: 1rem;
}

.Tree_grp .dep1_ck:before {
    content: '';
    position: absolute;
    top: -1.2rem;
    left: 0.9rem;
    bottom: 0;
    width: 1px;
    background: #dcdde4;
}

.Tree_grp .dep3_ck .eq_name,
.Tree_grp .dep2_list,
.Tree_grp .dep1_grp {
    display: flex;
    align-items: center;
}

.Tree_grp .dep1_list {
    padding-left: 2.6rem;
    position: relative;
}

.Tree_grp .dep1_list:before {
    content: '';
    position: absolute;
    top: -0.3rem;
    left: 3.6rem;
    height: calc(100% - 3px);
    width: 1px;
    background: #dcdde4;
}

.Tree_grp .dep2_ck {
    padding-top: 1rem;
}

.Tree_grp .dep2_list {}

.Tree_grp .dep3_ck {
    padding-left: 5rem;
    position: relative;
}

.Tree_grp .dep3_ck:before {
    content: '';
    position: absolute;
    top: -0.3rem;
    left: 3.5rem;
    height: calc(100% - 5px);
    width: 1px;
    background: #dcdde4;
}

.Tree_grp .dep3_ck .eq_name {
    padding-top: 1rem;
    position: relative;
}

.Tree_grp .dep3_ck .eq_name:before {
    content: '';
    position: absolute;
    top: 1.7rem;
    left: -1.4rem;
    width: 1.4rem;
    height: 1px;
    background: #dcdde4;
}

.Tree_grp .dep3_ck .eq_name .chc {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    border: 1px solid #dcdde4;
    background: #f3f4f6;
    position: relative;
}

.Tree_grp .dep3_ck .eq_name .chc:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    z-index: 1;
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: scale(0, 0);
}

.Tree_grp .dep3_ck .eq_name.on .chc:after {
    transform: scale(1, 1);
    border: 4px solid #1a3868;
}

.Tree_grp .dep3_ck .eq_name .txt {
    position: relative;
    padding-left: 2.2rem;
    margin-left: 4px;
}

.Tree_grp .dep3_ck .eq_name .txt:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 2rem;
    height: 2rem;
    background: url(../img/eq_name.svg) no-repeat center / 100%;
}

.Tree_grp .pmi {
    width: 2rem;
    height: 2rem;
    background: url(../img/pmi_m.svg) no-repeat center / 100% #fff;
    position: relative;
}

.Tree_grp .pmi:before {
    content: '';
    position: absolute;
    top: 10px;
    right: -8px;
    width: 10px;
    height: 1px;
    background: #dcdde4;
}

.Tree_grp .fod {
    width: 2rem;
    height: 2rem;
    background: url(../img/fod_open.svg) no-repeat center / 100% #fff;
    position: relative;
}

.Tree_grp .txt {
    font-size: 1.4rem;
    color: #353745;
    cursor: pointer;
}

.Tree_grp .dep1_ck.on .dep1_list {
    display: none;
}

.Tree_grp .dep2_ck.on .dep3_ck {
    display: none;
}

.Tree_grp .dep3_ck .eq_name.on .txt {
    color: #1a3868;
    font-family: 'Pretendard-SemiBold';
    font-weight: 600;
}

.Tree_grp .dep1_ck.on .dep1_grp .pmi,
.Tree_grp .dep2_ck.on .dep2_list .pmi {
    background: url(../img/pmi_p.svg) no-repeat center / 100% #fff;
}

.Tree_grp .dep1_ck.on .dep1_grp .fod,
.Tree_grp .dep2_ck.on .dep2_list .fod {
    background: url(../img/fod_close.svg) no-repeat center / 100% #fff;
}

.Hol_list_type {
    opacity: 0;
    visibility: hidden;
    background: none;
    top: 7rem;
    right: -100%;
    bottom: 1rem;
    width: 72rem;
    left: auto;
    transition: all 0.3s ease;
}

.Hol_list_type .dim {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}

.Hol_ly_wr {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.Hol_ly_wr .ctt {
    height: 100%;
}

.Hol_ly_cont {
    height: calc(100% - 13.3rem);
}

.Hol_ly_cont .ExTbl .w1 {
    width: 5rem;
}

.Hol_ly_cont .ExTbl .w2 {
    width: 12rem;
}

.Hol_ly_cont .ExTbl .w3 {
    width: auto;
}

.Hol_ly_wr.bef {
    width: 72rem;
    transition: all 0.3s ease;
}

.Hol_ly_wr.aft {
    width: 64rem;
    opacity: 0;
    right: -100%;
    transition: all 0.3s ease;
    visibility: hidden;
}

.Hol_list_type.on {
    right: 1rem;
    opacity: 1;
    visibility: visible;
}

.Hol_ly_wr.aft.on {
    right: 0rem;
    opacity: 1;
    visibility: visible;
}

.Hol_list_type.on .dim {
    display: block;
}

.Hol_list_type.aft_on .Hol_ly_wr.bef {
    right: 65rem;
}

.Hol_del_list {
    margin-top: 1.6rem;
    min-height: 5.2rem;
    max-height: 32rem;
    overflow-y: auto;
}

.Hol_del_list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.Hol_del_list li {
    margin-right: 4px;
    margin-bottom: 1.2rem;
}

.Hol_del_list .del_in {
    border-radius: 50rem;
    background: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    font-size: 1.5rem;
    padding-left: 1.2rem;
}

.Hol_del_list .del_date {}

.Hol_del_list .del_btn {
    width: 3rem;
    height: 3rem;
    background: url(../img/cc_del.svg) no-repeat center / 2.4rem;
    cursor: pointer;
    margin-top: -1px;
    margin-left: 1.6rem;
}

.card_Find {}

.card_Find .schcont_H {
    height: 28rem;
}

.card_Find .rdo_ani:before,
.card_Find .rdo_ani:after {
    left: 12px;
}

.device_set4 .ExTblHgt {
    height: calc(100vh - 32.6rem);
}

.check_swich .toggleSwitch {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 21px;
    background-color: #DCDDE4;
    border-radius: 34px;
    cursor: pointer;
}

.check_swich .toggleButton {
    position: absolute;
    left: 4px;
    top: 10px;
    width: 13px;
    height: 13px;
    background-color: #fff;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.check_swich input:checked+.toggleSwitch {
    background-color: #3b6fef;
}

.check_swich input:checked+.toggleSwitch .toggleButton {
    transform: translateX(13px);
    top: 4px;
}

.subp_comm .tui-grid-tree-depth {
    width: 2rem;
}

.subp_comm .tui-grid-btn-tree {
    padding-left: 0;
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
}

.subp_comm .tui-grid-tree-button-collapse .tui-grid-btn-tree i {
    position: relative;
    width: 2rem;
    height: 2rem;
    background: url(../img/pmi_p.svg) no-repeat center;
    z-index: 2;
}

.subp_comm .tui-grid-tree-button-expand .tui-grid-btn-tree i {
    position: relative;
    width: 2rem;
    height: 2rem;
    background: url(../img/pmi_m.svg) no-repeat center;
    margin-top: 0;
    z-index: 2;
}

.subp_comm .tui-grid-tree-icon {
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
}

.subp_comm .tui-grid-tree-button-collapse .tui-grid-tree-icon i {
    width: 2rem;
    height: 2rem;
    background: url(../img/fod_close.svg) no-repeat center;
}

.subp_comm .tui-grid-tree-button-expand .tui-grid-tree-icon i {
    position: relative;
    margin-left: 2px;
    width: 2rem;
    height: 2rem;
    background: url(../img/fod_open.svg) no-repeat center;
}

.subp_comm .tui-grid-tree-icon {
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
}

.subp_comm .tui-grid-tree-icon i {
    width: 2rem;
    height: 2rem;
    background: url(../img/eq_name.svg) no-repeat center;
}

.user_dae_list .scrCont .list {
    height: 5.6rem;
}

.modal-list::before {
    display: none !important;
}

.user_dae_list .user_new {
    border-bottom: 0;
    height: auto;
}

.main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dcdde4;
}

.main_check {
    width: 4rem;
    height: 4rem;
    align-items: center;
    display: flex;
    justify-content: center;
    border-right: 1px solid #dcdde4;
}

.sub_check {
    width: 4rem;
    height: 100%;
    border-right: 1px solid #dcdde4;
    justify-content: center;
    align-items: center;
    display: flex;
}

.main1 {
    font-family: 'Pretendard-Medium';
    justify-content: center;
    align-items: center;
    color: #0f0f15;
    font-size: 1.3rem;
    display: flex;
    border-right: 1px solid #dcdde4;
    flex: 2.2;
    height: 4rem;
}

.main2 {
    font-family: 'Pretendard-Medium';
    justify-content: center;
    align-items: center;
    color: #0f0f15;
    font-size: 1.3rem;
    display: flex;
    border-right: 1px solid #dcdde4;
    flex: 1;
    height: 4rem;
}

.main3 {
    font-family: 'Pretendard-Medium';
    justify-content: center;
    align-items: center;
    color: #0f0f15;
    font-size: 1.3rem;
    display: flex;

    flex: 1;
    height: 4rem;
}

.sub1 {
    width: 100%;
    flex: 2.2;
    display: flex;
}

.sub2 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #dcdde4;
    flex: 1;
}

.sub3 {
    height: 100%;
    display: flex;
    align-items: center;

    font-size: 1.3rem;
    border-left: 1px solid #dcdde4;
    justify-content: center;
    flex: 1;
}

.padded-text {
    display: inline-block;
    padding: 0.2rem 1.2rem;
}

.tac {
    flex: 1;
    width: auto !important;
}

.user_sg {
    margin-top: 2rem;
    height: calc(100vh - 32.6rem);
    position: relative;
    overflow-y: auto;
    scrollbar-gutter: stable;
    border: 1px solid #dcdde4;
    background: #f3f4f6;
    padding-bottom: 4rem;
    border-radius: 4px;
}

.user_sg .scrCont .list:before {
    display: none;
}

.user_sg .scrCont .list {}

.user_sg .scrCont .list.no-match .user_new,
.user_sg .scrCont .list.no-match {
    background: #ffe6e4;
}

.user_sg .scrCont .list.no-permission .user_new,
.user_sg .scrCont .list.no-permission {
    background: #fffbe4;
}

.custCal .small-calendar .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: auto;
}

.custCal .small-calendar .fc-daygrid-day.event-연차 .fc-daygrid-event-harness.fc-daygrid-event-harness-abs,
.custCal .small-calendar .fc-daygrid-day.event-휴가 .fc-daygrid-event-harness.fc-daygrid-event-harness-abs,
.custCal .small-calendar .fc-daygrid-day.event-기념일 .fc-daygrid-event-harness.fc-daygrid-event-harness-abs,
.custCal .small-calendar .fc-daygrid-day.event-공휴일 .fc-daygrid-event-harness.fc-daygrid-event-harness-abs,
.custCal .small-calendar .fc-daygrid-day.event-공휴일 .fc-daygrid-event-harness a,
.custCal .small-calendar .fc-daygrid-day.event-기념일 .fc-daygrid-event-harness a,
.custCal .small-calendar .fc-daygrid-day.event-휴가 .fc-daygrid-event-harness a,
.custCal .small-calendar .fc-daygrid-day.event-연차 .fc-daygrid-event-harness a,
.custCal .small-calendar .fc .fc-daygrid-day-bottom,
.custCal .small-calendar .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    display: none;
}

.custCal .small-calendar .fc-daygrid-day.event-공휴일 .fc-daygrid-day-events,
.custCal .small-calendar .fc-daygrid-day.event-기념일 .fc-daygrid-day-events,
.custCal .small-calendar .fc-daygrid-day.event-휴가 .fc-daygrid-day-events,
.custCal .small-calendar .fc-daygrid-day.event-연차 .fc-daygrid-day-events {
    display: block;
}

.custCal .large-calendar .fc-h-event {
    border: 0 !important;
}

.custCal .small-calendar .fc-daygrid-day.event-연차 .fc-scrollgrid-sync-inner {
    background-color: #002f76;
}

.custCal .small-calendar .fc-daygrid-day.event-휴가 .fc-scrollgrid-sync-inner {
    background-color: #1a3868;
}

.custCal .small-calendar .fc-daygrid-day.event-기념일 .fc-scrollgrid-sync-inner {
    background-color: #3284c8;
}

.custCal .small-calendar .fc-daygrid-day.event-공휴일 .fc-scrollgrid-sync-inner {
    background-color: #5bade3;
}

.custCal .small-calendar .fc-daygrid-day.event-연차 .fc-daygrid-day-number,
.custCal .small-calendar .fc-daygrid-day.event-휴가 .fc-daygrid-day-number,
.custCal .small-calendar .fc-daygrid-day.event-기념일 .fc-daygrid-day-number,
.custCal .small-calendar .fc-daygrid-day.event-공휴일 .fc-daygrid-day-number {
    color: #fff;
}

.custCal .small-calendar .fc-daygrid-day.event-연차.fc-day-other .fc-scrollgrid-sync-inner,
.custCal .small-calendar .fc-daygrid-day.event-휴가.fc-day-other .fc-scrollgrid-sync-inner,
.custCal .small-calendar .fc-daygrid-day.event-기념일.fc-day-other .fc-scrollgrid-sync-inner,
.custCal .small-calendar .fc-daygrid-day.event-공휴일.fc-day-other .fc-scrollgrid-sync-inner {
    background: #f3f4f6 !important;
}

.custCal .small-calendar .fc-daygrid-day.event-연차.fc-day-other .fc-scrollgrid-sync-inner .fc-daygrid-day-number,
.custCal .small-calendar .fc-daygrid-day.event-휴가.fc-day-other .fc-scrollgrid-sync-inner .fc-daygrid-day-number,
.custCal .small-calendar .fc-daygrid-day.event-기념일.fc-day-other .fc-scrollgrid-sync-inner .fc-daygrid-day-number,
.custCal .small-calendar .fc-daygrid-day.event-공휴일.fc-day-other .fc-scrollgrid-sync-inner .fc-daygrid-day-number {
    color: #000;
}

.loading_overlay #loading_pop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    /* 반투명 배경 */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

.tree {
    padding-left: 3rem;
    padding-bottom: 3rem;
    padding-right: 3rem;
    position: relative;
    background: #fff;
}

.tree .parent {
    position: relative;
    padding: 6px 0 0;
}

.tree .parent::before,
.tree .parent::after {
    content: '';
    position: absolute;
}

.tree .parent::before {
    width: 9px;
    top: 15px;
    left: -7px;
    border-bottom: 1px solid #dcdde4;
}

.tree .parent::after {
    display: block;
    width: 0;
    top: 16px;
    left: -16.5px;
    height: 100%;
    border-left: 1px solid #dcdde4;
    bottom: 0;
}

.tree .parent:last-child::after {
    height: 5px;
    bottom: auto;
}

.tree details[open]>.parent::before,
.tree details[open]>.nested-item::after {
    border-left-color: #dcdde4;
}

.tree .parent.parent:last-child::after {
    content: none;
    bottom: auto;
}

.tree details {
    margin: 0 auto;
}

.details>.nested-list {
    padding: 15px;
}

.tree summary {
    display: block;
    position: relative;
    cursor: pointer;
}

.tree summary div.summ_ico {
    position: absolute;
    top: 0;
    left: -25px;
    width: 2rem;
    height: 2rem;
    background: url(../img/pmi_p.svg) no-repeat center;
    z-index: 2;
}

.tree summary::before {
    content: '';
    position: absolute;
    top: 0;
    left: -25px;
    width: 2rem;
    height: 2rem;
    background: url(../img/pmi_p.svg) no-repeat center;
    z-index: 1;
}

.tree summary.custom-summary {
    background-image: none;
    /* 기본 배경 제거 */
}

.tree summary.custom-summary::before {
    content: '';
    background: url(../img/a_shape_icon.svg) no-repeat center;
    pointer-events: auto;
}

.tree summary.custom-summary-last::before {
    content: '';
    background: url(../img/n_shape_icon.svg) no-repeat center;
    pointer-events: auto;
}

.tree details[open]>summary div.summ_ico {
    background: url(../img/pmi_m.svg) no-repeat center;
}

.tree details[open]>summary::before {
    content: '';
    background: url(../img/pmi_m.svg) no-repeat center;
}

.tree details[open]>.tree.parent::after {
    display: block;
    width: 0;
    top: 0;
    left: -27.5px;
    height: 39px;
    border-left: 1px solid #dcdde4;
    bottom: 0;
}

.tree .nested-list {
    padding: 0 0 0 22px;
    position: relative;
}

.tree .nested-item {
    position: relative;
    padding: 10px 0 0 0;
    margin-top: 0;
}

.tree .nested-item::before,
.tree .nested-item::after {
    content: '';
    position: absolute;
    left: -17px;
}

.tree .nested-item::before {
    width: 15px;
    top: 19px;
    left: -15px;
    border-bottom: 1px solid #dcdde4;
}

.tree .nested-item::after {
    display: block;
    width: 0;
    top: -2px;
    left: -16px;
    height: 100%;
    border-left: 1px solid #dcdde4;
    bottom: 0;
}

.tree .nested-item:last-child::after {
    top: -2px;
    height: 22px;
    bottom: auto;
    left: -16px;
}

.tree .label {
    display: inline-block;
    font-size: 10px;
    padding-inline: 3px;
    color: #929292;
    margin-right: 10px;
    border: 1px solid #dcdde4;
}

.tree>.parent:last-child {
    padding-bottom: 0;
}

.tree .summ_txt {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.tree .summ_txt .fod:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -2px;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    z-index: 1;
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: scale(0, 0);
}

.tree .summ_txt .chk_ani {
    margin-right: 5px;
    z-index: 1;
}

.tree .summ_txt .rdo_ani {
    margin-right: 5px;
}

.tree .summ_txt .rdo_ani:before,
.tree .summ_txt .rdo_ani:after {
    top: -2px;
}

.tree summary .summ_txt .fod {
    width: 2rem;
    height: 2rem;
    background: url(../img/fod_close.svg) no-repeat center;
    margin-right: 4px;
    position: relative;
    z-index: 1;
}

.tree details[open]>summary .summ_txt .fod {
    width: 2rem;
    height: 2rem;
    background: url(../img/fod_open.svg) no-repeat center;
    margin-right: 4px;
}

.tree .last .fod {
    background: url(../img/eq_name.svg) no-repeat center !important;
    margin-right: 4px;
}

.static_fod {
    width: 2rem;
    height: 2rem;
    margin-right: 4px;
    background: url(../img/eq_name.svg) no-repeat center !important;
    pointer-events: auto;
}

.tree .summ_txt .name {
    font-size: 1.4rem;
    color: #353745;
}

.tree .nested-list.last {
    padding-left: 22px;
}

.tree .nested-list.last summary:before {
    background: none;
}

.tree .nested-list.last .parent {
    padding: 6px 0 0;
}

.tree .nested-list.last .parent:before {
    left: -15px;
    width: 15px;
}

.tree .nested-list.last .parent:after {
    top: -2px;
    bottom: auto;
    height: 44px;
    left: -13px;
}

.tree .no-sosp .summ_txt .fod {
    background: url(../img/fod_open.svg) no-repeat center !important;
}

.tree .no-sosp summary:before {
    background: url(../img/pmi_m.svg) no-repeat center !important;
}

.tree .nested-list:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 6px;
    width: 1px;
    height: 10px;
    background: #dcdde4;
}

.tree .nested-list.last:before {
    display: none;
}

.tree .summ_txt.on .name,
.tree .summ_txt.active .name,
.tree details[open].active>summary .summ_txt .name,
.tree .details[open] .details.active .summ_txt .name {
    color: #1a3868;
    font-family: 'Pretendard-SemiBold';
    font-weight: 600;
    text-decoration: underline;
}


/* 중첩된 자식 노드의 no-active 스타일 (부모 active 상속 방지) */
.tree details[open] .details.no-active .summ_txt .name {
    color: #353745 !important;
    font-family: 'Pretendard-Regular' !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

.tree .nested-list.last .details:after {
    content: '';
    position: absolute;
    top: -3px;
    left: -16px;
    width: 1px;
    background: #dcdde4;
    height: 19px;
}

.device_set4 .tree .last .fod {
    width: 2rem;
    height: 2rem;
}

.tree .nested-list.last .parent:after {
    content: '';
    top: -10px;
    bottom: auto;
    height: 25px;
    left: -16px;
}

.Dir_find {}

.dir_now {}

.dir_now .ipt {
    display: flex;
    align-items: center;
    height: 3.6rem;
    padding: 0 1.2rem;
    font-size: 1.4rem;
    color: #0f0f15;
    border: 1px solid #dcdde4;
    border-radius: 4px;
}

.Dir_find .txta {
    height: 37rem;
    overflow-y: auto;
    border: 1px solid #dcdde4;
    border-radius: 4px;
}

.Dir_find .dir_up {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    height: 3.6rem;
    font-size: 1.4rem;
    color: #7a7f99;
    background: #f3f4f6;
    border-bottom: 1px solid #dcdde4;
    padding: 0 8px;
    z-index: 1;
    cursor: pointer;
}

.Dir_find .dir_up .ic {
    width: 2rem;
    height: 2rem;
    background: url(../img/Dir_ic1.svg) no-repeat center;
    margin-right: 4px;
}

.Dir_find .dir_list {}

.Dir_find .dir_list ul {
    padding: 8px 0;
}

.Dir_find .dir_list ul li {
    display: flex;
    align-items: center;
    padding: 0 8px;
    padding-right: 5rem;
    height: 3.6rem;
    position: relative;
}

.Dir_find .dir_list .le {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 1.4rem;
    color: #7a7f99;
    cursor: pointer;
}

.Dir_find .dir_list .le .ic {
    width: 2rem;
    height: 2rem;
    background: url(../img/Dir_ic2.svg) no-repeat center;
    margin-right: 4px;
}

.Dir_find .dir_list .ri {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.8rem;
    background: #1a3868;
    color: #fff;
    border-radius: 4px;
    width: 3.4rem;
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 8px;
}

.Dir_find .dir_gtxt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    flex: 1;
}

.bak_cont1 {
    margin-bottom: 1.6rem;
}

.bak_cont2 {
    margin-bottom: 1.6rem;
}

.bak_cont3 .dir_now .ipt {
    background: #f3f4f6;
}

.ExTbl .unregistered td {
    background: #ffffff;
}

.ExTbl .active td {
    background: #deeeff;
}

.ExTbl .new td {
    background: rgba(38, 162, 18, 0.13);
}

.device_set2 .w32 .ExTbl td.w2 {
    background: #ebebeb;
}

.device_set3 .ExTbl td.w9,
.device_set2 .w32 .ExTbl td.w3 {
    background: #fff0de;
}

.device_set2 .w32 .ExTbl input[type='text'] {}

.device_set2 .w32 .ExTbl input[type='text']:focus {
    border: 1px solid #002f76;
}

.device_set2 .w32 .ExTbl input[type='text']:disabled {
    background: #dcdde4;
}

.device_set2 .w32 .ExTbl input[type='number']:focus {
    border: 1px solid #002f76;
}

.device_set2 .w32 .ExTbl input[type='number']:disabled {
    background: #dcdde4;
}

.device_set2 .w31 .ExTbl .unregistered .w6 {
    color: #ff3b30;
}

.device_set2 .w31 .ExTbl .active .w6 {
    color: #007aff;
}

.system_sch1 .ExTbl .w1 {
    width: 2%;
}

.system_sch1 .ExTbl .w2 {
    width: 3%;
}

.system_sch1 .ExTbl .w3 {
    width: 3%;
    text-align: center;
}

.system_sch1 .ExTbl .w4 {
    width: 3%;
}

.device_set2 .ExTbl .w1 {
    width: 4rem;
}

.device_set2 .ExTbl .w2 {
    width: 20%;
    text-align: center;
}

.device_set2 .ExTbl .w3 {
    width: 20%;
    text-align: center;
}

.device_set2 .ExTbl .w4 {
    width: auto;
    text-align: center;
}

.device_set2 .ExTbl .w5 {
    width: 10%;
    text-align: center;
}

.device_set2 .ExTbl .w6 {
    width: 10%;
    text-align: center;
}

.device_set2 .ExTbl .selected td {
    background: #ffe6e4;
}

.device_set2 .ExTbl td {
    cursor: pointer;
}

.device_set2 .Vhalf_cont .w32 .ExTbl .w1,
.device_set2 .Vhalf_cont .w32 .ExTbl .w2,
.device_set2 .Vhalf_cont .w32 .ExTbl .w3 {
    width: 33.333333%;
    text-align: center;
}

.device_set1 .schcont_H {
    margin-top: 0;
    height: 100%;
    border-top: 0;
}

.device_set1 .schcont_H .tit .w2 {
    /* width: 50%; */
    flex: 1;
}

.device_set1 .schcont_H .tit .w3 {
    /* width: 50%; */
    flex: 1;
    border-left: 1px solid #dcdde4;
}

.device_set1 .scrCont .list label {
    width: 50%;
}

.device_set1 .schcont_H .list .txt {
    width: 50%;
    font-size: 1.4rem;
    color: #353745;
    height: 4rem;
    display: flex;
    align-items: center;
    padding: 0 1.2rem;
    border-left: 1px solid #dcdde4;
}

.device_set1 .ExTbl {
    text-align: center;
}

.device_set1 .ExTbl .w2 {
    width: 10%;
}

.device_set1 .ExTbl .w3 {}

.device_set1 .ExTbl .w4 {
    width: 25%;
}

.device_set1 .ExTbl .w5 {}

.device_set1 .ExTbl .w6 {}

.device_set1 {}

.device_set3 .ExTbl table th,
.device_set3 .ExTbl table td {
    width: auto;
    text-align: center;
}

.device_set3 .ExTbl .w1 {
    width: 4rem;
}

.device_set3 .ExTbl .w3,
.device_set3 .ExTbl .w8,
.device_set3 .ExTbl .w9,
.device_set3 .ExTbl .w11 {
    width: 10rem;
}

.ExTblHgt {
    margin-top: 2rem;
    height: calc(100vh - 33.8rem);
}

.device_set4 .ExTbl .w1 {
    text-align: center;
}

.device_set4 .ExTbl .w2 {
    width: 13%;
    text-align: center;
}

.device_set4 .ExTbl .w3 {
    text-align: center;
}

.device_set5 .ExTbl table td {
    text-align: center;
}

.device_set5 .ExTbl .w1 {
    width: 4rem;
}

.device_set5 .ExTbl table th,
.device_set5 .ExTbl table td {
    width: auto;
    text-align: center;
}

.device_set5 .ExTbl .w5 {
    width: 15rem;
}

.device_set5 .ExTbl .w6 {
    width: 15rem;
}

.device_set6 {}

.device_set6 .upt_cont .le ul {
    align-items: end;
}

.w120 {
    width: 12rem;
}

.eq_swd {
    min-width: 18rem;
}

.device_set6 .Hday_setA .dw1 {
    width: 15rem;
}

.device_set6 .ExDw_stg .ri {
    margin-left: 0;
    width: 100%;
}

.device_set6 .tui_newWrap .tui-grid-btn-tree {
    padding-left: 1.2rem;
}

.device_set6 .tui_newWrap .tui-grid-tree-icon,
.device_set6 .tui_newWrap .tui-grid-tree-icon i,
.device_set6 .tui_newWrap .tui-grid-tree-button-expand .tui-grid-tree-icon i,
.device_set6 .tui_newWrap .tui-grid-tree-button-collapse .tui-grid-tree-icon i {
    display: none;
}

.device_set6 .tui-grid-tree-wrapper-valign-center {
    text-align: left;
}

.User3 .ExTbl table th,
.User3 .ExTbl table td {
    width: auto;
    text-align: center;
}

.User3 .ExTbl table .w1 {
    width: 6rem;
}

.User3 .ExTbl table .w2 {
    width: 4rem;
}

.ExTbl .err {
    background: #ff3b30;
    color: #fff;
    position: relative;
}

.err_msg {
    position: absolute;
    top: -4.4rem;
    right: -2rem;
    background: #0f0f15;
    padding: 1rem 1rem;
    border-radius: 4px;
    z-index: 1;
}

.err_msg:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 12px;
    width: 0;
    height: 0;
    border-top: 6px solid #0f0f15;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.User3 .ExTbl .noCard td {
    background: #ffe6e4;
}

.User3 .ExTbl .Excel td {
    background: #deeeff;
}

.User3 .ExTbl .Paste td {
    background: #fff0de;
}

.User3.Ent1 .ExTbl .on td,
.User3.Ent2 .ExTbl .on td {
    background: #fff0de;
}

.User4 .Vhalf_cont .w70 {
    flex: 1;
    margin-right: 4px;
}

.User4 .Vhalf_cont .w70 .cont1 {}

.User4 .Vhalf_cont .w70 .cont1 ul {
    display: flex;
    align-items: center;
}

.User4 .Vhalf_cont .w70 .cont1 ul li {
    margin-right: 8px;
}

.User4 .Vhalf_cont .w30 {
    width: 48rem;
    margin-left: 4px;
}

.content_align {
    display: flex;
}

.content_align .w3 {
    width: 60%;
}

.content_align .w2 {
    width: 40%;
}

.User4 .Vhalf_cont .w30 .cont1 ul {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.User4 .Vhalf_cont .contHeight {
    height: calc(100vh - 25.7rem);
    padding-top: 0;
    margin-top: 2rem;
    border: 1px solid #dcdde4;
    overflow-y: auto;
    background: #f3f4f6;
    border-radius: 4px;
}

.User4 .Vhalf_cont .contHeight .Tree_List {}

.User4 .ExTbl .tbl_body {
    border: 0;
    padding-left: 0;
    border-radius: 0;
}

.User4 .ExTbl .commRdo input[type='radio'] {
    margin-right: 0;
}

.User4 .ExTbl table th,
.User4 .ExTbl table td {
    width: auto;
    padding: 0 8px;
}

.User4 .ExTbl table .w1 {
    width: 4rem;
}

.User4 .ExTbl table .w2 {}

.User4 .ExTbl table td.w2 {
    text-align: left;
}

.User4 .ExTbl table td.w3,
.User4 .ExTbl table td.w5 {
    text-align: center;
}

.User4 .user_new {
    border-bottom: 0;
}

.User5 {}

.User5 .upt_cont .ri {}

.User5 .upt_cont .ri ul {
    display: flex;
    align-items: flex-end;
}

.User5 .upt_cont .ri ul li {
    margin-left: 8px;
}

.User5 .upt_cont .ri .iconComm.save.bdr,
.User5 .upt_cont .ri .Del.iconComm {
    margin-left: 0 !important;
}

.sgBtn_cont {
    position: relative;
    width: 22rem;
    display: flex;
    align-items: center;
}

.sgBtn_cont .ipt {
    margin-right: 8px;
    flex: 1;
}

.sgBtn {
    height: 3.6rem;
    min-width: 7.5rem;
    padding: 0 1.2rem;
    font-size: 1.4rem;
    color: #fff;
    border: 1px solid #1a3868;
    cursor: pointer;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    background: #1a3868;
}

.sgBtn:hover {
    background: #0f0f15;
}

.User5 .contHeight {
    height: calc(100vh - 23.7rem);
}

.User5 .ExTbl table th,
.User5 .ExTbl table td {
    width: auto;
    padding: 0 8px;
    text-align: center;
}

.User5 .ExTbl table .w1 {
    width: 6rem;
}

.User5 .ExTbl table .w2 {
    width: 4rem;
}

.User5 .ExTbl table td.w3 {
    text-align: left;
}

.User6 {}

.wpHeight {
    height: calc(100vh - 14rem);
}

.User6 .wpHeight {
    height: auto;
}

.User7 .Vhalf_cont,
.User6 .Vhalf_cont {
    height: 100%;
}

.User7 .Vhalf_cont .w30,
.User6 .Vhalf_cont .w30 {
    width: 29%;
    height: 100%;
}

.User7 .Vhalf_cont .w70,
.User6 .Vhalf_cont .w70 {
    flex: 1;
    height: 100%;
}

.wpHeight .schcont_H {
    height: calc(100vh - 2.8rem);
}

.User6 .wpHeight .schcont_H {
    margin-top: 0;
    height: 104.2rem;
}

.User6_time {}

.User6_time .subj {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.User6_time .subj .h3_18 {
    margin-bottom: 0;
}

.User6_time .subj .le {}

.User6_time .subj .ri {}

.User6_time .subj .ri ul {
    display: flex;
    align-items: center;
}

.User6_time .subj .ri ul li {
    margin-left: 8px;
}

.User6_rowB .ctt,
.User6_time .ctt {
    background: #f3f4f6;
    border-radius: 4px;
    padding: 1.6rem 1.6rem;
    margin-top: 2rem;
}

.User6_time .ctt .tit {
    font-size: 1.4rem;
    color: #0f0f15;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    margin-bottom: 1.6rem;
}

.time_set {
    display: flex;
    margin: 0 -8px;
    justify-content: space-between;
}

.hip_ipt {
    width: 29%;
    padding: 0 8px;
}

.hip_ipt ul {
    display: flex;
    align-items: center;
}

.hip_ipt ul li {}

.hip_ipt ul li:nth-of-type(2) {
    width: 1rem;
    margin: 0 8px;
    text-align: center;
    font-size: 1.4rem;
    color: #595c73;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.time_cont {
    margin-top: 8px;
}

.time_cont ul {
    display: flex;
}

.time_cont ul li {
    flex: 1;
}

.time_cont ul li p {
    text-align: center;
    margin-top: 1rem;
    font-size: 1.4rem;
    color: #595c73;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.User6_rowB .list .date .bk,
.time_open_bk,
.time_bk {
    height: 3.2rem;
    background: #fff;
    border: 1px solid #dcdde4;
    border-right: 0;
    cursor: pointer;
}

.User6_rowB .list .date .bk.close_on,
.time_bk.on {
    background: #3284C8;
    border: 1px dashed rgba(255, 255, 255, 0.22);
}

.ctt.open_set .time_bk.on {
    background: #0052A4;
}

.User6_rowB .list .date li:last-child .bk,
.time_cont ul li:last-child .time_open_bk,
.time_cont ul li:last-child .time_bk {
    border-right: 1px solid #dcdde4;
}

.User6_rowB .list .date .bk.open_on,
.open_set .time_open_bk.on {
    background: #5bade3;
    border: 1px dashed rgba(255, 255, 255, 0.22);
}

.cau_txt_wr {
    margin-top: 2rem;
}

.cau_txt_wr .cau_txt {
    margin-top: 4px;
}

.User6_rowB .ctt {}

.User6_rowB .chk_ani:after {
    background: #fff;
}

.User6_rowB .list {
    display: flex;
    align-items: center;
    margin-top: 4px;
}

.User6_rowB .list .day {
    width: 8rem;
}

.User6_rowB .list .date {
    display: flex;
    flex: 1;
    align-items: center;
}

.User6_rowB .list .date li {
    flex: 1;
    text-align: center;
    color: #353745;
    font-size: 1.4rem;
    color: #595c73;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.User6_rowB .list .date .bk {}

.User6_rowB .list .date .bk.close_on {}

.User6_rowB .list .date .bk.open_on {}

.User6_rowB .list.all_list {
    height: 3.2rem;
    margin-top: 0;
}

.User7 {}

.User7 .h3_18 {
    margin-bottom: 0;
}

.User7 .ExTbl table th,
.User7 .ExTbl table td {
    width: auto;
}

.User7 .ExTbl table .w1 {
    width: 4rem;
}

.User7 .contHeight {
    height: calc(100vh - 20rem);
}

.noTXT {
    height: 2.8rem;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
}

.prvwTXT {
    font-size: 1.4rem;
    text-align: center;
    background: #f3f4f6;
    padding: 1.6rem 0;
}

.work2_cont2 {
    height: 28rem;
}

.tui_content {
    /*
  border: 1px solid #f3f4f6;
  */
}

.system_sch4 .ExTbl table th,
.system_sch4 .ExTbl table td {
    width: auto;
    text-align: center;
}

.system_sch4 .ExTbl .w1 {
    width: 4rem;
}

.system_sch4 .ExTbl .w2 {
    width: 20rem;
}

.system_sch4 .ExTbl .w3 {
    width: 12rem;
}

.system_sch4 .ExTbl .w4 {
    width: 10rem;
}

.system_sch4 .ExTbl table td.w5 {
    text-align: left;
}

.Ent1 .ExTbl table th,
.Ent1 .ExTbl table td {
    width: auto;
    text-align: center;
}

.Ent1 .ExTbl .w1 {
    width: 4rem;
}

.Ent1.User3 .ExTbl .w2 {
    width: 20rem;
}

.Ent1 .ExTbl .w8 {
    width: 20rem;
}

.Ent2 .ExTbl table th,
.Ent2 .ExTbl table td {
    width: auto;
    text-align: center;
}

.Ent2 .ExTbl .w1 {
    width: 4rem;
}

.Ent2 .ExTbl .w2 {
    width: 4rem;
}

.Ent3 .ExTbl table th,
.Ent3 .ExTbl table td {
    width: auto;
    text-align: center;
}

.Ent4_rmv .ExTbl table th,
.Ent4_rmv .ExTbl table td {
    width: auto;
    text-align: center;
}

.Ent4_rmv .ExTbl .w1 {
    width: 4rem;
}

.user_card_ly .searchResults {
    margin-top: 2rem;
    height: 40rem;
}

.user_card_ly .searchResults .ExTbl table td {
    cursor: pointer;
}

.tui-grid-table tr {
    position: relative;
}

.tui-grid-table .text-blue {
    color: #007aff;
}

.tui-grid-table .text-red {
    color: #ff3b30;
}

.tui-grid-table .text-yellow {
    color: #ff8c00;
}

.tui-grid-container {
    font-family: 'Pretendard-Regular' !important;
}

.tui-grid-cell-header {
    font-size: 1.4rem;
    color: #353745;
    font-family: 'Pretendard-SemiBold';
    font-weight: 600;
}

#idx {
    background: #ebebef;
    padding-left: 24rem;
    padding-top: 12rem;
    min-height: 100vh;
    transition: all 0.3s ease;
    overflow: clip;
    min-width: 128rem;
}

#idx.dash_content {
    padding-top: 7rem;
}

#idx .wr {
    padding: 0 1rem 1rem;
}

#idx.dash_content .wr {
    height: calc(100vh - 7rem);
}

#idx.dash_content .wr::-webkit-scrollbar {
    height: 9px;
}

.dash_content {}

.dash_content .cont1 .use_stt {
    width: 25%;
    padding: 1rem 1rem;
}

.dash_content .cont1 .mng_stt {
    width: 100%;
    margin-left: 0;
    padding: 1rem 1rem;
}

.dash_content .cont1 .mng_stt .thr_box {
    height: calc(100% - 3.8rem);
}

.dash_content .cont1 .mng_stt .thr_box .w33 {
    height: 100%;
}

.dash_content .cont1 {
    display: flex;
    height: 28%;
    gap: 8px;
}

.dash_content .cont2 {
    height: 37%;
    margin-bottom: 8px;
}

.dash_content .cont3 {
    /* height: calc(35% - 8px); */
    height: 32.5rem;
}

.dash_content .text_stt,
.dash_content .indoor_stt {
    padding: 1rem 1rem;
    height: 100%;
}

.dash_content .subj {
    display: flex;
    justify-content: space-between;
    min-height: 2.8rem;
    margin-bottom: 8px;
}

.dash_content .subj .le {
    display: flex;
    align-items: center;
}

.dash_content .subj .le .h3_18 {
    margin-bottom: 0;
}

.dash_content .subj .le .ic {
    width: 2rem;
    height: 2rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
}

.dash_content .subj .le .ic1 {
    background-image: url(../img/dash_ic1.svg);
}

.dash_content .subj .le .ic2 {
    background-image: url(../img/dash_ic2.svg);
}

.dash_content .subj .le .ic3 {
    background-image: url(../img/dash_ic3.svg);
}

.dash_content .subj .le .ic4 {
    background-image: url(../img/dash_ic4.svg);
}

.dash_content .subj .ri {
    font-size: 1.2rem;
    color: #7a7f99;
    display: flex;
    align-items: center;
}

.dash_content .subj .ri .ref {
    background: url(/img/Refresh_off.svg) no-repeat center;
    width: 2.8rem;
    height: 2.8rem;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #dcdde4;
    margin-left: 8px;
    transition: all 0.3s ease;
}

.dash_content .subj .ri .ref:hover {
    border: 1px solid #002f76;
    background: url(/img/Refresh_on.svg) no-repeat center;
    background-color: #002f76;
}

.grp_type1 {
    padding: 1rem 1rem;
    border-radius: 4px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    height: 100%;
}

.dash_content .cont1 .use_stt .grp_type1 {
    height: calc(100% - 3.8rem);
}

.grp_cont {
    width: 16rem;
    height: 14rem;
    margin-right: 1.6rem;
    position: relative;
}

.grp_info {
    background: #fff;
    border-radius: 4px;
    padding: 1rem 1rem;
    flex: 1;
    height: 100%;
}

.grp_info .tit {
    border-bottom: 1px solid #ebebef;
    padding-bottom: 0.6rem;
}

.grp_info .tit .lk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.6rem;
    color: #0f0f15;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.grp_info .tit .arr {
    width: 1.6rem;
    height: 1.6rem;
    background: url(/img/back_ic.svg) center no-repeat;
    transform: rotate(-180deg);
}

.grp_info .stt_list {
    padding-top: 0.6rem;
}

.grp_info .stt_list ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
}

.grp_info .stt_list ul li {
    font-size: 1.4rem;
    color: #353745;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.grp_info .stt_list .le {
    display: flex;
    align-items: center;
}

.grp_info .stt_list .le .sq {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 3px;
    margin-right: 8px;
}

.grp_info .stt_list .ri {}

.grp_type3,
.grp_type2 {
    padding: 1rem 1rem;
    border-radius: 4px;
    background: #f3f4f6;
    height: calc(100% - 3.8rem);
}

.grp_type2 .date.Hday_setA {
    position: relative;
    margin-top: -9px;
}

.grp_type2 .date.Hday_setA .date-picker-container {
    align-items: center;
}

.grp_type2 .date.Hday_setA .schWr {
    padding-right: 0;
    margin-left: 8px;
}

.grp_type2 .date.Hday_setA .schWr button {
    position: static;
    height: 2.8rem;
}

.grp_type2 .Hday_setA .dw1 input {
    height: 2.8rem;
}

.tab_cont {
    position: relative;
    height: 100%;
}

.tab_subj {}

.tab_subj ul {
    display: flex;
}

.tab_subj li {
    font-size: 1.4rem;
    color: #0f0f15;
    display: flex;
    height: 3.4rem;
    width: 7.2rem;
    align-items: center;
    justify-content: center;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    cursor: pointer;
    position: relative;
}

.tab_subj li.active {
    background: #fff;
    border: 1px solid #dcdde4;
    border-bottom: 0;
}

.tab_subj li.active:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #1a3868;
}

.tab_subj li.active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    background: #fff;
    height: 1px;
}

.tab_list {
    padding: 1rem 1rem;
    background: #fff;
    border: 1px solid #dcdde4;
    height: calc(100% - 3.4rem);
}

.tab_list>div {
    display: none;
}

.tab_list>div.active {
    display: block;
    height: 100%;
}

.tab_list .date {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    color: #7a7f99;
}

.tab_list .date .ic {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 4px;
    background: url(/img/dash_cal_ic.svg) no-repeat center;
}

.line_chart {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    height: calc(100% - 2.6rem);
}

.line_chart .grp_line {
    flex: 1;
    margin-right: 1.6rem;
}

.line_chart .grp_cont {}

.line_chart .grp_info {
    width: 17rem;
    flex: none;
    background: #f3f4f6;
}

.tab_list .ExTbl .tbl_body {}

.tab_list .alm {
    display: flex;
    align-items: center;
}

.tab_list .alm span {
    font-size: 1.2rem;
    width: 5.2rem;
    padding: 0 4px;
    min-width: 0;
    height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-right: 8px;
}

.tab_list .alm span em {
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
}

.tab_list .alm .st1 {
    color: #ff3b30;
    width: 60px;
    background: #ffe6e4;
    border: 1px solid #ffd1ce;
}

.tab_list .alm .st2 {
    color: #007AFF;
    width: 60px;
    background: #007AFF21;
    border: 1px solid #007AFF42;
}

.tab_list .alm .st3 {
    color: #ff8c00;
    width: 60px;
    background: #fff0de;
    border: 1px solid #ffe4c3;
}

/* 알람 뱃지 - 긴급 */
.tab_list .alm .st-alarm-urgent {
    color: #FF3B30;
    width: 60px;
    background: #FF3B301F;
    border: 1px solid #FF3B3042;
}

/* 알람 뱃지 - 경고 */
.tab_list .alm .st-alarm-warning {
    color: #FF8C00;
    width: 60px;
    background: #FF8C001F;
    border: 1px solid #FF8C0042;
}

/* 알람 뱃지 - 기타 */
.tab_list .alm .st-alarm-default {
    color: #B0B0B0;
    width: 60px;
    background: #B0B0B021;
    border: 1px solid #B0B0B042;
}

/* 출입문 상태 - 정상 */
.tab_list .alm .st-door-normal {
    color: #26A212;
    width: 60px;
    background: #26A21221;
    border: 1px solid #26A21242;
}

.grp_mody {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1;
    background-color: #1a3868;
    color: #fff;
    background-image: url(/img/grp_mody_off.svg);
    height: 2.8rem;
}

.grp_mody:hover {
    background-color: #0f0f15 !important;
}

.grp_cont_total {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 2.6rem;
    color: #1a3868;
    font-family: 'Pretendard-Bold';
    font-weight: 700;
    transform: translate(-50%, -50%);
}

.user_dan {}

.user_dan_rdo {
    margin: 2rem 0;
}

.user_dan_rdo ul {
    padding: 0.6rem 1.2rem;
    flex-wrap: wrap;
    border: 1px solid #dcdde4;
    display: flex;
    border-radius: 4px;
}

.user_dan_rdo li {
    margin: 0.5rem 0;
    margin-right: 1.6rem;
}

.user_dan_h {
    height: 32rem;
    margin-top: 1.6rem;
}

.user_dan_h .w33_Hcont {
    height: 100%;
}

.user_dan .bbox .le .closeBtn {
    margin-left: 0;
}

.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100% !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-light {
    background-color: #f0f0f0 !important;
}

.border-0 {
    border: 0 !important;
}

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

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

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

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

.z-index-10 {
    z-index: 10 !important;
}

.d-flex {
    display: flex;
}

.acc {
    align-items: center;
}

.jcc {
    justify-content: center;
}

.mb-10 {
    margin-bottom: 10px;
}

.job-position-list ul {
    border-top: 1px solid #dcdde4;
}

.job-position-list li {
    border-bottom: 1px solid #dcdde4;
    padding: 12px 12px;
    background: #fff;
    font-size: 1.4rem;
}

.nested-list.last .summ_txt .fod {
    width: 2rem;
    height: 2rem;
    background: url(../img/fod_open.svg) no-repeat center;
    margin-right: 4px;
}

.mgb16 {
    margin-bottom: 1.6rem !important;
}

.mgb20 {
    margin-bottom: 2rem !important;
}

.text-orange {
    color: #ff8c00;
}

.text-red {
    color: #ff3b30;
}

.text-dark {
    color: #595c73;
    border-bottom: 0;
}

.overflow-hidden {
    overflow: hidden !important;
}

.d-none {
    display: none;
}

.zi101 {
    z-index: 101;
}

.scroll-y {
    margin: 2rem 0;
}

.popCont .ctt .bbox.leri {
    justify-content: space-between;
}

.rootDept {
    font-weight: bold;
}

.event-details {}

.evt-det-list {
    margin-top: 1.6rem;
}

.evt-det-list .s1 {
    display: block;
}

.evt-det-list .s2 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 3.6rem;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    padding: 0 1rem;
    font-size: 1.4rem;
    color: #0f0f15;
}

.holiday-event {
    cursor: pointer;
}

.Meal1 .Hday_setA .iconComm.Sch {
    margin-left: 4px;
}

.DepCon1 .ExTbl table th,
.DepCon1 .ExTbl table td,
.Meal1 .ExTbl table th,
.Meal1 .ExTbl table td {
    width: auto;
    text-align: center;
}

.Meal1 .ExTbl table tr:hover td.w1 {
    background: #fff;
}

.mgl8 {
    margin-left: 8px !important;
}

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

.copy_date {
    margin-top: 2rem;
    position: relative;
}

.date-picker-center {
    text-align: center;
}

.date_pik .Hday_setA .dw1,
.copy_date .Hday_setA .dw1 {
    width: auto;
    flex: 1;
}

.dateAllChk {
    position: absolute;
    top: -5px;
    right: 0;
}

.cash_box {}

.meal_box,
.date_pik {
    position: relative;
    margin-top: 1.6rem;
}

.meal_box .chk {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #f3f4f6;
    border-radius: 4px;
    padding: 2rem 2rem;
}

.meal_box .chk li {}

.price_box {
    margin-top: 1.6rem;
}

.price_box .ipt {
    position: relative;
    padding-right: 4rem;
}

.price_box .ipt input {}

.price_box .ipt .sm {
    right: 0;
}

.DepCon1_cont .le {
    width: 50%;
    margin-right: 4px;
}

.DepCon1_cont .ri {
    width: 50%;
    margin-left: 4px;
}

.h18_tit .sm {
    color: #353745;
    margin-left: 4px;
}

.riBtn {
    display: flex;
    align-items: center;
}

.del_inGrp {
    padding: 2.4rem 1.6rem 1.2rem;
    margin-bottom: 2rem;
    border-radius: 4px;
    background: rgba(44, 70, 110, 0.05);
}

.del_inGrp .inbx {
    display: table;
    margin: 0 auto;
}

.del_inGrp .inbx ul {
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
}

.del_inGrp .inbx ul li {
    font-size: 1.6rem;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.del_inGrp .inbx .tit {
    width: 6rem;
    text-align: left;
    color: #7a7f99;
}

.del_inGrp .inbx .txt {
    color: #1a3868;
    flex: 1;
    padding-left: 1rem;
}

.del_inGrp .inbx .txt span {
    display: block;
    margin-bottom: 4px;
}

.org_ly_inGrp.del_inGrp .inbx {
    display: block;
}

.org_ly_inGrp.del_inGrp .inbx .tit {
    width: 8.5rem;
}

.modal_org_add .schWr {
    width: 48%;
}


.modal_org_add .copy_box {
    justify-content: space-between;
    margin-top: 2rem;
}

.modal_org_add .copy_box .w50 {
    width: 48.5%;
}

.modal_org_add .tree {
    padding-left: 3rem;
    padding-bottom: 3rem;
}

.modal_org_add .w50:nth-of-type(1) .schcont_H {
    padding-bottom: 0;
}

.modal_org_add .user_dae_list .user_new {
    border-bottom: 1px solid #dcdde4;
    height: 5.6rem;
}

.copy_box .dummy {
    min-height: 3.6rem;
    margin-bottom: 2rem;
}

.DepCon2 .DepCon1_cont {
    margin-top: 0;
    height: calc(100vh - 14.3rem);
}

.DepCon1_cont .contHeight {
    height: calc(100vh - 31.8rem);
}

.DepCon1 .ExTbl table .w1 {
    width: 4rem;
}

.DepCon2 .DepCon1_cont .contHeight {
    height: calc(100vh - 21.8rem);
}

.Meal2 {}

.Meal2 .subp_Wrap {}

.Meal_wr {
    display: flex;
}

.Meal_wr .w30 {
    width: 31%;
    margin-right: 8px;
}

.Meal_wr .w70 {
    width: calc(69% - 8px);
}

.Meal_wr .w30 .schWr {
    width: 29rem;
}

.Meal2 .contHeight {
    height: calc(100vh - 45.2rem);
}

.Meal_wr .ExTbl table th,
.Meal_wr .ExTbl table td {
    width: auto;
    text-align: center;
}

.Meal_wr .w30 .ExTbl table .w1 {
    width: 4rem;
}

.Meal_wr .w70 .ExTbl table .w1,
.Meal_wr .w70 .ExTbl table .w2,
.Meal_wr .w70 .ExTbl table .w3 {
    width: 16%;
}

.Meal_time {}

.Meal_time .prevw {
    margin-top: 2rem;
}

.Meal_time .bt {
    margin-top: 2rem;
}

.Meal_time .bt .cau_txt {
    margin-top: 4px;
}

.TimeTable {
    height: 8rem;
}

.TimeTable .date {
    display: flex;
}

.TimeTable .date>div {
    flex: 1;
}

.TimeTable .date .bk {
    height: 5.6rem;
    background: #fff;
    border: 1px solid #dcdde4;
    border-right: 0;
}

.TimeTable .date>div:last-child .bk {
    border-right: 1px solid #dcdde4;
}

.TimeTable .date .txt {
    color: #353745;
    font-size: 1.4rem;
    text-align: center;
    margin-top: 4px;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.TimeTable .date .T1 .bk {
    background: #142162;
}

.TimeTable .date .T2 .bk {
    background: #254b91;
}

.TimeTable .date .T3 .bk {
    background: #3b85b5;
}

.TimeTable .date .T4 .bk {
    background: #5ebad0;
}

.TimeTable .date .T5 .bk {
    background: #b9dfcc;
}

.TimeTable .date .T1 .bk,
.TimeTable .date .T2 .bk,
.TimeTable .date .T3 .bk,
.TimeTable .date .T4 .bk,
.TimeTable .date .T5 .bk {
    border: 1px dashed rgba(255, 255, 255, 0.22);
}

.TimeTable div.T1_wrap,
.TimeTable div.T2_wrap,
.TimeTable div.T3_wrap,
.TimeTable div.T4_wrap,
.TimeTable div.T5_wrap {
    flex: none;
    display: flex;
    position: relative;
}

.TimeTable div.T1_wrap .T1,
.TimeTable div.T2_wrap .T2,
.TimeTable div.T3_wrap .T3,
.TimeTable div.T4_wrap .T4,
.TimeTable div.T5_wrap .T5 {
    min-width: 6.8rem;
}

.TimeTable .Allhour .T1_wrap .T1,
.TimeTable .Allhour .T2_wrap .T2,
.TimeTable .Allhour .T3_wrap .T3,
.TimeTable .Allhour .T4_wrap .T4,
.TimeTable .Allhour .T5_wrap .T5 {
    min-width: 4.5rem;
}

/* M00001046 식사시간 미리보기 - 칸 균일 */
.Meal_time .TimeTable div.T1_wrap,
.Meal_time .TimeTable div.T2_wrap,
.Meal_time .TimeTable div.T3_wrap,
.Meal_time .TimeTable div.T4_wrap,
.Meal_time .TimeTable div.T5_wrap {
    flex: unset;
}

.Meal_time .TimeTable div.T1_wrap .T1,
.Meal_time .TimeTable div.T2_wrap .T2,
.Meal_time .TimeTable div.T3_wrap .T3,
.Meal_time .TimeTable div.T4_wrap .T4,
.Meal_time .TimeTable div.T5_wrap .T5 {
    min-width: unset;
    flex: 1;
}

.Meal_time .TimeTable .Allhour .T1_wrap .T1,
.Meal_time .TimeTable .Allhour .T2_wrap .T2,
.Meal_time .TimeTable .Allhour .T3_wrap .T3,
.Meal_time .TimeTable .Allhour .T4_wrap .T4,
.Meal_time .TimeTable .Allhour .T5_wrap .T5 {
    min-width: unset;
    flex: 1;
}

/* 25.07.10: 다국어 기능이 추가되면서 CSS 가상 요소에 한글을 사용할 수 없게 됨
.TimeTable div.T1_wrap:before,
.TimeTable div.T2_wrap:before,
.TimeTable div.T3_wrap:before,
.TimeTable div.T4_wrap:before,
.TimeTable div.T5_wrap:before {
    position: absolute;
    top: 1.9rem;
    left: 50%;
    font-size: 1.6rem;
    color: #fff;
    margin-left: -1.3rem;
}
.TimeTable div.T1_wrap:before {
    content: '조식';
}
.TimeTable div.T2_wrap:before {
    content: '중식';
}
.TimeTable div.T3_wrap:before {
    content: '석식';
}
.TimeTable div.T4_wrap:before {
    content: '야식';
}
.TimeTable div.T5_wrap:before {
    content: '간식';
} 
*/
.TimeTable p.meal_type {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 5.6rem;
    font-size: 1.6rem;
    color: #fff;
}

.Meal3 .upt_cont .ri,
.Meal3 .upt_cont .le ul {
    align-items: end;
}

.mlm_header .row {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    width: 100%;
}

.mlm_header .left-box {
    width: 16rem;
    padding: 1rem 1.2rem;
    background: rgba(44, 70, 110, 0.05);
    color: #1a3868;
    text-align: center;
    font-size: 1.5rem;
    border-radius: 4px;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.mlm_header .row .center_box {
    text-align: center;
    margin: auto;
}

.mlm_header .bRow .le .selc {
    width: 16rem;
}

.mlm_header .bRow .li3 .schWr {
    position: relative;
    width: 30rem;
    padding-right: 8rem;
    padding-left: 0.6rem;
}

.mlm_header .bRow {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 15px;
}

.mlm_header .right-content {
    flex: 1;
    padding-left: 1.5rem;
}

.mlm_header .right-content input[type='radio'] {
    transform: scale(1.4);
    margin-right: 12px;
    margin-left: 12px;
}

.mlm_header .right-content a {
    color: #1a3868;
    font-size: 1.5rem;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    text-decoration: underline;
}

.mlm_grid .contHeight {
    display: flex;
    flex-direction: row;
    padding-top: 0.3rem;
    height: calc(100vh - 36.6rem);
}

.mlm_grid .tui_wrap {
    flex: 1;
    overflow: hidden;
}

.mlm_grid .rBtn {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 2rem;
    width: 12rem;
    gap: 1rem;
}

.mlm_grid .rBtn_i1 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.meal_type_chk {
    display: flex;
    height: 3.6rem;
    align-items: center;
    justify-content: center;
    padding: 0 1.2rem;
    background: #f3f4f6;
    border-radius: 4px;
}

.meal_type_chk .cen {
    margin-right: 1.6rem;
}

.meal_type_chk .cen:last-child {
    margin-right: 0 !important;
}

.Meal3 .upt_cont .ri .wlist .selc {
    margin-left: 0;
    min-width: 10rem;
    width: auto;
    margin-right: 8px;
}

.Meal3 .upt_cont .ri .wlist .selc.selcWcd {
    margin-right: 0;
}

.Meal3 .card_selc {}

.Meal3 .meal_type_chk {
    padding: 0 2.4rem;
}

.Meal3 .meal_type_chk .cen {
    margin-right: 3rem;
}

.Meal4 .h18_tit .t1,
.Meal3 .h18_tit .t1 {
    display: flex;
    align-items: center;
}

.Meal3 .upt_cont .Hday_setA .dw1 {}

.Meal3 .date.Hday_setA {}

.Meal_cnt {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #0f0f15;
    margin-left: 1.6rem;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.Meal_cnt .txt {}

.Meal_cnt .txt span {
    color: #007aff;
}

.Meal_cnt .line {
    width: 1px;
    height: 1.4rem;
    background: #dcdde4;
    margin: 0 8px;
}

.ExDw_stg {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.ExDw_stg .le {
    flex: 1;
}

.ExDw_stg .ri {
    width: 12rem;
    margin-left: 8px;
}

.mobileSendChk {}

.mobileCtt {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobileCtt .subjt {
    color: #7a7f99;
    font-size: 1.4rem;
    border-radius: 4px 4px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
}

.mobileCtt .cnt {
    color: #7a7f99;
    border-radius: 0 0 4px 4px;
    display: flex;
    height: 4rem;
    align-items: center;
    justify-content: center;
}

.cardExchg .li2,
.mobileCtt .rightArr {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 1.6rem;
    background: url(/img/arr_right_g.svg) no-repeat center / 2rem;
}

.mobileCtt .userChk,
.mobileCtt .moSendChk {
    width: 8rem;

}

.mobileCtt .moSendChk .subjt {
    color: #1a3868;
}

.mobileCtt .moSendChk .cnt {
    color: #1a3868;
}

.mobileSendNotice {
    display: table;
    margin: 0 auto;
}

.mobileSendNotice .cau_txt::before {
    top: 1px;
}

.readCardBtn {
    width: 6rem;
    background: #1a3868;
    border: 0;
    border-radius: 2px;
    color: #fff;
    padding: 6px 0;
    font-size: 1.2rem;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.readCardBtn:hover {
    background: #0f0f15;
}

.cardExchg {}

.cardExchg ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cardExchg .li1 .cardExchg_txt {
    color: #7a7f99;
}

.cardExchg_txt {
    margin: 5px 0;
}

.Meal4 {}

.Meal4 .ws1 {
    min-width: 15rem;
}

.Meal4 .ws2 {
    width: 10rem;
}

.Meal4 .ws3 {
    min-width: 10rem;
}

.Meal4 .ws4 {
    width: 10rem;
}

.Meal4 .ws5 {
    width: 10rem;
    margin-left: 1rem;
}

.Meal4 .wlist .chk {
    margin-left: 1rem;
}

.Meal4 .ws5 input[type='text']:disabled {
    border: 1px solid #dcdde4;
    background: #f3f4f6;
}

.Meal4 .ws5 input[type='text'] {
    background: #fff;
}

.Meal4 .ws5 input[type='number']:disabled {
    border: 1px solid #dcdde4;
    background: #f3f4f6;
}

.Meal4 .ws5 input[type='number'] {
    border: 1px solid #1a3868;
    background: #fff;
}

.Meal4 .tui-grid-table-container {
    width: 100% !important;
}

.Meal4 .tui-grid-body-container {
    width: 100% !important;
}

.Meal4 .tui-grid-table {
    width: 100% !important;
}

.Meal4_tbl {}

.Meal4_cont {
    height: calc(100vh - 32.3rem);
}

.Meal4_tui_content {
    height: calc(100% - 11.4rem);
}

.Meal4_del_inGrp.del_inGrp .inbx {
    display: block;
}

.Meal4_del_inGrp.del_inGrp .inbx .tit {
    width: auto;
}

.Meal4_del_inGrp.del_inGrp .inbx .txt {
    flex: none;
}

.rBtn {
    display: flex;
    justify-content: right;
}

.rBtn .schWr {
    width: 50%;
}

.dash_user_state {
    height: 28rem;
    margin-top: 2rem;
}

.file_con.w100 {
    margin-top: 0;
}

.file_con.w100 .file_name {
    width: auto;
    flex: 1;
}

.know_cont {}

.know_cont .list {
    margin-bottom: 1.6rem;
}

.know_txta {
    margin-top: 1.6rem;
}

.know_txta textarea {
    display: block;
    width: 100%;
    height: 16rem;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    padding: 1.2rem 1.2rem;
    resize: none;
    line-height: 1.5;
}

.count_txt {
    text-align: right;
    margin-top: 4px;
    font-size: 1.4rem;
    padding-right: 5px;
}

.count_txt .s1 {
    color: #1a3868;
    font-family: 'Pretendard-Bold';
    font-weight: 700;
}

.count_txt .s2 {
    margin: 0 3px;
}

.count_txt .s3 {
    color: #7a7f99;
}

.spcd_cont {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.spcd_cont .rowA {
    height: 35%;
}

.spcd_cont .rowB {
    height: 64%;
}

.User7_tui {
    margin-top: 2rem;
    height: calc(100% - 4rem);
}

.spcd_cont .rowA .User7_tui {}

.spcd_cont .rowB .User7_tui {}

.spcd_copy {}

.spcd_copy .rowA {
    display: flex;
    align-items: center;
    height: 17rem;
}

.spcd_copy .rowA .w50 {
    width: 47%;
    height: 100%;
}

.spcd_copy .rowA .arr {
    flex: 1;
    width: 2.4rem;
    height: 2.4rem;
    background: url(/img/arr_b.svg) no-repeat center;
}

.spcd_copy .rowB {
    margin-top: 2rem;
}

.spcd_copy_rowA_tui {
    height: 100%;
}

.spcd_copy_rowB_tui {
    height: 20rem;
}

.tui-grid-container input[type='text'],
.tui-grid-container input[type='number'],
.tui-grid-container input[type='password'] {
    font-family: 'Pretendard-Regular';
    font-weight: 400;
    font-size: 1.4rem;
    padding: 0 1rem;
}

.tui-grid-container * {
    box-sizing: border-box !important;
}

.tui-grid-container p {
    font-family: 'Pretendard-Regular', 'sans-serif' !important;
}

.indoor_certi_ly .tui_content {
    border-top: 1px solid #dcdde4;
    height: 100%;
    overflow: auto;
}

.indoor_certi_ly .work2_cont2 {
    height: 50rem;
}

.time_scroll .status-dropdown {
    height: 20rem;
    overflow: auto;
    top: 4rem;
    margin-left: -1rem;
}

.tui-grid-container .popCont input[type='radio']:after {
    border-radius: 50%;
    width: 1.6rem;
    height: 1.6rem;
    left: -2px;
}

.tui-grid-container .popCont input[type='radio']:checked:after {
    background: #fff;
    border: 1px solid #dcdde4;
    border-radius: 50%;
    width: 1.6rem;
    height: 1.6rem;
}

.commRdo input[type='radio']:checked:after {
    background: #fff;
    border: 1px solid #dcdde4;
    border-radius: 50%;
    width: 1.6rem;
    height: 1.6rem;
}

.tui-grid-container .popCont input[type='radio']:checked:before {
    border-radius: 50%;
    width: 1.6rem;
    height: 1.6rem;
    left: -2px;
}

.tui-grid-container .popCont input[type='radio']:checked:before {
    border-radius: 50%;
    width: 1.6rem;
    height: 1.6rem;
    left: -2px;
}

.tui_stt {
    height: calc(100% - 5.6rem);
    overflow-y: hidden;
    overflow-x: hidden;
}

.Timei.iconComm.hour {
    background-color: #1a3868;
    color: #fff;
    background-image: url(/img/time_on.svg);
}

.idFix input:disabled {
    background: #f3f4f6;
}

.pwChange {}

.pwNewFail input {
    border: 1px solid #eb4852 !important;
}

.fail_txt {
    color: #eb4852;
    font-size: 1.4rem;
    margin-top: 5px;
}

.Atten1 .subp_Cont,
.Atten2 .subp_Cont {
    height: calc(100vh - 22.4rem);
}

.atten1_cont1 {
    height: 65%;
}

.atten1_cont2 {
    height: calc(35% - 8px);
}

.atten1_cont3 {
    height: 65%;
}

.atten1_cont4 {
    height: calc(24% - 8px);
}

.atten1_cont5 {
    height: calc(24% - 8px);
}

.atten1_cont5 .sdwBox {
    margin-bottom: 0;
    height: 100%;
}

.atten1_cont1 .commRdo {}

.RdoChkBox {
    display: flex;
    align-items: center;
    height: 3.6rem;
    padding: 0 1.2rem;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    background: #fff;
}

.RdoChkBox li,
.atten1_cont4 .commRdo ul li,
.atten1_cont1 .commRdo ul li {
    margin-right: 3rem;
}

.RdoChkBox li:last-child,
.atten1_cont1 .commRdo ul li:last-child {
    margin-right: 0;
}

.Atten1 .half_cont .w50 {
    margin-bottom: 2rem;
}

.Atten1 .atten1_cont4 .half_cont .w50 {
    margin-bottom: 0;
}

.atten1_cont5 {}

.atten1_cont5 .ri ul {
    display: flex;
    margin: 0 -4px;
}

.atten1_cont5 .ri ul li {
    width: 20%;
    padding: 0 4px;
}

.inHalf_cont {
    display: flex;
}

.inHalf_cont .le {
    width: 50%;
    padding-right: 4px;
}

.inHalf_cont .ri {
    width: 50%;
    padding-left: 4px;
}

.atten2_cont2 {
    background: #f3f4f6;
    padding: 2rem 2rem;
    margin-top: 2rem;
    border-radius: 4px;
}

.atten2_cont4 {
    position: relative;
    height: calc(50% - 8px);
}

.atten2_cont4 .btn {
    position: absolute;
    right: 2rem;
    top: 1.5rem;
}

.mail_set {
    background: #f3f4f6;
    padding: 2rem 2rem;
    border-radius: 4px;
}

.mail_set .ipt_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.mail_set .ipt_list li {
    padding: 0 8px;
}

.mail_set .ipt_list .li1,
.mail_set .ipt_list .li2,
.mail_set .ipt_list .li3 {
    width: 33.33333333%;
}

.mail_set .ipt_list .li4,
.mail_set .ipt_list .li5 {
    width: 50%;
    margin-top: 1.6rem;
}

.mail_set .ipt_list .li5 .ipt {
    position: relative;
    padding-right: 9rem;
}

.mail_set .ipt_list .li5 button {
    background: #1a3868;
    border: 0;
    border-radius: 4px;
    width: 8.4rem;
    height: 3.6rem;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.mail_set .ipt_list .li5 button:hover {
    background: #0f0f15;
}

.over_ipt .ipt {
    padding-right: 10rem;
}

.over_ipt .sm {
    width: 10rem;
}

.mgr30 {
    margin-right: 3rem;
}

.atten2_cont1 {
    height: 50%;
}

.atten2_cont5 {
    height: 100%;
}

.atten2_cont4 .h3_18 {
    margin-bottom: 3rem;
}

.atten2_cont4 .tui_content {
    height: calc(100% - 5rem);
}

.Atten3 {}

.Atten3 .tui_wrap {
    margin-top: 2rem;
    height: calc(100vh - 23.6rem);
}

.Atten4_cont1 {
    display: flex;
    flex-wrap: wrap;
    height: calc(100vh - 14rem);
}

.Atten4_cont1 .w10 {
    width: 23%;
    margin-right: 8px;
    display: flex;
    flex-direction: column;
}

.Atten4_cont1 .w20 {
    width: 36%;
    margin-right: 8px;
}

.Atten4_cont1 .w20 .abox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Atten4_cont1 .w20 .commRdo li {
    margin-right: 1.2rem;
}

.gbg {
    background: #f3f4f6;
    padding: 2rem 2rem;
    border-radius: 4px;
}

.Atten4_cont1 .w20 .time_box {
    background: #fff;
    padding: 1.2rem 1.2rem;
    border-radius: 4px;
    margin-top: 1.6rem;
}

.Atten4_cont1 .w20 .time_box .tbl {
    border: 1px solid #dcdde4;
    border-radius: 4px;
}

.Atten4_cont1 .w20 .time_box .tbl table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.Atten4_cont1 .w20 .time_box .tbl table th {
    height: 4rem;
    background: #f3f4f6;
    font-size: 1.4rem;
    color: #0f0f15;
    border-bottom: 1px solid #dcdde4;
    border-right: 1px solid #dcdde4;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.Atten4_cont1 .w20 .time_box .tbl table td {
    height: 4rem;
    font-size: 1.4rem;
    color: #353745;
    text-align: center;
    border-right: 1px solid #dcdde4;
    padding: 0 1rem;
}

.Atten4_cont1 .w20 .time_box .tbl table th.d1 {
    border-radius: 4px 0 0 0;
}

.Atten4_cont1 .w20 .time_box .tbl table th.d4 {
    border-radius: 0 4px 0 0;
}

.Atten4_cont1 .w20 .time_box .tbl table .d1 {
    width: 10rem;
}

.Atten4_cont1 .w20 .bbox .time_box .tbl table .d4,
.Atten4_cont1 .w20 .cbox .time_box .tbl table .d5 {
    border-right: 0;
}

.Atten4_cont1 .w20 .bbox .time_box .tbl table .d4,
.Atten4_cont1 .w20 .cbox .time_box .tbl table .d5 {
    width: 5rem;
}

.Atten4_cont1 .w20 .cbox .time_box .tbl table .d5 .chk_ani {
    margin-right: 0;
}

.Atten4_cont1 .w20 .time_box .tbl table select {
    border: 0;
    box-shadow: none;
}

.Atten4_cont1 .w20 .cbox .time_box .tbl table td {
    border-bottom: 1px solid #dcdde4;
}

.Atten4_cont1 .w20 .cbox .time_box .tbl table tr:last-child td {
    border-bottom: 0;
}

.Atten4_cont1 .w20 .cbox .time_box .tbl table .d3,
.Atten4_cont1 .w20 .cbox .time_box .tbl table .d4 {
    width: 10rem;
}

.Atten4_cont1 .w20 .bbox .time_box .tbl table .d2 input,
.Atten4_cont1 .w20 .bbox .time_box .tbl table .d3 input,
.Atten4_cont1 .w20 .cbox .time_box .tbl table .d3 input,
.Atten4_cont1 .w20 .cbox .time_box .tbl table .d4 input {
    border: 1px solid #f3f4f6;
    background: #f3f4f6;
    height: 3rem;
}

.Atten4_cont1 .w20 .bbox .time_box .tbl table .d2 input:focus,
.Atten4_cont1 .w20 .bbox .time_box .tbl table .d3 input:focus,
.Atten4_cont1 .w20 .cbox .time_box .tbl table .d3 input:focus,
.Atten4_cont1 .w20 .cbox .time_box .tbl table .d4 input:focus {
    border: 1px solid #002f76;
}

.Atten4_cont1 .w30 {
    width: calc(41% - 16px);
}

.Atten4_cont2 .tbox {
    display: flex;
    align-items: center;
}

.Atten4_cont2 .tbox .fl_align {
    width: 10rem;
    margin-right: 2rem;
    margin-top: -2rem;
    font-size: 1.6rem;
    color: #353745;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.Atten4_cont2 .tbox .fl_align .ic {
    margin-right: 5px;
    width: 2rem;
    height: 2rem;
}

.Atten4_cont2 .tbox .fl_align .icon1 {
    background: url(/img/prwv_ic1.svg) no-repeat center/2rem;
}

.Atten4_cont2 .tbox .fl_align .icon2 {
    background: url(/img/prwv_ic2.svg) no-repeat center/2rem;
}

.Atten4_cont2 .tbox .TimeTable {
    flex: 1;
}

.tac {
    text-align: center;
    justify-content: center;
}

.out_time {
    margin-bottom: 2rem;
}

.out_time .schWr {
    width: 30rem;
}

.out_time_table {
    height: 40rem;
}

.inoutTime .date .on .bk {
    background: #002f76;
    border: 1px dashed rgba(255, 255, 255, 0.22);
}

.detailTime.TimeTable div.T1_wrap .T1,
.detailTime.TimeTable div.T2_wrap .T2,
.detailTime.TimeTable div.T3_wrap .T3,
.detailTime.TimeTable div.T4_wrap .T4 {
    min-width: 6.238rem;
}

.detailTime.TimeTable .Allhour .T1_wrap .T1,
.detailTime.TimeTable .Allhour .T2_wrap .T2,
.detailTime.TimeTable .Allhour .T3_wrap .T3,
.detailTime.TimeTable .Allhour .T4_wrap .T4 {
    min-width: 4.158rem;
}

/* 25.07.10: 다국어 기능이 추가되면서 CSS 가상 요소에 한글을 사용할 수 없게 됨
.detailTime.TimeTable div.T1_wrap:before,
.detailTime.TimeTable div.T2_wrap:before,
.detailTime.TimeTable div.T3_wrap:before,
.detailTime.TimeTable div.T4_wrap:before,
.detailTime.TimeTable div.T5_wrap:before {
    position: absolute;
    top: 1.9rem;
    left: 50%;
    font-size: 1.6rem;
    color: #fff;
    margin-left: -1.3rem;
}
.detailTime.TimeTable div.T1_wrap:before {
    content: '조기';
}
.detailTime.TimeTable div.T2_wrap:before {
    content: '기본';
}
.detailTime.TimeTable div.T3_wrap:before {
    content: '연장';
}
.detailTime.TimeTable div.T4_wrap:before {
    content: '야간';
} 
*/
.detailTime.TimeTable p.wrap_type {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 5.6rem;
    font-size: 1.6rem;
    color: #fff;
}

.simul_box {}

.simul_box .cau_txt {
    font-size: 1.4rem;
}

.simul_box .half_cont .w50 {
    margin-bottom: 1.6rem;
}

.Atten5.system_subp3 .thr_layout .sysp3_wr .w30.Hol_mid {
    width: 34%;
}

.Atten5.system_subp3 .thr_layout .sysp3_wr .w70 {}

.Atten5.system_subp3 .thr_layout .sysp3_wr .w70 .small-calendars {
    padding-top: 5.6rem;
}

.Hol_mid .cont2 .ExTbl table .w4 {
    width: auto;
}

.Hday_add_ly {}

.Atten7 .upt_cont .le,
.Atten6 .upt_cont .le {
    width: 30rem;
}

.Atten6_cont {}

.Atten6_cont .wd1 {
    width: 28%;
    margin-right: 8px;
}

.Atten6_cont .wd2 {
    width: 34%;
    margin-right: 8px;
}

.Atten6_cont .wd3 {
    width: calc(38% - 16px);
}

.ptn_box {}

.ptn_opt {
    position: relative;
}

.ptn_opt ul {}

.ptn_opt ul li {
    margin-right: 1.6rem;
}

.ptn_opt ul li.li1 {
    width: 10rem;
}

.ptn_opt ul li.li2 {
    width: 10rem;
}

.ptn_opt ul li.li3 {
    margin-right: 0;
    flex: 1;
    position: relative;
}

.ptn_opt ul li .Hday_setA .dw1 {
    width: 100%;
}

.ptn_opt ul li .Hday_setA .dw2 {
    width: 5rem;
    margin-top: 1.4rem;
}

.end_fat {
    position: absolute;
    top: -2px;
    right: 0;
    z-index: 101;
}

.ptn_cont {
    display: flex;
    height: 41rem;
    margin-top: 2rem;
}

.ptn_cont .ExTbl {
    height: calc(100% - 4.1rem);
}

.ptn_cont .wd1 {
    width: 24rem;
    margin-right: 1.6rem;
}

.ptn_cont .wd2 .th1,
.ptn_cont .wd2 .td1,
.ptn_cont .wd1 .th1,
.ptn_cont .wd1 .td1 {
    text-align: center;
    width: 5rem;
}

.ptn_cont .wd1 .th3,
.ptn_cont .wd1 .td3 {
    text-align: center;
    width: 4rem;
    padding: 0 0;
}

.ptn_cont .wd1 .ic {
    width: 3rem;
    height: 4rem;
    margin: 0 auto;
    cursor: pointer;
    background: url(/img/move_ic.svg) no-repeat center;
}

.ptn_cont .wd2 {
    flex: 1;
}

.ptn_cont .wd2 .td2,
.ptn_cont .wd2 .td4 {
    text-align: center;
}

.rpt .ptn_opt ul li.li3 {
    margin-right: 1.6rem;
    position: relative;
}

.rpt .ptn_opt ul li.li4 {
    width: 10rem;
}

.rpt .ptn_opt ul li.li5 {
    width: 15rem;
    margin-right: 0;
}

.rpt .ptn_cont .wd1 {
    width: 15rem;
}

.rpt .ptn_cont .wd2 .th1,
.rpt .ptn_cont .wd2 .td1 {
    width: 13rem;
}

.rpt .ptn_cont .wd2 .td2 {
    text-align: left;
}

.Atten6_cont .wd3 .custCal .large-calendar .fc-view-harness {
    height: calc(100vh - 33.9rem) !important;
}

.Atten6_cont .wd3 .custCal .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk button.fc-today-button {
    left: auto;
    right: 0;
}

.Atten7_cont .wd1 {
    width: 32%;
    margin-right: 8px;
}

.Atten7_cont .wd2 {
    width: calc(68% - 8px);
}

.uCspan {
    border-radius: 5rem;
    background: rgba(0, 0, 0, 0.08);
    font-size: 1.2rem;
    color: #0f0f15;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 3.5rem;
    height: 2.4rem;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    margin-left: 8px;
}

.user_dae_list .scrCont .list label,
.user_dae_list .scrCont .commRdo label {
    height: 100%;
    padding: 0 0;
}

.modal_org_add .user_dae_list label .user_new {
    height: 100%;
    border-bottom: 0;
}

.Atten8_cont .w33_Hcont .h100 {
    height: calc(100vh - 33.9rem);
}

.Atten8_ly .copy_box .w33_Hcont.HD_copyH .scrCont .list label {
    padding: 0 1.2rem;
}

.Atn_bsc .ptn_opt ul li.li6 {
    margin-right: 0;
    margin-left: 1.6rem;
    width: 13rem;
}

.Atn_bsc .ExTbl {
    height: 32rem;
}

.Atten10 {}

.Atten10 .upt_cont .ri {}

.Atten10 .upt_cont .ri ul {
    display: flex;
}

.Atten10 .upt_cont .ri .selc {
    margin-left: 0;
    width: 20rem;
}

.Atten10 .upt_cont .ri ul li {
    margin-left: 8px;
}

.Atten10 .upt_cont .ri ul li:first-child {
    margin-left: 8px;
}

.Atten10 .ExTbl table .w1 {
    width: 4rem;
}

.Atten10 .ExTbl table th,
.Atten10 .ExTbl table td {
    width: auto;
}

.Atten10 .ExTbl table .w6 {
    width: 10rem;
}

.Atten10 .ExTbl table .w7 {
    width: 8rem;
}

.Atten10 .ExTbl table .w8 {
    width: auto;
}

.Atten10 .stt1 {
    color: #595c73;
}

.Atten10 .stt2 {
    color: #3b6fef;
}

.Atten10 .stt3 {
    color: #f84646;
}

.Atten10 .stt4 {
    color: #3b6fef;
}

.Atten10 .stt5 {
    color: #f84646;
}

.Atten10 .stt6 {
    color: #f84646;
}

.Atten9 .Ent1_cont1 .le .dep2_H {
    margin-top: 0;
    height: 100%;
    padding-bottom: 0;
}

.schw30 {
    width: 30rem;
}

.system_sch1 .contHeight .dep2_H {
    margin-top: 0;
}

.detail_sch {
    margin-top: 2rem;
    display: none;
}

.detail_sch ul {
    display: flex;
    align-items: center;
    background: #f3f4f6;
    padding: 1.6rem 1.6rem;
    border-radius: 4px;
}

.detail_sch li {
    margin-right: 1.2rem;
    position: relative;
}

.detail_sch li:first-child {
    padding-right: 1.2rem;
}

.detail_sch li:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #dcdde4;
}

.detail_sch li:last-child {
    margin-right: 0;
}

.detail_sch.open {
    display: block;
}

.Atten10 .Ent1_cont1.open {
    height: calc(100vh - 33rem);
}

.chktype_set {
    position: relative;
}

.chktype_set .c2 {
    position: absolute;
    top: -2.5rem;
    right: 0;
    z-index: 1;
}

.chktype_set .c3 {}

.chktype_set .c3 ul {
    background: #fff;
    padding: 1.6rem 1.6rem 0.8rem;
    border-radius: 4px;
    flex-wrap: wrap;
}

.chktype_set .c3 ul li {
    margin-right: 1.6rem;
    margin-bottom: 0.8rem;
}

.overt_box {}

.overt_list {
    background: #fff;
    border-radius: 4px;
    padding: 1.6rem 1.6rem;
}

.overt_list ul {
    display: flex;
    gap: 1.2rem;
}

.overt_list ul li {
    flex: 1;
    text-align: center;
}

.overt_list ul li input {
    text-align: center;
    font-size: 1.6rem;
    color: #0f0f15;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.overt_list ul li p {
    text-align: left;
}

.overt_list ul li.li5 {
    border-left: 1px solid #dcdde4;
    padding-left: 1.2rem;
}

.overt_list ul li.li5 input {
    background: #f3f4f6;
    color: #007aff;
}

.new-list-input {
    margin-bottom: 1.6rem;
}

.popCont .in.Print_wrap {
    width: 98%;
    height: 96%;
    max-width: none;
}

.popCont .in.Print_wrap .ctt {
    height: 100%;
}

.Print_cont {
    height: calc(100% - 23.1rem);
    overflow: auto;
}

.Print_cont.appr_hd {
    height: calc(100% - 13.3rem);
}

.approval_box {
    display: flex;
    justify-content: right;
    margin-bottom: 2rem;
}

.approval_box ul {
    display: flex;
    border: 1px solid #dcdde4;
}

.approval_box ul li {
    border-right: 1px solid #dcdde4;
}

.approval_box ul li:last-child {
    border-right: 0;
}

.approval_box .tit {
    font-size: 1.4rem;
    width: 6rem;
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #dcdde4;
}

.approval_box .sign {
    height: 5rem;
}

.ConnHeight {
    height: calc(100vh - 14rem);
}

.ConnSet {}

.ConnSet .h50 {
    height: calc(50% - 4px);
}

.ConnSet .h51 {
    height: calc(55% - 4px);
}

.ConnSet .h52 {
    height: calc(45% - 4px);
}

.ConnSet .h50 .Conn2_tui {
    height: calc(100% - 5.6rem);
}

.ConnSet .h51 .Conn2_tui {
    height: calc(100% - 7.4rem);
}

.ConnSet .h52 .Conn2_tui {
    height: 100%;
}

.Updt_ly_box {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7a7f99;
}

.Updt_ly_box .r1 {}

.Updt_ly_box .r2 {}

.Updt_ly_box .r2 .ok {
    color: #007aff;
}

.Updt_ly_box .r3 {}

.Updt_ly_box .r3 .fail {
    color: #ff3b30;
}

.Updt_ly_box .mg {
    margin: 0 8px;
}

.Updt_ly_fail {
    color: #ff3b30;
    font-size: 1.4rem;
    line-height: 1.5;
    word-break: keep-all;
}

.ConnAdd_ly {
    display: flex;
}

.ConnAdd_ly .le,
.ConnAdd_ly .ri {
    background: #f3f4f6;
    padding: 2rem 2rem;
    border-radius: 4px;
}

.ConnAdd_ly .le {
    flex: 1;
}

.ConnAdd_ly .ri {
    width: 24rem;
    margin-left: 1.6rem;
}

.iconComm.Sg {
    padding: 0 0;
    background: #1a3868;
    color: #fff;
}

.iconComm.Sg:hover {
    background: #0f0f15 !important;
}

.ConnAdd_ly .w50,
.ConnAdd_ly .w100 {
    margin-bottom: 2rem;
}

.ConnAdd_ly .commRdo li {
    margin: 0;
    margin-top: 1rem;
}

.ConnAdd_ly .commRdo li.mgr {
    margin-right: 2rem;
}

.ConnAdd_ly .half_cont .w100 .selc {
    display: flex;
    align-items: center;
}

.ConnAdd_ly .half_cont .w100 .selc select {}

.ConnAdd_ly .half_cont .w100 .selc .iconComm {
    margin-left: 1rem;
}

.ConnAdd_ly .btnri {
    text-align: right;
}

.ConnAdd_ly .txta {
    display: block;
    width: 100%;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    resize: none;
    height: 20rem;
    padding: 1rem 1rem;
}

.txt_max {
    text-align: right;
    margin-top: 5px;
    color: #7a7f99;
}

.sql_add_ly {
    height: 90vh;
}

.popCont .sql_add_ly .ctt {
    height: 100%;
}

.sql_add_ly .hcomm {
    height: calc(100% - 5.5rem);
}

.sql_title {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    margin-bottom: 1.2rem;
}

.sql_title .num {
    width: 2.1rem;
    height: 2.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    border-radius: 4px;
    margin-right: 8px;
    background: #1a3868;
    color: #fff;
}

.sql_title .txt {
    color: #595c73;
    flex: 1;
}

.sql_title .txt .blue {
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.sql_add_step1 {}

.sql_add_step2 {}

.sql_add_step3 {}

.sql_add_step4 {}

.sql_add_ly .show {
    display: block;
}

.sql_add_ly .hide {
    display: none;
}

.sql_tbox {
    height: calc(100% - 16.7rem);
    background: #111;
}

.popCont .ctt .closeBtn.next {
    padding-right: 2rem;
    background-image: url(/img/sql_next.svg);
    background-repeat: no-repeat;
    background-position: 6rem center;
}

.popCont .ctt .closeBtn.prev {
    padding-left: 2rem;
    background-image: url(/img/sql_prev.svg);
    background-repeat: no-repeat;
    background-position: 2rem center;
    border: 1px solid #1a3868;
}

.popCont .ctt .closeBtn.prev:hover {
    background-image: url(/img/sql_prev_w.svg);
}

.sql_add_step1 .closeBtn.prev {
    opacity: 0.32;
    cursor: no-drop;
}

.sql_add_ly .tui_wrap {
    height: calc(100% - 11.1rem);
}

.popCont .ctt .sql_add_step4 .closeBtn.next {
    padding-right: 0;
    padding-left: 2rem;
    background-image: url(/img/check_on.svg);
    background-position: 2rem center;
}

.sql_add_ly .sql_add_step4 .tui_wrap {
    height: calc(100% - 14.7rem);
}

.sql_add_step4 .upt_cont {
    margin-bottom: 8px;
}

.sql_add_step4 .upt_cont .iconComm {
    height: 2.8rem;
}

.sql_add_step4 .upt_cont .ri {}

.sql_add_step4 .upt_cont .ri ul {
    display: flex;
    align-items: center;
    border: 1px solid #dcdde4;
    border-radius: 4px;
}

.sql_add_step4 .upt_cont .ri ul li {
    width: 2.8rem;
    height: 2.8rem;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

.sql_add_step4 .upt_cont .ri ul li:hover {
    background-color: rgba(0, 0, 0, 0.08);
}

.sql_add_step4 .upt_cont .ri ul li.move {
    background-image: url(/img/sql_move.svg);
}

.sql_add_step4 .upt_cont .ri ul li.moveUp {
    border-left: 1px solid #dcdde4;
    border-right: 1px solid #dcdde4;
    background-image: url(/img/sql_moveUp.svg);
}

.sql_add_step4 .upt_cont .ri ul li.moveDown {
    background-image: url(/img/sql_moveDown.svg);
}

.wd120 {
    width: 15rem;
}

.login_bt_info {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 11;
    display: flex;
    align-items: center;
}

.login_bt_info .lk {
    font-size: 1.4rem;
    color: #0f0f15;
    cursor: pointer;
}

.login_bt_info .lk.m1 {
    margin-left: 2rem;
}

.login_ly_cont {
    font-size: 1.4rem;
    color: #0f0f15;
    line-height: 1.5;
    height: 41rem;
    overflow-y: auto;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    padding: 1.6rem 1.6rem;
}

.heightTopBtm {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.heightTopBtm .rowA {}

.heightTopBtm .rowB {}

.User6_time .hip_ipt {
    width: 33.333333333%;
    position: relative;
}

.User6_time .hip_ipt ul {
    padding-right: 5.6rem;
}

.search_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 7.2rem;
    height: 3.6rem;
    border-radius: 4px;
    background: #1a3868;
    color: #fff;
    border: 0;
    outline: none;
    z-index: 1;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.reset-btn,
.settime_btn {
    background: #1a3868;
    color: #fff;
    padding: 3px 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.6rem;
    width: 4.6rem;
    border-radius: 4px;
    position: absolute;
    top: 0;
    right: 8px;
}

.hip_ipt .active {
    border: solid 1px #000;
}

.tui-grid-table .commRdo input[type='radio'] {
    margin-right: 0;
}

.spcCald {
    height: 100%;
}

.spcCald .fc-media-screen {
    height: 100%;
}

/* .fc-event.fc-event-start.fc-event-end.fc-event-past.fc-daygrid-event.fc-daygrid-block-event.fc-h-event {
    position: static;
    border: 1px solid #c3e0ff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    font-size: 1.2rem;
    margin: 0 1.2rem;

    
} */
.fc-event {
    position: static;
    border: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    font-size: 1.2rem;
    margin: 0 1.2rem;
}

.fc-h-event .fc-event-main {}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 1.6rem;
}

.commRdo.yang {
    padding-left: 0;
    margin-bottom: 1.6rem;
}

.commRdo.yang .card_selc {
    justify-content: left;
}

.custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group {
    height: 3rem;
}

.Ent4 .thr_cont .w33 {
    width: calc(50% - 4px);
    flex: none;
}

.Ent5 .thr_cont .w33 {
    width: calc(33.33333333% - 6px);
    flex: none;
}

.Atten2 .subp_Cont .ctt50 {
    height: 100%;
}

.Atten2_tui {
    height: calc(100% - 4rem);
}

.Atten3_tui {
    margin-top: 2rem;
    height: calc(100vh - 23.6rem);
}

.Atten4_tui {
    margin-top: 2rem;
    flex: 1;
    min-height: 0;
}

.Atten6_tui {
    height: calc(100% - 5.6rem);
}

.Atten7_cont .wd1 .h18_tit {
    height: 3.6rem;
}

.Atten7_tui {
    height: calc(100% - 5.6rem);
}

.Atten7_tui .ExTbl {
    border: 1px solid #dcdde4;
    overflow-y: auto;
}

.Atten7_tui .ExTbl td.w1,
.Atten7_tui .ExTbl th.w1 {
    width: 4rem;
}

.Atten7_tui .ExTbl td,
.Atten7_tui .ExTbl th {
    width: auto;
}

.Atten7_tui .ExTbl td.w3,
.Atten7_tui .ExTbl th.w3 {
    text-align: center;
    width: 20%;
}

.Atten10 #searchBtn2 {
    margin-left: 8px;
}

.Atten10 .Ent1_cont1 .ri .dep2_H {
    height: calc(100% - 5.6rem);
}

.Meal3 .Ent1_cont1 {
    height: calc(100vh - 24.3rem);
}

.Meal3 .Ent1_cont1.open {
    height: calc(100vh - 33rem);
}

.Meal4 .dep2_H {
    height: calc(100% - 17.1rem);
}

.Conn1_tui {
    height: calc(100% - 5.6rem);
}

.Atten8 .Atten6_cont .wd1 {
    width: 25%;
}

.Atten8 .Atten6_cont .wd1 .h18_tit {
    height: 3.6rem;
}

.Atten8 .Atten6_cont .wd2 {
    width: 37%;
}

.Atten8 .user_dae_list .scrCont .list label,
.Atten8 .user_dae_list .scrCont .commRdo label {
    padding: 0 1.2rem;
}

.Atten8 .Atten6_cont .wd3 {}

.noFlex {
    display: block;
}

#alert_pop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
}

#alert_pop .out_wrap {
    width: 48rem;
    max-width: 48rem;
    background: #fff;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.04);
    border-radius: 12px;
    padding: 5rem 2rem;
}

#alert_pop .in_wrap {}

#alert_pop .alert_cc {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    margin: 0 auto;
    border-radius: 50%;
    border: 3px solid #c9dae1;
    animation: icon-ani1 0.7s;
}

#alert_pop .alert_qst {
    color: #87adbd;
    font-size: 5rem;
    animation: icon-ani2 0.7s 0.3s;
}

#alert_pop .alert_txt {
    text-align: center;
    margin: 3rem;
}

#alert_pop .alert_m1 {
    font-size: 2rem;
}

#alert_pop .alert_m2 {
    font-size: 1.6rem;
    margin-top: 1rem;
    word-break: keep-all;
    line-height: 1.5;
    white-space: pre-line;
}

#alert_pop .alert_close {
    background: #1a3868;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7rem;
    height: 4rem;
    margin: 0 auto;
    font-size: 1.4rem;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

#alert_pop .alert_close:hover {
    background: #0f0f15;
}

#alert_pop .alert_error {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    margin: 0 auto;
    border-radius: 50%;
    border: 3px solid #f27474;
    animation: icon-ani3 0.7s;
}

#alert_pop .alert_warning {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    margin: 0 auto;
    background: url(/img/cau_tri.svg) no-repeat center/100%;
}

#alert_pop .x-mark {
    position: relative;
    animation: icon-ani4 0.7s;
}

#alert_pop .x-mark-line-left,
#alert_pop .x-mark-line-right {
    display: block;
    position: absolute;
    top: -1px;
    width: 5rem;
    height: 3px;
    border-radius: 5px;
    background-color: #f27474;
}

#alert_pop .x-mark-line-left {
    left: -24px;
    transform: rotate(45deg);
}

#alert_pop .x-mark-line-right {
    right: -26px;
    transform: rotate(-45deg);
}

#alert_pop .alert_info {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    margin: 0 auto;
    border-radius: 50%;
    border: 3px solid #9de0f6;
    animation: icon-ani5 0.7s;
}

#alert_pop .alert_infotxt {
    color: #3fc3ee;
    font-size: 5rem;
    animation: icon-ani6 0.7s 0.3s;
}

#loading_pop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

#loading_pop .out_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24.6rem;
    max-width: 24.6rem;
    background: #fff;
    height: 16.3rem;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.14);
    border-radius: 12px;
}

#loading_pop .in_wrap {}

#loading_pop .loading_cont {
    text-align: center;
    justify-content: center;
    display: flex;
}

#loading_pop .loader {
    animation: loader 1s step-end infinite;
    width: 5rem;
    height: 5rem;
}

#loading_pop .loading_txt {
    text-align: center;
    font-size: 1.6rem;
    font-family: 'Pretendard-SemiBold';
    font-weight: 600;
    margin-top: 1.5rem;
}

#loading_pop .loading_txt .m1 {
    color: #1a3868;
    margin-bottom: 0.5rem;
}

#loading_pop .loading_txt .m2 {
    color: #999;
}

.por {
    position: relative;
}

.badge_primary {
    background: #ff3b30;
    color: #fff;
    border-radius: 10px;
    padding: 3px 5px;
}

.success-icon {
    position: relative;
    width: 8rem;
    height: 8rem;
    margin: 0 auto;
    border: 3px solid #a5dc86;
    border-radius: 50%;
}

.success-line-tip,
.success-line-long {
    display: block;
    position: absolute;
    z-index: 2;
    height: 0.5rem;
    border-radius: 50rem;
    background-color: #a5dc86;
}

.success-line-tip {
    top: 4rem;
    left: 1.4rem;
    width: 2.5rem;
    transform: rotate(45deg);
    animation: success-line-tip 0.75s;
}

.success-line-long {
    top: 3.5rem;
    right: 1rem;
    width: 3.7rem;
    transform: rotate(-45deg);
    animation: success-line-long 0.75s;
}

.react-datepicker__year-dropdown-container.react-datepicker__year-dropdown-container--select {
    width: 100%;
    margin: 0 0 10px 0 !important;
}

.tui-grid-cell-disabled {
    color: #000 !important;
}

.react-datepicker__header {
    display: block;
}

.queryData_box>span {
    color: gray;
    font-size: 14px;
}

.queryData {
    width: 100%;
    height: 140px;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    resize: none;
    padding: 8px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #000;
    margin: 15px 0 4px 0;
}

.queryData:focus {
    border: 2px solid #1a3868;
    /* 포커스 시 굵기와 색상 변경 */
}

.mgb9 {
    margin-bottom: 9rem !important;
}

.orgScr {
    height: auto;
    overflow-x: auto;
    width: max-content;
}

.noAttend {
    background: #f3f4f6;
    padding: 1.6rem 1.6rem;
    border-radius: 4px;
    line-height: 1.5;
    font-size: 1.4rem;
    color: #0f0f15;
}

.noAttend strong {
    font-family: 'Pretendard-SemiBold';
    font-weight: 600;
}

.Meal3 .upt_cont .ri {}

.Atten9 .Ent1_cont1 .ri .dep2_H {
    height: calc(100% - 5.6rem);
}

.system_subp2 .sysp3_wr .w30 {
    width: 32%;
}

.system_subp2 .sysp3_wr .w70 {
    width: 68%;
    flex: none;
}

.timselectored {
    cursor: pointer;
}

.rptReg .mod_ctt1,
.rptReg .mod_ctt3 {
    border: 0;
}

.rptReg .dumm {
    min-height: 44rem;
    margin-top: 1.6rem;
}

/* tui 정리 */
.tui_wrap {
    height: 100%;
}

.tui-grid-container input:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: rotate(-45deg) scale(0, 0);
    content: '';
    position: absolute;
    left: 2px;
    top: 3px;
    z-index: 1;
    width: 10px;
    height: 5px;
    border: 2px solid #fff;
    border-top-style: none;
    border-right-style: none;
}

.tui-grid-container input:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: 1.7rem;
    height: 1.7rem;
    background: #fff;
    border: 1px solid #dcdde4;
    cursor: pointer;
    border-radius: 4px;
}

.tui-grid-container input.bg-light-gray:after {
    background-color: #F3F4F6;
}

.tui-grid-container input:checked:before {
    transform: rotate(-45deg) scale(1, 1);
}

.tui-grid-container input:checked:after {
    background: #1a3868;
    border: 1px solid #1a3868;
}

.tui-grid-container input:focus {
    outline: none;
}

.chk_ani:disabled:before,
.tui-grid-container input.noneCheckBox:before {
    border: 2px solid #7a7f99;
    border-top-style: none;
    border-right-style: none;
    transition: none;
    transform: rotate(-45deg) scale(0, 0);
}

.tui_newWrap .tui-grid-container ::-webkit-scrollbar-thumb,
.tui_wrap .tui-grid-container ::-webkit-scrollbar-thumb {
    background-color: #aaa;
}

.tui_newWrap .tui-grid-container ::-webkit-scrollbar-thumb,
.tui_wrap .tui-grid-container ::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    background-clip: content-box;
}

.tui-grid-cell-header {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    font-size: 1.4rem;
}

body .tui-grid-cell {
    position: relative;
    height: 40.1px;
    border-color: #dcdde4 !important;
    font-size: 1.4rem;
    padding: 0 6px;
    background-color: #fff;
}

body .tui-grid-cell.disabled-padding {
    padding: 0px;
}

.tui-grid-cell::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background: #dcdde4;
}

.tui-grid-lside-area .tui-grid-table .tui-grid-cell:first-child:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: #dcdde4;
}

.tui-grid-border-line-top {
    border-top: 1px solid #dcdde4 !important;
}

.tui-grid-border-line-left {
    background: #dcdde4;
}

.tui-grid-border-line-right {
    background: #dcdde4;
}

.tui-grid-no-scroll-y .tui-grid-border-line-bottom {}

.tui-grid-content-area,
.tui-grid-lside-area {}

.tui-grid-scrollbar-frozen-border,
.tui-grid-content-area,
.tui-grid-header-area {
    border-color: #dcdde4 !important;
}

.tui-grid-border-line-bottom {
    border-bottom: 1px solid #dcdde4 !important;
}

.tui-grid-scrollbar-left-bottom {
    border-width: 0 !important;
}

.tui-grid-scrollbar-left-bottom {
    background-color: #f3f4f6;
    border-color: #dcdde4;
    border-left: 1px solid #dcdde4 !important;
}

.tui-grid-scrollbar-frozen-border {
    background-color: #f3f4f6;
    border-color: #dcdde4;
}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-selected,
.bg-selected.bg-white,
.bg-selected.bg-modify.bg-white,
.bg-modify.bg-selected {
    background: #deeeff !important;
}

.bg-modify,
.bg-modify.bg-white {
    background: #fff0de !important;
}

.tui_wrap .tui-grid-layer-focus-border,

.tui_newWrap .tui-grid-layer-focus-border {
    background-color: #1A3868;
    z-index: 17;
}

.tui_newWrap {
    height: 100%;
    position: relative;
    z-index: 0;
}

body .tui-grid-border-line {
    z-index: 16;
}

.Atten7 .h18_tit .t1 p {
    margin-top: 0 !important;
}

body .tui-grid-container .tui-grid-context-menu {
    z-index: 17;
}

.tui-grid-cell[data-column-name="card_status"],
.tui-grid-cell[data-column-name="access_yn"] {
    overflow: visible;
}


/* 장치그룹 - 그리드 순서 변경있는 tui 제어 */
.device_set1 .tui-grid-lside-area .tui-grid-table .tui-grid-cell:nth-of-type(1):before {
    display: none;
}

.device_set1 .tui-grid-lside-area .tui-grid-table .tui-grid-cell:nth-of-type(2):before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: #dcdde4;
}

/* M00001254 출입경로지정 - 인식기목록 tui 제어 */
#ent3_3 .cont3 .tui-grid-lside-area .tui-grid-table .tui-grid-cell:nth-of-type(1):before {
    display: none;
}

#ent3_3 .cont3 .tui-grid-lside-area .tui-grid-table .tui-grid-cell:nth-of-type(2):before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: #dcdde4;
}

@keyframes success-line-tip {
    0% {
        top: 1.4rem;
        left: 0.2rem;
        width: 0;
    }

    54% {
        top: 1.2rem;
        left: 0.3rem;
        width: 0;
    }

    70% {
        top: 3rem;
        left: -0.5rem;
        width: 5rem;
    }

    84% {
        top: 4.3rem;
        left: 2.2rem;
        width: 1.7rem;
    }

    100% {
        top: 4rem;
        left: 1.4rem;
        width: 2.5rem;
    }
}

@keyframes success-line-long {
    0% {
        top: 5.1rem;
        right: 4.8rem;
        width: 0;
    }

    65% {
        top: 5.1rem;
        right: 4.8rem;
        width: 0;
    }

    84% {
        top: 3.3rem;
        right: 0.4rem;
        width: 4.4rem;
    }

    100% {
        top: 3.5rem;
        right: 1rem;
        width: 3.7rem;
    }
}

@keyframes icon-ani1 {
    0% {
        transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes icon-ani2 {
    0% {
        transform: rotateY(-360deg);
    }

    100% {
        transform: rotateY(0);
    }
}

@keyframes icon-ani3 {
    0% {
        transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes icon-ani4 {
    0% {
        margin-top: 10px;
        transform: scale(0.4);
        opacity: 0;
    }

    50% {
        margin-top: 10px;
        transform: scale(0.4);
        opacity: 0;
    }

    80% {
        margin-top: -2px;
        transform: scale(1.15);
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes icon-ani5 {
    0% {
        transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes icon-ani6 {
    0% {
        transform: rotateZ(45deg);
        opacity: 0;
    }

    25% {
        transform: rotateZ(-25deg);
        opacity: 0.4;
    }

    50% {
        transform: rotateZ(15deg);
        opacity: 0.8;
    }

    75% {
        transform: rotateZ(-5deg);
        opacity: 1;
    }

    100% {
        transform: rotateX(0);
        opacity: 1;
    }
}

@keyframes loader {
    12.5% {
        transform: rotate(45deg);
    }

    25% {
        transform: rotate(90deg);
    }

    37.5% {
        transform: rotate(135deg);
    }

    50% {
        transform: rotate(180deg);
    }

    62.5% {
        transform: rotate(225deg);
    }

    75% {
        transform: rotate(270deg);
    }

    87.5% {
        transform: rotate(315deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.loading-spinner {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@media (max-width: 1880px) {
    .User3 .upt_cont .le .Hday_setA .dw1 {
        width: 17rem;
    }

    .User3 .wlist .schWr .ipt {
        width: 20rem;
    }

    .User3 .upt_cont .ri {
        margin-top: 1rem;
    }

    .User3 .upt_cont .ri .mbSend.iconComm {
        margin-left: 0;
    }

    .User3 .contHeight {
        height: calc(100vh - 26rem);
    }

    .User5 .upt_cont .ri {
        margin-top: 1rem;
    }

    .User5 .upt_cont .le .Hday_setA .dw1 {
        width: 17rem;
    }

    .User5 .wlist .schWr .ipt {
        width: 20rem;
    }

    .User5 .upt_cont .ri ul li:first-child {
        margin-left: 0;
    }

    .User5 .contHeight {
        height: calc(100vh - 30rem);
    }

    .User5.User8 .contHeight {
        height: calc(100vh - 23.7rem);
    }

    .User3.Ent1 .upt_cont .ri {
        margin-top: 0;
    }

    .User3.Ent2 .upt_cont .ri,
    .User3.Ent2 .upt_cont .le .Hday_setA .dw1 {
        margin-top: 0;
    }

    .User3.Ent2 .wlist .schWr .ipt {
        width: 22rem;
    }

    .Atten4_cont1 .w20 .abox {
        flex-wrap: wrap;
    }

    .Atten4_cont1 .w20 .abox .le {
        width: 100%;
        margin-bottom: 1rem;
    }

    .Atten4_cont1 .w20 .abox .ri {
        width: 100%;
    }

    .Atten4_tui {
        flex: 1;
        min-height: 0;
    }

    .User3.Ent1.Meal3 .upt_cont .ri {
        margin-top: 1rem;
    }
}

@media (max-width: 1760px) {
    .device_set1 .cont1 .half_cont .wd2 {
        width: 100%;
    }

    .device_set1 .cont1 .half_cont .wd1 {
        width: 100%;
        margin-top: 1rem;
        display: flex;
        gap: 8px;
    }

    .device_set1 .cont1 .iconComm {
        margin-right: 0;
        width: 33.3333333%;
    }

    .device_set1 .Vhalf_cont .w30 .contHeight {
        height: calc(100vh - 26.2rem);
    }

    .Atten4_cont1 .h18_tit {
        flex-wrap: wrap;
    }

    .Atten4_cont1 .w10 .t1 {
        margin-bottom: 1rem;
        width: 100%;
    }

    .Atten4_cont1 .w10 .btn .iconComm.save.bdr {
        margin-left: 0 !important;
    }

    .User3.Ent1 .upt_cont .ri {
        margin-top: 1rem;
    }

    .User3 .upt_cont .ri .selc.eq_swd {
        margin-left: 0;
    }

    .User3.Ent1 .upt_cont .le .Hday_setA .dw1 {
        margin-top: 0;
    }

    .User3.Ent1 .Ent1_cont1 {
        height: calc(100vh - 31.6rem);
    }

    .Atten10 .upt_cont .ri {
        margin-top: 1rem;
    }

    .Atten10 .upt_cont .ri ul li:first-child {
        margin-left: 0;
    }

    .Atten10 .Ent1_cont1 {
        height: calc(100vh - 30.9rem);
    }

    .Meal4 .schWr .ipt {
        width: 15rem;
    }
}

@media (max-width: 1440px) {
    .Meal3 .upt_cont .Hday_setA .dw1 {
        width: 15rem;
    }

    #idx {
        overflow: visible;
    }

    .dash_content .cont1 {
        flex-wrap: wrap;
        height: auto;
    }

    .dash_content .cont1 .use_stt {
        width: 100%;
    }

    .dash_content .cont1 .mng_stt {
        margin-left: 0;
    }

    .subp_Cont .ctt50 {
        width: 100%;
    }

    .system1_cont13.nomgb {
        margin-bottom: 1rem !important;
    }

    .sdwBox {
        padding: 1.2rem 1.2rem;
    }

    .iconComm {
        background-image: none !important;
        font-size: 1.3rem;
        height: 3rem;
        padding: 0 8px;
        min-width: 5.8rem;
    }

    /* event_toggle, device_toggle 아이콘 유지 */
    .ctr_cont .iconComm {
        padding-left: 3.2rem !important;
        min-width: 6.8rem !important;
        height: 3.6rem !important;
        font-size: 1.4rem !important;
    }
    .ctr_cont .All.iconComm { padding: 0 1rem !important; padding-left: 1rem !important; }
    .ctr_cont .inDoor.iconComm { background-image: url(/img/inDoor_off.svg) !important; }
    .ctr_cont .inDoor.iconComm:hover, .ctr_cont .inDoor.iconComm.on { background-image: url(/img/inDoor_on.svg) !important; }
    .ctr_cont .Alrm.iconComm { background-image: url(/img/Alrm_off.svg) !important; }
    .ctr_cont .Alrm.iconComm:hover, .ctr_cont .Alrm.iconComm.on { background-image: url(/img/Alrm_on.svg) !important; }
    .ctr_cont .meal.iconComm { background-image: url(/img/meal_off.svg) !important; background-size: 1.8rem !important; }
    .ctr_cont .meal.iconComm:hover, .ctr_cont .meal.iconComm.on { background-image: url(/img/meal_on.svg) !important; background-size: 1.8rem !important; }
    .ctr_cont .Set.iconComm { background-image: url(/img/set_on.svg) !important; background-size: 2rem !important; background-position: center !important; padding: 0 !important; }
    .ctr_cont .Minus.iconComm { background-image: url(/img/Minus_off.svg) !important; background-size: 1.7rem !important; }
    .ctr_cont .Minus.iconComm:hover { background-image: url(/img/Minus_on.svg) !important; }
    .ctr_cont .Sch.iconComm { background-image: url(/img/Sch_off.svg) !important; }
    .ctr_cont .Sch.iconComm:hover { background-image: url(/img/Sch_on.svg) !important; }
    .ctr_cont .xClose.iconComm { background-image: url(/img/xClose_off.svg) !important; }
    .ctr_cont .xClose.iconComm:hover { background-image: url(/img/xClose_on.svg) !important; }
    .ctr_cont .Close.iconComm { background-image: url(/img/Close_off.svg) !important; }
    .ctr_cont .Close.iconComm:hover { background-image: url(/img/Close_on.svg) !important; }
    .ctr_cont .reFresh.iconComm { background-image: url(/img/Refresh_off.svg) !important; }
    .ctr_cont .reFresh.iconComm:hover { background-image: url(/img/Refresh_on.svg) !important; }

    .btnGrp .cont1 ul li label {
        height: 3rem;
        font-size: 1.3rem;
    }

    input[type='time'],
    input[type='password'],
    input[type='text'] {
        height: 3rem;
        font-size: 1.3rem;
        padding: 0 8px;
    }

    .schWr {
        padding-right: 7rem;
    }

    .schWr button {
        width: 6.2rem;
        height: 3rem;
    }

    input,
    button {
        font-size: 1.3rem;
    }

    .schcont_H {
        margin-top: 1.2rem;
    }

    .system_subp2 .sysp3_wr .w30 {}

    .system_subp2 .sysp3_wr .w70 {}

    .system_subp2 .w70 .schWr {
        margin-bottom: 1.2rem;
    }

    .system_subp4 .contHeight,
    .system_subp5 .contHeight,
    .thr_layout .contHeight {
        height: calc(100vh - 20.5rem);
    }

    select {
        height: 3rem;
        font-size: 1.3rem;
    }

    .contHeight {
        padding-top: 1.2rem;
    }

    .Ent4 .schcont_H,
    .Ent4 .contHeight {
        margin-top: 1.2rem;
        height: calc(100vh - 27rem);
    }

    .system_sch1 .upt_cont .le ul li {
        width: 14rem;
    }

    .system_sch1 .upt_cont .le ul li.li4 {
        width: auto;
    }

    .upt_cont .le ul li.li3 {
        width: auto;
    }

    .pagination {
        margin-top: 1.5rem;
    }

    .device_set6 .contHeight,
    .device_set3 .contHeight,
    .system_sch1 .contHeight {
        height: calc(100vh - 21.5rem);
    }

    .h18_tit .t1,
    .thr_cont .w33 .tit .t1 {
        font-size: 1.5rem;
    }

    .Atten7_cont,
    .Atten6_cont,
    .DepCon1_cont,
    .Ent1_cont1 {
        height: calc(100vh - 22.3rem);
    }

    .mgl8 {
        margin-left: 4px;
    }

    .device_set2 .cont1 .wd2 {
        margin-top: 1.2rem;
    }

    .device_set2 .Vhalf_cont .w31 .contHeight {
        height: calc(100vh - 23.6rem);
    }

    .device_set2 .Vhalf_cont .w32 .contHeight {
        height: calc(100vh - 19.4rem);
    }

    .device_set1 .Vhalf_cont .w30 .contHeight {
        height: calc(100vh - 24rem);
    }

    .device_set1 .Vhalf_cont .w70 .contHeight {
        height: calc(100vh - 19.8rem);
    }

    .user_add .cont1 .inwr .le {
        width: 100%;
    }

    .user_add .cont1 .ri {
        margin-left: 0;
    }

    .user_add .cont1 .list .wd5 {
        width: 100%;
    }

    .user_add .cont2 .abox .ctt2 ul li {
        margin-bottom: 4px;
    }

    .user_add .cont2 .bg {
        padding: 1.2rem 1.2rem;
    }

    .user_add .cont2 .bg .subj {
        margin-bottom: 8px;
    }

    .user_add .card_num ul li {
        width: 100%;
        margin-bottom: 4px;
    }

    .user_add .card_num ul li.li1 {
        width: 50%;
    }

    .user_add .card_num ul li.li1 .iconComm {
        width: 100%;
    }

    .face_cont .icon,
    .card_num .icon {
        height: 3rem;
        font-size: 1.3rem;
    }

    .User1 .w_ctt3 .ebox .w50 {
        width: 100%;
    }

    .ping_cont .li1,
    .ping_cont .li2 {
        width: 100%;
    }

    .ping_cont .li1 {
        margin-bottom: 8px;
    }

    .row_List_scr {
        margin-top: 4px;
    }

    .face_cont {
        margin-top: 8px;
    }

    .face_cont ul li {
        width: 50%;
        margin-top: 4px;
    }

    .face_cont .icon span {
        display: none;
    }

    .mb_key ul {
        flex-wrap: wrap;
    }

    .mb_key ul li.li1 {
        width: 100%;
        margin-right: 0;
    }

    .mb_key ul li.li2 {
        width: 100%;
        margin-top: 8px;
    }

    .mb_key ul li.li2 .iconComm {
        width: 100%;
    }

    .certi_indoor_date,
    .indoor_auth {
        margin-top: 1.2rem;
    }

    .indoor_auth_wr {
        flex-wrap: wrap;
    }

    .indoor_auth .row_List_scr {
        width: 100%;
        flex: none;
        margin-right: 0;
    }

    .noTXT {
        font-size: 1.3rem;
    }

    .indoor_auth_wr .Set.iconComm {
        margin-top: 4px;
        padding: 0 8px;
        width: 100%;
    }

    .indoor_cont ul li.li1 {
        margin-bottom: 1.2rem;
    }

    .user_add .cont4 .abox {
        flex-wrap: wrap;
    }

    .user_add .cont4 .abox .icon {
        width: 100%;
        margin-left: 0;
        font-size: 1.3rem;
        margin-top: 4px;
    }

    .user_add .cont4 .abox .icon span {
        display: none;
    }

    .user_cont .w_ctt1,
    .user_cont .w_ctt2 {
        width: 28%;
    }

    .user_cont .w_ctt3 {
        width: calc(44% - 16px);
    }

    .card_selc {
        height: 3rem;
        padding: 0 8px;
    }

    .User3 .upt_cont .ri .selc {
        margin-top: 0;
    }

    .User3 .upt_cont .ri .mbSend.iconComm {
        margin-left: 0;
    }

    .User3 .contHeight {
        height: calc(100vh - 25.3rem);
    }

    .User4 .Vhalf_cont .contHeight {
        margin-top: 1.2rem;
    }

    .User4 .Vhalf_cont .w30 {
        width: 30%;
    }

    .User4 .ExTbl table .w2 {
        width: 35%;
    }

    .User2 .user_cont .w_ctt2 {
        width: 45%;
    }

    .User2 .user_cont .w_ctt3 {
        width: calc(55% - 8px);
    }

    .dep2_H {
        margin-top: 1.2rem;
    }

    .Ent1_cont1 .le {
        width: 35%;
    }

    .Ent1_cont1 {
        height: calc(100vh - 28.7rem);
    }

    .Ent2.User3 .upt_cont .ri {
        margin-top: 0;
    }

    .Ent2 .date .dw1 {
        width: 15rem;
    }

    .Ent2 .wlist .schWr .ipt {
        width: 21rem;
    }

    .Ent2.User3 .upt_cont .ri .selc {
        width: 7rem;
    }

    .Ent2.User3 .dep2_H {
        height: calc(100vh - 28.3rem);
    }

    .Ent2.User3 .dep2_H .tui_content {
        height: 100%;
    }

    .reset-btn,
    .settime_btn {
        height: 3rem;
    }

    .User6 .wpHeight .schcont_H {
        height: 99rem;
    }

    .User7 .custCal .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk button.fc-today-button,
    .User7 .custCal .fc .fc-toolbar.fc-header-toolbar,
    .User7 .custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group {
        height: 3rem;
    }

    .User7 .custCal .fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1.2rem;
        justify-content: left;
        padding-left: 14rem;
    }

    .User7 .small-year button,
    .custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-prev-button,
    .custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-next-button {
        top: 0;
        height: 3rem;
        width: 3rem;
    }

    .User7 .small-year .txt,
    .custCal .fc .fc-toolbar-title {
        font-size: 1.8rem;
    }

    .User7 .custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group {
        margin: 0;
        margin-left: 10rem;
    }

    .Ent5 .h18_tit .schWr {
        width: 22rem;
    }

    .atten1_cont5,
    .atten1_cont4,
    .atten1_cont3,
    .atten1_cont2,
    .atten1_cont1,
    .Atten1 .subp_Cont,
    .Atten2 .subp_Cont {
        height: auto;
    }

    .atten2_cont5 {
        margin-top: 8px;
    }

    .Atten4_cont1 {
        height: auto;
    }

    .Atten4_cont1 .w20,
    .Atten4_cont1 .w10 {
        width: 100%;
        margin-right: 0;
    }

    .Atten4_cont1 .w30 {
        width: 100%;
    }

    .Atten4_tui {
        margin-top: 1.2rem;
        flex: none;
        height: 30rem;
    }

    .Atten5.system_subp3 .thr_layout .sysp3_wr .w30.Hol_mid .cont2 {
        height: calc(100vh - 21.5rem);
    }

    .Atten6 .custCal .selc {
        width: 9rem;
    }

    .Atten6_cont .wd3 .custCal .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk button.fc-today-button {
        height: 3rem;
    }

    .Atten6_cont .custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group {
        width: 16rem;
    }

    .custCal .fc .fc-toolbar.fc-header-toolbar {
        height: 3rem;
        margin-bottom: 1.2rem;
    }

    .Atten6_cont .custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group {
        top: 4rem;
        width: auto;
    }

    .mgb20 {
        margin-bottom: 1.2rem !important;
    }

    .Atten6_tui {
        height: calc(100% - 4.2rem);
    }

    .Atten8 .Atten6_cont .wd1,
    .Atten6_cont .wd1 {
        width: 31%;
    }

    .Atten6_cont .wd2 {
        width: 37%;
    }

    .Atten6_cont .wd3 {
        width: calc(32% - 16px);
    }

    .Atten6_cont .custCal .fc .fc-toolbar.fc-header-toolbar {
        margin-top: 4rem;
    }

    .device_set4 .schcont_H {
        height: calc(100vh - 20.6rem);
    }

    .device_set4 .row_in {
        height: calc(100vh - 20.6rem);
    }

    .Meal1 .contHeight,
    .device_set5 .contHeight,
    .system_sch1 .contHeight {
        height: calc(100vh - 21.5rem);
    }

    .User3 .contHeight {
        height: calc(100vh - 25.2rem);
    }

    .User5 .contHeight {
        height: calc(100vh - 27rem);
    }

    .User5.User8 .contHeight {
        height: calc(100vh - 21.6rem);
    }

    .atten2_cont4 .btn {
        top: 8px;
        right: 1.2rem;
    }

    .Atten3_tui {
        margin-top: 1.2rem;
        height: calc(100vh - 20.8rem);
    }

    .Atten8_cont .w33_Hcont .h100 {
        height: calc(100vh - 30.3rem);
    }

    .Atten9 .Ent1_cont1 {
        height: calc(100vh - 21.4rem);
    }

    .Atten10 .Ent1_cont1 {
        height: calc(100vh - 28.1rem);
    }

    .Meal_wr .w30 .schWr {
        width: 22rem;
    }

    .Meal2 .contHeight {
        height: calc(100vh - 39.7rem);
    }

    .Meal3 .meal_type_chk {
        height: 3rem;
    }

    .User3.Meal3 .Ent1_cont1 {
        height: calc(100vh - 27.8rem);
    }

    .Meal4 .upt_cont .ri.topCrte {
        position: absolute;
        right: 1.2rem;
        top: 1.2rem;
        z-index: 1;
    }

    .Meal4 .upt_cont .le ul {
        flex-wrap: wrap;
    }

    .Meal4 .ws5 {
        width: 10rem;
    }

    .Meal4 .upt_cont .le ul li.lastDipt {
        margin-top: 1rem;
    }

    .Meal4_cont {
        height: calc(100vh - 33.5rem);
    }

    .Atten10.Ent1 .Hday_setA .dw1 {
        width: 11rem;
    }

    .Atten10.Ent1 .schw30 {
        width: 22rem;
    }
}

@media (max-width: 1280px) {
    #idx {
        overflow: visible;
    }

    .dash_content .cont1 {
        flex-wrap: wrap;
        height: auto;
    }

    .dash_content .cont1 .use_stt {
        width: 100%;
    }

    .dash_content .cont1 .mng_stt {
        margin-left: 0;
    }

    .subp_Cont .ctt50 {
        width: 100%;
    }

    .system1_cont13.nomgb {
        margin-bottom: 1rem !important;
    }

    .sdwBox {
        padding: 1.2rem 1.2rem;
    }

    .iconComm {
        background-image: none !important;
        font-size: 1.3rem;
        height: 3rem;
        padding: 0 8px;
        min-width: 5.8rem;
    }

    /* event_toggle, device_toggle 아이콘 유지 */
    .ctr_cont .iconComm {
        padding-left: 3.2rem !important;
        min-width: 6.8rem !important;
        height: 3.6rem !important;
        font-size: 1.4rem !important;
    }
    .ctr_cont .All.iconComm { padding: 0 1rem !important; padding-left: 1rem !important; }
    .ctr_cont .inDoor.iconComm { background-image: url(/img/inDoor_off.svg) !important; }
    .ctr_cont .inDoor.iconComm:hover, .ctr_cont .inDoor.iconComm.on { background-image: url(/img/inDoor_on.svg) !important; }
    .ctr_cont .Alrm.iconComm { background-image: url(/img/Alrm_off.svg) !important; }
    .ctr_cont .Alrm.iconComm:hover, .ctr_cont .Alrm.iconComm.on { background-image: url(/img/Alrm_on.svg) !important; }
    .ctr_cont .meal.iconComm { background-image: url(/img/meal_off.svg) !important; background-size: 1.8rem !important; }
    .ctr_cont .meal.iconComm:hover, .ctr_cont .meal.iconComm.on { background-image: url(/img/meal_on.svg) !important; background-size: 1.8rem !important; }
    .ctr_cont .Set.iconComm { background-image: url(/img/set_on.svg) !important; background-size: 2rem !important; background-position: center !important; padding: 0 !important; }
    .ctr_cont .Minus.iconComm { background-image: url(/img/Minus_off.svg) !important; background-size: 1.7rem !important; }
    .ctr_cont .Minus.iconComm:hover { background-image: url(/img/Minus_on.svg) !important; }
    .ctr_cont .Sch.iconComm { background-image: url(/img/Sch_off.svg) !important; }
    .ctr_cont .Sch.iconComm:hover { background-image: url(/img/Sch_on.svg) !important; }
    .ctr_cont .xClose.iconComm { background-image: url(/img/xClose_off.svg) !important; }
    .ctr_cont .xClose.iconComm:hover { background-image: url(/img/xClose_on.svg) !important; }
    .ctr_cont .Close.iconComm { background-image: url(/img/Close_off.svg) !important; }
    .ctr_cont .Close.iconComm:hover { background-image: url(/img/Close_on.svg) !important; }
    .ctr_cont .reFresh.iconComm { background-image: url(/img/Refresh_off.svg) !important; }
    .ctr_cont .reFresh.iconComm:hover { background-image: url(/img/Refresh_on.svg) !important; }

    .btnGrp .cont1 ul li label {
        height: 3rem;
        font-size: 1.3rem;
    }

    input[type='time'],
    input[type='password'],
    input[type='text'] {
        height: 3rem;
        font-size: 1.3rem;
        padding: 0 8px;
    }

    .schWr {
        padding-right: 7rem;
    }

    .schWr button {
        width: 6.2rem;
        height: 3rem;
    }

    input,
    button {
        font-size: 1.3rem;
    }

    .schcont_H {
        margin-top: 1.2rem;
    }

    .system_subp2 .sysp3_wr .w30,
    .system_subp2 .sysp3_wr .w70 {
        width: auto;
        flex: 1;
    }

    .system_subp2 .w70 .schWr {
        margin-bottom: 1.2rem;
    }

    .system_subp4 .contHeight,
    .system_subp5 .contHeight,
    .thr_layout .contHeight {
        height: calc(100vh - 20.5rem);
    }

    select {
        height: 3rem;
        font-size: 1.3rem;
    }

    .contHeight {
        padding-top: 1.2rem;
    }

    .system_sch1 .upt_cont .le ul li {
        width: 14rem;
    }

    .upt_cont .le ul li.li3 {
        width: auto;
    }

    .pagination {
        margin-top: 1.5rem;
    }

    .device_set6 .contHeight,
    .device_set3 .contHeight,
    .system_sch1 .contHeight {
        height: calc(100vh - 21.5rem);
    }

    .h18_tit .t1,
    .thr_cont .w33 .tit .t1 {
        font-size: 1.5rem;
    }

    .Atten7_cont,
    .Atten6_cont,
    .DepCon1_cont,
    .Ent1_cont1 {
        height: calc(100vh - 22.3rem);
    }

    .mgl8 {
        margin-left: 4px;
    }

    .device_set1 .cont1 .half_cont .wd2 {
        margin-top: 1.2rem;
    }

    .device_set1 .Vhalf_cont .w30 .contHeight {
        height: calc(100vh - 24rem);
    }

    .device_set1 .Vhalf_cont .w70 .contHeight {
        height: calc(100vh - 19.8rem);
    }

    .user_add .cont1 .inwr .le {
        width: 100%;
    }

    .user_add .cont1 .ri {
        margin-left: 0;
    }

    .user_add .cont1 .list .wd5 {
        width: 100%;
    }

    .user_add .cont2 .abox .ctt2 ul li {
        margin-bottom: 4px;
    }

    .user_add .cont2 .bg {
        padding: 1.2rem 1.2rem;
    }

    .user_add .cont2 .bg .subj {
        margin-bottom: 8px;
    }

    .user_add .card_num ul li {
        width: 100%;
        margin-bottom: 4px;
    }

    .user_add .card_num ul li.li1 {
        width: 50%;
    }

    .user_add .card_num ul li.li1 .iconComm {
        width: 100%;
    }

    .face_cont .icon,
    .card_num .icon {
        height: 3rem;
        font-size: 1.3rem;
    }

    .User1 .w_ctt3 .ebox .w50 {
        width: 100%;
    }

    .ping_cont .li1,
    .ping_cont .li2 {
        width: 100%;
    }

    .ping_cont .li1 {
        margin-bottom: 8px;
    }

    .row_List_scr {
        margin-top: 4px;
    }

    .face_cont {
        margin-top: 8px;
    }

    .face_cont ul li {
        width: 50%;
        margin-top: 4px;
    }

    .face_cont .icon span {
        display: none;
    }

    .mb_key ul {
        flex-wrap: wrap;
    }

    .mb_key ul li.li1 {
        width: 100%;
        margin-right: 0;
    }

    .mb_key ul li.li2 {
        width: 100%;
        margin-top: 8px;
    }

    .mb_key ul li.li2 .iconComm {
        width: 100%;
    }

    .certi_indoor_date,
    .indoor_auth {
        margin-top: 1.2rem;
    }

    .indoor_auth_wr {
        flex-wrap: wrap;
    }

    .indoor_auth .row_List_scr {
        width: 100%;
        flex: none;
        margin-right: 0;
    }

    .noTXT {
        font-size: 1.3rem;
    }

    .indoor_auth_wr .Set.iconComm {
        margin-top: 4px;
        padding: 0 8px;
        width: 100%;
    }

    .indoor_cont ul li.li1 {
        margin-bottom: 1.2rem;
    }

    .user_add .cont4 .abox {
        flex-wrap: wrap;
    }

    .user_add .cont4 .abox .icon {
        width: 100%;
        margin-left: 0;
        font-size: 1.3rem;
        margin-top: 4px;
    }

    .user_add .cont4 .abox .icon span {
        display: none;
    }

    .user_cont .w_ctt1,
    .user_cont .w_ctt2 {
        width: 28%;
    }

    .user_cont .w_ctt3 {
        width: calc(44% - 16px);
    }

    .card_selc {
        height: 3rem;
        padding: 0 8px;
    }

    .User3 .upt_cont .ri .selc,
    .User3 .upt_cont .ri .iconComm {
        margin-left: 4px !important;
    }

    .User3 .upt_cont .ri {
        margin-top: 8px;
    }

    .User3 .upt_cont .ri .mbSend.iconComm {
        margin-left: 0;
    }

    .User3 .contHeight {
        height: calc(100vh - 25.3rem);
    }

    .User4 .Vhalf_cont .contHeight {
        margin-top: 1.2rem;
    }

    .User4 .Vhalf_cont .w30 {
        width: 30%;
    }

    .User4 .ExTbl table .w2 {
        width: 35%;
    }

    .User2 .user_cont .w_ctt2 {
        width: 45%;
    }

    .User2 .user_cont .w_ctt3 {
        width: calc(55% - 8px);
    }

    .dep2_H {
        margin-top: 1.2rem;
    }

    .Ent1_cont1 .le {
        width: 35%;
    }

    .Ent1_cont1 {
        height: calc(100vh - 28.7rem);
    }

    .Ent2.User3 .upt_cont .ri {
        margin-top: 0;
    }

    .Ent2 .date .dw1 {
        width: 15rem;
    }

    .Ent2 .wlist .schWr .ipt {
        width: 21rem;
    }

    .Ent2.User3 .upt_cont .ri .selc {
        width: 7rem;
    }

    .Ent2.User3 .dep2_H {
        height: calc(100vh - 27.9rem);
    }

    .Ent2.User3 .dep2_H .tui_content {
        height: 100%;
    }

    .reset-btn,
    .settime_btn {
        height: 3rem;
    }

    .User6 .wpHeight .schcont_H {
        height: 100.8rem;
    }

    .User7 .custCal .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk button.fc-today-button,
    .User7 .custCal .fc .fc-toolbar.fc-header-toolbar,
    .User7 .custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group {
        height: 3rem;
    }

    .User7 .custCal .fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1.2rem;
        justify-content: left;
        padding-left: 14rem;
    }

    .User7 .small-year button,
    .custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-prev-button,
    .custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-next-button {
        top: 0;
        height: 3rem;
        width: 3rem;
    }

    .User7 .small-year .txt,
    .custCal .fc .fc-toolbar-title {
        font-size: 1.8rem;
    }

    .User7 .custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group {
        margin: 0;
        margin-left: 10rem;
    }

    .Ent5 .h18_tit .schWr {
        width: 22rem;
    }

    .atten1_cont5,
    .atten1_cont4,
    .atten1_cont3,
    .atten1_cont2,
    .atten1_cont1,
    .Atten1 .subp_Cont,
    .Atten2 .subp_Cont {
        height: auto;
    }

    .atten2_cont5 {
        margin-top: 8px;
    }

    .Atten4_cont1 {
        height: auto;
    }

    .Atten4_cont1 .w20,
    .Atten4_cont1 .w10 {
        width: 100%;
        margin-right: 0;
    }

    .Atten4_cont1 .w30 {
        width: 100%;
    }

    .Atten4_tui {
        margin-top: 1.2rem;
        flex: none;
        height: 30rem;
    }

    .Atten5.system_subp3 .thr_layout .sysp3_wr .w30.Hol_mid .cont2 {
        height: calc(100vh - 21.5rem);
    }

    .Atten6 .custCal .selc {
        width: 9rem;
    }

    .Atten6_cont .wd3 .custCal .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk button.fc-today-button {
        height: 3rem;
    }

    .Atten6_cont .custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group {
        width: 16rem;
    }

    .custCal .fc .fc-toolbar.fc-header-toolbar {
        height: 3rem;
        margin-bottom: 1.2rem;
    }

    .Atten6_cont .custCal .fc .fc-toolbar.fc-header-toolbar .fc-button-group {
        top: 4rem;
        width: auto;
    }

    .mgb20 {
        margin-bottom: 1.2rem !important;
    }

    .Atten6_tui {
        height: calc(100% - 4.2rem);
    }

    .Atten6_cont .wd1 {
        width: 31%;
    }

    .Atten6_cont .wd2 {
        width: 37%;
    }

    .Atten6_cont .wd3 {
        width: calc(32% - 16px);
    }

    .Atten6_cont .custCal .fc .fc-toolbar.fc-header-toolbar {
        margin-top: 4rem;
    }

    .User5.User8 .contHeight {
        height: calc(100vh - 25.6rem);
    }

    .User3.Ent1 .Ent1_cont1 {
        height: calc(100vh - 28rem);
    }

    .User3.Ent2 .upt_cont .le .Hday_setA .dw1 {
        width: 15.5rem;
    }

    .Atten9 .Ent1_cont1 {
        height: calc(100vh - 21.4rem);
    }

    .Atten10 .Ent1_cont1 .le {
        width: 28%;
    }

    .Atten10 .Ent1_cont1 .ri {
        width: calc(72% - 8px);
    }

    .Atten11 .upt_cont .le ul li.schw30 {
        width: 22rem;
    }

    .Meal3 .Ent1_cont1 .le {
        width: 26%;
    }

    .Meal3 .Ent1_cont1 .ri {
        width: calc(74% - 8px);
    }

    .User3.Ent1 .upt_cont .le .Hday_setA .dw1 {
        width: 15rem;
    }

    .Meal3 .card_selc {
        padding: 0 1.2rem;
    }

    .Meal3 .meal_type_chk {
        padding: 0 1.2rem;
    }

    .Meal3 .meal_type_chk .cen {
        margin-right: 1.2rem;
    }

    .Atten8 .Atten6_cont .wd1 {
        width: 29%;
    }

    .Atten8 .Atten6_cont .wd2 {
        width: 38%;
    }

    .Atten8 .Atten6_cont .wd3 {
        width: calc(33% - 16px);
    }
}

@media (max-width: 768px) {

    .popCont .wr,
    .login_pop .outb {
        display: table;
    }

    .login_pop .inb {
        display: table-cell;
        vertical-align: middle;
    }

    .login_cont {
        width: auto;
        padding: 0 2rem;
    }

    .login_cont h1 {
        background-size: 20rem;
    }

    .login_wr {}

    #login .iptCont {
        padding: 3.5rem 2rem;
    }

    .popCont .wr {}

    .popCont .in {
        display: table-cell;
        vertical-align: middle;
        width: auto;
        padding: 0 2rem;
    }

    .subp_Cont .ctt50 {
        width: 100%;
    }

    .base_cont .le {
        width: 100%;
        margin-right: 0;
    }

    .base_cont .ri {
        width: 100%;
        margin-top: 2rem;
    }

    .base_cont .ri .incont .txt .list {
        width: 100%;
    }

    .system1_cont11 .wrt .list,
    .system1_cont8 .half_cont .w50.cw2,
    .system1_cont8 .half_cont .w50.cw1,
    .half_cont .w50 {
        width: 100%;
    }

    .system1_cont8 .cont1 ul {
        flex-wrap: wrap;
    }

    .system1_cont8 .cont1 ul li {
        width: 33.3333333%;
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .system1_cont9 .list {
        width: 50%;
    }

    .system1_cont12 {
        margin-bottom: 8px !important;
    }
}

/* 정리 필요 */
.progress-bar {
    background-color: #f3f3f3;
    border-radius: 13px;
    padding: 3px;
    margin-bottom: 10px;
}

.progress-bar-fill {
    height: 10px;
    background-color: #3498db;
    border-radius: 10px;
    transition: width 0.5s ease-out;
}

.progress-text {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
    background-size: 1rem 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        -webkit-transition: none;
        transition: none;
    }
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes;
}

/* 메뉴 권한 버튼 컨트롤 적용 시 주석 삭제 */
.iconComm.save,
.iconComm.Plus,
.iconComm.Mody,
.iconComm.Del {
    /* display: none; */
}

.multilingual-tit {
    display: grid;
    grid-template-columns: 120px 120px 1fr;
    /* 첫 열은 120px, 두 번째는 나머지 */
    align-items: center;
    background: #f7f7f7;
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 8px;
}

/* 각 행(데이터) 스타일 */
.multilingual-set-box {
    display: grid;
    grid-template-columns: 120px 120px 1fr;
    /* 헤더와 동일하게 */
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    min-height: 38px;
}

.multilingual-set-box input[type='text'] {
    width: 95%;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.multilingual-tit .t2 {
    border: 1px solid #e8e8e8;
}

/* 각 cell의 구분선 */
.multilingual-set-box>* {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-right: 1px solid #e0e0e0;
    padding: 10px 8px;
}

.language_box {
    position: absolute;
    width: 32px;
    top: 15px;
    right: 50px;
    text-align: center;
}

.language_box>img {
    cursor: pointer;
}

.language_selc_box {
    position: relative;
    width: 100px;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #DCDDE4;
    border-radius: 5px;
    background-color: #ffffff;
    text-align: center;
}

.language_selc_box>ul>li {
    padding: 8px 12px;
    cursor: pointer;
    white-space: nowrap;
}

.language_selc_box>ul>li:hover {
    background-color: #f5f5f5;
}

.language_selc_box>ul>li.selected-lang {
    background-color: #f5f5f5;
}


/* 2차 작업 관련 css */
.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.aic {
    align-items: center;
}

.aie {
    align-items: end;
}

.jsc {
    justify-content: center;
}

.jsb {
    justify-content: space-between;
}

.jse {
    justify-content: end;
}

.jsr {
    justify-content: right;
}

.w-full {
    width: 100%;
}

.gap4 {
    gap: 0.4rem;
}

.gap8 {
    gap: 0.8rem;
}

.gap10 {
    gap: 1rem;
}

.gap12 {
    gap: 1.2rem;
}

.gap16 {
    gap: 1.6rem;
}

.gap20 {
    gap: 2rem;
}

.gap40 {
    gap: 4rem;
}

.mgt0 {
    margin-top: 0rem;
}

.mgb0 {
    margin-bottom: 0rem;
}

.mgt4 {
    margin-top: 0.4rem;
}

.mgb4 {
    margin-bottom: 0.4rem;
}

.mgt8 {
    margin-top: 0.8rem;
}

.mgb8 {
    margin-bottom: 0.8rem;
}

.mgl8 {
    margin-left: 0.8rem;
}

.mgt10 {
    margin-top: 1rem;
}

.mgb10 {
    margin-bottom: 1rem !important;
}

.mgt12 {
    margin-top: 1.2rem;
}

.mgb12 {
    margin-bottom: 1.2rem;
}

.mgt16 {
    margin-top: 1.6rem;
}

.mgb16 {
    margin-bottom: 1.6rem;
}

.mgt20 {
    margin-top: 2rem;
}

.mgb20 {
    margin-bottom: 2rem;
}

.mgt40 {
    margin-top: 4rem;
}

.mgb40 {
    margin-bottom: 4rem;
}

.mgl8 {
    margin-left: 8px;
}

.min-w-0 {
    min-width: 0;
}

.min-h-0 {
    min-height: 0;
}

.fx1 {
    flex: 1;
}

.fx2 {
    flex: 2;
}

.fx3 {
    flex: 3;
    min-height: 0;
}

.fx35 {
    flex: 3.5;
    min-height: 0;
}

.fx4 {
    flex: 4;
    min-height: 0;
}

.fx6 {
    flex: 6;
    min-height: 0;
}

.fx65 {
    flex: 6.5;
    min-height: 0;
}

.fx7 {
    flex: 7;
    min-height: 0;
}

.fx75 {
    flex: 7.5;
    min-height: 0;
}

.tac {
    text-align: center;
}

.fdc {
    flex-direction: column;
}

.fs14 {
    font-size: 1.4rem;
}

.fw500 {
    font-family: "Pretendard-Medium";
    font-weight: 500;
}

.c1a {
    color: #1A3868;
}

.comBtn {
    width: auto;
    height: 3.6rem;
    border-radius: 4px;
    font-size: 1.4rem;
    background: #1A3868;
    border: 1px solid #1A3868;
    padding: 0 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #FFF;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    cursor: pointer;
    font-family: "Pretendard-Medium";
    font-weight: 500;
}

.comBtn:hover {
    background-color: #071733;
    border: 1px solid #071733;
}

.comBtn.h28 {
    height: 2.8rem;
    font-size: 1.2rem;
}

.comBtn.h40 {
    height: 4rem;
    font-size: 1.6rem;
    padding: 0 1.6rem;
    min-width: 10rem;
}

.comBtn.h48 {
    height: 4.8rem;
    font-size: 1.6rem;
    padding: 0 1.6rem;
}

.comBtn.border {
    background: #FFF;
    color: #1A3868;
    border: 1px solid #1A3868;
}

.comBtn.border:hover {
    background: #1A3868;
    color: #FFF;
}

.comBtn.border.aBg {
    border: 1px solid #dcdde4;
    color: #0f0f15;
    background: #fff;
}

.comBtn.border.aBg:hover {
    background-color: #0f0f15;
    border: 1px solid #0f0f15;
    color: #fff;
}

.comBtn.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.comBtn::before {
    width: 2rem;
    height: 2rem;
}

.comBtn.save::before {
    content: '';
    background: url(/img/gd/save_icon.svg) no-repeat center/1.7rem;
}

.comBtn.plus::before {
    content: '';
    background: url(/img/gd/plus_icon.svg) no-repeat center/1.7rem;
}

.comBtn.search::before {
    content: '';
    background: url(/img/gd/search_icon.svg) no-repeat center/1.8rem;
}

.comBtn.search.border::before {
    content: '';
    background: url(/img/gd/search_icon_gray.svg) no-repeat center/1.8rem;
}

.comBtn.search.border:hover::before {
    background: url(/img/Sch_on.svg) no-repeat center/1.8rem;
}

.comBtn.minus::before {
    content: '';
    background: url(/img/gd/minus_icon.svg) no-repeat center/1.7rem;
}

.comBtn.minus:hover::before {
    background: url(/img/gd/minus_icon_w.svg) no-repeat center/1.7rem;
}

.comBtn.delete:hover,
.comBtn.minus:hover {
    border: 1px solid #F84646;
    background: #F69695;
    color: #FFF;
}

.comBtn.delete::before {
    content: '';
    background: url(/img/gd/delete_icon.svg) no-repeat center/2rem;
}

.comBtn.delete:hover::before {
    background: url(/img/gd/delete_icon_w.svg) no-repeat center/2rem;
}

.comBtn.defense::before {
    content: '';
    background: url(/img/gd/defense_icon.svg) no-repeat center/2rem;
}

.comBtn.defense:hover::before {
    background: url(/img/gd/defense_icon_w.svg) no-repeat center/2rem;
}

.comBtn.around::before {
    content: '';
    background: url(/img/gd/around_defense_icon.svg) no-repeat center/2rem;
}

.comBtn.around:hover::before {
    background: url(/img/gd/around_defense_icon_w.svg) no-repeat center/2rem;
}

.comBtn.clear::before {
    content: '';
    background: url(/img/gd/clear_defense_icon.svg) no-repeat center/1.8rem;
}

.comBtn.clear:hover::before {
    background: url(/img/gd/clear_defense_icon_w.svg) no-repeat center/1.8rem;
}

.comBtn.device::before {
    content: '';
    background: url(/img/gd/device_icon.svg) no-repeat center/2rem;
}

.comBtn.device:hover::before {
    background: url(/img/gd/device_icon_w.svg) no-repeat center/2rem;
}

.comBtn.door::before {
    content: '';
    background: url(/img/gd/door_open_icon.svg) no-repeat center/1.8rem;
}

.comBtn.door:hover::before {
    background: url(/img/gd/door_open_icon_w.svg) no-repeat center/1.8rem;
}

.comBtn.aopen::before {
    content: '';
    background: url(/img/gd/door_close_icon.svg) no-repeat center/1.8rem;
}

.comBtn.aopen:hover::before {
    background: url(/img/gd/door_close_icon_w.svg) no-repeat center/1.8rem;
}

.comBtn.alock::before {
    content: '';
    background: url(/img/gd/door_all_close_icon.svg) no-repeat center/1.8rem;
}

.comBtn.alock:hover::before {
    background: url(/img/gd/door_all_close_icon_w.svg) no-repeat center/1.8rem;
}

.comBtn.exptn::before {
    content: '';
    background: url(/img/gd/exptn_icon.svg) no-repeat center/1.8rem;
}

.comBtn.exptn:hover::before {
    content: '';
    background: url(/img/gd/exptn_icon_w.svg) no-repeat center/1.8rem;
}

.comBtn.load::before {
    content: '';
    background: url(/img/gd/load_icon.svg) no-repeat center/1.8rem;
}

.comBtn.load:hover::before {
    background: url(/img/gd/load_icon_w.svg) no-repeat center/1.8rem;
}

.comBtn.popen::before {
    content: '';
    background: url(/img/gd/port_open_icon.svg) no-repeat center/1.8rem;
}

.comBtn.popen:hover::before {
    content: '';
    background: url(/img/gd/port_open_icon_w.svg) no-repeat center/1.8rem;
}

.comBtn.pclose::before {
    content: '';
    background: url(/img/gd/port_close_icon.svg) no-repeat center/1.8rem;
}

.comBtn.pclose:hover::before {
    content: '';
    background: url(/img/gd/port_close_icon_w.svg) no-repeat center/1.8rem;
}

.comBtn.pswd::before {
    content: '';
    background: url(/img/gd/password_icon.svg) no-repeat center/1.8rem;
}

.comBtn.pswd:hover::before {
    content: '';
    background: url(/img/gd/password_icon_w.svg) no-repeat center/1.8rem;
}

.comBtn.bak::before {
    content: '';
    background: url(/img/gd/backup_icon.svg) no-repeat center/1.8rem;
}

.comBtn.res::before {
    content: '';
    background: url(/img/gd/restore_icon.svg) no-repeat center/1.8rem;
}

.comBtn.eqSend::before {
    content: '';
    background: url(/img/gd/eq_send_icon.svg) no-repeat center/1.8rem;
}

.comBtn.log::before {
    content: '';
    background: url(/img/gd/log_icon.svg) no-repeat center/1.8rem;
}

.comBtn.down::before {
    content: '';
    background: url(/img/gd/down_icon.svg) no-repeat center/1.8rem;
}

.comBtn.copy::before {
    content: '';
    background: url(/img/gd/copy_icon.svg) no-repeat center/1.8rem;
}

.comBtn.edit::before {
    content: '';
    background: url(/img/gd/edit_icon.svg) no-repeat center/1.8rem;
}

.comBtn.batch::before {
    content: '';
    background: url(/img/gd/batch_icon.svg) no-repeat center/2.1rem;
}

.comBtn.batch:hover::before {
    background: url(/img/gd/batch_icon_w.svg) no-repeat center/2.1rem;
}

.comBtn.check::before {
    content: '';
    background: url(/img/gd/check_icon.svg) no-repeat center/1.8rem;
}

.comBtn.check:hover::before {
    background: url(/img/gd/check_icon_w.svg) no-repeat center/1.8rem;
}

.comBtn.reset::before {
    content: '';
    background: url(/img/gd/reset_icon.svg) no-repeat center/1.8rem;
}

.comBtn.reset:hover::before {
    background: url(/img/gd/reset_icon_w.svg) no-repeat center/1.8rem;
}

.comBtn.restart::before {
    content: '';
    background: url(/img/gd/restart_icon.svg) no-repeat center/2rem;
}

.comBtn.restart:hover::before {
    background: url(/img/gd/restart_icon_w.svg) no-repeat center/2rem;
}

.comBtn.master::before {
    content: '';
    background: url(/img/gd/master_icon.svg) no-repeat center/2rem;
}

.comBtn.master:hover::before {
    background: url(/img/gd/master_icon_w.svg) no-repeat center/2rem;
}

.comBtn.version::before {
    content: '';
    background: url(/img/gd/version_icon.svg) no-repeat center/1.8rem;
}

.comBtn.version:hover::before {
    background: url(/img/gd/version_icon_w.svg) no-repeat center/1.8rem;
}

.comBtn.firm::before {
    content: '';
    background: url(/img/gd/firm_icon.svg) no-repeat center/1.8rem;
}

.comBtn.firm:hover::before {
    background: url(/img/gd/firm_icon_w.svg) no-repeat center/1.8rem;
}

.comBtn.print::before {
    content: '';
    background: url(/img/gd/print_icon.svg) no-repeat center/1.8rem;
}

.comBtn.fire::before {
    content: '';
    background: url(/img/gd/fire_icon.svg) no-repeat center/1.8rem;
}

.comBtn.time::before {
    content: '';
    background: url(/img/gd/time_icon.svg) no-repeat center/2rem;
}

.comBtn.view::before {
    content: '';
    background: url(/img/gd/view_icon.svg) no-repeat center/2rem;
}

.comBtn.view:hover::before {
    background: url(/img/gd/view_icon_w.svg) no-repeat center/2rem;
}

.comBtn.compare::before {
    content: '';
    background: url(/img/gd/compare_icon.svg) no-repeat center/1.8rem;
}

.comBtn.compare:hover::before {
    background: url(/img/gd/compare_icon_w.svg) no-repeat center/1.8rem;
}

.comBtn.data::before {
    content: '';
    background: url(/img/gd/data_icon.svg) no-repeat center/1.8rem;
}

.comBtn.send::before {
    content: '';
    background: url(/img/gd/send_icon.svg) no-repeat center/1.8rem;
}

.comBtn.out::before {
    content: '';
    background: url(/img/gd/out_icon.svg) no-repeat center/2rem;
}

.comBtn.vers::before {
    content: '';
    background: url(/img/chk_off.svg) no-repeat center/2rem;
}

.comRdo {
    background: #FFF;
}

.comRdo ul {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    width: 100%;
    flex-wrap: wrap;
}

.comRdo ul li {}

.comRdo ul li label {
    font-size: 1.4rem;
    color: #222;
    line-height: initial;
    position: relative;
    padding-left: 2.8rem;
    cursor: pointer;
    height: 2rem;
    display: flex;
    align-items: center;
}

.comRdo ul li label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    border: 1px solid #BFC9DA;
    background: #FFF;
    border-radius: 5rem;
}

.comRdo ul li input[type=radio] {
    display: none;
}

.comRdo ul li input[type=radio]:checked+label {
    color: #222;
}

.comRdo ul li input[type=radio]:checked+label::before {
    border: 5px solid #1A3868;
}

.comRdo.h16 {}

.comRdo.h16 ul li label {
    font-size: 1.3rem;
    height: 1.6rem;
    padding-left: 2.4rem;
}

.comRdo.h16 ul li label::before {
    width: 1.6rem;
    height: 1.6rem;
}

.comRdo.h16 ul li input[type=radio]:checked+label::before {
    border: 4px solid #1A3868;
}

.comRdo.border {
    padding: 1.2rem 1.6rem;
    border: 1px solid #DCDDE4;
    display: flex;
    align-items: center;
    border-radius: 4px;
}

.comRdo.border.h16 {
    height: 4rem;
    padding: 0 1.2rem;
}

.comRdo.border.checkRdo {
    border: 1px solid #1A3868
}

.comRdo ul li input[type=radio]:disabled+label {
    color: #BABABA;
}

.comRdo ul li input[type=radio]:disabled+label::before {
    border: 1px solid #E3E3E3;
    background: #F1F1F1;
}

.comRdo ul li input[type=radio]:checked:disabled+label::before {
    border: 5px solid #E3E3E3;
}

.comRdo.h16 ul li input[type=radio]:disabled+label::before {
    border: 1px solid #E3E3E3;
}

.comRdo.h16 ul li input[type=radio]:checked:disabled+label::before {
    border: 4px solid #E3E3E3;
}

.comChk {}

.comChk ul {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}

.comChk ul li {}

.comChk ul li label {
    font-size: 1.4rem;
    color: #222;
    position: relative;
    padding-left: 2.8rem;
    cursor: pointer;
    height: 2rem;
    display: flex;
    align-items: center;
}

.comChk ul li label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    border: 1px solid #BFC9DA;
    background: url(/img/gd/check_off.svg) no-repeat center / 1.4rem #FFF;
    border-radius: 4px;
}

.comChk ul li input[type=checkbox] {
    display: none;
}

.comChk ul li input[type=checkbox]:checked+label {
    color: #1A3868;
}

.comChk ul li input[type=checkbox]:checked+label::before {
    background: url(/img/gd/check_on.svg) no-repeat center / 1.4rem #1A3868;
    border: 1px solid #1A3868;
}

.comChk.h16 {}

.comChk.h16 ul li label {
    height: 1.6rem;
    padding-left: 2.4rem;
}

.comChk.h16 ul li label::before {
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.2rem;
}

.comChk.h16 ul li input[type=checkbox]:checked+label::before {
    background-size: 1.2rem;
}

.comChk.border {}

.comChk.border ul li label {
    border: 1px solid #DCDDE4;
    height: 4.8rem;
    border-radius: 4px;
    padding-left: 1.6rem;
    padding-right: 5.2rem;
}

.comChk.border ul li label::before {
    display: none;
}

.comChk.border ul li input[type=checkbox]:checked+label {
    color: #1A3868;
    border: 1px solid #1A3868;
}

.comChk.border ul li input[type=checkbox]:checked+label::before {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1rem;
    right: 1.6rem;
    left: auto;
    background: url(/img/gd/check_on_t.svg) no-repeat center / 1.8rem;
    border: 0;
}

.comChk ul li input[type=checkbox]:disabled+label {
    color: #BABABA;
}

.comChk ul li input[type=checkbox]:disabled+label::before {
    border: 1px solid #F1F1F1;
    background: #F1F1F1;
}

.comChk ul li input[type=checkbox]:checked:disabled+label::before {
    background: url(/img/gd/check_off.svg) no-repeat center / 1.4rem #F1F1F1;
}

.comChk.h16 ul li input[type=checkbox]:checked:disabled+label::before {
    background-size: 1.2rem;
}

.comChk.bdr {
    display: flex;
    padding: 0 1.2rem;
    height: 3.6rem;
    align-items: center;
    border: 1px solid #DCDDE4;
    border-radius: 4px;
}

.comSchIpt {
    position: relative;
}

.comSchIpt .delIpt {
    position: relative;
}

.comSchIpt .delIcon {
    position: absolute;
    top: 0;
    right: 1.2rem;
    width: 2rem;
    height: 3.6rem;
    background: url(/img/gd/cc_close_icon.svg) no-repeat center / 2.4rem;
    cursor: pointer;
    z-index: 1;
}

.comSchIpt input[type=text] {
    width: 100%;
    height: 3.6rem;
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #DCDDE4;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-size: 1.4rem;
}

.comSchIpt input[type=text]::placeholder {
    font-size: 1.3rem;
}

.comSchIpt input[type="text"]:focus {
    border: 1px solid #1A3868;
}

.comSchIpt.text::before,
.comSchIpt button {
    position: absolute;
    top: 0;
    left: 1.2rem;
    height: 3.6rem;
    font-size: 0;
    width: 2rem;
    border: 0;
    background: url(/img/gd/search_icon_gray.svg) no-repeat center/100%;
    z-index: 1;
}

.comSchIpt button.del-icon {
    background-image: url(/img/cc_del.svg);
}

.comSchIpt.left input[type=text] {
    padding-left: 4rem;
}

.comSchIpt.right input[type=text] {
    padding-right: 4rem;
}

.comSchIpt.right button {
    left: auto;
    right: 1.2rem;
}

.comSchIpt.right .delIcon {
    right: 4.4rem;
}

.comSchIpt.icon.h48 .delIcon,
.comSchIpt.h48.right .delIcon,
.comSchIpt.h48.left .delIcon,
.comSchIpt.left.text.h48 input[type=text],
.comSchIpt.h48 input[type=text],
.comSchIpt.h48 button {
    height: 4.8rem;
}

.comSchIpt.h48.left input[type=text] {
    padding-left: 4.4rem;
    padding-right: 1.6rem;
}

.comSchIpt.h48.right input[type=text] {
    padding-right: 8.4rem;
    padding-left: 1.6rem;
}

.comSchIpt.h48.left button {
    left: 1.6rem;
}

.comSchIpt.h48.right button {
    right: 1.6rem;
}

.comSchIpt.h48 input[type=text]::placeholder {
    font-size: 1.4rem;
}

.comSchIpt.left.text {
    padding-right: 7.8rem;
}

.comSchIpt.left.text::before {
    content: '';
}

.comSchIpt.left.text button {
    width: 7rem;
    left: auto;
    right: 0;
    color: #FFF;
    background: #1A3868;
    border-radius: 4px;
    font-size: 1.4rem;
    font-family: "Pretendard-SemiBold";
    font-weight: 600;
}

.comSchIpt.left.text.h48 {
    padding-right: 6.8rem;
}

.comSchIpt.left.text.h48::before {
    height: 4.8rem;
    left: 1.6rem;
}

.comSchIpt.left.text.h48 button {
    width: 6rem;
    font-size: 1.6rem;
}

.comSchIpt.icon {
    padding-right: 4.8rem;
}

.comSchIpt.icon button {
    width: 3.6rem;
    height: 3.6rem;
    left: auto;
    right: 0;
    background: url(/img/gd/search_icon.svg) no-repeat center/2rem #1A3868;
    border-radius: 4px;
}

.comSchIpt.icon.h48 {
    padding-right: 5.6rem;
}

.comSchIpt.icon.h48 button {
    width: 4.8rem;
    height: 4.8rem;
}

.comSelc {
    position: relative;
}

.comSelc select {
    width: 100%;
    height: 3.6rem;
    border: 1px solid #DCDDE4;
    padding-left: 1.2rem;
    padding-right: 4.8rem;
    font-size: 1.4rem;
    border-radius: 4px;
    font-family: "Pretendard-Medium";
    font-weight: 500;
    background: none;
}

.comSelc select:focus {
    border: 1px solid #3B6FEF;
}

.comSelc .arrIcon {
    position: absolute;
    top: 0;
    right: 1.2rem;
    height: 3.6rem;
    width: 2.4rem;
    background: url(/img/gd/select_icon.svg) no-repeat center / 2rem;
}

.comSelc.h48 select {
    height: 4.8rem;
    padding-left: 1.6rem;
    padding-right: 5.2rem;
}

.comSelc.h48 .arrIcon {
    height: 4.8rem;
    right: 1.6rem;
}

.comDateIpt {
    position: relative;
    z-index: 9;
}

.comDateIpt ul {
    display: flex;
    align-items: center;
    gap: 4px;
}

.comDateIpt ul li {
    position: relative;
}

.comDateIpt ul li input[type=text] {
    border: 1px solid #DCDDE4;
    border-radius: 4px;
    width: 100%;
    height: 3.6rem;
    padding-left: 1.2rem;
    padding-right: 4.8rem;
    background: #FFF;
}

.comDateIpt ul li .dateIcon {
    position: absolute;
    top: 0;
    right: 1.2rem;
    width: 2rem;
    height: 3.6rem;
    background: url(/img/gd/date_icon.svg) no-repeat center / 100%;
}

.comDateIpt.h48 ul li input[type=text] {
    height: 4.8rem;
    padding-left: 1.6rem;
    padding-right: 5.2rem;
}

.comDateIpt.h48 ul li .dateIcon {
    height: 4.8rem;
    right: 1.6rem;
}

.comDateIpt .react-datepicker__triangle {
    display: none;
}

.comDateIpt .react-datepicker {
    width: 31.2rem;
    font-size: 1.4rem;
    padding: 1.6rem 1.6rem;
    border: 1px solid #3B6FEF;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
    font-family: "Pretendard-Regular";
    font-weight: 400;
}

.comDateIpt .react-datepicker__navigation {
    width: 2.4rem;
    height: 2.4rem;
    top: 4.4rem;
    background: url(/img/gd/arr_down_b.svg) no-repeat center / 2.8rem;
}

.comDateIpt .react-datepicker__navigation--previous {
    left: 8rem;
    transform: rotate(90deg);
}

.comDateIpt .react-datepicker__navigation--next {
    right: 8rem;
    transform: rotate(-90deg);
}

.comDateIpt .react-datepicker__navigation-icon {
    display: none;
}

.comDateIpt .react-datepicker__month-container {
    float: none;
    margin-top: 2.8rem;
}

.comDateIpt .react-datepicker__header {
    padding: 0;
    background: #FFF;
    border: 0;
    border-radius: 0 !important;
}

.comDateIpt h2.react-datepicker__current-month {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.4rem;
    font-size: 1.6rem;
    color: #222;
    font-family: "Pretendard-Bold";
    font-weight: 700;
}

.comDateIpt .react-datepicker__header__dropdown {
    display: none;
}

.comDateIpt .react-datepicker__day-names {
    display: flex;
    margin-top: 1.2rem;
    margin-bottom: 0;
}

.comDateIpt .react-datepicker__day-name {
    font-size: 1.3rem;
    line-height: initial;
    margin: 0;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    font-family: "Pretendard-Medium";
    font-weight: 500;
}

.comDateIpt .react-datepicker__day-name[aria-label="일요일"] {
    color: #F84646;
}

.comDateIpt .react-datepicker__day-name[aria-label="토요일"] {
    color: #3B6FEF;
}

.comDateIpt .react-datepicker__month {
    margin: 0;
}

.comDateIpt .react-datepicker__week {
    display: flex;
    margin-top: 4px;
}

.comDateIpt .react-datepicker__day {
    font-size: 1.4rem;
    line-height: initial;
    margin: 0;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    font-family: "Pretendard-Medium";
    font-weight: 500;
    outline: none;
}

.comDateIpt .react-datepicker__today-button {
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    height: 2rem;
    border-radius: 1rem;
    font-size: 1.1rem;
    font-family: "Pretendard-Medium";
    font-weight: 500;
    border: 0;
    background: #EBF1FF;
    color: #617089;
    position: absolute;
    top: 4.6rem;
    right: 2.8rem;
    z-index: 1;
    cursor: pointer;
}

.comDateIpt .react-datepicker__children-container {
    padding: 0;
    margin: 0;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
}

.comDateIpt .datepicker-close-btn {
    border: 0;
    font-size: 0;
    width: 100%;
    height: 100%;
    background: url(/img/gd/close_icon.svg) no-repeat center / 100%;
}

.comDateIpt .react-datepicker__day--today {
    color: #3B6FEF;
    position: relative;
}

.comDateIpt .react-datepicker__day--today::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 1.7rem;
    width: 4px;
    height: 4px;
    background: #3B6FEF;
    border-radius: 1rem;
}

.comDateIpt .react-datepicker__day--selected {
    border-radius: 5rem;
    background: #3B6FEF;
    color: #FFF;
}

.comDateIpt .react-datepicker__day:not([aria-disabled="true"]):hover {
    border-radius: 5rem;
    background: #F1F1F1;
}

.comDateIpt .react-datepicker__day--keyboard-selected {
    background: #FFF;
}

.comDateIpt .react-datepicker__day--outside-month {
    color: #E3E3E3;
}

.comMod {}

.comMod .modBg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.comMod .modBg .outBox {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comMod .modAlert {
    width: 32rem;
    text-align: center;
    position: relative;
    border-radius: 1.2rem;
    padding: 3rem 3.6rem;
    z-index: 1;
    background: #FFF;
}

.comMod .alertIcon {
    width: 3.6rem;
    height: 3.6rem;
    margin: 0 auto;
    background: url(/img/gd/check_icon_w.svg) no-repeat 50% / 2.4rem #3B6FEF;
    border-radius: 5rem;
}

.comMod .alertTitle {
    margin: 1rem 0;
    height: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Pretendard-SemiBold';
    font-size: 1.8rem;
    font-weight: 600;
}

.comMod .alertDesc {
    margin-bottom: 2.4rem;
    font-size: 1.5rem;
    color: #666;
    line-height: 1.5;
    word-break: keep-all;
}

.comMod .alertCfm {
    display: flex;
    align-items: center;
    gap: 8px;
}

.comMod .alertCfm .comBtn {
    width: 100%;
}

.modBasic {
    width: 34rem;
    padding: 2.4rem 2.4rem;
    background: #FFF;
    border-radius: 4px;
    box-shadow: 0px 24px 28px -12px rgba(0, 0, 0, 0.04);
}

.modBasic .basicTitle {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    font-family: 'Pretendard-SemiBold';
    font-size: 1.8rem;
    font-weight: 600;
    color: #0F0F15;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid #EBEBEF;
    margin-bottom: 1.6rem;
}

.modBasic .basicTitle::before {
    width: 2.4rem;
    height: 2.4rem;
}

.modBasic .basicDesc {
    font-size: 1.4rem;
    color: #353745;
    line-height: 1.4;
}

.modBasic .basicCfm {
    display: flex;
    align-items: center;
    justify-content: right;
    gap: 8px;
    margin-top: 3.2rem;
}

.modBasic .basicCfm .comBtn.h48 {
    width: 10rem;
}

.modBasic .basicTitle.save::before {
    content: '';
    background: url(/img/gd/mod_save_icon.svg) no-repeat center / 100%;
}

.modBasic .basicTitle.delete::before {
    content: '';
    background: url(/img/gd/mod_delete_icon.svg) no-repeat center / 100%;
}

.modBasic .basicTitle.caution::before {
    content: '';
    background: url(/img/gd/mod_caution_icon.svg) no-repeat center / 100%;
}

.modBasic .basicTitle.plus::before {
    content: '';
    background: url(/img/gd/mod_plus_icon.svg) no-repeat center / 100%;
}

.modBasic .basicTitle.check::before {
    content: '';
    background: url(/img/gd/mod_check_icon.svg) no-repeat center / 100%;
}

.comIpt {}

.comIpt input[type=text] {
    border: 1px solid #DCDDE4;
    border-radius: 4px;
    background: #FFF;
    padding: 0 1.2rem;
}

.comRdoBox {}

.comRdoBox ul {
    display: flex;
    align-items: center;
    gap: 8px;
}

.comRdoBox ul li {}

.comRdoBox ul li input[type=radio] {
    display: none;
}

.comRdoBox ul li label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 8rem;
    padding: 0 1.2rem;
    height: 3.6rem;
    font-size: 1.4rem;
    color: #1A3868;
    background: rgba(0, 82, 164, 0.05);
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    border-radius: 4px;
}

.comRdoBox ul li input[type=radio]:checked+label {
    background: #1A3868;
    color: #FFF;
}

.comPage {
    height: calc(100vh - 14rem);
    margin-top: 1rem;
    padding-top: 0 !important;
}

.comPage .hType10 {}

.comPage .hType20 {
    height: calc(100% - 10.4rem);
}

.hType20_tbl {
    height: calc(100% - 5.6rem);
}

#eqp2 .leCont .ExTbl td {
    text-align: center;
}

#eqp2 .leCont .ExTbl .w1 {}

#eqp2 .leCont .ExTbl .w2 {}

#eqp2 .leCont .ExTbl .w3 {
    width: 10%;
}

#eqp2 .leCont .ExTbl .w4 {
    width: 12%;
}

#eqp2 .leCont .ExTbl .w5 {
    width: 12%;
}

#eqp2 .leCont .ExTbl .w6 {}

#eqp2 .leCont .ExTbl .w7 {}

#eqp2 .leCont .ExTbl .w8 {}

#eqp2 .riCont .ExTbl .w1,
#eqp2 .riCont .ExTbl .w2,
#eqp2 .riCont .ExTbl .w3 {
    width: 33.33333333%;
    text-align: center;
}

#eqp2 .riCont .ExTbl td.w3 {
    background: #fff0de;
}

.mgl0 {}

.minWd12 {
    min-width: 12rem;
}

#eqp3 .le .abox {
    width: 30rem;
}

#eqp3 .tuiArea {
    height: calc(100% - 7.4rem);
}

.tot_len {
    font-size: 1.4rem;
    padding: 3px;
}

.tot_len_user {
    font-size: 1.2rem;
    padding: 3px;
}

.M00001011-search-icon {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-image: url(/img/Sch_off.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    outline: none;
}

.M00001011-search-icon:hover {
    background-image: url(/img/Sch_off.svg);
}

.hType2 {
    flex: 1;
}

.hType2_tui {
    height: calc(100% - 5.6rem);
    margin-top: 2rem;
}

.hType3_tui {
    height: calc(100% - 7.4rem);
    margin-top: 2rem;
}

.leSide {
    margin-bottom: 0;
    width: 37rem;
    position: relative;
    transition: all 0.2s ease;
}

.leSideToggle {
    position: absolute;
    right: -2rem;
    top: 50%;
    margin-top: -2rem;
    height: 4rem;
    width: 2rem;
    z-index: 1;
    background: #FFF;
    border-radius: 0 5rem 5rem 0;
    box-shadow: 5px 0px 7px -2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.leSideToggle::before {
    content: '';
    position: absolute;
    top: 1rem;
    right: 4px;
    width: 2rem;
    height: 2rem;
    background: url(/img/gd/arr_down_b.svg) no-repeat center / 2.6rem;
    transform: rotate(90deg);
    transition: all 0.3s ease;
}

.leSideTree {
    margin-top: 2rem;
    border: 1px solid #dcdde4;
    overflow-y: auto;
    background: #fff;
    position: relative;
    border-radius: 4px;
    height: calc(100% - 5.6rem);
}

.treeCont .tit,
.modOrgCom .tit,
.leSideTree .tit {
    border-bottom: 1px solid #dcdde4;
    background: #f3f4f6;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    height: 4rem;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    color: #0f0f15;
    padding-left: 1rem;
}

.leSideHdn {
    height: 100%;
}

.leSideClose {}

.leSideClose .leSide {
    width: 0;
    padding: 0 4px;
}

.leSideClose .leSideHdn {
    display: none;
}

.leSideClose .leSideHdn .leSideToggle {
    display: block;
}

.leSideClose .leSideToggle::before {
    transform: rotate(-90deg);
}

.btnGap4 {
    gap: 4px;
}

.btnGap8 {
    gap: 8px;
}

.btnGap8 .mgl8 {
    margin-left: 0 !important;
}

.wd60 {
    width: 6rem;
}

.wd80 {
    width: 8rem;
}

.wd100 {
    width: 10rem;
}

.wd120 {
    width: 12rem;
}

.wd160 {
    width: 16rem !important;
}

.wd180 {
    width: 18rem;
}

.wd240 {
    width: 24rem;
}

.wd280 {
    width: 28rem;
}

.wd320 {
    width: 32rem;
}

.wd380 {
    width: 38rem;
}

.wd640 {
    width: 64rem;
}

.eqp3_2_cont {
    height: calc(100% - 5.6rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.eqp3_2_cont .fireE1 {
    height: 45%;
    margin-bottom: 1rem;
}

.eqp3_2_cont .fireE2 {
    height: 55%;
    margin-top: 1rem;
}

.eqp3_2_cont .fireE2 .wd1 {}

.eqp3_2_cont .fireE2 .wd2 {
    width: 3.6rem;
    padding-top: 5.6rem;
}

.eqp3_2_cont .fireE2 .wd2 .move {}

.eqp3_2_cont .fireE2 .wd2 .right_move,
.eqp3_2_cont .fireE2 .wd2 .left_move {
    width: 3.6rem;
    height: 3.6rem;
    cursor: pointer;
}

.eqp3_2_cont .fireE2 .wd2 .right_move {
    background: url(/img/gd/right_move.svg) no-repeat center/100%;
    margin-bottom: 8px;
}

.eqp3_2_cont .fireE2 .wd2 .left_move {
    background: url(/img/gd/left_move.svg) no-repeat center/100%;
}

.eqp3_2_cont .fireE2 .wd3 {}

.commRdo.bdr {
    padding-left: 0;
}

.commRdo.bdr ul {
    height: 3.6rem;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    padding: 0 1.6rem;
}

.commRdo.bdr ul li {
    margin: 0 0;
}

.timeSetNameInput {
    width: 18rem;
}

.timeSetNameInput input:disabled {
    color: #AAA;
}

.popEx {
    flex-wrap: wrap;
}

.popEx .ex {
    border: 1px solid #DCDDE4;
    padding: 2rem 2rem;
    border-radius: 4px;
    background: #f3f4f6;
}

.popEx .ex .ptxt {
    font-size: 1.6rem;
    border-bottom: 1px solid #DCDDE4;
    padding-bottom: 8px;
    margin-bottom: 2rem;
}

.popEx .ex .desc {
    font-size: 1.4rem;
    color: #7a7f99;
    line-height: 1.5;
}

.popEx .popCont {
    position: static;
    background: #FFF;
}

.popEx .popCont .wr {
    padding: 0 !important;
}

.popEx .comMod {
    margin-bottom: 2rem;
}

.popEx .comMod .modBg {
    position: static;
    background: #FFF;
}

.popEx .comMod .modBg .outBox {}


.com11 {}

.hgt36 {
    height: 3.6rem;
}

.hgt50 {
    height: 50%;
}

.hgt100 {
    height: 100%;
}

.hgt160 {
    height: 16rem;
}

.hgt380 {
    height: 38rem;
    background: #f3f4f6;
}

.hgt540 {
    height: 54rem;
}

.ofa {
    overflow: auto;
}

.modOrgCom {
    height: 100%;
    border-radius: 4px;
    border: 1px solid #dcdde4;
    overflow-y: auto;
    background: #fff;
    position: relative;
}

.modOrgCom .tit.tit-dept {
    justify-content: center;
}

.eqp6Layout {}

.eqp6Layout .cont1 {
    width: 30%;
}

.eqp6Layout .cont2 {
    width: 30%;
    flex-direction: column;
}

.eqp6Layout .cont2 .cont2_c1 {}

.eqp6Layout .cont2 .cont2_c2 {}

.eqp6Layout .cont2 .cont2_c3 {}

.eqp6Layout .cont2_tui {
    height: calc(100% - 6.2rem);
}

.eqp6Layout .cont3 {
    width: 40%;
}

.popCont .in.fullMod {
    width: 98%;
    max-width: 192rem;
}

.popCont .ctt .abox .m1 .icon.Compare {
    background-image: url(/img/gd/compare_icon.svg);
    background-size: 2.4rem;
}

.compareModCont {
    height: 64rem;
}

.compareModCont .leCont {
    width: 40rem;
}

.compareModCont .leCont_tui {
    height: calc(100% - 8.7rem);
}

.compareModCont .riCont {}

.compareModCont .riCont_tui {
    height: calc(100% - 3.1rem);
}

.compareModCont .riCont .arr {
    width: 3.6rem;
    height: 3.6rem;
    border: 1px solid #1a3868;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/img/arr_right.svg);
    background-color: #fff;
}

.eqp7_1Layout_cont {
    height: calc(100% - 8.4rem);
}

.eqp7_1Layout_cont .cont1 {
    width: 22%;
}

.eqp7_1Layout_cont .cont2 {}

.eqp7_1Layout_cont .cont3 {}

.countBk {
    color: #0F0F15;
    font-size: 1.6rem;
}

.popCont .ctt .closeBtn.wdAuto {
    width: auto;
    padding: 0 1.6rem;
}

.dataTui {
    height: 40rem;
}

.popCont .ctt .abox .m1 .icon.Data {
    background-image: url(/img/gd/data_icon_b.svg);
    background-size: 2.4rem;
}

.fs14 {
    font-size: 1.4rem;
}

.fs16 {
    font-size: 1.6rem;
}

.cc2 {
    color: #2C466E;
}

.fw500 {
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.dataRstMod_tui {
    height: 52rem;
}

.wd180 {
    width: 18rem;
}

.wd280 {
    width: 28rem;
}

.eqp8Layout_tui {
    height: calc(100% - 7.4rem);
}

.hisDwMod {}

.hisDwMod_tui {
    height: 40rem;
}

.hisDwMod .file_name {
    width: auto;
}

.eqp9Layout {}

.eqp9Layout .cont1 {
    width: 22%;
}

.eqp9Layout .cont2 {}

.hdnBtn {
    width: 2.1rem;
    height: 2.1rem;
    cursor: pointer;
    margin-left: 8px;
    background: url(/img/gd/arr_down_b.svg) no-repeat center / 2.4rem;
    transition: all 0.3s ease;
}

.hdn_tui {}

.close_tui .hdn_tui {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
}

.close_tui .hdnBtn {
    transform: rotate(-180deg);
}

.close_tui .h18_tit.mgb20 {
    margin-bottom: 0 !important;
}

.close_tui {
    pointer-events: none;
    position: relative;
    z-index: auto;
}

.close_tui .h18_tit {
    pointer-events: auto;
}

.attr_tui .hType1 .tui-grid-body-area {
    height: 57px !important;
}

.attr_tui .hType2 .hType2_tui .tui-grid-btn-tree {
    padding-left: 6px;
    left: 0 !important
}

.M00001011-remove-icon {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-image: url(/img/cc_del_b.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    outline: none;
}

.filter .ctt .closeBtn {
    background: #1a3868;
    border: 1px solid #1a3868;
    color: #fff;
    font-size: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 3.8rem;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 1rem;
    transition: all 0.3s ease;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
}

.filter .ctt .closeBtn.aBg {
    border: 1px solid #dcdde4;
    color: #0f0f15;
    background: #fff;
}

.filter .ctt .abox .m1 .icon.Set {
    background-image: url(/img/set_off.svg);
}

.filter .ctt .abox .m1 .icon {
    width: 2.4rem;
    height: 2.4rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
    display: block;
}

.filter .ctt .abox .m1 {
    font-size: 1.8rem;
    border-bottom: 1px solid #ebefef;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    position: relative;
}

/* 필터 팝업 전체 */
.filter>.filter-popup {
    position: fixed;
    z-index: 100;
    background: #fff;
    border: 1px solid #ccc;
    padding: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    min-width: 250px;
}

/* 컨텐츠 영역 */
.filter>.filter-popup>.ctt {
    display: block;
}

/* 타이틀 */
.filter>.filter-popup>.ctt>.abox {
    margin-bottom: 8px;
}

.filter>.filter-popup>.ctt>.abox p.m1 {
    font-weight: bold;
    display: flex;
    align-items: center;
}

/* 스크롤 가능한 값 리스트 */
.filter>.filter-popup>.ctt>.value-list {
    height: 250px;
    overflow-y: scroll;
    padding: 1rem;
    border: 1px solid #ebefef;
    border-radius: 5px;
}

/* 전체 선택 라벨 */
.filter>.filter-popup>.ctt>.value-list>.all-option {
    display: block;
    padding: 8px 0 14px 0;
    border-bottom: 1px solid #ebefef;
}

/* 개별 값 라벨 */
.filter>.filter-popup>.ctt>.value-list>.option {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #ebefef;
}

/* 버튼 영역 */
.filter>.filter-popup>.ctt>.button-area {
    margin-top: 8px;
    text-align: right;
}

.filter>.filter-popup>.ctt>.button-area>.closeBtn:hover {
    background-color: #0f0f15;
    border: 1px solid #0f0f15;
}

.filter>.filter-popup>.ctt>.button-area>.aBg:hover {
    background-color: #1a3868;
    border: 1px solid #1a3868;
    color: #fff;
}

.bg-match,
.bg-success {
    background-color: #d4f7d4 !important;
}

.bg-diff,
.bg-warning {
    background-color: #fff7cc !important;
}

.bg-error {
    background-color: #ffd6d6 !important;
}

.hType1 {
    z-index: 10;
}

.device-not-registered {
    color: red !important
}

.device-registered {
    color: blue !important
}

.popCont .ctt .abox .m1 .icon.Pswd {
    background-image: url(/img/gd/password_icon.svg);
    background-size: 2.4rem;
}

.sys3Layout {}

.sys3Layout .cont1 {
    width: 48rem;
}

.sys3Layout .cont2 {}

.sys3Layout .cont2 .rowB {
    height: calc(100% - 10.2rem);
}

.sys3Layout .cont2 .rowB_1 {}

.sys3Layout .cont2 .rowB_2 {
    width: 52rem;
}

.sys1Layout {}

.exp1_4Layout .item .commChk,
.sys1Layout .commChk {
    border: 1px solid #DCDDE4;
    border-radius: 4px;
    padding: 0 1rem;
    display: flex;
    align-items: center;
}

.sys1Layout .commChk .chk_ani {
    margin-right: 1rem;
}

.sys1_3Cont1 {}

.sys1_3Cont2 {}

.sys1_3_tui {
    height: 100%;
}

.sys1_5Cont1 {}

.sys1_5Cont2 {}

.tui-grid-user-cell {
    display: flex;
    align-items: center;
    cursor: pointer;
    min-width: 0;
}

.tui-grid-user-cell .rowA {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    min-width: 0;
}

.tui-grid-user-cell .rowA .dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #c6c8d7;
    margin: 0 5px;
}

.tui-grid-user-cell .rowA .n1 {
    color: #0f0f15;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    max-width: 90px;
}

.tui-grid-user-cell .rowA .n2 {
    color: #595c73;
    margin-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.tui-grid-user-cell .pic {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: url(/img/def_user.svg) no-repeat center / 2.4rem rgba(0, 82, 164, 0.24);
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-right: 1rem;
}

.tui-grid-user-cell .pic img {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    object-fit: cover;
}


.permission-box {
    display: flex;
}

.permission-box .status_cell {
    text-align: center;
    cursor: pointer;
    display: flex;
    min-height: 3.8rem;
    justify-content: left;
    padding-left: 1.2rem;
    align-items: center;
    width: 80%;
    overflow: hidden;
}

.permission-box .search-icon {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 0 2px 2px 0;
    background: url(/img/sch_ic.svg) no-repeat center / 2rem;
    cursor: pointer;
}

.permission-box .dropdown-box {
    width: 3.6rem;
    height: 3.6rem;
    padding: 0 1rem;
    font-size: 1.4rem;
    background: url('/img/arr_down_b.svg') no-repeat 50%;
    background-size: 1.7rem;
    appearance: none;
    cursor: pointer;
}

#exp1_1 .tui-grid-btn-tree,
#exp1_3 .tui-grid-btn-tree,
#eqp3_2 .subp_comm .tui-grid-btn-tree {
    left: 6px !important;
}

.treeCont {
    border: 1px solid #dcdde4;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    position: relative;
    border-radius: 4px;
}

.treeCont .tit {}

.treeCont .listwr {}

.Expd.iconComm {
    background-image: url(/img/set_off.svg);
    background-size: 1.8rem;
}

.Expd.bdr.iconComm {
    background-color: #1a3868;
    color: #FFF;
    background-image: url(/img/set_on.svg);
    background-size: 1.8rem;
}

.ExUp.bdr.iconComm {
    background-color: #1a3868;
      color: #FFF;
    background-image: url(/img/ExUp_on.svg);
    background-size: 1.8rem;
}

.ExUp.bdr.iconComm:hover {
 background-color: #0f0f15 !important;
    border: 1px solid #0f0f15;
}

.ExDw.bdr.iconComm {
    background-color: #1a3868;
    color: #FFF;
    background-image: url(/img/ExDw_on.svg);
    background-size: 1.8rem;
}

.ExDw.bdr.iconComm:hover {
 background-color: #0f0f15 !important;
    border: 1px solid #0f0f15;
}

.Expd.bdr.iconComm:hover {
    background-color: #0f0f15 !important;
    border: 1px solid #0f0f15;
}

.commChk.bg {
    height: 4.4rem;
    display: flex;
    padding: 0 1.6rem;
    background: #f3f4f6;
    border-radius: 4px;
}

.commChk.bg input {
    margin-right: 1rem;
}

.exp1_4Layout .cont1 {
    height: 60%;
    min-height: 0;
    overflow: hidden;
}

.exp1_4Layout .cont2 {
    height: 40%;
}

.exp1_4_tui {
    margin-top: 2rem;
}

body .tui-grid-cell.bg-selected {
    overflow: visible;
}

.ent1_1Layout .cont1 {
    width: 42rem;
}

.ent1_1Layout .fdc > .fx1 {
    min-height: 0;
}

.ent1_1Layout .cont3 {
    width: 36rem;
    display: flex;
    flex-direction: column;
}

.ent1_1Layout .cont4 {
    display: flex;
    flex-direction: column;
}

.ent1_1Layout .leSideTree {
    flex: 1;
    min-height: 0;
    height: auto;
}

.ent4_1Layout .leSideTree .tit,
.ent1_1Layout .leSideTree .tit {
    justify-content: left;
    padding-left: 1.6rem;
}

.ent1_1Layout_tui {
    flex: 1;
    min-height: 0;
}

.ent2_3Layout .cont1 .leSideTree {
    margin-top: 0;
    height: 100%;
}

.ent2_4Layout .cont1 {
    width: 44rem;
}

#exp1_1 .cont3 .tui-grid-cell {
    overflow: visible;
}

.ent3_5Layout .cont1 {
    width: 64rem;
}

.ent3_5_tui {
    margin-top: 2rem;
    height: calc(100% - 4.1rem);
}

.ent3_5Layout .arr {}

.ent3_5Layout .right_move,
.ent3_5Layout .left_move {
    width: 3.6rem;
    height: 3.6rem;
    cursor: pointer;
}

.ent3_5Layout .right_move {
    background: url(/img/gd/right_move.svg) no-repeat center / 100%;
    margin-bottom: 8px;
}

.ent3_5Layout .left_move {
    background: url(/img/gd/left_move.svg) no-repeat center / 100%;
}

.ent4_1Layout .cont2-1 {
    width: 38rem;
}

.check-is-allowed-disabled-row {
    background-color: #f5f5f5 !important;
    color: #bbb !important;
    cursor: not-allowed;
}

.blurred {
    filter: blur(2px);
    pointer-events: none;
    opacity: 0.9;
}

.partition-modal {
    display: flex;
    justify-content: space-between;
}

.partition-modal .leSideTree {
    margin-top: auto;
    border: 1px solid #dcdde4;
    overflow-y: auto;
    background: #fff;
    position: relative;
    border-radius: 4px;
    height: 100%;
    width: 49%;
}

.conn2_2_tbl {
    height: 100%;
    overflow-y: auto;
}

.conn2_2_tbl table {
    width: 100%;
    border-spacing: 0;
}

.conn2_2_tbl table th {
    position: sticky;
    top: 0;
    z-index: 1;
    font-family: 'Pretendard-SemiBold';
    font-weight: 600;
    padding: 10px 8px;
    font-size: 1.4rem;
    background: #f3f4f6;
    border: 1px solid #DCDDE4;
    border-left: 0;
}

.conn2_2_tbl table td {
    font-size: 1.4rem;
    background: #FFF;
    border-bottom: 1px solid #DCDDE4;
    border-right: 1px solid #DCDDE4;
    text-align: center;
    padding: 10px 8px;
    line-height: 1.5;
}

.conn2_2_tbl table td.td1 {
    width: 12rem;
    border-left: 1px solid #DCDDE4;
}

.conn2_2_tbl table td.td2 {
    width: 12rem;
}

.conn2_2_tbl table td.td3 {
    text-align: left;
}

.conn2_2_tbl table th.th1 {
    border-left: 1px solid #DCDDE4;
}

.conn2_2_tbl table td .ok {
    color: #007f00;
}

.conn2_2_tbl table td .nop {
    color: #ff0000;
}

.wauto {
    width: auto !important;
}


.colorBox {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 4.4rem;
    width: 20rem;
    height: 16rem;
    background-color: #fff;
    flex-wrap: wrap;
    border: 1px solid #e8e8e8;
    margin-left: -11rem;
    padding: 5px;
    z-index: 20;
}

.tui-color-cellbox {
    cursor: pointer;
    min-height: 3.8rem;
    display: flex;
    justify-content: left;
    align-items: center;
}

.tui-color-cell {
    min-height: 3rem;
    width: 100%;
    border: 1px solid #EBEBEF;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tui-color-cell-text {
    width: 100%;
    padding-left: 3px !important;
    overflow: hidden;
    color: #e8e8e8;
}

.colorBox ul {
    display: flex;
    gap: 4px;
    margin-bottom: 4px;
}

.colorBox ul:last-child {
    margin-bottom: 0;
}

.colorBox ul li {
    flex: 1;
    width: 1.7rem;
    height: 1.9rem;
    border: 1px solid #DCDDE4;
    cursor: pointer;
}

.colorBox ul li:hover {
    border: 1px solid #000;
}

.colorBox .bg1-1,
.tui-color-cell.bg1-1 {
    background: hsl(0, 78%, 90%);
}

.colorBox .bg1-2,
.tui-color-cell.bg1-2 {
    background: hsl(0, 73%, 81%);
}

.colorBox .bg1-3,
.tui-color-cell.bg1-3 {
    background: hsl(0, 74%, 70%);
}

.colorBox .bg1-4,
.tui-color-cell.bg1-4 {
    background: hsl(0, 74%, 60%);
}

.colorBox .bg1-5,
.tui-color-cell.bg1-5 {
    background: hsl(0, 73%, 49%);
}

.colorBox .bg1-6,
.tui-color-cell.bg1-6 {
    background: hsl(0, 75%, 39%);
}

.colorBox .bg1-7,
.tui-color-cell.bg1-7 {
    background: hsl(0, 76%, 30%);
}

.colorBox .bg1-8,
.tui-color-cell.bg1-8 {
    background: hsl(0, 77%, 20%);
}

.colorBox .bg1-9,
.tui-color-cell.bg1-9 {
    background: hsl(0, 79%, 10%);
}

.colorBox .bg2-1,
.tui-color-cell.bg2-1 {
    background: hsl(28, 78%, 90%);
}

.colorBox .bg2-2,
.tui-color-cell.bg2-2 {
    background: hsl(28, 74%, 81%);
}

.colorBox .bg2-3,
.tui-color-cell.bg2-3 {
    background: hsl(28, 74%, 70%);
}

.colorBox .bg2-4,
.tui-color-cell.bg2-4 {
    background: hsl(28, 75%, 60%);
}

.colorBox .bg2-5,
.tui-color-cell.bg2-5 {
    background: hsl(28, 76%, 49%);
}

.colorBox .bg2-6,
.tui-color-cell.bg2-6 {
    background: hsl(28, 74%, 39%);
}

.colorBox .bg2-7,
.tui-color-cell.bg2-7 {
    background: hsl(28, 75%, 30%);
}

.colorBox .bg2-8,
.tui-color-cell.bg2-8 {
    background: hsl(28, 76%, 20%);
}

.colorBox .bg2-9,
.tui-color-cell.bg2-9 {
    background: hsl(28, 78%, 10%);
}

.colorBox .bg3-1,
.tui-color-cell.bg3-1 {
    background: hsl(120, 78%, 90%);
}

.colorBox .bg3-2,
.tui-color-cell.bg3-2 {
    background: hsl(120, 74%, 81%);
}

.colorBox .bg3-3,
.tui-color-cell.bg3-3 {
    background: hsl(120, 74%, 70%);
}

.colorBox .bg3-4,
.tui-color-cell.bg3-4 {
    background: hsl(120, 75%, 60%);
}

.colorBox .bg3-5,
.tui-color-cell.bg3-5 {
    background: hsl(120, 76%, 49%);
}

.colorBox .bg3-6,
.tui-color-cell.bg3-6 {
    background: hsl(120, 75%, 39%);
}

.colorBox .bg3-7,
.tui-color-cell.bg3-7 {
    background: hsl(120, 74%, 30%);
}

.colorBox .bg3-8,
.tui-color-cell.bg3-8 {
    background: hsl(120, 75%, 20%);
}

.colorBox .bg3-9,
.tui-color-cell.bg3-9 {
    background: hsl(120, 77%, 10%);
}

.colorBox .bg4-1,
.tui-color-cell.bg4-1 {
    background: hsl(180, 78%, 90%);
}

.colorBox .bg4-2,
.tui-color-cell.bg4-2 {
    background: hsl(180, 74%, 81%);
}

.colorBox .bg4-3,
.tui-color-cell.bg4-3 {
    background: hsl(180, 74%, 70%);
}

.colorBox .bg4-4,
.tui-color-cell.bg4-4 {
    background: hsl(180, 75%, 60%);
}

.colorBox .bg4-5,
.tui-color-cell.bg4-5 {
    background: hsl(180, 76%, 49%);
}

.colorBox .bg4-6,
.tui-color-cell.bg4-6 {
    background: hsl(180, 74%, 39%);
}

.colorBox .bg4-7,
.tui-color-cell.bg4-7 {
    background: hsl(180, 75%, 30%);
}

.colorBox .bg4-8,
.tui-color-cell.bg4-8 {
    background: hsl(180, 76%, 20%);
}

.colorBox .bg4-9,
.tui-color-cell.bg4-9 {
    background: hsl(180, 78%, 10%);
}

.colorBox .bg5-1,
.tui-color-cell.bg5-1 {
    background: hsl(240, 76%, 90%);
}

.colorBox .bg5-2,
.tui-color-cell.bg5-2 {
    background: hsl(240, 74%, 81%);
}

.colorBox .bg5-3,
.tui-color-cell.bg5-3 {
    background: hsl(240, 74%, 70%);
}

.colorBox .bg5-4,
.tui-color-cell.bg5-4 {
    background: hsl(240, 75%, 60%);
}

.colorBox .bg5-5,
.tui-color-cell.bg5-5 {
    background: hsl(240, 76%, 49%);
}

.colorBox .bg5-6,
.tui-color-cell.bg5-6 {
    background: hsl(240, 75%, 39%);
}

.colorBox .bg5-7,
.tui-color-cell.bg5-7 {
    background: hsl(240, 74%, 30%);
}

.colorBox .bg5-8,
.tui-color-cell.bg5-8 {
    background: hsl(240, 76%, 20%);
}

.colorBox .bg5-9,
.tui-color-cell.bg5-9 {
    background: hsl(240, 78%, 10%);
}

.colorBox .bg6-1,
.tui-color-cell.bg6-1 {
    background: hsl(300, 78%, 90%);
}

.colorBox .bg6-2,
.tui-color-cell.bg6-2 {
    background: hsl(300, 74%, 81%);
}

.colorBox .bg6-3,
.tui-color-cell.bg6-3 {
    background: hsl(300, 74%, 70%);
}

.colorBox .bg6-4,
.tui-color-cell.bg6-4 {
    background: hsl(300, 75%, 60%);
}

.colorBox .bg6-5,
.tui-color-cell.bg6-5 {
    background: hsl(300, 76%, 49%);
}

.colorBox .bg6-6,
.tui-color-cell.bg6-6 {
    background: hsl(300, 75%, 39%);
}

.colorBox .bg6-7,
.tui-color-cell.bg6-7 {
    background: hsl(300, 74%, 30%);
}

.colorBox .bg6-8,
.tui-color-cell.bg6-8 {
    background: hsl(300, 76%, 20%);
}

.colorBox .bg6-9,
.tui-color-cell.bg6-9 {
    background: hsl(300, 0%, 100%);
}


.sysAcntArea {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.hAuto {
    height: auto !important;
}

.sysAcnt {
    margin-top: 8px;
    width: 100%;
}

.block {
    display: block !important;
}

.sysAcntCont3 {
    margin-top: 8px;
    width: 100%;
}

.sysAcntCont3 .modBtn {
    width: 16rem;
    height: 3.6rem;
    border-radius: 4px;
    color: #1a3868;
    border: 1px solid #1a3868;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.sysAcntCont3 .modBtn::before {
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    transition: all 0.3s ease;
}

.sysAcntCont3 .modBtn:hover {
    background: #1a3868;
    color: #FFF;
}

.sysAcntCont3_1 .modBtn::before {
    background: url(/img/work1_off.svg) no-repeat center;
}

.sysAcntCont3_1 .modBtn:hover::before {
    background: url(/img/work1_on.svg) no-repeat center;
}

.sysAcntCont3_2 .modBtn::before {
    background: url(/img/log_off.svg) no-repeat center;
}

.sysAcntCont3_2 .modBtn:hover::before {
    background: url(/img/log_on.svg) no-repeat center;
}

.cardRead {
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 1.2rem;
    border: 1px solid #DCDDE4;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 2px 4px;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    color: #333;
    gap: 4px;
    cursor: pointer;
}

.cardRead::before {
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    background: url(/img/Read_ic_on.svg) no-repeat center;
}


/* 기본 상태 */
.status-active {
    background-color: #1a3868 !important;
    color: #fff !important;
}

.status-inactive {
    background-color: #FFFFFF !important;
}

.tui-select-box-dropdown {
    z-index: 2;
}

.multiline {
    white-space: normal;
    word-break: break-all;
    line-height: 1.4;
}

.visitor-abnormal-status {
    color: red !important;
}

/* .User3 .sdwBox {
    height: calc(100% - .4rem);
} */

.M00001238-grid-container input[disabled]::after {
    background: #e8e8e8;
}

/* M00001059 - 모바일 발급 가능 건수 표시 */
.mobileInfoTxtPop {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
}

.mobileInfoTxtPop .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/img/cau_ic.svg) no-repeat center;
    background-size: contain;
    margin-right: 6px;
    vertical-align: middle;
}

.mobileInfoTxtPop .text {
    color: #7a7f99;
}

.mobileInfoTxt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0px 5px 0px;
    font-size: 14px;
}

.mobileInfoTxt .text {
    color: #7a7f99;
}


.mobileInfoTxt .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/img/cau_ic.svg) no-repeat center;
    background-size: contain;
    margin-right: 6px;
    vertical-align: middle;
}

/* TUI Grid Summary 스타일 */
.tui-grid-cell-summary {
    background-color: #F9F9F9 !important;
    border-top: 2px solid #999 !important;
    text-align: center !important;
    color: #000000 !important;
}

.tui-grid-cell-summary .tui-grid-cell-content {
    text-align: center !important;
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    color: #000000 !important;
}

/* TUI Grid passive event listener 경고 해결 */
.tui-grid-container,
.tui-grid-body-area,
.tui-grid-rside-area,
.tui-grid-lside-area {
    touch-action: auto !important;
}

/* M00001228 - 출입문 모니터링 */
#sys1_3 .numberInputWrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

#sys1_3 .numberInputWrapper input[type='number'] {
    width: 100%;
    padding-right: 2.8rem;
}

#sys1_3 .numberInputWrapper input[type='number']::-webkit-inner-spin-button,
#sys1_3 .numberInputWrapper input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#sys1_3 .customSpinner {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    pointer-events: auto;
    z-index: 1;
}

#sys1_3 .customSpinner button {
    width: 2rem;
    height: 1rem;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: opacity 0.2s;
}

#sys1_3 .customSpinner button:hover {
    opacity: 0.7;
}

#sys1_3 .numberInputWrapper.disabled {
    opacity: 0.5;
    pointer-events: none;
}

#sys1_3 .numberInputWrapper.disabled input,
#sys1_3 .numberInputWrapper.disabled button {
    cursor: not-allowed;
    background-color: #e9ecef;
}

#sys1_3 .customSpinner button:active {
    opacity: 0.5;
}

/* 위쪽 화살표 (증가) */
#sys1_3 .customSpinner .spinnerUp::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-bottom: 0.6rem solid #1a3868;
}

/* 아래쪽 화살표 (감소) */
#sys1_3 .customSpinner .spinnerDown::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.6rem solid #1a3868;
}

#sys1_3 .schcont_H {
    overflow-y: auto;
    position: relative;
    margin-top: 2rem;
    height: 100%;
    border: 1px solid #dcdde4;
    background: #f3f4f6;
    border-radius: 4px;
    padding-bottom: 0;
}

#sys1_3 .sys1_3_tui .schcont_H {
    margin-top: 0
}

#sys1_3 .sys1Cont {
    min-width: 0;
    overflow: hidden;
}

#sys1_3 .hType2_tui {
    min-width: 0;
    overflow: hidden;
}

#sys1_3 .hType2_tui .t2 {
    height: 6rem;
}
#sys1_3 .tit{
    height: auto;
}
#sys1_3 .tit .checkbox-box,
#sys1_3 .tit .icon-container,
#sys1_3 .tit .icon-box {
    display: flex;
}

#sys1_3 .tit .checkbox-box {
    align-items: center;
    padding-left: 1rem;
    width: 40%;
    gap: 0.5rem;
}

#sys1_3 .tit .icon-container {
    align-items: center;
    width: 60%;
    height: 100%;
    gap: 2rem;
}

#sys1_3 .tit .icon-box {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 2rem;
}

#sys1_3 .w33_Hcont.schcont_H {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

#sys1_3 .w33_Hcont.schcont_H .ExTbl {
    height: 100%;
    flex: 1;
    overflow-y: auto;
    min-width: 0;
}

#sys1_3 .content-container {
    width: 100%;
    min-width: 0;
}

#sys1_3 .floor-container {
    display: flex;
    align-items: center;
    height: 12rem;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
    overflow-x: scroll;
}

#sys1_3 .floor-checkbox-box {
    display: flex;
    align-items: center;
    width: 10rem;
    padding-left: 1rem;
    gap: 0.5rem;
    flex-shrink: 0;
}

#sys1_3 .floor-checkbox-box span {
    font-size: 1.4rem;
}

#sys1_3 .floor-container .door-box-container {
    display: flex;
    flex-wrap: nowrap;
    padding-right: 8px;
    box-sizing: border-box;
    flex: 1;
    min-width: 0;
}

#sys1_3 .floor-container .door-box-container::after {
    content: '';
    flex-shrink: 0;
    width: 1.4rem;
}

#sys1_3 .door-box {
    margin-right: 1rem;
}

#sys1_3 .ExTbl {
    display: flex;
    overflow-x: hidden;
    min-width: 0;
}

#sys1_3 .content-container.floor-half {
    width: 50%;
    border-right: 1px solid #e8e8e8;
    overflow-y: auto;
}

#sys1_3 .content-container.floor-whole {
    width: 100%;
}

#sys1_3 .content-container::after {
    content: '';
    display: flex;
    height: 2rem;
    width: 100%;
}

#sys1_3 .door-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 14rem;
    height: 10rem;
    background-color: #F3F4F6;
    border: 1px solid #d3cfcf;
    border-radius: 10px;
}

#sys1_3 .door-card.user-access,
#sys1_3 .door-record-card.user-access {
    background-color: #007AFF21;
}

#sys1_3 .door-card.long-time-access,
#sys1_3 .door-record-card.long-time-access {
    background-color: #FF8C0021;
}

#sys1_3 .door-card.forcing-access,
#sys1_3 .door-record-card.forcing-access {
    background-color: #FF3B3021;
}

#sys1_3 .door-card.forcing-close,
#sys1_3 .door-record-card.forcing-close {
    background-color: #3B82F621;
}


#sys1_3 .door-card .door-card-top {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 1rem;
    height: 35%;
}

#sys1_3 .door-card .door-card-bottom {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 60%;
    padding-bottom: 1rem;
}

#sys1_3 .door-card .door-card-bottom .door-name {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    width: 60%;
    height: 100%;
    border-radius: 5px;
}

#sys1_3 .door-card .door-card-bottom .door-open-icon,
#sys1_3 .door-card .door-card-bottom .door-closed-icon,
#sys1_3 .door-card .door-card-bottom .fire-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    width: 30%;
    height: 100%;
    border-radius: 5px;
    background-size: 60%;
}

#sys1_3 .door-open-icon,
#sys1_3 .door-closed-icon,
#sys1_3 .lock-icon,
#sys1_3 .unlock-icon,
#sys1_3 .fire-icon {
    width: 25px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#sys1_3 .door-open-icon {
    background-image: url(/img/event_icon/door_open_ic.svg);
}

#sys1_3 .door-closed-icon {
    background-image: url(/img/event_icon/door_closed_ic.svg);
}

#sys1_3 .lock-icon {
    background-image: url(/img/event_icon/console_lock_ic.svg);
}

#sys1_3 .unlock-icon {
    background-image: url(/img/event_icon/console_unlock_ic.svg);
}

#sys1_3 .fire-icon {
    background-image: url(/img/console_fire.png);
}

/* 출입문이력 */
#sys1_3 .sys1_3Cont2 {
    height: 100%;
}

#sys1_3 .sys1_3Cont2 .schcont_H {
    height: 100%;
}

#sys1_3 .door-record-container {
    padding: 1.5rem;
    height: 100%;
    overflow-y: auto;
}

#sys1_3 .door-record-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 14rem;
    width: 100%;
    border: 1px solid #7A7F99;
    border-radius: 5px;
    padding: 1rem 1.5rem;
    margin-bottom: 1rem;
}

#sys1_3 .door-record-card .door-record-card-top {
    display: flex;
    justify-content: space-between;
    height: 30%;
}

#sys1_3 .door-record-card .door-record-card-top .door-info-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#sys1_3 .door-record-card .door-record-card-top .door-info-box .floor-info {
    font-size: 1.4rem;
}

#sys1_3 .door-record-card .door-record-card-top .door-info-box .door-name {
    font-size: 1.5rem;
}

#sys1_3 .door-record-card .door-record-card-line {
    width: 100%;
    height: auto;
    border: 1px solid #e8e8e8;
}

#sys1_3 .door-record-card .door-record-card-bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 60%;
}

#sys1_3 .door-record-card .door-record-card-bottom .record-card-date {
    height: 20%;
    font-size: 1.4rem;
    text-align: center;
}

#sys1_3 .door-record-card .door-record-card-bottom .record-card-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60%;
    background-color: #fff;
    border: 1px solid #7A7F99;
    border-radius: 5px;
    font-size: 1.4rem;
}

/* 출입문 모니터링 end */

/* M00001228 - 우측 사이드바 높이 제한 및 스크롤 */
#sys1_3 .leSide {
    height: 100%;
    min-height: 0;
}

#sys1_3 .leSide .sys1_3Cont2 {
    min-height: 0;
}

#sys1_3 .leSide .sys1_3_tui {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

#sys1_3 .leSide .sys1_3_tui .w33_Hcont.schcont_H {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-top: 0;
    min-height: 0;
}

#sys1_3 .leSide .sys1_3_tui .w33_Hcont.schcont_H .tit {
    flex-shrink: 0;
}

#sys1_3 .leSide .sys1_3_tui .w33_Hcont.schcont_H .door-record-container {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem;
    min-height: 0;
}

#sys1_3 .door-info-card .door-deviceInfo-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.5rem;
    border: 1px solid #7A7F99;
    border-radius: 5px;
    background-color: #fff;
    font-weight: 500;
    padding: 0.3rem;
}

#sys1_3 .door-info-card .door-info-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin: 0.5rem 0;
}

#sys1_3 .door-info-card .door-info-box .door-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    width: calc((100% - 1.5rem) / 4);
    flex: 0 0 calc((100% - 1.5rem) / 4);
    padding: 0.5rem;
    box-sizing: border-box;
}

#sys1_3 .door-info-card .door-info-box .door-info .door-icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    margin: 0 auto;
    border: 2px solid #7A7F99;
    border-radius: 8px;
    background: linear-gradient(145deg, #f8f9fa, #e9ecef);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

#sys1_3 .door-info-card .door-info-box .door-info .door-icon-box:hover {
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

#sys1_3 .door-info-card .door-info-box .door-info .door-icon-box .door-closed-icon {
    width: 2.4rem;
    height: 2.4rem;
}

#sys1_3 .door-info-card .door-info-box .door-info .door-icon-box.edit {
    border-color: #FF8C00;
    background: linear-gradient(145deg, #fff4e6, #ffe8cc);
}

#sys1_3 .door-info-card .door-info-box .door-info .door-name {
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alarm-condition-box {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.alarm-condition-box span {
    flex: 1;
    text-align: end;
}

.alarm-condition-box input {
    flex-shrink: 0;
}

.mb_key.guest-mobile-box .mbSend {
    background-position: 1rem;
}

.partition-icon {
    width: 30px;
    height: 30px;
}

.sch-action-area {
    background-color: #F3F4F6;
    padding: 12px;
    border-radius: 5px;
}

.cond-area {
    background-color: #FFF;
    width: 100%;
    flex: 1;
    min-height: 130px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #dcdde4;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

/* ConditionRenderer 내부 요소 크기 축소 */
.cond-area .cond-dropbox,
.cond-area .cond-dropbox-checkbox {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cond-area .cond-label {
    font-size: 12px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 2px;
}

.cond-area .selc {
    margin-bottom: 0;
}

.cond-area .selc select {
    height: 24px;
    font-size: 12px;
    padding: 0 8px;
}

.cond-area .cond-checkbox-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-height: 60px;
    overflow-y: auto;
}

.cond-area .cond-checkbox-item {
    flex: 0 0 auto;
}

.cond-area .cond-checkbox-item .chkWr {
    display: flex;
    align-items: center;
    font-size: 11px;
}

.cond-area .cond-checkbox-item .chk_ani {
    width: 14px;
    height: 14px;
}

.cond-area .chk-label {
    font-size: 11px;
    white-space: nowrap;
}

/* 요일 + 시간 타입 */
.cond-area .cond-week-time {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cond-area .cond-week-time .comChk ul.jsb {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.cond-area .cond-week-time .comChk ul.jsb li {
    display: flex;
    align-items: center;
    gap: 4px;
}

.cond-area .cond-week-time .comChk ul.jsb li input[type="checkbox"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.cond-area .cond-week-time .comChk ul.jsb li label {
    font-size: 12px;
    cursor: pointer;
    user-select: none;
}

.cond-area .time-input-wrap {
    display: flex;
    align-items: center;
}

.cond-area .time-input-wrap .time-input {
    height: 28px;
    padding: 0 8px;
    font-size: 12px;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}

/* date-time 타입 스타일 */
.cond-area .cond-date-time {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cond-area .cond-date-time .cond-label {
    font-size: 12px;
    font-weight: 500;
    color: #333;
}

.cond-area .cond-date-time .datetime-input {
    height: 28px;
    padding: 0 8px;
    font-size: 12px;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}

/* time-only 타입 스타일 */
.cond-area .cond-time-only {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cond-area .cond-time-only .cond-label {
    font-size: 12px;
    font-weight: 500;
    color: #333;
}

.cond-area .cond-time-only .time-input {
    height: 28px;
    padding: 0 8px;
    font-size: 12px;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}

/* checkbox-only 타입 스타일 */
.cond-area .cond-checkbox-only {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cond-area .cond-checkbox-only .cond-label {
    font-size: 12px;
    font-weight: 500;
    color: #333;
}

.cond-area .cond-checkbox-only .cond-checkbox-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 0;
    max-height: 78px;
    overflow-y: auto;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    padding: 8px;
}

.cond-area .cond-checkbox-only .cond-checkbox-item {
    flex: 0 0 33.33%;
    box-sizing: border-box;
}

.tui_newWrap.advanced-access-grid input[type='checkbox']:disabled::after {
    background: #dcdde4 !important;
}

.popCont .in.w360 {
    width: 36rem;
    max-width: 36rem;
}

.popCont .cau_txt::before {
    margin-top: 2px;
}

.confirm-underline {
    font-size: 12px;
    color: #7a7f99;
    position: relative;
    left: 0;
    text-align: start;
    bottom: -15px;
}

.cond-dropbox-door {
    display: flex;
    gap: 1rem;
    vertical-align: middle;
    align-items: center;
}

.cond-dropbox-door>.selc {
    width: 100%;
}

#condition1,
#condition2,
#action1{
    height: 3rem;
}

.work-day-info-box{
    padding-top: 1rem;
}
.work-day-info-box > *{
    display: flex;
    align-items: center;
    height: 2rem;
    color: #7A7F99;
}
.work-day-info-box .icon.info{
    background-image: url(/img/info_ic.svg);
    flex: 0.1;
    height: 100%;
    background-size: 2rem;
    background-repeat: no-repeat;
}

.device-add-modal .tui-grid-cell-disabled{
    background-color: #f1f1f1 !important;
    pointer-events: none;
}

.device-add-modal .tui-grid-cell-disabled input[type="radio"] {
    opacity: 0.4;
}

.subp_comm .tui-grid-cell.display-none .tui-grid-tree-button-expand .tui-grid-btn-tree {
    pointer-events: none;
}

.subp_comm .tui-grid-cell.display-none .tui-grid-tree-button-expand .tui-grid-btn-tree i {
    display: none;
}


/* enable-depth 클래스가 있는 경우 'ㄴ' 모양의 아이콘 기입 */
.tui-grid-cell.enable-depth .tui-grid-cell-content::after {
    position: absolute;
    content: '';
    background: url('../img/n_shape_icon.svg') no-repeat center;
    width: 2rem;
    height: 2rem;
}

.tui-grid-cell.enable-depth .tui-grid-cell-content::before {
    position: absolute;
    content: '';
    background: url('../img/n_shape_icon.svg') no-repeat center;
    transform: rotate(-90deg);
    width: 2rem;
    height: 2rem;
}

/* 펼침, 접힘 기능 아이콘을 가운데 정렬 */
.transform-center .tui-grid-tree-extra-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  margin-left: 0;
}

/* relative-content 클래스가 있는 경우는 이미 패딩이 들어가 있는 경우 ex) M00001194 */
.tui-grid-cell.enable-depth.relative-content .tui-grid-cell-content {
    position: relative;
    overflow: visible;
}

.tui-grid-cell.enable-depth.relative-content .tui-grid-cell-content::after {
    left: -1rem;
}

.tui-grid-cell.enable-depth.relative-content .tui-grid-cell-content::before {
    left: -1rem;
}

/* pl-* 클래스가 있는 경우는 패딩이 없는 경우 ex) M00001190 */
.tui-grid-cell.enable-depth.pl-0 .tui-grid-cell-content {
    padding-left: 0rem;
}

.tui-grid-cell.enable-depth.pl-2 .tui-grid-cell-content {
    padding-left: 2.5rem;
}

.tui-grid-cell.enable-depth.pl-2 .tui-grid-cell-content::after {
    left: calc(6px + 0rem);
}

.tui-grid-cell.enable-depth.pl-2 .tui-grid-cell-content::before {
    left: calc(6px + 0rem);
}

.tui-grid-cell.enable-depth.pl-4 .tui-grid-cell-content {
    padding-left: 5rem;
}

.tui-grid-cell.enable-depth.pl-4 .tui-grid-cell-content::after {
    left: calc(6px + 2.5rem);
}

.tui-grid-cell.enable-depth.pl-4 .tui-grid-cell-content::before {
    left: calc(6px + 2.5rem);
}

.tui-grid-cell.enable-depth.pl-6 .tui-grid-cell-content {
    padding-left: 7.5rem;
}

.tui-grid-cell.enable-depth.pl-6 .tui-grid-cell-content::after {
    left: calc(6px + 5rem);
}

.tui-grid-cell.enable-depth.pl-6 .tui-grid-cell-content::before {
    left: calc(6px + 5rem);
}

.tui-grid-cell.enable-depth.pl-8 .tui-grid-cell-content {
    padding-left: 9rem;
}

.tui-grid-cell.enable-depth.pl-8 .tui-grid-cell-content::after {
    left: calc(6px + 7.5rem);
}

.tui-grid-cell.enable-depth.pl-8 .tui-grid-cell-content::before {
    left: calc(6px + 7.5rem);
}

/* pl-px-* 클래스가 있는 경우는 'ㄴ' 아이콘을 '접기' 아이콘이 덮어야 하는 경우 ex) M00001211 */
.tui-grid-cell.enable-depth.pl-px-2 .tui-grid-cell-content::after {
    left: 22px;
}

.tui-grid-cell.enable-depth.pl-px-2 .tui-grid-cell-content::before {
    left: 22px;
}

.tui-grid-cell.enable-depth.pl-px-4 .tui-grid-cell-content::after {
    left: 44px;
}

.tui-grid-cell.enable-depth.pl-px-4 .tui-grid-cell-content::before {
    left: 44px;
}

.tui-grid-cell.enable-depth.pl-px-6 .tui-grid-cell-content::after {
    left: 66px;
}

.tui-grid-cell.enable-depth.pl-px-6 .tui-grid-cell-content::before {
    left: 66px;
}

.tui-grid-cell.enable-depth.pl-px-8 .tui-grid-cell-content::after {
    left: 88px;
}

.tui-grid-cell.enable-depth.pl-px-8 .tui-grid-cell-content::before {
    left: 88px;
}

/* M00001228 알림설정 모달 중앙정렬 */
.alarm-setting-container {
    display: flex;
    justify-content: center;
}

.alarm-setting-content {
    display: inline-block;
    text-align: left;
    color: #7a7f99;
    font-size: 1.8rem;
}
/* Dashboard management status count badge */
.dashboard-count-badge {
    display: inline-block;
    background-color: #e0e0e0;
    color: #000;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
    margin-left: 6px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 1.2;
    margin-bottom: 3px;
}

/* Filtered count badge for M00001214 */
.filtered-count-badge {
    display: inline-block;
    background-color: #e0e0e0;
    color: #000;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 16px;
    margin-top: 4px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 1.2;
}

/* edit_modal_local 전용 스타일 */
.edit-modal-local-cont1 {
    height: 100%;
}

.edit-modal-local-tit {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edit-modal-local-tit .commChk {
    position: absolute;
    left: 13px;
}

.edit-modal-local-tit .updw_arr {
    position: absolute;
    right: 0;
}

.arm-icon {
    display: block;
    background: url(/img/arm.svg) no-repeat center / cover;
    width: 1.2rem;
    height: 1.2rem;
}

/* M00001035 조회리스트 select 스타일 */
.search-list-select {
    width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.search-list-select-opt {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.mobile-card-modal-body {
    padding: 20px;
}

.mobile-card-grid-container {
    display: flex;
    gap: 20px;
}

.mobile-card-grid-wrapper {
    flex: 1;
}

.mobile-card-search-wrapper {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-card-grid-title {
    font-size: 20px;
    white-space: nowrap;
    font-family: 'Pretendard-SemiBold';
    color: #1a3868;
    font-weight: 400;
}

.mobile-card-search-controls {
    display: flex;
    align-items: center;
    gap: 5px;
}

.custom-checkbox-dropdown > .select{
    width: 100%;
    height: 3.6rem;
    padding: 0 1rem;
    padding-right: 3rem;
    font-size: 1.4rem;
    color: #0f0f15;
    background: url(/img/arr_down_b.svg) no-repeat 97% 50% #fff;
    background-size: 1.7rem;
    appearance: none;
    border: 1px solid #dcdde4;
    border-radius: 4px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

.btn-disabled {
    pointer-events: none;
    background-color: #f5f5f5 !important;
    color: #bbb !important;
    border-color: #d9d9d9 !important;  /* 테두리도 비활성화 색상으로 */
    cursor: not-allowed;
    opacity: 1;  /* 전체적인 투명도로 비활성화 강조 */
}

/* 아이콘 버튼용 추가 스타일 */
.btn-disabled.iconComm {
    filter: grayscale(100%) opacity(0.6);  /* SVG 아이콘 회색 처리 */
}


/* Toast UI Grid 헤더 배경색 적용 */
.tui-grid-header-area {
    background-color: #F3F4F6 !important;
}
.tui-grid-cell-header {
    background-color: #F3F4F6 !important;
}