/* 공사실적 목록 */
.a26-list{--line:rgba(24,60,49,.17);--ink:#183c31;--moss:#6f8750;--serif:'Nanum Myeongjo',serif}

.a26-head{display:flex;justify-content:space-between;align-items:center;
  padding-bottom:16px;border-bottom:1px solid var(--ink)}
.a26-head p{margin:0;font-size:13px;color:#5c6b61}
.a26-head b{color:var(--ink);font-weight:700}
.a26-all{font-size:12px;color:#5c6b61;display:flex;align-items:center;gap:6px}

.a26-empty{padding:70px 0;text-align:center;color:#7a867d;font-size:15px}

.a26-works{list-style:none;margin:0;padding:0}
.a26-works li{border-bottom:1px solid var(--line);position:relative}
.a26-works li.is-notice{background:#f4f2eb}
.a26-chk{position:absolute;left:0;top:28px;z-index:2}

.a26-work{display:flex;align-items:center;gap:22px;padding:18px 4px;transition:.25s;color:inherit}
.a26-work:hover{background:rgba(111,135,80,.07);padding-left:14px;padding-right:14px}

.a26-thumb{flex:0 0 132px;height:92px;overflow:hidden;background:#e7e4da;border-radius:3px}
.a26-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.a26-work:hover .a26-thumb img{transform:scale(1.07)}
.a26-thumb.is-none{background:
  repeating-linear-gradient(45deg,#e7e4da 0 8px,#e2dfd4 8px 16px)}

.a26-body{flex:1;min-width:0}
.a26-no{font-size:11px;color:#8b968d;letter-spacing:.06em}
.a26-body strong{display:block;font:700 18px/1.45 var(--serif);letter-spacing:-.045em;
  margin:4px 0 9px;color:var(--ink);word-break:keep-all}
.a26-body strong em{font-style:normal;font-size:12px;color:var(--moss);margin-left:6px}

.a26-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:#5c6b61}
.a26-meta span{display:inline-flex;align-items:baseline;gap:8px}
.a26-meta i{font-style:normal;font-size:10.5px;letter-spacing:.07em;color:#96a199}

.a26-state{flex:0 0 auto;align-self:flex-start;margin-top:22px;
  font-size:11px;letter-spacing:.04em;padding:5px 11px;border-radius:20px;
  background:#e2e8d6;color:#4a5c3c}

/* 단추·검색 */
.a26-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin:26px 0 0}
.a26-btn{font:inherit;font-size:13px;padding:10px 18px;border:1px solid var(--line);
  background:#fff;color:var(--ink);border-radius:4px;cursor:pointer}
.a26-btn:hover{border-color:var(--moss);color:var(--moss)}
.a26-btn.is-main{background:var(--ink);border-color:var(--ink);color:#fff}

.a26-search{display:flex;gap:8px;justify-content:center;margin:40px 0 0;flex-wrap:wrap}
.a26-search select,.a26-search input{font:inherit;font-size:14px;padding:10px 12px;
  border:1px solid var(--line);border-radius:4px;background:#fff}
.a26-search input{width:min(100%,280px)}
.a26-search button{font:inherit;font-size:14px;padding:10px 22px;border:0;cursor:pointer;
  background:var(--ink);color:#fff;border-radius:4px}

/* 쪽번호 */
.a26-list .pg_wrap{margin-top:40px;text-align:center}
.a26-list .pg a,.a26-list .pg strong{display:inline-block;min-width:36px;padding:9px 6px;
  font-size:13px;border:1px solid var(--line);margin:0 2px;border-radius:3px;color:var(--ink)}
.a26-list .pg strong,.a26-list .pg .pg_current{background:var(--ink);border-color:var(--ink);color:#fff}

@media(max-width:760px){
  .a26-work{gap:14px;padding:15px 0;align-items:flex-start}
  .a26-work:hover{padding-left:0;padding-right:0}
  .a26-thumb{flex-basis:92px;height:70px}
  .a26-body strong{font-size:16px;margin:3px 0 7px}
  .a26-meta{flex-direction:column;gap:4px;font-size:12.5px}
  .a26-state{position:absolute;right:0;top:15px;margin:0}
  .a26-chk{top:16px}
  .a26-tools{justify-content:stretch}
  .a26-btn{flex:1;text-align:center}
}