.header_more_toprank ._pagename span{font-weight:550;}
.wrapper_more_toprank .rankTop { padding: 0 var(--36); } 
.wrapper_more_toprank .rankTop .wrap { border-bottom: 1px solid #f0f0f0;; padding-bottom: var(--24); } 
.wrapper_more_toprank .rankTop .wrap:after { content: ""; display: block; clear: both; } 
.wrapper_more_toprank .rankTop .time { float: left; font-size: var(--24); color: #797979; line-height: var(--56); } 
.wrapper_more_toprank .rankTop .mapBtn { float: right; } 
.wrapper_more_toprank .rankTop .wrap.sub_menu {padding-bottom: var(--10);margin-bottom: var(--24);}
.wrapper_more_toprank .rankTop .wrap .sub_menu {width:50%; text-align: center; float: left; font-size: var(--30); color: #999999; line-height: var(--56); } 
.wrapper_more_toprank .rankTop .wrap .sub_menu.choice {color: #000000;} 

    /*0722*/
    .wrapper_more_toprank .rankTop .mapBtn button { border: 1px solid #f0f0f0;; border-radius: var(--10); height: var(--56); padding:0 var(--26) 0 var(--50); font-size: var(--24); background-size: var(--22); background-position: var(--16); background-image: url(https://files.heally.co.kr/web-images/common/areapoint_b.png); } 
    .wrapper_more_toprank .rankTop .mapBtn button span { background-image: url(https://files.heally.co.kr/web-images/_arrow/down_b.png); background-position: right; padding-right: var(--36); background-size: var(--18); } 

.wrapper_more_toprank .rankList { padding: var(--36); } 
.wrapper_more_toprank .rankList .time {
    padding-bottom: 1rem;
    color: #797979;
    font-size: var(--24);
    position: relative; /* ::before 기준 */
    padding-left: 1.5rem; /* 이미지 공간 확보 */
}

.wrapper_more_toprank .rankList .time::before {
    content: "";
    position: absolute;
    left: 0;          /* 글자 왼쪽 시작점 */
    top: 31%;         /* 세로 중앙 */
    transform: translateY(-50%);
    width: 1rem;    /* 이미지 크기 */
    height: 1rem;
    background-image: url(https://files.heally.co.kr/web-images/common/stopwatch.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity:0.6;
}

.wrapper_more_toprank .rankList li { margin-bottom: var(--40); } 
.wrapper_more_toprank .rankList li:after { content: ""; display: block; clear: both; } 
.wrapper_more_toprank .rankList li .rankNum { float: left; width: var(--36); text-align: center; padding-top: var(--10); } 
.wrapper_more_toprank .rankList li .rankNum .rank { font-size:var(--28); font-weight: 700; font-family: 'GmarketSans'; line-height: var(--36); } 
.wrapper_more_toprank .rankList li .rankNum .state { margin-top: var(--12); line-height: var(--22); } 
.wrapper_more_toprank .rankList li .rankNum .state.up { background-position: left; background-image: url(https://files.heally.co.kr/web-images/common/rank_up.png); background-size: var(--10); padding-left: var(--14); font-weight: 700; display: inline-block; color: #ff4f4f; padding-right: var(--6); font-family: 'GmarketSans'; font-size: var(--17); } 
.wrapper_more_toprank .rankList li .rankNum .state.down { background-position: left; background-image: url(https://files.heally.co.kr/web-images/common/rank_down.png); background-size: var(--10); padding-left: var(--14); font-weight: 700; display: inline-block; color: #566eff; padding-right: var(--6); font-family: 'GmarketSans'; font-size: var(--17); } 
.wrapper_more_toprank .rankList li .rankNum .state.new { width: 100%; height: var(--22); background-image: url(https://files.heally.co.kr/web-images/common/rank_new.png); background-size: 80%; } 
.wrapper_more_toprank .rankList li .rankNum .state.noChange { width: 100%; position: relative; height: var(--22); } 
.wrapper_more_toprank .rankList li .rankNum .state.noChange:after { content: ''; display: block; top:50%; left: 50%; transform: translate(-50%,-50%); width: var(--20); background-color: #bcbcbc; position: absolute; height: var(--3); } 
.wrapper_more_toprank .rankList li .inforWrap { float: left; padding-left: var(--28); width: calc(100% - var(--36)); } 
.wrapper_more_toprank .rankList li .inforWrap:after { content: ""; display: block; clear: both; } 
.wrapper_more_toprank .rankList li .inforWrap .left { float: left; width: calc(100% - var(--92)); padding-right: var(--20); padding-top: var(--10); } 
.wrapper_more_toprank .rankList li .inforWrap .left .storeName { font-size: var(--28); font-weight: 600; line-height: var(--28); } 
.wrapper_more_toprank .rankList li .inforWrap .left .infor { margin-top: var(--20); } 
.wrapper_more_toprank .rankList li .inforWrap .left .infor:after { content: ""; display: block; clear: both; } 
.wrapper_more_toprank .rankList li .inforWrap .left .infor span { float: left; font-size: var(--22); color: #797979; display: inline-block; line-height: var(--22); padding-right: var(--12); position: relative; margin-right: var(--12); } 
.wrapper_more_toprank .rankList li .inforWrap .left .infor span:after { content: ""; width: 1px; height: var(--20); display: block; background-color: #f0f0f0; position: absolute; right: 0; top:50%; transform: translateY(-50%); } 
.wrapper_more_toprank .rankList li .inforWrap .left .infor span:last-child { margin: 0; padding: 0; max-width: var(--250); } 
.wrapper_more_toprank .rankList li .inforWrap .left .infor span:last-child:after { display: none; } 
.wrapper_more_toprank .rankList li .inforWrap .left .infor span.view { background-image: url(https://files.heally.co.kr/web-images/common/view_icon.png); padding-left: var(--30); background-size: var(--24); background-position: left; } 
.wrapper_more_toprank .rankList li .inforWrap .imgWrap { float: right } 
.wrapper_more_toprank .rankList li .inforWrap .imgWrap img { width: var(--92); height: var(--92); border-radius: var(--10); object-fit: cover; } 
.wrapper_more_toprank .rankList li:nth-child(1) .inforWrap .left .storeName { color: var(--colP) } 
.wrapper_more_toprank .rankList li:nth-child(2) .inforWrap .left .storeName { color: var(--colP) } 
.wrapper_more_toprank .rankList li:nth-child(3) .inforWrap .left .storeName { color: var(--colP) } 

/*0722*/
.wrapper_more_toprank .rankTxt { background-color: #f0f0f0; font-size: var(--22); padding: var(--24) var(--36); color: #595959; } 


.wrapper_more_toprank .rankTops .wrap{overflow-x:scroll;}
.wrapper_more_toprank .rankTops ul {display: -webkit-inline-box;padding-left: 1.36rem;padding-right: 1.36rem;}
.wrapper_more_toprank .rankTops ul > li{float: left;    padding-right: 0.54rem;}
.wrapper_more_toprank .rankTops ul > li > div{position: relative;border-radius: 2.71rem;border: 1px solid #eaeae9;}
.wrapper_more_toprank .rankTops ul:after{content: "";display: block;clear: both;}
.wrapper_more_toprank .rankTops  .wrap::-webkit-scrollbar {display: none;}

/* 버튼 기본 스타일 유지 */
.wrapper_more_toprank .rankTops ul > li > div button {
    padding: 0.5rem;         /* 기존 padding 유지 */
    position: relative;     /* ::before/글자 기준 */
    text-align: center;     /* 글자 중앙 정렬 */
    line-height: normal;    /* 기존 line-height 유지 */
    width: 3.5rem;
    height: 3.3rem;
}
.wrapper_more_toprank .rankTops ul > li > div.myarea button {
    box-sizing: border-box; /* padding, border 포함 */
    -webkit-appearance: none; /* iOS 버튼 기본 스타일 제거 */
}

.wrapper_more_toprank .rankTops ul > li > div.myarea button{width: 3.5rem;height: 3.3rem;display: block;vertical-align: initial; }
/* 특정 버튼 글자 absolute로 위치 조정 */
.wrapper_more_toprank .rankTops ul > li > div.myarea button span {
    position: absolute;
    bottom: 0.3rem;        /* 글자 아래로 위치 */
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.75rem;
    white-space: nowrap;
}

/* 글자 위 이미지 */
.wrapper_more_toprank .rankTops ul > li > div.myarea button::before {
    content: "";
    position: absolute;
    top: 0.8rem;           /* 버튼 상단 기준 위치 */
    left: 50%;
    transform: translateX(-50%);
    width: 1rem;           /* 이미지 크기 */
    height: 1rem;
    background-image: url(https://files.heally.co.kr/web-images/common/paper_airplane.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}
/* on 상태 버튼 - 높이 유지 */
.wrapper_more_toprank .rankTops ul > li button.on { 
    background-color: #ff2a75; 
    color: #fff;
    border-radius: 2.71rem; 
    border: 1px solid transparent; /* border 제거 대신 투명으로 유지 */
}

.wrapper_more_toprank .rankTops ul > li > div.myarea button.on::before {
    content: "";
    position: absolute;
    top: 0.8rem;           /* 버튼 상단 기준 위치 */
    left: 50%;
    transform: translateX(-50%);
    width: 1rem;           /* 이미지 크기 */
    height: 1rem;
    background-image: url(https://files.heally.co.kr/web-images/common/paper_airplane_on.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}