.cate_ranking{
    position:relative;
    box-sizing: border-box;
    width:100%;
    padding:0 16px;
    margin-top:60px;
}
.cate_ranking h1{
    font-size:18px;
    display:flex;
    flex-wrap: wrap;
    align-items: baseline;
}
.cate_ranking h1 .logo-head{
    font-size: unset;
    font-weight: unset;
    margin:0px;
}
.cate_ranking h1 .logo-head img{
    width:auto;
    height:21px;
    vertical-align: bottom;
    padding-right:5px;
}
.cate_ranking h1 span{
    font-weight: normal;
    font-size: 13px;
    margin-left: 10px;
}
.cate_ranking .catelist_tapwrap{
    margin-top:12px;
}
.cate_ranking .cate_tab{
   width:100%;
   overflow: hidden;
   position: relative;
}
.cate_ranking .catelist_tapwrap{
    width:100%;
}
.cate_ranking .catelist_tapwrap .cate_tabs li {
    font-size:13px;
    padding:8px 14px;
    display:block;
    border:1px solid #e4e4e4;
    color:#5d5d5d;
    background:#fff;
    width: auto;
    margin-right:6px;
    box-sizing:border-box;
    border-radius:20px;
    cursor: pointer;
}
.cate_ranking .catelist_tapwrap .cate_tabs li.isclicked{
    border:1px solid #90a837;
    color:#fff;
    background:#90a837;
}
.cate_ranking .cate_prd{
    width:100%;
    margin-top:14px;
}
.cate_ranking .cate_prd .cate_prds .cate_prd_box{
    position:relative;
}
.cate_ranking .cate_prd .cate_prds .cate_prd_box .rank_num{
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #90a837;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 0px;
    left: 0px;
    font-weight: 600;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
}
.cate_ranking .cate_prd .cate_prds .cate_prd_box .prd_info{
    margin-top:8px;
    box-sizing:border-box;
    padding:0 2px;
}
.cate_ranking .cate_prd .cate_prds .cate_prd_box .prd_info .prd_name{
    font-size:12px;
    color:#000;
    font-weight: 600;
    word-break: keep-all;
}
.cate_ranking .cate_prd .cate_prds .cate_prd_box .prd_info .prd_sub_name{
    font-size:12px;
    color:#4e4e4e;
    padding-top:4px;
}
.cate_ranking .cate_prd .cate_prds .cate_prd_box .prd_info .prd_price{
    font-size:13px;
    color:#000;
    font-weight:600;
    padding-top:8px;
    width: 100%;
    position:relative;
}
.cate_ranking .cate_prd .cate_prds .cate_prd_box .prd_info .prd_price strike{
    color:#4e4e4e;
    font-size:11px;
    font-weight:400;
}
.cate_ranking .cate_prd .cate_prds .cate_prd_box .prd_info .prd_price .discount_rate{
    color: #90a837;
    position:absolute;
    right:0;
}
/* 탭하여 노출 */
.cate_ranking .cate_prd .cate_prd_list{
    display:none;
}
.cate_ranking .cate_prd .cate_prd_list.isvisible{
    display:block;
}

@media (max-width: 400px) {
.cate_ranking h1{
    flex-direction: column;
}
.cate_ranking h1 span{
    margin-left: 0px;
    padding-top:5px;
}
}