@charset "utf-8";

:root {
    --board-primary: #1767d2;
    --board-navy: #12243d;
    --board-text: #24344a;
    --board-muted: #6f7d90;
    --board-line: #dfe5ec;
    --board-soft: #f6f8fb;
}

body.iprism-board-page { min-width: 374px; background: #fff; color: #111; font-family: "Pretendard", -apple-system, "Malgun Gothic", "맑은 고딕", sans-serif; font-size: 1.7rem; line-height: 1.5; letter-spacing: -.06rem; }
body.iprism-board-page > header { display: flex; align-items: center; justify-content: space-between; }
body.iprism-board-page > header .logo { flex: 0 0 auto; width: auto; height: auto; }
body.iprism-board-page > header .header_actions { flex: 0 0 auto; width: auto; }
body.iprism-board-page #container { float: none; width: 100%; min-height: 0; height: auto !important; margin: 0; font-size: inherit; }
body.iprism-board-page #content { width: 100%; }
body.iprism-board-page > footer { clear: both; }
body.iprism-board-page .sub_content > .sub_top h2 { font-size: 5.5rem; }

.iprism-board-inner { width: min(100% - 48px, 1280px); margin: 0 auto; }
.iprism-board { color: var(--board-text); font-size: 1.5rem; }
.iprism-board *, .iprism-board *::before, .iprism-board *::after { box-sizing: border-box; }
.iprism-board a { color: inherit; }
.iprism-board button, .iprism-board input, .iprism-board select { font: inherit; }

.iprism-board-category { margin-bottom: 34px; }
.iprism-board-category ul { display: flex; flex-wrap: wrap; gap: 8px; }
.iprism-board-category li { list-style: none; }
.iprism-board-category a { display: inline-flex; min-height: 42px; align-items: center; padding: 0 18px; border: 1px solid var(--board-line); border-radius: 999px; background: #fff; color: var(--board-muted); font-size: 1.4rem; transition: .2s ease; }
.iprism-board-category #bo_cate_on, .iprism-board-category a:hover { border-color: var(--board-primary); background: var(--board-primary); color: #fff; }

.iprism-board-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.iprism-board-total { color: var(--board-muted); font-size: 1.45rem; }
.iprism-board-total strong { color: var(--board-primary); font-family: "Play-bold", sans-serif; font-size: 1.7rem; }
.iprism-board-toolbar-actions { display: flex; align-items: center; gap: 8px; }
.iprism-board-search { display: grid; grid-template-columns: 118px minmax(190px, 260px) 70px; height: 44px; overflow: hidden; border: 1px solid #d8e0e9; border-radius: 7px; background: #fff; }
.iprism-board-search select, .iprism-board-search input { min-width: 0; height: 100%; border: 0; border-right: 1px solid #e6ebf1; background: #fff; color: var(--board-text); outline: none; }
.iprism-board-search select { padding: 0 32px 0 13px; }
.iprism-board-search input { padding: 0 14px; }
.iprism-board-search input::placeholder { color: #a1acba; }
.iprism-board-search button { border: 0; background: var(--board-navy); color: #fff; cursor: pointer; }
.iprism-board-search:focus-within { border-color: var(--board-primary); box-shadow: 0 0 0 3px rgba(23,103,210,.09); }
.iprism-board-button { display: inline-flex; min-width: 84px; height: 44px; align-items: center; justify-content: center; padding: 0 18px; border: 1px solid var(--board-primary); border-radius: 7px; background: var(--board-primary); color: #fff !important; font-size: 1.45rem; font-weight: 700; transition: transform .2s ease, background .2s ease; }
.iprism-board-button:hover { transform: translateY(-1px); background: var(--board-navy); }
.iprism-board-button.is-light { border-color: #d7dfe8; background: #fff; color: #435269 !important; }
.iprism-board-button.is-light:hover { border-color: var(--board-primary); color: var(--board-primary) !important; }

.iprism-board-table-wrap { overflow-x: auto; border-top: 2px solid var(--board-navy); }
.iprism-board-table { width: 100%; table-layout: fixed; border-collapse: collapse; border-top: 0; }
.iprism-board-table .col-check { width: 52px; }
.iprism-board-table .col-number { width: 11%; }
.iprism-board-table .col-name { width: 14%; }
.iprism-board-table .col-date { width: 14%; }
.iprism-board-table tr { border-bottom: 1px solid var(--board-line); }
.iprism-board-table th, .iprism-board-table td { height: 74px; padding: 15px 18px; border: 0; background: #fff; color: var(--board-text); font-size: 1.5rem; text-align: center; vertical-align: middle; }
.iprism-board-table thead th { height: 64px; background: var(--board-soft); color: #344258; font-size: 1.45rem; font-weight: 700; }
.iprism-board-table .board-subject { text-align: left; }
.iprism-board-table .board-title-link { display: flex; min-width: 0; align-items: center; gap: 7px; }
.iprism-board-table .board-title-text { overflow: hidden; min-width: 0; color: #17263a; font-size: 1.65rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; transition: color .2s ease; }
.iprism-board-table .board-title-link:hover .board-title-text { color: var(--board-primary); }
.iprism-board-table .board-name, .iprism-board-table .board-date, .iprism-board-table .board-number { color: var(--board-muted); }
.iprism-board-table tr.is-notice td { background: #f9fbfe; }
.iprism-board-table tr.is-current { box-shadow: inset 3px 0 var(--board-primary); }
.iprism-notice-badge, .iprism-category-label { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; font-size: 1.2rem; font-weight: 700; white-space: nowrap; }
.iprism-notice-badge { min-width: 48px; height: 28px; background: #e9f2ff; color: var(--board-primary); }
.iprism-category-label { min-height: 27px; margin-right: 4px; padding: 4px 10px; background: #edf4ff; color: var(--board-primary); }
.iprism-board-tag { flex: 0 0 auto; padding: 3px 6px; border-radius: 4px; background: #edf0f4; color: #677589; font-size: 1.05rem; font-weight: 700; }
.iprism-board-tag.is-file { background: #eef8f5; color: #168167; }
.iprism-board-tag.is-new { background: #ffedf0; color: #df4456; }
.iprism-reply-mark { color: var(--board-primary); font-weight: 700; }
.iprism-comment-count { color: var(--board-primary); font-size: 1.25rem; }
.iprism-board-empty { width: 100%; padding: 90px 20px !important; color: #8995a5 !important; text-align: center !important; }
.iprism-board-admin-actions { display: flex; gap: 6px; margin-top: 14px; }
.iprism-board-admin-actions button { min-height: 38px; padding: 0 13px; border: 1px solid #d8dfe8; border-radius: 5px; background: #fff; color: #586679; cursor: pointer; }

.iprism-board .pg_wrap { display: block; margin: 42px 0 0; text-align: center; }
.iprism-board .pg { display: inline-flex; align-items: center; gap: 5px; }
.iprism-board .pg_page, .iprism-board .pg_current { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 6px; background: #fff; color: #657388; font-size: 1.4rem; }
.iprism-board .pg_page:hover { border-color: var(--board-primary); color: var(--board-primary); }
.iprism-board .pg_current { border-color: var(--board-primary); background: var(--board-primary); color: #fff; font-weight: 700; }
.iprism-board .pg_start, .iprism-board .pg_prev, .iprism-board .pg_next, .iprism-board .pg_end { border-color: #dce3eb; font-size: 0; }
.iprism-board .pg_start::before { content: "≪"; font-size: 1.35rem; }
.iprism-board .pg_prev::before { content: "‹"; font-size: 1.9rem; }
.iprism-board .pg_next::before { content: "›"; font-size: 1.9rem; }
.iprism-board .pg_end::before { content: "≫"; font-size: 1.35rem; }

/* 상세 */
.iprism-board-view { border-top: 2px solid var(--board-navy); }
.iprism-view-head { padding: 38px 36px 30px; border-bottom: 1px solid var(--board-line); background: #fff; text-align: center; }
.iprism-view-head .iprism-category-label { margin: 0 0 15px; }
.iprism-view-head h3 { color: #111f33; font-size: clamp(2.2rem, 2.3vw, 3.2rem); font-weight: 700; line-height: 1.45; word-break: keep-all; }
.iprism-view-meta { display: flex; align-items: center; justify-content: center; gap: 0; margin-top: 25px; color: var(--board-muted); }
.iprism-view-meta > div { display: flex; gap: 8px; align-items: center; padding: 0 18px; border-right: 1px solid #dce2e9; }
.iprism-view-meta > div:last-child { border-right: 0; }
.iprism-view-meta dt { color: #435167; font-weight: 700; }
.iprism-view-meta dd { margin: 0; }
.iprism-view-files, .iprism-view-links { display: grid; grid-template-columns: 130px 1fr; border-bottom: 1px solid var(--board-line); background: #f9fafc; }
.iprism-view-files h4, .iprism-view-links h4 { display: flex; align-items: center; justify-content: center; padding: 16px; color: #344258; font-size: 1.4rem; }
.iprism-view-files ul, .iprism-view-links ul { padding: 12px 18px; border-left: 1px solid var(--board-line); }
.iprism-view-files li + li, .iprism-view-links li + li { margin-top: 6px; }
.iprism-view-files a, .iprism-view-links a { display: flex; align-items: center; gap: 12px; min-height: 34px; color: #46556a; }
.iprism-view-files a::before { content: "↓"; display: inline-flex; width: 25px; height: 25px; align-items: center; justify-content: center; border-radius: 50%; background: #e7f1ff; color: var(--board-primary); font-weight: 700; }
.iprism-view-files a small { margin-left: auto; color: #8a96a6; font-size: 1.2rem; }
.iprism-view-links a::before { content: "↗"; color: var(--board-primary); font-weight: 700; }
.iprism-view-body { min-height: 360px; padding: clamp(40px, 6vw, 78px) clamp(20px, 4vw, 58px); border-bottom: 1px solid var(--board-line); background: #fff; }
.iprism-view-images { text-align: center; }
.iprism-view-images:empty { display: none; }
.iprism-view-images img, #bo_v_con img { max-width: 100%; height: auto; }
.iprism-view-images img { margin: 0 auto 28px; }
#bo_v_con { min-height: 180px; color: #39485d; font-size: 1.6rem; line-height: 1.9; overflow-wrap: anywhere; }
#bo_v_con p + p { margin-top: 1em; }
#bo_v_con a { color: var(--board-primary); text-decoration: underline; }
.iprism-view-signature { margin-top: 30px; padding-top: 20px; border-top: 1px dashed var(--board-line); }
.iprism-view-reaction { display: flex; justify-content: center; gap: 8px; margin: 28px 0; }
.iprism-view-reaction a { display: inline-flex; min-width: 92px; height: 42px; align-items: center; justify-content: center; gap: 7px; border: 1px solid #dce3eb; border-radius: 999px; background: #fff; }
.iprism-view-reaction a:hover { border-color: var(--board-primary); color: var(--board-primary); }
.iprism-view-neighbors { margin-top: 30px; border-top: 1px solid var(--board-navy); }
.iprism-view-neighbors a { display: grid; grid-template-columns: 90px minmax(0, 1fr) 110px; align-items: center; gap: 18px; min-height: 62px; padding: 10px 20px; border-bottom: 1px solid var(--board-line); }
.iprism-view-neighbors a > span { color: #44536a; font-weight: 700; }
.iprism-view-neighbors a > strong { overflow: hidden; color: #25354b; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.iprism-view-neighbors a > time { color: #8995a5; text-align: right; }
.iprism-view-neighbors a:hover > strong { color: var(--board-primary); }
.iprism-view-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 30px; }
.iprism-view-actions > div { display: flex; gap: 7px; }

/* 글쓰기 */
.iprism-board-inner #bo_w { width: 100% !important; color: var(--board-text); }
.iprism-board-inner #bo_w *, .iprism-board-inner #bo_w *::before, .iprism-board-inner #bo_w *::after { box-sizing: border-box; }
.iprism-board-inner #bo_w #fwrite { width: 100% !important; margin: 0; padding: 34px 0 0; border-top: 2px solid var(--board-navy); counter-reset: iprism-write-link iprism-write-file; }
.iprism-board-inner #bo_w .write_div { position: relative; margin: 0 0 24px; }
.iprism-board-inner #bo_w .bo_w_info { margin: 0; }
.iprism-board-inner #bo_w .write_div::after { display: none; }
.iprism-board-inner #bo_w .frm_input, .iprism-board-inner #bo_w select { width: 100%; height: 52px; padding: 0 16px; border: 1px solid #cfd8e3; border-radius: 8px; background: #fff; box-shadow: none; color: #26364c; font-family: inherit; font-size: 1.5rem; outline: none; transition: border-color .2s ease, box-shadow .2s ease; }
.iprism-board-inner #bo_w .frm_input::placeholder { color: #9aa5b4; }
.iprism-board-inner #bo_w .frm_input:focus, .iprism-board-inner #bo_w select:focus { border-color: var(--board-primary); box-shadow: 0 0 0 3px rgba(23, 103, 210, .09); }

.iprism-board-inner #bo_w #fwrite > .write_div:has(> .bo_v_option) { min-height: 58px; padding: 16px 20px; border: 1px solid #e0e6ed; border-radius: 9px; background: var(--board-soft); }
.iprism-board-inner #bo_w .bo_v_option { display: flex; height: auto; align-items: center; flex-wrap: wrap; gap: 12px 22px; margin: 0; padding: 0; list-style: none; }
.iprism-board-inner #bo_w .bo_v_option::before { content: "게시 옵션"; flex: 0 0 auto; margin-right: 8px; color: var(--board-navy); font-size: 1.45rem; font-weight: 700; }
.iprism-board-inner #bo_w .bo_v_option li { display: inline-flex; float: none; align-items: center; margin: 0; color: #536176; font-size: 1.4rem; text-align: left; }
.iprism-board-inner #bo_w .bo_v_option .chk_box input[type="checkbox"] + label { position: relative; display: inline-flex; align-items: center; min-height: 22px; padding-left: 24px; cursor: pointer; }
.iprism-board-inner #bo_w .bo_v_option .chk_box input[type="checkbox"] + label span { top: 3px; width: 16px; height: 16px; margin: 0; }

.iprism-board-inner #bo_w .bo_w_tit { display: grid; gap: 10px; }
.iprism-board-inner #bo_w .bo_w_tit::before, .iprism-board-inner #bo_w .wr_content::before { display: block; color: var(--board-navy); font-size: 1.55rem; font-weight: 700; line-height: 1.4; }
.iprism-board-inner #bo_w .bo_w_tit::before { content: "제목"; }
.iprism-board-inner #bo_w .bo_w_tit #autosave_wrapper { width: 100%; margin: 0; }
.iprism-board-inner #bo_w .bo_w_tit .frm_input { height: 54px; padding-right: 176px; font-size: 1.55rem; }
.iprism-board-inner #bo_w .bo_w_tit #btn_autosave { top: 7px; right: 7px; height: 40px; padding: 0 13px; border: 0; border-radius: 6px; background: #344258; color: #fff; font-size: 1.25rem; line-height: 40px; cursor: pointer; }
.iprism-board-inner #bo_w #autosave_pop { top: 54px; right: 0; overflow: hidden; border: 1px solid #d9e1ea; border-radius: 9px; box-shadow: 0 12px 30px rgba(20, 37, 61, .14); }

.iprism-board-inner #bo_w .wr_content { position: relative; }
.iprism-board-inner #bo_w .wr_content::before { content: "내용"; margin-bottom: 10px; }
.iprism-board-inner #bo_w .wr_content::after { content: "글자 크기·굵기·정렬·링크·사진은 위 편집 도구에서 설정할 수 있습니다."; display: block; margin-top: 9px; color: #7d8999; font-size: 1.25rem; line-height: 1.5; }
.iprism-board-inner #bo_w .wr_content .cke_sc { margin: -35px 0 10px; text-align: right; }
.iprism-board-inner #bo_w .wr_content .btn_cke_sc { height: 32px; padding: 0 12px; border: 1px solid #d7dfe8; border-radius: 6px; background: #fff; color: #5a687c; font-size: 1.2rem; line-height: 30px; }
.iprism-board-inner #bo_w .wr_content .btn_cke_sc:hover { border-color: #afbdd0; color: var(--board-primary); }
.iprism-board-inner #bo_w .wr_content iframe { display: block; width: 100% !important; height: 430px !important; border: 1px solid #cfd8e3 !important; border-radius: 9px; background: #fff; }
.iprism-board-inner #bo_w .wr_content textarea { display: block; width: 100%; min-height: 360px; padding: 18px; border: 1px solid #cfd8e3; border-radius: 9px; background: #fff; color: #26364c; font-family: inherit; font-size: 1.5rem; line-height: 1.75; resize: vertical; outline: none; }
.iprism-board-inner #bo_w .wr_content textarea:focus { border-color: var(--board-primary); box-shadow: 0 0 0 3px rgba(23, 103, 210, .09); }

.iprism-board-inner #bo_w .bo_w_link, .iprism-board-inner #bo_w .bo_w_flie { display: grid; grid-template-columns: 132px minmax(0, 1fr); align-items: center; gap: 16px; min-height: 52px; }
.iprism-board-inner #bo_w .bo_w_link::before, .iprism-board-inner #bo_w .bo_w_flie::before { color: #35445a; font-size: 1.4rem; font-weight: 700; }
.iprism-board-inner #bo_w .bo_w_link::before { content: "관련 링크 " counter(iprism-write-link); counter-increment: iprism-write-link; }
.iprism-board-inner #bo_w .bo_w_flie::before { content: "첨부파일 " counter(iprism-write-file); counter-increment: iprism-write-file; }
html[lang="en"] .iprism-board-inner #bo_w .bo_v_option::before { content: "Post options"; }
html[lang="en"] .iprism-board-inner #bo_w .bo_w_tit::before { content: "Title"; }
html[lang="en"] .iprism-board-inner #bo_w .wr_content::before { content: "Content"; }
html[lang="en"] .iprism-board-inner #bo_w .wr_content::after { content: "Use the editing tools above to set font size, weight, alignment, links, and images."; }
html[lang="en"] .iprism-board-inner #bo_w .bo_w_link::before { content: "Related link " counter(iprism-write-link); }
html[lang="en"] .iprism-board-inner #bo_w .bo_w_flie::before { content: "Attachment " counter(iprism-write-file); }
.iprism-board-inner #bo_w .bo_w_link > label { display: none; }
.iprism-board-inner #bo_w .bo_w_link .frm_input { grid-column: 2; height: 50px; padding-left: 16px; }
.iprism-board-inner #bo_w .bo_w_flie .file_wr { grid-column: 2; display: flex; width: 100%; height: 52px; align-items: center; margin: 0; padding: 6px 8px; border: 1px dashed #c6d1de; border-radius: 8px; background: #f8fafc; color: #425168; }
.iprism-board-inner #bo_w .bo_w_flie .lb_icon { position: static; display: inline-flex; flex: 0 0 36px; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 7px; background: #e8f1ff; color: var(--board-primary); font-size: 1.4rem; line-height: 1; }
.iprism-board-inner #bo_w .bo_w_flie .frm_file { flex: 1 1 auto; width: 100%; min-width: 0; margin: 0; padding: 0 0 0 9px; color: #68768a; font-family: inherit; font-size: 1.35rem; }
.iprism-board-inner #bo_w .bo_w_flie .frm_file::file-selector-button { height: 36px; margin-right: 11px; padding: 0 14px; border: 1px solid #ccd6e2; border-radius: 6px; background: #fff; color: #3f4e63; font-family: inherit; font-size: 1.3rem; font-weight: 700; cursor: pointer; }
.iprism-board-inner #bo_w .bo_w_flie .frm_file::file-selector-button:hover { border-color: var(--board-primary); color: var(--board-primary); }
.iprism-board-inner #bo_w .bo_w_flie > .frm_input { grid-column: 2; margin: -12px 0 0; }
.iprism-board-inner #bo_w .bo_w_flie .file_del { position: static; grid-column: 2; color: #68768a; font-size: 1.3rem; }

.iprism-board-inner #bo_w .btn_confirm { display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin: 34px 0 0; padding-top: 28px; border-top: 1px solid var(--board-line); }
.iprism-board-inner #bo_w .btn_confirm .btn { display: inline-flex; min-width: 118px; height: 50px; align-items: center; justify-content: center; padding: 0 20px; border-radius: 7px; font-size: 1.45rem; font-weight: 700; line-height: 1; text-decoration: none; }
.iprism-board-inner #bo_w .btn_confirm .btn_cancel { border: 1px solid #d2dbe5; background: #fff; color: #536176; }
.iprism-board-inner #bo_w .btn_confirm .btn_cancel:hover { border-color: #aebac8; background: #f8fafc; color: #26364c; }
.iprism-board-inner #bo_w .btn_confirm .btn_submit { border: 1px solid var(--board-primary); background: var(--board-primary); color: #fff; cursor: pointer; }
.iprism-board-inner #bo_w .btn_confirm .btn_submit:hover { border-color: var(--board-navy); background: var(--board-navy); }
.iprism-board-inner #bo_w .btn_confirm .btn_submit:disabled { opacity: .55; cursor: wait; }

/* 댓글 */
#bo_v .cmt_btn { display: flex; width: 100%; min-height: 72px; align-items: center; justify-content: space-between; margin: 56px 0 0; padding: 0 4px; border: 0; border-top: 2px solid var(--board-navy); border-bottom: 1px solid var(--board-line); background: #fff; color: var(--board-navy); text-align: left; cursor: pointer; }
#bo_v .cmt_btn .total { display: inline-flex; align-items: center; gap: 9px; color: var(--board-primary); font-family: "Play-bold", "Pretendard", sans-serif; font-size: 1.6rem; font-weight: 700; }
#bo_v .cmt_btn .total b { color: var(--board-navy); font-family: "Pretendard", sans-serif; font-size: 1.8rem; }
#bo_v .cmt_btn .total::after { display: none; }
#bo_v .cmt_btn .cmt_more { display: block; width: 10px; height: 10px; margin: -5px 7px 0 0; border: 0; border-right: 2px solid #718096; border-bottom: 2px solid #718096; background: none; transform: rotate(45deg); transition: transform .2s ease, margin .2s ease; }
#bo_v .cmt_btn.cmt_btn_op .cmt_more { margin-top: 5px; transform: rotate(225deg); }

#bo_v #bo_vc { margin: 0; }
#bo_v #bo_vc > h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; padding: 0; clip: rect(0 0 0 0); white-space: nowrap; }
#bo_v #bo_vc article { position: relative; display: flex; align-items: flex-start; gap: 16px; margin: 0; padding: 28px 56px 28px 4px; border: 0; border-bottom: 1px solid var(--board-line); background: #fff; }
#bo_v #bo_vc article::after { display: none; }
#bo_v #bo_vc article[style*="margin-left"] { margin-top: 0 !important; margin-bottom: 0; padding: 24px 54px 24px 22px; border: 0 !important; border-radius: 0; background: #fff; }
#bo_v #bo_vc article[style*="margin-left"]::before { content: "↳"; position: absolute; top: 25px; left: 7px; color: var(--board-primary); font-size: 1.4rem; font-weight: 700; }
#bo_v #bo_vc article .pf_img { flex: 0 0 46px; float: none; width: 46px; height: 46px; margin: 0; overflow: hidden; border: 1px solid #e0e6ee; border-radius: 50%; background: #f2f5f9; }
#bo_v #bo_vc article .pf_img img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
#bo_v #bo_vc article .cm_wrap { flex: 1 1 auto; float: none; width: auto; max-width: none; min-width: 0; }
#bo_v #bo_vc header { position: relative; display: flex; width: 100%; height: auto; min-height: 24px; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 5px 10px; margin: 0; padding: 0 8px 0 0; background: transparent; color: #7b8798; font-size: 1.3rem; }
#bo_v #bo_vc header::after { display: none; }
#bo_v #bo_vc header > h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; clip: rect(0 0 0 0); }
#bo_v #bo_vc header .member, #bo_v #bo_vc header .guest, #bo_v #bo_vc header .sv_member, #bo_v #bo_vc header .sv_guest { color: #1d2b3f; font-size: 1.5rem; font-weight: 700; }
#bo_v #bo_vc header .profile_img { display: none; }
#bo_v #bo_vc .bo_vc_hdinfo { color: #8793a3; font-size: 1.25rem; font-weight: 400; }
#bo_v #bo_vc .bo_vc_hdinfo i { margin-right: 3px; color: #9aa5b4; }
#bo_v #bo_vc .cmt_contents { padding: 8px 0 0; color: #3c4b60; font-size: 1.5rem; line-height: 1.75; overflow-wrap: anywhere; }
#bo_v #bo_vc .cmt_contents p { margin: 0; }
#bo_v #bo_vc .cmt_contents p a { color: var(--board-primary); text-decoration: underline; text-underline-offset: 2px; }
#bo_v #bo_vc .cmt_contents img { max-width: 100%; height: auto; }
#bo_v #bo_vc_empty { margin: 0; padding: 62px 20px !important; border-bottom: 1px solid var(--board-line); color: #8a96a6; font-size: 1.45rem; text-align: center; }

#bo_v #bo_vc .bo_vl_opt { position: absolute; top: 22px; right: 4px; }
#bo_v #bo_vc .btn_cm_opt { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #7f8b9a; cursor: pointer; }
#bo_v #bo_vc .btn_cm_opt:hover, #bo_v #bo_vc .btn_cm_opt:focus { border: 0; background: transparent; box-shadow: none; color: #475569; outline: none; transform: none; }
#bo_v #bo_vc .bo_vc_act { position: absolute; z-index: 20; top: 41px; right: 0; display: none; width: 78px; overflow: hidden; margin: 0; padding: 5px; border: 1px solid #dce3eb; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(22, 38, 61, .12); list-style: none; text-align: left; }
#bo_v #bo_vc .bo_vc_act::before, #bo_v #bo_vc .bo_vc_act::after { display: none; }
#bo_v #bo_vc .bo_vc_act li { border: 0; }
#bo_v #bo_vc .bo_vc_act li a { display: block; padding: 8px 10px; border-radius: 5px; color: #4c5a6d; font-size: 1.3rem; text-decoration: none; }
#bo_v #bo_vc .bo_vc_act li a:hover { background: #edf4ff; color: var(--board-primary); }

#bo_v #bo_vc .cm_wrap > .bo_vc_w { display: block; margin: 0; }
#bo_v #bo_vc_w, #bo_v #bo_vc .cm_wrap > .bo_vc_w:not(:empty) { position: relative; display: block; margin: 22px 0 0; padding: 28px 30px 26px; border: 1px solid #dce4ed; border-radius: 12px; background: var(--board-soft); }
#bo_v #bo_vc .cm_wrap > .bo_vc_w:not(:empty) { margin-top: 20px; }
#bo_v #bo_vc .cm_wrap > .bo_vc_w:not(:empty)::before { content: "댓글 작성"; display: block; margin: 0 0 18px; color: var(--board-navy); font-size: 1.7rem; font-weight: 700; line-height: 1.4; }
html[lang="en"] #bo_v #bo_vc .cm_wrap > .bo_vc_w:not(:empty)::before { content: "Write a comment"; }
#bo_v #bo_vc_w::after, #bo_v #bo_vc .cm_wrap > .bo_vc_w:not(:empty)::after { display: none; }
#bo_v #bo_vc_w > h2 { position: static; width: auto; height: auto; margin: 0 0 18px; color: var(--board-navy); font-size: 1.8rem; font-weight: 700; line-height: 1.4; }
#bo_v #fviewcomment { position: relative; display: block; width: 100%; margin: 0; }
#bo_v #fviewcomment #char_cnt { position: absolute; top: -38px; right: 0; margin: 0; color: #8490a0; font-size: 1.2rem; font-weight: 500; }
#bo_v #fviewcomment textarea { display: block; width: 100%; min-height: 132px; padding: 16px 18px; border: 1px solid #cfd8e3; border-radius: 8px; background: #fff; box-shadow: none; color: #26364c; font: inherit; font-size: 1.45rem; line-height: 1.7; resize: vertical; transition: border-color .2s ease, box-shadow .2s ease; }
#bo_v #fviewcomment textarea::placeholder { color: #9aa5b4; }
#bo_v #fviewcomment textarea:focus { border-color: var(--board-primary); box-shadow: 0 0 0 3px rgba(23, 103, 210, .09); outline: none; }
#bo_v #fviewcomment .bo_vc_w_wr { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-top: 14px; }
#bo_v #fviewcomment .bo_vc_w_wr::after { display: none; }
#bo_v #fviewcomment .bo_vc_w_info { display: flex; flex: 1 1 auto; float: none; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; }
#bo_v #fviewcomment .bo_vc_w_info::after { display: none; }
#bo_v #fviewcomment .bo_vc_w_info .frm_input { float: none; width: min(190px, 100%); height: 44px; margin: 0; padding: 0 13px; border: 1px solid #cfd8e3; border-radius: 7px; background: #fff; color: #26364c; font-size: 1.4rem; }
#bo_v #fviewcomment .bo_vc_w_info .frm_input:focus { border-color: var(--board-primary); box-shadow: 0 0 0 3px rgba(23, 103, 210, .09); outline: none; }
#bo_v #fviewcomment .bo_vc_w_info #captcha { clear: both; float: none; padding-top: 4px; }
#bo_v #fviewcomment .btn_confirm { display: flex; flex: 0 0 auto; clear: none; align-items: center; gap: 16px; margin: 0; }
#bo_v #fviewcomment .btn_confirm .secret_cm { display: inline-flex; float: none; align-items: center; }
#bo_v #fviewcomment .btn_confirm .secret_cm label { position: relative; display: inline-flex; align-items: center; margin: 0; color: #566478; font-size: 1.35rem !important; cursor: pointer; }
#bo_v #fviewcomment .btn_confirm .secret_cm input { margin-right: 7px; accent-color: var(--board-primary); }
#bo_v #fviewcomment .btn_submit { min-width: 104px; height: 44px; padding: 0 18px; border: 1px solid var(--board-primary); border-radius: 7px; background: var(--board-primary); color: #fff; font-size: 1.4rem; font-weight: 700; cursor: pointer; transition: background .2s ease, border-color .2s ease; }
#bo_v #fviewcomment .btn_submit:hover { border-color: var(--board-navy); background: var(--board-navy); }
#bo_v #fviewcomment .btn_submit:disabled { opacity: .55; cursor: wait; }
#bo_v #bo_vc_send_sns { display: inline-flex; float: none; }
#bo_v #bo_vc_sns { display: inline-flex; align-items: center; margin: 0; padding: 0; list-style: none; }

@media (max-width: 900px) {
    .iprism-board-toolbar { align-items: flex-start; flex-direction: column; }
    .iprism-board-toolbar-actions { width: 100%; }
    .iprism-board-search { flex: 1 1 auto; grid-template-columns: 105px minmax(120px, 1fr) 64px; }
    .iprism-board-table .col-number { width: 80px; }
    .iprism-board-table .col-name { width: 120px; }
    .iprism-board-table .col-date { width: 120px; }
}

@media (max-width: 720px) {
    body.iprism-board-page .sub_content > .sub_top h2 { font-size: 4rem; }
    .iprism-board-inner { width: calc(100% - 32px); }
    .iprism-board-toolbar-actions { align-items: stretch; flex-wrap: wrap; }
    .iprism-board-search { order: 2; flex-basis: 100%; grid-template-columns: 96px minmax(0, 1fr) 58px; }
    .iprism-board-button { min-width: 74px; height: 42px; }
    .iprism-board-table-wrap { overflow: visible; }
    .iprism-board-table, .iprism-board-table colgroup, .iprism-board-table tbody { display: block; }
    .iprism-board-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .iprism-board-table tr { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 16px; padding: 20px 8px; }
    .iprism-board-table td { display: block; width: auto; height: auto; padding: 0; text-align: left; }
    .iprism-board-table .board-number { position: absolute; top: 19px; left: 8px; }
    .iprism-board-table .board-subject { grid-column: 1 / -1; padding-left: 54px; }
    .iprism-board-table tr:not(.is-notice) .board-subject { padding-left: 32px; }
    .iprism-board-table .board-name { grid-column: 1; padding-left: 54px; font-size: 1.3rem; }
    .iprism-board-table tr:not(.is-notice) .board-name { padding-left: 32px; }
    .iprism-board-table .board-date { grid-column: 2; font-size: 1.3rem; }
    .iprism-board-table .board-title-text { font-size: 1.55rem; }
    .iprism-board-table .board-check { position: absolute; top: 22px; right: 8px; z-index: 2; }
    .iprism-board-table tr:has(.board-check) .board-date { padding-right: 28px; }
    .iprism-board .pg_wrap { margin-top: 30px; }
    .iprism-board .pg_page, .iprism-board .pg_current { width: 34px; height: 34px; }
    .iprism-view-head { padding: 30px 18px 25px; }
    .iprism-view-meta { flex-wrap: wrap; row-gap: 8px; }
    .iprism-view-meta > div { padding: 0 10px; font-size: 1.3rem; }
    .iprism-view-files, .iprism-view-links { grid-template-columns: 1fr; }
    .iprism-view-files h4, .iprism-view-links h4 { justify-content: flex-start; padding: 13px 16px 0; }
    .iprism-view-files ul, .iprism-view-links ul { padding: 12px 16px; border-left: 0; }
    .iprism-view-files a { align-items: flex-start; flex-wrap: wrap; }
    .iprism-view-files a small { width: 100%; margin-left: 37px; }
    .iprism-view-body { min-height: 280px; padding: 38px 20px; }
    .iprism-view-neighbors a { grid-template-columns: 64px minmax(0, 1fr); gap: 10px; padding: 10px 12px; }
    .iprism-view-neighbors a > time { display: none; }
    .iprism-view-actions { align-items: stretch; flex-direction: column-reverse; }
    .iprism-view-actions > div { justify-content: flex-end; }
    .iprism-board-inner #bo_w #fwrite { padding-top: 25px; }
    .iprism-board-inner #bo_w .write_div { margin-bottom: 20px; }
    .iprism-board-inner #bo_w #fwrite > .write_div:has(> .bo_v_option) { padding: 14px 16px; }
    .iprism-board-inner #bo_w .bo_v_option { gap: 10px 17px; }
    .iprism-board-inner #bo_w .bo_v_option::before { flex-basis: 100%; margin-right: 0; }
    .iprism-board-inner #bo_w .bo_w_tit .frm_input { padding-right: 16px; }
    .iprism-board-inner #bo_w .bo_w_tit #autosave_wrapper { padding-bottom: 45px; }
    .iprism-board-inner #bo_w .bo_w_tit #btn_autosave { top: auto; right: 0; bottom: 0; }
    .iprism-board-inner #bo_w #autosave_pop { top: 102px; width: 100%; }
    .iprism-board-inner #bo_w .wr_content .cke_sc { margin: 0 0 8px; }
    .iprism-board-inner #bo_w .wr_content .cke_sc::before { content: "편집 도구"; float: left; color: #7d8999; font-size: 1.2rem; line-height: 32px; }
    html[lang="en"] .iprism-board-inner #bo_w .wr_content .cke_sc::before { content: "Editing tools"; }
    .iprism-board-inner #bo_w .wr_content iframe { height: 390px !important; }
    .iprism-board-inner #bo_w .bo_w_link, .iprism-board-inner #bo_w .bo_w_flie { grid-template-columns: 1fr; gap: 8px; }
    .iprism-board-inner #bo_w .bo_w_link .frm_input, .iprism-board-inner #bo_w .bo_w_flie .file_wr, .iprism-board-inner #bo_w .bo_w_flie > .frm_input, .iprism-board-inner #bo_w .bo_w_flie .file_del { grid-column: 1; }
    .iprism-board-inner #bo_w .bo_w_flie > .frm_input { margin-top: 0; }
    .iprism-board-inner #bo_w .btn_confirm { padding-top: 22px; }
    #bo_v .cmt_btn { min-height: 64px; margin-top: 42px; }
    #bo_v #bo_vc article { gap: 12px; padding: 23px 42px 23px 0; }
    #bo_v #bo_vc article[style*="margin-left"] { margin-left: 18px !important; padding: 21px 40px 21px 20px; }
    #bo_v #bo_vc article[style*="margin-left"]::before { top: 22px; left: 6px; }
    #bo_v #bo_vc article .pf_img { flex-basis: 40px; width: 40px; height: 40px; }
    #bo_v #bo_vc header { gap: 3px 8px; }
    #bo_v #bo_vc .bo_vc_hdinfo { flex-basis: 100%; }
    #bo_v #bo_vc .cmt_contents { padding-top: 7px; }
    #bo_v #bo_vc .bo_vl_opt { top: 18px; right: 0; }
    #bo_v #bo_vc_w, #bo_v #bo_vc .cm_wrap > .bo_vc_w:not(:empty) { padding: 23px 20px 20px; }
    #bo_v #fviewcomment .bo_vc_w_wr { align-items: stretch; flex-direction: column; gap: 14px; }
    #bo_v #fviewcomment .btn_confirm { justify-content: space-between; }
}

@media (max-width: 440px) {
    .iprism-board-search { grid-template-columns: 84px minmax(0, 1fr) 54px; }
    .iprism-board-search select, .iprism-board-search input { padding-right: 8px; padding-left: 8px; }
    .iprism-board-table .board-title-link { align-items: flex-start; flex-wrap: wrap; }
    .iprism-board-table .board-title-text { flex-basis: calc(100% - 20px); white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .iprism-view-meta > div:nth-child(2) { border-right: 0; }
    .iprism-view-meta > div:nth-child(3) { width: 100%; justify-content: center; }
    .iprism-view-actions .iprism-board-button { min-width: 68px; padding: 0 12px; }
    .iprism-board-inner #bo_w .frm_input, .iprism-board-inner #bo_w select { font-size: 1.4rem; }
    .iprism-board-inner #bo_w .wr_content iframe { height: 360px !important; }
    .iprism-board-inner #bo_w .wr_content::after { font-size: 1.2rem; }
    .iprism-board-inner #bo_w .bo_w_flie .lb_icon { display: none; }
    .iprism-board-inner #bo_w .bo_w_flie .frm_file { padding-left: 0; font-size: 1.25rem; }
    .iprism-board-inner #bo_w .btn_confirm { display: grid; grid-template-columns: 1fr 1fr; }
    .iprism-board-inner #bo_w .btn_confirm .btn { width: 100%; min-width: 0; }
    #bo_v #bo_vc article { gap: 10px; }
    #bo_v #bo_vc article .pf_img { flex-basis: 36px; width: 36px; height: 36px; }
    #bo_v #bo_vc .cmt_contents { margin-left: -46px; padding-top: 15px; }
    #bo_v #bo_vc article[style*="margin-left"] .cmt_contents { margin-left: -46px; }
    #bo_v #bo_vc_w, #bo_v #bo_vc .cm_wrap > .bo_vc_w:not(:empty) { padding-right: 16px; padding-left: 16px; }
    #bo_v #fviewcomment .bo_vc_w_info { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
    #bo_v #fviewcomment .bo_vc_w_info .frm_input { width: 100%; }
    #bo_v #fviewcomment .bo_vc_w_info #captcha, #bo_v #fviewcomment .bo_vc_w_info #bo_vc_send_sns { grid-column: 1 / -1; }
}