body{margin:0;padding:0;font-size:.9rem;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.main{display:flex;min-height:100vh}.main .sidebar{width:15%;background-color:#f7f9fa;padding:3rem 2rem}.main .sidebar .sidebar-logo{width:3.5rem;margin-bottom:2rem}.main .sidebar .menu-title{color:#0062ff}.main .sidebar .side-menu{list-style:none;padding:0}.main .sidebar .side-menu li{padding:.5rem 0;font-size:1rem}.main .sidebar .side-menu li:hover,.main .sidebar .side-menu li.active{cursor:pointer;color:#0062ff}.main .content{width:85%}.main .content .header{margin-top:3rem;display:flex;justify-content:space-between;align-items:center}.main .content .header .left{margin-left:2rem}.main .content .header .left .title{display:flex;align-items:center;font-weight:400;font-size:1.7rem}.main .content .header .left .title .code{font-size:.9rem}.main .content .header .left .title .code:before{content:"  ";white-space:pre}.main .content .header .left .title .code:after{content:"  ";white-space:pre}.main .content .header .left .title .location{color:#000}.main .content .header .right{display:flex;align-items:center;margin-right:2rem}.main .content .header .right .search{display:flex;align-items:center;border:1px solid #768290;border-radius:1rem;padding:.5rem .6rem}.main .content .header .right .search img{width:.8rem;margin-right:.5rem}.main .content .header .right .search input{border:none;outline:none;min-width:15rem}.main .content .header .right .notify{margin:0 1rem}.main .content .header .right .notify img{width:1.5rem}.main .content .content-area{display:flex;gap:10px}.main .content .content-area .table-area{width:70%}.main .content .content-area .table-area .file-table{margin:4rem 2rem;overflow-x:auto}.main .content .content-area .table-area .file-table .table{width:100%;border-collapse:collapse;white-space:nowrap}.main .content .content-area .table-area .file-table .table input{width:1.2rem;height:1.2rem}.main .content .content-area .table-area .file-table .table .f-d{width:1rem}.main .content .content-area .table-area .file-table .table thead td{font-weight:500;border-bottom:.01rem solid #768290;padding:1rem 0}.main .content .content-area .table-area .file-table .table thead td:nth-child(1){width:3rem}.main .content .content-area .table-area .file-table .table tbody tr{cursor:pointer}.main .content .content-area .table-area .file-table .table tbody tr:hover{background-color:#0062ff23}.main .content .content-area .table-area .file-table .table tbody tr td{font-size:.9rem;padding:1rem 1rem 1rem 0;border-bottom:.01rem solid #768290}.main .content .content-area .table-area .file-table .table tbody tr td .file-icon{width:2rem;margin-right:.5rem}.main .content .content-area .table-area .file-table .table tbody tr td:nth-child(2){display:flex;align-items:center}.main .content .content-area .table-area .file-table .table tbody tr td:last-child{padding:1rem 0rem 1rem 0}.main .content .content-area .options-area{width:30%;padding:10px 20px 10px 10px}.main .content .content-area .options-area .select-area{margin-top:70px;background-color:#f3f4f5;color:#737475;border-radius:10px;display:flex;height:200px;justify-content:center;align-items:center}.main .content .content-area .options-area .list{list-style:none;margin:20px 0 0;padding:0}.main .content .content-area .options-area .list li{display:flex;align-items:center;gap:5px;padding:10px 0;cursor:pointer;color:#0062ff}.main .content .content-area .options-area .list li img{height:20px;width:20px;object-fit:contain;fill:#0062ff!important}.modal{position:absolute;top:0;right:0;left:0;bottom:0;background-color:#0000005c}.modal .modal-body{min-width:400px;max-width:500px;position:absolute;top:40%;left:50%;padding:1rem 2rem;background:#fff;transform:translate(-50%,-50%);text-align:center}.modal .modal-body .error-box{text-align:left;color:red;font-size:.8rem}.modal .modal-body .spinner{max-width:500px;min-height:400px;display:none}.modal .modal-body .close{display:flex;justify-content:flex-end;font-size:1.5rem;cursor:pointer}.modal .modal-body .header{display:flex;align-items:center;justify-content:center}.modal .modal-body .header img{width:3rem;margin-right:1rem}.modal .modal-body .header h2{font-size:2rem}.modal .modal-body .title{font-size:1.2rem;margin-bottom:0}.modal .modal-body .sub-title{font-size:.8rem}.modal .modal-body .sub-title span{color:#00f}.modal .modal-body .info{font-size:.8rem;color:#768290}.modal .modal-body .notice{font-size:.8rem;color:#768290;margin-bottom:1rem}.modal .modal-body .h-1{text-align:center;margin-bottom:2rem}.modal .modal-body form{text-align:center;margin:2rem 4rem 0}.modal .modal-body form .h-2{text-align:center;color:#0062ff}.modal .modal-body form .form-group{margin-bottom:1rem}.modal .modal-body form .form-group .form-control{padding:1rem;border:.05rem solid #768290;min-width:calc(100% - 1rem);font-size:1rem;border-radius:.5rem;text-align:center}.modal .modal-body form .form-group.d-flex{display:flex;align-items:center;justify-content:space-between}.modal .modal-body form .form-group .check-box{display:flex;align-items:center;justify-content:flex-start}.modal .modal-body form .form-group .check-box label{white-space:nowrap}.modal .modal-body form .form-group .forgot-password .link-like{font-size:.8rem;color:#00f;text-decoration:underline}.modal .modal-body form .btn{display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%;border:none;background-color:#0062ff;color:#fff;padding:1rem;font-size:1rem;border-radius:.5rem}.modal .modal-body form .btn img{height:1.3rem;margin-right:1rem}.modal .modal-body form .btn.clear{border:.05rem solid #768290;color:#000;background-color:#fff}@media only screen and (max-width: 800px){.main .sidebar{display:none}.main .content{width:100%}.main .content .header .right{display:none}.main .content .content-area .table-area{width:100%}.main .content .content-area .table-area .file-table{margin:4rem 2rem;overflow-x:scroll}.main .content .content-area .options-area{display:none}.modal .modal-body{margin:1rem;max-width:500px}}