.list-all-club {
    margin-top: calc(constant(safe-area-inset-top) + 20vh);
    margin-top: calc(env(safe-area-inset-top) + 20vh);
    padding-bottom: calc(env(safe-area-inset-bottom) + 22vh);
    padding-bottom: calc(env(safe-area-inset-bottom) + 22vh);
}
.list-all-club li{
    width: 89%;
    border: 1px solid rgb(218,218,218);
    display: flex;
    flex-wrap: nowrap;
    height: 120px;
    margin:0 auto 18px;
    overflow: hidden;
}

.list-all-club li .list-btn button{
    margin-left: auto;
}

.list-title{
    font-size: 2rem;
}
.list-left img{
    width: 100%;
    height: 100%;
}
.list-right>img{
    position: absolute;
    right: 10px; top:10px;
    width: 20px;
    height: 20px;
    object-fit: cover;
}
.list-all-club img{
    width: 100%;
    height: 100%;
}
.list-right>img.cc-selct-img{
    position: absolute;
    right: 40px; top:10px;
    width: 20px;
    height: 20px;
    object-fit: cover;
}
.clubtotal-wrap .nav-menu-footer{
    position: fixed;
    left:0;
    /*bottom: calc(10vh + constant(safe-area-inset-bottom));*/
    /*bottom: calc(10vh + env(safe-area-inset-bottom));*/
    bottom: calc(4vh + constant(safe-area-inset-bottom));
    bottom: calc(4vh + env(safe-area-inset-bottom));
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    background-color: #fff;
    /*border-top:1px solid #707070;*/
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.list-all-club li.select-bg{
    border: 2px solid var(--main-color);
}
.list-all-club .list-right img.cc-selct-img{
    display: none;
}
.list-all-club .list-right img.cc-selct-img.chk-img{
    display: block;
}
/** 아이폰8 */
@media all and (max-height:668px) {
    .list-all-club{
        padding-bottom: calc(env(safe-area-inset-bottom) + 25vh);
        padding-bottom: calc(env(safe-area-inset-bottom) + 25vh);
    }
}