@charset "utf-8";

/*
 * PDF 목록 — 관리자/사용자 동일 레이아웃
 * (여백·열폭·정렬을 스킨 CSS로 고정, Tailwind 의존 최소화)
 */

#bo_list.ye-pdf-list {
    width: 100%;
    padding: 64px 0 100px;
    box-sizing: border-box;
    text-align: left;
}

#bo_list.ye-pdf-list .ye-pdf-title {
    margin: 0 0 40px;
    text-align: center;
    color: #004a80;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.3;
}

/* 툴바: 건수 왼쪽 / 버튼 오른쪽 (관리자도 동일) */
#bo_list.ye-pdf-list .ye-pdf-toolbar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 10px;
    width: 100%;
    text-align: left;
}

#bo_list.ye-pdf-list .ye-pdf-count {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    color: #434343;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}

#bo_list.ye-pdf-list .ye-pdf-count img {
    width: 19px;
    height: 19px;
    flex-shrink: 0;
}

#bo_list.ye-pdf-list .ye-pdf-count span {
    color: #004a80;
}

#bo_list.ye-pdf-list .ye-pdf-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
}

#bo_list.ye-pdf-list .ye-pdf-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #6b7280;
    font-size: 20px;
}

#bo_list.ye-pdf-list .ye-pdf-btn-icon:hover {
    color: #004a80;
}

#bo_list.ye-pdf-list .ye-pdf-btn-write {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 4px;
    background: #004a80;
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none !important;
}

#bo_list.ye-pdf-list .ye-pdf-btn-write:hover {
    background: #003a66;
}

#bo_list.ye-pdf-list .ye-pdf-btn-delete,
#bo_list.ye-pdf-list .ye-pdf-btn-copy,
#bo_list.ye-pdf-list .ye-pdf-btn-move {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    line-height: 1.2;
    cursor: pointer;
}

#bo_list.ye-pdf-list .ye-pdf-btn-delete {
    border: 1px solid #fecaca;
    color: #dc2626;
}

#bo_list.ye-pdf-list .ye-pdf-btn-delete:hover {
    background: #fef2f2;
}

#bo_list.ye-pdf-list .ye-pdf-btn-copy {
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
}

#bo_list.ye-pdf-list .ye-pdf-btn-copy:hover {
    background: #eff6ff;
}

#bo_list.ye-pdf-list .ye-pdf-btn-move {
    border: 1px solid #cbd5e1;
    color: #475569;
}

#bo_list.ye-pdf-list .ye-pdf-btn-move:hover {
    background: #f8fafc;
}

/* 표 */
#bo_list.ye-pdf-list .ye-pdf-table {
    position: relative;
    width: 100%;
    border-top: 2px solid #000;
}

#bo_list.ye-pdf-list .ye-pdf-list-inner {
    width: 100%;
    min-width: 0;
}

#bo_list.ye-pdf-list .ye-pdf-head,
#bo_list.ye-pdf-list .ye-pdf-row {
    display: flex;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
}

#bo_list.ye-pdf-list .ye-pdf-head {
    background: #f8f8fe;
    color: #252a34;
    font-size: 12px;
    font-weight: 500;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

#bo_list.ye-pdf-list .ye-pdf-head > div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    box-sizing: border-box;
}

#bo_list.ye-pdf-list .ye-pdf-rows {
    margin: 0;
    padding: 0;
    list-style: none;
}

#bo_list.ye-pdf-list .ye-pdf-row {
    min-height: 52px;
    border-bottom: 1px solid #e5e7eb;
    color: #252a34;
    font-size: 12px;
}

#bo_list.ye-pdf-list .ye-pdf-row:hover {
    background: #f8fafc;
}

#bo_list.ye-pdf-list .ye-pdf-row > div {
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

/* 세로 구분선 제거 (common.css .bo-list-row 보더 덮어씀) */
#bo_list.ye-pdf-list .bo-list-row > *,
#bo_list.ye-pdf-list .ye-pdf-row > *,
#bo_list.ye-pdf-list .ye-pdf-head > * {
    border-right: 0 !important;
    border-bottom: 0 !important;
}

/* 열 — 관리자/사용자 동일 폭 */
#bo_list.ye-pdf-list .bo-pdf-col-num {
    position: relative;
    width: 2.75rem;
    flex: 0 0 2.75rem;
    justify-content: center;
    text-align: center;
}

#bo_list.ye-pdf-list .bo-pdf-col-subject {
    flex: 1 1 0;
    min-width: 0;
    justify-content: flex-start;
    padding: 8px 6px;
    text-align: left;
}

