@charset "utf-8";

/* 자유시장 컨테이너 */
.MJS_P02_latest {
    width:100%;max-width:50%;min-width:600px;overflow:hidden;border-radius:12px;
    display:flex;flex-wrap:wrap;position:relative;background:#fff;
    justify-content:space-between;align-items:flex-start;align-content:flex-start;
    padding:20px;padding-bottom:12px;
    box-shadow:0 2px 8px rgba(0,0,0,.04);
    border:1px solid #f0f0f0;
}
.MJS_P02_latest > p { font-size:14px;font-weight:300;color:#6b6b6b;cursor:pointer; }
.MJS_P02_latest > p:hover { color:#7366ff; }
.MJS_P02_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_P02_latest .title > img { max-height:18px;margin-top:-1px; }
.MJS_P02_latest .title > i { font-size:16px; }
.MJS_P02_latest::before {
    content:'';display:block;width:calc(100% - 40px);height:1px;
    background:#eee;top:53px;z-index:0;left:20px;position:absolute;
}

/* 거래 리스트 */
.MJS_P02_latest > ul {
    width:100%;display:flex;flex-direction:column;gap:2px;padding-top:12px;
}

.MJS_P02_latest > ul li {
    width:100%;border-radius:8px;
    transition:all .15s;list-style:none;
}
.MJS_P02_latest > ul li:hover { background:#f8f6ff; }
.MJS_P02_latest > ul li.empty {
    text-align:center;padding:24px;color:#aaa;font-size:13px;
}

.MJS_P02_latest > ul li a {
    display:flex;align-items:center;gap:10px;
    padding:9px 10px;color:#333;text-decoration:none;
    overflow:hidden;
}

.trade_badge {
    display:inline-flex;align-items:center;justify-content:center;
    min-width:52px;padding:4px 10px;border-radius:6px;
    font-size:11px;font-weight:700;color:#fff;
    letter-spacing:-.3px;flex-shrink:0;
}

.trade_type {
    font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:-.3px;
}

.trade_subject {
    flex:1;font-size:13px;font-weight:500;color:#333;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.trade_info {
    font-size:11px;color:#bbb;flex-shrink:0;white-space:nowrap;
}