@charset "utf-8";

/* Yedam-inspired card list skin. Scoped to #bo_yedam to avoid theme collisions. */
#bo_yedam {
    --yd-bg: #fafaf8;
    --yd-surface: #ffffff;
    --yd-text: #2d3748;
    --yd-muted: #718096;
    --yd-border: #e6e8e3;
    --yd-primary: #799d84;
    --yd-primary-dark: #53725d;
    --yd-soft: #eef4ef;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0px 24px 72px;
    color: var(--yd-text);
    font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", "Nanum Gothic", sans-serif;
    box-sizing: border-box;
}

#bo_yedam *, #bo_yedam *::before, #bo_yedam *::after { box-sizing: border-box; }
#bo_yedam a { color: inherit; text-decoration: none; }

.yedam_intro { margin-bottom: 42px; }
.yedam_eyebrow {
    margin: 0 0 12px;
    color: var(--yd-primary-dark);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.yedam_intro h1 {
    margin: 0 0 16px;
    color: var(--yd-text);
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: -.045em;
}
.yedam_description {
    margin: 0;
    color: var(--yd-muted);
    font-size: 16px;
    line-height: 1.85;
    word-break: keep-all;
}

.yedam_categories { margin: 0 0 30px; }
.yedam_categories ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.yedam_categories li { margin: 0; padding: 0; }
.yedam_categories a {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    padding: 8px 15px;
    border: 1px solid var(--yd-border);
    border-radius: 999px;
    background: var(--yd-surface);
    color: var(--yd-muted);
    font-size: 14px;
    transition: .2s ease;
}
.yedam_categories a:hover, .yedam_categories #bo_cate_on {
    border-color: var(--yd-primary);
    background: var(--yd-soft);
    color: var(--yd-primary-dark);
}

