.resource-board-guide{margin:16px 0 22px;border:1px solid #dce6e2;border-radius:12px;background:#fff;padding:14px 18px}.resource-board-guide>summary{cursor:pointer;font-weight:700;font-size:17px;color:#245e54}.resource-board-guide .notice,.resource-board-guide .material-guide,.resource-board-guide .resource-guide{margin:14px 0 0}.resource-board-count{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:20px 0 12px;font-size:16px;color:#5d706b}.resource-board-count strong{color:#244b43;font-size:17px}.resource-board{width:100%;border-collapse:collapse;background:#fff;border-top:2px solid #286f60;font-size:16px}.resource-board th{padding:14px 12px;background:#f1f6f3;color:#355c52;white-space:nowrap;text-align:center;font-size:16px}.resource-board td{padding:15px 12px;border-bottom:1px solid #e1e9e5;vertical-align:middle;line-height:1.55}.resource-board tbody tr:hover{background:#f8fbf9}.resource-board .rb-number{width:54px;text-align:center;color:#71817c}.rb-category{width:110px;text-align:center;white-space:nowrap}.rb-category>span{display:inline-block;color:#386653;background:#edf5ee;border-radius:6px;padding:3px 7px;font-size:15px}.rb-title{min-width:180px}.rb-title-button{font:inherit;font-size:17px;font-weight:650;line-height:1.6;text-align:left;color:#213f37;background:none;border:0;padding:0;cursor:pointer;word-break:keep-all;overflow-wrap:anywhere}.rb-title-button:hover{text-decoration:underline}.rb-title-button:focus-visible{outline:2px solid #28775f;outline-offset:4px}.rb-status{display:inline-block;margin-left:10px;font-size:14px;color:#786e52;white-space:nowrap}.rb-status.is-public{color:#557d63}.rb-type{width:110px;white-space:nowrap;color:#5c6d65}.rb-type>svg{width:18px;height:18px;vertical-align:middle;margin-right:6px}.rb-type>span{display:inline-block;vertical-align:middle}.rb-type small{display:block;font-size:14px;color:#71817a}.rb-use{width:136px;text-align:center;white-space:nowrap}.resource-board .btn{font-size:15px!important;min-height:40px;padding:8px 12px!important;white-space:nowrap}.rb-manage{width:125px;text-align:center;white-space:nowrap}.rb-manage .text-btn{font-size:15px;padding:5px 7px;display:inline-block}.resource-board-pages{display:flex;align-items:center;justify-content:center;gap:18px;margin:24px 0}.resource-board-page .searchbar{margin-bottom:12px}.resource-board-page .filter-row{margin-bottom:10px;gap:8px}.resource-board-page .filter-row .chip{min-height:40px;padding:7px 13px}.resource-board-page .page-head{margin-bottom:16px}
@media(max-width:1000px){.resource-board .rb-number{display:none}.rb-category{width:92px}.resource-board th,.resource-board td{padding:13px 9px}.rb-manage{width:110px}}
@media(max-width:700px){.resource-board-count{align-items:flex-start;flex-direction:column;gap:4px;margin-top:16px}.resource-board-count>span{font-size:15px}.resource-board{display:block;border-top:2px solid #286f60}.resource-board thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.resource-board tbody{display:block}.resource-board tr{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:16px 12px;border-bottom:1px solid #dde6e0}.resource-board td{border:0;padding:0!important;width:auto;min-width:0;text-align:left}.resource-board .rb-category{grid-column:1;grid-row:1}.resource-board .rb-type{grid-column:2;grid-row:1;justify-self:end;font-size:15px}.rb-type small{display:inline;margin-left:6px}.resource-board .rb-title{grid-column:1/-1;grid-row:2}.rb-title-button{font-size:17px}.rb-status{font-size:14px}.resource-board .rb-use{grid-column:1;grid-row:3}.resource-board .rb-manage{grid-column:2;grid-row:3;align-self:center;text-align:right}.resource-board-guide{padding:12px 14px;margin:12px 0 18px}.resource-board-page .filter-row{gap:6px}.resource-board-page .filter-row .chip{padding:7px 11px;font-size:16px}}

.resource-board caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Subject tabs are primary; document/video controls are subordinate filters. */
.resource-board-page .filter-row:not([aria-label="자료 형태"]) .chip{min-height:48px;padding:10px 17px;font-size:18px;font-weight:650}
.resource-board-page .filter-row[aria-label="자료 형태"]{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;padding:9px 12px;margin:5px 0 20px;background:#edf3ef;border:1px solid #dfe8e2;border-radius:10px}
.resource-format-label{font-size:15px;font-weight:600;color:#51685e;margin-right:7px;white-space:nowrap}
.resource-board-page .filter-row[aria-label="자료 형태"] .chip{min-height:36px;padding:5px 11px;font-size:16px;font-weight:500;line-height:1.45;border:1px solid transparent;border-radius:7px;color:#526b60;background:transparent;box-shadow:none}
.resource-board-page .filter-row[aria-label="자료 형태"] .chip:hover{background:#fff;color:#244f3f}
.resource-board-page .filter-row[aria-label="자료 형태"] .chip.active{background:#fff;color:#215e48;border-color:#91b5a1;font-weight:650;box-shadow:none}
@media(max-width:700px){.resource-board-page .filter-row:not([aria-label="자료 형태"]) .chip{min-height:48px;padding:9px 13px;font-size:17px}.resource-board-page .filter-row[aria-label="자료 형태"]{padding:8px 10px;gap:6px}.resource-format-label{flex-basis:100%;margin:0 0 1px;font-size:15px}.resource-board-page .filter-row[aria-label="자료 형태"] .chip{min-height:40px;padding:6px 10px;font-size:16px}}