@charset "utf-8";

.management2 {background-image: url("../../../assets/images/sub/management2-bg.png"); background-repeat: no-repeat; background-size: 100% 100%; position: relative;}

.management2 .sub-wrap {padding-top: 80px;}
.management2 .sub-wrap:first-child {margin-right: -50px;}
.management2 .sub-wrap:last-child {padding-bottom: 200px;}
.management2 .sub-wrap.reverse .sub-l {display: flex; flex-direction: column; align-items: end; justify-content: space-between;}
.management2 .sub-wrap.reverse .sub-l .sub-tit-bg {margin: 0 -50px -50px 0;}
.management2 .sub-wrap:first-child .sub-r {margin-left: 40px;}
.management2 .sub-wrap:last-child .sub-r img {max-width: 610px;}

@media (max-width: 1280px) {
    .management2 .sub-wrap:first-child {padding-top: 80px; margin: 0;}
    .management2 .sub-wrap .sub-l .sub-tit-bg {display: none;}
    .management2 .sub-wrap .sub-r {position: relative; margin: 0;}
    .management2 .sub-wrap .sub-r::before {content: ''; background-repeat: no-repeat; position: absolute; background-size: cover;}
    .management2 .sub-wrap:last-child {padding-top: 60px;}
    .management2 .sub-wrap:last-child .sub-r {padding-top: 100px;}
    .management2 .sub-wrap:first-child .sub-r {padding-top: 60px;}
    .management2 .sub-wrap:first-child .sub-r::before {background-image: url("../../../assets/images/sub/clinic.png"); background-repeat: no-repeat; background-size: contain; width: 100%; height: 100%; max-width: 260px; max-height: 248px; top: -2%; right: -20px; z-index: 1;}
    .management2 .sub-wrap:last-child .sub-r::before {background-image: url("../../../assets/images/sub/predict.png"); width: 100%; height: 100%; max-width: 217px; max-height: 237px; bottom: -22%; left: 37%; transform: translateX(-50%); z-index: 1;}
    .management .sub-wrap.reverse .sub-l {align-items: center; padding-bottom: 50px;}
    .management2 .sub-wrap.reverse .sub-l .sub-tit-bg {margin: 0;}
}

@media (max-width: 768px) {
    .management2 .sub-wrap:first-child {padding-top: 75px;}
    .management2 .sub-wrap:first-child .sub-r {padding-top: 50px; margin: 0 -20px;}
    .management2 .sub-wrap:last-child {padding-bottom: 150px; padding-top: 40px;}
    .management2 .sub-wrap:last-child .sub-r {padding-top: 50px;}
    .management2 .sub-wrap:first-child .sub-r::before {max-width: 116px; max-height: 110px; top: 14px; right: -10px;}
    .management2 .sub-wrap:last-child .sub-r::before {max-width: 119px; max-height: 130px; bottom: -20%; left: 26%;}
}

@media (max-width: 350px) {
    .management2 .sub-wrap:first-child .sub-r::before {max-width: 140px; max-height: 110px; right: -18%;}
    .management2 .sub-wrap:last-child .sub-r::before {max-width: 100px; max-height: 110px;}
}