.yedam_toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.yedam_count { margin: 0; color: var(--yd-muted); font-size: 14px; }
.yedam_count strong { color: var(--yd-primary-dark); }
.yedam_actions { display: flex; gap: 8px; }
.yedam_btn {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 9px 17px;
    border: 1px solid var(--yd-border);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
}
.yedam_btn_primary { border-color: var(--yd-primary-dark); background: var(--yd-primary-dark); color: #fff !important; }
.yedam_btn_secondary { background: #fff; color: var(--yd-text) !important; }

.yedam_admin_select_all { display: flex; align-items: center; gap: 7px; margin-bottom: 12px; font-size: 13px; color: var(--yd-muted); }
.yedam_grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.yedam_card {
    position: relative;
    min-width: 0;
    border: 1px solid var(--yd-border);
    border-radius: 14px;
    background: var(--yd-surface);
    box-shadow: 0 1px 2px rgba(45, 55, 72, .03);
    overflow: hidden;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.yedam_card:hover {
    border-color: var(--yd-primary);
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(63, 86, 69, .09);
}
.yedam_card.is_current { outline: 2px solid var(--yd-primary); outline-offset: 2px; }
.yedam_card_link { display: flex; min-height: 248px; height: 100%; flex-direction: column; padding: 27px 28px 25px; }
.yedam_card_check { position: absolute; z-index: 2; top: 13px; right: 13px; }
.yedam_card_check input { width: 18px; height: 18px; accent-color: var(--yd-primary-dark); }
.yedam_meta { display: flex; min-height: 23px; align-items: center; gap: 10px; margin-bottom: 14px; color: var(--yd-muted); font-size: 13px; }
.yedam_lesson, .yedam_notice {
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--yd-soft);
    color: var(--yd-primary-dark);
    font-weight: 700;
}
.yedam_notice { background: #fff3e7; color: #a85d18; }
.yedam_passage { margin: 0 0 8px; color: var(--yd-primary-dark); font-size: 14px; font-weight: 700; }
.yedam_card_title { margin: 0 0 13px; color: var(--yd-text); font-size: 20px; font-weight: 800; line-height: 1.48; letter-spacing: -.025em; word-break: keep-all; }
.yedam_comment_count { margin-left: 4px; color: var(--yd-primary-dark); font-size: 12px; vertical-align: top; }
.yedam_summary {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: var(--yd-muted);
    font-size: 14px;
    line-height: 1.75;
    word-break: keep-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.yedam_more { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 19px; color: var(--yd-primary-dark); font-size: 13px; font-weight: 700; }
.yedam_more b { transition: transform .2s ease; }
.yedam_card:hover .yedam_more b { transform: translateX(4px); }
.yedam_empty { grid-column: 1 / -1; padding: 80px 20px; border: 1px dashed var(--yd-border); border-radius: 14px; color: var(--yd-muted); text-align: center; }

.yedam_admin_actions { display: flex; gap: 7px; margin-top: 16px; }
.yedam_admin_actions button { padding: 8px 12px; border: 1px solid var(--yd-border); border-radius: 7px; background: #fff; color: var(--yd-text); cursor: pointer; }
.yedam_paging { margin: 38px 0 30px; text-align: center; }
.yedam_paging .pg_wrap { display: inline-block; }
.yedam_paging .pg_page, .yedam_paging .pg_current {
    display: inline-flex;
    min-width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    margin: 2px;
    border: 1px solid var(--yd-border);
    border-radius: 8px;
    background: #fff;
    color: var(--yd-muted);
}
.yedam_paging .pg_current { border-color: var(--yd-primary-dark); background: var(--yd-primary-dark); color: #fff; }

.yedam_search {
    display: flex;
    max-width: 580px;
    margin: 0 auto;
    padding: 16px;
    border-radius: 12px;
    background: var(--yd-bg);
}
.yedam_search select, .yedam_search input, .yedam_search button {
    min-height: 44px;
    border: 1px solid var(--yd-border);
    background: #fff;
    color: var(--yd-text);
    font-family: inherit;
    font-size: 14px;
}
.yedam_search select { width: 115px; padding: 0 10px; border-radius: 8px 0 0 8px; }
.yedam_search input { min-width: 0; flex: 1; padding: 0 13px; border-left: 0; }
.yedam_search button { width: 74px; border-color: var(--yd-primary-dark); border-radius: 0 8px 8px 0; background: var(--yd-primary-dark); color: #fff; font-weight: 700; cursor: pointer; }

@media (max-width: 900px) {
    #bo_yedam { padding: 48px 18px 60px; }
    .yedam_grid { grid-template-columns: 1fr; }
    .yedam_card_link { min-height: 220px; }
}

@media (max-width: 560px) {
    #bo_yedam { padding: 38px 14px 52px; }
    .yedam_intro { margin-bottom: 30px; }
    .yedam_intro h1 { font-size: 29px; }
    .yedam_description { font-size: 14px; }
    .yedam_desktop_break { display: none; }
    .yedam_toolbar { align-items: flex-end; }
    .yedam_card_link { min-height: 0; padding: 23px 21px; }
    .yedam_card_title { font-size: 18px; }
    .yedam_search { padding: 10px; }
    .yedam_search select { width: 88px; }
    .yedam_search button { width: 62px; }
}

@media (prefers-reduced-motion: reduce) {
    .yedam_card, .yedam_more b { transition: none; }
    .yedam_card:hover { transform: none; }
}

@charset "utf-8";

/*
 * New2/mobile.css hides paging labels and expects page_btn.gif.
 * Restore readable labels inside the sogroup paging component.
 */
.yedam_paging .pg_start,
.yedam_paging .pg_prev,
.yedam_paging .pg_next,
.yedam_paging .pg_end {
    width: auto !important;
    min-width: 48px !important;
    height: 38px !important;
    padding: 0 12px !important;
    overflow: visible !important;
    border: 1px solid var(--yd-border) !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    background-image: none !important;
    color: var(--yd-muted) !important;
    font-size: 0 !important;
    line-height: 38px !important;
    text-indent: 0 !important;
    white-space: nowrap;
}

.yedam_paging .pg_start::after,
.yedam_paging .pg_prev::after,
.yedam_paging .pg_next::after,
.yedam_paging .pg_end::after {
    color: var(--yd-muted);
    font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

/* ASCII-only Unicode escapes prevent UTF-8/EUC-KR mojibake on legacy servers. */
.yedam_paging .pg_start::after { content: "\CC98\C74C"; }
.yedam_paging .pg_prev::after  { content: "\C774\C804"; }
.yedam_paging .pg_next::after  { content: "\B2E4\C74C"; }
.yedam_paging .pg_end::after   { content: "\B05D"; }

.yedam_paging .pg_start:hover,
.yedam_paging .pg_prev:hover,
.yedam_paging .pg_next:hover,
.yedam_paging .pg_end:hover {
    border-color: var(--yd-primary-dark) !important;
    background-color: var(--yd-soft) !important;
}

@media (max-width: 420px) {
    .yedam_paging .pg_start,
    .yedam_paging .pg_prev,
    .yedam_paging .pg_next,
    .yedam_paging .pg_end {
        min-width: 42px !important;
        padding: 0 9px !important;
    }
}