@charset "utf-8";

/* 새글 스킨 (latest) */
.gold {position:relative; }
.gold h2 { border-bottom:1px solid #eee;padding:15px; }
.gold h2 font { font-size:13px; }
.gold h2 a {font-size:11px;color:#666; float:right; }

@media screen and (min-width:901px) {
.gold ul { display:grid; grid-template-columns:repeat(4, 1fr); column-gap:4px; row-gap:4px; padding:15px 10px; }
}
@media screen and (max-width:900px) {
.gold ul { display:grid; grid-template-columns:repeat(2, 1fr); column-gap:4px; row-gap:4px; padding:15px 10px; }
}

.gold li.empty_li {border-bottom:0;line-height:120px; text-align:center; }
.gold li { padding:0 10px; position:relative; }
.gold li .its_img img { width:100%; }
.gold li .its_info { position:relative; padding:10px 0; }
.gold li .its_info > span { position:absolute; top:10px; left:0px; display:inline-block; padding:2px 4px; border-radius:4px; background-color:#000; color:#fff; font-size:11px; }
.gold li .its_info h5 { margin-left:35px; font-size:12px; margin-bottom:2px; }
.gold li .its_info p { margin-left:35px; color:#666; }
.gold li .its_info p span { display:inline-block; padding:3px 7px; border-radius:4px; background-color:#f6f6f6; color:#666; border:1px solid #ddd; font-size:11px; }

.gold .no_img { display:block; width:100%; height:103px; background:#f6f6f6 url(/theme/basic/img/blogo.png) no-repeat center / 70% auto; position:relative; }