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


/************************** popup **********************************************************************************************************************************/
/* The Modal (background) */
.modal { display:none; position:fixed; z-index:1000; font-size:15px; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.9); transition:all 0.3s; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); opacity:0; display:none;}
.modal.open { display:block; opacity:1; animation:sitemap 0.4s both cubic-bezier(.22, .61,.36, 1); }

/*popup 전체화면*/
.popup { width:100%; height:100%; padding:0; overflow-y:auto; background:#181818; }
.popup .modal_title { width:100%; height:auto !important; padding:20px; background:rgba(0,0,0,0.7); webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); color:#fff; border-bottom:1px solid #232323; }
.popup .modal_title .inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.popup .modal_title h3 { color:#fff; line-height:1.4em; font-weight:500; }
.popup .modal_title .btn_close { width:40px; height:40px; border:none; color:#fff; opacity:1; }
.popup .modal_title .btn_close:hover { animation:jelly 0.5s both; }
.popup .modal_title .goback { display:none; }
.popup .modal_wrap { min-height:calc(100% - 65px); height:auto; padding:3rem; position:relative; overflow-y:auto; align-items:flex-start; }
.popup .modal_wrap .video_wrap { width:100%; aspect-ratio:16 / 9; object-fit:contain; border-radius:15px; max-width:1300px; display:flex; margin:0 auto; }
.popup::-webkit-scrollbar-thumb { background:rgb(74 74 74); }


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.4s both; animation-delay:0.3s;}

.modal_title { width:100%; height:55px; 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.7rem; 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; border-top:1px solid #ebeff3; display:flex; align-items:center; justify-content:space-between; position:relative; }
.modal_bottom .btn_s { padding:0 15px; font-size:15px; height:32px; 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 { max-height:calc(100dvh - 190px); }
.modal_content h4 { font-size:1.7rem; margin-bottom:1rem; }
.modal_bottom .btn_m { padding:0 16px; }

/* 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_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); }

/*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; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; 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.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_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 { font-size:1.3rem; 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; font-size:1rem;}
.table_pirnt td:has(em) { padding-top:24px; padding-bottom:7px; }
.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;}

.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;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; }
    .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; }
   .main_content { display:none; }
}