/* 2026-11-15 policybar: 지원금 슬림 스트립 전체 이미지(자르지 않음). 본문 열 폭 100%, height:auto, object-fit:contain. 롤백: 이 파일·훅 삭제 */
.pbar-wrap{margin:14px 0;width:100%;max-width:100%;box-sizing:border-box}
.pbar{position:relative;display:block;width:100%;line-height:0;text-decoration:none;color:inherit;border-radius:8px;box-shadow:0 1px 4px rgba(15,23,42,.07);transition:box-shadow .2s ease,transform .2s ease;background:transparent}
.pbar img,.pbar__img{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;object-position:center;border-radius:8px;vertical-align:middle}
.pbar__sh{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:inherit}
.pbar__sh::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-45%;width:22%;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.28) 50%,rgba(255,255,255,0) 100%);transform:translateX(-130%) skewX(-18deg);opacity:0;will-change:transform}
@keyframes pbarShine{0%{transform:translateX(-130%) skewX(-18deg)}22%,100%{transform:translateX(620%) skewX(-18deg)}}
@media (hover:hover) and (pointer:fine){
  .pbar:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(30,58,138,.12)}
  .pbar:hover .pbar__sh::after{opacity:1;animation:pbarShine .9s ease-out}
}
@media (max-width:640px){
  .pbar-wrap{width:100%;max-width:100%;margin:12px 0}
  .pbar,.pbar img,.pbar__img{border-radius:6px}
}
@media (prefers-reduced-motion:reduce){
  .pbar__sh::after{animation:none!important;opacity:0!important;display:none}
  .pbar{transition:none}
  .pbar:hover{transform:none}
}
.sp-pair{margin:14px 0;display:grid;gap:12px;width:100%;max-width:100%}
.sp-pair .pbar-wrap{margin:0;width:100%;max-width:100%}
.sp-pair .gsb-wrap{margin:0;max-width:480px}

/* 목록 그리드 한가운데에 넣을 때 한 칸만 차지하지 않고 열 전체 폭 */
.sec-grid > .pbar-wrap,
.blog-grid > .pbar-wrap,
.pl-list > .pbar-wrap,
ul.ah-list > .pbar-wrap{
  grid-column:1/-1;
  width:100%;
  max-width:100%;
}

/* 추가 목록 그리드도 열 전체 폭 */
.hl-grid > .pbar-wrap,
.theo-grid > .pbar-wrap,
.stu-grid > .pbar-wrap,
.cl-hub__grid > .pbar-wrap,
.cl-feed > .pbar-wrap,
.tr-grid > .pbar-wrap,
.up-grid > .pbar-wrap{
  grid-column:1/-1;
  width:100%;
  max-width:100%;
}
