@charset "utf-8";

/* pic_list 최신글 스킨 — gall_list 그리드 디자인 */

:root{
    --board-color-1:#143146;
}

/* 래퍼 */
.pic-lt-wrap{position:relative;}
.pic-lt-wrap .title-box{margin:0 0 20px;}
.pic-lt-wrap .title-box .tit{font-size:1.5em;font-weight:700;color:#212121;}
.pic-lt-wrap .title-box .tit a{color:inherit;text-decoration:none;}

/* gall_list 그리드 */
.pic-lt-wrap .gall_list{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 27px;list-style:none;margin:0;padding:0;}
.pic-lt-wrap .gall_list>li{position:relative;padding:15px;border:1px solid #e0e0e0;}
.pic-lt-wrap .gall_list>li:hover .gall_img img{transform:scale(1.05);}
.pic-lt-wrap .gall_list>li.empty_list{width:100%;border-top:2px solid #000;border-bottom:1px solid #ddd;padding:85px 0 !important;text-align:center;grid-column:1/-1;}

/* 썸네일 이미지 */
.pic-lt-wrap .gall_img{position:relative;text-align:center;overflow:hidden;}
.pic-lt-wrap .gall_img a{position:relative;overflow:hidden;aspect-ratio:31/25;border-radius:10px;display:block;width:100%;}
.pic-lt-wrap .gall_img img{width:100%;height:100%;object-fit:cover;transition:all 0.8s ease-out;}
.pic-lt-wrap .gall_img .no_image{width:100%;height:100%;display:block;background:url(/theme/wering/img/top_logo.svg) no-repeat center center #F5F5F5;text-indent:-9999px;}

/* 텍스트 영역 */
.pic-lt-wrap .gall_text_href{padding:30px 0 0 0;margin:0;display:flex;flex-direction:column;align-items:flex-start;}
.pic-lt-wrap .gall_text_href a{display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pic-lt-wrap .bo_tit{display:block;line-height:30px;font-size:20px;font-weight:500;color:#212121;margin:0 0 18px;}
.pic-lt-wrap .bo_tit .cnt_cmt{background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;}
.pic-lt-wrap .bo_tit .new_icon{display:inline-block;width:25px;line-height:25px;font-size:14px;background:var(--point-color-1, #3a8afd);text-align:center;border-radius:50%;margin-left:5px;vertical-align:middle;color:#fff;font-weight:300;}
.pic-lt-wrap .bo_tit .hot_icon{display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius:2px;vertical-align:middle;margin-right:2px;}

/* 하단 날짜 영역 */
.pic-lt-wrap .gall_list .bottom{display:flex;align-items:center;justify-content:space-between;padding:15px 0 0 0;border-top:1px solid #e0e0e0;width:100%;}
.pic-lt-wrap .gall_list .date{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:400;color:#757575;}
.pic-lt-wrap .gall_list .date:before{content:'';width:16px;height:16px;background:url("/theme/wering/img/common/ic_time.svg") no-repeat center / contain;}

/* bbs-button — layout.css의 .sboard-wrap .bbs-group .bbs-button 셀렉터로 자동 적용 */

/* 모바일 반응형 */
@media screen and (max-width: 1000px) {
    .pic-lt-wrap .gall_list{grid-template-columns:repeat(1,1fr);gap:10px;}
    .pic-lt-wrap .gall_list>li{padding:10px;width:100%;}
    .pic-lt-wrap .gall_img a{aspect-ratio:3/2;border-radius:10px;}
    .pic-lt-wrap .gall_img img{width:100%;height:100%;object-fit:cover;}
    .pic-lt-wrap .gall_text_href{padding:10px 0 0;}
    .pic-lt-wrap .bo_tit{font-size:16px;margin:0 0 10px;}
    .pic-lt-wrap .gall_list .bottom{padding:10px 0 0 0;flex-wrap:wrap;align-items:stretch;gap:10px;height:auto;}
    .pic-lt-wrap .gall_list .date{width:100%;font-size:12px;}
}