.championship-event{padding:60px 0;width:100%;margin:0 auto;max-width:1040px;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/event/championship202606/event_step2_bg-min.png)no-repeat center/cover;text-align:center}

.championship-event .step-num{display:inline-block;margin-bottom:10px;padding:2px 4px;font-size:25px;color:#fff;background: linear-gradient(to bottom,  #938266 0%,#b09f85 100%); border:1px solid #B7A790;}
.championship-event .sub-title{margin:10px 0 0;font-family: 'bodyfriendB';font-size:30px !important;}
.championship-event .title,
.championship-event .title *{font-family: 'bodyfriendB';font-size:60px !important}
.championship-event .title {display: block;margin:10px 0 30px 0;color:#8B7656;}
.championship-event .title > em{color:#000;}
.championship-event .sub-des{margin-top:30px;font-family: 'bodyfriendB';font-size:30px !important;line-height:1.4;}
.championship-event .cuation{margin-top:15px;font-family: 'bodyfriendB';color:#8F8F8F;font-size:30px !important;line-height:1.4;}
.championship-event .btn-reserve{display:inline-block;margin:30px 0 0 ;font-family: 'bodyfriendB';font-size:30px;color:#fff !important;padding:12px 20px;background:#3C3429;border:1px solid #A0896A;}

.championship-event .card-container{position:relative;width:calc(100% - 160px);height:700px;margin:0 auto;border:1px solid #A0896A;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/event/championship202606/event_step2_container_bg-min.png) no-repeat center;overflow:hidden;z-index:1}
.championship-event .card-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/event/championship202606/event_step2-container_bg-item-min.png) no-repeat center;background-position:center 100%;background-size:90%;z-index:1}
.championship-event .position-card{position:absolute;width:160px;height:170px;background:transparent;text-align:center;cursor:pointer;transition:transform .2s cubic-bezier(0.25,1,0.5,1),filter .2s;transform:translateX(-50%);z-index:10}
.championship-event .position-card .card-img{width:100%;height:100%;object-fit:contain;display:block}
.championship-event .position-card:hover{transform:translateX(-50%) translateY(-6px);filter:drop-shadow(0 8px 16px #0003);z-index:20}
.championship-event .badge{position:absolute;top:8px;left:50%;transform:translateX(-50%);display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;z-index:2px}
.championship-event .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/event/championship202606/event_step2_container_bg-min.png)no-repeat center;backdrop-size:contain;display:none;justify-content:center;align-items:center;z-index:1000}
.championship-event .modal-content{background:transparent;padding:0;width:100%;height:100%;position:relative;text-align:left;}
.championship-event .modal-close{position:absolute;top:15px;right:15px;font-size:20px;cursor:pointer;color:#fff;text-shadow:0 2px 4px #00000080;transition:transform .15s;z-index:30}
.championship-event .modal-close:hover{transform:scale(1.1)}
.championship-event .modal-body{width:100%;display: flex;justify-content: center;height:100%;}
.championship-event .modal-body img{width:300px;height:auto;display:block;border-radius:12px}

.championship-event .item1{top:13%;left:30%;}
.championship-event .item2{top:18%;left:50%;}
.championship-event .item3{top:13%;left:70%;}
.championship-event .item4{top:40%;left:20%;}
.championship-event .item5{top:45%;left:40%;}
.championship-event .item6{top:45%;left:60%;}
.championship-event .item7{top:40%;left:80%;}
.championship-event .item8{top:70%;left:50%;}

@media all and (max-width:830px){
    .championship-event .card-container{width:calc(100% - 40px);}
    .championship-event .card-container::before{background-size:100%;}
    .championship-event .position-card{width:140px;height:150px;}
    .championship-event .modal-body img{width:200px;}

    .championship-event .step-num{font-size:20px !important;}
    .championship-event .btn-reserve,
    .championship-event .cuation,
    .championship-event .sub-des,
    .championship-event .sub-title{font-size:25px !important}
    .championship-event .title, .championship-event .title *{font-size:55px !important}
}

@media all and (max-width:640px){
    .championship-event .card-container{height:430px;}
    .championship-event .card-container::before{background-size:95%;}
    .championship-event .position-card{width:80px;height:100px;}

    .championship-event .step-num{font-size:15px !important;}
    .championship-event .btn-reserve,
    .championship-event .cuation,
    .championship-event .sub-des,
    .championship-event .sub-title{font-size:20px !important}
    .championship-event .title, .championship-event .title *{font-size:50px !important}
}

@media all and (max-width:450px){
    .championship-event .card-container{height:350px;}
    .championship-event .position-card{width:70px;height:80px;}
    .championship-event .card-container::before{background-size:100%;}
    .championship-event .modal-body img{width:180px;}

    .championship-event .step-num{font-size:14px !important;}
    .championship-event .btn-reserve,
    .championship-event .cuation,
    .championship-event .sub-des,
    .championship-event .sub-title{font-size:15px !important}
    .championship-event .title, .championship-event .title *{font-size:40px !important}

}

@media all and (max-width:360px){
    .championship-event .step-num{font-size:11px !important;}
    .championship-event .btn-reserve,
    .championship-event .cuation,
    .championship-event .sub-des,
    .championship-event .sub-title{font-size:12px !important}
    .championship-event .title, .championship-event .title *{font-size:30px !important}

}