.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: #ab8a4c; 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: #ab8a4c; color: #ab8a4c; 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: #ab8a4c; }
.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 #ab8a4c; background: #ab8a4c; 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: #ab8a4c; font-size: 12px; font-weight: 700; }
.board_subject a:hover { color: #ab8a4c; }
.board_subject span { display: inline-flex; align-items: center; justify-content: center; height: 25px; margin-left: 8px; padding: 0 7px; border: 1px solid #ab8a4c; background: #ffffff; color: #ab8a4c; 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: #ab8a4c; 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: #ab8a4c; font-weight: 700; }
.board_pagination a.active::after { position: absolute; bottom: 3px; width: 8px; height: 2px; background: #ab8a4c; 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: #ab8a4c; 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_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: 54px; border: 1px solid #d9d9d9; }
.board_captcha_field > [data-recaptcha-widget] { display: block; height: auto; border: 0; }
.board_captcha_field img { width: 165px; height: 54px; object-fit: cover; }
.board_captcha_field button { padding: 0 12px; 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: 42px; 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: 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: #ab8a4c; }
.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: #ab8a4c; 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; }
}

/* 119coating board detail */
.board_detail_visual_inquiry { background-image:url(/img/sub/sub_visual_inquiry.webp); background-position:center 50%; }
.board_detail_visual_gallery { background-image:url(/img/sub/sub_visual_gallery.webp); background-position:center 50%; }
.board_detail_section { padding:110px 20px 120px; }
.board_detail_inner { width:100%; max-width:1440px; margin:0 auto; }
.board_detail_heading { margin:0 0 30px; color:#111; font-size:32px; font-weight:700; line-height:1.5; }
.board_detail_page .board_content { padding-top:0; }
.board_detail_page .board_primary_button,
.board_detail_page .write_btn { border-color:var(--primary_color); background:var(--primary_color); color:#fff; }
.board_detail_page .board_secondary_button { border-color:#cfd9df; color:#222; }
.board_detail_page .board_read_header { gap:20px; padding:30px 20px; border-top-color:var(--primary_color); border-bottom-color:#d9e1e6; }
.board_detail_page .board_read_header span { color:var(--primary_color); }
.board_detail_page .board_read_header h2 { color:#111; font-size:26px; line-height:1.5; }
.board_detail_page .board_read_content { min-height:360px; padding:50px 20px; border-bottom-color:#d9e1e6; }
.board_detail_page .board_rich_content a { color:var(--primary_color); }
.board_detail_page .board_movement { border-top-color:#d9e1e6; }
.board_detail_page .board_movement li { border-bottom-color:#d9e1e6; }
.board_detail_page .board_comments { border-top-color:var(--primary_color); }
.board_detail_page .board_comments h3 span { color:var(--primary_color); }
.board_detail_page .board_post_form { border-top-color:var(--primary_color); }
.board_detail_page .board_form_row { border-bottom-color:#d9e1e6; }
.board_detail_page .board_form_row > span:first-child { background:#f4f9fc; color:#111; }
.board_detail_page .board_form_row > input,
.board_detail_page .board_form_row > textarea,
.board_detail_page .board_form_row > select,
.board_detail_page .board_editor_field > [data-board-editor],
.board_detail_page .board_editor_field > textarea { border-color:#cfd9df; }
.board_detail_page .board_password_form { width:100%; max-width:700px; margin:0 auto; padding:50px; border-top:2px solid var(--primary_color); border-right:0; border-bottom:1px solid #d9e1e6; border-left:0; text-align:center; }
.board_detail_page .board_password_form h2 { margin:0 0 10px; color:#111; font-size:28px; font-weight:700; line-height:1.5; }
.board_detail_page .board_password_form > p { margin:0 0 30px; color:#68757d; font-size:15px; line-height:1.6; }
.board_detail_page .board_password_form label { display:flex; width:100%; align-items:center; gap:15px; text-align:left; }
.board_detail_page .board_password_form label span { width:80px; flex:none; color:#111; font-size:15px; font-weight:700; }
.board_detail_page .board_password_form input { width:100%; height:50px; padding:0 15px; border:1px solid #cfd9df; border-radius:5px; color:#111; font:inherit; outline:none; }
.board_detail_page .board_password_form input:focus { border-color:var(--primary_color); box-shadow:0 0 0 3px rgba(36,141,239,.12); }
.board_detail_page .board_password_form .board_form_message { margin:10px 0 0; }
.board_detail_page .board_password_form .board_primary_button { min-width:120px; min-height:50px; margin:25px auto 0; border-radius:5px; font-size:15px; }

/* hover */
@media (hover:hover) and (pointer:fine) {
  .board_detail_page .board_primary_button:hover { border-color:#1177d6; background:#1177d6; }
  .board_detail_page .board_secondary_button:hover { border-color:var(--primary_color); color:var(--primary_color); }
}

@media (max-width:1024px) {
  .board_detail_section { padding:60px 20px 80px; }
  .board_detail_inner { max-width:640px; }
  .board_detail_heading { margin-bottom:20px; font-size:25px; }
  .board_detail_page .board_read_header { padding:25px 10px; }
  .board_detail_page .board_read_header h2 { font-size:21px; }
  .board_detail_page .board_read_header dl { flex-wrap:wrap; gap:10px 18px; }
  .board_detail_page .board_read_content { min-height:280px; padding:35px 10px; }
  .board_detail_page .board_password_form { max-width:100%; padding:35px 20px; }
  .board_detail_page .board_password_form h2 { font-size:23px; }
  .board_detail_page .board_password_form label { align-items:flex-start; flex-direction:column; gap:10px; }
  .board_detail_page .board_password_form label span { width:auto; }
  .board_detail_page .board_form_row { min-height:0; flex-direction:column; }
  .board_detail_page .board_form_row > span:first-child { min-height:45px; flex-basis:auto; }
  .board_detail_page .board_content_row { min-height:320px; }
}