.login-input-wrap[data-v-0dca8432]{width:18.8vw;min-width:240px;height:33.8vh;min-height:243px;display:flex;flex-wrap:wrap;justify-content:center;align-content:space-between;margin:auto}.login-input-box[data-v-0dca8432]{height:10.7vh;min-height:77px;display:flex;flex-wrap:wrap;align-content:space-between;position:relative}.login-input-box>input[data-v-0dca8432]{cursor:text}.ziosummary-logo[data-v-0dca8432]{width:12.5vw;min-width:160px;height:var(--height60)}.ziosummary-logo-white[data-v-0dca8432]{width:12.8vw;min-width:160px}.gray-box[data-v-0dca8432]{width:18.8vw;min-width:240px;height:4.6vh;min-height:33px;padding:clamp(10.8px,1.5vh,1.5vh) clamp(10px,.8vw,.8vw);font-size:var(--font15);transition:.3s;text-align:left;color:#fff;border-color:var(--gray-300)}.gray-box[data-v-0dca8432]:focus{border:1px solid #fff;transition:.3s}.blue-box[data-v-0dca8432]{width:18.8vw;min-width:240px;height:4.6vh;min-height:33px;font-size:var(--font15)}.error-msg[data-v-0dca8432]{height:var(--height35);display:flex;flex-wrap:wrap;align-content:space-between;position:absolute;bottom:calc(clamp(30px, 4.2vh, 4.2vh)*-1)}.error-msg p[data-v-0dca8432]{font-size:var(--font14);line-height:clamp(10px,1.4vh,1.4vh);color:#f16262;text-align:left}.select-language-box[data-v-77354911]{border:1px solid var(--gray-300);border-radius:var(--border-radius5);width:7.8vw;min-width:100px;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center}.combo-box.setting p[data-v-77354911]{color:var(--gray-100)}.select-language-box.active[data-v-77354911]{border-color:#fff;transition:.3s}.active path[data-v-77354911]{fill:#fff}.select-language-box.active .combo-box.setting p[data-v-77354911]{color:#fff}p[data-v-77354911]{cursor:pointer;font-size:var(--font15)}.setting-box>div[data-v-77354911]{display:flex;align-items:center}.vector-img[data-v-77354911]{width:.9vw;min-width:11px;height:.9vw;min-height:11px;margin-right:clamp(4.5px,.35vw,.35vw)}.locale-img[data-v-77354911]{margin-right:clamp(6px,.5vw,.5vw);width:1vw}.checked-img[data-v-77354911]{width:.7vw;min-width:9px;height:.7vw;min-height:9px}.combo-box[data-v-77354911]{display:flex;justify-content:center;align-items:center;width:7.8vw;min-width:100px;height:4.6vh;min-height:33px;color:#fff;cursor:pointer}.inner-box[data-v-77354911]{width:7.3vw;min-width:93px;height:var(--height45);display:flex;justify-content:space-between;align-items:center;padding:var(--padding05)}.inner-box>div[data-v-77354911]{display:flex;justify-content:center;align-items:center}.combo-box.combo-box.option .inner-box[data-v-77354911]:hover{background-color:var(--blue-100);border-radius:var(--border-radius5);transition:.3s}.military .combo-box.combo-box.option .inner-box[data-v-77354911]:hover{background-color:var(--blue-200)}.arrow-img[data-v-77354911]{right:clamp(6px,.5vw,.5vw)}.login-wrap[data-v-5b9fbea6]{height:100vh;min-height:720px;display:flex;position:relative}.select-lang-box[data-v-5b9fbea6]{position:absolute;top:1.8vh;right:clamp(10px,.8vw,.8vw)}.login-box[data-v-5b9fbea6]{width:18.8vw;min-width:240px;margin:auto;text-align:center}.patch-version[data-v-5b9fbea6]{position:absolute;right:clamp(19px,1.5vw,1.5vw);bottom:2.8vh;color:#585b60;font-size:var(--font13)}.create-accout-btn[data-v-5b9fbea6]{border:none;background-color:transparent;color:var(--gray-100);font-size:var(--font15);text-decoration:underline;margin-top:clamp(16px,2.3vh,2.3vh);cursor:pointer}.military .create-accout-btn[data-v-5b9fbea6]{color:#aba198}.popup-background[data-v-90fde69a]{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:var(--popover-background);z-index:100000;display:flex;align-items:center;justify-content:center}.popup-box[data-v-90fde69a]{position:relative;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;align-content:space-between;min-width:360px;max-width:680px;min-height:200px;padding:20px;border-radius:10px;border:1px solid #fff;background:var(--popup-background);font-family:inherit;text-align:center}.close-icon[data-v-90fde69a]{position:absolute;top:1.8vh;right:1.8vh;cursor:pointer}.info-text-box[data-v-90fde69a]{width:100%;min-height:125px;display:flex;align-items:center;justify-content:center}.double-option[data-v-90fde69a]{min-height:75px}.info-text-box h1[data-v-90fde69a]{font-size:18px;white-space:nowrap;color:#fff;text-align:center;line-height:20px}.left-message h1[data-v-90fde69a]{text-align:left}.gray-fill-btn[data-v-90fde69a]{width:90px;height:35px;box-sizing:border-box;margin:0 5px;font-size:16px;line-height:16px;color:var(--popup-button-text)}.hover-red[data-v-90fde69a]:hover{cursor:pointer;background:var(--red);color:#fff;border-color:var(--red)}.percent-area[data-v-90fde69a]{width:60%;height:35px;margin:auto;position:relative}.progress-bar[data-v-90fde69a]{width:100%;height:5px;background:#fff;position:relative}.percent-double-area .progress-bar[data-v-90fde69a]{margin:5px 0 20px 0}.percent-area h2[data-v-90fde69a]{color:#fff}.percent-double-area[data-v-90fde69a]{width:60%;height:85px;margin:auto;position:relative}.progress-active[data-v-90fde69a]{height:.5vh;min-height:4px;width:0;position:absolute;top:0;left:0;background:var(--blue-100)}.btn-box[data-v-90fde69a]{width:100%}.spinner-area[data-v-90fde69a]{width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;margin:auto}.spinner[data-v-90fde69a]{margin:auto;width:80%;height:80%;border:.3vmin solid hsla(0,0%,100%,.3);box-sizing:border-box;border-top-color:#fff;border-radius:100%;animation:spin-90fde69a 1s ease-in-out infinite}@keyframes spin-90fde69a{to{transform:rotate(1turn)}}.join-input-wrap[data-v-988ee11e]{width:20vw;min-width:256px;display:flex;flex-wrap:wrap;justify-content:center;margin:auto}.join-input-wrap.popup[data-v-988ee11e]{height:55.6vh;min-height:400px}.join-title[data-v-988ee11e]{color:#fff;font-size:var(--font25);font-weight:700;margin-bottom:clamp(46px,6.5vh,6.5vh)}.popup-title[data-v-988ee11e]{font-size:var(--font22)}.edit-popup .join-title[data-v-988ee11e]{margin-bottom:clamp(33px,4.6vh,4.6vh);line-height:clamp(20px,2.8vh,2.8vh)}.join-input-box[data-v-988ee11e]{display:flex;flex-wrap:wrap}.input-wrap[data-v-988ee11e]{position:relative;padding-bottom:clamp(23px,3.25vh,3.25vh);display:flex;align-items:center}.message-box[data-v-988ee11e]{position:absolute;color:var(--button-point-color);font-size:var(--font13);font-weight:400;top:clamp(35px,4.8vh,4.8vh)}.message-box.error[data-v-988ee11e]{color:#f16262}.gray-box[data-v-988ee11e]{width:20vw;min-width:256px;height:4.6vh;min-height:33px;box-sizing:border-box;padding:clamp(10.8px,1.5vh,1.5vh) clamp(10px,.8vw,.8vw);color:#fff;font-size:var(--font15);text-align:left;cursor:text;border-color:var(--gray-300)}.gray-box[data-v-988ee11e]::-moz-placeholder{color:var(--gray-100)}.gray-box[data-v-988ee11e]::placeholder{color:var(--gray-100)}.gray-box[data-v-988ee11e]:focus{border:1px solid #fff;transition:.3s}.blue-box[data-v-988ee11e]{width:20vw;min-width:256px;height:4.6vh;min-height:33px;font-size:var(--font15);background-color:var(--button-point-color4)}.blue-box[data-v-988ee11e]:hover{background-color:var(--button-point-color)}.blue-box[data-v-988ee11e]:disabled{cursor:not-allowed;background-color:var(--gray-100)}.blue-box[data-v-988ee11e]:disabled:hover{background-color:var(--gray-100)}.id-wrap[data-v-988ee11e]{position:relative}.id-wrap>button[data-v-988ee11e]{position:absolute;height:100%;right:clamp(10px,.8vw,.8vw);background-color:transparent;border:none;color:var(--active-color5);font-size:var(--font15);cursor:pointer;font-weight:400;padding:0;width:5vw;text-align:right}.edit-id[data-v-988ee11e]{border:none;border-radius:0;border-bottom:1px solid var(--gray-300);cursor:text}.edit-id[data-v-988ee11e],.input-small-wrap[data-v-988ee11e]{display:flex;align-items:center;justify-content:space-between}.input-small-wrap[data-v-988ee11e]{width:9.5vw;min-width:121px}.small-box[data-v-988ee11e]{width:6vw;min-width:76px}.small-text[data-v-988ee11e]{color:#fff;font-size:var(--font16)}.id-box[data-v-988ee11e]{padding-right:6.5vw}.join-wrap[data-v-aad5b124]{height:100vh;min-height:720px;display:flex}.select-lang-box[data-v-aad5b124]{position:absolute;top:1.8vh;right:clamp(10px,.8vw,.8vw)}.join-box[data-v-aad5b124]{min-width:240px;margin:auto}.popup-background[data-v-3557f178]{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:var(--popover-background);z-index:100000;display:flex;align-items:center;justify-content:center}.popup-box[data-v-3557f178]{position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:26vw;min-width:333px;padding:5.7vh 0 4.6vh 0;border:1px solid var(--border-color2);background:var(--gray-700);font-family:inherit;text-align:center}.close-btn[data-v-3557f178]{position:absolute;top:1.8vh;right:clamp(12px,1vw,1vw)}.popup-background[data-v-4172e5e3]{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center}.popover-gray[data-v-4172e5e3]{width:760px;height:468px;display:flex;flex-wrap:wrap;align-content:space-between;position:relative}.popover-header[data-v-4172e5e3]{display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 16px;height:40px}.popover-header h1[data-v-4172e5e3]{font-size:15px}.video-player[data-v-4172e5e3]{width:100%;height:calc(100% - 40px);position:relative}.video-player img[data-v-4172e5e3]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.video-player canvas[data-v-4172e5e3]{top:0;left:0;z-index:1;position:absolute}.draw-canvas[data-v-4172e5e3]{width:760px;height:428px;-o-object-fit:contain;object-fit:contain;background-color:rgba(0,0,0,.1)}.navbar-wrap[data-v-480db81c]{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--height60);border-bottom:1px solid var(--border-color11);padding:0 clamp(6px,.5vw,.5vw) 0 clamp(14px,1.3vw,1.3vw)}.ziosummary-logo[data-v-480db81c]{height:2.8vh;min-height:20px;cursor:pointer}.ziosummary-logo-white[data-v-480db81c]{height:1.5vh;min-height:11px;cursor:pointer}.ziosummary-logo-text[data-v-480db81c]{height:2.8vh;min-height:20px;color:#fff;font-weight:700;font-size:var(--font22)}.info-box[data-v-480db81c]{position:relative;display:flex;justify-content:flex-start;align-items:center;padding-right:clamp(123px,9.65vw,9.65vw);height:100%}.event-alarm svg[data-v-480db81c],.server img[data-v-480db81c],.upload svg[data-v-480db81c]{width:1.8vh;min-width:12px;height:1.8vh;min-height:12px}.alarm-state-wrap[data-v-480db81c],.server-state-wrap[data-v-480db81c],.upload-state-wrap[data-v-480db81c]{position:relative;margin:0 clamp(3px,.25vw,.25vw)}.server-state-box[data-v-480db81c]{width:17.2vw;min-width:220px;border-color:#fff;position:absolute;right:0;top:clamp(30px,4.2vh,4.2vh);overflow:hidden;z-index:-1;opacity:0;transition:opacity .3s ease-in-out}.server-state-wrap[data-v-480db81c]:hover{border-color:var(--white)}.server-state-wrap:hover .server-state-box[data-v-480db81c]{z-index:15;opacity:1}.server-box[data-v-480db81c]{background-color:var(--gray-400);border:1.5px solid var(--gray-700);width:100%;height:4.6vh;min-height:33px;display:flex;justify-content:space-between;align-items:center;padding:clamp(10.8px,1.5vh,1.5vh) clamp(12px,1vw,1vw)}.military .server-box[data-v-480db81c]{background-color:#283229}.server-box h3[data-v-480db81c]{font-size:var(--font15);color:#fff}.server-state-circle[data-v-480db81c],.server-state-loading[data-v-480db81c],.state-box[data-v-480db81c]{display:flex;align-items:center;justify-content:space-between;width:auto}.capacity-box[data-v-480db81c]{display:flex}.capacity-box>h3[data-v-480db81c]:last-child{color:var(--gray-100);margin-left:.26vw}.circle[data-v-480db81c]{width:1.3vmin;height:1.3vmin;background-color:#4bbeff;border-radius:50%;margin-right:clamp(4px,.3vw,.3vw)}.circle.inuse[data-v-480db81c]{background-color:#34ed7e}.circle.error[data-v-480db81c]{background-color:var(--red)}.gray-box.event-alarm[data-v-480db81c],.gray-box.server[data-v-480db81c],.gray-box.setting[data-v-480db81c],.gray-box.upload[data-v-480db81c]{display:flex;justify-content:center;align-items:center;width:clamp(26px,3.7vh,3.7vh);height:clamp(26px,3.7vh,3.7vh);border-color:var(--border-color);transition:.3s}.gray-box.setting[data-v-480db81c]{margin:var(--margin05);border-color:var(--border-color)}.gray-box.setting img[data-v-480db81c]{width:1.8vh;min-width:12px}.gray-box.setting[data-v-480db81c]:hover{border-color:var(--white)!important}.gray-box.server[data-v-480db81c]:hover{border:1px solid #fff}.gray-box.server.error[data-v-480db81c]{animation:error-480db81c 1s infinite}.gray-box.event-alarm.alarm[data-v-480db81c],.gray-box.upload.uploading[data-v-480db81c]{animation:blink-480db81c 1s infinite}.gray-box.event-alarm.open[data-v-480db81c],.gray-box.upload.open[data-v-480db81c]{border-color:var(--white)}.alarm-state-wrap .event-alarm[data-v-480db81c],.upload-state-wrap .upload[data-v-480db81c]{cursor:not-allowed}.alarm-state-wrap .active[data-v-480db81c],.upload-state-wrap .active[data-v-480db81c]{cursor:pointer}.alarm-state-wrap .active[data-v-480db81c]:hover,.upload-state-wrap .active[data-v-480db81c]:hover{border-color:var(--white)}.upload-state-wrap .active svg path[data-v-480db81c]{fill:var(--white)}.alarm-state-box[data-v-480db81c],.upload-state-box[data-v-480db81c]{width:20.8vw;min-width:267px;max-height:33.3vh;border-color:#fff;position:absolute;right:0;top:clamp(30px,4.2vh,4.2vh);overflow:hidden;z-index:15;opacity:1;transition:opacity .3s ease-in-out;background-color:var(--background-color9);cursor:default}.background-opacity[data-v-480db81c]{background-color:transparent;width:100vw;height:100vh;position:fixed;top:0;left:0}.alarm-list-box[data-v-480db81c],.upload-list-box[data-v-480db81c]{padding:var(--padding10);width:100%;max-height:33.3vh;overflow:auto;position:relative;z-index:1;scrollbar-gutter:stable;box-sizing:border-box;padding-right:2px}.upload-list-box .title-box[data-v-480db81c]{display:flex;justify-content:space-between;width:100%;font-weight:700}.upload-video-box[data-v-480db81c]{width:100%;height:var(--height60);border-radius:var(--border-radius5);background-color:var(--active-background3);margin:clamp(6px,.9vh,.9vh) 0;color:var(--white);padding:clamp(6px,.9vh,.9vh) .6vw;display:flex;flex-wrap:wrap;align-content:space-between}.upload-video-box[data-v-480db81c]:first-child{margin-top:0}.upload-video-box[data-v-480db81c]:last-child{margin-bottom:0}.upload-video-box.completed[data-v-480db81c]{background-color:var(--complete-background);color:var(--blue-100)}.upload-video-box.error[data-v-480db81c]{color:var(--red)!important;border-color:var(--red)!important}.upload-video-box h3[data-v-480db81c]{font-size:var(--font15);line-height:clamp(12px,1.6vh,1.6vh);text-align:left;padding-left:clamp(3px,.25vw,.25vw);display:flex;align-items:center}.title-overflow[data-v-480db81c]{width:calc(100% - clamp(1vh, 12px, 12px) - clamp(2vw, 38px, 38px) - 20px)}.completed .title-overflow[data-v-480db81c]{width:100%}.title-overflow h3[data-v-480db81c]{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.percent-area[data-v-480db81c]{display:flex;align-items:center;width:100%}.upload-cancel[data-v-480db81c]{width:clamp(10px,.8vw,.8vw);height:clamp(10px,.8vw,.8vw);cursor:pointer;margin-left:clamp(6px,.5vw,.5vw);display:flex;justify-content:center;align-items:center}.upload-cancel img[data-v-480db81c]{width:100%;height:100%}.canceling-area[data-v-480db81c]{width:100%;height:.5vh;display:flex}.progress-bar[data-v-480db81c]{width:calc(100% - clamp(10px, .8vw, .8vw) - clamp(6px, .5vw, .5vw));height:.5vh;min-height:4px;border-radius:var(--border-radius5);background-color:var(--background-color9);padding-bottom:.28vh}.progress-bar .percent[data-v-480db81c]{width:1.5vw;height:.5vh;min-height:4px;border-radius:var(--border-radius5);background-color:var(--blue-100)}.progress-bar .percent.error[data-v-480db81c]{background-color:var(--red)}.completed-box[data-v-480db81c],.fail-box[data-v-480db81c]{display:flex;padding-left:clamp(2px,.16vw,.16vw)}.completed-box svg[data-v-480db81c],.fail-box svg[data-v-480db81c]{width:.75vw;min-width:9px}.completed-box svg path[data-v-480db81c]{fill:var(--blue-100)}.fail-box svg path[data-v-480db81c]{fill:var(--red)}.alarm-box[data-v-480db81c]{border:1px solid var(--red);border-radius:var(--border-radius5);background-color:var(--gray-700);margin:clamp(4px,.5vh,.5vh) 0;padding:clamp(6px,.9vh,.9vh) clamp(10px,.8vw,.8vw);display:flex;align-content:space-between;position:relative;flex-direction:column;cursor:pointer}.alarm-box.auto[data-v-480db81c]{border-color:var(--blue-100)}.alarm-box.checked[data-v-480db81c]{border-color:var(--gray-700)}.alarm-box[data-v-480db81c]:first-child{margin-top:0}.alarm-box[data-v-480db81c]:last-child{margin-bottom:0}.alarm-list-box .delete-icon[data-v-480db81c]{position:absolute;right:clamp(6px,.5vw,.5vw);top:clamp(6px,.9vh,.9vh);width:clamp(11px,.9vw,.9vw);height:clamp(11px,.9vw,.9vw)}.alarm-list-box .delete-icon path[data-v-480db81c]{transition:.3s}.alarm-list-box .delete-icon:hover path[data-v-480db81c]{fill:var(--white)}.alarm-title[data-v-480db81c]{display:flex;align-items:center;margin-top:clamp(3px,.4vh,.4vh)}.alarm-title h2[data-v-480db81c]{color:var(--red);margin-left:clamp(3px,.25vw,.25vw);font-size:var(--font14);line-height:var(--font16);font-weight:600}.auto .alarm-title h2[data-v-480db81c]{color:var(--blue-100)}.checked .alarm-title h2[data-v-480db81c]{color:var(--inactive-text)}.checked .alarm-title svg path[data-v-480db81c]{fill:var(--inactive-text)}.alarm-content[data-v-480db81c]{display:flex;flex-direction:column;padding-left:clamp(12px,1vw,1vw);margin-top:clamp(4px,.5vh,.5vh)}.content-list[data-v-480db81c]{display:flex;align-items:center;margin:clamp(4px,.5vh,.5vh) 0}.content-list h3[data-v-480db81c]{font-size:var(--font14);line-height:var(--font14);text-align:left;white-space:nowrap;font-weight:400}.alarm-front[data-v-480db81c]{width:clamp(54px,4.2vw,4.2vw);margin-right:clamp(3px,.25vw,.25vw)}.alarm-front h3[data-v-480db81c]{color:var(--red)}.auto .alarm-front h3[data-v-480db81c]{color:var(--blue-100)}.alarm-back[data-v-480db81c]{width:clamp(146px,11.46vw,11.46vw)}.alarm-back h3[data-v-480db81c]{color:var(--white);overflow:hidden;text-overflow:ellipsis}.checked .alarm-front h3[data-v-480db81c]{color:var(--inactive-text)}@keyframes error-480db81c{50%{border-color:var(--red);background-color:var(--red)}}@keyframes blink-480db81c{50%{border-color:var(--blue-100);background-color:var(--blue-100)}}.gray-box.user[data-v-480db81c]{position:absolute;top:clamp(6px,.9vh,.9vh);right:0;width:9.4vw;min-width:120px;padding:clamp(4px,.5vh,.5vh) clamp(3px,.25vw,.25vw);box-sizing:border-box;display:flex;flex-wrap:wrap;align-content:space-between;overflow:hidden;border-color:var(--border-color)}.gray-box.user.active[data-v-480db81c]{border:1px solid var(--white);transition:.3s;z-index:10}.edit-box[data-v-480db81c]{transition:.3s}.edit-box[data-v-480db81c]:hover{border-radius:var(--border-radius5);background-color:var(--blue-200)}.gray-box.user>div[data-v-480db81c]{width:100%;display:flex;align-items:center;height:var(--height35);padding:0 clamp(3px,.25vw,.25vw)}.gray-box.user>div[data-v-480db81c]:first-child{padding-bottom:clamp(4px,.5vh,.5vh)}.gray-box.user p[data-v-480db81c]{color:#fff;font-size:var(--font14);font-weight:400;cursor:pointer;max-width:5.5vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gray-box.user .icon[data-v-480db81c]{width:1.4vmin;min-width:10px;height:1.4vmin;min-height:10px;margin-right:clamp(6px,.5vw,.5vw)}.gray-fill-btn[data-v-480db81c]{width:100%;height:var(--height35)}.arrow-img[data-v-480db81c]{right:clamp(6px,.5vw,.5vw)}.active .arrow-img[data-v-480db81c]{content:url(/img/arrow_active.41d6abe7.svg)}.spinner-area[data-v-480db81c]{width:1.5vh;min-width:10px;height:1.5vh;min-height:10px;margin-left:10px}.spinner[data-v-480db81c]{margin:auto;width:100%;height:100%;border:.3vmin solid hsla(0,0%,100%,.3);box-sizing:border-box;border-top-color:#fff;border-radius:100%;animation:spin-480db81c 1s ease-in-out infinite}@keyframes spin-480db81c{to{transform:rotate(1turn)}}.right-box[data-v-480db81c]{display:flex;align-items:center}.my-scroll[data-v-480db81c]::-webkit-scrollbar{width:clamp(6px,.5vw,.5vw)}.my-scroll[data-v-480db81c]::-webkit-scrollbar-thumb{border-radius:clamp(6px,.9vmin,.9vmin);background-clip:padding-box;border:.2vmin solid transparent;background-color:#90959e}.military .my-scroll[data-v-480db81c]::-webkit-scrollbar-thumb{background-color:#aba198}.popover-gray[data-v-d849f4f8]{width:760px;height:400px;padding:0 25px 25px 25px;display:flex;flex-wrap:wrap;align-content:space-between}.top-box[data-v-d849f4f8]{align-items:center;height:60px}.bottom-box[data-v-d849f4f8],.top-box[data-v-d849f4f8]{display:flex;justify-content:space-between;width:100%}.gray-box[data-v-d849f4f8]{width:345px;height:315px;padding:65px 0 55px 0;display:flex;flex-wrap:wrap;justify-content:center;align-content:space-between;border-radius:10px}.gray-box[data-v-d849f4f8]:hover{background-color:var(--hover-background);transition:.3s}.military .gray-box[data-v-d849f4f8]:hover{border-color:#fff}.gray-box:hover>svg path.icon[data-v-d849f4f8]{fill:#fff;transition:.3s}.upload-box[data-v-d849f4f8]{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.upload-box h1[data-v-d849f4f8]{font-size:18px;font-weight:700;line-height:22px;color:#fff;width:100%}.upload-box p[data-v-d849f4f8]{font-size:14px;font-weight:400;color:var(--gray-100);cursor:pointer;width:100%}h1.title[data-v-d849f4f8]{font-size:18px}.combobox-wrap[data-v-6cf4b910]{position:absolute;right:0;top:0;width:100%;z-index:10;overflow:hidden;background-color:var(--gray-400);border-radius:var(--border-radius5)}.combobox[data-v-6cf4b910]{border:1px solid var(--border-color);border-radius:var(--border-radius5);max-height:clamp(160px,22.2vh,22.2vh);transition:.3s}.filter-combo .combobox[data-v-6cf4b910]{border-color:var(--white)}.filter-combo .combobox svg path[data-v-6cf4b910]{fill:var(--white)}.filter-combo.no-active .combobox[data-v-6cf4b910]{border-color:var(--border-color)}.filter-combo.no-active .combobox svg path[data-v-6cf4b910]{fill:var(--border-color)}.combobox h1[data-v-6cf4b910],.combobox svg path[data-v-6cf4b910]{transition:.3s}.combobox.active[data-v-6cf4b910]{border-color:#fff!important}.no-active .combobox[data-v-6cf4b910]{background-color:var(--inactive-box-background)!important;border-radius:var(--border-radius5)}.selected-item[data-v-6cf4b910]{cursor:pointer;color:#fff;height:var(--height40);display:flex;justify-content:flex-start;align-items:center;border:1px solid transparent;box-sizing:border-box;padding:var(--padding010)}.selected-item h1[data-v-6cf4b910]{font-size:var(--font16)}.filter-combo .selected-item[data-v-6cf4b910]{justify-content:space-between;padding-right:0}.is-hover .combobox[data-v-6cf4b910]:hover{border-color:#fff!important}.is-hover .combobox:hover h1[data-v-6cf4b910]{color:#fff}.is-hover .combobox:hover svg path[data-v-6cf4b910]{fill:#fff}.inactive h1[data-v-6cf4b910]{color:var(--inactive-text)}.active h1[data-v-6cf4b910]{color:#fff}.white-text[data-v-6cf4b910]{color:#fff!important}.selected-item .vms-padding[data-v-6cf4b910]{padding:0 clamp(2px,.3vw,.3vw)}.active .selected-item h1[data-v-6cf4b910]{color:#fff!important}ul[data-v-6cf4b910]{list-style-type:none;padding:0;margin:0;position:absolute;top:3.7vh;left:0;z-index:1;width:100%;max-height:clamp(133px,18.5vh,18.5vh);transition:.3s;overflow:auto;padding:var(--padding05)}li[data-v-6cf4b910]{cursor:pointer;height:var(--height40);box-sizing:border-box}li h1[data-v-6cf4b910]{font-size:var(--font16)}li:hover h1[data-v-6cf4b910]{background-color:var(--blue-100);border-radius:var(--border-radius5);transition:.3s}li>h1[data-v-6cf4b910]{height:var(--height35);display:flex;align-items:center;justify-content:flex-start;color:#fff;cursor:pointer;padding:var(--padding05)}li.noclick[data-v-6cf4b910]{cursor:not-allowed}li.noclick>h1[data-v-6cf4b910]{color:var(--red);cursor:not-allowed}li.noclick:hover h1[data-v-6cf4b910]{background-color:transparent}.is-hover .combobox:hover li.noclick h1[data-v-6cf4b910]{color:var(--red)}li>.vms-padding[data-v-6cf4b910]{padding:0 clamp(7px,.55vw,.55vw)}.arrow-img[data-v-6cf4b910]{right:clamp(6px,.5vw,.5vw)}.rotate[data-v-6cf4b910]{transform:rotate(180deg)}.file-setting-box.active path[data-v-6cf4b910],.white-path path[data-v-6cf4b910]{fill:var(--white)}.file-setting-box.inactive path[data-v-6cf4b910],.vms-setting-box.inactive path[data-v-6cf4b910]{fill:var(--svg-path2)}.no-active h1[data-v-6cf4b910]{color:var(--inactive-text)}.arrow-area-relative[data-v-6cf4b910]{display:none;width:var(--height40);position:relative;align-items:center;justify-content:center}.arrow-area-relative .arrow-img[data-v-6cf4b910]{position:relative;right:0}.filter-combo .arrow-img[data-v-6cf4b910]{display:none}.filter-combo .arrow-area-relative .arrow-img[data-v-6cf4b910],.filter-combo .arrow-area-relative[data-v-6cf4b910]{display:flex}.fix-combo .selected-item[data-v-6cf4b910]{padding:0 10px}.fix-combo .selected-item h1[data-v-6cf4b910]{font-size:16px}.fix-combo .selected-item .vms-padding[data-v-6cf4b910]{padding:0 6px}.fix-combo ul[data-v-6cf4b910]{padding:0 5px}.fix-combo li>h1[data-v-6cf4b910]{padding:0 5px;font-size:16px}.fix-combo li>.vms-padding[data-v-6cf4b910]{padding:0 11px}.fix-combo .arrow-img[data-v-6cf4b910]{width:12px;right:10px}.fix-combo .my-scroll[data-v-6cf4b910]::-webkit-scrollbar{min-width:10px}.fix-combo .my-scroll[data-v-6cf4b910]::-webkit-scrollbar-thumb{border-radius:10px}.font-14[data-v-6cf4b910]{font-size:14px!important}:root{--vc-white:#fff;--vc-black:#000;--vc-gray-50:#f8fafc;--vc-gray-100:#f1f5f9;--vc-gray-200:#e2e8f0;--vc-gray-300:#cbd5e1;--vc-gray-400:#94a3b8;--vc-gray-500:#64748b;--vc-gray-600:#475569;--vc-gray-700:#334155;--vc-gray-800:#1e293b;--vc-gray-900:#0f172a;--vc-font-family:BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;--vc-font-normal:400;--vc-font-medium:500;--vc-font-semibold:600;--vc-font-bold:700;--vc-text-2xs:10px;--vc-text-xs:12px;--vc-text-sm:14px;--vc-text-base:16px;--vc-text-lg:18px;--vc-text-xl:20px;--vc-text-2xl:24px;--vc-leading-none:1;--vc-leading-tight:1.25;--vc-leading-snug:1.375;--vc-leading-normal:1.5;--vc-rounded:0.25rem;--vc-rounded-md:0.375rem;--vc-rounded-lg:0.5rem;--vc-rounded-full:9999px;--vc-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--vc-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--vc-shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--vc-slide-translate:22px;--vc-slide-duration:0.15s;--vc-slide-timing:ease;--vc-day-content-transition:all 0.13s ease-in;--vc-weeknumber-offset-inside:26px;--vc-weeknumber-offset-outside:34px}.vc-gray{--vc-accent-50:var(--vc-gray-50);--vc-accent-100:var(--vc-gray-100);--vc-accent-200:var(--vc-gray-200);--vc-accent-300:var(--vc-gray-300);--vc-accent-400:var(--vc-gray-400);--vc-accent-500:var(--vc-gray-500);--vc-accent-600:var(--vc-gray-600);--vc-accent-700:var(--vc-gray-700);--vc-accent-800:var(--vc-gray-800);--vc-accent-900:var(--vc-gray-900)}.vc-red{--vc-accent-50:#fef2f2;--vc-accent-100:#fee2e2;--vc-accent-200:#fecaca;--vc-accent-300:#fca5a5;--vc-accent-400:#f87171;--vc-accent-500:#ef4444;--vc-accent-600:#dc2626;--vc-accent-700:#b91c1c;--vc-accent-800:#991b1b;--vc-accent-900:#7f1d1d}.vc-orange{--vc-accent-50:#fff7ed;--vc-accent-100:#ffedd5;--vc-accent-200:#fed7aa;--vc-accent-300:#fdba74;--vc-accent-400:#fb923c;--vc-accent-500:#f97316;--vc-accent-600:#ea580c;--vc-accent-700:#c2410c;--vc-accent-800:#9a3412;--vc-accent-900:#7c2d12}.vc-yellow{--vc-accent-50:#fefce8;--vc-accent-100:#fef9c3;--vc-accent-200:#fef08a;--vc-accent-300:#fde047;--vc-accent-400:#facc15;--vc-accent-500:#eab308;--vc-accent-600:#ca8a04;--vc-accent-700:#a16207;--vc-accent-800:#854d0e;--vc-accent-900:#713f12}.vc-green{--vc-accent-50:#f0fdf4;--vc-accent-100:#dcfce7;--vc-accent-200:#bbf7d0;--vc-accent-300:#86efac;--vc-accent-400:#4ade80;--vc-accent-500:#22c55e;--vc-accent-600:#16a34a;--vc-accent-700:#15803d;--vc-accent-800:#166534;--vc-accent-900:#14532d}.vc-teal{--vc-accent-50:#f0fdfa;--vc-accent-100:#ccfbf1;--vc-accent-200:#99f6e4;--vc-accent-300:#5eead4;--vc-accent-400:#2dd4bf;--vc-accent-500:#14b8a6;--vc-accent-600:#0d9488;--vc-accent-700:#0f766e;--vc-accent-800:#115e59;--vc-accent-900:#134e4a}.vc-blue{--vc-accent-50:#eff6ff;--vc-accent-100:#dbeafe;--vc-accent-200:#bfdbfe;--vc-accent-300:#93c5fd;--vc-accent-400:#60a5fa;--vc-accent-500:#3b82f6;--vc-accent-600:#2563eb;--vc-accent-700:#1d4ed8;--vc-accent-800:#1e40af;--vc-accent-900:#1e3a8a}.vc-indigo{--vc-accent-50:#eef2ff;--vc-accent-100:#e0e7ff;--vc-accent-200:#c7d2fe;--vc-accent-300:#a5b4fc;--vc-accent-400:#818cf8;--vc-accent-500:#6366f1;--vc-accent-600:#4f46e5;--vc-accent-700:#4338ca;--vc-accent-800:#3730a3;--vc-accent-900:#312e81}.vc-purple{--vc-accent-50:#faf5ff;--vc-accent-100:#f3e8ff;--vc-accent-200:#e9d5ff;--vc-accent-300:#d8b4fe;--vc-accent-400:#c084fc;--vc-accent-500:#a855f7;--vc-accent-600:#9333ea;--vc-accent-700:#7e22ce;--vc-accent-800:#6b21a8;--vc-accent-900:#581c87}.vc-pink{--vc-accent-50:#fdf2f8;--vc-accent-100:#fce7f3;--vc-accent-200:#fbcfe8;--vc-accent-300:#f9a8d4;--vc-accent-400:#f472b6;--vc-accent-500:#ec4899;--vc-accent-600:#db2777;--vc-accent-700:#be185d;--vc-accent-800:#9d174d;--vc-accent-900:#831843}.vc-focus{&:focus-within{outline:0;box-shadow:var(--vc-focus-ring)}}.vc-light{--vc-color:var(--vc-gray-900);--vc-bg:var(--vc-white);--vc-border:var(--vc-gray-300);--vc-hover-bg:rgba(204,214,224,.3);--vc-focus-ring:0 0 0 2px rgba(59,131,246,.4);--vc-header-arrow-color:var(--vc-gray-500);--vc-header-arrow-hover-bg:var(--vc-gray-200);--vc-header-title-color:var(--vc-gray-900);--vc-weekday-color:var(--vc-gray-500);--vc-weeknumber-color:var(--vc-gray-400);--vc-nav-hover-bg:var(--vc-gray-200);--vc-nav-title-color:var(--vc-gray-900);--vc-nav-item-hover-box-shadow:none;--vc-nav-item-active-color:var(--vc-white);--vc-nav-item-active-bg:var(--vc-accent-500);--vc-nav-item-active-box-shadow:var(--vc-shadow);--vc-nav-item-current-color:var(--vc-accent-600);--vc-day-popover-container-color:var(--vc-white);--vc-day-popover-container-bg:var(--vc-gray-800);--vc-day-popover-container-border:var(--vc-gray-700);--vc-day-popover-header-color:var(--vc-gray-700);--vc-popover-content-color:var(--vc-gray-900);--vc-popover-content-bg:var(--vc-gray-50);--vc-popover-content-border:var(--vc-gray-300);--vc-time-picker-border:var(--vc-gray-300);--vc-time-weekday-color:var(--vc-gray-700);--vc-time-month-color:var(--vc-accent-600);--vc-time-day-color:var(--vc-accent-600);--vc-time-year-color:var(--vc-gray-500);--vc-time-select-group-bg:var(--vc-gray-50);--vc-time-select-group-border:var(--vc-gray-300);--vc-time-select-group-icon-color:var(--vc-accent-500);--vc-select-color:var(--vc-gray-900);--vc-select-bg:var(--vg-gray-50);--vc-select-hover-bg:var(--vc-gray-100);--vc-select-border:var(--vc-gray-300);--vc-day-content-hover-bg:var(--vc-hover-bg);--vc-day-content-disabled-color:var(--vc-gray-400);& .vc-attr,&.vc-attr{--vc-content-color:var(--vc-accent-600);--vc-highlight-outline-bg:var(--vc-white);--vc-highlight-outline-border:var(--vc-accent-600);--vc-highlight-outline-content-color:var(--vc-accent-700);--vc-highlight-light-bg:var(--vc-accent-200);--vc-highlight-light-content-color:var(--vc-accent-900);--vc-highlight-solid-bg:var(--vc-accent-600);--vc-highlight-solid-content-color:var(--vc-white);--vc-dot-bg:var(--vc-accent-600);--vc-bar-bg:var(--vc-accent-600)}}.vc-dark{--vc-color:var(--vc-white);--vc-bg:var(--vc-gray-900);--vc-border:var(--vc-gray-700);--vc-hover-bg:rgba(114,129,151,.3);--vc-focus-ring:0 0 0 2px rgba(59,130,246,.7);--vc-header-arrow-color:var(--vc-gray-300);--vc-header-arrow-hover-bg:var(--vc-gray-800);--vc-header-title-color:var(--vc-gray-100);--vc-weekday-color:var(--vc-accent-200);--vc-weeknumber-color:var(--vc-gray-500);--vc-nav-hover-bg:var(--vc-gray-700);--vc-nav-title-color:var(--vc-gray-100);--vc-nav-item-hover-box-shadow:none;--vc-nav-item-active-color:var(--vc-white);--vc-nav-item-active-bg:var(--vc-accent-500);--vc-nav-item-active-box-shadow:none;--vc-nav-item-current-color:var(--vc-accent-400);--vc-day-popover-container-color:var(--vc-gray-800);--vc-day-popover-container-bg:var(--vc-white);--vc-day-popover-container-border:var(--vc-gray-100);--vc-day-popover-header-color:var(--vc-gray-300);--vc-popover-content-color:var(--vc-white);--vc-popover-content-bg:var(--vc-gray-800);--vc-popover-content-border:var(--vc-gray-700);--vc-time-picker-border:var(--vc-gray-700);--vc-time-weekday-color:var(--vc-gray-400);--vc-time-month-color:var(--vc-accent-400);--vc-time-day-color:var(--vc-accent-400);--vc-time-year-color:var(--vc-gray-500);--vc-time-select-group-bg:var(--vc-gray-700);--vc-time-select-group-border:var(--vc-gray-500);--vc-time-select-group-icon-color:var(--vc-accent-400);--vc-select-color:var(--vc-gray-200);--vc-select-bg:var(--vc-gray-700);--vc-select-hover-bg:var(--vc-gray-600);--vc-select-border:var(--vc-gray-500);--vc-day-content-hover-bg:var(--vc-hover-bg);--vc-day-content-disabled-color:var(--vc-gray-600);& .vc-attr,&.vc-attr{--vc-content-color:var(--vc-accent-500);--vc-highlight-outline-bg:var(--vc-gray-900);--vc-highlight-outline-border:var(--vc-accent-300);--vc-highlight-outline-content-color:var(--vc-accent-200);--vc-highlight-light-bg:var(--vc-accent-800);--vc-highlight-light-content-color:var(--vc-accent-100);--vc-highlight-solid-bg:var(--vc-accent-500);--vc-highlight-solid-content-color:var(--vc-white);--vc-dot-bg:var(--vc-accent-500);--vc-bar-bg:var(--vc-accent-500)}}.datepicker-wrap[data-v-2a96be44]{z-index:20;display:flex;position:relative}.datepicker-wrap h3[data-v-2a96be44]{font-size:var(--font16)}.datepicker-wrap [data-v-2a96be44]{color:#fff}.datepicker-box[data-v-2a96be44]{display:flex;width:100%}.date-box[data-v-2a96be44]{width:7.8vw;min-width:100px;display:flex;justify-content:center}.time-box[data-v-2a96be44]{width:2.6vw;min-width:33px;display:flex;justify-content:center;overflow:hidden}.inactive input[data-v-2a96be44]{color:var(--inactive-text)}.inactive input[data-v-2a96be44]::-moz-placeholder{color:var(--inactive-text)}.inactive input[data-v-2a96be44]::placeholder{color:var(--inactive-text)}.vc-input-wrap{border:1px solid var(--border-color2)}.vc-input-box{border-right:1px solid var(--border-color2)}.only-date .vc-input-box{border-right:1px solid var(--border-color2)!important}.vc-popover-btn svg{width:1.8vh;min-width:13px;height:1.8vh;min-height:13px}.only-date .vc-popover-btn svg path{fill:var(--svg-path2)!important}.vc-popover-btn svg path{transition:.3s}.popover-gray[data-v-12b80f76]{max-width:1390px;display:flex;flex-wrap:wrap;position:relative}.title[data-v-12b80f76]{font-size:18px;margin-right:10px}h3.info[data-v-12b80f76]{font-size:14px;color:var(--inactive-text)}.box[data-v-12b80f76]{padding:15px 20px 20px 20px;min-height:410px;border-bottom:1px solid var(--border-color2);display:flex;flex-wrap:wrap;align-content:space-between;justify-content:center}.place .combobox-wrap[data-v-12b80f76]{z-index:15}.popover-header[data-v-12b80f76]{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:45px}.popover-header h1[data-v-12b80f76]{font-size:15px}.file-list-box[data-v-12b80f76]{width:calc(100% - 715px);height:615px;border-right:1px solid var(--border-color2)}.file-setting-box[data-v-12b80f76]{width:715px;min-width:476px;position:relative}.file-setting-box h3[data-v-12b80f76]{font-size:16px;white-space:nowrap}.file-setting-box>div[data-v-12b80f76]{width:100%}.file-setting-box.active [data-v-12b80f76]{color:var(--white)}.file-setting-box.active .gray-fill-btn[data-v-12b80f76]{background-color:var(--button-point-color3)}.file-setting-box.active .gray-fill-btn[data-v-12b80f76]:hover{background-color:var(--hover-background3)}.file-setting-box.inactive .inactive-box[data-v-12b80f76]{display:block}.inactive-box[data-v-12b80f76]{position:absolute;top:0;left:0;height:100%;background-color:transparent;z-index:25;cursor:not-allowed;display:none}.top-box[data-v-12b80f76]{display:flex;justify-content:space-between;align-items:center;width:100%;height:35px}.top-box>div[data-v-12b80f76]:first-child{display:flex}.file-setting-box .top-box[data-v-12b80f76]{margin-bottom:10px}.file-setting-box.inactive [data-v-12b80f76]{color:var(--inactive-text)}.upload-btn-box[data-v-12b80f76]{width:100%;height:65px;min-height:44px;display:flex;justify-content:center;align-items:center}.caution[data-v-12b80f76]{color:var(--red)!important}.caution.inactive[data-v-12b80f76]{display:none}.box-wrap.right>div[data-v-12b80f76]{width:9.9vw;display:flex;flex-wrap:wrap;justify-content:space-between}.dark-btn[data-v-12b80f76],.delete-btn[data-v-12b80f76]{font-size:16px;width:100px;height:35px;border-radius:5px;transition:.3s}.delete-btn[data-v-12b80f76]{border-color:var(--border-color2);color:var(--border-color2)}.dark-btn.file[data-v-12b80f76]{border-color:var(--button-point-color);color:var(--button-point-color);cursor:pointer}.dark-btn.file[data-v-12b80f76]:hover{border-color:var(--blue-100);color:var(--white);background-color:var(--blue-100)}.dark-btn.upload[data-v-12b80f76]{font-size:16px;border-radius:5px;width:150px;height:35px;cursor:not-allowed;color:var(--button-point-color2);border-color:var(--button-point-color2);display:flex;align-items:center;justify-content:center}.dark-btn.active[data-v-12b80f76]{cursor:pointer;color:var(--button-point-color);border-color:var(--button-point-color)}.dark-btn.active[data-v-12b80f76]:hover{color:var(--white);background-color:var(--hover-background3);border-color:var(--hover-background3)}.drop-box[data-v-12b80f76]{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;height:calc(100% - 35px);overflow:auto}.drop-box.drag-over[data-v-12b80f76]{transition:.3s;background-color:var(--gray-300)}.drop-box h3[data-v-12b80f76]{height:100%;font-size:14px;display:flex;align-items:center}.file-name[data-v-12b80f76]{display:block!important;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list[data-v-12b80f76]{display:flex;width:100%;border-bottom:1px solid var(--border-color2);cursor:pointer;height:35px}.file-list.selected[data-v-12b80f76]{color:var(--blue-100);background-color:var(--hover-background2)}.edit-item[data-v-12b80f76]{position:relative;display:flex;justify-content:space-between;align-items:center;width:47%;height:40px}.edit-item>div[data-v-12b80f76]{width:230px}input[type=text][data-v-12b80f76]{cursor:text;padding:var(--padding10)}.file-box[data-v-12b80f76]{width:calc(100% - 30px);color:var(--white);font-size:14px;text-align:left;display:flex;align-items:center;cursor:pointer}.file-box.saved>div[data-v-12b80f76]{color:var(--button-point-color)}.file-box div[data-v-12b80f76]{display:flex;justify-content:flex-start;align-items:center;color:var(--white)}.file-box>div[data-v-12b80f76]:first-child{width:67%;padding-left:3%}.file-box>div[data-v-12b80f76]:nth-child(2){width:15%;font-size:14px;color:var(--button-point-color);justify-content:flex-end}.file-box>div:nth-child(2) img[data-v-12b80f76]{margin-right:1.2%}.file-box>div[data-v-12b80f76]:nth-child(3){width:15%;justify-content:flex-end}.file-box>img[data-v-12b80f76]{margin:0 clamp(6px,.5vw,.5vw)}.combo-opt[data-v-12b80f76]{height:var(--height40);display:flex;justify-content:center;align-items:center}.combo-opt[data-v-12b80f76]:hover{color:var(--white);transition:.3s;background-color:var(--blue-100);border-radius:5px}.combo-opt:hover option[data-v-12b80f76]{color:var(--white)}.save-icon[data-v-12b80f76]{margin-right:.2em}.save-icon path[data-v-12b80f76]{fill:var(--button-point-color)}option[data-v-12b80f76]{width:100%;height:var(--height35);display:flex;justify-content:flex-start;align-items:center}.selected-opt[data-v-12b80f76]{height:var(--height40)}.select-box[data-v-12b80f76]{position:absolute;top:0;right:0;z-index:99;overflow:hidden;padding:var(--padding05)}.select-box>div[data-v-12b80f76]{padding:var(--padding05)}.textarea-box[data-v-12b80f76]{height:110px}.textarea-box textarea[data-v-12b80f76]{width:100%;height:100%;resize:none;background-color:transparent;padding:15px;text-align:left;line-height:1.8vh;border:none;font-size:16px}.gray-fill-btn[data-v-12b80f76]{width:90px;height:35px;font-size:16px;border-radius:5px}.rm-btn-box[data-v-12b80f76]{width:19px;height:100%;display:flex;align-items:center;justify-content:center;margin-right:10px}.rm-btn-box svg path[data-v-12b80f76]{fill:var(--border-color2)}.btn-wrap[data-v-12b80f76]{width:210px;display:flex;justify-content:space-between}button[data-v-12b80f76]{display:flex;align-items:center;justify-content:center}.readonly[data-v-12b80f76]{background-color:var(--gray-500);cursor:not-allowed}.square-gray-box[data-v-12b80f76]{cursor:default}.square-gray-box.list[data-v-12b80f76]{width:100%;height:535px;min-height:356px;cursor:default}.square-gray-box.edit[data-v-12b80f76]{width:100%;height:180px;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;padding:15px}.square-gray-box.add[data-v-12b80f76]{display:flex;height:70px;padding:15px;justify-content:space-between}.gray-box[data-v-12b80f76]{transition:.3s}.gray-box[data-v-12b80f76]::-moz-placeholder{color:var(--inactive-text)}.gray-box[data-v-12b80f76]::placeholder{color:var(--inactive-text)}.gray-box[data-v-12b80f76]:focus{border-color:var(--white)}.gray-box.readonly[data-v-12b80f76]:focus{border-color:var(--gray-300)}.square-gray-box.add .gray-box[data-v-12b80f76]{width:100px;height:40px;text-align:left;display:flex;justify-content:space-between;font-size:16px}.square-gray-box.add .edit-item[data-v-12b80f76]{width:30%}.edit .gray-box[data-v-12b80f76]{width:230px;height:40px;text-align:left;font-size:16px;font-weight:400;padding:0 10px}.file-box-header[data-v-12b80f76]{width:100%;background-color:var(--header-background);border-bottom:1px solid var(--border-color2);display:flex;height:35px}.file-box-header-text[data-v-12b80f76]{width:calc(100% - 30px);display:flex}.file-box-header div>div[data-v-12b80f76]{width:15%;display:flex;justify-content:flex-start;align-items:center;color:var(--white);font-size:15px}.file-box-header div>div[data-v-12b80f76]:first-child{width:67%;padding-left:3%}.file-box-header div>div[data-v-12b80f76]:nth-child(2),.file-box-header div>div[data-v-12b80f76]:nth-child(3){justify-content:flex-end}.file-box-header h3[data-v-12b80f76]{white-space:nowrap;font-size:16px}h1.title[data-v-62a2b9bb]{font-size:18px;height:40px}.vms-list-box[data-v-62a2b9bb]{width:715px;height:720px;border-right:1px solid var(--border-color2);padding:15px 20px 20px 20px;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;box-sizing:border-box}.search-box[data-v-62a2b9bb]{width:100%;height:50px;min-height:33px;margin-bottom:10px;position:relative}.gray-box.search[data-v-62a2b9bb]{width:100%;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;z-index:10;padding:0 5px;transition:.3s}.gray-box.search.active[data-v-62a2b9bb]{border-color:var(--white)}.gray-box.search svg[data-v-62a2b9bb]{padding-right:5px;width:19px}.gray-box.search svg path[data-v-62a2b9bb]{fill:var(--svg-path2)}.search-input[data-v-62a2b9bb]{width:630px;height:50px;min-height:33px;background-color:transparent;color:var(--white);text-align:left;padding-left:clamp(3px,.25vw,.25vw);font-size:16px}.search-res-box[data-v-62a2b9bb]{width:100%;max-height:150px;overflow:auto;border-top:1px solid var(--border-color2);padding:clamp(4px,.5vh,.5vh) 0}.search-res-box>div[data-v-62a2b9bb]{width:100%;height:45px;border-radius:5px;color:var(--white);transition:.3s;display:flex;justify-content:flex-start;align-items:center;padding-left:5px}.search-res-box>div[data-v-62a2b9bb]:hover{background-color:var(--blue-300)}.no-res-box[data-v-62a2b9bb]{width:100%;height:7.4vh;min-height:53px;border-top:1px solid var(--gray-300);padding:clamp(12px,1.7vh,1.7vh) 0;cursor:default}.blank-camera h3[data-v-62a2b9bb],.no-res-box h3[data-v-62a2b9bb]{line-height:clamp(14px,2vh,2vh);color:var(--gray-200);font-size:16px}.blank-camera[data-v-62a2b9bb]{display:flex;align-items:center;justify-content:center;height:5.6vh;min-height:40px}.gray-box.vms[data-v-62a2b9bb]{height:50px;max-height:355px;overflow:hidden;margin-bottom:10px}.vms-info-box[data-v-62a2b9bb]{height:50px;display:flex;justify-content:space-between;align-items:center;color:var(--gray-300);padding:10px;border-bottom:1px solid var(--border-color2);cursor:not-allowed;position:relative}.active .vms-info-box[data-v-62a2b9bb]{color:var(--white);cursor:pointer}.vms-info-box div[data-v-62a2b9bb]{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vms-camera-list[data-v-62a2b9bb]{padding:2.5px 5px;padding-right:0;max-height:305px;overflow:auto;display:flex;flex-wrap:wrap;align-content:space-between;cursor:default;scrollbar-gutter:stable}.vms-thumbnail[data-v-62a2b9bb]{width:80px;height:45px;border:1px solid var(--gray-300);display:flex;align-items:center;justify-content:center;position:relative;cursor:zoom-in}.thumbnail[data-v-62a2b9bb]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail[data-v-62a2b9bb]:after{content:url(/img/no_image.00af6bff.svg);position:absolute;top:0;left:0;width:100%;height:100%}.vms-camera-name[data-v-62a2b9bb]{width:calc(100% - 320px);padding:0 clamp(4px,.5vh,.5vh) 0 clamp(6px,.9vh,.9vh);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-thumbnail .vms-camera-name[data-v-62a2b9bb]{padding:0;width:calc(100% - 240px)}.video-status[data-v-62a2b9bb]{border:1px solid var(--blue-100);border-radius:5px;padding:0 5px}.video-status h4[data-v-62a2b9bb]{font-size:13px;white-space:nowrap;color:var(--blue-100)}.vms-camera[data-v-62a2b9bb]{display:flex;align-items:center;color:var(--white);padding:5px;border-radius:5px;box-sizing:border-box;width:100%;height:55px;margin:2.5px;border:1px solid transparent;cursor:pointer}.vms-camera h3[data-v-62a2b9bb]{font-size:16px}.vms-camera.selected[data-v-62a2b9bb]{background-color:var(--active-background);border:1px solid var(--button-point-color)}.vms-camera.selected .video-status[data-v-62a2b9bb]{border-color:var(--white)}.vms-camera.selected .video-status h4[data-v-62a2b9bb]{color:var(--white)}.vms-info-box[data-v-62a2b9bb]{color:var(--inactive-text2)}.vms-info-box .vms-type[data-v-62a2b9bb]{width:120px;height:30px;background-color:var(--inactive-background);border-radius:15px;color:var(--inactive-text3);text-align:center;display:flex;align-items:center;justify-content:center}.vms-info-box h3[data-v-62a2b9bb]{font-size:16px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active .vms-type[data-v-62a2b9bb]{background-color:var(--blue-100);color:var(--white)}.vms-id[data-v-62a2b9bb]{width:115px}.vms-ip[data-v-62a2b9bb]{width:170px}.vms-port[data-v-62a2b9bb]{width:125px}.vms-list[data-v-62a2b9bb]{width:100%;max-height:575px;overflow:auto}.arrow-img[data-v-62a2b9bb]{position:relative}.arrow-img.active[data-v-62a2b9bb]{content:url(/img/arrow_active.41d6abe7.svg)}.top-box[data-v-62a2b9bb]{display:flex;justify-content:space-between;width:100%;margin-bottom:14px;height:40px}.top-box>div[data-v-62a2b9bb]:first-child{display:flex;align-items:center;height:100%}.small-img[data-v-62a2b9bb]{height:20px!important}.refresh-btn[data-v-62a2b9bb]{width:88px;height:40px;border-radius:5px;border:1px solid #fff;background-color:var(--gray-700);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:400;font-size:16px;transition:.3s}.refresh-btn[data-v-62a2b9bb]:hover{background-color:#fff;color:var(--gray-900)}.vms-loading[data-v-62a2b9bb]{height:50px;width:100%;position:absolute;top:0;left:0;background-color:var(--popover-background);z-index:1;display:flex;align-items:center;justify-content:center}.spinner-area[data-v-62a2b9bb]{width:30px;height:30px;margin:auto}.spinner[data-v-62a2b9bb]{margin:auto;width:100%;height:100%;border:3px solid hsla(0,0%,100%,.3);box-sizing:border-box;border-top-color:#fff;border-radius:100%;animation:spin-62a2b9bb 1s ease-in-out infinite}@keyframes spin-62a2b9bb{to{transform:rotate(1turn)}}.empty-box[data-v-62a2b9bb]{width:100%;height:570px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;color:var(--gray-200);font-size:16px}.empty-box h3[data-v-62a2b9bb]{line-height:22px;color:#fff}.empty-box>div[data-v-62a2b9bb]{width:350px;display:flex;flex-wrap:wrap;justify-content:center}.empty-box button[data-v-62a2b9bb]{margin-top:20px}.thumbnail-popup[data-v-62a2b9bb]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;background-color:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;cursor:zoom-out}.thumbnail-popup img[data-v-62a2b9bb]{max-width:80%;max-height:80%;-o-object-fit:contain;object-fit:contain}.contents-wrap[data-v-11f9b9c7]{width:calc(100% - 715px);height:720px;display:flex;flex-wrap:wrap;align-content:space-between;justify-content:center;padding:15px 20px}h1.title[data-v-11f9b9c7]{font-size:18px}.camera-list-box[data-v-11f9b9c7]{width:100%;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center}.search-box[data-v-11f9b9c7]{width:100%;height:4.6vh;min-height:33px;margin-bottom:clamp(10px,1.4vh,1.4vh);position:relative}.gray-box.search[data-v-11f9b9c7]{width:100%;height:4.6vh;min-height:33px;padding:var(--padding010);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0}.search-input[data-v-11f9b9c7]{width:590px;background-color:transparent;color:var(--white);text-align:left;font-size:16px}.top-box[data-v-11f9b9c7]{width:100%;margin-bottom:10px;height:35px}.top-box>div[data-v-11f9b9c7],.top-box[data-v-11f9b9c7]{display:flex;justify-content:space-between;align-items:center}.top-box svg[data-v-11f9b9c7]{margin-right:clamp(7px,.6vw,.6vw);cursor:pointer;width:1.3vw;min-width:16px}.default-btn[data-v-11f9b9c7]{width:90px;height:35px;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;border-radius:5px;border:1px solid var(--border-color2);color:var(--border-color2);transition:.3s;cursor:not-allowed}.active.default-btn[data-v-11f9b9c7]{cursor:pointer}.active.red[data-v-11f9b9c7]{border:1px solid var(--red);color:var(--red)}.active.red[data-v-11f9b9c7]:hover{background-color:var(--red);color:#fff}.active.blue[data-v-11f9b9c7]{border:1px solid var(--button-point-color);color:var(--button-point-color);margin-right:10px}.active.blue[data-v-11f9b9c7]:hover{background-color:var(--blue-100);border-color:var(--blue-100);color:#fff}.thumbnail[data-v-11f9b9c7]{width:80px;height:45px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-300)}.thumbnail>img[data-v-11f9b9c7]{width:100%;height:100%}.camera-list[data-v-11f9b9c7]{width:100%;height:585px;overflow:auto;border:1px solid var(--border-color2);border-radius:5px;padding:7px 15px}.camera[data-v-11f9b9c7]{width:100%;height:55px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin:8px 0;cursor:default;background-color:var(--gray-900);border:1px solid transparent;padding:0 10px}.checkbox[data-v-11f9b9c7]{width:19px;height:19px;margin-right:8px}.checkbox svg path[data-v-11f9b9c7]{transition:0s}.checked .checkbox .check-icon[data-v-11f9b9c7]{fill:#fff}.camera.clickable[data-v-11f9b9c7]{cursor:pointer;transition:.3s}.camera.clickable.selected[data-v-11f9b9c7]{border:1px solid var(--blue-100)}.camera.clickable.checked[data-v-11f9b9c7]{background-color:var(--active-background);border:1px solid var(--button-point-color)}.camera.clickable.checked .name h3[data-v-11f9b9c7]:nth-child(2n){color:var(--blue-100)}.camera-info-wrap[data-v-11f9b9c7]{width:440px;height:100%;display:flex;align-items:center;justify-content:space-between}.camera-info-box[data-v-11f9b9c7]{display:flex;align-items:center;width:100%}.name[data-v-11f9b9c7]{color:var(--white);font-size:16px;margin-left:10px;padding-top:3px;width:calc(100% - 175px)}.name>h3[data-v-11f9b9c7]{text-align:left;line-height:20px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:350px;transition:.3s}.name>h3[data-v-11f9b9c7]:nth-child(2n){color:var(--svg-path2)}.save[data-v-11f9b9c7]{display:flex;align-items:center;color:var(--blue-100);font-size:var(--font14);margin-right:clamp(10px,.8vw,.8vw)}.save>img[data-v-11f9b9c7]{margin-right:clamp(3px,.25vw,.25vw);width:1.4vmin;min-width:10px;height:1.4vmin;min-height:10px}.empty-box[data-v-11f9b9c7]{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;color:var(--gray-200);font-size:16px}.empty-box h3[data-v-11f9b9c7]{line-height:22px}.empty-box>div[data-v-11f9b9c7]{width:350px;display:flex;flex-wrap:wrap;justify-content:center}.empty-box button[data-v-11f9b9c7]{margin-top:20px}.small-img[data-v-11f9b9c7]{height:1.8vmin!important;min-height:13px}.blue-btn[data-v-11f9b9c7]{height:40px;border-radius:5px;border:1px solid var(--border-color2);display:flex;align-items:center;background-color:transparent;font-size:16px;color:var(--inactive-text);transition:.3s;padding:0 30px;cursor:not-allowed}.blue-btn.setting[data-v-11f9b9c7]{justify-content:space-between}.blue-btn.move[data-v-11f9b9c7],.blue-btn.upload[data-v-11f9b9c7]{justify-content:center}.blue-btn.upload[data-v-11f9b9c7]{background-color:var(--gray-400);border-color:var(--gray-400);color:var(--gray-200)}.active.blue-btn.upload[data-v-11f9b9c7]{background-color:var(--active-background2);border-color:var(--active-background2);color:#fff}.blue-btn svg[data-v-11f9b9c7]{margin-left:10px}.active.blue-btn[data-v-11f9b9c7]{border-color:var(--button-point-color);color:var(--button-point-color);cursor:pointer}.active.blue-btn svg path[data-v-11f9b9c7]{fill:var(--button-point-color)}svg path[data-v-11f9b9c7]{transition:.3s}.active.blue-btn[data-v-11f9b9c7]:hover{background-color:var(--hover-background3);border-color:var(--hover-background3);color:#fff}.active.blue-btn:hover svg path[data-v-11f9b9c7]{fill:#fff}.active h3[data-v-11f9b9c7]{color:#fff}.remove-btn[data-v-11f9b9c7]{cursor:pointer;z-index:30}.camera .split-box[data-v-11f9b9c7]{padding:0 5px;border:1px solid var(--svg-path2);border-radius:17.5px;min-width:55px;height:25px;color:var(--svg-path2);display:flex;align-items:center;justify-content:space-between;margin-right:10px}.camera .split-box.active[data-v-11f9b9c7]{border-color:var(--button-point-color)}.split-box>div[data-v-11f9b9c7]{display:flex;align-items:center;justify-content:center;height:25px}.split-box>div>h3[data-v-11f9b9c7]{line-height:25px;font-size:14px;padding-left:5px}.split-box.active>div>h3[data-v-11f9b9c7]{color:var(--button-point-color)}.right-box[data-v-11f9b9c7]{display:flex;align-items:center}.datepicker_wrap[data-v-7ffa4249]{height:100%;position:absolute;bottom:-45px;right:0;z-index:1}.datepicker_box[data-v-7ffa4249]{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;border:1px solid #fff;border-radius:8px;background-color:var(--gray-700);padding-bottom:10px}.masking-flex .datepicker_box[data-v-7ffa4249]{background-color:var(--background-color)}.datepicker_btn button[data-v-7ffa4249]{width:100px;height:35px;margin:0 5px;cursor:pointer;background-color:transparent;border:1px solid var(--white);border-radius:5px;color:var(--white);transition:.3s}.datepicker_btn button[data-v-7ffa4249]:hover{background-color:var(--white);color:var(--button-hover-text)}.vc-container{background-color:transparent;border:none}.datepicker-wrap[data-v-58ff093b]{width:100%;z-index:20;display:flex;justify-content:space-between;position:relative}.datepicker-wrap>div[data-v-58ff093b]{display:flex;align-items:center;justify-content:space-between;width:calc(50% - clamp(12px, 1vw, 1vw))}.date-area[data-v-58ff093b]{width:72%;border:1px solid var(--border-color2);border-radius:5px;transition:.3s;position:relative}.date-area.border-white[data-v-58ff093b]{border-color:var(--white)}.date-area.error[data-v-58ff093b]{border:1px solid var(--red);border-radius:5px;box-shadow:0 0 7px 0 var(--red)}.datepicker-wrap h3[data-v-58ff093b]{font-size:var(--font16)}.inactive .datepicker-wrap h3[data-v-58ff093b]{color:var(--gray-200)}.datepicker-box[data-v-58ff093b]{display:flex;width:100%}.date-box[data-v-58ff093b]{width:7.8vw;min-width:100px;display:flex;justify-content:center}.time-box[data-v-58ff093b]{width:2.6vw;min-width:33px;display:flex;justify-content:center;overflow:hidden}.inactive input[data-v-58ff093b]{color:var(--gray-200)}.active input[data-v-58ff093b]{color:var(--white)}.fix-datepicker>div[data-v-58ff093b]{width:calc(50% - 20px)}.fix-datepicker .date-area[data-v-58ff093b]{width:230px}.fix-datepicker h3[data-v-58ff093b]{font-size:16px}.masking-flex[data-v-58ff093b]{flex-direction:column}.masking-flex .date-area[data-v-58ff093b]{border-color:var(--gray-100)}.masking-flex .vc-input-box[data-v-58ff093b]{background-color:transparent;border-color:var(--gray-100);border-right:1px solid var(--gray-100)!important}.masking-flex .vc-popover-btn[data-v-58ff093b]{background-color:transparent;border-color:var(--gray-100)}.masking-flex .title-wrap[data-v-58ff093b]{align-items:flex-start}.masking-flex .title-wrap .title-text[data-v-58ff093b]{height:5.6vh;min-height:40px;display:flex;align-items:center}.masking-flex>div[data-v-58ff093b]{flex-direction:column;width:100%}.masking-flex h3[data-v-58ff093b]{margin-left:clamp(3px,.25vw,.25vw);height:var(--height35)}.masking-flex .date-area[data-v-58ff093b]{width:100%}.masking-time h3[data-v-58ff093b]{color:var(--active-color2)}.masking-time .middle-text[data-v-58ff093b]{color:#fff;height:clamp(20px,2.8vh,2.8vh)}.fix-datepicker.missing-flex>div[data-v-58ff093b]{width:calc(50% - 7.5px)}.fix-datepicker.missing-flex .date-area[data-v-58ff093b]{width:215px}.missing-flex .vc-popover-btn[data-v-58ff093b]{background-color:transparent}.missing-flex .vc-input-box[data-v-58ff093b]{border-color:var(--white)!important;background-color:transparent}.missing-flex .date-area[data-v-58ff093b]{border-color:var(--white)}.missing-flex .date-area.error .vc-input-box[data-v-58ff093b],.missing-flex .date-area.error[data-v-58ff093b]{border-color:var(--red)!important}.datepicker-range .vc-input-wrap{border:none!important}.vc-input-wrap.focus{border-color:var(--white)}.datepicker-range .vc-input-box{border-color:var(--border-color2)!important}.vc-input-box.border-white{border-color:#fff!important}.vc-popover-btn{background-color:var(--gray-500)}.vc-container .vc-title{font-size:var(--font18)}.vc-container .vc-weekday{font-size:var(--font16)}.vc-container .vc-day-content{font-size:var(--font16)}.vc-container .vc-day-content,.vc-highlight{width:1.5vw;min-width:19px;height:1.5vw;min-height:19px}.vc-day{min-height:21px}.vc-base-select select option{background-color:var(--gray-700);color:var(--white)!important}.fix-datepicker .vc-input-wrap{height:40px}.fix-datepicker .vc-input-box{width:calc(100% - 40px);padding:0 10px;font-size:16px}.fix-datepicker .vc-popover-btn{width:40px;height:40px}.fix-datepicker .vc-container .vc-title{font-size:18px}.fix-datepicker .vc-container .vc-weekday{font-size:16px}.fix-datepicker .vc-container .vc-day-content{font-size:16px;width:30px;height:30px}.fix-datepicker .vc-highlight{width:30px;height:30px}.fix-datepicker .vc-day{min-height:32px}.fix-datepicker .vc-highlight-content-solid{border-radius:5px}.fix-datepicker .vc-base-select select{width:100px;height:35px;font-size:13px}.fix-datepicker .vc-time-colon{margin:0 5px}.masking-flex .vc-input-wrap{width:100%!important}.masking-flex .vc-base-select select{width:3.6vw}.masking-flex .vc-popover-caret.direction-bottom.align-left{display:none}.masking-flex .date-area{position:relative}.masking-flex .vc-popover-content-wrapper{transform:translate3d(calc(clamp(193px, 15.1vw, 15.1vw) - clamp(6px, .5vw, .5vw)*2 - clamp(6px, .9vh, .9vh)*2 + 5px),0,0)!important}.masking-flex .vc-popover-content.direction-bottom{margin-top:0}.masking-flex .vc-date-picker-content .vc-container,.masking-flex .vc-popover-content{background-color:var(--background-color)!important}.masking-flex .vc-base-select{border:1px solid var(--border-color);border-radius:5px}.masking-flex .vc-base-icon{stroke:var(--border-color)}.masking-flex .vc-time-day,.masking-flex .vc-time-month{color:var(--active-color)}.missing-flex .vc-date-picker-content .vc-container,.missing-flex .vc-popover-content{background-color:var(--background-color10)}.title[data-v-5037da12]{font-size:18px;margin-right:10px}h1.title[data-v-5037da12],h3[data-v-5037da12],input[data-v-5037da12],textarea[data-v-5037da12]{color:var(--gray-200)!important}.active h1.title[data-v-5037da12],.active h3[data-v-5037da12],.active input[data-v-5037da12],.active textarea[data-v-5037da12]{color:#fff!important}.box[data-v-5037da12]{padding:15px 20px;display:flex;flex-wrap:wrap;align-content:space-between;justify-content:center}.direct-input.readonly[data-v-5037da12]{background-color:var(--gray-500);cursor:not-allowed}.direct-input.readonly[data-v-5037da12]:focus{border-color:var(--border-color2)}.vms-setting-box[data-v-5037da12]{width:715px;height:720px;position:relative;border-right:1px solid var(--border-color2)}.vms-setting-box h3[data-v-5037da12]{font-size:16px}.vms-setting-box>div[data-v-5037da12]{width:100%}.vms-setting-box.inactive [data-v-5037da12]{color:var(--gray-200)}.top-box[data-v-5037da12]{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;height:35px}svg path[data-v-5037da12]{transition:.3s}.top-box>div>svg[data-v-5037da12]{margin-right:10px;cursor:pointer;z-index:50}.active .top-box .init-btn[data-v-5037da12]{color:#fff;border-color:#fff}.top-box>div>svg:hover path[data-v-5037da12]{fill:#fff}.top-box>div[data-v-5037da12]:first-child{display:flex;align-items:center}.top-box .init-btn[data-v-5037da12]{width:90px;height:35px;border-radius:5px;border:1px solid var(--border-color);font-size:16px;font-weight:400;background-color:transparent;color:var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 12px;cursor:pointer;transition:.3s}.top-box .init-btn[data-v-5037da12]:hover{background-color:#fff;color:var(--gray-900)}.active .top-box .init-btn svg path[data-v-5037da12]{fill:#fff}.top-box .init-btn:hover svg path[data-v-5037da12]{fill:var(--gray-900)}.inactive-box[data-v-5037da12]{position:absolute;top:0;left:0;height:100%;background-color:transparent;z-index:30;cursor:not-allowed}.camera-title[data-v-5037da12]:-moz-read-only{border:none}.camera-title[data-v-5037da12]:read-only{border:none}.edit-item[data-v-5037da12]{position:relative;display:flex;justify-content:space-between;align-items:center;width:47%;min-width:205px;height:40px}.edit-item>div[data-v-5037da12]{width:230px}.edit-item.title-box .gray-box[data-v-5037da12]{width:29.7vw}.edit-item.title-box[data-v-5037da12]{width:100%}.gray-box[data-v-5037da12]::-moz-placeholder{color:var(--inactive-text2)}.gray-box[data-v-5037da12]::placeholder{color:var(--inactive-text2)}.square-gray-box.edit[data-v-5037da12]{width:100%;height:180px;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;padding:15px}.online .square-gray-box.edit[data-v-5037da12]{height:226px!important}.online-status[data-v-5037da12]{display:flex;align-items:center;justify-content:flex-start;height:32px}.online-status h3[data-v-5037da12]{line-height:100%;white-space:nowrap;color:var(--blue-100)!important}.small-div[data-v-5037da12]{height:15px;width:1px!important;background-color:var(--blue-100);margin:0 8px}.edit .gray-box[data-v-5037da12]{width:230px;height:40px;text-align:left;font-size:16px;font-weight:400}input[type=text][data-v-5037da12]{cursor:text;padding:10px}.square-gray-box[data-v-5037da12]{cursor:default}.square-gray-box.add[data-v-5037da12]{display:flex;padding:15px;justify-content:space-between}.square-gray-box.add .edit-item[data-v-5037da12]{width:30%;min-width:140px}.square-gray-box.add .gray-box[data-v-5037da12]{width:100px;height:40px;text-align:left;display:flex;justify-content:space-between;font-size:16px;color:#fff}.textarea-box[data-v-5037da12]{height:215px}.online .textarea-box[data-v-5037da12]{height:169px}.textarea-box textarea[data-v-5037da12]{width:100%;height:100%;resize:none;background-color:transparent;padding:clamp(6px,.9vh,.9vh) clamp(10px,.8vw,.8vw);text-align:left;line-height:1.8vh;border:none;font-size:16px}.combo-box[data-v-5037da12]{z-index:25}.combo-box.place[data-v-5037da12]{z-index:35}.arrow-img[data-v-5037da12]{position:relative}.arrow-img.active[data-v-5037da12]{content:url(/img/arrow_active.41d6abe7.svg)}.direct-input[data-v-5037da12]:focus{border-color:var(--white);transition:.3s}.blue-btn[data-v-5037da12]{height:40px;padding:0 35px;border:1px solid var(--gray-300);border-radius:5px;font-size:16px;color:var(--gray-200);font-weight:400;background-color:transparent;transition:.3s;cursor:not-allowed}.active .blue-btn.clickable[data-v-5037da12]{border-color:var(--button-point-color);color:var(--button-point-color);cursor:pointer}.active .blue-btn.clickable[data-v-5037da12]:hover{background-color:var(--button-point-color);color:#fff;cursor:pointer}.no-access-btn[data-v-5037da12]{border:1px solid var(--gray-300)!important;cursor:not-allowed!important}.no-access-btn[data-v-5037da12],.no-access-btn[data-v-5037da12]:hover{background-color:var(--gray-700)!important;color:var(--gray-200)!important}.split-checkbox[data-v-5037da12]{padding:10px;height:35px;border:1px solid #fff;border-radius:5px;display:flex;align-items:center;cursor:pointer;transition:.3s;margin-right:10px}.split-checkbox.active[data-v-5037da12]{border-color:var(--button-point-color)}.split-checkbox h3[data-v-5037da12]{transition:.3s}.split-checkbox.active>h3[data-v-5037da12]{color:var(--button-point-color)!important}.checkbox[data-v-5037da12]{width:15px;height:15px;border:1px solid #fff;border-radius:2px;margin-right:8px;display:flex;align-items:center;justify-content:center;transition:.3s}.split-checkbox.active .checkbox[data-v-5037da12]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.check-icon[data-v-5037da12]{transition:.3s;opacity:0}.split-checkbox.active .check-icon[data-v-5037da12]{opacity:1}.button-wrap[data-v-5037da12]{display:flex;position:relative;align-items:center}.approve-btn-box[data-v-5037da12]{padding:0 10px;display:flex;position:relative}.approve-btn-box h3[data-v-5037da12]{font-size:var(--font16);font-weight:500}.approve-btn[data-v-5037da12]{width:65px;height:30px;border-radius:22px;background-color:var(--gray-500);color:var(--inactive-background);position:relative;display:flex;justify-content:space-between;align-items:center;padding:2px;margin-left:10px}.approve-btn.active[data-v-5037da12]{background-color:var(--blue-100);color:var(--white)}.approve-btn h2[data-v-5037da12]{font-size:15px;font-weight:600;position:absolute;cursor:default}.approve-on[data-v-5037da12]{left:7px}.approve-off[data-v-5037da12]{right:7px}.circle-btn[data-v-5037da12]{width:26px;height:26px;background-color:var(--inactive-background);border-radius:50%;box-shadow:0 0 6px 0 var(--box-shadow);position:absolute;top:2px;left:2px;transition:.3s;cursor:pointer}.circle-btn.active[data-v-5037da12]{background-color:var(--white);left:37px}.tooltip-box[data-v-5037da12]{padding:0 10px;height:30px;border:1px solid var(--button-point-color);border-radius:5px;background-color:var(--gray-700);position:absolute;bottom:-35px;right:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s;z-index:30;white-space:nowrap}.tooltip-box.show[data-v-5037da12]{opacity:1}.tooltip-box>h3[data-v-5037da12]{color:#fff}.split-duration[data-v-5037da12]{width:90px;position:relative;height:35px;margin-right:10px}.datepicker-wrap h3{color:#fff;font-size:16px}.vc-input-wrap{height:40px}.vc-input-box{color:#fff;font-size:16px}.popover-gray[data-v-0bbddfec]{max-width:1390px;height:760px;display:flex;flex-wrap:wrap;position:relative}.upload-btn-box[data-v-0bbddfec]{width:100%;display:flex;justify-content:center;align-items:center}.popover-header[data-v-0bbddfec]{display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 16px;height:40px}.popover-header h1[data-v-0bbddfec]{font-size:15px}.dark-btn[data-v-0bbddfec]{font-size:16px;border-radius:var(--border-radius5);height:var(--height35);cursor:not-allowed;color:var(--gray-200);display:flex;align-items:center;justify-content:center;padding:0 clamp(6px,.5vw,.5vw);transition:.3s}.dark-btn svg[data-v-0bbddfec]{width:1vw;min-width:12px;margin-left:clamp(6px,.5vw,.5vw)}.dark-btn.list[data-v-0bbddfec]{justify-content:space-between}.dark-btn.active[data-v-0bbddfec]{color:var(--blue-100);cursor:pointer}.dark-btn.active[data-v-0bbddfec]:hover{color:var(--white)}.dark-btn svg path[data-v-0bbddfec]{transition:.3s}.dark-btn.active svg path[data-v-0bbddfec]{fill:var(--blue-100)}.dark-btn.active:hover svg path[data-v-0bbddfec]{fill:var(--white)}.loading-box[data-v-0bbddfec]{position:absolute;bottom:0;width:100%;height:calc(100% - 45px);display:flex;z-index:50;background-color:var(--popover-background)}.spinner-area[data-v-0bbddfec]{width:var(--height40);height:var(--height40);margin:auto}.spinner[data-v-0bbddfec]{margin:auto;width:100%;height:100%;border:.3vmin solid hsla(0,0%,100%,.3);box-sizing:border-box;border-top-color:#fff;border-radius:100%;animation:spin-0bbddfec 1s ease-in-out infinite}@keyframes spin-0bbddfec{to{transform:rotate(1turn)}}.popup-background[data-v-72f5e07d]{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:var(--popover-background);z-index:100000;display:flex;align-items:center;justify-content:center}.popup-box[data-v-72f5e07d]{position:relative;flex-direction:column;justify-content:center;width:635px;height:615px;border-radius:10px;border:1px solid var(--border-color2);background:var(--gray-700);font-family:inherit;text-align:center;box-shadow:0 clamp(2.5px,.2vw,.2vw) .4vh 0 #00000040}.popup-box h1[data-v-72f5e07d]{color:#fff;font-size:18px;font-weight:600}.title-area[data-v-72f5e07d]{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 20px}.popup-box input[data-v-72f5e07d]{width:calc(100% - 40px);height:40px;background:transparent;border:1px solid var(--border-color2);border-radius:5px;text-align:left;padding:10px;margin:0 20px;font-size:16px;box-sizing:border-box;color:#fff}.popup-box input.active[data-v-72f5e07d],.popup-box input[data-v-72f5e07d]:focus{border-color:#fff}.popup-box input[data-v-72f5e07d]::-moz-placeholder{color:var(--inactive-text)}.popup-box input[data-v-72f5e07d]::placeholder{color:var(--inactive-text)}.list-title[data-v-72f5e07d]{height:75px;display:flex;align-items:center;justify-content:space-between;padding:30px 20px 10px 20px}.list-title h2[data-v-72f5e07d]{margin-left:10px;font-size:16px;color:#90959e}.title-text[data-v-72f5e07d]{display:flex}.btn-area[data-v-72f5e07d]{display:flex;align-items:center}.list-title button[data-v-72f5e07d]{width:90px;height:35px;border:1px solid var(--button-point-color);background-color:transparent;color:var(--button-point-color);border-radius:5px;cursor:pointer;transition:.3s;margin-left:10px;font-size:16px;line-height:16px}.list-title button[data-v-72f5e07d]:hover{background-color:var(--blue-100);border-color:var(--blue-100);color:#fff}.delete-all[data-v-72f5e07d]{border-color:var(--red)!important;color:var(--red)!important}.delete-all[data-v-72f5e07d]:hover{background-color:var(--red)!important;color:#fff!important}.list-area[data-v-72f5e07d]{padding:0 10px 0 20px;height:370px;overflow-x:hidden}.list-content[data-v-72f5e07d]{width:100%;height:55px;border:1px solid var(--border-color2);border-radius:5px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:10px;cursor:pointer}.thumbnail[data-v-72f5e07d]{width:80px;height:45px;margin:5px 10px 5px 5px;background-color:var(--gray-900);display:flex;align-items:center;justify-content:center}.list-content img[data-v-72f5e07d]{width:100%;height:100%}.list-content .no-thumbnail[data-v-72f5e07d]{width:18px;height:18px}.list-content h3[data-v-72f5e07d]{font-size:16px;color:#fff;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:calc(100% - 110px)}.list-content.check[data-v-72f5e07d]{background-color:var(--active-background4);border-color:var(--button-point-color)}.bottom-box[data-v-72f5e07d]{height:75px;width:100%;border-top:1px solid var(--border-color2);display:flex;align-items:center;justify-content:center;position:relative}.gradient-area[data-v-72f5e07d]{background:linear-gradient(180deg,rgba(37,39,42,0) 0,var(--gray-700) 105%);position:absolute;width:100%;height:1.4vh;min-height:10px;top:calc(clamp(10.8px, 1.5vh, 1.5vh)*-1);left:0}.bottom-box button[data-v-72f5e07d]{height:35px;font-size:16px;cursor:not-allowed;padding:0 clamp(10px,.8vw,.8vw);border-color:var(--inactive-text);color:var(--inactive-text)}.dark-btn.active[data-v-72f5e07d]{cursor:pointer!important;border-radius:5px;border-color:var(--border-color3);color:var(--border-color3)}.dark-btn.active[data-v-72f5e07d]:hover{border-color:var(--blue-100)}.gray-fill-box.left[data-v-75c4a93c]{width:15.1vw;min-width:193px}.gray-box[data-v-75c4a93c]{height:var(--height40);background-color:var(--gray-400);display:flex;justify-content:space-between;align-items:center}.gray-fill-box .top-box[data-v-75c4a93c]{padding:0 clamp(10px,.8vw,.8vw) 0 clamp(12px,1vw,1vw);background-color:var(--gray-400);border-top-right-radius:var(--border-radius5);border-top-left-radius:var(--border-radius5)}.upload-box[data-v-75c4a93c]{height:var(--height40);background-color:transparent;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid #fff;border-radius:var(--border-radius5);cursor:pointer;margin-top:var(--forteenpx)}.upload-box h3[data-v-75c4a93c]{font-size:var(--font14)}.upload-box.active[data-v-75c4a93c],.upload-box[data-v-75c4a93c]:hover{transition:.3s;color:var(--blue-100);border-color:var(--blue-100)}.menu-box[data-v-75c4a93c]{background-color:transparent;border-radius:var(--border-radius5);margin-bottom:clamp(4px,.5vh,.5vh);height:var(--height45);cursor:pointer;overflow:hidden}.menu-top-box[data-v-75c4a93c]{display:flex;height:var(--height45);align-items:center;justify-content:space-between;padding:0 clamp(9px,.73vw,.73vw);border-bottom:1px solid var(--border-color4);transition:.3s}.menu-top-box h1[data-v-75c4a93c]{font-size:var(--font16);color:var(--white);margin-left:var(--tenpx)}.menu-top-box[data-v-75c4a93c]:hover{background-color:var(--gray-700)}.menu-box.active[data-v-75c4a93c]{height:auto;background-color:var(--gray-700)}.menu-box.active .menu-top-box h1[data-v-75c4a93c]{color:var(--white)}.menu-back[data-v-75c4a93c],.menu-front[data-v-75c4a93c]{display:flex;align-items:center}.active .menu-back[data-v-75c4a93c]{transform:rotate(180deg)}.active .menu-back svg path[data-v-75c4a93c]{fill:var(--white)}.menu-bototm-box[data-v-75c4a93c]{padding:var(--forteenpx)}.menu-list-box[data-v-75c4a93c]{width:100%}.menu-list-box>div[data-v-75c4a93c]:last-child{margin-bottom:0}.menu[data-v-75c4a93c]{height:var(--height40);justify-content:space-between;padding:0 var(--forteenpx);color:var(--inactive-text);border-radius:var(--border-radius5);transition:.3s;margin-bottom:var(--tenpx);cursor:pointer;background-color:var(--gray-700)}.menu>div[data-v-75c4a93c],.menu[data-v-75c4a93c]{display:flex;align-items:center}.sub-menu-area[data-v-75c4a93c]{flex-direction:column;border:none;border-radius:var(--border-radius5);overflow:hidden}.sub-menu-area.active[data-v-75c4a93c]{height:auto}.playlist-menu h3[data-v-75c4a93c]{color:var(--inactive-text);transition:.3s}.playlist-add-btn[data-v-75c4a93c]{width:1.3vw;min-width:16px;height:2.3vh;min-height:16px;margin-left:var(--tenpx);border-radius:var(--border-radius5);display:flex;align-items:center;justify-content:center;transition:.3s}.playlist-title:hover .playlist-add-btn[data-v-75c4a93c]{background-color:var(--gray-700)}.playlist-title svg path[data-v-75c4a93c]{transition:.3s;fill:var(--svg-path)}.playlist-menu.active .playlist-add-btn[data-v-75c4a93c]{background-color:var(--gray-700)}.menu h3[data-v-75c4a93c],.playlist-menu h3[data-v-75c4a93c]{font-size:var(--font14)}.menu.active[data-v-75c4a93c],.menu[data-v-75c4a93c]:hover,.playlist-menu.active[data-v-75c4a93c],.playlist-menu[data-v-75c4a93c]:hover{background-color:var(--gray-400);color:var(--white)}.playlist-menu.active h3[data-v-75c4a93c],.playlist-menu:hover h3[data-v-75c4a93c]{color:var(--white)}.menu.active .icon-box svg path[data-v-75c4a93c],.menu:hover .icon-box svg path[data-v-75c4a93c],.playlist-menu.active .icon-box svg path[data-v-75c4a93c],.playlist-menu:hover .icon-box svg path[data-v-75c4a93c]{fill:var(--white)}.playlist-menu[data-v-75c4a93c]{display:flex;flex-direction:column;color:var(--gray-100);border-radius:var(--border-radius5);transition:.3s;margin-bottom:clamp(4px,.5vh,.5vh);cursor:pointer;background-color:var(--gray-700)}.playlist-title>div[data-v-75c4a93c]{display:flex;align-items:center;justify-content:center}.playlist-title[data-v-75c4a93c]{padding:0 var(--forteenpx);height:var(--height45);display:flex;justify-content:space-between;align-items:center;position:relative}.playlist-click[data-v-75c4a93c]{position:absolute;width:100%;height:100%;top:0;left:0}.playlist-add[data-v-75c4a93c]{position:relative;z-index:1}.playlist-area[data-v-75c4a93c]{padding:0 var(--forteenpx) var(--forteenpx) var(--forteenpx);border-radius:var(--border-radius5);max-height:calc(clamp(26px, 3.7vh, 3.7vh)*5 + clamp(4px, .5vh, .5vh)*6);overflow-x:hidden}.playlist-content[data-v-75c4a93c]{display:flex;align-items:center;justify-content:space-between;height:var(--height40);position:relative;border-radius:var(--border-radius5);transition:.3s;margin:clamp(4px,.93vh,.93vh) 0 0 0}.list-click-area[data-v-75c4a93c]{width:100%;height:100%;position:absolute;box-sizing:border-box;top:0;left:0}.list-info[data-v-75c4a93c]{display:flex;align-items:center;margin-left:clamp(9px,.75vw,.75vw)}.list-info h3[data-v-75c4a93c]{width:7vw;color:var(--gray-100);font-size:var(--font12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;transition:.3s}.list-info svg[data-v-75c4a93c],.playlist-add svg[data-v-75c4a93c]{width:2vmin;min-width:14px;height:2vmin;min-height:14px}.list-info svg path[data-v-75c4a93c]{transition:.3s}.playlist-content.active[data-v-75c4a93c],.playlist-content[data-v-75c4a93c]:hover{background-color:var(--active-background3)}.playlist-content.active .list-btn[data-v-75c4a93c],.playlist-content:hover .list-btn[data-v-75c4a93c]{opacity:1}.playlist-content.active .list-info h3[data-v-75c4a93c],.playlist-content:hover .list-info h3[data-v-75c4a93c]{color:#fff}.playlist-content.active .list-info svg path[data-v-75c4a93c],.playlist-content:hover .list-info svg path[data-v-75c4a93c]{fill:#fff}.list-btn[data-v-75c4a93c]{display:flex;align-items:center;justify-content:center;margin-right:clamp(6px,.5vw,.5vw);z-index:1;transition:opacity .3s ease-in-out;opacity:0}.list-btn svg[data-v-75c4a93c]{margin-left:clamp(3px,.25vw,.25vw);width:2vmin;min-width:14px;height:2vmin;min-height:14px}.list-btn svg path[data-v-75c4a93c],.list-btn svg rect[data-v-75c4a93c]{transition:.3s}.edit-svg:hover rect[data-v-75c4a93c]{stroke:var(--border-color3)}.edit-svg:hover path[data-v-75c4a93c]{fill:var(--border-color3)}.delete-svg:hover rect[data-v-75c4a93c]{stroke:#ff7575}.delete-svg:hover path[data-v-75c4a93c]{fill:#ff7575}.my-scroll[data-v-75c4a93c]::-webkit-scrollbar{width:clamp(4.5px,.35vw,.35vw);min-width:4px}.my-scroll[data-v-75c4a93c]::-webkit-scrollbar-thumb{background-color:#2d2f32;border:1px solid transparent}.military .my-scroll[data-v-75c4a93c]::-webkit-scrollbar-thumb{background-color:#283229}.menu-wrap[data-v-75c4a93c]{height:calc(100% - var(--height65));padding:var(--padding10);background-color:var(--gray-400);width:100%;border-bottom-right-radius:var(--border-radius5);border-bottom-left-radius:var(--border-radius5)}.sub-menu-title[data-v-75c4a93c]{display:flex;align-items:center;height:var(--height40);width:100%}.sub-menu-list[data-v-75c4a93c]{display:none!important;flex-direction:column;width:100%;padding-bottom:var(--forteenpx)}.sub-menu[data-v-75c4a93c]{height:var(--height35);width:100%;display:flex;align-items:center;margin-bottom:var(--tenpx);border-radius:var(--border-radius5);padding:0 clamp(7px,.6vw,.6vw);transition:.3s}.sub-menu h4[data-v-75c4a93c]{font-size:var(--font13);color:var(--inactive-text);transition:.3s}.sub-menu.active h4[data-v-75c4a93c],.sub-menu:hover h4[data-v-75c4a93c]{color:var(--white)}.sub-menu.active[data-v-75c4a93c],.sub-menu[data-v-75c4a93c]:hover{background-color:var(--active-background3)}.sub-menu[data-v-75c4a93c]:last-child{margin-bottom:0}.sub-menu-area.active .sub-menu-list[data-v-75c4a93c]{display:flex!important}.page-control[data-v-4390e0f2]{position:absolute;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.page-number[data-v-4390e0f2]{width:3.25vh;min-width:23px;height:3.25vh;min-height:23px;border:none;margin:var(--margin05);cursor:pointer;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--gray-700);border-radius:var(--border-radius5)}.page-number h2[data-v-4390e0f2]{color:#fff;font-weight:400;width:100%;cursor:pointer;position:absolute;font-size:var(--font13)}.curr-page-number[data-v-4390e0f2]{width:3.25vh;min-width:23px;height:3.25vh;min-height:23px;background-color:var(--blue-100);margin:var(--margin05);cursor:default}.curr-page-number h2[data-v-4390e0f2]{color:#fff;width:100%;cursor:default}.page-box[data-v-4390e0f2]{width:3.25vh;min-width:23px;height:3.25vh;min-height:23px;border:none;margin:var(--margin05);cursor:pointer;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--gray-700);border-radius:var(--border-radius5)}.page-box svg[data-v-4390e0f2]{height:1.2vmin}.page-box svg path[data-v-4390e0f2]{fill:var(--svg-path3)}.popup-background[data-v-3c6223eb]{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:var(--popover-background);z-index:100000;display:flex;align-items:center;justify-content:center}.popup-box[data-v-3c6223eb]{position:relative;box-sizing:border-box;width:360px;height:360px;border-radius:10px;border:1px solid #fff;background:var(--popup-background);font-family:inherit;text-align:center}.gray-fill-box .top-box[data-v-3c6223eb]{height:65px;border:none}.top-box[data-v-3c6223eb]{height:55px;display:flex;align-items:center;justify-content:flex-start!important}.top-box h3[data-v-3c6223eb]{color:var(--white);font-size:18px;padding-left:10px}textarea[data-v-3c6223eb]{background-color:transparent;border:none;resize:none;width:100%;height:215px;border:1px solid var(--percentage-background);text-align:left;padding:10px 15px;color:var(--white);font-size:15px}textarea[data-v-3c6223eb]::-moz-placeholder{color:var(--gray-100)}textarea[data-v-3c6223eb]::placeholder{color:var(--gray-100)}textarea.readonly[data-v-3c6223eb]{cursor:default}textarea.readonly[data-v-3c6223eb]::-moz-placeholder{visibility:hidden}textarea.readonly[data-v-3c6223eb]::placeholder{visibility:hidden}.bottom-box[data-v-3c6223eb]{height:75px;padding:10px 15px 20px 15px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center}.bottom-box button[data-v-3c6223eb]{width:90px;height:35px;margin:0 5px;color:var(--popup-button-text)}.bottom-box button[data-v-3c6223eb]:hover{color:var(--white)}.info-text[data-v-3c6223eb]{width:100%;text-align:left;color:var(--blue-100);font-size:15px;font-weight:400;line-height:15px}.memo-icon[data-v-3c6223eb]{width:20px;height:20px}.gray-fill-btn[data-v-3c6223eb]{font-size:16px}p[data-v-4685be72]{color:#fff;cursor:pointer}.library-box[data-v-4685be72]{margin:auto;margin-bottom:clamp(6px,.9vh,.9vh);display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;height:calc(100% - clamp(31px, 4.2vh, 4.2vh))}.no-list-box[data-v-4685be72]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.no-list-box h2[data-v-4685be72]{font-size:var(--font18);color:var(--gray-100)}.thumbnail-box[data-v-4685be72]{width:100%;height:15.3vh;min-height:110px;cursor:pointer;position:relative}.pct-box[data-v-4685be72]{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--gray-900);cursor:default}.thumbnail-box h2[data-v-4685be72],.thumbnail-box h4[data-v-4685be72]{font-size:var(--font18);font-weight:400;color:#fff}.play-icon-box[data-v-4685be72]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--height45);height:var(--height45);background:hsla(0,0%,100%,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.play-opacity[data-v-4685be72]{position:absolute;width:100%;height:100%;background-color:var(--gray-700);opacity:0;top:0;transition:.3s}.video-box:hover .play-opacity[data-v-4685be72]{opacity:.2}.play-icon-box>img[data-v-4685be72]{width:.7vw;min-width:9px}.video-thumbnail[data-v-4685be72]{width:100%;height:100%;border:1px solid var(--gray-700)}.video-box[data-v-4685be72]{margin:var(--margin5);border:1px solid transparent;width:calc(25% - clamp(6px, .5vw, .5vw));color:var(--white);cursor:default;position:relative;transition:.3s}.video-box[data-v-4685be72]:hover{border-color:var(--white);box-shadow:0 clamp(12px,1vw,1vw) clamp(4px,.6vh,.6vh) calc(clamp(6px, .5vw, .5vw)*-1) rgba(0,0,0,.45)}.check-box[data-v-4685be72]{width:1.8vmin;min-width:13px;height:1.8vmin;min-height:13px;border:2px solid transparent;border-radius:clamp(2px,.2vmin,.2vmin);transition:.3s;display:flex;justify-content:center;align-items:center}.check-box.show[data-v-4685be72]{border-color:var(--white)}.check-box>img[data-v-4685be72]{display:none}.active .check-box>img[data-v-4685be72]{display:block;width:90%}.video-box.active[data-v-4685be72]{border-color:var(--blue-100);box-shadow:var(--box-shadow-total)}.video-box:hover .check-box[data-v-4685be72]{border-color:var(--white)}.video-box.active .check-box[data-v-4685be72]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.video-check-box[data-v-4685be72]{position:absolute;width:auto;top:0;left:0;display:flex;justify-content:space-between;align-content:flex-start;line-height:clamp(12px,1.7vh,1.7vh);cursor:default;padding:var(--padding10);z-index:5;cursor:pointer}.video-check-box img[data-v-4685be72]{cursor:pointer}.video-info-box[data-v-4685be72]{display:flex;flex-wrap:wrap;background-color:var(--gray-700);padding:clamp(4px,.5vh,.5vh) clamp(6px,.5vw,.5vw);height:clamp(73px,10.2vh,10.2vh);align-items:space-around}.video-info-box>div[data-v-4685be72]{width:100%;height:2.3vh;min-height:16px;display:flex;align-items:center;font-size:var(--font14)}.video-info-box .left[data-v-4685be72]{width:5vw;min-width:71px;display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.video-info-box .right[data-v-4685be72]{width:calc(100% - clamp(71px, 5vw, 5vw))}.period-right[data-v-4685be72],.video-info-box .right[data-v-4685be72]{color:var(--white);padding:var(--padding010)}.info-div h2[data-v-4685be72]{color:var(--gray-200);padding:0 clamp(6px,.5vw,.5vw) 0 0}.size-left[data-v-4685be72]{display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.size-right[data-v-4685be72]{color:var(--white);padding:var(--padding010)}.video-info-box .right h2[data-v-4685be72]{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memo-box[data-v-4685be72]{position:absolute;right:clamp(6px,.9vmin,.9vmin);bottom:clamp(6px,.9vmin,.9vmin);width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;border:1px solid var(--blue-100);border-radius:var(--border-radius5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.memo-box[data-v-4685be72]:hover{background-color:var(--blue-100)}.memo-box svg[data-v-4685be72]{width:1.4vmin;min-width:10px;height:1.4vmin;min-height:10px}.memo-box svg path[data-v-4685be72]{transition:.3s}.memo-box:hover svg path[data-v-4685be72]{fill:var(--white)}.page-area[data-v-4685be72]{position:relative;height:var(--height35);width:100%}.func-wrap[data-v-4685be72]{position:absolute;width:22.9vw;min-width:293px;height:4.6vh;min-height:33px;background-color:var(--blue-100);border-radius:var(--border-radius5);bottom:clamp(6px,.9vh,.9vh);right:clamp(6px,.5vw,.5vw);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(3px,.25vw,.25vw) 0 clamp(6px,.5vw,.5vw);z-index:5;box-shadow:0 clamp(3px,.25vw,.25vw) clamp(6px,.9vh,.9vh) 0 rgba(0,0,0,.45)}.func-wrap h3[data-v-4685be72]{font-size:var(--font16)}.func-wrap img[data-v-4685be72]{width:2.3vmin;min-width:16px;height:2.3vmin;min-height:16px}.func-wrap>div[data-v-4685be72]{display:flex;color:var(--white);align-items:center}.func-wrap>div>img[data-v-4685be72]{margin-right:var(--margin-r10);cursor:pointer}.func-box[data-v-4685be72]{width:2.8vmin;min-width:20px;height:2.8vmin;min-height:20px;border-radius:var(--border-radius5);border:1px solid var(--white);display:flex;align-items:center;justify-content:center;margin:var(--margin05);cursor:pointer;transition:.3s}.func-box svg[data-v-4685be72]{width:1.7vmin;min-width:12px;height:1.7vmin;min-height:12px}.playlist-icon svg[data-v-4685be72]{width:2.1vmin;min-width:15px;height:2.1vmin;min-height:15px}.func-box[data-v-4685be72]:hover{background-color:var(--white)}.func-box svg path[data-v-4685be72]{transition:.3s}.func-box:hover svg path[data-v-4685be72]{fill:var(--blue-100)}.retry-button[data-v-4685be72]{padding:.5vmin 1vmin;margin-top:.5vmin;font-size:var(--font14)}.share-box[data-v-4685be72]{position:absolute;right:calc(clamp(20px, 2.8vh, 2.8vh) + clamp(6px, .9vmin, .9vmin) + clamp(6px, .5vw, .5vw));bottom:clamp(6px,.9vmin,.9vmin);width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;border:1px solid #393a3f;border-radius:var(--border-radius5);background-color:#393a3f;cursor:pointer;transition:.3s}.share-box[data-v-4685be72]:hover{background-color:transparent;border-color:#fff}.share-icon-box[data-v-4685be72]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.share-icon-box img[data-v-4685be72]{width:.9vw;min-width:12px}.share-box:hover .share-info-box[data-v-4685be72]{opacity:1;z-index:5}.share-info-box[data-v-4685be72]{position:absolute;right:0;top:clamp(21px,3vh,5vh);z-index:-1;transition:.3s;opacity:0;padding:clamp(4px,.5vh,.5vh) clamp(6px,.5vw,.5vw);background-color:var(--gray-700);border:1px solid #fff;border-radius:var(--border-radius5);height:2.8vh;display:flex;align-items:center;justify-content:center}.share-info-box>div[data-v-4685be72]{width:1px;height:1.3vh;border:1px solid #575d64;margin:0 clamp(6px,.5vw,.5vw)}.share-info-box h3[data-v-4685be72]{font-size:var(--font15);white-space:nowrap}.share-info-box h3[data-v-4685be72]:first-child{color:#fff}p[data-v-601e10d6]{color:#fff;cursor:pointer}.library-box[data-v-601e10d6]{margin:auto;margin-bottom:clamp(6px,.9vh,.9vh);display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;height:calc(100% - clamp(31px, 4.2vh, 4.2vh))}.no-list-box[data-v-601e10d6]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.no-list-box h2[data-v-601e10d6]{font-size:var(--font18);color:var(--gray-100)}.thumbnail-box[data-v-601e10d6]{width:100%;height:15.3vh;min-height:110px;cursor:pointer;position:relative}.pct-box[data-v-601e10d6]{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--gray-900)}.thumbnail-box h2[data-v-601e10d6],.thumbnail-box h4[data-v-601e10d6]{font-size:var(--font18);font-weight:400;color:#fff}.play-icon-box[data-v-601e10d6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--height45);height:var(--height45);background:hsla(0,0%,100%,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.play-opacity[data-v-601e10d6]{position:absolute;width:100%;height:100%;background-color:var(--gray-700);opacity:0;top:0;transition:.3s}.video-box:hover .play-opacity[data-v-601e10d6]{opacity:.2}.play-icon-box>img[data-v-601e10d6]{width:.7vw;min-width:9px}.video-thumbnail[data-v-601e10d6]{width:100%;height:100%;border:1px solid var(--gray-700)}.video-box[data-v-601e10d6]{margin:var(--margin5);border:1px solid transparent;width:calc(25% - clamp(6px, .5vw, .5vw));color:var(--white);cursor:default;position:relative;transition:.3s}.video-box[data-v-601e10d6]:hover{border-color:var(--white);box-shadow:0 clamp(12px,1vw,1vw) clamp(4px,.6vh,.6vh) calc(clamp(6px, .5vw, .5vw)*-1) rgba(0,0,0,.45)}.check-box[data-v-601e10d6]{width:1.8vmin;min-width:13px;height:1.8vmin;min-height:13px;border:2px solid transparent;border-radius:clamp(2px,.2vmin,.2vmin);transition:.3s;display:flex;justify-content:center;align-items:center}.check-box.show[data-v-601e10d6]{border-color:var(--white)}.check-box>img[data-v-601e10d6]{display:none;width:90%}.active .check-box>img[data-v-601e10d6]{display:block}.video-box.active[data-v-601e10d6]{border-color:var(--blue-100);box-shadow:var(--box-shadow-total)}.video-box:hover .check-box[data-v-601e10d6]{border-color:var(--white)}.video-box.active .check-box[data-v-601e10d6]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.video-title-box[data-v-601e10d6]{position:absolute;width:auto;top:0;left:0;display:flex;justify-content:space-between;align-content:flex-start;line-height:clamp(12px,1.7vh,1.7vh);cursor:default;padding:var(--padding10);z-index:5;cursor:pointer}.video-title-box img[data-v-601e10d6]{cursor:pointer}.video-info-box[data-v-601e10d6]{display:flex;flex-wrap:wrap;background-color:var(--gray-700);padding:clamp(4px,.5vh,.5vh) clamp(6px,.5vw,.5vw);height:clamp(73px,10.2vh,10.2vh)}.video-info-box>div[data-v-601e10d6]{width:100%;height:2.3vh;min-height:16px;display:flex;align-items:center;font-size:var(--font14)}.video-info-box .left[data-v-601e10d6]{width:5vw;min-width:71px;display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.video-info-box .right[data-v-601e10d6]{width:calc(100% - clamp(71px, 5vw, 5vw))}.period-right[data-v-601e10d6],.video-info-box .right[data-v-601e10d6]{color:var(--white);padding:var(--padding010)}.info-div h2[data-v-601e10d6]{color:var(--gray-200);padding:0 clamp(6px,.5vw,.5vw) 0 0}.size-left[data-v-601e10d6]{display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.size-right[data-v-601e10d6]{color:var(--white);padding:var(--padding010)}.video-info-box .right h2[data-v-601e10d6]{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memo-box[data-v-601e10d6]{position:absolute;right:clamp(6px,.9vmin,.9vmin);bottom:clamp(6px,.9vmin,.9vmin);width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;border:1px solid var(--blue-100);border-radius:var(--border-radius5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.memo-box[data-v-601e10d6]:hover{background-color:var(--blue-100)}.memo-box svg[data-v-601e10d6]{width:1.4vmin;min-width:10px;height:1.4vmin;min-height:10px}.memo-box svg path[data-v-601e10d6]{transition:.3s}.memo-box:hover svg path[data-v-601e10d6]{fill:var(--white)}.page-area[data-v-601e10d6]{position:relative;height:var(--height35);width:100%}.func-wrap[data-v-601e10d6]{position:absolute;width:22.9vw;min-width:293px;height:4.6vh;min-height:33px;background-color:var(--blue-100);border-radius:var(--border-radius5);bottom:clamp(6px,.9vh,.9vh);right:clamp(6px,.5vw,.5vw);display:flex;align-items:center;justify-content:space-between;padding:clamp(6px,.9vh,.9vh) clamp(3px,.25vw,.25vw) clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);z-index:5;box-shadow:0 clamp(3px,.25vw,.25vw) clamp(6px,.9vh,.9vh) 0 rgba(0,0,0,.45)}.func-wrap h3[data-v-601e10d6]{font-size:var(--font16)}.func-wrap img[data-v-601e10d6]{width:2.3vmin;min-width:16px;height:2.3vmin;min-height:16px}.func-wrap>div[data-v-601e10d6]{display:flex;color:var(--white);align-items:center}.func-wrap>div>img[data-v-601e10d6]{margin-right:var(--margin-r10);cursor:pointer}.func-box[data-v-601e10d6]{width:2.8vmin;min-width:20px;height:2.8vmin;min-height:20px;border-radius:var(--border-radius5);border:1px solid var(--white);display:flex;align-items:center;justify-content:center;margin:var(--margin05);cursor:pointer;transition:.3s}.func-box[data-v-601e10d6]:hover{background-color:var(--white)}.func-box svg[data-v-601e10d6]{width:1.7vmin;min-width:12px;height:1.7vmin;min-height:12px}.func-box svg path[data-v-601e10d6]{transition:.3s}.func-box:hover svg path[data-v-601e10d6]{fill:var(--blue-100)}p[data-v-ab2ad0d8]{color:#fff;cursor:pointer}.library-box[data-v-ab2ad0d8]{margin:auto;margin-bottom:clamp(6px,.9vh,.9vh);display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;height:calc(100% - clamp(31px, 4.2vh, 4.2vh))}.no-list-box[data-v-ab2ad0d8]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.no-list-box h2[data-v-ab2ad0d8]{font-size:var(--font18);color:var(--gray-100)}.thumbnail-box[data-v-ab2ad0d8]{width:100%;height:15.3vh;min-height:110px;cursor:pointer;position:relative}.pct-box[data-v-ab2ad0d8]{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--gray-900)}.thumbnail-box h2[data-v-ab2ad0d8],.thumbnail-box h4[data-v-ab2ad0d8]{font-size:var(--font18);font-weight:400;color:#fff}.play-icon-box[data-v-ab2ad0d8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--height45);height:var(--height45);background:hsla(0,0%,100%,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.play-icon-box>img[data-v-ab2ad0d8]{width:.7vw;min-width:9px}.play-opacity[data-v-ab2ad0d8]{position:absolute;width:100%;height:100%;background-color:var(--gray-700);opacity:0;top:0;transition:.3s}.video-box:hover .play-opacity[data-v-ab2ad0d8]{opacity:.2}.video-thumbnail[data-v-ab2ad0d8]{width:100%;height:100%;border:1px solid var(--gray-700)}.video-box[data-v-ab2ad0d8]{margin:var(--margin5);border:1px solid transparent;width:calc(25% - clamp(6px, .5vw, .5vw));color:var(--white);cursor:default;position:relative;transition:.3s}.video-box[data-v-ab2ad0d8]:hover{border-color:var(--white);box-shadow:var(--box-shadow-total)}.video-title-box[data-v-ab2ad0d8]{position:absolute;width:auto;top:0;left:0;display:flex;justify-content:space-between;align-content:flex-start;line-height:clamp(12px,1.7vh,1.7vh);cursor:default;padding:var(--padding10);z-index:5;cursor:pointer}.video-title-box img[data-v-ab2ad0d8]{cursor:pointer}.video-info-box[data-v-ab2ad0d8]{display:flex;flex-wrap:wrap;background-color:var(--gray-700);padding:clamp(4px,.5vh,.5vh) clamp(6px,.5vw,.5vw);height:clamp(73px,10.2vh,10.2vh)}.video-info-box>div[data-v-ab2ad0d8]{width:100%;height:2.3vh;min-height:16px;display:flex;align-items:center;font-size:var(--font14)}.video-info-box .left[data-v-ab2ad0d8]{width:5vw;min-width:71px;display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.video-info-box .right[data-v-ab2ad0d8]{width:calc(100% - clamp(71px, 5vw, 5vw))}.period-right[data-v-ab2ad0d8],.video-info-box .right[data-v-ab2ad0d8]{color:var(--white);padding:var(--padding010)}.info-div h2[data-v-ab2ad0d8]{color:var(--gray-200);padding:0 clamp(6px,.5vw,.5vw) 0 0}.size-left[data-v-ab2ad0d8]{display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.size-right[data-v-ab2ad0d8]{color:var(--white);padding:var(--padding010)}.video-info-box .right h2[data-v-ab2ad0d8]{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memo-box[data-v-ab2ad0d8]{position:absolute;right:clamp(6px,.9vmin,.9vmin);bottom:clamp(6px,.9vmin,.9vmin);width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;border:1px solid var(--blue-100);border-radius:var(--border-radius5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.memo-box[data-v-ab2ad0d8]:hover{background-color:var(--blue-100)}.memo-box svg[data-v-ab2ad0d8]{width:1.4vmin;min-width:10px;height:1.4vmin;min-height:10px}.memo-box svg path[data-v-ab2ad0d8]{transition:.3s}.memo-box:hover svg path[data-v-ab2ad0d8]{fill:var(--white)}.page-area[data-v-ab2ad0d8]{position:relative;height:var(--height35);width:100%}.share-box[data-v-ab2ad0d8]{width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;position:absolute;right:calc(clamp(20px, 2.8vh, 2.8vh) + clamp(6px, .9vmin, .9vmin) + clamp(6px, .5vw, .5vw));bottom:clamp(6px,.9vh,.9vh);cursor:pointer}.share-icon-box[data-v-ab2ad0d8]{transition:.3s;border-radius:50%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.share-icon-box img[data-v-ab2ad0d8]{width:.7vw;min-width:9px}.share-box:hover .share-icon-box[data-v-ab2ad0d8]{background-color:var(--gray-400)}.share-box:hover .share-info-box[data-v-ab2ad0d8]{opacity:1;z-index:5}.share-info-box[data-v-ab2ad0d8]{position:absolute;right:0;top:clamp(21px,3vh,5vh);z-index:-1;transition:.3s;opacity:0;padding:clamp(4px,.5vh,.5vh) clamp(6px,.5vw,.5vw);background-color:var(--gray-700);border:1px solid var(--blue-100);border-radius:var(--border-radius5);height:2.8vh;display:flex;align-items:center;justify-content:center}.share-info-box>div[data-v-ab2ad0d8]{width:1px;height:1.3vh;border:1px solid var(--blue-100);margin:0 clamp(6px,.5vw,.5vw)}.share-info-box h3[data-v-ab2ad0d8]{font-size:var(--font15);white-space:nowrap}.share-info-box h3[data-v-ab2ad0d8]:first-child{color:var(--blue-100)}.no-list-box[data-v-21f52fda]{width:100%;height:calc(100% - clamp(31px, 4.2vh, 4.2vh));display:flex;align-items:center;justify-content:center}.no-list-box h2[data-v-21f52fda]{font-size:var(--font18);color:var(--gray-100)}.bookmark-box[data-v-21f52fda]{margin:auto;margin-bottom:clamp(6px,.9vh,.9vh);display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;height:calc(100% - clamp(31px, 4.2vh, 4.2vh))}.object-box[data-v-21f52fda]{position:relative;width:calc(33.3% - clamp(6px, .5vw, .5vw));height:15.3vh;min-height:110px;background-color:var(--gray-700);margin:var(--margin5);border:1px solid transparent;transition:.3s;cursor:pointer;display:flex}.object-box[data-v-21f52fda]:hover{border-color:var(--white);box-shadow:var(--box-shadow-total)}.thumbnail-box[data-v-21f52fda]{width:clamp(110px,15.3vh,15.3vh);height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;position:relative}.thumbnail-box img[data-v-21f52fda]{max-width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.play-icon-box[data-v-21f52fda]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--height45);height:var(--height45);background:hsla(0,0%,100%,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.play-opacity[data-v-21f52fda]{position:absolute;width:100%;height:100%;background-color:var(--gray-700);opacity:0;top:0;transition:.3s}.object-box:hover .play-opacity[data-v-21f52fda]{opacity:.2}.play-icon-box>img[data-v-21f52fda]{width:.7vw;min-width:9px}.check-box[data-v-21f52fda]{position:absolute;top:clamp(6px,.9vh,.9vh);left:clamp(6px,.5vw,.5vw);width:1.8vmin;min-width:13px;height:1.8vmin;min-height:13px;border:2px solid transparent;border-radius:clamp(2px,.2vmin,.2vmin);transition:.3s;display:flex;justify-content:center;align-items:center;z-index:5}.check-box.show[data-v-21f52fda]{border-color:var(--white)}.check-box>img[data-v-21f52fda]{display:none}.active .check-box>img[data-v-21f52fda]{display:block;width:90%}.object-box.active[data-v-21f52fda]{border-color:var(--button-point-color);box-shadow:var(--box-shadow-total)}.object-box:hover .check-box[data-v-21f52fda]{border-color:var(--white)}.object-box.active .check-box[data-v-21f52fda]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.object-info-box[data-v-21f52fda]{width:calc(100% - clamp(110px, 15.3vh, 15.3vh));padding:0 clamp(4.5px,.35vw,.35vw);position:relative}.object-info-box .top[data-v-21f52fda]{height:var(--height65);border-bottom:1px solid var(--gray-300);display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(10px,1.4vh,1.4vh) clamp(5px,.4vw,.4vw)}.object-info-box .top .memo-area[data-v-21f52fda]{width:14.3vw}.object-info-box .top h3[data-v-21f52fda]{text-align:left;color:var(--white);font-size:var(--font15);line-height:1.8vh;text-overflow:ellipsis;overflow:hidden;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.delete-btn[data-v-21f52fda]{width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;border-radius:var(--border-radius5);border:1px solid var(--red);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.delete-btn svg path[data-v-21f52fda]{transition:.3s}.delete-btn[data-v-21f52fda]:hover{background-color:var(--red)}.delete-btn:hover svg path[data-v-21f52fda]{fill:var(--white)}.object-info-box .bottom[data-v-21f52fda]{display:flex;flex-wrap:wrap;padding:clamp(6px,.9vh,.9vh) clamp(5px,.4vw,.4vw);height:9.3vh;min-height:67px}.object-info-box .bottom>div[data-v-21f52fda]{display:flex;flex-wrap:wrap;align-items:center;width:100%}.object-info-box .bottom>div>h1[data-v-21f52fda]{font-size:var(--font15);margin-right:clamp(10px,.8vw,.8vw);line-height:clamp(12px,1.7vh,1.7vh);text-align:left;width:3vw;min-width:77px}.object-info-box .bottom>div>h3[data-v-21f52fda]{font-size:var(--font15);line-height:clamp(12px,1.7vh,1.7vh);text-align:left;color:var(--white);width:calc(100% - clamp(100px, 3.8vw, 3.8vw));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-area[data-v-21f52fda]{position:relative;height:var(--height35);width:100%}.func-wrap[data-v-21f52fda]{position:absolute;width:22.9vw;min-width:293px;height:4.6vh;min-height:33px;background-color:var(--blue-100);border-radius:var(--border-radius5);bottom:clamp(6px,.9vh,.9vh);right:clamp(6px,.5vw,.5vw);display:flex;align-items:center;justify-content:space-between;padding:var(--padding10);z-index:5;box-shadow:0 clamp(3px,.25vw,.25vw) clamp(6px,.9vh,.9vh) 0 rgba(0,0,0,.45)}.func-wrap h3[data-v-21f52fda]{font-size:var(--font16)}.func-wrap img[data-v-21f52fda]{width:2.3vmin;min-width:16px;height:2.3vmin;min-height:16px}.func-wrap>div[data-v-21f52fda]{display:flex;color:var(--white);align-items:center}.func-wrap>div>img[data-v-21f52fda]{margin-right:var(--margin-r10);cursor:pointer}.func-box[data-v-21f52fda]{width:2.8vmin;min-width:20px;height:2.8vmin;min-height:20px;border-radius:var(--border-radius5);border:1px solid var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.func-box svg[data-v-21f52fda]{width:1.7vmin;min-width:12px;height:1.7vmin;min-height:12px}.func-box[data-v-21f52fda]:hover{background-color:var(--white)}.func-box svg path[data-v-21f52fda]{transition:.3s}.func-box:hover svg path[data-v-21f52fda]{fill:var(--blue-100)}.play-btn[data-v-21f52fda]{background-color:var(--gray-400);height:2.8vh;min-height:20px;border-radius:var(--border-radius5);position:absolute;right:1.4vmin;bottom:1.4vmin;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(10px,.8vw,.8vw);transition:.3s}.play-btn[data-v-21f52fda]:hover{background-color:var(--white)}.play-btn:hover h3[data-v-21f52fda]{color:var(--gray-700)}.play-btn h3[data-v-21f52fda]{font-size:var(--font14);color:var(--white);transition:.3s}.play-btn svg path[data-v-21f52fda]{transition:.3s}.play-btn:hover svg path[data-v-21f52fda]{fill:var(--gray-700)}.memo-box[data-v-21f52fda]{position:absolute;right:clamp(6px,.9vmin,.9vmin);bottom:clamp(6px,.9vmin,.9vmin);width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;border:1px solid var(--border-color3);border-radius:var(--border-radius5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.memo-box[data-v-21f52fda]:hover{background-color:var(--border-color3)}.memo-box svg[data-v-21f52fda]{width:1.4vmin;min-width:10px;height:1.4vmin;min-height:10px}.memo-box svg path[data-v-21f52fda]{transition:.3s}.memo-box:hover svg path[data-v-21f52fda]{fill:var(--white)}.popup-background[data-v-49c530a5]{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:var(--popover-background);z-index:100000;display:flex;align-items:center;justify-content:center}.popover-gray[data-v-49c530a5]{width:760px;height:600px;display:flex;flex-wrap:wrap;align-content:space-between;position:relative}.popover-header[data-v-49c530a5]{display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 16px;height:40px}.video-player[data-v-49c530a5]{width:100%;height:calc(100% - 60px)}.video-player img[data-v-49c530a5]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.event-thumbnail[data-v-ab519cce]{width:100%;height:100%}.draw-canvas[data-v-ab519cce]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background-color:rgba(0,0,0,.1);position:absolute;top:0;left:0}p[data-v-ac78c120]{color:#fff;cursor:pointer}.library-box[data-v-ac78c120]{margin:auto;margin-bottom:clamp(6px,.9vh,.9vh);display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;height:calc(100% - clamp(31px, 4.2vh, 4.2vh))}.no-list-box[data-v-ac78c120]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.no-list-box h2[data-v-ac78c120]{font-size:var(--font18);color:var(--gray-100)}.thumbnail-box[data-v-ac78c120]{width:100%;height:15.3vh;min-height:110px;cursor:pointer;position:relative}.pct-box[data-v-ac78c120]{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--gray-900);cursor:default}.thumbnail-box h2[data-v-ac78c120],.thumbnail-box h4[data-v-ac78c120]{font-size:var(--font18);font-weight:400;color:#fff}.play-icon-box[data-v-ac78c120]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--height45);height:var(--height45);background:hsla(0,0%,100%,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.play-opacity[data-v-ac78c120]{position:absolute;width:100%;height:100%;background-color:var(--gray-700);opacity:0;top:0;transition:.3s}.event-box:hover .play-opacity[data-v-ac78c120]{opacity:.2}.play-icon-box>img[data-v-ac78c120]{width:.7vw;min-width:9px}.event-thumbnail[data-v-ac78c120]{width:100%;height:100%;border:1px solid var(--gray-700)}.event-box[data-v-ac78c120]{margin:var(--margin5);border:1px solid transparent;width:calc(25% - clamp(6px, .5vw, .5vw));color:var(--white);cursor:default;position:relative;transition:.3s}.event-box[data-v-ac78c120]:hover{border-color:var(--white);box-shadow:0 clamp(12px,1vw,1vw) clamp(4px,.6vh,.6vh) calc(clamp(6px, .5vw, .5vw)*-1) rgba(0,0,0,.45)}.check-box[data-v-ac78c120]{width:1.8vmin;min-width:13px;height:1.8vmin;min-height:13px;border:2px solid transparent;border-radius:clamp(2px,.2vmin,.2vmin);transition:.3s;display:flex;justify-content:center;align-items:center}.check-box.show[data-v-ac78c120]{border-color:var(--white)}.check-box>img[data-v-ac78c120]{display:none}.active .check-box>img[data-v-ac78c120]{display:block;width:90%}.event-box.active[data-v-ac78c120]{border-color:var(--blue-100);box-shadow:var(--box-shadow-total)}.event-box:hover .check-box[data-v-ac78c120]{border-color:var(--white)}.event-box.active .check-box[data-v-ac78c120]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.event-check-box[data-v-ac78c120]{position:absolute;width:auto;top:0;left:0;display:flex;justify-content:space-between;align-content:flex-start;line-height:clamp(12px,1.7vh,1.7vh);cursor:default;padding:var(--padding10);z-index:5;cursor:pointer}.event-check-box img[data-v-ac78c120]{cursor:pointer}.event-info-box[data-v-ac78c120]{display:flex;flex-wrap:wrap;background-color:var(--gray-700);padding:clamp(4px,.5vh,.5vh) clamp(6px,.5vw,.5vw);height:clamp(73px,10.2vh,10.2vh);align-content:space-around}.event-info-box>div[data-v-ac78c120]{width:100%;height:2.3vh;min-height:16px;display:flex;align-items:center;font-size:var(--font14)}.event-info-box .left[data-v-ac78c120]{width:4vw;min-width:51px;display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.event-info-box .right[data-v-ac78c120]{width:calc(100% - clamp(51px, 4vw, 4vw) - clamp(26px, 3.7vmin, 3.7vmin) - clamp(26px, 3.7vmin, 3.7vmin) - clamp(5px, .4vw, .4vw) - clamp(5px, .4vw, .4vw))}.event-info-box .right[data-v-ac78c120],.period-right[data-v-ac78c120]{color:var(--white);padding:var(--padding010)}.info-div h2[data-v-ac78c120]{color:var(--gray-200);padding:0 clamp(6px,.5vw,.5vw) 0 0}.size-left[data-v-ac78c120]{display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.size-right[data-v-ac78c120]{color:var(--white);padding:var(--padding010)}.event-info-box .right h2[data-v-ac78c120]{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-area[data-v-ac78c120]{position:absolute;right:clamp(6px,.9vmin,.9vmin);bottom:clamp(6px,.9vmin,.9vmin);display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;transition:.3s;height:calc(clamp(73px, 10.2vh, 10.2vh) - clamp(4px, .5vh, .5vh)*2 - clamp(6px, .9vmin, .9vmin))}.btn-flex-top[data-v-ac78c120]{display:flex;align-items:center;justify-content:flex-end}.check-btn[data-v-ac78c120],.delete-btn[data-v-ac78c120]{width:clamp(26px,3.7vmin,3.7vmin);height:clamp(26px,3.7vmin,3.7vmin);border:1px solid var(--border-color2);border-radius:var(--border-radius5);display:flex;align-items:center;justify-content:center;transition:.3s;cursor:pointer;background-color:transparent}.delete-btn[data-v-ac78c120]{margin-left:clamp(5px,.4vw,.4vw)}.check-btn svg[data-v-ac78c120],.delete-btn svg[data-v-ac78c120]{width:clamp(14px,2vmin,2vmin);height:clamp(14px,2vmin,2vmin)}.check-btn svg path[data-v-ac78c120],.delete-btn svg path[data-v-ac78c120]{fill:var(--white);transition:.3s}.check-btn.checked[data-v-ac78c120],.check-btn[data-v-ac78c120]:hover{border-color:var(--green2)}.check-btn.checked svg path[data-v-ac78c120],.check-btn:hover svg path[data-v-ac78c120]{fill:var(--green2)}.delete-btn[data-v-ac78c120]:hover{border-color:var(--red)}.delete-btn:hover svg path[data-v-ac78c120]{fill:var(--red)}.memo-btn[data-v-ac78c120]{display:flex;justify-content:center;align-items:center;font-size:var(--font16);background-color:var(--button-point-color4);width:100%;height:var(--height40)}.memo-btn h2[data-v-ac78c120]{font-size:var(--font16)}.page-area[data-v-ac78c120]{position:relative;height:var(--height35);width:100%}.func-wrap[data-v-ac78c120]{position:absolute;width:22.9vw;min-width:293px;height:4.6vh;min-height:33px;background-color:var(--blue-100);border-radius:var(--border-radius5);bottom:clamp(6px,.9vh,.9vh);right:clamp(6px,.5vw,.5vw);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(3px,.25vw,.25vw) 0 clamp(6px,.5vw,.5vw);z-index:5;box-shadow:0 clamp(3px,.25vw,.25vw) clamp(6px,.9vh,.9vh) 0 rgba(0,0,0,.45)}.func-wrap h3[data-v-ac78c120]{font-size:var(--font16)}.func-wrap img[data-v-ac78c120]{width:2.3vmin;min-width:16px;height:2.3vmin;min-height:16px}.func-wrap>div[data-v-ac78c120]{display:flex;color:var(--white);align-items:center}.func-wrap>div>img[data-v-ac78c120]{margin-right:var(--margin-r10);cursor:pointer}.func-box[data-v-ac78c120]{width:2.8vmin;min-width:20px;height:2.8vmin;min-height:20px;border-radius:var(--border-radius5);border:1px solid var(--white);display:flex;align-items:center;justify-content:center;margin:var(--margin05);cursor:pointer;transition:.3s}.func-box svg[data-v-ac78c120]{width:1.7vmin;min-width:12px;height:1.7vmin;min-height:12px}.playlist-icon svg[data-v-ac78c120]{width:2.1vmin;min-width:15px;height:2.1vmin;min-height:15px}.func-box[data-v-ac78c120]:hover{background-color:var(--white)}.func-box svg path[data-v-ac78c120]{transition:.3s}.func-box:hover svg path[data-v-ac78c120]{fill:var(--blue-100)}.retry-button[data-v-ac78c120]{padding:.5vmin 1vmin;margin-top:.5vmin;font-size:var(--font14)}p[data-v-ce9fdaa8]{color:#fff;cursor:pointer}.library-box[data-v-ce9fdaa8]{margin:auto;margin-bottom:clamp(6px,.9vh,.9vh);display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;height:calc(100% - clamp(31px, 4.2vh, 4.2vh))}.no-list-box[data-v-ce9fdaa8]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.no-list-box h2[data-v-ce9fdaa8]{font-size:var(--font18);color:var(--gray-100)}.thumbnail-box[data-v-ce9fdaa8]{width:100%;height:15.3vh;min-height:110px;cursor:pointer;position:relative}.pct-box[data-v-ce9fdaa8]{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--gray-900);cursor:default}.thumbnail-box h2[data-v-ce9fdaa8],.thumbnail-box h4[data-v-ce9fdaa8]{font-size:var(--font18);font-weight:400;color:#fff}.play-icon-box[data-v-ce9fdaa8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--height45);height:var(--height45);background:hsla(0,0%,100%,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.play-opacity[data-v-ce9fdaa8]{position:absolute;width:100%;height:100%;background-color:var(--gray-700);opacity:0;top:0;transition:.3s}.event-box:hover .play-opacity[data-v-ce9fdaa8]{opacity:.2}.play-icon-box>img[data-v-ce9fdaa8]{width:.7vw;min-width:9px}.event-thumbnail[data-v-ce9fdaa8]{width:100%;height:100%;border:1px solid var(--gray-700)}.event-box[data-v-ce9fdaa8]{margin:var(--margin5);border:1px solid transparent;width:calc(25% - clamp(6px, .5vw, .5vw));color:var(--white);cursor:default;position:relative;transition:.3s}.event-box[data-v-ce9fdaa8]:hover{border-color:var(--white);box-shadow:0 clamp(12px,1vw,1vw) clamp(4px,.6vh,.6vh) calc(clamp(6px, .5vw, .5vw)*-1) rgba(0,0,0,.45)}.check-box[data-v-ce9fdaa8]{width:1.8vmin;min-width:13px;height:1.8vmin;min-height:13px;border:2px solid transparent;border-radius:clamp(2px,.2vmin,.2vmin);transition:.3s;display:flex;justify-content:center;align-items:center}.check-box.show[data-v-ce9fdaa8]{border-color:var(--white)}.check-box>img[data-v-ce9fdaa8]{display:none}.active .check-box>img[data-v-ce9fdaa8]{display:block;width:90%}.event-box.active[data-v-ce9fdaa8]{border-color:var(--blue-100);box-shadow:var(--box-shadow-total)}.event-box:hover .check-box[data-v-ce9fdaa8]{border-color:var(--white)}.event-box.active .check-box[data-v-ce9fdaa8]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.event-check-box[data-v-ce9fdaa8]{position:absolute;width:auto;top:0;left:0;display:flex;justify-content:space-between;align-content:flex-start;line-height:clamp(12px,1.7vh,1.7vh);cursor:default;padding:var(--padding10);z-index:5;cursor:pointer}.event-check-box img[data-v-ce9fdaa8]{cursor:pointer}.event-info-box[data-v-ce9fdaa8]{display:flex;flex-wrap:wrap;background-color:var(--gray-700);padding:clamp(4px,.5vh,.5vh) clamp(6px,.5vw,.5vw);height:clamp(73px,10.2vh,10.2vh);align-content:space-around}.event-info-box>div[data-v-ce9fdaa8]{width:100%;height:2.3vh;min-height:16px;display:flex;align-items:center;font-size:var(--font14)}.event-info-box .left[data-v-ce9fdaa8]{width:5vw;min-width:71px;display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.event-info-box .right[data-v-ce9fdaa8]{width:calc(100% - clamp(71px, 5vw, 5vw))}.event-info-box .right[data-v-ce9fdaa8],.period-right[data-v-ce9fdaa8]{color:var(--white);padding:var(--padding010)}.info-div h2[data-v-ce9fdaa8]{color:var(--gray-200);padding:0 clamp(6px,.5vw,.5vw) 0 0}.size-left[data-v-ce9fdaa8]{display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.size-right[data-v-ce9fdaa8]{color:var(--white);padding:var(--padding010)}.event-info-box .right h2[data-v-ce9fdaa8]{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-area[data-v-ce9fdaa8]{position:absolute;right:clamp(6px,.9vmin,.9vmin);bottom:clamp(6px,.9vmin,.9vmin);display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;transition:.3s;height:calc(clamp(73px, 10.2vh, 10.2vh) - clamp(4px, .5vh, .5vh)*2 - clamp(6px, .9vmin, .9vmin))}.btn-flex-top[data-v-ce9fdaa8]{display:flex;align-items:center;justify-content:flex-end}.check-btn[data-v-ce9fdaa8],.delete-btn[data-v-ce9fdaa8]{width:clamp(26px,3.7vmin,3.7vmin);height:clamp(26px,3.7vmin,3.7vmin);border:1px solid var(--border-color2);border-radius:var(--border-radius5);display:flex;align-items:center;justify-content:center;transition:.3s;cursor:pointer;background-color:transparent}.delete-btn[data-v-ce9fdaa8]{margin-left:clamp(5px,.4vw,.4vw)}.check-btn svg[data-v-ce9fdaa8],.delete-btn svg[data-v-ce9fdaa8]{width:clamp(14px,2vmin,2vmin);height:clamp(14px,2vmin,2vmin)}.check-btn svg path[data-v-ce9fdaa8],.delete-btn svg path[data-v-ce9fdaa8]{fill:var(--white);transition:.3s}.check-btn[data-v-ce9fdaa8]:hover{border-color:var(--green2)}.check-btn:hover svg path[data-v-ce9fdaa8]{fill:var(--green2)}.delete-btn[data-v-ce9fdaa8]:hover{border-color:var(--red)}.delete-btn:hover svg path[data-v-ce9fdaa8]{fill:var(--red)}.memo-btn[data-v-ce9fdaa8]{display:flex;justify-content:center;align-items:center;font-size:var(--font16);background-color:var(--button-point-color4);width:100%;height:var(--height40)}.memo-btn h2[data-v-ce9fdaa8]{font-size:var(--font16)}.page-area[data-v-ce9fdaa8]{position:relative;height:var(--height35);width:100%}.func-wrap[data-v-ce9fdaa8]{position:absolute;width:22.9vw;min-width:293px;height:4.6vh;min-height:33px;background-color:var(--blue-100);border-radius:var(--border-radius5);bottom:clamp(6px,.9vh,.9vh);right:clamp(6px,.5vw,.5vw);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(3px,.25vw,.25vw) 0 clamp(6px,.5vw,.5vw);z-index:5;box-shadow:0 clamp(3px,.25vw,.25vw) clamp(6px,.9vh,.9vh) 0 rgba(0,0,0,.45)}.func-wrap h3[data-v-ce9fdaa8]{font-size:var(--font16)}.func-wrap img[data-v-ce9fdaa8]{width:2.3vmin;min-width:16px;height:2.3vmin;min-height:16px}.func-wrap>div[data-v-ce9fdaa8]{display:flex;color:var(--white);align-items:center}.func-wrap>div>img[data-v-ce9fdaa8]{margin-right:var(--margin-r10);cursor:pointer}.func-box[data-v-ce9fdaa8]{width:2.8vmin;min-width:20px;height:2.8vmin;min-height:20px;border-radius:var(--border-radius5);border:1px solid var(--white);display:flex;align-items:center;justify-content:center;margin:var(--margin05);cursor:pointer;transition:.3s}.func-box svg[data-v-ce9fdaa8]{width:1.7vmin;min-width:12px;height:1.7vmin;min-height:12px}.playlist-icon svg[data-v-ce9fdaa8]{width:2.1vmin;min-width:15px;height:2.1vmin;min-height:15px}.func-box[data-v-ce9fdaa8]:hover{background-color:var(--white)}.func-box svg path[data-v-ce9fdaa8]{transition:.3s}.func-box:hover svg path[data-v-ce9fdaa8]{fill:var(--blue-100)}.retry-button[data-v-ce9fdaa8]{padding:.5vmin 1vmin;margin-top:.5vmin;font-size:var(--font14)}p[data-v-79d3d76d]{color:#fff;cursor:pointer}.library-box[data-v-79d3d76d]{margin:auto;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:space-between;height:100%}.no-list-box[data-v-79d3d76d]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--gray-400);border-radius:var(--border-radius5)}.no-list-box h2[data-v-79d3d76d]{font-size:var(--font18);color:var(--gray-100)}.camera-area[data-v-79d3d76d]{width:calc(100% - clamp(213px, 16.7vw, 16.7vw) - clamp(6px, .5vw, .5vw));display:grid;gap:10px;padding:var(--padding10)}.camera-area[data-v-79d3d76d],.timeline-area[data-v-79d3d76d]{background-color:var(--gray-400);height:100%;border-radius:var(--border-radius5)}.timeline-area[data-v-79d3d76d]{width:clamp(213px,16.7vw,16.7vw)}.one-flex[data-v-79d3d76d]{grid-template-columns:1fr;grid-template-rows:1fr}.four-flex[data-v-79d3d76d]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.nine-flex[data-v-79d3d76d]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.camera-list[data-v-79d3d76d]{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background-color:var(--gray-600);cursor:pointer}.camera-list.active[data-v-79d3d76d]{border:2px solid var(--blue-100)}.camera-video[data-v-79d3d76d]{width:100%;height:calc(100% - var(--height65));background-color:var(--gray-700)}.camera-video img[data-v-79d3d76d]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.camera-name[data-v-79d3d76d]{width:100%;height:var(--height65);background-color:var(--gray-700);display:flex;align-items:center;padding:0 clamp(16px,1.25vw,1.25vw);flex-shrink:0}.nine-flex .camera-video[data-v-79d3d76d]{height:calc(100% - clamp(42px, 5.8vh, 5.8vh))}.nine-flex .camera-name[data-v-79d3d76d]{height:clamp(42px,5.8vh,5.8vh)}.nine-flex .camera-video[data-v-79d3d76d]{height:calc(100% - clamp(41px, 5.8vh, 5.8vh))}.nine-flex .camera-name[data-v-79d3d76d]{height:clamp(41px,5.8vh,5.8vh)}.empty[data-v-79d3d76d]{background-color:var(--gray-700);cursor:default}.name-front[data-v-79d3d76d]{width:clamp(33px,2.6vw,2.6vw);margin-right:clamp(15px,1.2vw,1.2vw);display:flex;align-items:center}.name-front h2[data-v-79d3d76d]{font-size:var(--font16);color:var(--inactive-text);white-space:nowrap}.name-back[data-v-79d3d76d]{display:flex;align-items:center;flex:1;overflow:hidden}.name-back h2[data-v-79d3d76d]{font-size:var(--font16);color:var(--white);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.timeline-title[data-v-79d3d76d]{border-bottom:2px solid var(--gray-700);height:var(--height65);display:flex;align-items:center;padding:0 clamp(16px,1.25vw,1.25vw)}.timeline-title h2[data-v-79d3d76d]{color:var(--white);font-size:var(--font18)}.timeline-camera-list-area[data-v-79d3d76d]{width:100%;height:calc(100% - var(--height65));padding:clamp(9px,1.3vh,1.3vh) clamp(9px,.7vw,.7vw);overflow:hidden}.timeline-camera-list[data-v-79d3d76d]{width:100%;height:var(--height45);overflow:hidden;border-radius:var(--border-radius5);margin-bottom:clamp(6px,.9vh,.9vh);padding:0 clamp(10px,.8vw,.8vw) 0 clamp(10px,.8vw,.8vw)}.timeline-camera-list[data-v-79d3d76d]:last-child{margin-bottom:0}.timeline-camera-list.active[data-v-79d3d76d]{background-color:var(--gray-700);height:calc(var(--height45)*6 + clamp(10px, 1.4vh, 1.4vh))}.timeline-camera-name[data-v-79d3d76d]{width:100%;height:var(--height45);display:flex;align-items:center;justify-content:space-between;cursor:pointer}.timeline-camera-name h2[data-v-79d3d76d]{color:var(--white);font-size:var(--font16)}.menu-arrow[data-v-79d3d76d]{display:flex;align-items:center}.active .menu-arrow[data-v-79d3d76d]{transform:rotate(180deg)}.timeline-data-area[data-v-79d3d76d]{width:100%;height:calc(var(--height45)*5);background-color:var(--gray-400);overflow-x:hidden;scrollbar-gutter:stable;padding:0 clamp(5px,.4vw,.4vw) 0 clamp(10px,.8vw,.8vw);border-radius:var(--border-radius5)}.timeline-data-list[data-v-79d3d76d]{height:var(--height45);display:flex;align-items:center;justify-content:space-between}.time-table h3[data-v-79d3d76d]{font-size:var(--font16);color:var(--blue-100)}.time-count h3[data-v-79d3d76d]{font-size:var(--font16);color:var(--white)}.my-scroll[data-v-79d3d76d]::-webkit-scrollbar{width:.4vw;min-width:4px}.my-scroll[data-v-79d3d76d]::-webkit-scrollbar-track{background-color:unset;border-radius:clamp(6px,.9vmin,.9vmin)}.my-scroll[data-v-79d3d76d]::-webkit-scrollbar-thumb{border-radius:clamp(6px,.9vmin,.9vmin);background-clip:padding-box;border:.2vmin solid transparent;background-color:#575d64}.military .my-scroll[data-v-79d3d76d]::-webkit-scrollbar-thumb{background-color:#aba198}p[data-v-32ea3644]{color:#fff;cursor:pointer}.library-box[data-v-32ea3644]{margin:auto;margin-bottom:clamp(6px,.9vh,.9vh);display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;height:calc(100% - clamp(31px, 4.2vh, 4.2vh))}.no-list-box[data-v-32ea3644]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.no-list-box h2[data-v-32ea3644]{font-size:var(--font18);color:var(--gray-100)}.thumbnail-box[data-v-32ea3644]{width:100%;height:15.3vh;min-height:110px;cursor:pointer;position:relative}.pct-box[data-v-32ea3644]{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--gray-900);cursor:default}.thumbnail-box h2[data-v-32ea3644],.thumbnail-box h4[data-v-32ea3644]{font-size:var(--font18);font-weight:400;color:#fff}.play-icon-box[data-v-32ea3644]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--height45);height:var(--height45);background:hsla(0,0%,100%,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.play-opacity[data-v-32ea3644]{position:absolute;width:100%;height:100%;background-color:var(--gray-700);opacity:0;top:0;transition:.3s}.event-box:hover .play-opacity[data-v-32ea3644]{opacity:.2}.play-icon-box>img[data-v-32ea3644]{width:.7vw;min-width:9px}.event-thumbnail[data-v-32ea3644]{width:100%;height:100%;border:1px solid var(--gray-700)}.event-box[data-v-32ea3644]{margin:var(--margin5);border:1px solid transparent;width:calc(25% - clamp(6px, .5vw, .5vw));color:var(--white);cursor:default;position:relative;transition:.3s}.event-box[data-v-32ea3644]:hover{border-color:var(--white);box-shadow:0 clamp(12px,1vw,1vw) clamp(4px,.6vh,.6vh) calc(clamp(6px, .5vw, .5vw)*-1) rgba(0,0,0,.45)}.check-box[data-v-32ea3644]{width:1.8vmin;min-width:13px;height:1.8vmin;min-height:13px;border:2px solid transparent;border-radius:clamp(2px,.2vmin,.2vmin);transition:.3s;display:flex;justify-content:center;align-items:center}.check-box.show[data-v-32ea3644]{border-color:var(--white)}.check-box>img[data-v-32ea3644]{display:none}.active .check-box>img[data-v-32ea3644]{display:block;width:90%}.event-box.active[data-v-32ea3644]{border-color:var(--blue-100);box-shadow:var(--box-shadow-total)}.event-box:hover .check-box[data-v-32ea3644]{border-color:var(--white)}.event-box.active .check-box[data-v-32ea3644]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.event-check-box[data-v-32ea3644]{position:absolute;width:auto;top:0;left:0;display:flex;justify-content:space-between;align-content:flex-start;line-height:clamp(12px,1.7vh,1.7vh);cursor:default;padding:var(--padding10);z-index:5;cursor:pointer}.event-check-box img[data-v-32ea3644]{cursor:pointer}.event-info-box[data-v-32ea3644]{display:flex;flex-wrap:wrap;background-color:var(--gray-700);padding:clamp(4px,.5vh,.5vh) clamp(6px,.5vw,.5vw);height:clamp(73px,10.2vh,10.2vh);align-content:space-around}.event-info-box>div[data-v-32ea3644]{width:100%;height:2.3vh;min-height:16px;display:flex;align-items:center;font-size:var(--font14)}.event-info-box .left[data-v-32ea3644]{width:5vw;min-width:71px;display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.event-info-box .right[data-v-32ea3644]{width:calc(100% - clamp(71px, 5vw, 5vw))}.event-info-box .right[data-v-32ea3644],.period-right[data-v-32ea3644]{color:var(--white);padding:var(--padding010)}.info-div h2[data-v-32ea3644]{color:var(--gray-200);padding:0 clamp(6px,.5vw,.5vw) 0 0}.size-left[data-v-32ea3644]{display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.size-right[data-v-32ea3644]{color:var(--white);padding:var(--padding010)}.event-info-box .right h2[data-v-32ea3644]{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-area[data-v-32ea3644]{position:absolute;right:clamp(6px,.9vmin,.9vmin);bottom:clamp(5px,.7vmin,.7vmin);display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:clamp(26px,3.7vmin,3.7vmin)}.check-btn[data-v-32ea3644]{width:clamp(23px,3.2vmin,3.2vmin);height:clamp(23px,3.2vmin,3.2vmin);border:1px solid var(--border-color2);border-radius:var(--border-radius5);display:flex;align-items:center;justify-content:center;transition:.3s;cursor:pointer;background-color:transparent;margin-right:var(--margin-r10)}.check-btn svg[data-v-32ea3644],.memo-box svg[data-v-32ea3644]{width:clamp(14px,2vmin,2vmin);height:clamp(14px,2vmin,2vmin)}.check-btn svg path[data-v-32ea3644]{fill:var(--white);transition:.3s}.check-btn.checked[data-v-32ea3644],.check-btn[data-v-32ea3644]:hover{border-color:var(--green2)}.check-btn.checked svg path[data-v-32ea3644],.check-btn:hover svg path[data-v-32ea3644]{fill:var(--green2)}.memo-box[data-v-32ea3644]{width:clamp(23px,3.2vmin,3.2vmin);height:clamp(23px,3.2vmin,3.2vmin);border:1px solid var(--blue-100);border-radius:var(--border-radius5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.memo-box[data-v-32ea3644]:hover{background-color:var(--blue-100)}.memo-box svg path[data-v-32ea3644]{transition:.3s}.memo-box:hover svg path[data-v-32ea3644]{fill:var(--white)}.page-area[data-v-32ea3644]{position:relative;height:var(--height35);width:100%}.func-wrap[data-v-32ea3644]{position:absolute;width:22.9vw;min-width:293px;height:4.6vh;min-height:33px;background-color:var(--blue-100);border-radius:var(--border-radius5);bottom:clamp(6px,.9vh,.9vh);right:clamp(6px,.5vw,.5vw);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(3px,.25vw,.25vw) 0 clamp(6px,.5vw,.5vw);z-index:5;box-shadow:0 clamp(3px,.25vw,.25vw) clamp(6px,.9vh,.9vh) 0 rgba(0,0,0,.45)}.func-wrap h3[data-v-32ea3644]{font-size:var(--font16)}.func-wrap img[data-v-32ea3644]{width:2.3vmin;min-width:16px;height:2.3vmin;min-height:16px}.func-wrap>div[data-v-32ea3644]{display:flex;color:var(--white);align-items:center}.func-wrap>div>img[data-v-32ea3644]{margin-right:var(--margin-r10);cursor:pointer}.func-box[data-v-32ea3644]{width:2.8vmin;min-width:20px;height:2.8vmin;min-height:20px;border-radius:var(--border-radius5);border:1px solid var(--white);display:flex;align-items:center;justify-content:center;margin:var(--margin05);cursor:pointer;transition:.3s}.func-box svg[data-v-32ea3644]{width:1.7vmin;min-width:12px;height:1.7vmin;min-height:12px}.playlist-icon svg[data-v-32ea3644]{width:2.1vmin;min-width:15px;height:2.1vmin;min-height:15px}.func-box[data-v-32ea3644]:hover{background-color:var(--white)}.func-box svg path[data-v-32ea3644]{transition:.3s}.func-box:hover svg path[data-v-32ea3644]{fill:var(--blue-100)}.retry-button[data-v-32ea3644]{padding:.5vmin 1vmin;margin-top:.5vmin;font-size:var(--font14)}p[data-v-38d8982c]{color:#fff;cursor:pointer}.video-list[data-v-38d8982c]{padding:0}.library-box[data-v-38d8982c]{margin:auto;margin-bottom:clamp(6px,.9vh,.9vh);display:flex;flex-direction:column;align-content:center;justify-content:space-between;height:100%}.half-area[data-v-38d8982c]{width:100%;height:calc((100% - clamp(6px, .9vh, .9vh))/2);border:none;border-radius:var(--border-radius5);background-color:var(--gray-400);position:relative}.date-chart-area[data-v-38d8982c]{border-top-left-radius:0;border-top-right-radius:0}.chart-area[data-v-38d8982c]{width:100%;height:100%}.chart-title[data-v-38d8982c]{position:absolute;top:clamp(10.8px,1.5vh,1.5vh);left:clamp(12px,1vw,1vw);padding:0 clamp(12px,1vw,1vw);height:var(--height40);background-color:var(--background-color5);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius5)}.chart-title h2[data-v-38d8982c]{color:var(--white);font-size:var(--font16)}.chart-label-area[data-v-38d8982c]{position:absolute;width:100%;display:flex;align-items:center;justify-content:center;top:clamp(10.8px,1.5vh,1.5vh);left:0}.chart-label[data-v-38d8982c]{height:var(--height40);padding:0 clamp(10px,.8vw,.8vw);background-color:var(--background-color);border-radius:var(--border-radius5);display:flex;align-items:center}.chart-label h2[data-v-38d8982c]{color:var(--white);font-size:var(--font16)}.label-circle[data-v-38d8982c]{width:clamp(10px,1.5vmin,1.5vmin);height:clamp(10px,1.5vmin,1.5vmin);border-radius:50%;margin-right:clamp(10px,.8vw,.8vw)}.date-chart-area .label-circle[data-v-38d8982c]{background-color:#844aff}.time-chart-area .label-circle[data-v-38d8982c]{background-color:#47ebce}.popover-wrap[data-v-366476f7]{position:fixed}.popover-gray[data-v-366476f7]{width:510px;height:504px;display:flex;flex-wrap:wrap;position:relative}.popover-header[data-v-366476f7]{display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 16px;height:40px}.popover-header h1[data-v-366476f7]{font-size:15px}.popover-content[data-v-366476f7]{display:flex;flex-direction:column;padding:14px 20px}.select-object-info[data-v-366476f7]{width:470px;height:190px;display:flex;padding:0 20px;border-radius:5px;background-color:var(--background-color10);align-items:center;justify-content:flex-start;margin-bottom:8px}.object-thumbnail[data-v-366476f7]{width:150px;height:150px;background-color:var(--gray-700);margin-right:20px}.object-thumbnail img[data-v-366476f7]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.info-list-area[data-v-366476f7]{height:112px;display:flex;flex-direction:column;justify-content:space-between}.info-list[data-v-366476f7],.list-front[data-v-366476f7]{display:flex;align-items:center}.list-front[data-v-366476f7]{width:80px}.list-front h2[data-v-366476f7]{color:var(--inactive-text);font-size:16px;line-height:100%}.list-back[data-v-366476f7]{display:flex;align-items:center}.list-back h2[data-v-366476f7]{color:var(--white);font-size:16px;line-height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-area[data-v-366476f7]{width:470px;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-radius:5px;background-color:var(--background-color10);margin-bottom:8px}.option-front h2[data-v-366476f7]{color:var(--white);font-size:16px;line-height:100%}.option-back[data-v-366476f7]{display:flex}.option-back button[data-v-366476f7]{background-color:transparent;border:1px solid var(--white);color:var(--white);width:82px;height:40px;border-radius:5px;transition:.3s;cursor:pointer}.option-back button[data-v-366476f7]:hover,.popover-btn-area button[data-v-366476f7]:hover{border-color:var(--blue-100);color:var(--blue-100)}.combobox-box[data-v-366476f7]{width:82px;height:40px;position:relative}.option-double-area[data-v-366476f7]{width:470px;height:120px;display:flex;flex-direction:column;border-radius:5px;background-color:var(--background-color10);margin-bottom:14px}.option-double-list[data-v-366476f7]{width:100%;height:50%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.option-double-list[data-v-366476f7]:first-child{border-bottom:1px solid var(--gray-700)}.slider-box[data-v-366476f7]{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;position:relative;background-color:var(--gray-700);padding:0 16px;border-radius:5px}.slider-box h2[data-v-366476f7]{color:var(--white);font-size:14px;font-weight:400}.slider-box .slider[data-v-366476f7]{width:318px;height:20px;z-index:2;top:0;box-sizing:border-box}.vue-slider[data-v-366476f7]{height:8px!important}.popover-btn-area[data-v-366476f7]{width:100%;height:40px;display:flex;align-items:center;justify-content:center}.popover-btn-area button[data-v-366476f7]{width:68px;height:40px;background-color:transparent;border-radius:5px;border:1px solid var(--white);color:var(--white);transition:.3s;cursor:pointer}.missing-find-slider .vue-slider-dot-handle,.missing-find-slider .vue-slider:hover .vue-slider-dot-handle:hover{border-color:var(--white)!important}.missing-find-slider .vue-slider-dot{width:16px!important;height:16px!important}.no-list-box[data-v-6c035e34]{width:100%;height:calc(100% - clamp(31px, 4.2vh, 4.2vh));display:flex;align-items:center;justify-content:center}.no-list-box h2[data-v-6c035e34]{font-size:var(--font18);color:var(--gray-100)}.bookmark-box[data-v-6c035e34]{margin:auto;margin-bottom:clamp(6px,.9vh,.9vh);display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;height:calc(100% - clamp(31px, 4.2vh, 4.2vh))}.object-box[data-v-6c035e34]{position:relative;width:calc(33.3% - clamp(6px, .5vw, .5vw));height:15.3vh;min-height:110px;background-color:var(--gray-700);margin:var(--margin5);border:1px solid transparent;transition:.3s;cursor:pointer;display:flex}.object-box[data-v-6c035e34]:hover{border-color:var(--white);box-shadow:var(--box-shadow-total)}.thumbnail-box[data-v-6c035e34]{width:clamp(110px,15.3vh,15.3vh);height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;position:relative}.thumbnail-box img[data-v-6c035e34]{max-width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.icon-area[data-v-6c035e34]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:var(--height45);display:flex;align-items:center;justify-content:center;z-index:2}.icon-opacity[data-v-6c035e34]{position:absolute;width:100%;height:100%;background-color:var(--gray-700);opacity:0;top:0;transition:.3s}.object-box:hover .icon-opacity[data-v-6c035e34]{opacity:.2}.icon-box[data-v-6c035e34]{width:2.1vw;min-width:26px;height:3.7vh;min-height:26px;background:hsla(0,0%,100%,.45);margin:0 clamp(4.5px,.35vw,.35vw);border-radius:var(--border-radius5);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.icon-box svg path[data-v-6c035e34]{transition:.3s}.icon-box[data-v-6c035e34]:hover{background-color:var(--white)}.icon-box:hover svg path[data-v-6c035e34]{fill:var(--button-hover-text)}.play-icon>svg[data-v-6c035e34]{width:.7vw;min-width:9px}.search-account>svg[data-v-6c035e34]{width:1.2vw;min-width:15px}.check-box[data-v-6c035e34]{position:absolute;top:clamp(6px,.9vh,.9vh);left:clamp(6px,.5vw,.5vw);width:1.8vmin;min-width:13px;height:1.8vmin;min-height:13px;border:2px solid transparent;border-radius:clamp(2px,.2vmin,.2vmin);transition:.3s;display:flex;justify-content:center;align-items:center;z-index:5}.check-box.show[data-v-6c035e34]{border-color:var(--white)}.check-box>img[data-v-6c035e34]{display:none}.active .check-box>img[data-v-6c035e34]{display:block;width:90%}.object-box.active[data-v-6c035e34]{border-color:var(--button-point-color);box-shadow:var(--box-shadow-total)}.object-box:hover .check-box[data-v-6c035e34]{border-color:var(--white)}.object-box.active .check-box[data-v-6c035e34]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.object-info-box[data-v-6c035e34]{width:calc(100% - clamp(110px, 15.3vh, 15.3vh));padding:clamp(4.5px,.35vw,.35vw);position:relative}.delete-btn[data-v-6c035e34]{width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;border-radius:var(--border-radius5);border:1px solid var(--red);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.delete-btn svg path[data-v-6c035e34]{transition:.3s}.delete-btn[data-v-6c035e34]:hover{background-color:var(--red)}.delete-btn:hover svg path[data-v-6c035e34]{fill:var(--white)}.info-list[data-v-6c035e34]{display:flex;width:100%;padding:var(--padding10)}.front[data-v-6c035e34]{width:4vw;min-width:50px}.front h1[data-v-6c035e34]{font-size:var(--font15);margin-right:clamp(10px,.8vw,.8vw);line-height:clamp(12px,1.7vh,1.7vh);text-align:left}.back[data-v-6c035e34]{width:calc(100% - clamp(50px, 4vw, 4vw))}.back h3[data-v-6c035e34]{font-size:var(--font15);line-height:clamp(12px,1.7vh,1.7vh);text-align:left;color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-area[data-v-6c035e34]{position:relative;height:var(--height35);width:100%}.func-wrap[data-v-6c035e34]{position:absolute;width:22.9vw;min-width:293px;height:4.6vh;min-height:33px;background-color:var(--blue-100);border-radius:var(--border-radius5);bottom:clamp(6px,.9vh,.9vh);right:clamp(6px,.5vw,.5vw);display:flex;align-items:center;justify-content:space-between;padding:var(--padding10);z-index:5;box-shadow:0 clamp(3px,.25vw,.25vw) clamp(6px,.9vh,.9vh) 0 rgba(0,0,0,.45)}.func-wrap h3[data-v-6c035e34]{font-size:var(--font16)}.func-wrap img[data-v-6c035e34]{width:2.3vmin;min-width:16px;height:2.3vmin;min-height:16px}.func-wrap>div[data-v-6c035e34]{display:flex;color:var(--white);align-items:center}.func-wrap>div>img[data-v-6c035e34]{margin-right:var(--margin-r10);cursor:pointer}.func-box[data-v-6c035e34]{width:2.8vmin;min-width:20px;height:2.8vmin;min-height:20px;border-radius:var(--border-radius5);border:1px solid var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.func-box svg[data-v-6c035e34]{width:1.7vmin;min-width:12px;height:1.7vmin;min-height:12px}.func-box[data-v-6c035e34]:hover{background-color:var(--white)}.func-box svg path[data-v-6c035e34]{transition:.3s}.func-box:hover svg path[data-v-6c035e34]{fill:var(--blue-100)}.play-btn[data-v-6c035e34]{background-color:var(--gray-400);height:2.8vh;min-height:20px;border-radius:var(--border-radius5);position:absolute;right:1.4vmin;bottom:1.4vmin;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(10px,.8vw,.8vw);transition:.3s}.play-btn[data-v-6c035e34]:hover{background-color:var(--white)}.play-btn:hover h3[data-v-6c035e34]{color:var(--gray-700)}.play-btn h3[data-v-6c035e34]{font-size:var(--font14);color:var(--white);transition:.3s}.play-btn svg path[data-v-6c035e34]{transition:.3s}.play-btn:hover svg path[data-v-6c035e34]{fill:var(--gray-700)}.memo-box[data-v-6c035e34]{position:absolute;right:clamp(6px,.9vmin,.9vmin);bottom:clamp(6px,.9vmin,.9vmin);width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;border:1px solid var(--border-color3);border-radius:var(--border-radius5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.memo-box[data-v-6c035e34]:hover{background-color:var(--border-color3)}.memo-box svg[data-v-6c035e34]{width:1.4vmin;min-width:10px;height:1.4vmin;min-height:10px}.memo-box svg path[data-v-6c035e34]{transition:.3s}.memo-box:hover svg path[data-v-6c035e34]{fill:var(--white)}.bottom-box[data-v-33210793]{display:flex;flex-wrap:wrap;padding:var(--padding10)!important;padding-top:0!important}.blank-stat[data-v-33210793]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.blank-stat h2[data-v-33210793]{font-size:var(--font18);color:var(--gray-100)}.stats-wrap[data-v-33210793]{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.wide-box[data-v-33210793]{width:100%;display:flex;flex-wrap:wrap;align-content:flex-start;margin-bottom:var(--tenpx)}.wide-box .object-wrap[data-v-33210793]{height:25.9vh;min-height:186px;padding:clamp(16px,2.3vh,2.3vh) clamp(14px,1.3vw,1.3vw);display:flex;justify-content:space-between}.narrow-box[data-v-33210793]{width:calc(50% - clamp(3px, .25vw, .25vw));display:flex;flex-wrap:wrap;align-content:flex-start}.narrow-box .object-wrap[data-v-33210793]{height:45.4vh;min-height:326px;display:flex;overflow:hidden}.narrow-box:last-child .title-box[data-v-33210793]{padding:0}.title-box[data-v-33210793]{height:6.5vh;min-height:46px;display:flex;align-items:center;justify-content:flex-start;padding:var(--padding010)}.title-box .map-box[data-v-33210793]{background-color:var(--gray-600);cursor:pointer}.title-box .map-box h3[data-v-33210793],.title-box .map-box[data-v-33210793]{height:var(--height40);border-radius:var(--border-radius10);display:flex;align-items:center}.title-box .map-box h3[data-v-33210793]{width:var(--width90);min-width:77px;color:var(--svg-path);font-weight:400;justify-content:center;font-size:var(--font18)}.title-box .map-box h3.active[data-v-33210793]{background-color:var(--white);font-weight:600;color:var(--gray-700);transition:.3s}.map-img[data-v-33210793]{width:100%}.title-box h3[data-v-33210793]{color:var(--white);font-size:var(--font18);font-weight:600}.title-box .blue-text[data-v-33210793]{color:var(--button-point-color)}.object-wrap[data-v-33210793]{width:100%;height:9.3vh;min-height:67px;background-color:var(--gray-700);border-radius:var(--border-radius5)}.chart-area[data-v-33210793]{width:100%;height:100%;background-color:#25272a}.gray-bar[data-v-33210793]{height:1.8vh;min-height:13px;border:1px solid var(--border-color);margin:0 clamp(10px,.8vw,.8vw)}.object-box[data-v-33210793]{width:calc(33% - clamp(10px, .8vw, .8vw));height:100%;border:1px solid #fff;border-radius:var(--border-radius5);padding:clamp(10px,1.4vh,1.4vh) clamp(10px,.8vw,.8vw) 0 clamp(10px,.8vw,.8vw)}.object-box.first[data-v-33210793]{color:#3f59f0;border-color:#3f59f0}.first .color-box[data-v-33210793]{background-color:#3f59f0}.object-box.second[data-v-33210793]{color:#6b6ed6;border-color:#6b6ed6}.second .color-box[data-v-33210793]{background-color:#6b6ed6}.object-box.third[data-v-33210793]{color:#139ac9;border-color:#139ac9}.third .color-box[data-v-33210793]{background-color:#139ac9}.object-box.fourth[data-v-33210793]{color:#6dc363;border-color:#6dc363}.fourth .color-box[data-v-33210793]{background-color:#6dc363}.color-box[data-v-33210793]{width:100%;height:var(--height60);color:var(--white);display:flex;justify-content:space-between;align-items:center;background-color:#f4a460;border-radius:var(--border-radius5);font-size:var(--font20);padding:0 clamp(12px,1vw,1vw)}.contents-box[data-v-33210793]{width:100%;height:calc(100% - clamp(41px, 5.6vh, 5.6vh));display:flex;justify-content:center;align-items:center}.contents-box>div[data-v-33210793]{margin:0 clamp(19px,1.5vw,1.5vw);display:flex;justify-content:center;align-items:center;flex-direction:column}.contents-box p[data-v-33210793]{font-size:var(--font14);color:var(--white)}.contents-box h3[data-v-33210793]{font-size:var(--font20);font-weight:500}.vue-highcharts[data-v-33210793]{padding:4.6vh 1.8vw 0 1.8vw;width:100%}.icon-box[data-v-33210793]{width:2vw;min-width:25px;height:2vw;display:flex;justify-content:center;align-items:center}.content-area[data-v-33210793]{width:50%;height:50%;padding:var(--margin5)}.content-box[data-v-33210793]{width:100%;height:100%;border:1px solid #fff}.map-container[data-v-33210793]{width:100%;height:100%}.custom-marker[data-v-33210793]{border-radius:4px;box-shadow:0 0 4px rgba(0,0,0,.3)}.custom-popup{position:fixed;z-index:1000}.custom-popup .popup-wrapper{background-color:var(--gray-700)!important;border-radius:var(--border-radius-5);padding:0!important}.custom-popup .popup-title{padding:clamp(8px,1.11vh,1.11vh) clamp(8px,.68vw,.68vw);display:flex;align-items:center;height:clamp(24px,3.43vh,3.43vh)}.custom-popup .popup-title h1{color:var(--white);font-size:var(--font15);font-weight:500;line-height:100%;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.custom-popup .popup-content{padding:var(--margin5);padding-top:0}.custom-popup .content-list{border:1px solid #fff;border-radius:var(--border-radius-5);margin-bottom:clamp(3px,.25vw,.25vw)}.custom-popup .content-list.people{border-color:#3f59f0}.custom-popup .content-list.people .content-title{background-color:#3f59f0}.custom-popup .content-list.people .list-back h2{color:#3f59f0}.custom-popup .content-list.animal{border-color:#6b6ed6}.custom-popup .content-list.animal .content-title{background-color:#6b6ed6}.custom-popup .content-list.animal .list-back h2{color:#6b6ed6}.custom-popup .content-list.twowheel{border-color:#139ac9}.custom-popup .content-list.twowheel .content-title{background-color:#139ac9}.custom-popup .content-list.twowheel .list-back h2{color:#139ac9}.custom-popup .content-list.fourwheel{border-color:#6dc363}.custom-popup .content-list.fourwheel .content-title{background-color:#6dc363}.custom-popup .content-list.fourwheel .list-back h2{color:#6dc363}.custom-popup .content-list:last-child{margin-bottom:0}.custom-popup .content-title{display:flex;align-items:center;height:var(--height30);padding:0 clamp(4px,.56vh,.56vh);border-top-left-radius:var(--border-radius-5);border-top-right-radius:var(--border-radius-5)}.custom-popup .content-title h2{color:var(--white);font-size:var(--font14);line-height:100%}.custom-popup .content-data-area{display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:10px;column-gap:10px;padding:0 clamp(4px,.56vh,.56vh)}.custom-popup .content-data{display:flex;align-items:center;justify-content:space-between;height:var(--height30)}.custom-popup .content-data h2{line-height:100%;font-size:var(--font15)}.custom-popup .list-front{width:80px;display:flex;align-items:center}.custom-popup .list-front h2{color:var(--white)}.datepicker-wrap[data-v-a0996cd4]{z-index:20;display:flex;position:relative}.datepicker-wrap [data-v-a0996cd4]{color:#fff}.datepicker-wrap h3[data-v-a0996cd4]{font-size:var(--font16)}.datepicker-box[data-v-a0996cd4]{display:flex;width:12vw;min-width:153px}.date-box[data-v-a0996cd4]{width:7.8vw;min-width:100px;display:flex;justify-content:center}.time-box[data-v-a0996cd4]{width:2.6vw;min-width:33px;display:flex;justify-content:center;overflow:hidden}.inactive input[data-v-a0996cd4]{color:var(--gray-200)}.filter-date .vc-input-wrap[data-v-a0996cd4]{width:15.9vw;min-width:203px;border-color:var(--white)!important}.library-filter-date .vc-input-wrap[data-v-a0996cd4]{width:15.1vw!important;min-width:193px!important;border-color:var(--white)!important}.filter-date.fix-datepicker .vc-input-wrap[data-v-a0996cd4]{width:300px;border-color:var(--white)!important}.filter-date.no-active .vc-input-wrap[data-v-a0996cd4]{border-color:var(--border-color)!important}.datepicker-module .vc-input-wrap[data-v-a0996cd4]{border-color:var(--gray-300)!important}.filter-date .vc-input-box[data-v-a0996cd4]{background-color:var(--gray-400)!important;border-color:var(--white)!important;font-size:var(--font16)}.filter-date.fix-datepicker .vc-input-box[data-v-a0996cd4]{font-size:16px}.filter-date.no-active .vc-input-box[data-v-a0996cd4]{border-color:var(--border-color)!important}.filter-date .vc-popover-btn[data-v-a0996cd4]{background-color:var(--gray-400)!important}.filter-date .vc-popover-btn svg[data-v-a0996cd4]{width:1.8vh;min-width:13px;height:1.8vh;min-height:13px}.filter-date.fix-datepicker .vc-popover-btn svg[data-v-a0996cd4]{width:20px;height:20px}.filter-date .vc-popover-btn svg path[data-v-a0996cd4]{fill:var(--active-text)!important}.no-active .vc-input-box[data-v-a0996cd4]{background-color:var(--inactive-box-background)!important;color:var(--inactive-text)!important;cursor:default!important}.no-active .vc-popover-btn[data-v-a0996cd4]{background-color:var(--inactive-box-background)!important;cursor:default}.no-active .vc-popover-btn svg path[data-v-a0996cd4]{fill:var(--inactive-text)!important}.normal-text[data-v-49ac9f1c]{color:var(--border-color);font-size:var(--font16);font-weight:400;white-space:nowrap;transition:.3s}.active .normal-text[data-v-49ac9f1c]{color:#fff}.header-text[data-v-49ac9f1c]{color:#fff;font-size:var(--font16);font-weight:400;white-space:nowrap;transition:.3s}.option-list .normal-text[data-v-49ac9f1c]{margin-left:.2vw;color:var(--inactive-text)}.option-list .normal-text.active[data-v-49ac9f1c]{color:#fff}.combobox-box[data-v-49ac9f1c]{position:relative;background-color:var(--gray-400);margin-right:var(--margin-r10);z-index:1}.combobox-box.order[data-v-49ac9f1c]{width:8.6vw;min-width:110px;z-index:7}.combobox-box>div[data-v-49ac9f1c]{width:100%;background-color:var(--gray-400)}.combobox-box.contents[data-v-49ac9f1c]{width:5.7vw;min-width:73px}.filter-option[data-v-49ac9f1c]{width:20.8vw;min-width:266px;border:1px solid #fff;border-radius:var(--border-radius5);background-color:var(--gray-400);position:absolute;left:0;top:4.2vh;cursor:default;padding:clamp(12px,1.6vh,1.6vh) clamp(11px,.9vw,.9vw);display:flex;flex-wrap:wrap;justify-content:center;align-content:space-between;z-index:12}.filter-option>div[data-v-49ac9f1c]{width:100%}.align-bt[data-v-49ac9f1c]{margin-bottom:clamp(11px,.9vw,.9vw)}.subtitle[data-v-49ac9f1c]{font-weight:600;line-height:var(--font16);font-size:var(--font16)!important}.close-btn[data-v-49ac9f1c]{width:clamp(7px,.6vw,.6vw)}.check-box[data-v-49ac9f1c]{background-color:var(--gray-700);border-radius:var(--border-radius5);height:3.5vh;justify-content:space-between;padding:0 clamp(10px,.8vw,.8vw);margin-bottom:clamp(10px,1.4vh,1.4vh)}.check-box>div[data-v-49ac9f1c],.check-box[data-v-49ac9f1c],.check[data-v-49ac9f1c]{display:flex;align-items:center}.check[data-v-49ac9f1c]{width:1.4vmin;min-width:10px;height:1.4vmin;min-height:10px;border:1px solid var(--gray-300);border-radius:clamp(2px,.2vmin,.2vmin);background-color:var(--gray-700);margin-right:clamp(4.5px,.35vw,.35vw);cursor:pointer;justify-content:center;transition:.3s}.check.checked[data-v-49ac9f1c]{border-color:var(--blue-100);background-color:var(--blue-100)}.checked .check_btn[data-v-49ac9f1c]{display:block}.check_btn[data-v-49ac9f1c]{display:none;width:100%}.align-bt[data-v-49ac9f1c]{justify-content:space-between;padding:var(--padding05);height:1.8vh;min-height:13px;display:flex;align-content:center}.option-box[data-v-49ac9f1c]{display:flex;flex-wrap:wrap;margin-bottom:clamp(12px,1.6vh,1.6vh)}.option-box h3[data-v-49ac9f1c]{font-size:var(--font16);font-weight:500;color:#fff;text-align:left}.option-box>div[data-v-49ac9f1c]{width:100%;height:var(--height40);display:flex;justify-content:space-between;align-items:center}.option-box .combobox-wrap[data-v-49ac9f1c]{background-color:var(--gray-400);width:15.1vw;min-width:193px;margin-left:clamp(6px,.5vw,.5vw)}.filter-option .btn-box[data-v-49ac9f1c]{width:10.9vw;min-width:140px;height:var(--height40);display:flex;justify-content:space-between}.option-list[data-v-49ac9f1c]{position:relative;margin-bottom:clamp(10px,1.4vh,1.4vh)}.option-list[data-v-49ac9f1c]:last-child{margin-bottom:0}.subtitle[data-v-49ac9f1c]{color:#fff;font-size:var(--font16)}.no-click-area[data-v-49ac9f1c]{z-index:20;background-color:transparent;position:absolute;width:15.9vw;min-width:203px;height:var(--height40);right:0;top:0;cursor:not-allowed}.dark-fill-btn[data-v-49ac9f1c]{width:5.2vw;min-width:66px;height:var(--height40);font-size:var(--font16);background-color:transparent;border:1px solid var(--white);color:var(--white)}.dark-fill-btn[data-v-49ac9f1c]:hover{background-color:transparent;border-color:var(--blue-100);color:var(--blue-100)}.dark-fill-btn.default[data-v-49ac9f1c]{cursor:default;border-color:var(--gray-700)}.dark-fill-btn.default[data-v-49ac9f1c],.dark-fill-btn.default[data-v-49ac9f1c]:hover{background-color:var(--gray-700);color:var(--gray-200)}.datepicker-wrap[data-v-365c9e70]{z-index:20;display:flex;position:relative}.datepicker-wrap [data-v-365c9e70]{color:#fff}.datepicker-wrap h3[data-v-365c9e70]{font-size:var(--font16)}.datepicker-box[data-v-365c9e70]{display:flex;width:12vw;min-width:153px}.date-box[data-v-365c9e70]{width:7.8vw;min-width:100px;display:flex;justify-content:center}.time-box[data-v-365c9e70]{width:2.6vw;min-width:33px;display:flex;justify-content:center;overflow:hidden}.inactive input[data-v-365c9e70]{color:var(--gray-200)}.filter-date .vc-input-wrap[data-v-365c9e70]{width:15.9vw;min-width:203px;border-color:var(--white)!important}.library-filter-date .vc-input-wrap[data-v-365c9e70]{width:15.1vw!important;min-width:193px!important;border-color:var(--white)!important}.filter-date.fix-datepicker .vc-input-wrap[data-v-365c9e70]{width:300px;border-color:var(--white)!important}.filter-date.no-active .vc-input-wrap[data-v-365c9e70]{border-color:var(--border-color)!important}.datepicker-module .vc-input-wrap[data-v-365c9e70]{border-color:var(--gray-300)!important}.filter-date .vc-input-box[data-v-365c9e70]{background-color:var(--gray-400)!important;border-color:var(--white)!important;font-size:var(--font16)}.filter-date.fix-datepicker .vc-input-box[data-v-365c9e70]{font-size:16px}.filter-date.no-active .vc-input-box[data-v-365c9e70]{border-color:var(--border-color)!important}.filter-date .vc-popover-btn[data-v-365c9e70]{background-color:var(--gray-400)!important}.filter-date .vc-popover-btn svg[data-v-365c9e70]{width:1.8vh;min-width:13px;height:1.8vh;min-height:13px}.filter-date.fix-datepicker .vc-popover-btn svg[data-v-365c9e70]{width:20px;height:20px}.filter-date .vc-popover-btn svg path[data-v-365c9e70]{fill:var(--active-text)!important}.no-active .vc-input-box[data-v-365c9e70]{background-color:var(--inactive-box-background)!important;color:var(--inactive-text)!important;cursor:default!important}.no-active .vc-popover-btn[data-v-365c9e70]{background-color:var(--inactive-box-background)!important;cursor:default}.no-active .vc-popover-btn svg path[data-v-365c9e70]{fill:var(--inactive-text)!important}.vc-wrap{display:flex;align-items:center}.datepicker-module .vc-wrap{width:100%}.vc-input-wrap{display:flex;height:var(--height40);border-radius:var(--border-radius5);transition:.3s;overflow:hidden}.vc-input-wrap.focus{border-color:var(--white)!important}.vc-input-box{text-align:left;width:calc(100% - var(--height40));height:100%;padding:var(--padding010);border-right:1px solid var(--gray-300);background-color:var(--gray-700);transition:.3s;font-size:var(--font16)}.focus .vc-input-box,.focus .vc-input-wrap{border-color:var(--white)}.vc-popover-btn{width:var(--height40);height:var(--height40);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;background-color:var(--gray-700)}.inactive .vc-popover-btn path{fill:var(--gray-300)}.vc-date-picker-content .vc-container{background-color:var(--gray-700)}.vc-container .vc-title{color:var(--white)}.vc-container .vc-arrow,.vc-container .vc-title{background-color:transparent}.vc-container .vc-weekday{color:var(--white)}.vc-container .vc-pane-header-wrapper{z-index:1}.vc-container .vc-day-content{color:var(--white)}.vc-container .direction-bottom.align-left{display:none}.vc-container .vc-time-select-group{background-color:transparent;border:none}.vc-container .vc-time-weekday,.vc-container .vc-time-year{color:var(--white)}.vc-popover-content{background-color:var(--gray-700)}.vc-nav-title,.vc-popover-content .vc-nav-arrow,.vc-popover-content .vc-nav-items button{background-color:transparent;color:var(--white);transition:.3s}.vc-popover-content .vc-nav-title:hover{background-color:transparent}.vc-highlight-content-solid,.vc-popover-content .vc-nav-items button:hover{background-color:var(--blue-100)}.vc-highlight-content-solid{border-radius:var(--border-radius5)}.vc-base-select select{border:none;width:5.2vw;min-width:66px;height:var(--height35);border:1px solid var(--gray-300);color:var(--white);font-size:var(--font13)}.vc-base-select select:hover{background-color:transparent}.vc-base-select select option{color:#000}.vc-time-colon{color:var(--white);margin:var(--margin05)}.vc-time-select-group>svg{display:none}.vc-time-picker.vc-attached{border-top:none}.vc-base-select select.vc-align-left,.vc-base-select select.vc-align-right{text-align:center}.checkbox-wrap[data-v-5c31e4e4]{position:absolute;right:0;top:0;width:100%;z-index:10;background-color:var(--gray-400);border-radius:var(--border-radius5)}.checkbox-area[data-v-5c31e4e4]{border:1px solid var(--white);border-radius:var(--border-radius5);height:var();transition:.3s;position:relative}.checkbox-area.active[data-v-5c31e4e4]{border-color:#fff!important}.no-active .checkbox-area[data-v-5c31e4e4]{background-color:var(--inactive-box-background)!important;border-radius:var(--border-radius5)}.selected-item[data-v-5c31e4e4]{cursor:pointer;color:#fff;height:var(--height40);display:flex;justify-content:flex-start;align-items:center;border:1px solid transparent;box-sizing:border-box}.selected-item h1[data-v-5c31e4e4]{font-size:var(--font16)}.selected-item-list[data-v-5c31e4e4]{width:calc(100% - clamp(7px, .6vw, .6vw) - clamp(6px, .5vw, .5vw)*2);height:100%;padding:var(--padding010);display:flex;align-items:center;transition:.3s}.selected-item-list h1[data-v-5c31e4e4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-open-btn[data-v-5c31e4e4]{display:flex;align-items:center;justify-content:center;width:var(--height45);height:var(--height45)}.popup-open-btn svg[data-v-5c31e4e4]{width:clamp(7px,.6vw,.6vw);margin:0 clamp(6px,.5vw,.5vw)}.popup-open-btn svg path[data-v-5c31e4e4]{fill:#fff;transition:.3s}.checkbox-area.active .popup-open-btn[data-v-5c31e4e4]{transform:rotate(180deg)}.camera-svg[data-v-5c31e4e4]{width:50%!important;height:50%!important}.no-active .popup-open-btn svg path[data-v-5c31e4e4]{fill:var(--inactive-text)}.checkbox-area.active .selected-item-list[data-v-5c31e4e4],.checkbox-area.active[data-v-5c31e4e4]{border-color:#fff}.active h1[data-v-5c31e4e4]{color:#fff}.white-text[data-v-5c31e4e4]{color:#fff!important}.selected-item .vms-padding[data-v-5c31e4e4]{padding:0 clamp(2px,.3vw,.3vw)}.active .selected-item h1[data-v-5c31e4e4]{color:#fff!important}.no-active h1[data-v-5c31e4e4]{color:var(--inactive-text)}.no-active .checkbox-area[data-v-5c31e4e4]{border-color:var(--border-color)}.list-box[data-v-5c31e4e4]{position:absolute;top:calc(var(--height40) + var(--border-radius5));border:1px solid var(--border-color);border-radius:var(--border-radius5);width:100%;background-color:var(--gray-400);transition:.3s;max-height:calc(var(--height40)*5);overflow:auto}.checkbox-area.active .list-box[data-v-5c31e4e4]{border-color:#fff}.item-list[data-v-5c31e4e4]{display:flex;align-items:center;height:var(--height40);padding:var(--padding010);cursor:pointer}.item-list h1[data-v-5c31e4e4]{margin:var(--margin05);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font16)}.check-box[data-v-5c31e4e4]{width:1.5vmin;min-width:10px;height:1.5vmin;min-height:10px;border:1px solid var(--white);border-radius:clamp(2px,.2vmin,.2vmin);transition:.3s;display:flex;justify-content:center;align-items:center}.check-box>img[data-v-5c31e4e4]{display:none}.item-list.active .check-box>img[data-v-5c31e4e4]{display:block;width:100%}.item-list.active .check-box[data-v-5c31e4e4]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.item-list.active h1[data-v-5c31e4e4]{color:var(--blue-100)}.icon-box[data-v-5c31e4e4]{position:absolute;top:calc(var(--height40) + var(--border-radius5));left:0;border:1px solid var(--white);border-radius:var(--border-radius5);width:100%;background-color:var(--gray-400);transition:.3s;overflow:auto;padding:clamp(10px,.8vw,.8vw);display:flex;flex-wrap:wrap;gap:var(--tenpx)}.checkbox-area.active .icon-box[data-v-5c31e4e4]{border-color:#fff}.icon-list[data-v-5c31e4e4]{flex:0 0 calc(33.33333% - var(--tenpx)*2/3);min-width:51px;display:flex;flex-wrap:wrap;justify-content:center;cursor:pointer;padding:var(--padding10);border:1px solid var(--inactive-box-background);border-radius:var(--border-radius5);transition:.3s}.icon-list svg[data-v-5c31e4e4]{width:2.1vw;min-width:26px;height:4.4vh;min-height:32px}.icon-list svg path[data-v-5c31e4e4]{transition:.3s}.icon-list h3[data-v-5c31e4e4]{color:var(--border-color10);font-size:var(--font14);width:100%;line-height:clamp(10px,1.4vh,1.4vh);margin-top:.45vh;transition:.3s}.object-box[data-v-5c31e4e4]{position:absolute;top:calc(var(--height40) + var(--border-radius5));left:0;border:1px solid var(--white);border-radius:var(--border-radius5);width:100%;background-color:var(--gray-400);transition:.3s;overflow:auto;padding:var(--padding10);display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start}.object-wrap[data-v-5c31e4e4]{margin-bottom:clamp(4px,.5vh,.5vh);width:100%;position:relative;min-height:60px;display:flex;gap:var(--tenpx)}.object-wrap[data-v-5c31e4e4]:last-child{margin-bottom:0}.object-item-box[data-v-5c31e4e4]{flex:0 0 calc(33.33333% - var(--tenpx)*2/3);min-width:51px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;cursor:pointer;border:1px solid var(--inactive-box-background);padding:var(--padding10);border-radius:var(--border-radius5);transition:.3s}.object-item-box svg[data-v-5c31e4e4]{width:2.1vw;min-width:26px;height:4.4vh;min-height:32px}.object-item-box svg path[data-v-5c31e4e4]{transition:.3s}.object-item-box h3[data-v-5c31e4e4]{color:var(--border-color10);font-size:var(--font14);width:100%;line-height:clamp(10px,1.4vh,1.4vh);margin-top:.45vh;transition:.3s}.color-box[data-v-5c31e4e4]{position:absolute;top:calc(var(--height40) + var(--border-radius5));left:0;border:1px solid var(--white);border-radius:var(--border-radius5);width:100%;background-color:var(--gray-400);transition:.3s;overflow:auto;padding:clamp(10px,.8vw,.8vw);display:flex;flex-wrap:wrap;gap:var(--tenpx)}.color-item-box[data-v-5c31e4e4]{flex:0 0 calc(25% - var(--tenpx)*3/4);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--inactive-box-background);border-radius:var(--border-radius5);transition:.3s;padding:clamp(10px,1.4vh,1.4vh) 0 var(--tenpx) 0}.array-three[data-v-5c31e4e4]{flex:0 0 calc(33.33333% - var(--tenpx)*2/3)}.color-item-box h3[data-v-5c31e4e4]{color:var(--border-color10);font-size:var(--font14);width:100%;line-height:clamp(10px,1.4vh,1.4vh);margin-top:clamp(12px,1.6vh,1.6vh);transition:.3s}.color-circle[data-v-5c31e4e4]{width:1.5vw;min-width:19px;height:1.5vw;min-height:19px;border-radius:50%}.color-check[data-v-5c31e4e4],.color-circle[data-v-5c31e4e4]{display:flex;align-items:center;justify-content:center}.color-check img[data-v-5c31e4e4]{width:1vw;min-width:12px;height:1vw;min-height:12px}.active-color[data-v-5c31e4e4],.active-item[data-v-5c31e4e4],.color-item-box[data-v-5c31e4e4]:hover,.icon-list[data-v-5c31e4e4]:hover,.object-item-box[data-v-5c31e4e4]:hover{border-color:var(--blue-100)}.active-item svg path[data-v-5c31e4e4],.icon-list:hover svg path[data-v-5c31e4e4],.object-item-box:hover svg path[data-v-5c31e4e4]{fill:var(--blue-100)}.active-color h3[data-v-5c31e4e4],.color-item-box:hover h3[data-v-5c31e4e4]{color:var(--white)}.active-item h3[data-v-5c31e4e4],.icon-list:hover h3[data-v-5c31e4e4],.object-item-box:hover h3[data-v-5c31e4e4]{color:var(--blue-100)}.fix-check .selected-item h1[data-v-5c31e4e4]{font-size:16px}.fix-check .selected-item .vms-padding[data-v-5c31e4e4]{padding:0 6px}.fix-check ul[data-v-5c31e4e4]{padding:0 5px}.fix-check li>h1[data-v-5c31e4e4]{padding:0 5px;font-size:16px}.fix-check li>.vms-padding[data-v-5c31e4e4]{padding:0 11px}.fix-check .arrow-img[data-v-5c31e4e4]{width:12px;right:10px}.popover-wrap[data-v-289e02f8]{position:fixed;display:flex;align-items:center;justify-content:center}.normal-text[data-v-289e02f8]{color:var(--border-color);font-size:16px;font-weight:400;white-space:nowrap;transition:.3s}.active .normal-text[data-v-289e02f8]{color:#fff}.header-text[data-v-289e02f8]{color:#fff;font-size:16px;font-weight:400;white-space:nowrap;transition:.3s}.option-list .normal-text[data-v-289e02f8]{color:var(--inactive-text)}.option-list .normal-text.active[data-v-289e02f8]{color:#fff}.filter-option[data-v-289e02f8]{width:1030px;height:925px;border:1px solid var(--border-color2);border-radius:5px;background-color:var(--background-color14);cursor:default;padding:0 10px;display:flex;flex-wrap:wrap;justify-content:center;align-content:space-between;z-index:12}.filter-option>div[data-v-289e02f8]{width:100%}.align-bt[data-v-289e02f8]{justify-content:space-between;height:55px;display:flex;align-content:center;padding:0 10px}.subtitle[data-v-289e02f8]{color:#fff;font-weight:600;line-height:16px;font-size:16px!important}.close-btn[data-v-289e02f8]{width:12px}.option-area[data-v-289e02f8]{width:100%;height:790px;display:flex;position:relative;border-radius:5px}.map-container[data-v-289e02f8]{width:100%;height:100%}.option-box[data-v-289e02f8]{display:flex;flex-wrap:wrap;width:400px;height:770px;position:absolute;top:10px;left:10px;background-color:var(--gray-400);z-index:1;border-radius:5px;overflow:hidden;align-content:flex-start;justify-content:center}.option-box.not-expand[data-v-289e02f8]{height:56px}.option-box-padding[data-v-289e02f8]{width:100%;padding:1px 17px 14px 17px;display:flex;flex-wrap:wrap}.option-box h3[data-v-289e02f8]{font-size:16px;font-weight:400;color:#fff;text-align:left}.option-box .checkbox-wrap[data-v-289e02f8],.option-box .combobox-wrap[data-v-289e02f8]{background-color:var(--gray-400);width:300px}.option-header[data-v-289e02f8]{width:100%;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 17px}.option-header h3[data-v-289e02f8]{font-weight:600}.option-expand[data-v-289e02f8]{width:24px;height:24px;border:1px solid var(--border-color2);border-radius:5px;cursor:pointer;transition:.3s}.option-expand[data-v-289e02f8]:hover{border-color:var(--white)}.option-expand svg[data-v-289e02f8]{width:100%;height:100%}.not-expand .option-expand svg[data-v-289e02f8]{transform:rotate(180deg)}.filter-option .btn-box[data-v-289e02f8]{height:80px;display:flex;justify-content:center;align-items:center}.option-list[data-v-289e02f8]{position:relative;margin-bottom:15px;width:100%;height:40px;display:flex;justify-content:space-between;align-items:center}.option-list[data-v-289e02f8]:last-child{margin-bottom:0}.div-bar[data-v-289e02f8]{width:380px;height:0;border-top:1px dashed var(--border-color2)}.camera-area[data-v-289e02f8]{height:calc(100% - 220px);width:100%;padding:0 17px 14px 17px}.dark-fill-btn[data-v-289e02f8]{width:100px;height:40px;font-size:16px;background-color:transparent;border:1px solid var(--white);color:var(--white);margin-right:10px}.dark-fill-btn[data-v-289e02f8]:hover{background-color:transparent;border-color:var(--blue-100);color:var(--blue-100)}.dark-fill-btn.default[data-v-289e02f8]{cursor:default;border-color:var(--gray-700)}.dark-fill-btn.default[data-v-289e02f8],.dark-fill-btn.default[data-v-289e02f8]:hover{background-color:var(--gray-700);color:var(--gray-200)}.checkbox-background[data-v-289e02f8]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}.selection-box[data-v-289e02f8]{position:absolute;border:2px dashed var(--blue-100);background-color:#2e8eff40;pointer-events:none}.maplibregl-canvas[data-v-289e02f8]{border-radius:5px}.camera-search-header[data-v-289e02f8]{height:60px;display:flex;align-items:center;justify-content:space-between}.camera-search-header h3[data-v-289e02f8]{line-height:100%}.all-set-btn[data-v-289e02f8]{height:40px;background-color:transparent;border:1px solid var(--white);border-radius:5px;color:var(--white);font-weight:400;font-size:16px;padding:0 14px;cursor:pointer;transition:.3s}.all-set-btn[data-v-289e02f8]:hover{border-color:var(--blue-100);color:var(--blue-100)}.search-camera-area[data-v-289e02f8]{width:100%;height:40px;border:1px solid var(--border-color2);border-radius:5px;display:flex;align-items:center;justify-content:space-between}.search-camera-area.focus[data-v-289e02f8]{border-color:var(--white)}.search-camera-area.focus svg path[data-v-289e02f8]{fill:var(--white)}.search-camera-area input[data-v-289e02f8]{width:calc(100% - 35px);text-align:left;padding:0 5px 0 12px;background-color:transparent;color:var(--white)}.search-camera-area svg[data-v-289e02f8]{margin-right:9px;width:22px;height:22px}.camera-list-area[data-v-289e02f8]{width:100%;height:calc(100% - 115px);border:1px solid var(--border-color2);border-radius:5px;margin-top:10px;padding:10px 0 10px 10px;overflow-y:scroll}.camera-list[data-v-289e02f8]{width:100%;height:40px;display:flex;align-items:center;justify-content:start}.camera-name[data-v-289e02f8]{width:calc(100% - 36px)}.camera-list h4[data-v-289e02f8]{width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--white)}.check-box[data-v-289e02f8]{width:16px;height:16px;border:1px solid var(--border-color2);border-radius:2px;transition:.3s;display:flex;justify-content:center;align-items:center;margin-right:8px;margin-left:12px;cursor:pointer}.check-box>img[data-v-289e02f8]{display:none}.camera-list.active .check-box>img[data-v-289e02f8]{display:block;width:100%}.camera-list.active .check-box[data-v-289e02f8]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.camera-list.active .camera-name h4[data-v-289e02f8]{color:var(--blue-100)}.my-scroll[data-v-289e02f8]::-webkit-scrollbar{width:10px}.my-scroll[data-v-289e02f8]::-webkit-scrollbar-track{border-radius:5px}.my-scroll[data-v-289e02f8]::-webkit-scrollbar-thumb{border-radius:5px;background-clip:padding-box;border:2px solid transparent}.popover-wrap[data-v-22da4450]{position:fixed;display:flex;align-items:center;justify-content:center}.normal-text[data-v-22da4450]{color:var(--border-color);font-size:16px;font-weight:400;white-space:nowrap;transition:.3s}.active .normal-text[data-v-22da4450]{color:#fff}.header-text[data-v-22da4450]{color:#fff;font-size:16px;font-weight:400;white-space:nowrap;transition:.3s}.option-list .normal-text[data-v-22da4450]{color:var(--inactive-text)}.option-list .normal-text.active[data-v-22da4450]{color:#fff}.filter-option[data-v-22da4450]{width:1030px;height:925px;border:1px solid var(--border-color2);border-radius:5px;background-color:var(--background-color14);cursor:default;padding:0 10px;display:flex;flex-wrap:wrap;justify-content:center;align-content:space-between;z-index:12}.filter-option>div[data-v-22da4450]{width:100%}.align-bt[data-v-22da4450]{justify-content:space-between;height:55px;display:flex;align-content:center;padding:0 10px}.subtitle[data-v-22da4450]{color:#fff;font-weight:600;line-height:16px;font-size:16px!important}.close-btn[data-v-22da4450]{width:12px}.option-area[data-v-22da4450]{width:100%;height:790px;display:flex;position:relative;border-radius:5px}.map-container[data-v-22da4450]{width:100%;height:100%}.option-box[data-v-22da4450]{display:flex;flex-wrap:wrap;width:400px;height:770px;position:absolute;top:10px;left:10px;background-color:var(--gray-400);z-index:1;border-radius:5px;overflow:hidden;align-content:flex-start;justify-content:center}.option-box.not-expand[data-v-22da4450]{height:56px}.option-box-padding[data-v-22da4450]{width:100%;padding:1px 17px 14px 17px;display:flex;flex-wrap:wrap}.option-box h3[data-v-22da4450]{font-size:16px;font-weight:400;color:#fff;text-align:left}.option-box .checkbox-wrap[data-v-22da4450],.option-box .combobox-wrap[data-v-22da4450]{background-color:var(--gray-400);width:300px}.option-header[data-v-22da4450]{width:100%;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 17px}.option-header h3[data-v-22da4450]{font-weight:600}.option-expand[data-v-22da4450]{width:24px;height:24px;border:1px solid var(--border-color2);border-radius:5px;cursor:pointer;transition:.3s}.option-expand[data-v-22da4450]:hover{border-color:var(--white)}.option-expand svg[data-v-22da4450]{width:100%;height:100%}.not-expand .option-expand svg[data-v-22da4450]{transform:rotate(180deg)}.filter-option .btn-box[data-v-22da4450]{height:80px;display:flex;justify-content:center;align-items:center}.option-list[data-v-22da4450]{position:relative;margin-bottom:15px;width:100%;height:40px;display:flex;justify-content:space-between;align-items:center}.option-list[data-v-22da4450]:last-child{margin-bottom:0}.div-bar[data-v-22da4450]{width:380px;height:0;border-top:1px dashed var(--border-color2)}.camera-area[data-v-22da4450]{height:calc(100% - 220px);width:100%;padding:0 17px 14px 17px}.camera-area.persion[data-v-22da4450]{height:calc(100% - 330px)}.camera-area.car[data-v-22da4450]{height:calc(100% - 275px)}.dark-fill-btn[data-v-22da4450]{width:100px;height:40px;font-size:16px;background-color:transparent;border:1px solid var(--white);color:var(--white);margin-right:10px}.dark-fill-btn[data-v-22da4450]:hover{background-color:transparent;border-color:var(--blue-100);color:var(--blue-100)}.dark-fill-btn.default[data-v-22da4450]{cursor:default;border-color:var(--gray-700)}.dark-fill-btn.default[data-v-22da4450],.dark-fill-btn.default[data-v-22da4450]:hover{background-color:var(--gray-700);color:var(--gray-200)}.checkbox-background[data-v-22da4450]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}.selection-box[data-v-22da4450]{position:absolute;border:2px dashed var(--blue-100);background-color:#2e8eff40;pointer-events:none}.maplibregl-canvas[data-v-22da4450]{border-radius:5px}.camera-search-header[data-v-22da4450]{height:60px;display:flex;align-items:center;justify-content:space-between}.camera-search-header h3[data-v-22da4450]{line-height:100%}.all-set-btn[data-v-22da4450]{height:40px;background-color:transparent;border:1px solid var(--white);border-radius:5px;color:var(--white);font-weight:400;font-size:16px;padding:0 14px;cursor:pointer;transition:.3s}.all-set-btn[data-v-22da4450]:hover{border-color:var(--blue-100);color:var(--blue-100)}.search-camera-area[data-v-22da4450]{width:100%;height:40px;border:1px solid var(--border-color2);border-radius:5px;display:flex;align-items:center;justify-content:space-between}.search-camera-area.focus[data-v-22da4450]{border-color:var(--white)}.search-camera-area.focus svg path[data-v-22da4450]{fill:var(--white)}.search-camera-area input[data-v-22da4450]{width:calc(100% - 35px);text-align:left;padding:0 5px 0 12px;background-color:transparent;color:var(--white)}.search-camera-area svg[data-v-22da4450]{margin-right:9px;width:22px;height:22px}.camera-list-area[data-v-22da4450]{width:100%;height:calc(100% - 115px);border:1px solid var(--border-color2);border-radius:5px;margin-top:10px;padding:10px 0 10px 10px;overflow-y:scroll}.camera-list[data-v-22da4450]{width:100%;height:40px;display:flex;align-items:center;justify-content:start}.camera-name[data-v-22da4450]{width:calc(100% - 36px)}.camera-list h4[data-v-22da4450]{width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--white)}.check-box[data-v-22da4450]{width:16px;height:16px;border:1px solid var(--border-color2);border-radius:2px;transition:.3s;display:flex;justify-content:center;align-items:center;margin-right:8px;margin-left:12px;cursor:pointer}.check-box>img[data-v-22da4450]{display:none}.camera-list.active .check-box>img[data-v-22da4450]{display:block;width:100%}.camera-list.active .check-box[data-v-22da4450]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.camera-list.active .camera-name h4[data-v-22da4450]{color:var(--blue-100)}.my-scroll[data-v-22da4450]::-webkit-scrollbar{width:10px}.my-scroll[data-v-22da4450]::-webkit-scrollbar-track{border-radius:5px}.my-scroll[data-v-22da4450]::-webkit-scrollbar-thumb{border-radius:5px;background-clip:padding-box;border:2px solid transparent}.popover-wrap[data-v-64530c4a]{position:fixed;display:flex;align-items:center;justify-content:center}.normal-text[data-v-64530c4a]{color:var(--border-color);font-size:16px;font-weight:400;white-space:nowrap;transition:.3s}.active .normal-text[data-v-64530c4a]{color:#fff}.header-text[data-v-64530c4a]{color:#fff;font-size:16px;font-weight:400;white-space:nowrap;transition:.3s}.option-list .normal-text[data-v-64530c4a]{color:var(--inactive-text)}.option-list .normal-text.active[data-v-64530c4a]{color:#fff}.filter-option[data-v-64530c4a]{width:1030px;height:925px;border:1px solid var(--border-color2);border-radius:5px;background-color:var(--background-color14);cursor:default;padding:0 10px;display:flex;flex-wrap:wrap;justify-content:center;align-content:space-between;z-index:12}.filter-option>div[data-v-64530c4a]{width:100%}.align-bt[data-v-64530c4a]{justify-content:space-between;height:55px;display:flex;align-content:center;padding:0 10px}.subtitle[data-v-64530c4a]{color:#fff;font-weight:600;line-height:16px;font-size:16px!important}.close-btn[data-v-64530c4a]{width:12px}.option-area[data-v-64530c4a]{width:100%;height:790px;display:flex;position:relative;border-radius:5px}.map-container[data-v-64530c4a]{width:100%;height:100%}.option-box[data-v-64530c4a]{display:flex;flex-wrap:wrap;width:400px;height:770px;position:absolute;top:10px;left:10px;background-color:var(--gray-400);z-index:1;border-radius:5px;overflow:hidden;align-content:flex-start;justify-content:center}.option-box.not-expand[data-v-64530c4a]{height:56px}.option-box-padding[data-v-64530c4a]{width:100%;padding:1px 17px 14px 17px;display:flex;flex-wrap:wrap}.option-box h3[data-v-64530c4a]{font-size:16px;font-weight:400;color:#fff;text-align:left}.option-box .checkbox-wrap[data-v-64530c4a],.option-box .combobox-wrap[data-v-64530c4a]{background-color:var(--gray-400);width:300px}.option-header[data-v-64530c4a]{width:100%;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 17px}.option-header h3[data-v-64530c4a]{font-weight:600}.option-expand[data-v-64530c4a]{width:24px;height:24px;border:1px solid var(--border-color2);border-radius:5px;cursor:pointer;transition:.3s}.option-expand[data-v-64530c4a]:hover{border-color:var(--white)}.option-expand svg[data-v-64530c4a]{width:100%;height:100%}.not-expand .option-expand svg[data-v-64530c4a]{transform:rotate(180deg)}.filter-option .btn-box[data-v-64530c4a]{height:80px;display:flex;justify-content:center;align-items:center}.option-list[data-v-64530c4a]{position:relative;margin-bottom:15px;width:100%;height:40px;display:flex;justify-content:space-between;align-items:center}.option-list[data-v-64530c4a]:last-child{margin-bottom:0}.div-bar[data-v-64530c4a]{width:380px;height:0;border-top:1px dashed var(--border-color2)}.camera-area[data-v-64530c4a]{height:calc(100% - 220px);width:100%;padding:0 17px 14px 17px}.dark-fill-btn[data-v-64530c4a]{width:100px;height:40px;font-size:16px;background-color:transparent;border:1px solid var(--white);color:var(--white);margin-right:10px}.dark-fill-btn[data-v-64530c4a]:hover{background-color:transparent;border-color:var(--blue-100);color:var(--blue-100)}.dark-fill-btn.default[data-v-64530c4a]{cursor:default;border-color:var(--gray-700)}.dark-fill-btn.default[data-v-64530c4a],.dark-fill-btn.default[data-v-64530c4a]:hover{background-color:var(--gray-700);color:var(--gray-200)}.checkbox-background[data-v-64530c4a]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}.selection-box[data-v-64530c4a]{position:absolute;border:2px dashed var(--blue-100);background-color:#2e8eff40;pointer-events:none}.maplibregl-canvas[data-v-64530c4a]{border-radius:5px}.camera-search-header[data-v-64530c4a]{height:60px;display:flex;align-items:center;justify-content:space-between}.camera-search-header h3[data-v-64530c4a]{line-height:100%}.all-set-btn[data-v-64530c4a]{height:40px;background-color:transparent;border:1px solid var(--white);border-radius:5px;color:var(--white);font-weight:400;font-size:16px;padding:0 14px;cursor:pointer;transition:.3s}.all-set-btn[data-v-64530c4a]:hover{border-color:var(--blue-100);color:var(--blue-100)}.search-camera-area[data-v-64530c4a]{width:100%;height:40px;border:1px solid var(--border-color2);border-radius:5px;display:flex;align-items:center;justify-content:space-between}.search-camera-area.focus[data-v-64530c4a]{border-color:var(--white)}.search-camera-area.focus svg path[data-v-64530c4a]{fill:var(--white)}.search-camera-area input[data-v-64530c4a]{width:calc(100% - 35px);text-align:left;padding:0 5px 0 12px;background-color:transparent;color:var(--white)}.search-camera-area svg[data-v-64530c4a]{margin-right:9px;width:22px;height:22px}.camera-list-area[data-v-64530c4a]{width:100%;height:calc(100% - 115px);border:1px solid var(--border-color2);border-radius:5px;margin-top:10px;padding:10px 0 10px 10px;overflow-y:scroll}.camera-list[data-v-64530c4a]{width:100%;height:40px;display:flex;align-items:center;justify-content:start}.camera-name[data-v-64530c4a]{width:calc(100% - 36px)}.camera-list h4[data-v-64530c4a]{width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--white)}.check-box[data-v-64530c4a]{width:16px;height:16px;border:1px solid var(--border-color2);border-radius:2px;transition:.3s;display:flex;justify-content:center;align-items:center;margin-right:8px;margin-left:12px;cursor:pointer}.check-box>img[data-v-64530c4a]{display:none}.camera-list.active .check-box>img[data-v-64530c4a]{display:block;width:100%}.camera-list.active .check-box[data-v-64530c4a]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.camera-list.active .camera-name h4[data-v-64530c4a]{color:var(--blue-100)}.my-scroll[data-v-64530c4a]::-webkit-scrollbar{width:10px}.my-scroll[data-v-64530c4a]::-webkit-scrollbar-track{border-radius:5px}.my-scroll[data-v-64530c4a]::-webkit-scrollbar-thumb{border-radius:5px;background-clip:padding-box;border:2px solid transparent}.popover-wrap[data-v-5bc5caa2]{position:fixed;display:flex;align-items:center;justify-content:center}.normal-text[data-v-5bc5caa2]{color:var(--border-color);font-size:16px;font-weight:400;white-space:nowrap;transition:.3s}.active .normal-text[data-v-5bc5caa2]{color:#fff}.header-text[data-v-5bc5caa2]{color:#fff;font-size:16px;font-weight:400;white-space:nowrap;transition:.3s}.option-list .normal-text[data-v-5bc5caa2]{color:var(--inactive-text)}.option-list .normal-text.active[data-v-5bc5caa2]{color:#fff}.filter-option[data-v-5bc5caa2]{width:1030px;height:925px;border:1px solid var(--border-color2);border-radius:5px;background-color:var(--background-color14);cursor:default;padding:0 10px;display:flex;flex-wrap:wrap;justify-content:center;align-content:space-between;z-index:12}.filter-option>div[data-v-5bc5caa2]{width:100%}.align-bt[data-v-5bc5caa2]{justify-content:space-between;height:55px;display:flex;align-content:center;padding:0 10px}.subtitle[data-v-5bc5caa2]{color:#fff;font-weight:600;line-height:16px;font-size:16px!important}.close-btn[data-v-5bc5caa2]{width:12px}.option-area[data-v-5bc5caa2]{width:100%;height:790px;display:flex;position:relative;border-radius:5px}.map-container[data-v-5bc5caa2]{width:100%;height:100%}.option-box[data-v-5bc5caa2]{display:flex;flex-wrap:wrap;width:400px;height:770px;position:absolute;top:10px;left:10px;background-color:var(--gray-400);z-index:1;border-radius:5px;overflow:hidden;align-content:flex-start;justify-content:center}.option-box.not-expand[data-v-5bc5caa2]{height:56px}.option-box-padding[data-v-5bc5caa2]{width:100%;padding:1px 17px 14px 17px;display:flex;flex-wrap:wrap}.option-box h3[data-v-5bc5caa2]{font-size:16px;font-weight:400;color:#fff;text-align:left}.option-box .checkbox-wrap[data-v-5bc5caa2],.option-box .combobox-wrap[data-v-5bc5caa2]{background-color:var(--gray-400);width:300px}.option-header[data-v-5bc5caa2]{width:100%;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 17px}.option-header h3[data-v-5bc5caa2]{font-weight:600}.option-expand[data-v-5bc5caa2]{width:24px;height:24px;border:1px solid var(--border-color2);border-radius:5px;cursor:pointer;transition:.3s}.option-expand[data-v-5bc5caa2]:hover{border-color:var(--white)}.option-expand svg[data-v-5bc5caa2]{width:100%;height:100%}.not-expand .option-expand svg[data-v-5bc5caa2]{transform:rotate(180deg)}.filter-option .btn-box[data-v-5bc5caa2]{height:80px;display:flex;justify-content:center;align-items:center}.option-list[data-v-5bc5caa2]{position:relative;margin-bottom:15px;width:100%;height:40px;display:flex;justify-content:space-between;align-items:center}.option-list[data-v-5bc5caa2]:last-child{margin-bottom:0}.div-bar[data-v-5bc5caa2]{width:380px;height:0;border-top:1px dashed var(--border-color2)}.camera-area[data-v-5bc5caa2]{height:calc(100% - 165px);width:100%;padding:0 17px 14px 17px}.dark-fill-btn[data-v-5bc5caa2]{width:100px;height:40px;font-size:16px;background-color:transparent;border:1px solid var(--white);color:var(--white);margin-right:10px}.dark-fill-btn[data-v-5bc5caa2]:hover{background-color:transparent;border-color:var(--blue-100);color:var(--blue-100)}.dark-fill-btn.default[data-v-5bc5caa2]{cursor:default;border-color:var(--gray-700)}.dark-fill-btn.default[data-v-5bc5caa2],.dark-fill-btn.default[data-v-5bc5caa2]:hover{background-color:var(--gray-700);color:var(--gray-200)}.checkbox-background[data-v-5bc5caa2]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}.selection-box[data-v-5bc5caa2]{position:absolute;border:2px dashed var(--blue-100);background-color:#2e8eff40;pointer-events:none}.maplibregl-canvas[data-v-5bc5caa2]{border-radius:5px}.camera-search-header[data-v-5bc5caa2]{height:60px;display:flex;align-items:center;justify-content:space-between}.camera-search-header h3[data-v-5bc5caa2]{line-height:100%}.all-set-btn[data-v-5bc5caa2]{height:40px;background-color:transparent;border:1px solid var(--white);border-radius:5px;color:var(--white);font-weight:400;font-size:16px;padding:0 14px;cursor:pointer;transition:.3s}.all-set-btn[data-v-5bc5caa2]:hover{border-color:var(--blue-100);color:var(--blue-100)}.search-camera-area[data-v-5bc5caa2]{width:100%;height:40px;border:1px solid var(--border-color2);border-radius:5px;display:flex;align-items:center;justify-content:space-between}.search-camera-area.focus[data-v-5bc5caa2]{border-color:var(--white)}.search-camera-area.focus svg path[data-v-5bc5caa2]{fill:var(--white)}.search-camera-area input[data-v-5bc5caa2]{width:calc(100% - 35px);text-align:left;padding:0 5px 0 12px;background-color:transparent;color:var(--white)}.search-camera-area svg[data-v-5bc5caa2]{margin-right:9px;width:22px;height:22px}.camera-list-area[data-v-5bc5caa2]{width:100%;height:calc(100% - 115px);border:1px solid var(--border-color2);border-radius:5px;margin-top:10px;padding:10px 0 10px 10px;overflow-y:scroll}.camera-list[data-v-5bc5caa2]{width:100%;height:40px;display:flex;align-items:center;justify-content:start}.camera-name[data-v-5bc5caa2]{width:calc(100% - 36px)}.camera-list h4[data-v-5bc5caa2]{width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--white)}.check-box[data-v-5bc5caa2]{width:16px;height:16px;border:1px solid var(--border-color2);border-radius:2px;transition:.3s;display:flex;justify-content:center;align-items:center;margin-right:8px;margin-left:12px;cursor:pointer}.check-box>img[data-v-5bc5caa2]{display:none}.camera-list.active .check-box>img[data-v-5bc5caa2]{display:block;width:100%}.camera-list.active .check-box[data-v-5bc5caa2]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.camera-list.active .camera-name h4[data-v-5bc5caa2]{color:var(--blue-100)}.my-scroll[data-v-5bc5caa2]::-webkit-scrollbar{width:10px}.my-scroll[data-v-5bc5caa2]::-webkit-scrollbar-track{border-radius:5px}.my-scroll[data-v-5bc5caa2]::-webkit-scrollbar-thumb{border-radius:5px;background-clip:padding-box;border:2px solid transparent}.no-list-box[data-v-ff8242c2]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.all-area[data-v-ff8242c2]{display:flex;justify-content:space-between;background-color:var(--gray-700);width:100%;height:100%}.left-area[data-v-ff8242c2]{width:calc(100% - clamp(289px, 22.6vw, 22.6vw) - clamp(6px, .5vw, .5vw));height:100%;background-color:var(--gray-400);border-radius:var(--border-radius5);padding:clamp(10px,1.39vh,1.39vh) 0;display:flex;flex-direction:column;align-items:flex-start}.right-area[data-v-ff8242c2]{width:22.6vw;min-width:289px;height:100%}.left-flex[data-v-ff8242c2]{width:100%;height:7.41vh;min-height:53px;display:flex;justify-content:center}.top-area[data-v-ff8242c2]{width:calc(100% - clamp(12px, 1vw, 1vw)*2);height:7.41vh;min-height:53px;background-color:var(--gray-700);border-radius:var(--border-radius5);display:flex}.curr-object[data-v-ff8242c2]{border-right:1px solid var(--border-color4);height:100%;padding:0 clamp(16px,1.25vw,1.25vw);display:flex;align-items:center}.curr-object h2[data-v-ff8242c2]{margin-right:clamp(16px,1.25vw,1.25vw);color:var(--white);white-space:nowrap}.curr-img-area[data-v-ff8242c2]{height:var(--height60);width:var(--height60);border:1px solid var(--border-color4);border-radius:var(--border-radius5);position:relative}.curr-img-area:hover .overay-img-box[data-v-ff8242c2]{visibility:visible}.curr-img-area img[data-v-ff8242c2],.overay-img-box img[data-v-ff8242c2]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.overay-img-box[data-v-ff8242c2]{width:clamp(133px,10.42vw,10.42vw);height:clamp(133px,18.52vh,18.52vh);position:absolute;top:50%;left:50%;border:1px solid var(--blue-100);background-color:var(--background-color12);border-radius:var(--border-radius5);z-index:1;box-shadow:var(--box-shadow-total);visibility:hidden}.curr-object-info[data-v-ff8242c2]{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(10px,1.48vh,1.48vh) clamp(16px,1.25vw,1.25vw)}.info-area[data-v-ff8242c2],.top-info[data-v-ff8242c2]{display:flex;align-items:center}.info-area[data-v-ff8242c2]{margin-right:clamp(38px,3vw,3vw)}.small-div[data-v-ff8242c2]{width:1px;height:14px;background-color:var(--border-color2);margin:0 clamp(7px,.6vw,.6vw)}.info-area h2[data-v-ff8242c2]{color:var(--inactive-text);font-size:var(--font16);line-height:100%;white-space:nowrap}.info-area h3[data-v-ff8242c2]{color:var(--white);font-size:var(--font16);line-height:100%;white-space:nowrap}.bottom-area[data-v-ff8242c2]{width:calc(100% - clamp(3px, .25vw, .25vw));height:calc(100% - clamp(53px, 7.41vh, 7.41vh) - clamp(10px, 1.39vh, 1.39vh));overflow-x:hidden;margin-top:clamp(10px,1.39vh,1.39vh);padding:0 clamp(4px,.31vw,.31vw) 0 clamp(12px,1vw,1vw)}.bottom-area.my-scroll[data-v-ff8242c2]::-webkit-scrollbar{width:.5vw;min-width:6px}.bottom-area.my-scroll[data-v-ff8242c2]::-webkit-scrollbar-track{background-color:unset;border-radius:clamp(6px,.9vmin,.9vmin)}.bottom-area.my-scroll[data-v-ff8242c2]::-webkit-scrollbar-thumb{border-radius:clamp(6px,.9vmin,.9vmin);background-clip:padding-box;border:.1vmin solid transparent;background-color:#575d64}.military .bottom-area.my-scroll[data-v-ff8242c2]::-webkit-scrollbar-thumb{background-color:#aba198}.timeline-list[data-v-ff8242c2]{width:100%;height:clamp(214px,29.6vh,29.6vh);background-color:var(--gray-700);margin-bottom:clamp(5px,.74vh,.74vh);border-radius:var(--border-radius5)}.timeline-list[data-v-ff8242c2]:last-child{margin-bottom:0}.timeline-header[data-v-ff8242c2]{width:100%;height:calc(100% - clamp(172px, 23.89vh, 23.89vh) - clamp(7px, 1vh, 1vh));display:flex;align-items:center;justify-content:space-between;padding:0 clamp(14px,1.15vw,1.15vw) 0 clamp(16px,1.25vw,1.25vw)}.header-front[data-v-ff8242c2]{display:flex;align-items:center}.header-front h1[data-v-ff8242c2]{color:var(--white);margin-right:var(--forteenpx);font-size:var(--font16)}.time-area[data-v-ff8242c2]{display:flex;align-items:center;height:clamp(20px,2.87vh,2.87vh);background-color:var(--gray-400);padding:0 clamp(8px,.63vw,.63vw);border-radius:clamp(10px,.83vw,.83vw)}.time-area h2[data-v-ff8242c2]{font-size:var(--font16);color:var(--white)}.time-area h3[data-v-ff8242c2]{font-size:var(--font16);color:var(--inactive-text);margin:0 clamp(2px,.21vw,.21vw)}.header-back[data-v-ff8242c2]{display:flex}.all-log[data-v-ff8242c2],.curr-log[data-v-ff8242c2]{display:flex;align-items:center;height:clamp(20px,2.87vh,2.87vh);padding:0 clamp(8px,.63vw,.63vw);border-radius:clamp(10px,.83vw,.83vw);border:1px solid var(--border-color2)}.curr-log[data-v-ff8242c2]{margin-right:var(--tenpx)}.all-log h2[data-v-ff8242c2],.curr-log h2[data-v-ff8242c2]{font-size:var(--font16);color:var(--inactive-text)}.all-log h3[data-v-ff8242c2],.curr-log h3[data-v-ff8242c2]{font-size:var(--font16);color:var(--white);width:clamp(40px,3.13vw,3.13vw);text-align:right}.blank-object[data-v-ff8242c2]{width:100%;height:clamp(172px,23.89vh,23.89vh);padding:0 clamp(8px,.63vw,.63vw)}.blank-area[data-v-ff8242c2]{width:100%;height:100%;border-radius:var(--border-radius5);display:flex;align-items:center;justify-content:center;background-color:var(--background-color12)}.blank-area h2[data-v-ff8242c2]{font-size:var(--font16);color:var(--inactive-text2)}.object-area[data-v-ff8242c2]{width:calc(100% - clamp(5px, .35vw, .35vw));height:clamp(172px,23.89vh,23.89vh);display:flex;flex-wrap:wrap;gap:clamp(4px,.36vw,.36vw);overflow-x:hidden;scrollbar-gutter:stable;padding:0 0 0 clamp(8px,.63vw,.63vw)}.object-list[data-v-ff8242c2]{width:clamp(116px,9.11vw,9.11vw);height:clamp(172px,23.89vh,23.89vh);border:1px solid var(--border-color4);cursor:pointer}.object-list.active[data-v-ff8242c2]{border-color:var(--blue-100)}.object-area.my-scroll[data-v-ff8242c2]::-webkit-scrollbar{width:.5vw;min-width:6px}.object-area.my-scroll[data-v-ff8242c2]::-webkit-scrollbar-track{background-color:unset;border-radius:var(--border-radius10)}.object-area.my-scroll[data-v-ff8242c2]::-webkit-scrollbar-thumb{border-radius:var(--border-radius10);background-clip:padding-box;border:.2vmin solid transparent;background-color:#3f393e}.military .object-area.my-scroll[data-v-ff8242c2]::-webkit-scrollbar-thumb{background-color:#3b463e}.object-thumbnail[data-v-ff8242c2]{background-color:var(--background-color12);width:100%;height:clamp(116px,16.2vh,16.2vh)}.object-thumbnail img[data-v-ff8242c2]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.object-list-info[data-v-ff8242c2]{background-color:var(--background-color4);height:calc(100% - clamp(116px, 16.2vh, 16.2vh));display:flex;flex-direction:column;justify-content:space-evenly;padding:0 clamp(6px,.47vw,.47vw)}.object-info-list[data-v-ff8242c2]{height:50%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start}.object-info-list h2[data-v-ff8242c2]{font-size:var(--font11)}.object-info-list h2[data-v-ff8242c2],.object-info-list h3[data-v-ff8242c2]{line-height:100%;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.object-info-list h3[data-v-ff8242c2]{font-size:var(--font14);color:var(--white)}.select-object-info[data-v-ff8242c2]{padding:clamp(10px,1.39vh,1.39vh) clamp(10px,.78vw,.78vw)}.blank-object-info[data-v-ff8242c2],.select-object-info[data-v-ff8242c2]{background-color:var(--gray-400);border-radius:var(--border-radius5);height:clamp(136px,19vh,19vh);margin-bottom:var(--tenpx);width:100%;display:flex;align-items:center}.blank-object-info[data-v-ff8242c2]{justify-content:center}.blank-object-info h1[data-v-ff8242c2]{font-size:var(--font16)}.thumbnail-area[data-v-ff8242c2]{width:clamp(116px,9.11vw,9.11vw);height:clamp(116px,16.2vh,16.2vh);background-color:var(--background-color12);position:relative}.thumbnail-area img[data-v-ff8242c2]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.icon-area[data-v-ff8242c2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:var(--height45);display:flex;align-items:center;justify-content:center;z-index:2}.icon-opacity[data-v-ff8242c2]{position:absolute;width:100%;height:100%;background-color:var(--gray-700);opacity:0;top:0;transition:.3s}.object-box:hover .icon-opacity[data-v-ff8242c2]{opacity:.2}.icon-box[data-v-ff8242c2]{width:2.1vw;min-width:26px;height:2.1vw;min-height:26px;background:hsla(0,0%,100%,.45);margin:0 clamp(4.5px,.35vw,.35vw);border-radius:var(--border-radius5);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.icon-box svg path[data-v-ff8242c2]{transition:.3s}.icon-box[data-v-ff8242c2]:hover{background-color:var(--white)}.icon-box:hover svg path[data-v-ff8242c2]{fill:var(--button-hover-text)}.play-icon>svg[data-v-ff8242c2]{width:.7vw;min-width:9px}.search-account>svg[data-v-ff8242c2]{width:1.2vw;min-width:15px}.select-object-info-area[data-v-ff8242c2]{width:calc(100% - clamp(102px, 8vw, 8vw));height:100%;display:flex;flex-direction:column;justify-content:space-around}.select-info-area[data-v-ff8242c2]{display:flex;align-items:center;margin-left:clamp(10px,.78vw,.78vw)}.select-info-area h2[data-v-ff8242c2],.select-info-area h3[data-v-ff8242c2]{font-size:var(--font16);white-space:nowrap}.select-info-area h3[data-v-ff8242c2]{color:var(--white);overflow:hidden;text-overflow:ellipsis}.narrow-box[data-v-ff8242c2]{width:100%;height:calc(100% - clamp(136px, 19vh, 19vh) - var(--tenpx));display:flex;flex-wrap:wrap;align-content:flex-start;background-color:var(--gray-400);border-radius:var(--border-radius5)}.narrow-box .object-wrap[data-v-ff8242c2]{width:100%;height:100%;display:flex;overflow:hidden}.narrow-box:last-child .title-box[data-v-ff8242c2]{padding:0}.title-box[data-v-ff8242c2]{height:6.5vh;min-height:46px;display:flex;align-items:center;justify-content:flex-start;padding:var(--padding010)}.title-box .map-box[data-v-ff8242c2]{background-color:var(--gray-600);cursor:pointer}.title-box .map-box h3[data-v-ff8242c2],.title-box .map-box[data-v-ff8242c2]{height:var(--height40);border-radius:var(--border-radius10);display:flex;align-items:center}.title-box .map-box h3[data-v-ff8242c2]{width:var(--width90);min-width:77px;color:var(--svg-path);font-weight:400;justify-content:center;font-size:var(--font18)}.title-box .map-box h3.active[data-v-ff8242c2]{background-color:var(--white);font-weight:600;color:var(--gray-700);transition:.3s}.map-img[data-v-ff8242c2]{width:100%}.title-box h3[data-v-ff8242c2]{color:var(--white);font-size:var(--font18);font-weight:600}.title-box .blue-text[data-v-ff8242c2]{color:var(--button-point-color)}.object-wrap[data-v-ff8242c2]{width:100%;height:9.3vh;min-height:67px;background-color:var(--gray-700);border-radius:var(--border-radius5)}.map-container[data-v-ff8242c2]{width:100%;height:100%}.custom-marker[data-v-ff8242c2]{border-radius:4px;box-shadow:0 0 4px rgba(0,0,0,.3)}.maplibregl-popup-close-button,.maplibregl-popup-tip{display:none}.maplibregl-popup-content{border-radius:6px!important;padding:0;background:#fff!important;color:#000!important;font-size:14px}.custom-popup .popup-wrapper{background:#fff;border:1px solid #ccc;border-radius:6px;padding:10px;min-width:120px}.custom-popup .popup-title{font-weight:700;font-size:14px;margin-bottom:5px}.custom-popup .popup-title.only-name{margin-bottom:0!important}.custom-popup .popup-status{font-size:12px;padding:2px 6px;border-radius:4px;display:inline-block;color:#fff}.custom-popup .popup-status.online{background:green}.custom-popup .popup-status.offline{background:red}p[data-v-262485be]{color:#fff;cursor:pointer}.library-box[data-v-262485be]{margin:auto;margin-bottom:clamp(6px,.9vh,.9vh);display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;height:calc(100% - clamp(31px, 4.2vh, 4.2vh))}.no-list-box[data-v-262485be]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.no-list-box h2[data-v-262485be]{font-size:var(--font18);color:var(--gray-100)}.thumbnail-box[data-v-262485be]{width:100%;height:15.3vh;min-height:110px;cursor:pointer;position:relative}.pct-box[data-v-262485be]{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--gray-900);cursor:default}.thumbnail-box h2[data-v-262485be],.thumbnail-box h4[data-v-262485be]{font-size:var(--font18);font-weight:400;color:#fff}.play-icon-box[data-v-262485be]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--height45);height:var(--height45);background:hsla(0,0%,100%,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.play-opacity[data-v-262485be]{position:absolute;width:100%;height:100%;background-color:var(--gray-700);opacity:0;top:0;transition:.3s}.video-box:hover .play-opacity[data-v-262485be]{opacity:.2}.play-icon-box>img[data-v-262485be]{width:.7vw;min-width:9px}.video-thumbnail[data-v-262485be]{width:100%;height:100%;border:1px solid var(--gray-700)}.video-box[data-v-262485be]{margin:var(--margin5);border:1px solid transparent;width:calc(25% - clamp(6px, .5vw, .5vw));color:var(--white);cursor:default;position:relative;transition:.3s}.video-box[data-v-262485be]:hover{border-color:var(--white);box-shadow:0 clamp(12px,1vw,1vw) clamp(4px,.6vh,.6vh) calc(clamp(6px, .5vw, .5vw)*-1) rgba(0,0,0,.45)}.check-box[data-v-262485be]{width:1.8vmin;min-width:13px;height:1.8vmin;min-height:13px;border:2px solid transparent;border-radius:clamp(2px,.2vmin,.2vmin);transition:.3s;display:flex;justify-content:center;align-items:center}.check-box.show[data-v-262485be]{border-color:var(--white)}.check-box>img[data-v-262485be]{display:none}.active .check-box>img[data-v-262485be]{display:block;width:90%}.video-box.active[data-v-262485be]{border-color:var(--blue-100);box-shadow:var(--box-shadow-total)}.video-box:hover .check-box[data-v-262485be]{border-color:var(--white)}.video-box.active .check-box[data-v-262485be]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.video-check-box[data-v-262485be]{position:absolute;width:auto;top:0;left:0;display:flex;justify-content:space-between;align-content:flex-start;line-height:clamp(12px,1.7vh,1.7vh);cursor:default;padding:var(--padding10);z-index:5;cursor:pointer}.video-check-box img[data-v-262485be]{cursor:pointer}.video-info-box[data-v-262485be]{display:flex;flex-wrap:wrap;background-color:var(--gray-700);padding:clamp(4px,.5vh,.5vh) clamp(6px,.5vw,.5vw);height:clamp(73px,10.2vh,10.2vh);align-items:space-around}.video-info-box>div[data-v-262485be]{width:100%;height:2.3vh;min-height:16px;display:flex;align-items:center;font-size:var(--font14)}.video-info-box .left[data-v-262485be]{width:5vw;min-width:71px;display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.video-info-box .right[data-v-262485be]{width:calc(100% - clamp(71px, 5vw, 5vw))}.period-right[data-v-262485be],.video-info-box .right[data-v-262485be]{color:var(--white);padding:var(--padding010)}.info-div h2[data-v-262485be]{color:var(--gray-200);padding:0 clamp(6px,.5vw,.5vw) 0 0}.size-left[data-v-262485be]{display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.size-right[data-v-262485be]{color:var(--white);padding:var(--padding010)}.video-info-box .right h2[data-v-262485be]{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memo-box[data-v-262485be]{position:absolute;right:clamp(6px,.9vmin,.9vmin);bottom:clamp(6px,.9vmin,.9vmin);width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;border:1px solid var(--blue-100);border-radius:var(--border-radius5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.memo-box[data-v-262485be]:hover{background-color:var(--blue-100)}.memo-box svg[data-v-262485be]{width:1.4vmin;min-width:10px;height:1.4vmin;min-height:10px}.memo-box svg path[data-v-262485be]{transition:.3s}.memo-box:hover svg path[data-v-262485be]{fill:var(--white)}.page-area[data-v-262485be]{position:relative;height:var(--height35);width:100%}.func-wrap[data-v-262485be]{position:absolute;width:22.9vw;min-width:293px;height:4.6vh;min-height:33px;background-color:var(--blue-100);border-radius:var(--border-radius5);bottom:clamp(6px,.9vh,.9vh);right:clamp(6px,.5vw,.5vw);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(3px,.25vw,.25vw) 0 clamp(6px,.5vw,.5vw);z-index:5;box-shadow:0 clamp(3px,.25vw,.25vw) clamp(6px,.9vh,.9vh) 0 rgba(0,0,0,.45)}.func-wrap h3[data-v-262485be]{font-size:var(--font16)}.func-wrap img[data-v-262485be]{width:2.3vmin;min-width:16px;height:2.3vmin;min-height:16px}.func-wrap>div[data-v-262485be]{display:flex;color:var(--white);align-items:center}.func-wrap>div>img[data-v-262485be]{margin-right:var(--margin-r10);cursor:pointer}.func-box[data-v-262485be]{width:2.8vmin;min-width:20px;height:2.8vmin;min-height:20px;border-radius:var(--border-radius5);border:1px solid var(--white);display:flex;align-items:center;justify-content:center;margin:var(--margin05);cursor:pointer;transition:.3s}.func-box svg[data-v-262485be]{width:1.7vmin;min-width:12px;height:1.7vmin;min-height:12px}.playlist-icon svg[data-v-262485be]{width:2.1vmin;min-width:15px;height:2.1vmin;min-height:15px}.func-box[data-v-262485be]:hover{background-color:var(--white)}.func-box svg path[data-v-262485be]{transition:.3s}.func-box:hover svg path[data-v-262485be]{fill:var(--blue-100)}.retry-button[data-v-262485be]{padding:.5vmin 1vmin;margin-top:.5vmin;font-size:var(--font14)}.share-box[data-v-262485be]{position:absolute;right:calc(clamp(20px, 2.8vh, 2.8vh) + clamp(6px, .9vmin, .9vmin) + clamp(6px, .5vw, .5vw));bottom:clamp(6px,.9vmin,.9vmin);width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;border:1px solid #393a3f;border-radius:var(--border-radius5);background-color:#393a3f;cursor:pointer;transition:.3s}.share-box[data-v-262485be]:hover{background-color:transparent;border-color:#fff}.share-icon-box[data-v-262485be]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.share-icon-box img[data-v-262485be]{width:.9vw;min-width:12px}.share-box:hover .share-info-box[data-v-262485be]{opacity:1;z-index:5}.share-info-box[data-v-262485be]{position:absolute;right:0;top:clamp(21px,3vh,5vh);z-index:-1;transition:.3s;opacity:0;padding:clamp(4px,.5vh,.5vh) clamp(6px,.5vw,.5vw);background-color:var(--gray-700);border:1px solid #fff;border-radius:var(--border-radius5);height:2.8vh;display:flex;align-items:center;justify-content:center}.share-info-box>div[data-v-262485be]{width:1px;height:1.3vh;border:1px solid #575d64;margin:0 clamp(6px,.5vw,.5vw)}.share-info-box h3[data-v-262485be]{font-size:var(--font15);white-space:nowrap}.share-info-box h3[data-v-262485be]:first-child{color:#fff}.library-wrap[data-v-c1575f14]{width:100%;height:calc(100% - clamp(39px, 5.5vh, 5.5vh));padding:clamp(10px,1.4vh,1.4vh) clamp(6px,.5vw,.5vw) clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);display:flex;justify-content:space-between}.gray-fill-box.right[data-v-c1575f14]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));height:100%}.gray-fill-box .top-box[data-v-c1575f14]{padding:var(--padding010)}.trans-background[data-v-c1575f14]{background-color:transparent}.gray-box[data-v-c1575f14]{height:var(--height40);background-color:var(--gray-400);display:flex;justify-content:space-between;align-items:center}.gray-box.search[data-v-c1575f14]{padding:var(--padding010);border-color:var(--border-color)}.gray-box.search input[data-v-c1575f14]{width:100%;padding-right:clamp(6px,.5vw,.5vw);background-color:transparent;text-align:left;color:#fff;font-size:var(--font16)}.search[data-v-c1575f14]{width:23.7vw;min-width:303px}.search svg[data-v-c1575f14]{width:1.3vw;min-width:14px}.search svg path[data-v-c1575f14]{fill:var(--border-color)}.filter[data-v-c1575f14]{padding:var(--padding10);transition:.3s;border-color:var(--border-color)}.filter svg[data-v-c1575f14]{width:1.3vw;min-width:14px;margin-right:clamp(6px,.5vw,.5vw)}.filter svg path[data-v-c1575f14],.normal-text[data-v-c1575f14]{transition:.3s}.filter[data-v-c1575f14]:hover{border-color:#fff}.filter:hover svg path[data-v-c1575f14]{fill:#fff}.filter:hover h3[data-v-c1575f14]{color:#fff}.filter.show[data-v-c1575f14]{border-color:#fff}.filter.show .normal-text[data-v-c1575f14]{color:#fff}.filter.show svg path[data-v-c1575f14]{fill:#fff}.filter.active[data-v-c1575f14]{background-color:var(--blue-100);border-color:var(--blue-100)}.filter.active[data-v-c1575f14]:hover{border-color:var(--blue-100)}.active .normal-text[data-v-c1575f14]{color:#fff}.top-box .left[data-v-c1575f14]{height:var(--height40)}.top-box .left[data-v-c1575f14],.top-box .right[data-v-c1575f14]{display:flex;justify-content:space-between}.filter-area[data-v-c1575f14]{position:relative}.combobox-box[data-v-c1575f14]{position:relative;background-color:var(--gray-400);margin-right:var(--margin-r10);z-index:3}.combobox-box.order[data-v-c1575f14]{width:8.6vw;min-width:110px;z-index:7}.combobox-box>div[data-v-c1575f14]{width:100%;background-color:var(--gray-400)}.combobox-box.contents[data-v-c1575f14]{width:5.7vw;min-width:73px}.background-area[data-v-c1575f14]{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:transparent;z-index:11}.video-list[data-v-c1575f14]{padding:clamp(4px,.5vh,.5vh) clamp(3px,.25vw,.25vw) clamp(6px,.9vh,.9vh) clamp(3px,.25vw,.25vw)}.stat-area[data-v-c1575f14],.video-list[data-v-c1575f14]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));position:relative}.stat-area[data-v-c1575f14]{background-color:var(--gray-700)}.people-num[data-v-c1575f14]{width:100%;height:100%;position:relative}.toggle-box[data-v-c1575f14]{display:flex;align-items:center}.approve-btn-box[data-v-c1575f14]{display:flex;margin-left:clamp(9px,.73vw,.73vw)}.approve-btn-box h3[data-v-c1575f14]{font-size:var(--font18);font-weight:500;cursor:pointer}.approve-btn[data-v-c1575f14]{width:3.2vw;min-width:64px;height:2.8vh;min-height:20px;border-radius:clamp(15px,2.1vh,2.1vh);background-color:var(--background-color11);color:var(--inactive-box-background);position:relative;display:flex;justify-content:space-between;align-items:center;padding:.2vh .1vw;margin-left:clamp(6px,.5vw,.5vw);cursor:pointer}.approve-btn.active[data-v-c1575f14]{background-color:var(--blue-100);color:var(--white)}.approve-btn h2[data-v-c1575f14]{font-size:clamp(10px,1.2vmin,1.2vmin);font-weight:600;position:absolute}.approve-on[data-v-c1575f14]{left:clamp(4.5px,.35vw,.35vw)}.approve-off[data-v-c1575f14]{right:clamp(4.5px,.35vw,.35vw)}.circle-btn[data-v-c1575f14]{width:2.4vh;min-width:17px;height:2.4vh;min-height:17px;background-color:var(--inactive-box-background);border-radius:50%;box-shadow:0 0 clamp(4px,.6vh,.6vh) 0 var(--box-shadow);position:absolute;top:clamp(1.5px,.2vh,.2vh);left:clamp(1.3px,.1vw,.1vw);transition:.3s;cursor:pointer}.active .circle-btn[data-v-c1575f14]{background-color:var(--white);left:calc(clamp(64px, 3.2vw, 3.2vw) - clamp(17px, 2.4vh, 2.4vh) - 2px)}.ex-box[data-v-1e65742d]{background-color:#000;display:flex;flex-wrap:wrap}.ex-box>[data-v-1e65742d]{margin:.3vh clamp(2px,.16vw,.16vw);width:7.8vw;min-width:100px;height:var(--height35)}.arrow-img-area[data-v-309afe2c]{width:520px;height:320px;position:relative}.arrow-canvas[data-v-309afe2c]{width:520px;height:320px;position:absolute;top:0;left:0;z-index:10}.konvajs-content[data-v-309afe2c]{z-index:1}.thumbnail-box[data-v-309afe2c]{width:520px;height:320px;border:1px solid var(--gray-350)}.thumbnail-box img[data-v-309afe2c]{width:100%;height:100%}.btn-box[data-v-309afe2c]{margin-top:clamp(6px,.9vh,.9vh);text-align:center;font:inherit}.white-btn[data-v-309afe2c]{width:5.2vw;min-width:66px;height:var(--height35);font-size:var(--font14);font-weight:400;margin:var(--margin05)}svg path[data-v-2027a608]{transition:.3s}.option-top-box[data-v-2027a608]{border-bottom:1px solid var(--border-color4);height:var(--height40);padding:var(--padding010);color:var(--background-color);font-weight:500;display:flex;justify-content:space-between;align-items:center}.all-check-box[data-v-2027a608]{display:flex;align-items:center;cursor:pointer}.all-check-box .check-btn[data-v-2027a608]{margin-right:clamp(4.5px,.35vw,.35vw)}.all-check-box svg[data-v-2027a608]{width:1vw;min-width:12px;height:1vw;min-height:12px}.all-check-box h3[data-v-2027a608]{color:var(--background-color);font-size:var(--font16);transition:.3s;white-space:nowrap}.close-btn[data-v-2027a608]{position:absolute;top:1.1vh;right:clamp(6px,.5vw,.5vw);width:1.3vh;min-width:9px;height:1.3vh;min-height:9px;cursor:pointer}.bottom-box[data-v-2027a608]{padding:var(--padding05)}.object-wrap[data-v-2027a608]{margin-bottom:clamp(4px,.5vh,.5vh);position:relative;height:8.3vh;min-height:60px;border-bottom:1px solid var(--border-color7);display:flex}.object-wrap[data-v-2027a608]:last-child{margin-bottom:0}.object-box[data-v-2027a608]{width:4vw;min-width:51px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;cursor:pointer}.object-box svg[data-v-2027a608]{width:2.1vw;min-width:26px;height:4.4vh;min-height:32px}.object-box h3[data-v-2027a608]{color:var(--background-color);font-size:var(--font14);width:100%;line-height:clamp(10px,1.4vh,1.4vh);margin-top:.45vh;transition:.3s}.active-item svg path[data-v-2027a608]{fill:var(--white)}.active-item h3[data-v-2027a608]{color:#fff}svg path[data-v-0970aa20]{transition:.3s}.option-gray-box[data-v-0970aa20]{width:12vw;min-width:153px}.option-top-box[data-v-0970aa20]{border-bottom:1px solid var(--border-color4);height:var(--height40);padding:var(--padding010);color:var(--gray-350);font-weight:500;display:flex;justify-content:space-between;align-items:center}.all-check-box[data-v-0970aa20]{display:flex;align-items:center;cursor:pointer}.all-check-box .check-btn[data-v-0970aa20]{margin-right:clamp(4.5px,.35vw,.35vw)}.all-check-box svg[data-v-0970aa20]{width:1vw;min-width:12px;height:1vw;min-height:12px}.all-check-box h3[data-v-0970aa20]{color:var(--background-color);font-size:var(--font16);transition:.3s;white-space:nowrap}.close-btn[data-v-0970aa20]{position:absolute;top:1.1vh;right:clamp(6px,.5vw,.5vw);width:1.3vh;min-width:9px;height:1.3vh;min-height:9px;cursor:pointer}.bottom-box[data-v-0970aa20]{display:flex;flex-wrap:wrap;justify-content:space-between;padding:clamp(4px,.5vh,.5vh) clamp(3px,.25vw,.25vw)}.color-box[data-v-0970aa20]{width:1.5vw;min-width:19px;height:1.5vw;min-height:19px;border-radius:50%;border:1px solid var(--gray-350);margin:.3vh clamp(3px,.25vw,.25vw);cursor:pointer}.color-box[data-v-0970aa20],.color-check[data-v-0970aa20]{display:flex;align-items:center;justify-content:center}.color-check img[data-v-0970aa20]{width:.7vw;min-width:9px}.active-item svg path[data-v-0970aa20]{fill:var(--white)}.active-item h3[data-v-0970aa20]{color:#fff}svg path[data-v-1cdc5320]{transition:.3s}.option-gray-box[data-v-1cdc5320]{width:11vw;min-width:175px}.option-top-box[data-v-1cdc5320]{border-bottom:1px solid var(--border-color4);height:var(--height40);padding:var(--padding010);color:var(--background-color);font-weight:500;display:flex;justify-content:space-between;align-items:center}.all-check-box[data-v-1cdc5320]{display:flex;align-items:center;cursor:pointer}.all-check-box .check-btn[data-v-1cdc5320]{margin-right:clamp(4.5px,.35vw,.35vw)}.all-check-box svg[data-v-1cdc5320]{width:1vw;min-width:12px;height:1vw;min-height:12px}.all-check-box h3[data-v-1cdc5320]{color:var(--background-color);font-size:var(--font16);transition:.3s;white-space:nowrap}.close-btn[data-v-1cdc5320]{position:absolute;top:1.1vh;right:clamp(6px,.5vw,.5vw);width:1.3vh;min-width:9px;height:1.3vh;min-height:9px;cursor:pointer}.bottom-box[data-v-1cdc5320]{padding:clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);display:flex;flex-wrap:wrap;align-content:space-between}.direction-box[data-v-1cdc5320]{width:42%;display:flex;align-items:center;cursor:pointer;margin-bottom:clamp(4px,.5vh,.5vh);position:relative;justify-content:space-between}.direction-text[data-v-1cdc5320]{display:flex;width:calc(100% - clamp(16px, 1.5vw, 1.5vw));align-items:center}.direction-box[data-v-1cdc5320]:nth-child(2n){margin-left:10%;width:48%}.direction-box h3[data-v-1cdc5320]{color:var(--background-color);margin-right:var(--margin-r10);font-size:var(--font15);text-align:left;white-space:nowrap}.direction-text svg[data-v-1cdc5320]{margin-right:clamp(4.5px,.35vw,.35vw);width:1vw!important;min-width:12px}.direction-box svg[data-v-1cdc5320]{width:1.3vw;min-width:14px;height:1.3vw;min-height:14px}.svg36[data-v-1cdc5320]{width:1.8vw!important;min-width:23px!important;height:1.8vw!important;min-height:23px!important}.active-item svg path[data-v-1cdc5320]{fill:var(--white)}.active-item h3[data-v-1cdc5320]{color:#fff}@media screen and (max-width:1280px){.option-gray-box[data-v-1cdc5320]{min-width:155px}}.dwell-img-area[data-v-cc7bd7ee]{width:520px;height:320px;position:relative}.dwell-canvas[data-v-cc7bd7ee]{width:520px;height:320px;position:absolute;top:0;left:0;z-index:10}.konvajs-content[data-v-cc7bd7ee]{z-index:1}.thumbnail-box[data-v-cc7bd7ee]{width:520px;height:320px;border:1px solid var(--gray-350)}.thumbnail-box img[data-v-cc7bd7ee]{width:100%;height:100%}.error-message[data-v-cc7bd7ee]{height:22px}.error-message h3[data-v-cc7bd7ee]{text-align:left;color:var(--red);font-size:15px}.btn-box[data-v-cc7bd7ee]{margin-top:clamp(6px,.9vh,.9vh);text-align:center;font:inherit}.white-btn[data-v-cc7bd7ee]{width:100px;height:40px;font-size:14px;font-weight:400;margin:0 5px}.white-btn.defalut[data-v-cc7bd7ee]{cursor:default}.white-btn.defalut[data-v-cc7bd7ee]:hover{color:#fff;background-color:transparent}.dwell-video[data-v-cc7bd7ee]{height:30px;margin-bottom:5px}.dwell-video-btn[data-v-cc7bd7ee],.dwell-video[data-v-cc7bd7ee]{width:100%;display:flex;align-items:center;justify-content:flex-start}.dwell-video-btn[data-v-cc7bd7ee]{height:100%;cursor:pointer}.dwell-video-btn h3[data-v-cc7bd7ee]{color:#fff}.check-box[data-v-cc7bd7ee]{margin-right:6px;width:16px;height:16px;border:1px solid #fff;border-radius:3px;transition:.3s;display:flex;justify-content:center;align-items:center;z-index:5}.check-box h3[data-v-cc7bd7ee]{font-size:15px}.check-box.show[data-v-cc7bd7ee]{border-color:var(--white)}.check-box>svg[data-v-cc7bd7ee]{display:none}.check-box.active>svg[data-v-cc7bd7ee]{display:block}.check-box.active[data-v-cc7bd7ee]{background-color:#fff}svg path[data-v-c026b81a]{transition:.3s}.option-top-box[data-v-c026b81a]{border-bottom:1px solid var(--border-color4);height:var(--height40);padding:var(--padding010);padding-left:clamp(10px,.8vw,.8vw);color:#fff;font-weight:500;display:flex;justify-content:space-between;align-items:center}.option-gray-box h2[data-v-c026b81a]{font-size:var(--font16);font-weight:600;color:#fff}.close-btn[data-v-c026b81a]{position:absolute;top:1.1vh;right:clamp(6px,.5vw,.5vw);width:1.3vh;min-width:9px;height:1.3vh;min-height:9px;cursor:pointer}.bottom-box[data-v-c026b81a]{padding:var(--padding10)}.area-box[data-v-c026b81a]{width:100%;border:1px solid transparent;border-radius:var(--border-radius5);background-color:var(--background-color);margin-bottom:clamp(4px,.5vh,.5vh);padding:0 clamp(5px,.4vw,.4vw);transition:.3s;box-sizing:border-box;cursor:pointer;position:relative}.area-box[data-v-c026b81a]:hover{border-color:var(--white)}.area-box[data-v-c026b81a]:last-child{margin-bottom:0}.area-box h2[data-v-c026b81a]{white-space:nowrap}.area-box .top-box[data-v-c026b81a]{height:var(--height45);padding:0 clamp(2px,.16vw,.16vw);border-color:var(--border-color12);color:#fff;border-bottom:1px solid var(--border-color12);font-weight:500;display:flex;justify-content:space-between;align-items:center}.area-box .top-box h3[data-v-c026b81a]{font-size:var(--font16)}.area-box .bottom-box[data-v-c026b81a]{padding:0 clamp(2px,.16vw,.16vw);height:var(--height45);display:flex;align-items:center;color:var(--white)}.area-box .count-box[data-v-c026b81a]{width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;background-color:var(--hover-background4);color:var(--white);border-radius:var(--border-radius5)}.highlight[data-v-c026b81a]{color:var(--active-color)}.option-gray-box.area-draw-box .top-box[data-v-c026b81a]{color:var(--white);padding-left:clamp(10px,.8vw,.8vw)}.option-gray-box.area-draw-box[data-v-c026b81a]{width:540px}.active-item svg path[data-v-c026b81a]{fill:var(--white)}.active-item h3[data-v-c026b81a]{color:#fff}svg path[data-v-9c21eccc]{transition:.3s}.option-gray-box[data-v-9c21eccc]{width:15.6vw;min-width:250px}.option-top-box[data-v-9c21eccc]{border-bottom:1px solid var(--border-color4);height:var(--height40);padding:var(--padding010);color:var(--border-color4);font-weight:500;display:flex;justify-content:space-between;align-items:center}.option-gray-box h2[data-v-9c21eccc]{font-size:var(--font16);font-weight:600;color:#fff}.close-btn[data-v-9c21eccc]{position:absolute;top:1.1vh;right:clamp(6px,.5vw,.5vw);width:1.3vh;min-width:9px;height:1.3vh;min-height:9px;cursor:pointer}.bottom-box[data-v-9c21eccc]{padding:clamp(6px,.9vh,.9vh) clamp(10px,.8vw,.8vw) clamp(10px,1.4vh,1.4vh) clamp(10px,.8vw,.8vw);text-align:center}.time-input-box[data-v-9c21eccc]{display:flex;align-items:center;justify-content:space-between;color:var(--white);margin-bottom:clamp(4px,.5vh,.5vh);position:relative}.time-input-box input[data-v-9c21eccc]{background-color:transparent;border:1px solid var(--border-color4);border-radius:var(--border-radius5);width:2.6vw;min-width:40px;font-size:var(--font16);height:var(--height40);padding:var(--padding010);color:var(--white);transition:.3s}.time-input-box input[data-v-9c21eccc]::-moz-placeholder{color:var(--inactive-text4)}.time-input-box input[data-v-9c21eccc]::placeholder{color:var(--inactive-text4)}.time-input-box input[data-v-9c21eccc]:focus{border-color:var(--white)}.time-info[data-v-9c21eccc]{color:var(--white);text-align:left;font-size:var(--font15);line-height:clamp(10px,1.4vh,1.4vh);margin-top:clamp(10px,1.4vh,1.4vh)}.error-message[data-v-9c21eccc]{color:var(--red)!important}.white-btn[data-v-9c21eccc]{width:5.2vw;min-width:66px;height:var(--height35);font-size:var(--font14);font-weight:400;margin-top:clamp(10px,1.4vh,1.4vh)}.active-item svg path[data-v-9c21eccc]{fill:var(--white)}.active-item h3[data-v-9c21eccc]{color:#fff}@media screen and (max-width:1280px){.option-gray-box[data-v-9c21eccc]{min-width:220px}}svg path[data-v-7bacae40]{transition:.3s}.option-top-box[data-v-7bacae40]{border-bottom:1px solid var(--border-color4);height:var(--height40);padding:var(--padding010);color:var(--gray-350);font-weight:500;display:flex;justify-content:space-between;align-items:center}.option-gray-box h2[data-v-7bacae40]{font-size:var(--font16);font-weight:600;color:#fff}.close-btn[data-v-7bacae40]{position:absolute;top:1.1vh;right:clamp(6px,.5vw,.5vw);width:1.3vh;min-width:9px;height:1.3vh;min-height:9px;cursor:pointer}.bottom-box[data-v-7bacae40]{padding:clamp(10px,1.4vh,1.4vh) clamp(10px,.8vw,.8vw);display:flex;flex-wrap:wrap;align-content:space-between}.timestamp-box[data-v-7bacae40]{width:100%;border:1px solid var(--border-color4);border-radius:var(--border-radius5);height:var(--height60);padding:0 clamp(10px,.8vw,.8vw);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:.3s}.timestamp-box[data-v-7bacae40]:hover{border-color:#fff}.timestamp-box .radio-btn[data-v-7bacae40]{width:clamp(10px,.8vw,.8vw);height:clamp(10px,.8vw,.8vw)}.timestamp-box h3[data-v-7bacae40]{color:var(--border-color4);white-space:nowrap;font-size:var(--font16)}.timestamp-icon-box[data-v-7bacae40]{width:3.4vw;min-width:43px;display:flex;align-items:center;justify-content:space-between;margin-right:clamp(6px,.5vw,.5vw)}.timestamp-icon-box img[data-v-7bacae40]{width:2.1vw;min-width:27px}.active-item[data-v-7bacae40]{border-color:#fff}.active-item h3[data-v-7bacae40]{color:#fff}svg path[data-v-44317808]{transition:.3s}.search-box[data-v-44317808]{background-color:transparent;border:1px solid var(--border-color9);border-radius:var(--border-radius5);padding:var(--padding10);width:100%;height:var(--height40);text-align:left;color:var(--white);transition:.3s;line-height:1.8vh;overflow:hidden;resize:none;font-size:var(--font16)}.search-box[data-v-44317808]:focus{border-color:var(--white)}textarea[data-v-44317808]::-moz-placeholder{color:var(--border-color9)}textarea[data-v-44317808]::placeholder{color:var(--border-color9)}.slider-box[data-v-44317808]{margin-top:1.8vh}.slider-box h3[data-v-44317808]{color:var(--white);text-align:left;font-size:var(--font16);font-weight:400}.slider-box .slider[data-v-44317808]{margin-top:var(--height35)}.vue-slider-dot-tooltip-inner{border-color:var(--blue-100);height:2.3vh;min-height:16px;display:flex;align-items:center;justify-content:center;transition:.3s}.vue-slider-dot-tooltip-inner,.vue-slider-process,.vue-slider:hover .vue-slider-process{background-color:var(--blue-100)}.vue-slider-dot-handle{border-color:var(--blue-100)}.bottom-box[data-v-6916197d]{padding:var(--padding10)}.face-area[data-v-6916197d]{width:100%;display:flex;align-items:center}.face-box[data-v-6916197d]{width:6.25vw;min-width:80px;height:6.25vw;min-height:80px;border:1px solid var(--border-color9);border-radius:var(--border-radius5);background-color:var(--gray-400);overflow:hidden;display:flex;justify-content:center}.face-box img[data-v-6916197d]{width:6.25vw;height:6.25vw;-o-object-fit:contain;object-fit:contain}.face-blank[data-v-6916197d]{display:flex;align-items:center;justify-content:center;flex-direction:column;transition:.3s;cursor:pointer}.face-blank svg[data-v-6916197d]{width:1.5vw;min-width:19px}.face-blank h3[data-v-6916197d]{transition:.3s;font-size:var(--font16);color:var(--border-color9)}.face-blank[data-v-6916197d]:hover{border-color:#fff}.face-blank:hover svg path[data-v-6916197d]{fill:#fff}.face-blank:hover h3[data-v-6916197d]{color:#fff;font-size:var(--font16)}.input-face-info[data-v-6916197d]{width:50%;margin-left:clamp(6px,.5vw,.5vw);text-align:left;box-sizing:border-box}.input-face-info h3[data-v-6916197d]{text-align:left;margin-left:clamp(3px,.25vw,.25vw);color:var(--hover-background4);font-size:var(--font16)}.input-face-info input[data-v-6916197d]{width:100%;box-sizing:border-box;height:var(--height40);border:1px solid var(--border-color10);border-radius:var(--border-radius5);background-color:var(--background-color3);text-align:left;padding:clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);font-size:var(--font14)}.input-face-info input[data-v-6916197d]::-moz-placeholder{color:var(--hover-background4)}.input-face-info input[data-v-6916197d]::placeholder{color:var(--hover-background4)}.input-face-info.active h3[data-v-6916197d]{color:#fff}.input-face-info.active input[data-v-6916197d]{border-color:var();background-color:transparent;color:#fff}.input-face-info.active input[data-v-6916197d]:focus{border-color:#fff}.input-face-info.active input[data-v-6916197d]::-moz-placeholder{color:#737484}.input-face-info.active input[data-v-6916197d]::placeholder{color:#737484}.face-default-btn[data-v-6916197d]{width:100%;height:var(--height40);display:flex;align-items:center;justify-content:center;margin-top:clamp(6px,.9vh,.9vh);margin-bottom:clamp(4px,.5vh,.5vh);border:none;border-radius:var(--border-radius5);box-sizing:border-box;background-color:var(--background-color3);color:var(--background-color2);font-size:var(--font16)}.face-active-btn[data-v-6916197d]{cursor:pointer;background-color:var(--gray-400)!important;color:#fff!important;transition:.3s}.face-active-btn[data-v-6916197d]:hover{background-color:#fff!important;color:var(--gray-600)!important}.face-list-header[data-v-6916197d]{width:100%;display:flex;padding:var(--padding05);justify-content:space-between;margin-bottom:clamp(6px,.9vh,.9vh)!important}.face-list-header h4[data-v-6916197d]{font-size:var(--font16);color:var(--border-color10)}.active[data-v-6916197d]{color:#fff!important}.face-list-header button[data-v-6916197d]{background:transparent;box-sizing:border-box;font-size:var(--font14);border:1px solid var(--border-color10);color:var(--inactive-text);border-radius:var(--border-radius5);padding:0 clamp(10px,.8vw,.8vw)}.active-remove[data-v-6916197d]{cursor:pointer;transition:.3s;color:#ff7575!important;border-color:#ff7575!important}.active-remove[data-v-6916197d]:hover{background:var(--red);border-color:var(--red)!important;color:#fff!important}.face-list-blank[data-v-6916197d]{border:1px solid var(--border-color10);border-radius:var(--border-radius5);height:13.9vh;min-height:100px;display:flex;align-items:center;justify-content:center}.face-list-blank h3[data-v-6916197d]{color:var(--hover-background4);font-size:var(--font16)}.face-list-content[data-v-6916197d]{width:100%;box-sizing:border-box;overflow-y:auto;max-height:calc(100vh - clamp(429px, 59.6vh, 59.6vh))}.face-list[data-v-6916197d]{width:100%;display:flex;align-items:center;justify-content:space-between;border:none;border-radius:var(--border-radius5);padding:clamp(4px,.5vh,.5vh) clamp(3px,.25vw,.25vw);margin:clamp(4px,.5vh,.5vh) 0 0 0}.face-img[data-v-6916197d]{width:2.6vw;min-width:33px;height:2.6vw;min-height:33px;border:none;border-radius:var(--border-radius5);overflow:hidden;margin-right:clamp(3px,.25vw,.25vw)}.face-img img[data-v-6916197d]{width:2.6vw;height:2.6vw;-o-object-fit:contain;object-fit:contain;background-color:var(--gray-700)}.face-list h3[data-v-6916197d]{color:#fff;font-size:var(--font16);text-align:left;width:calc(100% - clamp(56px, 4.4vw, 4.4vw));display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.face-delete[data-v-6916197d]{width:.7vw;min-width:9px;height:.7vw;min-height:9px;display:flex;align-items:center;justify-content:center;cursor:pointer}.face-delete img[data-v-6916197d]{width:100%}.my-scroll[data-v-6916197d]::-webkit-scrollbar-thumb{background-color:#25272a}.gray-fill-box[data-v-362c605a]{width:15.1vw;min-width:193px}.menu-box[data-v-362c605a]{position:relative}.gray-fill-box .top-box[data-v-362c605a]{padding:var(--padding010);justify-content:flex-start}.gray-fill-box .top-box .title[data-v-362c605a]{margin-left:clamp(10px,.8vw,.8vw)}.home-btn[data-v-362c605a]{width:var(--height35);height:var(--height35);border:none;border-radius:var(--border-radius5);background-color:var(--gray-600);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s}.home-btn[data-v-362c605a]:hover{background-color:var(--white)}.home-btn svg path[data-v-362c605a]{transition:.3s}.home-btn:hover svg path[data-v-362c605a]{fill:var(--gray-700)}.option-box[data-v-362c605a]{padding:var(--padding10)}.option[data-v-362c605a]{background-color:var(--gray-600);width:100%;height:var(--height45);border-radius:var(--border-radius5);margin-bottom:clamp(6px,.9vh,.9vh);cursor:pointer;overflow:hidden}.option .bottom-box>div[data-v-362c605a]{margin-bottom:clamp(4px,.5vh,.5vh);position:relative}.option .bottom-box>div[data-v-362c605a]:last-child{margin-bottom:0}.option .top-box[data-v-362c605a]{height:var(--height45);border-bottom:none;display:flex;justify-content:space-between}.option h2[data-v-362c605a]{font-size:var(--font16);font-weight:600;color:var(--svg-path)}.bottom-box h2[data-v-362c605a]{display:flex}.icon-box[data-v-362c605a]{width:1.3vw;min-width:19px;height:1.3vw;min-height:19px;margin-right:var(--margin-r10);display:flex;justify-content:center;align-items:center}.condition-icon-box[data-v-362c605a]{width:1.3vw;min-width:16px;height:1.3vw;min-height:16px}.icon-box svg[data-v-362c605a]{width:100%;height:100%}.option svg path[data-v-362c605a]{transition:.3s}.option.default[data-v-362c605a]{cursor:default!important}.option.default h2[data-v-362c605a]{color:var(--inactive-text5)!important}.option.default svg path[data-v-362c605a]{fill:var(--inactive-text5)}.option.active[data-v-362c605a]{background-color:var(--background-color);height:auto;overflow:visible;transition:.3s}.option h2[data-v-362c605a]{transition:.3s}.option.active h2[data-v-362c605a]{color:var(--white)}.option.active .top-box[data-v-362c605a]{border-bottom:1px solid var(--border-color8)}.option.active .icon-box svg path[data-v-362c605a]{fill:var(--white)}.option .bottom-box[data-v-362c605a]{padding:var(--padding10)}.area-draw-box .bottom-box[data-v-362c605a]{padding:10px}.detail-option-box[data-v-362c605a]{padding:var(--padding010);height:var(--height40);display:flex;align-items:center;border-radius:var(--border-radius5);transition:.3s;position:relative;font-size:var(--font16);justify-content:space-between;cursor:pointer}.detail-option-box.active[data-v-362c605a],.detail-option-box[data-v-362c605a]:hover{background-color:var(--hover-background4)}.detail-option-box h2[data-v-362c605a]{font-size:var(--font16);font-weight:500;text-align:left;white-space:nowrap}.detail-option-box .check-btn[data-v-362c605a]{margin-right:clamp(4.5px,.35vw,.35vw);width:.9vw;min-width:13px}.select-content[data-v-362c605a]{display:flex;align-items:center;justify-content:flex-end}.select-content h2[data-v-362c605a]{color:var(--svg-path)!important}.detail-option-box .select-content h2[data-v-362c605a]{color:var(--active-color)!important}.detail-option-box .select-content svg path[data-v-362c605a]{fill:var(--active-color)!important}.select-content img[data-v-362c605a]{width:1vw;min-width:12px}.option-top svg[data-v-362c605a]{margin-right:clamp(4.5px,.35vw,.35vw);width:1vw;min-width:12px}.option-top h2[data-v-362c605a]{color:#fff}.option-gray-box[data-v-362c605a]{z-index:10;min-height:4.6vh;background-color:var(--hover-background4);position:absolute;top:0;left:calc(100% + clamp(6px, .5vw, .5vw));border:1px solid var(--border-color5);border-radius:var(--border-radius5);cursor:default}.option-gray-box .top-box[data-v-362c605a]{height:40px;color:var(--border-color5);border-bottom:var(--border-color5);font-weight:500}.option-gray-box.area-draw-box .top-box[data-v-362c605a]{color:var(--white);padding-left:15px}.option-gray-box.area-draw-box[data-v-362c605a]{width:540px}.close-btn[data-v-362c605a]{position:absolute;top:8px;right:11px;width:15px;height:15px}.svg36[data-v-362c605a]{width:1.8vw!important;min-width:23px!important;height:1.8vw!important;min-height:23px!important}.dwell-area[data-v-362c605a]{position:relative}.face-area[data-v-362c605a]{width:100%;display:flex;align-items:center}.my-scroll[data-v-362c605a]::-webkit-scrollbar-thumb{background-color:#25272a}.direction-select[data-v-362c605a]{width:1.3vw!important;min-width:14px!important;height:1.3vw!important;min-height:14px!important;margin-left:clamp(6px,.5vw,.5vw)}.summary-condition[data-v-362c605a]{display:flex;padding:var(--padding05);height:var(--height45);position:absolute;bottom:0;width:100%;margin-bottom:clamp(6px,.9vh,.9vh)}.summary-condition .dark-fill-btn[data-v-362c605a]{width:50%;margin:var(--margin05);display:flex;justify-content:center;align-items:center;font-size:var(--font16);color:#fff}.summary-condition .dark-fill-btn[data-v-362c605a]:first-child{background-color:var(--active-background5)}.summary-condition .dark-fill-btn[data-v-362c605a]:first-child:hover,.summary-condition .dark-fill-btn[data-v-362c605a]:last-child:hover{background-color:var(--hover-background5);color:var(--button-hover-text2)}.summary-condition .dark-fill-btn[data-v-362c605a]:last-child{background-color:var(--background-color2)}.no-access-btn[data-v-362c605a]{cursor:wait!important}.no-access-btn[data-v-362c605a],.no-access-btn[data-v-362c605a]:hover{background-color:var(--gray-700)!important;color:var(--gray-200)!important}.check-icon[data-v-362c605a]{display:flex;align-items:center;justify-content:center}.active .check-icon svg path[data-v-362c605a]{fill:#fff!important}.popup-background[data-v-b8569710]{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:var(--popover-background);z-index:100000;display:flex;align-items:center;justify-content:center}.popup-box[data-v-b8569710]{position:relative;box-sizing:border-box;width:360px;height:360px;border-radius:10px;border:1px solid #fff;background:var(--popup-background);font-family:inherit;text-align:center}.gray-fill-box .top-box[data-v-b8569710]{height:65px;border-bottom:0}.top-box[data-v-b8569710]{height:55px;display:flex;align-items:center;justify-content:flex-start!important}.top-box h3[data-v-b8569710]{color:var(--white);font-size:18px;padding-left:10px}.memo-icon[data-v-b8569710]{width:20px;height:20px}textarea[data-v-b8569710]{background-color:transparent;border:none;resize:none;width:100%;height:185px;min-height:133px;border:1px solid var(--gray-400);text-align:left;padding:10px 15px;font-size:15px;color:var(--white)}textarea[data-v-b8569710]::-moz-placeholder{color:var(--gray-100)}textarea[data-v-b8569710]::placeholder{color:var(--gray-100)}.bottom-box[data-v-b8569710]{height:106px;padding:10px 15px 20px 15px;display:flex;flex-wrap:wrap;justify-content:center;align-content:space-between}.bottom-box button[data-v-b8569710]{width:90px;height:35px;margin:0 5px}.gray-fill-btn[data-v-b8569710]{font-size:16px;color:var(--popup-button-text)}.info-text[data-v-b8569710]{width:100%;text-align:left;color:var(--button-point-color);font-size:15px;font-weight:400;line-height:15px}@media screen and (max-width:1280px){.popup-box[data-v-b8569710]{min-width:250px}}.gray-fill-box[data-v-446049c8]{width:15.1vw;min-width:193px}.gray-fill-box .top-box[data-v-446049c8]{padding:var(--padding010);justify-content:flex-start}.gray-fill-box .top-box .title[data-v-446049c8]{margin-left:clamp(10px,.8vw,.8vw)}.home-btn[data-v-446049c8]{width:var(--height35);height:var(--height35);border:none;border-radius:var(--border-radius5);background-color:var(--gray-600);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s}.home-btn[data-v-446049c8]:hover{background-color:var(--white)}.home-btn svg path[data-v-446049c8]{transition:.3s}.home-btn:hover svg path[data-v-446049c8]{fill:var(--gray-700)}.bottom-box[data-v-446049c8]{padding:clamp(6px,.9vh,.9vh) 0}.object-box[data-v-446049c8]{width:100%;height:22.7vh;min-height:163px;background-color:var(--background-color);border-radius:var(--border-radius5)}.object-box .top[data-v-446049c8]{width:100%;height:var(--height45);border-bottom:1px solid var(--border-color8);display:flex;padding:var(--padding010);justify-content:space-between}.object-box .top .left[data-v-446049c8]{display:flex;align-items:center;font-size:var(--font16);color:var(--white)}.left svg[data-v-446049c8]{width:1.3vw;min-width:14px;margin-right:var(--margin-r10)}.info-icon[data-v-446049c8]{margin-right:clamp(3px,.25vw,.25vw);width:1.3vw;min-width:14px}.object-box .top .right[data-v-446049c8]{display:flex;align-items:center;justify-content:space-between}.object-box .bottom[data-v-446049c8]{padding:var(--padding10)}.left h3[data-v-446049c8]{font-size:var(--font16);font-weight:600}.object-img-box[data-v-446049c8]{width:100%;height:13.9vh;min-height:100px;background-color:var(--gray-400);color:var(--gray-100);position:relative;display:flex;align-items:center;justify-content:center}.object-img-box h3[data-v-446049c8]{display:flex;align-items:center;justify-content:center;height:100%;font-size:var(--font14)}.object-img-box img[data-v-446049c8]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.object-play[data-v-446049c8]{position:absolute;width:100%;height:100%;z-index:1;cursor:pointer;background-color:rgba(0,0,0,.2)}.object-play .play-icon[data-v-446049c8]{width:4.2vmin;height:4.2vmin;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}.object-info-box[data-v-446049c8]{display:flex;align-items:center;justify-content:space-between;font-size:var(--font14);padding:var(--padding010);height:var(--height40)}.object-info-box input[data-v-446049c8]{background-color:transparent;color:var(--white);width:7.8vw;min-width:102px}.object-info-box input[data-v-446049c8]::-moz-placeholder{color:var(--svg-path)}.object-info-box input[data-v-446049c8]::placeholder{color:var(--svg-path)}.object-info-box h3[data-v-446049c8]{font-size:var(--font14)}.object-info-box h3[data-v-446049c8]:first-child{color:var(--white);white-space:nowrap}.icon-box[data-v-446049c8]{width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;display:flex;align-items:center;justify-content:center;background-color:var(--gray-600);border-radius:var(--border-radius5);transition:.3s;cursor:not-allowed}.icon-box.active[data-v-446049c8]:hover{background-color:var(--white);cursor:pointer}.icon-box svg[data-v-446049c8]{width:2vmin}.icon-box svg path[data-v-446049c8]{transition:.3s}.icon-box.active:hover svg path[data-v-446049c8]{fill:#25272a}.init-btn[data-v-446049c8]{width:100%;height:var(--height45);background-color:var(--active-background5);color:#fff;transition:.3s;font-size:var(--font16)}.init-btn[data-v-446049c8]:hover{color:var(--white);background-color:var(--button-point-color)}.bottom-box[data-v-446049c8]{height:calc(100% - clamp(43px, 6vh, 6vh));display:flex;flex-wrap:wrap;align-content:space-between;padding:var(--padding10)}.gray-fill-box .top-box[data-v-0dc177ae]{padding:0 0 clamp(10px,.8vw,.8vw)}.gray-fill-box.right[data-v-0dc177ae]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw))}.btn-box[data-v-0dc177ae]{width:28.1vw;min-width:360px;display:flex;justify-content:space-between}.btn-box button[data-v-0dc177ae]{width:5.2vw;min-width:71px;height:var(--height40);background-color:var(--gray-400);color:#fff;border-radius:var(--border-radius5);border:1px solid #fff;font-size:var(--font18);cursor:pointer;transition:.3s}.english button[data-v-0dc177ae]{font-size:var(--font16)}.btn-box button.active[data-v-0dc177ae],.btn-box button[data-v-0dc177ae]:hover{border-color:var(--white);background-color:var(--white);color:var(--gray-700)}.btn-box button.default[data-v-0dc177ae]{cursor:wait;color:var(--border-color);border:1px solid var(--border-color)}.btn-box button.default[data-v-0dc177ae]:hover{border-color:var(--border-color);background-color:var(--gray-400);color:var(--border-color)}.btn-box button.blank[data-v-0dc177ae]{cursor:not-allowed}.btn-box button.blank[data-v-0dc177ae]:hover{border-color:var(--border-color);background-color:var(--gray-400);color:var(--border-color)}.video-name-box[data-v-0dc177ae]{display:flex;align-items:center}.video-name-box h1[data-v-0dc177ae]{font-size:var(--font16);width:31.25vw;min-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.video-name-box>div[data-v-0dc177ae]{width:var(--height35);height:var(--height35);display:flex;align-items:center;justify-content:center;background-color:var(--gray-600);border-radius:var(--border-radius5);margin-right:var(--margin-r10);cursor:pointer}.memo-btn svg[data-v-0dc177ae]{width:1.75vh;height:1.75vh}.right-box[data-v-0dc177ae],.video-info-box[data-v-0dc177ae]{display:flex;align-items:center}.video-time-box[data-v-0dc177ae]{display:flex}.time-box[data-v-0dc177ae]{border:1px solid var(--border-color);border-radius:var(--border-radius5);display:flex;align-items:center;height:var(--height40)}.time-box[data-v-0dc177ae]:first-child{margin-right:var(--margin-r10)}.time-box>div[data-v-0dc177ae]{padding:0 clamp(10px,.8vw,.8vw);height:100%;display:flex;align-items:center;color:var(--white)}.time-box>div[data-v-0dc177ae]:first-child{border-right:1px solid var(--border-color)}.time-box h1[data-v-0dc177ae],.time-box h3[data-v-0dc177ae]{font-size:var(--font16);white-space:nowrap}.real-time-box[data-v-0dc177ae]{display:flex}.slash[data-v-0dc177ae]{margin:0 clamp(10px,.8vw,.8vw)}.object-count-box[data-v-0dc177ae]{display:flex;align-items:center;color:var(--white)}.object-count-box h3[data-v-0dc177ae]{font-size:var(--font16)}.summary-info-box[data-v-0dc177ae]{display:flex;padding:var(--padding010);margin:var(--margin-r10)}.summary-info-box h2[data-v-0dc177ae]{font-size:var(--font16);white-space:nowrap;display:block;color:#fff}.percent-area[data-v-0dc177ae]{margin:auto;position:relative;display:flex;align-items:center}.progress-bar[data-v-0dc177ae]{width:9.4vw;min-width:120px;height:.6vh;min-height:4px;background:var(--background-color5);position:relative;margin:var(--margin015);border-radius:3px;border:none}.percent-area h2[data-v-0dc177ae]{color:#fff;width:2.6vw;min-width:34px}.progress-active[data-v-0dc177ae]{height:.6vh;min-height:4px;width:0;position:absolute;top:0;left:0;background:var(--svg-path);border-radius:3px;border:none}.video-time-box[data-v-866c8c5c]{display:flex}.time-box[data-v-866c8c5c]{border-radius:var(--border-radius5);display:flex;align-items:center;height:var(--height40)}.time-box[data-v-866c8c5c]:first-child{margin-right:var(--margin-r10)}.time-text[data-v-866c8c5c]{padding:0 clamp(10px,.8vw,.8vw);height:100%;display:flex;align-items:center;color:var(--white)}.time-dev[data-v-866c8c5c]{width:1px;height:var(--font16);background-color:var(--gray-100);margin-right:clamp(10px,.8vw,.8vw)}.time-box h1[data-v-866c8c5c],.time-box h3[data-v-866c8c5c]{font-size:var(--font16);white-space:nowrap;color:#fff}.real-time-box[data-v-866c8c5c]{display:flex}.time-error[data-v-866c8c5c]{margin-left:clamp(10px,.8vw,.8vw)}.time-error h3[data-v-866c8c5c]{color:#f16262}.slash[data-v-866c8c5c]{margin:0 clamp(10px,.8vw,.8vw)}.finish-time[data-v-866c8c5c],.slash[data-v-866c8c5c]{color:var(--gray-100)!important}.player-box[data-v-23c50886]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));cursor:pointer;padding:var(--padding10);position:relative}.player-box>video[data-v-23c50886]{width:100%;height:100%}.player-box:hover .video-time-area[data-v-23c50886]{opacity:1}.video-time-area[data-v-23c50886]{opacity:0;position:absolute;z-index:1;width:calc(100% - clamp(12px, 1vw, 1vw));background:linear-gradient(rgba(0,0,0,.5) 70%,transparent);padding:var(--padding10);transition:.3s}.video-js{width:100%;height:100%;background-color:transparent}.video-js .vjs-fullscreen-control,.video-js .vjs-picture-in-picture-control,.video-js .vjs-volume-panel{display:none}.wrap[data-v-09efe300]{width:100%;height:calc(100vh - clamp(41px, 5.6vh, 5.6vh));min-height:680px;padding:clamp(10px,1.4vh,1.4vh) clamp(6px,.5vw,.5vw) clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);display:flex;justify-content:space-between}.gray-fill-box .top-box[data-v-09efe300]{padding:0 clamp(6px,.5vw,.5vw) 0 clamp(10px,.8vw,.8vw)}.gray-fill-box.right[data-v-09efe300]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw))}.btn-box[data-v-09efe300]{width:28.1vw;min-width:360px;display:flex;justify-content:space-between}.btn-box button[data-v-09efe300]{width:5.2vw;min-width:66px;height:var(--height40);background-color:var(--gray-400);color:var(--gray-200);border-radius:var(--border-radius5);border:1px solid var(--border-color);font-size:var(--font18);cursor:pointer;transition:.3s}.btn-box button.active[data-v-09efe300],.btn-box button[data-v-09efe300]:hover{border-color:var(--white);background-color:var(--white);color:var(--gray-700)}.video-name-box[data-v-09efe300]{align-items:center;margin-right:clamp(19px,1.5vw,1.5vw)}.video-name-box>div[data-v-09efe300]{width:var(--height35);height:var(--height35);display:flex;align-items:center;justify-content:center;background-color:var(--gray-600);border-radius:var(--border-radius5);margin-right:var(--margin-r10)}.video-name-box[data-v-09efe300]{display:flex}.video-info-box[data-v-09efe300]{display:flex;align-items:center}.video-time-box[data-v-09efe300]{display:flex}.time-box[data-v-09efe300]{border:1px solid var(--border-color);border-radius:var(--border-radius5);display:flex;align-items:center;height:var(--height40)}.time-box[data-v-09efe300]:first-child{margin-right:var(--margin-r10)}.time-box>div[data-v-09efe300]{padding:0 clamp(10px,.8vw,.8vw);height:100%;display:flex;align-items:center;color:var(--white)}.time-box>div[data-v-09efe300]:first-child{border-right:1px solid var(--border-color)}.real-time-box[data-v-09efe300]{display:flex}.slash[data-v-09efe300]{margin:0 clamp(10px,.8vw,.8vw)}.player-box[data-v-09efe300]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));cursor:pointer;padding:var(--padding10)}.player-box>video[data-v-09efe300]{width:100%;height:100%}.summary-box[data-v-09efe300]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));position:relative;padding:var(--padding10)}.summary-box>video[data-v-09efe300]{width:100%;height:100%}.summary-box>canvas[data-v-09efe300]{width:100%;height:100%;position:absolute;top:0;left:0;-o-object-fit:contain;object-fit:contain;z-index:1;background-color:var(--gray-400);padding:var(--padding10);cursor:pointer}.select-object[data-v-09efe300]{width:100vw;height:100vh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);z-index:2}.select-object-box[data-v-09efe300]{width:350px;height:195px;box-sizing:border-box;border:1px solid #fff;background:var(--popup-background);border-radius:10px;position:relative;padding:20px}.close-object[data-v-09efe300]{position:absolute;top:10px;right:10px;cursor:pointer}.object-info[data-v-09efe300]{display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px}.object-thumbnail[data-v-09efe300]{width:100px;height:100px;overflow:hidden;background:#000;box-sizing:border-box;border:1px solid var(--border-color2);margin-right:15px}.object-thumbnail img[data-v-09efe300]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.object-time h3[data-v-09efe300]{font-size:18px;color:var(--popup-button-text);font-weight:400;text-align:left}.object-time h2[data-v-09efe300]{font-size:18px;color:#fff;font-weight:400;text-align:left}.object-button[data-v-09efe300]{display:flex;align-items:center;justify-content:space-between}.object-button .dark-fill-btn[data-v-09efe300]{width:calc(50% - clamp(3px, .25vw, .25vw));height:35px;display:flex;justify-content:center;align-items:center;font-size:16px;background:var(--gray-400);white-space:nowrap;color:var(--popup-button-text)}.dark-fill-btn[data-v-09efe300]:hover{background:var(--blue-100);color:#fff}.dwell-video-popup[data-v-09efe300]{width:41.15vw;min-width:770px;min-height:517px;resize:none;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;z-index:1;background-color:var(--background-color3);border:1px solid var(--border-color5);border-radius:var(--border-radius5)}.resize-handle[data-v-09efe300]{position:absolute;width:20px;height:20px;right:0;bottom:0;cursor:nwse-resize;background:rgba(0,0,0,.2)}.dwell-popup-header[data-v-09efe300]{display:flex;align-items:center;justify-content:space-between;padding:var(--padding010);height:var(--height40);border-bottom:1px solid var(--border-color5)}.dwell-popup-header h2[data-v-09efe300]{color:var(--white);font-size:var(--font16)}.dwell-info-area[data-v-09efe300]{width:100%;height:calc(100% - var(--height40));padding:var(--padding10);flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.dwell-select-area[data-v-09efe300],.dwell-video-area[data-v-09efe300]{position:relative;width:100%;aspect-ratio:770/395;flex-shrink:0;overflow:hidden}.dwell-video-area[data-v-09efe300]{display:flex}.dwell-select-area img[data-v-09efe300]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dwell-btn[data-v-09efe300]{height:var(--height40);border:1px solid var(--white);border-radius:var(--border-radius5);padding:0 clamp(12px,1vw,1vw);display:flex;align-items:center;justify-content:center;margin-bottom:clamp(4px,.6vh,.6vh);cursor:pointer;transition:.3s}.dwell-btn h1[data-v-09efe300]{color:var(--white);transition:.3s}.dwell-btn[data-v-09efe300]:hover{border-color:var(--blue-100)}.dwell-btn:hover h2[data-v-09efe300]{color:var(--blue-100)}.selection-canvas[data-v-09efe300]{position:absolute;top:0;left:0;z-index:10}.dwell-video-area canvas[data-v-09efe300]{flex:1;background-color:var(--gray-700)}.object-wrap[data-v-5f86604a]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));padding:clamp(4px,.5vh,.5vh) clamp(3px,.25vw,.25vw) 0 clamp(3px,.25vw,.25vw)}.object-area[data-v-5f86604a]{width:100%;height:calc(100% - clamp(54px, 7.4vh, 7.4vh));display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;position:relative}.object-box[data-v-5f86604a]{border:1px solid var(--border-color2);background-color:var(--gray-700);position:relative;cursor:pointer;transition:.3s;margin:var(--margin5)}.sort-50[data-v-5f86604a]{width:calc(10% - clamp(6px, .5vw, .5vw));height:calc(20% - clamp(7px, 1vh, 1vh))}.sort-100[data-v-5f86604a]{width:calc(5% - clamp(6px, .5vw, .5vw));height:calc(20% - clamp(7px, 1vh, 1vh))}.sort-200[data-v-5f86604a]{width:calc(5% - clamp(6px, .5vw, .5vw));height:calc(10% - clamp(7px, 1vh, 1vh))}.sort-100 .object-info h2[data-v-5f86604a],.sort-200 .object-info h2[data-v-5f86604a]{font-size:var(--font12)}.object-box[data-v-5f86604a]:hover{border-color:var(--white);box-shadow:var(--box-shadow-total)}.object-box.selected[data-v-5f86604a]{border:1px solid var(--blue-100)}.object-img[data-v-5f86604a]{height:calc(100% - 3.7vh);border-bottom:1px solid var(--border-color2);overflow:hidden;position:relative}.object-img .thumbnail-img[data-v-5f86604a]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.selected-icon[data-v-5f86604a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.selected .selected-icon[data-v-5f86604a]{display:block}.bookmark-img[data-v-5f86604a]{position:absolute;right:clamp(3px,.25vw,.25vw);top:-.3vh;z-index:1}.object-info[data-v-5f86604a]{color:var(--white);display:flex;align-items:center;justify-content:center;height:var(--height40)}.object-info h2[data-v-5f86604a]{font-size:var(--font15);white-space:nowrap}.object-paging[data-v-5f86604a]{height:7.4vh;min-height:53px;width:100%;position:relative}.page-count-area[data-v-5f86604a]{height:100%;position:absolute;left:0;display:flex;align-items:center;z-index:1}.page-count-area h2[data-v-5f86604a]{margin-left:clamp(12px,1vw,1vw);margin-right:clamp(6px,.5vw,.5vw);color:#fff;font-size:var(--font18)}.drop-box-area[data-v-5f86604a]{width:5.7vw;min-width:73px;height:3.7vh;min-height:26px;position:relative}.drop-box-show[data-v-5f86604a]{width:5.5vw;min-width:70px;height:16.2vh;cursor:pointer;background-color:var(--gray-400);border:1px solid #fff;border-radius:var(--border-radius5);transition:.3s;position:absolute;bottom:0;right:0;overflow:hidden}.drop-box-show.close[data-v-5f86604a]{height:3.7vh;min-height:26px;border-color:var(--border-color)}.select-area[data-v-5f86604a]{display:flex;flex-direction:column-reverse;align-items:center;height:12.5vh;transition:.3s}.close .select-area[data-v-5f86604a]{height:0}.select-box[data-v-5f86604a],.selected-box[data-v-5f86604a]{background-color:var(--gray-400);color:#fff;font-size:var(--font16);border-radius:var(--border-radius5);border:none;display:flex;align-items:center;justify-content:flex-start}.selected-box h3[data-v-5f86604a]{margin-left:clamp(6px,.5vw,.5vw)}.select-box h3[data-v-5f86604a]{margin-left:clamp(3px,.25vw,.25vw)}.selected-box[data-v-5f86604a]{width:5.5vw;min-width:70px;height:3.7vh;min-height:26px;position:relative}.select-box[data-v-5f86604a]{width:5vw;height:var(--height35);margin:clamp(4px,.5vh,.5vh) auto}.select-box[data-v-5f86604a]:hover{background-color:var(--blue-100)}.selected-box svg[data-v-5f86604a]{position:absolute;right:clamp(6px,.5vw,.5vw);width:.6vw;transform:rotate(180deg)}.selected-box svg path[data-v-5f86604a]{fill:#fff}.drop-box-show.close .selected-box svg[data-v-5f86604a]{transform:rotate(0deg)}.drop-box-show.close .selected-box svg path[data-v-5f86604a]{fill:var(--gray-200)}.object-count-box[data-v-5f86604a]{height:100%;position:absolute;display:flex;align-items:center;color:var(--white);right:clamp(12px,1vw,1vw);z-index:1}.object-count-box h3[data-v-5f86604a]{font-size:var(--font18)}.stats-wrap[data-v-1a568ae2]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));padding:var(--padding10);display:flex;flex-wrap:wrap;justify-content:space-between}.wide-box[data-v-1a568ae2]{width:100%;display:flex;flex-wrap:wrap;align-content:flex-start}.wide-box .object-wrap[data-v-1a568ae2]{height:25.9vh;min-height:186px;padding:clamp(16px,2.3vh,2.3vh) clamp(14px,1.3vw,1.3vw);display:flex;justify-content:space-between}.narrow-box[data-v-1a568ae2]{width:calc(50% - clamp(3px, .25vw, .25vw));display:flex;flex-wrap:wrap;align-content:flex-start}.narrow-box .object-wrap[data-v-1a568ae2]{height:45.4vh;min-height:326px;display:flex;overflow:hidden}.narrow-box:last-child .title-box[data-v-1a568ae2]{padding:0}.title-box[data-v-1a568ae2]{height:6.5vh;min-height:46px;display:flex;align-items:center;justify-content:flex-start;padding:var(--padding010)}.title-box .map-box[data-v-1a568ae2]{background-color:var(--gray-600);cursor:pointer}.title-box .map-box h3[data-v-1a568ae2],.title-box .map-box[data-v-1a568ae2]{height:var(--height40);border-radius:var(--border-radius10);display:flex;align-items:center}.title-box .map-box h3[data-v-1a568ae2]{width:var(--width90);min-width:77px;color:var(--svg-path);font-weight:400;justify-content:center;font-size:var(--font18)}.title-box .map-box h3.active[data-v-1a568ae2]{background-color:var(--white);font-weight:600;color:var(--gray-700);transition:.3s}.map-img[data-v-1a568ae2]{width:100%}.title-box h3[data-v-1a568ae2]{color:var(--white);font-size:var(--font18);font-weight:600}.title-box .blue-text[data-v-1a568ae2]{color:var(--button-point-color)}.object-wrap[data-v-1a568ae2]{width:100%;height:9.3vh;min-height:67px;background-color:var(--gray-700);border-radius:var(--border-radius5)}.chart-area[data-v-1a568ae2]{width:100%;height:100%;background-color:#25272a}.gray-bar[data-v-1a568ae2]{height:1.8vh;min-height:13px;border:1px solid var(--border-color);margin:0 clamp(10px,.8vw,.8vw)}.object-box[data-v-1a568ae2]{width:calc(33% - clamp(10px, .8vw, .8vw));height:100%;border:1px solid #fff;border-radius:var(--border-radius5);padding:clamp(10px,1.4vh,1.4vh) clamp(10px,.8vw,.8vw) 0 clamp(10px,.8vw,.8vw)}.object-box.first[data-v-1a568ae2]{color:#3f59f0;border-color:#3f59f0}.first .color-box[data-v-1a568ae2]{background-color:#3f59f0}.object-box.second[data-v-1a568ae2]{color:#6b6ed6;border-color:#6b6ed6}.second .color-box[data-v-1a568ae2]{background-color:#6b6ed6}.object-box.third[data-v-1a568ae2]{color:#139ac9;border-color:#139ac9}.third .color-box[data-v-1a568ae2]{background-color:#139ac9}.object-box.fourth[data-v-1a568ae2]{color:#6dc363;border-color:#6dc363}.fourth .color-box[data-v-1a568ae2]{background-color:#6dc363}.color-box[data-v-1a568ae2]{width:100%;height:var(--height60);color:var(--white);display:flex;justify-content:space-between;align-items:center;background-color:#f4a460;border-radius:var(--border-radius5);font-size:var(--font20);padding:0 clamp(12px,1vw,1vw)}.contents-box[data-v-1a568ae2]{width:100%;height:calc(100% - clamp(41px, 5.6vh, 5.6vh));display:flex;justify-content:center;align-items:center}.contents-box>div[data-v-1a568ae2]{margin:0 clamp(19px,1.5vw,1.5vw);display:flex;justify-content:center;align-items:center;flex-direction:column}.contents-box p[data-v-1a568ae2]{font-size:var(--font14);color:var(--white)}.contents-box h3[data-v-1a568ae2]{font-size:var(--font20);font-weight:500}.vue-highcharts[data-v-1a568ae2]{padding:4.6vh 1.8vw 0 1.8vw;width:100%}.icon-box[data-v-1a568ae2]{width:2vw;min-width:25px;height:2vw;display:flex;justify-content:center;align-items:center}.popover-gray[data-v-6f824c02]{width:760px;height:400px;padding:20px 25px;display:flex;flex-wrap:wrap;align-content:space-between}.bottom-box[data-v-6f824c02],.top-box[data-v-6f824c02]{display:flex;justify-content:space-between;width:100%}.gray-box .upload-box h1[data-v-6f824c02],h1.title[data-v-6f824c02]{font-size:18px}.gray-box[data-v-6f824c02]{width:345px;height:315px;padding:50px 0;display:flex;flex-wrap:wrap;justify-content:center;align-content:space-between;position:relative;border-radius:10px}.gray-box svg[data-v-6f824c02]{width:2.1vw;min-width:26px}.select-box[data-v-6f824c02]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.gray-box[data-v-6f824c02]:hover{background-color:var(--hover-background);transition:.3s}.gray-box:hover>svg path[data-v-6f824c02]{fill:#fff;transition:.3s}.upload-box[data-v-6f824c02]{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column}.upload-box h1[data-v-6f824c02]{font-size:var(--font18);font-weight:700;color:#fff}.upload-box p[data-v-6f824c02]{font-size:14px;font-weight:400;color:var(--gray-100);cursor:pointer;height:20px;word-break:keep-all}.slider-box[data-v-6f824c02]{width:100%;height:40px;display:flex;justify-content:center;position:relative}.slider-box h3[data-v-6f824c02]{color:var(--white);text-align:left;font-size:var(--font16);font-weight:400}.slider-box .slider[data-v-6f824c02]{padding-top:35px;padding-bottom:40px;width:250px;z-index:2;top:0;box-sizing:border-box}.auto-slider[data-v-6f824c02]{z-index:0!important}.auto-slider .vue-slider-rail{background-color:var(--blue-100)!important}.auto-slider .vue-slider-dot-handle{display:none}.vue-slider-dot-tooltip-text{font-size:13px}.auto-slider .vue-slider-dot-tooltip-inner,.manual-slider .vue-slider-dot-tooltip-inner{min-width:45px!important;height:25px!important}.option-box[data-v-3ba26e2d]{background:var(--background-color);margin:clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);border-radius:var(--border-radius5);border:none;padding:var(--padding05);transition:.3s}.option-box.default[data-v-3ba26e2d]{background:#2d2f32}.option-box-header[data-v-3ba26e2d]{height:var(--height45);width:100%;display:flex;align-items:center}.option-box-header svg[data-v-3ba26e2d]{width:1.3vw;min-width:14px;margin-right:var(--margin-r10);margin-left:clamp(3px,.25vw,.25vw)}.option-box.default .option-box-header svg path[data-v-3ba26e2d]{fill:var(--svg-path)}.option-box-header h2[data-v-3ba26e2d]{font-size:var(--font16);color:#fff;font-weight:600}.option-box.default .option-box-header h2[data-v-3ba26e2d]{color:var(--svg-path)}.bottom-box[data-v-3ba26e2d]{padding-top:clamp(6px,.9vh,.9vh);padding-bottom:clamp(4px,.5vh,.5vh)}.top-box[data-v-3ba26e2d]{height:var(--height45);border-bottom:none}.ir-area[data-v-3ba26e2d]{background:transparent;padding:clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw)}.ir-area h4[data-v-3ba26e2d]{text-align:left;color:var(--active-color)}.init-btn[data-v-3ba26e2d]{width:100%;height:var(--height45);background-color:var(--gray-600);color:var(--gray-100);transition:.3s}.init-btn[data-v-3ba26e2d]:hover{color:var(--white);background-color:var(--blue-100)}.summary-condition[data-v-3ba26e2d]{display:flex;padding:var(--padding010);height:var(--height45);position:absolute;bottom:0;width:100%;margin-bottom:clamp(6px,.9vh,.9vh)}.summary-condition .dark-fill-btn[data-v-3ba26e2d]{display:flex;justify-content:center;align-items:center;font-size:var(--font16)}.option .top-box[data-v-3ba26e2d]{background:var(--background-color4);border:none;border-radius:var(--border-radius5);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(10px,.8vw,.8vw);height:var(--height45)}.option.active .top-box h2[data-v-3ba26e2d]{color:#fff;font-weight:600;font-size:var(--font16)}.option.active h2[data-v-3ba26e2d]{color:#fff;display:flex;flex-wrap:wrap;justify-content:center}.bottom-box textarea[data-v-3ba26e2d]{background-color:transparent;border:none;border-radius:var(--border-radius5);width:100%;text-align:left;color:var(--white);transition:.3s;line-height:1.8vh;overflow:hidden;resize:none;color:var(--active-color);font-size:var(--font15)}.option-top h2[data-v-3ba26e2d]{color:var(--active-color)!important}.detail-option-box[data-v-3ba26e2d]{padding:var(--padding010);height:var(--height40);display:flex;align-items:center;border-radius:var(--border-radius5);transition:.3s;position:relative;font-size:var(--font16);justify-content:space-between}.select-content[data-v-3ba26e2d]{display:flex;align-items:center;justify-content:flex-end;position:relative}.select-content h2[data-v-3ba26e2d]{color:var(--active-color)!important}.select-content svg path[data-v-3ba26e2d]{fill:var(--active-color)!important}.detail-option-box .check-btn[data-v-3ba26e2d]{margin-right:clamp(4.5px,.35vw,.35vw);width:.9vw;min-width:13px}.info-popup[data-v-3ba26e2d]{position:absolute;top:var(--height35);right:.4vw;background-color:#25272a;border:1px solid var(--border-color3);border-radius:var(--border-radius5);display:flex;z-index:1;padding:clamp(5px,.7vh,.7vh) clamp(6px,.5vw,.5vw);max-width:10vw}.info-popup h2[data-v-3ba26e2d]{color:#fff;font-size:var(--font16);text-align:right;line-height:clamp(13px,1.75vh,1.75vh);word-break:keep-all}.info-popup .color-box[data-v-3ba26e2d]{width:.9vw;min-width:11px;height:.9vw;min-height:11px;margin:0 1px;border-radius:50%;border:1px solid var(--gray-350)}.face-wrap[data-v-3ba26e2d]{overflow-y:auto;max-height:calc(100vh - clamp(660px, 61vh, 61vh));margin:5px 0}.face-box[data-v-3ba26e2d]{display:flex;padding:var(--padding10);align-items:center}.face-box img[data-v-3ba26e2d]{width:2.6vw;height:2.6vw;-o-object-fit:contain;object-fit:contain;margin-right:var(--margin-r10);background-color:var(--gray-700);border-radius:var(--border-radius5)}.face-box h3[data-v-3ba26e2d]{font-size:var(--font16);line-height:var(--font16);color:var(--white)}.comma[data-v-3ba26e2d]{margin-right:5px}.gray-fill-box[data-v-151414ac]{width:15.1vw;min-width:193px}.menu-box[data-v-151414ac]{position:relative}.gray-fill-box .top-box[data-v-151414ac]{height:var(--height65);padding:var(--padding010);justify-content:flex-start;border-bottom:2px solid var(--gray-700)}.gray-fill-box .top-box .title[data-v-151414ac]{margin-left:clamp(10px,.8vw,.8vw)}.home-btn[data-v-151414ac]{width:var(--height35);height:var(--height35);border:none;border-radius:var(--border-radius5);background-color:var(--gray-600);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s}.home-btn[data-v-151414ac]:hover{background-color:var(--white)}.home-btn svg path[data-v-151414ac]{transition:.3s}.home-btn:hover svg path[data-v-151414ac]{fill:var(--gray-700)}.bottom-box[data-v-151414ac]{padding:var(--padding10)}.ir-area h4[data-v-151414ac]{text-align:left;color:var(--blue-100)}.init-btn[data-v-151414ac]{width:100%;height:var(--height45);background-color:var(--active-background5);color:#fff;transition:.3s;font-size:var(--font16)}.init-btn[data-v-151414ac]:hover{color:var(--white);background-color:var(--button-point-color)}.summary-condition[data-v-151414ac]{display:flex;padding:var(--padding010);height:var(--height45);position:absolute;bottom:0;width:100%;margin-bottom:clamp(6px,.9vh,.9vh)}.summary-condition .dark-fill-btn[data-v-151414ac]{display:flex;justify-content:center;align-items:center;font-size:var(--font16)}.dwell-video-show[data-v-151414ac]{display:flex;margin:clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);padding:0 clamp(6px,.5vw,.5vw) 0 clamp(10px,.8vw,.8vw);height:var(--height45);align-items:center;justify-content:space-between;position:relative}.dwell-video-show h3[data-v-151414ac]{font-size:var(--font18);font-weight:500;color:#fff}.approve-btn[data-v-151414ac]{width:3.2vw;min-width:55px;height:2.8vh;min-height:20px;border-radius:clamp(15px,2.1vh,2.1vh);background-color:var(--background-color7);color:#52535d;position:relative;display:flex;justify-content:space-between;align-items:center;padding:.2vh .1vw;margin-left:clamp(6px,.5vw,.5vw);cursor:pointer}.approve-btn.active[data-v-151414ac]{background-color:var(--blue-100);color:var(--white)}.approve-btn h2[data-v-151414ac]{font-size:clamp(10px,1.2vmin,1.2vmin);font-weight:600;position:absolute;cursor:pointer;color:var(--background-color2)}.approve-btn.wait h2[data-v-151414ac],.approve-btn.wait[data-v-151414ac]{color:var(--gray-400);cursor:wait!important}.approve-on[data-v-151414ac]{left:clamp(4.5px,.35vw,.35vw)}.approve-off[data-v-151414ac]{right:clamp(4.5px,.35vw,.35vw)}.approve-btn.active h2[data-v-151414ac]{color:#fff}.circle-btn[data-v-151414ac]{width:2.4vh;min-width:17px;height:2.4vh;min-height:17px;background-color:var(--background-color2);border-radius:50%;box-shadow:0 0 clamp(4px,.6vh,.6vh) 0 var(--box-shadow);position:absolute;top:clamp(1.5px,.2vh,.2vh);left:clamp(1.3px,.1vw,.1vw);transition:.3s;cursor:pointer}.active .circle-btn[data-v-151414ac]{background-color:var(--white);left:calc(clamp(55px, 3.2vw, 3.2vw) - clamp(17px, 2.4vh, 2.4vh) - 2px)}.wait .circle-btn[data-v-151414ac]{background-color:var(--gray-400);cursor:wait!important}.info-text[data-v-151414ac]{position:absolute;left:calc(100% - clamp(55px, 3.2vw, 3.2vw) - clamp(6px, .5vw, .5vw));top:var(--height45);z-index:-1;opacity:0;padding:clamp(4px,.5vh,.5vh) clamp(6px,.5vw,.5vw);background-color:#25272a;border:1px solid var(--button-point-color);border-radius:var(--border-radius5);height:2.8vh;display:flex;align-items:center;justify-content:center}.dwell-video-show:hover .info-text[data-v-151414ac]{z-index:1;opacity:1}.info-text h3[data-v-151414ac]{font-size:var(--font15);white-space:nowrap}.gray-fill-box[data-v-57ac6ab9]{width:15.1vw;min-width:193px}.menu-box[data-v-57ac6ab9]{position:relative}.gray-fill-box .top-box[data-v-57ac6ab9]{padding:var(--padding010);justify-content:flex-start}.gray-fill-box .top-box .title[data-v-57ac6ab9]{margin-left:clamp(10px,.8vw,.8vw)}.home-btn[data-v-57ac6ab9]{width:var(--height35);height:var(--height35);border:none;border-radius:var(--border-radius5);background-color:var(--gray-600);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s}.home-btn[data-v-57ac6ab9]:hover{background-color:var(--white)}.home-btn svg path[data-v-57ac6ab9]{transition:.3s}.home-btn:hover svg path[data-v-57ac6ab9]{fill:var(--gray-700)}.bottom-box[data-v-57ac6ab9]{padding:clamp(6px,.9vh,.9vh) 0}.init-btn[data-v-57ac6ab9]{width:100%;height:var(--height45);background-color:var(--active-background5);color:#fff;transition:.3s;font-size:var(--font16)}.init-btn[data-v-57ac6ab9]:hover{color:var(--white);background-color:var(--button-point-color)}.bottom-box[data-v-57ac6ab9]{height:calc(100% - clamp(43px, 6vh, 6vh));display:flex;flex-wrap:wrap;align-content:space-between;padding:var(--padding10)}.statistic-condition[data-v-57ac6ab9]{display:flex;padding:var(--padding010);height:var(--height45);position:absolute;bottom:0;width:100%;margin-bottom:clamp(6px,.9vh,.9vh)}.statistic-condition .dark-fill-btn[data-v-57ac6ab9]{display:flex;justify-content:center;align-items:center;font-size:var(--font16)}.popover-gray[data-v-a5a1ef2e]{width:470px;padding:20px 15px;display:flex;flex-wrap:wrap;background-color:var(--background-color8)}.masking-error-popup[data-v-a5a1ef2e]{position:fixed}.over-top-box[data-v-a5a1ef2e]{display:flex;justify-content:space-between;width:100%;margin:auto;margin-bottom:clamp(10px,1.4vh,1.4vh);padding:0 10px}.over-top-box h2[data-v-a5a1ef2e]{font-size:14px;font-weight:400;color:var(--text-color)}.over-title[data-v-a5a1ef2e]{font-size:18px;font-weight:600;color:#fff}.over-bottom-box[data-v-a5a1ef2e]{display:flex;width:100%;margin:auto;flex-direction:column;padding:0 10px}.over-bottom-box h2[data-v-a5a1ef2e]{text-align:left;font-size:14px;font-weight:400;color:var(--text-color);line-height:20.3px}.tip-time-box[data-v-a5a1ef2e]{width:100%;height:55px;border:1px solid var(--border-color2);border-radius:10px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition:.3s;margin-top:20px}.tip-time-box svg path[data-v-a5a1ef2e]{transition:.3s}.tip-time-box.selected[data-v-a5a1ef2e]{border-color:var(--button-point-color)}.tip-time-box.selected .tip-check-box svg path[data-v-a5a1ef2e]{fill:var(--button-point-color)}.tip-check-box[data-v-a5a1ef2e]{display:flex;align-items:center;justify-content:center;margin-left:10px;margin-right:8px}.tip-time-text[data-v-a5a1ef2e]{display:flex;align-items:center;justify-content:flex-start;margin-right:10px}.tip-time-text h1[data-v-a5a1ef2e]{color:#fff;font-weight:600;font-size:16px}.tip-time-area[data-v-a5a1ef2e]{display:flex;align-items:center}.tip-time-area h2[data-v-a5a1ef2e]{color:#fff;font-size:14px;font-weight:400}.div-bar[data-v-a5a1ef2e]{width:100%;height:1px;background-color:var(--border-color8);margin:25px 0 20px 0}.over-object-show-area[data-v-a5a1ef2e]{width:100%;height:312px;display:grid;grid-template-columns:repeat(5,78px);border:1px solid var(--border-color2);border-radius:10px;padding:14px 14px 18px 14px;overflow-x:hidden}.over-object-item[data-v-a5a1ef2e]{width:70px;height:70px;border:1px solid #ff4e4e;border-radius:5px;margin:4px}.over-object-item img[data-v-a5a1ef2e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.button-area[data-v-a5a1ef2e]{display:flex;align-items:center;justify-content:center;margin-top:20px}.cancel-btn[data-v-a5a1ef2e],.check-btn[data-v-a5a1ef2e]{width:90px;height:35px;border-radius:5px;border:none;background-color:var(--gray-400);color:var(--gray-200);margin:0 5px;cursor:pointer;transition:.3s}.cancel-btn[data-v-a5a1ef2e]{background-color:var(--header-background);color:#fff}.check-btn[data-v-a5a1ef2e]{cursor:not-allowed}.check-btn.active[data-v-a5a1ef2e]{background-color:var(--active-background7);color:#fff;cursor:pointer}.cancel-btn[data-v-a5a1ef2e]:hover,.check-btn.active[data-v-a5a1ef2e]:hover{background-color:var(--button-point-color);color:var(--white)}.gray-fill-box[data-v-1b275a92]{width:15.1vw;min-width:193px}.menu-box[data-v-1b275a92]{position:relative}.gray-fill-box .top-box[data-v-1b275a92]{padding:var(--padding010);justify-content:flex-start}.gray-fill-box .top-box .title[data-v-1b275a92]{margin-left:clamp(10px,.8vw,.8vw)}.home-btn[data-v-1b275a92]{width:var(--height35);height:var(--height35);border:none;border-radius:var(--border-radius5);background-color:var(--gray-600);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s}.home-btn[data-v-1b275a92]:hover{background-color:var(--white)}.home-btn svg path[data-v-1b275a92]{transition:.3s}.home-btn:hover svg path[data-v-1b275a92]{fill:var(--gray-700)}.masking-setting[data-v-1b275a92]{width:100%;height:100%}.init-btn[data-v-1b275a92]{width:100%;height:var(--height45);background-color:var(--active-background5);color:#fff;transition:.3s;font-size:var(--font16)}.init-btn[data-v-1b275a92]:hover{color:var(--white);background-color:var(--button-point-color)}.bottom-box[data-v-1b275a92]{height:calc(100% - clamp(43px, 6vh, 6vh));display:flex;flex-wrap:wrap;align-content:space-between}.bottom-box h2[data-v-1b275a92]{color:#fff;font-size:var(--font16)}.masking-condition[data-v-1b275a92]{display:flex;padding:var(--padding010);height:var(--height45);position:absolute;bottom:0;width:100%;margin-bottom:clamp(6px,.9vh,.9vh)}.masking-condition .dark-fill-btn[data-v-1b275a92]{display:flex;justify-content:center;align-items:center;font-size:var(--font16)}.top-box-header[data-v-1b275a92]{display:flex;align-items:center}.top-box-header h2[data-v-1b275a92]{color:#fff;font-size:var(--font16);font-weight:600}.icon-box[data-v-1b275a92]{display:flex;align-items:center;margin-right:var(--margin-r10)}.icon-box svg[data-v-1b275a92]{width:1.3vw;min-width:14px}.option .top-box[data-v-1b275a92]{justify-content:space-between;cursor:pointer}.option-box[data-v-1b275a92]{background:var(--background-color);margin:clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);border-radius:var(--border-radius5);border:none;transition:.3s}.setting-box[data-v-1b275a92]{height:calc(100% - var(--height45)*2 - clamp(6px, .9vh, .9vh)*4);position:relative}.option-box.default[data-v-1b275a92]{background:var(--complete-background)}.option-box.default .top-box-header svg path[data-v-1b275a92]{fill:var(--svg-path)}.option-box.default .top-box-header h2[data-v-1b275a92]{color:var(--svg-path)}.option-box .top-box[data-v-1b275a92]{height:var(--height45);border-bottom:1px solid var(--border-color8);position:relative}.option-box.default .top-box[data-v-1b275a92]{border-bottom:0}.click-top[data-v-1b275a92]{width:100%;height:100%;position:absolute;top:0;left:0}.select-content[data-v-1b275a92]{display:flex;align-items:center;justify-content:flex-end;z-index:1}.select-content svg[data-v-1b275a92]{width:1.3vw;min-width:14px}.approve-btn[data-v-1b275a92]{width:3.2vw;min-width:55px;height:2.8vh;min-height:20px;border-radius:clamp(15px,2.1vh,2.1vh);background-color:var(--background-color5);color:#52535d;position:relative;display:flex;justify-content:space-between;align-items:center;padding:.2vh .1vw;margin-left:clamp(6px,.5vw,.5vw)}.approve-btn.active[data-v-1b275a92]{background-color:var(--blue-100);color:var(--white)}.approve-btn h2[data-v-1b275a92]{font-size:clamp(10px,1.2vmin,1.2vmin);font-weight:600;position:absolute;cursor:default;color:var(--background-color2)}.approve-on[data-v-1b275a92]{left:clamp(4.5px,.35vw,.35vw)}.approve-off[data-v-1b275a92]{right:clamp(4.5px,.35vw,.35vw)}.approve-btn.active h2[data-v-1b275a92]{color:#fff}.circle-btn[data-v-1b275a92]{width:2.4vh;min-width:17px;height:2.4vh;min-height:17px;background-color:var(--background-color2);border-radius:50%;box-shadow:0 0 clamp(4px,.6vh,.6vh) 0 var(--box-shadow);position:absolute;top:clamp(1.5px,.2vh,.2vh);left:clamp(1.3px,.1vw,.1vw);transition:.3s;cursor:pointer}.active .circle-btn[data-v-1b275a92]{background-color:var(--white);left:calc(clamp(55px, 3.2vw, 3.2vw) - clamp(17px, 2.4vh, 2.4vh) - 2px)}.masking-header[data-v-1b275a92]{width:100%;height:5.6vh;min-height:40px;display:flex;align-items:center;justify-content:space-between;padding:var(--padding05);border-bottom:1px dashed var(--border-color8)}.header-text[data-v-1b275a92]{color:var(--active-color2)!important;margin-left:clamp(3px,.25vw,.25vw)}.masking-time[data-v-1b275a92]{padding-bottom:clamp(10px,1.5vh,1.5vh)!important;border-bottom:1px dashed var(--border-color8);position:relative}.time-select[data-v-1b275a92]{position:absolute;right:clamp(6px,.9vh,.9vh);top:calc((var(--height60) - clamp(20px, 2.8vh, 2.8vh))/2);z-index:21}.masking-select-area[data-v-1b275a92]{width:100%;height:var(--height45);position:relative}.combobox-wrap[data-v-1b275a92]{position:absolute;right:0;top:0;width:100%;z-index:10;background-color:var(--background-color);overflow:hidden}.combobox[data-v-1b275a92]{border:1px solid var(--gray-100);border-radius:var(--border-radius5);overflow:hidden;max-height:clamp(160px,22.2vh,22.2vh)}.combobox.active[data-v-1b275a92]{border-color:var(--white);transition:.3s}.inactive .selected-item[data-v-1b275a92]{color:var(--gray-200)}.selected-item[data-v-1b275a92]{cursor:pointer;color:var(--white);height:var(--height40);display:flex;justify-content:flex-start;align-items:center;border:1px solid transparent;box-sizing:border-box;padding:var(--padding010)}.selected-item h1[data-v-1b275a92]{font-size:var(--font16)}ul[data-v-1b275a92]{list-style-type:none;padding:0;margin:0;position:absolute;top:clamp(26px,3.7vh,3.7vh);left:0;z-index:1;width:100%;max-height:clamp(133px,18.5vh,18.5vh);transition:.3s;overflow:auto;padding:var(--padding05)}li[data-v-1b275a92]{cursor:pointer;height:var(--height40);box-sizing:border-box}li:hover h1[data-v-1b275a92]{background-color:var(--hover-background4);border-radius:var(--border-radius5);transition:.3s}li>h1[data-v-1b275a92]{height:var(--height35);display:flex;align-items:center;justify-content:flex-start;color:var(--white);cursor:pointer;padding:var(--padding05);font-size:var(--font16)}.arrow-img[data-v-1b275a92]{right:clamp(6px,.5vw,.5vw)}.masking-option-area[data-v-1b275a92]{width:100%}.object-box[data-v-1b275a92]{width:4vw;min-width:51px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;cursor:pointer}.object-box svg[data-v-1b275a92]{height:3.7vh;min-height:27px}.object-box h3[data-v-1b275a92]{color:var(--svg-path4);font-size:var(--font14);width:100%;line-height:clamp(10px,1.4vh,1.4vh);margin-top:clamp(6px,.9vh,.9vh);transition:.3s}.object-box svg path[data-v-1b275a92]{transition:.3s}.object-wrap[data-v-1b275a92]{height:8.3vh;min-height:60px;display:flex}.object-wrap[data-v-1b275a92]:last-child{border-bottom:none}.active-item path[data-v-1b275a92]{fill:#fff}.active-item h3[data-v-1b275a92]{color:#fff}.object-option[data-v-1b275a92]{width:100%}.object-header[data-v-1b275a92]{height:4.6vh;min-height:33px;padding:var(--padding05);display:flex;align-items:center;justify-content:space-between}.object-show-area[data-v-1b275a92]{width:100%;border:1px solid var(--gray-100);height:calc(clamp(720px, 100vh, 100vh) - var(--height40)*2 - var(--height60)*2 - var(--height65) - var(--height45)*4 - clamp(10px, 1.4vh, 1.4vh) - clamp(6px, .9vh, .9vh)*6 - clamp(40px, 5.6vh, 5.6vh) - clamp(10px, 1.5vh, 1.5vh) - clamp(20px, 2.8vh, 2.8vh) - clamp(33px, 4.6vh, 4.6vh)*2 - 10px);border-radius:var(--border-radius5);display:flex}.blank-area[data-v-1b275a92]{align-items:center;justify-content:center}.blank-area h3[data-v-1b275a92]{font-size:var(--font16)}.object-area[data-v-1b275a92]{width:100%;height:100%;display:flex;flex-wrap:wrap;align-content:flex-start;padding:clamp(4px,.5vh,.5vh) 0 clamp(4px,.5vh,.5vh) clamp(4.5px,.35vw,.35vw);overflow-x:hidden}.object-item[data-v-1b275a92]{width:3.66vw;min-width:46px;height:3.66vw;min-height:46px;background:#25272a;border:1px solid var(--blue-100);border-radius:var(--border-radius5);margin:clamp(4px,.5vh,.5vh) clamp(2.5px,.2vw,.2vw);cursor:pointer;transition:.3s;position:relative}.object-item[data-v-1b275a92]:hover{box-shadow:0 clamp(10px,.8vw,.8vw) clamp(6px,.9vh,.9vh) calc(clamp(4.5px, .35vw, .35vw)*-1) rgba(0,0,0,.45);border-color:#fff}.object-item img[data-v-1b275a92]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.object-over[data-v-1b275a92]{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;visibility:hidden}.object-item:hover .object-over[data-v-1b275a92]{visibility:visible}.object-over svg[data-v-1b275a92]{width:1vw;min-width:12px;height:1vw;min-height:12px}.object-over svg:hover circle[data-v-1b275a92]{fill-opacity:1}.my-scroll[data-v-1b275a92]::-webkit-scrollbar{width:clamp(4.5px,.35vw,.35vw)!important;min-width:4px!important}.my-scroll[data-v-1b275a92]::-webkit-scrollbar-track{background-color:unset;border-radius:clamp(6px,.9vmin,.9vmin)}.my-scroll[data-v-1b275a92]::-webkit-scrollbar-thumb{border-radius:clamp(6px,.9vmin,.9vmin);background-clip:padding-box;border:1px solid transparent;background-color:#a8afba}.military .my-scroll[data-v-1b275a92]::-webkit-scrollbar-thumb{background-color:#aba198}.masking-result[data-v-1b275a92]{width:100%;height:19.9vh;min-height:143px}.masking-error-area[data-v-1b275a92],.masking-percent[data-v-1b275a92]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.masking-percent h2[data-v-1b275a92]{color:#fff;font-size:var(--font25);font-weight:600}.masking-percent h3[data-v-1b275a92]{color:var(--gray-200);font-size:var(--font16);font-weight:400}.masking-complete[data-v-1b275a92],.masking-error[data-v-1b275a92]{width:100%;height:100%}.masking-complete[data-v-1b275a92]{padding:var(--padding10)}.text-area[data-v-1b275a92]{width:100%;height:calc(100% - clamp(31px, 4.2vh, 4.2vh));display:flex;align-items:center;justify-content:center;flex-direction:column}.text-area h2[data-v-1b275a92]{line-height:clamp(16px,2.2vh,2.2vh);font-weight:400;color:#fff;font-size:var(--font16)}.masking-error-area svg[data-v-1b275a92]{margin-bottom:clamp(10px,1.4vh,1.4vh)}.masking-error-area h2[data-v-1b275a92]{line-height:clamp(16px,2.2vh,2.2vh);font-weight:400;color:#ff7575;font-size:var(--font16)}.masking-complete button[data-v-1b275a92]{width:100%;height:var(--height45);font-size:var(--font16);font-weight:400;display:flex;align-items:center;justify-content:center}.masking-complete button svg[data-v-1b275a92]{margin-right:clamp(3px,.25vw,.25vw)}.masking-complete button svg path[data-v-1b275a92]{transition:.3s}.masking-complete button:hover svg path[data-v-1b275a92]{fill:#fff}.download-btn[data-v-1b275a92]{position:relative;height:var(--height45)}.download-btn.default[data-v-1b275a92]{cursor:default}.download-btn.default[data-v-1b275a92]:hover{background-color:var(--active-color4)}.download-btn h3[data-v-1b275a92]{color:#fff;font-size:var(--font16);transition:.3s}.download-btn svg path[data-v-1b275a92]{fill:#fff;transition:.3s}.download-percent[data-v-1b275a92],.download-start[data-v-1b275a92]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.download-btn[data-v-1b275a92]{background-color:var(--active-color4);border:1px solid var(--active-color3)}.download-btn[data-v-1b275a92]:hover{background-color:var(--button-hover-text2)}.download-start:hover h3[data-v-1b275a92]{color:var(--button-hover-text3)}.download-start:hover svg path[data-v-1b275a92]{fill:var(--button-hover-text3)}.download-start svg[data-v-1b275a92]{width:1.3vw;min-width:14px}.masking-error[data-v-1b275a92]{cursor:default}.masking-error h3[data-v-1b275a92]{color:var(--red)}.masking-option-box[data-v-1b275a92]{padding:0 clamp(6px,.9vh,.9vh)}.masking-object[data-v-1b275a92]{padding-bottom:clamp(6px,.9vh,.9vh)!important}.popover-gray[data-v-02bedf46]{width:27vw;min-width:375px;max-width:470px;background-color:var(--background-color8);padding:20px 25px 30px 25px;display:flex;flex-wrap:wrap}.top-box[data-v-02bedf46]{display:flex;justify-content:space-between;width:100%;margin:auto;margin-bottom:clamp(10px,1.4vh,1.4vh)}.bottom-box[data-v-02bedf46]{display:flex;width:100%;margin:auto;flex-direction:column}.close-btn[data-v-02bedf46]{width:.9vw;min-width:11px}.gray-box[data-v-02bedf46]{width:100%;height:9.3vh;min-height:67px;padding:clamp(13px,1.8vh,1.8vh) clamp(12px,1vw,1vw);display:flex;align-items:center;border-radius:var(--border-radius10);margin-bottom:clamp(10px,1.4vh,1.4vh);transition:.3s;background-color:var(--background-color8)}.gray-box.active[data-v-02bedf46]{border-color:#fff;background-color:var(--hover-background6);cursor:default}.gray-box.active h1[data-v-02bedf46]{cursor:default}.gray-box svg[data-v-02bedf46]{width:4.5vh;min-width:40px}.gray-box[data-v-02bedf46]:hover{background-color:var(--hover-background6)}.upload-box[data-v-02bedf46]{display:flex;flex-direction:column;margin-left:clamp(12px,1vw,1vw);height:5.5vh;min-height:40px;justify-content:space-evenly}.upload-box h1[data-v-02bedf46]{font-size:var(--font16);font-weight:700;color:#fff;width:100%;word-break:break-all;text-align:left;line-height:clamp(14px,2vh,2vh)}.upload-box p[data-v-02bedf46]{font-size:var(--font13);font-weight:400;color:var(--text-color);cursor:pointer;white-space:nowrap;text-align:left;line-height:clamp(12px,1.6vh,1.6vh)}.div-bar[data-v-02bedf46]{width:100%;height:1px;background-color:var(--gray-400);margin:clamp(4px,.5vh,.5vh) 0 0 0}.strength-text[data-v-02bedf46]{margin:clamp(10px,1.4vh,1.4vh) 0;font-size:var(--font16);font-weight:600;color:#fff;text-align:left}.masking-strength-box[data-v-02bedf46]{width:100%;height:18.5vh;min-height:133px;display:flex;margin-bottom:clamp(20px,2.8vh,2.8vh);justify-content:space-between}.example-img[data-v-02bedf46]{width:80%;min-width:230px;height:18.5vh;min-height:133px}.example-img img[data-v-02bedf46]{width:100%;height:100%}.set-strength[data-v-02bedf46]{height:100%;width:20%;min-width:50px;position:relative;display:flex;justify-content:flex-end}.strength-slider[data-v-02bedf46]{padding-top:clamp(5px,.7vh,.7vh)!important;height:calc(100% - clamp(12px, 1.4vh, 1.4vh))!important;width:.2vw!important;min-width:3px}.strengh-slide-line[data-v-02bedf46]{width:60%;height:100%;position:relative;display:flex;flex-wrap:wrap;align-content:space-between}.strengh-slide-line h4[data-v-02bedf46],.strengh-slide-line h5[data-v-02bedf46]{position:absolute;width:100%;margin:0;font-size:var(--font15);line-height:clamp(10px,1.5vh,1.5vh);color:var(--text-color);font-weight:400;white-space:nowrap;cursor:pointer}.strengh-slide-line h4[data-v-02bedf46]{position:inherit;visibility:hidden!important}.active-label[data-v-02bedf46]{color:#fff!important}.strength-16[data-v-02bedf46]{top:0}.strength-10[data-v-02bedf46]{top:calc(34% - clamp(5px, .7vh, .7vh))}.strength-4[data-v-02bedf46]{bottom:calc(34% - clamp(5px, .7vh, .7vh))}.strength-2[data-v-02bedf46]{bottom:-10px}.button-aera[data-v-02bedf46]{width:100%;display:flex;align-items:center;justify-content:center}.button-aera button[data-v-02bedf46]{width:var(--width90);margin:var(--margin05);color:#fff}.create-btn[data-v-02bedf46]{background-color:var(--active-background7)}.cancel-btn[data-v-02bedf46]{background-color:var(--header-background)}.button-aera button[data-v-02bedf46]:hover{background-color:var(--button-point-color)}@media screen and (max-width:1280px){.gray-box[data-v-02bedf46]{padding:clamp(13px,1.8vh,1.8vh) clamp(12px,2vw,2vw)}.gray-box img[data-v-02bedf46]{width:3.5vw}}.set-strength .vue-slider-dot{width:1.3vmin!important;min-width:9px;height:1.3vmin!important;min-height:9px}.set-strength .vue-slider-mark{height:.4vh!important;min-height:3px}.set-strength .vue-slider{cursor:pointer}.set-strength .vue-slider-mark-step{box-shadow:0 0 0 clamp(1px,.2vmin,.2vmin) var(--inactive-text5)}.set-strength .vue-slider-mark-step,.set-strength .vue-slider-process,.set-strength .vue-slider-rail{background-color:var(--inactive-text5)!important}.set-strength .vue-slider-dot-handle{border:clamp(2px,.3vmin,.3vmin) solid var(--button-point-color)}.set-strength .vue-slider:hover .vue-slider-mark-step-active{box-shadow:0 0 0 clamp(1px,.2vmin,.2vmin) var(--inactive-text5)}.vue-slider:hover .vue-slider-dot-handle:hover{border-color:var(--button-point-color)!important}.wrap[data-v-58a36c34]{width:100%;height:calc(100vh - clamp(41px, 5.6vh, 5.6vh));min-height:680px;padding:clamp(10px,1.4vh,1.4vh) clamp(6px,.5vw,.5vw) clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);display:flex;justify-content:space-between}.player-box[data-v-58a36c34]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));cursor:pointer;padding:var(--padding10)}.error-box[data-v-58a36c34]{width:100%;height:100%;z-index:10;background-color:#000;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;cursor:default}.player-box>video[data-v-58a36c34]{width:100%;height:100%}.masking-box[data-v-58a36c34]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));position:absolute;bottom:0;left:0;z-index:10;padding:var(--padding10)}.masking-box>video[data-v-58a36c34]{width:100%;height:100%}.wrap[data-v-552a9386]{width:100%;height:calc(100vh - clamp(41px, 5.6vh, 5.6vh));min-height:680px;padding:clamp(10px,1.4vh,1.4vh) clamp(6px,.5vw,.5vw) clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);display:flex;justify-content:space-between}.gray-fill-box .top-box[data-v-552a9386]{padding:0 clamp(6px,.5vw,.5vw) 0 clamp(10px,.8vw,.8vw)}.gray-fill-box.right[data-v-552a9386]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));position:relative}.btn-box[data-v-552a9386]{width:28.1vw;min-width:360px;display:flex;justify-content:space-between}.btn-box button[data-v-552a9386]{width:5.2vw;min-width:66px;height:var(--height40);background-color:var(--gray-400);color:var(--gray-200);border-radius:var(--border-radius5);border:1px solid var(--border-color);font-size:var(--font18);cursor:pointer;transition:.3s}.btn-box button.active[data-v-552a9386],.btn-box button[data-v-552a9386]:hover{border-color:var(--white);background-color:var(--white);color:var(--gray-700)}.video-name-box[data-v-552a9386]{align-items:center;margin-right:clamp(19px,1.5vw,1.5vw)}.video-name-box>div[data-v-552a9386]{width:var(--height35);height:var(--height35);display:flex;align-items:center;justify-content:center;background-color:var(--gray-600);border-radius:var(--border-radius5);margin-right:var(--margin-r10)}.video-name-box[data-v-552a9386]{display:flex}.video-info-box[data-v-552a9386]{display:flex;align-items:center}.video-time-box[data-v-552a9386]{display:flex}.time-box[data-v-552a9386]{border:1px solid var(--border-color);border-radius:var(--border-radius5);display:flex;align-items:center;height:var(--height40)}.time-box[data-v-552a9386]:first-child{margin-right:var(--margin-r10)}.time-box>div[data-v-552a9386]{padding:0 clamp(10px,.8vw,.8vw);height:100%;display:flex;align-items:center;color:var(--white)}.time-box>div[data-v-552a9386]:first-child{border-right:1px solid var(--border-color)}.real-time-box[data-v-552a9386]{display:flex}.slash[data-v-552a9386]{margin:0 clamp(10px,.8vw,.8vw)}.player-box[data-v-552a9386]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));cursor:pointer;padding:var(--padding10)}.player-box>video[data-v-552a9386]{width:100%;height:100%}.summary-box[data-v-552a9386]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));padding:var(--padding10)}.summary-box>video[data-v-552a9386]{width:100%;height:100%}a[data-v-23abe4fa]{text-decoration:none}.menu-box[data-v-23abe4fa]{width:15.1vw;min-width:193px}.gray-fill-box .top-box[data-v-23abe4fa]{padding:var(--padding010);justify-content:flex-start}.back-btn[data-v-23abe4fa]{width:var(--height35);height:var(--height35);border:none;border-radius:var(--border-radius5);background-color:var(--gray-600);display:flex;justify-content:center;align-items:center;margin-right:clamp(10px,.8vw,.8vw);cursor:pointer;transition:.3s}.back-btn[data-v-23abe4fa]:hover{background-color:var(--white)}.back-btn svg path[data-v-23abe4fa]{transition:.3s}.back-btn:hover svg path[data-v-23abe4fa]{fill:var(--gray-700)}.menu-list-box[data-v-23abe4fa]{padding:var(--padding10)}.menu[data-v-23abe4fa]{height:var(--height45);display:flex;justify-content:flex-start;align-items:center;padding:1.2vh clamp(6px,.5vw,.5vw);color:var(--gray-100);border-radius:var(--border-radius5);transition:.3s;margin-bottom:clamp(4px,.5vh,.5vh)}.menu h3[data-v-23abe4fa]{font-size:var(--font16)}.menu svg[data-v-23abe4fa]{width:1.6vmin;min-width:11px;height:1.6vmin;min-height:11px;margin-right:clamp(5px,.4vw,.4vw)}.user-icon[data-v-23abe4fa]{width:1.8vmin!important;min-width:12px!important;height:1.8vmin!important;min-height:12px!important}.menu svg path[data-v-23abe4fa]{transition:.3s}.menu.active[data-v-23abe4fa],.menu[data-v-23abe4fa]:hover{background-color:var(--gray-350);color:var(--white)}.menu.active svg path[data-v-23abe4fa],.menu:hover svg path[data-v-23abe4fa]{fill:var(--white)}.popup-background[data-v-0e9cbcba]{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:var(--popover-background);z-index:100000;display:flex;align-items:center;justify-content:center}.popup-box[data-v-0e9cbcba]{position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:26vw;min-width:333px;height:66.7vh;padding:5.7vh clamp(12px,1vw,1vw) 1.8vh clamp(12px,1vw,1vw);border:1px solid var(--border-color2);background:var(--gray-700);font-family:inherit;text-align:center}.close-btn[data-v-0e9cbcba]{position:absolute;top:1.8vh;right:clamp(12px,1vw,1vw)}.gray-fill-box[data-v-599506fc]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));color:var(--white)}.square-gray-box[data-v-599506fc]{background-color:var(--background-color6);width:100%;height:calc(100% - clamp(54px, 7.4vh, 7.4vh));cursor:default}.square-gray-box h3[data-v-599506fc]{font-size:var(--font16);width:calc(100% - 30px);padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blue-box[data-v-599506fc]{padding:0 clamp(7px,.6vw,.6vw);display:flex;justify-content:space-between;align-items:center;font-size:var(--font16);height:var(--height40);background-color:var(--button-point-color4)}.blue-box img[data-v-599506fc]{width:2vh;min-width:14px;margin-right:clamp(6px,.5vw,.5vw)}.blue-box[data-v-599506fc]:hover{background-color:var(--button-point-color)}.gray-fill-box .top-box[data-v-599506fc]{padding:var(--padding010)}.delete-btn[data-v-599506fc]{height:var(--height40);width:clamp(60px,4.6vw,4.6vw);background-color:var(--gray-400);font-size:var(--font16);margin-right:clamp(6px,.5vw,.5vw);border-color:var(--svg-path2);color:var(--inactive-text)}.gray-box.search[data-v-599506fc]{display:flex;justify-content:space-between;align-items:center;width:23.7vw;min-width:303px;height:var(--height40);padding:var(--padding010);background-color:var(--gray-400);border-color:var(--border-color)}.gray-box.search input[data-v-599506fc]{width:100%;padding-right:clamp(6px,.5vw,.5vw);background-color:transparent;text-align:left;color:#fff;font-size:var(--font16)}.gray-box.search input[data-v-599506fc]::-moz-placeholder{color:var(--border-color)}.gray-box.search input[data-v-599506fc]::placeholder{color:var(--border-color)}.search svg[data-v-599506fc]{width:1.3vw;min-width:14px}.btn-box[data-v-599506fc]{display:flex;justify-content:space-between}.btn-box .combobox[data-v-599506fc]{position:relative;width:5.7vw;min-width:73px;margin-right:clamp(6px,.5vw,.5vw)}.bottom-box[data-v-599506fc]{padding:clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw) 0 clamp(6px,.5vw,.5vw);height:calc(100% - clamp(43px, 6vh, 6vh));display:flex;flex-wrap:wrap;align-content:space-between}.header-box[data-v-599506fc]{height:clamp(36px,5.1vh,5.1vh);background-color:var(--gray-700);border-bottom:1px solid var(--border-color2);display:flex;cursor:default}.header-box>div[data-v-599506fc]{border-right:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;font-size:var(--font18)}.header-box>div[data-v-599506fc]:last-child{border-right:none}.user-box[data-v-599506fc]{border-bottom:1px solid var(--border-color2);align-items:center;height:calc((100% - clamp(36px, 5.1vh, 5.1vh))/16);position:relative;cursor:pointer}.user-box>div[data-v-599506fc],.user-box[data-v-599506fc]{display:flex;justify-content:center}.user-box svg[data-v-599506fc]{position:absolute;left:clamp(10px,.8vw,.8vw);z-index:1;width:2.8vh;min-width:20px;height:2.8vh;min-height:20px}.user-box svg path[data-v-599506fc]{transition:.3s}.user-box svg:hover path[data-v-599506fc]{fill:var(--white)}.user-box.active[data-v-599506fc]{background-color:var(--active-background6)}.click-user[data-v-599506fc]{width:100%;height:100%;position:absolute;top:0;left:0}.icon-area[data-v-599506fc]{display:flex;align-items:center;justify-content:center}.page-area[data-v-599506fc]{position:relative;height:7.4vh;min-height:53px;width:100%}.empty-msg[data-v-599506fc]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font16);color:var(--gray-100)}.router-wrap[data-v-0ca8dda8]{height:calc(100% - clamp(41px, 5.6vh, 5.6vh))}.admin-wrap[data-v-0ca8dda8]{width:100%;height:100%;padding:clamp(10px,1.4vh,1.4vh) clamp(6px,.5vw,.5vw) clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);display:flex;justify-content:space-between}.popup-background[data-v-a319161c]{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:var(--popover-background);z-index:100000;display:flex;align-items:center;justify-content:center}.popup-box[data-v-a319161c]{position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:26vw;min-width:333px;padding:2.7vw 1.8vh;border:1px solid var(--border-color2);background:var(--gray-700);font-family:inherit;text-align:center}.popup-title[data-v-a319161c]{font-size:var(--font22);margin-bottom:4.6vh;font-weight:700;color:#fff}.join-input-wrap[data-v-a319161c]{width:18.8vw;min-width:240px;margin:auto}.join-input-box[data-v-a319161c]{display:flex;flex-wrap:wrap;margin-bottom:var(--height35)}.input-wrap[data-v-a319161c]{position:relative;display:flex;align-items:center;width:100%;height:7.9vh;min-height:57px;padding-bottom:var(--height35)}.gray-box[data-v-a319161c]{width:18.8vw;min-width:240px;height:4.6vh;min-height:33px;box-sizing:border-box;padding:clamp(10.8px,1.5vh,1.5vh) clamp(10px,.8vw,.8vw);color:#fff;font-size:var(--font15);text-align:left;cursor:text;border-color:var(--gray-300)}.gray-box[data-v-a319161c]::-moz-placeholder{color:var(--gray-100)}.gray-box[data-v-a319161c]::placeholder{color:var(--gray-100)}.gray-box[data-v-a319161c]:focus{border:1px solid #fff;transition:.3s}.blue-box[data-v-a319161c]{width:18.8vw;min-width:240px;height:4.6vh;min-height:33px;font-size:var(--font15)}.close-btn[data-v-a319161c]{position:absolute;top:1.8vh;right:clamp(12px,1vw,1vw);width:1.3vw;min-width:16px}.gray-fill-box[data-v-6c7a0111]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));color:var(--white)}.square-gray-box[data-v-6c7a0111]{background-color:var(--background-color6);width:100%;height:calc(100% - clamp(54px, 7.4vh, 7.4vh));cursor:default}.square-gray-box h3[data-v-6c7a0111]{font-size:var(--font16)}.blue-box[data-v-6c7a0111]{padding:0 clamp(10px,.8vw,.8vw);display:flex;justify-content:space-between;align-items:center;font-size:var(--font16);min-width:90px;height:var(--height40);background-color:var(--button-point-color4)}.blue-box img[data-v-6c7a0111]{width:2.3vh;min-width:16px;margin-right:clamp(6px,.5vw,.5vw)}.blue-box[data-v-6c7a0111]:hover{background-color:var(--button-point-color)}.gray-fill-box .top-box[data-v-6c7a0111]{padding:var(--padding010)}.delete-btn[data-v-6c7a0111]{height:var(--height40);width:clamp(60px,4.6vw,4.6vw);background-color:var(--gray-400);font-size:var(--font16);margin-right:clamp(6px,.5vw,.5vw);border-color:var(--svg-path2);color:var(--inactive-text)}.gray-box.search[data-v-6c7a0111]{display:flex;justify-content:space-between;align-items:center;width:23.7vw;min-width:303px;height:var(--height40);padding:var(--padding010);background-color:var(--gray-400);border-color:var(--border-color)}.gray-box.search input[data-v-6c7a0111]{width:100%;padding-right:clamp(6px,.5vw,.5vw);background-color:transparent;text-align:left;color:#fff;font-size:var(--font16)}.gray-box.search input[data-v-6c7a0111]::-moz-placeholder{color:var(--border-color)}.gray-box.search input[data-v-6c7a0111]::placeholder{color:var(--border-color)}.search svg[data-v-6c7a0111]{width:1.3vw;min-width:14px}.btn-box[data-v-6c7a0111]{display:flex;justify-content:space-between}.btn-box .combobox[data-v-6c7a0111]{position:relative;width:6.75vw;min-width:90px;margin-right:clamp(6px,.5vw,.5vw)}.bottom-box[data-v-6c7a0111]{padding:clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw) 0 clamp(6px,.5vw,.5vw);height:calc(100% - clamp(43px, 6vh, 6vh));display:flex;flex-wrap:wrap;align-content:space-between}.header-box[data-v-6c7a0111]{height:clamp(36px,5.1vh,5.1vh);background-color:var(--gray-700);border-bottom:1px solid var(--border-color2);display:flex;cursor:default}.header-box>div[data-v-6c7a0111]{border-right:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;font-size:var(--font18)}.header-box>div[data-v-6c7a0111]:last-child{border-right:none}.vms-box[data-v-6c7a0111]{border-bottom:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;height:calc((100% - clamp(36px, 5.1vh, 5.1vh))/16);position:relative;cursor:pointer}.vms-box svg[data-v-6c7a0111]{position:absolute;left:clamp(10px,.8vw,.8vw)}.vms-box svg path[data-v-6c7a0111]{transition:.3s}.vms-box svg:hover path[data-v-6c7a0111]{fill:var(--white)}.vms-box.active[data-v-6c7a0111]{background-color:var(--active-background6)}.empty-msg[data-v-6c7a0111]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font16);color:var(--gray-100)}.page-area[data-v-6c7a0111]{position:relative;height:7.4vh;min-height:53px;width:100%}.spinner-area[data-v-6c7a0111]{width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;margin:auto}.spinner[data-v-6c7a0111]{margin:auto;width:80%;height:80%;border:3px solid hsla(0,0%,100%,.3);box-sizing:border-box;border-top-color:#fff;border-radius:100%;animation:spin-6c7a0111 1s ease-in-out infinite}@keyframes spin-6c7a0111{to{transform:rotate(1turn)}}.router-wrap[data-v-692e3883]{height:calc(100% - clamp(41px, 5.6vh, 5.6vh))}.admin-wrap[data-v-692e3883]{width:100%;height:100%;padding:clamp(10px,1.4vh,1.4vh) clamp(6px,.5vw,.5vw) clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);display:flex;justify-content:space-between}.popup-background[data-v-4f209330]{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:var(--popover-background);z-index:100000;display:flex;align-items:center;justify-content:center}.popup-box[data-v-4f209330]{position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:37.5vw;min-width:480px;border:1px solid var(--border-color2);background:var(--gray-700);font-family:inherit;text-align:center}.close-btn[data-v-4f209330]{position:absolute;right:clamp(6px,.5vw,.5vw);width:1.3vw;min-width:16px}.header-area[data-v-4f209330]{width:100%;height:var(--height45);position:relative;background:var(--gray-900);display:flex;align-items:center;border-bottom:1px solid var(--border-color2)}.header-area h2[data-v-4f209330]{margin-left:clamp(12px,1vw,1vw);font-size:var(--font15);color:#fff;font-weight:600}.setting-area[data-v-4f209330]{padding:0 clamp(12px,1vw,1vw) 1.8vh clamp(14px,1.3vw,1.3vw)}.setting-area h1[data-v-4f209330]{text-align:left;font-size:var(--font18);color:#fff;font-weight:600}.setting-box[data-v-4f209330]{width:100%;border:1px solid var(--border-color2);padding:clamp(10px,1.4vh,1.4vh) clamp(10px,.8vw,.8vw) 0 clamp(10px,.8vw,.8vw);display:flex;flex-wrap:wrap;justify-content:space-between}.setting-list[data-v-4f209330]{display:flex;width:15.9vw;min-width:203px;align-items:center;justify-content:space-between;margin-bottom:clamp(10px,1.4vh,1.4vh)}.addition-list h3[data-v-4f209330],.setting-list h3[data-v-4f209330]{font-size:var(--font16)}.addition-list[data-v-4f209330]{display:flex;width:10.2vw;min-width:130px;align-items:center;justify-content:space-between;margin-bottom:clamp(10px,1.4vh,1.4vh)}.input-box[data-v-4f209330]{border:1px solid var(--border-color2);border-radius:var(--border-radius5)}.input-box-no-border[data-v-4f209330],.input-box[data-v-4f209330]{width:72%;height:var(--height40);position:relative}.gray-box[data-v-4f209330]{width:72%;height:var(--height40);text-align:left;padding:var(--padding10);color:#fff}.addition-list .input-box[data-v-4f209330]{width:5.2vw;min-width:66px}.input-box input[data-v-4f209330]{width:100%;height:100%;background:transparent;text-align:left;color:#fff;box-sizing:border-box;padding:var(--padding10);font-size:var(--font16)}.direct-input[data-v-4f209330]{font-size:var(--font16)}.direct-input.readonly[data-v-4f209330]{background-color:var(--gray-500);cursor:not-allowed}.direct-input[data-v-4f209330]::-moz-placeholder,.setting-textarea[data-v-4f209330]::-moz-placeholder{color:var(--inactive-text)}.direct-input[data-v-4f209330]::placeholder,.setting-textarea[data-v-4f209330]::placeholder{color:var(--inactive-text)}.setting-textarea[data-v-4f209330]{width:100%;height:10.2vh;min-height:73px;resize:none;background-color:transparent;text-align:left;line-height:1.8vh;border:1px solid var(--border-color2);border-radius:var(--border-radius5);color:#fff;font-size:var(--font15)}.vms-set[data-v-4f209330]{width:100%}.vms-set .input-box[data-v-4f209330]{width:29.5vw;min-width:377px;border:none}.vms-date[data-v-4f209330]{border:none}.vms-date input[data-v-4f209330]{cursor:default}.gray-fill-btn[data-v-4f209330]{width:var(--width90);height:var(--height35);margin-top:1.8vh;margin-bottom:.2vh;color:var(--popup-button-text)}.gray-fill-box[data-v-fc72f10e]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));color:var(--white)}.square-gray-box[data-v-fc72f10e]{background-color:var(--background-color6);width:100%;height:calc(100% - clamp(54px, 7.4vh, 7.4vh));cursor:default}.square-gray-box h3[data-v-fc72f10e]{font-size:var(--font16);white-space:nowrap}.gray-fill-box .top-box[data-v-fc72f10e]{padding:0 clamp(6px,.5vw,.5vw) 0 clamp(12px,1vw,1vw)}.delete-btn[data-v-fc72f10e]{height:var(--height40);width:clamp(60px,4.6vw,4.6vw);background-color:var(--gray-400);font-size:var(--font16);margin-right:clamp(6px,.5vw,.5vw);border-color:var(--svg-path2);color:var(--inactive-text)}.gray-box.search[data-v-fc72f10e]{display:flex;justify-content:space-between;align-items:center;width:23.7vw;min-width:303px;height:var(--height40);padding:var(--padding010);background-color:var(--gray-400);border-color:var(--border-color)}.gray-box.search input[data-v-fc72f10e]{width:100%;padding-right:clamp(6px,.5vw,.5vw);background-color:transparent;text-align:left;color:#fff;font-size:var(--font16)}.gray-box.search input[data-v-fc72f10e]::-moz-placeholder{color:var(--border-color)}.gray-box.search input[data-v-fc72f10e]::placeholder{color:var(--border-color)}.search svg[data-v-fc72f10e]{width:1.3vw;min-width:14px}.btn-box[data-v-fc72f10e]{display:flex;justify-content:space-between}.btn-box .combobox[data-v-fc72f10e]{position:relative;width:6.75vw;min-width:90px;margin-right:clamp(6px,.5vw,.5vw)}.bottom-box[data-v-fc72f10e]{padding:clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw) 0 clamp(6px,.5vw,.5vw);height:calc(100% - clamp(43px, 6vh, 6vh));display:flex;flex-wrap:wrap;align-content:space-between}.header-box[data-v-fc72f10e]{height:clamp(36px,5.1vh,5.1vh);background-color:var(--gray-700);border-bottom:1px solid var(--border-color2);display:flex;cursor:default}.header-box>div[data-v-fc72f10e]{border-right:1px solid var(--border-color2);display:flex;justify-content:space-between;align-items:center;font-size:var(--font18);padding:0 clamp(10px,.8vw,.8vw)}.header-box>div[data-v-fc72f10e]:last-child{border-right:none}.header-box svg[data-v-fc72f10e]{cursor:pointer;width:1.5vw;min-width:19px}.sort svg path[data-v-fc72f10e]{transition:.3s;fill:var(--button-point-color)}.video-box[data-v-fc72f10e]{border-bottom:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;height:calc((100% - clamp(36px, 5.1vh, 5.1vh))/16);position:relative;cursor:pointer}.video-box>div[data-v-fc72f10e]{padding:0 clamp(10px,.8vw,.8vw);text-align:left;display:flex;align-items:center}.video-box svg[data-v-fc72f10e]{margin-right:clamp(10px,.8vw,.8vw);z-index:1;width:2.8vh;min-width:20px;height:2.8vh;min-height:20px}.video-box svg rect[data-v-fc72f10e]{transition:.3s}.video-box svg:hover rect[data-v-fc72f10e]{fill:var(--white)}.video-box.active[data-v-fc72f10e]{background-color:var(--active-background6)}.approve-btn-box[data-v-fc72f10e]{display:flex}.approve-btn-box h3[data-v-fc72f10e]{font-size:var(--font18);font-weight:500}.approve-btn[data-v-fc72f10e]{width:3.2vw;min-width:55px;height:2.8vh;min-height:20px;border-radius:clamp(15px,2.1vh,2.1vh);background-color:var(--background-color7);color:var(--inactive-box-background);position:relative;display:flex;justify-content:space-between;align-items:center;padding:.2vh .1vw;margin-left:clamp(6px,.5vw,.5vw)}.approve-btn.active[data-v-fc72f10e]{background-color:var(--blue-100);color:var(--white)}.approve-btn h2[data-v-fc72f10e]{font-size:clamp(10px,1.2vmin,1.2vmin);font-weight:600;position:absolute;cursor:default}.approve-on[data-v-fc72f10e]{left:clamp(4.5px,.35vw,.35vw)}.approve-off[data-v-fc72f10e]{right:clamp(4.5px,.35vw,.35vw)}.circle-btn[data-v-fc72f10e]{width:2.4vh;min-width:17px;height:2.4vh;min-height:17px;background-color:var(--inactive-box-background);border-radius:50%;box-shadow:0 0 clamp(4px,.6vh,.6vh) 0 var(--box-shadow);position:absolute;top:clamp(1.5px,.2vh,.2vh);left:clamp(1.3px,.1vw,.1vw);transition:.3s;cursor:pointer}.active .circle-btn[data-v-fc72f10e]{background-color:var(--white);left:calc(clamp(55px, 3.2vw, 3.2vw) - clamp(17px, 2.4vh, 2.4vh) - 2px)}.dark-btn[data-v-fc72f10e]{height:var(--height40);width:clamp(60px,4.6vw,4.6vw);font-size:var(--font16);background-color:var(--gray-400);cursor:not-allowed;margin-right:clamp(6px,.5vw,.5vw);border-color:var(--svg-path2);color:var(--inactive-text)}.active[data-v-fc72f10e]{cursor:pointer}.page-area[data-v-fc72f10e]{position:relative;height:7.4vh;min-height:53px;width:100%}.click-video[data-v-fc72f10e]{width:100%;height:100%;position:absolute;top:0;left:0}.content-area-title h3[data-v-fc72f10e]{width:calc(100% - clamp(23px, 3.25vh, 3.25vh) - clamp(10px, .8vw, .8vw));text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-count-area[data-v-fc72f10e]{height:100%;position:absolute;left:0;display:flex;align-items:center;z-index:1;max-width:calc(50% - clamp(322px, 45.5vh, 45.5vh)/2 - clamp(84px, 7vw, 7vw)/2)}.page-count-area h2[data-v-fc72f10e]{margin-left:clamp(12px,1vw,1vw);margin-right:clamp(6px,.5vw,.5vw);color:#fff;font-size:var(--font18)}.page-count-area h4[data-v-fc72f10e]{font-size:var(--font16);font-weight:500;color:#fff;margin:0 clamp(6px,.5vw,.5vw);line-height:clamp(14px,2vh,2vh);word-break:keep-all;width:calc(100% - clamp(105px, 6vw, 6vw) - clamp(26px, 3.7vh, 3.7vh) - clamp(12px, 1vw, 1vw));text-align:left}.drop-box-area[data-v-fc72f10e]{width:6vw;min-width:105px;height:3.7vh;min-height:26px;position:relative}.drop-box-show[data-v-fc72f10e]{width:6vw;min-width:105px;height:16.2vh;cursor:pointer;background-color:var(--gray-400);border:1px solid #fff;border-radius:var(--border-radius5);transition:.3s;position:absolute;bottom:0;right:0;overflow:hidden}.drop-box-show.close[data-v-fc72f10e]{height:3.7vh;min-height:26px;border-color:var(--border-color)}.select-area[data-v-fc72f10e]{display:flex;flex-direction:column-reverse;align-items:center;height:12.5vh;transition:.3s}.close .select-area[data-v-fc72f10e]{height:0}.select-box[data-v-fc72f10e],.selected-box[data-v-fc72f10e]{background-color:var(--gray-400);color:#fff;font-size:var(--font16);border-radius:var(--border-radius5);border:none;display:flex;align-items:center;justify-content:flex-start}.selected-box h3[data-v-fc72f10e]{margin-left:calc(clamp(3px, .25vw, .25vw) + clamp(3px, .5vh, .5vh));font-size:var(--font15);color:#fff}.select-box h3[data-v-fc72f10e]{margin-left:clamp(3px,.25vw,.25vw);font-size:var(--font15)}.selected-box[data-v-fc72f10e]{width:100%;height:3.7vh;min-height:26px;position:relative}.select-box[data-v-fc72f10e]{width:calc(100% - clamp(7px, 1vh, 1vh));height:var(--height35);margin:clamp(4px,.5vh,.5vh) auto}.select-box[data-v-fc72f10e]:hover{background-color:var(--blue-100)}.selected-box svg[data-v-fc72f10e]{position:absolute;right:clamp(6px,.5vw,.5vw);width:.6vw;min-width:7px;transform:rotate(180deg)}.selected-box svg path[data-v-fc72f10e]{fill:#fff}.drop-box-show.close .selected-box svg[data-v-fc72f10e]{transform:rotate(0deg)}.drop-box-show.close .selected-box svg path[data-v-fc72f10e]{fill:var(--border-color)}.auto-date[data-v-fc72f10e]{width:var(--height40);height:var(--height40);display:flex;align-items:center;justify-content:center;transition:.3s;background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius5);margin-left:clamp(6px,.5vw,.5vw);position:relative}.auto-date svg path[data-v-fc72f10e]{transition:.3s}.auto-date[data-v-fc72f10e]:hover{background-color:#fff;border-color:#fff}.auto-date:hover svg path[data-v-fc72f10e]{fill:var(--gray-700)}.auto-date:hover .auto-date-text[data-v-fc72f10e]{visibility:visible}.click-auto[data-v-fc72f10e]{width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center}.click-auto svg[data-v-fc72f10e]{width:1.3vw;min-width:16px}.auto-date-text[data-v-fc72f10e]{visibility:hidden;position:absolute;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:var(--padding010);height:var(--height35);border-radius:var(--border-radius5);border:none;top:-4.2vh;left:0}.auto-date-text h3[data-v-fc72f10e]{color:var(--gray-700);font-size:var(--font16);font-weight:400;white-space:nowrap}.auto-date-bar[data-v-fc72f10e]{height:1.4vh;min-height:10px;width:1px;background-color:var(--gray-200);margin:0 clamp(6px,.5vw,.5vw)}.empty-msg[data-v-fc72f10e]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font16);color:var(--gray-100)}.router-wrap[data-v-6057b992]{height:calc(100% - clamp(41px, 5.6vh, 5.6vh))}.admin-wrap[data-v-6057b992]{width:100%;height:100%;padding:clamp(10px,1.4vh,1.4vh) clamp(6px,.5vw,.5vw) clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);display:flex;justify-content:space-between}.gray-fill-box[data-v-8069686c]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));color:var(--white)}.square-gray-box[data-v-8069686c]{background-color:var(--background-color6);width:100%;height:calc(100% - clamp(54px, 7.4vh, 7.4vh));cursor:default}.square-gray-box h3[data-v-8069686c]{font-size:var(--font16)}.gray-fill-box .top-box[data-v-8069686c]{padding:var(--padding010);justify-content:flex-end}.delete-btn[data-v-8069686c]{width:5.7vw;min-width:73px;height:var(--height40);background-color:var(--gray-400);font-size:var(--font16)}.gray-box.search[data-v-8069686c]{display:flex;justify-content:space-between;align-items:center;width:23.7vw;min-width:303px;height:var(--height40);padding:var(--padding010);background-color:var(--gray-400);border-color:var(--border-color)}.gray-box.search input[data-v-8069686c]{width:100%;padding-right:clamp(6px,.5vw,.5vw);background-color:transparent;text-align:left;color:#fff;font-size:var(--font16)}.gray-box.search input[data-v-8069686c]::-moz-placeholder{color:var(--border-color)}.gray-box.search input[data-v-8069686c]::placeholder{color:var(--border-color)}.search svg[data-v-8069686c]{width:1.3vw;min-width:14px}.btn-box[data-v-8069686c]{display:flex;justify-content:space-between}.btn-box .combobox[data-v-8069686c]{position:relative;width:5.7vw;min-width:73px;margin-right:var(--margin-r10)}.bottom-box[data-v-8069686c]{padding:clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw) 0 clamp(6px,.5vw,.5vw);height:calc(100% - clamp(43px, 6vh, 6vh));display:flex;flex-wrap:wrap;align-content:space-between}.header-box[data-v-8069686c]{height:clamp(36px,5.1vh,5.1vh);background-color:var(--gray-700);border-bottom:1px solid var(--border-color2);display:flex;cursor:default}.header-box>div[data-v-8069686c]{border-right:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;font-size:var(--font18)}.header-box>div[data-v-8069686c]:last-child{border-right:none}.user-box[data-v-8069686c]{border-bottom:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;height:calc((100% - clamp(36px, 5.1vh, 5.1vh))/16);position:relative}.log-contents-info h3[data-v-8069686c]{width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-area[data-v-8069686c]{position:relative;height:7.4vh;min-height:53px;width:100%}.empty-msg[data-v-8069686c]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font16);color:var(--gray-100)}.router-wrap[data-v-7b1077f5]{height:calc(100% - clamp(41px, 5.6vh, 5.6vh))}.admin-wrap[data-v-7b1077f5]{width:100%;height:100%;padding:clamp(10px,1.4vh,1.4vh) clamp(6px,.5vw,.5vw) clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);display:flex;justify-content:space-between}h1.title[data-v-23187ab9]{font-size:18px}.wrap-area[data-v-23187ab9]{display:flex}.event-setting-box[data-v-23187ab9]{width:675px;height:720px;padding:15px 20px 20px 20px;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;box-sizing:border-box}.popup-top-box[data-v-23187ab9]{display:flex;justify-content:space-between;width:100%;margin-bottom:14px;height:40px;padding:0 10px}.popup-top-box>div[data-v-23187ab9]:first-child{height:100%;display:flex;align-items:center}.event-setting-box .popup-top-box[data-v-23187ab9]{padding-right:0}.event-select-area[data-v-23187ab9]{display:flex;align-items:center}.event-icon-box[data-v-23187ab9]{width:40px;height:40px;border:1px solid var(--border-color2);border-radius:6px;background-color:transparent;display:flex;align-items:center;justify-content:center;margin-left:10px;transition:.3s;cursor:pointer;position:relative}.event-icon-box svg[data-v-23187ab9]{width:26px;height:26px}.event-icon-box svg path[data-v-23187ab9]{transition:.3s;fill:var(--white)}.event-icon-box[data-v-23187ab9]:hover{border-color:var(--white)}.saved-event.event-icon-box[data-v-23187ab9]{border-color:var(--blue-100)}.saved-event.event-icon-box svg path[data-v-23187ab9]{fill:var(--blue-100)}.select-event.event-icon-box[data-v-23187ab9]{border-color:var(--blue-100);background-color:var(--blue-300)}.select-event.event-icon-box svg path[data-v-23187ab9]{fill:var(--blue-100)}.delete-event.event-icon-box[data-v-23187ab9]{border-color:var(--red)!important;cursor:not-allowed!important}.delete-event.event-icon-box svg path[data-v-23187ab9]{fill:var(--red)!important}.icon-label[data-v-23187ab9]{height:30px;display:flex;align-items:center;justify-content:center;top:45px;left:0;position:absolute;border:1px solid var(--blue-100);background-color:var(--gray-700);box-shadow:0 5px 5px 0 #00000040;padding:0 10px;border-radius:5px;display:none;transition:.3s;z-index:11}.icon-label h3[data-v-23187ab9]{color:var(--white);font-size:14px;font-weight:400;white-space:nowrap;line-height:100%}.event-icon-box:hover .icon-label[data-v-23187ab9]{display:flex}.passive .event-icon-box[data-v-23187ab9]{cursor:not-allowed}.passive .event-icon-box[data-v-23187ab9]:hover{border-color:var(--border-color2)}.passive .event-icon-box svg path[data-v-23187ab9]{fill:var(--border-color2)}.passive .event-icon-box:hover .icon-label[data-v-23187ab9]{display:none}.setting-area[data-v-23187ab9]{border:1px solid var(--border-color2);width:635px;height:584px;border-radius:5px;display:flex;flex-direction:column;margin-bottom:14px}.not-select-event[data-v-23187ab9]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.not-select-event h3[data-v-23187ab9]{color:var(--inactive-text)}.select-event-area[data-v-23187ab9]{width:100%;height:100%;padding:14px 20px 16px 20px}.setting-header[data-v-23187ab9]{height:40px;width:100%;display:flex;align-items:center;justify-content:space-between}.header-title[data-v-23187ab9]{height:100%;display:flex;align-items:center}.header-title h2[data-v-23187ab9]{color:var(--white);font-size:18px;font-weight:400;line-height:100%}.header-combo[data-v-23187ab9]{width:165px;height:40px;position:relative;margin-left:14px}.reset-btn[data-v-23187ab9]{height:40px;width:82px;display:flex;align-items:center;justify-content:center;border:1px solid var(--white);border-radius:5px;color:var(--white);font-size:16px;background-color:transparent;transition:.3s;cursor:pointer}.reset-btn h2[data-v-23187ab9]{transition:.3s}.reset-btn[data-v-23187ab9]:hover{border-color:var(--blue-100);color:var(--blue-100)}.reset-btn:hover h2[data-v-23187ab9]{color:var(--blue-100)}.setting-content[data-v-23187ab9]{display:flex;flex-direction:column;margin-top:14px}.event-area-set[data-v-23187ab9]{width:595px;height:335px;border-radius:5px;position:relative}.event-area-set img[data-v-23187ab9]{width:100%;height:100%;border-radius:5px}.draw-canvas[data-v-23187ab9]{width:595px;height:335px;position:absolute;top:0;left:0;z-index:9;pointer-events:auto}.konvajs-content[data-v-23187ab9]{z-index:1}.message-area[data-v-23187ab9]{display:flex;align-items:center;margin-top:10px;margin-bottom:14px}.message-area h3[data-v-23187ab9]{color:var(--white);font-size:14px;font-weight:400;line-height:100%}.event-set-list[data-v-23187ab9]{background-color:var(--background-color10);width:100%;height:56px;margin-bottom:8px;border-radius:5px;display:flex;align-items:center;padding:0 10px 0 20px;justify-content:space-between;position:relative}.event-set-list[data-v-23187ab9]:last-child{margin-bottom:0}.event-set-list h2[data-v-23187ab9]{color:var(--white);font-size:16px}.header-right[data-v-23187ab9],.popup-setting[data-v-23187ab9]{display:flex;align-items:center}.popup-setting h2[data-v-23187ab9]{color:var(--white);font-size:16px}.approve-btn[data-v-23187ab9]{width:65px;height:30px;border-radius:22px;background-color:var(--background-color11);color:var(--inactive-box-background);position:relative;display:flex;justify-content:space-between;align-items:center;padding:2px;margin:0 14px 0 10px}.approve-btn.active[data-v-23187ab9]{background-color:var(--blue-100);color:var(--white)}.approve-btn h2[data-v-23187ab9]{font-size:16px;font-weight:600;position:absolute;cursor:default;color:var(--inactive-box-background)}.active.approve-btn h2[data-v-23187ab9]{color:var(--white)}.approve-on[data-v-23187ab9]{left:7px}.approve-off[data-v-23187ab9]{right:5px}.circle-btn[data-v-23187ab9]{width:26px;height:26px;background-color:var(--inactive-box-background);border-radius:50%;box-shadow:0 0 6px 0 var(--box-shadow);position:absolute;top:2px;left:2px;transition:.3s;cursor:pointer}.active .circle-btn[data-v-23187ab9]{background-color:var(--white);left:37px}.time-input-box[data-v-23187ab9]{width:100%;display:flex;align-items:center}.end-time[data-v-23187ab9],.start-time[data-v-23187ab9]{width:50%;display:flex;align-items:center;justify-content:space-between}.end-time[data-v-23187ab9]{margin-left:33px}.time-area[data-v-23187ab9]{display:flex;align-items:center}.time-area input[data-v-23187ab9]{width:60px;height:40px;border:1px solid var(--border-color2);border-radius:5px;font-size:16px;font-weight:400;color:var(--white);background-color:transparent}.time-area input[data-v-23187ab9]::-moz-placeholder{color:var(--inactive-text)}.time-area input[data-v-23187ab9]::placeholder{color:var(--inactive-text)}.time-area input.active[data-v-23187ab9],.time-area input[data-v-23187ab9]:focus{border-color:var(--white)}.time-area h2[data-v-23187ab9]{margin:0 4px}.object-list-area[data-v-23187ab9]{display:flex;align-items:center}.color-btn[data-v-23187ab9],.object-list[data-v-23187ab9]{display:flex;align-items:center;height:40px;padding:8px 12px 8px 8px;border:1px solid var(--border-color2);transition:.3s;cursor:pointer;border-radius:5px;margin-left:10px}.color-btn[data-v-23187ab9]{cursor:not-allowed}.color-btn.active[data-v-23187ab9]{cursor:pointer}.color-btn h2[data-v-23187ab9],.object-list h2[data-v-23187ab9]{font-size:16px;margin-left:8px;color:var(--inactive-text);transition:.3s}.eng .object-list h2[data-v-23187ab9]{font-size:12px}.color-btn svg path[data-v-23187ab9],.object-list svg path[data-v-23187ab9]{transition:.3s;fill:var(--inactive-text)}.color-btn.active[data-v-23187ab9],.object-list.active[data-v-23187ab9],.object-list[data-v-23187ab9]:hover{border-color:var(--white)}.color-btn.active h2[data-v-23187ab9],.object-list.active h2[data-v-23187ab9],.object-list:hover h2[data-v-23187ab9]{color:var(--white)}.color-btn.active svg path[data-v-23187ab9],.object-list.active svg path[data-v-23187ab9],.object-list:hover svg path[data-v-23187ab9]{fill:var(--white)}.opacity-area[data-v-23187ab9]{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:10}.color-popup[data-v-23187ab9]{position:absolute;right:10px;bottom:56px;width:225px;background-color:var(--background-color10);border:1px solid var(--white);border-radius:5px;z-index:11}.color-popup-header[data-v-23187ab9]{height:48px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px;border-bottom:1px solid var(--border-color2)}.color-popup-header h1[data-v-23187ab9]{color:var(--white);font-weight:600;font-size:16px}.color-popup-header img[data-v-23187ab9]{cursor:pointer}.color-popup-content[data-v-23187ab9],.human-color[data-v-23187ab9]{display:flex;flex-direction:column;align-items:center}.content-header[data-v-23187ab9]{display:flex;width:100%;align-items:center;padding-left:22px;height:40px;margin-bottom:3px}.content-header h2[data-v-23187ab9]{color:var(--white);font-size:14px;font-weight:500}.small-div-bar[data-v-23187ab9]{height:14px;width:1px;background-color:var(--border-color2);margin:0 10px}.content-header h3[data-v-23187ab9]{color:var(--white);font-size:14px;font-weight:400}.content-area[data-v-23187ab9]{display:flex;flex-wrap:wrap;gap:10px;padding:0 18px}.color-box[data-v-23187ab9]{flex:0 0 calc(20% - 8px);width:30px;height:30px;border-radius:50%;cursor:pointer}.color-box[data-v-23187ab9],.color-check[data-v-23187ab9]{display:flex;align-items:center;justify-content:center}.middle-div[data-v-23187ab9]{width:202px;height:1px;background-color:var(--border-color2);margin-top:16px}.white-div[data-v-23187ab9]{width:100%;height:1.5px;background-color:var(--white);margin-top:16px}.color-popup-btn-area[data-v-23187ab9]{margin-top:16px;width:100%;border-top:1px solid var(--border-color2);display:flex;align-items:center;justify-content:center;padding:16px 0}.color-save-btn[data-v-23187ab9]{height:40px;padding:0 20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--svg-path2);border-radius:5px;transition:.3s;cursor:not-allowed}.color-save-btn h1[data-v-23187ab9]{color:var(--inactive-text);cursor:pointer;transition:.3s;cursor:not-allowed}.color-save-btn.active[data-v-23187ab9]{border-color:var(--white);cursor:pointer}.color-save-btn.active h1[data-v-23187ab9]{color:var(--white);cursor:pointer}.color-save-btn[data-v-23187ab9]:hover{border-color:var(--blue-100)}.color-save-btn:hover h1[data-v-23187ab9]{color:var(--blue-100)}.event-double-list[data-v-23187ab9]{background-color:var(--background-color10);width:100%;height:120px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.bicycle[data-v-23187ab9]{padding:0 10px 0 20px}.bicycle-front-list[data-v-23187ab9]{display:flex;width:100%;padding-top:18px}.bicycle-front-list h2[data-v-23187ab9]{color:var(--white);font-size:16px;line-height:100%}.bicycle-back-list[data-v-23187ab9]{display:flex;width:100%;padding-bottom:20px;align-items:center;justify-content:center}.half-area[data-v-23187ab9]{display:flex;width:calc(50% - 1px);align-items:center;justify-content:center}.half-area h2[data-v-23187ab9]{color:var(--white);font-size:16px;line-height:100%}.number-box[data-v-23187ab9]{width:100px;height:40px;border:1px solid var(--white);border-radius:5px;background-color:transparent;color:var(--white);font-weight:400;font-size:16px}.bicycle-back-list .number-box[data-v-23187ab9]{margin:0 8px 0 16px}.bicycle-back-list .div-bar[data-v-23187ab9]{background-color:var(--border-color2);width:1px;height:24px}.double-back-list[data-v-23187ab9],.double-front-list[data-v-23187ab9]{width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.crowding-list[data-v-23187ab9]{background-color:var(--background-color10);width:100%;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-top:50px}.double-front-list[data-v-23187ab9]{border-bottom:1px solid var(--gray-700)}.sensitivity .double-front-list[data-v-23187ab9]{padding-right:14px}.double-back-list h2[data-v-23187ab9],.double-front-list h2[data-v-23187ab9]{color:var(--white);font-size:16px}.sensitivity .double-back-list[data-v-23187ab9]{padding:0 14px}.back-area[data-v-23187ab9]{display:flex;align-items:center}.back-area h2[data-v-23187ab9],.double-back-list h2[data-v-23187ab9]{margin-right:16px}.three-area[data-v-23187ab9]{display:flex;align-items:center;justify-content:center}.color-circle[data-v-23187ab9]{width:16px;height:16px;border-radius:50%;margin-right:6px}.big-circle[data-v-23187ab9]{background-color:var(--red-2)}.mid-circle[data-v-23187ab9]{background-color:var(--orange)}.small-circle[data-v-23187ab9]{background-color:var(--green)}.slide-bar-area[data-v-23187ab9]{width:100%;height:40px;background-color:var(--gray-700);border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.slide-bar-area h2[data-v-23187ab9]{color:var(--white);font-size:14px;margin:0}.sensi-bar-area[data-v-23187ab9]{width:450px}.event-add-list[data-v-23187ab9]{width:350px;padding:14px 20px;border-left:1px solid var(--border-color2);display:flex;flex-direction:column;align-items:center;justify-content:center}.top-left-area[data-v-23187ab9]{display:flex;align-items:center}.title[data-v-23187ab9]{font-size:18px;line-height:100%}.list-content[data-v-23187ab9]{border:1px solid var(--white);border-radius:5px;height:584px;width:310px;margin-bottom:14px;padding:5px 0 5px 5px;overflow:auto;scrollbar-gutter:stable}.empty-list[data-v-23187ab9]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.empty-list h2[data-v-23187ab9]{color:var(--inactive-text)}.list-item[data-v-23187ab9]{border:1px solid var(--border-color2);border-radius:5px;width:100%;height:90px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:12px;margin-bottom:5px}.list-item[data-v-23187ab9]:last-child{margin-bottom:0}.item-name[data-v-23187ab9]{width:calc(100% - 41px)}.item-name h2[data-v-23187ab9]{color:var(--white);font-size:16px;line-height:100%;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.item-type[data-v-23187ab9]{display:flex;align-items:center;justify-content:center;border:1px solid var(--white);border-radius:5px;padding:0 12px;height:33px}.item-type h2[data-v-23187ab9]{font-size:14px;color:var(--white)}.item-type.add[data-v-23187ab9]{border-color:var(--blue-100)}.item-type.add h2[data-v-23187ab9]{color:var(--blue-100)}.item-type.delete[data-v-23187ab9]{border-color:var(--red)}.item-type.delete h2[data-v-23187ab9]{color:var(--red)}.close-btn[data-v-23187ab9]{position:absolute;top:8px;right:8px}.dark-btn[data-v-23187ab9]{height:40px;width:68px;font-size:16px;background-color:transparent;border-color:var(--svg-path2);color:var(--inactive-text);cursor:not-allowed}.dark-btn.active[data-v-23187ab9]{cursor:pointer;border-color:1px solid var(--white);color:var(--white)}.dark-btn.active[data-v-23187ab9]:hover{background-color:transparent;border-color:var(--blue-100);color:var(--blue-100)}.delete-btn[data-v-23187ab9]{margin-left:14px}.my-scroll[data-v-23187ab9]::-webkit-scrollbar{width:6px}.my-scroll[data-v-23187ab9]::-webkit-scrollbar-thumb{border-radius:clamp(6px,.9vmin,.9vmin);background-clip:padding-box;border:1px solid transparent;background-color:#575d64}.military .my-scroll[data-v-23187ab9]::-webkit-scrollbar-thumb{background-color:#aba198}.sensi-bar-area .vue-slider{height:8px!important}.sensi-bar-area .vue-slider-rail,.sensi-bar-area .vue-slider:hover .vue-slider-rail{background-color:var(--background-color10)!important}.sensi-bar-area .vue-slider-dot-handle,.sensi-bar-area .vue-slider:hover .vue-slider-dot-handle{border-color:var(--white)!important}.scroll-wrapper[data-v-4dd8ca90]{position:relative;height:200px;overflow:hidden}.scroll-content[data-v-4dd8ca90]{height:100%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.scroll-content[data-v-4dd8ca90]::-webkit-scrollbar{display:none}.scroll-thumb[data-v-4dd8ca90]{position:absolute;right:3px;width:6px;border-radius:3px;background-color:var(--border-color2);transition:opacity .3s;opacity:0;top:0}.scroll-wrapper:hover .scroll-thumb[data-v-4dd8ca90]{opacity:1}.popover-gray[data-v-4e300419]{width:1392px;height:760px;display:flex;flex-wrap:wrap;position:relative}.popover-header[data-v-4e300419]{display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 16px;height:40px}.popover-header h1[data-v-4e300419]{font-size:15px}.content-area[data-v-4e300419]{width:365px;padding:14px 20px;border-right:1px solid var(--border-color2)}.popup-top-box[data-v-4e300419]{display:flex;justify-content:space-between;width:100%;margin-bottom:14px;height:40px;padding:0 0 0 10px}.top-left-area[data-v-4e300419]{display:flex;align-items:center}.title[data-v-4e300419]{font-size:18px;line-height:100%}.count-camera[data-v-4e300419]{display:flex;align-items:center;margin-left:10px}.count-camera h2[data-v-4e300419]{font-size:14px;font-weight:400;color:var(--inactive-text)}.curr-count[data-v-4e300419]{color:var(--blue-100)!important;margin-right:5px}.refresh-btn[data-v-4e300419]{width:88px;height:40px;border-radius:5px;border:1px solid #fff;background-color:var(--gray-700);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:400;font-size:16px;transition:.3s}.refresh-btn[data-v-4e300419]:hover{border-color:var(--blue-100);color:var(--blue-100)}.search-box[data-v-4e300419]{width:100%;height:50px;min-height:33px;margin-bottom:15px;position:relative}.gray-box.search[data-v-4e300419]{width:100%;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;z-index:10;padding:0 5px;transition:.3s}.gray-box.search.active[data-v-4e300419]{border-color:var(--white)}.gray-box.search svg[data-v-4e300419]{padding-right:5px;width:19px}.gray-box.search svg path[data-v-4e300419]{fill:var(--svg-path2)}.search-input[data-v-4e300419]{width:280px;height:50px;min-height:33px;background-color:transparent;color:var(--white);text-align:left;padding-left:5px;font-size:16px}.search-res-box[data-v-4e300419]{width:100%;max-height:150px;overflow:auto;border-top:1px solid var(--border-color2);padding:5px 0}.search-res-box>div[data-v-4e300419]{width:100%;height:45px;border-radius:5px;color:var(--white);transition:.3s;display:flex;justify-content:flex-start;align-items:center;padding-left:5px}.search-res-box>div[data-v-4e300419]:hover{background-color:var(--blue-300)}.no-res-box[data-v-4e300419]{width:100%;height:7.4vh;min-height:53px;border-top:1px solid var(--gray-300);padding:18px 0;cursor:default}.blank-camera h3[data-v-4e300419],.no-res-box h3[data-v-4e300419],.not-select-event h3[data-v-4e300419]{line-height:22px;color:var(--gray-200);font-size:16px}.camera-list-area[data-v-4e300419]{width:100%;height:567px;border:1px solid var(--white);border-radius:5px;padding:5px}.camera-list[data-v-4e300419]{width:100%;height:55px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:.3s;padding:18px 14px;border:1px solid transparent;margin-bottom:5px;position:relative}.camera-list h2[data-v-4e300419]{color:var(--white)}.camera-list[data-v-4e300419]:last-child{margin-bottom:0}.camera-list.selected[data-v-4e300419]{background-color:var(--active-background);border:1px solid var(--button-point-color)}.saved-list[data-v-4e300419]{background-color:var(--dark-gray-1);border:1px solid var(--dark-gray-2);color:var(--inactive-text2)}.adding-list h2[data-v-4e300419],.saved-list h2[data-v-4e300419]{color:var(--inactive-text2)}.adding-list[data-v-4e300419]{background-color:var(--dark-blue-1);border:1px solid var(--dark-blue-2);color:var(--inactive-text2)}.not-search[data-v-4e300419]{display:none}.camera-name[data-v-4e300419]{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-state[data-v-4e300419]{width:40px}.camera-state h3[data-v-4e300419]{font-size:14px;font-weight:400}.saved-list .camera-state h3[data-v-4e300419]{color:var(--inactive-text5)}.adding-list .camera-state h3[data-v-4e300419]{color:var(--blue-100)}.no-click-camera[data-v-4e300419]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;cursor:not-allowed}.event-add-list[data-v-4e300419]{width:350px;padding:14px 20px;border-left:1px solid var(--border-color2)}.event-add-list[data-v-4e300419],.list-content[data-v-4e300419]{display:flex;flex-direction:column;align-items:center;justify-content:center}.list-content[data-v-4e300419]{border:1px solid var(--white);border-radius:5px;height:584px;width:310px;margin-bottom:14px}.empty-list h2[data-v-4e300419]{color:var(--inactive-text)}.dark-btn[data-v-4e300419]{height:40px;width:68px;font-size:16px;background-color:transparent;border-color:var(--svg-path2);color:var(--inactive-text);cursor:not-allowed}.dark-btn.active[data-v-4e300419]{cursor:pointer;border-color:1px solid var(--white);color:var(--white)}.dark-btn.active[data-v-4e300419]:hover{background-color:transparent;border-color:var(--blue-100);color:var(--blue-100)}.popover-gray[data-v-6ceb5b3c]{width:675px;height:760px;display:flex;flex-wrap:wrap;position:relative}.popover-header[data-v-6ceb5b3c]{display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 16px;height:40px}.popover-header h1[data-v-6ceb5b3c]{font-size:15px}h1.title[data-v-6ceb5b3c]{font-size:18px;height:35px}.event-setting-box[data-v-6ceb5b3c]{width:675px;height:720px;padding:15px 20px 20px 20px;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;box-sizing:border-box}.event-select-area[data-v-6ceb5b3c]{display:flex;align-items:center}.event-icon-box[data-v-6ceb5b3c]{width:40px;height:40px;border:1px solid var(--border-color2);border-radius:6px;background-color:transparent;display:flex;align-items:center;justify-content:center;margin-left:10px;transition:.3s;cursor:pointer;position:relative}.event-icon-box svg[data-v-6ceb5b3c]{width:26px;height:26px}.event-icon-box svg path[data-v-6ceb5b3c]{transition:.3s;fill:var(--white)}.event-icon-box[data-v-6ceb5b3c]:hover{border-color:#fff}.saved-event.event-icon-box[data-v-6ceb5b3c]{border-color:var(--blue-100)}.saved-event.event-icon-box svg path[data-v-6ceb5b3c]{fill:var(--blue-100)}.select-event.event-icon-box[data-v-6ceb5b3c]{border-color:var(--blue-100);background-color:var(--blue-300)}.select-event.event-icon-box svg path[data-v-6ceb5b3c]{fill:var(--blue-100)}.icon-label[data-v-6ceb5b3c]{height:30px;display:flex;align-items:center;justify-content:center;top:45px;left:0;position:absolute;border:1px solid var(--blue-100);background-color:var(--gray-700);box-shadow:0 5px 5px 0 #00000040;padding:0 10px;border-radius:5px;opacity:0;transition:.3s;z-index:11}.icon-label h3[data-v-6ceb5b3c]{color:#fff;font-size:14px;font-weight:400;white-space:nowrap;line-height:100%}.event-icon-box:hover .icon-label[data-v-6ceb5b3c]{opacity:1}.passive .event-icon-box[data-v-6ceb5b3c]{cursor:not-allowed}.passive .event-icon-box[data-v-6ceb5b3c]:hover{border-color:var(--border-color2)}.passive .event-icon-box svg path[data-v-6ceb5b3c]{fill:var(--border-color2)}.passive .event-icon-box:hover .icon-label[data-v-6ceb5b3c]{opacity:0}.setting-area[data-v-6ceb5b3c]{border:1px solid var(--border-color2);width:635px;height:584px;border-radius:5px;display:flex;flex-direction:column;margin-bottom:14px}.not-select-event[data-v-6ceb5b3c]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.select-event-area[data-v-6ceb5b3c]{width:100%;height:100%;padding:14px 20px 16px 20px}.setting-header[data-v-6ceb5b3c]{height:40px;width:100%;display:flex;align-items:center;justify-content:space-between}.header-title[data-v-6ceb5b3c]{height:100%;display:flex;align-items:center}.header-title h2[data-v-6ceb5b3c]{color:#fff;font-size:18px;font-weight:400;line-height:100%}.header-combo[data-v-6ceb5b3c]{width:165px;height:40px;position:relative;margin-left:14px}.reset-btn[data-v-6ceb5b3c]{height:40px;width:82px;display:flex;align-items:center;justify-content:center;border:1px solid var(--white);border-radius:5px;color:var(--white);font-size:16px;background-color:transparent;transition:.3s;cursor:pointer}.reset-btn[data-v-6ceb5b3c]:hover{border-color:var(--blue-100);color:var(--blue-100)}.setting-content[data-v-6ceb5b3c]{display:flex;flex-direction:column;margin-top:14px}.event-area-set[data-v-6ceb5b3c]{width:595px;height:275px;background-color:wheat;position:relative}.area-canvas[data-v-6ceb5b3c]{width:595px;height:275px;position:absolute;top:0;left:0;z-index:10}.konvajs-content[data-v-6ceb5b3c]{z-index:1}.message-area[data-v-6ceb5b3c]{display:flex;align-items:center;margin-top:10px;margin-bottom:14px}.message-area h3[data-v-6ceb5b3c]{color:#fff;font-size:14px;font-weight:400;line-height:100%}.event-set-list[data-v-6ceb5b3c]{background-color:var(--background-color10);width:100%;height:56px;margin-bottom:8px;border-radius:5px;display:flex;align-items:center;padding:0 10px 0 20px;justify-content:space-between}.event-set-list[data-v-6ceb5b3c]:last-child{margin-bottom:0}.event-set-list h2[data-v-6ceb5b3c]{color:#fff;font-size:16px}.approve-btn[data-v-6ceb5b3c]{width:65px;height:30px;border-radius:22px;background-color:var(--background-color7);color:var(--inactive-box-background);position:relative;display:flex;justify-content:space-between;align-items:center;padding:2px}.approve-btn.active[data-v-6ceb5b3c]{background-color:var(--blue-100);color:var(--white)}.approve-btn h2[data-v-6ceb5b3c]{font-size:16px;font-weight:600;position:absolute;cursor:default;color:var(--inactive-box-background)}.active.approve-btn h2[data-v-6ceb5b3c]{color:var(--white)}.approve-on[data-v-6ceb5b3c]{left:7px}.approve-off[data-v-6ceb5b3c]{right:5px}.circle-btn[data-v-6ceb5b3c]{width:26px;height:26px;background-color:var(--inactive-box-background);border-radius:50%;box-shadow:0 0 6px 0 var(--box-shadow);position:absolute;top:2px;left:2px;transition:.3s;cursor:pointer}.active .circle-btn[data-v-6ceb5b3c]{background-color:var(--white);left:37px}.time-input-box[data-v-6ceb5b3c]{width:100%;display:flex;align-items:center}.end-time[data-v-6ceb5b3c],.start-time[data-v-6ceb5b3c]{width:50%;display:flex;align-items:center;justify-content:space-between}.end-time[data-v-6ceb5b3c]{margin-left:33px}.time-area[data-v-6ceb5b3c]{display:flex;align-items:center}.time-area input[data-v-6ceb5b3c]{width:60px;height:40px;border:1px solid var(--border-color2);border-radius:5px;font-size:16px;font-weight:400;color:#fff;background-color:transparent}.time-area input[data-v-6ceb5b3c]::-moz-placeholder{color:var(--inactive-text)}.time-area input[data-v-6ceb5b3c]::placeholder{color:var(--inactive-text)}.time-area input[data-v-6ceb5b3c]:focus{border-color:var(--white)}.time-area h2[data-v-6ceb5b3c]{margin:0 4px}.object-list-area[data-v-6ceb5b3c],.object-list[data-v-6ceb5b3c]{display:flex;align-items:center}.object-list[data-v-6ceb5b3c]{height:40px;padding:8px 12px 8px 8px;border:1px solid var(--border-color2);transition:.3s;cursor:pointer;border-radius:5px;margin-left:10px}.object-list h2[data-v-6ceb5b3c]{font-size:16px;margin-left:8px;color:var(--inactive-text);transition:.3s}.object-list svg path[data-v-6ceb5b3c]{transition:.3s;fill:var(--inactive-text)}.object-list.active[data-v-6ceb5b3c],.object-list[data-v-6ceb5b3c]:hover{border-color:var(--white)}.object-list.active h2[data-v-6ceb5b3c],.object-list:hover h2[data-v-6ceb5b3c]{color:var(--white)}.object-list.active svg path[data-v-6ceb5b3c],.object-list:hover svg path[data-v-6ceb5b3c]{fill:var(--white)}.dark-btn[data-v-6ceb5b3c]{height:40px;width:68px;font-size:16px;background-color:transparent;border-color:var(--svg-path2);color:var(--inactive-text);cursor:not-allowed}.dark-btn.active[data-v-6ceb5b3c]{cursor:pointer;border-color:1px solid var(--white);color:var(--white)}.dark-btn.active[data-v-6ceb5b3c]:hover{background-color:transparent;border-color:var(--blue-100);color:var(--blue-100)}.gray-fill-box[data-v-85167778]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));color:var(--white)}.square-gray-box[data-v-85167778]{background-color:var(--background-color6);width:100%;height:calc(100% - clamp(54px, 7.4vh, 7.4vh));cursor:default}.square-gray-box h3[data-v-85167778]{font-size:var(--font16);width:calc(100% - 30px);padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blue-box[data-v-85167778]{padding:0 clamp(7px,.6vw,.6vw);display:flex;justify-content:space-between;align-items:center;font-size:var(--font16);height:var(--height40);background-color:var(--button-point-color4);margin-right:clamp(6px,.5vw,.5vw)}.blue-box svg[data-v-85167778]{width:2vh;min-width:14px;margin-right:clamp(6px,.5vw,.5vw)}.blue-box svg path[data-v-85167778]{fill:var(--white)}.blue-box[data-v-85167778]:hover{background-color:var(--button-point-color)}.blue-box.no-access[data-v-85167778]{background-color:var(--background-color13);cursor:not-allowed}.blue-box.no-access h3[data-v-85167778]{color:var(--inactive-text)}.blue-box.no-access svg path[data-v-85167778]{fill:var(--inactive-text)}.gray-fill-box .top-box[data-v-85167778]{padding:var(--padding010)}.setting-popup-btn[data-v-85167778]{display:flex;align-items:center}.delete-btn[data-v-85167778]{height:var(--height40);background-color:var(--gray-400);font-size:var(--font16);padding:0 clamp(14px,1.3vw,1.3vw);margin-right:clamp(6px,.5vw,.5vw);border-color:var(--svg-path2);color:var(--svg-path2)}.gray-box.search[data-v-85167778]{display:flex;justify-content:space-between;align-items:center;width:23.7vw;min-width:303px;height:var(--height40);padding:var(--padding010);background-color:var(--gray-400);border-color:var(--border-color)}.gray-box.search input[data-v-85167778]{width:100%;padding-right:clamp(6px,.5vw,.5vw);background-color:transparent;text-align:left;color:#fff;font-size:var(--font16)}.gray-box.search input[data-v-85167778]::-moz-placeholder{color:var(--border-color)}.gray-box.search input[data-v-85167778]::placeholder{color:var(--border-color)}.search svg[data-v-85167778]{width:1.3vw;min-width:14px}.btn-box[data-v-85167778]{display:flex;justify-content:space-between}.btn-box .combobox[data-v-85167778]{position:relative;width:5.7vw;min-width:73px;margin-right:clamp(6px,.5vw,.5vw)}.bottom-box[data-v-85167778]{height:calc(100% - var(--height65));padding:clamp(4px,.5vh,.5vh) clamp(3px,.25vw,.25vw) clamp(6px,.9vh,.9vh) clamp(3px,.25vw,.25vw);position:relative}.content-box[data-v-85167778]{margin:auto;margin-bottom:clamp(6px,.9vh,.9vh);height:calc(100% - clamp(31px, 4.2vh, 4.2vh));display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start}.header-box[data-v-85167778]{height:clamp(36px,5.1vh,5.1vh);background-color:var(--gray-700);border-bottom:1px solid var(--border-color2);display:flex;cursor:default}.header-box>div[data-v-85167778]{border-right:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;font-size:var(--font18)}.header-box>div[data-v-85167778]:last-child{border-right:none}.video-check-box[data-v-85167778]{position:absolute;width:auto;top:0;left:0;display:flex;justify-content:space-between;align-content:flex-start;line-height:clamp(12px,1.7vh,1.7vh);cursor:default;padding:var(--padding10);z-index:5;cursor:pointer}.video-check-box img[data-v-85167778]{cursor:pointer}.icon-area[data-v-85167778]{display:flex;align-items:center;justify-content:center}.page-area[data-v-85167778]{position:relative;height:var(--height35);width:100%}.empty-msg[data-v-85167778]{font-size:var(--font16);color:var(--gray-100)}.empty-msg[data-v-85167778],.no-list-box[data-v-85167778]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.no-list-box h2[data-v-85167778]{font-size:var(--font18);color:var(--gray-100)}.check-box[data-v-85167778]{width:1.8vmin;min-width:13px;height:1.8vmin;min-height:13px;border:2px solid transparent;border-radius:clamp(2px,.2vmin,.2vmin);transition:.3s;display:flex;justify-content:center;align-items:center}.check-box.show[data-v-85167778]{border-color:var(--white)}.check-box>img[data-v-85167778]{display:none}.active .check-box>img[data-v-85167778]{display:block;width:90%}.video-box[data-v-85167778]{margin:var(--margin5);border:1px solid transparent;width:calc(25% - clamp(6px, .5vw, .5vw));color:var(--white);cursor:default;position:relative;transition:.3s}.video-box.active[data-v-85167778]{border-color:var(--blue-100);box-shadow:var(--box-shadow-total)}.video-box[data-v-85167778]:hover{border-color:var(--white);box-shadow:0 clamp(12px,1vw,1vw) clamp(4px,.6vh,.6vh) calc(clamp(6px, .5vw, .5vw)*-1) rgba(0,0,0,.45)}.video-box:hover .check-box[data-v-85167778]{border-color:var(--white)}.video-box.active .check-box[data-v-85167778]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.thumbnail-box[data-v-85167778]{width:100%;height:17.6vh;min-height:126px;cursor:pointer;position:relative}.video-thumbnail[data-v-85167778]{width:100%;height:100%;border:1px solid var(--gray-700)}.video-info-box[data-v-85167778]{display:flex;flex-wrap:wrap;align-content:space-around;background-color:var(--gray-700);padding:clamp(5px,.7vh,.7vh) clamp(6px,.5vw,.5vw);height:clamp(52px,7.22vh,7.22vh)}.video-info-box>div[data-v-85167778]{width:100%;height:2.3vh;min-height:16px;display:flex;align-items:center;font-size:var(--font14)}.video-info-box .left[data-v-85167778]{width:5vw;min-width:71px;display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.video-info-box .right[data-v-85167778]{color:var(--white);padding:var(--padding010);width:calc(100% - clamp(71px, 5vw, 5vw))}.right h2[data-v-85167778]{width:calc(100% - clamp(55px, 4.3vw, 4.3vw) - clamp(12px, 1vw, 1vw));text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-btn[data-v-85167778]{position:absolute;right:clamp(12px,1vw,1vw);bottom:clamp(13px,1.75vh,1.75vh);width:clamp(55px,4.3vw,4.3vw);height:var(--height40);border:1px solid var(--white);border-radius:var(--border-radius5);display:flex;align-items:center;justify-content:center;transition:.3s;cursor:pointer}.edit-btn h2[data-v-85167778]{font-size:var(--font16);transition:.3s}.edit-btn[data-v-85167778]:hover{border-color:var(--blue-100)}.edit-btn:hover h2[data-v-85167778]{color:var(--blue-100)}.router-wrap[data-v-ec214882]{height:calc(100% - clamp(41px, 5.6vh, 5.6vh))}.admin-wrap[data-v-ec214882]{width:100%;height:100%;padding:clamp(10px,1.4vh,1.4vh) clamp(6px,.5vw,.5vw) clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);display:flex;justify-content:space-between}.popover-gray[data-v-30e6c162]{width:1392px;height:760px;display:flex;flex-wrap:wrap;position:relative}.upload-btn-box[data-v-30e6c162]{width:100%;display:flex;justify-content:center;align-items:center}.popover-header[data-v-30e6c162]{display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 16px;height:40px}.popover-header h1[data-v-30e6c162]{font-size:15px}h1.title[data-v-30e6c162]{font-size:18px;height:35px}.vms-list-box[data-v-30e6c162]{width:715px;height:720px;border-right:1px solid var(--border-color2);padding:15px 20px 20px 20px;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;box-sizing:border-box}.search-box[data-v-30e6c162]{width:100%;height:50px;min-height:33px;margin-bottom:15px;position:relative}.gray-box.search[data-v-30e6c162]{width:100%;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;z-index:10;padding:0 5px;transition:.3s}.gray-box.search.active[data-v-30e6c162]{border-color:var(--white)}.gray-box.search svg[data-v-30e6c162]{padding-right:5px;width:19px}.gray-box.search svg path[data-v-30e6c162]{fill:var(--svg-path2)}.search-input[data-v-30e6c162]{width:630px;height:50px;min-height:33px;background-color:transparent;color:var(--white);text-align:left;padding-left:clamp(3px,.25vw,.25vw);font-size:16px}.search-res-box[data-v-30e6c162]{width:100%;max-height:150px;overflow:auto;border-top:1px solid var(--border-color2);padding:clamp(4px,.5vh,.5vh) 0}.search-res-box>div[data-v-30e6c162]{width:100%;height:45px;border-radius:5px;color:var(--white);transition:.3s;display:flex;justify-content:flex-start;align-items:center;padding-left:5px}.search-res-box>div[data-v-30e6c162]:hover{background-color:var(--blue-300)}.no-res-box[data-v-30e6c162]{width:100%;height:7.4vh;min-height:53px;border-top:1px solid var(--gray-300);padding:clamp(12px,1.7vh,1.7vh) 0;cursor:default}.blank-camera h3[data-v-30e6c162],.no-res-box h3[data-v-30e6c162]{line-height:clamp(14px,2vh,2vh);color:var(--gray-200);font-size:16px}.blank-camera[data-v-30e6c162]{display:flex;align-items:center;justify-content:center;height:5.6vh;min-height:40px}.gray-box.vms[data-v-30e6c162]{height:50px;max-height:355px;overflow:hidden;margin-bottom:10px}.vms-info-box[data-v-30e6c162]{height:50px;display:flex;justify-content:space-between;align-items:center;color:var(--gray-300);padding:10px;border-bottom:1px solid var(--border-color2);cursor:not-allowed;position:relative}.active .vms-info-box[data-v-30e6c162]{color:var(--white);cursor:pointer}.vms-info-box div[data-v-30e6c162]{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vms-camera-list[data-v-30e6c162]{padding:2.5px 5px;padding-right:0;max-height:305px;overflow:auto;display:flex;flex-wrap:wrap;align-content:space-between;cursor:default;scrollbar-gutter:stable}.vms-thumbnail[data-v-30e6c162]{width:80px;height:45px;border:1px solid var(--gray-300);display:flex;align-items:center;justify-content:center;position:relative;cursor:zoom-in}.thumbnail[data-v-30e6c162]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail[data-v-30e6c162]:after{content:url(/img/no_image.00af6bff.svg);position:absolute;top:0;left:0;width:100%;height:100%}.vms-camera-name[data-v-30e6c162]{width:calc(100% - 140px);padding:0 clamp(4px,.5vh,.5vh) 0 clamp(6px,.9vh,.9vh);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vms-camera[data-v-30e6c162]{display:flex;align-items:center;color:var(--white);padding:5px;border-radius:5px;box-sizing:border-box;width:100%;height:55px;margin:2.5px;margin-right:0;border:1px solid transparent;cursor:pointer;position:relative}.vms-camera h3[data-v-30e6c162]{font-size:16px}.camera-state[data-v-30e6c162]{width:40px}.camera-state h3[data-v-30e6c162]{font-size:14px;font-weight:400}.saved-list .camera-state h3[data-v-30e6c162]{color:var(--inactive-text5)}.adding-list .camera-state h3[data-v-30e6c162]{color:var(--blue-100)}.no-thumbnail .vms-camera-name[data-v-30e6c162]{padding:0}.vms-camera.selected[data-v-30e6c162]{background-color:var(--active-background);border:1px solid var(--button-point-color)}.saved-list[data-v-30e6c162]{background-color:var(--dark-gray-1);border:1px solid var(--dark-gray-2);color:var(--inactive-text2)}.adding-list[data-v-30e6c162]{background-color:var(--dark-blue-1);border:1px solid var(--dark-blue-2);color:var(--inactive-text2)}.adding-list .thumbnail[data-v-30e6c162],.saved-list .thumbnail[data-v-30e6c162]{opacity:.5}.no-click-camera[data-v-30e6c162]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;cursor:not-allowed}.vms-info-box[data-v-30e6c162]{color:var(--inactive-text2)}.vms-info-box .vms-type[data-v-30e6c162]{width:120px;height:30px;background-color:var(--inactive-background);border-radius:15px;color:var(--inactive-text3);text-align:center;display:flex;align-items:center;justify-content:center}.vms-info-box h3[data-v-30e6c162]{font-size:16px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active .vms-type[data-v-30e6c162]{background-color:var(--blue-100);color:var(--white)}.vms-id[data-v-30e6c162]{width:115px}.vms-ip[data-v-30e6c162]{width:170px}.vms-port[data-v-30e6c162]{width:125px}.vms-list[data-v-30e6c162]{width:100%;max-height:570px;overflow:auto}.arrow-img[data-v-30e6c162]{position:relative}.arrow-img.active[data-v-30e6c162]{content:url(/img/arrow_active.41d6abe7.svg)}.popup-top-box[data-v-30e6c162]{display:flex;justify-content:space-between;width:100%;margin-bottom:14px;height:40px;padding:0 10px}.popup-top-box>div[data-v-30e6c162]:first-child{height:100%;display:flex;align-items:center}.small-img[data-v-30e6c162]{height:20px!important}.refresh-btn[data-v-30e6c162]{width:88px;height:40px;border-radius:5px;border:1px solid #fff;background-color:var(--gray-700);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:400;font-size:16px;transition:.3s}.refresh-btn[data-v-30e6c162]:hover{background-color:#fff;color:var(--gray-900)}.vms-loading[data-v-30e6c162]{height:50px;width:100%;position:absolute;top:0;left:0;background-color:var(--popover-background);z-index:1;display:flex;align-items:center;justify-content:center}.spinner-area[data-v-30e6c162]{width:30px;height:30px;margin:auto}.spinner[data-v-30e6c162]{margin:auto;width:100%;height:100%;border:3px solid hsla(0,0%,100%,.3);box-sizing:border-box;border-top-color:#fff;border-radius:100%;animation:spin-30e6c162 1s ease-in-out infinite}@keyframes spin-30e6c162{to{transform:rotate(1turn)}}.empty-box[data-v-30e6c162]{width:100%;height:570px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;color:var(--gray-200);font-size:16px}.empty-box h3[data-v-30e6c162]{line-height:22px;color:#fff}.empty-box>div[data-v-30e6c162]{width:350px;display:flex;flex-wrap:wrap;justify-content:center}.empty-box button[data-v-30e6c162]{margin-top:20px}.thumbnail-popup[data-v-30e6c162]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;background-color:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;cursor:zoom-out}.thumbnail-popup img[data-v-30e6c162]{max-width:80%;max-height:80%;-o-object-fit:contain;object-fit:contain}.camera-setting-box[data-v-30e6c162]{width:675px;height:720px;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;box-sizing:border-box;position:relative}.inactive-box[data-v-30e6c162]{position:absolute;top:0;left:0;height:100%;width:100%;background-color:transparent;z-index:30;cursor:not-allowed}.setting-area[data-v-30e6c162]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 20px 14px 20px;position:relative}.setting-list[data-v-30e6c162]{height:40px;width:100%;display:flex;align-items:center;margin-bottom:16px}.setting-list.last[data-v-30e6c162]{margin-bottom:14px}.setting-front[data-v-30e6c162]{width:60px;margin-right:10px;display:flex;align-items:center}.setting-front h2[data-v-30e6c162]{font-size:16px;color:var(--border-color);font-weight:400;line-height:100%;transition:.3s;text-align:left}.eng .setting-front h2[data-v-30e6c162]{font-size:14px}.active .setting-front h2[data-v-30e6c162]{color:var(--white)}.setting-back[data-v-30e6c162]{display:flex;align-items:center}.setting-back input[data-v-30e6c162]{width:557px;border:1px solid var(--border-color);border-radius:5px;height:40px;padding:10px 14px;font-size:14px;color:var(--white);font-weight:400;background-color:transparent;text-align:left;transition:.3s}.dark-btn[data-v-30e6c162]{height:40px;width:68px;font-size:16px;background-color:transparent;border-color:var(--svg-path2);color:var(--inactive-text);cursor:not-allowed}.dark-btn.active[data-v-30e6c162]{cursor:pointer;border-color:1px solid var(--white);color:var(--white)}.dark-btn.active[data-v-30e6c162]:hover{background-color:transparent;border-color:var(--blue-100);color:var(--blue-100)}.camera-list-area[data-v-30e6c162]{width:100%;padding:14px 20px 14px 20px;border-top:1px solid var(--border-color2);display:flex;flex-direction:column;align-items:center;justify-content:center}.camera-list-box[data-v-30e6c162]{height:236px;width:635px;border:1px solid var(--border-color2);border-radius:5px;display:flex;flex-direction:column;padding:5px 0 5px 5px;margin-bottom:14px;overflow:auto;scrollbar-gutter:stable}.blank-list[data-v-30e6c162]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.blank-list h4[data-v-30e6c162]{font-size:16px;color:var(--inactive-text)}.camera-list[data-v-30e6c162]{width:100%;height:45px;display:flex;align-items:center;padding:13px 14px;cursor:pointer;border:1px solid transparent;border-radius:5px;margin-bottom:5px}.camera-list[data-v-30e6c162]:last-child{margin-bottom:0}.camera-list h3[data-v-30e6c162]{font-size:16px;font-weight:400;color:var(--white)}.camera-list.selected[data-v-30e6c162]{background-color:var(--active-background);border:1px solid var(--button-point-color)}.my-scroll[data-v-30e6c162]::-webkit-scrollbar{width:.4vw;min-width:4px}.my-scroll[data-v-30e6c162]::-webkit-scrollbar-track{background-color:unset;border-radius:clamp(6px,.9vmin,.9vmin)}.my-scroll[data-v-30e6c162]::-webkit-scrollbar-thumb{border-radius:clamp(6px,.9vmin,.9vmin);background-clip:padding-box;border:.2vmin solid transparent;background-color:#575d64}.military .my-scroll[data-v-30e6c162]::-webkit-scrollbar-thumb{background-color:#aba198}.popover-gray[data-v-7387b2f4]{width:675px;display:flex;flex-wrap:wrap;position:relative}.upload-btn-box[data-v-7387b2f4]{width:100%;display:flex;justify-content:center;align-items:center}.popover-header[data-v-7387b2f4]{display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 16px;height:40px}.popover-header h1[data-v-7387b2f4]{font-size:15px}h1.title[data-v-7387b2f4]{font-size:18px;height:35px}.camera-setting-box[data-v-7387b2f4]{width:675px;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;box-sizing:border-box;position:relative;padding-bottom:10px}.inactive-box[data-v-7387b2f4]{position:absolute;top:0;left:0;height:100%;width:100%;background-color:transparent;z-index:30;cursor:not-allowed}.setting-area[data-v-7387b2f4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 20px 14px 20px;position:relative}.setting-list[data-v-7387b2f4]{height:60px;width:100%;display:flex;align-items:center;margin-bottom:16px}.setting-list.last[data-v-7387b2f4]{margin-bottom:14px}.setting-front[data-v-7387b2f4]{width:60px;margin-right:10px;display:flex;align-items:center}.setting-front h2[data-v-7387b2f4]{font-size:16px;color:var(--border-color);font-weight:400;line-height:100%;transition:.3s;text-align:left}.eng .setting-front h2[data-v-7387b2f4]{font-size:14px}.active .setting-front h2[data-v-7387b2f4]{color:var(--white)}.setting-back[data-v-7387b2f4]{display:flex;align-items:center}.setting-back input[data-v-7387b2f4]{width:557px;border:1px solid var(--border-color);border-radius:5px;height:40px;padding:10px 14px;font-size:14px;color:var(--white);font-weight:400;background-color:transparent;text-align:left;transition:.3s}.dark-btn[data-v-7387b2f4]{height:40px;width:68px;font-size:16px;background-color:transparent;border-color:var(--svg-path2);color:var(--inactive-text);cursor:not-allowed}.dark-btn.active[data-v-7387b2f4]{cursor:pointer;border-color:1px solid var(--white);color:var(--white)}.dark-btn.active[data-v-7387b2f4]:hover{background-color:transparent;border-color:var(--blue-100);color:var(--blue-100)}.camera-list-area[data-v-7387b2f4]{width:100%;padding:14px 20px 14px 20px;border-top:1px solid var(--border-color2);display:flex;flex-direction:column;align-items:center;justify-content:center}.camera-list-box[data-v-7387b2f4]{height:236px;width:635px;border:1px solid var(--border-color2);border-radius:5px;display:flex;flex-direction:column;padding:5px 0 5px 5px;margin-bottom:14px;overflow:auto;scrollbar-gutter:stable}.blank-list[data-v-7387b2f4]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.blank-list h4[data-v-7387b2f4]{font-size:16px;color:var(--inactive-text)}.camera-list[data-v-7387b2f4]{width:100%;height:45px;display:flex;align-items:center;padding:13px 14px;cursor:pointer;border:1px solid transparent;border-radius:5px;margin-bottom:5px}.camera-list[data-v-7387b2f4]:last-child{margin-bottom:0}.camera-list h3[data-v-7387b2f4]{font-size:16px;font-weight:400;color:var(--white)}.camera-list.selected[data-v-7387b2f4]{background-color:var(--active-background);border:1px solid var(--button-point-color)}.my-scroll[data-v-7387b2f4]::-webkit-scrollbar{width:.4vw;min-width:4px}.my-scroll[data-v-7387b2f4]::-webkit-scrollbar-track{background-color:unset;border-radius:clamp(6px,.9vmin,.9vmin)}.my-scroll[data-v-7387b2f4]::-webkit-scrollbar-thumb{border-radius:clamp(6px,.9vmin,.9vmin);background-clip:padding-box;border:.2vmin solid transparent;background-color:#575d64}.military .my-scroll[data-v-7387b2f4]::-webkit-scrollbar-thumb{background-color:#aba198}.popover-gray[data-v-46575e97]{width:715px;display:flex;flex-wrap:wrap;position:relative}.popover-header[data-v-46575e97]{display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 16px;height:40px}.popover-header h1[data-v-46575e97]{font-size:15px}.content-area[data-v-46575e97]{width:100%;padding:14px 20px}.popup-top-box[data-v-46575e97]{display:flex;justify-content:space-between;width:100%;margin-bottom:14px;height:40px;padding:0 0 0 10px}.top-left-area[data-v-46575e97]{display:flex;align-items:center}.title[data-v-46575e97]{font-size:18px;line-height:100%}.count-camera[data-v-46575e97]{display:flex;align-items:center;margin-left:10px}.count-camera h2[data-v-46575e97]{font-size:14px;font-weight:400;color:var(--inactive-text)}.curr-count[data-v-46575e97]{color:var(--blue-100)!important;margin-right:5px}.full-count-num[data-v-46575e97]{color:var(--red)!important}.refresh-btn[data-v-46575e97]{width:88px;height:40px;border-radius:5px;border:1px solid #fff;background-color:var(--gray-700);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:400;font-size:16px;transition:.3s}.refresh-btn[data-v-46575e97]:hover{border-color:var(--blue-100);color:var(--blue-100)}.search-box[data-v-46575e97]{width:100%;height:50px;min-height:33px;margin-bottom:15px;position:relative}.gray-box.search[data-v-46575e97]{width:100%;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;z-index:10;padding:0 5px;transition:.3s}.gray-box.search.active[data-v-46575e97]{border-color:var(--white)}.gray-box.search svg[data-v-46575e97]{padding-right:5px;width:19px}.gray-box.search svg path[data-v-46575e97]{fill:var(--svg-path2)}.search-input[data-v-46575e97]{width:630px;height:50px;min-height:33px;background-color:transparent;color:var(--white);text-align:left;padding-left:5px;font-size:16px}.search-res-box[data-v-46575e97]{width:100%;max-height:150px;overflow:auto;border-top:1px solid var(--border-color2);padding:5px 0}.search-res-box>div[data-v-46575e97]{width:100%;height:45px;border-radius:5px;color:var(--white);transition:.3s;display:flex;justify-content:flex-start;align-items:center;padding-left:5px}.search-res-box>div[data-v-46575e97]:hover{background-color:var(--blue-300)}.no-res-box[data-v-46575e97]{width:100%;height:7.4vh;min-height:53px;border-top:1px solid var(--gray-300);padding:18px 0;cursor:default}.blank-camera h3[data-v-46575e97],.no-res-box h3[data-v-46575e97],.not-select-event h3[data-v-46575e97]{line-height:22px;color:var(--gray-200);font-size:16px}.camera-list-area[data-v-46575e97]{width:100%;height:535px;border:1px solid var(--white);margin-bottom:14px;border-radius:5px;padding:5px}.camera-list[data-v-46575e97]{width:100%;height:55px;border-radius:5px;display:flex;align-items:center;transition:.3s;padding:18px 14px;border:1px solid transparent;margin-bottom:5px}.camera-list[data-v-46575e97]:last-child{margin-bottom:0}.camera-list.full-count[data-v-46575e97]{border-color:var(--dark-gray-2);background-color:var(--dark-gray-1)}.camera-list.full-count h2[data-v-46575e97]{color:var(--inactive-text2)}.camera-list.full-count .check-box[data-v-46575e97]{border-color:var(--inactive-text2);background-color:var(--gray-400);cursor:not-allowed}.camera-list.active[data-v-46575e97]{border-color:var(--blue-100);background-color:var(--hover-background2)}.camera-list.active h2[data-v-46575e97]{color:var(--white)}.not-search[data-v-46575e97]{display:none}.check-box[data-v-46575e97]{width:20px;height:20px;border:1px solid var(--white);border-radius:2px;transition:.3s;display:flex;justify-content:center;align-items:center;margin-right:12px;cursor:pointer}.check-box>img[data-v-46575e97]{display:none}.camera-list.active .check-box>img[data-v-46575e97]{display:block;width:100%}.camera-list.active .check-box[data-v-46575e97]{border-color:var(--button-point-color);background-color:var(--button-point-color);cursor:pointer}.camera-list.active h1[data-v-46575e97]{color:var(--blue-100)}.btn-area[data-v-46575e97]{width:100%}.add-btn[data-v-46575e97],.btn-area[data-v-46575e97]{display:flex;align-items:center;justify-content:center}.add-btn[data-v-46575e97]{width:68px;height:40px;border:1px solid var(--border-color2);border-radius:5px;cursor:not-allowed;transition:.3s}.add-btn h2[data-v-46575e97]{color:var(--inactive-text);font-size:16px;transition:.3s}.add-btn.active[data-v-46575e97]{border-color:var(--white);cursor:pointer}.add-btn.active h2[data-v-46575e97]{color:var(--white)}.gray-fill-box[data-v-142062dc]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));color:var(--white)}.square-gray-box[data-v-142062dc]{background-color:var(--background-color6);width:100%;height:calc(100% - clamp(54px, 7.4vh, 7.4vh));cursor:default}.square-gray-box h3[data-v-142062dc]{font-size:var(--font16);white-space:nowrap}.blue-box[data-v-142062dc]{padding:0 clamp(7px,.6vw,.6vw);display:flex;justify-content:space-between;align-items:center;font-size:var(--font16);height:var(--height40);background-color:var(--button-point-color4);margin-right:clamp(6px,.5vw,.5vw)}.blue-box img[data-v-142062dc],.blue-box svg[data-v-142062dc]{width:2vh;height:2vh;min-width:14px;min-height:14px;margin-right:clamp(6px,.5vw,.5vw)}.blue-box[data-v-142062dc]:hover{background-color:var(--button-point-color)}.blue-box.offline[data-v-142062dc]{background-color:var(--inactive-background);cursor:not-allowed}.blue-box.offline h3[data-v-142062dc]{color:var(--inactive-text)}.blue-box.offline svg path[data-v-142062dc]{fill:var(--inactive-text)}.gray-fill-box .top-box[data-v-142062dc]{padding:var(--padding010)}.box-area[data-v-142062dc]{display:flex;align-items:center}.delete-btn[data-v-142062dc]{height:var(--height40);background-color:var(--gray-400);font-size:var(--font16);padding:0 clamp(14px,1.3vw,1.3vw);margin-right:clamp(6px,.5vw,.5vw);border-color:var(--svg-path2);color:var(--svg-path2)}.gray-box.search[data-v-142062dc]{display:flex;justify-content:space-between;align-items:center;width:23.7vw;min-width:303px;height:var(--height40);padding:var(--padding010);background-color:var(--gray-400);border-color:var(--border-color)}.gray-box.search input[data-v-142062dc]{width:100%;padding-right:clamp(6px,.5vw,.5vw);background-color:transparent;text-align:left;color:#fff;font-size:var(--font16)}.gray-box.search input[data-v-142062dc]::-moz-placeholder{color:var(--border-color)}.gray-box.search input[data-v-142062dc]::placeholder{color:var(--border-color)}.search svg[data-v-142062dc]{width:1.3vw;min-width:14px}.btn-box[data-v-142062dc]{display:flex;justify-content:space-between}.btn-box .combobox[data-v-142062dc]{position:relative;width:5.7vw;min-width:73px;margin-right:clamp(6px,.5vw,.5vw)}.bottom-box[data-v-142062dc]{padding:clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw) 0 clamp(6px,.5vw,.5vw);height:calc(100% - clamp(43px, 6vh, 6vh));display:flex;flex-wrap:wrap;align-content:space-between}.header-box[data-v-142062dc]{height:clamp(36px,5.1vh,5.1vh);background-color:var(--gray-700);border-bottom:1px solid var(--border-color2);display:flex;cursor:default}.header-box>div[data-v-142062dc]{border-right:1px solid var(--border-color2);display:flex;justify-content:space-between;align-items:center;font-size:var(--font18);padding:0 clamp(10px,.8vw,.8vw)}.header-box>div[data-v-142062dc]:last-child{border-right:none}.sort[data-v-142062dc]{cursor:pointer}.sort svg path[data-v-142062dc]{transition:.3s;fill:var(--button-point-color)}.online-box[data-v-142062dc]{border-bottom:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;height:calc((100% - clamp(36px, 5.1vh, 5.1vh))/16);position:relative;cursor:pointer}.online-box>div[data-v-142062dc]{padding:0 clamp(10px,.8vw,.8vw);text-align:left;display:flex;align-items:center}.online-box svg[data-v-142062dc]{margin-right:clamp(10px,.8vw,.8vw);z-index:1;width:2.8vh;min-width:20px;height:2.8vh;min-height:20px}.online-box svg path[data-v-142062dc]{transition:.3s}.online-box svg:hover path[data-v-142062dc]{fill:var(--white)}.online-box.active[data-v-142062dc]{background-color:var(--active-background6)}.click-online[data-v-142062dc]{width:100%;height:100%;position:absolute;top:0;left:0}.name-area[data-v-142062dc]{display:flex;align-items:center;justify-content:center}.name-area h3[data-v-142062dc]{width:calc(100% - clamp(23px, 3.25vh, 3.25vh) - clamp(10px, .8vw, .8vw));text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-area[data-v-142062dc]{position:relative;height:7.4vh;min-height:53px;width:100%}.empty-msg[data-v-142062dc]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font16);color:var(--gray-100)}.router-wrap[data-v-d9234078]{height:calc(100% - clamp(41px, 5.6vh, 5.6vh))}.admin-wrap[data-v-d9234078]{width:100%;height:100%;padding:clamp(10px,1.4vh,1.4vh) clamp(6px,.5vw,.5vw) clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);display:flex;justify-content:space-between}.popover-gray[data-v-de0756fe]{width:675px;display:flex;flex-wrap:wrap;position:relative}.popover-header[data-v-de0756fe]{display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 16px;height:40px}.popover-header h1[data-v-de0756fe]{font-size:15px}.content-area[data-v-de0756fe]{width:100%;padding:14px 20px}.popup-top-box[data-v-de0756fe]{display:flex;justify-content:space-between;width:100%;margin-bottom:14px;height:40px;padding:0 0 0 10px}.top-left-area[data-v-de0756fe]{display:flex;align-items:center}.title[data-v-de0756fe]{font-size:18px;line-height:100%}.content-list[data-v-de0756fe]{width:100%;height:56px;justify-content:space-between;background-color:var(--background-color10);padding:0 20px;margin-bottom:8px;border-radius:5px}.content-back[data-v-de0756fe],.content-front[data-v-de0756fe],.content-list[data-v-de0756fe]{display:flex;align-items:center}.content-area h2[data-v-de0756fe]{font-size:16px;color:var(--white);font-weight:400;line-height:100%;text-align:left}.content-back input[data-v-de0756fe]{border:1px solid var(--white);border-radius:5px;background-color:transparent;width:170px;height:40px;text-align:left;color:var(--white);padding:10px 10px}.approve-btn[data-v-de0756fe]{width:65px;height:30px;border-radius:22px;background-color:var(--gray-700);color:var(--inactive-box-background);position:relative;display:flex;justify-content:space-between;align-items:center;padding:2px}.approve-btn.active[data-v-de0756fe]{background-color:var(--blue-100);color:var(--white)}.approve-btn h2[data-v-de0756fe]{font-size:16px;font-weight:600;position:absolute;cursor:default;color:var(--inactive-box-background)}.active.approve-btn h2[data-v-de0756fe]{color:var(--white)}.approve-on[data-v-de0756fe]{left:7px}.approve-off[data-v-de0756fe]{right:5px}.circle-btn[data-v-de0756fe]{width:26px;height:26px;background-color:var(--inactive-box-background);border-radius:50%;box-shadow:0 0 6px 0 var(--box-shadow);position:absolute;top:2px;left:2px;transition:.3s;cursor:pointer}.active .circle-btn[data-v-de0756fe]{background-color:var(--white);left:37px}.object-btn[data-v-de0756fe]{width:80px;height:40px;border:1px solid var(--border-color2);border-radius:5px;padding:0 12px 0 8px;display:flex;align-items:center;justify-content:space-between;transition:.3s;cursor:pointer;margin-left:10px}.object-btn h2[data-v-de0756fe]{color:var(--inactive-text);font-size:16px;line-height:100%}.object-btn svg[data-v-de0756fe]{width:24px;height:24px}.object-btn svg path[data-v-de0756fe]{fill:var(--inactive-text);transition:.3s}.object-btn svg line[data-v-de0756fe]{stroke:var(--inactive-text);transition:.3s}.object-btn.active[data-v-de0756fe]{border-color:var(--white)}.object-btn.active h2[data-v-de0756fe]{color:var(--white)}.object-btn.active svg path[data-v-de0756fe]{fill:var(--white)}.object-btn.active svg line[data-v-de0756fe]{stroke:var(--white)}.combo-area[data-v-de0756fe]{width:215px;height:40px;position:relative}.memo-area[data-v-de0756fe]{width:100%;height:254px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background-color:var(--background-color10);padding:16px 20px 20px 20px;margin-bottom:14px;border-radius:5px}.memo-area textarea[data-v-de0756fe]{border:1px solid var(--white);border-radius:5px;background-color:transparent;width:595px;height:183px;text-align:left;padding:10px 15px;color:var(--white);resize:none}.btn-area[data-v-de0756fe]{width:100%}.add-btn[data-v-de0756fe],.btn-area[data-v-de0756fe]{display:flex;align-items:center;justify-content:center}.add-btn[data-v-de0756fe]{width:68px;height:40px;border:1px solid var(--border-color2);border-radius:5px;cursor:not-allowed;transition:.3s}.add-btn h2[data-v-de0756fe]{color:var(--inactive-text);font-size:16px;transition:.3s}.add-btn.active[data-v-de0756fe]{border-color:var(--white);cursor:pointer}.add-btn.active h2[data-v-de0756fe]{color:var(--white)}.checkbox-background[data-v-de0756fe]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}.eng .bottom-cloth[data-v-de0756fe],.eng .top-cloth[data-v-de0756fe],.eng .woman h2[data-v-de0756fe]{font-size:12px}.gray-fill-box[data-v-757ccd02]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));color:var(--white)}.square-gray-box[data-v-757ccd02]{background-color:var(--background-color6);width:100%;height:calc(100% - clamp(54px, 7.4vh, 7.4vh));cursor:default}.square-gray-box h3[data-v-757ccd02]{font-size:var(--font16);white-space:nowrap}.blue-box[data-v-757ccd02]{padding:0 clamp(7px,.6vw,.6vw);display:flex;justify-content:space-between;align-items:center;font-size:var(--font16);height:var(--height40);background-color:var(--button-point-color4);margin-right:clamp(6px,.5vw,.5vw)}.blue-box img[data-v-757ccd02]{width:2vh;min-width:14px;margin-right:clamp(6px,.5vw,.5vw)}.blue-box[data-v-757ccd02]:hover{background-color:var(--button-point-color)}.gray-fill-box .top-box[data-v-757ccd02]{padding:var(--padding010)}.box-area[data-v-757ccd02]{display:flex;align-items:center}.delete-btn[data-v-757ccd02]{height:var(--height40);background-color:var(--gray-400);font-size:var(--font16);padding:0 clamp(14px,1.3vw,1.3vw);margin-right:clamp(6px,.5vw,.5vw);border-color:var(--svg-path2);color:var(--svg-path2)}.gray-box.search[data-v-757ccd02]{display:flex;justify-content:space-between;align-items:center;width:23.7vw;min-width:303px;height:var(--height40);padding:var(--padding010);background-color:var(--gray-400);border-color:var(--border-color)}.gray-box.search input[data-v-757ccd02]{width:100%;padding-right:clamp(6px,.5vw,.5vw);background-color:transparent;text-align:left;color:#fff;font-size:var(--font16)}.gray-box.search input[data-v-757ccd02]::-moz-placeholder{color:var(--border-color)}.gray-box.search input[data-v-757ccd02]::placeholder{color:var(--border-color)}.search svg[data-v-757ccd02]{width:1.3vw;min-width:14px}.btn-box[data-v-757ccd02]{display:flex;justify-content:space-between}.btn-box .combobox[data-v-757ccd02]{position:relative;width:5.7vw;min-width:73px;margin-right:clamp(6px,.5vw,.5vw)}.bottom-box[data-v-757ccd02]{padding:clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw) 0 clamp(6px,.5vw,.5vw);height:calc(100% - clamp(43px, 6vh, 6vh));display:flex;flex-wrap:wrap;align-content:space-between}.header-box[data-v-757ccd02]{height:clamp(36px,5.1vh,5.1vh);background-color:var(--gray-700);border-bottom:1px solid var(--border-color2);display:flex;cursor:default}.header-box>div[data-v-757ccd02]{border-right:1px solid var(--border-color2);display:flex;justify-content:space-between;align-items:center;font-size:var(--font18);padding:0 clamp(10px,.8vw,.8vw)}.header-box>div[data-v-757ccd02]:last-child{border-right:none}.sort[data-v-757ccd02]{cursor:pointer}.sort svg path[data-v-757ccd02]{transition:.3s;fill:var(--button-point-color)}.online-box[data-v-757ccd02]{border-bottom:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;height:calc((100% - clamp(36px, 5.1vh, 5.1vh))/16);position:relative;cursor:pointer}.online-box>div[data-v-757ccd02]{padding:0 clamp(10px,.8vw,.8vw);text-align:left;display:flex;align-items:center}.online-box svg[data-v-757ccd02]{margin-right:clamp(10px,.8vw,.8vw);z-index:1;width:2.8vh;min-width:20px;height:2.8vh;min-height:20px}.online-box svg path[data-v-757ccd02]{transition:.3s}.online-box svg:hover path[data-v-757ccd02]{fill:var(--white)}.online-box.active[data-v-757ccd02]{background-color:var(--active-background6)}.click-online[data-v-757ccd02]{width:100%;height:100%;position:absolute;top:0;left:0}.name-area[data-v-757ccd02]{display:flex;align-items:center;justify-content:center}.name-area h3[data-v-757ccd02]{width:calc(100% - clamp(23px, 3.25vh, 3.25vh) - clamp(10px, .8vw, .8vw));text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-area[data-v-757ccd02]{position:relative;height:7.4vh;min-height:53px;width:100%}.empty-msg[data-v-757ccd02]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font16);color:var(--gray-100)}.router-wrap[data-v-64ebe5ff]{height:calc(100% - clamp(41px, 5.6vh, 5.6vh))}.admin-wrap[data-v-64ebe5ff]{width:100%;height:100%;padding:clamp(10px,1.4vh,1.4vh) clamp(6px,.5vw,.5vw) clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);display:flex;justify-content:space-between}.popover-gray[data-v-4dc72836]{width:372px}.upload-btn-box[data-v-4dc72836]{width:100%;display:flex;justify-content:center;align-items:center}.popover-header[data-v-4dc72836]{display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 16px;height:40px}.popover-header h1[data-v-4dc72836]{font-size:15px}h1.title[data-v-4dc72836]{font-size:18px;height:35px}.no-arrow[data-v-4dc72836]::-webkit-inner-spin-button,.no-arrow[data-v-4dc72836]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.threshold-set[data-v-4dc72836]{display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;padding:20px}.threshold-info[data-v-4dc72836]{width:100%;border:1px solid var(--border-color2);border-radius:5px;margin-bottom:20px}.info-list[data-v-4dc72836]{display:flex;width:100%;height:50px;padding:0 14px;align-items:center;justify-content:space-between}.info-list.double[data-v-4dc72836]{border-bottom:1px solid var(--border-color2)}.info-list h3[data-v-4dc72836]{color:var(--border-color)}.change-area[data-v-4dc72836]{width:100%;height:50px;border:1px solid var(--white);border-radius:5px;padding:0 0 0 14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.change-area input[data-v-4dc72836]{background-color:transparent;border-left:1px solid var(--white);color:var(--white);width:70px;height:50px}.threshold-set button[data-v-4dc72836]{background-color:transparent;border:1px solid var(--white);color:var(--white);width:82px;height:40px;border-radius:5px;transition:.3s;cursor:pointer}.threshold-set button[data-v-4dc72836]:hover{border-color:var(--blue-100);color:var(--blue-100)}.gray-fill-box[data-v-3353e818]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));color:var(--white)}.square-gray-box[data-v-3353e818]{background-color:var(--background-color6);width:100%;height:calc(100% - clamp(54px, 7.4vh, 7.4vh));cursor:default}.square-gray-box h3[data-v-3353e818]{font-size:var(--font16);white-space:nowrap}.blue-box[data-v-3353e818]{padding:0 clamp(7px,.6vw,.6vw);display:flex;justify-content:space-between;align-items:center;font-size:var(--font16);height:var(--height40);background-color:var(--button-point-color4);margin-right:clamp(6px,.5vw,.5vw)}.blue-box img[data-v-3353e818]{width:2vh;min-width:14px;margin-right:clamp(6px,.5vw,.5vw)}.blue-box[data-v-3353e818]:hover{background-color:var(--button-point-color)}.gray-fill-box .top-box[data-v-3353e818]{padding:var(--padding010)}.btn-area[data-v-3353e818],.threshold-area[data-v-3353e818],.threshold-info[data-v-3353e818]{display:flex;align-items:center}.div-bar[data-v-3353e818]{height:var(--font16);width:1px;background-color:var(--border-color);margin:0 clamp(6px,.5vw,.5vw)}.delete-btn[data-v-3353e818]{height:var(--height40);background-color:var(--gray-400);font-size:var(--font16);padding:0 clamp(14px,1.3vw,1.3vw);margin-right:clamp(6px,.5vw,.5vw);border-color:var(--svg-path2);color:var(--svg-path2)}.gray-box.search[data-v-3353e818]{display:flex;justify-content:space-between;align-items:center;width:23.7vw;min-width:303px;height:var(--height40);padding:var(--padding010);background-color:var(--gray-400);border-color:var(--border-color)}.gray-box.search input[data-v-3353e818]{width:100%;padding-right:clamp(6px,.5vw,.5vw);background-color:transparent;text-align:left;color:#fff;font-size:var(--font16)}.gray-box.search input[data-v-3353e818]::-moz-placeholder{color:var(--border-color)}.gray-box.search input[data-v-3353e818]::placeholder{color:var(--border-color)}.search svg[data-v-3353e818]{width:1.3vw;min-width:14px}.btn-box[data-v-3353e818]{display:flex;justify-content:space-between}.btn-box .combobox[data-v-3353e818]{position:relative;width:5.7vw;min-width:73px;margin-right:clamp(6px,.5vw,.5vw)}.bottom-box[data-v-3353e818]{padding:clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw) 0 clamp(6px,.5vw,.5vw);height:calc(100% - clamp(43px, 6vh, 6vh));display:flex;flex-wrap:wrap;align-content:space-between}.header-box[data-v-3353e818]{height:clamp(36px,5.1vh,5.1vh);background-color:var(--gray-700);border-bottom:1px solid var(--border-color2);display:flex;cursor:default}.header-box>div[data-v-3353e818]{border-right:1px solid var(--border-color2);display:flex;justify-content:space-between;align-items:center;font-size:var(--font18);padding:0 clamp(10px,.8vw,.8vw)}.header-box>div[data-v-3353e818]:last-child{border-right:none}.sort svg path[data-v-3353e818]{transition:.3s;fill:var(--button-point-color)}.online-box[data-v-3353e818]{border-bottom:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;height:calc((100% - clamp(36px, 5.1vh, 5.1vh))/16);position:relative;cursor:pointer}.online-box>div[data-v-3353e818]{padding:0 clamp(10px,.8vw,.8vw);text-align:left;display:flex;align-items:center}.online-box svg[data-v-3353e818]{margin-right:clamp(10px,.8vw,.8vw);z-index:1;width:2.8vh;min-width:20px;height:2.8vh;min-height:20px}.online-box svg path[data-v-3353e818]{transition:.3s}.online-box svg:hover path[data-v-3353e818]{fill:var(--white)}.online-box.active[data-v-3353e818]{background-color:var(--active-background6)}.click-online[data-v-3353e818]{width:100%;height:100%;position:absolute;top:0;left:0}.name-area[data-v-3353e818]{display:flex;align-items:center}.name-area h3[data-v-3353e818]{width:calc(100% - clamp(23px, 3.25vh, 3.25vh));text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-area[data-v-3353e818]{position:relative;height:7.4vh;min-height:53px;width:100%}.empty-msg[data-v-3353e818]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font16);color:var(--gray-100)}.router-wrap[data-v-4d2fd5f2]{height:calc(100% - clamp(41px, 5.6vh, 5.6vh))}.admin-wrap[data-v-4d2fd5f2]{width:100%;height:100%;padding:clamp(10px,1.4vh,1.4vh) clamp(6px,.5vw,.5vw) clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw);display:flex;justify-content:space-between}.div-area[data-v-eae90766]{display:grid;flex-direction:column;gap:20px;width:90vw;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.img-area[data-v-eae90766],.video-area[data-v-eae90766]{width:100%;max-width:700px;height:auto;aspect-ratio:16/9;position:relative}.img-area img[data-v-eae90766],.video-area img[data-v-eae90766]{width:100%;height:100%;display:block}.selection-canvas[data-v-eae90766]{position:absolute;top:0;left:0;z-index:10}.popup[data-v-eae90766]{position:fixed;width:400px;height:300px;background:#222;border:2px solid #fff;resize:both;overflow:auto;display:flex;flex-direction:column;z-index:1000;-webkit-user-select:none;-moz-user-select:none;user-select:none}.popup-header[data-v-eae90766]{background:#444;color:#fff;padding:8px;cursor:move;display:flex;justify-content:space-between;align-items:center}.popup canvas[data-v-eae90766]{flex:1}