@charset "utf-8";


.event-benefit-template {
    .linker {
        position: absolute;
    }
    .linker--01 {
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
        width: 25%;
        height: 2.5%;
    }
    .linker--02 {
        top: 71.5%;
        left: 50%;
        transform: translateX(-50%);
        width: 25%;
        height: 2.5%;
    }
    .linker--03 {
        top: 77.5%;
        left: 50%;
        transform: translateX(-50%);
        width: 75%;
        height: 3.5%;
    }

    
    .linker--04 {
        top: 91.5%;
        left: 10%;
        width: 15.5%;
        height: 2.5%;
    }
    .linker--05 {
        top: 91.5%;
        left: 26%;
        width: 15.5%;
        height: 2.5%;
    }
    .linker--06 {
        top: 91.5%;
        left: 42%;
        width: 15.5%;
        height: 2.5%;
    }
    .linker--07 {
        top: 91.5%;
        left: 58.2%;
        width: 15.5%;
        height: 2.5%;
    }
    .linker--08 {
        top: 91.5%;
        left: 74.5%;
        width: 15.5%;
        height: 2.5%;
    }
    
    
    .linker--09 {
        top: 94.5%;
        left: 10%;
        width: 15.5%;
        height: 2.5%;
    }
    .linker--10 {
        top: 94.5%;
        left: 26%;
        width: 15.5%;
        height: 2.5%;
    }
    .linker--11 {
        top: 94.5%;
        left: 42%;
        width: 15.5%;
        height: 2.5%;
    }
    .linker--12 {
        top: 94.5%;
        left: 58.2%;
        width: 15.5%;
        height: 2.5%;
    }
    .linker--13 {
        top: 94.5%;
        left: 74.5%;
        width: 15.5%;
        height: 2.5%;
    }
}

@media screen and (max-width:767px) {
    .event-benefit-template {
        .linker--01 {
            top: 49%;
            left: 50%;
            transform: translateX(-50%);
            width: 50%;
            height: 2.5%;
        }
        .linker--02 {
            top: 71%;
            left: 50%;
            transform: translateX(-50%);
            width: 50%;
            height: 2.5%;
        }
        .linker--03 {
            top: 75.5%;
            left: 50%;
            transform: translateX(-50%);
            width: 86%;
            height: 3%;
        }
        
        .linker--04 {
            top: 86%;
            left: 7%;
            width: 28%;
            height: 2.5%;
        }
        .linker--05 {
            top: 86%;
            left: 36%;
            width: 28%;
            height: 2.5%;
        }
        .linker--06 {
            top: 86%;
            left: 65%;
            width: 28%;
            height: 2.5%;
        }
        .linker--07 {
            top: 89%;
            left: 7%;
            width: 28%;
            height: 2.5%;
        }
        .linker--08 {
            top: 89%;
            left: 36%;
            width: 28%;
            height: 2.5%;
        }
        .linker--09 {
            top: 89%;
            left: 65%;
            width: 28%;
            height: 2.5%;
        }
        .linker--10 {
            top: 92%;
            left: 7%;
            width: 28%;
            height: 2.5%;
        }
        .linker--11 {
            top: 92%;
            left: 36%;
            width: 28%;
            height: 2.5%;
        }
        .linker--12 {
            top: 92%;
            left: 65%;
            width: 28%;
            height: 2.5%;
        }
        .linker--13 {
            top: 95%;
            left: 7%;
            width: 28%;
            height: 2.5%;
        }
    }
}