@charset "utf-8"; .mask{position:fixed;display:none;width:100%;height:100%;background:rgba(0,0,0,0.64);left:0;top:0;z-index:9;} .popup{background:#fff;} .popup_title_area{display:flex;width:100%;height:60px;padding:0 20px;border-bottom:1px solid #eee;background:#fff;align-items:center;justify-content:space-between;} .popup h1.popup_title{font-size:18px;font-weight:600;color:#222;} .popup_title_area .btn_popup_close{width:30px;height:30px;} .popup_title_wrap{display:flex;align-items:center;justify-content:space-between;} .popup_title_wrap h2{font-size:16px;font-weight:600;color:var(--primary-title-color);} .popup_content{padding:30px 24px 50px 24px;} .popup .btn.large{height:40px;font-size:16px;padding:0 12px;font-weight:500;} .popup .btn.xlarge{height:50px;font-size:16px;padding:0 24px;font-weight:500;} .popup .text_primary{font-size:16px;font-weight:500;} .popup .text_secondary{font-size:14px;font-weight:400;color:#444;} .popup .search_area.box{padding:0 10px;font-size:14px;} .popup .search_item{padding:4px 0;} .popup .input{height:30px;} .popup .input.medium{height:36px;} .popup select,.popup .select{height:30px;border:1px solid var(--default-line-color);border-radius:5px;padding:0 32px 0 12px;background:#fff url(/publish/adm/images/component/icon_arrow_down.png) no-repeat calc(100% - 4px) center;} .popup .radio_wrap,.popup .checkbox_wrap{gap:8px;} .popup .radio_item,.popup .checkbox_item{font-size:14px;} .popup_title_wrap+.table{margin:12px 0 40px 0;} .popup.table_type_cols thead>tr>th,.popup.table_type_cols tbody>tr>td{height:40px;font-size:15px;} .popup.table_type_rows tbody>tr>th, .popup.table_type_rows tbody>tr>td{height:40px;font-size:15px;padding:8px 12px;} .popup .page a{width:32px;height:32px;} /* 레이어 */ .popup:not(.popup_window,.table){position:absolute;display:none;min-width:200px;min-height:200px;border-radius:12px;overflow:hidden;opacity:0;transition:all 0.3s;left:50%;top:50%;transform:translate(-50%,-50%);} .popup.active:not(.popup_window,.table){display:block;opacity:1;z-index:11;} /* 새창팝업 */ .popup_window{padding:20px;box-sizing:border-box;} .popup_window h2.title{display:flex;width:100%;height:50px;font-size:20px;font-weight:bold;color:#fff;padding:0 20px;border-radius:4px;background:#f86a3c;align-items:center;} .popup_window h2.title .text_secondary{font-weight:300;color:#fff;} .popup_window .content_title{margin:40px 0 12px 0;} .popup_window h3.title{font-size:18px;font-weight:bold;margin:0;padding:0;} .popup_window h3.title::before{display:none;} .popup_window .search_title{font-weight:400;} .popup_window .search_title::after{top:12px;} .popup_window .search_area.box{border-radius:4px;} .popup_window input[type="text"]{height:30px;} .popup_window .search_item:has(input[type='hidden']:only-child){display:none;} .popup_window .tree{display:flex;border:1px solid #CDD5E6;border-radius:4px;flex-direction:column;} .popup_window .tree_title{display:flex;width:100%;height:50px;font-weight:500;padding:0 12px;background:#eff2f9;align-items:center;gap:8px;} .popup_window .tree .tree_wrap{padding:4px 0;max-height:300px;overflow:scroll;} .popup_window .tree .row{display:flex;height:35px;font-size:14px;padding:0 12px;align-items:center;gap:4px;} .popup_window .tree .row label{display:flex;min-height:35px;align-items:center;gap:4px;} .popup_window .tree .rowgroup{display:flex;width:calc(100% - 24px);font-size:14px;background:#f2f4f5;flex-direction:column;gap:4px;border-radius:4px;padding:8px 12px;margin:0 auto;} .popup_window .tree .rowgroup .row{height:auto;}