/** 랭킹 **/
.main-container .main-right .rank-wrap {padding: 24px; margin-bottom: 24px; height: 522px; border: 1px solid #E7E6E6; border-radius: 12px; box-sizing: border-box;}
.main-container .main-right .rank-wrap .top-wrap {display: flex; justify-content: space-between; align-items: center; padding-bottom: 16px;}
.main-container .main-right .rank-wrap .top-wrap p {font-size: 20px; font-weight: 700;}
.main-container .main-right .rank-wrap .top-wrap .more {font-weight: 600; color: #5F5F5F;}
.main-container .main-right .rank-wrap .content-wrap {display: flex; align-items: center;}
.main-container .main-right .rank-wrap .content-wrap:not(:last-child) {margin-bottom: 8px;}
.main-container .main-right .rank-wrap .content-wrap .num {padding-right: 25px; width: 10px; font-weight: 700;}
.main-container .main-right .rank-wrap .content-wrap .img-box img {width: 34px; height: 34px; margin-right: 14px;}
.main-container .main-right .rank-wrap .content-wrap .txt-box {width: 51%; min-width: 0;}
.main-container .main-right .rank-wrap .content-wrap .txt-box p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 18px;}
.main-container .main-right .rank-wrap .content-wrap .txt-box .txt1 {font-weight: 500;}
.main-container .main-right .rank-wrap .content-wrap .txt-box .txt2 {color: #858894;}

.main-container .main-right .rank-wrap .content-wrap .heart-box {margin-left: auto;}