@charset "utf-8";
/* 새글 스킨 (latest) */
.pic_box{position:relative;}
.pic_box .pic_box_grid{display:grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows:  repeat(2, 1fr);
  gap:20px;
}
.pic_box li{border:1px solid #dbdbdb;border-radius: 20px;overflow: hidden;}
.pic_box li .lt_img{display:block}
.pic_box li .lt_img img{width:100%;height:auto}

.pic_box .text_area{display: flex;flex-flow: column nowrap;gap: 10px;padding:20px 12px 16px;}
.pic_box .pic_basic_list_tit{font-size:20px;font-weight:bold;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  max-height: 48px;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  word-break: keep-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.pic_box .pic_box_list_con{font-size:16px;
  line-height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  max-height: 50px;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  word-break: keep-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;}


.pic_box li:nth-child(1){
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  position:relative;
  border:0;
}
.pic_box li:nth-child(1) .lt_img{height: 100%;}
.pic_box li:nth-child(1) .lt_img img{width:100%;height:100%;object-fit: cover;}
.pic_box li:nth-child(1) .text_area{position:absolute;bottom:0;left:0;width:100%;padding:20px;color:#fff;}
.pic_box li:nth-child(1) .pic_basic_list_tit{line-height: 34px;max-height: 70px;font-size:32px;color:#fff;}
.pic_box li:nth-child(1) .pic_box_list_con{font-size:20px;}


@media all and (max-width:767px){
  .pic_box .pic_box_grid{
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows:  repeat(4, 1fr);
  }
  .pic_box li:nth-child(1){
    grid-column: 1 / 3;
    grid-row: 1 / 3;
  }
  .pic_box .text_area{gap:4px;min-height:40px;padding:16px 6px 10px;}
  .pic_box .pic_basic_list_tit{font-size:15px;line-height:18px;}
  .pic_box .pic_box_list_con{font-size:13px;line-height:16px;}
  .pic_box li:nth-child(1) .pic_basic_list_tit{font-size: 18px;line-height: 22px;}
  .pic_box li:nth-child(1) .pic_box_list_con{font-size:14px;}
}