:root{--yj-blue:#123f78;--yj-blue2:#286fbb;--yj-ink:#15243a;--yj-muted:#66758a;--yj-line:#dce5ef;--yj-bg:#f5f8fc;--yj-green:#087a52}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--yj-ink);font-family:Pretendard,"Noto Sans KR",system-ui,sans-serif}.yj-wrap{width:min(1460px,calc(100% - 48px));margin:0 auto;padding:44px 0 80px}.yj-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:220px;padding:42px 52px;border-radius:28px;background:linear-gradient(125deg,var(--yj-blue),var(--yj-blue2));color:#fff;box-shadow:0 18px 42px rgba(18,63,120,.18)}.yj-hero:after{content:"";position:absolute;right:-40px;width:300px;height:300px;border:55px solid rgba(255,255,255,.08);border-radius:50%}.yj-kicker{font-size:13px;font-weight:900;letter-spacing:2px;color:#7ee4d7}.yj-hero h1{margin:12px 0 10px;font-size:40px;letter-spacing:-1.8px}.yj-hero p{margin:0;color:rgba(255,255,255,.8)}.yj-summary{position:relative;z-index:1;display:grid;place-items:center;width:145px;height:115px;border:1px solid rgba(255,255,255,.25);border-radius:20px;background:rgba(255,255,255,.1)}.yj-summary strong{font-size:34px}.yj-summary span{font-size:13px}.yj-tools{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin:28px 0 18px;padding:22px;border:1px solid var(--yj-line);border-radius:18px;background:var(--yj-bg)}.yj-tools label{display:grid;gap:7px}.yj-tools label>span{font-size:13px;font-weight:800;color:#53647a}.yj-tools input,.yj-tools select{width:100%;height:48px;padding:0 14px;border:1px solid #cbd7e5;border-radius:10px;background:#fff;font:inherit}.yj-meta{display:flex;justify-content:space-between;gap:20px;color:var(--yj-muted);font-size:14px}.yj-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.yj-card{padding:25px;border:1px solid var(--yj-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(16,35,60,.06);transition:.2s}.yj-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(16,35,60,.1)}.yj-card.is-closed{background:#fafbfc}.yj-card-top{display:flex;align-items:center;justify-content:space-between}.yj-status{display:inline-flex;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:900}.yj-status.active{background:#e5f7ef;color:var(--yj-green)}.yj-status.closed{background:#edf0f3;color:#6c7786}.yj-dday{font-size:13px;font-weight:900;color:#d54b46}.yj-title{display:block;width:100%;margin:15px 0 8px;padding:0;border:0;background:none;color:var(--yj-ink);font:inherit;font-size:21px;font-weight:850;line-height:1.45;text-align:left;cursor:pointer}.yj-title:hover{color:var(--yj-blue2)}.yj-org{margin:0 0 17px;color:var(--yj-muted);font-weight:700}.yj-tags{display:flex;flex-wrap:wrap;gap:7px}.yj-tags span{padding:6px 9px;border-radius:7px;background:#f0f4f9;color:#45566c;font-size:12px}.yj-period{display:flex;justify-content:space-between;gap:12px;margin-top:19px;padding-top:16px;border-top:1px solid #edf1f5;font-size:13px}.yj-period span{color:var(--yj-muted)}.yj-detail-btn{width:100%;height:43px;margin-top:18px;border:1px solid #b9cce2;border-radius:9px;background:#fff;color:var(--yj-blue);font-weight:800;cursor:pointer}.yj-detail-btn:hover{background:#eef5fd}.yj-pagination{display:flex;justify-content:center;gap:6px;margin:30px 0}.yj-pagination button{min-width:40px;height:40px;border:1px solid var(--yj-line);border-radius:8px;background:#fff;cursor:pointer}.yj-pagination button.active{border-color:var(--yj-blue);background:var(--yj-blue);color:#fff}.yj-pagination button:disabled{opacity:.4;cursor:default}.yj-empty{grid-column:1/-1;padding:70px 20px;border:1px dashed #cbd7e5;border-radius:18px;text-align:center;color:var(--yj-muted)}.yj-source{text-align:center;color:#7b8797;font-size:13px}.yj-dialog{width:min(1000px,calc(100% - 30px));max-height:90vh;padding:0;border:0;border-radius:22px;box-shadow:0 25px 90px rgba(0,0,0,.25)}.yj-dialog::backdrop{background:rgba(10,24,42,.58)}.yj-dialog-inner{position:relative;padding:38px}.yj-close{position:absolute;right:22px;top:18px;width:40px;height:40px;border:0;border-radius:50%;background:#eef2f7;font-size:26px;cursor:pointer}.yj-detail-head{padding:0 50px 25px 0;border-bottom:1px solid var(--yj-line)}.yj-detail-head h2{margin:13px 0 8px;font-size:28px}.yj-detail-head p{margin:0;color:var(--yj-muted)}.yj-dialog section{margin-top:28px}.yj-dialog h3{font-size:18px}.yj-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--yj-line);border-left:1px solid var(--yj-line)}.yj-detail-grid>div{display:grid;grid-template-columns:135px 1fr;border-right:1px solid var(--yj-line);border-bottom:1px solid var(--yj-line)}.yj-detail-grid dt,.yj-detail-grid dd{margin:0;padding:13px;line-height:1.55}.yj-detail-grid dt{background:#f5f8fb;color:#58697e;font-weight:800}.yj-files a{color:var(--yj-blue2)}.yj-detail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:30px}.yj-detail-actions a,.yj-btn-close{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:1px solid var(--yj-line);border-radius:9px;background:#fff;color:var(--yj-ink);font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.yj-detail-actions a{border-color:var(--yj-blue);background:var(--yj-blue);color:#fff}@media(max-width:760px){.yj-wrap{width:calc(100% - 28px);padding-top:18px}.yj-hero{display:block;min-height:auto;padding:30px 24px}.yj-hero h1{font-size:29px}.yj-summary{width:100%;height:75px;margin-top:25px;display:flex;gap:10px}.yj-summary strong{font-size:27px}.yj-tools,.yj-list{grid-template-columns:1fr}.yj-meta{display:block}.yj-dialog-inner{padding:28px 18px}.yj-detail-grid{grid-template-columns:1fr}.yj-detail-grid>div{grid-template-columns:110px 1fr}.yj-detail-head h2{font-size:23px}}

/* 1.0.1 - 용인시사회복지사협회 사이트 색상 및 3열 카드 */
:root{--yj-blue:#0f766e;--yj-blue2:#15958b;--yj-ink:#123d3a;--yj-muted:#58706d;--yj-line:#cfe2df;--yj-bg:#eff8f6;--yj-green:#0f766e}
body{background:#fff;color:var(--yj-ink)}
.yj-wrap{width:min(1440px,calc(100% - 48px));padding-top:34px}
.yj-hero{min-height:190px;border:1px solid #bddbd7;border-radius:12px;background:linear-gradient(135deg,#eaf7f5 0%,#f5fbfa 72%,#d9f0ec 100%);color:#0d5550;box-shadow:none}
.yj-hero:after{border-color:rgba(15,118,110,.07)}
.yj-kicker{color:#15958b}
.yj-hero p{color:#496d69}
.yj-summary{border-color:#acd3ce;background:#fff;color:#0f766e;box-shadow:0 8px 20px rgba(15,118,110,.08)}
.yj-tools{border-radius:10px;background:#f1f9f7}
.yj-tools input:focus,.yj-tools select:focus{outline:2px solid rgba(21,149,139,.2);border-color:#15958b}
.yj-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.yj-card{position:relative;overflow:hidden;padding:23px;border-radius:11px;box-shadow:0 5px 16px rgba(15,83,78,.06)}
.yj-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#168278}
.yj-card:hover{border-color:#9fcfc9;box-shadow:0 13px 28px rgba(15,83,78,.11)}
.yj-card.is-closed:before{background:#9ba9a7}
.yj-status.active{background:#e2f4f1;color:#0b6a62}
.yj-tags span{background:#edf7f5;color:#35625d}
.yj-detail-btn{border-color:#178278;color:#0d6d65}
.yj-detail-btn:hover{background:#0f766e;color:#fff}
.yj-pagination button.active{border-color:#0f766e;background:#0f766e}
.yj-detail-grid dt{background:#edf7f5;color:#365f5b}
.yj-detail-actions a{border-color:#0f766e;background:#0f766e}
@media(max-width:1100px){.yj-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.yj-list{grid-template-columns:1fr}.yj-wrap{width:calc(100% - 28px)}}