#bo_list.ye-pdf-list .ye-pdf-head .bo-pdf-col-subject {
    justify-content: center;
    text-align: center;
}

#bo_list.ye-pdf-list .bo-pdf-col-writer {
    width: 2.75rem;
    flex: 0 0 2.75rem;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 2px;
}

#bo_list.ye-pdf-list .bo-pdf-col-date {
    width: 4.25rem;
    flex: 0 0 4.25rem;
    justify-content: center;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

#bo_list.ye-pdf-list .bo-pdf-col-pdf {
    width: 2rem;
    flex: 0 0 2rem;
    justify-content: center;
    text-align: center;
}

/* 체크박스: 열 폭을 밀지 않음 */
#bo_list.ye-pdf-list .ye-pdf-chk {
    position: absolute !important;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    margin: 0 !important;
    z-index: 2;
}

#bo_list.ye-pdf-list .ye-pdf-subject {
    display: block;
    width: 100%;
    color: #252a34;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
}

#bo_list.ye-pdf-list .ye-pdf-subject:hover {
    text-decoration: underline;
}

#bo_list.ye-pdf-list .ye-pdf-cmt {
    color: #004a80;
}

#bo_list.ye-pdf-list .ye-pdf-notice {
    color: #004a80;
    font-weight: 700;
}

#bo_list.ye-pdf-list .ye-pdf-file {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#bo_list.ye-pdf-list .ye-pdf-file img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

#bo_list.ye-pdf-list .ye-pdf-file.is-empty {
    opacity: 0.3;
}

#bo_list.ye-pdf-list .ye-pdf-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    border-bottom: 1px solid #e5e7eb;
    color: #6b7280;
}

#bo_list.ye-pdf-list .ye-pdf-paging {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

@media (min-width: 640px) {
    #bo_list.ye-pdf-list .ye-pdf-title {
        font-size: 2rem;
    }
    #bo_list.ye-pdf-list .ye-pdf-head {
        font-size: 16px;
    }
    #bo_list.ye-pdf-list .ye-pdf-row {
        font-size: 14px;
    }
    #bo_list.ye-pdf-list .bo-pdf-col-num {
        width: 4.5rem;
        flex-basis: 4.5rem;
    }
    #bo_list.ye-pdf-list .bo-pdf-col-writer {
        width: 5.5rem;
        flex-basis: 5.5rem;
    }
    #bo_list.ye-pdf-list .bo-pdf-col-date {
        width: 6rem;
        flex-basis: 6rem;
    }
    #bo_list.ye-pdf-list .bo-pdf-col-pdf {
        width: 3rem;
        flex-basis: 3rem;
    }
    #bo_list.ye-pdf-list .bo-pdf-col-subject {
        padding: 8px 12px;
    }
    #bo_list.ye-pdf-list .ye-pdf-chk {
        left: 8px;
    }
    #bo_list.ye-pdf-list .ye-pdf-subject {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        word-break: keep-all;
    }
}

/* PC(lg) — 사용자 화면과 동일 비율 유지 */
@media (min-width: 1024px) {
    #bo_list.ye-pdf-list {
        padding: 100px 0 180px;
    }
    #bo_list.ye-pdf-list .ye-pdf-title {
        margin-bottom: 50px;
        font-size: 40px;
    }
    #bo_list.ye-pdf-list .ye-pdf-head {
        font-size: 18px;
    }
    #bo_list.ye-pdf-list .ye-pdf-head > div {
        height: 60px;
    }
    #bo_list.ye-pdf-list .ye-pdf-row {
        min-height: 70px;
        font-size: 16px;
    }
    #bo_list.ye-pdf-list .bo-pdf-col-num {
        width: 120px;
        flex-basis: 120px;
    }
    #bo_list.ye-pdf-list .bo-pdf-col-writer {
        width: 160px;
        flex-basis: 160px;
    }
    #bo_list.ye-pdf-list .bo-pdf-col-date {
        width: 140px;
        flex-basis: 140px;
    }
    #bo_list.ye-pdf-list .bo-pdf-col-pdf {
        width: 120px;
        flex-basis: 120px;
    }
    #bo_list.ye-pdf-list .bo-pdf-col-subject {
        padding: 12px 50px;
    }
    #bo_list.ye-pdf-list .ye-pdf-chk {
        left: 16px;
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
    }
    #bo_list.ye-pdf-list .ye-pdf-file img {
        width: 24px;
        height: 24px;
    }
    #bo_list.ye-pdf-list .ye-pdf-paging {
        margin-top: 60px;
    }
}