@charset "utf-8";
/* 새글 스킨 (latest) */
.dd_pic_basic {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 2.4rem;
}

.dd_pic_basic a {
  display: block;
  padding-bottom: 1.6rem;

}
.dd_pic_basic .img_box {
  margin-bottom: 1.6rem;
  position: relative;
  overflow: hidden;
}
/* 이미지 위에 덮일 검은색 레이어 */
.dd_pic_basic .img_box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05); /* 검은색 5% 투명도 */
    pointer-events: none; /* 클릭 이벤트가 이미지 링크에 전달되도록 설정 */
    z-index: 1;
}

/* 이미지가 레이어보다 아래에 있도록 설정 (필요한 경우) */
.dd_pic_basic .img_box img {
    display: block;
    width: 100%;
    z-index: 0;
}

.dd_pic_basic strong {
  display: block;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0.8rem;
}
.dd_pic_basic p {
  font-size: 1.5rem;
  margin-bottom: 0.8rem;
  opacity: 0.75;

  min-height: 4rem;
}

.dd_pic_basic small {
  color: var(--body-color);
  font-size: 1.4rem;
  opacity: 0.5;
}