@charset "utf-8";
/* 크레아 게시판 겉모양 (2026 리디자인 3안)
   - 공지(01_normal, e_01_normal)·문의(02_normal, e_02_normal) 스킨 파일은 손대지 않고, 이 파일로 모양만 덮어씀
   - 스팸 차단 함정 칸·자동등록방지·문의 메일 동작은 스킨 그대로 유지 */
.c-board { font-size: 15px; color: var(--g-800); padding-top: clamp(28px, 4vw, 48px); }
.c-board, .c-board * { box-sizing: border-box; }
.c-board #bo_list, .c-board #bo_v, .c-board #bo_w, .c-board #fwrite { width: 100% !important; max-width: 100%; }
.c-board table { width: 100% !important; border-collapse: collapse; }
.c-board img { max-width: 100%; height: auto; }
.c-board input, .c-board textarea, .c-board select, .c-board button { font-family: inherit; }

/* 안내 문구 + 담당 부서 탭 (문의) */
.c-board .bo_title { margin: 0 0 20px !important; font-size: 16px; line-height: 1.7; color: var(--g-700); }
.c-board .bo_title span { color: var(--crea-red-dark); font-weight: 700; }
.c-board #sub_tab2 { width: auto !important; display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 0 0 24px !important; padding: 0; }
.c-board #sub_tab2::after { display: none !important; }
.c-board #sub_tab2 li { float: none !important; margin: 0 !important; }
.c-board #sub_tab2 li a { width: auto !important; height: auto !important; line-height: 1.3 !important; padding: 14px 16px !important; border-radius: 14px; background: var(--g-50) !important; color: var(--g-700) !important; font-size: 16px !important; font-weight: 700; text-align: center !important; white-space: nowrap; }
.c-board #sub_tab2 li a.on, .c-board #sub_tab2 li a:hover { background: var(--crea-red-dark) !important; color: #fff !important; }

