/* 스크린리더용 숨김 */
.sr-only {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* 섹션: 기본 여백만 정리 (컨테이너에 맞춰 '꽉 차게') */
.jf-overview { margin: 0; padding: 0; }

/* figure 기본 여백 제거 */
.jf-overview__poster { margin: 0; }

/* 이미지: 컨테이너 가로 100%, 세로 자동(비율 유지) */
.jf-overview__poster img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  /* 글로벌 스타일 충돌 대비 */
  border: 0;
  box-shadow: none;
  background: #fff; /* 포스터가 흰 배경일 때 가장 자연스럽게 */
}

/* 모바일에서 좌우 여백 없이 꽉 차게 */
@media (max-width: 768px) {
  .jf-overview { padding: 0; }
}

/* 컨테이너 폭(예: .pick-wrap max-width:1120px)을 존중하면서,
   포스터 이미지는 컨테이너 안에서만 꽉 차게 */
.pick-wrap .jf-overview { margin:0; padding:0; }
.pick-wrap .jf-overview__poster { margin:0; }

/* 전역에 img { width:100vw } 같은 규칙이 있어도 무력화 */
.pick-wrap .jf-overview__poster img{
  display:block;
  width:100% !important;        /* 컨테이너 100% */
  max-width:100% !important;    /* 더 커지지 않음 */
  height:auto !important;       /* 비율 유지 */
  margin:0 auto !important;     /* 남는 여백 중앙 정렬 */
  left:auto !important; right:auto !important; transform:none !important;
}

/* 혹시 이전에 full-bleed를 쓴 적이 있으면 강제 해제 */
.pick-wrap .jf-overview__poster.full-bleed{
  position:static !important;
  width:auto !important;
  margin:0 !important;
}


/* 컨테이너 폭: 1400px로 확대 */
.pick-wrap{
  max-width: 1400px !important;  /* 기존 1120px 덮어쓰기 */
  margin: 0 auto;
  padding: 12px 16px;
}

/* 포스터/이미지 섹션도 컨테이너 안에서만 꽉 차게 */
.pick-wrap .jf-overview__poster img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}

/* 그리드 여백 살짝 보정(선택) */
@media (min-width: 1400px){
  .pick-wrap .grid{ gap:16px; }  /* 넓어졌을 때 카드 간격 살짝 여유 */
}