.showcase main{background-color:#F2F2F2}.showcase .showcase-detail .outline .content{margin:0 auto;padding:95px 100px 100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 100px;gap:0 clamp(50px,5.2083vw,100px);max-width:1250px;width:100%}.showcase .showcase-detail .outline .wrap{width:50%}.showcase .showcase-detail .outline .tag{padding:5px 15px;display:inline-block;border-radius:500px;background-color:#fff}.showcase .showcase-detail .outline .item-point{margin-top:65px}.showcase .showcase-detail .outline .share-group{margin-top:65px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.showcase .showcase-detail .outline .photo{position:relative;width:50%;-webkit-box-shadow:20px 20px 26.25px rgba(0,0,0,0.25);box-shadow:20px 20px 26.25px rgba(0,0,0,0.25)}.showcase .showcase-detail .outline .photo:before{display:block;padding-bottom:100%;content:""}.showcase .showcase-detail .outline .photo img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media only screen and (max-width:1024px){.showcase .showcase-detail .outline .content{padding:80px 100px 100px}}@media only screen and (max-width:992px){.showcase .showcase-detail .outline .content{padding:80px 40px 100px}}@media only screen and (max-width:767px){.showcase .showcase-detail .outline .content{padding:30px 20px 50px;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:30px}.showcase .showcase-detail .outline .wrap{width:100%;text-align:center}.showcase .showcase-detail .outline .item-point{margin-top:30px}.showcase .showcase-detail .outline .photo{max-width:200px;width:100%}.showcase .showcase-detail .outline .share-group{margin-top:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.showcase .showcase-detail .detail{padding:100px 100px;background-color:#fff}.showcase .showcase-detail .detail .block-point{margin:0 auto}.showcase .showcase-detail .detail .detail-inner{padding:80px 60px 0;margin:50px auto 0;border-top:5px solid rgba(79,95,107,0.2);max-width:1400px;width:100%}.showcase .showcase-detail .detail ._articleBlock{margin:0 auto;max-width:1100px;width:100%}@media only screen and (max-width:1200px){.showcase .showcase-detail .detail{padding:100px 80px}}@media only screen and (max-width:992px){.showcase .showcase-detail .detail{padding:80px 40px}.showcase .showcase-detail .detail .detail-inner{padding:50px 40px 0}}@media only screen and (max-width:767px){.showcase .showcase-detail .detail{padding:50px 20px}.showcase .showcase-detail .detail .detail-inner{padding:30px 20px 0;margin:30px auto 0}}.showcase .showcase-detail .other{padding:100px 60px;background-color:#4F5F6B}.showcase .showcase-detail .other .wrapper{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:50px;max-width:1450px;width:100%}.showcase .showcase-detail .other .item{width:calc((100% - 50px) / 2)}.showcase .showcase-detail .other a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;color:#fff}.showcase .showcase-detail .other .photo{position:relative;max-width:400px;width:57.1429%;-ms-flex-negative:0;flex-shrink:0}.showcase .showcase-detail .other .photo:before{display:block;padding-bottom:100%;content:""}.showcase .showcase-detail .other .photo img{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.showcase .showcase-detail .other .content .item-point .main{display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.showcase .showcase-detail .other .content .item-point .text{display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.showcase .showcase-detail .other .content .more-button{margin-top:50px}@media only screen and (max-width:1200px){.showcase .showcase-detail .other{padding:80px 60px}.showcase .showcase-detail .other .wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.showcase .showcase-detail .other .item{max-width:800px;width:100%}.showcase .showcase-detail .other .photo{max-width:300px;width:100%}}@media only screen and (max-width:767px){.showcase .showcase-detail .other{padding:50px 30px}.showcase .showcase-detail .other a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.showcase .showcase-detail .other .photo{max-width:none}}
/*# sourceMappingURL=showcase_detail.css.map */