@font-face{font-family:Noto Sans;font-style:normal;font-weight:100;src:url(../../static/media/NotoSans-Thin.d727ce5762d0b3d5ec45.ttf) format("truetype")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:300;src:url(../../static/media/NotoSans-Light.9128d88741196a8cc94e.ttf) format("truetype")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;src:url(../../static/media/NotoSans-Regular.bfc139fbdd66282ccfe7.ttf) format("truetype")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:500;src:url(../../static/media/NotoSans-Medium.6c06fbdce5510309be38.ttf) format("truetype")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:700;src:url(../../static/media/NotoSans-Bold.02a3e2a9e76fd801bb84.ttf) format("truetype")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:900;src:url(../../static/media/NotoSans-Black.5cab09e81966ae516d67.ttf) format("truetype")}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:100;src:url(../../static/media/NotoSansKR-Thin.3c76aeeeb0d5302e0042.ttf) format("truetype")}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:300;src:url(../../static/media/NotoSansKR-Light.eef1c4b85baf52cc28a7.ttf) format("truetype")}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:400;src:url(../../static/media/NotoSansKR-Regular.9bc92a36ed81392f698b.ttf) format("truetype")}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:500;src:url(../../static/media/NotoSansKR-Medium.b9d6e1b3e7a3d63546cc.ttf) format("truetype")}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:700;src:url(../../static/media/NotoSansKR-Bold.f064e139058bfd9df2fb.ttf) format("truetype")}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:900;src:url(../../static/media/NotoSansKR-Black.3a04960e264ac5544a85.ttf) format("truetype")}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:100;src:url(../../static/media/NotoSansJP-Thin.251c570d006cf5a20496.ttf) format("truetype")}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:300;src:url(../../static/media/NotoSansJP-Light.fcd7524d737348d6767c.ttf) format("truetype")}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:400;src:url(../../static/media/NotoSansJP-Regular.2a77d217ecd601bbf009.ttf) format("truetype")}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:500;src:url(../../static/media/NotoSansJP-Medium.0574422b13c8065fb966.ttf) format("truetype")}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:700;src:url(../../static/media/NotoSansJP-Bold.5782c77a5372762a808e.ttf) format("truetype")}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:900;src:url(../../static/media/NotoSansJP-Black.c0b2c210088f491ef27a.ttf) format("truetype")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:300;src:url(../../static/media/NotoSansSC-Thin.fb77a2a30f2ded2da6c6.ttf) format("truetype")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:300;src:url(../../static/media/NotoSansSC-Light.fd396930a9d5b867d653.ttf) format("truetype")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;src:url(../../static/media/NotoSansSC-Regular.b53faedec5edbc4e93e4.ttf) format("truetype")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:500;src:url(../../static/media/NotoSansSC-Medium.8bcbd10b88c4f7aef9f5.ttf) format("truetype")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:700;src:url(../../static/media/NotoSansSC-Bold.ff6febc6efaeeaca67ad.ttf) format("truetype")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:900;src:url(../../static/media/NotoSansSC-Black.f56046462a74d5afc644.ttf) format("truetype")}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans KR,Noto Sans,sans-serif;height:100%;margin:0;width:100%}a,button,div,input,span{font-family:Noto Sans KR,Noto Sans,sans-serif!important}img{max-height:100%}body{--header-size:80px;--sidebar-size:280px;--bg-card-color:#333;--bg-main-color:#f9fafb;--text-main-color:#2c2c2c}#root{background:var(--bg-main-color);color:var(--text-main-color);display:flex;height:100%;width:100%}*{box-sizing:border-box}button{cursor:pointer}.sidebar{border-right:2px dashed #919eab33;color:var(--text-main-color);height:100%;padding:0 1rem;width:var(--sidebar-size)}.sidebar .title{font-size:1.2rem;font-weight:700;padding:1.5rem .8rem 0}.sidebar .logo{align-items:center;color:#426fff;display:flex;font-size:1.4rem;font-weight:600;gap:.5rem;margin:0!important;padding:.7rem 0}.sidebar .logo-img{height:30px}.sidebar ul{list-style:none;padding:0;width:100%}.sidebar ul li:not(:last-child){margin-bottom:.5rem}.sidebar .menu-toggler{margin-left:auto}.sidebar ul .menu-item button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:0;border-radius:6px;box-sizing:border-box;color:#637381;cursor:pointer;display:flex;flex-grow:1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:flex-start;line-height:1.57143;margin:0;min-height:44px;min-width:0;outline:0;padding:.7rem .8rem;position:relative;text-align:left;text-decoration:none;text-transform:capitalize;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;-webkit-user-select:none;user-select:none;vertical-align:middle;width:100%}.sidebar ul button.active{background-color:#1877f214;color:#1877f2;font-weight:600;text-transform:capitalize}.sidebar ul button:hover{background-color:#919eab14}.sidebar+.section{width:calc(100% - var(--sidebar-size))}.content{height:100%;overflow:auto;padding:calc(var(--header-size)) 1.5rem 1.2rem;position:relative}.content,.header{display:flex;width:calc(100% - var(--sidebar-size))}.header{align-items:center;background:var(--bg-card-color);background:#f9fafbcc;font-size:1.2rem;font-weight:600;gap:1rem;height:var(--header-size);justify-content:space-between;left:var(--sidebar-size);padding:.5rem 1.2rem;position:fixed;top:0;z-index:10}.container,.section,section,video{width:100%}.section:not(:last-child){margin-bottom:1rem}.card{background-color:#fff;border-radius:16px;box-shadow:0 0 2px 0 #919eab14,0 12px 24px -4px #919eab14;color:#212b36;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;z-index:0}.card-header{font-size:1.5rem;font-weight:700;padding:1rem 1rem 0}.card-body{height:100%;overflow:auto;padding:1rem 1.5rem}.card-body,.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.container .desc-section{color:var(--text-main-color);padding-right:1rem;width:400px}.section .section-title{font-size:1.2rem;font-weight:700;margin-bottom:.25rem;padding-bottom:.25rem}.section .section-sub-title{font-size:1.1rem;margin-bottom:1rem}.section .section-btn-group{display:flex;flex-direction:column;gap:.5rem}.section .section-btn-group .title{font-size:1.1rem;font-weight:600;margin-top:1.5rem}.container .view-section{width:calc(100% - 400px)}.container .view-section video{background:#00000080;border:1px solid #efefef;border-radius:.5rem;box-shadow:1px 1px 1rem #0000001a;height:100%}.container .view-section video.recording{animation:border-flash 3s infinite;border:3px solid red}.video-wrapper{position:relative}.video-wrapper video.recording+label:after{color:red;content:"녹화중";font-size:1.2rem;font-weight:600;left:10px;position:absolute;top:10px;z-index:100}@keyframes border-flash{0%{border-color:red}50%{border-color:#0000}to{border-color:red}}body.swal2-shown.swal2-height-auto{height:100%!important}.device-list{display:flex;gap:.5rem;height:6rem;overflow-x:auto}.device-list .device-item{background:#fcfcfc;border:2px solid #ddd;border-radius:.75rem;color:#777;display:flex;flex-direction:column;height:100%;justify-content:center;max-width:calc(50% - .25rem);padding:1rem;text-align:center;width:12rem;word-break:break-word}.device-list .device-item:hover{background:#ffebf5;border-color:hotpink;color:hotpink;cursor:pointer}.device-list .device-item.active{background:#eaf0ff;border-color:#5582ff;color:#5582ff;font-weight:600}.device-list .device-item .icon{font-size:1.5rem}.device-list .device-item .name{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}video#camera{max-width:100%;width:500px}canvas{display:none}video.reverse{transform:scaleX(-1)}.sidebar .menu-toggler{display:none}@media(max-width:768px){body{--header-size:60px;--sidebar-size:80px}#root{flex-direction:column}.sidebar{border-bottom:1px dashed #919eab33;border-right:none;height:var(--sidebar-size);padding:1rem;width:100%}.sidebar .logo,.sidebar ul{margin:0;padding:0}.sidebar .menu-toggler{display:block}.sidebar .menu-list{display:none}.header{left:0;top:var(--sidebar-size)}.content{width:100%}.container .desc-section,.container .view-section{padding:0;width:100%}.card-body{flex-direction:column;padding:.8rem 1rem}}.profile-container{--logo-size:120px;--avatar-size:120px;background:#fff;border-radius:1rem;box-shadow:0 0 2px 0 #919eab14,0 12px 24px -4px #919eab14;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;overflow:hidden;position:relative;text-align:center}.profile-container .logo-area{background:linear-gradient(120deg,#cddeff,#ffcdf4);height:var(--logo-size);margin-bottom:calc(var(--avatar-size)/4 + 1rem);width:100%}.profile-container .logo-wrapper{background:linear-gradient(120deg,#4533ff,#ff3a9d);border-radius:50%;height:var(--avatar-size);left:50%;padding:3px;position:absolute;top:calc(var(--logo-size) - var(--avatar-size)/4*3);transform:translateX(-50%);transition:background 1s;width:var(--avatar-size)}.profile-container .logo-wrapper .logo-avatar{background:#fff;border:3px solid #fff;height:100%;width:100%}.profile-container .info-area{margin-bottom:1rem}.profile-container .info-area .name{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.profile-container .link-area{display:flex;gap:1rem;height:30px;justify-content:center;margin-bottom:1rem}.profile-container .link-area img{height:100%}.drawer .profile-container{border-bottom:2px dashed #0000001a;border-radius:0;box-shadow:none;margin:0}
/*# sourceMappingURL=main.b5a3c822.css.map*/