.prgm-item {
    float: left;
    width: calc(( 100% - 80px ) / 5 );
    margin-right: 20px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
}
.prgm-item:nth-child(5n){
    margin-right: 0;
}
.prgm-item {
    min-height: 380px;
}

.main-program .prgm-item {
    min-height: 270px;
}

.prgm-info p{
    margin-left: 20px;
    position: relative;
    color: #000;
}
.prgm-loca::before{
    content: "";
    position: absolute;
    top: 50%;
    left: -8px;
    transform: translateY(-50%);
    width: 30px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../images/main/prgm-loca.png);
}
.prgm-time::before{
    content: "";
    position: absolute;
    top: 50%;
    left: -8px;
    transform: translateY(-50%);
    width: 30px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../images/main/prgm-time.png);
}
@media screen and (max-width : 1420px){
    
}
@media screen and (max-width : 1024px){
    .prgm-loca::before{
        left:0
    }
    .prgm-time::before{
        left:0
    }
    .prgm-info p{
        padding-left:30px;
        margin-left: 0;
    }
}
@media screen and (max-width : 768px){
    .prgm-item h5{
        padding: 0 10px;
    }
    .prgm-i{
        height: 33vw;
    }
}
@media screen and (max-width : 425px){
    .main-program .prgm-item {
        min-height: 270px;
    }
}