@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_li_lt {position:relative;width:33.3333%;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}
.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 #e5ecee;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;}
.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 .fa-heart {color:#ff0000}
.pic_li_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_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}
.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}

.an_section {
  padding: 60px 0 80px;
}
.an_inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;
}

/* 헤더 */
.an_header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 10px;
}
.an_title {
  font-size: 48px;
  font-weight: 700;
  margin: 0 0 10px;
  line-height: 1.2;
}
.an_title a {
  color: #111;
  text-decoration: none;
}
.an_subtitle {
  font-size: 15px;
  color: #555;
  margin: 0;
}
.an_more_btn {
  font-size: 15px;
  color: #111;
  text-decoration: none;
  white-space: nowrap;
  padding-bottom: 2px;
}
.an_more_btn:hover { text-decoration: underline; }

.an_divider {
  border: none;
  border-top: 2px solid #111;
  margin-bottom: 40px;
}

/* 카드 그리드 */
.an_grid {
  display: flex;
  gap: 48px;
}
.an_card {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* 썸네일 */
.an_thumb {
  display: block;
  width: 100%;
  aspect-ratio: 414/259;
  overflow: hidden;
  border-radius: 4px;
}
.an_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.an_thumb:hover img { transform: scale(1.04); }

/* 텍스트 */
.an_info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.an_title_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.an_subject {
  font-size: 22px;
  font-weight: 600;
  color: #111;
  text-decoration: none;
  /* 긴 제목 말줄임 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.an_subject:hover { text-decoration: underline; }
.an_date {
  font-size: 16px;
  font-weight: 400;
  color: #111;
  white-space: nowrap;
  flex-shrink: 0;
}
.an_desc {
  font-size: 15px;
  color: #505050;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
}

.an_empty {
  text-align: center;
  padding: 40px;
  color: #999;
  font-size: 15px;
}

@media screen and (max-width:1200px){
    .an_title{
        font-size: 36px;
    }
    .an_subtitle{
        font-size: 14px;
    }
    .an_subject{
        font-size: 18px;
    }
    .an_date{
        font-size: 14px;
    }
    .an_desc{
        font-size: 14px;
    }
}

/* 반응형 */
@media (max-width: 1024px) {
  .an_grid { gap: 28px; }
  .an_subject { font-size: 18px; }
}
@media (max-width: 768px) {
  .an_grid {  gap: 36px; }
  
  .an_title { font-size: 28px; }
  .an_header { gap: 8px; }

  .an_grid .an_card:last-child{
    display: none;
  }
}

@media screen and (max-width:460px){
    .an_title{
        font-size: 24px;
    }
    .an_grid{
        flex-direction: column;
    }

}