@charset "utf-8";

.partnership .sub-page-top .sub-tit {margin: 15px 0 0;}

.partnership-wrap {position: relative;}
.partnership-slide {margin-top: 100px;}
.partnership-slide ul {}
.partnership-slide ul li {width: 25%; max-width: 280px; height: 280px; border-radius: 50%; background-color: #F7F7F7; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 43px;}
.partnership-slide ul li p {font-size: 1.25em; font-weight: 600; line-height: 1.5;}
.partnership-slide ul li img {width: 100%; max-width: fit-content;}

.partnership-prev {width: 60px; height: 60px; border-radius: 50%; background-color: #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.1); background-repeat: no-repeat; background-position: center; background-image: url("../../../assets/images/cmn/slide-prev.svg"); position: absolute; top: 50%; left: -100px; transform: translateY(-50%); z-index: 1; cursor: pointer; transition: .1s;}
.partnership-next {width: 60px; height: 60px; border-radius: 50%; background-color: #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.1); background-repeat: no-repeat; background-position: center; background-image: url("../../../assets/images/cmn/slide-next.svg"); position: absolute; top: 50%; right: -100px; transform: translateY(-50%); z-index: 1; cursor: pointer; transition: .1s;}


.partnership-wrap2 {margin-top: 110px; padding: 110px 0; background-color: rgba(247,247,247,0.7);}
.partnership-wrap2 ul {display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px; grid-row-gap: 25px;}
.partnership-wrap2 ul li {width: 100%; max-width: 280px; height: 110px; background-color: #fff; border-radius: 25px; display: flex; align-items: center; justify-content: center;}
.partnership-wrap2 ul li p {font-size: 1.5em; font-weight: 600; text-align: center; line-height: 1.5;}




@media (max-width: 1500px) {
    .partnership-prev {left: -70px;}
    .partnership-next {right: -70px;}
}

@media (max-width: 1400px) {
    .partnership-slide ul li {width: calc(100% / 3);}
    .partnership-wrap {max-width: 880px; margin: 0 auto;}
    .partnership-prev {left: -80px;}
    .partnership-next {right: -80px;}
}

@media (max-width: 1280px) {
    .partnership-wrap2 {margin-top: 90px; padding: 90px 0;}
    .partnership-wrap2 ul {grid-template-columns: repeat(3, 1fr); grid-row-gap: 20px;}
    .partnership-wrap2 ul li {max-width: 100%; height: 100px;}
    .partnership-wrap2 ul li p {font-size: 1.25em;}
}

@media (max-width: 1100px) {
    .partnership-wrap {max-width: 580px;}
    .partnership-slide ul li {width: 50%; padding: 90px 35px;}
    .partnership-prev {left: -75px;}
    .partnership-next {right: -75px;}
}

@media (max-width: 768px) {
    .partnership-wrap {max-width: 190px;}
    .partnership-slide ul li {width: 100%; max-width: 190px; height: 190px; padding: 60px 35px;}
    .partnership-slide ul li p {font-size: 1em;}
    .partnership-prev, .partnership-next {width: 50px; height: 50px;}

    .partnership-wrap2 {margin-top: 60px; padding: 50px 0;}
    .partnership-wrap2 ul {grid-template-columns: repeat(2, 1fr);}
    .partnership-wrap2 ul li {height: 90px;}
    .partnership-wrap2 ul li p {font-size: 1em;}
}