@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_li_lt {position:relative;width:69%;float:left;padding:0 10px ;background:#fff;}
.pic_li_rt {position:relative;width:30%;float:right;padding:0 10px;background:#fff}

.pic_li_lt .lat_title {display:block;line-height:54px; border-bottom: 1px solid var(--c-lgray)}
.pic_li_lt .lat_title a {color:#000;display:inline-block;position:relative}

.pic_li_rt .lat_title {display:block;line-height:45px;}
.pic_li_rt .lat_title a {color:#000;display:inline-block;position:relative}

.latest_top_wr .pic_li_lt:nth-child(2n+1) {clear: both!important}

.pic_li_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.shortcut {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.shortcut-item {
  flex: 1 1 calc(50% - 16px);
  box-sizing: border-box;
  position: relative;
  overflow: hidden;

  /* 정사각형 유지 */
  position: relative;
}

.shortcut-item::before {
  content: "";
  display: block;
  padding-top: 55%; /* 아이템의 높이를 너비의 100%로 설정하여 정사각형 유지 */
}

.shortcut-item > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}

.shortcut .icon_covr,
.shortcut .text_cov {
  flex: 1; /* 동일한 비율로 배치 */
  height: 100%; /* 부모 컨테이너의 전체 높이를 차지하도록 설정 */
  padding: 1rem;
}

.shortcut .icon_covr {
  width: 50%; /* 가로의 50%를 차지하도록 설정 */
}

.shortcut .text_cov {
  width: 50%; /* 가로의 50%를 차지하도록 설정 */
  text-align: center;
  padding: 5px;
  margin-left: 50%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.shortcut .icon_covr img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.shortcut .title,
.shortcut .sub_title {
  margin: 0;
}


.latest_top_wr:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}

.pic_li_lt ul{
  max-height: 250px;
  min-height: 250px;
}
.pic_li_lt ul:after {
  content: none; /* :after 가상 요소를 제거합니다. */
}

.pic_li_lt li {margin-bottom:10px}
.pic_li_rt li {border-bottom:initial; margin-bottom:10px}


.pic_li_lt li .lt_img {display:none}
.pic_li_lt li:first-child .lt_img {display:block;margin:0 0 10px;display:block}
.pic_li_lt li:first-child .lt_img img, .pic_li_lt li .lt_img video {width:100%;height:auto}
.pic_li_lt li .pic_li_tit {font-weight:bold;font-size:1.2em;line-height:20px;vertical-align:middle}
.pic_li_lt li .pic_li_tit.pic_li_tit_notice{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px 0px;
}

.pic_li_lt li .fa-heart {color:#ff0000}
.pic_li_lt li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.pic_li_lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.pic_li_lt li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_li_lt li .fa-caret-right {color:#bbb}
.pic_li_lt li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_li_lt li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.pic_li_lt .profile_img img{border-radius:50%}

.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

.pic_li_lt .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.pic_li_lt .empty_li:before {background:none;padding:0}

.pic_li_lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.latest_top_wr .pic_li_lt{
  margin-bottom: 20px;
}
.latest_top_wr .pic_li_lt {
  margin-bottom: 20px;

}
 .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
 .lt_more:hover {color:#777}

@media (max-width:1024px) {
  .pic_li_lt {width: 100%;}

  .shortcut-item::before{
    padding-top: 0;
  }

  .pic_li_lt ul{
    max-height: initial;
  }
  .pic_li_lt{
    border-bottom: initial;
  }
}