@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_rank {position:relative;margin-bottom:20px;}
.pic_rank .h2_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; margin-top: 3px; display: none; }
.pic_rank .h2_header h2 { line-height: 1; font-size: 1.25em; display: flex; align-items: center; letter-spacing: -.5px; font-size: 1.4em; }

.pic_rank .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;display: none;}
.pic_rank .lt_more:hover {color:#777}
.pic_rank ul { display: flex; flex-wrap: wrap; padding-left: 410px; }
.pic_rank li { margin-left: 15px; width: 220px; position: relative; margin-bottom: 20px; }
.pic_rank li .lt_img {margin:0 0 5px;display:block}
.pic_rank li .lt_img img, .pic_rank li .lt_img video{width:100%;height:auto; border-radius: 5px;}
.pic_rank li .rank { position: absolute; top: 2px; left: 2px; background: #333; color: #fff; font-weight: 500; display: flex; justify-content: center; align-items: center; width: 26px; height: 26px; border-radius: 3px; }
.pic_rank li .subj { font-weight: 600; font-size: 1.1em; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: .6em; padding: 0; }
.pic_rank li .con { margin-top: .4em; line-height: 1.3; display: none; }

.pic_rank .lt_info { margin-top: .4em; padding: 0; font-size: .85em;}
.pic_rank .lt_info .lt_date, .pic_rank .lt_info .lt_hit {color:#888; margin-right: 10px;}

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

.pic_rank li:first-child { position: absolute; left: 0; top: 0; width: 406px; margin: 0; }
.pic_rank li:first-child .subj { font-size: 1.4em; margin-top: .8em; white-space: normal; font-weight: 700; }
.pic_rank li:first-child .con { margin-top: .6em; font-size: 1.15em; display: block; }
.pic_rank li:first-child .lt_info { margin-top: .8em }
.pic_rank li:first-child .rank { top: 5px; left: 5px; background: #FF2E00 !important; width: 40px; height: 40px; font-size: 1.2em; }

/* ie 대응 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.pic_rank li .subj { font-weight: 500; }
.pic_rank li:first-child .subj { font-weight: 700;}
}