header{background-color:#0c091f;color:#fff;display:flex;height:80px;padding:0 25px}.h-title{flex-grow:1;line-height:80px}.h-title h2{font-size:2.2rem;margin-right:15px}.h-title span{color:#d9d9d9;font-size:1.2rem}.h-user{display:flex;flex-direction:column;font-size:1.6rem;justify-content:center;width:210px}.h-user h4{display:block}.h-user span{color:#d9d9d9;font-size:1.2rem}.h-logout{filter:invert(100%) sepia(0) saturate(7500%) hue-rotate(265deg) brightness(102%) contrast(101%);height:40px;margin:20px 0;width:35px}@media (max-height:1200px){header{height:60px}.h-title{line-height:60px}.h-title h2{font-size:2rem}.h-logout{height:30px;margin:15px 0}}.statusbar{background-color:#1a1d20;height:45px;line-height:45px;width:100%}.statusbar-title{background-color:var(--concept-color);color:#fff;text-align:center;width:140px}.menubar{background-color:#484b54;height:100%;width:70px}.menubar #active{background-color:#fff}.menubar #active img{filter:invert(9%) sepia(84%) saturate(5279%) hue-rotate(241deg) brightness(81%) contrast(88%)}.menubar-items li{padding:20px 0;text-align:center}.menubar-items li img{filter:invert(100%) sepia(0) saturate(7494%) hue-rotate(84deg) brightness(108%) contrast(100%);height:35px;width:35px}.d-block{display:block}.d-none{display:none}.device-list-ctn{display:flex;flex-direction:column;flex-grow:1}.device-list-ctn ul{height:100%;overflow-y:scroll}.device-list-ctn ul::-webkit-scrollbar-track{border-left:1px solid #383b431f}.d-li{flex-grow:0;height:40px;overflow-y:hidden}.d-li-act{animation:openlist .5s ease-in-out;flex-grow:1}@keyframes openlist{0%{flex-grow:0}to{flex-grow:1}}.off-device{background-color:#c9c9c98f;color:#353535}.team-act{background-color:var(--concept-color)}.team-name{background-color:#3d434c;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;font-weight:600;height:40px;justify-content:space-between;line-height:40px;padding:0 15px;width:100%}.team-name img{filter:invert(100%) sepia(95%) saturate(18%) hue-rotate(316deg) brightness(104%) contrast(106%);height:40px;width:40px}.d-item{border-bottom:.8px solid #383b431f;display:flex;height:40px;justify-content:space-between;line-height:40px;padding-left:15px}.d-item span:first-child{display:inline-block;width:120px}.off-device-none{width:60px}.phone-call-btn{background-color:var(--green);color:#fff;padding:5px 0;text-align:center;width:60px}.other-phone-call-btn{background-color:#6b6b6b;height:40px;padding:5px 15px;width:60px}.hangup-phone-btn{background-color:var(--red);padding:5px 15px}.hangup-phone-btn img,.phone-call-btn img{filter:invert(100%) sepia(1%) saturate(955%) hue-rotate(134deg) brightness(124%) contrast(95%)}.hangup-phone-btn img{transform:rotate(116deg)}.video-section{flex:1 1;height:100%;position:relative}@media (max-width:1366px){.video-section{overflow-y:scroll}.video-section::-webkit-scrollbar-thumb{background-color:var(--grey)}.v-top-section{height:100%!important}}.v-top-section{display:flex;height:75%;width:100%}#opt-section{background-color:var(--grey);height:100%;width:400px}.close_opt{animation:close-optSection-w .7s ease-in-out forwards;width:160px}.open_opt{animation:open-optSection-w .5s ease-in-out forwards;width:380px}@keyframes open-optSection-w{0%{width:160px}to{width:380px}}@keyframes close-optSection-w{0%{width:380px}to{width:160px}}@media (max-width:1366px){.v-top-section{display:flex;height:calc(100% - 200px);width:100%}}.map-section{grid-column:4/5;grid-row:1/3}.list-area{color:#1e1f23;height:100%;position:relative}#loading-screen{align-items:center;background:#fff6;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .5s ease-out;width:100%;z-index:9999}.spinner{animation:spin 1s linear infinite;border:5px solid #ddd;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.media-tag{border-bottom:3px solid var(--concept-color);height:40px;justify-content:end}.media-tag,.tag-i{align-items:center;display:flex}.tag-i{gap:8px;height:30px;margin-right:10px}.tag-i:last-child{color:var(--concept-color)}.tag-i [type=checkbox]{-webkit-appearance:none;appearance:none;background-clip:content-box;border:1px solid gray;box-sizing:border-box;cursor:pointer;height:1.5em;padding:.25em;width:1.5em}.tag-i [type=checkbox]:checked{background-color:var(--concept-color);border-color:var(--concept-color)}.tag-i label{cursor:pointer}.tag-i #icon-reload{height:18px;width:18px}.media-list{height:calc(100% - 40px);overflow-x:hidden;overflow-y:scroll;padding:10px 10px 0}.media-list li{border-radius:10px;box-shadow:3px 3px 3px #8686868c;cursor:pointer;display:flex;margin-bottom:8px;padding:10px}.media-list li:hover{background-color:var(--blue);color:#fff}.media-list li img{width:100px}.media-list .media-info{margin-left:20px}.opt-tap{display:flex;justify-content:space-between}.opt-tap .tap-i{color:#1e1f23;font-size:1.8rem;height:50px;line-height:50px;width:100px}.tap-close-btn{filter:invert(96%) sepia(1%) saturate(39%) hue-rotate(314deg) brightness(95%) contrast(85%);height:50px;padding:0 10px;width:45px}.tap-act{background-color:#fff!important;color:var(--concept-color)!important;font-weight:600}.opt-container{background-color:#fff;height:calc(100% - 50px)}.map-area{height:calc(100% - 220px);width:500px}.map-marker{border-radius:5px;color:var(--concept-color);line-height:35px;text-align:center;width:150px}.act-marker{background-color:var(--concept-color)!important;color:#fff!important}.device-on-map{background-color:#eee;height:220px;width:100%}.device-on-tit{background-color:var(--concept-color);font-weight:600;line-height:50px;padding-left:20px}.device-on-tit span{color:#ddd;font-size:1.2rem}.device-on-d{display:flex;flex-wrap:wrap;height:calc(100% - 50px);overflow-x:hidden;overflow-y:scroll;padding:20px 15px}.device-on-d button{background-color:#fff;border:1px solid #6b6b6b;border-radius:5px;color:#000;height:30px;line-height:30px;margin:0 5px;width:130px}#main-video{color:#000;flex:2 1}.no-signal-txt{align-items:center;background-color:#1e1f23;color:#6b6b6b;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.no-signal-txt:before{content:"NO SIGNAL"}#main-video #v-i-0{height:calc(100% - 50px);position:relative;width:100%;z-index:10}#main-video .main-nameTag{align-items:center;background-color:#fff;border-radius:10px;display:flex;font-weight:600;height:35px;justify-content:center;left:15px;line-height:35px;padding:0 8px;position:absolute;text-align:center;top:15px;z-index:99}.video-options-bar{background-color:#1b1c1f;display:flex;height:50px}.capture-msg{color:#e8e8e8;overflow:hidden;width:calc(100% - 300px)}.dv-nm{background-color:var(--concept-color);display:inline-block;font-weight:600;height:100%;margin-right:20px;width:130px}.dv-nm,.msg{line-height:50px;text-align:center}.msg-slideup{animation:slide-up 5s ease-in-out forwards}@keyframes slide-up{0%{bottom:-50px}20%{bottom:0}80%{bottom:0}to{bottom:50px}}.options-btns{align-items:center;display:flex;height:100%;justify-content:end;width:300px}.options-btns button{border-radius:10px;color:#eee;font-weight:600;height:38px;margin-right:10px;width:80px}.options-btns button:disabled{background-color:#6b6b6b;color:#999}#sub-videos{display:flex;grid-column:1/5;height:25%;width:100%}.sub-video-item{border-left:.5px solid #3d434c;flex:1 1;line-height:300px;text-align:center}.onVideo,.sub-video-item{position:relative}.onVideo .nameTag{align-items:center;background-color:#fff;border-radius:10px;color:#1b1c1f;display:flex;font-size:1.4rem;font-weight:700;height:30px;justify-content:center;left:15px;padding:0 6px;position:absolute;top:10px;z-index:99}.main-nameTag .rec,.nameTag .rec{background-color:red;border-radius:25px;height:10px;margin-right:7px;width:10px}.capture-effect{border:2px solid red;box-shadow:0 0 15px #ff0000b3;opacity:.7;transition:opacity .5s ease-in-out,box-shadow .5s ease-in-out}.fade-out{opacity:0;pointer-events:none}.fade-out-effect{animation:fadeOut .5s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-background{background-color:#00000059;height:100%;position:fixed;width:100%}.default-modal{background-color:#383b43;border-radius:10px;box-shadow:0 4px 10px #353535;left:50%;padding:15px 25px;position:absolute;top:30%;transform:translate(-50%,-30%);width:610px}.white-modal{background-color:#fff}.modal-tit{font-size:1.8rem;line-height:40px}.modal-ctn{border:2px solid #6b6b6b;padding:20px 30px}.modal-ctn .m-input{height:60px}.modal-ctn .m-input label{display:inline-block;margin-right:15px;width:95px}.m-input select,.modal-ctn .m-input input{background-color:initial;color:#fff;height:30px;margin-bottom:5px;padding-left:15px;width:200px}.modal-ctn .m-input select{margin:0;width:219px}.m-input h5{margin-left:110px}.m-txt{color:var(--blue)}.m-txt,.modal-btn{text-align:center}.modal-btn button{border-radius:5px;font-weight:600;line-height:35px;margin:15px 15px 0;width:90px}#event-modal{background-color:#fff;color:#383b43;line-height:25px;text-align:center;width:500px}#event-modal .white-btn{border:1px solid #383b43}#popup-root{height:100vh;width:100%}.media-contents{margin:20px auto}#callAdmin{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:1000}#modal-callAdmin,#modal-callSOS{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:400px;padding:16px;pointer-events:auto;text-align:center}.modal-ctn{align-items:center;border:none;display:flex;flex-direction:column}.modal-ctn-icon{filter:invert(10%) sepia(92%) saturate(6113%) hue-rotate(0deg) brightness(114%) contrast(89%);margin-bottom:36px;width:60px}.modal-ctn-txt{margin-bottom:30px}.modal-ctn-txt div:first-child{font-size:1.8rem;font-weight:600;margin-bottom:12px}.modal-ctn-txt div:nth-child(2){font-size:1.6rem}.modal-ctn-btn{display:flex;justify-content:space-around;width:100%}.modal-ctn-btn button{border-radius:8px;cursor:pointer;padding:8px 0;width:130px}.modal-ctn-btn button:first-child{color:#fff}.modal-error-bg{animation:flash 1.9s infinite;background-color:#cf070759;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1999}@keyframes flash{0%{opacity:1}50%{opacity:.2}to{opacity:1}}#main-page,.sidebar{display:flex}.sidebar{background-color:#fff;color:#353535;flex-direction:column;position:relative;width:380px}.sidebar .sb_close_btn{filter:invert(96%) sepia(1%) saturate(39%) hue-rotate(314deg) brightness(95%) contrast(85%);position:absolute;right:10px;top:10px;width:25px;z-index:99}.close_sb .sb_close_btn{filter:invert(47%) sepia(76%) saturate(473%) hue-rotate(183deg) brightness(92%) contrast(106%)}.close_sb{animation:close-sidebar-w .7s ease-in-out forwards;width:80px}.open_sb{animation:open-sidebar-w .5s ease-in-out forwards;width:360px}.close_sb .device-list-ctn,.close_sb .sidebar-header{animation:close-sidebar-op .2s ease-in-out forwards;display:none;opacity:0}.open_sb .device-list-ctn,.open_sb .sidebar-header{animation:open-sidebar-op .5s ease-in-out forwards;opacity:1}.sb_close_onDevice{height:180px;left:0;position:absolute;text-align:center;top:85px;width:80px}.sb_close_onDevice div{margin-bottom:10px}.sb_close_onDevice_ico{font-size:1.8rem;font-weight:600;margin-bottom:10px;text-align:center;width:80px}.sb_close_onDevice>div:first-child .sb_close_onDevice_ico{color:var(--red)}.sb_close_onDevice>div:nth-child(2) .sb_close_onDevice_ico{color:var(--green)}.sb_close_onDevice_cnt{display:inline-block}@keyframes open-sidebar-w{0%{width:80px}to{width:360px}}@keyframes close-sidebar-w{0%{width:360px}to{width:80px}}@keyframes close-sidebar-op{0%{opacity:1}to{display:none;opacity:0}}@keyframes open-sidebar-op{0%{opacity:0}50%{opacity:0}80%{opacity:0}to{opacity:1}}.sidebar .sidebar-header{padding:15px}.sidebar-header h2{color:var(--concept-color);line-height:30px;margin-bottom:15px}.sidebar-header-contents{font-size:1.8rem}.sb-top{display:flex;justify-content:space-around;margin-bottom:15px}.sb-bttm{border:1px solid var(--grey);border-radius:5px;box-shadow:0 2px 3px #8686868c;color:var(--grey);font-size:1.6rem;margin-bottom:10px;padding:10px 0;text-align:center;width:100%}.sb-bttm span{color:#000;font-size:1.8rem}#folder-page{color:#fff;overflow-y:scroll;padding:0 25px 10px}#folder-page .sch-box{background-color:#1e1f23;color:#fff;width:100%}.sch-sec-tit{margin-right:30px;width:90px}.sch-sec-tit:before{background-color:var(--blue);border-radius:25%;content:"";display:inline-block;height:15px;margin-right:10px;width:15px}.sch-box .box-cnt{padding:15px 20px}.sch-top{align-items:center;display:flex;justify-content:start;margin-bottom:15px}.sch-date-input span{display:inline-block;margin:0 20px}.date-input{background-color:initial;border:1px solid #383b43;color:#fff;padding:8px;width:150px}.sch-bottom{display:flex;justify-content:space-between}.sch-section{display:flex;width:47.5%}.sch-sec-list{border:1px solid #383b43;height:150px;overflow-y:scroll;width:600px}.sch-sec-list li{cursor:pointer;line-height:38px;padding-left:15px}.sch-sec-list .active-li{background-color:var(--blue)}.sch-sub{padding:15px 0;text-align:center}.sch-result-box{margin-top:20px;position:relative}.sch-result-box .box-tit button:disabled{background-color:var(--grey)}.sch-result-list{height:calc(100% - 40px);width:100%}.deletion-mode-txt{animation:slidein .8s forwards;background-color:#383b43d3;height:0;line-height:45px;overflow:hidden;padding-right:20px;text-align:center}@keyframes slidein{0%{height:0}to{height:45px}}.sch-result-list .result-items{display:flex;flex-wrap:wrap;gap:16px;height:calc(100% - 45px);justify-content:center;padding:25px 8px;width:100%}.result-items .item{cursor:pointer;height:300px;width:365px}.result-items .item:hover{background-color:#2f72b434}.result-items .sel-media{background-color:var(--blue);filter:contrast(60%)}@media (min-width:2100px){.result-items .item{width:460px}.sch-result-list .result-items{max-width:1888px}}.result-items .item .media-info-txt{font-size:1.6rem;height:60px;padding:5px 15px}.pagination{height:60px;padding-top:15px;text-align:center}.page-num-list li{display:inline-block;height:45px;line-height:45px;text-align:center;width:40px}.page-selected{background-color:var(--blue);border-radius:5px;font-size:1.5rem;font-weight:600}#chart-page{align-items:center;display:flex;justify-content:center}.page-title{color:#fff;font-size:2.5rem}#setting-page{display:flex;flex-direction:column;overflow-y:scroll;padding:0 25px}.set-sec{background-color:#1e1f23;border-radius:10px;margin-bottom:20px;width:100%}.set-contents-box{min-height:350px!important}.acc-ctn{padding:15px 25px}.acc-input{height:35px;margin-bottom:15px}.acc-input label{display:inline-block;line-height:35px;width:120px}.acc-input input{background-color:initial;color:var(--white);height:31px;padding-left:10px;width:200px}.acc-input .pw-btn{background-color:var(--white);border-radius:10px;color:#383b43;font-weight:600;height:30px;line-height:30px;margin-left:20px;width:140px}.add-account-btn{display:inline-block;height:30px;line-height:30px;width:100px}.account-table{border-collapse:collapse;line-height:45px;text-align:center;width:100%}.account-table thead{display:table;font-size:1.6rem;font-weight:700;height:50px;line-height:50px;width:100%}.account-table tbody{display:block;height:247.5px;overflow-x:hidden;overflow-y:scroll}.account-table tbody::-webkit-scrollbar{width:10px}.account-table tbody::-webkit-scrollbar-track{background-color:initial!important;border-left:1px solid #383b43}.account-table tbody::-webkit-scrollbar-thumb{background-color:var(--blue);border-radius:15px}.account-table tbody tr{display:table;width:100%}.account-table tbody tr td:first-child,.account-table thead tr th:first-child{width:220px}.account-table tbody tr td:nth-child(2),.account-table thead tr th:nth-child(2){width:160px}.account-table tbody tr td:nth-child(4),.account-table thead tr th:nth-child(4){width:80px}.account-table tbody tr td:nth-child(5),.account-table thead tr th:nth-child(5){width:190px}.account-table tbody tr td:nth-child(6),.account-table tbody tr td:nth-child(7),.account-table thead tr th:nth-child(6){width:100px}.account-table thead tr th:last-child{width:110px}.account-table th{border-bottom:2.5px solid #383b43}.account-table td{border:1px solid #383b43}.account-table select{background-color:#383b43d3;border:none;color:var(--white);height:45px;padding:0 15px;width:70%}.btn-box{display:inline-block;padding:0 20px;width:30%}.rank-update-btn{border:1px solid #ddd;border-radius:5px;min-width:64px;padding:6px 10px;width:100%}#login-page{background:linear-gradient(to bottom,var(--concept-color),80%,#090d44);height:100%;position:relative;width:100vw}.l-ctn{left:50%;position:absolute;top:50%;transform:translate(-50%,-60%)}.l-title{color:#fff;font-size:2.4rem;letter-spacing:2px;margin-bottom:15px}.l-box{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 6px 8px #0000007c;display:flex;height:350px;justify-content:center;padding:0 15px;text-align:center;width:420px}.l-header{color:#222985;font-size:2rem;letter-spacing:5px;margin-bottom:10px}.l-input{align-items:center;display:flex;flex-direction:column;height:150px;justify-content:space-evenly}.l-input input{border:1px solid #e2e2e2;border-radius:5px;color:#000;display:block;padding:15px 10px;width:220px}.l-input input:focus{border:1.5px solid var(--concept-color)}.l-btn{background-color:var(--concept-color);border-radius:10px;color:#fff;font-size:1.6rem;font-weight:600;margin-top:15px;padding:15px 0;width:242px}.waviy span{animation:waviy 1.5s infinite;animation-delay:calc(.1s*var(--i));color:var(--concept-color);display:inline-block;font-size:3rem;position:relative;text-transform:uppercase}@keyframes waviy{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-20px)}}*,:after,:before{margin:0;padding:0}body,html{font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:62.5%;height:100vh;min-height:1080px}div{box-sizing:border-box}li{list-style:none}a{color:inherit;text-decoration:none}img{display:inline-block;height:100%;width:100%}input:focus{outline:none}input,select{background-color:initial;color:#e8e8e8;height:30px;padding-left:15px}option{color:#000}button{background-color:initial;border:none;color:inherit;cursor:pointer;outline:inherit}:root{--concept-color:#222985;--red:#f0000f;--grey:#5e6268;--blue:#4f85f2;--green:#4fcc2f;--white:#e8e8e8}h1,h2,h3,h4{display:inline-block}div::-webkit-scrollbar,ul::-webkit-scrollbar{width:10px}div::-webkit-scrollbar-track,ul::-webkit-scrollbar-track{background-color:initial!important;border-left:1px solid #383b43}div::-webkit-scrollbar-thumb,ul::-webkit-scrollbar-thumb{background-color:#4f85f2;background-color:var(--blue);border-radius:15px}#root,.wrap{font-size:1.4rem;height:100%}.container{background-color:#272a2f;color:#e8e8e8;display:flex;height:calc(100% - 80px)}@media (max-height:1200px){.container{height:calc(100% - 60px)}}.m-contents{margin-top:0;width:calc(100% - 70px)}.m-contents::-webkit-scrollbar-thumb{background-color:#5e6268;background-color:var(--grey)}.page-tit{font-size:2.2rem;line-height:55px}.t-green{color:#4fcc2f;color:var(--green)}.t-red{color:#f0000f;color:var(--red)}.t-grey{color:#5e6268;color:var(--grey)}.t-blue{color:#4f85f2;color:var(--blue)}.t-concept{color:#222985;color:var(--concept-color)}.check-msg-red{color:#ec1010}.b-red{background-color:#ec1010}.b-green{background-color:#55bb3b}.b-blue{background-color:#4454df}.b-concept{background-color:#222985;background-color:var(--concept-color)}.contents-box{background-color:#1e1f23;border-radius:10px;margin-bottom:20px;min-height:300px;width:100%}.box-tit{background-color:#383b43;border-top:2px solid #4f85f2;border-top:2px solid var(--blue);border-top-left-radius:5px;border-top-right-radius:5px;font-size:1.6rem;font-weight:600;height:50px;justify-content:space-between;line-height:50px;padding:0 20px}.box-form,.box-tit,.no-contents{align-items:center;display:flex}.no-contents{font-size:2.4rem;height:250px;justify-content:center}.big-btn{border-radius:15px;height:38px;line-height:38px;min-width:120px;padding:0 15px}.big-btn,.small-btn{font-weight:600;margin:0 10px}.small-btn{border-radius:10px;height:30px;line-height:30px;min-width:100px;padding:0 10px}.blue-btn,.concept-btn{background-color:#4f85f2;background-color:var(--blue);color:#e8e8e8}.white-btn{background-color:#e8e8e8;color:#000}.grey-btn{background-color:#5e6268;background-color:var(--grey);color:#000}