.board_page { width: min(1120px, calc(100% - 80px)); min-height: 70vh; margin: 0 auto; padding: 84px 0 120px; } 
.board_heading { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding-bottom: 42px; } 
.board_heading p { margin: 0; color: #232323; font-size: 13px; font-weight: 700; } 
.board_heading h1 { margin: 0; color: #232323; font-size: 36px; line-height: 1.25; letter-spacing: 0; } 
.board_heading span { color: rgba(56, 61, 63, 0.6); font-size: 14px; } 
.board_categories { overflow-x: auto; border-bottom: 1px solid #eeeeee; } 
.board_category_list { display: flex; min-width: max-content; margin: 0; padding: 0; list-style: none; } 
.board_category_list li { margin: 0; } 
.board_category_list a { display: flex; align-items: center; min-height: 50px; padding: 0 22px; border-bottom: 2px solid transparent; color: rgba(56, 61, 63, 0.65); font-size: 14px; font-weight: 500; text-decoration: none; } 
.board_category_list li.active a { border-color: #232323; color: #232323; font-weight: 700; } 
.board_post_category_list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; padding: 0; list-style: none; } 
.board_post_category_list a { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 0 15px; border: 1px solid #d9d9d9; border-radius: 4px; color: #666666; font-size: 12px; text-decoration: none; } 
.board_post_category_list a.active { border-color: #232323; background: #232323; color: #ffffff; font-weight: 700; } 
.board_content { padding-top: 40px; } 
.custom_board { width: 100%; } 
.board_tools { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; } 
.board_search_form { display: flex; align-items: stretch; overflow: hidden; width: min(370px, 100%); height: 40px; border: 1px solid #d9d9d9; border-radius: 5px; background: #ffffff; } 
.board_search_form input[type="search"] { width: 100%; min-width: 0; height: 100%; margin: 0; padding: 0 14px; border: 0; outline: 0; color: #111111; background: transparent; font: inherit; font-size: 16px; font-weight: 400; line-height: 26px; } 
.board_search_form input[type="search"]::placeholder { color: #888888; font-size: 16px; font-weight: 400; } 
.board_search_form button { flex: 0 0 64px; height: 100%; padding: 0; border: 0; border-left: 1px solid #eeeeee; background: #ffffff; color: #232323; font: inherit; font-size: 13px; font-weight: 500; cursor: pointer; } 
.write_btn { display: flex; align-items: center; justify-content: center; flex: 0 0 120px; width: 120px; height: 40px; border-radius: 5px; background: #232323; } 
.write_btn .board_primary_button { width: 100%; height: 100%; min-height: 0; padding: 0; border: 0; background: transparent; color: #ffffff; } 
.board_primary_button, .board_secondary_button, .board_danger_button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 18px; border-radius: 5px; font: inherit; font-size: 13px; font-weight: 700; text-decoration: none; cursor: pointer; } 
.board_primary_button { border: 1px solid #232323; background: #232323; color: #ffffff; } 
.board_secondary_button { border: 1px solid #d9d9d9; background: #ffffff; color: #383d3f; } 
.board_danger_button { border: 1px solid #d96060; background: #ffffff; color: #c64242; } 
.board_table_scroll { overflow-x: auto; margin-top: 40px; padding-bottom: 40px; } 
.board_table { width: 100%; min-width: 720px; border-spacing: 0; border-collapse: separate; table-layout: fixed; } 
.board_table caption { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(0 0 0 0); } 
.board_table .number_col { width: 80px; } 
.board_table .author_col, .board_table .date_col { width: 100px; } 
.board_table .view_col { width: 80px; } 
.board_table th { height: 40px; padding: 0; border: 0; background: #eeeeee; color: #232323; font-size: 16px; font-weight: 500; line-height: 24px; text-align: center; } 
.board_table th:first-of-type { border-radius: 5px 0 0 5px; } 
.board_table th:last-of-type { border-radius: 0 5px 5px 0; } 
.board_table td { overflow: hidden; height: 50px; max-width: 100px; padding: 0; border: 0; border-bottom: 1px solid #eeeeee; color: rgba(56, 61, 63, 0.5); font-size: 16px; font-weight: 500; line-height: 24px; text-align: center; text-overflow: ellipsis; white-space: nowrap; } 
.board_table .board_subject { padding: 0 20px; text-align: left; } 
.board_subject a { display: block; overflow: hidden; margin: 0; color: #232323; font-size: 16px; font-weight: 500; line-height: 24px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } 
.board_subject a b { color: #232323; font-size: 12px; font-weight: 700; } 
.board_subject a:hover { color: #232323; } 
.board_subject span { display: inline-flex; align-items: center; justify-content: center; height: 25px; margin-left: 8px; padding: 0 7px; border: 1px solid #232323; background: #ffffff; color: #232323; font-size: 11px; } 
.board_empty { display: flex; align-items: center; justify-content: center; min-height: 180px; margin: 40px 0 0; padding: 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; border-radius: 0; background: transparent; color: rgba(56, 61, 63, 0.5); font-size: 15px; } 
.board_gallery_list { display: flex; flex-wrap: wrap; gap: 40px 20px; margin: 40px 0 0; padding: 0; list-style: none; } 
.board_gallery_list > li { width: calc((100% - 60px) / 4); } 
.board_gallery_list > li > a { display: flex; width: 100%; flex-direction: column; color: inherit; text-decoration: none; } 
.board_gallery_image { display: flex; align-items: center; justify-content: center; overflow: hidden; width: 100%; height: 240px; border-radius: 5px; background: #eeeeee; color: #888888; font-size: 12px; } 
.board_gallery_image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.25s ease; } 
.board_gallery_list a:hover .board_gallery_image img { transform: scale(1.03); } 
.board_gallery_copy { display: flex; flex-direction: column; align-items: center; gap: 4px; padding-top: 10px; text-align: center; } 
.board_gallery_copy strong { overflow: hidden; width: 100%; margin: 0; color: #232323; font-size: 16px; font-weight: 500; line-height: 26px; text-overflow: ellipsis; white-space: nowrap; } 
.board_gallery_copy em { color: #232323; font-size: 11px; font-style: normal; font-weight: 700; } 
.board_gallery_copy span, .board_gallery_copy small { color: rgba(56, 61, 63, 0.5); font-size: 13px; font-weight: 500; line-height: 20px; } 
.board_pagination { display: flex; justify-content: center; margin-top: 40px; } 
.board_pagination ol { display: flex; flex-direction: row; gap: 8px; margin: 0; padding: 0; list-style: none; } 
.board_pagination li { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; } 
.board_pagination a { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border: 0; color: #aaaaaa; font-size: 16px; font-weight: 500; text-decoration: none; } 
.board_pagination a.active { background: transparent; color: #232323; font-weight: 700; } 
.board_pagination a.active::after { position: absolute; bottom: 3px; width: 8px; height: 2px; background: #232323; content: ""; } 
.board_read_header { display: flex; flex-direction: column; gap: 22px; padding: 28px 24px 20px; border-top: 2px solid #232323; border-bottom: 1px solid #eeeeee; } 
.board_read_header > div { display: flex; flex-direction: column; gap: 8px; } 
.board_read_header span { color: #232323; font-size: 12px; font-weight: 700; } 
.board_read_header h2 { margin: 0; color: #232323; font-size: 24px; letter-spacing: 0; } 
.board_read_header dl { display: flex; gap: 28px; margin: 0; } 
.board_read_header dl div { display: flex; gap: 8px; } 
.board_read_header dt, .board_read_header dd { margin: 0; color: rgba(56, 61, 63, 0.6); font-size: 12px; } 
.board_read_header dt { font-weight: 700; } 
.board_read_content { min-height: 360px; padding: 52px 24px; border-bottom: 1px solid #eeeeee; } 
.board_read_content p { margin: 0; color: #383d3f; font-size: 15px; line-height: 1.9; } 
.board_rich_content { overflow-wrap: anywhere; color: #383d3f; font-size: 15px; line-height: 1.9; } 
.board_rich_content > *:first-child { margin-top: 0; } 
.board_rich_content > *:last-child { margin-bottom: 0; } 
.board_rich_content img { max-width: 100%; height: auto; } 
.board_rich_content a { color: #81642f; } 
.board_video { position: relative; overflow: hidden; width: min(900px, 100%); aspect-ratio: 16 / 9; margin: 0 auto 36px; background: #111111; } 
.board_video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } 
.board_attachments { margin-top: 44px; padding-top: 22px; border-top: 1px solid #eeeeee; } 
.board_attachments h3 { margin: 0 0 12px; color: #232323; font-size: 13px; } 
.board_attachments ul { margin: 0; padding: 0; list-style: none; } 
.board_attachments li + li { margin-top: 6px; } 
.board_attachments a { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 40px; padding: 0 12px; border: 1px solid #eeeeee; color: #383d3f; font-size: 12px; text-decoration: none; } 
.board_attachments a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.board_attachments a small { flex: 0 0 auto; color: #888888; } 
.board_read_image { display: block; max-width: 100%; height: auto; margin: 0 auto 36px; } 
.board_action_bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 22px; } 
.board_action_bar > div { display: flex; gap: 8px; } 
.board_movement { margin: 44px 0 0; padding: 0; border-top: 1px solid #eeeeee; list-style: none; } 
.board_movement li { display: flex; gap: 20px; padding: 16px 18px; border-bottom: 1px solid #eeeeee; } 
.board_movement span { flex: 0 0 44px; color: rgba(56, 61, 63, 0.6); font-size: 13px; } 
.board_movement a { overflow: hidden; color: #383d3f; font-size: 13px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } 
.board_post_form { border-top: 2px solid #232323; } 
.board_form_row { display: flex; align-items: stretch; min-height: 64px; border-bottom: 1px solid #eeeeee; } 
.board_form_row > span:first-child { display: flex; align-items: center; flex: 0 0 160px; gap: 8px; padding: 14px 18px; background: #f7f7f7; color: #383d3f; font-size: 13px; font-weight: 700; } 
.board_form_row em { color: #d96060; font-size: 10px; font-style: normal; } 
.board_form_row > input, .board_form_row > textarea, .board_form_row > select { flex: 1 1 auto; min-width: 0; margin: 10px 12px; padding: 10px 12px; border: 1px solid #d9d9d9; border-radius: 5px; background: #ffffff; color: #232323; font: inherit; font-size: 13px; } 
.board_content_row { min-height: 360px; } 
.board_content_row > span:first-child { align-items: flex-start; padding-top: 20px; } 
.board_content_row textarea { resize: vertical; line-height: 1.7; } 
.board_editor_field { display: flex; flex: 1 1 auto; min-width: 0; flex-direction: column; margin: 10px 12px; } 
.board_editor_field > [data-board-editor] { min-height: 340px; padding: 12px; border: 1px solid #d9d9d9; color: #232323; font-size: 14px; line-height: 1.7; } 
.board_editor_field > textarea { min-height: 340px; padding: 14px; border: 1px solid #d9d9d9; resize: vertical; } 
.board_editor_field.editor_ready > textarea { display: none; } 
.board_editor_field > small { margin-top: 7px; color: #888888; font-size: 11px; } 
.board_editor_field [class^="ql"][class*="toolbar"] { display: flex; flex-wrap: wrap; gap: 2px; border-color: #d9d9d9; font-family: inherit; } 
.board_editor_field [class^="ql"][class*="container"] { min-height: 340px; border-color: #d9d9d9; font-family: inherit; } 
.board_editor_field [class^="ql"][class*="editor"] { min-height: 340px; font-size: 14px; line-height: 1.7; } 
.board_file_field { display: flex; align-items: flex-start; flex: 1 1 auto; min-width: 0; flex-direction: column; justify-content: center; gap: 6px; padding: 10px 12px; color: #383d3f; } 
.board_file_field input { max-width: 100%; font-size: 12px; } 
.board_file_field small { color: #888888; font-size: 11px; } 
.board_file_field strong { color: #555555; font-size: 11px; font-weight: 500; } 
.board_thumbnail_preview { width:180px; aspect-ratio:4 / 3; object-fit:cover; border:1px solid #e1e1e1; border-radius:5px; } 
.board_file_remove { display:flex; align-items:center; gap:7px; color:#555555; font-size:12px; cursor:pointer; }
.board_file_remove input { width:16px; height:16px; margin:0; }
.board_existing_attachments { display:flex; width:100%; flex-direction:column; gap:7px; margin:0 0 6px; padding:0; list-style:none; }
.board_existing_attachments li { display:flex; width:100%; align-items:center; justify-content:space-between; gap:12px; border:1px solid #e1e1e1; border-radius:4px; padding:8px 10px; background:#ffffff; }
.board_existing_attachments a { min-width:0; overflow:hidden; color:#383d3f; text-overflow:ellipsis; white-space:nowrap; }
.board_existing_attachments label { display:flex; flex:0 0 auto; align-items:center; gap:5px; cursor:pointer; }
.board_existing_attachments input { width:15px; height:15px; margin:0; }
.board_captcha_field { display: flex; align-items: center; flex: 1 1 auto; flex-wrap: wrap; gap: 8px; padding: 10px 12px; } 
.board_captcha_field > div { display: flex; align-items: center; height: 40px; gap: 8px; border: 0; } 
.board_captcha_field img { width: 165px; height: 40px; object-fit: cover; } 
.board_captcha_field button { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 8px; background: var(--primary_col); cursor: pointer; } 
.board_captcha_field button .icon_refresh { width: 26px; height: 26px; } 
.board_captcha_field > input:not([type="hidden"]) { width: min(180px, 100%); height: 40px; padding: 0 12px; border: 1px solid #d9d9d9; font: inherit; font-size: 12px; background: #fff; } 
.board_check_field { display: flex; align-items: center; gap: 8px; padding: 0 14px; color: #383d3f; font-size: 13px; } 
.board_check_field input { width: 16px; height: 16px; } 
.board_form_message { margin: 12px 0 0; color: #c64242; font-size: 13px; } 
.board_access_required { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; min-height: 280px; border-top: 2px solid #232323; border-bottom: 1px solid #eeeeee; } 
.board_access_required p { margin: 0; color: rgba(56, 61, 63, 0.6); font-size: 14px; } 
.board_comments { margin-top: 54px; padding-top: 24px; border-top: 2px solid #232323; } 
.board_comments > header { display: flex; align-items: center; justify-content: space-between; } 
.board_comments h3 { margin: 0; color: #232323; font-size: 18px; } 
.board_comments h3 span { color: #232323; } 
.board_comments > ul { margin: 18px 0 0; padding: 0; border-top: 1px solid #eeeeee; list-style: none; } 
.board_comments > ul > li { position: relative; padding: 18px 12px; border-bottom: 1px solid #eeeeee; } 
.board_comments > ul > li > div { display: flex; align-items: center; gap: 12px; } 
.board_comments > ul strong { color: #232323; font-size: 13px; } 
.board_comments > ul time { color: #999999; font-size: 11px; } 
.board_comments > ul p { margin: 8px 80px 0 0; color: #555555; font-size: 13px; line-height: 1.7; } 
.board_comments > ul button { position: absolute; top: 17px; right: 12px; padding: 4px 8px; border: 1px solid #d9d9d9; background: #ffffff; color: #777777; font-size: 11px; cursor: pointer; } 
.board_comments .board_comment_empty { color: #888888; font-size: 12px; text-align: center; } 
.board_comment_form { display:flex; align-items:flex-start; flex-wrap:wrap; gap: 15px; margin-top: 20px; padding: 20px; background: #f9f9f9; border-radius: 10px; } 
.board_comment_form > label { display:flex; flex:0 0 180px; flex-direction:column; gap:8px; color:#555; font-size:12px; } 
.board_comment_form > label input, .board_comment_form > label textarea { width:100%; height: 40px; padding:12px; border:1px solid #d9d9d9; background:#fff; font:inherit; font-size:13px; } 
.board_comment_form .board_comment_content { flex:1 1 360px; } 
.board_comment_form .board_comment_content textarea { resize: none; } 
.board_comment_form > .board_captcha_row { flex:1 1 100%; border:0; background:transparent; min-height: initial; } 
.board_comment_form > .board_captcha_row > span:first-child { flex:0 0 180px; padding:0; background:transparent; margin-right: 15px; } 
.board_comment_form > .board_captcha_row .board_captcha_field { padding:0; } 
.board_comment_form > .board_form_message { flex:1 1 100%; margin:0; } 
.board_comment_form > .board_primary_button { min-width:100px; margin-left:auto; } 
.board_index_heading { padding-bottom: 32px; } 
.board_index_content { padding-top: 0; } 
.board_index_list { display: flex; flex-direction: column; margin: 0; padding: 0; border-top: 2px solid #232323; list-style: none; } 
.board_index_list li { border-bottom: 1px solid #eeeeee; } 
.board_index_list a { display: flex; align-items: center; gap: 24px; min-height: 86px; padding: 16px 20px; color: inherit; text-decoration: none; } 
.board_index_list span { flex: 0 0 100px; color: #232323; font-size: 11px; font-weight: 700; } 
.board_index_list strong { flex: 0 0 180px; color: #232323; font-size: 17px; } 
.board_index_list small { color: rgba(56, 61, 63, 0.6); font-size: 13px; } 
.workflow_table_scroll { width: 100%; overflow-x: auto; } 
.workflow_table { width: 100%; min-width: 1120px; border-collapse: collapse; table-layout: fixed; } 
.workflow_table caption { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(0 0 0 0); } 
.workflow_table th { height: 58px; padding: 0 14px; color: #202631; background: #f7f8fa; border-top: 2px solid #252a31; border-bottom: 1px solid #d7dbe1; font-size: 14px; font-weight: 700; text-align: center; } 
.workflow_table td { height: 76px; padding: 12px 14px; color: #303641; border-bottom: 1px solid #e1e4e8; font-size: 14px; text-align: center; vertical-align: middle; } 
.workflow_table th:nth-child(1), .workflow_table td:nth-child(1) { width: 110px; } 
.workflow_table th:nth-child(2), .workflow_table td:nth-child(2) { width: 140px; } 
.workflow_table th:nth-child(3), .workflow_table td:nth-child(3) { width: 170px; } 
.workflow_table th:nth-last-child(2), .workflow_table td:nth-last-child(2) { width: auto; } 
.workflow_table th:last-child, .workflow_table td:last-child { width: 130px; } 
.workflow_table tr.draft { background: #fafafa; opacity: .65; } 
.workflow_steps { display: flex; width: 100%; align-items: center; justify-content: center; margin: 0; padding: 0; list-style: none; } 
.workflow_steps li { display: flex; min-width: 0; flex: 1; align-items: center; justify-content: center; color: #4c535d; font-size: 13px; white-space: nowrap; } 
.workflow_steps li:not(:last-child)::after { display: block; flex: 0 0 28px; color: #8b929c; content: '›'; font-size: 20px; text-align: center; } 
.workflow_steps li.complete { color: #e96c2c; } 
.workflow_steps li.active span { min-height: 34px; padding: 0 15px; color: #fff; background: #ff8647; border-radius: 18px; font-weight: 700; line-height: 34px; } 
.workflow_proof_button, .workflow_action_button { display: inline-flex; min-width: 92px; min-height: 34px; align-items: center; justify-content: center; padding: 0 14px; color: #35383d; background: #fff; border: 1px solid #aaa59f; border-radius: 18px; font-size: 13px; text-decoration: none; } 
.workflow_proof_button.requested { color: #fff; background: #8e8984; border-color: #8e8984; font-weight: 700; } 
.workflow_proof_button.approved { color: #fff; background: #257d67; border-color: #257d67; font-weight: 700; } 
.workflow_proof_button.disabled, .workflow_action_button.disabled { color: #9298a0; background: #f5f6f7; border-color: #d9dde2; cursor: default; } 
.workflow_empty_cell { height: 160px !important; color: #747b85 !important; } 
.workflow_pagination:empty { display: none; } 
.workflow_table { min-width: 1120px; } 
.workflow_table th:nth-child(4), .workflow_table td:nth-child(4) { width: 120px; } 
.workflow_table th:nth-child(5), .workflow_table td:nth-child(5) { width: 450px; } 
.workflow_steps li { min-width: 100px; flex: 1 1 100px; font-size: 11px; } 
.workflow_steps li:not(:last-child)::after { flex-basis: 14px; } 
.workflow_steps li.active span { padding: 0 8px; } 
.center_news_page { width:100%; } 
.center_news_content { width:min(1440px, calc(100% - 80px)); margin:0 auto; padding:110px 0 140px; } 
.center_news_board { width:100%; } 
.center_news_tools { display:flex; align-items:center; justify-content:center; position:relative; } 
.center_news_search { display:flex; align-items:center; justify-content:center; gap:8px; } 
.center_news_search select, .center_news_search input, .center_news_search button { height:44px; margin:0; border:1px solid #e0e0e0; border-radius:8px; background:#fff; color:#111; font:inherit; font-size:15px; font-weight:500; line-height:1.6; } 
.center_news_search select { width:110px; flex:0 0 110px; padding:0 38px 0 16px; appearance:none; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E") no-repeat right 14px center / 18px 18px; cursor:pointer; } 
.center_news_search input { width:260px; min-width:0; padding:0 16px; outline:0; } 
.center_news_search input::placeholder { color:#888; } 
.center_news_search button { width:110px; border-color:#eb178d; background:#eb178d; color:#fff; cursor:pointer; } 
.center_news_write { display:flex; align-items:center; justify-content:center; width:110px; height:44px; border:1px solid #eb178d; border-radius:8px; color:#eb178d; font-size:15px; font-weight:500; text-decoration:none; margin-left: 8px; } 
.center_news_list { display:flex; flex-wrap:wrap; gap:50px 40px; margin:50px 0 0; padding:0; list-style:none; } 
.center_news_list > li { width:calc((100% - 120px) / 4); min-width:0; } 
.center_news_list > li > a { display:flex; flex-direction:column; width:100%; color:inherit; text-decoration:none; } 
.center_news_image { display:flex; align-items:center; justify-content:center; overflow:hidden; width:100%; aspect-ratio:1; border-radius:20px; background:#f3f3f3; color:#888; font-size:13px; } 
.center_news_image img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; } 
.center_news_list a:hover .center_news_image img { transform:scale(1.03); } 
.center_news_copy { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding-top:16px; } 
.center_news_copy strong { display:-webkit-box; overflow:hidden; width:100%; min-height:58px; color:#111; font-size:18px; font-weight:500; line-height:1.6; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; } 
.center_news_copy time { color:#888; font-size:16px; font-weight:500; line-height:1.6; } 
.center_news_pagination { margin-top:72px; } 
.center_news_pagination ol { gap:0; } 
.center_news_pagination li { width:40px; height:40px; } 
.center_news_pagination a { color:#111; font-size:15px; } 
.center_news_pagination a.active { border-radius:50%; background:#eb178d; color:#fff; } 
.center_news_pagination a.active::after { display:none; } 
.center_news_pagination a.pagination_arrow { color:#888; font-size:22px; font-weight:400; } 
@media (max-width:1024px) { 
 body:has(.board_post_form) .quick_side, .quick_side { display:none; } 
 .board_page { width:calc(100% - 40px); padding:58px 0 80px; } 
 .board_heading { padding-bottom:30px; } 
 .board_heading h1 { font-size:28px; } 
 .board_category_list a { padding:0 16px; } 
 .board_tools { flex-direction:column; } 
 .board_search_form { width:100%; max-width:420px; } 
 .write_btn { flex-basis:40px; } 
 .board_gallery_list { gap:30px 20px; } 
 .board_gallery_list > li { width:auto; min-width:0; flex:1 1 240px; } 
 .board_gallery_image { height:240px; } 
 .board_table { min-width:0; } 
 .board_table th, .board_table td, .board_subject a { font-size:13px; } 
 .board_table th:nth-child(3), .board_table td:nth-child(3), .board_table th:nth-child(5), .board_table td:nth-child(5) { display:none; } 
 .board_table th:nth-child(1), .board_table td:nth-child(1) { width:54px; } 
 .board_table th:nth-child(4), .board_table td:nth-child(4) { width:88px; } 
 .board_table .board_subject { padding:0 10px; } 
 .board_read_header { padding-right:12px; padding-left:12px; } 
 .board_read_header dl { flex-wrap:wrap; gap:10px 18px; } 
 .board_read_content { min-height:280px; padding:36px 12px; } 
 .board_form_row { flex-direction:column; } 
 .board_form_row > span:first-child { flex-basis:auto; min-height:44px; } 
 .board_content_row { min-height:320px; } 
 .board_comment_form { gap:12px; padding:16px; } 
 .board_comment_form > label { flex-basis:100%; } 
 .board_comment_form > .board_comment_author input, .board_comment_form > .board_comment_password input { height:44px; min-height:44px; } 
 .board_comment_form .board_comment_content textarea { height:100px; min-height:100px; } 
 .board_comment_form > .board_captcha_row > span:first-child { flex:0 0 auto; width:100%; min-height:auto; } 
 .board_comment_form > .board_captcha_row .board_captcha_field { width:100%; } 
 .board_comment_form > .board_primary_button { width:100%; margin-left:0; } 
 .board_index_list a { align-items:flex-start; flex-direction:column; gap:6px; } 
 .board_index_list span, .board_index_list strong { flex-basis:auto; } 
 .workflow_table_scroll { overflow:visible; } 
 .workflow_table { display:block; min-width:0; } 
 .workflow_table thead { width:1px; height:1px; position:absolute; overflow:hidden; clip:rect(0 0 0 0); } 
 .workflow_table tbody { display:flex; flex-direction:column; gap:12px; } 
 .workflow_table tr { display:flex; flex-wrap:wrap; padding:14px; border:1px solid #dfe3e8; border-radius:6px; background:#fff; } 
 .workflow_table td, .workflow_table th:nth-child(n), .workflow_table td:nth-child(n) { display:flex; align-items:center; width:100%; height:auto; min-height:42px; padding:7px 0; border-bottom:1px solid #eef0f3; text-align:left; } 
 .workflow_table td::before { content:attr(data-label); width:105px; flex:0 0 105px; color:#747b85; font-size:12px; font-weight:700; } 
 .workflow_table td:last-child { border-bottom:0; } 
 .workflow_table td > *:not(.workflow_steps) { margin-left:auto; } 
 .workflow_steps { align-items:stretch; flex:1; flex-direction:column; gap:5px; min-width:0; } 
 .workflow_steps li { justify-content:flex-start; width:100%; min-width:0; min-height:28px; padding-left:12px; flex:0 0 auto; border-left:2px solid #d8dde3; font-size:12px; } 
 .workflow_steps li:not(:last-child)::after { display:none; } 
 .workflow_steps li.complete { border-left-color:#f0a178; } 
 .workflow_steps li.active { border-left-color:#ff8647; } 
 .workflow_steps li.active span { min-height:28px; padding:0 10px; border-radius:4px; line-height:28px; } 
 .center_news_content { width:min(680px, calc(100vw - 40px)); padding:45px 0 80px; } 
 .center_news_tools { display:block; } 
 .center_news_search { display:flex; flex-wrap:wrap; width:100%; gap:4px; } 
 .center_news_search select, .center_news_search input, .center_news_search button { height:40px; font-size:15px; } 
 .center_news_search select { width:110px; flex-basis:110px; padding:0 38px 0 16px; background-position:right 14px center; } 
 .center_news_search input { width:calc(100% - 114px); min-width:0; padding:0 12px; } 
 .center_news_search button { width:100%; } 
 .center_news_write { position:static; width:100%; height:40px; margin:4px 0 0 0; } 
 .center_news_list { gap:30px 20px; margin-top:30px; } 
 .center_news_list > li { width:calc(50% - 10px); } 
 .center_news_image { border-radius:20px; } 
 .center_news_copy { gap:8px; padding-top:12px; } 
 .center_news_copy strong { min-height:42px; font-size:15px; line-height:1.4; } 
 .center_news_copy time { font-size:14px; line-height:1.6; } 
 .center_news_pagination { margin-top:50px; } 
 .center_news_pagination li { width:32px; height:32px; } 
 .center_news_pagination a { font-size:14px; } 
 }