.right_box > .content.ddakple_filter .gym-list-header h2 {
    font-weight: 700;
    font-size: 13rem;
    line-height: 18rem;
}

.right_box > .content.ddakple_filter .gym-list-header {
    margin: 16rem 12rem;
}

.right_box > .content.ddakple_filter .gym-list {
    margin: 20rem 12rem;
}

.right_box > .content.ddakple_filter .gym-list > ul > li {
    margin-bottom: 16rem;
}

.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item {
    display: flex;
    flex-direction: row;
    cursor: pointer;
}

.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .gym_image {
    width: 136rem;
    height: 102rem;
    flex: 136rem 0 0;
    border-radius: 5rem;
    background-size: cover;
    margin-right: 20rem;
    padding: 5rem;
    box-sizing: border-box;
    position: relative;
    background-image: url(/skin/basic/images_ddakple/pf-thumbnail.svg)
}

.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .gym_image .gym_like {
    position: absolute;
    right: 5rem;
    width: 23rem;
    height: 23rem;
    border-radius: 12rem;
    background: rgba(117, 117, 117, 0.4);
    background-image: url(/skin/basic/images_ddakple/icon/heart-empty.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .gym_image .gym_like.on {
    background-image: url(/skin/basic/images_ddakple/icon/heart-red.svg);
}

.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .gym_image span.tag {
    font-weight: 700;
    font-size: 7rem;
    line-height: 10rem;
    padding: 4rem 12rem;
    border-radius: 15rem;
    position: absolute;
}

.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .gym_image span.tag.hot {
    color: #FFF;
    background: #FF0049;
}

.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .gym_image span.tag.new {
    color: #000;
    background: #FFC62F;
}

.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .gym_info {
    overflow: hidden;
}

.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .gym_info_header {
    margin-bottom: 6rem;
    display: flex;
}

.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .name {
    font-weight: 700;
    font-size: 13rem;
    line-height: 18rem;
    flex-grow: 0;
    flex-shrink: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .coupone {
    margin: 1px 0 1px 4rem;
    font-weight: 500;
    font-size: 7rem;
    line-height: 10rem;
    display: flex;
    align-items: center;
    background: #8280FF;
    border-radius: 15rem;
    color: #FFF;
    padding: 0 8rem;
    flex-shrink: 0;
}
.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .gym_addr {
    font-weight: 500;
    font-size: 11rem;
    margin-bottom: 3rem;
}
.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .gym_rate {
    display: flex;
    margin-bottom: 7rem;
    align-items: center;
}
.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .gym_rate span.star {
    width: 10rem;
    height: 10rem;
    margin-right: 4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10rem;
    background-image: url(/skin/basic/images_ddakple/icon/star.svg);
}
.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .gym_rate span.rate_text {
    font-weight: 500;
    font-size: 10rem;
    color: #747473;
}
.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .price_total {
    display: flex;
    align-items: center;
}
.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item span.discount {
    font-weight: 500;
    font-size: 13rem;
    line-height: 18rem;
    color: #FF0049;
    margin-right: 4rem;
}
.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item span.price {
    font-weight: 700;
    font-size: 13rem;
    line-height: 18rem;
    margin-right: 0;
}
.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .reser_btn {
    margin-top: 7rem;
}
.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .reser_btn span {
    font-size: 11rem;
    line-height: 15rem;
    color: #FF0049;
    padding-right: 11rem;
    background-image: url(/skin/basic/images_ddakple/icon/right-arrow-header-red.svg);
    background-repeat: no-repeat;
    background-position: right center;
}
.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .reser_and_price_total {
    display: flex;
    align-items: center;
    margin-top: 4rem;
}
.right_box > .content.ddakple_filter .gym-list > ul > li .gym_item .court_count {
    font-size: 8rem;
    line-height: 15rem;
    background: #F1F1F1;
    border-radius: 7.5rem;
    padding: 0 4rem;
    margin-right: 5rem;
}

.right_box > .content.ddakple_filter .gym-loading {
    margin: 20px 12px;
    display: flex;
    height: 100px;
    justify-content: center;
    align-items: center;
}

.right_box > .content.ddakple_filter .gym-list-empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 58rem;
    pointer-events: none;
}
.right_box > .content.ddakple_filter .gym-list-empty .empty-image {
    background-image: url(/skin/basic/images_ddakple/image/squirrel-empty.png);
    background-size: 96rem;
    width: 96rem;
    height: 138rem;
    background-repeat: no-repeat;
    background-position: center;
}
.right_box > .content.ddakple_filter .gym-list-empty span {
    font-weight: 300;
    font-size: 11rem;
    line-height: 15rem;
    color: #747473;
    margin-top: 14rem;
}