@charset "utf-8";

/*
  이 스킨은 latest()를 여러 번 호출해도
  .latest_wr 안에 카드들이 "그대로 이어 붙는" 구조로 출력됩니다.
  따라서 그리드 래퍼는 .latest_wr에 적용합니다.
*/

/* === GRID WRAPPER (섹션의 .latest_wr) === */

@media (max-width: 991.98px){
  .latest_wr{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; }
}

@media (max-width: 575.98px){
  .latest_wr{ grid-template-columns:1fr; gap:18px; }
}

/* === CARD === */
.pic_block_item{
  background:#fff;
  border:1px solid #e6e9ef;
  border-radius:2px;
  overflow:hidden;
  box-shadow:0 0 0 rgba(0,0,0,0);
}

.pic_block_link{
  display:block;
  color:inherit;
  text-decoration:none;
}

.pic_block_link:hover .pic_block_title{
  color:#1f2f5b;
}

.pic_block_img{
  padding:28px 22px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}

.pic_block_img img,
.pic_block_img video{
  max-width:100%;
  height:auto;
  display:block;
}

.pic_block_body{
  border-top:1px solid #edf0f5;
  padding:18px 20px 16px;
  text-align:center;
}

.pic_block_title{
  font-size:14px;
  font-weight:600;
  letter-spacing:0.3px;
  text-transform:uppercase;
  color:#1f2f5b;
  line-height:1.25;
  margin:0 0 10px;
}

.pic_block_meta{
  display:flex;
  justify-content:center;
}

.pic_block_tag{
  font-size:12px;
  color:#6b778a;
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.pic_block_dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#2b2b2b;
  display:inline-block;
}


/* ===== 보안감시 카드형 최신갤러리 ===== */
.latest_wr .sec_latest_grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

/* 카드(박스) */
.latest_wr .sec_latest_item{
  display:block;
  background:#fff;                     /* 박스 배경 흰색 */
  border:3px solid #e6ebf1;            /* 요청: BORDER 3 / 색상 #e6ebf1 */
  text-decoration:none;
  overflow:hidden;
}

/* 썸네일 영역 */
.latest_wr .sec_latest_thumb{
  background:#fff;
  padding: 22px 18px 10px;
  height: 230px;                       /* PC에서 통일감 */
  display:flex;
  align-items:center;
  justify-content:center;
}
.latest_wr .sec_latest_thumb img{
  max-width:100%;
  max-height:100%;
  height:auto;
}

/* 텍스트 영역(박스 안) */
.latest_wr .sec_latest_meta{
  padding: 12px 16px 14px;
  text-align:center;
}

/* 제품명: 굵고 약간 크게 */
.latest_wr .sec_latest_title{
  font-size: 16px;                     /* 지금보다 조금 크게 */
  font-weight: 800;                    /* 굵게 */
  letter-spacing: .3px;
  color:#1f2f5b;
  text-transform: uppercase;
}

/* 제품명/고정명 사이의 얇은 라인 */
.latest_wr .sec_latest_divider{
  margin: 10px 0 10px;
  height:1px;
  background:#e6ebf1;                  /* 엷은 라인 */
}

/* 고정명 + 아이콘 통일 */
.latest_wr .sec_latest_label{
  font-size:12px;
  color:#55606f;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.latest_wr .sec_latest_label i{
  color:#1f2f5b;
  font-size: 12px;
}

/* ===== 반응형(모바일 최적화) ===== */
@media (max-width: 991px){
  .latest_wr .sec_latest_grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .latest_wr .sec_latest_thumb{ height: 210px; }
}
@media (max-width: 575px){
  .latest_wr .sec_latest_grid{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .latest_wr .sec_latest_thumb{ height: 200px; padding: 18px 14px 8px; }
  .latest_wr .sec_latest_meta{ padding: 10px 12px 12px; }
  .latest_wr .sec_latest_title{ font-size: 13px; }
}