/* 실시간인기 */
.main-container .main-left .board-best {position: relative; padding: 24px 30px 14px; margin-bottom: 15px; min-height: 246px; border: 1px solid #E7E6E6; border-radius: 12px;}
.main-container .main-left .board-best .tob-box {display: flex; align-items: center; gap: 0 8px; padding-bottom: 20px;}
.main-container .main-left .board-best .tob-box h2 {font-family: inherit; font-size: 20px; font-weight: 700;}

.main-container .main-left .board-best .content-wrap {display: flex; gap: 0 5%;}
.main-container .main-left .board-best .content-wrap .content-box {width: 50%; min-width: 0;}
.main-container .main-left .board-best .content-wrap .content-box li {display: flex; align-items: center; width: 100%; padding-bottom: 10px; white-space: nowrap;}
.main-container .main-left .board-best .content-wrap .content-box li .num {width: 30px; font-size: 16px; font-weight: 600; padding-right: 5px;}
.main-container .main-left .board-best .content-wrap .content-box li .board-tag {padding: 2px 6px; margin-right: 5px; width: 50px; text-align: center; border-radius: 6px; font-weight: 700; background: rgba(122, 191, 255, 0.16); color: #7ABFFF;}
/* .main-container .main-left .board-best .content-wrap .content-box:first-child li:nth-of-type(-n+3) .num {color: #F03A23;} */
.main-container .main-left .board-best .content-wrap .content-box li .num {color: #4C00EE;}
.main-container .main-left .board-best .content-wrap .content-box li .tit {margin-right: 5px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 16px;}
.main-container .main-left .board-best .content-wrap .content-box li .txt {display: flex; align-items: center; gap: 0 5px; margin-left: auto; font-size: 13px; color: #858894;}
.main-container .main-left .board-best .content-wrap .content-box li .txt img {width: 16px; filter: invert(38%) sepia(0%) saturate(1997%) hue-rotate(186deg) brightness(89%) contrast(80%);}

/* 반응형 */
.main-container .main-left .resp.board-best {padding: 18px 15px; margin-top: 15px; margin-bottom: 0; border: 0; border-radius: 0; border-top: 0;}
.main-container .main-left .resp.board-best .content-wrap .content-box {width: 100%;}
.main-container .main-left .resp.board-best .content-wrap .content-box li:not(:last-of-type) {margin-bottom: 10px;}
.main-container .main-left .resp.board-best .tob-box h2{
    font-size: 20px;
    font-weight: normal !important;
}

@media all and (max-width: 570px) {
    .main-container .main-left .resp.board-best .tob-box h2{
        font-size: 18px;
        margin-top: 2px;
    }

    .main-container .main-left .resp.board-best .content-wrap .content-box li:not(:last-of-type){
        margin-bottom: 5px;
    }
}