.associat-box{
    padding: 70px 0 10px;
}

.associat-btxt{
    text-align: left;
    font-size: 18px;
    line-height: 38px;
}
.associat-bitem{
    margin-top: 70px;
}

.associat-bul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #cccccc;
    margin-top: 50px;
}
.associat-bul li{
    width: 50%;
}
.associat-bul li img{
    width: 100%;
    height: auto;
}
.associat-bli{
    padding:30px 40px;
}
.associat-bli h3{
    font-size: 24px;
    padding-bottom: 15px;
}
.associat-bli p{
    padding: 5px 0;
    display: flex;
    font-size: 16px;
    line-height: 30px;
}
.associat-bli p span{
    display: inline-block;
    min-width:80px;
    margin-right: 10px;
    font-weight: 600;
}



@media only screen and (max-width:1440px) {
    .associat-box {
        padding: 60px 0 80px;
    }
    .associat-btxt {
        font-size: 16px;
        line-height: 36px;
    }

    .associat-bitem {
        margin-top: 60px;
    }
    .associat-bul {
        margin-top: 40px;
    }

    .associat-bli {
        padding: 20px 30px;
    }
    .associat-bli p {
        font-size: 14px;
        line-height: 26px;
    }

    .associat-bli h3 {
        font-size: 20px;
        padding-bottom: 10px;
    }



    
}

@media only screen and (max-width:769px) {
    .associat-box {
        padding: .6rem .1rem .8rem;
    }
    .associat-btxt {
        font-size: 16px;
        line-height: 26px;
    }

    .associat-bitem {
        margin-top: .6rem;
    }
    .associat-bul {
        margin-top: .4rem;
    }

    .associat-bul li {
        width: 100%;
    }
    .associat-bli {
        padding: .2rem .3rem;
    }
    .associat-bli p {
        font-size: 12px;
        line-height: 20px;
    }

    .associat-bli h3 {
        font-size: 16px;
        padding-bottom: .1rem;
    }


}