/* ▼ 목록·보기 */

/* 목록그림은 원본 목록그림(100×65) 크기로 맞춘다 —— 올린 그림(/media/)도 유튜브 미리보기(i.ytimg.com)도.
   원본 꾸미개의 .gisa-img-size 는 width/height:auto 라 큰 그림이면 줄 전체를 먹고 제목·요약이 좁은 칸으로 밀려
   날자와 겹쳤다. 줄어들지 않게(flex:none) 박아 둔다. 원본 시드 그림(/contents/, 화소 비교 때만 비춘다)은 원본 그대로 */
.news-list-property .gisa-img-size:not([src^="/contents/"]){
  width:100px;
  height:65px;
  object-fit:cover;
  flex:none;
}

/* 동영상·음악실 보기의 유튜브 재생기 —— 원본 <video>·<audio class="img-thumbnail"> 자리.
   유튜브가 권하는 크기(16:9, 가로 480 이상)를 지키고 화면이 좁으면 줄어든다. */
.mr-yt{
  display:inline-block;
  width:640px;
  max-width:100%;
  vertical-align:middle;
}
.mr-yt-music{
  width:480px;
}
.mr-yt-box{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.mr-yt-box > *{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
}

/* 손전화 —— 768 이상 화면은 건드리지 않는다 */
@media (max-width:767px){
  /* 아리랑통신·메아리초점 목록그림이 있는 줄.
     원본은 그림이 글줄 높이만큼 늘어나고 제목·요약이 화면 밖으로 넘쳐 옆으로 밀렸다.
     그림 밑으로 제목·요약을 내려 넘치지 않게 한다. */
  .news-list-property > .d-flex{
    flex-wrap:wrap;
  }
}

/* ▲ 목록·보기 */