@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_lt {position:relative;width: 100%;overflow: hidden;}
.pic_lt .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe;display: none;}
.pic_lt .lat_title a {color:#000;display:inline-block;position:relative}

.pic_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.pic_lt .lt_more:hover {color:#777}
.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt ul {overflow: hidden;}
.pic_lt li {float:left;width: calc(100% / 5);/* padding: 0 0 0 clamp(10px,2vw,24px); */overflow: hidden;}
.pic_lt li img {
  display: block;
  overflow: hidden;
  transition: all ease 0.3s;
  height: 250px;
  /* border: 1px solid #c0c0c0; */
  width: 100%;
  background-size: cover;
  }
.pic_lt li.gallery_li:nth-child(4n+1) {clear: both!important}
.pic_lt li .lt_img {display:block;overflow:hidden;transition: all ease 0.3s;height: 188px;border: 1px solid #c0c0c0;border-radius: 10px;}
.pic_lt li:hover .lt_img {border:4px solid #162c45}
.pic_lt li .lt_img img, .pic_lt li .lt_img video {width:100%;height: 100%;object-fit: cover;transition:all 0.4s;}
.pic_lt li a:hover {color: #fff;}
.pic_lt li .lt_img:hover img {transform:scale(1.1);}
.pic_lt li a.lt_info {display: block;padding: clamp(12px,2vw,20px) clamp(6px,2vw,18px);}
.pic_lt li .fa-heart {color:#ff0000}
.pic_lt li .fa-lock {display:inline-block;line-height:14px;width:16px;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
/* .pic_lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size: 11px;color: #45668d;background: #e7edf2;text-align:center;border-radius:2px;margin-left:2px;font-weight: 900;vertical-align:middle;position: absolute;right: 0;top: 6px;} */
/* .pic_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_lt li .fa-caret-right {color:#bbb}
.pic_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_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_lt .profile_img img{border-radius:50%}

.lt_info .subject  {white-space: nowrap;display:block;width:100%;text-overflow:ellipsis;overflow:hidden;font-weight: 700;color:#333;font-size: clamp(18px,2vw,22px);position: relative;padding: 0 0 clamp(12px,2vw,20px);}
.lt_info .lt_cont {color:#333;font-size: 20px;line-height: 21px;height: 22px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 15px;font-weight: 200;}
.lt_info .lt_date {color: #9b9b9b;display:block;font-size: 13px;}
.galley_li:hover .subject {color: #162c45;font-weight: 800;}
.lt_info:hover .lt_cont, .lt_info:hover .lt_date {color: #2e2e2e;}

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

.pic_lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.pic_lt .lt_more {position:absolute;top: 0;right:0;display:block;width:40px;line-height:25px;color: #45668d;border-radius:3px;text-align:center;font-weight: 500;}
.pic_lt .lt_more:hover {color:#777}

.pic_lt .top_text {padding-bottom: 40px;position: relative;}
.pic_lt .top_text .txt01 {position: relative;font-size: clamp(24px, 2.5vw, 40px);font-weight: 700;padding-left: 115px;}
.pic_lt .top_text .txt01:before {content: '';position: absolute;background: #000;width: 87px;height: 1px;left: 0;top: 50%;}

.pic_lt .go_board {position: absolute;right: 0;top: 0;transition: all ease 0.6s;}
.pic_lt .go_board:hover {transform: rotate(360deg);}

@media screen and (max-width: 1300px){
    .pic_lt li {}
    .lt_info {}
    .lt_info:hover .subject {color:#333;}
    .lt_info:hover .lt_cont, .lt_info:hover .lt_date {color:#333;}
    .lt_info .subject {font-size: 18px;}
    .lt_info .lt_cont {font-size:14px;margin:5px 0;}
    .lt_info .lt_date {font-size:12px;}
}

@media screen and (max-width: 1024px){
  .pic_lt li{width: calc(100% / 2);}
}

@media screen and (max-width: 768px){
  .pic_lt .top_text{padding-bottom: 20px;}
}

@media screen and (max-width:580px){
  .pic_lt {margin:0 auto;}

  .pic_lt li .lt_img img{width:100%;object-fit:cover;height: 100%;}
  .pic_lt .top_text .txt01:before{width: 60px;}
  .pic_lt li:nth-child(3),.pic_lt li:nth-child(4){display: none;}

  .pic_lt .top_text .txt01{padding-left:80px;}
}
@media screen and (max-width:500px) {
  .pic_lt li a.lt_info{padding: clamp(12px,2vw,20px) clamp(6px,2vw,18px) 0;}
  .pic_lt li {width:100%;margin:10px 0;}
  .pic_lt li:nth-child(n+4){display:none}

}


.p {
  display: block;
  padding: clamp(12px, 2vw, 20px) clamp(6px, 2vw, 18px);
}
.subject {
  white-space: nowrap;
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 700;
  color: #333;
  font-size: clamp(18px, 2vw, 22px);
  position: relative;
  padding: 0 0 clamp(12px, 2vw, 20px);
  font-family: 'SUIT';
}

 .date {
  /* padding-top: 60px; */
  font-size: 18px;
  color: #c1c1c1;
}

.slick-slide:not(.slick-current) > div::after {border: none !important;}