.list-edu {margin: 0 0 120px;}
.list-edu .item {display: flex;gap: 30px;padding: 64px 0;border-top: 1px solid #CCCCCC;}
.list-edu .item:last-child {border-bottom: 1px solid #CCCCCC;}
.list-edu .content {flex: 1;}
.list-edu .content .tit {font-weight: 700;font-size: 32px;line-height: 150%;letter-spacing: -0.2px;color: #111111;padding: 0 0 24px;}
.list-edu .logo {max-width: 593px;width: 100%;display: flex;align-items: center;justify-content: center;height: 392px;}
.list-edu .logo img {max-width: 100%;}


.management-wrap {position: relative;max-width: 1600px;margin: 0 auto;}
    .management-wrap .home-title{text-align: center;}
    .management-list{overflow: hidden;padding: 16px 0 120px;border-bottom: 1px solid #CCCCCC;}
    .management-list .swiper-container{width:100%;margin:0 auto;overflow:visible;}
    .management-list .swiper-wrapper{
        transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
    }
    .management-list .swiper-slide{height: 504px;}
    .management-list .swiper-slide a{display: block;height: 100%;}
    .management-list .swiper-slide.swiper-slide-active{z-index: 10;}
    .management-list .swiper-slide .management-box{width: 496px;height: 330px;overflow: hidden;position: relative;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: width 0.55s cubic-bezier(0.33, 1, 0.68, 1), height 0.55s cubic-bezier(0.33, 1, 0.68, 1), top 0.55s cubic-bezier(0.33, 1, 0.68, 1);background: #FFFFFF;border-radius: 24px;}


    .management-list .swiper-slide .management-box > div{border-radius: 24px;overflow: hidden;position: absolute;left: 0;bottom: 0;z-index: 10;}
    .management-list .swiper-slide .management-box > div.img-mana {width: 100%;height: 100%;filter: blur(4px);transition: filter 0.55s cubic-bezier(0.33, 1, 0.68, 1);}
    .management-list .swiper-slide .management-box > div.img-mana:before {width: 100%;height: 100%;top:0;left: 0;background: linear-gradient(360deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.45) 22.9%, rgba(0, 0, 0, 0.183641) 53.43%, rgba(0, 0, 0, 0) 76.33%);content: "";position: absolute;pointer-events: none;z-index: 2;opacity: 0;transition: opacity 0.45s cubic-bezier(0.33, 1, 0.68, 1);}
    .management-list .swiper-slide .management-box > div.txt {
        box-sizing: border-box;
        width: 100%;
        padding: 0 52px 52px 52px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate3d(0, 14px, 0);
        transition: opacity 0.38s cubic-bezier(0.33, 1, 0.68, 1),
            transform 0.38s cubic-bezier(0.33, 1, 0.68, 1),
            visibility 0s linear 0.38s;
    }
    .management-list .swiper-slide .management-box > div.txt .tit {font-weight: 700;font-size: 32px;line-height: 150%;letter-spacing: -0.2px;color: #fff;padding: 0 0 24px;}
    .management-list .swiper-slide .management-box > div.txt .desc {font-weight: 500;font-size: 16px;line-height: 150%;letter-spacing: -0.2px;color: #fff;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}



    .management-list .swiper-slide.swiper-slide-active .management-box{width: 708px;height: 471px;position: relative;top: 45%;}
    .management-list .swiper-slide.swiper-slide-active .management-box > div.img-mana {filter: blur(0);}
    .management-list .swiper-slide.swiper-slide-active .management-box > div.txt {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate3d(0, 0, 0);
        transition: opacity 0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.22s,
            transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.22s,
            visibility 0s linear 0s;
    }
    .management-list .swiper-slide.swiper-slide-active .management-box > div.img-mana:before {opacity: 1;}
    .management-list .swiper-slide img{width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;object-position: center;-webkit-transition: all 1s cubic-bezier(0.30, 1, 0.35, 1) 0s;transition: all 1s cubic-bezier(0.30, 1, 0.35, 1) 0s;transition: transform 500ms ease;}
    .management-list .swiper-slide.swiper-slide-active a:hover img{-webkit-transform: scale3d(1.07, 1.07, 1.07);transform: scale3d(1.07, 1.07, 1.07);-webkit-transition: all 2s cubic-bezier(0.30, 1, 0.35, 2) 0s;transition: all 2s cubic-bezier(0.30, 1, 0.35, 2) 0s;}

    .management-list .swiper-slide a{position: relative;}

    .management-list .swiper-controls{display: flex;align-items: center;justify-content: center;margin-top: 18px;}
    .management-list .swiper-controls > div{display: inline-flex;align-items: center;justify-content: center;overflow: hidden;gap: 32px;}
    .management-list .swiper-controls .swiper-button-prev,
    .management-list .swiper-controls .swiper-button-next{position: unset;width: 52px;height: 52px;border: 0;margin: 0;font-size: 0;padding: 0;}
    .management-list .swiper-controls .swiper-button-prev svg {display: none;}
    .management-list .swiper-controls .swiper-button-next svg {display: none;}
    .management-list .swiper-controls .swiper-button-prev{background: url(../img/common/swiper-prev.png) no-repeat center;}
    .management-list .swiper-controls .swiper-button-next{background: url(../img/common/swiper-next.png) no-repeat center;}

    .management-list .swiper-controls .swiper-button-prev:hover{background: url(../img/common/swiper-prev-on.png) no-repeat center;}
    .management-list .swiper-controls .swiper-button-next:hover{background: url(../img/common/swiper-next-on.png) no-repeat center;}

    .management-list .swiper-controls .swiper-button-prev:after,
    .management-list .swiper-controls .swiper-button-next:after{display: none;}
    .management-list .swiper-controls .swiper-pagination{position: unset;width: auto;height: 64px;border: 0;display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 20px;line-height: 23px;letter-spacing: 0.2em;color: #666666;gap: 5px;}
    .management-list .swiper-controls .swiper-pagination span{font-family: Play;font-weight: 700;font-size: 40px;line-height: 40px;letter-spacing: 0;vertical-align: bottom;color: #222222;}
    .management-list .swiper-controls .swiper-pagination span + span {font-size: 20px;}

    .img-box img {width: 100%;height: 100%;object-fit: cover;}

    @media screen and (max-width: 1500px){
        .management-list .swiper-slide .management-box{width: calc(100% - 40px);}
        .management-list .swiper-slide.swiper-slide-active .management-box{width: calc(100% + 80px);}
        .management-list .swiper-slide.swiper-slide-prev .management-box{left: calc(50%);}
        .management-list .swiper-slide.swiper-slide-next .management-box{left: calc(50%);}
    }
    @media screen and (max-width: 1024px){
        .management-list .swiper-slide{height: 330px;}
        .management-list .swiper-slide .management-box{height: 227px;}
        .management-list .swiper-slide.swiper-slide-active .management-box{height: 330px;}
        
        .management-list .swiper-slide .management-box > div.txt {padding: 0 25px 25px 25px}
        .management-list .swiper-slide .management-box > div.txt .tit {font-size: 24px;padding: 0 0 5px;}
        .management-list .swiper-slide .management-box > div.txt .desc {font-size: 14px;}
    }
    @media screen and (max-width: 768px){
        
        .list-edu {margin: 0 0 50px;}
        
        .management-wrap .home-title img{max-height: 24px;}
        .management-list{padding: 0 0 100px;}
        .management-list .swiper-slide.swiper-slide-active .management-box{width: 100%;top: 50%;}
        .management-list .swiper-slide .management-box{width: 100%;}
        
        .management-list .swiper-slide{height: calc(500 / 768 * 100vw);}
        .management-list .swiper-slide .management-box{height: 100%;}
        .management-list .swiper-slide .management-box > div{height: 100%;}
        .management-list .swiper-slide.swiper-slide-active .management-box{height: 100%;}
        .management-list .swiper-slide.swiper-slide-active .management-box > div{height: 100%;}
        .management-list .swiper-slide.swiper-slide-active .management-box > div.txt {height: auto;}
        
        .management-list .swiper-controls{position: absolute;top: auto;left:0;right: 0;}
        .management-list .swiper-controls .swiper-button-prev,
        .management-list .swiper-controls .swiper-button-next{background-color: #fff;}
        .management-list .swiper-controls .swiper-pagination{background-color: #fff;}
    }

    @media (max-width: 1024px){
        .list-edu .item {padding: 32px 0;flex-direction: column-reverse;}
        .list-edu .logo {height: auto;width: 100%;max-width: unset;}
    }

    @media (max-width: 768px){
        .list-edu .content .tit {font-size: 22px;padding: 0 0 10px;}
        .management-list .swiper-controls .swiper-pagination span {font-size: 28px;}
        .management-list .swiper-controls .swiper-pagination span + span {font-size: 16px;}
        .management-list .swiper-controls > div {gap: 16px;}
        .management-list .swiper-controls .swiper-button-prev, .management-list .swiper-controls .swiper-button-next {width: 44px;height: 44px;background-size: 44px;}
        .management-list .swiper-controls .swiper-button-next:hover {background-size: 44px;}
        .management-list .swiper-controls .swiper-button-prev:hover {background-size: 44px;}
    }

    @media (max-width: 500px){
        .management-list .swiper-slide .management-box > div.txt .desc {display: none;}
        .management-list .swiper-slide .management-box > div.txt .tit {padding: 0;}
    }