/* 공통 버튼 */
.c-board .jbutton, .c-board .jbutton input, .c-board .btn_b01, .c-board .btn_b02, .c-board .btn_admin, .c-board a.btn_cancel { border-radius: 999px !important; }
.c-board .btn_bo_user, .c-board .btn_bo_adm { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.c-board .btn_bo_user li, .c-board .btn_bo_adm li { float: none !important; margin: 0 !important; }
.c-board a.btn_b02, .c-board a.btn_b01, .c-board a.btn_admin { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 16px !important; font-weight: 600; }
.c-board a.btn_b02 { background: var(--crea-red-dark) !important; border-color: var(--crea-red-dark) !important; color: #fff !important; }

/* ---------- 공지 목록 ---------- */
.c-board .jtbl_head01 { border-top: 2px solid var(--g-900); }
.c-board .jtbl_head01 thead th { background: var(--g-50) !important; color: var(--g-600) !important; font-size: 14px !important; font-weight: 600; padding: 14px 8px !important; border-bottom: 1px solid var(--g-200) !important; border-top: 0 !important; }
.c-board .jtbl_head01 tbody td { padding: 16px 8px !important; border-bottom: 1px solid var(--g-100) !important; border-top: 0 !important; font-size: 15px !important; font-family: inherit !important; color: var(--g-600); }
.c-board .jtbl_head01 td.td_subject a { color: var(--g-900) !important; font-weight: 600; font-family: inherit !important; }
.c-board .jtbl_head01 td.td_subject a:hover { color: var(--crea-red-dark) !important; }
.c-board .jtbl_head01 tr:hover td { background: #FCFCFD; }
.c-board .bo_notice td { background: #FFF8F0 !important; }
.c-board .pg_wrap { margin: 28px 0 8px !important; }
.c-board .pg { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.c-board .pg a, .c-board .pg strong, .c-board .pg_page, .c-board .pg_current { display: inline-grid !important; place-items: center; min-width: 40px; height: 40px !important; padding: 0 10px !important; border-radius: 999px; border: 0 !important; font-size: 15px !important; line-height: 1 !important; margin: 0 !important; }
.c-board .pg_page { background: var(--g-50) !important; color: var(--g-700) !important; }
.c-board .pg_current { background: var(--g-900) !important; color: #fff !important; }
.c-board #bo_sch { display: flex; justify-content: center; gap: 6px; margin: 24px 0 0 !important; float: none !important; }
.c-board #bo_sch select, .c-board #bo_sch #stx { height: 44px !important; border: 1px solid var(--g-300) !important; border-radius: 12px; padding: 0 12px !important; font-size: 15px; background: #fff; }
.c-board #bo_sch #stx { width: min(320px, 60vw) !important; border-right: 1px solid var(--g-300) !important; }
.c-board #bo_sch #btn_submit, .c-board #bo_sch button[type="submit"] { height: 44px !important; width: 52px !important; border-radius: 12px; border: 1px solid var(--g-300) !important; }

/* ---------- 공지 보기 ---------- */
.c-board #bo_v_info table { border-top: 2px solid var(--g-900); }
.c-board #bo_v_info td { padding: 16px 8px !important; border-bottom: 1px solid var(--g-200) !important; font-family: inherit !important; }
.c-board .bo_v_subject { font-size: clamp(19px, 1.8vw, 24px) !important; font-weight: 800 !important; color: var(--g-900) !important; line-height: 1.4; }
.c-board .bo_v_right { color: var(--g-500) !important; white-space: nowrap; font-size: 14px !important; }
.c-board #bo_v_con { font-size: 16px; line-height: 1.85; color: var(--g-800); padding: 28px 0 !important; word-break: keep-all; overflow-wrap: anywhere; }
.c-board #bo_v_con img, .c-board #bo_v_img img { max-width: 100% !important; height: auto !important; border-radius: 12px; }
.c-board #bo_v_atc { border-bottom: 1px solid var(--g-200) !important; }
.c-board .bo_v_nb, .c-board .bo_v_com { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.c-board .bo_v_nb li, .c-board .bo_v_com li { float: none !important; margin: 0 !important; }
.c-board #bo_v_top, .c-board #bo_v_bot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin: 16px 0 !important; }

/* ---------- 문의 쓰기 ---------- */
.c-board .jtbl_frm01 { border-top: 2px solid var(--g-900) !important; }
.c-board .jtbl_frm01 th { width: 160px !important; background: var(--g-50) !important; color: var(--g-800) !important; font-size: 15px !important; font-weight: 700; padding: 16px 20px !important; border: 0 !important; border-bottom: 1px solid var(--g-200) !important; text-align: left !important; vertical-align: top; font-family: inherit !important; }
.c-board .jtbl_frm01 td { padding: 12px 16px !important; border: 0 !important; border-bottom: 1px solid var(--g-200) !important; }
.c-board #bo_w .jtbl_frm01 .frm_input, .c-board #bo_w .jtbl_frm01 textarea, .c-board #bo_w .jtbl_frm01 select { width: 100% !important; max-width: 560px; height: 48px !important; border: 1px solid var(--g-300) !important; border-radius: 12px; padding: 10px 14px !important; font-size: 16px !important; background: #fff !important; line-height: 1.4 !important; color: var(--g-900) !important; }
.c-board #bo_w #autosave_wrapper .frm_input, .c-board #bo_w .jtbl_frm01 #wr_subject { max-width: none; width: 100% !important; }
.c-board #bo_w .jtbl_frm01 td.wr_content textarea, .c-board #bo_w #wr_content { max-width: none; width: 100% !important; min-height: 220px; height: 240px !important; resize: vertical; }
.c-board .jtbl_frm01 .frm_input:focus, .c-board .jtbl_frm01 textarea:focus { border-color: var(--crea-red-dark) !important; outline: 2px solid rgba(200,22,29,.18); }
.c-board .jtbl_frm01 input[type="file"] { height: auto !important; padding: 10px !important; }
.c-board #captcha { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; position: static !important; }
.c-board #captcha #captcha_img { border-radius: 8px; }
.c-board #captcha #captcha_key { height: 48px !important; width: 140px !important; margin: 0 !important; border-radius: 12px; border: 1px solid var(--g-300) !important; font-size: 20px !important; }
.c-board #captcha #captcha_mp3, .c-board #captcha #captcha_reload { position: static !important; }
.c-board #captcha #captcha_info { width: 100%; font-size: 13px !important; color: var(--g-500); letter-spacing: 0 !important; }
.c-board-en #captcha #captcha_info { font-size: 0 !important; }
.c-board-en #captcha #captcha_info::after { content: "Please enter the numbers shown above in order."; font-size: 13px; }
.c-board .btn_confirm { text-align: center; margin: 32px 0 0; }
.c-board .btn_confirm #btn_submit, .c-board .btn_confirm .jbutton input { min-width: 220px; width: auto !important; height: 56px !important; padding: 0 32px !important; border-radius: 999px !important; background: var(--crea-red-dark) !important; color: #fff !important; font-size: 17px !important; font-weight: 700; border: 0 !important; cursor: pointer; }
.c-board .btn_confirm #btn_submit:hover { background: var(--crea-red) !important; }
.c-board .btn_confirm #btn_submit:disabled { opacity: .6; }

/* ---------- 휴대폰 ---------- */
@media (max-width: 767px) {
  .c-board { font-size: 14px; }
  .c-board #sub_tab2 { grid-template-columns: repeat(2, 1fr); }
  .c-board #sub_tab2 li a { padding: 12px !important; font-size: 15px !important; }
  /* 공지 목록 → 카드 */
  .c-board .jtbl_head01 thead { display: none; }
  .c-board .jtbl_head01 table, .c-board .jtbl_head01 tbody, .c-board .jtbl_head01 tr { display: block; width: 100%; }
  .c-board .jtbl_head01 tbody tr { padding: 14px 4px; border-bottom: 1px solid var(--g-100); }
  .c-board .jtbl_head01 tbody td { display: inline; border: 0 !important; padding: 0 !important; background: none !important; font-size: 13px !important; }
  .c-board .jtbl_head01 td.td_num, .c-board .jtbl_head01 td.td_hit { display: none; }
  .c-board .jtbl_head01 td.td_chk { display: inline; margin-right: 6px; }
  .c-board .jtbl_head01 td.td_subject { display: block; text-align: left !important; font-size: 16px !important; margin-bottom: 6px; }
  .c-board .jtbl_head01 td.td_name, .c-board .jtbl_head01 td.td_date { width: auto !important; color: var(--g-500); }
  .c-board .jtbl_head01 td.td_name::after { content: "·"; margin: 0 6px; color: var(--g-300); }
  .c-board .jtbl_head01 td.empty_table { display: block; text-align: center; padding: 40px 0 !important; }
  .c-board .bo_fx { flex-wrap: wrap; }
  /* 공지 보기 */
  .c-board #bo_v_info table, .c-board #bo_v_info tbody, .c-board #bo_v_info tr, .c-board #bo_v_info td { display: block; width: 100% !important; }
  .c-board #bo_v_info td { padding: 6px 0 !important; border: 0 !important; }
  .c-board #bo_v_info tr { border-bottom: 1px solid var(--g-200); padding: 10px 0; }
  .c-board .bo_v_right { text-align: left !important; }
  /* 문의 쓰기 → 위아래로 */
  .c-board .jtbl_frm01 table, .c-board .jtbl_frm01 tbody, .c-board .jtbl_frm01 tr, .c-board .jtbl_frm01 th, .c-board .jtbl_frm01 td { display: block; width: 100% !important; }
  .c-board .jtbl_frm01 tr { padding: 14px 0; border-bottom: 1px solid var(--g-100); }
  .c-board .jtbl_frm01 th { background: none !important; border: 0 !important; padding: 0 0 8px !important; font-size: 15px !important; }
  .c-board .jtbl_frm01 td { border: 0 !important; padding: 0 !important; }
  .c-board #bo_w .jtbl_frm01 .frm_input, .c-board #bo_w .jtbl_frm01 select { max-width: none; }
  .c-board .btn_confirm #btn_submit, .c-board .btn_confirm .jbutton input { width: 100% !important; }
  .c-board #bo_sch { flex-wrap: wrap; }
  .c-board #bo_sch #stx { width: calc(100% - 64px) !important; }
}