:root {
    --sub-equipment-padding-top: clamp(35px, 5.3030303vw, 70px);
    --sub-equipment-img-height: clamp(200px, 30.30vw, 400px);
    --sub-equipment-img-padding: clamp(20px, 3.030vw, 40px);
}

/* 의료장비  */
.sub-equipment-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: var(--sub-equipment-padding-top) 0;
    width: 100%;
    gap: 20px;


    & .sub-equipment-inner {
        justify-self: center;

        & .sub-equipment-img {
            height: var(--sub-equipment-img-height);
            padding: var(--sub-equipment-img-padding);
            border-radius: var(--simple-input-border-radius);
            background-color: var(--color-main-04);

            & img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }

        & ul {
            & li {
                padding: clamp(15px,2vw,30px);
            }
            & li:first-child {
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-bottom: 1px solid var(--color-line-01);

                & p {
                    font-weight: var(--font-weight-bold);
                }
                & p:first-child {
                    font-size: clamp(18px,2.148vw,22px); /* 비율: 1024px */
                    line-height: 1.3;
                }
                & p:last-child {
                    font-size: clamp(14px,1.757vw,18px); /* 비율: 1024px */
                    color: var(--color-main-03);
                }
            }

            & li:last-child {
                font-size: var(--font-size-16);
                line-height: 1.3;
                word-break: keep-all;
            }
        }
    }


    @media screen and (max-width: 768px) {
        & {
            grid-template-columns: repeat(1, 1fr);

            & .sub-equipment-inner {
                width: 100%;

                    & .sub-equipment-img {
                    & img { 
                        width: 100%;
                    }
                }
            }
        }
    }
} /* sub-equipment-box */