@charset "utf-8";

#uc_board,
#uc_view,
#uc_write {
    color: #1e2b4a;
}

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;padding-left:28px;color:#5c6885}
.chk_box input[type="checkbox"] + label span {position:absolute;top:1px;left:0;width:18px;height:18px;border-radius:5px;border:1px solid #c9d5ec;background:#fff}
.chk_box input[type="checkbox"]:checked + label span {background:#2f6df6;border-color:#2f6df6}

.btn_bo_user {display:flex;gap:8px;align-items:center;margin:0;padding:0;list-style:none}
.btn_bo_user li {position:relative}
.btn_bo_user .btn {width:42px;height:42px;border-radius:14px;border:1px solid #dbe5f5;background:#fff;color:#415170;display:flex;align-items:center;justify-content:center}
.more_opt {display:none;position:absolute;top:48px;right:0;background:#fff;border:1px solid #dbe5f5;border-radius:14px;box-shadow:0 18px 35px rgba(25, 42, 86, 0.12);z-index:20;padding:8px 0}
.more_opt li {list-style:none}
.more_opt li a,
.more_opt li button {display:block;width:100%;padding:10px 16px;border:0;background:#fff;text-align:left;color:#40506d;white-space:nowrap}

.bo_sch_wrap {display:none;position:fixed;inset:0;z-index:1000}
.bo_sch_bg {position:absolute;inset:0;background:rgba(14, 22, 41, 0.38)}
.bo_sch {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:min(92vw, 420px);padding:24px;border-radius:24px;background:#fff;box-shadow:0 24px 60px rgba(12, 23, 53, 0.22);border:1px solid #e4ebf7}
.bo_sch h3 {margin:0 0 16px;font-size:20px}
.bo_sch select,
.bo_sch .sch_input {width:100%;height:48px;border:1px solid #d8e2f0;border-radius:14px;padding:0 14px}
.bo_sch .sch_bar {display:grid;grid-template-columns:1fr 52px;gap:8px;margin-top:12px}
.bo_sch .sch_btn,
.bo_sch .bo_sch_cls {height:48px;border:0;border-radius:14px}
.bo_sch .sch_btn {background:#2f6df6;color:#fff}
.bo_sch .bo_sch_cls {margin-top:12px;width:100%;background:#edf2fb;color:#41506d}

.uc_kicker {display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;background:#eaf1ff;color:#2f6df6;font-size:13px;font-weight:700;letter-spacing:.02em}
.uc_cate {display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:#eef6eb;color:#33905d;font-size:13px;font-weight:700}

.uc_intro,
.uc_view_head,
.uc_write_intro {
    display:flex;
    justify-content:space-between;
    gap:24px;
    padding:32px;
    border:1px solid #dce7f6;
    border-radius:28px;
    background:linear-gradient(135deg, #f7fbff 0%, #eef4ff 55%, #fdfefe 100%);
    box-shadow:0 20px 45px rgba(28, 51, 104, 0.08);
}

.uc_intro h2,
.uc_view_head h2,
.uc_write_intro h2 {margin:14px 0 24px;font-size:2.9rem;line-height:1.1;color:#18294b}
.uc_intro p,
.uc_view_head p,
.uc_write_intro p {margin:0;max-width:760px;font-size:1.16rem;line-height:1.7;color:#5a6785}

.uc_intro_meta,
.uc_view_links {display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:10px;min-width:180px}
.uc_intro_meta strong {font-size:28px;color:#18294b}
.uc_intro_meta span {color:#65728f}

.uc_toolbar,
.uc_view_toolbar {display:flex;justify-content:space-between;align-items:center;gap:16px;margin:26px 0}
.uc_check_all label {font-weight:600}

.uc_card_grid {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));
    gap:24px;
    padding:0;
    margin:0;
    list-style:none;
}

.uc_card {
    position:relative;
    overflow:hidden;
    border:1px solid #dde7f6;
    border-radius:24px;
    background:#fff;
    box-shadow:0 18px 36px rgba(22, 41, 84, 0.08);
    transition:transform .18s ease, box-shadow .18s ease;
}

.uc_card:hover {transform:translateY(-4px);box-shadow:0 24px 44px rgba(22, 41, 84, 0.14)}
.uc_card.is_current {border-color:#2f6df6}
.uc_card_chk {position:absolute;top:18px;left:18px;z-index:3}

.uc_thumb {display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#edf3fe}
.uc_thumb img {width:100%;height:100%;object-fit:cover;display:block}
.uc_thumb_placeholder {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg, #ecf4ff, #dbe8ff);color:#7f93b7;font-weight:700;letter-spacing:.18em}
.uc_notice {position:absolute;top:16px;right:16px;z-index:2;height:32px;padding:0 12px;border-radius:999px;background:#1e2b4a;color:#fff;display:inline-flex;align-items:center;font-size:12px;font-weight:700}

.uc_card_body {padding:22px}
.uc_card_head h3 {margin:10px 0 12px;font-size:24px;line-height:1.3}
.uc_card_head h3 a {color:#18294b;text-decoration:none}
.uc_excerpt {margin:0;color:#62718f;line-height:1.7;min-height:82px}
.uc_meta {display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:18px;font-size:13px;color:#74829d}
.uc_actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.uc_chip {display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;background:#f1f5fc;color:#496181;font-size:13px;font-weight:600}

.uc_empty {
    grid-column:1 / -1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:280px;
    border:1px dashed #cdd8ea;
    border-radius:24px;
    background:#fbfdff;
    text-align:center;
}
.uc_empty strong {font-size:24px;color:#18294b}
.uc_empty p {margin:10px 0 0;color:#687794}

.uc_link_btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:160px;
    height:52px;
    padding:0 18px;
    border-radius:16px;
    border:1px solid #d6e2f7;
    background:#fff;
    color:#223251;
    text-decoration:none;
    font-weight:700;
}
.uc_link_btn.is_primary {background:#2f6df6;border-color:#2f6df6;color:#fff}

.uc_view_meta {display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:18px;color:#65738f}
.uc_section_title {margin-bottom:16px}
.uc_section_title span {display:block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5f7fcf}
.uc_section_title h3 {margin:8px 0 0;font-size:28px;color:#18294b}

.uc_capture_section,
.uc_content_section,
.uc_resource_section {
    margin-top:28px;
    padding:28px;
    border:1px solid #dde7f6;
    border-radius:26px;
    background:#fff;
    box-shadow:0 18px 36px rgba(22, 41, 84, 0.06);
}

.uc_capture_grid {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
    gap:16px;
}
.uc_capture_item {overflow:hidden;border-radius:20px;background:#f4f8ff}
.uc_capture_item img {width:100%;height:auto;display:block}

.uc_content {line-height:1.8;color:#243250}
.uc_content img {max-width:100%;height:auto;border-radius:18px}

.uc_resource_list,
.uc_link_list,
.bo_v_nb {margin:0;padding:0;list-style:none}
.uc_resource_list li,
.uc_link_list li,
.bo_v_nb li {
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:18px 0;
    border-top:1px solid #edf2fb;
}
.uc_resource_list li:first-child,
.uc_link_list li:first-child,
.bo_v_nb li:first-child {border-top:0}
.uc_resource_list a,
.uc_link_list a,
.bo_v_nb a {color:#1d2d4d;font-weight:700;text-decoration:none}
.uc_resource_list p,
.uc_link_list span,
.bo_v_nb .nb_date,
.bo_v_nb .nb_tit {margin:0;color:#6b7a96}

#uc_write .uc_field,
#uc_write .uc_field_grid,
#uc_write .btn_confirm {
    margin-top:22px;
}
#uc_write .uc_field_grid {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:18px}
#uc_write .uc_field label {display:block;margin-bottom:10px;font-weight:700;color:#203150}
#uc_write .uc_help {margin:0 0 12px;color:#6d7c99}
#uc_write .frm_input,
#uc_write select {
    width:100%;
    height:54px;
    border:1px solid #d6e2f2;
    border-radius:16px;
    padding:0 16px;
    background:#fff;
}
#uc_write .wr_content {padding:20px;border:1px solid #d6e2f2;border-radius:22px;background:#fff}
#uc_write .bo_v_option {display:flex;flex-wrap:wrap;gap:14px;padding:0;margin:0;list-style:none}
#uc_write .uc_file_stack {display:grid;gap:14px}
#uc_write .uc_file_item {padding:18px;border:1px solid #e0e7f4;border-radius:20px;background:#fbfcff}
#uc_write .file_wr label {display:block;margin-bottom:10px}
#uc_write .frm_file {width:100%}
#uc_write .file_del {display:block;margin-top:10px;color:#6c7895}
#uc_write .btn_confirm {display:flex;justify-content:flex-end;gap:12px}
#uc_write .btn_confirm .btn {min-width:120px;height:52px;border-radius:16px}
#uc_write .btn_submit {background:#2f6df6;border-color:#2f6df6;color:#fff}
#uc_write .btn_cancel {background:#eef3fb;color:#41506f}

#autosave_pop {display:none;position:absolute;z-index:30;width:min(92vw, 420px);padding:18px;border-radius:22px;border:1px solid #d9e3f2;background:#fff;box-shadow:0 24px 50px rgba(15, 30, 61, 0.18)}
#autosave_pop ul {margin:14px 0 0;padding:0;list-style:none;max-height:180px;overflow:auto}
#autosave_pop li {padding:10px 0;border-top:1px solid #eef2f8}

#bo_vc {margin-top:28px;padding:28px;border:1px solid #dde7f6;border-radius:26px;background:#fff}

@media (max-width: 900px) {
    .uc_intro,
    .uc_view_head,
    .uc_write_intro {flex-direction:column}
    .uc_intro h2,
    .uc_view_head h2,
    .uc_write_intro h2 {font-size:34px}
    .uc_intro_meta,
    .uc_view_links {align-items:flex-start;min-width:0}
    #uc_write .uc_field_grid {grid-template-columns:1fr}
}

@media (max-width: 640px) {
    .uc_intro,
    .uc_view_head,
    .uc_write_intro,
    .uc_capture_section,
    .uc_content_section,
    .uc_resource_section {padding:22px;border-radius:22px}
    .uc_card_grid {grid-template-columns:1fr}
    .uc_card_body {padding:18px}
    .uc_card_head h3 {font-size:22px}
    .uc_toolbar,
    .uc_view_toolbar {align-items:flex-start;flex-direction:column}
    .uc_resource_list li,
    .uc_link_list li,
    .bo_v_nb li {flex-direction:column}
}