.surgeryInfo1 {
    width: 100%
}

.surgeryInfo1 img {
    width: 100%
}

.surgeryInfo2 {
    padding: 104px 0 123px 0
}

.surgeryInfo2 .wrap {
    width: 1440px;
    margin: auto
}

.surgeryInfo2 .wrap .top {
    display: flex;
    justify-content: space-between
}

.surgeryInfo2 .wrap .top .l .p1 {
    font-weight: bold;
    font-size: 36px;
    color: #007EBC;
    margin: 0 0 30px
}

.surgeryInfo2 .wrap .top .l .p2 {
    font-weight: 500;
    font-size: 18px;
    color: #111111
}

.surgeryInfo2 .wrap .top .text {
    width: 623px;
    font-weight: 500;
    font-size: 16px;
    color: #444444;
    line-height: 32px
}

.surgeryInfo2 .wrap .img {
    width: 100%;
    margin: 100px 0 0 0;
    overflow: hidden;
    border-radius: 15px;
}

.surgeryInfo2 .wrap .img img {
    width: 100%
}

.surgeryInfo2 .wrap .content {
    margin: 60px 0 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 50px 0 0 0;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 30px
}

.surgeryInfo2 .wrap .content .item {
    width: 460px;
    background: #FFFFFF;
    box-shadow: 0px 10px 40px 0px rgba(136, 176, 196, 0.1);
    border-radius: 12px;
    padding: 60px 40px 30px 40px
}

.surgeryInfo2 .wrap .content .item .icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.surgeryInfo2 .wrap .content .item .icon img {
    object-fit: contain
}

.surgeryInfo2 .wrap .content .item .p1 {
    margin: 19px 0 40px;
    font-weight: bold;
    font-size: 24px;
    color: #000000
}

.surgeryInfo2 .wrap .content .item .pick {
    font-weight: 500;
    font-size: 16px;
    color: #444444;
    line-height: 32px
}
@media screen and (max-width: 1919px) {
    .surgeryInfo2{
        padding: 5.4166666667vw 0px 6.40625vw;
    }
    .surgeryInfo2 .wrap{
        width: 75vw;
    }
    .surgeryInfo2 .wrap .top .l .p1{
        font-size: 1.875vw;
        margin: 0px 0px 1.5625vw;
    }
    .surgeryInfo2 .wrap .top .l .p2{
        font-size: 0.9375vw;
    }
    .surgeryInfo2 .wrap .top .text{
        width: 32.4479166667vw;
        font-size: 0.8333333333vw;
        line-height: 1.6666666667vw;
    }
    .surgeryInfo2 .wrap .img{
        margin: 5.2083333333vw 0px 0px;
        border-radius: 0.78125vw;
    }
    .surgeryInfo2 .wrap .content{
        margin: 3.125vw 0px 0px;
        padding: 2.6041666667vw 0px 0px;
        gap: 1.5625vw;
    }
    .surgeryInfo2 .wrap .content .item{
        width: 23.9583333333vw;
        box-shadow: rgba(136, 176, 196, 0.1) 0px 0.5208333333vw 2.0833333333vw 0px;
        border-radius: 0.625vw;
        padding: 3.125vw 2.0833333333vw 1.5625vw;
    }
    .surgeryInfo2 .wrap .content .item .icon{
        width: 2.0833333333vw;
        height: 2.0833333333vw;
    }
    .surgeryInfo2 .wrap .content .item .p1{
        margin: 0.9895833333vw 0px 2.0833333333vw;
        font-size: 1.25vw;
    }
    .surgeryInfo2 .wrap .content .item .pick{
        font-size: 0.8333333333vw;
        line-height: 1.6666666667vw;
    }
}
@media screen and (max-width: 1024px) {
    .surgeryInfo1{
        margin: 60px 0 0 0;
    }
    .surgeryInfo2{
        padding: 50px 0 40px;
    }
    .surgeryInfo1 img{
        height: 280px;
    }
    .surgeryInfo2 .wrap {
        width: 90%;
    }
    .surgeryInfo2 .wrap .top{
        flex-direction: column;
    }
    .surgeryInfo2 .wrap .top .l .p1{
        font-size: 24px;
        margin: 0 0 15px;
    }
    .surgeryInfo2 .wrap .top .l .p2{
        font-size: 16px;
    }
    .surgeryInfo2 .wrap .top .text{
        width: 100%;
        font-size: 13px;
        line-height: 25px;
        margin: 25px 0 0 0;
    }
    .surgeryInfo2 .wrap .img{
        margin: 25px 0 0 0;
    }
    .surgeryInfo2 .wrap .content{
        padding: 30px 0 0 0;
        margin: 35px 0 0 0;
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
    }
    .surgeryInfo2 .wrap .content .item{
        width: 100%;
        padding: 15px;
    }
    .surgeryInfo2 .wrap .content .item .icon{
        width: 30px;
        height: 30px;
    }
    .surgeryInfo2 .wrap .content .item .p1{
        margin: 15px 0 20px;
        font-size: 16px;
    }
    .surgeryInfo2 .wrap .content .item .pick{
        font-size: 13px;
        line-height: 25px;
    }
}