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


/************************** popup **********************************************************************************************************************************/
/* The Modal (background) */
.modal { display:none; position:fixed; z-index:9; font-size:15px; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.8); transition:all 0.3s; -webkit-backdrop-filter: blur(5px); backdrop-filter:blur(5px);opacity:0;}
.modal.open { display:block; opacity:1;}

html:has(.modal.open), body:has(.modal.open) { overflow:hidden; }

/* Modal Content/Box */
.modal_wrap { width:100%; height:100%; color:#000; line-height:1.7em; padding:0 3em; display:flex; justify-content:center; align-items:center;}
.modal_box { display:none; background:#fff; width:50%; border-radius:10px; max-width:calc(100% - 2em); max-height:calc(100dvh - 4em); }
.modal.open .modal_box { display:block; animation:fadeUp 0.3s both;}

.modal_title { width:100%; height:60px; display:flex; border-bottom:1px solid #ebeff3; justify-content:space-between; align-items:center; font-weight:600; padding:0 10px 0 20px; }
.modal_title h3 { text-align: left; color: #333; font-size: 1.3em; font-weight:600;}
.modal_content { padding:20px 20px; box-sizing:border-box; width:100%; height:calc(100% - 57px); overflow-y:auto; overflow-x:hidden;}
.modal_bottom { padding:10px; height:65px; border-top:1px solid #ebeff3; display:flex; align-items:center; justify-content:space-between; position:relative; }
.modal_bottom .btn_s { padding:0 20px; font-size:15px; height:43px; border-radius:7px; }
.modal_bottom .pagination { top:50%; transform:translate(-50%,-50%); }
.modal_bottom .pagination li a { min-width:24px; height:24px; line-height:24px; }
.modal_bottom .pagination .first, .modal_bottom .pagination .last { font-size:10px; }
.modal_bottom .pagination .next, .modal_bottom .pagination .prev { font-size:12px; }
.modal:has(.modal_bottom) .modal_content { height:calc(100% - 125px); }

.modal_content .article_wrap .article { margin-bottom:2em; }
.modal_content .article_wrap .article:last-of-type,
.modal_content .article_wrap .article:last-child { margin-bottom:0; }
.modal_content .board_title h4 { font-size:1.2em; margin-bottom:0.5em; }
.modal_content .table_view tr td { font-size:1em; }
.modal_content .board_view_row dd { font-size:1em; }
.modal_content .board_write .row dt,
.modal_content .board_view_row .row dt { font-size:1em; }
.modal_content .board_write .row dd .inputText,
.modal_content .board_write .row dd .file_up label{ border-color:#bbb; }
.modal_content .board_write_row .row dt { font-size:1em; }

/* The Close Button */
.modal_box .btn_close { width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; transition:all 0.3s;}
.modal_box .btn_close_wrap .btn_close { position:absolute;}

.papup_board_top { margin-bottom:20px; }
.papup_board_top .search_box { padding:15px; background:var(--lp); justify-content:center; margin-bottom:20px; }

.modal_content .table_list th,
.modal_content .table_list td { font-size:1rem; border-bottom:1px solid #ededed; vertical-align:middle; text-align:center; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.tab_wrap .modal_content .tab_content { padding-top:0; }

.modal .board_top { flex-direction:row; }
.modal .board_top .total { font-size:14px; }

.modal_subbar { padding:0 10px; border-bottom:1px solid #ebeff3; height:60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.modal_subbar .total { font-size:0.9em; padding-top:15px; }
.modal_subbar .search_box .selectText,
.modal_subbar .search_box .inputText,
.modal_subbar .search_box .btn_search,
.modal_subbar .search_box .btn_detailsearch { height:38px; font-size:1em; }
.modal_subbar .search_box .inputText { width:200px; }
.modal_subbar .search_box .btn_search { width:38px; font-size:1.2em; }
.modal_box:has(.modal_subbar) .modal_content { height:calc(100% - 185px); }

.modal_title:has(.tabs) { border-bottom:1px solid #cbd6e1; padding:0px 10px 0 13px; }
.tab_wrap .modal_title .tabs { height:45px; border-bottom:none; transform: translateY(8px); }
.tab_wrap .modal_title .tabs li { height:45px; }

/*A4 print*/
.print { width:100%; margin:0; padding:0; background:#222; }
.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{width: 100%; border-top: 3px solid #000001; margin-bottom: 3mm; text-align: center; font-size: 1.8em; font-weight:800; padding: 10px 0; border-bottom: 3px solid #000001;}

.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_pirnt { 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_pirnt th, .table_pirnt td { vertical-align:middle; line-height:1.5em; border-top:1px solid #000001; border-right:1px solid #000001; }
.table_pirnt th { text-align:center; padding:8px 0px;}
.table_pirnt td { padding:0 5px; position: relative; }
.table_pirnt td em{ position: absolute; top:3px; left:5px;}
.table_pirnt tr th:last-child, .table_pirnt tr td:last-child { border-right:none; }

.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; }

.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;}

/*control*/
.print_control_box {width:auto;display:flex;position:fixed; top:30px; right:30px; z-index:1; }
.print_control_box button { color:#fff; background:#000; width:45px; height:45px; cursor:pointer; border:none; transition:all 0.3s; margin-left:5px; border-radius:60px; font-size:14px; font-weight:400;}
.print_control_box button:hover { background:#0041ff; color:#fff; }
.print_control_box .btn_print { font-size:18px; }

@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; }
    .print_control_box, .header, .footer, .print .print_wrap::-webkit-scrollbar { display:none; }
    #contents:has(.modal.print.open) .content_wrap { display:none; position:fixed; height:50vh; }
}