@charset "UTF-8";
/* CSS Document */

html, body {  }
/************************** popup **********************************************************************************************************************************/
form:has(.popup) { width:100%; height:100%; }
.popup { width:100%; height:100%; position:relative; overflow:hidden; }
.popup_title { padding:0 1.2rem 0 2rem; height:55px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e7e7e7; background:#fff; z-index:1; position:sticky; top:0; z-index:5; transition:all 0.3s; }
.popup_title h1 { font-size:2rem; font-weight:800; color:#000; }
.popup_title button { font-size:1.4rem; }
.popup.scrollOn .popup_title { box-shadow:0 0 12px 0 rgba(0,0,0,0.15); }

.popup_content { width:100%; height:calc(100% - 55px); overflow-y:auto; }
.popup_content .article_wrap { padding:2rem; background:#fff; position:relative; border-bottom:1rem solid #f1f1f1; margin-bottom:0 !important; }
.popup_content .article_wrap:last-of-type { border-bottom:none; }
.popup_content .article_wrap .article_bottom { display:flex; min-height:54px; justify-content:space-between; position:static; bottom:auto; z-index:3; transition:all 0.3s;border-top:1px solid #ededed; background:rgba(243,243,243,0.7); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); margin:1.5rem 0 0; width:100%; border-radius:12px; border:1px solid #e5e5e5; padding:12px; box-shadow:none; }
.popup_content .article_wrap .article_bottom:has(.right button) { padding:9px; }
.popup_content .article_wrap .article_bottom .selectText { height:33px !important; }
.popup_content .article_wrap .article_bottom .left,
.popup_content .article_wrap .article_bottom .right { display:flex; gap:4px; align-items:center; flex-wrap:wrap; }
.popup_content .article_wrap:has(.article_bottom) { padding:2rem; }

.popup .select_title { display:none; }

.popup:has(.popup_bottom) .popup_content { height:calc(100% - 110px); }
.popup_content.full .article_wrap:not(.article_wrap:last-of-type) { height:calc(100% - 55px);margin-bottom:0rem !important;}

.popup .table_list th, .popup .table_list td { font-size:1.2rem; padding:1rem; }
.popup .pagination li a { font-size:1.2rem;  }

.popup .table_view td a { color:var(--link); font-weight:700; text-decoration:underline; }
.popup .table_view td a:hover { color:var(--linkhover); }

.popup .table_write .inputText, .popup .table_write .selectText, .popup .table_write .textArea { font-size:12px }

.popup .board_bottom { margin:1.5rem 0 0; min-height:50px; border:1px solid #e7e7e7; position:static; width:100%; border-radius:12px; padding:8px; background:rgba(243,243,243,0.5); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); z-index:1;}
.popup .board_bottom select { height:30px; }
.popup .board_bottom .pagination li a { height:26px; min-width:24px; }
.popup .board_bottom .pagination li.active a { color:#fff; }
.popup .board_bottom .btn_sq_m, .popup .board_bottom .btn_sq_l { width:30px !important; height:30px !important; }
.popup .list_total { font-size:1.2rem; }

.popup .search_box, .popup .search_box form { background:#e9e9e9; width:100%; margin-bottom:2rem; border-radius:13px; }
.popup .search_box .search_option { width:calc(100% - 100px); background:#f5f5f5; padding:1rem; border-radius:13px;}
.popup .search_btn { width:100px; display:flex; justify-content:center; align-items:center; gap:3px; }
.popup .search_btn button img { height:15px; }
.popup .search_btn button .auto { display:none; }
.popup .search_btn.over { flex-direction:column; }
.popup .search_btn.over button .auto { display:inline-block; }
.popup .search_btn.over button .tooltip { display:none; }
.popup .search_btn.over button.btn_sq_m { width:76px !important; font-size:11px; gap:3px; }
.popup .search_box .selectText, .popup .search_box .inputText { height:36px; background-color:#ffffff; border:1px solid #d1d1d1; border-radius:8px; }
.popup .search_box .selectText { min-width:100px; padding-left:10px; padding-right:28px !important; }
.popup .search_box .search_option .row_items { display:flex; gap:3px; flex-wrap:wrap; }
.popup .search_box .search_option .row::after { content:''; display:block; width:100%; height:1px; background:#dbdbdb; margin:5px 0; }
.popup .search_box .search_option .row:last-child::after { display:none; }

.popup .btn_search_mobile { display:none; }
.popup_bottom { padding:0 1.5rem; height:55px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #e7e7e7; position:sticky; bottom:0; z-index:2; background:#fff; }
.popup_bottom > .right > .btn_s { height:35px; padding:0 16px; }
.popup_bottom .left,
.popup_bottom .right { display:flex; gap:4px; align-items:center; flex-wrap:wrap; }

.popup .tab_wrap .tabs { background:#f5f5f5; border-radius:15px; padding:7px; display:flex; flex-wrap:wrap; gap:1px; }
.popup .tab_wrap .tabs::after { display:none; }
.popup .tab_wrap .tabs li a { font-weight:600; font-size:1.3rem; padding:13px 15px; border-radius:10px; border:none; background:none;}
.popup .tab_wrap .tabs li a:hover { background:#e3e3e3; }
.popup .tab_wrap .tabs li.active a { background:var(--main); color:#fff; }

.popup .tab_wrap .tab_top { height:500px; }
.popup .tab_wrap .tab_content form { height:100%; }
.tab_top .table_over { height:calc(100% - var(--search_boxHeight) - 1rem); }

/* .popup_content.full .article_wrap { height:100%; padding:2rem; }
.popup_content.full .article_wrap:has(.tab_wrap) { padding:0; }
.popup_content.full .tab_wrap { height:100%; padding-top:2rem; }
.popup_content.full .tab_wrap .tabs { margin:0 auto; width:calc(100% - 4rem); }
.popup_content.full .tab_wrap .tab_content { height:calc(100% - 50px); }
.popup_content.full .article_wrap .article_bottom { position:absolute; bottom:0; left:0; padding:1rem; }
.popup_content.full .tab_wrap .tab_content:has(.tab_content_area) { padding:0; }
.tab_content_area { height:100%; overflow-y:auto; padding:2rem; }
.popup_content.full .tab_wrap .tab_content:has(.tab_content_area) .tab_content_area { height:calc(100% - 55px); } */

html:has(.popup .modal.open), body:has(.popup .modal.open) { overflow:auto; }
.popup .modal { background:rgba(0,0,0,0.4); -webkit-backdrop-filter:blur(0); backdrop-filter:blur(0); }
.popup .modal_box { transition:box-shadow 0.3s; }
.popup .modal_title { height:50px; }
.popup .modal_content { padding:15px; }
.popup .modal_content .tab_wrap .tab_content { padding-top:1.3rem; }
.popup .modal_content .search_box { margin-bottom:1.5rem; }
.popup .modal_content .search_box .search_option { padding:0.8rem; }
.popup .modal_content .search_box .search_option .row { display:flex; flex-wrap:wrap; gap:2px; }
.popup .modal_content .board_bottom { margin:1rem 0 0; }
.popup .modal_bottom { padding:8px; }
.popup:has(.modal_bottom) .modal_box { border-radius:20px 20px 15px 15px; }
.popup .modal .table_list tr th, .popup .modal .table_list tr td { padding:1rem 0; font-size:1.2rem; }
.popup .modal .table_write tr th, .popup .modal .table_write tr td { padding:5px; font-size:1.2rem; }
.modal_wrap.drag .modal_box { box-shadow:rgba(255, 255, 255, 0.2) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.3) 0px 25px 50px -10px, rgba(0, 0, 0, 0.5) 0px 15px 30px -15px; }

.popup .tablelist_over .search_box { margin-bottom:0; }
.popup .tablelist_over .board_bottom { margin-top:0; }
.popup .tablelist_over .table_over { height:calc(100% - 55px - var(--modal_search_boxHeight)); padding:10px 0; }
.popup .tablelist_over .table_over .table_list { border-top:none; }
.popup .tablelist_over .table_over .table_list thead { top:-10px; }
.popup .tablelist_over .table_over .table_list thead::after { content:''; display:block; width:100%; height:2px; background:#000; position:absolute; top:0; }

/*결재정보*/
.article_wrap:has(.approval_wrap.none) { display:none; }
.approval_wrap { width:100%; display:flex; align-items:flex-start; gap:2rem; }
.article_wrap:has(.approval_wrap) { display:flex; gap:1.5rem; flex-wrap:wrap; }
.approval_wrap .approval_box { width:calc(100% / 3 - 40px / 3); background:#fff; border-radius:1.5rem; border:1px solid #dfdfdf; position:relative; transition:all 0.3s; }
.approval_wrap .approval_box:hover { border:1px solid #666; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.approval_wrap .approval_box::after { content:'\e91f'; font-family:'icomoon' !important; position:absolute; top:50%; left:-26px; display:inline-flex; justify-content:center; align-items:center; width:30px; height:30px; background:#fff; border-radius:36px; border:1px solid #666; box-shadow:3px 3px 5px 0 rgba(0,0,0,0.1); font-size:1.5rem; }
.approval_wrap .approval_box:first-child::after { display:none; }
.approval_wrap .approval_box .title { height:38px; padding:0 8px 0 15px; border-bottom:1px solid #ededed; display:flex; justify-content:space-between; border-radius:1.5rem 1.5rem 0 0; align-items:center; background:var(--lg); }
.approval_wrap .approval_box .title strong { font-size:1.4rem; font-weight:800; }
.approval_wrap .approval_box .title .btn_s { font-size:1.2rem; height:24px; padding:0 6px; border-radius:7px !important; }
.article_wrap:has(.approval_wrap.col_over) { padding:2rem 0 0px; }
.approval_wrap.col_over .approval_box { width:300px; }
.approval_wrap.col_over .approval_box:first-child { margin-left:2rem; }
.approval_wrap.col_over .approval_box:last-child { margin-right:2rem; }

.approval_wrap .approval_list_wrap { padding:10px; display:flex; flex-direction:column; gap:5px; }
.approval_wrap .row { font-size:1.3rem; min-height:54px; border-radius:1rem; background:#fff; border:1px solid #dfdfdf; transition:border 0.3s, box-shadow 0.3s; display:flex; }
.approval_wrap .row.ui-sortable-handle { cursor:all-scroll; }
.approval_wrap .row:hover { border:1px solid #666; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.approval_wrap .approval_label {width:75px; flex-direction:column; background:var(--lg); border-radius:1rem 0 0 1rem; display:flex; justify-content:center; align-items:center; gap:2px; font-weight:800; }
.approval_wrap .approval_label ._top { display:flex; gap:3px; }
.approval_wrap .approval_label ._top .btn_icon { width:20px; height:20px; font-size:13px;}
.approval_wrap .approval_label ._bottom .btn_s { border-radius:50px !important; }
.approval_wrap .approval_label .btn_s { padding:1px 7px; height:20px !important; font-size:1.1rem; }
.approval_wrap .approval_label .btn_sq_m { width:28px !important; height:28px !important; }
.approval_wrap .approval_text { width:calc(100% - 75px); padding:0.7rem; display:flex; flex-direction:column; justify-content:center; }
.approval_wrap .approval_text .approver { display:flex; flex-direction:column; gap:6px; font-size:1.2rem; line-height:1em; }
.approval_wrap .approval_state { display:flex; gap:5px; align-items:center; font-size:10px; }
.approval_wrap .approval_state b { color:var(--main); }

.approval_wrap .approval_list_wrap:has(.row.ui-sortable-helper) .row.ui-sortable-helper { opacity:1; border:1px solid #666; box-shadow:0 0 15px 0 rgba(0,0,0,0.3); }
.approval_wrap .approval_list_wrap:has(.row.ui-sortable-helper) .row { opacity:0.5; }

.approval_info_wrap { display:flex; justify-content:space-between; align-items:flex-start; }
.approval_info_box { width:40%; border:1px solid #666; border-radius:10px; overflow:hidden; }
.approval_info_list { width:100%; table-layout:fixed; border-collapse:collapse; font-size:1.2rem; }
.approval_info_list th, .approval_info_list td { width:calc(100% / 3); font-family:N-SquareNeo; border-right:1px solid #dddddd; font-weight:600; line-height:1.5em; vertical-align:middle; text-align:center; }
.approval_info_list th { padding:3px 0; background:var(--th); color:#000;  border-bottom:1px solid #dddddd; }
.approval_info_list td { height: 4.5em; line-height:1.5em; padding:6px; }
.approval_info_list td .state { width:auto; padding:3px 8px; margin-top:3px; font-weight:600; font-size:11px; }
.approval_info_list th:last-child, .approval_info_list td:last-child { border-right:none; }

/*권한관리*/
.authrt_setup { border-top:2px solid #000; margin-top:2rem; }
.authrt_setup .authrt_box { display:flex; align-items:flex-start; position:relative; padding:3rem 0; border-bottom:1px solid #ededed; }
.authrt_setup .authrt_title { width:250px; display:flex; flex-direction:column; gap:1rem; position:sticky; top:2rem; }
.authrt_setup .authrt_title strong { font-size:1.8rem; font-weight:800; }
.authrt_setup .authrt_title p { font-size:1.3rem; color:#767676; font-weight:600; }
.authrt_setup .authrt_content { width:calc(100% - 250px); }
.authrt_setup .row { border-bottom:1px solid #ededed; }
.authrt_setup .row:first-child .authrt_content_title { margin-top:0; }
.authrt_setup .row:has(.authrt_content_title) { border-bottom: 2px solid #000; padding:0; }
.authrt_content_title { font-size:1.6rem; font-weight:800; margin:3rem 0 1rem; }
.authrt_contr { display:flex; justify-content:space-between; }
.authrt_name { font-size:1.4rem; font-weight:600; width:40%; background:#f9f9f9; padding:1.3rem 2rem; }
.authrt_option { font-size:1.3rem; width:60%; padding:1.3rem 2rem; display:flex; justify-content:space-between;}

/*A4 print*/
.print { width:100%; margin:0; padding:0; }
.print .print_wrap { width:100%; height:100%; padding:3em 0; color:#000001; display:block; overflow-y:auto; }
.print .print_area { width:210mm; min-height:297mm; margin:0 auto; padding:13mm; background:white; }
.print .print_area .guideline{font-size: 0.85em; margin-bottom:0.9em;}
.print .print_area .title{ font-size:16pt; font-weight:800; letter-spacing:2px;}

.print.open .print_area { animation:fadeUp 0.4s both; animation-delay:0.3s; }
.print .modal_wrap { width:100%; height:100%; padding:3em 0; color:#000001; display:block; overflow-y:auto; }

.print .print_wrap::-webkit-scrollbar {width:5px; height:8px; }
.print .print_wrap::-webkit-scrollbar-track {background:transparent; }
.print .print_wrap::-webkit-scrollbar-thumb {height:50px; width:50px; background:#999; -webkit-border-radius:8px; border-radius:8px; }

.table_print { width:100%; border-top:2px solid #000001; border:1px solid #000001; table-layout:fixed; font-size:9pt; font-weight:400; page-break-after:auto; }
.table_print th, .table_pirnt td { font-size:1.3rem; vertical-align:middle; line-height:1.5em; border-top:1px solid #000001; border-right:1px solid #000001; }
.table_print th { text-align:center; padding:8px 0px;}
.table_print td { padding:0 5px; position: relative; }
.table_print tr th:last-child, .table_print tr td:last-child { border-right:none; }
.table_print .blue { color:#0348cb; font-weight:600; }
.table_print .page_title th { font-size:12pt !important; }

.table_print_inner { border:none; width:100%; }
.table_print_inner th { border-top: 0;}
.table_print_inner th, .table_print_inner td { padding:5px;border-bottom:1px solid #000001; border-right:1px solid #000001; }
.table_print_inner td { padding:7px; }
.table_print_inner tr th:last-child, .table_print_inner tr td:last-child { border-right:none; }
.table_print_inner tr:last-child th, .table_print_inner tr:last-child td { border-bottom:none; }

.a4 .report_paper { border:1px solid #000001; }
.a4 .report_paper .table_print { border-collapse:collapse; }
.a4 .report_paper .table_print th, .a4 .report_paper .table_print td { font-size:1.3rem; border:1px solid #000001; }
.a4 .report_paper .table_print th { text-align:center; padding:8px;}
.a4 .report_paper .table_print th.bt1 { border-top:2px solid #000001 }
.a4 .report_paper .table_print td { padding:5px; position: relative; }
.a4 .report_paper .table_print .blue { color:#0348cb; font-weight:600; }
.a4 .report_paper .table_print .table_print th, .a4 .report_paper .table_print .table_print td { font-size:8pt; line-height:1.5rem; }

.th_title{display:flex; justify-content: space-around; padding: 0 20px;}
.table_date{width: 227px; float: right; font-size: 13px;font-weight: 600; border: 1px solid #000;border-bottom: 0;display: flex;}
.table_date dt{ width: 113px; padding: 5px 20px;}
.table_date dd{ padding: 5px 20px;}

.height_mt{height:876px;}
.height_basic{height:40px;}
.height_basic1{height:41px;}
.height_2row{height:80px;}

.seal_wrap{width:100%; padding:20px 20px 50px; display:flex; flex-direction:column; justify-content:space-between;}
.seal_wrap .cer_info {width:100%;margin-bottom:30px;}
.seal_wrap .cer_date {display:flex;justify-content:flex-end; gap:30px;}
.seal_wrap .text {  }

.seal_wrap .seal_box {position: relative;}
.seal_box strong{font-size:2em;display: flex;align-items: center;justify-content: center;}
.seal_box i {color:#efefef;font-style:normal;margin-left: 10px;}
.seal_box img {position:absolute; width:70px; left:50%; transform:translateX(100px); top:-28px;}

.table_divide {border-top:2px solid #000001;}

.modal_content .agree_wrap { margin-top:30px; }
.modal_content .agree_wrap .agree_form { border-radius:10px; }
.modal_content .agree_wrap .agree_form .text { font-size:1.3rem; }
.modal_content .agree_wrap .agree_form .checkbox .check label { font-size:1.3rem; }

/*control*/
.print_control_box {width:auto;display:flex; flex-direction:column-reverse; position:fixed; top:30px; right:30px; z-index:1; }
.print_control_box button { color:#777; background:none; width:40px; height:40px; cursor:pointer; border:none; transition:all 0.3s; margin-left:5px; border-radius:60px; font-size:1.4rem; font-weight:400;}
.print_control_box button:hover { color:#fff; }
.print_control_box .btn_print { font-size:18px; }
.print_control_box button::after { border:4px solid #353535; }

@page { size:A4; padding:0; margin:0;}
@media print {
	* { -webkit-box-sizing:border-box; box-sizing: border-box; -webkit-print-color-adjust: exact; }
    .print { height:auto; }
    .print .print_wrap { height:auto; overflow-y:visible; }
    .display_print { background:white; padding:0; }
    .table_pirnt { page-break-inside:auto; }
    .print .print_wrap { padding:0; }
    .print { padding:0; background:white;}
    .print .print_area { display:block; border:none; border-radius:0; margin:0mm; box-shadow:none; page-break-inside:avoid; page-break-after:after; }
   .main_content, .print_control_box, .header, .footer, .print .print_wrap::-webkit-scrollbar, .left_nav { display:none; }
    #contents:has(.modal.print.open) .content_wrap { display:none; position:fixed; height:50vh; }
   .modal:has(.print_area) { background:none; backdrop-filter:blur(0); }
   .modal:has(.print_area) .modal_wrap { display:block; padding:0;}
   .modal:has(.print_area) .modal_wrap .modal_box { position:static; transform:none; }
   .modal:has(.print_area) .modal_title,
   .modal:has(.print_area) .modal_bottom,
   .popup { display:none; }
   .print_area { padding:10mm; }
   .print_area.a4 { width:210mm; height:297mm; }
   .print_area.a4 .report_paper { width:100%; padding:0; border:none; }
   .modal_content { padding:0; overflow:unset; }
   .modal_box .print { padding:0; }
   .modal_box .print::-webkit-scrollbar { display:none; }
}