@keyframes content-slide-in-6{0%{width:0}60%,70%,80%,90%{width:136rem}to{width:136rem}}@keyframes sprinkle-bling{0%{background:transparent}to{background:#000}}.successful-case .page-title{width:100%;height:29.7rem;display:flex;align-items:center;justify-content:center;background-color:#F8F9FB;font-size:4.8rem;font-weight:bold}.successful-case .choice-box{display:flex;padding:8rem 20rem 8rem 20rem;grid-gap:10rem}.successful-case .choice-box .choice-title{display:flex;flex-direction:column;justify-content:center;font-size:4rem;align-items:center;flex:1;min-width:1px;text-align:center}.successful-case .choice-box .choice-title .box-logo{position:relative}.successful-case .choice-box .choice-title .box-logo .logo{width:20.4rem;height:5.9rem}.successful-case .choice-box .choice-title .box-logo .icon{position:absolute;top:-4rem;height:5.8rem;width:5.8rem}.successful-case .choice-box .choice-list-box .choice-list{display:grid;grid-template-columns:33rem 33rem;grid-template-rows:23.6rem 23.6rem;grid-gap:6.4rem}.successful-case .choice-box .choice-list-box .choice-list .choice-item{position:relative;cursor:pointer;transition:.3s;overflow:hidden;height:23.6rem}.successful-case .choice-box .choice-list-box .choice-list .choice-item:hover{box-shadow:0 4px 25px 0 var(--color-primary-second)}.successful-case .choice-box .choice-list-box .choice-list .choice-item:hover .cover-img{opacity:0}.successful-case .choice-box .choice-list-box .choice-list .choice-item a{display:block}.successful-case .choice-box .choice-list-box .choice-list .choice-item .cover-img{position:absolute;width:100%;height:100%;left:0;top:0;z-index:3;opacity:1;transition:.3s ease}.successful-case .choice-box .choice-list-box .choice-list .choice-item .image{width:100%}.successful-case .choice-box .choice-list-box .choice-list .choice-item .icon{position:absolute;top:0;right:0;height:4rem;width:4rem}.successful-case .choice-box .choice-list-box .el-pagination{margin-top:4rem;display:flex;justify-content:center}.successful-case .case-list-box{padding:9rem 35.6rem;display:flex;flex-direction:column;align-items:center}.successful-case .case-list-box .case-title{font-weight:bold;font-size:4rem}.successful-case .case-list-box .case-list-where{margin-top:2.4rem;display:flex}.successful-case .case-list-box .case-list-where .el-select{margin-right:1.6rem;width:31.2rem}.successful-case .case-list-box .case-list-where .el-select .el-input__wrapper{padding:1.6rem 2.4rem;box-sizing:border-box}.successful-case .case-list-box .case-list-where .el-select .el-input__wrapper .el-input__inner{height:100%}.successful-case .case-list-box .case-list-where .el-button{padding:1.6rem 4rem;height:auto}.successful-case .case-list-box .case-list{width:120.8rem;margin:7rem auto;display:grid;grid-gap:7rem 4rem;grid-template-columns:27.2rem 27.2rem 27.2rem 27.2rem}.successful-case .case-list-box .case-list .case-item{border:1px solid #e5e5e5;display:flex;flex-direction:column;transition:.3s}.successful-case .case-list-box .case-list .case-item .case-item-image{cursor:pointer;position:relative;overflow:hidden;height:19.6rem}.successful-case .case-list-box .case-list .case-item .case-item-image a{display:block}.successful-case .case-list-box .case-list .case-item .case-item-image:hover .cover-img{opacity:0}.successful-case .case-list-box .case-list .case-item .case-item-image .image{display:block;width:100%;transform:translateY(0);transition:4s linear}.successful-case .case-list-box .case-list .case-item .case-item-image .cover-img{position:absolute;width:100%;height:100%;left:0;top:0;z-index:3;opacity:1;transition:.3s ease}.successful-case .case-list-box .case-list .case-item .case-item-image .icon{position:absolute;top:0;right:0;height:4rem;width:4rem}.successful-case .case-list-box .case-list .case-item .content-btn-box{display:flex;flex-direction:column;justify-content:space-between;flex:1}.successful-case .case-list-box .case-list .case-item .content-btn-box .content-box{padding:0 1.5rem 1.5rem}.successful-case .case-list-box .case-list .case-item .bottom-btn-box{padding:1.5rem 1.5rem;border-top:1px solid #e5e5e5;text-align:end}.successful-case .case-list-box .case-list .case-item .case-item-title{margin-top:1.4rem;font-size:2rem;transition:.3s;cursor:pointer}.successful-case .case-list-box .case-list .case-item .case-item-title:hover a{color:var(--color-primary-base)}.successful-case .case-list-box .case-list .case-item .case-item-title a{text-decoration:none;color:inherit}.successful-case .case-list-box .case-list .case-item .case-item-tag{display:flex;font-size:1.4rem}.successful-case .case-list-box .case-list .case-item .case-item-tag span{width:100%;margin-top:.8rem;color:rgba(6,19,49,0.6)}.successful-case .icon-box{position:absolute;right:-3rem;top:3.4rem;width:15rem;height:0;border-bottom:2rem solid #4cc85a;border-left:2rem solid transparent;border-right:2rem solid transparent;transform:rotate(45deg);color:#FFFFFF;font-size:1.2rem;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2)}@media (max-width: 992px){.successful-case{overflow:hidden;width:100%}.successful-case .page-title{text-align:center;font-size:3.2rem}.successful-case .choice-box{padding:2.4rem;display:flex;flex-direction:column}.successful-case .choice-box .choice-title{padding:0;font-size:2.4rem}.successful-case .choice-box .choice-list-box{margin-top:4rem}.successful-case .choice-box .choice-list-box .choice-list{grid-template-columns:15rem 15rem;grid-template-rows:auto auto;grid-gap:2.4rem}.successful-case .choice-box .choice-list-box .choice-list .choice-item .image{height:auto}.successful-case .case-list-box{padding:2.4rem 3.6rem}.successful-case .case-list-box .case-title{font-size:2.4rem}.successful-case .case-list-box .case-list-where{display:flex;flex-direction:column}.successful-case .case-list-box .case-list-where .el-select{margin-right:0;margin-bottom:1.6rem}.successful-case .case-list-box .case-list{grid-template-columns:30rem;grid-gap:1.8rem}.successful-case .case-list-box .case-list .case-item .case-item-title{font-size:1.6rem;margin-top:.8rem}.successful-case .case-list-box .case-list .case-item .case-item-title a{text-decoration:none;color:inherit}.successful-case .case-list-box .case-list .case-item .case-item-tag{font-size:1.4rem}.successful-case .case-list-box .case-list .case-item .case-item-tag span{margin-top:.8rem}}