@charset "UTF-8";@keyframes modal-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1200;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.modal-overlay{align-items:stretch;justify-content:stretch}}.modal-box:has(:fullscreen){transform:none!important}.modal-box{background:var(--white);border-radius:20px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;gap:20px;padding:25px;max-width:90vw;max-height:90vh;box-sizing:border-box}@media(max-width:768px){.modal-box{width:100%!important;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;gap:0;padding:0;transition:transform .2s ease;animation:modal-sheet-up .25s ease-out}.modal-box .modal-head{touch-action:none;flex-shrink:0;padding:14px 20px}.modal-box .modal-body{padding:10px 20px 20px;margin-right:0}.modal-box .modal-foot{padding:0 20px 20px}.modal-box .modal-foot button{flex:1}.modal-box .modal-body--scrollable+.modal-foot{padding-top:12px;border-top:1px solid var(--grey-200)}}.modal-box .modal-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:20px;color:#121619;flex-shrink:0}.modal-box .modal-head--draggable{cursor:grab;-webkit-user-select:none;user-select:none}.modal-box .modal-head--draggable:active{cursor:grabbing}.modal-box .modal-head .modal-head-actions{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:8px}.modal-box .modal-head .modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;font-size:20px;color:#121619;cursor:pointer;padding:0;line-height:1;min-width:unset;border-radius:8px}.modal-box .modal-head .modal-close:hover{background:#f3f6fb}.modal-box .modal-body{overflow-y:auto;overscroll-behavior:contain;overflow-x:hidden;max-width:100%;flex:1;display:flex;flex-direction:column;gap:15px;padding-bottom:12px}@media(min-width:769px){.modal-box .modal-body{margin-right:-16px;padding-right:16px}}.modal-box .modal-foot{position:relative;display:flex;justify-content:center;align-items:center;gap:10px;flex-shrink:0}.modal-box .modal-foot>.del:first-child{margin-right:auto}.modal-box .modal-foot button{height:48px;min-width:80px;border-radius:10px;font-size:16px}.modal-box--dark{background:#000;border:2px solid rgba(255,255,255,.3);border-radius:24px;padding:32px;gap:24px;box-shadow:0 12px 40px #0009}.modal-box--dark .modal-head{color:#fff;font-size:24px}.modal-box--dark .modal-head .modal-close{color:#fff;font-size:22px;width:40px;height:40px}.modal-box--dark .modal-head .modal-close:hover{background:#ffffff1f}.modal-box--dark .modal-body{color:#fff}@media(max-width:768px){.modal-box:not(.confirm-modal) .modal-foot>.cancel:not(:last-child){display:none}}.modal-body>.modal-readonly{display:flex;flex-direction:column;gap:15px;border:0;padding:0;margin:0;min-width:0;pointer-events:none}.modal-body>.modal-readonly .grid-scroll-wrap,.modal-body>.modal-readonly .grid-scroll{pointer-events:auto}.modal-body>.modal-readonly .form-row{background-color:var(--bg-readonly)}.modal-body>.modal-readonly .form-row__label,.modal-body>.modal-readonly .radio-label,.modal-body>.modal-readonly .selectbox-value,.modal-body>.modal-readonly .calender-input__value{color:var(--text-disabled)}.modal-body>.modal-readonly .form-row__control .radio-label:has(.radio-input:not(:checked)),.modal-body>.modal-readonly .form-row__control .checkbox-label:has(.checkbox-input:not(:checked)){display:none}.modal-body>.modal-readonly .form-row__control .radio-input,.modal-body>.modal-readonly .form-row__control .checkbox-input{display:none}.modal-body>.modal-readonly .selectbox-control:disabled{color:var(--text-disabled)}.modal-body>.modal-readonly .selectbox-arrow,.modal-body>.modal-readonly .calender-input__icon,.modal-body>.modal-readonly .calender-input__icon-btn,.modal-body>.modal-readonly .switch{opacity:.5}.modal-body>.modal-readonly .calender-input__clear-btn,.modal-body>.modal-readonly .input-clear-btn{display:none}.confirm-modal__summary{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.confirm-modal__icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#3176fe;margin-bottom:20px}.confirm-modal__icon--danger{background:linear-gradient(180deg,#f49c6c,#f26113);box-shadow:0 6px 13px #f2611333}.confirm-modal__message{margin:0 0 30px;font-size:18px;font-weight:700;color:#121619}.confirm-modal__message:last-child{margin-bottom:0}.confirm-modal__summary--plain{align-items:flex-start;text-align:left}.confirm-modal__summary--plain .confirm-modal__icon{display:none}.confirm-modal__summary--plain .confirm-modal__message{font-size:14px;font-weight:400;line-height:1.6;word-break:keep-all}.confirm-modal__summary--danger{align-items:center;text-align:center}.confirm-modal__summary--danger .confirm-modal__icon{display:flex}.confirm-modal__summary--danger .confirm-modal__message{font-size:18px;font-weight:700;word-break:keep-all}@media(max-width:768px){.modal-box.confirm-modal .modal-body{justify-content:center}.modal-box.confirm-modal .modal-foot button{flex:1}.confirm-modal__summary--plain{align-items:center;text-align:center}.confirm-modal__summary--plain .confirm-modal__icon{display:flex}.confirm-modal__summary--plain .confirm-modal__message{font-size:18px;font-weight:700}}.confirm-modal__table{width:100%;border-collapse:collapse;border-top:1px solid #6c747e}.confirm-modal__table th{width:150px;background:#f3f6fb;color:#6c747e;font-size:12px;font-weight:500;text-align:center;padding:10px;border-bottom:1px solid #f3f6fb;white-space:nowrap}.confirm-modal__table td{background:#fff;color:#6c747e;font-size:13px;text-align:center;padding:10px 9px;border-bottom:1px solid #f3f6fb;word-break:break-all}.confirm-modal__required{color:#d61111;margin-left:2px}.form-group{display:flex;flex-direction:column;width:100%;flex-shrink:0;border:1px solid #d6dbe1;border-radius:10px;background:#fff;box-sizing:border-box;overflow:hidden}.form-group--required{border-color:#3176fe}.form-row{display:flex;align-items:center;gap:15px;padding:14px}.form-row+.form-row{box-shadow:inset 0 1px #d6dbe1}.form-row--tall{padding-top:30px;padding-bottom:30px}.form-row:has(.switch-track--lg),.form-row--switch-lg{padding-top:10px;padding-bottom:10px}.form-row:not(.form-row--soft-readonly):has(input:read-only:not([type=radio]):not([type=checkbox]):not([type=file])),.form-row:not(.form-row--soft-readonly):has(input:disabled:not([type=radio]):not([type=checkbox]):not([type=file])),.form-row:not(.form-row--soft-readonly):has(select:disabled),.form-row:not(.form-row--soft-readonly):has(textarea:read-only),.form-row:not(.form-row--soft-readonly):has(textarea:disabled),.form-row--readonly{background-color:var(--bg-readonly)}.form-row:not(.form-row--soft-readonly):has(input:read-only:not([type=radio]):not([type=checkbox]):not([type=file])) .form-row__label,.form-row:not(.form-row--soft-readonly):has(input:disabled:not([type=radio]):not([type=checkbox]):not([type=file])) .form-row__label,.form-row:not(.form-row--soft-readonly):has(select:disabled) .form-row__label,.form-row:not(.form-row--soft-readonly):has(textarea:read-only) .form-row__label,.form-row:not(.form-row--soft-readonly):has(textarea:disabled) .form-row__label,.form-row--readonly .form-row__label{color:var(--text-disabled)}.form-row--soft-readonly .form-row__control input:read-only{background-color:transparent;color:inherit!important;-webkit-text-fill-color:currentColor}.form-row__label{display:flex;align-items:center;gap:2px;flex-shrink:0;font-size:13px;line-height:22px;color:#565c63;white-space:nowrap}.form-row__required{color:#d61111}.form-row__control{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex:1;min-width:0}.form-row__control input:not([type=radio]):not([type=checkbox]),.form-row__control select,.form-row__control .selectbox-control,.form-row__control .calender-input{border:none!important;background:transparent!important;padding:0!important;text-align:right;font-size:14px!important;box-sizing:border-box!important}.form-row__control input:not([type=radio]):not([type=checkbox]),.form-row__control select,.form-row__control .selectbox-control{height:22px!important;line-height:22px!important}.form-row__control .calender-input{height:var(--calender-input-height, 22px)!important;line-height:var(--calender-input-height, 22px)!important}.form-row__control .search{height:var(--form-row-button-height, 40px)}.form-row__control .selectbox-control{justify-content:flex-end}.form-row__control input:read-only:not([type=radio]):not([type=checkbox]),.form-row__control input:disabled:not([type=radio]):not([type=checkbox]),.form-row__control select:disabled,.form-row__control textarea:read-only,.form-row__control textarea:disabled{color:var(--text-disabled)!important;-webkit-text-fill-color:var(--text-disabled);opacity:1}.form-row__control .date-input{flex:0 1 auto;width:auto;min-width:0}.form-row__control .calender-input{width:auto;justify-content:flex-end;gap:5px}.form-row__control textarea{width:100%;border:none!important;background:transparent!important;padding:0!important;text-align:left;font-size:14px!important;line-height:1.5!important}.form-row__control input::placeholder,.form-row__control textarea::placeholder{color:#b9c1c9}.form-row--note .form-row__control input{text-align:left!important;padding-right:2px!important}.form-group__note{padding:0 15px 15px;line-height:1.5;word-break:keep-all}.form-group__note+.form-row{border-top:1px solid #d6dbe1}.form-group-row{display:flex;align-items:flex-start;gap:15px}.form-group-row>.form-group{flex:1;min-width:0}@media(max-width:768px){.form-group-row{flex-direction:column;gap:0}.form-group-row>.form-group{flex:none}.form-group-row:not(.form-group-row--split)>.form-group:not(:first-child){border-top:0;border-top-left-radius:0;border-top-right-radius:0}.form-group-row:not(.form-group-row--split)>.form-group:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.form-group-row--split{gap:15px}}.input-field{display:inline-flex;align-items:center;gap:8px;width:100%}.input-field--top{flex-direction:column;align-items:flex-start;gap:4px}.input-field select{width:100%}.input-label{font-size:var(--text-xs);white-space:nowrap;flex-shrink:0}.input-required{color:var(--color-error);margin-left:2px}.input-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.input{display:block;width:100%;min-width:0;box-sizing:border-box;padding:4px 8px;caret-color:var(--font-black, #333)}.input[type=number]{-moz-appearance:textfield}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input--disabled{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.input--readonly{background-color:var(--bg-readonly);color:var(--text-disabled);cursor:default}.input-wrapper input.input--disabled{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.input-wrapper input.input--readonly{background-color:var(--bg-readonly);color:var(--text-disabled);cursor:default}.input-wrapper{display:flex;align-items:center;position:relative;width:100%}.input-wrapper--has-prefix .input{padding-left:28px}.input-wrapper--has-clear .input{padding-right:28px}.input-prefix{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--text-disabled);pointer-events:none}.input-prefix svg{width:14px;height:14px}.input-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:var(--bg-deep-gray);color:var(--white);cursor:pointer;border:none;padding:0;flex-shrink:0}.input-clear-btn:hover{background-color:var(--text-muted)}.input-unit{font-size:var(--text-xs);color:var(--text-muted);padding-left:8px;white-space:nowrap}.input-bottom-text{display:block;font-size:var(--text-xs)}.input-bottom-text--help{color:var(--text-disabled)}.input-bottom-text--success{color:var(--color-success)}.input-bottom-text--error{color:var(--color-error)}.selectbox{position:relative;display:inline-flex;width:100%;min-width:100px}.selectbox-control{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;height:40px;padding:0 10px 0 15px;background:#fff;border:1px solid #d6dbe1;border-radius:10px;font-size:14px;font-family:inherit;cursor:pointer;box-sizing:border-box}.selectbox-control:hover:not(:disabled){border-color:#3176fe}.selectbox-control:disabled{background:#f8f9fc;color:#d6dbe1;cursor:not-allowed}.selectbox--open .selectbox-control{border-color:#121619}.selectbox-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#121619}.selectbox-value--placeholder{color:#b9c1c9}.selectbox-value-prefix{flex-shrink:0;color:var(--grey-900)}.selectbox-value-prefix+.selectbox-value{color:var(--primary-800);margin-right:auto}.selectbox-arrow{flex-shrink:0;color:#565c63}.selectbox-menu{display:flex;flex-direction:column;padding:4px;background:#fff;border:1px solid #d6dbe1;border-radius:10px;box-shadow:0 4px 12px #0000001f;box-sizing:border-box;overflow:hidden}.selectbox-search{box-sizing:border-box;flex-shrink:0;width:100%;height:34px;margin-bottom:4px;padding:0 10px;border:1px solid #d6dbe1;border-radius:8px;font-size:13px;font-family:inherit;color:#121619}.selectbox-search:focus{outline:none;border-color:#3176fe}.selectbox-search::placeholder{color:#b9c1c9}.selectbox-list{margin:0;padding:0;list-style:none;flex:1 1 auto;min-height:0;max-height:240px;overflow-y:auto}.selectbox-option{padding:8px 12px;font-size:14px;color:#121619;border-radius:6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selectbox-option:hover{background:#f3f6fb}.selectbox-option.selected{background:#eef3f6;color:#3176fe;font-weight:500}.selectbox-option--empty{color:#808892;cursor:default;text-align:center}.selectbox-option--empty:hover{background:transparent}.phone-input-field{display:inline-flex;align-items:center;gap:8px;width:100%;flex:1;min-width:0}.phone-input-field--top{flex-direction:column;align-items:flex-start;gap:4px}.phone-input-row{display:flex;align-items:flex-start;gap:6px;flex:1;min-width:0}.phone-input-row .input-field,.phone-input-row .input-body{flex:1;min-width:0}.phone-input-row .phone-input-country{flex-shrink:0;width:150px;min-width:150px}.phone-input-row .phone-input-country .selectbox-control{height:30px;padding:0 8px 0 10px;font-size:var(--text-xs)}.toast-container{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;color:var(--white);font-size:12px;box-shadow:0 4px 12px #0000002e;min-width:240px;max-width:360px;pointer-events:all;animation:toastSlideIn .2s ease}.toast-item--success{background:var(--save-btn-bg)}.toast-item--error{background:var(--del-btn-bg)}.toast-item--warning{background:var(--color-warning)}.toast-item--info{background:var(--search-btn-bg)}.toast-item .toast-msg{flex:1}.toast-item .toast-close{background:none;border:none;color:#ffffffbf;cursor:pointer;padding:0;height:auto;font-size:14px;line-height:1;min-width:unset}.toast-item .toast-close:hover{color:var(--white)}@keyframes toastSlideIn{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-weight:600;white-space:nowrap;line-height:1}.status-badge--sm{font-size:var(--text-xs);padding:2px 6px}.status-badge--md{font-size:var(--text-xs);padding:3px 8px}.status-badge--active{background:#e3f9f1;color:#09b987}.status-badge--inactive{background:#ebeff5;color:#565c63}.status-badge--error{background:#fde3e3;color:#d61111}.status-badge--warning{background:#fef9db;color:#8a6d00}.status-badge--info{background:#d7e8fb;color:#1150c5}.status-badge--pending{background:#fef9db;color:#565c63}.status-badge--outline{background:#fff;border:1px solid currentColor;border-radius:100px;padding:3px 7px;font-size:11px;font-weight:700;line-height:1.4}.status-badge--outline.status-badge--active{color:#24d3a1}.status-badge--outline.status-badge--inactive{color:#b9c1c9}.status-badge--outline.status-badge--warning{color:#e2aa00}.status-badge--outline.status-badge--error{color:#ff1212}td>.status-badge{vertical-align:middle}.hd-lang-dropdown,.hd-bell-dropdown{position:relative}.hd-bell-dropdown .hd-dropdown{left:50%;right:auto;transform:translate(-50%)}.hd-dropdown.hd-bell-panel{border-radius:20px;padding:20px 15px;min-width:380px;max-width:420px}.hd-dropdown.hd-bell-panel .hd-bell-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.hd-dropdown.hd-bell-panel .hd-bell-item{display:flex;align-items:center;gap:7px;width:100%;padding:0;background:none;border:none;border-radius:0;text-align:left;cursor:pointer}.hd-dropdown.hd-bell-panel .hd-bell-item:hover .hd-bell-item__msg{color:var(--nav-blue)}.hd-dropdown.hd-bell-panel .hd-bell-item__msg{flex:1 0 0;min-width:0;font-size:16px;font-weight:500;color:var(--grey-600);line-height:1.6}.hd-dropdown.hd-bell-panel .hd-bell-empty{margin:0;padding:10px 0;font-size:13px;color:var(--grey-500);text-align:center}.hd-dropdown.hd-bell-panel .hd-bell-more{width:100%;margin-top:4px;padding:10px 0 0;border:none;border-top:1px solid var(--border-light);background:none;font-size:13px;font-weight:500;color:var(--grey-500);text-align:center;cursor:pointer}.hd-dropdown.hd-bell-panel .hd-bell-more:hover{color:var(--nav-blue)}.hd-sep-icon{flex-shrink:0;transition:transform .2s ease}.hd-sep-icon--open{transform:rotate(90deg)}.hd-down-icon{flex-shrink:0;transform:rotate(90deg)}.data-grid{display:flex;flex-direction:column;flex:1;min-height:0}@media(max-width:768px){.data-grid{flex:none}}.data-grid .grid-head{display:flex;align-items:center;margin-bottom:15px;padding-left:10px}.data-grid .grid-head .total-cnt{font-weight:700;color:var(--font-black);font-size:var(--text-md)}.data-grid .grid-head .grid-actions{display:flex;align-items:center;gap:15px;margin-left:auto}@media(max-width:768px){.data-grid .grid-head{flex-direction:column-reverse;align-items:stretch;padding-right:10px}.data-grid .grid-head .grid-actions{width:100%;margin-left:0;margin-bottom:10px}}.data-grid .list-tb th .checkbox-input,.data-grid .list-tb td .checkbox-input{left:0}.data-grid .grid-empty-block{position:sticky;left:0;padding:30px 10px;color:var(--text-disabled);font-size:var(--text-xs);text-align:center;border-bottom:1px solid #ebeff5}.data-grid .grid-empty{padding:30px 0;color:var(--text-disabled);font-size:var(--text-xs);text-align:center;cursor:default;-webkit-user-select:none;user-select:none}.data-grid .grid-cell-empty{color:var(--text-muted)}.data-grid .row-selected>td{background:var(--label-bg)!important;color:#3176fe;font-weight:700}.data-grid .grid-scroll-wrap::-webkit-scrollbar,.data-grid .grid-scroll::-webkit-scrollbar{height:5px}.data-grid .grid-scroll-wrap::-webkit-scrollbar-track,.data-grid .grid-scroll::-webkit-scrollbar-track{background:transparent}.data-grid .grid-scroll-wrap::-webkit-scrollbar-thumb:horizontal,.data-grid .grid-scroll::-webkit-scrollbar-thumb:horizontal{background:var(--primary-600);border-radius:100px}.data-grid .grid-scroll-wrap::-webkit-scrollbar-thumb:vertical,.data-grid .grid-scroll::-webkit-scrollbar-thumb:vertical{background:var(--grey-400);border-radius:100px}.data-grid .grid-scroll-wrap{position:relative;flex:0 1 auto;min-height:0;display:flex;flex-direction:column}@media(max-width:768px){.data-grid .grid-scroll-wrap{overflow-x:auto;overflow-y:hidden;padding-bottom:10px}}.data-grid .grid-scroll-wrap .shadowTop,.data-grid .grid-scroll-wrap .shadowBottom{position:absolute;left:0;right:var(--scrollbar-w, 0px);height:16px;z-index:3;opacity:0;pointer-events:none}.data-grid .grid-scroll-wrap .shadowTop{top:var(--thead-h, 0px);box-shadow:inset 0 10px 15px -10px #0000001f}.data-grid .grid-scroll-wrap .shadowBottom{bottom:0;box-shadow:inset 0 -10px 15px -10px #0000001f}.data-grid .grid-scroll-wrap .grid-scroll.scrollUp~.shadowBottom{opacity:1}.data-grid .grid-scroll-wrap .grid-scroll.scrollMid~.shadowTop,.data-grid .grid-scroll-wrap .grid-scroll.scrollMid~.shadowBottom{opacity:1}.data-grid .grid-scroll-wrap .grid-scroll.scrollDn~.shadowTop{opacity:1}.data-grid .grid-scroll{flex:1;min-height:0;overflow-x:auto;overflow-y:auto}@media(max-width:768px){.data-grid .grid-scroll{overflow:visible}}.data-grid .grid-scroll .list-tb{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.data-grid .grid-scroll .list-tb th,.data-grid .grid-scroll .list-tb td{border-top:none}.data-grid .grid-scroll .list-tb{min-width:max-content}.data-grid .grid-scroll .list-tb col:not([style]){width:140px}.data-grid .grid-scroll .list-tb col.grid-col-auto{width:auto}@media(max-width:768px){.data-grid .grid-scroll .list-tb col.grid-col-auto{width:320px}.data-grid .grid-scroll .list-tb col:not([style]):not(.grid-col-auto){width:180px}}.data-grid .grid-scroll thead th{position:sticky;top:var(--group-thead-h, 0px);z-index:2;background-color:var(--table-th-bg)}.data-grid .grid-scroll thead tr.grid-group-header th{top:0;z-index:3}.data-grid .grid-scroll tbody tr:nth-child(2n)>td{background-color:#f8f9fc}.data-grid .grid-scroll tbody tr.row-clickable:hover>td{color:#3176fe;font-weight:700}@media(max-width:768px){.data-grid .grid-scroll th,.data-grid .grid-scroll td{padding-top:8px;padding-bottom:8px}.data-grid .grid-scroll td.grid-cell-auto{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.grid-filter-panel{position:fixed;z-index:9999;min-width:180px;background:var(--white);border:1px solid var(--border-light);border-radius:6px;box-shadow:0 4px 12px #0000001f;font-size:var(--text-xs);color:var(--font-black)}.grid-filter-list{max-height:200px;overflow-y:auto;padding:8px 4px;border-bottom:1px solid var(--border-light)}.grid-filter-list .filter-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;cursor:pointer}.grid-filter-list .filter-item:hover{background:#f3f4f6}.grid-filter-list .filter-item input[type=checkbox]{cursor:pointer}.grid-filter-list .filter-item .filter-item__text *{all:unset}.grid-filter-footer{display:flex;justify-content:flex-end;gap:8px;padding:8px 10px}.grid-filter-footer .filter-ok-btn,.grid-filter-footer .filter-cancel-btn{height:28px;padding:0 14px;border-radius:4px;font-size:var(--text-xs);cursor:pointer}.grid-filter-footer .filter-ok-btn{background:var(--blue);color:var(--white);border:none}.grid-filter-footer .filter-cancel-btn{background:var(--white);color:var(--font-black);border:1px solid var(--border-light)}.data-grid.data-grid--has-cards .grid-cards{display:none}@media(max-width:768px){.data-grid.data-grid--has-cards .grid-scroll-wrap{display:none}.data-grid.data-grid--has-cards .grid-cards{display:flex}}.grid-cards{flex-direction:column;flex:1;min-height:0;overflow-y:auto}.grid-cards .grid-card-row{display:flex;flex-direction:column;gap:4px;padding:14px 4px;border-bottom:1px solid var(--border-light)}.grid-cards .grid-card-row:first-child{border-top:1px solid var(--border-light)}.grid-cards .grid-card-row.row-clickable{cursor:pointer}.grid-cards .grid-card-row .grid-card-row__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.grid-cards .grid-card-row .grid-card-row__title-group{display:flex;align-items:center;gap:6px;min-width:0}.grid-cards .grid-card-row .grid-card-row__title{font-weight:700;font-size:var(--text-md);color:var(--font-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-cards .grid-card-row .grid-card-row__meta{flex-shrink:0;font-size:var(--text-xs);color:var(--text-muted)}.grid-cards .grid-card-row .grid-card-row__subtitle{font-size:var(--text-xs);color:var(--text-muted)}.grid-cards .grid-cards__empty{padding:30px 0;color:var(--text-disabled);font-size:var(--text-xs);text-align:center}.list-tb thead th{position:relative}.grid-group-th{text-align:center;border-bottom:var(--border);font-weight:600}.data-grid--grouped .list-tb thead th{border-right:1px solid var(--border-light)}.data-grid--grouped .list-tb thead th:last-child{border-right:none}.data-grid td{vertical-align:middle}.row-clickable{cursor:pointer}.grid-load-more{width:100%;height:48px;margin-top:20px;flex-shrink:0;background:#f8f9fc;color:var(--font-black);border:none;border-radius:10px;font-size:16px}.grid-load-more__loaded{color:#3176fe}.grid-load-more:disabled{color:var(--text-disabled);cursor:default}.grid-paging{display:flex;align-items:center;gap:10px;position:relative;margin-top:15px;padding:0}.grid-paging__nav{flex:1 0 0;display:flex;align-items:center;justify-content:center;gap:5px}.grid-paging__size{flex:0 0 120px;width:120px}.grid-paging__size-select .selectbox-value{color:#b9c1c9}.grid-paging__size-spacer{flex:0 0 120px;width:120px}.grid-paging .page-btn{min-width:30px;height:30px;padding:0 4px;border-radius:100px;border:none;background:#fff;color:#565c63;font-size:14px;cursor:pointer;line-height:1}.grid-paging .page-btn:hover:not(:disabled){background:#f8f9fc}.grid-paging .page-btn.active{background:#eef3f6;color:#3176fe;font-weight:500}.grid-paging .page-btn.active:hover:not(:disabled){background:#eef3f6}.grid-paging .page-btn:disabled{opacity:.35;cursor:default}.pg-title{display:flex;flex-direction:row;justify-content:space-between;gap:10px;padding-left:20px;margin-top:8.5px;margin-bottom:28.5px;flex-shrink:0}@media(max-width:768px){.pg-title{padding-left:0;margin-bottom:20px}}.pg-title__crumbs{display:flex;align-items:center;gap:10px;margin-right:20px}@media(max-width:768px){.pg-title__crumbs{display:none}}.pg-title__crumb-home{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:none;border:none;padding:0;cursor:pointer;color:#888;flex-shrink:0}.pg-title__crumb-home:hover{color:var(--nav-blue)}.pg-title__crumb-group{display:flex;align-items:center;gap:10px}.pg-title__crumb-sep{display:flex;align-items:center;color:#ccc;flex-shrink:0}button.pg-title__crumb{font-size:14px;font-weight:500;color:#666;background:none;border:none;padding:0;cursor:pointer;height:auto;border-radius:0}button.pg-title__crumb:hover{color:var(--nav-blue);text-decoration:underline}span.pg-title__crumb{font-size:14px;font-weight:500;color:#666}.pg-title__crumb--active{color:var(--nav-blue)!important;font-weight:700!important}.pg-title__row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-right:4px}@media(max-width:768px){.pg-title__row{flex:1;min-width:0;padding-right:0}}.pg-title__count{display:none}@media(max-width:768px){.pg-title__count{display:inline-flex;align-items:center;box-sizing:border-box;height:30px;padding:0 12px;border:1px solid #d6dbe1;border-radius:100px;background:#fff;font-size:13px;color:#121619;white-space:nowrap;flex-shrink:0}.pg-title__count strong{margin:0 2px;color:inherit}}.pg-title__text{font-size:28px;font-weight:700;color:#222;line-height:1.4;flex:1;min-width:0}@media(max-width:768px){.pg-title__text{font-size:18px}}.pg-title__search{display:flex;align-items:center;gap:8px;width:300px;max-width:100%;flex-shrink:1;height:40px;background:#fff;border:1px solid #ddd;border-radius:100px;padding:0 12px 0 18px;box-sizing:border-box}.pg-title__search-input{flex:1;min-width:0;background:none;border:none;outline:none;font-size:14px;font-weight:400;color:#333;height:100%;padding:0}.pg-title__search-input::placeholder{color:#888;font-weight:400}.pg-title__search-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:#888;flex-shrink:0;height:auto}.pg-title__search-btn:hover{color:var(--nav-blue)}.switch{cursor:pointer;display:inline-flex;align-items:center}.switch--disabled{cursor:not-allowed;opacity:.5}.switch-input{position:absolute;width:1px!important;height:1px!important;margin:-1px!important;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none;min-width:0!important}.switch-track{position:relative;display:inline-block;flex-shrink:0;border-radius:999px;background:#b9c1c9;transition:background .2s}.switch-track--on{background:#3176fe}.switch-track--disabled{pointer-events:none}.switch-track--md{width:40px;height:22px}.switch-track--md .switch-thumb{width:16px;height:16px;top:3px;left:3px}.switch-track--md.switch-track--on .switch-thumb{left:21px}.switch-track--sm{width:32px;height:18px}.switch-track--sm .switch-thumb{width:12px;height:12px;top:3px;left:3px}.switch-track--sm.switch-track--on .switch-thumb{left:17px}.switch-track--lg{width:70px;height:30px}.switch-track--lg .switch-thumb{width:26px;height:26px;top:2px;left:2px}.switch-track--lg.switch-track--on .switch-thumb{left:42px}.switch-track-label{position:absolute;top:50%;left:8px;width:34px;transform:translateY(-50%);font-size:12px;font-weight:500;color:#fff;line-height:14px;text-align:center}.switch-track-label--off{left:auto;right:8px}.switch-status{position:absolute;right:0;top:30px}.switch-thumb{position:absolute;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .2s}.switch-label{font-size:13px;color:#121619;line-height:1.4;white-space:nowrap}.member-cnt-pill{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 16px;border:1px solid #3176fe;border-radius:100px;background:#fff;color:#3176fe;font-size:var(--text-sm);font-weight:500;white-space:nowrap;cursor:pointer}.member-cnt-pill:hover{background:var(--primary-200)}.member-pop-table{table-layout:fixed;width:100%}.member-pop-table td{padding:9px 10px;font-size:13px;color:var(--grey-550);text-align:center;border-bottom:1px solid var(--grey-100)}.member-pop-table tbody tr:nth-child(2n)>td{background:#f8f9fc}.member-pop-table tbody tr:nth-child(odd)>td{background:#fff}.member-pop-table .grid-empty{padding:40px 0;background:#fff;border-bottom:none;color:var(--text-disabled);font-size:var(--text-xs);cursor:default;-webkit-user-select:none;user-select:none}.yn-toggle-btn{padding:4px 18px;border-radius:4px;font-size:var(--text-sm);border:1px solid;cursor:pointer}.yn-toggle-btn--y-active{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.yn-toggle-btn--n-active{border-color:var(--color-error);background:#fef2f2;color:var(--color-error)}.yn-toggle-btn--inactive{border-color:#e2e8f0;background:#fff;color:var(--text-muted)}.auth-grp-mng .applied-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:8px}.auth-grp-mng .full-col{grid-column:1/-1}.checkbox-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#121619;-webkit-user-select:none;user-select:none}.checkbox-label--left{flex-direction:row-reverse;justify-content:flex-end}.checkbox-label:has(.checkbox-input:disabled){cursor:not-allowed;color:#808892}input[type=checkbox].checkbox-input{position:relative;top:0;left:6px;width:15px;height:15px;accent-color:#3176fe;cursor:pointer;flex-shrink:0}input[type=checkbox].checkbox-input:disabled{cursor:not-allowed;accent-color:#b9c1c9}.checkbox-text{line-height:1.4;min-width:100px}input[type=checkbox].checkbox-input--circle{-moz-appearance:none;appearance:none;-webkit-appearance:none;left:0;box-sizing:border-box;flex:none;width:18px;height:18px;min-width:18px;min-height:18px;margin:3px;border:1.5px solid var(--border-light);border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9.1875L8 12.1875L13.1875 7' stroke='%233176FE' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/18px 18px;filter:grayscale(1)}input[type=checkbox].checkbox-input--circle:checked{border-color:#3176fe;filter:none;background-color:#3176fe;background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9.1875L8 12.1875L13.1875 7' stroke='white' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}input[type=checkbox].checkbox-input--circle:disabled{opacity:.5}.checkbox-label--circle{gap:5px}.checkbox-label--circle .checkbox-text{min-width:0}.auth-menu-mng__split{display:flex;align-items:stretch;flex:1;min-height:0;gap:20px}.auth-menu-mng__tree-panel{display:flex;flex-direction:column;flex:0 0 540px;min-width:0;min-height:0}.auth-menu-mng__table-panel{display:flex;flex-direction:column;flex:1 0 0;min-width:0;min-height:0}.auth-menu-mng .roundBox .scrollShadowWrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.auth-menu-mng .roundBox .scrollShadowWrap .scrollView{position:static}.auth-menu-mng .roundBox .scrollShadowWrap .shadowTop,.auth-menu-mng .roundBox .scrollShadowWrap .shadowBottom{position:absolute;left:0;right:var(--scrollbar-w, 0px);height:16px;z-index:5;opacity:0;pointer-events:none}.auth-menu-mng .roundBox .scrollShadowWrap .shadowTop{top:var(--thead-h, 0px);box-shadow:inset 0 10px 15px -10px #0000001f}.auth-menu-mng .roundBox .scrollShadowWrap .shadowBottom{bottom:0;box-shadow:inset 0 -10px 15px -10px #0000001f}.auth-menu-mng .roundBox .scrollShadowWrap .scrollView.scrollUp~.shadowBottom{opacity:1}.auth-menu-mng .roundBox .scrollShadowWrap .scrollView.scrollMid~.shadowTop,.auth-menu-mng .roundBox .scrollShadowWrap .scrollView.scrollMid~.shadowBottom{opacity:1}.auth-menu-mng .roundBox .scrollShadowWrap .scrollView.scrollDn~.shadowTop{opacity:1}.auth-menu-mng .no-group-hint{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-disabled);font-size:14px}.auth-menu-mng .loading-hint{text-align:center;padding:40px;color:var(--text-disabled)}.auth-menu-mng .list-tb{border-collapse:separate;border-spacing:0}.auth-menu-mng .list-tb th,.auth-menu-mng .list-tb td{border-top:none}.auth-menu-mng .list-tb thead th{position:sticky;top:0;z-index:2;background-color:var(--table-th-bg)}.auth-menu-mng .menu-table{table-layout:fixed;width:100%}.auth-menu-mng .menu-table thead th{background-color:var(--primary-200)}.auth-menu-mng .menu-table .menu-empty{padding:60px 0;border-bottom:none;color:var(--text-disabled);font-size:var(--text-xs);cursor:default;-webkit-user-select:none;user-select:none}.auth-menu-mng .col-path{color:var(--text-disabled);text-align:center}.auth-menu-mng .th-check{display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-menu-mng .list-tb tbody tr:hover:not(:has(.grid-empty)){background:var(--table-row-hover, rgba(0, 0, 0, .03))}.auth-menu-mng .list-tb tbody tr.tree-row--root{background:var(--bg-light-gray)}.auth-menu-mng .list-tb tbody tr.row-selected{background:var(--label-bg)}.auth-menu-mng .list-tb tbody tr.row-selected td{color:#3176fe;font-weight:700}.auth-menu-mng .col-radio,.auth-menu-mng .col-check{text-align:center}.auth-menu-mng .no-default{color:var(--text-disabled, #a8aeb5);font-size:var(--text-sm, 14px)}.auth-menu-mng .radio-inline,.auth-menu-mng .check-inline{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted, #565c63);font-size:var(--text-sm, 14px)}.auth-menu-mng .check-inline--locked input[type=checkbox].checkbox-input--circle:disabled{opacity:1;cursor:not-allowed}.auth-menu-mng .radio-inline input[type=checkbox].checkbox-input--circle{background-image:none;filter:none}.auth-menu-mng .radio-inline input[type=checkbox].checkbox-input--circle:checked{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%233176fe'/%3E%3C/svg%3E");background-size:18px 18px}.auth-menu-mng .radio-inline input[type=checkbox].checkbox-input--circle:disabled{background-image:none}.auth-menu-mng .default-menu-radio,.auth-menu-mng .tree-checkbox{accent-color:var(--primary, #3176fe);cursor:pointer}.auth-menu-mng .default-menu-radio:disabled,.auth-menu-mng .tree-checkbox:disabled{cursor:not-allowed;opacity:.4}.auth-menu-mng .col-menu-name{text-align:left}.auth-menu-mng .menu-name-cell{display:flex;align-items:center;gap:10px;padding:0 20px}.auth-menu-mng .depth-badge{flex:0 0 auto;padding:3px 7px 4px;border:1px solid;border-radius:3px;background:#fff;font-size:11px;font-weight:700;white-space:nowrap}.auth-menu-mng .depth-badge--1{border-color:#3176fe;color:#3176fe}.auth-menu-mng .depth-badge--2{border-color:#09b987;color:#09b987}.auth-menu-mng .depth-badge--3{border-color:#808892;color:#808892}.auth-menu-mng .tree-row--root .menu-name-cell .tree-label,.auth-menu-mng .tree-row--root .menu-name-cell input.tree-title-input{font-weight:700;color:#3176fe}.auth-menu-mng .tree-title-input{flex:1;min-width:0;height:30px;padding:0 10px;border:1px solid transparent;border-radius:4px;background:transparent}.auth-menu-mng .tree-title-input:hover{background:var(--bg-light-gray)}.auth-menu-mng .tree-title-input:focus{background:var(--bg-white, #fff);border-color:var(--primary, #3176fe);outline:none}.auth-menu-mng .tree-title-input::placeholder{color:var(--text-disabled)}.auth-menu-mng--site .menu-table thead th{background-color:var(--table-th-bg)}.summary-section{display:flex;gap:20px;box-sizing:border-box}@media(max-width:768px){.summary-section{flex-wrap:wrap;gap:10px}}.summary-section .summary-card{flex:1;min-width:0;box-sizing:border-box;background:#3176fe;border:1px solid #3176fe;border-radius:20px;padding:15px 30px;color:#fff;display:flex;align-items:center;gap:20px}@media(max-width:768px){.summary-section .summary-card{flex:1 1 100%;padding:12px 14px;gap:12px;background:#fff;border-color:#3176fe;border-radius:14px;color:#121619}}@media(max-width:768px){.summary-section .summary-card:not(:first-child){flex:1 1 calc(50% - 5px);gap:8px;padding:12px}}.summary-section .summary-card__icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#fff;border-radius:50%;flex-shrink:0}.summary-section .summary-card__icon img{width:32px;height:32px}@media(max-width:768px){.summary-section .summary-card__icon{width:32px;height:32px;background:#eef3f6}.summary-section .summary-card__icon img{width:20px;height:20px}}.summary-section .summary-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.summary-section .summary-card__label{font-size:16px;font-weight:500}@media(max-width:768px){.summary-section .summary-card__label{font-size:14px;color:#121619}}@media(max-width:768px){.summary-section .summary-card__label-sub{display:none}}.summary-section .summary-card__value{font-family:var(--font-number);font-size:30px;font-weight:700;line-height:1.6;white-space:nowrap}@media(max-width:768px){.summary-section .summary-card__value{font-size:18px;line-height:1.3;color:#3176fe}}.summary-section .summary-card__value em{font-family:Pretendard,프리텐다드,Malgun Gothic,돋움,dotum,Apple SD Gothic NEO,sans-serif;font-size:28px;font-weight:700;margin-left:4px;font-style:normal}@media(max-width:768px){.summary-section .summary-card__value em{font-size:16px;margin-left:2px}}.dashboard-card{flex:1;min-height:0;border-radius:20px;padding:15px;display:flex;flex-direction:column;gap:10px}.dashboard-card .dashboard-card__body .liquid-gauge{position:relative;display:flex;top:0;right:0}.dashboard-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px}@media(max-width:768px){.dashboard-card__header{flex-wrap:wrap}}@container main-widget (max-width: 460px){.dashboard-card__header{flex-wrap:wrap}}.dashboard-card__title{font-size:18px;font-weight:700;white-space:nowrap}.dashboard-card__actions{display:flex;align-items:center;gap:6px;font-size:14px}.dashboard-card__body{flex:1;min-height:0;display:flex;flex-direction:column}.dashboard-card__body>*{flex:1;min-height:0}.dashboard-card--light{background:#fff;border:1px solid #d6dbe1}.dashboard-card--light .dashboard-card__title,.dashboard-card--light .dashboard-card__actions{color:#121619}.dashboard-card--dark{background:#1a2035;border:none}.dashboard-card--dark .dashboard-card__title{color:#e2e8f0}.dashboard-card--dark .dashboard-card__actions{color:#94a3b8}.weather-link-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:2px;height:32px;padding:0 10px;border:1px solid #d6dbe1;border-radius:100px;font-size:14px;font-weight:500;color:#121619;text-decoration:none;white-space:nowrap}.weather-link-btn__value{color:#3176fe}.weather-link-btn__icon{width:9px;height:9px;margin-left:2px}.weather-body{height:100%}.weather-body .weather-current-box{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;row-gap:12px;column-gap:15px;height:100%;background:#f8f9fc;border-radius:15px;padding:20px 15px;overflow:hidden}@media(max-width:768px){.weather-body .weather-current-box{flex-direction:column;align-items:stretch;height:auto;row-gap:15px;padding:15px}}.weather-body .weather-now-badge{display:none}@media(max-width:768px){.weather-body .weather-now-badge{display:inline-flex;align-self:flex-start;align-items:center;height:26px;padding:0 12px;border-radius:100px;background:#3176fe;color:#fff;font-size:13px;font-weight:500;white-space:nowrap}}.weather-body .weather-info{display:flex;align-items:center;flex:1 1 200px;min-width:0}@media(max-width:768px){.weather-body .weather-info{flex-wrap:nowrap;column-gap:12px}}.weather-body .weather-icon-area{display:flex;align-items:center;justify-content:center;width:90px;height:90px;padding:0 30px;flex-shrink:0}@media(max-width:768px){.weather-body .weather-icon-area{width:72px;height:72px;padding:0}}.weather-body .weather-icon-area img{width:100%;height:100%}.weather-body .weather-temp-block{display:flex;flex-direction:column;gap:10px;min-width:0}.weather-body .weather-temp-main{display:flex;align-items:baseline;font-family:var(--font-number);font-size:30px;font-weight:700;line-height:1.6;white-space:nowrap}.weather-body .weather-temp-main .weather-temp-value{color:#3176fe}.weather-body .weather-temp-main em{font-size:30px;font-weight:500;font-style:normal;color:#121619}@media(max-width:768px){.weather-body .weather-temp-main{font-size:24px}.weather-body .weather-temp-main .weather-temp-value{color:#000}.weather-body .weather-temp-main em{font-size:24px}}.weather-body .weather-minmax{display:flex;align-items:center;gap:20px}@media(max-width:768px){.weather-body .weather-minmax{gap:10px}}.weather-body .weather-minmax-item{display:flex;align-items:center;gap:5px;white-space:nowrap}.weather-body .weather-minmax-label{font-size:14px;font-weight:500;color:#121619}.weather-body .weather-minmax-value{font-family:var(--font-number);font-size:12px;font-weight:700;color:#121619}@media(max-width:768px){.weather-body .weather-minmax-value{font-size:14px}}.weather-body .weather-minmax-divider{width:1px;height:10px;background:#d6dbe1;flex-shrink:0}.weather-body .weather-stat-groups{display:flex;flex-direction:column;justify-content:center;gap:5px;flex:1 1 240px;min-width:0}@media(max-width:768px){.weather-body .weather-stat-groups{flex:none;justify-content:flex-start;gap:10px;padding:15px 0 0;border-top:1px solid var(--grey-300)}}.weather-body .weather-stat-box{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:10px 15px;background:#fff;border-radius:10px}@media(max-width:768px){.weather-body .weather-stat-box{display:contents}}.weather-body .weather-stat-item{display:flex;flex:1 1 0;align-items:center;justify-content:space-between;gap:8px;min-width:0;font-size:13px;color:#121619}@media(max-width:768px){.weather-body .weather-stat-item{flex:1 1 100%;width:100%;padding:0;font-size:14px}}.weather-body .weather-stat-divider{width:1px;height:10px;margin:0 5px;background:#d6dbe1;flex-shrink:0}@media(max-width:768px){.weather-body .weather-stat-divider{display:none}}.weather-body .weather-stat-label{flex-shrink:0;font-weight:500;white-space:nowrap}.weather-body .weather-stat-value{flex-shrink:0;font-family:var(--font-number);font-weight:700;white-space:nowrap}.weather-body .weather-stat-value--text{font-family:Pretendard,프리텐다드,Malgun Gothic,돋움,dotum,Apple SD Gothic NEO,sans-serif;font-weight:900}.worker-body{display:flex;flex-direction:column;gap:10px;height:100%}.worker-summary-row{display:flex;align-items:center;gap:15px;flex:1;min-height:0;background:#f3f6fb;border-radius:15px;padding:15px 20px}@container main-widget (max-width: 580px){.worker-summary-row{flex-direction:column;align-items:stretch}}@media(max-width:768px){.worker-summary-row{flex-direction:column;align-items:stretch;gap:10px;border-radius:10px;padding:15px}}.worker-realtime{display:flex;flex:1;align-items:center;justify-content:space-between;min-width:0}.worker-realtime-label{font-size:14px;font-weight:500;color:#121619}.worker-realtime-count{font-family:var(--font-number);font-size:25px;font-weight:700;color:#3176fe;line-height:1.4;padding-right:10px}.worker-checkin-pill{display:flex;align-items:center;gap:10px;flex-shrink:0;box-sizing:border-box;width:325px;height:100%;min-height:35px;background:#fff;border-radius:100px;padding:0 20px}@container main-widget (max-width: 580px){.worker-checkin-pill{width:100%;height:auto;min-height:0}}@media(max-width:768px){.worker-checkin-pill{width:100%;height:auto;min-height:0;padding:5px 15px}}.worker-pill-label{font-size:14px;font-weight:500;line-height:1;color:#121619;white-space:nowrap}.worker-pill-value{flex:1;min-width:0;font-family:var(--font-number);font-size:16px;font-weight:700;line-height:1;color:#121619;text-align:right}.worker-pill-divider{width:1px;height:15px;background:#d6dbe1;flex-shrink:0}.worker-stat-grid{display:flex;gap:10px}.worker-stat-item{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:15px;color:#121619;white-space:nowrap}.worker-stat-item--blue{background:#aff7ff}.worker-stat-item--mint{background:#beffec}.worker-stat-item--peach{background:#ffd2a9}.worker-stat-label{font-size:14px;font-weight:500}.worker-stat-value{font-family:var(--font-number);font-size:16px;font-weight:700}.alert-header-right{display:flex;align-items:center;gap:10px}.alert-body{height:100%;overflow:auto;max-height:240px;overflow-y:auto}.alert-body::-webkit-scrollbar{width:6px}.alert-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.alert-body.alert-body--empty{flex:0 0 auto;height:auto;overflow:visible}.alert-col-zone{width:14.3%}.alert-col-content{width:50.6%}.alert-col-time{width:20.8%}.alert-col-status{width:14.3%}.alert-table.list-tb{width:100%;table-layout:fixed}.alert-table.list-tb td{padding:8px 10px 7px}.alert-table.list-tb th:nth-child(2),.alert-table.list-tb td:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.alert-table.list-tb th:nth-child(2),.alert-table.list-tb td:nth-child(2){white-space:normal;text-overflow:clip}}.alert-table.list-tb td{font-size:13px}.alert-table.list-tb tr.row--danger td{color:var(--color-error);font-weight:700}.alert-table.list-tb tr.row--danger .status-badge{color:inherit;font-weight:inherit}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:500}.alert-table.list-tb td.alert-empty{padding:30px 0;text-align:center;color:var(--text-disabled)}@media(max-width:768px){.alert-col-zone,.alert-col-content,.alert-col-time,.alert-col-status{width:auto}.alert-table.list-tb{table-layout:auto}.alert-table.list-tb th,.alert-table.list-tb td{padding-left:6px;padding-right:6px}.alert-msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}}@container main-widget (max-width: 460px){.alert-col-zone,.alert-col-content,.alert-col-time,.alert-col-status{width:auto}.alert-table.list-tb{table-layout:auto}.alert-table.list-tb th,.alert-table.list-tb td{padding-left:6px;padding-right:6px}.alert-msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}}.gas-header-right{display:flex;align-items:center;gap:10px}.gas-body{display:flex;flex-direction:column;gap:10px}@media(max-width:768px){.gas-body{gap:20px}}.gas-body{height:100%;box-sizing:border-box;min-height:0}.gas-table-wrap{flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.gas-table-wrap .temp-table{min-width:600px}.gas-tables{display:flex;flex-direction:column;gap:20px;flex-shrink:0}.gas-dials.gas-dials--mobile,.gas-dials__device--mobile,.gas-tables{display:none}@media(max-width:768px){.gas-dials.gas-dials--desktop,.gas-table-wrap{display:none}.gas-dials.gas-dials--mobile,.gas-dials__device--mobile,.gas-tables{display:flex}}.gas-range-bar{display:flex;align-items:center;gap:20px;padding:10px 20px;background:#f3f6fb;border-radius:10px;flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.gas-range-bar__title{display:flex;align-items:center;gap:5px;flex-shrink:0;font-size:14px;font-weight:700;color:var(--font-black);white-space:nowrap}.gas-range-bar__icon{width:30px;height:30px}.gas-range-bar__items{display:flex;flex:1;min-width:0}.gas-range-bar__item{display:flex;flex:1 0 70px;flex-direction:column;align-items:center;min-width:70px;padding:0 5px}.gas-range-bar__item-label{font-size:10px;font-weight:500;color:var(--font-black)}.gas-range-bar__item-value{display:flex;align-items:center;gap:3px;font-family:var(--font-number);font-size:12px;font-weight:700;color:var(--font-black)}.gas-range-bar__item-value em{font-style:normal;font-family:Pretendard,sans-serif;font-size:10px;font-weight:500}.gas-dials{display:flex;flex-direction:column;gap:8px;flex-shrink:0;padding:15px 20px;background:#fff;border:1px solid #E1E6EC;border-radius:10px;box-sizing:border-box}.gas-dials--desktop{align-items:center;justify-content:center}.gas-dials--desktop .ring-gauge__center{color:var(--font-black)}.gas-dials--mobile{padding:11px;align-items:stretch}.gas-dials__device{align-self:flex-start;font-size:var(--text-md);font-weight:700;color:var(--font-black)}.gas-dials__row{display:flex;justify-content:space-evenly;align-items:center;gap:15px;flex-wrap:nowrap;width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.gas-dial{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.gas-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.gas-cards:has(>:nth-child(5))>:last-child{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;text-align:left}.gas-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:10px 15px;border:1px solid var(--grey-100);border-radius:10px;background:var(--grey-100)}.gas-card__label{font-size:var(--text-xs);font-weight:500;color:var(--text-muted)}.gas-card__value{font-family:var(--font-number);font-size:var(--text-lg);font-weight:700;color:var(--font-black)}.gas-card__value em{margin-left:3px;font-style:normal;font-family:Pretendard,sans-serif;font-size:var(--text-sm);font-weight:500}.gas-card__value--warn{color:var(--color-warning)}.gas-card__value--danger{color:var(--color-error)}.gas-empty{padding:30px 0;text-align:center;color:var(--text-disabled)}.status-badge--ok{color:#16a34a}.status-badge--danger{color:#dc2626}.cctv-header-right{display:flex;align-items:center;gap:10px}.cctv-body{display:flex;flex-direction:column;gap:12px;height:100%}.cctv-video-area{flex:none;width:100%;aspect-ratio:4/3;max-height:570px;min-height:200px;background:#000;border-radius:6px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.cctv-video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px}.cctv-video-placeholder--overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.cctv-play-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;min-width:0;padding:0;border:none;border-radius:50%;background:var(--nav-blue);cursor:pointer}.cctv-play-btn:disabled{cursor:default}.cctv-play-btn__icon{display:block;width:34px;height:34px}.cctv-video-el{width:100%;height:100%;object-fit:contain;background:#000}.cctv-logo-box{display:flex;align-items:center;gap:12px}.cctv-logo-mark{display:block;width:60px;height:60px;transform:scaleX(-1)}.cctv-logo-text{display:flex;flex-direction:column;color:#fff}.cctv-logo-text strong{font-size:20px;font-weight:700;line-height:1.6}.cctv-logo-text span{font-size:20px;font-weight:500;line-height:1.6}.cctv-table-wrap{flex:1;min-height:0;overflow:auto;max-height:240px}.cctv-table.list-tb{width:100%}.cctv-table.list-tb.list-tb--card thead th{padding:8px}.cctv-table.list-tb th{text-align:center}.cctv-table.list-tb td{padding:8px 8px 7px;text-align:center;font-size:13px}.cctv-table.list-tb td.cell--link{color:#2563eb;cursor:pointer;text-decoration:underline}.cctv-table.list-tb .status-badge--ok,.cctv-table.list-tb .status-badge--gray{color:inherit}.cctv-table.list-tb tbody tr{cursor:pointer}.cctv-table.list-tb tbody tr:hover{background:#f8fafc}.cctv-table.list-tb tbody tr.row--selected{background:#f8f9fc}.cctv-table.list-tb tbody tr.row--selected td{font-weight:700}.cctv-table.list-tb tbody tr.row--selected .cctv-name-cell{color:#3176fe;text-decoration:underline}.cctv-table.list-tb tbody tr.row--disabled{cursor:default}.cctv-table.list-tb tbody tr.row--disabled:hover{background:transparent}.status-badge--gray{color:var(--text-muted)}.cctv-table.list-tb td.cctv-empty{padding:30px 0;text-align:center;color:var(--text-disabled)}.linear-gauge{width:100%;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"label value" "chart chart";column-gap:8px;row-gap:6px;align-items:baseline}.linear-gauge__label{grid-area:label;padding-left:16px;font-weight:500;line-height:1.3;color:#fff;white-space:nowrap}.linear-gauge__value{grid-area:value;justify-self:end;padding-right:16px;font-family:var(--font-number);font-weight:700;line-height:1.3;white-space:nowrap}.linear-gauge__unit{font-family:Pretendard,sans-serif;font-weight:500;margin-left:2px}.linear-gauge__chart{grid-area:chart;box-sizing:border-box}.linear-gauge__bar-area{position:relative;width:100%}.linear-gauge__ring{box-sizing:border-box;width:100%;border:1px solid transparent;border-radius:999px;overflow:hidden}.linear-gauge__track{position:relative;display:block;width:100%;height:100%;overflow:hidden}.linear-gauge__fill{position:absolute;inset:0 auto 0 0;height:100%}.linear-gauge__ruler{position:relative;height:22px;margin-top:4px}.linear-gauge__ruler-scale{position:absolute;top:0;bottom:0}.linear-gauge__tick{position:absolute;top:0;width:1px;background:#d6dbe1;transform:translate(-50%)}.linear-gauge__tick--minor{height:4px;opacity:.35}.linear-gauge__tick--medium{height:6px;opacity:.5}.linear-gauge__tick--major{height:8px;opacity:.6}.linear-gauge__tick-label{position:absolute;top:10px;transform:translate(-50%);font-family:var(--font-number);font-size:12px;font-weight:700;color:#d6dbe1;opacity:.5;white-space:nowrap}.linear-gauge--inline{grid-template-columns:auto 1fr;grid-template-areas:"label label" "value chart";column-gap:10px;row-gap:2px;align-items:center}.linear-gauge--inline .linear-gauge__value{justify-self:start}.liquid-gauge{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden}.liquid-gauge__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;pointer-events:none}.liquid-gauge__label{font-weight:500;line-height:1.6;white-space:nowrap}.liquid-gauge__value{font-family:var(--font-number);font-weight:700;line-height:1.4;white-space:nowrap}.liquid-gauge__unit{font-weight:500;margin-left:2px}.temp-body{display:flex;flex-direction:column;height:100%;min-height:0}.temp-table-wrap{flex:1;min-height:0;overflow-y:auto}@media(max-width:768px){.temp-table-wrap{display:none}}.temp-mobile-cards{display:none}@media(max-width:768px){.temp-mobile-cards{display:flex;flex-direction:column;gap:20px;overflow-y:auto;flex:1;min-height:0}}.temp-mobile-cards .temp-empty{padding:30px 0;text-align:center;color:var(--text-disabled)}.temp-header-right{display:flex;align-items:center;gap:10px}.temp-gauge-box{border:1px solid #e1e6eC;border-radius:10px;margin-bottom:10px;flex-shrink:0}.temp-gauge-title{padding:10px 20px 0;font-size:14px;font-weight:700;color:var(--font-black)}@media(max-width:768px){.temp-gauge-title{display:none}}.temp-gauge-title--mobile{display:none}@media(max-width:768px){.temp-gauge-title--mobile{display:block;padding:0 0 10px}}.temp-gauge-row{display:flex;align-items:center;gap:24px;padding:15px 20px 15px 80px}@container main-widget (max-width: 580px){.temp-gauge-row{flex-wrap:wrap;padding-left:20px}}@media(max-width:768px){.temp-gauge-row{flex-wrap:nowrap;gap:12px;padding:15px 10px}}.temp-gauge-row .linear-gauge__label,.temp-gauge-row .liquid-gauge__center{color:var(--font-black)}.temp-gauge-row .temp-liquid--high .liquid-gauge__center{color:#fff}.temp-linear-col{flex:1 1 200px;display:grid}@container main-widget (max-width: 460px){.temp-linear-col{flex-basis:150px}}.temp-linear-col{grid-template-columns:auto 1fr;align-content:start;gap:10px;min-width:0}.temp-linear-col>.linear-gauge--inline{grid-column:1/-1;grid-template-columns:subgrid}@media(max-width:768px){.temp-linear-col{display:flex;flex-direction:column;gap:15px}.temp-linear-col>.linear-gauge--inline{grid-template-columns:auto 1fr;grid-template-areas:"label value" "chart chart";column-gap:8px;row-gap:6px;align-items:baseline}.temp-linear-col>.linear-gauge--inline .linear-gauge__value{justify-self:end}}.temp-liquid{margin-right:91px}@container main-widget (max-width: 580px){.temp-liquid{margin-right:0;margin-left:auto}}@media(max-width:768px){.temp-liquid{margin-right:0}}.temp-table.list-tb{width:100%}.temp-table.list-tb td{padding:8px 10px 7px;font-size:13px}.temp-table.list-tb tr.row--danger td{color:var(--color-error);font-weight:700}.temp-table.list-tb tr.row--stopped td{color:#b9c1c9}.temp-table.list-tb td.cell--danger{color:var(--color-error);font-weight:500}.temp-table.list-tb td.cell--warn{color:var(--color-warning);font-weight:500}.temp-table.list-tb .gas-empty,.temp-table.list-tb .temp-empty{padding:30px 0;text-align:center;color:var(--text-disabled)}.status-badge{display:inline-block;font-size:var(--text-xs);font-weight:500}.status-badge--ok{color:#09b987;font-weight:700}.status-badge--warn{color:#d97706}.status-badge--danger{color:var(--color-error);font-weight:700}.status-badge--gray{color:#b9c1c9}.notice-body{height:100%;overflow:auto;max-height:240px;overflow-y:auto}.notice-body::-webkit-scrollbar{width:6px}.notice-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.notice-body.notice-body--empty{flex:0 0 auto;height:auto;overflow:visible}.notice-col-zone{width:20%}.notice-col-content{width:60%}.notice-col-date{width:20%}.notice-table.list-tb{width:100%;table-layout:fixed}.notice-table.list-tb td{padding:8px 10px 7px;font-size:13px}.notice-table.list-tb th:nth-child(2),.notice-table.list-tb td:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.notice-table.list-tb th:nth-child(2),.notice-table.list-tb td:nth-child(2){white-space:normal;text-overflow:clip}}.notice-table.list-tb td.notice-empty{padding:30px 0;text-align:center;color:var(--text-disabled)}@media(max-width:768px){.notice-col-zone,.notice-col-content,.notice-col-date{width:auto}.notice-table.list-tb{table-layout:auto}.notice-table.list-tb th,.notice-table.list-tb td{padding-left:6px;padding-right:6px}.notice-msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}}@container main-widget (max-width: 460px){.notice-col-zone,.notice-col-content,.notice-col-date{width:auto}.notice-table.list-tb{table-layout:auto}.notice-table.list-tb th,.notice-table.list-tb td{padding-left:6px;padding-right:6px}.notice-msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}}.main-page{flex:1;min-height:0}.main-page .dashboard{display:flex!important;flex-direction:column!important;height:auto!important;overflow:visible!important;gap:15px;width:100%;padding-bottom:15px}.main-page .dashboard-masonry{display:flex;flex-wrap:wrap;align-items:flex-start;gap:15px}.main-page .dashboard-masonry-col{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:15px}.main-page .main-widget{display:flex;flex-direction:column;min-width:0;cursor:grab;container:main-widget/inline-size}@media(max-width:768px){.main-page .main-widget{cursor:default}}.main-page .main-widget--dragging{opacity:.4}.main-page .main-widget--overlay{cursor:grabbing;box-shadow:0 8px 24px #00000026}.main-page .main-widget[data-card=WTHR]{max-height:240px;overflow:auto}.main-page .main-widget[data-card=TEMP]{max-height:480px;overflow:hidden}.main-page .main-widget[data-card=GAS]{max-height:none;overflow:visible}.main-page .main-widget[data-card=WORK],.main-page .main-widget[data-card=ALRT]{max-height:210px;overflow:auto}.main-page .main-widget[data-card=CCTV]{max-height:900px;overflow:auto}@media(max-width:768px){.main-page .main-widget[data-card=WTHR]{max-height:none;overflow:visible}.main-page .main-widget[data-card=WORK],.main-page .main-widget[data-card=ALRT]{max-height:340px}.main-page .main-widget[data-card=TEMP]{max-height:560px}}.main-page .main-widget:has(.grid-empty-inner){max-height:none;overflow:visible}.calender-area{display:flex;justify-content:center;align-items:center;gap:10px;flex:1 0 0}.date-input{position:relative;display:flex;flex:1 0 0;min-width:0}.calender-input{display:flex;align-items:center;gap:5px;width:100%;height:40px;box-sizing:border-box;padding:0 12px 0 15px;border:1px solid #d6dbe1;border-radius:10px;background-color:#fff;font-size:14px;color:#121619;font-family:inherit;cursor:pointer}.calender-input__icon-btn{display:flex;align-items:center;flex-shrink:0;padding:0;border:none;background:transparent;cursor:pointer}.calender-input__icon-btn:disabled{cursor:not-allowed}.calender-input__clear-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;border-radius:50%;background-color:var(--bg-deep-gray);color:var(--white);cursor:pointer;border:none;padding:0}.calender-input__clear-btn:hover{background-color:var(--text-muted)}.calender-input__icon{flex-shrink:0;color:#565c63}.calender-input--placeholder{color:#b9c1c9}.calender-input:has(.calender-input__field:disabled){color:#d6dbe1;cursor:not-allowed}.calender-input:has(.calender-input__field:disabled) .calender-input__icon{color:#d6dbe1}.date-input--open .calender-input{border-color:#121619}.calender-input__value{flex:1 0 0;min-width:0;text-align:left;white-space:nowrap;overflow:hidden}.date-input .calender-input__field{flex:1 0 0;min-width:0;height:auto;border:none;border-radius:0;outline:none;background:transparent;padding:0;font:inherit;color:inherit;cursor:text}.date-input .calender-input__field::placeholder{color:#b9c1c9}.date-input .calender-input__field:focus{border:none;outline:none}.date-input .calender-input__field:disabled{color:inherit;cursor:not-allowed}.calendar-panel{width:260px;padding:12px;background:#fff;border:1px solid #d6dbe1;border-radius:10px;box-shadow:0 4px 12px #0000001f}.calendar-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.calendar-panel__title{font-size:14px;font-weight:600;color:#121619}.calendar-panel button.calendar-panel__title{border:none;background:none;font-family:inherit;padding:2px 8px;border-radius:6px;cursor:pointer}.calendar-panel button.calendar-panel__title:hover{background:#f3f6fb}.calendar-panel__nav{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:#565c63;font-size:14px;cursor:pointer;border-radius:6px}.calendar-panel__nav:hover{background:#f3f6fb}.calendar-panel__weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.calendar-panel__weekdays span{display:flex;align-items:center;justify-content:center;height:24px;font-size:12px;color:#808892}.calendar-panel__weekdays span.sun{color:#d61111}.calendar-panel__weekdays span.sat{color:#3176fe}.calendar-panel__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-panel__day{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;border-radius:50%;font-size:13px;color:#121619;cursor:pointer}.calendar-panel__day.sun{color:#d61111}.calendar-panel__day.sat{color:#3176fe}.calendar-panel__day.is-other-month{color:#d6dbe1}.calendar-panel__day.is-today{border:1px solid #3176fe;color:#3176fe}.calendar-panel__day.is-selected{background:#3176fe;color:#fff!important}.calendar-panel__day:hover:not(:disabled):not(.is-selected){background:#f3f6fb}.calendar-panel__day:disabled{color:#d6dbe1;cursor:not-allowed}.calendar-panel__year-scroll{max-height:280px;overflow-y:auto}.calendar-panel__year-block{border-bottom:1px solid #f0f2f5}.calendar-panel__year-block:last-child{border-bottom:none}.calendar-panel__year-row{display:block;width:100%;padding:10px 8px;border:none;background:none;font-family:inherit;font-size:14px;font-weight:600;color:#121619;text-align:left;cursor:pointer}.calendar-panel__year-row:hover{background:#f3f6fb}.calendar-panel__year-row.is-expanded{color:#3176fe}.calendar-panel__month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 8px 10px}.calendar-panel__month{height:40px;border:none;background:none;border-radius:8px;font-size:13px;color:#121619;cursor:pointer}.calendar-panel__month.is-selected{background:#3176fe;color:#fff}.calendar-panel__month:hover:not(:disabled):not(.is-selected){background:#f3f6fb}.calendar-panel__month:disabled{color:#d6dbe1;cursor:not-allowed}.calendar-panel-portal--combined{display:flex;align-items:stretch;background:#fff;border:1px solid #d6dbe1;border-radius:10px;box-shadow:0 4px 12px #0000001f}.calendar-panel-portal--combined>.calendar-panel,.calendar-panel-portal--combined>.time-panel{border:none;border-radius:0;box-shadow:none}.calendar-panel-portal--combined>.time-panel{border-left:1px solid #f0f2f5;padding:12px 8px}.calendar-panel-portal--combined .time-panel__col{height:0;min-height:100%;max-height:none}@media(max-width:768px){.calendar-panel-portal--combined{max-width:calc(100vw - 16px);overflow-x:auto}.calendar-panel-portal--combined>.calendar-panel{width:216px;padding:10px}.calendar-panel-portal--combined .calendar-panel__day{width:28px;height:28px}.calendar-panel-portal--combined>.time-panel{padding:10px 6px}.calendar-panel-portal--combined .time-panel__col{width:38px}}.time-panel{display:flex;gap:4px;padding:8px;background:#fff;border:1px solid #d6dbe1;border-radius:10px;box-shadow:0 4px 12px #0000001f}.time-panel__col{display:flex;flex-direction:column;gap:2px;width:44px;max-height:200px;overflow-y:auto}.time-panel__item{flex-shrink:0;height:28px;border:none;background:none;border-radius:6px;font-size:13px;color:#121619;cursor:pointer}.time-panel__item.is-selected{background:#eef3f6;color:#3176fe;font-weight:500}.time-panel__item:hover:not(.is-selected){background:#f3f6fb}.require-site-hint{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-disabled);font-size:14px}.access-device-mng__stats{display:flex;align-items:center;gap:8px;padding:4px 0}.access-device-mng__stat-label{font-size:var(--text-sm);color:var(--text-muted)}.access-device-mng__stat-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.access-device-mng .yn-inactive{color:var(--text-disabled)}.access-device-mng .yn-active{color:var(--color-success);font-weight:600}.month-day-strip{display:flex;align-items:center;gap:8px;box-sizing:border-box;padding:10px clamp(15px,2.5vw,47.5px);border:1px solid var(--grey-300);border-radius:var(--box-radius);background:var(--white)}.month-day-strip.center{justify-content:center}.month-day-strip .nav{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--grey-900);font-size:16px;cursor:pointer}.month-day-strip .nav:hover{background:var(--grey-100)}.month-day-strip .ym{font-size:15px;font-weight:700;white-space:nowrap}.month-day-strip .day-list{display:flex;align-items:center;flex:1;min-width:0;flex-wrap:nowrap;justify-content:space-between;gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.month-day-strip .day-list::-webkit-scrollbar{display:none}.month-day-strip .day{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;min-width:40px;height:40px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--grey-900);font-size:13px;line-height:1;cursor:pointer}.month-day-strip .day:hover{background:var(--grey-100)}.month-day-strip .day--sun{color:var(--color-error)}.month-day-strip .day--sat{color:var(--primary-800)}.month-day-strip .day--selected{background:var(--primary-800);color:var(--grey-white);font-weight:600}.month-day-strip .day--selected:hover{background:var(--primary-800)}@media(max-width:768px){.month-day-strip{flex-wrap:wrap;justify-content:center;gap:10px;padding:15px}.month-day-strip .nav{width:24px;height:24px;font-size:24px}.month-day-strip .ym{font-size:18px}.month-day-strip .day-list{flex-basis:100%;gap:10px}.month-day-strip .day{min-width:32px;height:32px;font-size:15px;font-weight:500}}.link-cell{color:var(--color-primary, #3b82f6);cursor:pointer;text-decoration:underline}.link-cell:hover{opacity:.75}.worker-info-detail{display:flex;flex-direction:column;gap:10px;padding:4px 0}.worker-info-detail .info-row{display:flex;gap:12px}.worker-info-detail .info-label{width:80px;flex-shrink:0;font-size:13px;color:var(--color-text-secondary, #888)}.worker-info-detail .info-value{font-size:13px;color:var(--color-text, #222);font-weight:500}@media(min-width:769px){.access-daily .page-header .header-search>.selectbox{width:250px;min-width:0}.access-daily .header-search__pair>.input-body{flex:1 1 0;min-width:0}}@media(max-width:768px){.access-daily .month-day-strip.mb20{margin-bottom:0}}.access-daily__summary{display:flex;gap:10px}.access-daily__summary .access-daily__summary-chip{display:inline-flex;align-items:center;box-sizing:border-box;height:30px;padding:0 12px;border:1px solid var(--grey-300);border-radius:100px;background:var(--white);font-size:13px;color:var(--grey-900);white-space:nowrap}.access-daily__summary .access-daily__summary-chip strong{margin:0 2px;color:var(--primary-800);font-weight:700}.access-daily__counts{display:flex;align-items:center;font-size:var(--text-md);font-weight:700;color:var(--grey-1000)}.access-daily__count-sep{flex:none;width:16px;height:16px;margin:0 10px}.access-daily__count{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.access-daily__count strong{color:var(--primary-800)}.access-daily__count--absent strong{color:var(--red-700)}.access-daily__count-unit{color:var(--grey-900)}.access-daily .grid-actions .checkbox-text,.access-daily__danger .checkbox-text{font-size:var(--text-md);font-weight:700}.access-daily__excel-icon{-webkit-mask-image:url(/images/icon/btn_download.svg);mask-image:url(/images/icon/btn_download.svg)}.access-daily__stats{display:flex;gap:24px;padding:12px 4px}.access-daily__stats .stat-item{display:flex;flex-direction:column;gap:4px}.access-daily__stats .stat-label{font-size:12px;color:var(--color-text-secondary, #888)}.access-daily__stats .stat-value{font-size:20px;font-weight:600;color:var(--color-text, #222)}@media(min-width:769px){.access-monthly .page-header .header-search>.date-input{width:250px;min-width:0}.access-monthly .header-search__pair>.input-body{flex:1 1 0;min-width:0}}.access-monthly .total-count{font-size:13px;color:var(--color-text-secondary, #666);white-space:nowrap}.access-monthly .list-tb td{line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-monthly td[data-col^=day]{padding:0;height:1px}.access-monthly__attend-cell{display:flex;flex-direction:column;height:100%}.access-monthly__duration{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-number);font-size:8px;font-weight:700;color:#fff;white-space:nowrap}.access-monthly__duration--under4{background:#79b8ff}.access-monthly__duration--under8{background:#a87dff}.access-monthly__duration--over8{background:#f093e0}.access-monthly__duration--noCheckout{background:#bebfbf}.access-monthly__legend{display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid #d6dbe1;border-radius:100px;background:#fff}.access-monthly__legend-item{display:flex;align-items:center;gap:2px;font-size:var(--text-xs);font-weight:500;color:var(--font-black);white-space:nowrap}.access-monthly__legend-dot{width:10px;height:10px;border-radius:5px;flex-shrink:0}.access-monthly__legend-dot--under4{background:#79b8ff}.access-monthly__legend-dot--under8{background:#a87dff}.access-monthly__legend-dot--over8{background:#f093e0}.access-monthly__legend-dot--noCheckout{background:#bebfbf}@media(min-width:769px){.access-log .page-header .header-search>.calender-area{flex:2 1 0;min-width:0}.access-log .page-header .header-search>.selectbox,.access-log .page-header .header-search>.input-body{flex:1 1 0;width:auto;min-width:0}}.access-log .total-count{font-size:13px;color:var(--color-text-secondary, #666);white-space:nowrap}.access-log .grid-actions .checkbox-text{font-size:var(--text-md);font-weight:700}@media(min-width:769px){.access-cowork .page-header .header-search>.date-input,.access-cowork .page-header .header-search>.input-body{flex:1 1 0;width:auto;min-width:0}}.access-cowork__counts{display:flex;align-items:center;font-size:var(--text-md);font-weight:700;color:var(--grey-1000)}.access-cowork__count-sep{flex:none;width:16px;height:16px;margin:0 10px}.access-cowork__count{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.access-cowork__count strong{color:var(--primary-800)}.access-cowork__count--remain strong{color:var(--red-700)}.access-cowork__count-unit{color:var(--grey-900)}.access-cowork__stats{display:flex;gap:24px;padding:12px 4px}.access-cowork__stats .stat-item{display:flex;flex-direction:column;gap:4px}.access-cowork__stats .stat-label{font-size:12px;color:var(--color-text-secondary, #888)}.access-cowork__stats .stat-value{font-size:20px;font-weight:600;color:var(--color-text, #222)}.access-cowork__stats .stat-value--link{color:var(--color-primary, #2563eb);cursor:pointer;text-decoration:underline}.access-cowork__stats .stat-value--link:hover{opacity:.8}.access-cowork .worker-info-detail{display:flex;flex-direction:column;gap:10px;padding:4px 0}.access-cowork .worker-info-detail .info-row{display:flex;gap:12px}.access-cowork .worker-info-detail .info-label{width:80px;flex-shrink:0;font-size:13px;color:var(--color-text-secondary, #888)}.access-cowork .worker-info-detail .info-value{font-size:13px;color:var(--color-text, #222);font-weight:500}.access-cowork .link-cell{color:var(--color-primary, #2563eb);cursor:pointer;text-decoration:underline}.access-cowork .link-cell:hover{opacity:.8}.access-cowork__worker-pop{display:flex;flex-direction:column;gap:15px}.access-cowork__worker-pop__search{display:flex;gap:15px;align-items:center;background:var(--bg-subtle, #f8f9fc);border-radius:10px;padding:10px}.access-cowork__worker-pop__search>.date-input,.access-cowork__worker-pop__search>.selectbox{flex:1 1 0;width:auto;min-width:0}.access-cowork__worker-grid .grid-head{display:none}.access-cowork__worker-grid .list-tb th,.access-cowork__worker-grid .list-tb td{font-size:var(--text-sm)}.pw-field{display:flex;align-items:center;gap:6px;width:100%}.pw-field__input{flex:1;min-width:0}.pw-field .pw-field__input{border:none;border-radius:0;background:transparent;padding:0}.pw-field .pw-field__input:focus{border:none;outline:none}.pw-field__toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:none;cursor:pointer;color:var(--bg-deep-gray)}.pw-field__toggle:hover{color:var(--text-muted)}.pw-field__toggle:disabled{cursor:not-allowed;opacity:.5}.cctv-mng .cell-xs{font-size:var(--text-xs)}.cctv-mng .cell-center{font-size:var(--text-xs);text-align:center;display:block}.cctv-mng .cell-muted{font-size:11px;color:var(--text-muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cctv-mng .cd-badge{font-size:11px;padding:2px 8px;border-radius:20px;font-weight:600}.cctv-mng .cd-badge--cctv{background:#dbeafe;color:#1d4ed8}.cctv-mng .cd-badge--broadcast{background:#dcfce7;color:#15803d}.cctv-mng .cd-badge--intelligent{background:#ede9fe;color:#7c3aed}.cctv-mng .cd-badge--default{background:#f1f5f9;color:var(--text-muted)}.cctv-mng .used-badge{font-size:11px;padding:2px 8px;border-radius:20px;font-weight:500}.cctv-mng .used-badge--yes{background:#dcfce7;color:#15803d}.cctv-mng .used-badge--no{background:#fee2e2;color:#dc2626}.cctv-view__container{display:flex;flex-direction:column;gap:20px}.cctv-view__empty{text-align:center;padding:40px;color:var(--text-disabled)}.cctv-zone{display:flex;flex-direction:column;gap:10px;padding:15px;border:1px solid var(--grey-250);border-radius:10px}.zone-header{display:flex;align-items:center;gap:10px;height:32px}@media(max-width:768px){.zone-header{justify-content:space-between}}.zone-header__name{font-weight:700;font-size:18px;color:var(--grey-1000)}@media(max-width:768px){.zone-header__name{font-size:16px}}.zone-header__badge{display:inline-flex;align-items:center;gap:2px;box-sizing:border-box;height:32px;padding:0 10px;background:var(--nav-blue);border:1px solid var(--nav-blue);border-radius:100px;color:#fff;font-size:14px;font-weight:500;white-space:nowrap}@media(max-width:768px){.zone-header__badge{height:26px;font-size:12px}}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:768px){.card-grid{grid-template-columns:1fr}}.cctv-card{min-width:0;cursor:pointer}.cctv-card__thumbnail{position:relative;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#000;border-radius:12px;overflow:hidden}@media(max-width:768px){.cctv-card__thumbnail{border-radius:10px}}.cctv-card__snapshot{width:100%;height:100%;object-fit:cover;background:#000}.cctv-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;border:none;border-radius:50%;background:var(--nav-blue);box-shadow:0 6px 26px #3176fe66;cursor:pointer}.cctv-card__play-icon{display:block;width:34px;height:34px}.cctv-card__placeholder{display:flex;align-items:center;gap:12px}.cctv-card__placeholder-icon{display:block;width:40px;height:40px;transform:scaleX(-1)}.cctv-card__placeholder-text{display:flex;flex-direction:column;color:#fff}.cctv-card__placeholder-text strong{font-size:16px;font-weight:700;line-height:1.4}.cctv-card__placeholder-text span{font-size:12px;font-weight:500;line-height:1.4}@media(max-width:768px){.cctv-card__placeholder{gap:6px}.cctv-card__placeholder-icon{width:24px;height:24px}.cctv-card__placeholder-text strong{font-size:12px}.cctv-card__placeholder-text span{font-size:10px}}.cctv-card__info{padding:5px 0 0;display:flex;align-items:center;justify-content:center}.cctv-card__name{color:var(--grey-500);font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-wrap{background:#000;border-radius:6px;overflow:hidden;aspect-ratio:16/9}@media(max-width:768px){.player-wrap{aspect-ratio:303/227;border-radius:12px}}.player-wrap{position:relative;display:flex;align-items:center;justify-content:center}.player-wrap__video,.player-wrap__img{width:100%;height:100%;object-fit:contain}.player-wrap__img{max-width:100%;max-height:100%}.player-wrap__fallback{position:relative;width:100%;height:100%}.player-wrap__exit{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#00000073;color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.player-wrap__placeholder{width:100%;height:100%;background:#0f172a;display:flex;align-items:center;justify-content:center;gap:6px}.player-wrap__placeholder-icon{display:block;width:24px;height:24px;transform:scaleX(-1)}.player-wrap__placeholder-text{display:flex;flex-direction:column;color:#fff}.player-wrap__placeholder-text strong{font-size:14px;font-weight:700;line-height:1.4}.player-wrap__placeholder-text span{font-size:11px;font-weight:500;line-height:1.4}.ptz-zoom{position:absolute;bottom:16px;left:16px;display:flex;flex-direction:column;gap:4px}.ptz-dpad{position:absolute;bottom:16px;right:16px;display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:2px}.ptz-btn{width:40px;height:40px;border-radius:50%;border:none;background:#00000073;color:var(--white);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .12s;-webkit-user-select:none;user-select:none}.ptz-btn--center{background:#ffffff26;cursor:default;font-size:10px}.ptz-btn--active{background:#3b82f6d9}.player-wrap:fullscreen .ptz-zoom{bottom:32px;left:32px;gap:8px}.player-wrap:fullscreen .ptz-dpad{bottom:32px;right:32px;grid-template-columns:repeat(3,72px);grid-template-rows:repeat(3,72px)}.player-wrap:fullscreen .ptz-btn{width:72px;height:72px;font-size:24px}.player-wrap:fullscreen .ptz-btn--center{font-size:14px}.player-wrap:fullscreen .player-wrap__exit{top:24px;right:24px;width:56px;height:56px}.header-icon-btn{background:none;border:1px solid #cbd5e1;border-radius:4px;padding:3px 5px;cursor:pointer;color:#475569;display:flex;align-items:center}.header-icon-btn:disabled{cursor:default;color:#cbd5e1}.modal-box.modal--cctv-zoom{width:100%!important;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;gap:0;border-radius:0;background:#000;overflow:hidden}.modal-box.modal--cctv-zoom .modal-head{display:none}.modal-box.modal--cctv-zoom .modal-body{margin:0;padding:0;gap:0;overflow:visible}.modal-box.modal--cctv-zoom .player-wrap{flex:1;aspect-ratio:auto;border-radius:0}.modal-box.modal--cctv-zoom .cctv-fullscreen-btn{display:none}.modal-box.modal--cctv-zoom .ptz-dpad{grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px)}.modal-box.modal--cctv-zoom .ptz-btn{width:56px;height:56px;font-size:18px}.modal-box.modal--cctv-zoom .ptz-btn--center{font-size:12px}@media(orientation:portrait){.modal-box.modal--cctv-zoom .player-wrap{position:absolute;top:50%;left:50%;flex:none;width:100dvh;height:100dvw;transform:translate(-50%,-50%) rotate(90deg)}.modal-box.modal--cctv-zoom .player-wrap__exit{top:12px;left:12px;right:auto}}.cctv-fullscreen-btn{width:100%;height:56px;border-radius:10px;font-size:18px;font-weight:700}.player-zone{margin-top:10px;font-size:12px;color:var(--text-muted)}@media(max-width:768px){.player-zone{display:none}}.color-picker-wrap{position:relative;display:inline-block}.color-picker-wrap .color-swatch{width:20px;height:20px;border-radius:100px;border:none;cursor:pointer;display:inline-block;vertical-align:middle;box-shadow:inset 0 0 0 1px #0000001f}.cp-dropdown{z-index:9999;background:#1e1e1e;border-radius:8px;padding:8px;box-shadow:0 8px 24px #0006;width:236px}.cp-dropdown .cp-canvas-wrap{position:relative;cursor:crosshair;border-radius:4px;overflow:hidden;margin-bottom:8px}.cp-dropdown .cp-canvas-wrap .cp-canvas{display:block;width:100%;height:150px;border-radius:4px}.cp-dropdown .cp-canvas-wrap .cp-cursor{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000080;transform:translate(-50%,-50%);pointer-events:none}.cp-dropdown .cp-controls{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cp-dropdown .cp-controls .cp-eyedropper{width:28px;height:28px;min-width:unset;border-radius:50%;background:#2a2a2a;border:1px solid #444;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.cp-dropdown .cp-controls .cp-eyedropper:hover{background:#383838;color:#fff}.cp-dropdown .cp-controls .cp-preview{width:26px;height:26px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.15)}.cp-dropdown .cp-controls .cp-hue-slider{flex:1;height:12px;border-radius:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red);cursor:pointer;border:none;min-width:unset}.cp-dropdown .cp-controls .cp-hue-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.25);cursor:pointer;box-shadow:0 1px 4px #0006}.cp-dropdown .cp-controls .cp-hue-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.25);cursor:pointer}.cp-dropdown .cp-rgb-row{display:flex;gap:6px}.cp-dropdown .cp-rgb-row .cp-rgb-field{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.cp-dropdown .cp-rgb-row .cp-rgb-field input[type=number]{width:100%;text-align:center;background:#2a2a2a;border:1px solid #444;color:#fff;border-radius:4px;font-size:12px;padding:4px 2px;height:28px;min-width:unset}.cp-dropdown .cp-rgb-row .cp-rgb-field input[type=number]::-webkit-outer-spin-button,.cp-dropdown .cp-rgb-row .cp-rgb-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.cp-dropdown .cp-rgb-row .cp-rgb-field input[type=number]{-moz-appearance:textfield}.cp-dropdown .cp-rgb-row .cp-rgb-field input[type=number]:focus{border-color:#5b9bd5;outline:none}.cp-dropdown .cp-rgb-row .cp-rgb-field .cp-rgb-label{font-size:10px;color:#888}.image-uploader{display:inline-flex;align-items:center;gap:8px}.image-uploader__thumb{display:block;height:40px;object-fit:contain;border-radius:4px;border:1px solid #d6dbe1;cursor:pointer;flex-shrink:0}.image-uploader__btn{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 12px;border:1px dashed #d6dbe1;border-radius:10px;background:#f8f9fc;color:#121619;font-size:14px;cursor:pointer;flex-shrink:0}.image-uploader__btn:hover{border-color:var(--nav-blue)}.image-uploader__plus{font-size:16px;line-height:1}.image-uploader__maxsize{color:#808892;font-size:12px;flex-shrink:0}.image-uploader input[type=file]{display:none}.image-uploader .del{height:40px}.company-mng .logo-cell{display:inline-block;vertical-align:middle;cursor:zoom-in}.company-mng .logo-cell img{display:block;height:18px;max-width:60px;object-fit:contain}.company-mng .color-cell{display:inline-flex;align-items:center;gap:5px;vertical-align:middle}.company-mng .color-cell__dot{display:inline-block;width:20px;height:20px;border-radius:50%;border:1px solid #e2e8f0;flex-shrink:0}.company-mng .color-cell__label{font-size:var(--text-md);color:#565c63}.company-mng .cell-empty{font-size:var(--text-xs);color:var(--text-disabled)}.company-mng .color-value{font-size:14px;font-weight:500;color:#121619}.company-mng .lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0009;display:flex;align-items:center;justify-content:center}.company-mng .lightbox-panel{position:relative;background:var(--white);border-radius:12px;padding:40px 24px 24px;box-shadow:0 20px 60px #0006;width:480px;height:360px;box-sizing:content-box}.company-mng .lightbox-panel img{display:block;width:100%;height:100%;object-fit:contain}.company-mng .lightbox-close{position:absolute;top:10px;right:14px;background:none;border:none;color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;line-height:1;padding:0}.depart-mng tbody tr:nth-child(2n)>td{background-color:#f8f9fc}.depart-mng tbody tr:nth-child(odd)>td{background-color:#fff}.depart-mng .row-clickable{cursor:pointer}.depart-mng .row-clickable:hover>td{color:var(--nav-blue)}.depart-mng .row-clickable:hover .tree-label,.depart-mng .row-clickable:hover .tree-label-company{color:var(--nav-blue)}.depart-mng .row-selected>td{background:var(--label-bg)!important}.depart-mng .row-selected .tree-label,.depart-mng .row-selected .tree-label-company{color:var(--nav-blue);font-weight:700}.depart-mng .tree-cell-td{position:relative}.depart-mng .tree-cell{display:flex;align-items:center;height:100%;padding-left:16px}.depart-mng .tree-guide{position:absolute;top:0;bottom:0;width:1px;background-image:repeating-linear-gradient(to bottom,var(--border-light) 0,var(--border-light) 2px,transparent 2px,transparent 5px)}.depart-mng .tree-guide-from-dot{top:50%}.depart-mng .tree-guide-to-dot{bottom:50%}.depart-mng .tree-guide-primary{background-image:repeating-linear-gradient(to bottom,var(--nav-blue) 0,var(--nav-blue) 2px,transparent 2px,transparent 5px)}.depart-mng .tree-node{display:flex;align-items:center;gap:10px;min-width:0}.depart-mng .tree-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--border-light)}.depart-mng .tree-dot-active{background:var(--nav-blue)}.depart-mng .tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;margin-right:10px}.depart-mng .tree-dot-slot{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.depart-mng .tree-label{font-size:13px;color:var(--black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.depart-mng .tree-label-company{font-weight:600}.depart-mng .tree-label-active{color:var(--nav-blue);font-weight:700}.depart-mng .grid-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-left:10px}.depart-mng .grid-head .total-cnt{font-weight:700;color:var(--font-black);font-size:var(--text-md)}.depart-mng .grid-head .grid-actions{display:flex;gap:8px;margin-left:auto}@media(max-width:768px){.depart-mng .grid-head{flex-direction:column-reverse;align-items:stretch;padding-right:10px}.depart-mng .grid-head .grid-actions{width:100%;margin-left:0;margin-bottom:10px}}.depart-mng .org-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.depart-mng .org-table th,.depart-mng .org-table td{border-top:none}.depart-mng .org-table thead th{position:sticky;top:0;z-index:2;background-color:var(--table-th-bg)}.depart-mng .scrollShadowWrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.depart-mng .scrollShadowWrap .shadowTop,.depart-mng .scrollShadowWrap .shadowBottom{position:absolute;left:0;right:var(--scrollbar-w, 0px);height:16px;z-index:3;opacity:0;pointer-events:none}.depart-mng .scrollShadowWrap .shadowTop{top:var(--thead-h, 0px);box-shadow:inset 0 10px 15px -10px #0000001f}.depart-mng .scrollShadowWrap .shadowBottom{bottom:0;box-shadow:inset 0 -10px 15px -10px #0000001f}.depart-mng .scrollShadowWrap .list-scroll.scrollUp~.shadowBottom{opacity:1}.depart-mng .scrollShadowWrap .list-scroll.scrollMid~.shadowTop,.depart-mng .scrollShadowWrap .list-scroll.scrollMid~.shadowBottom{opacity:1}.depart-mng .scrollShadowWrap .list-scroll.scrollDn~.shadowTop{opacity:1}.depart-mng .row-inactive{color:var(--text-disabled)}.depart-mng .row-inactive .tree-label,.depart-mng .row-inactive .cell-muted{color:inherit}.depart-mng .row-inactive .tree-dot{background:var(--text-disabled)}.depart-mng .inline-badge{font-size:var(--text-xs);padding:2px 8px;border-radius:10px}.depart-mng .cell-muted{font-size:var(--text-xs);color:var(--text-muted)}.depart-mng .full-col{grid-column:1/-1}.mv-type-toggle{position:absolute;bottom:3px;left:3px;z-index:2;display:flex;background:#fff;border-radius:.2083333333vw;box-shadow:0 1px 4px #0000004d;overflow:hidden;font-family:Roboto,Arial,sans-serif;z-index:500;opacity:1;border:2px solid #aaa;opacity:.5;transition:.4s}.mv-type-toggle:hover{opacity:1}.mv-type-toggle-btn{height:30px;padding:0 15px;border:none;background:#fff;color:#000;font-size:14px;font-weight:500;cursor:pointer}.mv-type-toggle-btn:hover{background:#ebebeb}.mv-type-toggle-btn--active{background:#f0f0f0;font-weight:600}.address-search{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}.address-search .address-row{display:flex;gap:15px;align-items:center;justify-content:flex-end;min-width:0}.address-search .address-row input[type=text]{width:80px;flex-shrink:0}.address-search .address-row button{flex-shrink:0}.address-search .address-row .search{width:80px;height:40px;background-color:#f3f6fb;color:#121619;font-size:14px}.address-search input[type=text]{width:100%;min-width:0}.tree-view{border:var(--border);border-radius:6px;background:var(--white);overflow:auto}.tree-node .tree-row{display:flex;align-items:center;padding:6px 8px;cursor:pointer;border-bottom:1px solid #f3f3f3;-webkit-user-select:none;user-select:none}.tree-node .tree-row:hover{background:var(--bg-dark-gray)}.tree-node .tree-row.selected{background:var(--label-bg);color:var(--blue);font-weight:600}.tree-node .tree-row .tree-row__left{display:flex;align-items:center;flex-shrink:0;margin-right:4px}.tree-node .tree-row .tree-row__right{display:flex;align-items:center;flex-shrink:0;margin-left:auto;padding-left:8px}.tree-node .tree-row .tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:14px;flex-shrink:0;font-size:9px;color:#bbb;transition:transform .15s}.tree-node .tree-row .tree-toggle.open{transform:rotate(90deg)}.tree-node .tree-row .tree-icon{display:inline-flex;align-items:center;margin:0 4px;font-size:12px;line-height:0}.tree-node .tree-row .tree-label{font-size:12px}.tree-node .tree-row .tree-info{color:#aaa;position:absolute;right:0;font-weight:300}.tree-node .tree-row .tree-mng{position:absolute;right:20px}.tree-node .tree-children{padding-left:16px}.project-mng .project-card>.boxContent{display:flex;flex-direction:column;gap:16px}.project-mng .project-toolbar{display:flex;align-items:center;justify-content:space-between;padding-left:10px}.project-mng .project-toolbar .total-cnt{font-weight:700;color:var(--font-black);font-size:var(--text-md)}.project-mng .project-toolbar .grid-actions{display:flex;gap:8px;margin-left:auto}.project-mng .project-content{display:flex;gap:20px;flex:1;min-height:0}.project-mng .project-tree-box{flex:0 0 310px;background:#fff;border:1px solid #d6dbe1;border-radius:10px;padding:20px;overflow-y:auto}.project-mng .project-grid{flex:1;min-width:0}.project-mng .project-grid>.grid-head{display:none}.project-mng .project-tree{border:none;background:none}.project-mng .project-tree .tree-row{padding:10px;border-bottom:none;font-size:14px;color:#565c63}.project-mng .project-tree .tree-row:hover{background:none}.project-mng .project-tree .tree-row.selected{background:none;color:#3176fe;font-weight:700}.project-mng .project-tree .tree-row.selected .tree-label{text-decoration:underline}.project-mng .project-tree .tree-label{font-size:14px;line-height:16px}.project-mng .project-tree .tree-row__right{margin-left:4px;padding-left:0}.project-mng .project-tree .tree-arrow{display:inline-flex;color:var(--nav-blue);flex-shrink:0}.project-mng .project-tree .tree-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 10px 0 0}.project-mng .project-tree .tree-children{position:relative;padding-left:0}.project-mng .project-tree .tree-children:before{content:"";position:absolute;left:18px;top:18px;bottom:18px;width:1px;background-image:repeating-linear-gradient(to bottom,var(--border-light) 0,var(--border-light) 2px,transparent 2px,transparent 5px)}.project-mng .project-tree .tree-children:has(>.tree-node:only-child):before{display:none}.project-mng .project-tree .tree-children .tree-children{padding-left:26px}.project-mng .project-tree .tree-children .tree-children:before{left:44px}.project-mng .tree-dot-slot{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;position:relative;z-index:1}.project-mng .tree-dot{width:6px;height:6px;border-radius:50%;background:var(--border-light)}.project-mng .tree-dot-active{background:var(--nav-blue)}.project-mng .period-cell{font-size:var(--text-xs)}.project-mng .period-empty{color:var(--text-muted)}.project-mng .status-badge{font-size:11px;padding:2px 8px;border-radius:10px}.project-mng .status-badge--open{background:#dcfce7;color:#15803d}.project-mng .status-badge--closed{background:#f1f5f9;color:#94a3b8}.project-mng .date-range-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:4px}.project-mng .full-col{grid-column:1/-1}.project-mng .datepicker-full{width:100%}.project-mng .switch-row{display:flex;align-items:center;gap:8px}.project-mng .switch-status{font-size:var(--text-xs)}.project-mng .switch-status--open{color:#15803d}.project-mng .switch-status--closed{color:#dc2626}.project-modal .project-zip-row{padding-top:5px;padding-bottom:5px}.date-range-row{display:flex;align-items:center;gap:5px}.date-range-row .date-range-picker{flex:0 0 auto}.date-range-row .calender-input{width:auto}.date-range-row .date-input .calender-input__field{flex:none;width:90px}.date-range-sep{font-size:14px;color:#121619;flex-shrink:0;line-height:22px}.latlng-row{display:flex;align-items:center;gap:5px}.latlng-row input{flex:0 0 auto;width:84px}.latlng-sep{font-size:14px;color:#121619;flex-shrink:0;line-height:22px}.member-mng__id-field-row{display:flex;align-items:center;gap:8px;width:100%}.member-mng__id-field-col{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.member-mng__id-field-feedback{display:block;font-size:var(--text-xs);color:var(--color-error);text-align:right}.admin-menu-mng .admin-menu-mng__split{display:flex;align-items:stretch;flex:1;min-height:0;gap:20px}.admin-menu-mng .admin-menu-mng__tree{display:flex;flex-direction:column;flex:0 0 540px;min-width:0;min-height:0;border-right:1px solid var(--grey-200);padding-right:20px;margin-right:-20px}.admin-menu-mng .admin-menu-mng__list{display:flex;flex-direction:column;flex:1 0 0;min-width:0;min-height:0}.admin-menu-mng .roundBox .scrollShadowWrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.admin-menu-mng .roundBox .scrollShadowWrap .scrollView{position:static}.admin-menu-mng .roundBox .scrollShadowWrap .shadowTop,.admin-menu-mng .roundBox .scrollShadowWrap .shadowBottom{position:absolute;left:0;right:var(--scrollbar-w, 0px);height:16px;z-index:5;opacity:0;pointer-events:none}.admin-menu-mng .roundBox .scrollShadowWrap .shadowTop{top:var(--thead-h, 0px);box-shadow:inset 0 10px 15px -10px #0000001f}.admin-menu-mng .roundBox .scrollShadowWrap .shadowBottom{bottom:0;box-shadow:inset 0 -10px 15px -10px #0000001f}.admin-menu-mng .roundBox .scrollShadowWrap .scrollView.scrollUp~.shadowBottom{opacity:1}.admin-menu-mng .roundBox .scrollShadowWrap .scrollView.scrollMid~.shadowTop,.admin-menu-mng .roundBox .scrollShadowWrap .scrollView.scrollMid~.shadowBottom{opacity:1}.admin-menu-mng .roundBox .scrollShadowWrap .scrollView.scrollDn~.shadowTop{opacity:1}.admin-menu-mng .no-group-hint{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-disabled);font-size:14px}.admin-menu-mng .loading-hint{text-align:center;padding:40px;color:var(--text-disabled)}.admin-menu-mng .list-tb{border-collapse:separate;border-spacing:0}.admin-menu-mng .list-tb th,.admin-menu-mng .list-tb td{border-top:none}.admin-menu-mng .list-tb thead th{position:sticky;top:0;z-index:2;background-color:var(--table-th-bg)}.admin-menu-mng .menu-table{table-layout:fixed;width:100%}.admin-menu-mng .menu-table thead th{background-color:var(--primary-200)}.admin-menu-mng .menu-table .menu-empty{padding:60px 0;border-bottom:none;color:var(--text-disabled);font-size:var(--text-xs);cursor:default;-webkit-user-select:none;user-select:none}.admin-menu-mng .col-center{text-align:center}.admin-menu-mng .col-path{color:var(--text-disabled)}.admin-menu-mng .th-check{display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.admin-menu-mng .list-tb tbody tr:hover:not(:has(.grid-empty)){background:var(--table-row-hover, rgba(0, 0, 0, .03))}.admin-menu-mng .list-tb tbody tr.tree-row--root{background:var(--bg-light-gray);font-weight:600}.admin-menu-mng .list-tb tbody tr.row-selected{background:var(--label-bg)}.admin-menu-mng .tree-cell{text-align:left}.admin-menu-mng .menu-name-cell{display:flex;align-items:center;gap:10px;padding:0 20px}.admin-menu-mng .depth-badge{flex:0 0 auto;padding:3px 7px 4px;border:1px solid;border-radius:3px;background:#fff;font-size:11px;font-weight:700;white-space:nowrap}.admin-menu-mng .depth-badge--1{border-color:#3176fe;color:#3176fe}.admin-menu-mng .depth-badge--2{border-color:#09b987;color:#09b987;font-weight:500}.admin-menu-mng .depth-badge--3{border-color:#808892;color:#808892;font-weight:500}.admin-menu-mng .tree-row--root .tree-label{color:#3176fe;font-weight:700}.admin-menu-mng .tree-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#565c63}.date-input.datetime-picker>.calender-input{gap:5px;padding-right:10px}.date-input.datetime-picker>.calender-input .calender-input__field{flex:0 0 auto;width:9ch}@supports (field-sizing: content){.date-input.datetime-picker>.calender-input .calender-input__field{width:auto;field-sizing:content}}@media(max-width:768px){.calender-area.datetime-range{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 6px}.calender-area.datetime-range>.datetime-picker:first-child{grid-column:1/-1}}@media(min-width:769px){.sensor-log .page-header .header-search{display:grid;grid-template-columns:repeat(12,1fr) auto;column-gap:15px}.sensor-log .page-header .header-search>*,.sensor-log .page-header .header-search>.header-search__pair>*{grid-column:span 3;width:auto;min-width:0}.sensor-log .page-header .header-search>.selectbox{grid-column:span 2}.sensor-log .page-header .header-search>.calender-area{grid-column:span 4}.sensor-log .page-header .header-search>.search{grid-column:auto}}@media(max-width:768px){.sensor-log .page-header .header-search{display:grid;grid-template-columns:1fr 140px}.sensor-log .page-header .header-search>.input-body{grid-area:1/1}.sensor-log .page-header .header-search>.selectbox{grid-area:1/2}.sensor-log .page-header .header-search>.calender-area{grid-area:2/1/3/-1}.sensor-log .page-header .header-search>.search{grid-area:3/1/4/-1}}.sensor-gas-data .unit-select{width:80px;min-width:auto}.sensor-gas-data .zone-select{width:150px;min-width:auto}@media(max-width:768px){.temp-log .page-header .header-search{display:grid;grid-template-columns:1fr 1fr}.temp-log .page-header .header-search>.calender-area,.temp-log .page-header .header-search>.input-body,.temp-log .page-header .header-search>.search{grid-column:1/-1}}@media(min-width:769px){.temp-log .page-header .header-search>.selectbox{flex:200 1 0;width:auto;min-width:0}.temp-log .page-header .header-search>.calender-area{flex:350 1 0;min-width:0}.temp-log .page-header .header-search>.input-body{flex:700 1 0;min-width:0}}.row-signal-lost td{background-color:#ef444414!important;color:var(--color-error, #ef4444)}@media(min-width:769px){.login-log .page-header .header-search>.calender-area,.login-log .page-header .header-search>.selectbox,.login-log .page-header .header-search>.input-body{flex:1 1 0;width:auto;min-width:0}}@media(min-width:769px){.menu-log .page-header .header-search>.calender-area,.menu-log .page-header .header-search>.selectbox,.menu-log .page-header .header-search>.input-body{flex:1 1 0;width:auto;min-width:0}}.menu-log .detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;background:#f8fafc;border-radius:6px;font-size:var(--text-sm);margin-bottom:12px}.menu-log .detail-meta .full-col{grid-column:1/-1}.menu-log .detail-meta .meta-label{color:var(--text-disabled)}.menu-log .detail-pre{height:auto;border:none;margin:0;padding:12px 14px;background:#1e293b;color:#e2e8f0;border-radius:6px;font-size:var(--text-xs);line-height:1.7;white-space:pre-wrap;word-break:break-all}.menu-log .detail-empty{padding:12px;background:#f8fafc;border-radius:6px;font-size:var(--text-sm);color:var(--text-muted)}.menu-log .btn-view{padding:2px 10px;font-size:11px;border-radius:4px;cursor:pointer;background:#eff6ff;color:#3b82f6;border:1px solid #bfdbfe;font-weight:600}.device-mng .loading-hint{font-size:var(--text-xs);color:var(--text-disabled);padding:8px 4px}.code-mng .code-card>.boxContent{display:flex;flex-direction:column;gap:16px}.code-mng .code-toolbar{display:flex;align-items:center;justify-content:space-between;padding-left:10px}.code-mng .code-toolbar .total-cnt{font-weight:700;color:var(--font-black);font-size:var(--text-md)}.code-mng .code-content{display:flex;gap:20px;flex:1;min-height:0}.code-mng .code-tree-box{flex:0 0 310px;background:#fff;border:1px solid #d6dbe1;border-radius:10px;padding:20px 0;overflow-y:auto}.code-mng .code-grid-box{flex:1;min-width:0}.code-mng .tree-table{width:100%;border-collapse:collapse}.code-mng .tree-table tr{cursor:pointer}.code-mng .tree-table tr:hover .tree-label,.code-mng .tree-table tr:hover .tree-label-company{color:var(--nav-blue)}.code-mng .tree-table .row-company{background:var(--bg-light-gray)}.code-mng .tree-table .row-selected>td{background:var(--label-bg)}.code-mng .tree-table .row-selected .tree-label,.code-mng .tree-table .row-selected .tree-label-company{color:var(--nav-blue);font-weight:700}.code-mng .tree-cell-td{position:relative;padding:5px 0}.code-mng .tree-cell{display:flex;align-items:center;gap:10px;position:relative}.code-mng .tree-cell--1depth,.code-mng .tree-cell--2depth{padding:0 10px 0 20px}.code-mng .tree-toggle,.code-mng .tree-dot-slot{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.code-mng .tree-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--border-light)}.code-mng .tree-dot-active{background:var(--nav-blue)}.code-mng .tree-guide{position:absolute;left:28px;top:0;bottom:0;width:1px;background-image:repeating-linear-gradient(to bottom,var(--border-light) 0,var(--border-light) 2px,transparent 2px,transparent 5px)}.code-mng .tree-guide-primary{background-image:repeating-linear-gradient(to bottom,var(--nav-blue) 0,var(--nav-blue) 2px,transparent 2px,transparent 5px)}.code-mng .tree-guide-from-dot{top:50%}.code-mng .tree-guide-to-dot{bottom:50%}.code-mng .tree-label{font-size:13px;color:var(--black)}.code-mng .tree-label-company{font-weight:600}.code-mng .tree-label-active{color:var(--nav-blue);font-weight:700}.code-mng .tree-mng{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--nav-blue);font-size:var(--text-xs);cursor:pointer}.code-mng .tree-mng:hover{text-decoration:underline}.code-mng .list-tb{table-layout:fixed;width:100%}.code-mng .list-tb td.code-cell{font-size:var(--text-xs)}.code-mng .list-tb td.muted-cell{font-size:var(--text-xs);color:var(--text-muted)}.code-mng .list-tb td.center-cell{text-align:center;font-size:var(--text-xs)}.code-mng .list-tb td.date-cell{text-align:center;font-size:11px;color:var(--text-muted)}.code-mng .list-tb tr{cursor:pointer}.code-mng .switch-status--on{color:var(--color-success)}.code-mng .switch-status--off{color:var(--color-error)}.code-mng .loading-hint{font-size:var(--text-xs);color:var(--text-disabled);padding:8px 12px}.code-mng .grid-empty--watermark{padding:60px 0}.menu-mng tbody tr:nth-child(2n)>td{background-color:#f8f9fc}.menu-mng tbody tr:nth-child(odd)>td{background-color:#fff}.menu-mng .row-clickable{cursor:pointer}.menu-mng .row-clickable:hover>td{color:var(--nav-blue)}.menu-mng .row-clickable:hover .tree-label,.menu-mng .row-clickable:hover .tree-label-company{color:var(--nav-blue)}.menu-mng .row-selected>td{background:var(--label-bg)!important}.menu-mng .row-selected .tree-label,.menu-mng .row-selected .tree-label-company{color:var(--nav-blue);font-weight:700}.menu-mng .tree-cell-td{position:relative}.menu-mng .tree-cell{display:flex;align-items:center;height:100%;padding-left:16px}.menu-mng .tree-guide{position:absolute;top:0;bottom:0;width:1px;background-image:repeating-linear-gradient(to bottom,var(--border-light) 0,var(--border-light) 2px,transparent 2px,transparent 5px)}.menu-mng .tree-guide-from-dot{top:50%}.menu-mng .tree-guide-to-dot{bottom:50%}.menu-mng .tree-guide-primary{background-image:repeating-linear-gradient(to bottom,var(--nav-blue) 0,var(--nav-blue) 2px,transparent 2px,transparent 5px)}.menu-mng .tree-node{display:flex;align-items:center;gap:10px;min-width:0}.menu-mng .tree-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--border-light)}.menu-mng .tree-dot-active{background:var(--nav-blue)}.menu-mng .tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;margin-right:10px}.menu-mng .tree-dot-slot{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.menu-mng .tree-label{font-size:13px;color:var(--black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.menu-mng .tree-label-company{font-weight:600}.menu-mng .tree-label-active{color:var(--nav-blue);font-weight:700}.menu-mng .list-tb{table-layout:fixed;width:100%}.menu-mng .list-tb td.path-cell{font-size:var(--text-xs);color:var(--text-muted)}.menu-mng .list-tb td.level-cell{text-align:center;font-size:11px;color:var(--text-muted)}.menu-mng .list-tb td.uri-cell{font-size:11px;color:var(--text-muted)}.menu-mng .list-tb td.center-sm{text-align:center;font-size:var(--text-xs)}.menu-mng .list-tb th,.menu-mng .list-tb td{border-top:none}.menu-mng .row-inactive{color:var(--text-disabled)}.menu-mng .row-inactive .tree-label{color:inherit}.menu-mng .row-inactive .tree-dot{background:var(--text-disabled)}.yn-toggle{display:flex;gap:8px}.menu-mng__link-btn{background:none;border:none;padding:0;color:#3176fe;font-size:12px;text-decoration:underline;cursor:pointer}.yn-btn{padding:4px 14px;border-radius:4px;font-size:var(--text-sm);border:1px solid;cursor:pointer}.yn-btn--active{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.yn-btn--inactive{border-color:#e2e8f0;background:#fff;color:var(--text-muted)}.dl-content .boxContent{display:flex}.dl-sub{display:flex;flex-direction:column;gap:20px;width:100%}.dl-toolbar{background:#f8f9fc;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:10px;gap:10px;flex-wrap:wrap}.dl-tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.dl-tab{height:40px;padding:0 12px;border-radius:10px;border:1px solid #e1e6ec;background:#fff;color:#121619;font-size:14px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.dl-tab:hover{border-color:var(--nav-blue)}.dl-tab--active{background:#d7e8fb;border-color:#d7e8fb;color:var(--nav-blue);font-weight:500}.dl-clear-btn{height:32px;display:inline-flex;align-items:center;gap:2px;padding:0 13px 0 10px;border-radius:100px;border:1px solid var(--nav-blue);background:#fff;color:var(--nav-blue);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}.dl-clear-btn:hover:not(:disabled){background:#eef3f6}.dl-clear-btn:disabled{border-color:#d6dbe1;color:#b9c1c9;cursor:not-allowed}.dl-clear-btn:disabled .dl-clear-icon{opacity:.4}.dl-clear-icon{width:16px;height:16px;flex-shrink:0}.dl-body{display:flex;align-items:flex-start;gap:20px;width:100%}@media(max-width:1200px){.dl-body{flex-direction:column}}.dl-surface{position:relative;flex:1 1 55%;min-width:0;height:calc(100vh - 320px);min-height:420px;max-height:700px;border-radius:10px;overflow:hidden;background:#eef1f5;border:1px solid #ddd}.dl-surface--pickable{cursor:crosshair}.dl-surface-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.dl-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.dl-surface-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#808892;font-size:14px}.dl-surface-empty button{height:36px;padding:0 16px;border-radius:100px;border:1px solid var(--nav-blue);background:#fff;color:var(--nav-blue);font-size:14px;font-weight:500;cursor:pointer}.dl-surface-empty button:hover{background:#eef3f6}.dl-surface-actions{position:absolute;top:12px;right:12px;z-index:3;display:flex;gap:6px}.dl-surface-actions button{height:40px;padding:0 12px;border-radius:10px;border:none;background:var(--nav-blue);color:#fff;font-size:14px;line-height:24px;white-space:nowrap;cursor:pointer}.dl-surface-actions button:hover:not(:disabled){background:#1f62e6}.dl-surface-actions button:disabled{background:#b9c1c9;cursor:not-allowed}.dl-surface-hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:#121619cc;color:#fff;font-size:13px;padding:8px 16px;border-radius:100px;white-space:nowrap;pointer-events:none}.dl-pin-anchor{position:absolute;transform:translate(-50%,-100%);pointer-events:none}.dl-pin{display:flex;flex-direction:column;align-items:center;pointer-events:auto;cursor:pointer}.dl-pin-label{position:relative;margin-bottom:4px;background:#fff;border:1px solid #d6dbe1;border-radius:4px;padding:2px 6px;font-size:11px;font-family:var(--font-base);color:#565c63;white-space:nowrap;box-shadow:0 1px 4px #00000014}.dl-pin-label:before,.dl-pin-label:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent}.dl-pin-label:before{border-top-color:#d6dbe1}.dl-pin-label:after{margin-top:-1px;border-top-color:#fff}.dl-pin-marker{position:relative;width:48px;height:48px}.dl-pin-marker__base{width:100%;height:100%;object-fit:contain}.dl-pin-marker__icon{position:absolute;top:9px;left:50%;transform:translate(-50%);width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1)}.dl-pin--selected .dl-pin-label{border-color:#3176fe;color:#3176fe;font-weight:700}.dl-pin--selected .dl-pin-label:before{border-top-color:#3176fe}.dl-panel{display:flex;flex-direction:column;gap:20px;flex:1 1 45%;min-width:0}.dl-empty{padding:40px 0;text-align:center;color:#808892;font-size:14px}.dl-group{display:flex;flex-direction:column;gap:10px}.dl-group-title{display:flex;align-items:center;gap:5px;height:26px}.dl-group-title img{width:16px;height:16px;object-fit:contain}.dl-group-title span{font-size:16px;font-weight:500;color:#000}.dl-group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.dl-device-btn{min-width:0;height:40px;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:5px;padding:0 12px;border-radius:10px;border:none;background:#f3f6fb;color:#121619;font-size:14px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-device-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-device-btn:hover{background:#e7edf7}.dl-device-btn--pinned{background:#d7e8fb;color:var(--nav-blue);font-weight:500}.dl-device-btn--active{box-shadow:inset 0 0 0 2px var(--nav-blue)}.dl-device-btn-icon{width:24px;height:24px;flex-shrink:0}.alarm-mng__register-btn.save{width:auto!important;white-space:nowrap}.alarm-mng__target-del{height:auto;padding:0;background:none;border:none;border-radius:0;color:var(--nav-blue);font-size:var(--text-xs);text-decoration:underline}.alarm-mng__target-grid .list-tb thead th{font-size:var(--text-xs)}.alarm-mng__target-grid .list-tb td{font-size:var(--text-sm)}.alarm-mng__target-btn{height:32px;width:100%;padding:0 15px;border-radius:100px;background:#fff;border:1px solid var(--nav-blue);color:var(--nav-blue);font-weight:700;font-size:var(--text-md)}.alarm-mng__target-btn:hover{background:var(--search-btn-bg)}.alarm-mng__alarm-form__target-section{display:flex;flex-direction:column;gap:8px}.alarm-mng__alarm-form__target-section .total-cnt{display:none}.alarm-mng__alarm-form__target-section .data-grid .grid-head .grid-actions{margin-left:0}.alarm-mng__alarm-form__target-section .alarm-mng__alarm-form__target-title{font-weight:700;color:var(--font-black);font-size:var(--text-md)}.alarm-mng__alarm-form__notice{display:flex;gap:3px;align-items:flex-start;background:var(--bg-subtle, #f8f9fc);border-radius:10px;padding:10px 15px;font-size:var(--text-xs);color:#6c747e;line-height:1.6;width:100%}.alarm-mng__alarm-form__notice img{flex-shrink:0;height:19px;object-fit:contain}.alarm-mng__picker-form{display:flex;flex-direction:column;gap:15px}.alarm-mng__picker-form__search-row{display:flex;gap:15px;align-items:center;background:var(--bg-subtle, #f8f9fc);border-radius:10px;padding:10px}.alarm-mng__picker-form__name-wrap{flex:1}.alarm-mng__template-grid .grid-head,.alarm-mng__template-grid .grid-paging{display:none}.alarm-mng__template-grid .list-tb th,.alarm-mng__template-grid .list-tb td{font-size:var(--text-sm)}.alarm-mng__picker-grid .grid-head,.alarm-mng__picker-grid .grid-paging{display:none}.alarm-mng__picker-grid .list-tb th,.alarm-mng__picker-grid .list-tb td{font-size:var(--text-sm)}@media(min-width:769px){.alarm-state .header-search .calender-area{flex:2 1 0;min-width:0}.alarm-state .header-search .input-body{flex:1 1 0;min-width:0}}@media(max-width:768px){.alarm-state .data-grid .grid-scroll .list-tb col.grid-col-auto{width:400px}}.alarm-state td[data-col=alarmMsg]{text-align:left}.alarm-state__msg-btn{display:block;max-width:100%;height:auto;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.alarm-state__msg-btn:hover{text-decoration:underline}.alarm-state-detail__row{background:var(--bg-readonly)}.alarm-state-detail__value{flex:1;min-width:0;color:var(--text-disabled);font-size:14px;line-height:1.6;text-align:right}.alarm-state-detail__value--multiline{white-space:pre-wrap;word-break:keep-all}.alarm-state-detail__badge.status-badge{padding:3px 10px;border-radius:100px;font-size:12px;font-weight:500;color:#fff}.alarm-state-detail__badge.status-badge.status-badge--error{background:#ff1212}.alarm-state-detail__badge.status-badge.status-badge--active{background:#24d3a1}.alarm-state-detail__badge.status-badge.status-badge--warning{background:#fae633;color:#565c63}.area-mng__toolbar-btn{border-radius:100px;height:32px;padding:0 13px 0 10px;font-size:14px}.area-mng__toolbar-btn.no-icon{padding-left:15px;padding-right:15px;width:70px}.area-mng__split{display:flex;align-items:stretch;flex:1;min-height:0;gap:20px}.area-mng__tree-panel{display:flex;flex-direction:column;flex:0 0 540px;min-width:0;min-height:0}.area-mng__table-panel{display:flex;flex-direction:column;flex:1 0 0;min-width:0;min-height:0;--table-th-bg: var(--primary-200)}.area-mng__row--selected td{color:#3176fe!important;font-weight:700}.area-mng__link-btn{background:none;border:none;padding:0;color:#3176fe;font-size:12px;text-decoration:underline;cursor:pointer}.area-mng__row-check{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:-10px;padding:10px;cursor:pointer}.face-register{display:flex;flex-direction:column;gap:10px}.face-register__toolbar{display:flex;justify-content:flex-end;margin-bottom:5px}.face-register__meta{display:grid;grid-template-columns:80px 1fr 80px 1fr;border-top:1px solid var(--grey-550);border-bottom:1px solid var(--grey-100)}.face-register__meta-th,.face-register__meta-td{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.6;color:var(--grey-550);word-break:break-word}.face-register__meta-th{padding:10px;background:var(--grey-100);font-size:var(--text-xs)}.face-register__meta-td{padding:9px 10px;font-size:var(--text-sm)}.face-register__stage{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0;border-bottom:1px solid var(--grey-100)}.face-register__message{display:flex;flex-direction:column;align-items:center;gap:5px}.face-register__logo{width:138px;height:auto;opacity:.6}.face-register__photo{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:var(--grey-100)}.face-register__hint,.face-register__error{margin:0;text-align:center;line-height:1.6;font-size:var(--text-xs)}.face-register__hint{color:var(--grey-550)}.face-register__error{padding:0 20px;color:var(--color-error, #dc2626)}.face-register__shot-icon{-webkit-mask-image:url(/images/icon/camera.svg);mask-image:url(/images/icon/camera.svg)}.radio-group{display:flex;gap:16px;flex-wrap:wrap}.radio-group--vertical{flex-direction:column;gap:8px}.radio-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#121619;-webkit-user-select:none;user-select:none}.radio-label--disabled{cursor:not-allowed;color:#808892}.radio-input{width:15px;height:15px;accent-color:#3176fe;cursor:pointer;flex-shrink:0}.radio-input:disabled{cursor:not-allowed;accent-color:#b9c1c9}.radio-text{line-height:1.4}.form-row .worker-mng__cell-btn,.form-row .worker-mng__face-btn{width:80px;min-width:80px;height:40px;padding:0;gap:3px;background:var(--grey-50);border:1px dashed var(--grey-300);color:var(--grey-900);font-size:var(--text-md)}.form-row .worker-mng__cell-btn:hover:not(:disabled),.form-row .worker-mng__face-btn:hover:not(:disabled){background:var(--grey-100)}.form-row:has(.worker-mng__cell-btn),.form-row:has(.worker-mng__face-btn){padding-top:5px;padding-bottom:5px}@media(max-width:768px){.worker-mng .data-grid.data-grid--has-cards .grid-scroll-wrap{display:flex}.worker-mng .data-grid.data-grid--has-cards .grid-cards{display:none}}@media(min-width:769px){.worker-mng .page-header .header-search .input-body,.worker-mng .page-header .header-search>.selectbox{flex:1 1 0;min-width:0}}.worker-mng__danger-row{display:flex;align-items:center}.worker-mng .grid-actions .checkbox-text,.worker-mng__danger-row .checkbox-text{font-size:var(--text-md);font-weight:700}.worker-mng__stats{display:flex;align-items:center}@media(max-width:768px){.worker-mng__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0}}.worker-mng__stat-sep{flex:none;width:16px;height:16px;margin:0 10px}@media(max-width:768px){.worker-mng__stat-sep{display:none}}.worker-mng__stat-item{display:flex;align-items:center;gap:4px}@media(max-width:768px){.worker-mng__stat-item{box-sizing:border-box;justify-content:center;min-width:0;height:30px;padding:0 8px;gap:4px;border:1px solid #d6dbe1;border-radius:100px;background:#fff;white-space:nowrap}}.worker-mng__stat-item--danger .worker-mng__stat-value{color:var(--color-danger, #e53e3e)}.worker-mng__stat-label{font-size:var(--text-md);font-weight:700;color:var(--grey-1000)}.worker-mng__stat-value{font-size:var(--text-md);font-weight:700;color:#3176fe}.worker-mng__stat-unit{color:var(--grey-900)}.worker-mng__cell-btn{height:40px;width:80px;padding:0 12px;gap:3px;background:#fff;border:1px solid var(--grey-300);color:var(--grey-900);font-size:var(--text-md)}.worker-mng__cell-btn:hover{background:var(--grey-100)}.worker-mng__face-btn{height:40px;width:100px;padding:0 12px;gap:3px;background:#fff;border:1px solid var(--grey-300);color:var(--grey-900);font-size:var(--text-md)}.worker-mng__face-btn:hover{background:var(--grey-100)}.worker-mng__face-btn{padding:0 24px}.worker-mng__plus-icon{width:24px;height:24px;flex-shrink:0;background:currentColor;-webkit-mask:url(/images/icon/btn_plus.svg) center/contain no-repeat;mask:url(/images/icon/btn_plus.svg) center/contain no-repeat}.worker-mng__face-btn-icon{width:24px;height:24px;flex-shrink:0}.worker-mng__face-thumb-wrap{display:flex;align-items:center;gap:10px}.worker-mng__face-thumb{width:120px;height:120px;flex-shrink:0;padding:0;border:1px dashed var(--grey-300);border-radius:10px;background:var(--grey-50);overflow:hidden;cursor:pointer}.worker-mng__face-thumb img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.worker-mng__face-thumb-remove{background:none;border:none;padding:0;color:var(--grey-600, #565c63);font-size:var(--text-md);cursor:pointer}.worker-mng__worker-form__row{display:flex;align-items:center;gap:8px;flex:1}.worker-mng__sep{flex-shrink:0;color:var(--grey-400, #b9c1c9)}.worker-mng__blood-text{color:var(--text-disabled);font-size:14px;line-height:22px}.worker-mng__blood-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;row-gap:6px;min-width:0}.worker-mng__blood-row .radio-group{flex-wrap:wrap;justify-content:flex-end;gap:10px;row-gap:6px;min-width:0}.worker-mng__blood-row .radio-label{white-space:nowrap}.worker-mng__blood-row .checkbox-text{min-width:0;white-space:nowrap}.worker-mng__agree-upload{display:flex;flex-direction:column;align-items:flex-end;gap:10px;width:100%}.worker-mng__agree-pending-list{display:flex;flex-direction:column;gap:5px;width:100%;padding:10px;background:var(--grey-50);border:1px solid var(--grey-100, #f3f6fb);border-radius:10px;list-style:none;box-sizing:border-box}.worker-mng__agree-pending-item{display:flex;align-items:center;justify-content:flex-end;gap:5px}.worker-mng__agree-pending-name{color:var(--grey-600, #565c63);font-size:var(--text-md);word-break:break-all;text-align:right}.worker-mng__agree-pending-remove{background:none;border:none;padding:0;line-height:1;color:var(--grey-600, #565c63);font-size:var(--text-md);cursor:pointer}.worker-mng__agree{display:flex;flex-direction:column;gap:15px}.worker-mng__agree-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px}.worker-mng__agree-maxsize{color:var(--grey-500, #808892);font-size:var(--text-xs)}.worker-mng__upload-icon{-webkit-mask-image:url(/images/icon/btn_download.svg);mask-image:url(/images/icon/btn_download.svg);transform:scaleY(-1)}.worker-mng__agree-grid .grid-head{display:none}.worker-mng__agree-grid .grid-empty-inner>span{display:flex;flex-direction:column;align-items:center;gap:10px}.worker-mng__link-del{background:none;border:none;padding:0;color:var(--nav-blue, #3176fe);font-size:var(--text-xs);text-decoration:underline;cursor:pointer}.worker-mng__agree-filename{color:var(--nav-blue, #3176fe);font-size:var(--text-sm);text-decoration:underline;word-break:break-all}.guide-page{display:flex;flex-direction:row!important;overflow:visible!important;min-height:100vh;background:#f5f6fa;font-size:12px}.guide-nav{width:200px;flex-shrink:0;background:#1e2030;position:sticky;top:0;height:100vh;overflow-y:auto}.guide-nav-title{padding:16px;font-size:13px;font-weight:700;color:#cba6f7;border-bottom:1px solid #313244;letter-spacing:.5px}.guide-nav-item{display:block;width:100%;text-align:left;padding:8px 16px;background:none;border:none;color:#a6adc8;font-size:12px;cursor:pointer;height:auto;border-radius:0;transition:background .1s}.guide-nav-item:hover{background:#313244;color:#cdd6f4}.guide-nav-item.active{background:#45475a;color:#cba6f7;font-weight:600}.guide-content{flex:1;padding:24px;overflow-y:auto;min-width:0}.guide-section{background:#fff;border-radius:8px;padding:24px;margin-bottom:20px;box-shadow:0 1px 4px #00000012}.guide-section-title{font-size:16px;font-weight:700;color:#1e2030;margin-bottom:6px;padding-bottom:12px;border-bottom:2px solid #e8e8f0}.guide-section-desc{font-size:12px;color:#666;line-height:1.8;margin-bottom:20px}.guide-block{margin-bottom:20px}.guide-block:last-child{margin-bottom:0}.guide-block-label{display:block;font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.guide-example{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;padding:16px;background:#fafafa;border-radius:6px;border:1px solid #ebebeb;min-width:0}.guide-example+.guide-example{margin-top:4px}.guide-desc{font-size:12px;color:#555;line-height:1.8;margin-bottom:10px}.guide-code{margin-top:10px;border-radius:8px}.guide-code pre{height:auto!important;border:none!important;background:#1e293b!important;color:#e2e8f0;margin:0;padding:14px;font-size:12px;line-height:1.65;white-space:pre-wrap;word-break:break-all;border-radius:8px}.guide-props{width:100%;margin-top:20px;font-size:11px}.guide-props th{background:#f5f6fa;font-weight:600;padding:8px 12px!important;text-align:left!important;border:1px solid #e0e0e8!important;color:#444}.guide-props td{padding:7px 12px!important;border:1px solid #e0e0e8!important;text-align:left!important;vertical-align:top}.guide-props .prop-name{font-family:monospace;color:#7c3aed;font-weight:600}.guide-props .prop-type{font-family:monospace;color:#0891b2}.guide-props .prop-default{font-family:monospace;color:#65a30d}.guide-props .prop-desc{color:#555;line-height:1.6}.otp-input-wrap{display:flex;gap:10px;justify-content:space-between}.otp-input-wrap .otp-digit{width:50px;height:60px;text-align:center;font-family:var(--font-number);font-size:28px;font-weight:700;color:#000;border:1px solid #d6dbe1;border-radius:10px;min-width:unset;padding:0;transition:border-color .15s}.otp-input-wrap .otp-digit:focus{border:2px solid #3176fe;outline:none}.otp-input-wrap .otp-digit:disabled{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.tabs{display:flex;gap:0}.tabs--line{border-bottom:2px solid var(--border-light);gap:0}.tabs--line .tab-item{padding:8px 18px;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.tabs--line .tab-item:hover:not(:disabled){color:var(--nav-blue)}.tabs--line .tab-item--active{color:var(--nav-blue);border-bottom-color:var(--nav-blue);font-weight:600}.tabs--line .tab-item--disabled{color:var(--text-disabled);cursor:not-allowed}.tabs--card{gap:4px}.tabs--card .tab-item{padding:8px 16px;font-size:var(--text-xs);font-weight:500;color:var(--text-muted);background:var(--bg-gray);border:1px solid var(--border-light);border-radius:4px 4px 0 0;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.tabs--card .tab-item:hover:not(:disabled){background:var(--border-light)}.tabs--card .tab-item--active{color:var(--nav-blue);background:var(--white);border-bottom-color:var(--white);font-weight:600}.tabs--card .tab-item--disabled{color:var(--text-disabled);cursor:not-allowed}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;line-height:1.6}.tag--default{background:#ebeff5;color:#565c63;border:1px solid #d6dbe1}.tag--primary{background:#d7e8fb;color:#1150c5;border:1px solid #c3ddfa}.tag--success{background:#e3f9f1;color:#09b987;border:1px solid #a9ecd7}.tag--warning{background:#fef9db;color:#8a6d00;border:1px solid #fbeea0}.tag--error{background:#fde3e3;color:#d61111;border:1px solid #f8c4c4}.tag--info{background:#eef3f6;color:#1150c5;border:1px solid #c3ddfa}.tag-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;font-size:13px;line-height:1;background:none;border:none;cursor:pointer;color:inherit;opacity:.6;border-radius:2px}.tag-remove:hover{opacity:1;background:#00000014}.textarea-field{display:inline-flex;align-items:flex-start;gap:8px;width:100%}.textarea-field--top{flex-direction:column;gap:4px}.textarea-label{font-size:12px;color:#374151;white-space:nowrap;flex-shrink:0;padding-top:6px}.textarea-field--top .textarea-label{padding-top:0}.textarea-required{color:var(--color-error);margin-left:2px}.textarea-wrap{display:flex;flex-direction:column;width:100%}.textarea-counter{align-self:flex-end;font-size:11px;color:#9ca3af;margin-top:2px}.textarea{box-sizing:border-box;border:var(--input-border);border-radius:6px;outline:none;color:#374151;background:#fff;font-size:12px;padding:10px 15px;resize:none;width:100%;min-width:0;overflow-y:auto;overflow-x:hidden;word-break:break-all;overflow-wrap:break-word;white-space:pre-wrap;line-height:1.5;transition:border-color .15s}.textarea:focus{border:var(--input-border-focus)}.textarea--disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.linear-progress{display:flex;flex-direction:column;gap:4px}.linear-progress__meta{display:flex;justify-content:space-between;align-items:center}.linear-progress__track{width:100%;border-radius:999px;overflow:hidden}.linear-progress__bar{height:100%;border-radius:999px}.linear-progress--light .linear-progress__label{font-size:12px;color:var(--text-muted)}.linear-progress--light .linear-progress__value{font-size:12px;color:#1e293b;font-weight:500}.linear-progress--light .linear-progress__track{background:#e2e8f0}.linear-progress--dark .linear-progress__label{font-size:12px;color:var(--text-muted-dark)}.linear-progress--dark .linear-progress__value{font-size:12px;color:#e2e8f0;font-weight:500}.linear-progress--dark .linear-progress__track{background:#ffffff14}.stat-grid{display:grid;gap:1px}.stat-grid--col2{grid-template-columns:repeat(2,1fr)}.stat-grid--col3{grid-template-columns:repeat(3,1fr)}.stat-grid--col4{grid-template-columns:repeat(4,1fr)}.stat-grid__cell{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.stat-grid__label{font-size:11px;white-space:nowrap}.stat-grid__value{font-size:18px;font-weight:700;line-height:1}.stat-grid__unit{font-size:11px;font-weight:400;margin-left:2px}.stat-grid--light{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.stat-grid--light .stat-grid__cell{border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.stat-grid--light .stat-grid__cell:nth-child(2n){border-right:none}.stat-grid--light .stat-grid__cell:last-child,.stat-grid--light .stat-grid__cell:nth-last-child(2):nth-child(odd){border-bottom:none}.stat-grid--light .stat-grid__label{color:var(--text-muted)}.stat-grid--light .stat-grid__value{color:#1e293b}.stat-grid--light .stat-grid__unit{color:var(--text-muted)}.stat-grid--dark{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px}.stat-grid--dark .stat-grid__cell{border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.stat-grid--dark .stat-grid__cell:nth-child(2n){border-right:none}.stat-grid--dark .stat-grid__cell:last-child,.stat-grid--dark .stat-grid__cell:nth-last-child(2):nth-child(odd){border-bottom:none}.stat-grid--dark .stat-grid__label{color:var(--text-muted-dark)}.stat-grid--dark .stat-grid__value{color:#e2e8f0}.stat-grid--dark .stat-grid__unit{color:var(--text-muted-dark)}.status-count-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.status-count-row__item{display:flex;align-items:center;gap:5px}.status-count-row__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-count-row__label{font-size:12px}.status-count-row__count{font-size:13px;font-weight:700}.status-count-row--light .status-count-row__label{color:var(--text-muted)}.status-count-row--dark .status-count-row__label{color:var(--text-muted-dark)}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-html)}.not-found-page__code{font-size:120px;font-weight:800;line-height:1;color:var(--blue);letter-spacing:-4px;margin-bottom:16px}.not-found-page__title{font-size:var(--text-xl);font-weight:600;color:var(--font-black);margin-bottom:8px}.not-found-page__msg{font-size:var(--text-md);color:var(--text-muted);line-height:1.7;text-align:center;margin-bottom:32px}.unauthorized-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-html);gap:0}.unauthorized-page__code{font-size:120px;font-weight:800;line-height:1;color:var(--blue);letter-spacing:-4px;margin-bottom:16px}.unauthorized-page__title{font-size:var(--text-xl);font-weight:600;color:var(--font-black);margin-bottom:8px}.unauthorized-page__msg{font-size:var(--text-md);color:var(--text-muted);line-height:1.7;text-align:center;margin-bottom:32px}.rolling-digits{display:inline-flex}.rolling-digits__col{display:inline-block;height:1.2em;overflow:hidden;line-height:1}.rolling-digits__strip{display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.4,0,.2,1)}.rolling-digits__digit{height:1.2em;display:flex;align-items:center;justify-content:center}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.ring-gauge{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ring-gauge svg{display:block}.ring-gauge__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}.ring-gauge__label{font-weight:500;line-height:1.3;white-space:nowrap}.ring-gauge__value{font-family:var(--font-number);font-weight:700;line-height:1.3;white-space:nowrap;margin-top:4px}.ring-gauge__unit{font-weight:500;margin-left:2px}.ring-gauge__tick{position:absolute;font-family:var(--font-number);font-weight:700;line-height:1.2;color:#818fad;white-space:nowrap}.ring-gauge__tick--center{left:50%;transform:translate(-50%)}.ring-gauge__tick-mark{position:absolute;height:2px;background:#818fad;border-radius:1px}.monitor .widget--cctv .widget-header{padding:.78125vw .78125vw 0;line-height:1.6}.monitor .widget--cctv .widget-body{padding:.78125vw}.cctv-widget-nav{position:absolute;top:.78125vw;right:2.0833333333vw;z-index:5;display:flex;align-items:center;gap:.2604166667vw}.cctv-widget-nav__btn{display:flex;align-items:center;justify-content:center;width:1.5625vw;height:1.5625vw;padding:0;border:none;background:none;cursor:pointer;color:#fff}.cctv-widget-nav__btn svg{width:1.5625vw;height:1.5625vw}.cctv-widget-nav__btn--prev svg{transform:rotate(180deg)}.cctv-widget-nav__btn:disabled{opacity:.3;cursor:default}.widget-cctv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.4166666667vw,1fr));gap:.5208333333vw;grid-auto-rows:1fr;flex:1;min-height:0;width:100%}.monitor .widget--cctv.width_5 .widget-cctv-grid{grid-template-columns:repeat(4,1fr)}.monitor .widget--cctv.width_6 .widget-cctv-grid{grid-template-columns:repeat(auto-fill,13.7239583333vw);justify-content:center;column-gap:.78125vw}.monitor .widget--cctv.width_6.height_4 .widget-cctv-grid{row-gap:1.5625vw}.widget-cctv-grid{--cctv-rows: auto}.monitor .widget--cctv.height_2 .widget-cctv-grid{--cctv-rows: 1}.monitor .widget--cctv.height_3 .widget-cctv-grid,.monitor .widget--cctv.height_4 .widget-cctv-grid{--cctv-rows: 2}.monitor .widget--cctv.height_1 .widget-cctv-grid{background:#0000004d;border-radius:.5208333333vw;padding:.5208333333vw .78125vw;box-sizing:border-box;--cctv-rows: 1;grid-template-columns:1fr;grid-auto-rows:min-content;row-gap:.2604166667vw;align-content:center}.monitor .widget--cctv.height_1 .cctv-tile{align-items:stretch;justify-content:center;gap:0}.monitor .widget--cctv.height_1.width_2 .widget-cctv-grid{grid-template-columns:repeat(2,1fr)}.monitor .widget--cctv.height_1.width_3 .widget-cctv-grid{grid-template-columns:repeat(3,1fr)}.monitor .widget--cctv.height_1.width_4 .widget-cctv-grid{grid-template-columns:repeat(4,1fr)}.monitor .widget--cctv.height_1.width_5 .widget-cctv-grid,.monitor .widget--cctv.height_1.width_6 .widget-cctv-grid,.monitor .widget--cctv.height_1.width_7 .widget-cctv-grid,.monitor .widget--cctv.height_1.width_8 .widget-cctv-grid{grid-template-columns:repeat(5,1fr)}.monitor .widget--cctv.height_1 .cctv-tile__thumb{display:none}.monitor .widget--cctv.height_1 .cctv-tile__name{font-size:.9375vw;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor .widget--cctv.width_1.height_1 .widget-cctv-grid{padding:.5208333333vw}.monitor .widget--cctv.width_1.height_1 .cctv-widget-dots{display:none}.widget-cctv-grid .widget-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;color:var(--text-disabled, #6c747e);min-height:3.125vw}.cctv-tile{min-height:0;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;height:auto;gap:.390625vw;padding:0;border:none;background:none;cursor:pointer;text-align:left}.cctv-tile--disabled{cursor:default;opacity:.5}.cctv-tile__thumb{position:relative;display:block;flex:0 1 auto;min-height:0;width:100%;aspect-ratio:4/3;background:#000;border-radius:.2604166667vw;overflow:hidden}.cctv-tile__thumb-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.3645833333vw}.cctv-tile__snapshot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cctv-tile__icon{display:block;width:1.3541666667vw;height:1.3541666667vw;transform:scaleX(-1)}.cctv-tile__brand{display:flex;flex-direction:column;color:#fff;line-height:1.6}.cctv-tile__brand strong{font-size:.4515625vw;font-weight:700}.cctv-tile__brand span{font-size:.4515625vw;font-weight:500}.cctv-tile__name{font-size:.6510416667vw;font-weight:500;line-height:1.6;color:#fff;text-align:center}.cctv-widget-dots{display:flex;align-items:center;justify-content:center;gap:.2604166667vw;margin-top:.2604166667vw}.cctv-widget-dots__dot{width:.2604166667vw;height:.2604166667vw;border-radius:50%;background:#d7e8fb}.cctv-widget-dots__dot--active{background:#59a1f1}:root{--font-number: "Gmarket Sans TTF", Pretendard, sans-serif;--font-base: Pretendard, sans-serif;--primary-900: #01038a;--primary-850: #1150c5;--primary-800: #3176fe;--primary-600: #59a1f1;--primary-300: #c3ddfa;--primary-200: #d7e8fb;--primary-100: #eef3f6;--grey-1000: #000;--grey-900: #121619;--grey-800: #21272a;--grey-700: #343a3f;--grey-600: #565c63;--grey-550: #6c747e;--grey-500: #808892;--grey-400: #b9c1c9;--grey-300: #d6dbe1;--grey-250: #e1e6ec;--grey-200: #ebeff5;--grey-100: #f3f6fb;--grey-50: #f8f9fc;--grey-white: #fff;--sec-normal: #24d3a1;--sec-warning: #fae633;--sec-critical: #fd0d0d;--green-700: #09b987;--red-700: #d61111;--stat-attend: #aff7ff;--stat-new: #beffec;--stat-risk: #ffd2a9;--stat-tbm: #fff191;--black: var(--grey-900);--white: #fff;--blue: #0768a9;--border: 1px solid #e1e1e1;--bg-html: var(--primary-100);--bg-light-gray: #fafafa;--bg-gray: #f6f6f6;--bg-dark-gray: #f0f0f0;--bg-deep-gray: #aaa;--header-color: var(--bg-html);--nav-blue: var(--primary-800);--box-shadow: 0 2px 10px rgba(0, 0, 0, .08);--box-radius: 10px;--header-size: 55px;--lnb-logo-size: 80px;--container-head-size: 0px;--footer-size: 0;--navBar-size: 240px;--nav-size: 320px;--font-black: var(--grey-900);--text-muted: #64748b;--text-muted-dark: #94a3b8;--text-disabled: var(--grey-500);--color-error: var(--red-700);--color-success: var(--green-700);--color-warning: #f59e0b;--color-error-bg: var(--sec-critical);--color-success-bg: var(--sec-normal);--color-warning-bg: var(--sec-warning);--bg-disabled: #d1d5db;--gray-50: var(--grey-50);--bg-readonly: var(--grey-50);--border-light: var(--grey-300);--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--input-height: 40px;--input-border: 1px solid var(--border-light);--input-border-focus: 1px solid var(--primary-800);--input-radius: 10px;--table-th-bg: var(--grey-100);--label-bg: #eaf2ff;--search-btn-bg: var(--primary-200);--save-btn-bg: #34886c;--edit-btn-bg: #f39c12;--del-btn-bg: #ff6f6f;--excel-btn-bg: #0d9467;--download-btn-bg: #2563eb;--grey-btn-bg: #f0f0f0;--gray-btn-bg: #f0f0f0;--gap-size: 8px;--box-header: 8px 16px;--box-gap: 20px}.dark{--header-color: black;--font-black: #fff;--bg-light-gray: #555;--bg-gray: #555;--white: black;--black: #fff;--border: 1px solid #999;--bg-dark-gray: #777;--table-th-bg: #444;--bg-html: #444;--bg-disabled: #3a3f4a;--bg-readonly: #2e3340}.sideBar{--navBar-size: 0px}.sideBar .lnb{transition:width .2s;overflow:hidden}.sideBar .content{transition:margin-left .2s}.openNav .lnb{width:320px!important;transition:width .4s}.navClose{position:absolute;right:20px;top:20px}*{margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;touch-action:manipulation}html{font-size:12px;line-height:24px;color:var(--font-black);font-weight:400;word-wrap:break-word;word-break:keep-all;font-family:Pretendard,프리텐다드,Malgun Gothic,돋움,dotum,Apple SD Gothic NEO,sans-serif;-webkit-text-size-adjust:100%;background-color:var(--bg-html)}pre,textarea{font-family:Pretendard,프리텐다드,Malgun Gothic,돋움,dotum,Apple SD Gothic NEO,sans-serif!important}.wrap{margin:0 auto}ul{list-style-type:none}li{list-style:none}a{color:inherit;cursor:pointer}a:link,a:visited{text-decoration:none}a:hover,a:focus{text-decoration:none}img{border:none;vertical-align:top}select{border:var(--input-border);border-radius:var(--input-radius);height:var(--input-height);min-width:100px;position:relative;top:1px;background:var(--white);color:var(--black);padding:0 10px}select:focus{border:var(--input-border-focus);outline:none}select:disabled{color:var(--text-disabled);cursor:not-allowed}input{overflow:visible;vertical-align:middle;min-width:80px;font-family:inherit}input[type=checkbox],input[type=radio]{min-width:30px;display:inline-block;position:relative;top:-2px}input[type=text],input[type=date],input[type=number],input[type=password],textarea,pre{border:var(--input-border);border-radius:var(--input-radius);height:calc(var(--input-height) - 2px);padding:0 15px;resize:none;background:var(--white);color:var(--black)}input[type=text]:focus,input[type=date]:focus,input[type=number]:focus,input[type=password]:focus,textarea:focus,pre:focus{border:var(--input-border-focus);outline:none}input[type=text]:disabled,input[type=date]:disabled,input[type=number]:disabled,input[type=password]:disabled,textarea:disabled,pre:disabled{color:var(--text-disabled);cursor:not-allowed}textarea{padding:10px 15px}input[type=file]{height:var(--input-height)}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=file]{height:22px;padding:3px 0}input[type=checkbox]{width:14px;height:14px}}input[type=checkbox]{border:solid var(--font-black)}input[type=text]::-ms-clear{display:none}input[type=button],button{cursor:pointer;background-color:var(--bg-deep-gray);color:#fff;vertical-align:middle;font-family:inherit;height:40px;border-radius:10px;padding:0 10px;border:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}input[type=button].search,button.search{background-color:var(--search-btn-bg);color:var(--nav-blue);padding:0 12px;min-width:56px}input[type=button].save,button.save{background-color:var(--nav-blue)}input[type=button].cancel,button.cancel{background-color:#fff;color:var(--nav-blue);border:1px solid var(--nav-blue)}input[type=button].edit,button.edit{background-color:var(--edit-btn-bg)}input[type=button].del,button.del{background-color:var(--del-btn-bg)}input[type=button].excel,button.excel{background-color:var(--excel-btn-bg)}input[type=button].download,button.download{background-color:var(--download-btn-bg)}label{vertical-align:middle}table{border-collapse:collapse;border-spacing:0;width:100%}caption{font-size:1px;overflow:hidden;text-indent:-9999px;width:1px;height:1px;margin-top:-1px;line-height:1px}iframe{border:none}.lnb{position:fixed;top:0;left:0;bottom:0;width:var(--navBar-size);background:var(--lnb-bg, var(--white));border-right:var(--border);display:flex;flex-direction:column;z-index:10;overflow:hidden}@media(max-width:1400px){.lnb{left:auto;right:0;width:320px;max-width:85vw;transform:translate(100%);transition:transform .3s ease;z-index:1100;box-shadow:-4px 0 16px #00000026}}.lnb .lnb-logo{height:var(--lnb-logo-size);display:flex;align-items:center;padding:20px 30px 10px;box-sizing:border-box;flex-shrink:0;cursor:pointer;color:var(--blue);font-size:18px;font-weight:700;white-space:nowrap}.lnb .lnb-logo img{max-width:100%;max-height:calc(var(--lnb-logo-size) - 30px);object-fit:contain}.lnb .lnb-profile{display:none}@media(max-width:1400px){.lnb .lnb-profile{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:var(--border);cursor:pointer;position:relative;flex-shrink:0}.lnb .lnb-profile:hover{background:var(--bg-gray)}.lnb .lnb-profile .hd-profile-info{flex-direction:column;align-items:flex-start;gap:2px}.lnb .lnb-profile .hd-profile-divider{display:none}.lnb .lnb-profile .hd-down-icon{margin-left:auto;flex-shrink:0}}.navOpen{position:fixed;left:0;top:50vh;width:20px;padding:10px 0;text-align:center;background-color:#00000026;cursor:pointer;z-index:11}.navOpen:hover{background-color:#00000040}.navBar{flex:1;overflow-x:hidden;overflow-y:auto;color:var(--lnb-text, var(--black))}.navBar .nav{display:flex;flex-direction:column;gap:10px;text-align:left;padding:20px 20px 8px}.navBar .nav a{display:flex;align-items:center}.navBar .mainMenu{padding:8px 15px;margin:0;width:100%;height:auto;box-sizing:border-box;border-radius:100px;font-size:16px;line-height:22.4px;font-weight:700;gap:6px;color:var(--lnb-text, var(--grey-500))}.navBar .mainMenuIcon{width:16px;height:16px;flex-shrink:0;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.navBar .menuTitle{flex:1;overflow-wrap:anywhere}.navBar .mainMenuArrow{flex-shrink:0;transform:rotate(90deg);transition:transform .2s ease}.navBar .mainMenuArrow--open{transform:rotate(-90deg)}.navBar .mainMenu:hover,.navBar .mainMenu:focus{background:var(--search-btn-bg);color:var(--nav-blue);transition:.2s}.navBar .mainMenu.current{background:var(--lnb-active-bg, var(--nav-blue));color:var(--lnb-active-text, #fff);font-weight:700}.navBar .mainMenu.current .mainMenuArrow{filter:var(--lnb-active-icon-filter, brightness(0) invert(1))}.navBar .subMenuWrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-out}.navBar .subMenuWrap.current{grid-template-rows:1fr}.navBar .subMenuUl{overflow:hidden;min-height:0}.navBar .subMenuUl li a{width:100%}.navBar a.subMenu{position:relative;padding:11px 0 0 37px;margin:0;width:100%;min-height:30px;height:auto;box-sizing:border-box;border-radius:0;font-size:var(--text-md);line-height:19px;font-weight:700;color:var(--lnb-text, var(--grey-500));align-items:flex-start}.navBar a.subMenu:before{content:"";position:absolute;left:22.5px;top:0;bottom:0;width:1px;background-color:var(--border-light)}.navBar .subMenu.current:after{content:"";position:absolute;left:22px;bottom:0;width:2px;height:19px;background-color:var(--lnb-sub-active-text, var(--nav-blue))}.navBar .subMenu:hover{color:var(--nav-blue);transition:.2s}.navBar .subMenu.current,.navBar .lastMenu.current{color:var(--lnb-sub-active-text, var(--nav-blue));font-weight:700}.navBar a.lastMenu{position:relative;padding:11px 0 0 49px;margin:0;width:100%;min-height:30px;height:auto;box-sizing:border-box;font-size:12px;line-height:19px;color:var(--lnb-text, var(--grey-500));align-items:flex-start}.navBar a.lastMenu:before{content:"";position:absolute;left:22.5px;top:0;bottom:0;width:1px;background-color:var(--border-light)}.navBar .lastMenu.current:after{content:"";position:absolute;left:22px;bottom:0;width:2px;height:19px;background-color:var(--lnb-sub-active-text, var(--nav-blue))}.navBar .lastMenu:hover{color:var(--nav-blue);transition:.2s}.content{margin-left:var(--navBar-size);min-width:320px;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0 30px;gap:20px}@media(max-width:1400px){.content{padding:0 16px;gap:16px}}@media(max-width:768px){.content{--content-inset: 20px;padding:0 var(--content-inset)}}@media(max-width:768px)and (max-width:360px){.content{--content-inset: 12px}}@media(max-width:480px){.content{gap:12px}}@media(max-width:1400px){.content{margin-left:0}}.mobile-nav-overlay{display:none}@media(max-width:1400px){.mobile-nav-open .lnb{transform:translate(0)}.mobile-nav-open .mobile-nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1050}}.hd-hamburger{display:none;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}@media(max-width:1400px){.hd-hamburger{display:inline-flex;width:40px;height:40px;margin-right:-8px}.hd-hamburger img{width:32px;height:32px}}.mobile-fab{display:none;position:fixed;right:20px;bottom:20px;flex-direction:column;gap:15px;z-index:900}@media(max-width:768px){.mobile-fab{display:flex}}.mobile-fab-btn{width:50px;height:50px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:-1px 1px 4px #00000026}.mobile-fab-btn--register{background:var(--nav-blue)}.mobile-fab-btn--top{background:#fff;border:1px solid var(--grey-200)}.content-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:20px}.content-header{flex-shrink:0;height:var(--header-size);background:var(--bg-html);display:flex;align-items:center;padding:10px 0 0;gap:20px;z-index:20;position:relative}@media(max-width:1400px){.content-header{gap:10px}}body.page-scroll{overflow:auto}body.page-scroll .content{height:auto;min-height:100vh;overflow:visible;gap:0}body.page-scroll .content-header{position:sticky;top:0;padding-bottom:20px}body.page-scroll .content-header:after{content:"";position:absolute;left:0;right:0;bottom:-20px;height:20px;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.06),transparent);opacity:0;transition:opacity .15s ease-out}body.page-scroll .content-body{overflow:visible}body.page-scroll .field{overflow-y:visible}body.page-scroll.header-scrolled .content-header:after{opacity:1}@media(max-width:768px){html,body{overflow:auto}body{height:auto;min-height:100%}.content{height:auto;min-height:100vh;overflow:visible;gap:0}.content-header{position:sticky;top:0;margin:0 calc(var(--content-inset) * -1);padding:10px var(--content-inset) 0;gap:0}.content-body{overflow:visible}.content-body .field{overflow-y:visible;background:#fff;margin:0 calc(var(--content-inset) * -1);padding:20px var(--content-inset)}.content-body .field:has(>.main-page){background:transparent;margin:0;padding:0 0 20px}.content-body .field>*{min-height:auto;gap:20px}.content-body .field>*>.roundBox,.content-body .field>*>.grid-frame>.roundBox{height:auto;overflow:visible;background:transparent;border:none;border-radius:0;margin-bottom:0}.content-body .field>*>.roundBox>.boxContent,.content-body .field>*>.grid-frame>.roundBox>.boxContent{overflow:visible;padding:0;display:flex;flex-direction:column;gap:20px}.content-body .field .pg-title,.content-body .field .page-header{margin-bottom:0}.content-body .field .data-grid .grid-head{margin-bottom:20px}.content-body .field .data-grid .grid-head .total-cnt{display:none}.content-body .field .data-grid .grid-head:not(:has(button,.checkbox-label)){display:none}}.hd-selector{flex:1;min-width:0;background:#fff;border:1px solid var(--border-light);border-radius:100px;display:flex;align-items:center;padding:8px 15px 8px 30px;gap:15px;position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.hd-selector::-webkit-scrollbar{display:none}@media(max-width:1400px){.hd-selector{display:none}}.hd-mobile-selector{display:none;flex:1;min-width:0;align-items:center;justify-content:flex-start;gap:10px;background:none;border:none;padding:0;cursor:pointer}@media(max-width:1400px){.hd-mobile-selector{display:flex}}.hd-mobile-logo{display:none;flex:1;min-width:0;align-items:center}@media(max-width:1400px){.hd-mobile-logo{display:flex}}.hd-mobile-logo img{max-height:32px;max-width:100%;object-fit:contain}.hd-mobile-logo span{font-size:18px;font-weight:700;color:var(--blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-mobile-selector-name{min-width:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:20px;font-weight:700;color:var(--black)}.hd-mobile-selector-arrow{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.hd-mobile-selector-arrow img{filter:brightness(0)}.hd-seg{position:relative;flex-shrink:0;display:flex;align-items:center}.hd-seg--company,.hd-seg--group{flex:1;min-width:0}.hd-seg--project{flex:2;min-width:0}.hd-seg--company .hd-seg-btn,.hd-seg--group .hd-seg-btn{flex:1;width:100%;min-width:0;justify-content:space-between;overflow:hidden}.hd-seg--company .hd-seg-btn span,.hd-seg--group .hd-seg-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.hd-seg-btn{display:flex;align-items:center;justify-content:left;gap:4px;background:none;border:none;padding:6px 8px;border-radius:8px;cursor:pointer;color:var(--grey-900);font-size:15px;font-weight:500;height:auto;white-space:nowrap;line-height:1.6}.hd-seg-btn:hover:not(.hd-seg-btn--locked){background:#f0f0f0}.hd-seg-btn--locked{cursor:default;pointer-events:none;padding-right:4px}.hd-seg-btn--project{font-size:15px;font-weight:700;color:var(--primary-900);width:100%;min-width:0}.hd-seg-btn--project span{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-sep-icon{flex-shrink:0}.hd-search-btn{flex-shrink:0;width:35px;height:35px;border-radius:20px;background:#3176fe;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.hd-search-btn:hover{background:var(--primary-850)}.hd-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:9999;background:#fff;border:1px solid var(--border-light);border-radius:10px;box-shadow:0 4px 16px #0000001a;min-width:160px;max-height:300px;overflow-y:auto;list-style:none;padding:6px 0}.hd-dropdown li button{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-width:0;padding:10px 18px;background:none;border:none;border-radius:0;text-align:left;font-size:14px;color:var(--grey-700);cursor:pointer;height:auto}.hd-dropdown li button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-dropdown li button:hover{background:var(--bg-gray)}.hd-dropdown .hd-dd-active{color:var(--nav-blue)!important;font-weight:600}.hd-dropdown--right{left:auto;right:0}.hd-dropdown--wide{min-width:220px}.hd-dropdown-search{box-sizing:border-box;width:calc(100% - 24px);height:32px;margin:0 12px 6px;padding:0 10px;border:1px solid var(--border-light);border-radius:8px;font-size:13px;font-family:inherit;color:var(--grey-900)}.hd-dropdown-search:focus{outline:none;border-color:var(--nav-blue)}.hd-dropdown-search::placeholder{color:var(--grey-400)}.hd-dropdown-list{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto}.hd-dropdown-empty{padding:10px 18px;font-size:13px;color:var(--grey-500);text-align:center}.hd-check{margin-left:auto;flex-shrink:0}.hd-dropdown--lang{display:flex;flex-direction:column;gap:10px;border-radius:20px;padding:20px 15px}.hd-dropdown--lang li button{gap:7px;padding:0;font-size:16px;color:var(--grey-600);font-weight:500}.hd-dropdown--lang li button:hover{background:none}.hd-dropdown--lang .hd-lang-flag{flex-shrink:0;border-radius:50%;border:.833px solid var(--grey-250)}.hd-dropdown--lang .hd-dd-active{color:var(--nav-blue)!important;font-weight:700}.hd-gnb{flex-shrink:0;display:flex;align-items:center;gap:5px}@media(max-width:1400px){.hd-gnb{flex-direction:row-reverse;gap:0}}.hd-icon-btn{width:55px;height:55px;border-radius:50%;background:#fff;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;flex-shrink:0}.hd-icon-btn:hover{background:var(--bg-gray)}.hd-icon-btn img{display:block}@media(max-width:1400px){.hd-icon-btn{width:40px;height:40px;background:none;border:none}.hd-icon-btn:hover{background:none}.hd-icon-btn img{width:24px;height:24px}}.hd-bell-dot{position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:var(--color-error-bg);border:2px solid #fff;pointer-events:none}@media(max-width:1400px){.hd-bell-dot{top:6px;right:6px}}.hd-profile{display:flex;align-items:center;gap:15px;align-self:stretch;width:300px;flex-shrink:0;background:#fff;border:1px solid var(--border-light);border-radius:100px;padding:5px 20px 5px 10px;cursor:pointer;position:relative;box-sizing:border-box}.hd-profile:hover{background:var(--bg-gray)}@media(max-width:1400px){.hd-profile{display:none}}.hd-avatar{width:35px;height:35px;border-radius:50%;background:var(--nav-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.hd-profile-info{display:flex;align-items:center;gap:0;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hd-profile-name{font-size:15px;font-weight:700;color:var(--grey-900)}.hd-profile-divider{font-size:15px;color:var(--border-light);margin:0 8px}.hd-profile-role{font-size:15px;font-weight:500;color:var(--grey-900)}.content-site-title{flex-shrink:0;z-index:10;background:var(--bg-html);display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 20px}@media(max-width:1400px){.content-site-title{height:auto;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:15px;background:#fff;border-radius:14px}}.content-site-title .site-breadcrumb,.content-site-title .site-select-btn{display:none}@media(max-width:1400px){.content-site-title .site-breadcrumb,.content-site-title .site-select-btn{display:flex;width:100%}}.content-site-title .site-breadcrumb{align-items:center;gap:5px;font-size:14px;color:var(--grey-600)}.content-site-title .site-breadcrumb .site-breadcrumb-arrow{width:24px;height:24px;flex-shrink:0}.content-site-title .site-select-btn{align-items:center;justify-content:center;height:48px;border:none;border-radius:10px;background:var(--nav-blue);color:#fff;font-size:16px;cursor:pointer}.content-site-title .site-title-main{display:flex;align-items:center;gap:9px;min-width:0}.content-site-title .site-title-main>span{font-size:26px;font-weight:700;color:var(--grey-1000)}@media(max-width:1400px){.content-site-title .site-title-main>span{font-size:20px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.content-site-title .site-title-main .site-title-weather-icon{width:50px;height:50px;flex-shrink:0}@media(max-width:1400px){.content-site-title .site-title-main{width:100%}}.content-site-title .site-datetime{display:flex;align-items:center;gap:10px;color:var(--grey-900);font-size:18px;font-weight:500;flex-shrink:0}@media(max-width:1400px){.content-site-title .site-datetime{font-size:14px;width:100%;justify-content:flex-end;gap:6px;padding-right:10px}}.content-site-title .site-datetime .site-datetime-icon{width:24px;height:24px}.field{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 0 20px;display:flex;flex-direction:column}.field>*{flex:1;min-height:0;display:flex;flex-direction:column}.field>*>.roundBox{flex:1;min-height:0;margin-bottom:0;display:flex;flex-direction:column;height:100%}.field>*>.roundBox>.boxContent{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.field>*>.roundBox>.boxContent .scrollView,.field>*>.roundBox>.boxContent .list-scroll{flex:1;min-height:0;overflow-y:auto;height:auto!important}.field>*>.grid-frame{flex:1;min-height:0;overflow:hidden;grid-auto-rows:1fr}.field>*>.grid-frame>.roundBox{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;margin-bottom:0}.field>*>.grid-frame>.roundBox>.boxContent{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.field>*>.grid-frame>.roundBox>.boxContent .scrollView,.field>*>.grid-frame>.roundBox>.boxContent .list-scroll{flex:1;min-height:0;overflow-y:auto;height:auto!important}.field footer{height:var(--footer-size);background:var(--bg-dark-gray);overflow:hidden}.yn-badge{display:inline-flex;align-items:center;font-family:"Pretendard",inherit;font-weight:700;font-size:11px;line-height:1.4;padding:3px 7px 4px;border-radius:999px;border:1px solid transparent;background:#fff}.yn-badge--active{border-color:var(--color-success-bg);color:var(--color-success-bg)}.yn-badge--inactive{border-color:#b9c1c9;color:#b9c1c9}.row-inactive,.row-inactive td{color:var(--text-disabled)!important}.skipList{display:block;position:absolute;width:100%;background:#ddd;padding:10px 0;z-index:10;top:-50px}.skipList:focus{top:0;color:#444;box-shadow:5px 0 4px 4px #00000040}.sr-only{overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;margin-top:-1px;font-size:1px;line-height:1px}.textCut{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.textCut.line3{white-space:normal;line-height:18px;max-height:54px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.textL,.left{text-align:left!important}.textR,.right{text-align:right}.center{text-align:center!important}.textJ{text-align:justify}.b,.strong,.f600{font-weight:600}.f400{font-weight:400!important}.underBar{text-decoration:underline}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.flex{display:flex}.block{display:block}.inline{display:inline}.inlineBlock{display:inline-block}.floatClear:after{content:"";display:block;clear:both}.floatClear>li{float:left}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.ml10{margin-left:10px}.ml20{margin-left:20px}.ml30{margin-left:30px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb25{padding-bottom:25px}.pb30{padding-bottom:30px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}.pt30{padding-top:30px}.gap{margin-right:var(--gap-size)}.upLine{border-top:1px solid #ddd}.searchBox>*{margin-right:var(--gap-size)}.searchBox .action{display:flex;align-items:center;margin-left:auto;margin-right:0}.searchBox .action>*{margin-right:0;margin-left:var(--gap-size)}.searchBox>input[type=button]{position:relative;top:-1px}.list-tb th,.list-tb td{padding:10px;font-size:var(--text-md);border:none;border-bottom:1px solid #ebeff5}.list-tb thead th{background-color:var(--table-th-bg);border-bottom:1px solid #d6dbe1;color:#121619;font-weight:500}.list-tb thead th:first-child{border-radius:10px 0 0}.list-tb thead th:last-child{border-radius:0 10px 0 0}.list-tb td{text-align:center;color:#565c63}.list-tb tbody tr.selected{background-color:var(--nav-blue);color:#fff}.list-tb tbody tr.dragRow td{background-color:#0768a9!important;color:var(--white)}.grid-th-inner{display:flex;align-items:center;justify-content:center;gap:5px}.grid-th-inner:has(.grid-th-icons){padding-left:10px}.grid-th-icons{display:flex;align-items:center}.grid-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.grid-th-sortable:hover{color:var(--blue)}.grid-sort-icon{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:16px;height:16px;gap:2px;cursor:pointer;flex-shrink:0;position:relative}.grid-sort-icon:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.grid-sort-icon .sort-up,.grid-sort-icon .sort-down{color:var(--bg-deep-gray);transition:color .1s}.grid-sort-icon .sort-up.active,.grid-sort-icon .sort-down.active{color:var(--blue)}.grid-sort-icon:hover .sort-up,.grid-sort-icon:hover .sort-down{color:var(--text-muted)}.grid-filter-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;padding:0;border:none;background:none;cursor:pointer;color:var(--bg-deep-gray);line-height:1;transition:color .1s}.grid-filter-btn:hover,.grid-filter-btn.active,.grid-filter-btn.open{color:var(--blue)}.list-tb.list-tb--topline thead th,.list-tb.list-tb--card thead th{border-bottom:none;box-shadow:inset 0 1px 0 0 var(--grey-550);color:var(--grey-550)}.list-tb.list-tb--topline thead th:first-child,.list-tb.list-tb--topline thead th:last-child,.list-tb.list-tb--card thead th:first-child,.list-tb.list-tb--card thead th:last-child{border-radius:0}.list-tb.list-tb--card{border-collapse:separate;border-spacing:0;font-size:var(--text-xs)}.list-tb.list-tb--card thead th{position:sticky;top:0;z-index:1;padding:8px 10px;font-size:var(--text-xs);color:var(--grey-600);font-weight:500;white-space:nowrap}.kv-tb{table-layout:fixed;flex-shrink:0}.kv-tb tbody tr:first-child>*{box-shadow:inset 0 1px 0 0 var(--grey-550)}.kv-tb col:nth-child(odd){width:70px}.kv-tb th,.kv-tb td{box-sizing:border-box;height:39px;padding:0 10px;border-bottom:1px solid var(--grey-100);line-height:1.6;text-align:center}.kv-tb th{padding:0 5px;background:var(--grey-100);font-size:12px;font-weight:500;color:var(--grey-550)}.kv-tb td{background:var(--white);font-size:13px;font-weight:700;color:var(--font-black)}.kv-tb td.cell--warn{color:var(--color-warning)}.kv-tb td.cell--danger,.kv-tb--danger td{color:var(--color-error)}.dragRow{background-color:#0768a9!important;color:var(--white)}.dragRow a{color:var(--white)}.vertical-list-tb th,.vertical-list-tb td{border:var(--border);vertical-align:middle;padding:8px 10px}.vertical-list-tb th{background-color:var(--table-th-bg)}.vertical-list-tb tr th:first-child,.vertical-list-tb tr td:first-child{border-left:none}.vertical-list-tb tr th:last-child,.vertical-list-tb tr td:last-child{border-right:none}.roundBox{box-sizing:border-box;background-color:var(--white);border:1px solid #b9c1c9;border-radius:20px;margin-bottom:20px}.roundBox .boxTtl{background-color:var(--table-th-bg);color:var(--black);border-top:1px solid white;padding:var(--box-header);font-weight:600}.roundBox .boxTabs{padding:12px 20px 0;border-bottom:1px solid #e5e7eb}.roundBox .boxContent{position:relative;padding:20px}@media(max-width:768px){.roundBox .boxContent{padding:12px}}.tabBox{background-color:var(--white);border-radius:var(--box-radius);box-shadow:var(--box-shadow);margin-bottom:20px;overflow:hidden}.tabBox .boxTabs{padding:12px 20px 0;border-bottom:1px solid #e5e7eb}.tabBox .boxContent{position:relative;padding:20px}.btnZone{position:absolute;bottom:30px;right:20px}.etcbtnZone{text-align:right}.grid-frame{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px}@media(max-width:768px){.grid-frame{grid-template-columns:1fr}}.grid-frame>div{min-width:0}.grid-frame>div.gc-1{grid-column:span 1}.grid-frame>div.gc-2{grid-column:span 2}.grid-frame>div.gc-3{grid-column:span 3}.grid-frame>div.gc-4{grid-column:span 4}.grid-frame>div.gc-5{grid-column:span 5}.grid-frame>div.gc-6{grid-column:span 6}.grid-frame>div.gc-7{grid-column:span 7}.grid-frame>div.gc-8{grid-column:span 8}.grid-frame>div.gc-9{grid-column:span 9}.grid-frame>div.gc-10{grid-column:span 10}.grid-frame>div.gc-11{grid-column:span 11}.grid-frame>div.gc-12{grid-column:span 12}@media(max-width:768px){.grid-frame>div{grid-column:1/-1!important}}.grid-frame>div:not(.roundBox){display:flex;flex-direction:column;gap:15px}.grid-frame>div:not(.roundBox)>.roundBox{margin-bottom:0}.grid-frame .roundBox{margin-bottom:0}.grid-frame .roundBox .scrollView{position:relative;height:calc(100vh - 250px);overflow-Y:auto;min-width:0;background:transparent;border:none;border-radius:0}.grid-frame .roundBox .scrollView .shadowTop,.grid-frame .roundBox .scrollView .shadowBottom{position:absolute;width:100%;height:16px;z-index:5;opacity:0}.grid-frame .roundBox .scrollView .shadowTop{top:0;box-shadow:inset 0 10px 15px -10px #0000001f}.grid-frame .roundBox .scrollView .shadowBottom{bottom:0;box-shadow:inset 0 -10px 15px -10px #0000001f}.grid-frame .roundBox .scrollView.pagination{height:calc(100vh - 296px)}.grid-frame .roundBox .scrollView.scrollUp .shadowBottom,.grid-frame .roundBox .scrollView.scrollMid .shadowTop,.grid-frame .roundBox .scrollView.scrollMid .shadowBottom,.grid-frame .roundBox .scrollView.scrollDn .shadowTop{opacity:1}.grid-frame .roundBox .list-scroll{height:calc(100vh - 280px);min-height:500px;overflow-x:hidden;overflow-y:auto}.menuPermit li{padding:5px 0;border-bottom:1px dotted #eee;position:relative}.menuPermit li label{position:absolute}.menuPermit li input{margin:0 7px}.menuPermit li.mainLi{background:#f6f6f6}.menuPermit li.mainLi label{left:100px;font-weight:600}.menuPermit li.subLi{background:#fafafa}.menuPermit li.subLi label{left:120px}.menuPermit li.subLi label:before{content:"- "}.menuPermit li.lastLi label{left:140px}.menuPermit li.lastLi label:before{content:"· "}.tabMenu .active{background-color:var(--nav-blue)}.form-grid{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;width:100%;max-width:100%;box-sizing:border-box}.form-grid>.input-field{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.form-grid>.input-field>.input-body{flex:1;min-width:0}.tab-panel{display:flex;gap:20px;margin-top:12px}.tab-panel__left,.tab-panel__mid,.tab-panel__right{flex:1;min-width:0;display:flex;flex-direction:column}.tab-panel__left,.tab-panel__mid{border-right:var(--border);padding-right:20px}.tab-panel .list-scroll{flex:1;height:auto;max-height:calc(100vh - 320px);min-height:0;overflow-x:hidden;overflow-y:auto}.tree_arrow{display:inline-block;transform:rotate(45deg);transition:transform .2s ease;display:inline-flex;align-items:center;justify-content:center}.tree_arrow.open{transform:rotate(135deg)}.list-tb--pick tbody tr,.kv-tb--pick{cursor:pointer}.list-tb--pick tbody tr.is-active>td,.kv-tb.kv-tb--active td{background:#eef4fd}.dashboard{width:100%;height:calc(100vh - 160px);min-height:700px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:var(--box-gap);overflow:hidden}.dashboard .widget{display:flex;position:relative;flex-direction:column;overflow:hidden;border-radius:var(--box-radius);background:var(--white);box-shadow:var(--box-shadow);-webkit-user-select:none;user-select:none;transition:box-shadow .15s ease,opacity .15s ease}.dashboard .widget--dragging{opacity:.85;box-shadow:0 12px 32px #0003;cursor:grabbing}.dashboard .widget-header{display:flex;align-items:center;padding:var(--box-header);background:var(--bg-gray);border-bottom:var(--border);cursor:grab}.dashboard .widget-header:active{cursor:grabbing}.dashboard .widget-body{flex:1;display:flex;align-items:center;justify-content:center}.dashboard .resize-handle{position:absolute;right:6px;bottom:6px;width:14px;height:14px;border-radius:4px;background:#999;cursor:se-resize;transition:.2s ease}.dashboard .resize-handle:hover{background:#666}.dashboard .preview-box{border-radius:var(--box-radius);background:#0078ff1a;border:2px dashed var(--nav-blue);pointer-events:none;z-index:1}.dashboard_2{width:100%;min-width:1200px;min-height:700;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;overflow:hidden;gap:var(--box-gap)}.dashboard_2 .widget{display:flex;position:relative;flex-direction:column;overflow:hidden;border-radius:var(--box-radius);background:var(--white);box-shadow:var(--box-shadow);-webkit-user-select:none;user-select:none}.dashboard_2 .widget-header{display:flex;align-items:center;padding:var(--box-header);background:var(--bg-gray);border-bottom:var(--border);cursor:grab}.dashboard_2 .widget-header:active{cursor:grabbing}.dashboard_2 .widget-body{flex:1;display:flex;align-items:center;justify-content:center}.dashboard_2 .resize-handle{position:absolute;right:6px;bottom:6px;width:14px;height:14px;border-radius:4px;background:#999;cursor:se-resize;transition:.2s ease}.dashboard_2 .resize-handle:hover{background:#666}.dashboard_2 .preview-box{border-radius:var(--box-radius);background:#0078ff1a;border:2px dashed var(--nav-blue);pointer-events:none;z-index:1}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:15px;flex-shrink:0}@media(max-width:768px){.page-header{margin-bottom:20px}}.page-header .header-search{display:flex;align-items:center;flex-basis:100%;min-width:0;gap:15px;flex-wrap:wrap;background:#f8f9fc;padding:10px;border-radius:10px;height:60px;box-sizing:border-box}.page-header .header-search>.input-field{width:auto;flex-shrink:0}.page-header .header-search>.input-field .input-body{min-width:120px}.page-header .header-search>.selectbox,.page-header .header-search>.date-input{flex:0 0 auto;width:auto;min-width:120px}.page-header .header-search .header-search__pair{display:contents}@media(max-width:768px){.page-header .header-search .header-search__pair{display:flex;gap:10px}.page-header .header-search .header-search__pair>.selectbox,.page-header .header-search .header-search__pair>.date-input,.page-header .header-search .header-search__pair>.input-body,.page-header .header-search .header-search__pair>.calender-area{flex:1 1 0;min-width:0}}@media(max-width:768px){.page-header .header-search{height:auto;align-items:stretch;background:#f3f6fb;padding:15px;gap:15px}.page-header .header-search>*{width:100%;flex:1 1 100%}.page-header .header-search>.selectbox,.page-header .header-search>.date-input{width:100%;flex:1 1 100%;min-width:0}}.page-header .header-actions{display:flex;align-items:center;gap:6px;margin-left:auto;margin-top:15px}@media(max-width:768px){.page-header .header-actions{width:100%;margin-left:0}}.header-actions .save,.header-actions .excel,.grid-actions .save,.grid-actions .excel{height:32px;border-radius:100px}.header-actions .save:before,.header-actions .excel:before,.grid-actions .save:before,.grid-actions .excel:before{content:"";display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain;flex-shrink:0}.header-actions .save,.grid-actions .save{background-color:#3176fe;color:#fff;padding-left:20px;padding-right:22px;width:85px}.header-actions .save:before,.grid-actions .save:before{background-image:url(/images/icon/btn_plus.svg)}.header-actions .save.no-icon,.grid-actions .save.no-icon{padding-left:15px;padding-right:15px;width:70px}.header-actions .save.no-icon:before,.grid-actions .save.no-icon:before{content:none}@media(max-width:768px){.header-actions .save,.grid-actions .save{width:100%;height:40px;border-radius:10px;font-size:16px}.header-actions .save:before,.grid-actions .save:before{width:24px;height:24px}}.header-actions .excel,.grid-actions .excel{background:#fff;border:1px solid #3176fe;color:#3176fe;padding-left:10px;padding-right:13px}.header-actions .excel:before,.grid-actions .excel:before{background-image:url(/images/icon/btn_download.svg)}@media(max-width:768px){.header-actions .excel,.grid-actions .excel{display:none}}.page-header .header-search .input{height:40px;box-sizing:border-box;border:1px solid #d6dbe1;border-radius:10px;font-size:14px;background:#fff;padding-left:15px;padding-right:10px}.page-header .header-search .input::placeholder{color:#b9c1c9}.section-more-btn{box-sizing:border-box;display:inline-flex;align-items:center;gap:2px;height:32px;padding:0 10px 0 15px;border:1px solid #d6dbe1;border-radius:999px;background:#fff;color:#121619;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.section-more-btn:after{content:"";width:16px;height:16px;flex-shrink:0;background-color:currentColor;mask:url(/images/icon/arrow-right.svg) no-repeat center/contain;-webkit-mask:url(/images/icon/arrow-right.svg) no-repeat center/contain}.section-more-btn:hover{background:#f8f9fc;border-color:#b9c1c9}.status-legend{box-sizing:border-box;display:inline-flex;align-items:center;height:32px;gap:10px;padding:0 15px;border:1px solid #d6dbe1;border-radius:999px;background:#fff;font-size:14px;font-weight:500;color:#121619;white-space:nowrap}@media(max-width:768px){.status-legend{display:none}}.legend-item{display:inline-flex;align-items:center;gap:2px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.legend-dot--ok{background:var(--color-success-bg)}.legend-dot--warn{background:var(--color-warning-bg)}.legend-dot--danger{background:var(--color-error-bg)}.cctv-count{box-sizing:border-box;display:inline-flex;align-items:center;height:32px;padding:0 15px;border:1px solid #d6dbe1;border-radius:999px;background:#fff;font-size:14px;color:#121619;white-space:nowrap}.cctv-count strong{margin-left:2px;color:#3176fe}.option-btn{display:inline-flex;align-items:center;justify-content:center;gap:2px;height:32px;min-width:unset;padding:0 13px 0 10px;border:none;border-radius:100px;background:var(--primary-200);color:var(--primary-800);font-size:var(--text-md);cursor:pointer}.option-btn:hover:not(:disabled){background:var(--primary-300)}.option-btn:disabled{opacity:.5;cursor:not-allowed}.option-btn--line{background:var(--white);border:1px solid var(--primary-800)}.option-btn--line:hover:not(:disabled){background:var(--primary-100)}.option-btn__icon{width:16px;height:16px;flex-shrink:0;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.grid-empty-inner{display:flex;flex-direction:column;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.grid-empty-inner .grid-empty-logo{width:120px;height:auto;opacity:.6}.monitor-container{height:100%;overflow-y:auto}.monitor-page{height:100%;display:flex;flex-direction:column;background:#0e100f}.monitorHeader{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:1.5625vw;font-weight:700;color:#fff;line-height:1.6;padding:.78125vw .78125vw 0;background:#0e100f}.monitorHeader>span{grid-column:2;display:flex;align-items:center;gap:.4166666667vw;cursor:pointer}.monitorHeader .monitorHeader-weather-icon{width:2.6041666667vw;height:2.6041666667vw;flex-shrink:0}.monitorHeader .widget-add-btn{grid-column:3;justify-self:end;height:auto;margin-right:.4166666667vw;font-size:.625vw;font-weight:500;line-height:1;padding:.3645833333vw .7291666667vw;border:1px solid rgba(255,255,255,.3);border-radius:.2604166667vw;background:#ffffff0d;color:#fff;cursor:pointer}.monitorHeader .widget-add-btn:hover{background:#ffffff26}.widget-picker-list{display:flex;flex-direction:column;gap:.625vw}.widget-picker-list .checkbox-label{gap:.3125vw;font-size:.6770833333vw;color:#fff}.widget-picker-list .checkbox-text{min-width:5.2083333333vw}.widget-picker-list input[type=checkbox].checkbox-input{width:.78125vw;height:.78125vw}.site-picker-list{display:flex;flex-direction:column;gap:.3125vw}.site-picker-list .site-picker-item{display:flex;align-items:center;justify-content:space-between;padding:.5208333333vw .625vw;border:none;border-radius:.4166666667vw;background:#ffffff0f;color:#fff;font-size:.7291666667vw;text-align:left;cursor:pointer}.site-picker-list .site-picker-item:hover{background:#ffffff1f}.site-picker-list .site-picker-item--active{background:#3d5afe40;color:#7d94ff;font-weight:700}.site-picker-list .site-picker-check{color:#7d94ff;font-weight:700}.site-picker-list .site-picker-empty{margin:0;padding:.5208333333vw 0;font-size:.6770833333vw;color:#ffffff80;text-align:center}.monitor{width:calc(100% - 1.0416666667vw);flex:1;padding:10px;min-height:980px;background:#0e100f;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr);grid-auto-flow:row dense;grid-auto-rows:minmax(0,1fr);gap:10px;overflow-x:hidden;overflow-y:hidden}.monitor .widget{display:flex;position:relative;flex-direction:column;overflow:hidden;min-height:0;border-radius:var(--box-radius);background:radial-gradient(ellipse at center,#1e3f52 5%,#25262a);-webkit-user-select:none;user-select:none;transition:box-shadow .15s ease,opacity .15s ease;color:#fff}.monitor .widget--dragging{opacity:.85;box-shadow:0 12px 32px #0003;cursor:grabbing}.monitor .widget .widget-header-info{display:flex;align-items:center;gap:.2604166667vw;position:absolute;top:.78125vw;right:.78125vw;font-size:.78125vw;line-height:1.6;border:1px solid rgba(255,255,255,.5);padding:.2604166667vw .78125vw;border-radius:100px}.monitor .widget .widget-header-info .dot{display:flex;align-items:center;gap:.2604166667vw;font-size:.78125vw;font-weight:500;color:#fff}.monitor .widget .widget-header-info .dot:before{content:"";width:.78125vw;height:.78125vw;border-radius:.2604166667vw}.monitor .widget .widget-header-info .dot.green:before{background:#2dd4bf}.monitor .widget .widget-header-info .dot.yellow:before{background:#facc15}.monitor .widget .widget-header-info .dot.red:before{background:#ff2b2b}.monitor .widget .widget-header-info .dot:after{content:"|";font-size:.5208333333vw;color:#ffffff80;text-indent:.2083333333vw}.monitor .widget .widget-header-info .dot.red:after{content:""}.monitor .widget .widget-header-info.weather-location-badge{align-items:center;gap:.2604166667vw;padding:.2604166667vw .78125vw;height:1.6666666667vw;box-sizing:border-box;border-radius:100px;border-width:2px;border-color:#ffffff4d;line-height:1.6;font-size:.78125vw;font-weight:700;color:#fff}.monitor .widget .widget-header-info.project-date-badge{border-width:2px;border-color:#ffffff4d;height:1.6666666667vw;box-sizing:border-box}.monitor .widget .widget-header-info.gas-legend{gap:.5208333333vw;padding:15px;height:1.6666666667vw;box-sizing:border-box;border-radius:100px;border-width:1px;border-color:#64646499}.monitor .widget .widget-header-info.gas-legend .dot.green:before{background:#24d3a1}.monitor .widget .widget-header-info.gas-legend .dot.yellow:before{background:#fae633}.monitor .widget .widget-header-info.gas-legend .dot.red:before{background:#ff1212}.monitor .widget .widget-header-info .weather-location-icon{width:1.0416666667vw;height:1.0416666667vw;flex-shrink:0}.monitor .widget .widget-header-info .project-date-icon{width:1.0416666667vw;height:1.0416666667vw;flex-shrink:0;filter:brightness(0) invert(1)}.monitor .widget.height_1 .subInfo,.monitor .widget.width_1 .subData{display:none!important}.monitor .widget-header{display:flex;align-items:center;padding:1.0416666667vw;padding-bottom:0;font-weight:700;font-size:1.0416666667vw;cursor:grab;z-index:4}.monitor .widget--wtr .widget-header,.monitor .widget--gas .widget-header,.monitor .widget--ttl .widget-header,.monitor .widget--alm .widget-header,.monitor .widget--io .widget-header,.monitor .widget--tmp .widget-header,.monitor .widget--proj .widget-header,.monitor .widget--gate .widget-header{padding:.78125vw .78125vw 0;font-weight:500;line-height:1.6;color:#fff}.monitor .widget--map .widget-header{color:#fff0}.monitor .widget--wtr .widget-body,.monitor .widget--gas .widget-body,.monitor .widget--ttl .widget-body,.monitor .widget--alm .widget-body,.monitor .widget--io .widget-body,.monitor .widget--tmp .widget-body,.monitor .widget--proj .widget-body,.monitor .widget--gate .widget-body{padding:.78125vw}.monitor .weather-location-badge,.monitor .gas-legend,.monitor .temp-toggle-badge,.monitor .project-date-badge{top:.7291666667vw!important;right:.7291666667vw!important;font-weight:400}.monitor .widget-close{position:absolute;top:.4166666667vw;right:.4166666667vw;background:none;border:none;color:#fff1;cursor:pointer;z-index:4}.monitor .widget-close:hover{color:#fff}.monitor .widget-header:active{cursor:grabbing}.monitor .widget-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:.5208333333vw 1.0416666667vw 1.0416666667vw}.monitor .widget-body--clickable{cursor:pointer}.monitor .widget-block{box-sizing:border-box}.monitor .resize-handle{position:absolute;right:6px;bottom:6px;width:12px;height:12px;opacity:.5;border-radius:4px;background:#999;cursor:se-resize;transition:.2s ease;z-index:4}.monitor .resize-handle:hover{opacity:1;width:14px;height:14px;background:#666}.monitor .preview-box{border-radius:var(--box-radius);background:#0078ff1a;border:2px dashed var(--nav-blue);pointer-events:none;z-index:1}.monitor .widget-notice{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:.2083333333vw;font-size:.7291666667vw}.monitor .widget-notice li{display:flex;align-items:center;justify-content:space-between;gap:.4166666667vw;padding-bottom:.2083333333vw;border-bottom:1px solid rgba(255,255,255,.2);color:#fff}.monitor .widget-notice li span{font-size:.625vw;color:#fff9}.monitor .widget-notice li>span:last-child{flex-shrink:0;white-space:nowrap}.monitor .widget-notice__body{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor .widget-notice__zone{margin-right:.2083333333vw;color:var(--color-primary, #4d9bff);font-weight:700}.monitor .widget-notice__empty{justify-content:center;color:#ffffff80;border-bottom:none}.monitor .widget-project{display:flex;flex-direction:column;justify-content:center}.monitor .widget-project .widget-total-row{display:flex;align-items:center}.monitor .widget-project .widget-total-label{width:80px;color:#d7dce3;text-indent:5px;font-weight:500}.monitor .widget-project .widget-total-bar{flex:1;height:8px;background:#ffffff14;border-radius:999px;overflow:hidden}.monitor .widget-project .widget-total-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#5b6cff,#9cecff)}.monitor .widget-project .widget-total-value{width:80px;text-align:right;font-weight:700;color:#fff}.monitor .widget-gate{height:5.2083333333vw;display:flex;flex-direction:column}.monitor .widget-gate .widget-gate-chart{flex:1;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid rgba(255,255,255,.08)}.monitor .widget-gate .widget-gate-bars{display:flex;align-items:flex-end;gap:1.0416666667vw}.monitor .widget-gate .widget-gate-bar-wrap{height:7.8125vw;display:flex;align-items:flex-end;justify-content:center}.monitor .widget-gate .widget-gate-bar{width:.7291666667vw;border-radius:999px 999px 0 0}.monitor .widget-gate .widget-gate-bar.total{background:#5b61ff}.monitor .widget-gate .widget-gate-bar.open{background:#9defff}.monitor .widget-gate .widget-gate-info{margin-top:.5208333333vw;padding:.7291666667vw;border-radius:.7291666667vw;background:#00000040}.monitor .widget-gate .widget-gate-item{display:flex;justify-content:space-between;align-items:center}.monitor .widget-gate .widget-gate-item:last-child{margin-bottom:0}.monitor .widget-gate .widget-gate-label{display:flex;align-items:center;gap:.4166666667vw;color:#d7dce3}.monitor .widget-gate .widget-gate-value{color:#fff;font-weight:700}.monitor .widget-gate .dot{width:.7291666667vw;height:.7291666667vw;border-radius:.2083333333vw}.monitor .widget-gate .dot.total{background:#5b61ff}.monitor .widget-gate .dot.open{background:#9defff}.monitor .widget-total{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.5208333333vw}.monitor .widget-total .widget-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2604166667vw;padding:.5208333333vw 0;border-radius:10px;background:#0000004d}.monitor .widget-total .widget-block .label{font-weight:500;line-height:1.3;color:#fff;font-size:.78125vw}.monitor .widget-total .widget-block .value{font-family:var(--font-number);font-weight:700;line-height:1.3;font-size:1.0416666667vw;color:#0ee7ff}.monitor .widget-total .widget-block .value.green{color:#0ee5a8}.monitor .widget-total .widget-block .value.yellow{color:#f5df4b}.monitor .width_1 .widget-total{grid-template-columns:repeat(1,3fr)}.monitor .width_1.height_2 .widget-total .widget-block,.monitor .width_1.height_3 .widget-total .widget-block,.monitor .width_1.height_4 .widget-total .widget-block{display:flex!important}.monitor .width_1.height_1 .widget-total{grid-auto-rows:1fr}.monitor .width_1.height_1 .widget-total .widget-block{flex-direction:row;align-items:center;justify-content:space-between;padding:0 .78125vw}.monitor .width_1.height_1 .widget-total .widget-block .label{font-size:.78125vw}.monitor .width_1.height_1 .widget-total .widget-block .value{font-size:1.5625vw}.monitor .widget-alarm{display:flex;flex-direction:column;height:100%}.monitor .widget-alarm .widget-block{flex:1;background:#0000004d;padding:.5208333333vw;border-radius:10px}.monitor .widget-alarm .widget-block .alarm-list{margin:0;padding:0;list-style:none;position:relative;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.2604166667vw}.monitor .widget-alarm .widget-block .alarm-list li{display:flex;align-items:center;justify-content:space-between;padding:.1302083333vw .78125vw;gap:40px}.monitor .widget-alarm .widget-block .alarm-list li .ttl{position:relative;flex:1;min-width:0;color:#fff;font-size:.78125vw;line-height:1.3;text-indent:1.3020833333vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor .widget-alarm .widget-block .alarm-list li .ttl:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.78125vw;height:.78125vw;border-radius:.2604166667vw}.monitor .widget-alarm .widget-block .alarm-list li .ttl.green:before{background:#2dd4bf}.monitor .widget-alarm .widget-block .alarm-list li .ttl.yellow:before{background:#facc15}.monitor .widget-alarm .widget-block .alarm-list li .ttl.red:before{background:#ff2b2b}.monitor .widget-alarm .widget-block .alarm-list li .alarm-time{flex-shrink:0;font-family:var(--font-number);font-size:.6510416667vw;font-weight:500;line-height:1.3;padding-right:.5208333333vw}.monitor .height_1 .widget-alarm .alarm-list li:nth-child(n+3){display:none}.monitor .widget-inout{height:100%;display:flex;flex-direction:column;gap:.5208333333vw}.monitor .widget-inout .flex{display:flex;gap:.2604166667vw}.monitor .widget-inout .flex:first-child{flex:3}.monitor .widget-inout .flex.subInfo{flex:2;gap:.5208333333vw}.monitor .widget-inout .widget-block{border-radius:.5208333333vw;background:#0000004d}.monitor .widget-inout .widget-block.stay{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;padding:0 1.5625vw}.monitor .widget-inout .widget-block.stay .left{flex:1;display:flex;align-items:center;justify-content:flex-start;min-width:0}.monitor .widget-inout .widget-block.stay .left .live{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.4166666667vw;min-width:0;padding-right:.78125vw}.monitor .widget-inout .widget-block.stay .left .ttl{font-size:.8333333333vw;line-height:1.3;color:#fff;white-space:nowrap}.monitor .widget-inout .widget-block.stay .left .val{font-weight:700;font-size:1.9791666667vw;line-height:1.3;letter-spacing:-.1041666667vw;color:#20d8ff;flex-shrink:0;border-right:.0520833333vw dashed rgba(200,200,200,.3);padding-right:1.3020833333vw}.monitor .widget-inout .widget-block.stay .right{width:35%;padding:0 .78125vw;flex-shrink:0;box-sizing:border-box}.monitor .widget-inout .widget-block.stay .right p{display:flex;align-items:center;justify-content:space-between;margin:.3645833333vw 0}.monitor .widget-inout .widget-block.stay .right .ttl{font-size:.78125vw;line-height:1.3;color:#fff;white-space:nowrap}.monitor .widget-inout .widget-block.stay .right .green{color:#21e5c3;font-size:.9375vw;line-height:1.3;font-weight:700}.monitor .widget-inout .widget-block.stay .right .yellow{color:#ffd84d;font-size:.9375vw;line-height:1.3;font-weight:700}.monitor .widget-inout .widget-block.total{width:4.9479166667vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f141ee6}.monitor .widget-inout .widget-block.total .ttl{margin-bottom:.5208333333vw}.monitor .widget-inout .widget-block.total .val{font-size:1.5625vw;font-weight:700}.monitor .widget-inout .flex-block{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5208333333vw;color:#000}.monitor .widget-inout .flex-block .ttl{font-weight:600;font-size:.78125vw;line-height:1.3}.monitor .widget-inout .flex-block .val{font-weight:800;font-size:1.25vw;line-height:1.3;letter-spacing:-.0520833333vw}.monitor .widget-inout .flex-block.blue{background:#aff7ff}.monitor .widget-inout .flex-block.green{background:#fff191}.monitor .widget-inout .flex-block.orange{background:#ffd2a9}.monitor .widget-inout .flex-block.yellow{background:#e8d64a}.monitor .width_1 .widget-inout .flex{flex-direction:column;width:100%}.monitor .width_1 .widget-inout .flex .widget-block.stay{padding:.5208333333vw}.monitor .width_1 .widget-inout .flex .widget-block.stay .right{padding:0 0 0 .78125vw}.monitor .width_1 .widget-inout .flex .widget-block.stay .right p{padding:0;margin:0;display:block;text-align:left}.monitor .width_1 .widget-inout .flex .widget-block.stay .val{font-size:.9375vw!important;letter-spacing:0px}.monitor .width_1 .widget-inout .flex .widget-block.total{width:100%;padding:.5208333333vw 0 1.0416666667vw}.monitor .height_1 .widget-inout .flex{flex-direction:column;width:100%}.monitor .width_1.height_1 .widget-inout .widget-block.stay{padding:0 .78125vw}.monitor .width_1.height_1 .widget-inout .left .live{text-indent:0;justify-content:space-between;padding-right:0}.monitor .width_1.height_1 .widget-inout .left .live .ttl{font-size:.78125vw}.monitor .width_1.height_1 .widget-inout .left .live .val{font-family:var(--font-number);color:#0ee7ff;padding-right:0;border-right:none;font-size:1.5625vw!important;letter-spacing:0}.monitor .width_1.height_2 .widget-inout .widget-block.stay,.monitor .width_1.height_3 .widget-inout .widget-block.stay,.monitor .width_1.height_4 .widget-inout .widget-block.stay{flex-direction:column;align-items:stretch;gap:.5208333333vw;padding:0;background:none}.monitor .width_1.height_2 .widget-inout .widget-block.stay .left,.monitor .width_1.height_3 .widget-inout .widget-block.stay .left,.monitor .width_1.height_4 .widget-inout .widget-block.stay .left{display:flex;align-items:stretch;flex:1;padding:0;margin:0}.monitor .width_1.height_2 .widget-inout .widget-block.stay .right,.monitor .width_1.height_3 .widget-inout .widget-block.stay .right,.monitor .width_1.height_4 .widget-inout .widget-block.stay .right{display:flex!important;flex:2;flex-direction:column;gap:.5208333333vw;width:auto;padding:0!important;margin:0}.monitor .width_1.height_2 .widget-inout .widget-block.stay .left .live,.monitor .width_1.height_2 .widget-inout .widget-block.stay .right p,.monitor .width_1.height_3 .widget-inout .widget-block.stay .left .live,.monitor .width_1.height_3 .widget-inout .widget-block.stay .right p,.monitor .width_1.height_4 .widget-inout .widget-block.stay .left .live,.monitor .width_1.height_4 .widget-inout .widget-block.stay .right p{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2604166667vw;padding:.5208333333vw 0;margin:0;border-radius:10px;background:#0000004d;text-align:center}.monitor .width_1.height_2 .widget-inout .widget-block.stay .ttl,.monitor .width_1.height_3 .widget-inout .widget-block.stay .ttl,.monitor .width_1.height_4 .widget-inout .widget-block.stay .ttl{font-size:.78125vw;font-weight:500;line-height:1.3;color:#fff}.monitor .width_1.height_2 .widget-inout .widget-block.stay .val,.monitor .width_1.height_3 .widget-inout .widget-block.stay .val,.monitor .width_1.height_4 .widget-inout .widget-block.stay .val{font-family:var(--font-number);font-weight:700;line-height:1.3;font-size:1.0416666667vw!important;letter-spacing:0;padding-right:0;border-right:none;float:none;margin:0}.monitor .widget-weather{height:100%;display:flex;flex-direction:column;gap:.5208333333vw}.monitor .widget-weather .weather-current-box{flex:1;display:flex;flex-direction:column;padding:.78125vw;border-radius:10px;background:#0000004d}.monitor .widget-weather .weather-date-row{align-items:center;justify-content:space-between}.monitor .widget-weather .weather-date{float:left}.monitor .widget-weather .weather-date-value{font-family:var(--font-number);font-size:.78125vw;font-weight:700;line-height:1;color:#fff;margin-right:3px}.monitor .widget-weather .weather-weekday{font-size:.78125vw;font-weight:500;line-height:1;color:#fff}.monitor .widget-weather .weather-time{float:right}.monitor .widget-weather .weather-time img{margin-right:5px;margin-top:3px}.monitor .widget-weather .weather-time-icon{width:.78125vw;height:.78125vw;flex-shrink:0}.monitor .widget-weather .weather-time-value{font-family:var(--font-number);font-size:.78125vw;font-weight:700;line-height:1;color:#fff}.monitor .widget-weather .weather-info{display:flex;flex:1 0 0;align-items:center;justify-content:center;gap:.5208333333vw}.monitor .widget-weather .weather-icon-area{display:flex;align-items:center;justify-content:center;width:4.1666666667vw;height:4.1666666667vw;flex-shrink:0}.monitor .widget-weather .weather-icon-area img{width:100%;height:100%}.monitor .widget-weather .weather-temp-block{display:flex;align-items:center;gap:1.0416666667vw;min-width:0}.monitor .widget-weather .weather-temp-main{font-family:var(--font-number);font-size:1.8229166667vw;font-weight:700;color:#ff8a1e;line-height:1.4}.monitor .widget-weather .weather-temp-main em{font-size:1.8229166667vw;font-weight:500;font-style:normal}.monitor .widget-weather .weather-minmax{display:flex;align-items:center;gap:.5208333333vw;font-size:.78125vw}.monitor .widget-weather .weather-minmax--col{flex-direction:column;align-items:flex-start;gap:.5208333333vw}.monitor .widget-weather .weather-minmax-item{display:flex;align-items:center;gap:.2604166667vw;white-space:nowrap}.monitor .widget-weather .weather-minmax-label{font-weight:500;line-height:1.2;color:#fff}.monitor .widget-weather .weather-minmax-value{font-family:var(--font-number);font-weight:700;line-height:1.2;color:#fff}.monitor .widget-weather .weather-minmax-divider{width:1px;height:.5208333333vw;background:#ffffff40;flex-shrink:0}.monitor .widget-weather .weather-detail-row{display:flex;align-items:center;width:100%;gap:.1302083333vw}.monitor .widget-weather .weather-detail-item{display:flex;flex:1 0 0;align-items:center;justify-content:center;gap:.1302083333vw;min-width:0}.monitor .widget-weather .weather-detail-label{flex:0 0 auto;font-size:.78125vw;font-weight:700;line-height:1.2;color:#fff;white-space:nowrap}.monitor .widget-weather .weather-detail-colon{font-size:.78125vw;font-weight:700;line-height:1.2;color:#fff}.monitor .widget-weather .weather-detail-value{flex:0 0 auto;font-family:var(--font-number);text-align:left;font-size:.78125vw;font-weight:500;line-height:1.2;color:#fff;white-space:nowrap}.monitor .widget-weather .weather-detail-value--text{font-family:var(--font-base);font-weight:700}.monitor .widget-weather .weather-detail-divider{width:1px;height:.6510416667vw;flex-shrink:0;background:#ffffff40}.monitor .widget-weather .weather-tomorrow-box{display:flex;align-items:center;justify-content:space-between;padding:.5208333333vw .78125vw;height:2.2916666667vw;box-sizing:border-box;border-radius:10px;background:#0000004d}.monitor .width_1 .widget-weather .weather-current-box,.monitor .width_1 .widget-weather .weather-tomorrow-box{padding:10px}.monitor .width_1 .widget-weather .weather-icon-area{width:2.6041666667vw;height:2.6041666667vw}.monitor .width_1 .widget-weather .weather-temp-main{font-size:1.8229166667vw}.monitor .width_1 .widget-weather .weather-temp-main em{font-size:.62em}.monitor .height_1 .weather-minmax--col{display:block!important}.monitor .height_1 .weather-minmax-item{display:inline!important;margin:5px}.monitor .height_1 .widget-weather .weather-current-box,.monitor .height_1 .widget-weather .weather-tomorrow-box{padding:10px}.monitor .height_1 .widget-weather .weather-icon-area{width:2.6041666667vw;height:2.6041666667vw}.monitor .height_1 .widget-weather .weather-temp-main{font-size:1.8229166667vw}.monitor .height_1 .widget-weather .weather-temp-main em{font-size:.62em}.monitor .width_1.height_1 .widget-weather .weather-current-box{padding:0 .78125vw}.monitor .width_1.height_1 .widget-weather .weather-info{justify-content:space-between}.monitor .width_1.height_1 .widget-weather .weather-icon-area{width:2.6041666667vw;height:2.6041666667vw}.monitor .width_1.height_1 .widget-weather .weather-temp-main{font-size:1.5625vw}.monitor .width_1.height_1 .widget-weather .weather-temp-main em{font-size:.62em}.monitor .widget--wtr.width_1.height_2 .weather-info,.monitor .widget--wtr.width_1.height_3 .weather-info,.monitor .widget--wtr.width_1.height_4 .weather-info{flex-direction:column;justify-content:space-evenly;align-items:center;gap:.5208333333vw}.monitor .widget--wtr.width_1.height_2 .weather-icon-area,.monitor .widget--wtr.width_1.height_3 .weather-icon-area,.monitor .widget--wtr.width_1.height_4 .weather-icon-area{width:5.7291666667vw;height:5.7291666667vw}.monitor .widget--wtr.width_1.height_2 .weather-temp-block,.monitor .widget--wtr.width_1.height_3 .weather-temp-block,.monitor .widget--wtr.width_1.height_4 .weather-temp-block{flex-direction:column;align-items:center;gap:.5208333333vw}.monitor .widget--wtr.width_1.height_2 .weather-temp-main,.monitor .widget--wtr.width_1.height_3 .weather-temp-main,.monitor .widget--wtr.width_1.height_4 .weather-temp-main{font-size:1.5625vw;line-height:1.2}.monitor .widget--wtr.width_1.height_2 .weather-temp-main em,.monitor .widget--wtr.width_1.height_3 .weather-temp-main em,.monitor .widget--wtr.width_1.height_4 .weather-temp-main em{font-size:.62em}.monitor .widget--wtr.width_1.height_2 .weather-minmax,.monitor .widget--wtr.width_1.height_3 .weather-minmax,.monitor .widget--wtr.width_1.height_4 .weather-minmax{display:flex!important;align-items:center;font-size:.78125vw}.monitor .widget-temp{display:flex;flex-direction:column;height:100%}.monitor .widget-temp .widget-block{display:flex;flex-direction:column;gap:.78125vw;padding:.78125vw;border-radius:10px;background:#0000004d;height:100%}.monitor .widget-temp .widget-block .title-row{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.monitor .widget-temp .widget-block .title{font-size:.9114583333vw;font-weight:700;line-height:1.3;color:#fff}.monitor .widget-temp .widget-block .status-wrap{display:flex;flex:1;align-items:center;justify-content:center;gap:1.5625vw;min-height:0}.monitor .widget-temp .widget-block .temp-column{display:flex;flex-direction:column;gap:.78125vw;flex:1;min-width:0}.monitor .widget-temp .widget-block .widget-empty{color:#fff9;font-size:.7291666667vw}.monitor .temp-toggle-badge{position:absolute;right:calc(.78125vw + 1.3020833333vw)!important;z-index:5;display:flex;align-items:center}.monitor .temp-toggle-badge .switch{display:flex;align-items:center;gap:.4166666667vw;padding-top:0}.monitor .temp-toggle-badge .switch-track{top:0}.monitor .temp-toggle-badge .switch-label{font-size:.78125vw;font-weight:500;line-height:1;color:#fff}.monitor .temp-toggle-badge .switch-track--sm{width:1.5625vw;height:.8854166667vw}.monitor .temp-toggle-badge .switch-track--sm .switch-thumb{width:.6770833333vw;height:.6770833333vw;top:.1041666667vw;left:.1041666667vw}.monitor .temp-toggle-badge .switch-track--sm.switch-track--on .switch-thumb{left:.78125vw}.monitor .temp-sensor-swiper{flex:1;min-height:0;width:100%;padding-bottom:.625vw}.monitor .temp-sensor-swiper .swiper-wrapper,.monitor .temp-sensor-swiper .swiper-slide{height:100%}.monitor .temp-sensor-swiper .swiper-pagination{bottom:0}.monitor .temp-sensor-swiper .swiper-pagination-bullet{width:.2604166667vw;height:.2604166667vw;background:#fff6;opacity:1}.monitor .temp-sensor-swiper .swiper-pagination-bullet-active{background:#3176fe}.monitor .temp-sensor-swiper .widget-block .status-wrap{flex:none}.monitor .width_1 .widget-temp .status-wrap{flex-direction:column}.monitor .width_1.height_2 .widget-temp .temp-column{width:100%}.monitor .width_1.height_2 .widget-temp .liquid-gauge{display:none}.monitor .width_1.height_3 .widget-temp .temp-column,.monitor .width_1.height_4 .widget-temp .temp-column,.monitor .width_1.height_5 .widget-temp .temp-column{width:100%}.monitor .width_1.height_3 .widget-temp .liquid-gauge,.monitor .width_1.height_4 .widget-temp .liquid-gauge,.monitor .width_1.height_5 .widget-temp .liquid-gauge{display:none}.monitor .width_1.height_2 .widget-temp .widget-block,.monitor .width_1.height_3 .widget-temp .widget-block,.monitor .width_1.height_4 .widget-temp .widget-block{gap:.5208333333vw;padding:0;background:none}.monitor .width_1.height_2 .widget-temp .status-wrap,.monitor .width_1.height_3 .widget-temp .status-wrap,.monitor .width_1.height_4 .widget-temp .status-wrap{flex:1;flex-direction:column;align-items:stretch;gap:.5208333333vw;padding:0}.monitor .width_1.height_2 .widget-temp .temp-column,.monitor .width_1.height_3 .widget-temp .temp-column,.monitor .width_1.height_4 .widget-temp .temp-column{display:contents}.monitor .width_1.height_2 .widget-temp .linear-gauge,.monitor .width_1.height_2 .widget-temp .liquid-gauge,.monitor .width_1.height_3 .widget-temp .linear-gauge,.monitor .width_1.height_3 .widget-temp .liquid-gauge,.monitor .width_1.height_4 .widget-temp .linear-gauge,.monitor .width_1.height_4 .widget-temp .liquid-gauge{flex:1;width:auto!important;height:auto!important;border-radius:10px;background:#0000004d;overflow:visible}.monitor .width_1.height_2 .widget-temp .linear-gauge,.monitor .width_1.height_3 .widget-temp .linear-gauge,.monitor .width_1.height_4 .widget-temp .linear-gauge{grid-template-columns:1fr;grid-template-areas:"label" "value";align-content:center;justify-items:center;row-gap:.2604166667vw}.monitor .width_1.height_2 .widget-temp .linear-gauge__chart,.monitor .width_1.height_3 .widget-temp .linear-gauge__chart,.monitor .width_1.height_4 .widget-temp .linear-gauge__chart{display:none}.monitor .width_1.height_2 .widget-temp .liquid-gauge,.monitor .width_1.height_3 .widget-temp .liquid-gauge,.monitor .width_1.height_4 .widget-temp .liquid-gauge{display:flex;border-radius:10px}.monitor .width_1.height_2 .widget-temp .liquid-gauge .echarts-for-react,.monitor .width_1.height_3 .widget-temp .liquid-gauge .echarts-for-react,.monitor .width_1.height_4 .widget-temp .liquid-gauge .echarts-for-react{display:none}.monitor .width_1.height_2 .widget-temp .liquid-gauge__center,.monitor .width_1.height_3 .widget-temp .liquid-gauge__center,.monitor .width_1.height_4 .widget-temp .liquid-gauge__center{position:static;gap:.2604166667vw}.monitor .width_1.height_2 .widget-temp .linear-gauge__label,.monitor .width_1.height_2 .widget-temp .liquid-gauge__label,.monitor .width_1.height_3 .widget-temp .linear-gauge__label,.monitor .width_1.height_3 .widget-temp .liquid-gauge__label,.monitor .width_1.height_4 .widget-temp .linear-gauge__label,.monitor .width_1.height_4 .widget-temp .liquid-gauge__label{padding-left:0;margin:0;font-size:.78125vw!important}.monitor .width_1.height_2 .widget-temp .linear-gauge__value,.monitor .width_1.height_2 .widget-temp .liquid-gauge__value,.monitor .width_1.height_3 .widget-temp .linear-gauge__value,.monitor .width_1.height_3 .widget-temp .liquid-gauge__value,.monitor .width_1.height_4 .widget-temp .linear-gauge__value,.monitor .width_1.height_4 .widget-temp .liquid-gauge__value{justify-self:center;padding-right:0;margin:0;font-size:1.0416666667vw!important}.monitor .width_1.height_2 .widget-temp .linear-gauge__unit,.monitor .width_1.height_2 .widget-temp .liquid-gauge__unit,.monitor .width_1.height_3 .widget-temp .linear-gauge__unit,.monitor .width_1.height_3 .widget-temp .liquid-gauge__unit,.monitor .width_1.height_4 .widget-temp .linear-gauge__unit,.monitor .width_1.height_4 .widget-temp .liquid-gauge__unit{font-size:.62em}.monitor .height_1.widget--tmp .widget-header{position:absolute;top:.78125vw;left:.78125vw;padding:0;z-index:5}.monitor .height_1 .widget-temp .widget-block{gap:.5208333333vw;padding:0;background:none}.monitor .height_1 .widget-temp .title-row{align-self:flex-end;max-width:55%}.monitor .height_1 .widget-temp .title{font-size:1.0416666667vw;font-weight:700;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor .height_1 .widget-temp .status-wrap{flex:1;gap:1.0416666667vw;padding:.78125vw;border-radius:10px;background:#0000004d}.monitor .height_1 .widget-temp .temp-column{display:contents}.monitor .height_1 .widget-temp .linear-gauge{flex:1;width:auto;grid-template-columns:1fr;grid-template-areas:"label" "value";justify-items:center;row-gap:.2604166667vw}.monitor .height_1 .widget-temp .linear-gauge__label{padding-left:0;font-size:.7291666667vw!important}.monitor .height_1 .widget-temp .linear-gauge__value{justify-self:center;padding-right:0;font-size:1.3020833333vw!important}.monitor .height_1 .widget-temp .linear-gauge__chart{display:none}.monitor .height_1 .widget-temp .liquid-gauge{flex:1;width:auto!important;height:auto!important;border-radius:0;overflow:visible}.monitor .height_1 .widget-temp .liquid-gauge .echarts-for-react{display:none}.monitor .height_1 .widget-temp .liquid-gauge__center{position:static;gap:.2604166667vw}.monitor .height_1 .widget-temp .liquid-gauge__label{margin:0;font-size:.7291666667vw!important}.monitor .height_1 .widget-temp .liquid-gauge__value{margin:0;font-size:1.3020833333vw!important}.monitor .height_1 .widget-temp .linear-gauge__unit,.monitor .height_1 .widget-temp .liquid-gauge__unit{font-size:.62em}.monitor .width_1.height_1.widget--tmp .widget-header{position:static;padding:.78125vw .78125vw 0}.monitor .width_1.height_1 .widget-temp .title-row{display:none}.monitor .width_1.height_1 .widget-temp .status-wrap{flex-direction:row;flex:1;padding:0 .78125vw}.monitor .width_1.height_1 .widget-temp .linear-gauge:nth-child(2){display:none}.monitor .width_1.height_1 .widget-temp .liquid-gauge{display:none}.monitor .width_1.height_1 .widget-temp .linear-gauge{grid-template-columns:auto 1fr;grid-template-areas:"label value";align-items:center;column-gap:.5208333333vw}.monitor .width_1.height_1 .widget-temp .linear-gauge__label{font-size:.78125vw!important}.monitor .width_1.height_1 .widget-temp .linear-gauge__value{justify-self:end;font-size:1.5625vw!important}.monitor .widget-gas{display:flex;flex-direction:column;height:100%}.monitor .widget-gas .widget-block{display:flex;flex-direction:column;gap:.78125vw;padding:.78125vw;border-radius:10px;background:#0000004d;height:100%}.monitor .widget-gas .widget-block .title-row{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.monitor .widget-gas .widget-block .title{font-size:1.0416666667vw;font-weight:400;line-height:1.3;color:#fff}.monitor .widget-gas .widget-block .status-badge{font-size:.78125vw;font-weight:700;line-height:1.6;padding:.1302083333vw .5208333333vw;border-radius:10px;white-space:nowrap}.monitor .widget-gas .widget-block .status-badge--yellow{background:#fff191;color:#000}.monitor .widget-gas .widget-block .status-badge--ok{background:#24d3a1;color:#000}.monitor .widget-gas .widget-block .status-badge--danger{background:#ff1212;color:#fff}.monitor .widget-gas .widget-block .status-wrap{display:flex;flex:1;min-height:calc(100% - 25px);overflow:hidden;align-items:center;gap:10px;transform:translateY(-20px)}.monitor .widget-gas .widget-block .widget-empty{justify-content:center;color:#fff9;font-size:.7291666667vw}.monitor .widget-gas .widget-block .gas-gauge{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.monitor .gas-sensor-swiper{flex:1;min-height:0;width:100%;padding-bottom:.625vw}.monitor .gas-sensor-swiper .swiper-wrapper,.monitor .gas-sensor-swiper .swiper-slide{height:100%}.monitor .gas-sensor-swiper .swiper-pagination{bottom:0}.monitor .gas-sensor-swiper .swiper-pagination-bullet{width:.2604166667vw;height:.2604166667vw;background:#fff6;opacity:1}.monitor .gas-sensor-swiper .swiper-pagination-bullet-active{background:#24d3a1}.monitor .width_3 .widget-block .gas-gauge.burn,.monitor .width_2 .widget-block .gas-gauge.burn,.monitor .width_2 .widget-block .gas-gauge.hhs{display:none!important}.monitor .width_1 .widget-block .title{font-size:14px}.monitor .width_1 .widget-block .status-badge,.monitor .width_1 .widget-block .gas-gauge.burn,.monitor .width_1 .widget-block .gas-gauge.hhs,.monitor .width_1 .widget-block .gas-gauge.co{display:none!important}.monitor .height_1 .widget-gas .title-row{display:none}.monitor .height_1 .widget-gas .widget-block{gap:0;padding:0 .78125vw}.monitor .height_1 .widget-gas .echarts-for-react,.monitor .height_1 .widget-gas .ring-gauge__tick-mark,.monitor .height_1 .widget-gas .ring-gauge__tick,.monitor .height_1 .widget-gas .ring-gauge__tick--center{display:none!important}.monitor .height_1 .widget-gas .status-wrap{min-height:100%;height:100%!important;transform:none}.monitor .height_1 .widget-gas .gas-gauge{overflow:visible}.monitor .height_1 .widget-gas .gas-sensor-swiper{padding-bottom:0}.monitor .height_1 .widget-gas .ring-gauge{width:100%!important;height:auto!important}.monitor .height_1 .widget-gas .ring-gauge__center{position:static}.monitor .height_1 .widget-gas .ring-gauge__label{margin:0;line-height:1.3;font-size:.7291666667vw!important}.monitor .height_1 .widget-gas .ring-gauge__value{margin:0;line-height:1.3;font-size:1.25vw!important}.monitor .height_1 .widget-gas .ring-gauge__unit{font-size:.62em}.monitor .width_1.height_1 .widget-gas .title-row{display:none}.monitor .width_1.height_1 .widget-gas .widget-block{gap:0;padding:0 .78125vw}.monitor .width_1.height_1 .widget-gas .status-wrap{transform:none}.monitor .width_1.height_1 .widget-gas .ring-gauge{width:100%!important;height:auto!important}.monitor .width_1.height_1 .widget-gas .ring-gauge svg{display:none}.monitor .width_1.height_1 .widget-gas .ring-gauge__center{position:static;width:100%;flex-direction:row;align-items:center;justify-content:space-between}.monitor .width_1.height_1 .widget-gas .ring-gauge__label{margin:0;line-height:1.3;font-size:.78125vw!important}.monitor .width_1.height_1 .widget-gas .ring-gauge__value{margin:0;line-height:1.3;font-size:1.5625vw!important}.monitor .width_1.height_1 .widget-gas .ring-gauge__unit{font-size:.62em}.monitor .width_1.height_1 .temp-sensor-swiper,.monitor .width_1.height_1 .gas-sensor-swiper{padding-bottom:0}.monitor .width_1.height_2 .widget-gas .widget-block,.monitor .width_1.height_3 .widget-gas .widget-block,.monitor .width_1.height_4 .widget-gas .widget-block{gap:.5208333333vw;padding:0;background:none}.monitor .width_1.height_2 .widget-gas .status-wrap,.monitor .width_1.height_3 .widget-gas .status-wrap,.monitor .width_1.height_4 .widget-gas .status-wrap{flex:1;flex-direction:column;align-items:stretch;gap:.5208333333vw;min-height:0;transform:none}.monitor .width_1.height_2 .widget-gas .gas-gauge,.monitor .width_1.height_3 .widget-gas .gas-gauge,.monitor .width_1.height_4 .widget-gas .gas-gauge{display:flex!important;flex:1;min-height:0;border-radius:10px;background:#0000004d;overflow:hidden}.monitor .width_1.height_2 .widget-gas .gas-gauge.temp,.monitor .width_1.height_2 .widget-gas .gas-gauge.hmd,.monitor .width_1.height_3 .widget-gas .gas-gauge.temp,.monitor .width_1.height_3 .widget-gas .gas-gauge.hmd,.monitor .width_1.height_4 .widget-gas .gas-gauge.temp,.monitor .width_1.height_4 .widget-gas .gas-gauge.hmd{display:none!important}.monitor .width_1.height_2 .widget-gas .ring-gauge,.monitor .width_1.height_3 .widget-gas .ring-gauge,.monitor .width_1.height_4 .widget-gas .ring-gauge{width:100%!important;height:auto!important}.monitor .width_1.height_2 .widget-gas .ring-gauge .echarts-for-react,.monitor .width_1.height_3 .widget-gas .ring-gauge .echarts-for-react,.monitor .width_1.height_4 .widget-gas .ring-gauge .echarts-for-react{display:none}.monitor .width_1.height_2 .widget-gas .ring-gauge__tick,.monitor .width_1.height_2 .widget-gas .ring-gauge__tick-mark,.monitor .width_1.height_3 .widget-gas .ring-gauge__tick,.monitor .width_1.height_3 .widget-gas .ring-gauge__tick-mark,.monitor .width_1.height_4 .widget-gas .ring-gauge__tick,.monitor .width_1.height_4 .widget-gas .ring-gauge__tick-mark{display:none!important}.monitor .width_1.height_2 .widget-gas .ring-gauge__center,.monitor .width_1.height_3 .widget-gas .ring-gauge__center,.monitor .width_1.height_4 .widget-gas .ring-gauge__center{position:static;gap:.2604166667vw}.monitor .width_1.height_2 .widget-gas .ring-gauge__label,.monitor .width_1.height_3 .widget-gas .ring-gauge__label,.monitor .width_1.height_4 .widget-gas .ring-gauge__label{margin:0;line-height:1.3;font-size:.7291666667vw!important}.monitor .width_1.height_2 .widget-gas .ring-gauge__value,.monitor .width_1.height_3 .widget-gas .ring-gauge__value,.monitor .width_1.height_4 .widget-gas .ring-gauge__value{margin:0;line-height:1.3;font-size:.9895833333vw!important}.monitor .width_1.height_2 .widget-gas .ring-gauge__unit,.monitor .width_1.height_3 .widget-gas .ring-gauge__unit,.monitor .width_1.height_4 .widget-gas .ring-gauge__unit{font-size:.62em}.monitor .width_1.height_2 .widget-gas .status-wrap{gap:.2604166667vw}.monitor .width_1.height_2 .widget-gas .gas-gauge{padding:0 .5208333333vw}.monitor .width_1.height_2 .widget-gas .ring-gauge__center{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:.2604166667vw}.monitor .width_1.height_2 .widget-gas .ring-gauge__label{font-size:.6770833333vw!important}.monitor .width_1.height_2 .widget-gas .ring-gauge__value{font-size:.8333333333vw!important}.monitor .widget-map .viewer-tabs{position:absolute;top:10px;left:10px;z-index:4;background-color:#000000b3;border-radius:.5208333333vw;font-size:.78125vw;overflow:hidden}.monitor .widget-map .viewer-tabs button{position:relative;background:none;box-sizing:border-box;height:2.34375vw;padding:0 1.5625vw;font-size:inherit;line-height:.3125vw;color:#fff;font-weight:500}.monitor .widget-map .viewer-tabs button.active{font-weight:700}.monitor .widget-map .viewer-tabs button.active:after{content:"";position:absolute;left:1.5625vw;right:1.5625vw;bottom:0;height:.15625vw;background:#fff}.monitor .widget-map .viewer-tabs button.active p{font-weight:700}.monitor .widget-map .viewer-tabs button:hover{background:#fff3}.monitor .widget-map .viewer-tabs button p.small-icon-view{display:none}.monitor .widget-map .viewer-tabs button p.small-icon-view img{height:18px}.monitor .widget-map .viewer-tabs{opacity:.6;transition:.4s}.monitor .widget-map .viewer-tabs:hover{opacity:1}.monitor .widget-map .viewer-content{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1}.monitor .widget-map .viewer-content .map-widget-save-view-btn{position:absolute;top:.5208333333vw;right:.5208333333vw;z-index:2;height:1.09375vw;padding:0 .4166666667vw;border:none;border-radius:.2083333333vw;background:#fff;color:#121619;font-size:.5729166667vw;font-weight:500;box-shadow:0 1px 4px #0000004d;cursor:pointer}.monitor .widget-map .viewer-content .map-widget-save-view-btn:hover{background:#ebebeb}.monitor .widget-map .viewer-content .map-widget-save-view-btn:disabled{opacity:.6;cursor:default}.monitor .widget-map .viewer-content .map-widget-layer{position:absolute;top:50%;left:50%;width:100%;height:100%;opacity:1;transition:opacity .4s ease-in-out}.monitor .widget-map .viewer-content .map-widget-layer.fade{opacity:0}.monitor .widget-map .viewer-content .map-widget-layer>img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.monitor .widget-map .viewer-content .map-widget-pin-anchor{position:absolute;transform:translate(-50%,-100%);pointer-events:none}.monitor .widget-map .viewer-content .map-widget-pin{display:flex;flex-direction:column;align-items:center;pointer-events:none}.monitor .widget-map .viewer-content .map-widget-pin span{position:relative;margin-bottom:.2083333333vw;background:#0d1b26d9;border:1px solid rgba(255,255,255,.3);border-radius:.2083333333vw;padding:.1041666667vw .3125vw;font-size:.6770833333vw;font-family:var(--font-base);color:#fff;white-space:nowrap}.monitor .widget-map .viewer-content .map-widget-pin span:before,.monitor .widget-map .viewer-content .map-widget-pin span:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.1822916667vw solid transparent}.monitor .widget-map .viewer-content .map-widget-pin span:before{border-top-color:#ffffff4d}.monitor .widget-map .viewer-content .map-widget-pin span:after{margin-top:-.0260416667vw;border-top-color:#16232e}.monitor .widget-map .viewer-content .map-widget-pin__marker{position:relative;width:1.8229166667vw;height:1.8229166667vw}.monitor .widget-map .viewer-content .map-widget-pin__base{width:100%;height:100%;object-fit:contain}.monitor .widget-map .viewer-content .map-widget-pin__icon{position:absolute;top:.3255208333vw;left:50%;transform:translate(-50%);width:.8333333333vw;height:.8333333333vw;object-fit:contain;filter:brightness(0) invert(1)}.monitor .widget-map .viewer-content .map-widget-pin__status{position:absolute;top:0;right:0;width:.4427083333vw;height:.4427083333vw;border-radius:50%;border:.0651041667vw solid #fff}.monitor .widget-map .viewer-content .map-widget-pin--clickable{pointer-events:auto;cursor:pointer}.monitor .widget-map .viewer-content .map-widget-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3125vw;color:#fff9;font-size:.78125vw;text-align:center}.monitor .widget-map .viewer-content .map-widget-empty button{height:.9375vw;padding:0 .4166666667vw;border-radius:100px;border:1px solid rgba(255,255,255,.4);background:#ffffff14;color:#fff;font-size:.3645833333vw;cursor:pointer}.monitor .widget-map .viewer-content .map-widget-empty button:hover{background:#ffffff29}.monitor .widget-map .viewer-content .zoom-box{position:absolute;bottom:.5208333333vw;right:1.0416666667vw;z-index:2;background:#0003;font-size:.4166666667vw}.monitor .widget-map .viewer-content .zoom-box input{background:none;border:none;color:#fff;text-align:right;width:1.0416666667vw;min-width:1.0416666667vw;font-size:.4166666667vw}.monitor .widget-map .viewer-content .zoom-box input[type=number]::-webkit-outer-spin-button,.monitor .widget-map .viewer-content .zoom-box input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.monitor .widget-map .viewer-content .zoom-box input[type=number]{-moz-appearance:textfield}.monitor .widget-map .viewer-content .zoom-box{padding:.1302083333vw}.monitor .widget-map .viewer-content .zoom-box span{position:relative;top:.0520833333vw;margin-left:.078125vw}.monitor .widget-map .viewer-content .zoom-reset{position:absolute;bottom:.5208333333vw;left:1.0416666667vw;z-index:2;padding:0;border:none;background:none;color:#fff9;font-size:.3385416667vw;text-decoration:underline;cursor:pointer}.monitor .widget-map .viewer-content .zoom-reset:hover{color:#fff}.width_2 .widget-map .viewer-tabs button{padding:0 20px}.width_1 .widget-map .viewer-tabs,.height_1 .widget-map .viewer-tabs{display:none}.monitor.widget-detail-popup-body{display:block;width:auto;height:auto;min-height:0;padding:0;background:none;overflow:visible}.monitor.widget-detail-popup-body .widget{width:100%;min-height:200px;padding:24px}.modal-box--dark{padding:1.6666666667vw!important;gap:1.25vw!important;border-radius:1.25vw!important}.modal-box--dark .modal-head{font-size:1.25vw!important}.modal-box--dark .modal-head .modal-close{width:2.0833333333vw!important;height:2.0833333333vw!important;font-size:1.1458333333vw!important}.confirm-modal--monitor{width:18.75vw!important;max-width:90vw;padding:1.3020833333vw!important;gap:1.0416666667vw!important;border-radius:1.0416666667vw!important}.confirm-modal--monitor .confirm-modal__icon{width:3.125vw;height:3.125vw;margin-bottom:1.0416666667vw}.confirm-modal--monitor .confirm-modal__icon svg{width:.4166666667vw;height:1.3020833333vw}.confirm-modal--monitor .confirm-modal__message{font-size:.9375vw}.confirm-modal--monitor .modal-foot{gap:.5208333333vw}.confirm-modal--monitor .modal-foot button{height:2.0833333333vw;min-width:4.6875vw;padding:0 1.0416666667vw;font-size:.7291666667vw;border-radius:.5208333333vw}.widget-detail-modal{min-width:480px;max-height:95vh}.monitor-cctv-modal{min-width:480px}.monitor-cctv-player{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:.625vw;overflow:hidden}.monitor-cctv-player__video{width:100%;height:100%;object-fit:contain}.monitor-cctv-player__failed{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:.7291666667vw}.monitor-cctv-player__exit{position:absolute;top:.625vw;right:.625vw;display:flex;align-items:center;justify-content:center;width:2.0833333333vw;height:2.0833333333vw;padding:0;border:none;border-radius:50%;background:#00000073;color:var(--white);cursor:pointer}.monitor-cctv-player__exit svg{width:.9375vw;height:.9375vw}.monitor-cctv-player .ptz-zoom{position:absolute;bottom:.8333333333vw;left:.8333333333vw;display:flex;flex-direction:column;gap:.2083333333vw}.monitor-cctv-player .ptz-dpad{position:absolute;bottom:.8333333333vw;right:.8333333333vw;display:grid;grid-template-columns:repeat(3,2.0833333333vw);grid-template-rows:repeat(3,2.0833333333vw);gap:.1041666667vw}.monitor-cctv-player .ptz-btn{width:2.0833333333vw;height:2.0833333333vw;padding:0;border:none;border-radius:50%;background:#00000073;color:var(--white);font-size:.7291666667vw;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s;-webkit-user-select:none;user-select:none}.monitor-cctv-player .ptz-btn--center{background:#ffffff26;cursor:default;font-size:.5208333333vw}.monitor-cctv-player .ptz-btn--active{background:#3b82f6d9}.monitor-cctv-player:fullscreen{width:100%;height:100%;aspect-ratio:auto;border-radius:0}.monitor-cctv-player:fullscreen .ptz-zoom{bottom:1.6666666667vw;left:1.6666666667vw;gap:.4166666667vw}.monitor-cctv-player:fullscreen .ptz-dpad{bottom:1.6666666667vw;right:1.6666666667vw;grid-template-columns:repeat(3,3.75vw);grid-template-rows:repeat(3,3.75vw)}.monitor-cctv-player:fullscreen .ptz-btn{width:3.75vw;height:3.75vw;font-size:1.25vw}.monitor-cctv-player:fullscreen .ptz-btn--center{font-size:.7291666667vw}.monitor-cctv-player:fullscreen .monitor-cctv-player__exit{top:1.25vw;right:1.25vw;width:2.9166666667vw;height:2.9166666667vw}.monitor-cctv-player:fullscreen .monitor-cctv-player__exit svg{width:1.25vw;height:1.25vw}.monitor-cctv-fullscreen{display:flex;align-items:center;justify-content:center;width:2.0833333333vw;height:2.0833333333vw;padding:0;border:none;border-radius:50%;background:transparent;color:#ffffffb3;cursor:pointer}.monitor-cctv-fullscreen svg{width:.8333333333vw;height:.8333333333vw}.monitor-cctv-fullscreen:hover{color:var(--white)}.monitor-cctv-zone{margin-top:.625vw;color:#ffffffb3;font-size:.7291666667vw}.widget-popup-grid{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.widget-popup-grid .grid-scroll-wrap::-webkit-scrollbar,.widget-popup-grid .grid-scroll::-webkit-scrollbar{width:5px}.widget-popup-grid .grid-scroll-wrap::-webkit-scrollbar-button,.widget-popup-grid .grid-scroll::-webkit-scrollbar-button{display:none}.widget-popup-grid .grid-head{margin-bottom:.78125vw;padding-left:.5208333333vw}.widget-popup-grid .total-cnt{color:#bbb;font-size:.7291666667vw}.widget-popup-grid .list-tb th,.widget-popup-grid .list-tb td{font-size:.7291666667vw;padding:.5208333333vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-popup-grid .list-tb thead th{background:#333;color:#bbb;border-color:#363636}.widget-popup-grid .list-tb tbody td{color:#fff;border-color:#363636}.widget-popup-grid .list-tb tbody tr:nth-child(odd) td{background:#000}.widget-popup-grid .list-tb tbody tr:nth-child(2n) td{background:#111}.widget-popup-grid .list-tb .grid-empty{background:#000;color:#ffffff80}.widget-popup-grid .popup-cell--accent{color:#ff8a1e;font-weight:700}.widget-popup-grid .popup-status{font-weight:700}.widget-popup-grid .popup-status--ok{color:#0ee5a8}.widget-popup-grid .popup-status--off{color:#9aa0a6;font-weight:500}.widget-popup-grid .grid-paging{margin-top:.78125vw}.widget-popup-grid .grid-paging .page-btn{min-width:1.5625vw;height:1.5625vw;padding:0 .2083333333vw;font-size:.7291666667vw;background:#ffffff14;color:#bbb}.widget-popup-grid .grid-paging .page-btn:hover:not(:disabled){background:#ffffff26}.widget-popup-grid .grid-paging .page-btn.active{background:#ff8a1e33;color:#ff8a1e}.widget-popup-grid .grid-paging__size-select{height:1.4583333333vw;font-size:.625vw;background:#111;color:#fff;border-color:#363636}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}