@charset "UTF-8";

.modules_board .proc_list .list	{}

.modules_board .proc_list .list ul	{ display: flex; flex-wrap: wrap; gap: 40px 0; margin: 0 -20px; }
.modules_board .proc_list .list ul li	{ flex: 0 1 100%; padding: 20px; }
	.modules_board .proc_list .list ul.cols_count_2 li	{ flex: 0 1 50%; }
	.modules_board .proc_list .list ul.cols_count_3 li	{ flex: 0 1 calc(100% / 3); }
	.modules_board .proc_list .list ul.cols_count_4 li	{ flex: 0 1 25%; }
	.modules_board .proc_list .list ul.cols_count_5 li	{ flex: 0 1 20%; }
	.modules_board .proc_list .list ul.cols_count_6 li	{ flex: 0 1 calc(100% / 6); }
	.modules_board .proc_list .list ul.cols_count_7 li	{ flex: 0 1 calc(100% / 7); }
	.modules_board .proc_list .list ul.cols_count_8 li	{ flex: 0 1 calc(100% / 8); }
	.modules_board .proc_list .list ul.cols_count_9 li	{ flex: 0 1 calc(100% / 9); }
	.modules_board .proc_list .list ul.cols_count_10 li	{ flex: 0 1 10%; }
.modules_board .proc_list .list ul li a	{ position: relative; display: block; }
.modules_board .proc_list .list ul li a .image	{ display: flex; justify-content: center; align-items: center; margin: 0 0 25px 0; overflow: hidden; }
.modules_board .proc_list .list ul li a .image img	{ display: block; max-width: 100%; object-fit: cover; aspect-ratio: 40 / 26; transition-duration: .3s; }
.modules_board .proc_list .list ul li a .category	{ position: absolute; left: 0; top: 0; display: inline-block; min-width: 100px; line-height: 1.3; padding: 5px; margin: 0; border: 1px solid #ddd; background-color: #f0f0f0; text-align: center; font-size: 0.9em; opacity: 0.75; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); }
.modules_board .proc_list .list ul li a .status	{ position: absolute; right: 0; top: 0; display: inline-block; min-width: 100px; line-height: 1.3; padding: 5px; margin: 0; border: 1px solid #ddd; background-color: #f0f0f0; text-align: center; font-size: 0.9em; color: var(--red); opacity: 0.75; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); }
.modules_board .proc_list .list ul li a .title	{ display: block; line-height: 1.5; margin: 25px 0; font-size: 20px; font-weight: var(--font-bold); }
.modules_board .proc_list .list ul li a .date	{ display: block; line-height: 1.1; font-size: 0.9em; opacity: 0.75; }

.modules_board .proc_list .list ul li a:focus, .modules_board .proc_list .list ul li a:hover, .modules_board .proc_list .list ul li a:active	{ background-color: #fafafa; }
.modules_board .proc_list .list ul li a:focus .image img, .modules_board .proc_list .list ul li a:hover .image img, .modules_board .proc_list .list ul li a:active .image img	{ transform: scale(1.05); }



.modules_board .proc_list .list .modal	{ display: none; }
.modules_board .proc_list .list .modal.show	{ display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; z-index: 99995; width: 100%; height: 100%; padding: 0; margin: 0; outline: 0 none; background: rgba(0, 0, 0, 0.3); }
.modules_board .proc_list .list .modal.show.over	{ align-items: flex-start; }
.modules_board .proc_list .list .modal .modal_content	{ max-height: 100%; padding: 0; overflow: auto; }
.modules_board .proc_list .list .modal .modal_content .modal_body	{ position: relative; max-width: 1000px; padding: 40px; background-color: #fff; }

.modules_board .proc_list .list .gallery_view	{ position: relative; }
.modules_board .proc_list .list .gallery_view h3	{ line-height: 1.1; padding: 0 30px 0 0; margin: 0 0 15px 0; font-size: 25px; font-weight: 700; }
.modules_board .proc_list .list .gallery_view .date	{ margin-bottom: 40px; }
.modules_board .proc_list .list .gallery_view .date dt	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_board .proc_list .list .gallery_view .date dd	{ color: #999; font-size: 17px; font-weight: 500px; }
.modules_board .proc_list .list .gallery_view .gallery_images	{ display: flex; gap: 20px; margin-bottom: 40px; }
.modules_board .proc_list .list .gallery_view .gallery_images .big_img	{ flex: 1 1 auto; display: flex; align-items: center; justify-content: center; }
.modules_board .proc_list .list .gallery_view .gallery_images .big_img img	{ display: block; max-width: 100%; max-height: 100%; }
.modules_board .proc_list .list .gallery_view .gallery_images ul	{ flex: 0 0 160px; display: flex; flex-direction: column; gap: 10px; padding: 0; margin: 0; }
.modules_board .proc_list .list .gallery_view .gallery_images ul li	{ flex: none; padding: 0; margin: 0; }
.modules_board .proc_list .list .gallery_view .gallery_images ul li button	{ display: block; padding: 0; margin: 0; border: 0 none; background: transparent; }
.modules_board .proc_list .list .gallery_view .gallery_images ul li img	{ display: block; max-width: 100%; max-height: 100%; }
.modules_board .proc_list .list .gallery_view .order_close	{ position: absolute; right: 0; top: 0; }
.modules_board .proc_list .list .gallery_view .order_close button	{ position: relative; width: 20px; height: 20px; padding: 0; margin: 0; border: 0 none; background: transparent; text-indent: -9999px; overflow: hidden; vertical-align: top; }
.modules_board .proc_list .list .gallery_view .order_close button:before	{ position: absolute; left: -2px; top: 4px; width: 12px; height: 12px; border-width: 2px 2px 0 0; border-style: solid; border-color: #333; transform: rotate(45deg); content: ""; }
.modules_board .proc_list .list .gallery_view .order_close button:after	{ position: absolute; left: 12px; top: 4px; width: 12px; height: 12px; border-width: 0 0 2px 2px; border-style: solid; border-color: #333; transform: rotate(45deg); content: ""; }
.modules_board .proc_list .list .gallery_view .order_close button:focus, .modules_board .proc_list .list .gallery_view .order_close button:hover, .modules_board .proc_list .list .gallery_view .order_close button:active	{ background-color: #333; }
.modules_board .proc_list .list .gallery_view .order_close button:focus:before, .modules_board .proc_list .list .gallery_view .order_close button:hover:before, .modules_board .proc_list .list .gallery_view .order_close button:active:before,
.modules_board .proc_list .list .gallery_view .order_close button:focus:after, .modules_board .proc_list .list .gallery_view .order_close button:hover:after, .modules_board .proc_list .list .gallery_view .order_close button:active:after	{ border-color: #fff; }
.modules_board .proc_list .list .gallery_view .gallery_text	{}
.modules_board .proc_list .list .gallery_view .gallery_text:after	{ display: block; clear: both; content: ""; }
.modules_board .proc_list .list .gallery_view .gallery_order	{ display: flex; align-items: center; justify-content: center; padding-top: 20px; margin-top: 40px; border-top: 1px dashed #c8c8c8; }
.modules_board .proc_list .list .gallery_view .gallery_order a	{ display: inline-flex; }







.modules_board .proc_read .read_header h3	{ display: flex; align-items: center; gap: 15px; line-height: 1.2; padding: 30px 25px; border-top: 2px solid var(--black); }
.modules_board .proc_read .read_header h3 strong	{ line-height: 34px; padding: 0 25px; border: 1px solid var(--black); font-size: 17px; font-weight: var(--font-sami-bold); }
.modules_board .proc_read .read_header dl	{ display: flex; flex-wrap: wrap; height: 55px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.modules_board .proc_read .read_header dl dt	{ flex: 0 0 10%; display: flex; align-items: center; justify-content: center; border-top: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #fafafa; font-weight: var(--font-sami-bold); }
.modules_board .proc_read .read_header dl dd	{ flex: 0 0 23.33%; display: flex; align-items: center; justify-content: center; border-top: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #fff; }

.modules_board .proc_read .read_content	{ margin: 40px 0; }
.modules_board .proc_read .read_content:after	{ display: block; clear: both; content: ""; }

.modules_board .proc_read .read_content img	{ max-width: 100%; }

.modules_board .proc_read .read_file	{ padding: 15px 25px; margin: 40px 0; background-color: #f8f8f8; }
.modules_board .proc_read .read_file ol	{}
.modules_board .proc_read .read_file ol li	{ display: flex; align-items: center; }
.modules_board .proc_read .read_file ol li + li	{ padding-top: 10px; margin-top: 10px; border-top: 1px dashed #ddd; }
.modules_board .proc_read .read_file ol li:before	{ display: block; width: 3px; height: 3px; margin-right: 10px; background-color: #333; content: ""; }
.modules_board .proc_read .read_file ol li strong	{ font-weight: var(--font-sami-bold); }
.modules_board .proc_read .read_file ol li .file_info	{ display: inline-block; margin: 0 20px; font-size: 0.9em; opacity: 0.75; }
.modules_board .proc_read table tbody tr td	{ text-align: left; }

.modules_board .proc_read img.extension	{ width: 25px; height: 25px; border: 0 none; }
.modules_board .proc_read img.extension + *	{ margin-left: 10px; }