.update_member_message{width:100%;height:100%;background:rgba(0,0,0,.3);z-index:9;position:fixed;top:0}.update_member_message .update_member_message_dialog{margin:20px auto;width:577px;height:211px;box-shadow:0 0 10px #bcbcbc;background:#fff;padding:36px 24px 36px 36px}.update_member_message .update_member_message_dialog>p{text-align:center}.update_member_message .update_member_message_dialog .update_successful{font-size:24px;padding-bottom:20px}.update_member_message .update_member_message_dialog .update_successful_img{padding-bottom:14px}.update_member_message .update_member_message_dialog .update_successful_img img{width:36px;height:36px}.update_member_message .update_member_message_dialog .update_detail{font-size:14px}.pagination-container[data-v-c8d36fbc]{display:flex;align-items:end;justify-content:center;gap:10px;margin-top:20px}.items-per-page-box[data-v-c8d36fbc]{position:relative}.items-per-page-box .arrow_icon[data-v-c8d36fbc]{position:absolute;right:10px;top:7px;display:inline-block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #545454;border-bottom:none}.items-per-page-box.active .arrow_icon[data-v-c8d36fbc]{border-bottom:7px solid #545454;border-top:none}.items-per-page[data-v-c8d36fbc]{position:relative;width:70px;height:24px;box-sizing:border-box;display:inline-block;border:1px solid #bcbcbc;border-radius:4px;background-color:#fff;cursor:pointer;user-select:none}.items-per-page select[data-v-c8d36fbc]{width:100%;height:100%;line-height:22px;padding:0 10px;text-align:left}.pagination-buttons[data-v-c8d36fbc]{display:flex;gap:5px;align-items:end}.btn[data-v-c8d36fbc]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:3px;background:#0d5c91;cursor:pointer}.btn.disabled[data-v-c8d36fbc]{background:#bcbcbc;cursor:not-allowed}.number[data-v-c8d36fbc]{display:block;margin-left:18px;font-weight:900;font-size:16px;height:18px;line-height:19px;cursor:pointer}.number.active[data-v-c8d36fbc]{color:#0d5c91}.next[data-v-c8d36fbc]{margin-left:18px}.page-size-list[data-v-c8d36fbc]{position:absolute;top:23px;left:-1px;width:100%;outline:none;color:#000;font-size:16px;line-height:19px;border:0;background-color:#fff;border-radius:4px;z-index:19;max-height:300px;box-shadow:0 2px 15px #0000001a}.page-size-list li[data-v-c8d36fbc]{font-size:16px;line-height:20px;padding:6px 10px;color:#000;cursor:pointer;word-wrap:break-word;word-break:normal}.page-size-list li[data-v-c8d36fbc]:hover,.page-size-list li.active[data-v-c8d36fbc]{color:#0d5c91;background:#d9eef7}.page-size-text[data-v-c8d36fbc]{padding:0 10px}.company-member-wrap[data-v-75e02b5c]:has(.smb_left_nav){display:flex;background:#f4f4f4}.company-member-wrap:has(.smb_left_nav) .company-member[data-v-75e02b5c]{padding:0}.company-member-wrap[data-v-75e02b5c]:has(.smb_left_nav) .company-member{width:1424px;margin:0 130px}@media screen and (min-width: 1024px) and (max-width: 1919px){.company-member-wrap[data-v-75e02b5c]:has(.smb_left_nav) .company-member{width:1044px;margin:0 48px}.company-member-wrap[data-v-75e02b5c]:has(.smb_left_nav) .company-member .member-table .table-scroll-wrap{overflow-x:auto;overflow-y:hidden;background:#ffffff}.company-member-wrap[data-v-75e02b5c]:has(.smb_left_nav) .company-member .member-table .table-scroll-wrap .pending-table{width:max-content;min-width:1360px;table-layout:auto;border-collapse:collapse}.company-member-wrap[data-v-75e02b5c]:has(.smb_left_nav) .company-member .member-table .table-scroll-wrap .current-table{width:max-content;min-width:980px;table-layout:auto;border-collapse:collapse}.company-member-wrap[data-v-75e02b5c]:has(.smb_left_nav) .company-member .member-table .table-scroll-wrap .pending-table th,.company-member-wrap[data-v-75e02b5c]:has(.smb_left_nav) .company-member .member-table .table-scroll-wrap .pending-table td,.company-member-wrap[data-v-75e02b5c]:has(.smb_left_nav) .company-member .member-table .table-scroll-wrap .current-table th,.company-member-wrap[data-v-75e02b5c]:has(.smb_left_nav) .company-member .member-table .table-scroll-wrap .current-table td{white-space:nowrap;background:#ffffff}.company-member-wrap[data-v-75e02b5c]:has(.smb_left_nav) .company-member .member-table .table-scroll-wrap .pending-table thead th.name,.company-member-wrap[data-v-75e02b5c]:has(.smb_left_nav) .company-member .member-table .table-scroll-wrap .current-table thead th.name{position:sticky;left:0;z-index:4;background:#ffffff;box-shadow:1px 0 #e3e3e3}.company-member-wrap[data-v-75e02b5c]:has(.smb_left_nav) .company-member .member-table .table-scroll-wrap .pending-table tbody td.name,.company-member-wrap[data-v-75e02b5c]:has(.smb_left_nav) .company-member .member-table .table-scroll-wrap .current-table tbody td.name{position:sticky;left:0;z-index:3;background:#ffffff;box-shadow:1px 0 #e3e3e3}.company-member-wrap[data-v-75e02b5c]:has(.smb_left_nav .sidebar--collapsed) .company-member{width:1244px;margin:0 48px}}.smb_left_nav[data-v-75e02b5c]{flex-shrink:0}.company-member-wrap .company-member[data-v-75e02b5c]{min-width:0}.app{width:100%}.loading-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.loading-mask .loading-txt{font-size:18px;color:#fff}.add-mask{position:fixed;inset:0;margin:auto;z-index:99999}.add-mask .dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:400px;padding:36px 36px 24px;box-shadow:0 0 10px #00000029;border-radius:4px}.add-mask .dialog .title{display:flex;justify-content:space-between;align-items:center}.add-mask .dialog .title .name{font-size:24px}.add-mask .dialog .title .close{cursor:pointer}.add-mask .dialog .title .close img{width:16px;height:16px}.add-mask .dialog form .add_member_input{margin-top:24px}.add-mask .dialog form .add_member_input .le_input{margin-bottom:24px}.add-mask .dialog form .add_member_input .le_input .member_input{width:328px;height:55px;border:1px solid #bcbcbc;border-radius:4px;padding:6px 12px;display:flex;align-items:center}.add-mask .dialog form .add_member_input .le_input .member_input label{font-size:16px;white-space:nowrap;transition:.3s cubic-bezier(.25,.8,.5,1)}.add-mask .dialog form .add_member_input .le_input .member_input label .required{color:#af0200}.add-mask .dialog form .add_member_input .le_input .member_input input{background:none;outline:none;width:100%;height:100%;padding-left:10px}.add-mask .dialog form .add_member_input .le_input .member_input .choose_icon{position:absolute;top:15px;right:10px}.add-mask .dialog form .add_member_input .le_input .member_input .choose_icon img{width:20px;height:20px}.add-mask .dialog form .add_member_input .le_input .empty_message,.add-mask .dialog form .add_member_input .le_input .err_message{display:none;font-size:14px;color:#af0200}.add-mask .dialog form .add_member_input .le_input .member_input.onfocus{box-shadow:inset 0 0 3px #0d5c91;flex-direction:column;justify-content:left}.add-mask .dialog form .add_member_input .le_input .member_input.onfocus label{font-size:12px;color:#757575;width:100%}.add-mask .dialog form .add_member_input .le_input .member_input.errMsg{border:2px solid #af0200;box-shadow:none;background:rgba(175,2,0,.15)}.add-mask .dialog form .add_member_input .le_input .member_input.errMsg label{color:#af0200}.add-mask .dialog form .add_member_input .select_role{position:relative}.add-mask .dialog form .add_member_input .select_role .choose_role{background-color:#fff;position:absolute;top:55px;left:0;z-index:100;width:328px;border:1px solid #bcbcbc;margin-bottom:24px}.add-mask .dialog form .add_member_input .select_role .choose_role li{width:100%;padding:8px 12px;cursor:pointer;margin:0}.add-mask .dialog form .add_member_input .select_role .choose_role li:hover{background:#f8f8f8}.add-mask .dialog form .button{display:flex;justify-content:space-between}.add-mask .dialog form .button .cancel_button,.add-mask .dialog form .button .save_button{width:132px;height:auto;line-height:14px;text-align:center;border-radius:4px;font-size:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:12px 0}.add-mask .dialog form .button .cancel_button{flex:1;border:1px solid #0d5c91;background:#d9eef7;color:#0d5c91}.add-mask .dialog form .button .save_button{background:#0d5c91;margin-left:24px;flex:1;color:#fff}.confirm-mask{position:fixed;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1000}.confirm-mask .dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:400px;padding:20px;box-sizing:border-box}.confirm-mask .dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.confirm-mask .dialog header .title{font-size:24px;font-weight:700}.confirm-mask .dialog header .close{width:20px;height:20px;transform:rotate(45deg);cursor:pointer}.confirm-mask .dialog header .close:before,.confirm-mask .dialog header .close:after{content:"";position:absolute;width:20px;height:2px;background-color:#ddd;top:50%;left:0;transform:translateY(-50%)}.confirm-mask .dialog header .close:after{transform:translateY(-50%) rotate(90deg)}.confirm-mask .dialog .sect{max-height:150px;font-size:14px;display:flex;align-items:center;height:auto;margin-bottom:20px}.confirm-mask .dialog .footer{display:flex;justify-content:space-between}.confirm-mask .dialog .footer .cancel_button,.confirm-mask .dialog .footer .save_button{width:132px;height:auto;line-height:14px;display:flex;justify-content:center;align-items:center;padding:12px 0;text-align:center;border-radius:4px;font-size:16px;cursor:pointer}.confirm-mask .dialog .footer .cancel_button{flex:1;border:1px solid #0d5c91;background:#d9eef7;color:#0d5c91}.confirm-mask .dialog .footer .save_button{background:#0d5c91;margin-left:24px;flex:1;color:#fff}.alert{position:fixed;min-width:328px;min-height:50px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.alert .success_message{width:100%;padding:16px 12px 15px;border:1px solid #006600;color:#060;background:#fff;border-radius:4px;font-size:14px;margin-bottom:15px}.alert .err_message{width:100%;padding:16px 12px 15px;border:1px solid #af0200;color:#af0200;background:#fff;border-radius:4px;font-size:14px;margin-bottom:15px}.company-member{width:100%;overflow:auto;background:#f4f4f4;margin:0 auto;padding:10px 24px 25px}.company-member .author{padding:16px 12px 15px;border:1px solid #af0200;color:#af0200;background:#fff;border-radius:4px;font-size:14px;margin-bottom:15px}.company-member .menu{font-size:14px;color:#757575;padding:40px 0 25px}.company-member .menu span:nth-of-type(1){cursor:pointer}.company-member .header{display:flex;justify-content:space-between;padding-bottom:26px}.company-member .header .left{font-size:24px;color:#001428}.company-member .header .right{padding:12px 24px;background:#0d5c91;cursor:pointer;border-radius:4px;color:#fff}.company-member .member-table{padding:24px 24px 33px;margin-top:20px;background:#ffffff}.company-member .member-table .pending,.company-member .member-table .current{font-size:18px;padding-bottom:24px}.company-member .member-table .pending-table,.company-member .member-table .current-table{width:100%;table-layout:fixed}.company-member .member-table .pending-table thead th,.company-member .member-table .current-table thead th{padding:10px 0;text-align:left;color:#757575;font-size:12px;font-weight:100}.company-member .member-table .pending-table .name,.company-member .member-table .current-table .name{width:15%}.company-member .member-table .pending-table .email,.company-member .member-table .current-table .email{width:25%}.company-member .member-table .pending-table .role,.company-member .member-table .current-table .role{width:10%}.company-member .member-table .pending-table .status,.company-member .member-table .current-table .status{width:20%}.company-member .member-table .pending-table .accept,.company-member .member-table .pending-table .reject,.company-member .member-table .current-table .accept,.company-member .member-table .current-table .reject{width:5%;text-align:center}.company-member .member-table .pending-table .accept img,.company-member .member-table .pending-table .reject img,.company-member .member-table .current-table .accept img,.company-member .member-table .current-table .reject img{width:20px;height:20px;margin:0 auto;cursor:pointer}.company-member .member-table .pending-table .reinvite,.company-member .member-table .pending-table .delete,.company-member .member-table .current-table .reinvite,.company-member .member-table .current-table .delete{width:10%}.company-member .member-table .pending-table .pending-body tr,.company-member .member-table .pending-table .current-body tr,.company-member .member-table .current-table .pending-body tr,.company-member .member-table .current-table .current-body tr{position:relative;border-top:1px solid #bcbcbc;border-bottom:1px solid #bcbcbc}.company-member .member-table .pending-table .pending-body tr td,.company-member .member-table .pending-table .current-body tr td,.company-member .member-table .current-table .pending-body tr td,.company-member .member-table .current-table .current-body tr td{width:10%;padding:10px 0;color:#333}.company-member .member-table .pending-table .pending-body tr .role-choose,.company-member .member-table .pending-table .current-body tr .role-choose,.company-member .member-table .current-table .pending-body tr .role-choose,.company-member .member-table .current-table .current-body tr .role-choose{width:135px;height:30px;border:1px solid #bcbcbc;border-radius:4px}.company-member .member-table .pending-table .pending-body tr .reinvite,.company-member .member-table .pending-table .pending-body tr .delete,.company-member .member-table .pending-table .pending-body tr .detail,.company-member .member-table .pending-table .current-body tr .reinvite,.company-member .member-table .pending-table .current-body tr .delete,.company-member .member-table .pending-table .current-body tr .detail,.company-member .member-table .current-table .pending-body tr .reinvite,.company-member .member-table .current-table .pending-body tr .delete,.company-member .member-table .current-table .pending-body tr .detail,.company-member .member-table .current-table .current-body tr .reinvite,.company-member .member-table .current-table .current-body tr .delete,.company-member .member-table .current-table .current-body tr .detail{color:#0d5c91;cursor:pointer}.company-member .member-table .pending-table .pending-body tr .accept img,.company-member .member-table .pending-table .pending-body tr .reject img,.company-member .member-table .pending-table .current-body tr .accept img,.company-member .member-table .pending-table .current-body tr .reject img,.company-member .member-table .current-table .pending-body tr .accept img,.company-member .member-table .current-table .pending-body tr .reject img,.company-member .member-table .current-table .current-body tr .accept img,.company-member .member-table .current-table .current-body tr .reject img{width:30px;cursor:pointer}.company-member .member-table .pending-table .pending-body tr .department,.company-member .member-table .pending-table .current-body tr .department,.company-member .member-table .current-table .pending-body tr .department,.company-member .member-table .current-table .current-body tr .department{left:60%;padding:20px 18px;position:absolute;width:390px;background:#FFF;box-shadow:0 0 3px #0000004d;z-index:2}.company-member .member-table .pending-table .pending-body tr .department .arrow,.company-member .member-table .pending-table .current-body tr .department .arrow,.company-member .member-table .current-table .pending-body tr .department .arrow,.company-member .member-table .current-table .current-body tr .department .arrow{position:absolute;display:block;width:12px;height:12px;top:-5px;left:30%;background:#FFF;border-top:1px solid rgba(0,0,0,.3019607843);border-left:1px solid rgba(0,0,0,.3019607843);transform:rotate(45deg)}.company-member .member-table .pending-table .pending-body tr .department p,.company-member .member-table .pending-table .current-body tr .department p,.company-member .member-table .current-table .pending-body tr .department p,.company-member .member-table .current-table .current-body tr .department p{display:flex;padding-bottom:12px}.company-member .member-table .pending-table .pending-body tr .department p .department-name,.company-member .member-table .pending-table .current-body tr .department p .department-name,.company-member .member-table .current-table .pending-body tr .department p .department-name,.company-member .member-table .current-table .current-body tr .department p .department-name{display:block;width:40%}.company-member .member-table .current-table .role{width:45%}.company-member .member-table .pagination{display:flex;align-items:center;justify-content:flex-end;margin-top:15px}.company-member .member-table .pagination .center{display:flex;justify-content:center;margin:0 10px}.company-member .member-table .pagination .center .page,.company-member .member-table .pagination .center .split{margin:0 5px}.company-member .member-table .pagination button{padding:5px 10px;display:flex;justify-content:center;align-items:center;border-radius:5px;background-color:#294e95;cursor:pointer}.company-member .member-table .pagination button:disabled{opacity:.5;cursor:not-allowed;background-color:#6d656f}.company-member .member-table .pagination button span{color:#fff;vertical-align:middle}.company-member .member-table .pagination .row-dropdown label{margin:0 15px}.company-member .member-table .pagination .row-dropdown select{background:#ffffff 0% 0% no-repeat padding-box;border:1px solid #bcbcbc;border-radius:4px;padding:5px 10px;font-size:16px}.company-member .member-table .pagination .row-dropdown select option{letter-spacing:0px;color:#000}