@charset "utf-8";
/* 보도자료 게시판 스킨 — 가로형 리스트 (썸네일 + 제목 · 날짜 · 요약) */

#bo_list.wpr {
    --wpr-line: #e5e7eb;
    --wpr-dim: #9ca3af;
    --wpr-sub: #6b7280;
    --wpr-ink: #1a1a1a;
    --wpr-accent: #111;
    width: 100%;
    max-width: var(--wrap, 1200px);
    margin: 0 auto;
    padding: 0 var(--gut, 24px);
    box-sizing: border-box;
    color: var(--wpr-ink);
}

/* 테마가 출력하는 게시판 제목은 히어로와 중복된다 */
body.wpr_board #container_title { display: none; }

/* ------------------------------------------------------------ 히어로 */
.wpr_hero { padding: 44px 0 34px; text-align: center; border-bottom: 1px solid var(--wpr-line); }
.wpr_hero__tit { margin: 0; font-size: 32px; font-weight: 700; letter-spacing: -.02em; }
.wpr_hero__desc { margin: 12px 0 0; font-size: 15px; color: var(--wpr-sub); line-height: 1.6; }

/* ------------------------------------------------------------ 해시태그 필터 */
.wpr_tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 28px 0 0; }
.wpr_tags a { display: inline-flex; align-items: center; height: 34px; padding: 0 16px;
              border: 1px solid var(--wpr-line); border-radius: 999px; background: #fff;
              font-size: 13px; font-weight: 500; color: var(--wpr-sub); text-decoration: none;
              transition: all .15s ease; }
