@charset "utf-8";

/* 새글 스킨 (latest) */
.mtMainListWrap {}
.mtMainListWrap ul {display:grid; justify-content:center; margin:0px 0px 100px; grid-template-columns:repeat(auto-fill, minmax(320px, auto)); grid-gap:20px; scrollbar-width:none; -webkit-box-pack:center;}
.mtMainListWrap .item {display:flex; justify-content:space-between; flex-direction:column; height:100%; padding:16px; border:1px solid var(--border-main-color); background:var(--bg-main-color); border-radius:14px; box-sizing:border-box; gap:14px;}
.mtMainListWrap .item:hover {border:1px solid var(--prime-color);}
.mtMainListWrap .item:hover a {color:var(--prime-color);}
.mtMainListWrap .item .itemInfo {}
.mtMainListWrap .item .itemInfo a {display:flex; flex-direction:column; line-height:1.3; gap:10px;}
.mtMainListWrap .item .itemInfo a .thumb {width:100%; background:var(--bg-sub-color); border-radius:10px; position:relative;}
.mtMainListWrap .item .itemInfo a .thumb img {width:100%; border-radius:10px;}
.mtMainListWrap .item .itemInfo a .thumb .thumbTitle {display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; right:0; bottom:0; font-size:22px; color:var(--txt-black-color); padding:20px; box-sizing:border-box;}
.mtMainListWrap .item .itemInfo a .thumb img[alt="이미지가 없습니다."] {}
.mtMainListWrap .item .itemInfo a .title {font-size:20px;}
.mtMainListWrap .item .itemInfo a .desc {font-size:14px; word-break:break-all;}
.mtMainListWrap .item .datInfo {display:flex; align-items:center; gap:4px;}
.mtMainListWrap .item .datInfo .block {display:flex; align-items:center; line-height:1; font-size:14px; padding:6px; border-radius:6px; background:var(--bg-sub-color); border:1px solid var(--border-sub-color)}

@media (max-width:1024px) {
	.mtMainListWrap ul {grid-gap:10px;}
}