.modal_wrap.modal_role_perm_readonly{transform:none;width:auto;border-radius:0;background-color:transparent;box-shadow:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center}.modal_wrap.modal_role_perm_readonly .modal_bg{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.modal_wrap.modal_role_perm_readonly .modal_cont{position:relative;z-index:1;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.dark .modal_wrap.modal_role_perm_readonly .modal_cont{background:#2a2a2a}.modal_wrap.modal_role_perm_readonly .modal_head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e5e5}.dark .modal_wrap.modal_role_perm_readonly .modal_head{border-bottom-color:#444}.modal_wrap.modal_role_perm_readonly .modal_head h3{font-size:18px;font-weight:600;color:#333}.dark .modal_wrap.modal_role_perm_readonly .modal_head h3{color:#fff!important}.modal_wrap.modal_role_perm_readonly .modal_body{padding:24px}.modal_wrap.modal_role_perm_readonly .modal_foot{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid #e5e5e5}.dark .modal_wrap.modal_role_perm_readonly .modal_foot{border-top-color:#444}.modal_wrap.modal_role_perm_readonly .role_perm_section .perm_title{display:block;font-size:14px;font-weight:700;margin-bottom:12px}.dark .modal_wrap.modal_role_perm_readonly .role_perm_section .perm_title{color:#fff}.modal_wrap.modal_role_perm_readonly .role_perm_section .flex_wrap{display:grid;background:#f8f9fb;border-radius:8px;padding:20px;grid-template-columns:1fr 1fr;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;gap:24px 32px}.dark .modal_wrap.modal_role_perm_readonly .role_perm_section .flex_wrap{background:#202020}.modal_wrap.modal_role_perm_readonly .role_perm_section .authorization_bx{grid-column:1;margin-top:0}.modal_wrap.modal_role_perm_readonly .role_perm_section .authorization_bx:last-child{grid-column:2;grid-row:1/span 5;align-self:start}.modal_wrap.modal_role_perm_readonly .role_perm_section .authorization_bx dd .tit{white-space:nowrap;width:120px;min-width:120px}.modal_wrap.modal_role_perm_readonly .sp_bx{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:4px;font-size:12px;font-weight:600;background:#f4f4f7;color:#999;margin-right:4px}.dark .modal_wrap.modal_role_perm_readonly .sp_bx{background:#3e424d}.modal_wrap.modal_role_perm_readonly .sp_bx.on{background:#ebf5ff;color:#2d8cf0}.dark .modal_wrap.modal_role_perm_readonly .sp_bx.on{background:rgba(45,140,240,.2)}.modal_wrap.modal_role_perm_readonly .sp_bx.disabled{background:#f0f0f0;color:#ccc}.dark .modal_wrap.modal_role_perm_readonly .sp_bx.disabled{background:transparent;color:#444;border:1px solid #3e424d}.select_bx .channl_list[data-v-4dffd6a2]{max-height:200px;overflow-y:auto}.slt_list[data-v-4dffd6a2]{width:300px;max-width:unset;overflow-y:hidden}.scroll[data-v-4dffd6a2]{position:relative;max-height:200px;overflow-y:auto}.roleSearch[data-v-4dffd6a2]{position:relative;padding:10px 12px}.roleSearch[data-v-4dffd6a2]:before{content:"";position:absolute;right:22px;top:50%;transform:translateY(-50%);width:22px;height:22px;background:url(../img/ico_search_gy.911acd91.svg) no-repeat 50%/20px auto}.roleSearch input[data-v-4dffd6a2]{padding:0 30px 0 12px;width:100%;height:36px;color:#434f5b;font-size:14px;border:1px solid #d9dae1;border-radius:4px;background-origin:content-box}.channel-per-business[data-v-4dffd6a2]{display:flex;align-items:flex-start;padding:16px 0}.channel-per-business+.channel-per-business[data-v-4dffd6a2]{border-top:1px solid #ebecf6}.channel-per-business .cpb-label[data-v-4dffd6a2]{flex:0 0 100px;font-size:14px;font-weight:600;line-height:36px;color:#434f5b}.channel-per-business .cpb-content[data-v-4dffd6a2]{flex:1;min-width:0}.channel-per-business .cpb-content button[data-v-4dffd6a2],.channel-per-business .cpb-content input[data-v-4dffd6a2]{min-width:unset}.channel-per-business .cpb-content .row+.row[data-v-4dffd6a2]{margin-top:20px;padding-top:20px;border-top:1px solid #ebecf6}.group_list_wrap .title[data-v-4dffd6a2]{position:relative}.group_list_wrap .row[data-v-4dffd6a2]{display:block;max-width:unset;padding-left:0}.group_list_wrap .row.is-inactive[data-v-4dffd6a2]{opacity:.7}.group_list_wrap .grid-list[data-v-4dffd6a2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));row-gap:20px;-moz-column-gap:10px;column-gap:10px;width:100%;margin-top:12px}.group_list_wrap .grid-list .channl_ico_bx[data-v-4dffd6a2],.group_list_wrap .grid-list .chk_bx .label_desc[data-v-4dffd6a2],.group_list_wrap .grid-list .rdo_bx .label_desc[data-v-4dffd6a2]{width:100%}.group_list_wrap .grid-list .channl_ico_bx.is-inactive[data-v-4dffd6a2]{opacity:.5}.group_list_wrap .grid-list .wrap-content[data-v-4dffd6a2]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-left:11px;width:calc(100% - 59px)}.group_list_wrap .grid-list .wrap-content .title-channel[data-v-4dffd6a2]{margin-bottom:6px;width:100%}.group_list_wrap .grid-list .wrap-content .title-channel p[data-v-4dffd6a2]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px}.group_list_wrap .grid-list .wrap-content .sns_list>[data-v-4dffd6a2]:nth-of-type(n+2){margin-left:6px}.flex_inp_wrap dt[data-v-4dffd6a2]{width:100px;height:50%;line-height:unset}.role-per-business[data-v-4dffd6a2]{padding-bottom:8px}.role-per-business[data-v-4dffd6a2]:first-of-type{padding-top:0}.role-per-business dl dt[data-v-4dffd6a2]{font-weight:600}.role-per-business .deselect[data-v-4dffd6a2]{color:#999;font-style:italic}.role-select-wrap[data-v-4dffd6a2]{display:flex;align-items:center;gap:6px}.role-select-wrap .select_bx[data-v-4dffd6a2]{flex:0 0 auto;width:240px}.btn_role_info[data-v-4dffd6a2]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;border:1px solid #d9dae1;border-radius:4px;background:#fff;cursor:pointer;transition:all .15s}.btn_role_info[data-v-4dffd6a2]:hover{border-color:#2d8cf0}.btn_role_info:hover svg circle[data-v-4dffd6a2],.btn_role_info:hover svg path[data-v-4dffd6a2]{stroke:#2d8cf0}.btn_role_info:hover svg circle[fill][data-v-4dffd6a2]{fill:#2d8cf0}.business-tags[data-v-4dffd6a2]{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 0 100px}.business-tag[data-v-4dffd6a2]{display:inline-flex;align-items:center;height:26px;padding:0 4px 0 10px;background:#ebecf6;border-radius:13px;font-size:13px;color:#434f5b;white-space:nowrap}.business-tag .tag-remove[data-v-4dffd6a2]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;margin-left:4px;border:none;background:rgba(0,0,0,.12);border-radius:50%;color:#555;font-size:10px;line-height:1;cursor:pointer;padding:0;transition:all .15s}.business-tag .tag-remove[data-v-4dffd6a2]:hover{background:#e53935;color:#fff}