.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: #fe6663; 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; } 
.consultation_write_notice { display: none; }
.board_page[data-category="name_destiny_consultation"] .consultation_write_notice { display: flex; align-items: center; min-height: 52px; margin: 0; padding: 13px 18px; border-left: 3px solid #fe6663; background: #fff4f4; color: #383d3f; font-size: 14px; font-weight: 500; line-height: 1.7; }
.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: #fe6663; color: #fe6663; 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: #fe6663; } 
.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 #fe6663; background: #fe6663; 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: #fe6663; font-size: 12px; font-weight: 700; } 
.board_subject a:hover { color: #fe6663; } 
.board_subject span { display: inline-flex; align-items: center; justify-content: center; height: 25px; margin-left: 8px; padding: 0 7px; border: 1px solid #fe6663; background: #ffffff; color: #fe6663; 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: #fe6663; 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: #fe6663; font-weight: 700; } 
.board_pagination a.active::after { position: absolute; bottom: 3px; width: 8px; height: 2px; background: #fe6663; 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: #fe6663; 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: stretch; height: 40px; border: 1px solid #d9d9d9; } 
.board_captcha_field > [data-recaptcha-widget] { display: block; height: auto; border: 0; } 
.board_captcha_field img { width: 165px; height: 100%; object-fit: cover; } 
.board_captcha_field button { width: 38px; border: 0; border-left: 1px solid #d9d9d9; background: #f7f7f7; color: #555555; font-size: 11px; cursor: pointer; } 
.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; } 
.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: 18px; 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: #fe6663; } 
.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-end; flex-wrap: wrap; gap: 10px; margin-top: 24px; padding: 18px; background: #f7f7f7; } 
.board_comment_form > label { display: flex; flex: 0 0 180px; flex-direction: column; gap: 6px; color: #555555; font-size: 11px; } 
.board_comment_form > label input, .board_comment_form > label textarea { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #d9d9d9; background: #ffffff; font: inherit; font-size: 12px; } 
.board_comment_form .board_comment_content { flex: 1 1 360px; } 
.board_comment_form .board_comment_content textarea { min-height: 74px; resize: vertical; } 
.board_comment_form > .board_captcha_row { flex: 1 1 100%; min-height: auto; background: #ffffff; } 
.board_comment_form > .board_captcha_row > span:first-child { flex-basis: 130px; } 
.board_comment_form > .board_form_message { flex: 1 1 100%; margin: 0; } 
.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: #fe6663; 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; } 
@media (max-width: 900px) { 
.board_gallery_list > li { width: calc((100% - 40px) / 3); } 
 } 
@media (max-width: 760px) { 
body:has(.board_post_form) .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_tools { flex-direction: column; } 
.board_search_form { width: 100%; max-width: 420px; } 
.write_btn { flex-basis: 40px; } 
.board_gallery_list > li { width: calc((100% - 20px) / 2); } 
.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_form_row > span:first-child { flex-basis: 120px; } 
.board_comment_form > label { flex-basis: 100%; } 
 } 
@media (max-width: 520px) { 
.board_page { width: calc(100% - 32px); } 
.board_category_list a { padding: 0 16px; } 
.board_gallery_list { gap: 30px 0; } 
.board_gallery_list > li { width: 100%; } 
.board_gallery_image { height: 240px; } 
.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_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 { 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; } 
@media (max-width: 760px) { 
.quick_side { display: none; } 
 } 
@media (max-width: 760px) { 
.workflow_table_scroll { overflow: visible; } 
.workflow_table { display: block; min-width: 0; } 
.workflow_table thead { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(0 0 0 0); } 
.workflow_table tbody { display: flex; flex-direction: column; gap: 12px; } 
.workflow_table tr { display: flex; padding: 14px; flex-wrap: wrap; background: #fff; border: 1px solid #dfe3e8; border-radius: 6px; } 
.workflow_table td, .workflow_table th:nth-child(n), .workflow_table td:nth-child(n) { display: flex; width: 100%; height: auto; min-height: 42px; align-items: center; padding: 7px 0; border-bottom: 1px solid #eef0f3; text-align: left; } 
.workflow_table td::before { width: 105px; flex: 0 0 105px; color: #747b85; content: attr(data-label); 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 { min-width: 0; flex: 1; align-items: stretch; flex-direction: column; gap: 5px; } 
.workflow_steps li { min-height: 28px; justify-content: flex-start; padding-left: 12px; 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; } 
 } 
@media (max-width: 760px) { 
.workflow_steps li { width: 100%; min-width: 0; flex: 0 0 auto; } 
 } 
.board_answer_module { border-top:2px solid #232323; } 
.board_answer_module > header { padding:25px; border-bottom:1px solid #eee; } 
.board_answer_module > header span { color:#888; font-size:13px; } 
.board_answer_module > header h2 { margin:8px 0 0; font-size:22px; } 
.board_answer_question { padding:30px 25px; border-bottom:1px solid #eee; color:#555; font-size:15px; line-height:1.8; } 
.board_answer_form { padding-top:25px; } 
.board_answer_form > label { display:flex; gap:20px; align-items:flex-start; } 
.board_answer_form > label > span { width:120px; flex:none; font-weight:700; } 
.board_answer_form > label em { margin-left:5px; color:#fe6663; font-style:normal; } 
.board_answer_form textarea { width:100%; min-height:240px; padding:15px; border:1px solid #ddd; resize:vertical; } 
.board_password_form { width:100%; max-width:480px; margin:60px auto; padding:35px; border:1px solid #ddd; text-align:center; } 
.board_password_form h2 { margin:0 0 10px; font-size:24px; } 
.board_password_form > p { margin:0 0 25px; color:#777; font-size:14px; } 
.board_password_form label { display:flex; align-items:center; gap:15px; text-align:left; } 
.board_password_form label span { width:80px; flex:none; font-weight:700; } 
.board_password_form input { width:100%; height:45px; padding:0 15px; border:1px solid #ddd; } 
.board_password_form .board_primary_button { margin:20px auto 0; } 
@media (max-width:1024px) { 
.board_answer_module > header, .board_answer_question { padding:20px 15px; } 
.board_answer_form > label { flex-direction:column; gap:10px; } 
.board_answer_form > label > span { width:auto; } 
.board_answer_form textarea { min-height:180px; } 
.board_password_form { margin:30px auto; padding:25px 15px; } 
 }