@charset "utf-8";

@media (min-width: 1921px) {
    .interview>img{
        width: 45%;
    }
}
@media (max-width: 1440px) {
    .profile {
        padding: 18rem 0 15rem;
    }
    .dental{
        padding: 18rem 0 15rem;
    }
    .profile .profile_box .l_box ul {
        margin-top: 4rem;
    }
    .doctor .academic .academic_list .swiper-slide {
        width: 26rem;
    }
    .interview .l_text{
        width: 49%;
    }
    .interview>img{
        width: 45%;
    }
    .interview .l_text .p_box p br{
        display: none;
    }
    .ourteam .container article{
        height: 40rem;
    }
    .ourteam .container article>img{
        width: 50%;
    }
    .ourteam .container article .r_box{
        padding: 11rem 2rem 7rem 4.8rem;
    }
}
@media (max-width: 1024px) {
    .global .mark {
        padding: 1.1rem 2.7rem;
    }
    .doctor .academic .academic_list .swiper-slide {
        width: 24rem;
    }
    .interview{
        height: auto;
        background: url(../img/home/interview.jpg) no-repeat;
        background-size: cover;
        background-color: rgba(0, 0, 0, 0.7);
        background-blend-mode: overlay;
        background-position: 75% bottom;
    }
    .interview .l_text{
        width: 80%;
    }
    .interview>img{
        display: none;
    }
    .value .container{
        flex-direction: column;
        justify-content: flex-start;
        gap: 5rem;
    }  
    .value .container div{
        flex: 1;
        flex-direction: row;
        justify-content: flex-start;
    }  
    .value .container div img{
        width: 23%;
    }  
    .value .container div h3{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 57px;
        margin: 0 6rem;
        flex-shrink: 0;
        text-align: center;
    }  
    .value .container div hr{
        margin-top: 0;
        height: 9.6rem;
        border: 0;
        border-left: 1px solid #d9d9d9;
    }  
    .value .container div p{
        margin-top: 0;
        padding-left: 2.5rem;
        text-align: left;
    }  
    .value .container div p br{
        display: none;
    }
    .ourteam .container article{
        height: 38rem;
    }
    .ourteam .container article>img{
        width: 42%;
    }
    .ourteam .container article .r_box{
        padding: 8.5rem 2.5rem 6rem 4rem;
    }
}
@media (max-width: 768px) {
    .profile{
        padding: 15rem 0;
    }
    .dental{
        padding: 15rem 0;
    }
    .profile .profile_box .l_box strong{
        font-size: 3rem;
    }
    .profile .profile_box{
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 5rem;
    }
    .profile .profile_box .l_box ul li{
        font-size: 15.5px;
    }
    .profile .profile_box img{
        align-self: center;
        width: 96.4%;
    }
    .interview .l_text{
        width: 90%;
    }
    .value .container div h3{
        width: 54px;
    }  
    .ourteam .container{
        gap: 6rem;
    }
    .ourteam .container article{
        width: 90%;
        height: auto;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .ourteam .container article>img{
        width: 100%;
    }
    .ourteam .container article .r_box{
        width: 100%;
        padding: 6rem 3rem 5rem 4rem;
    }
    .ourteam .container article .r_box .name{
        margin-top: 3rem;
    }
}
@media (max-width: 480px) {
    .global{
        padding: 14rem 0;
    }
    .doctor{
        padding: 14rem 0;
    }
    .profile{
        padding: 14rem 0;
    }
    .dental{
        padding: 14rem 0;
    }
    .doctor .academic .academic_list .swiper-slide{
        width: 20rem;
    }
    .interview{
        padding: 14rem 0;
    }
    .interview .l_text{
        width: 100%;
    }
    .interview .l_text img{
        margin-right: -1rem;
        width: 32rem;
    }
    .value .container{
        gap: 6rem;
    }
    .value .container div img{
        width: 19.5%;
    }  
    .value .container div h3{
        width: 48px;
        margin: 0 2.4rem;
    }  
    .value .container div p{
        padding-left: 2rem;
    }  
    .ourteam{
        padding: 14rem 0;
    }
    .ourteam .container article{
        width: 100%;
    }
    .ourteam .container article .r_box{
        width: 100%;
        padding: 5.5rem 2rem 4.5rem 3.5rem;
    }
    .ourteam .container article .r_box .name{
        margin-top: 2.7rem;
    }
}