@charset "utf-8";

/* 새글 스킨 (latest) */
.MJS_P01_latest {
    width:100%;max-width:calc(100% / 3 - 8px);background:#fff;
    border-radius:12px;
    box-shadow:0 2px 8px rgba(0,0,0,.04);
    border:1px solid #f0f0f0;
    padding:20px;overflow:hidden;display:flex;flex-wrap:wrap;position:relative;
    justify-content:space-between;align-items:center;align-content:flex-start;
}
.MJS_P01_latest:nth-of-type(3) { margin-right:0; }
.MJS_P01_latest .title_wrap {
    width:100%;display:flex;justify-content:space-between;align-items:center;
}
.MJS_P01_latest > p { font-size:14px;font-weight:300;color:#6b6b6b;cursor:pointer; }
.MJS_P01_latest > p:hover { color:#7366ff; }
.MJS_P01_latest .title {
    text-align:left;display:inline-flex;align-items:center;gap:6px;
    border-bottom:3px solid #7366ff;color:#222;padding-bottom:10px;
    font-size:15px;font-weight:700;letter-spacing:-.5px;position:relative;
}
.MJS_P01_latest .title > img { max-height:18px;margin-top:-1px; }
.MJS_P01_latest::before {
    content:'';display:block;width:calc(100% - 40px);height:1px;
    background:#eee;top:53px;z-index:0;left:20px;position:absolute;
}
.MJS_P01_latest > ul { width:100%;padding-top:10px; }
.MJS_P01_latest > ul.half { width:100%;padding-top:10px; }

/* 리스트 아이템 */
.MJS_P01_latest ul li {
    width:100%;color:#333;margin-bottom:2px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    padding:5px 4px;border-radius:6px;
    transition:all .12s ease;
    font-size:13px;
}
.MJS_P01_latest ul li:hover {
    background:#f8f6ff;
}
.MJS_P01_latest ul li a {
    display:flex;align-items:center;gap:6px;
    color:inherit;text-decoration:none;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* 순위 뱃지 */
.MJS_P01_latest ul li .number {
    font-size:9px;border-radius:6px;
    display:inline-flex;align-items:center;justify-content:center;
    width:20px;height:20px;min-width:20px;
    background-color:#ddd;color:#fff;
    font-weight:bold;
}
.MJS_P01_latest ul li:nth-child(1) .number { background:linear-gradient(135deg,#ff6b6b,#ee5a24); }
.MJS_P01_latest ul li:nth-child(2) .number { background:linear-gradient(135deg,#ffa94d,#f59f00); }
.MJS_P01_latest ul li:nth-child(3) .number { background:linear-gradient(135deg,#74c0fc,#339af0); }
.MJS_P01_latest ul li:nth-last-child(1) { margin-bottom:0; }