@charset "utf-8";

/* 새글 스킨 (latest) */
.MJS_P01_latest { width: 100%; max-width: calc(100% / 3 - 8px); background:#fff; border-radius:4px; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.03);padding:16px; 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; }
.MJS_P01_latest .title { text-align:left; display:inline-block; border-bottom:3px solid #7366ff; color:#222; padding-bottom:8px; font-size:14px; font-weight:500; letter-spacing:-1px; position:relative; }
.MJS_P01_latest .title > img { max-height:16px; margin-right:4px; margin-top:-1px; }
.MJS_P01_latest::before { content: ''; display: block; width: calc(100% - 32px); height: 1px; background: #e1e1e1; top: 44.5px; z-index: 0; left: 16px; position: absolute; }
.MJS_P01_latest > ul { width:100%; padding-top:8px; }
.MJS_P01_latest > ul.half { width:100%; padding-top:8px;}
.MJS_P01_latest ul li { width: 100%; color: #000000; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.MJS_P01_latest ul li .number { font-size:9px; border-radius:4px; display: inline-block; width: 20px; height: 20px; background-color: #777; color: #FFFFFF; text-align: center; line-height: 20px; font-weight: bold; margin-right: 5px; }
.MJS_P01_latest ul li:nth-child(1) .number { background:#ff6666; } 
.MJS_P01_latest ul li:nth-child(2) .number{ background:#ff9966; } 
.MJS_P01_latest ul li:nth-child(3) .number{ background:#66ccff; } 
.MJS_P01_latest ul li:nth-last-child(1) { margin-bottom:0; }