@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_li_lt {position:relative;width:100%;float:left;padding:0 10px;background:#fff}
.pic_li_lt .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.pic_li_lt .lat_title a {color:#000;display:inline-block;position:relative;font-size : 39px;}
.latest_top_wr .pic_li_lt:nth-child(3n+1) {clear: both!important}

.pic_li_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_li_lt .lt_more:hover {color:#777}
.pic_li_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_li_lt li {border-bottom : 1px solid rgba(255,255,255,0.5);}
.pic_li_lt li .pic_li_tit {font-weight:bold;font-size:1.2em;line-height:20px;vertical-align:middle}

.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}



.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}
.pic_li_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.pic_li_lt .lt_more:hover {color:#777}


.pic_li_lt {
  background-color: transparent;
}
.pic_li_lt .lat_title {
  padding : 10vh 0 8vh 0;
  text-align: center;
  margin : 0 auto;
  border-bottom : 1px solid rgba(255,255,255,0.5);
  position : relative;
}
.pic_li_lt .lat_title a {
  top : 50%;
  left : 50%;
  transform: translate(-50%,-50%);
  position : absolute;
  color : #fff;
  font-weight: 400;
}

.pic_li_lt ul:after {

}
.pic_li_lt li {
  position : relative;
  height : 100px;
  padding : 20px 0 20px 0;
}
.pic_li_lt li .lt_img {
  display : none;
}
.pic_li_lt li .pic_li_tit {
  color : #fff;
  font-size: 19px;
  font-weight: 300;
}

.pic_li_tit {
  overflow: hidden;
}
.pic_li_lt .dateBox {
  width : 60px;
  height : 60px;
  border : 1px solid rgba(255,255,255,0.5);
  float : left;
  overflow: hidden;
  text-align: center;
  font-weight: 400;
}
.pic_li_lt {
  padding-right : 30px;
}
.noticeIdx {
  margin : 8px 0;
  display : block;
  font-size: 28px;
}
.pic_li_lt .contBox {
  float : left;
  overflow: hidden;
  height : 110%;
  width : 60%;
  margin : 0 20px;
}
.pic_li_lt .dateTime {
  font-size: 12px;
}
.pic_li_lt .noticeSub {
  font-size: 19px;
  font-weight: 400;
  margin-bottom : 5px;

}
.pic_li_lt .noticeCont {
  font-size: 16px;
  font-weight: 300;
  color : #d2def4;
}

.pic_li_lt .noticeAr {
  transform: translateY(-50%);
  transition: all 0.3s;
  top : 50%;
  right : 40px;
  float : right;
  content : "";
  display : block;
  width : 50px;
  height : 50px;
  border : 1px solid #fff;
  border-radius: 50%;
  margin-top : 30px;
}
.pic_li_lt .noticeAr:before {
  transition: all 0.3s;
  transform: rotate(45deg) translateY(-50%);
  top : 50%;
  right : 25px;
  position : absolute;
  content : "";
  display : block;
  width : 10px;
  height : 10px;
  border-top : 1px solid #fff;
  border-right : 1px solid #fff;
}
.pic_li_lt .noticeAr:hover {
  background-color: #fff;
}
.pic_li_lt .noticeAr:hover:before {
  border-top : 1px solid #3e81d9;
  border-right : 1px solid #3e81d9;
}
@media(max-width : 960px){
  .pic_li_lt {
    padding-right : 10px;
  }
}

@media(max-width : 768px){
  .pic_li_lt .contBox {
    width : 60%;
}
@media(max-width : 500px){
  .pic_li_lt .contBox {
    width : 35%;
  }

}