.wpr_tags a:hover { border-color: #9ca3af; color: var(--wpr-ink); }
.wpr_tags a.is_on { background: var(--wpr-accent); border-color: var(--wpr-accent); color: #fff; font-weight: 600; }

/* ------------------------------------------------------------ 건수 + 검색 */
.wpr_bar { display: flex; align-items: center; justify-content: space-between; gap: 16px;
           padding: 30px 0 16px; }
.wpr_total { font-size: 14px; color: var(--wpr-sub); }
.wpr_total strong { color: var(--wpr-ink); font-weight: 700; }
.wpr_bar__cate { color: var(--wpr-dim); }

.wpr_sch { display: flex; align-items: stretch; gap: 0; }
.wpr_sch select { height: 38px; padding: 0 8px; border: 1px solid var(--wpr-line); border-right: 0;
                  border-radius: 2px 0 0 2px; background: #fff; font-size: 13px; color: var(--wpr-sub); outline: 0; }
.wpr_sch input[type=text] { width: 190px; height: 38px; padding: 0 12px; border: 1px solid var(--wpr-line);
                            border-radius: 0; font-size: 13px; color: var(--wpr-ink); outline: 0; }
.wpr_sch input[type=text]:focus { border-color: #9ca3af; }
.wpr_sch input::placeholder { color: var(--wpr-dim); }
.wpr_sch button { height: 38px; padding: 0 20px; border: 0; border-radius: 0 2px 2px 0;
                  background: var(--wpr-accent); color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; }
.wpr_sch button:hover { background: #333; }

.wpr_chkall { padding: 0 0 10px; font-size: 13px; color: var(--wpr-sub); }

/* ------------------------------------------------------------ 목록 */
.wpr_list { margin: 0; padding: 0; list-style: none; border-top: 2px solid var(--wpr-ink); }
.wpr_item { position: relative; border-bottom: 1px solid var(--wpr-line); }
.wpr_item.is_notice { background: #fafafa; }

.wpr_link { display: flex; align-items: flex-start; gap: 26px; padding: 28px 4px;
            text-decoration: none; color: inherit; }
.wpr_link:hover .wpr_tit { text-decoration: underline; text-underline-offset: 3px; }
.wpr_link:hover .wpr_thumb img { transform: scale(1.04); }

.wpr_thumb { flex: 0 0 auto; width: 236px; aspect-ratio: 16 / 9; overflow: hidden;
             border-radius: 2px; background: #f3f4f6; }
.wpr_thumb img { width: 100%; height: 100%; object-fit: cover; display: block;
                 transition: transform .45s cubic-bezier(.2, .6, .2, 1); }

.wpr_body { flex: 1; min-width: 0; }
.wpr_top { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }

.wpr_tit { flex: 1; min-width: 0; display: block; font-size: 19px; font-weight: 700;
           line-height: 1.45; letter-spacing: -.01em; color: var(--wpr-ink); }
.wpr_flag { display: inline-block; margin-right: 8px; padding: 2px 8px; border-radius: 3px;
            background: var(--wpr-accent); color: #fff; font-size: 11px; font-style: normal; font-weight: 700;
            vertical-align: 2px; }
.wpr_cate { display: inline-block; margin-right: 8px; color: var(--wpr-sub);
            font-size: 14px; font-style: normal; font-weight: 600; }

.wpr_date { flex: 0 0 auto; padding-top: 4px; font-size: 14px; color: var(--wpr-dim); }

.wpr_sum { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
           margin-top: 12px; font-size: 14px; line-height: 1.75; color: var(--wpr-sub); }

.wpr_chk { position: absolute; top: 30px; right: 4px; z-index: 2; }
.wpr_chk input { width: 16px; height: 16px; }
.wpr_chk ~ .wpr_link .wpr_date { margin-right: 26px; }

.wpr_empty { padding: 90px 0; text-align: center; color: var(--wpr-dim); font-size: 15px;
             border-bottom: 1px solid var(--wpr-line); }

/* ------------------------------------------------------------ 페이징 */
#bo_list.wpr .pg_wrap { padding: 44px 0 0; text-align: center; }
#bo_list.wpr .pg_page, #bo_list.wpr .pg_current {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 42px; height: 42px; margin: 0 1px; padding: 0 10px;
    border: 1px solid var(--wpr-line); border-radius: 0; font-size: 14px; text-decoration: none; }
#bo_list.wpr .pg_page { color: var(--wpr-sub); background: #fff; }
#bo_list.wpr .pg_page:hover { background: #f5f5f5; color: var(--wpr-ink); }
#bo_list.wpr .pg_current { background: var(--wpr-accent); border-color: var(--wpr-accent);
                           color: #fff; font-weight: 700; }

/* ------------------------------------------------------------ 하단 버튼 */
.wpr_foot { display: flex; justify-content: flex-end; padding: 26px 0 0; }
.wpr_foot .btn_bo_user { display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }
#bo_list.wpr .btn_bo_user .btn {
    display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 16px;
    border: 1px solid var(--wpr-line); border-radius: 2px; background: #fff;
    color: var(--wpr-ink); font-size: 13px; font-weight: 600; line-height: 1;
    text-decoration: none; cursor: pointer; }
#bo_list.wpr .btn_bo_user .btn:hover { background: #f5f5f5; }
#bo_list.wpr .btn_bo_user .btn_dark { background: var(--wpr-accent); border-color: var(--wpr-accent); color: #fff; }
#bo_list.wpr .btn_bo_user .btn_dark:hover { background: #333; }

/* ------------------------------------------------------------ 반응형 */
@media (max-width: 860px) {
    .wpr_hero { padding: 32px 0 26px; }
    .wpr_hero__tit { font-size: 25px; }
    .wpr_bar { flex-wrap: wrap; }
    .wpr_sch { width: 100%; }
    .wpr_sch input[type=text] { flex: 1; width: auto; }
    .wpr_link { gap: 18px; padding: 22px 4px; }
    .wpr_thumb { width: 160px; }
    .wpr_tit { font-size: 17px; }
    .wpr_sum { -webkit-line-clamp: 2; font-size: 13px; }
}
@media (max-width: 560px) {
    .wpr_link { flex-direction: column; gap: 12px; }
    .wpr_thumb { width: 100%; }
    .wpr_top { flex-direction: column; gap: 6px; }
    .wpr_date { padding-top: 0; font-size: 13px; }
    #bo_list.wpr .pg_page, #bo_list.wpr .pg_current { min-width: 36px; height: 36px; font-size: 13px; }
}

/* ------------------------------------------------------------ 글쓰기 — 뉴스 불러오기 */
.wpr_import { margin: 0 0 20px; padding: 18px; border: 1px solid var(--wpr-line, #e5e7eb);
              border-radius: 6px; background: #fafafa; }
.wpr_import__lab { display: block; margin: 0 0 10px; font-size: 14px; font-weight: 700; color: #1a1a1a; }
.wpr_import__row { display: flex; gap: 8px; }
.wpr_import__row .frm_input { flex: 1; min-width: 0; height: 40px; padding: 0 12px;
                              border: 1px solid #e5e7eb; border-radius: 4px; font-size: 14px; }
.wpr_import__row .btn { flex: 0 0 auto; height: 40px; padding: 0 18px; border: 0; border-radius: 4px;
                        background: #111; color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; }
.wpr_import__row .btn:hover { background: #333; }
.wpr_import__row .btn:disabled { background: #9ca3af; cursor: default; }

.wpr_import__mode { display: flex; flex-wrap: wrap; gap: 18px; margin: 12px 0 0; font-size: 13px; color: #4b5563; }
.wpr_import__mode label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.wpr_import__mode span { color: #9ca3af; }

.wpr_import__msg { margin: 10px 0 0; font-size: 13px; color: #6b7280; line-height: 1.6; }
.wpr_import__msg.is_bad { color: #b91c1c; }

.wpr_import__prev { display: none; align-items: center; gap: 14px; margin: 12px 0 0; padding: 10px;
                    border: 1px solid #e5e7eb; border-radius: 6px; background: #fff; }
.wpr_import__prev.is_on { display: flex; }
.wpr_import__prev img { width: 132px; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 3px; background: #f3f4f6; }
.wpr_import__prev b { display: block; font-size: 14px; color: #1a1a1a; line-height: 1.45; }
.wpr_import__prev span { display: block; margin-top: 4px; font-size: 12px; color: #9ca3af; }

@media (max-width: 560px) {
    .wpr_import__row { flex-wrap: wrap; }
    .wpr_import__prev img { width: 92px; }
}

/* ============================================================ 상세 보기 */
#bo_v.wpr_view {
    --wpr-line: #e5e7eb;
    --wpr-dim: #9ca3af;
    --wpr-sub: #6b7280;
    --wpr-ink: #1a1a1a;
    --wpr-accent: #111;
    width: 100%;
    max-width: var(--wrap, 1200px);
    margin: 0 auto;
    padding: 0 var(--gut, 24px) 40px;
    box-sizing: border-box;
    color: var(--wpr-ink);
}
body.wpr_board #container_title { display: none; }

/* 제목 */
#bo_v.wpr_view #bo_v_title { margin: 0; padding: 46px 0 0; border: 0; }
#bo_v.wpr_view #bo_v_title .bo_v_cate { display: inline-block; margin: 0 0 12px; padding: 3px 10px;
    border-radius: 999px; background: #f3f4f6; color: var(--wpr-sub); font-size: 12px; font-weight: 600; }
#bo_v.wpr_view #bo_v_title .bo_v_tit { display: block; font-size: 28px; font-weight: 700;
    line-height: 1.45; letter-spacing: -.02em; color: var(--wpr-ink); }

/* 날짜·조회 등 메타 — 한 줄로 눕힌다 */
#bo_v.wpr_view #bo_v_info { display: flex; flex-wrap: wrap; align-items: center; gap: 14px;
    margin: 18px 0 0; padding: 0 0 20px; border: 0; border-bottom: 1px solid var(--wpr-line);
    font-size: 13px; color: var(--wpr-dim); }
#bo_v.wpr_view #bo_v_info h2 { display: none; }
#bo_v.wpr_view #bo_v_info .sv_member,
#bo_v.wpr_view #bo_v_info .sv_guest { color: var(--wpr-sub); font-weight: 600; }
#bo_v.wpr_view #bo_v_info strong { font-weight: 400; }
#bo_v.wpr_view #bo_v_info .if_date { color: var(--wpr-dim); }

/* 본문 — 읽기 좋은 타이포 */
#bo_v.wpr_view #bo_v_con {
    margin: 0; padding: 34px 0 0;
    font-size: 16px; line-height: 1.95; color: #2b2b2b;
    letter-spacing: -.003em; word-break: keep-all; overflow-wrap: break-word;
}
#bo_v.wpr_view #bo_v_con p { margin: 0 0 1.1em; }
#bo_v.wpr_view #bo_v_con br + br { display: none; }
#bo_v.wpr_view #bo_v_con img,
#bo_v.wpr_view #bo_v_con video { max-width: 100%; height: auto; margin: 20px auto; display: block; border-radius: 4px; }
#bo_v.wpr_view #bo_v_con a { color: #1d4ed8; text-decoration: underline; text-underline-offset: 2px; word-break: break-all; }
#bo_v.wpr_view #bo_v_con h2,
#bo_v.wpr_view #bo_v_con h3 { margin: 1.8em 0 .7em; font-size: 19px; font-weight: 700; line-height: 1.5; }
#bo_v.wpr_view #bo_v_con blockquote { margin: 20px 0; padding: 14px 18px; border-left: 3px solid var(--wpr-accent);
    background: #fafafa; color: var(--wpr-sub); font-size: 15px; }
#bo_v.wpr_view #bo_v_con table { width: 100%; border-collapse: collapse; margin: 18px 0; font-size: 14px; }
#bo_v.wpr_view #bo_v_con th,
#bo_v.wpr_view #bo_v_con td { padding: 10px 12px; border: 1px solid var(--wpr-line); }
#bo_v.wpr_view #bo_v_con th { background: #fafafa; font-weight: 600; }

/* 본문 끝의 [출처] 줄을 눈에 띄게 (불러오기로 붙는 문구) */
#bo_v.wpr_view .wpr_source { margin: 30px 0 0; padding: 16px 18px; border: 1px solid var(--wpr-line);
    border-radius: 6px; background: #fafafa; font-size: 13px; line-height: 1.7; color: var(--wpr-sub); }
#bo_v.wpr_view .wpr_source b { display: block; margin-bottom: 4px; color: var(--wpr-ink); font-size: 12px; }
#bo_v.wpr_view .wpr_source a { color: #1d4ed8; word-break: break-all; }

/* 첨부·링크 */
#bo_v.wpr_view #bo_v_file,
#bo_v.wpr_view #bo_v_link { margin: 28px 0 0; padding: 0; border-top: 1px solid var(--wpr-line); }
#bo_v.wpr_view #bo_v_file h2,
#bo_v.wpr_view #bo_v_link h2 { padding: 18px 0 8px; font-size: 14px; font-weight: 700; color: var(--wpr-ink); }
#bo_v.wpr_view #bo_v_file ul,
#bo_v.wpr_view #bo_v_link ul { margin: 0; padding: 0 0 16px; list-style: none; }
#bo_v.wpr_view #bo_v_file li,
#bo_v.wpr_view #bo_v_link li { padding: 6px 0; font-size: 14px; }
#bo_v.wpr_view #bo_v_file a,
#bo_v.wpr_view #bo_v_link a { color: #1d4ed8; word-break: break-all; }
#bo_v.wpr_view .bo_v_file_cnt,
#bo_v.wpr_view .bo_v_link_cnt { display: block; margin-top: 2px; font-size: 12px; color: var(--wpr-dim); }

/* 상단 도구 줄 */
#bo_v.wpr_view #bo_v_top { margin: 24px 0 0; padding: 0; }
#bo_v.wpr_view #bo_v_top ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
#bo_v.wpr_view #bo_v_top .btn,
#bo_v.wpr_view #bo_v_bot .btn,
#bo_v.wpr_view .btn_b01, #bo_v.wpr_view .btn_b02, #bo_v.wpr_view .btn_admin {
    display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px;
    border: 1px solid var(--wpr-line); border-radius: 2px; background: #fff;
    color: var(--wpr-ink); font-size: 13px; font-weight: 600; line-height: 1;
    text-decoration: none; cursor: pointer; }
#bo_v.wpr_view #bo_v_top .btn:hover,
#bo_v.wpr_view #bo_v_bot .btn:hover { background: #f5f5f5; }

/* 하단 목록 버튼 */
#bo_v.wpr_view #bo_v_bot { margin: 34px 0 0; padding: 20px 0 0; border-top: 1px solid var(--wpr-line); }
#bo_v.wpr_view #bo_v_bot ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }

/* SNS 공유 */
#bo_v.wpr_view .bo_v_sns { margin: 24px 0 0; }

@media (max-width: 860px) {
    #bo_v.wpr_view { padding: 0 0 30px; }
    #bo_v.wpr_view #bo_v_title { padding-top: 32px; }
    #bo_v.wpr_view #bo_v_title .bo_v_tit { font-size: 22px; }
    #bo_v.wpr_view #bo_v_con { padding-top: 26px; font-size: 15px; line-height: 1.85; }
}

/* ============================================================ 댓글 */
#bo_vc, #bo_vc_w {
    --wpr-line: #e5e7eb;
    --wpr-dim: #9ca3af;
    --wpr-sub: #6b7280;
    --wpr-ink: #1a1a1a;
    --wpr-accent: #111;
    width: 100%;
    max-width: var(--wrap, 1200px);
    margin: 0 auto;
    padding: 0 var(--gut, 24px);
    box-sizing: border-box;
    color: var(--wpr-ink);
}

/* --- 댓글 목록 --- */
#bo_vc { padding-top: 10px; }
#bo_vc h2 { padding: 26px 0 14px; font-size: 16px; font-weight: 700; border-bottom: 2px solid var(--wpr-ink); }
#bo_vc h2 .total { margin-left: 6px; color: var(--wpr-sub); font-weight: 600; }

#bo_vc article { padding: 20px 2px; border-bottom: 1px solid var(--wpr-line); }
#bo_vc header { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; }
#bo_vc .pf_img img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
#bo_vc .bo_vc_hdinfo { display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
                       font-size: 13px; color: var(--wpr-dim); }
#bo_vc .bo_vc_hdinfo .sv_member, #bo_vc .bo_vc_hdinfo .sv_guest { color: var(--wpr-ink); font-weight: 600; }
#bo_vc .cmt_contents { font-size: 15px; line-height: 1.8; color: #2b2b2b; word-break: keep-all; }
#bo_vc .cmt_contents a { color: #1d4ed8; text-decoration: underline; }
#bo_vc #bo_vc_empty { padding: 50px 0; text-align: center; color: var(--wpr-dim); font-size: 14px;
                      border-bottom: 1px solid var(--wpr-line); }

/* 댓글 상단 옵션 버튼 */
#bo_vc .bo_vc_act { position: relative; margin-left: auto; }
#bo_vc .btn_cm_opt { width: 30px; height: 30px; padding: 0; border: 1px solid var(--wpr-line);
                     border-radius: 4px; background: #fff; color: var(--wpr-sub); cursor: pointer; }
#bo_vc .btn_cm_opt:hover { background: #f5f5f5; }
#bo_vc .bo_vl_opt { position: absolute; right: 0; top: 34px; z-index: 5; min-width: 110px;
                    margin: 0; padding: 6px; list-style: none; border: 1px solid var(--wpr-line);
                    border-radius: 6px; background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,.08); }
#bo_vc .bo_vl_opt li { padding: 0; }
#bo_vc .bo_vl_opt a, #bo_vc .bo_vl_opt button { display: block; width: 100%; padding: 8px 10px;
    border: 0; border-radius: 4px; background: none; color: var(--wpr-ink); font-size: 13px;
    text-align: left; text-decoration: none; cursor: pointer; }
#bo_vc .bo_vl_opt a:hover, #bo_vc .bo_vl_opt button:hover { background: #f5f5f5; }

/* --- 댓글 입력 --- */
#bo_vc_w { padding-top: 26px; padding-bottom: 40px; }
#bo_vc_w h2 { margin: 0 0 12px; font-size: 15px; font-weight: 700; }

#bo_vc_w .bo_vc_w_info { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; }
#bo_vc_w .bo_vc_w_info .frm_input { height: 40px; padding: 0 12px; border: 1px solid var(--wpr-line);
    border-radius: 4px; background: #fff; font-size: 14px; color: var(--wpr-ink); }
#bo_vc_w .bo_vc_w_info .frm_input:focus { border-color: #9ca3af; outline: 0; }

#bo_vc_w .bo_vc_w_wr { position: relative; }
#bo_vc_w textarea {
    width: 100%; min-height: 120px; padding: 14px 16px; box-sizing: border-box;
    border: 1px solid var(--wpr-line); border-radius: 6px; background: #fff;
    font-size: 15px; line-height: 1.75; color: var(--wpr-ink); resize: vertical; }
#bo_vc_w textarea:focus { border-color: #9ca3af; outline: 0; box-shadow: 0 0 0 3px rgba(17,17,17,.05); }
#bo_vc_w textarea::placeholder { color: var(--wpr-dim); }

#bo_vc_w #char_cnt, #bo_vc_w #char_count { font-size: 12px; color: var(--wpr-dim); }

/* 비밀댓글 체크 */
#bo_vc_w .secret_cm { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--wpr-sub); }
#bo_vc_w .secret_cm input { width: 16px; height: 16px; }

/* 버튼 줄 */
#bo_vc_w .btn_confirm { display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
                        margin: 12px 0 0; }
#bo_vc_w .btn_submit, #bo_vc_w input[type=submit], #bo_vc_w button[type=submit] {
    margin-left: auto; height: 42px; padding: 0 26px; border: 0; border-radius: 4px;
    background: var(--wpr-accent); color: #fff; font-size: 14px; font-weight: 700;
    line-height: 1; cursor: pointer; }
#bo_vc_w .btn_submit:hover { background: #333; }
#bo_vc_w .btn_close, #bo_vc_w .btn_cancel {
    height: 42px; padding: 0 18px; border: 1px solid var(--wpr-line); border-radius: 4px;
    background: #fff; color: var(--wpr-ink); font-size: 14px; font-weight: 600; cursor: pointer; }
#bo_vc_w .btn_close:hover { background: #f5f5f5; }

/* 캡차 */
#bo_vc_w #captcha { display: flex; align-items: center; gap: 8px; }
#bo_vc_w #captcha input { height: 40px; padding: 0 12px; border: 1px solid var(--wpr-line); border-radius: 4px; }

/* 더보기 */
#bo_vc .cmt_more, #bo_vc .cmt_btn { display: inline-flex; align-items: center; gap: 6px;
    margin: 16px 0 0; padding: 8px 14px; border: 1px solid var(--wpr-line); border-radius: 999px;
    background: #fff; color: var(--wpr-sub); font-size: 13px; text-decoration: none; cursor: pointer; }
#bo_vc .cmt_more:hover, #bo_vc .cmt_btn:hover { background: #f5f5f5; color: var(--wpr-ink); }

@media (max-width: 640px) {
    #bo_vc_w .bo_vc_w_info .frm_input { flex: 1; min-width: 120px; }
    #bo_vc_w .btn_submit { width: 100%; margin-left: 0; }
}