@charset "utf-8";
/* 자료실(pds) 게시판 - Figma 6549:3269 : 3열 카드 + 카테고리필터 + 파일종류별 다운로드버튼 */

/* 상단 : 카테고리 탭 + Total/검색 */
.pds-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:40px;font-family:'Pretendard',sans-serif}
.pds-tabs{display:flex;flex-wrap:wrap}
.pds-tab{padding:8px 20px;font-size:18px;font-weight:600;color:#696969;text-decoration:none;border-bottom:1px solid transparent;letter-spacing:-.36px}
.pds-tab.is-active{color:#f42500;border-bottom-color:#f42500}
.pds-tab:hover{color:#f42500}
.pds-topright{display:flex;align-items:flex-end;gap:20px}
.pds-total{display:flex;align-items:center;gap:11px;font-size:18px;color:#333;white-space:nowrap}
.pds-total em{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:#e6e6e6;border-radius:3px;font-style:normal;font-size:15px;color:#333}
.pds-search{display:flex;align-items:center;width:337px;max-width:46vw;height:50px;border-bottom:1px solid #919191}
.pds-search input{flex:1;min-width:0;border:0;background:transparent;padding:0 4px 0 15px;font-size:16px;color:#333;outline:none;font-family:'Pretendard',sans-serif}
.pds-search input::placeholder{color:#8d8d8d}
.pds-search button{border:0;background:transparent;color:#555;font-size:18px;padding:0 6px;cursor:pointer}

/* 카드 그리드 */
.pds-grid{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:40px}
.pds-card{position:relative;display:flex;flex-direction:column;gap:20px;width:calc((100% - 40px) / 3);min-width:0;box-sizing:border-box;padding:30px 20px;border:1px solid #ddd;border-radius:15px;background:#fff;transition:border-color .2s,box-shadow .2s}
.pds-card:hover{border-color:#111}   /* 마우스 오버 시 테두리만 강조 (그림자 제거) */

/* 썸네일(첫 이미지) - 문서 미리보기라 contain 으로 전체 표시 */
.pds-card__thumb{display:flex;align-items:center;justify-content:center;height:340px;overflow:hidden}
.pds-card__thumb img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .4s ease}
.pds-card:hover .pds-card__thumb img{transform:scale(1.03)}
.pds-card__noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#cfcfcf;font-size:80px}

/* 하단 : 제목 · 날짜 · 다운로드 */
.pds-card__foot{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:20px;border-top:1px solid #111}
.pds-card__meta{text-align:center}
.pds-card__tit{margin:0;font-size:20px;font-weight:600;color:#111;line-height:1.5;letter-spacing:-.42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pds-card__date{margin:3px 0 0;font-size:17px;color:#666;line-height:1.5}

.pds-card__downloads{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100%}
.pds-card__downloads--multi{width:100%;max-width:310px}
.pds-dl{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:45px;padding:0 30px;min-width:207px;border-radius:5px;font-size:16px;font-weight:600;color:#fff;text-decoration:none;letter-spacing:-.32px;box-sizing:border-box}
.pds-card__downloads--multi .pds-dl{width:100%;min-width:0;padding:0 18px}
.pds-dl__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pds-dl i{font-size:16px}
.pds-dl--pdf{background:#f42500}
.pds-dl--pdf:hover{background:#e02200}
.pds-dl--excel{background:#006826}
.pds-dl--excel:hover{background:#00551f}
.pds-dl--word{background:#2a5699}
.pds-dl--ppt{background:#c43e1c}
.pds-dl--file{background:#555}
.pds-dl--file:hover{background:#3f3f3f}

.pds-empty{width:100%;text-align:center;padding:90px 0;color:#888;font-size:16px}

.pds-btns{display:flex;justify-content:center;gap:10px;margin-top:36px}
.pds-btn{display:inline-flex;align-items:center;padding:12px 26px;border-radius:6px;background:#f42500;color:#fff;font-size:15px;font-weight:500;text-decoration:none}
.pds-btn:hover{background:#e02200}
.pds-btn--sub{background:#555}
.pds-btn--sub:hover{background:#3f3f3f}

/* ---- 뷰페이지 : PDF/엑셀 뷰어 ---- */
.pds-view{max-width:1000px;margin:0 auto}
.pds-view__head{padding-bottom:22px;border-bottom:2px solid #111;margin-bottom:30px}
.pds-view__cate{display:inline-block;margin-bottom:10px;padding:3px 12px;border-radius:50px;background:#fbe7e2;color:#f42500;font-size:14px;font-weight:600}
.pds-view__tit{margin:0;font-size:26px;font-weight:600;letter-spacing:-.5px;color:#111;line-height:1.4}
.pds-view__meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:18px;color:#888;font-size:15px}
.pds-view__meta i{color:#f42500}

.pds-viewer{width:100%;height:80vh;min-height:600px;border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#f5f5f5}
.pds-viewer iframe,.pds-viewer embed{width:100%;height:100%;border:0;display:block}
.pds-viewer--excel{height:70vh}
/* 엑셀(SheetJS) 미리보기 */
.pds-xlsx{width:100%;height:100%;overflow:auto;background:#fff;padding:0}
.pds-xlsx__msg{padding:60px 20px;text-align:center;color:#888;font-size:15px}
.pds-xlsx__sheet{padding:12px}
.pds-xlsx__tab{display:inline-block;margin-bottom:8px;padding:4px 12px;background:#006826;color:#fff;font-size:13px;font-weight:600;border-radius:4px}
.pds-xlsx table{border-collapse:collapse;font-size:13px;font-family:'Pretendard',sans-serif;width:auto}
.pds-xlsx td,.pds-xlsx th{border:1px solid #d9d9d9;padding:6px 12px;color:#333;white-space:nowrap;min-width:60px}
.pds-xlsx tr:first-child td{background:#f4f7f5;font-weight:600}
.pds-noview{padding:60px 20px;text-align:center;color:#666;background:#f7f7f7;border-radius:10px;border:1px solid #eee}
.pds-noview i{font-size:48px;color:#bbb;display:block;margin-bottom:16px}

/* 썸네일 이미지 미리보기 (사이즈 표기) */
.pds-imgs{display:flex;flex-wrap:wrap;gap:20px;margin:28px 0}
.pds-img{margin:0;display:flex;flex-direction:column;gap:10px}
.pds-img__box{display:flex;align-items:center;justify-content:center;padding:14px;border:1px solid #eaeaea;border-radius:12px;background:linear-gradient(180deg,#fafafa,#f2f2f2)}
.pds-img__box img{max-width:220px;max-height:300px;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 4px 14px rgba(0,0,0,.1)}
.pds-img__cap{display:flex;align-items:center;gap:6px;font-size:13px;color:#888;justify-content:center}
.pds-img__cap i{color:#bbb}
.pds-img__cap b{color:#333;font-weight:600}

/* 첨부파일 다운로드 카드 */
.pds-files{margin:28px 0;display:flex;flex-direction:column;gap:12px}
.pds-files__ttl{margin:0 0 4px;font-size:15px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}
.pds-files__ttl i{color:#f42500}
.pds-file{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid #e9e9e9;border-radius:12px;background:#fff;text-decoration:none;color:#333;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.pds-file:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.08)}
.pds-file--pdf:hover{border-color:#f42500}.pds-file--excel:hover{border-color:#006826}.pds-file--word:hover{border-color:#2a5699}.pds-file--ppt:hover{border-color:#c43e1c}
.pds-file__ic{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;flex:0 0 48px}
.pds-file__ic--pdf{background:#f42500}.pds-file__ic--excel{background:#006826}.pds-file__ic--word{background:#2a5699}.pds-file__ic--ppt{background:#c43e1c}.pds-file__ic--file{background:#888}.pds-file__ic--image{background:#888}
.pds-file__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.pds-file__name{font-weight:600;font-size:16px;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pds-file__meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#999}
.pds-file__tag{font-style:normal;font-weight:700;font-size:11px;color:#fff;padding:2px 7px;border-radius:4px;letter-spacing:.3px}
.pds-file__tag--pdf{background:#f42500}.pds-file__tag--excel{background:#006826}.pds-file__tag--word{background:#2a5699}.pds-file__tag--ppt{background:#c43e1c}.pds-file__tag--file{background:#888}
.pds-file__dl{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:9px 16px;border-radius:8px;background:#f4f4f4;color:#555;font-size:13px;font-weight:600;transition:background-color .2s ease,color .2s ease}
.pds-file:hover .pds-file__dl{background:#111;color:#fff}

.pds-view__con{font-size:17px;line-height:1.8;color:#222;padding:24px 0}
.pds-view__con img{max-width:100%;height:auto}
/* 파일 업로더(.pds-up) 스타일은 공통 css/board-view.css 로 이동 */

/* 반응형 */
@media (max-width:1024px){
    .pds-grid{column-gap:24px}
    .pds-card{width:calc((100% - 24px) / 2)}   /* 2열 */
    .pds-card__thumb{height:280px}
    .pds-card__tit{font-size:18px}
}
@media (max-width:768px){
    .cmp-inner{padding-top:50px}          /* 자료실 모바일: 배너~콘텐츠 상단 여백 50px */
    .pds-top{flex-direction:column;align-items:stretch;gap:25px}
    /* 카테고리 탭 : 모바일에서만 pill 칩 가로 스크롤 (PC는 기존 밑줄 디자인) */
    .pds-tabs{flex-wrap:nowrap;width:100%;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .pds-tabs::-webkit-scrollbar{display:none}
    .pds-tab{flex:0 0 auto;max-width:none;padding:7px 16px;border:1px solid #d9d9d9;border-radius:50px;background:#fff;font-size:13px;font-weight:500;color:#666;white-space:nowrap}
    .pds-tab.is-active{border-color:#f42500;border-bottom-color:#f42500;color:#f42500}
    .pds-tab:hover{border-color:#f42500;color:#f42500}
    .pds-topright{flex-direction:column;align-items:stretch;gap:14px}   /* Total ↑ / 검색 ↓ */
    .pds-search{flex:none;width:100%;max-width:none}
    .pds-grid{column-gap:0}
    .pds-card{width:100%;gap:14px;padding:18px 16px}
    /* 제목 1~2줄 여부와 무관하게 2줄 높이 확보 → 다운로드 버튼 위치 통일 */
    .pds-card__tit{min-height:3em}
    .pds-card__date{font-size:13px}   /* 리스트 날짜 축소 */
    .pds-card__thumb{height:200px}
    .pds-card__noimg{font-size:56px}
    .pds-card__foot{padding-top:14px;gap:10px}
    .pds-dl{height:42px;min-width:180px;padding:0 22px;font-size:15px}
    .pds-viewer{height:70vh;min-height:460px}
    .pds-view__tit{font-size:20px}
    .pds-grid {row-gap: 20px;}
}