.login-input-wrap[data-v-2ecb2669]{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-2ecb2669]{height:10.7vh;min-height:77px;display:flex;flex-wrap:wrap;align-content:space-between;position:relative}.login-input-box>input[data-v-2ecb2669]{cursor:text}.ziosummary-logo[data-v-2ecb2669]{width:12.5vw;min-width:160px;height:var(--height60)}.gray-box[data-v-2ecb2669]{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-2ecb2669]:focus{border:1px solid #fff;transition:.3s}.blue-box[data-v-2ecb2669]{width:18.8vw;min-width:240px;height:4.6vh;min-height:33px;font-size:var(--font15)}.error-msg[data-v-2ecb2669]{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-2ecb2669]{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-4cf65fdc]{height:100vh;min-height:720px;display:flex;position:relative}.select-lang-box[data-v-4cf65fdc]{position:absolute;top:1.8vh;right:clamp(10px,.8vw,.8vw)}.login-box[data-v-4cf65fdc]{width:18.8vw;min-width:240px;margin:auto;text-align:center}.patch-version[data-v-4cf65fdc]{position:absolute;right:clamp(19px,1.5vw,1.5vw);bottom:2.8vh;color:#585b60;font-size:var(--font13)}.create-accout-btn[data-v-4cf65fdc]{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-4cf65fdc]{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-7170b4be]{width:20vw;min-width:256px;display:flex;flex-wrap:wrap;justify-content:center;margin:auto}.join-input-wrap.popup[data-v-7170b4be]{height:55.6vh;min-height:400px}.join-title[data-v-7170b4be]{color:#fff;font-size:var(--font25);font-weight:700;margin-bottom:clamp(46px,6.5vh,6.5vh)}.popup-title[data-v-7170b4be]{font-size:var(--font22)}.edit-popup .join-title[data-v-7170b4be]{margin-bottom:clamp(33px,4.6vh,4.6vh);line-height:clamp(20px,2.8vh,2.8vh)}.join-input-box[data-v-7170b4be]{display:flex;flex-wrap:wrap}.input-wrap[data-v-7170b4be]{position:relative;padding-bottom:clamp(23px,3.25vh,3.25vh);display:flex;align-items:center}.message-box[data-v-7170b4be]{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-7170b4be]{color:#f16262}.gray-box[data-v-7170b4be]{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-7170b4be]::-moz-placeholder{color:var(--gray-100)}.gray-box[data-v-7170b4be]::placeholder{color:var(--gray-100)}.gray-box[data-v-7170b4be]:focus{border:1px solid #fff;transition:.3s}.blue-box[data-v-7170b4be]{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-7170b4be]:hover{background-color:var(--button-point-color)}.id-wrap[data-v-7170b4be]{position:relative}.id-wrap>button[data-v-7170b4be]{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-7170b4be]{border:none;border-radius:0;border-bottom:1px solid var(--gray-300);cursor:text}.edit-id[data-v-7170b4be],.input-small-wrap[data-v-7170b4be]{display:flex;align-items:center;justify-content:space-between}.input-small-wrap[data-v-7170b4be]{width:9.5vw;min-width:121px}.small-box[data-v-7170b4be]{width:6vw;min-width:76px}.small-text[data-v-7170b4be]{color:#fff;font-size:var(--font16)}.id-box[data-v-7170b4be]{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-55d4988c]{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-55d4988c]{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-55d4988c]{position:absolute;top:1.8vh;right:clamp(12px,1vw,1vw)}.navbar-wrap[data-v-2f3eee48]{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-2f3eee48]{height:2.8vh;min-height:20px;cursor:pointer}.info-box[data-v-2f3eee48]{position:relative;display:flex;justify-content:flex-start;align-items:center;padding-right:clamp(123px,9.65vw,9.65vw);height:100%}.server img[data-v-2f3eee48],.upload svg[data-v-2f3eee48]{width:1.8vh;min-width:12px;height:1.8vh;min-height:12px}.server-state-wrap[data-v-2f3eee48],.upload-state-wrap[data-v-2f3eee48]{position:relative;margin:0 clamp(3px,.25vw,.25vw)}.server-state-box[data-v-2f3eee48]{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-2f3eee48]:hover{border-color:var(--white)}.server-state-wrap:hover .server-state-box[data-v-2f3eee48]{z-index:15;opacity:1}.server-box[data-v-2f3eee48]{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-2f3eee48]{background-color:#283229}.server-box h3[data-v-2f3eee48]{font-size:var(--font15);color:#fff}.state-box[data-v-2f3eee48]{display:flex;align-items:center;justify-content:space-between;width:auto}.capacity-box[data-v-2f3eee48]{display:flex}.capacity-box>h3[data-v-2f3eee48]:last-child{color:var(--gray-100);margin-left:.26vw}.circle[data-v-2f3eee48]{width:1.3vmin;height:1.3vmin;background-color:#4bbeff;border-radius:50%;margin-right:clamp(4px,.3vw,.3vw)}.circle.inuse[data-v-2f3eee48]{background-color:#34ed7e}.circle.error[data-v-2f3eee48]{background-color:var(--red)}.gray-box.server[data-v-2f3eee48],.gray-box.setting[data-v-2f3eee48],.gray-box.upload[data-v-2f3eee48]{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)!important;transition:.3s}.gray-box.setting[data-v-2f3eee48]{margin:var(--margin05);border-color:var(--border-color)}.gray-box.setting img[data-v-2f3eee48]{width:1.8vh;min-width:12px}.gray-box.setting[data-v-2f3eee48]:hover{background-color:var(--blue-100);border-color:var(--blue-100)}.gray-box.server[data-v-2f3eee48]:hover{border:1px solid #fff}.gray-box.server.error[data-v-2f3eee48]{animation:error-2f3eee48 1s infinite}.gray-box.upload.uploading[data-v-2f3eee48]{animation:blink-2f3eee48 1s infinite}.gray-box.upload.open[data-v-2f3eee48]{border-color:var(--white)!important}.upload-state-wrap .upload[data-v-2f3eee48]{cursor:not-allowed}.upload-state-wrap svg path[data-v-2f3eee48]{fill:var(--gray-300)}.upload-state-wrap .active[data-v-2f3eee48]{cursor:pointer}.upload-state-wrap .active svg path[data-v-2f3eee48]{fill:var(--white)}.upload-state-box[data-v-2f3eee48]{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-2f3eee48]{background-color:transparent;width:100vw;height:100vh;position:fixed;top:0;left:0}.upload-list-box[data-v-2f3eee48]{padding:var(--padding010);width:100%;max-height:33.3vh;overflow:auto;position:relative;z-index:1}.upload-list-box .title-box[data-v-2f3eee48]{display:flex;justify-content:space-between;width:100%;font-weight:700}.upload-video-box[data-v-2f3eee48]{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.completed[data-v-2f3eee48]{background-color:var(--complete-background);color:var(--blue-100)}.upload-video-box.error[data-v-2f3eee48]{color:var(--red)!important}.upload-video-box h3[data-v-2f3eee48]{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-2f3eee48]{width:calc(100% - clamp(1vh, 12px, 12px) - clamp(2vw, 38px, 38px) - 20px)}.completed .title-overflow[data-v-2f3eee48]{width:100%}.title-overflow h3[data-v-2f3eee48]{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.percent-area[data-v-2f3eee48]{display:flex;align-items:center;width:100%}.upload-cancel[data-v-2f3eee48]{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-2f3eee48]{width:100%;height:100%}.canceling-area[data-v-2f3eee48]{width:100%;height:.5vh;display:flex}.progress-bar[data-v-2f3eee48]{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-2f3eee48]{width:1.5vw;height:.5vh;min-height:4px;border-radius:var(--border-radius5);background-color:var(--blue-100)}.progress-bar .percent.error[data-v-2f3eee48]{background-color:var(--red)}.completed-box[data-v-2f3eee48],.fail-box[data-v-2f3eee48]{display:flex;padding-left:clamp(2px,.16vw,.16vw)}.completed-box svg[data-v-2f3eee48],.fail-box svg[data-v-2f3eee48]{width:.75vw;min-width:9px}.completed-box svg path[data-v-2f3eee48]{fill:var(--blue-100)}.fail-box svg path[data-v-2f3eee48]{fill:var(--red)}@keyframes error-2f3eee48{0%{border-color:var(--gray-300)}50%{border-color:var(--red);background-color:var(--red)}to{border-color:var(--gray-300)}}@keyframes blink-2f3eee48{0%{border-color:var(--gray-300)}50%{border-color:var(--blue-100);background-color:var(--blue-100)}to{border-color:var(--gray-300)}}.gray-box.user[data-v-2f3eee48]{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-2f3eee48]{border:1px solid var(--white);transition:.3s;z-index:10}.edit-box[data-v-2f3eee48]{transition:.3s}.edit-box[data-v-2f3eee48]:hover{border-radius:var(--border-radius5);background-color:var(--blue-200)}.gray-box.user>div[data-v-2f3eee48]{width:100%;display:flex;align-items:center;height:var(--height35);padding:0 clamp(3px,.25vw,.25vw)}.gray-box.user>div[data-v-2f3eee48]:first-child{padding-bottom:clamp(4px,.5vh,.5vh)}.gray-box.user p[data-v-2f3eee48]{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-2f3eee48]{width:1.4vmin;min-width:10px;height:1.4vmin;min-height:10px;margin-right:clamp(6px,.5vw,.5vw)}.gray-fill-btn[data-v-2f3eee48]{width:100%;height:var(--height35)}.arrow-img[data-v-2f3eee48]{right:clamp(6px,.5vw,.5vw)}.active .arrow-img[data-v-2f3eee48]{content:url(/img/arrow_active.41d6abe7.svg)}.spinner-area[data-v-2f3eee48]{width:1.5vh;min-width:10px;height:1.5vh;min-height:10px;margin-left:10px}.spinner[data-v-2f3eee48]{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-2f3eee48 1s ease-in-out infinite}@keyframes spin-2f3eee48{to{transform:rotate(1turn)}}.right-box[data-v-2f3eee48]{display:flex;align-items:center}.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-32ff299c]{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-32ff299c]{border:1px solid var(--border-color);border-radius:var(--border-radius5);max-height:clamp(160px,22.2vh,22.2vh);transition:.3s}.combobox.active[data-v-32ff299c]{border-color:#fff!important}.no-active .combobox[data-v-32ff299c]{background-color:var(--inactive-box-background)!important;border-radius:var(--border-radius5)}.selected-item[data-v-32ff299c]{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-32ff299c]{font-size:var(--font16)}.inactive h1[data-v-32ff299c]{color:var(--inactive-text)}.active h1[data-v-32ff299c]{color:#fff}.white-text[data-v-32ff299c]{color:#fff!important}.selected-item .vms-padding[data-v-32ff299c]{padding:0 clamp(2px,.3vw,.3vw)}.active .selected-item h1[data-v-32ff299c]{color:#fff!important}ul[data-v-32ff299c]{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-32ff299c]{cursor:pointer;height:var(--height40);box-sizing:border-box}li h1[data-v-32ff299c]{font-size:var(--font16)}li:hover h1[data-v-32ff299c]{background-color:var(--blue-100);border-radius:var(--border-radius5);transition:.3s}li>h1[data-v-32ff299c]{height:var(--height35);display:flex;align-items:center;justify-content:flex-start;color:#fff;cursor:pointer;padding:var(--padding05)}li>.vms-padding[data-v-32ff299c]{padding:0 clamp(7px,.55vw,.55vw)}.arrow-img[data-v-32ff299c]{right:clamp(6px,.5vw,.5vw)}.rotate[data-v-32ff299c]{transform:rotate(180deg)}.file-setting-box.active path[data-v-32ff299c],.white-path path[data-v-32ff299c]{fill:var(--white)}.file-setting-box.inactive path[data-v-32ff299c],.vms-setting-box.inactive path[data-v-32ff299c]{fill:var(--svg-path2)}.no-active h1[data-v-32ff299c]{color:var(--inactive-text)}.fix-combo .selected-item[data-v-32ff299c]{padding:0 10px}.fix-combo .selected-item h1[data-v-32ff299c]{font-size:16px}.fix-combo .selected-item .vms-padding[data-v-32ff299c]{padding:0 6px}.fix-combo ul[data-v-32ff299c]{padding:0 5px}.fix-combo li>h1[data-v-32ff299c]{padding:0 5px;font-size:16px}.fix-combo li>.vms-padding[data-v-32ff299c]{padding:0 11px}.fix-combo .arrow-img[data-v-32ff299c]{width:12px;right:10px}.font-14[data-v-32ff299c]{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-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-365af9fa]{z-index:20;display:flex;position:relative}.datepicker-wrap h3[data-v-365af9fa]{font-size:var(--font16)}.datepicker-wrap [data-v-365af9fa]{color:#fff}.datepicker-box[data-v-365af9fa]{display:flex;width:100%}.date-box[data-v-365af9fa]{width:7.8vw;min-width:100px;display:flex;justify-content:center}.time-box[data-v-365af9fa]{width:2.6vw;min-width:33px;display:flex;justify-content:center;overflow:hidden}.inactive input[data-v-365af9fa]{color:var(--inactive-text)}.inactive input[data-v-365af9fa]::-moz-placeholder{color:var(--inactive-text)}.inactive input[data-v-365af9fa]::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}.popover-gray[data-v-e92ae1f8]{max-width:1390px;display:flex;flex-wrap:wrap;position:relative}.title[data-v-e92ae1f8]{font-size:18px;margin-right:10px}h3.info[data-v-e92ae1f8]{font-size:14px;color:var(--inactive-text)}.box[data-v-e92ae1f8]{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-e92ae1f8]{z-index:15}.popover-header[data-v-e92ae1f8]{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:45px}.popover-header h1[data-v-e92ae1f8]{font-size:15px}.file-list-box[data-v-e92ae1f8]{width:calc(100% - 715px);height:615px;border-right:1px solid var(--border-color2)}.file-setting-box[data-v-e92ae1f8]{width:715px;min-width:476px;position:relative}.file-setting-box h3[data-v-e92ae1f8]{font-size:16px;white-space:nowrap}.file-setting-box>div[data-v-e92ae1f8]{width:100%}.file-setting-box.active [data-v-e92ae1f8]{color:var(--white)}.file-setting-box.active .gray-fill-btn[data-v-e92ae1f8]{background-color:var(--button-point-color3)}.file-setting-box.active .gray-fill-btn[data-v-e92ae1f8]:hover{background-color:var(--hover-background3)}.file-setting-box.inactive .inactive-box[data-v-e92ae1f8]{display:block}.inactive-box[data-v-e92ae1f8]{position:absolute;top:0;left:0;height:100%;background-color:transparent;z-index:25;cursor:not-allowed;display:none}.top-box[data-v-e92ae1f8]{display:flex;justify-content:space-between;align-items:center;width:100%;height:35px}.top-box>div[data-v-e92ae1f8]:first-child{display:flex}.file-setting-box .top-box[data-v-e92ae1f8]{margin-bottom:10px}.file-setting-box.inactive [data-v-e92ae1f8]{color:var(--inactive-text)}.upload-btn-box[data-v-e92ae1f8]{width:100%;height:65px;min-height:44px;display:flex;justify-content:center;align-items:center}.caution[data-v-e92ae1f8]{color:var(--red)!important}.caution.inactive[data-v-e92ae1f8]{display:none}.box-wrap.right>div[data-v-e92ae1f8]{width:9.9vw;display:flex;flex-wrap:wrap;justify-content:space-between}.dark-btn[data-v-e92ae1f8],.delete-btn[data-v-e92ae1f8]{font-size:16px;width:100px;height:35px;border-radius:5px;transition:.3s}.delete-btn[data-v-e92ae1f8]{border-color:var(--border-color2);color:var(--border-color2)}.dark-btn.file[data-v-e92ae1f8]{border-color:var(--button-point-color);color:var(--button-point-color);cursor:pointer}.dark-btn.file[data-v-e92ae1f8]:hover{border-color:var(--blue-100);color:var(--white);background-color:var(--blue-100)}.dark-btn.upload[data-v-e92ae1f8]{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-e92ae1f8]{cursor:pointer;color:var(--button-point-color);border-color:var(--button-point-color)}.dark-btn.active[data-v-e92ae1f8]:hover{color:var(--white);background-color:var(--hover-background3);border-color:var(--hover-background3)}.drop-box[data-v-e92ae1f8]{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;height:calc(100% - 35px);overflow:auto}.drop-box.drag-over[data-v-e92ae1f8]{transition:.3s;background-color:var(--gray-300)}.drop-box h3[data-v-e92ae1f8]{height:100%;font-size:14px;display:flex;align-items:center}.file-name[data-v-e92ae1f8]{display:block!important;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list[data-v-e92ae1f8]{display:flex;width:100%;border-bottom:1px solid var(--border-color2);cursor:pointer;height:35px}.file-list.selected[data-v-e92ae1f8]{color:var(--blue-100);background-color:var(--hover-background2)}.edit-item[data-v-e92ae1f8]{position:relative;display:flex;justify-content:space-between;align-items:center;width:47%;height:40px}.edit-item>div[data-v-e92ae1f8]{width:230px}input[type=text][data-v-e92ae1f8]{cursor:text;padding:var(--padding10)}.file-box[data-v-e92ae1f8]{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-e92ae1f8]{color:var(--button-point-color)}.file-box div[data-v-e92ae1f8]{display:flex;justify-content:flex-start;align-items:center;color:var(--white)}.file-box>div[data-v-e92ae1f8]:first-child{width:67%;padding-left:3%}.file-box>div[data-v-e92ae1f8]: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-e92ae1f8]{margin-right:1.2%}.file-box>div[data-v-e92ae1f8]:nth-child(3){width:15%;justify-content:flex-end}.file-box>img[data-v-e92ae1f8]{margin:0 clamp(6px,.5vw,.5vw)}.combo-opt[data-v-e92ae1f8]{height:var(--height40);display:flex;justify-content:center;align-items:center}.combo-opt[data-v-e92ae1f8]:hover{color:var(--white);transition:.3s;background-color:var(--blue-100);border-radius:5px}.combo-opt:hover option[data-v-e92ae1f8]{color:var(--white)}.save-icon[data-v-e92ae1f8]{margin-right:.2em}.save-icon path[data-v-e92ae1f8]{fill:var(--button-point-color)}option[data-v-e92ae1f8]{width:100%;height:var(--height35);display:flex;justify-content:flex-start;align-items:center}.selected-opt[data-v-e92ae1f8]{height:var(--height40)}.select-box[data-v-e92ae1f8]{position:absolute;top:0;right:0;z-index:99;overflow:hidden;padding:var(--padding05)}.select-box>div[data-v-e92ae1f8]{padding:var(--padding05)}.textarea-box[data-v-e92ae1f8]{height:110px}.textarea-box textarea[data-v-e92ae1f8]{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-e92ae1f8]{width:90px;height:35px;font-size:16px;border-radius:5px}.rm-btn-box[data-v-e92ae1f8]{width:19px;height:100%;display:flex;align-items:center;justify-content:center;margin-right:10px}.rm-btn-box svg path[data-v-e92ae1f8]{fill:var(--border-color2)}.btn-wrap[data-v-e92ae1f8]{width:210px;display:flex;justify-content:space-between}button[data-v-e92ae1f8]{display:flex;align-items:center;justify-content:center}.readonly[data-v-e92ae1f8]{background-color:var(--gray-500);cursor:not-allowed}.square-gray-box[data-v-e92ae1f8]{cursor:default}.square-gray-box.list[data-v-e92ae1f8]{width:100%;height:535px;min-height:356px;cursor:default}.square-gray-box.edit[data-v-e92ae1f8]{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-e92ae1f8]{display:flex;height:70px;padding:15px;justify-content:space-between}.gray-box[data-v-e92ae1f8]{transition:.3s}.gray-box[data-v-e92ae1f8]::-moz-placeholder{color:var(--inactive-text)}.gray-box[data-v-e92ae1f8]::placeholder{color:var(--inactive-text)}.gray-box[data-v-e92ae1f8]:focus{border-color:var(--white)}.gray-box.readonly[data-v-e92ae1f8]:focus{border-color:var(--gray-300)}.square-gray-box.add .gray-box[data-v-e92ae1f8]{width:100px;height:40px;text-align:left;display:flex;justify-content:space-between;font-size:16px}.square-gray-box.add .edit-item[data-v-e92ae1f8]{width:30%}.edit .gray-box[data-v-e92ae1f8]{width:230px;height:40px;text-align:left;font-size:16px;font-weight:400;padding:0 10px}.file-box-header[data-v-e92ae1f8]{width:100%;background-color:var(--header-background);border-bottom:1px solid var(--border-color2);display:flex;height:35px}.file-box-header-text[data-v-e92ae1f8]{width:calc(100% - 30px);display:flex}.file-box-header div>div[data-v-e92ae1f8]{width:15%;display:flex;justify-content:flex-start;align-items:center;color:var(--white);font-size:15px}.file-box-header div>div[data-v-e92ae1f8]:first-child{width:67%;padding-left:3%}.file-box-header div>div[data-v-e92ae1f8]:nth-child(2),.file-box-header div>div[data-v-e92ae1f8]:nth-child(3){justify-content:flex-end}.file-box-header h3[data-v-e92ae1f8]{white-space:nowrap;font-size:16px}h1.title[data-v-aa0ed19c]{font-size:18px;height:35px}.vms-list-box[data-v-aa0ed19c]{width:715px;height:715px;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-aa0ed19c]{width:100%;height:50px;min-height:33px;margin-bottom:10px;position:relative}.gray-box.search[data-v-aa0ed19c]{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-aa0ed19c]{border-color:var(--white)}.gray-box.search svg[data-v-aa0ed19c]{padding-right:5px;width:19px}.gray-box.search svg path[data-v-aa0ed19c]{fill:var(--svg-path2)}.search-input[data-v-aa0ed19c]{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-aa0ed19c]{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-aa0ed19c]{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-aa0ed19c]:hover{background-color:var(--blue-300)}.no-res-box[data-v-aa0ed19c]{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-aa0ed19c],.no-res-box h3[data-v-aa0ed19c]{line-height:clamp(14px,2vh,2vh);color:var(--gray-200);font-size:16px}.blank-camera[data-v-aa0ed19c]{display:flex;align-items:center;justify-content:center;height:5.6vh;min-height:40px}.gray-box.vms[data-v-aa0ed19c]{height:50px;max-height:355px;overflow:hidden;margin-bottom:10px}.vms-info-box[data-v-aa0ed19c]{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-aa0ed19c]{color:var(--white);cursor:pointer}.vms-info-box div[data-v-aa0ed19c]{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vms-camera-list[data-v-aa0ed19c]{padding:2.5px 5px;max-height:305px;overflow:auto;display:flex;flex-wrap:wrap;align-content:space-between;cursor:default}.vms-thumbnail[data-v-aa0ed19c]{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-aa0ed19c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail[data-v-aa0ed19c]:after{content:url(/img/no_image.00af6bff.svg);position:absolute;top:0;left:0;width:100%;height:100%}.vms-camera-name[data-v-aa0ed19c]{width:100%;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-aa0ed19c]{padding:0}.vms-camera[data-v-aa0ed19c]{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-aa0ed19c]{font-size:16px}.vms-camera.selected[data-v-aa0ed19c]{background-color:var(--active-background);border:1px solid var(--button-point-color)}.vms-info-box[data-v-aa0ed19c]{color:var(--inactive-text2)}.vms-info-box .vms-type[data-v-aa0ed19c]{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-aa0ed19c]{font-size:16px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active .vms-type[data-v-aa0ed19c]{background-color:var(--blue-100);color:var(--white)}.vms-id[data-v-aa0ed19c]{width:6vw;min-width:76px}.vms-ip[data-v-aa0ed19c]{width:9vw;min-width:114px}.vms-port[data-v-aa0ed19c]{width:6.5vw;min-width:83px}.vms-list[data-v-aa0ed19c]{width:100%;max-height:575px;overflow:auto}.arrow-img[data-v-aa0ed19c]{position:relative}.arrow-img.active[data-v-aa0ed19c]{content:url(/img/arrow_active.41d6abe7.svg)}.top-box[data-v-aa0ed19c]{display:flex;justify-content:space-between;width:100%;margin-bottom:10px;height:35px}.top-box>div[data-v-aa0ed19c]:first-child{display:flex;align-items:center}.small-img[data-v-aa0ed19c]{height:20px!important}.refresh-btn[data-v-aa0ed19c]{width:90px;height:35px;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-aa0ed19c]:hover{background-color:#fff;color:var(--gray-900)}.vms-loading[data-v-aa0ed19c]{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-aa0ed19c]{width:30px;height:30px;margin:auto}.spinner[data-v-aa0ed19c]{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-aa0ed19c 1s ease-in-out infinite}@keyframes spin-aa0ed19c{to{transform:rotate(1turn)}}.empty-box[data-v-aa0ed19c]{width:100%;height:575px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;color:var(--gray-200);font-size:16px}.empty-box h3[data-v-aa0ed19c]{line-height:22px;color:#fff}.empty-box>div[data-v-aa0ed19c]{width:350px;display:flex;flex-wrap:wrap;justify-content:center}.empty-box button[data-v-aa0ed19c]{margin-top:20px}.thumbnail-popup[data-v-aa0ed19c]{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-aa0ed19c]{max-width:80%;max-height:80%;-o-object-fit:contain;object-fit:contain}.contents-wrap[data-v-be161722]{width:calc(100% - 715px);height:715px;display:flex;flex-wrap:wrap;align-content:space-between;justify-content:center;padding:15px 20px}h1.title[data-v-be161722]{font-size:18px}.camera-list-box[data-v-be161722]{width:100%;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center}.search-box[data-v-be161722]{width:100%;height:4.6vh;min-height:33px;margin-bottom:clamp(10px,1.4vh,1.4vh);position:relative}.gray-box.search[data-v-be161722]{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-be161722]{width:590px;background-color:transparent;color:var(--white);text-align:left;font-size:16px}.top-box[data-v-be161722]{width:100%;margin-bottom:10px;height:35px}.top-box>div[data-v-be161722],.top-box[data-v-be161722]{display:flex;justify-content:space-between;align-items:center}.top-box svg[data-v-be161722]{margin-right:clamp(7px,.6vw,.6vw);cursor:pointer;width:1.3vw;min-width:16px}.default-btn[data-v-be161722]{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-be161722]{cursor:pointer}.active.red[data-v-be161722]{border:1px solid var(--red);color:var(--red)}.active.red[data-v-be161722]:hover{background-color:var(--red);color:#fff}.active.blue[data-v-be161722]{border:1px solid var(--button-point-color);color:var(--button-point-color);margin-right:10px}.active.blue[data-v-be161722]:hover{background-color:var(--blue-100);border-color:var(--blue-100);color:#fff}.thumbnail[data-v-be161722]{width:80px;height:45px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-300)}.thumbnail>img[data-v-be161722]{width:100%;height:100%}.camera-list[data-v-be161722]{width:100%;height:585px;overflow:auto;border:1px solid var(--border-color2);border-radius:5px;padding:7px 15px}.camera[data-v-be161722]{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-be161722]{width:19px;height:19px;margin-right:8px}.checkbox svg path[data-v-be161722]{transition:0s}.checked .checkbox .check-icon[data-v-be161722]{fill:#fff}.camera.clickable[data-v-be161722]{cursor:pointer;transition:.3s}.camera.clickable.selected[data-v-be161722]{border:1px solid var(--blue-100)}.camera.clickable.checked[data-v-be161722]{background-color:var(--active-background);border:1px solid var(--button-point-color)}.camera.clickable.checked .name h3[data-v-be161722]:nth-child(2n){color:var(--blue-100)}.camera-info-wrap[data-v-be161722]{width:440px;height:100%;display:flex;align-items:center;justify-content:space-between}.camera-info-box[data-v-be161722]{display:flex;align-items:center;width:100%}.name[data-v-be161722]{color:var(--white);font-size:16px;margin-left:10px;padding-top:3px;width:calc(100% - 175px)}.name>h3[data-v-be161722]{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-be161722]:nth-child(2n){color:var(--svg-path2)}.save[data-v-be161722]{display:flex;align-items:center;color:var(--blue-100);font-size:var(--font14);margin-right:clamp(10px,.8vw,.8vw)}.save>img[data-v-be161722]{margin-right:clamp(3px,.25vw,.25vw);width:1.4vmin;min-width:10px;height:1.4vmin;min-height:10px}.empty-box[data-v-be161722]{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-be161722]{line-height:22px}.empty-box>div[data-v-be161722]{width:350px;display:flex;flex-wrap:wrap;justify-content:center}.empty-box button[data-v-be161722]{margin-top:20px}.small-img[data-v-be161722]{height:1.8vmin!important;min-height:13px}.blue-btn[data-v-be161722]{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-be161722]{justify-content:space-between}.blue-btn.move[data-v-be161722],.blue-btn.upload[data-v-be161722]{justify-content:center}.blue-btn.upload[data-v-be161722]{background-color:var(--gray-400);border-color:var(--gray-400);color:var(--gray-200)}.active.blue-btn.upload[data-v-be161722]{background-color:var(--active-background2);border-color:var(--active-background2);color:#fff}.blue-btn svg[data-v-be161722]{margin-left:10px}.active.blue-btn[data-v-be161722]{border-color:var(--button-point-color);color:var(--button-point-color);cursor:pointer}.active.blue-btn svg path[data-v-be161722]{fill:var(--button-point-color)}svg path[data-v-be161722]{transition:.3s}.active.blue-btn[data-v-be161722]:hover{background-color:var(--hover-background3);border-color:var(--hover-background3);color:#fff}.active.blue-btn:hover svg path[data-v-be161722]{fill:#fff}.active h3[data-v-be161722]{color:#fff}.remove-btn[data-v-be161722]{cursor:pointer;z-index:30}.camera .split-box[data-v-be161722]{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-be161722]{border-color:var(--button-point-color)}.split-box>div[data-v-be161722]{display:flex;align-items:center;justify-content:center;height:25px}.split-box>div>h3[data-v-be161722]{line-height:25px;font-size:14px;padding-left:5px}.split-box.active>div>h3[data-v-be161722]{color:var(--button-point-color)}.right-box[data-v-be161722]{display:flex;align-items:center}.datepicker_wrap[data-v-1f36ad23]{height:100%;position:absolute;bottom:-45px;z-index:1}.datepicker_box[data-v-1f36ad23]{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-1f36ad23]{background-color:var(--background-color)}.datepicker_btn button[data-v-1f36ad23]{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-1f36ad23]:hover{background-color:var(--white);color:var(--button-hover-text)}.vc-container{background-color:transparent;border:none}.datepicker-wrap[data-v-20f95a02]{width:100%;z-index:20;display:flex;justify-content:space-between;position:relative}.datepicker-wrap>div[data-v-20f95a02]{display:flex;align-items:center;justify-content:space-between;width:calc(50% - clamp(12px, 1vw, 1vw))}.date-area[data-v-20f95a02]{width:72%;border:1px solid var(--border-color2);border-radius:5px;transition:.3s;position:relative}.date-area.border-white[data-v-20f95a02]{border-color:var(--white)}.date-area.error[data-v-20f95a02]{border:1px solid var(--red);border-radius:5px;box-shadow:0 0 7px 0 var(--red)}.datepicker-wrap h3[data-v-20f95a02]{font-size:var(--font16)}.inactive .datepicker-wrap h3[data-v-20f95a02]{color:var(--gray-200)}.datepicker-box[data-v-20f95a02]{display:flex;width:100%}.date-box[data-v-20f95a02]{width:7.8vw;min-width:100px;display:flex;justify-content:center}.time-box[data-v-20f95a02]{width:2.6vw;min-width:33px;display:flex;justify-content:center;overflow:hidden}.inactive input[data-v-20f95a02]{color:var(--gray-200)}.active input[data-v-20f95a02]{color:var(--white)}.fix-datepicker>div[data-v-20f95a02]{width:calc(50% - 20px)}.fix-datepicker .date-area[data-v-20f95a02]{width:230px}.fix-datepicker h3[data-v-20f95a02]{font-size:16px}.masking-flex[data-v-20f95a02]{flex-direction:column}.masking-flex .date-area[data-v-20f95a02]{border-color:var(--gray-100)}.masking-flex .vc-input-box[data-v-20f95a02]{background-color:transparent;border-color:var(--gray-100);border-right:1px solid var(--gray-100)!important}.masking-flex .vc-popover-btn[data-v-20f95a02]{background-color:transparent;border-color:var(--gray-100)}.masking-flex .title-wrap[data-v-20f95a02]{align-items:flex-start}.masking-flex .title-wrap .title-text[data-v-20f95a02]{height:5.6vh;min-height:40px;display:flex;align-items:center}.masking-flex>div[data-v-20f95a02]{flex-direction:column;width:100%}.masking-flex h3[data-v-20f95a02]{margin-left:clamp(3px,.25vw,.25vw);height:var(--height35)}.masking-flex .date-area[data-v-20f95a02]{width:100%}.masking-time h3[data-v-20f95a02]{color:var(--active-color2)}.masking-time .middle-text[data-v-20f95a02]{color:#fff;height:clamp(20px,2.8vh,2.8vh)}.fix-datepicker.missing-flex>div[data-v-20f95a02]{width:calc(50% - 7.5px)}.fix-datepicker.missing-flex .date-area[data-v-20f95a02]{width:215px}.missing-flex .vc-popover-btn[data-v-20f95a02]{background-color:transparent}.missing-flex .vc-input-box[data-v-20f95a02]{border-color:var(--white)!important;background-color:transparent}.missing-flex .date-area[data-v-20f95a02]{border-color:var(--white)}.missing-flex .date-area.error .vc-input-box[data-v-20f95a02],.missing-flex .date-area.error[data-v-20f95a02]{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-406b2ef7]{font-size:18px;margin-right:10px}h1.title[data-v-406b2ef7],h3[data-v-406b2ef7],input[data-v-406b2ef7],textarea[data-v-406b2ef7]{color:var(--gray-200)!important}.active h1.title[data-v-406b2ef7],.active h3[data-v-406b2ef7],.active input[data-v-406b2ef7],.active textarea[data-v-406b2ef7]{color:#fff!important}.box[data-v-406b2ef7]{padding:15px 20px;display:flex;flex-wrap:wrap;align-content:space-between;justify-content:center}.direct-input.readonly[data-v-406b2ef7]{background-color:var(--gray-500);cursor:not-allowed}.direct-input.readonly[data-v-406b2ef7]:focus{border-color:var(--border-color2)}.vms-setting-box[data-v-406b2ef7]{width:715px;height:715px;position:relative;border-right:1px solid var(--border-color2)}.vms-setting-box h3[data-v-406b2ef7]{font-size:16px}.vms-setting-box>div[data-v-406b2ef7]{width:100%}.vms-setting-box.inactive [data-v-406b2ef7]{color:var(--gray-200)}.top-box[data-v-406b2ef7]{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;height:35px}svg path[data-v-406b2ef7]{transition:.3s}.top-box>div>svg[data-v-406b2ef7]{margin-right:10px;cursor:pointer;z-index:50}.active .top-box .init-btn[data-v-406b2ef7]{color:#fff;border-color:#fff}.top-box>div>svg:hover path[data-v-406b2ef7]{fill:#fff}.top-box>div[data-v-406b2ef7]:first-child{display:flex;align-items:center}.top-box .init-btn[data-v-406b2ef7]{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-406b2ef7]:hover{background-color:#fff;color:var(--gray-900)}.active .top-box .init-btn svg path[data-v-406b2ef7]{fill:#fff}.top-box .init-btn:hover svg path[data-v-406b2ef7]{fill:var(--gray-900)}.inactive-box[data-v-406b2ef7]{position:absolute;top:0;left:0;height:100%;background-color:transparent;z-index:30;cursor:not-allowed}.camera-title[data-v-406b2ef7]:-moz-read-only{border:none}.camera-title[data-v-406b2ef7]:read-only{border:none}.edit-item[data-v-406b2ef7]{position:relative;display:flex;justify-content:space-between;align-items:center;width:47%;min-width:205px;height:40px}.edit-item>div[data-v-406b2ef7]{width:230px}.edit-item.title-box .gray-box[data-v-406b2ef7]{width:29.7vw}.edit-item.title-box[data-v-406b2ef7]{width:100%}.gray-box[data-v-406b2ef7]::-moz-placeholder{color:var(--inactive-text2)}.gray-box[data-v-406b2ef7]::placeholder{color:var(--inactive-text2)}.square-gray-box.edit[data-v-406b2ef7]{width:100%;height:180px;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;padding:15px}.edit .gray-box[data-v-406b2ef7]{width:230px;height:40px;text-align:left;font-size:16px;font-weight:400}input[type=text][data-v-406b2ef7]{cursor:text;padding:10px}.square-gray-box[data-v-406b2ef7]{cursor:default}.square-gray-box.add[data-v-406b2ef7]{display:flex;padding:15px;justify-content:space-between}.square-gray-box.add .edit-item[data-v-406b2ef7]{width:30%;min-width:140px}.square-gray-box.add .gray-box[data-v-406b2ef7]{width:100px;height:40px;text-align:left;display:flex;justify-content:space-between;font-size:16px;color:#fff}.textarea-box[data-v-406b2ef7]{height:215px}.textarea-box textarea[data-v-406b2ef7]{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-406b2ef7]{z-index:25}.combo-box.place[data-v-406b2ef7]{z-index:35}.arrow-img[data-v-406b2ef7]{position:relative}.arrow-img.active[data-v-406b2ef7]{content:url(/img/arrow_active.41d6abe7.svg)}.direct-input[data-v-406b2ef7]:focus{border-color:var(--white);transition:.3s}.blue-btn[data-v-406b2ef7]{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-406b2ef7]{border-color:var(--button-point-color);color:var(--button-point-color);cursor:pointer}.active .blue-btn.clickable[data-v-406b2ef7]:hover{background-color:var(--button-point-color);color:#fff;cursor:pointer}.no-access-btn[data-v-406b2ef7]{border:1px solid var(--gray-300)!important;cursor:not-allowed!important}.no-access-btn[data-v-406b2ef7],.no-access-btn[data-v-406b2ef7]:hover{background-color:var(--gray-700)!important;color:var(--gray-200)!important}.split-checkbox[data-v-406b2ef7]{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-406b2ef7]{border-color:var(--button-point-color)}.split-checkbox h3[data-v-406b2ef7]{transition:.3s}.split-checkbox.active>h3[data-v-406b2ef7]{color:var(--button-point-color)!important}.checkbox[data-v-406b2ef7]{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-406b2ef7]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.check-icon[data-v-406b2ef7]{transition:.3s;opacity:0}.split-checkbox.active .check-icon[data-v-406b2ef7]{opacity:1}.button-wrap[data-v-406b2ef7]{display:flex;position:relative;align-items:center}.approve-btn-box[data-v-406b2ef7]{padding:0 10px;display:flex;position:relative}.approve-btn-box h3[data-v-406b2ef7]{font-size:var(--font16);font-weight:500}.approve-btn[data-v-406b2ef7]{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-406b2ef7]{background-color:var(--blue-100);color:var(--white)}.approve-btn h2[data-v-406b2ef7]{font-size:15px;font-weight:600;position:absolute;cursor:default}.approve-on[data-v-406b2ef7]{left:7px}.approve-off[data-v-406b2ef7]{right:7px}.circle-btn[data-v-406b2ef7]{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-406b2ef7]{background-color:var(--white);left:37px}.tooltip-box[data-v-406b2ef7]{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-406b2ef7]{opacity:1}.tooltip-box>h3[data-v-406b2ef7]{color:#fff}.split-duration[data-v-406b2ef7]{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-03465c6e]{max-width:1390px;height:760px;display:flex;flex-wrap:wrap;position:relative}.upload-btn-box[data-v-03465c6e]{width:100%;display:flex;justify-content:center;align-items:center}.popover-header[data-v-03465c6e]{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:45px}.popover-header h1[data-v-03465c6e]{font-size:15px}.dark-btn[data-v-03465c6e]{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-03465c6e]{width:1vw;min-width:12px;margin-left:clamp(6px,.5vw,.5vw)}.dark-btn.list[data-v-03465c6e]{justify-content:space-between}.dark-btn.active[data-v-03465c6e]{color:var(--blue-100);cursor:pointer}.dark-btn.active[data-v-03465c6e]:hover{color:var(--white)}.dark-btn svg path[data-v-03465c6e]{transition:.3s}.dark-btn.active svg path[data-v-03465c6e]{fill:var(--blue-100)}.dark-btn.active:hover svg path[data-v-03465c6e]{fill:var(--white)}.loading-box[data-v-03465c6e]{position:absolute;bottom:0;width:100%;height:calc(100% - 45px);display:flex;z-index:50;background-color:var(--popover-background)}.spinner-area[data-v-03465c6e]{width:var(--height40);height:var(--height40);margin:auto}.spinner[data-v-03465c6e]{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-03465c6e 1s ease-in-out infinite}@keyframes spin-03465c6e{to{transform:rotate(1turn)}}.popup-background[data-v-a79bf8be]{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-a79bf8be]{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-a79bf8be]{color:#fff;font-size:18px;font-weight:600}.title-area[data-v-a79bf8be]{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 20px}.popup-box input[data-v-a79bf8be]{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-a79bf8be],.popup-box input[data-v-a79bf8be]:focus{border-color:#fff}.popup-box input[data-v-a79bf8be]::-moz-placeholder{color:var(--inactive-text)}.popup-box input[data-v-a79bf8be]::placeholder{color:var(--inactive-text)}.list-title[data-v-a79bf8be]{height:75px;display:flex;align-items:center;justify-content:space-between;padding:30px 20px 10px 20px}.list-title h2[data-v-a79bf8be]{margin-left:10px;font-size:16px;color:#90959e}.title-text[data-v-a79bf8be]{display:flex}.btn-area[data-v-a79bf8be]{display:flex;align-items:center}.list-title button[data-v-a79bf8be]{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-a79bf8be]:hover{background-color:var(--blue-100);border-color:var(--blue-100);color:#fff}.delete-all[data-v-a79bf8be]{border-color:var(--red)!important;color:var(--red)!important}.delete-all[data-v-a79bf8be]:hover{background-color:var(--red)!important;color:#fff!important}.list-area[data-v-a79bf8be]{padding:0 10px 0 20px;height:370px;overflow-x:hidden}.list-content[data-v-a79bf8be]{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-a79bf8be]{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-a79bf8be]{width:100%;height:100%}.list-content .no-thumbnail[data-v-a79bf8be]{width:18px;height:18px}.list-content h3[data-v-a79bf8be]{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-a79bf8be]{background-color:var(--active-background4);border-color:var(--button-point-color)}.bottom-box[data-v-a79bf8be]{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-a79bf8be]{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-a79bf8be]{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-a79bf8be]{cursor:pointer!important;border-radius:5px;border-color:var(--border-color3);color:var(--border-color3)}.dark-btn.active[data-v-a79bf8be]:hover{border-color:var(--blue-100)}.gray-fill-box.left[data-v-9c57b01e]{width:15.1vw;min-width:193px}.gray-box[data-v-9c57b01e]{height:var(--height40);background-color:var(--gray-400);display:flex;justify-content:space-between;align-items:center}.gray-fill-box .top-box[data-v-9c57b01e]{padding:0 clamp(10px,.8vw,.8vw) 0 clamp(12px,1vw,1vw)}.upload-box[data-v-9c57b01e]{width:100%;height:var(--height45);background-color:var(--gray-350);display:flex;align-items:center;justify-content:center;color:#fff;border-color:#fff;border-radius:var(--border-radius5);font-size:var(--font14);cursor:pointer}.upload-box h3[data-v-9c57b01e]{font-size:var(--font16)}.upload-box.active[data-v-9c57b01e],.upload-box[data-v-9c57b01e]:hover{background-color:#fff;transition:.3s;color:var(--button-hover-text)}.upload-box.active>svg>path[data-v-9c57b01e],.upload-box:hover>svg>path[data-v-9c57b01e]{fill:var(--gray-700);transition:.3s}.menu[data-v-9c57b01e]{height:var(--height45);justify-content:space-between;padding:1.2vh clamp(6px,.5vw,.5vw);color:var(--gray-100);border-radius:var(--border-radius5);transition:.3s;margin-bottom:clamp(4px,.5vh,.5vh);cursor:pointer}.menu>div[data-v-9c57b01e],.menu[data-v-9c57b01e]{display:flex;align-items:center}.menu svg[data-v-9c57b01e],.playlist-title svg[data-v-9c57b01e]{width:1.6vmin;min-width:11px;height:1.6vmin;min-height:11px;margin-right:clamp(5px,.4vw,.4vw)}.menu svg path[data-v-9c57b01e],.playlist-title svg path[data-v-9c57b01e]{transition:.3s}.menu.active[data-v-9c57b01e],.menu[data-v-9c57b01e]:hover,.playlist-menu.active[data-v-9c57b01e],.playlist-menu[data-v-9c57b01e]:hover{background-color:var(--gray-350);color:var(--white)}.menu h3[data-v-9c57b01e],.playlist-menu h3[data-v-9c57b01e]{font-size:var(--font16)}.menu.active .icon-box svg path[data-v-9c57b01e],.menu:hover .icon-box svg path[data-v-9c57b01e],.playlist-menu.active .icon-box svg path[data-v-9c57b01e],.playlist-menu:hover .icon-box svg path[data-v-9c57b01e]{fill:var(--white)}.playlist-add svg rect[data-v-9c57b01e]{transition:.3s;fill:#2d2f32}.playlist-add svg path[data-v-9c57b01e]{fill:#a8afba}.playlist-add:hover svg path[data-v-9c57b01e]{fill:var(--gray-700)}.playlist-add:hover svg rect[data-v-9c57b01e]{fill:#fff}.military .playlist-add svg rect[data-v-9c57b01e]{transition:.3s;fill:#aba198}.military .playlist-add svg path[data-v-9c57b01e]{fill:#393731}.military .playlist-add:hover svg path[data-v-9c57b01e]{fill:#25272a}.military .playlist-add:hover svg rect[data-v-9c57b01e]{fill:#fff}.playlist-menu[data-v-9c57b01e]{display:flex;flex-direction:column;color:var(--gray-100);border-radius:var(--border-radius5);transition:.3s;margin-bottom:clamp(4px,.5vh,.5vh);cursor:pointer}.playlist-title>div[data-v-9c57b01e]{display:flex;align-items:center;justify-content:center}.playlist-title[data-v-9c57b01e]{padding:1.2vh clamp(6px,.5vw,.5vw);height:var(--height45);display:flex;justify-content:space-between;align-items:center;position:relative}.playlist-click[data-v-9c57b01e]{position:absolute;width:100%;height:100%;top:0;left:0}.playlist-add[data-v-9c57b01e]{position:relative;z-index:1}.playlist-area[data-v-9c57b01e]{margin:var(--margin05);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-9c57b01e]{display:flex;align-items:center;justify-content:space-between;height:var(--height40);position:relative;border-radius:var(--border-radius5);transition:.3s;margin:clamp(4px,.5vh,.5vh) 0}.list-click-area[data-v-9c57b01e]{width:100%;height:100%;position:absolute;box-sizing:border-box;top:0;left:0}.list-info[data-v-9c57b01e]{display:flex;align-items:center;margin-left:clamp(19px,1.5vw,1.5vw)}.list-info h3[data-v-9c57b01e]{margin-left:clamp(3px,.25vw,.25vw);width:7vw;color:var(--gray-100);font-size:var(--font14);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;transition:.3s}.list-info svg[data-v-9c57b01e],.playlist-add svg[data-v-9c57b01e]{width:2vmin;min-width:14px;height:2vmin;min-height:14px}.list-info svg path[data-v-9c57b01e]{fill:var(--gray-100);transition:.3s}.playlist-content.active[data-v-9c57b01e],.playlist-content[data-v-9c57b01e]:hover{background-color:var(--gray-400)}.playlist-content.active .list-btn[data-v-9c57b01e],.playlist-content:hover .list-btn[data-v-9c57b01e]{opacity:1}.playlist-content.active .list-info h3[data-v-9c57b01e],.playlist-content:hover .list-info h3[data-v-9c57b01e]{color:#fff}.playlist-content.active .list-info svg path[data-v-9c57b01e],.playlist-content:hover .list-info svg path[data-v-9c57b01e]{fill:#fff}.list-btn[data-v-9c57b01e]{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-9c57b01e]{margin-left:clamp(3px,.25vw,.25vw);width:2vmin;min-width:14px;height:2vmin;min-height:14px}.list-btn svg path[data-v-9c57b01e],.list-btn svg rect[data-v-9c57b01e]{transition:.3s}.edit-svg:hover rect[data-v-9c57b01e]{fill:var(--border-color3)}.edit-svg:hover path[data-v-9c57b01e]{fill:#fff}.delete-svg:hover rect[data-v-9c57b01e]{fill:#ff7575}.delete-svg:hover path[data-v-9c57b01e]{fill:#fff}.my-scroll[data-v-9c57b01e]::-webkit-scrollbar{width:clamp(4.5px,.35vw,.35vw);min-width:4px}.my-scroll[data-v-9c57b01e]::-webkit-scrollbar-thumb{background-color:var(--gray-600);border:1px solid transparent}.menu-wrap[data-v-9c57b01e]{display:flex;flex-wrap:wrap;align-content:space-between;height:calc(100% - var(--height65));padding:var(--padding10)}.menu-list-box[data-v-9c57b01e]{width:100%}.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-6be39bd7]{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-6be39bd7]{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-6be39bd7]{height:65px;border:none}.top-box[data-v-6be39bd7]{height:55px;display:flex;align-items:center;justify-content:flex-start!important}.top-box h3[data-v-6be39bd7]{color:var(--white);font-size:18px;padding-left:10px}textarea[data-v-6be39bd7]{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-6be39bd7]::-moz-placeholder{color:var(--gray-100)}textarea[data-v-6be39bd7]::placeholder{color:var(--gray-100)}textarea.readonly[data-v-6be39bd7]{cursor:default}textarea.readonly[data-v-6be39bd7]::-moz-placeholder{visibility:hidden}textarea.readonly[data-v-6be39bd7]::placeholder{visibility:hidden}.bottom-box[data-v-6be39bd7]{height:75px;padding:10px 15px 20px 15px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center}.bottom-box button[data-v-6be39bd7]{width:90px;height:35px;margin:0 5px;color:var(--popup-button-text)}.info-text[data-v-6be39bd7]{width:100%;text-align:left;color:var(--blue-100);font-size:15px;font-weight:400;line-height:15px}.memo-icon[data-v-6be39bd7]{width:20px;height:20px}.gray-fill-btn[data-v-6be39bd7]{font-size:16px}p[data-v-be9d9d7e]{color:#fff;cursor:pointer}.library-box[data-v-be9d9d7e]{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-be9d9d7e]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.no-list-box h2[data-v-be9d9d7e]{font-size:var(--font18);color:var(--gray-100)}.thumbnail-box[data-v-be9d9d7e]{width:100%;height:15.3vh;min-height:110px;cursor:pointer;position:relative}.pct-box[data-v-be9d9d7e]{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--gray-900);cursor:default}.thumbnail-box h2[data-v-be9d9d7e],.thumbnail-box h4[data-v-be9d9d7e]{font-size:var(--font18);font-weight:400;color:#fff}.play-icon-box[data-v-be9d9d7e]{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-be9d9d7e]{position:absolute;width:100%;height:100%;background-color:var(--gray-700);opacity:0;top:0;transition:.3s}.video-box:hover .play-opacity[data-v-be9d9d7e]{opacity:.2}.play-icon-box>img[data-v-be9d9d7e]{width:.7vw;min-width:9px}.video-thumbnail[data-v-be9d9d7e]{width:100%;height:100%;border:1px solid var(--gray-700)}.video-box[data-v-be9d9d7e]{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-be9d9d7e]: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-be9d9d7e]{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-be9d9d7e]{border-color:var(--white)}.check-box>img[data-v-be9d9d7e]{display:none}.active .check-box>img[data-v-be9d9d7e]{display:block;width:90%}.video-box.active[data-v-be9d9d7e]{border-color:var(--blue-100);box-shadow:var(--box-shadow-total)}.video-box:hover .check-box[data-v-be9d9d7e]{border-color:var(--white)}.video-box.active .check-box[data-v-be9d9d7e]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.video-check-box[data-v-be9d9d7e]{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-be9d9d7e]{cursor:pointer}.video-info-box[data-v-be9d9d7e]{display:flex;flex-wrap:wrap;background-color:var(--gray-700);padding:clamp(5px,.7vh,.7vh) clamp(6px,.5vw,.5vw)}.video-info-box>div[data-v-be9d9d7e]{width:100%;height:2.3vh;min-height:16px;display:flex;align-items:center;font-size:var(--font14)}.video-info-box .left[data-v-be9d9d7e]{width:5vw;min-width:71px;display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.video-info-box .right[data-v-be9d9d7e]{width:calc(100% - clamp(71px, 5vw, 5vw))}.period-right[data-v-be9d9d7e],.video-info-box .right[data-v-be9d9d7e]{color:var(--white);padding:var(--padding010)}.info-div h2[data-v-be9d9d7e]{color:var(--gray-200);padding:0 clamp(6px,.5vw,.5vw) 0 0}.size-left[data-v-be9d9d7e]{display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.size-right[data-v-be9d9d7e]{color:var(--white);padding:var(--padding010)}.video-info-box .right h2[data-v-be9d9d7e]{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memo-box[data-v-be9d9d7e]{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-be9d9d7e]:hover{background-color:var(--blue-100)}.memo-box svg[data-v-be9d9d7e]{width:1.4vmin;min-width:10px;height:1.4vmin;min-height:10px}.memo-box svg path[data-v-be9d9d7e]{transition:.3s}.memo-box:hover svg path[data-v-be9d9d7e]{fill:var(--white)}.page-area[data-v-be9d9d7e]{position:relative;height:var(--height35);width:100%}.func-wrap[data-v-be9d9d7e]{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-be9d9d7e]{font-size:var(--font16)}.func-wrap img[data-v-be9d9d7e]{width:2.3vmin;min-width:16px;height:2.3vmin;min-height:16px}.func-wrap>div[data-v-be9d9d7e]{display:flex;color:var(--white);align-items:center}.func-wrap>div>img[data-v-be9d9d7e]{margin-right:var(--margin-r10);cursor:pointer}.func-box[data-v-be9d9d7e]{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-be9d9d7e]{width:1.7vmin;min-width:12px;height:1.7vmin;min-height:12px}.playlist-icon svg[data-v-be9d9d7e]{width:2.1vmin;min-width:15px;height:2.1vmin;min-height:15px}.func-box[data-v-be9d9d7e]:hover{background-color:var(--white)}.func-box svg path[data-v-be9d9d7e]{transition:.3s}.func-box:hover svg path[data-v-be9d9d7e]{fill:var(--blue-100)}p[data-v-079b288e]{color:#fff;cursor:pointer}.library-box[data-v-079b288e]{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-079b288e]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.no-list-box h2[data-v-079b288e]{font-size:var(--font18);color:var(--gray-100)}.thumbnail-box[data-v-079b288e]{width:100%;height:15.3vh;min-height:110px;cursor:pointer;position:relative}.pct-box[data-v-079b288e]{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--gray-900)}.thumbnail-box h2[data-v-079b288e],.thumbnail-box h4[data-v-079b288e]{font-size:var(--font18);font-weight:400;color:#fff}.play-icon-box[data-v-079b288e]{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-079b288e]{position:absolute;width:100%;height:100%;background-color:var(--gray-700);opacity:0;top:0;transition:.3s}.video-box:hover .play-opacity[data-v-079b288e]{opacity:.2}.play-icon-box>img[data-v-079b288e]{width:.7vw;min-width:9px}.video-thumbnail[data-v-079b288e]{width:100%;height:100%;border:1px solid var(--gray-700)}.video-box[data-v-079b288e]{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-079b288e]: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-079b288e]{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-079b288e]{border-color:var(--white)}.check-box>img[data-v-079b288e]{display:none;width:90%}.active .check-box>img[data-v-079b288e]{display:block}.video-box.active[data-v-079b288e]{border-color:var(--blue-100);box-shadow:var(--box-shadow-total)}.video-box:hover .check-box[data-v-079b288e]{border-color:var(--white)}.video-box.active .check-box[data-v-079b288e]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.video-title-box[data-v-079b288e]{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-079b288e]{cursor:pointer}.video-info-box[data-v-079b288e]{display:flex;flex-wrap:wrap;background-color:var(--gray-700);padding:clamp(5px,.7vh,.7vh) clamp(6px,.5vw,.5vw)}.video-info-box>div[data-v-079b288e]{width:100%;height:2.3vh;min-height:16px;display:flex;align-items:center;font-size:var(--font14)}.video-info-box .left[data-v-079b288e]{width:5vw;min-width:71px;display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.video-info-box .right[data-v-079b288e]{width:calc(100% - clamp(71px, 5vw, 5vw))}.period-right[data-v-079b288e],.video-info-box .right[data-v-079b288e]{color:var(--white);padding:var(--padding010)}.info-div h2[data-v-079b288e]{color:var(--gray-200);padding:0 clamp(6px,.5vw,.5vw) 0 0}.size-left[data-v-079b288e]{display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.size-right[data-v-079b288e]{color:var(--white);padding:var(--padding010)}.video-info-box .right h2[data-v-079b288e]{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memo-box[data-v-079b288e]{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-079b288e]:hover{background-color:var(--blue-100)}.memo-box svg[data-v-079b288e]{width:1.4vmin;min-width:10px;height:1.4vmin;min-height:10px}.memo-box svg path[data-v-079b288e]{transition:.3s}.memo-box:hover svg path[data-v-079b288e]{fill:var(--white)}.page-area[data-v-079b288e]{position:relative;height:var(--height35);width:100%}.func-wrap[data-v-079b288e]{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-079b288e]{font-size:var(--font16)}.func-wrap img[data-v-079b288e]{width:2.3vmin;min-width:16px;height:2.3vmin;min-height:16px}.func-wrap>div[data-v-079b288e]{display:flex;color:var(--white);align-items:center}.func-wrap>div>img[data-v-079b288e]{margin-right:var(--margin-r10);cursor:pointer}.func-box[data-v-079b288e]{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-079b288e]:hover{background-color:var(--white)}.func-box svg[data-v-079b288e]{width:1.7vmin;min-width:12px;height:1.7vmin;min-height:12px}.func-box svg path[data-v-079b288e]{transition:.3s}.func-box:hover svg path[data-v-079b288e]{fill:var(--blue-100)}p[data-v-053c654b]{color:#fff;cursor:pointer}.library-box[data-v-053c654b]{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-053c654b]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.no-list-box h2[data-v-053c654b]{font-size:var(--font18);color:var(--gray-100)}.thumbnail-box[data-v-053c654b]{width:100%;height:15.3vh;min-height:110px;cursor:pointer;position:relative}.pct-box[data-v-053c654b]{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--gray-900)}.thumbnail-box h2[data-v-053c654b],.thumbnail-box h4[data-v-053c654b]{font-size:var(--font18);font-weight:400;color:#fff}.play-icon-box[data-v-053c654b]{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-053c654b]{width:.7vw;min-width:9px}.play-opacity[data-v-053c654b]{position:absolute;width:100%;height:100%;background-color:var(--gray-700);opacity:0;top:0;transition:.3s}.video-box:hover .play-opacity[data-v-053c654b]{opacity:.2}.video-thumbnail[data-v-053c654b]{width:100%;height:100%;border:1px solid var(--gray-700)}.video-box[data-v-053c654b]{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-053c654b]:hover{border-color:var(--white);box-shadow:var(--box-shadow-total)}.video-title-box[data-v-053c654b]{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-053c654b]{cursor:pointer}.video-info-box[data-v-053c654b]{display:flex;flex-wrap:wrap;background-color:var(--gray-700);padding:clamp(5px,.7vh,.7vh) clamp(6px,.5vw,.5vw)}.video-info-box>div[data-v-053c654b]{width:100%;height:2.3vh;min-height:16px;display:flex;align-items:center;font-size:var(--font14)}.video-info-box .left[data-v-053c654b]{width:5vw;min-width:71px;display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.video-info-box .right[data-v-053c654b]{width:calc(100% - clamp(71px, 5vw, 5vw))}.period-right[data-v-053c654b],.video-info-box .right[data-v-053c654b]{color:var(--white);padding:var(--padding010)}.info-div h2[data-v-053c654b]{color:var(--gray-200);padding:0 clamp(6px,.5vw,.5vw) 0 0}.size-left[data-v-053c654b]{display:flex;align-items:center;justify-content:flex-start;color:var(--gray-200)}.size-right[data-v-053c654b]{color:var(--white);padding:var(--padding010)}.video-info-box .right h2[data-v-053c654b]{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memo-box[data-v-053c654b]{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-053c654b]:hover{background-color:var(--blue-100)}.memo-box svg[data-v-053c654b]{width:1.4vmin;min-width:10px;height:1.4vmin;min-height:10px}.memo-box svg path[data-v-053c654b]{transition:.3s}.memo-box:hover svg path[data-v-053c654b]{fill:var(--white)}.page-area[data-v-053c654b]{position:relative;height:var(--height35);width:100%}.share-box[data-v-053c654b]{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-053c654b]{transition:.3s;border-radius:50%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.share-icon-box img[data-v-053c654b]{width:.7vw;min-width:9px}.share-box:hover .share-icon-box[data-v-053c654b]{background-color:var(--gray-400)}.share-box:hover .share-info-box[data-v-053c654b]{opacity:1;z-index:5}.share-info-box[data-v-053c654b]{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-053c654b]{width:1px;height:1.3vh;border:1px solid var(--blue-100);margin:0 clamp(6px,.5vw,.5vw)}.share-info-box h3[data-v-053c654b]{font-size:var(--font15);white-space:nowrap}.share-info-box h3[data-v-053c654b]:first-child{color:var(--blue-100)}.no-list-box[data-v-87e294a8]{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-87e294a8]{font-size:var(--font18);color:var(--gray-100)}.bookmark-box[data-v-87e294a8]{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-87e294a8]{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-87e294a8]:hover{border-color:var(--white);box-shadow:var(--box-shadow-total)}.thumbnail-box[data-v-87e294a8]{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-87e294a8]{max-width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.play-icon-box[data-v-87e294a8]{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-87e294a8]{position:absolute;width:100%;height:100%;background-color:var(--gray-700);opacity:0;top:0;transition:.3s}.object-box:hover .play-opacity[data-v-87e294a8]{opacity:.2}.play-icon-box>img[data-v-87e294a8]{width:.7vw;min-width:9px}.check-box[data-v-87e294a8]{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-87e294a8]{border-color:var(--white)}.check-box>img[data-v-87e294a8]{display:none}.active .check-box>img[data-v-87e294a8]{display:block;width:90%}.object-box.active[data-v-87e294a8]{border-color:var(--button-point-color);box-shadow:var(--box-shadow-total)}.object-box:hover .check-box[data-v-87e294a8]{border-color:var(--white)}.object-box.active .check-box[data-v-87e294a8]{border-color:var(--button-point-color);background-color:var(--button-point-color)}.object-info-box[data-v-87e294a8]{width:calc(100% - clamp(110px, 15.3vh, 15.3vh));padding:0 clamp(4.5px,.35vw,.35vw);position:relative}.object-info-box .top[data-v-87e294a8]{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-87e294a8]{width:14.3vw}.object-info-box .top h3[data-v-87e294a8]{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-87e294a8]{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-87e294a8]{transition:.3s}.delete-btn[data-v-87e294a8]:hover{background-color:var(--red)}.delete-btn:hover svg path[data-v-87e294a8]{fill:var(--white)}.object-info-box .bottom[data-v-87e294a8]{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-87e294a8]{display:flex;flex-wrap:wrap;align-items:center;width:100%}.object-info-box .bottom>div>h1[data-v-87e294a8]{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-87e294a8]{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-87e294a8]{position:relative;height:var(--height35);width:100%}.func-wrap[data-v-87e294a8]{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-87e294a8]{font-size:var(--font16)}.func-wrap img[data-v-87e294a8]{width:2.3vmin;min-width:16px;height:2.3vmin;min-height:16px}.func-wrap>div[data-v-87e294a8]{display:flex;color:var(--white);align-items:center}.func-wrap>div>img[data-v-87e294a8]{margin-right:var(--margin-r10);cursor:pointer}.func-box[data-v-87e294a8]{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-87e294a8]{width:1.7vmin;min-width:12px;height:1.7vmin;min-height:12px}.func-box[data-v-87e294a8]:hover{background-color:var(--white)}.func-box svg path[data-v-87e294a8]{transition:.3s}.func-box:hover svg path[data-v-87e294a8]{fill:var(--blue-100)}.play-btn[data-v-87e294a8]{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-87e294a8]:hover{background-color:var(--white)}.play-btn:hover h3[data-v-87e294a8]{color:var(--gray-700)}.play-btn h3[data-v-87e294a8]{font-size:var(--font14);color:var(--white);transition:.3s}.play-btn svg path[data-v-87e294a8]{transition:.3s}.play-btn:hover svg path[data-v-87e294a8]{fill:var(--gray-700)}.memo-box[data-v-87e294a8]{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-87e294a8]:hover{background-color:var(--border-color3)}.memo-box svg[data-v-87e294a8]{width:1.4vmin;min-width:10px;height:1.4vmin;min-height:10px}.memo-box svg path[data-v-87e294a8]{transition:.3s}.memo-box:hover svg path[data-v-87e294a8]{fill:var(--white)}.datepicker-wrap[data-v-04a02b2b]{z-index:20;display:flex;position:relative}.datepicker-wrap [data-v-04a02b2b]{color:#fff}.datepicker-wrap h3[data-v-04a02b2b]{font-size:var(--font16)}.datepicker-box[data-v-04a02b2b]{display:flex;width:12vw;min-width:153px}.date-box[data-v-04a02b2b]{width:7.8vw;min-width:100px;display:flex;justify-content:center}.time-box[data-v-04a02b2b]{width:2.6vw;min-width:33px;display:flex;justify-content:center;overflow:hidden}.inactive input[data-v-04a02b2b]{color:var(--gray-200)}.filter-date .vc-input-wrap[data-v-04a02b2b]{width:15.9vw;min-width:203px;border-color:var(--border-color2)!important}.datepicker-module .vc-input-wrap[data-v-04a02b2b]{border-color:var(--gray-300)!important}.filter-date .vc-input-box[data-v-04a02b2b]{background-color:var(--gray-400)!important;border-color:var(--border-color2)!important;font-size:var(--font16)}.filter-date .vc-popover-btn[data-v-04a02b2b]{background-color:var(--gray-400)!important}.filter-date .vc-popover-btn svg[data-v-04a02b2b]{width:1.8vh;min-width:13px;height:1.8vh;min-height:13px}.filter-date .vc-popover-btn svg path[data-v-04a02b2b]{fill:var(--active-text)!important}.no-active .vc-input-box[data-v-04a02b2b]{background-color:var(--inactive-box-background)!important;color:var(--inactive-text)!important;cursor:default!important}.no-active .vc-popover-btn[data-v-04a02b2b]{background-color:var(--inactive-box-background)!important;cursor:default}.no-active .vc-popover-btn svg path[data-v-04a02b2b]{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}.library-wrap[data-v-0b6b4b17]{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-0b6b4b17]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));height:100%}.gray-box[data-v-0b6b4b17]{height:var(--height40);background-color:var(--gray-400);display:flex;justify-content:space-between;align-items:center}.gray-box.search[data-v-0b6b4b17]{padding:var(--padding010);border-color:var(--border-color)}.gray-box.search input[data-v-0b6b4b17]{width:100%;padding-right:clamp(6px,.5vw,.5vw);background-color:transparent;text-align:left;color:#fff;font-size:var(--font16)}.search svg[data-v-0b6b4b17]{width:1.3vw;min-width:14px}.search svg path[data-v-0b6b4b17]{fill:var(--border-color)}.gray-fill-box .top-box[data-v-0b6b4b17]{padding:var(--padding010)}.filter[data-v-0b6b4b17]{padding:var(--padding10);transition:.3s;border-color:var(--border-color)}.filter svg[data-v-0b6b4b17]{width:1.3vw;min-width:14px;margin-right:clamp(6px,.5vw,.5vw)}.filter svg path[data-v-0b6b4b17]{transition:.3s}.filter.show[data-v-0b6b4b17],.filter[data-v-0b6b4b17]:hover{border-color:#fff}.filter.show .normal-text[data-v-0b6b4b17]{color:#fff}.filter.show svg path[data-v-0b6b4b17]{fill:#fff}.search[data-v-0b6b4b17]{width:23.7vw;min-width:303px}.normal-text[data-v-0b6b4b17]{color:var(--border-color);font-size:var(--font16);font-weight:400;white-space:nowrap;transition:.3s}.active .normal-text[data-v-0b6b4b17]{color:#fff}.header-text[data-v-0b6b4b17]{color:#fff;font-size:var(--font16);font-weight:400;white-space:nowrap;transition:.3s}.option-list .normal-text[data-v-0b6b4b17]{margin-left:.2vw;color:var(--inactive-text)}.option-list .normal-text.active[data-v-0b6b4b17]{color:#fff}.filter.active[data-v-0b6b4b17]{background-color:var(--blue-100);border-color:var(--blue-100)}.filter.active[data-v-0b6b4b17]:hover{border-color:var(--blue-100)}.combobox-box[data-v-0b6b4b17]{position:relative;background-color:var(--gray-400);margin-right:var(--margin-r10);z-index:1}.top-box .left[data-v-0b6b4b17],.top-box .right[data-v-0b6b4b17]{display:flex;justify-content:space-between}.combobox-box.order[data-v-0b6b4b17]{width:8.6vw;min-width:110px;z-index:7}.combobox-box>div[data-v-0b6b4b17]{width:100%;background-color:var(--gray-400)}.combobox-box.contents[data-v-0b6b4b17]{width:5.7vw;min-width:73px}.filter-area[data-v-0b6b4b17]{position:relative}.background-area[data-v-0b6b4b17]{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:transparent;z-index:11}.filter-option[data-v-0b6b4b17]{width:22.8vw;min-width:270px;height:36.1vh;min-height:260px;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(10px,1.4vh,1.4vh) clamp(6px,.5vw,.5vw) 1.8vh clamp(6px,.5vw,.5vw);display:flex;flex-wrap:wrap;justify-content:center;align-content:space-between;z-index:12}.filter-option>div[data-v-0b6b4b17]{width:100%}.check-box[data-v-0b6b4b17]{background-color:var(--gray-700);border-radius:var(--border-radius5);height:3.5vh;justify-content:space-between;padding:0 clamp(10px,.8vw,.8vw)}.check-box>div[data-v-0b6b4b17],.check-box[data-v-0b6b4b17],.check[data-v-0b6b4b17]{display:flex;align-items:center}.check[data-v-0b6b4b17]{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-0b6b4b17]{border-color:var(--blue-100);background-color:var(--blue-100)}.checked .check_btn[data-v-0b6b4b17]{display:block}.check_btn[data-v-0b6b4b17]{display:none;width:1vw;min-width:12px}.align-bt[data-v-0b6b4b17]{justify-content:space-between;padding:var(--padding05);height:1.8vh;min-height:13px;display:flex;align-content:center}.option-box[data-v-0b6b4b17]{height:19vh;min-height:137px;display:flex;flex-wrap:wrap;align-content:space-between}.option-box h3[data-v-0b6b4b17]{font-size:var(--font16);font-weight:500;color:#fff;text-align:left}.option-box>div[data-v-0b6b4b17]{width:100%;height:var(--height40);display:flex;justify-content:space-between;align-items:center}.option-box .combobox-wrap[data-v-0b6b4b17]{background-color:var(--gray-400);width:15.9vw;min-width:203px;margin-left:clamp(6px,.5vw,.5vw)}.filter-option .btn-box[data-v-0b6b4b17]{width:10.9vw;min-width:140px;height:var(--height35);display:flex;justify-content:space-between}.option-list[data-v-0b6b4b17]{position:relative}.subtitle[data-v-0b6b4b17]{color:#fff;font-size:var(--font16)}.no-click-area[data-v-0b6b4b17]{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-0b6b4b17]{width:5.2vw;min-width:66px;height:var(--height35);font-size:var(--font14)}.dark-fill-btn.default[data-v-0b6b4b17]{cursor:default}.dark-fill-btn.default[data-v-0b6b4b17]:hover{background-color:var(--gray-700);color:var(--gray-200)}.video-list[data-v-0b6b4b17]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));padding:clamp(4px,.5vh,.5vh) clamp(3px,.25vw,.25vw) clamp(6px,.9vh,.9vh) clamp(3px,.25vw,.25vw);position:relative}.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-21f4a9ae]{transition:.3s}.option-gray-box[data-v-21f4a9ae]{width:12vw;min-width:153px}.option-top-box[data-v-21f4a9ae]{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-21f4a9ae]{display:flex;align-items:center;cursor:pointer}.all-check-box .check-btn[data-v-21f4a9ae]{margin-right:clamp(4.5px,.35vw,.35vw)}.all-check-box svg[data-v-21f4a9ae]{width:1vw;min-width:12px;height:1vw;min-height:12px}.all-check-box h3[data-v-21f4a9ae]{color:var(--background-color);font-size:var(--font16);transition:.3s;white-space:nowrap}.close-btn[data-v-21f4a9ae]{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-21f4a9ae]{display:flex;flex-wrap:wrap;justify-content:space-between;padding:clamp(4px,.5vh,.5vh) clamp(3px,.25vw,.25vw)}.color-box[data-v-21f4a9ae]{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-21f4a9ae],.color-check[data-v-21f4a9ae]{display:flex;align-items:center;justify-content:center}.color-check img[data-v-21f4a9ae]{width:.7vw;min-width:9px}.active-item svg path[data-v-21f4a9ae]{fill:var(--white)}.active-item h3[data-v-21f4a9ae]{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-129f82f4]{width:520px;height:320px;position:relative}.dwell-canvas[data-v-129f82f4]{width:520px;height:320px;position:absolute;top:0;left:0;z-index:10}.konvajs-content[data-v-129f82f4]{z-index:1}.thumbnail-box[data-v-129f82f4]{width:520px;height:320px;border:1px solid var(--gray-350)}.thumbnail-box img[data-v-129f82f4]{width:100%;height:100%}.error-message[data-v-129f82f4]{height:22px}.error-message h3[data-v-129f82f4]{text-align:left;color:var(--red);font-size:15px}.btn-box[data-v-129f82f4]{margin-top:clamp(6px,.9vh,.9vh);text-align:center;font:inherit}.white-btn[data-v-129f82f4]{width:100px;height:40px;font-size:14px;font-weight:400;margin:0 5px}.white-btn.defalut[data-v-129f82f4]{cursor:default}.white-btn.defalut[data-v-129f82f4]:hover{color:#fff;background-color:transparent}.dwell-video[data-v-129f82f4]{height:30px;margin-bottom:5px}.dwell-video-btn[data-v-129f82f4],.dwell-video[data-v-129f82f4]{width:100%;display:flex;align-items:center;justify-content:flex-start}.dwell-video-btn[data-v-129f82f4]{height:100%;cursor:pointer}.dwell-video-btn h3[data-v-129f82f4]{color:#fff}.check-box[data-v-129f82f4]{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-129f82f4]{font-size:15px}.check-box.show[data-v-129f82f4]{border-color:var(--white)}.check-box>svg[data-v-129f82f4]{display:none}.check-box.active>svg[data-v-129f82f4]{display:block}.check-box.active[data-v-129f82f4]{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-39d4bd2c]{width:15.1vw;min-width:193px}.menu-box[data-v-39d4bd2c]{position:relative}.gray-fill-box .top-box[data-v-39d4bd2c]{padding:var(--padding010);justify-content:flex-start}.gray-fill-box .top-box .title[data-v-39d4bd2c]{margin-left:clamp(10px,.8vw,.8vw)}.home-btn[data-v-39d4bd2c]{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-39d4bd2c]:hover{background-color:var(--white)}.home-btn svg path[data-v-39d4bd2c]{transition:.3s}.home-btn:hover svg path[data-v-39d4bd2c]{fill:var(--gray-700)}.option-box[data-v-39d4bd2c]{padding:var(--padding10)}.option[data-v-39d4bd2c]{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-39d4bd2c]{margin-bottom:clamp(4px,.5vh,.5vh);position:relative}.option .bottom-box>div[data-v-39d4bd2c]:last-child{margin-bottom:0}.option .top-box[data-v-39d4bd2c]{height:var(--height45);border-bottom:none;display:flex;justify-content:space-between}.option h2[data-v-39d4bd2c]{font-size:var(--font16);font-weight:600;color:var(--svg-path)}.bottom-box h2[data-v-39d4bd2c]{display:flex}.icon-box[data-v-39d4bd2c]{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-39d4bd2c]{width:1.3vw;min-width:16px;height:1.3vw;min-height:16px}.icon-box svg[data-v-39d4bd2c]{width:100%;height:100%}.option svg path[data-v-39d4bd2c]{transition:.3s}.option.default[data-v-39d4bd2c]{cursor:default!important}.option.default h2[data-v-39d4bd2c]{color:var(--inactive-text5)!important}.option.default svg path[data-v-39d4bd2c]{fill:var(--inactive-text5)}.option.active[data-v-39d4bd2c]{background-color:var(--background-color);height:auto;overflow:visible;transition:.3s}.option h2[data-v-39d4bd2c]{transition:.3s}.option.active h2[data-v-39d4bd2c]{color:var(--white)}.option.active .top-box[data-v-39d4bd2c]{border-bottom:1px solid var(--border-color8)}.option.active .icon-box svg path[data-v-39d4bd2c]{fill:var(--white)}.option .bottom-box[data-v-39d4bd2c]{padding:var(--padding10)}.area-draw-box .bottom-box[data-v-39d4bd2c]{padding:10px}.detail-option-box[data-v-39d4bd2c]{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-39d4bd2c],.detail-option-box[data-v-39d4bd2c]:hover{background-color:var(--hover-background4)}.detail-option-box h2[data-v-39d4bd2c]{font-size:var(--font16);font-weight:500;text-align:left;white-space:nowrap}.detail-option-box .check-btn[data-v-39d4bd2c]{margin-right:clamp(4.5px,.35vw,.35vw);width:.9vw;min-width:13px}.select-content[data-v-39d4bd2c]{display:flex;align-items:center;justify-content:flex-end}.select-content h2[data-v-39d4bd2c]{color:var(--svg-path)!important}.detail-option-box .select-content h2[data-v-39d4bd2c]{color:var(--active-color)!important}.detail-option-box .select-content svg path[data-v-39d4bd2c]{fill:var(--active-color)!important}.select-content img[data-v-39d4bd2c]{width:1vw;min-width:12px}.option-top svg[data-v-39d4bd2c]{margin-right:clamp(4.5px,.35vw,.35vw);width:1vw;min-width:12px}.option-top h2[data-v-39d4bd2c]{color:#fff}.option-gray-box[data-v-39d4bd2c]{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-39d4bd2c]{height:40px;color:var(--border-color5);border-bottom:var(--border-color5);font-weight:500}.option-gray-box.area-draw-box .top-box[data-v-39d4bd2c]{color:var(--white);padding-left:15px}.option-gray-box.area-draw-box[data-v-39d4bd2c]{width:540px}.close-btn[data-v-39d4bd2c]{position:absolute;top:8px;right:11px;width:15px;height:15px}.svg36[data-v-39d4bd2c]{width:1.8vw!important;min-width:23px!important;height:1.8vw!important;min-height:23px!important}.dwell-area[data-v-39d4bd2c]{position:relative}.face-area[data-v-39d4bd2c]{width:100%;display:flex;align-items:center}.my-scroll[data-v-39d4bd2c]::-webkit-scrollbar-thumb{background-color:#25272a}.direction-select[data-v-39d4bd2c]{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-39d4bd2c]{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-39d4bd2c]{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-39d4bd2c]:first-child{background-color:var(--active-background5)}.summary-condition .dark-fill-btn[data-v-39d4bd2c]:first-child:hover,.summary-condition .dark-fill-btn[data-v-39d4bd2c]:last-child:hover{background-color:var(--hover-background5);color:var(--button-hover-text2)}.summary-condition .dark-fill-btn[data-v-39d4bd2c]:last-child{background-color:var(--background-color2)}.no-access-btn[data-v-39d4bd2c]{cursor:wait!important}.no-access-btn[data-v-39d4bd2c],.no-access-btn[data-v-39d4bd2c]:hover{background-color:var(--gray-700)!important;color:var(--gray-200)!important}.check-icon[data-v-39d4bd2c]{display:flex;align-items:center;justify-content:center}.active .check-icon svg path[data-v-39d4bd2c]{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-0ad01729]{width:15.1vw;min-width:193px}.gray-fill-box .top-box[data-v-0ad01729]{padding:var(--padding010);justify-content:flex-start}.gray-fill-box .top-box .title[data-v-0ad01729]{margin-left:clamp(10px,.8vw,.8vw)}.home-btn[data-v-0ad01729]{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-0ad01729]:hover{background-color:var(--white)}.home-btn svg path[data-v-0ad01729]{transition:.3s}.home-btn:hover svg path[data-v-0ad01729]{fill:var(--gray-700)}.bottom-box[data-v-0ad01729]{padding:clamp(6px,.9vh,.9vh) 0}.object-box[data-v-0ad01729]{width:100%;height:22.7vh;min-height:163px;background-color:var(--background-color);border-radius:var(--border-radius5)}.object-box .top[data-v-0ad01729]{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-0ad01729]{display:flex;align-items:center;font-size:var(--font16);color:var(--white)}.left svg[data-v-0ad01729]{width:1.3vw;min-width:14px;margin-right:var(--margin-r10)}.info-icon[data-v-0ad01729]{margin-right:clamp(3px,.25vw,.25vw);width:1.3vw;min-width:14px}.object-box .top .right[data-v-0ad01729]{display:flex;align-items:center;justify-content:space-between}.object-box .bottom[data-v-0ad01729]{padding:var(--padding10)}.left h3[data-v-0ad01729]{font-size:var(--font16);font-weight:600}.object-img-box[data-v-0ad01729]{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-0ad01729]{display:flex;align-items:center;justify-content:center;height:100%;font-size:var(--font14)}.object-img-box img[data-v-0ad01729]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.object-play[data-v-0ad01729]{position:absolute;width:100%;height:100%;z-index:1;cursor:pointer;background-color:rgba(0,0,0,.2)}.object-play .play-icon[data-v-0ad01729]{width:4.2vmin;height:4.2vmin;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}.object-info-box[data-v-0ad01729]{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-0ad01729]{background-color:transparent;color:var(--white);width:7.8vw;min-width:102px}.object-info-box input[data-v-0ad01729]::-moz-placeholder{color:var(--svg-path)}.object-info-box input[data-v-0ad01729]::placeholder{color:var(--svg-path)}.object-info-box h3[data-v-0ad01729]{font-size:var(--font14)}.object-info-box h3[data-v-0ad01729]:first-child{color:var(--white);white-space:nowrap}.icon-box[data-v-0ad01729]{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-0ad01729]:hover{background-color:var(--white);cursor:pointer}.icon-box svg[data-v-0ad01729]{width:2vmin}.icon-box svg path[data-v-0ad01729]{transition:.3s}.icon-box.active:hover svg path[data-v-0ad01729]{fill:#25272a}.init-btn[data-v-0ad01729]{width:100%;height:var(--height45);background-color:var(--active-background5);color:#fff;transition:.3s;font-size:var(--font16)}.init-btn[data-v-0ad01729]:hover{color:var(--white);background-color:var(--button-point-color)}.bottom-box[data-v-0ad01729]{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-847ecc26]{padding:0 0 clamp(10px,.8vw,.8vw)}.gray-fill-box.right[data-v-847ecc26]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw))}.btn-box[data-v-847ecc26]{width:28.1vw;min-width:360px;display:flex;justify-content:space-between}.btn-box button[data-v-847ecc26]{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-847ecc26]{font-size:var(--font16)}.btn-box button.active[data-v-847ecc26],.btn-box button[data-v-847ecc26]:hover{border-color:var(--white);background-color:var(--white);color:var(--gray-700)}.btn-box button.default[data-v-847ecc26]{cursor:wait;color:var(--border-color);border:1px solid var(--border-color)}.btn-box button.default[data-v-847ecc26]:hover{border-color:var(--border-color);background-color:var(--gray-400);color:var(--border-color)}.btn-box button.blank[data-v-847ecc26]{cursor:not-allowed}.btn-box button.blank[data-v-847ecc26]:hover{border-color:var(--border-color);background-color:var(--gray-400);color:var(--border-color)}.video-name-box[data-v-847ecc26]{display:flex;align-items:center}.video-name-box h1[data-v-847ecc26]{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-847ecc26]{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-847ecc26]{width:1.75vh;height:1.75vh}.right-box[data-v-847ecc26],.video-info-box[data-v-847ecc26]{display:flex;align-items:center}.video-time-box[data-v-847ecc26]{display:flex}.time-box[data-v-847ecc26]{border:1px solid var(--border-color);border-radius:var(--border-radius5);display:flex;align-items:center;height:var(--height40)}.time-box[data-v-847ecc26]:first-child{margin-right:var(--margin-r10)}.time-box>div[data-v-847ecc26]{padding:0 clamp(10px,.8vw,.8vw);height:100%;display:flex;align-items:center;color:var(--white)}.time-box>div[data-v-847ecc26]:first-child{border-right:1px solid var(--border-color)}.time-box h1[data-v-847ecc26],.time-box h3[data-v-847ecc26]{font-size:var(--font16);white-space:nowrap}.real-time-box[data-v-847ecc26]{display:flex}.slash[data-v-847ecc26]{margin:0 clamp(10px,.8vw,.8vw)}.object-count-box[data-v-847ecc26]{display:flex;align-items:center;color:var(--white)}.object-count-box h3[data-v-847ecc26]{font-size:var(--font16)}.summary-info-box[data-v-847ecc26]{display:flex;padding:var(--padding010);margin:var(--margin-r10)}.summary-info-box h2[data-v-847ecc26]{font-size:var(--font16);white-space:nowrap;display:block;color:#fff}.percent-area[data-v-847ecc26]{margin:auto;position:relative;display:flex;align-items:center}.progress-bar[data-v-847ecc26]{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-847ecc26]{color:#fff;width:2.6vw;min-width:34px}.progress-active[data-v-847ecc26]{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-1a8e89b0]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));cursor:pointer;padding:var(--padding10);position:relative}.player-box>video[data-v-1a8e89b0]{width:100%;height:100%}.player-box:hover .video-time-area[data-v-1a8e89b0]{opacity:1}.video-time-area[data-v-1a8e89b0]{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}.dwell-video-box[data-v-3815321e]{width:100%;height:calc(100% - 40px);display:flex;align-items:center;justify-content:center;padding:5px}.wrap[data-v-761c923b]{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-761c923b]{padding:0 clamp(6px,.5vw,.5vw) 0 clamp(10px,.8vw,.8vw)}.gray-fill-box.right[data-v-761c923b]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw))}.btn-box[data-v-761c923b]{width:28.1vw;min-width:360px;display:flex;justify-content:space-between}.btn-box button[data-v-761c923b]{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-761c923b],.btn-box button[data-v-761c923b]:hover{border-color:var(--white);background-color:var(--white);color:var(--gray-700)}.video-name-box[data-v-761c923b]{align-items:center;margin-right:clamp(19px,1.5vw,1.5vw)}.video-name-box>div[data-v-761c923b]{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-761c923b]{display:flex}.video-info-box[data-v-761c923b]{display:flex;align-items:center}.video-time-box[data-v-761c923b]{display:flex}.time-box[data-v-761c923b]{border:1px solid var(--border-color);border-radius:var(--border-radius5);display:flex;align-items:center;height:var(--height40)}.time-box[data-v-761c923b]:first-child{margin-right:var(--margin-r10)}.time-box>div[data-v-761c923b]{padding:0 clamp(10px,.8vw,.8vw);height:100%;display:flex;align-items:center;color:var(--white)}.time-box>div[data-v-761c923b]:first-child{border-right:1px solid var(--border-color)}.real-time-box[data-v-761c923b]{display:flex}.slash[data-v-761c923b]{margin:0 clamp(10px,.8vw,.8vw)}.player-box[data-v-761c923b]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));cursor:pointer;padding:var(--padding10)}.player-box>video[data-v-761c923b]{width:100%;height:100%}.summary-box[data-v-761c923b]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));position:relative;padding:var(--padding10)}.summary-box>video[data-v-761c923b]{width:100%;height:100%}.summary-box>canvas[data-v-761c923b]{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-761c923b]{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-761c923b]{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-761c923b]{position:absolute;top:10px;right:10px;cursor:pointer}.object-info[data-v-761c923b]{display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px}.object-thumbnail[data-v-761c923b]{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-761c923b]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.object-time h3[data-v-761c923b]{font-size:18px;color:var(--popup-button-text);font-weight:400;text-align:left}.object-time h2[data-v-761c923b]{font-size:18px;color:#fff;font-weight:400;text-align:left}.object-button[data-v-761c923b]{display:flex;align-items:center;justify-content:space-between}.object-button .dark-fill-btn[data-v-761c923b]{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-761c923b]:hover{background:var(--blue-100);color:#fff}.vdr-container[data-v-761c923b]{z-index:100;background-color:var(--border-color6);border-radius:5px;max-width:1080px;max-height:860px}.dwell-video-popup[data-v-761c923b]{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1;pointer-events:none}.dwell-video-header[data-v-761c923b]{height:40px;color:var(--gray-350);border-bottom:1px solid var(--border-color5);font-weight:500;display:flex;align-items:center;width:100%}.dwell-video-header h2[data-v-761c923b]{color:#fff;margin-left:10px}.close-btn[data-v-761c923b]{position:absolute;right:10px;width:15px;height:15px}.dwell-video-btn-first[data-v-761c923b],.dwell-video-btn-second[data-v-761c923b]{position:absolute;transform:translate(-50%,-50%);background-color:transparent;border:none;display:flex;align-items:center;justify-content:center}.dwell-btn[data-v-761c923b]{cursor:pointer;top:0;left:0}.dwell-btn svg path[data-v-761c923b]{transition:.3s}.dwell-btn:hover svg path[data-v-761c923b]{fill:var(--button-point-color)}.dwell-canvas[data-v-761c923b]{background:transparent!important}.vdr-handle{border-color:transparent;background-color:transparent}.vdr-container.active{border-color:transparent;border-style:solid}.object-wrap[data-v-09aef2f6]{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-09aef2f6]{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-09aef2f6]{border:1px solid var(--border-color2);background-color:var(--gray-700);position:relative;cursor:pointer;transition:.3s;margin:var(--margin5)}.sort-50[data-v-09aef2f6]{width:calc(10% - clamp(6px, .5vw, .5vw));height:calc(20% - clamp(7px, 1vh, 1vh))}.sort-100[data-v-09aef2f6]{width:calc(5% - clamp(6px, .5vw, .5vw));height:calc(20% - clamp(7px, 1vh, 1vh))}.sort-200[data-v-09aef2f6]{width:calc(5% - clamp(6px, .5vw, .5vw));height:calc(10% - clamp(7px, 1vh, 1vh))}.sort-100 .object-info h2[data-v-09aef2f6],.sort-200 .object-info h2[data-v-09aef2f6]{font-size:var(--font12)}.object-box[data-v-09aef2f6]:hover{border-color:var(--white);box-shadow:var(--box-shadow-total)}.object-box.selected[data-v-09aef2f6]{border:1px solid var(--blue-100)}.object-img[data-v-09aef2f6]{height:calc(100% - 3.7vh);border-bottom:1px solid var(--border-color2);overflow:hidden;position:relative}.object-img .thumbnail-img[data-v-09aef2f6]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.selected-icon[data-v-09aef2f6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.selected .selected-icon[data-v-09aef2f6]{display:block}.bookmark-img[data-v-09aef2f6]{position:absolute;right:clamp(3px,.25vw,.25vw);top:-.3vh;z-index:1}.object-info[data-v-09aef2f6]{color:var(--white);display:flex;align-items:center;justify-content:center;height:var(--height40)}.object-info h2[data-v-09aef2f6]{font-size:var(--font15);white-space:nowrap}.object-paging[data-v-09aef2f6]{height:7.4vh;min-height:53px;width:100%;position:relative}.page-count-area[data-v-09aef2f6]{height:100%;position:absolute;left:0;display:flex;align-items:center;z-index:1}.page-count-area h2[data-v-09aef2f6]{margin-left:clamp(12px,1vw,1vw);margin-right:clamp(6px,.5vw,.5vw);color:#fff;font-size:var(--font18)}.drop-box-area[data-v-09aef2f6]{width:5.7vw;min-width:73px;height:3.7vh;min-height:26px;position:relative}.drop-box-show[data-v-09aef2f6]{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-09aef2f6]{height:3.7vh;min-height:26px;border-color:var(--border-color)}.select-area[data-v-09aef2f6]{display:flex;flex-direction:column-reverse;align-items:center;height:12.5vh;transition:.3s}.close .select-area[data-v-09aef2f6]{height:0}.select-box[data-v-09aef2f6],.selected-box[data-v-09aef2f6]{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-09aef2f6]{margin-left:clamp(6px,.5vw,.5vw)}.select-box h3[data-v-09aef2f6]{margin-left:clamp(3px,.25vw,.25vw)}.selected-box[data-v-09aef2f6]{width:5.5vw;min-width:70px;height:3.7vh;min-height:26px;position:relative}.select-box[data-v-09aef2f6]{width:5vw;height:var(--height35);margin:clamp(4px,.5vh,.5vh) auto}.select-box[data-v-09aef2f6]:hover{background-color:var(--blue-100)}.selected-box svg[data-v-09aef2f6]{position:absolute;right:clamp(6px,.5vw,.5vw);width:.6vw;transform:rotate(180deg)}.selected-box svg path[data-v-09aef2f6]{fill:#fff}.drop-box-show.close .selected-box svg[data-v-09aef2f6]{transform:rotate(0deg)}.drop-box-show.close .selected-box svg path[data-v-09aef2f6]{fill:var(--gray-200)}.object-count-box[data-v-09aef2f6]{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-09aef2f6]{font-size:var(--font18)}.stats-wrap[data-v-2a12483a]{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-2a12483a]{width:100%;display:flex;flex-wrap:wrap;align-content:flex-start}.wide-box .object-wrap[data-v-2a12483a]{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-2a12483a]{width:calc(50% - clamp(3px, .25vw, .25vw));display:flex;flex-wrap:wrap;align-content:flex-start}.narrow-box .object-wrap[data-v-2a12483a]{height:45.4vh;min-height:326px;display:flex;overflow:hidden}.narrow-box:last-child .title-box[data-v-2a12483a]{padding:0}.title-box[data-v-2a12483a]{height:6.5vh;min-height:46px;display:flex;align-items:center;justify-content:flex-start;padding:var(--padding010)}.title-box .map-box[data-v-2a12483a]{background-color:var(--gray-600);cursor:pointer}.title-box .map-box h3[data-v-2a12483a],.title-box .map-box[data-v-2a12483a]{height:var(--height40);border-radius:var(--border-radius10);display:flex;align-items:center}.title-box .map-box h3[data-v-2a12483a]{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-2a12483a]{background-color:var(--white);font-weight:600;color:var(--gray-700);transition:.3s}.map-img[data-v-2a12483a]{width:100%}.title-box h3[data-v-2a12483a]{color:var(--white);font-size:var(--font18);font-weight:600}.title-box .blue-text[data-v-2a12483a]{color:var(--button-point-color)}.object-wrap[data-v-2a12483a]{width:100%;height:9.3vh;min-height:67px;background-color:var(--gray-700);border-radius:var(--border-radius5)}.gray-bar[data-v-2a12483a]{height:1.8vh;min-height:13px;border:1px solid var(--border-color);margin:0 clamp(10px,.8vw,.8vw)}.object-box[data-v-2a12483a]{width:calc(25% - 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-2a12483a]{color:#3f59f0;border-color:#3f59f0}.first .color-box[data-v-2a12483a]{background-color:#3f59f0}.object-box.second[data-v-2a12483a]{color:#6b6ed6;border-color:#6b6ed6}.second .color-box[data-v-2a12483a]{background-color:#6b6ed6}.object-box.third[data-v-2a12483a]{color:#139ac9;border-color:#139ac9}.third .color-box[data-v-2a12483a]{background-color:#139ac9}.object-box.fourth[data-v-2a12483a]{color:#6dc363;border-color:#6dc363}.fourth .color-box[data-v-2a12483a]{background-color:#6dc363}.color-box[data-v-2a12483a]{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-2a12483a]{width:100%;height:calc(100% - clamp(41px, 5.6vh, 5.6vh));display:flex;justify-content:center;align-items:center}.contents-box>div[data-v-2a12483a]{margin:0 clamp(19px,1.5vw,1.5vw);display:flex;justify-content:center;align-items:center;flex-direction:column}.contents-box p[data-v-2a12483a]{font-size:var(--font14);color:var(--white)}.contents-box h3[data-v-2a12483a]{font-size:var(--font20);font-weight:500}.vue-highcharts[data-v-2a12483a]{padding:4.6vh 1.8vw 0 1.8vw;width:100%}.icon-box[data-v-2a12483a]{width:2vw;min-width:25px;height:2vw;display:flex;justify-content:center;align-items:center}.popover-gray[data-v-13e3cbde]{width:760px;height:400px;padding:20px 25px;display:flex;flex-wrap:wrap;align-content:space-between}.bottom-box[data-v-13e3cbde],.top-box[data-v-13e3cbde]{display:flex;justify-content:space-between;width:100%}.gray-box .upload-box h1[data-v-13e3cbde],h1.title[data-v-13e3cbde]{font-size:18px}.gray-box[data-v-13e3cbde]{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-13e3cbde]{width:2.1vw;min-width:26px}.select-box[data-v-13e3cbde]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.gray-box[data-v-13e3cbde]:hover{background-color:var(--hover-background);transition:.3s}.gray-box:hover>svg path[data-v-13e3cbde]{fill:#fff;transition:.3s}.upload-box[data-v-13e3cbde]{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column}.upload-box h1[data-v-13e3cbde]{font-size:var(--font18);font-weight:700;color:#fff}.upload-box p[data-v-13e3cbde]{font-size:14px;font-weight:400;color:var(--gray-100);cursor:pointer;height:20px;word-break:keep-all}.slider-box[data-v-13e3cbde]{width:100%;height:40px;display:flex;justify-content:center;position:relative}.slider-box h3[data-v-13e3cbde]{color:var(--white);text-align:left;font-size:var(--font16);font-weight:400}.slider-box .slider[data-v-13e3cbde]{padding-top:35px;padding-bottom:40px;width:250px;z-index:2;top:0;box-sizing:border-box}.auto-slider[data-v-13e3cbde]{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-ec4940a4]{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-ec4940a4]{background:#2d2f32}.option-box-header[data-v-ec4940a4]{height:var(--height45);width:100%;display:flex;align-items:center}.option-box-header svg[data-v-ec4940a4]{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-ec4940a4]{fill:var(--svg-path)}.option-box-header h2[data-v-ec4940a4]{font-size:var(--font16);color:#fff;font-weight:600}.option-box.default .option-box-header h2[data-v-ec4940a4]{color:var(--svg-path)}.bottom-box[data-v-ec4940a4]{padding-top:clamp(6px,.9vh,.9vh);padding-bottom:clamp(4px,.5vh,.5vh)}.top-box[data-v-ec4940a4]{height:var(--height45);border-bottom:none}.ir-area[data-v-ec4940a4]{background:transparent;padding:clamp(6px,.9vh,.9vh) clamp(6px,.5vw,.5vw)}.ir-area h4[data-v-ec4940a4]{text-align:left;color:var(--active-color)}.init-btn[data-v-ec4940a4]{width:100%;height:var(--height45);background-color:var(--gray-600);color:var(--gray-100);transition:.3s}.init-btn[data-v-ec4940a4]:hover{color:var(--white);background-color:var(--blue-100)}.summary-condition[data-v-ec4940a4]{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-ec4940a4]{display:flex;justify-content:center;align-items:center;font-size:var(--font16)}.option .top-box[data-v-ec4940a4]{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-ec4940a4]{color:#fff;font-weight:600;font-size:var(--font16)}.option.active h2[data-v-ec4940a4]{color:#fff;display:flex;flex-wrap:wrap;justify-content:center}.bottom-box textarea[data-v-ec4940a4]{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-ec4940a4]{color:var(--active-color)!important}.detail-option-box[data-v-ec4940a4]{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-ec4940a4]{display:flex;align-items:center;justify-content:flex-end;position:relative}.select-content h2[data-v-ec4940a4]{color:var(--active-color)!important}.select-content svg path[data-v-ec4940a4]{fill:var(--active-color)!important}.detail-option-box .check-btn[data-v-ec4940a4]{margin-right:clamp(4.5px,.35vw,.35vw);width:.9vw;min-width:13px}.info-popup[data-v-ec4940a4]{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-ec4940a4]{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-ec4940a4]{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-ec4940a4]{overflow-y:auto;max-height:calc(100vh - clamp(660px, 61vh, 61vh));margin:5px 0}.face-box[data-v-ec4940a4]{display:flex;padding:var(--padding10);align-items:center}.face-box img[data-v-ec4940a4]{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-ec4940a4]{font-size:var(--font16);line-height:var(--font16);color:var(--white)}.comma[data-v-ec4940a4]{margin-right:5px}.gray-fill-box[data-v-1321af6c]{width:15.1vw;min-width:193px}.menu-box[data-v-1321af6c]{position:relative}.gray-fill-box .top-box[data-v-1321af6c]{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-1321af6c]{margin-left:clamp(10px,.8vw,.8vw)}.home-btn[data-v-1321af6c]{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-1321af6c]:hover{background-color:var(--white)}.home-btn svg path[data-v-1321af6c]{transition:.3s}.home-btn:hover svg path[data-v-1321af6c]{fill:var(--gray-700)}.bottom-box[data-v-1321af6c]{padding:var(--padding10)}.ir-area h4[data-v-1321af6c]{text-align:left;color:var(--blue-100)}.init-btn[data-v-1321af6c]{width:100%;height:var(--height45);background-color:var(--active-background5);color:#fff;transition:.3s;font-size:var(--font16)}.init-btn[data-v-1321af6c]:hover{color:var(--white);background-color:var(--button-point-color)}.summary-condition[data-v-1321af6c]{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-1321af6c]{display:flex;justify-content:center;align-items:center;font-size:var(--font16)}.dwell-video-show[data-v-1321af6c]{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-1321af6c]{font-size:var(--font18);font-weight:500;color:#fff}.approve-btn[data-v-1321af6c]{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-1321af6c]{background-color:var(--blue-100);color:var(--white)}.approve-btn h2[data-v-1321af6c]{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-1321af6c],.approve-btn.wait[data-v-1321af6c]{color:var(--gray-400);cursor:wait!important}.approve-on[data-v-1321af6c]{left:clamp(4.5px,.35vw,.35vw)}.approve-off[data-v-1321af6c]{right:clamp(4.5px,.35vw,.35vw)}.approve-btn.active h2[data-v-1321af6c]{color:#fff}.circle-btn[data-v-1321af6c]{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-1321af6c]{background-color:var(--white);left:calc(clamp(55px, 3.2vw, 3.2vw) - clamp(17px, 2.4vh, 2.4vh) - 2px)}.wait .circle-btn[data-v-1321af6c]{background-color:var(--gray-400);cursor:wait!important}.info-text[data-v-1321af6c]{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-1321af6c]{z-index:1;opacity:1}.info-text h3[data-v-1321af6c]{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-554d7270]{width:470px;padding:20px 15px;display:flex;flex-wrap:wrap;background-color:var(--background-color8)}.masking-error-popup[data-v-554d7270]{position:fixed}.over-top-box[data-v-554d7270]{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-554d7270]{font-size:14px;font-weight:400;color:var(--text-color)}.over-title[data-v-554d7270]{font-size:18px;font-weight:600;color:#fff}.over-bottom-box[data-v-554d7270]{display:flex;width:100%;margin:auto;flex-direction:column;padding:0 10px}.over-bottom-box h2[data-v-554d7270]{text-align:left;font-size:14px;font-weight:400;color:var(--text-color);line-height:20.3px}.tip-time-box[data-v-554d7270]{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-554d7270]{transition:.3s}.tip-time-box.selected[data-v-554d7270]{border-color:var(--button-point-color)}.tip-time-box.selected .tip-check-box svg path[data-v-554d7270]{fill:var(--button-point-color)}.tip-check-box[data-v-554d7270]{display:flex;align-items:center;justify-content:center;margin-left:10px;margin-right:8px}.tip-time-text[data-v-554d7270]{display:flex;align-items:center;justify-content:flex-start;margin-right:10px}.tip-time-text h1[data-v-554d7270]{color:#fff;font-weight:600;font-size:16px}.tip-time-area[data-v-554d7270]{display:flex;align-items:center}.tip-time-area h2[data-v-554d7270]{color:#fff;font-size:14px;font-weight:400}.div-bar[data-v-554d7270]{width:100%;height:1px;background-color:var(--border-color8);margin:25px 0 20px 0}.over-object-show-area[data-v-554d7270]{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-554d7270]{width:70px;height:70px;border:1px solid #ff4e4e;border-radius:5px;margin:4px}.over-object-item img[data-v-554d7270]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.button-area[data-v-554d7270]{display:flex;align-items:center;justify-content:center;margin-top:20px}.cancel-btn[data-v-554d7270],.check-btn[data-v-554d7270]{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-554d7270]{background-color:var(--header-background);color:#fff}.check-btn[data-v-554d7270]{cursor:not-allowed}.check-btn.active[data-v-554d7270]{background-color:var(--active-background7);color:#fff;cursor:pointer}.cancel-btn[data-v-554d7270]:hover,.check-btn.active[data-v-554d7270]:hover{background-color:var(--button-point-color);color:var(--white)}.gray-fill-box[data-v-6c4a52e0]{width:15.1vw;min-width:193px}.menu-box[data-v-6c4a52e0]{position:relative}.gray-fill-box .top-box[data-v-6c4a52e0]{padding:var(--padding010);justify-content:flex-start}.gray-fill-box .top-box .title[data-v-6c4a52e0]{margin-left:clamp(10px,.8vw,.8vw)}.home-btn[data-v-6c4a52e0]{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-6c4a52e0]:hover{background-color:var(--white)}.home-btn svg path[data-v-6c4a52e0]{transition:.3s}.home-btn:hover svg path[data-v-6c4a52e0]{fill:var(--gray-700)}.masking-setting[data-v-6c4a52e0]{width:100%;height:100%}.init-btn[data-v-6c4a52e0]{width:100%;height:var(--height45);background-color:var(--active-background5);color:#fff;transition:.3s;font-size:var(--font16)}.init-btn[data-v-6c4a52e0]:hover{color:var(--white);background-color:var(--button-point-color)}.bottom-box[data-v-6c4a52e0]{height:calc(100% - clamp(43px, 6vh, 6vh));display:flex;flex-wrap:wrap;align-content:space-between}.bottom-box h2[data-v-6c4a52e0]{color:#fff;font-size:var(--font16)}.masking-condition[data-v-6c4a52e0]{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-6c4a52e0]{display:flex;justify-content:center;align-items:center;font-size:var(--font16)}.masking-condition .no-access-btn[data-v-6c4a52e0]{cursor:wait!important}.masking-condition .no-access-btn[data-v-6c4a52e0],.masking-condition .no-access-btn[data-v-6c4a52e0]:hover{background-color:var(--gray-700)!important;color:var(--gray-200)!important}.top-box-header[data-v-6c4a52e0]{display:flex;align-items:center}.top-box-header h2[data-v-6c4a52e0]{color:#fff;font-size:var(--font16);font-weight:600}.icon-box[data-v-6c4a52e0]{display:flex;align-items:center;margin-right:var(--margin-r10)}.icon-box svg[data-v-6c4a52e0]{width:1.3vw;min-width:14px}.option .top-box[data-v-6c4a52e0]{justify-content:space-between;cursor:pointer}.option-box[data-v-6c4a52e0]{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-6c4a52e0]{height:calc(100% - var(--height45)*2 - clamp(6px, .9vh, .9vh)*4);position:relative}.option-box.default[data-v-6c4a52e0]{background:var(--complete-background)}.option-box.default .top-box-header svg path[data-v-6c4a52e0]{fill:var(--svg-path)}.option-box.default .top-box-header h2[data-v-6c4a52e0]{color:var(--svg-path)}.option-box .top-box[data-v-6c4a52e0]{height:var(--height45);border-bottom:1px solid var(--border-color8);position:relative}.option-box.default .top-box[data-v-6c4a52e0]{border-bottom:0}.click-top[data-v-6c4a52e0]{width:100%;height:100%;position:absolute;top:0;left:0}.select-content[data-v-6c4a52e0]{display:flex;align-items:center;justify-content:flex-end;z-index:1}.select-content svg[data-v-6c4a52e0]{width:1.3vw;min-width:14px}.approve-btn[data-v-6c4a52e0]{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-6c4a52e0]{background-color:var(--blue-100);color:var(--white)}.approve-btn h2[data-v-6c4a52e0]{font-size:clamp(10px,1.2vmin,1.2vmin);font-weight:600;position:absolute;cursor:default;color:var(--background-color2)}.approve-on[data-v-6c4a52e0]{left:clamp(4.5px,.35vw,.35vw)}.approve-off[data-v-6c4a52e0]{right:clamp(4.5px,.35vw,.35vw)}.approve-btn.active h2[data-v-6c4a52e0]{color:#fff}.circle-btn[data-v-6c4a52e0]{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-6c4a52e0]{background-color:var(--white);left:calc(clamp(55px, 3.2vw, 3.2vw) - clamp(17px, 2.4vh, 2.4vh) - 2px)}.masking-header[data-v-6c4a52e0]{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-6c4a52e0]{color:var(--active-color2)!important;margin-left:clamp(3px,.25vw,.25vw)}.masking-time[data-v-6c4a52e0]{padding-bottom:clamp(10px,1.5vh,1.5vh)!important;border-bottom:1px dashed var(--border-color8);position:relative}.time-select[data-v-6c4a52e0]{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-6c4a52e0]{width:100%;height:var(--height45);position:relative}.combobox-wrap[data-v-6c4a52e0]{position:absolute;right:0;top:0;width:100%;z-index:10;background-color:var(--background-color);overflow:hidden}.combobox[data-v-6c4a52e0]{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-6c4a52e0]{border-color:var(--white);transition:.3s}.inactive .selected-item[data-v-6c4a52e0]{color:var(--gray-200)}.selected-item[data-v-6c4a52e0]{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-6c4a52e0]{font-size:var(--font16)}ul[data-v-6c4a52e0]{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-6c4a52e0]{cursor:pointer;height:var(--height40);box-sizing:border-box}li:hover h1[data-v-6c4a52e0]{background-color:var(--hover-background4);border-radius:var(--border-radius5);transition:.3s}li>h1[data-v-6c4a52e0]{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-6c4a52e0]{right:clamp(6px,.5vw,.5vw)}.masking-option-area[data-v-6c4a52e0]{width:100%}.object-box[data-v-6c4a52e0]{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-6c4a52e0]{height:3.7vh;min-height:27px}.object-box h3[data-v-6c4a52e0]{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-6c4a52e0]{transition:.3s}.object-wrap[data-v-6c4a52e0]{height:8.3vh;min-height:60px;display:flex}.object-wrap[data-v-6c4a52e0]:last-child{border-bottom:none}.active-item path[data-v-6c4a52e0]{fill:#fff}.active-item h3[data-v-6c4a52e0]{color:#fff}.object-option[data-v-6c4a52e0]{width:100%}.object-header[data-v-6c4a52e0]{height:4.6vh;min-height:33px;padding:var(--padding05);display:flex;align-items:center;justify-content:space-between}.object-show-area[data-v-6c4a52e0]{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-6c4a52e0]{align-items:center;justify-content:center}.blank-area h3[data-v-6c4a52e0]{font-size:var(--font16)}.object-area[data-v-6c4a52e0]{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-6c4a52e0]{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-6c4a52e0]: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-6c4a52e0]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.object-over[data-v-6c4a52e0]{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-6c4a52e0]{visibility:visible}.object-over svg[data-v-6c4a52e0]{width:1vw;min-width:12px;height:1vw;min-height:12px}.object-over svg:hover circle[data-v-6c4a52e0]{fill-opacity:1}.my-scroll[data-v-6c4a52e0]::-webkit-scrollbar{width:clamp(4.5px,.35vw,.35vw)!important;min-width:4px!important}.my-scroll[data-v-6c4a52e0]::-webkit-scrollbar-track{background-color:unset;border-radius:var(--border-radius5)}.my-scroll[data-v-6c4a52e0]::-webkit-scrollbar-thumb{border-radius:var(--border-radius10);background-clip:padding-box;border:1px solid transparent;background-color:var(--gray-100)}.masking-result[data-v-6c4a52e0]{width:100%;height:19.9vh;min-height:143px}.masking-error-area[data-v-6c4a52e0],.masking-percent[data-v-6c4a52e0]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.masking-percent h2[data-v-6c4a52e0]{color:#fff;font-size:var(--font25);font-weight:600}.masking-percent h3[data-v-6c4a52e0]{color:var(--gray-200);font-size:var(--font16);font-weight:400}.masking-complete[data-v-6c4a52e0],.masking-error[data-v-6c4a52e0]{width:100%;height:100%}.masking-complete[data-v-6c4a52e0]{padding:var(--padding10)}.text-area[data-v-6c4a52e0]{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-6c4a52e0]{line-height:clamp(16px,2.2vh,2.2vh);font-weight:400;color:#fff;font-size:var(--font16)}.masking-error-area svg[data-v-6c4a52e0]{margin-bottom:clamp(10px,1.4vh,1.4vh)}.masking-error-area h2[data-v-6c4a52e0]{line-height:clamp(16px,2.2vh,2.2vh);font-weight:400;color:#ff7575;font-size:var(--font16)}.masking-complete button[data-v-6c4a52e0]{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-6c4a52e0]{margin-right:clamp(3px,.25vw,.25vw)}.masking-complete button svg path[data-v-6c4a52e0]{transition:.3s}.masking-complete button:hover svg path[data-v-6c4a52e0]{fill:#fff}.download-btn[data-v-6c4a52e0]{position:relative;height:var(--height45)}.download-btn.default[data-v-6c4a52e0]{cursor:default}.download-btn.default[data-v-6c4a52e0]:hover{background-color:var(--active-color4)}.download-btn h3[data-v-6c4a52e0]{color:#fff;font-size:var(--font16);transition:.3s}.download-btn svg path[data-v-6c4a52e0]{fill:#fff;transition:.3s}.download-percent[data-v-6c4a52e0],.download-start[data-v-6c4a52e0]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.download-btn[data-v-6c4a52e0]{background-color:var(--active-color4);border:1px solid var(--active-color3)}.download-btn[data-v-6c4a52e0]:hover{background-color:var(--button-hover-text2)}.download-start:hover h3[data-v-6c4a52e0]{color:var(--button-hover-text3)}.download-start:hover svg path[data-v-6c4a52e0]{fill:var(--button-hover-text3)}.download-start svg[data-v-6c4a52e0]{width:1.3vw;min-width:14px}.masking-error[data-v-6c4a52e0]{cursor:default}.masking-error h3[data-v-6c4a52e0]{color:var(--red)}.masking-option-box[data-v-6c4a52e0]{padding:0 clamp(6px,.9vh,.9vh)}.masking-object[data-v-6c4a52e0]{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-3f2fd3b4]{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-3f2fd3b4]{padding:0 clamp(6px,.5vw,.5vw) 0 clamp(10px,.8vw,.8vw)}.gray-fill-box.right[data-v-3f2fd3b4]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));position:relative}.btn-box[data-v-3f2fd3b4]{width:28.1vw;min-width:360px;display:flex;justify-content:space-between}.btn-box button[data-v-3f2fd3b4]{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-3f2fd3b4],.btn-box button[data-v-3f2fd3b4]:hover{border-color:var(--white);background-color:var(--white);color:var(--gray-700)}.video-name-box[data-v-3f2fd3b4]{align-items:center;margin-right:clamp(19px,1.5vw,1.5vw)}.video-name-box>div[data-v-3f2fd3b4]{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-3f2fd3b4]{display:flex}.video-info-box[data-v-3f2fd3b4]{display:flex;align-items:center}.video-time-box[data-v-3f2fd3b4]{display:flex}.time-box[data-v-3f2fd3b4]{border:1px solid var(--border-color);border-radius:var(--border-radius5);display:flex;align-items:center;height:var(--height40)}.time-box[data-v-3f2fd3b4]:first-child{margin-right:var(--margin-r10)}.time-box>div[data-v-3f2fd3b4]{padding:0 clamp(10px,.8vw,.8vw);height:100%;display:flex;align-items:center;color:var(--white)}.time-box>div[data-v-3f2fd3b4]:first-child{border-right:1px solid var(--border-color)}.real-time-box[data-v-3f2fd3b4]{display:flex}.slash[data-v-3f2fd3b4]{margin:0 clamp(10px,.8vw,.8vw)}.player-box[data-v-3f2fd3b4]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));cursor:pointer;padding:var(--padding10)}.player-box>video[data-v-3f2fd3b4]{width:100%;height:100%}.summary-box[data-v-3f2fd3b4]{width:100%;height:calc(100% - clamp(43px, 6vh, 6vh));padding:var(--padding10)}.summary-box>video[data-v-3f2fd3b4]{width:100%;height:100%}a[data-v-46d966c6]{text-decoration:none}.menu-box[data-v-46d966c6]{width:15.1vw;min-width:193px}.gray-fill-box .top-box[data-v-46d966c6]{padding:var(--padding010);justify-content:flex-start}.back-btn[data-v-46d966c6]{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-46d966c6]:hover{background-color:var(--white)}.back-btn svg path[data-v-46d966c6]{transition:.3s}.back-btn:hover svg path[data-v-46d966c6]{fill:var(--gray-700)}.menu-list-box[data-v-46d966c6]{padding:var(--padding10)}.menu[data-v-46d966c6]{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-46d966c6]{font-size:var(--font16)}.menu svg[data-v-46d966c6]{width:1.6vmin;min-width:11px;height:1.6vmin;min-height:11px;margin-right:clamp(5px,.4vw,.4vw)}.user-icon[data-v-46d966c6]{width:1.8vmin!important;min-width:12px!important;height:1.8vmin!important;min-height:12px!important}.menu svg path[data-v-46d966c6]{transition:.3s}.menu.active[data-v-46d966c6],.menu[data-v-46d966c6]:hover{background-color:var(--gray-350);color:var(--white)}.menu.active svg path[data-v-46d966c6],.menu:hover svg path[data-v-46d966c6]{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-4c7b4610]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));color:var(--white)}.square-gray-box[data-v-4c7b4610]{background-color:var(--background-color6);width:100%;height:calc(100% - clamp(54px, 7.4vh, 7.4vh));cursor:default}.square-gray-box h3[data-v-4c7b4610]{font-size:var(--font18);width:calc(100% - 30px);padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blue-box[data-v-4c7b4610]{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-4c7b4610]{width:2vh;min-width:14px;margin-right:clamp(6px,.5vw,.5vw)}.blue-box[data-v-4c7b4610]:hover{background-color:var(--button-point-color)}.gray-fill-box .top-box[data-v-4c7b4610]{padding:var(--padding010)}.delete-btn[data-v-4c7b4610]{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-4c7b4610]{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-4c7b4610]{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-4c7b4610]::-moz-placeholder{color:var(--border-color)}.gray-box.search input[data-v-4c7b4610]::placeholder{color:var(--border-color)}.search svg[data-v-4c7b4610]{width:1.3vw;min-width:14px}.btn-box[data-v-4c7b4610]{display:flex;justify-content:space-between}.btn-box .combobox[data-v-4c7b4610]{position:relative;width:5.7vw;min-width:73px;margin-right:clamp(6px,.5vw,.5vw)}.bottom-box[data-v-4c7b4610]{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-4c7b4610]{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-4c7b4610]{border-right:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;font-size:var(--font18)}.header-box>div[data-v-4c7b4610]:last-child{border-right:none}.user-box[data-v-4c7b4610]{border-bottom:1px solid var(--border-color2);align-items:center;height:calc((100% - clamp(36px, 5.1vh, 5.1vh))/13);position:relative;cursor:pointer}.user-box>div[data-v-4c7b4610],.user-box[data-v-4c7b4610]{display:flex;justify-content:center}.user-box svg[data-v-4c7b4610]{position:absolute;left:clamp(10px,.8vw,.8vw);z-index:1;width:3.25vh;min-width:23px;height:3.25vh;min-height:23px}.user-box svg path[data-v-4c7b4610]{transition:.3s}.user-box svg:hover path[data-v-4c7b4610]{fill:var(--white)}.user-box.active[data-v-4c7b4610]{background-color:var(--active-background6)}.click-user[data-v-4c7b4610]{width:100%;height:100%;position:absolute;top:0;left:0}.icon-area[data-v-4c7b4610]{display:flex;align-items:center;justify-content:center}.page-area[data-v-4c7b4610]{position:relative;height:7.4vh;min-height:53px;width:100%}.empty-msg[data-v-4c7b4610]{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-8147de1e]{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-8147de1e]{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-8147de1e]{font-size:var(--font22);margin-bottom:4.6vh;font-weight:700;color:#fff}.join-input-wrap[data-v-8147de1e]{width:18.8vw;min-width:240px;margin:auto}.join-input-box[data-v-8147de1e]{display:flex;flex-wrap:wrap;margin-bottom:var(--height35)}.input-wrap[data-v-8147de1e]{position:relative;display:flex;align-items:center;width:100%;height:7.9vh;min-height:57px;padding-bottom:var(--height35)}.gray-box[data-v-8147de1e]{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-8147de1e]::-moz-placeholder{color:var(--gray-100)}.gray-box[data-v-8147de1e]::placeholder{color:var(--gray-100)}.gray-box[data-v-8147de1e]:focus{border:1px solid #fff;transition:.3s}.blue-box[data-v-8147de1e]{width:18.8vw;min-width:240px;height:4.6vh;min-height:33px;font-size:var(--font15)}.close-btn[data-v-8147de1e]{position:absolute;top:1.8vh;right:clamp(12px,1vw,1vw);width:1.3vw;min-width:16px}.gray-fill-box[data-v-f6e89926]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));color:var(--white)}.square-gray-box[data-v-f6e89926]{background-color:var(--background-color6);width:100%;height:calc(100% - clamp(54px, 7.4vh, 7.4vh));cursor:default}.square-gray-box h3[data-v-f6e89926]{font-size:var(--font18)}.blue-box[data-v-f6e89926]{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-f6e89926]{width:2.3vh;min-width:16px;margin-right:clamp(6px,.5vw,.5vw)}.blue-box[data-v-f6e89926]:hover{background-color:var(--button-point-color)}.gray-fill-box .top-box[data-v-f6e89926]{padding:var(--padding010)}.delete-btn[data-v-f6e89926]{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-f6e89926]{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-f6e89926]{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-f6e89926]::-moz-placeholder{color:var(--border-color)}.gray-box.search input[data-v-f6e89926]::placeholder{color:var(--border-color)}.search svg[data-v-f6e89926]{width:1.3vw;min-width:14px}.btn-box[data-v-f6e89926]{display:flex;justify-content:space-between}.btn-box .combobox[data-v-f6e89926]{position:relative;width:6.75vw;min-width:90px;margin-right:clamp(6px,.5vw,.5vw)}.bottom-box[data-v-f6e89926]{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-f6e89926]{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-f6e89926]{border-right:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;font-size:var(--font18)}.header-box>div[data-v-f6e89926]:last-child{border-right:none}.vms-box[data-v-f6e89926]{border-bottom:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;height:var(--height60);position:relative;cursor:pointer}.vms-box svg[data-v-f6e89926]{position:absolute;left:clamp(10px,.8vw,.8vw)}.vms-box svg path[data-v-f6e89926]{transition:.3s}.vms-box svg:hover path[data-v-f6e89926]{fill:var(--white)}.vms-box.active[data-v-f6e89926]{background-color:var(--active-background6)}.empty-msg[data-v-f6e89926]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font16);color:var(--gray-100)}.page-area[data-v-f6e89926]{position:relative;height:7.4vh;min-height:53px;width:100%}.spinner-area[data-v-f6e89926]{width:2.8vh;min-width:20px;height:2.8vh;min-height:20px;margin:auto}.spinner[data-v-f6e89926]{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-f6e89926 1s ease-in-out infinite}@keyframes spin-f6e89926{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-e4b05206]{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-e4b05206]{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-e4b05206]{position:absolute;right:clamp(6px,.5vw,.5vw);width:1.3vw;min-width:16px}.header-area[data-v-e4b05206]{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-e4b05206]{margin-left:clamp(12px,1vw,1vw);font-size:var(--font15);color:#fff;font-weight:600}.setting-area[data-v-e4b05206]{padding:0 clamp(12px,1vw,1vw) 1.8vh clamp(14px,1.3vw,1.3vw)}.setting-area h1[data-v-e4b05206]{text-align:left;font-size:var(--font18);color:#fff;font-weight:600}.setting-box[data-v-e4b05206]{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-e4b05206]{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-e4b05206],.setting-list h3[data-v-e4b05206]{font-size:var(--font16)}.addition-list[data-v-e4b05206]{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-e4b05206]{border:1px solid var(--border-color2);border-radius:var(--border-radius5)}.input-box-no-border[data-v-e4b05206],.input-box[data-v-e4b05206]{width:72%;height:var(--height40);position:relative}.gray-box[data-v-e4b05206]{width:72%;height:var(--height40);text-align:left;padding:var(--padding10);color:#fff}.addition-list .input-box[data-v-e4b05206]{width:5.2vw;min-width:66px}.input-box input[data-v-e4b05206]{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-e4b05206]{font-size:var(--font16)}.direct-input.readonly[data-v-e4b05206]{background-color:var(--gray-500);cursor:not-allowed}.direct-input[data-v-e4b05206]::-moz-placeholder,.setting-textarea[data-v-e4b05206]::-moz-placeholder{color:var(--inactive-text)}.direct-input[data-v-e4b05206]::placeholder,.setting-textarea[data-v-e4b05206]::placeholder{color:var(--inactive-text)}.setting-textarea[data-v-e4b05206]{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-e4b05206]{width:100%}.vms-set .input-box[data-v-e4b05206]{width:29.5vw;min-width:377px;border:none}.vms-date[data-v-e4b05206]{border:none}.vms-date input[data-v-e4b05206]{cursor:default}.gray-fill-btn[data-v-e4b05206]{width:var(--width90);height:var(--height35);margin-top:1.8vh;margin-bottom:.2vh;color:var(--popup-button-text)}.gray-fill-box[data-v-5a2e57ce]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));color:var(--white)}.square-gray-box[data-v-5a2e57ce]{background-color:var(--background-color6);width:100%;height:calc(100% - clamp(54px, 7.4vh, 7.4vh));cursor:default}.square-gray-box h3[data-v-5a2e57ce]{font-size:var(--font18);white-space:nowrap}.gray-fill-box .top-box[data-v-5a2e57ce]{padding:0 clamp(6px,.5vw,.5vw) 0 clamp(12px,1vw,1vw)}.delete-btn[data-v-5a2e57ce]{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-5a2e57ce]{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-5a2e57ce]{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-5a2e57ce]::-moz-placeholder{color:var(--border-color)}.gray-box.search input[data-v-5a2e57ce]::placeholder{color:var(--border-color)}.search svg[data-v-5a2e57ce]{width:1.3vw;min-width:14px}.btn-box[data-v-5a2e57ce]{display:flex;justify-content:space-between}.btn-box .combobox[data-v-5a2e57ce]{position:relative;width:6.75vw;min-width:90px;margin-right:clamp(6px,.5vw,.5vw)}.bottom-box[data-v-5a2e57ce]{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-5a2e57ce]{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-5a2e57ce]{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-5a2e57ce]:last-child{border-right:none}.header-box svg[data-v-5a2e57ce]{cursor:pointer;width:1.5vw;min-width:19px}.sort svg path[data-v-5a2e57ce]{transition:.3s;fill:var(--button-point-color)}.video-box[data-v-5a2e57ce]{border-bottom:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;height:calc((100% - clamp(36px, 5.1vh, 5.1vh))/13);position:relative;cursor:pointer}.video-box>div[data-v-5a2e57ce]{padding:0 clamp(10px,.8vw,.8vw);text-align:left;display:flex;align-items:center}.video-box svg[data-v-5a2e57ce]{margin-right:clamp(10px,.8vw,.8vw);z-index:1;width:3.25vh;min-width:23px;height:3.25vh;min-height:23px}.video-box svg path[data-v-5a2e57ce]{transition:.3s}.video-box svg:hover path[data-v-5a2e57ce]{fill:var(--white)}.video-box.active[data-v-5a2e57ce]{background-color:var(--active-background6)}.approve-btn-box[data-v-5a2e57ce]{display:flex}.approve-btn-box h3[data-v-5a2e57ce]{font-size:var(--font18);font-weight:500}.approve-btn[data-v-5a2e57ce]{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-5a2e57ce]{background-color:var(--blue-100);color:var(--white)}.approve-btn h2[data-v-5a2e57ce]{font-size:clamp(10px,1.2vmin,1.2vmin);font-weight:600;position:absolute;cursor:default}.approve-on[data-v-5a2e57ce]{left:clamp(4.5px,.35vw,.35vw)}.approve-off[data-v-5a2e57ce]{right:clamp(4.5px,.35vw,.35vw)}.circle-btn[data-v-5a2e57ce]{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-5a2e57ce]{background-color:var(--white);left:calc(clamp(55px, 3.2vw, 3.2vw) - clamp(17px, 2.4vh, 2.4vh) - 2px)}.dark-btn[data-v-5a2e57ce]{height:var(--height40);font-size:var(--font16);background-color:var(--gray-400);cursor:not-allowed;padding:0 clamp(14px,1.3vw,1.3vw);margin-right:clamp(6px,.5vw,.5vw);border-color:var(--svg-path2);color:var(--svg-path2)}.active[data-v-5a2e57ce]{cursor:pointer}.page-area[data-v-5a2e57ce]{position:relative;height:7.4vh;min-height:53px;width:100%}.click-video[data-v-5a2e57ce]{width:100%;height:100%;position:absolute;top:0;left:0}.content-area-title h3[data-v-5a2e57ce]{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-5a2e57ce]{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-5a2e57ce]{margin-left:clamp(12px,1vw,1vw);margin-right:clamp(6px,.5vw,.5vw);color:#fff;font-size:var(--font18)}.page-count-area h4[data-v-5a2e57ce]{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-5a2e57ce]{width:6vw;min-width:105px;height:3.7vh;min-height:26px;position:relative}.drop-box-show[data-v-5a2e57ce]{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-5a2e57ce]{height:3.7vh;min-height:26px;border-color:var(--border-color)}.select-area[data-v-5a2e57ce]{display:flex;flex-direction:column-reverse;align-items:center;height:12.5vh;transition:.3s}.close .select-area[data-v-5a2e57ce]{height:0}.select-box[data-v-5a2e57ce],.selected-box[data-v-5a2e57ce]{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-5a2e57ce]{margin-left:calc(clamp(3px, .25vw, .25vw) + clamp(3px, .5vh, .5vh));font-size:var(--font15);color:#fff}.select-box h3[data-v-5a2e57ce]{margin-left:clamp(3px,.25vw,.25vw);font-size:var(--font15)}.selected-box[data-v-5a2e57ce]{width:100%;height:3.7vh;min-height:26px;position:relative}.select-box[data-v-5a2e57ce]{width:calc(100% - clamp(7px, 1vh, 1vh));height:var(--height35);margin:clamp(4px,.5vh,.5vh) auto}.select-box[data-v-5a2e57ce]:hover{background-color:var(--blue-100)}.selected-box svg[data-v-5a2e57ce]{position:absolute;right:clamp(6px,.5vw,.5vw);width:.6vw;min-width:7px;transform:rotate(180deg)}.selected-box svg path[data-v-5a2e57ce]{fill:#fff}.drop-box-show.close .selected-box svg[data-v-5a2e57ce]{transform:rotate(0deg)}.drop-box-show.close .selected-box svg path[data-v-5a2e57ce]{fill:var(--border-color)}.auto-date[data-v-5a2e57ce]{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-5a2e57ce]{transition:.3s}.auto-date[data-v-5a2e57ce]:hover{background-color:#fff;border-color:#fff}.auto-date:hover svg path[data-v-5a2e57ce]{fill:var(--gray-700)}.auto-date:hover .auto-date-text[data-v-5a2e57ce]{visibility:visible}.click-auto[data-v-5a2e57ce]{width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center}.click-auto svg[data-v-5a2e57ce]{width:1.3vw;min-width:16px}.auto-date-text[data-v-5a2e57ce]{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-5a2e57ce]{color:var(--gray-700);font-size:var(--font16);font-weight:400;white-space:nowrap}.auto-date-bar[data-v-5a2e57ce]{height:1.4vh;min-height:10px;width:1px;background-color:var(--gray-200);margin:0 clamp(6px,.5vw,.5vw)}.empty-msg[data-v-5a2e57ce]{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-2c2c5fb8]{width:calc(100% - clamp(200px, 15.6vw, 15.6vw));color:var(--white)}.square-gray-box[data-v-2c2c5fb8]{background-color:var(--background-color6);width:100%;height:calc(100% - clamp(54px, 7.4vh, 7.4vh));cursor:default}.square-gray-box h3[data-v-2c2c5fb8]{font-size:var(--font18)}.gray-fill-box .top-box[data-v-2c2c5fb8]{padding:var(--padding010);justify-content:flex-end}.delete-btn[data-v-2c2c5fb8]{width:5.7vw;min-width:73px;height:var(--height40);background-color:var(--gray-400);font-size:var(--font16)}.gray-box.search[data-v-2c2c5fb8]{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-2c2c5fb8]{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-2c2c5fb8]::-moz-placeholder{color:var(--border-color)}.gray-box.search input[data-v-2c2c5fb8]::placeholder{color:var(--border-color)}.search svg[data-v-2c2c5fb8]{width:1.3vw;min-width:14px}.btn-box[data-v-2c2c5fb8]{display:flex;justify-content:space-between}.btn-box .combobox[data-v-2c2c5fb8]{position:relative;width:5.7vw;min-width:73px;margin-right:var(--margin-r10)}.bottom-box[data-v-2c2c5fb8]{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-2c2c5fb8]{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-2c2c5fb8]{border-right:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;font-size:var(--font18)}.header-box>div[data-v-2c2c5fb8]:last-child{border-right:none}.user-box[data-v-2c2c5fb8]{border-bottom:1px solid var(--border-color2);display:flex;justify-content:center;align-items:center;height:calc((100% - clamp(36px, 5.1vh, 5.1vh))/13);position:relative}.log-contents-info h3[data-v-2c2c5fb8]{width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-area[data-v-2c2c5fb8]{position:relative;height:7.4vh;min-height:53px;width:100%}.empty-msg[data-v-2c2c5fb8]{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}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;box-sizing:border-box}input{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}:focus{outline:0}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-background-clip:text;-webkit-text-fill-color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:local("Pretendard Variable"),url(/fonts/PretendardVariable.645e3f91.woff2) format("woff2-variations")}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Thin.d72daf8c.woff) format("woff");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-ExtraLight.d3df24ce.woff) format("woff");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Light.1978fa0a.woff) format("woff");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.4e0fc985.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.36c0da1d.woff) format("woff");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-SemiBold.9b3b0548.woff) format("woff");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.caa27e3d.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-ExtraBold.06ea4fe1.woff) format("woff");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Black.192eee4a.woff) format("woff");font-weight:900;font-display:swap}a,b,button,h1,h2,h3,h4,h5,h6,i,input,li,p,textarea,u,ul{font-family:Pretendard!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;font:inherit;line-height:clamp(20px,2.8vh,2.8vh)}:root{--gray-900:#1a1d20;--gray-800:#1f2022;--gray-700:#25272a;--gray-600:#2d2f32;--gray-500:#313337;--gray-400:#393a3f;--gray-350:#52535e;--gray-300:#575d64;--gray-200:#90959e;--gray-100:#a8afba;--blue-300:#223650;--blue-200:#2e7fdd;--blue-100:#2e8eff;--red:#ff4e4e;--white:#fff;--box-shadow:rgba(0,0,0,.3);--popover-background:rgba(31,32,34,.7);--border-color:#90959e;--border-color2:#575d64;--border-color3:#2e8eff;--border-color4:#393a3f;--border-color5:#52535e;--border-color6:#737484;--border-color7:#666775;--border-color8:#393a3f;--border-color9:#a8afba;--border-color10:#90959e;--border-color11:#575d64;--border-color12:#737484;--inactive-text:#90959e;--inactive-text2:#575d64;--inactive-text3:#25272a;--inactive-text4:#a8afba;--inactive-text5:#575d64;--inactive-box-background:#52535d;--active-text:#fff;--button-hover-text:#25272a;--button-hover-text2:#fff;--button-hover-text3:#25272a;--svg-path:#a8afba;--svg-path2:#575d64;--svg-path3:#a8afba;--svg-path4:#2d2f32;--hover-background:#2e2f32;--hover-background2:#223650;--hover-background3:#2e8eff;--hover-background4:#737484;--hover-background5:#2e8eff;--hover-background6:#2e2f32;--button-point-color:#2e8eff;--button-point-color2:#90959e;--button-point-color3:#393a3f;--button-point-color4:#2e7fdd;--header-background:#393a3f;--inactive-background:#575d64;--active-background:#223650;--active-background2:#2a76d0;--active-background3:#52535e;--active-background4:#223650;--active-background5:#2a76d0;--active-background6:#2e3f5b;--active-background7:#2a76d0;--percentage-background:#393a3f;--complete-background:#2d2f32;--background-color:#52535e;--background-color2:#52535e;--background-color3:#737484;--background-color4:#393a3f;--background-color5:#25272a;--background-color6:#3e3f46;--background-color7:#25272a;--background-color8:#25272a;--background-color9:#393a3f;--popup-background:#27292b;--popup-button-text:#90959e;--active-color:#70b2ff;--active-color2:#70b2ff;--active-color3:#fff;--active-color4:transparent;--active-color5:#2e7fdd;--text-color:#a8afba;--box-shadow-total:0px clamp(12px,1vw,1vw) clamp(4px,0.6vh,0.6vh) calc(clamp(6px, 0.5vw, 0.5vw)*-1) rgba(0,0,0,.45)}[data-theme=military]{--gray-900:#151e16;--gray-800:#1f2022;--gray-700:#1f2920;--gray-600:#283229;--gray-500:#3b463e;--gray-400:#3b463e;--gray-350:#4b7554;--gray-300:#aba198;--gray-200:#90959e;--gray-100:#aba198;--blue-300:#223650;--blue-200:#295834;--blue-100:#4b7554;--red:#ff5f5f;--white:#fff;--box-shadow:rgba(0,0,0,.3);--popover-background:rgba(16,22,16,.6);--border-color:#aba198;--border-color2:#68786d;--border-color3:#7bc88c;--border-color4:#4a574e;--border-color5:#68786d;--border-color6:#4a574e;--border-color7:#68786d;--border-color8:#68786d;--border-color9:#68786d;--border-color10:#68786d;--border-color11:#535046;--border-color12:#68786d;--inactive-text:#738177;--inactive-text2:#4b4944;--inactive-text3:#4b4944;--inactive-text4:#4b4944;--inactive-text5:#3b463e;--inactive-box-background:#4a574e;--active-text:#fff;--button-hover-text:#4b7554;--button-hover-text2:#4b7554;--button-hover-text3:#fff;--svg-path:#738177;--svg-path2:#738177;--svg-path3:#4b7554;--svg-path4:#738177;--hover-background:#3b463e;--hover-background2:#3b463e;--hover-background3:#4b7554;--hover-background4:#738177;--hover-background5:#fff;--hover-background6:#68786d;--button-point-color:#7bc88c;--button-point-color2:#7bc88c;--button-point-color3:#295834;--button-point-color4:#4b7554;--header-background:#738177;--inactive-background:#393731;--active-background:#3b463e;--active-background2:#295834;--active-background3:#3b463e;--active-background4:#3b463e;--active-background5:#4b7554;--active-background6:#738177;--active-background7:#4b7554;--percentage-background:#3b463e;--complete-background:#283229;--background-color:#4a574e;--background-color2:#738177;--background-color3:#3b463e;--background-color4:#283229;--background-color5:#3b463e;--background-color6:#4a574e;--background-color7:#283229;--background-color8:#4a574e;--background-color9:#1f2920;--popup-background:#283229;--popup-button-text:#fff;--active-color:#7bc88c;--active-color2:#fff;--active-color3:#3b463e;--active-color4:#3b463e;--active-color5:#7bc88c;--text-color:#a7c3af;--box-shadow-total:0px clamp(12px,1vw,1vw) clamp(4px,0.6vh,0.6vh) calc(clamp(6px, 0.5vw, 0.5vw)*-1) rgba(0,0,0,.45)}.vc-blue{--vc-accent-50:#eff6ff;--vc-accent-100:var(--active-color)!important;--vc-accent-200:var(--active-color)!important;--vc-accent-300:var(--blue-100)!important;--vc-accent-400:var(--blue-100)!important;--vc-accent-500:var(--blue-100)!important;--vc-accent-600:var(--blue-200)!important;--vc-accent-700:var(--blue-200)!important;--vc-accent-800:var(--blue-300)!important;--vc-accent-900:var(--blue-300)!important}:root{--font12:12px;--font13:13px;--font14:14px;--font15:15px;--font16:16px;--font17:17px;--font18:18px;--font20:20px;--font22:22px;--font25:25px;--font30:30px;--margin05:0 clamp(3px,0.25vw,0.25vw);--margin5:clamp(4px,0.5vh,0.5vh) clamp(3px,0.25vw,0.25vw);--margin-r10:clamp(6px,0.5vw,0.5vw);--padding05:0 clamp(3px,0.25vw,0.25vw);--padding010:0 clamp(6px,0.5vw,0.5vw);--padding10:clamp(6px,0.9vh,0.9vh) clamp(6px,0.5vw,0.5vw);--border-radius5:clamp(3px,0.25vw,0.25vw);--border-radius-5:clamp(6px,0.9vmin,0.9vmin);--border-radius10:clamp(6px,0.9vmin,0.9vmin);--margin015:0 clamp(10px,0.8vw,0.8vw);--height35:clamp(23px,3.25vh,3.25vh);--height40:clamp(26px,3.7vh,3.7vh);--height45:clamp(30px,4.2vh,4.2vh);--height60:clamp(39px,5.5vh,5.5vh);--height65:clamp(43px,6vh,6vh);--width90:clamp(60px,4.7vw,4.7vw)}#app{width:100vw;min-width:1280px;height:100vh;min-height:720px}#app,.router-view{background-color:var(--gray-700)}.router-view{width:100%;height:100%}.military .router-view{background-image:url(/img/bg_m.028e4053.svg)}h1.title{font-size:var(--font18)}h1.title,h2.subtitle{font-weight:600;color:var(--white);text-align:left}h2.subtitle{font-size:var(--font16)}h3.info{font-size:var(--font14);font-weight:400;color:var(--gray-200);text-align:left}.blue-box{background-color:var(--blue-200);color:#fff;border:none;border-radius:var(--border-radius5);cursor:pointer}.blue-box:hover{background-color:var(--blue-100);transition:.3s}.gray-box{border:1px solid var(--border-color2);border-radius:var(--border-radius5)}.gray-box,.square-gray-box{background-color:var(--gray-700);cursor:pointer}.square-gray-box{border:1px solid var(--border-color2)}.gray-fill-btn{border:none;background-color:var(--gray-400);color:var(--gray-200);border-radius:var(--border-radius5);cursor:pointer;transition:.3s;font-size:var(--font16)}.dark-btn{border:1px solid var(--border-color2);border-radius:var(--border-radius5);background-color:var(--gray-700);color:var(--gray-300);transition:.3s}.dark-btn.active{border-color:var(--blue-100);color:var(--blue-100);cursor:pointer}.dark-fill-btn{border:none;color:var(--gray-200);border-radius:var(--border-radius5);cursor:pointer;font-size:var(--font14)}.dark-fill-btn,.delete-btn{background-color:var(--gray-700);transition:.3s}.delete-btn{border:1px solid var(--gray-300);border-radius:var(--border-radius5);color:var(--gray-300);cursor:not-allowed}.delete-btn.active{border-color:var(--red);color:var(--red);cursor:pointer}.delete-btn.active:hover{color:var(--white);background-color:var(--red)}.white-btn{border:1px solid var(--white);border-radius:var(--border-radius5);color:var(--white);background-color:transparent;cursor:pointer;transition:.3s}.white-btn:hover{background-color:var(--white);color:var(--gray-700)}.dark-btn.active:hover,.dark-fill-btn:hover,.gray-fill-btn:hover{background-color:var(--blue-100);color:var(--white)}.gray-fill-box{background-color:var(--gray-400);color:var(--gray-100);border:none;border-radius:var(--border-radius5)}.gray-fill-box .top-box{height:var(--height65);border-bottom:2px solid var(--gray-700);padding:0 clamp(12px,1vw,1vw);display:flex;align-items:center;justify-content:space-between}.my-scroll::-webkit-scrollbar{width:.5vw;min-width:6px}.my-scroll::-webkit-scrollbar-track{background-color:unset;border-radius:var(--border-radius10)}.my-scroll::-webkit-scrollbar-thumb{border-radius:var(--border-radius10);background-clip:padding-box;border:.3vmin solid transparent;background-color:var(--gray-300)}.arrow-img{width:.6vw;min-width:7px;position:absolute;content:url(/img/arrow.44dd3b91.svg)}.combobox.active .arrow-img{content:url(/img/arrow_active.41d6abe7.svg)}.military .arrow-img{content:url(/img/arrow_m.a7f09c8b.svg)}.close-btn{cursor:pointer}.popover-wrap{z-index:999;display:flex;justify-content:center;align-items:center;width:100vw;min-width:1280px;height:100vh;min-height:720px;position:absolute;top:0;left:0;background-color:var(--popover-background)}.popover-white{border:1px solid var(--white);border-radius:var(--border-radius5)}.popover-gray,.popover-white{background-color:var(--gray-700)}.popover-gray{border:1px solid var(--border-color2);box-shadow:0 clamp(2.5px,.2vw,.2vw) clamp(4px,.6vh,.6vh) 0 var(--box-shadow)}.popover-header{width:100%;height:var(--height45);background-color:var(--gray-900);border-bottom:1px solid var(--border-color2);color:var(--white);display:flex;justify-content:space-between}.align-bt{display:flex;flex-wrap:wrap;align-content:space-between}@media screen and (min-width:2560px){:root{--font12:14px;--font13:15px;--font14:16px;--font15:17px;--font16:18px;--font17:19px;--font18:20px;--font20:22px;--font22:24px;--font30:32px}}@media screen and (max-width:2559px) and (min-width:1920px){:root{--font12:12px;--font13:13px;--font14:14px;--font15:15px;--font16:16px;--font17:17px;--font18:18px;--font20:20px;--font22:22px;--font30:30px}}@media screen and (max-width:1919px) and (min-width:1280px){:root{--font12:10px;--font13:11px;--font14:12px;--font15:13px;--font16:14px;--font17:15px;--font18:16px;--font20:18px;--font22:20px;--font30:28px}}@media screen and (max-width:1280px){:root{--font12:8px;--font13:9px;--font14:10px;--font15:11px;--font16:12px;--font17:13px;--font18:14px;--font20:16px;--font22:18px;--font30:26px}}