.contact-box {
    padding: 40px 0 70px;
}

.contact-btit {
    font-size: 32px;
    font-weight: 600;
    color: #002d72;
}


.contact-bcnt {
    display: flex;
    margin-top: 40px;
}

.contact-bctle {
    width: 50%;
    padding: 40px 45px;
    background-color: #f5f5f5;
}

.bctle-tit {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 20px;
}

.bctle-txt {
    font-size: 18px;
    display: flex;
    align-items: flex-end;
    margin-top: 10px;
}

.bctle-txt p {
    font-size: 24px;
    color: #002d72;
}


.contact-bctri {
    width: 50%;
}

.contact-bctri img {
    width: 100%;
    height: auto;
}





@media only screen and (max-width: 1340px) {


    .contact-box {
        padding: 30px 0 50px;
    }

    .contact-btit {
        font-size: 26px;
    }

    .contact-bcnt {
        margin-top: 20px;
    }


    .contact-bctle {
        padding: 20px 25px;
    }

    .bctle-tit {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .bctle-txt {
        font-size: 16px;
        margin-top: 5px;
    }

    .bctle-txt p {
        font-size: 20px;
    }






}



@media only screen and (max-width: 768px) {
    .contact-box {
        padding: .3rem .1rem .5rem;
    }

    .contact-btit {
        font-size: 20px;
    }

    .contact-bcnt {
        margin-top: .2rem;
        flex-direction: column;
    }

    .contact-bctle {
        width: 100%;
        height: 14vh;
        padding: .2rem .25rem;
    }

    .contact-bctri {
        width: 100%;
    }

    .bctle-tit {
        font-size: 16px;
        padding-bottom: .1rem;
    }
    .bctle-txt p {
        font-size: 16px;
    }
    .bctle-txt {
        font-size: 14px;
        margin-top: 5px;
    }


}