.wrap-rec-proj{background-color:#574944;width:100%;position:relative}.wrap-rec-proj .inner{padding-top:40px;padding-bottom:40px;overflow:hidden}.wrap-rec-proj .inner .head-title{color:#ffa67c;letter-spacing:.7px;font-size:14px;line-height:20px}.wrap-rec-proj .inner .detail{white-space:pre-wrap;justify-content:space-between;align-items:flex-end;padding-top:30px;display:flex}.wrap-rec-proj .inner .detail .DeTitle{letter-spacing:-1.04px;color:#fff;font-size:52px;line-height:1.25}.wrap-rec-proj .inner .detail .DeSubTitle{letter-spacing:-.16px;color:#fff;max-width:400px;font-size:16px;line-height:1.25}.wrap-rec-proj .inner .wrap-horizon-swiper{padding-top:40px}.wrap-rec-proj .inner .wrap-horizon-swiper .swiper-horizontal{overflow:visible}.wrap-rec-proj .inner .swiper-slide{flex-shrink:0;width:190px!important;height:190px!important}.wrap-rec-proj .inner .card{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wrap-rec-proj .inner .card img{object-fit:cover;width:100%;height:100%}.wrap-rec-proj .inner .card:before{content:"";opacity:.4;background-color:#000;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.wrap-rec-proj .inner .card:hover:before{opacity:.85;background-color:#ff6200}.wrap-rec-proj .inner .card p{color:#fff;letter-spacing:0;font-size:16px;line-height:1.25;position:absolute}.wrap-rec-proj .inner .card:hover p{color:#000}.wrap-rec-proj .lifestyle-bg{z-index:1;background-image:url(/images/icon/lifestyle-bg-pattern.svg);background-position:0 0;background-repeat:repeat;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (max-width:767px){.wrap-rec-proj .inner{padding-top:30px;padding-bottom:30px}.wrap-rec-proj .inner .detail{text-align:start;flex-direction:column;align-items:flex-start;padding-top:20px}.wrap-rec-proj .inner .detail .DeTitle{letter-spacing:0;text-align:start;font-size:36px;line-height:1.25}.wrap-rec-proj .inner .detail .DeSubTitle{padding-top:30px}.wrap-rec-proj .inner .swiper-slide{height:100%!important}.wrap-rec-proj .inner .flex-col{flex-direction:column;gap:10px;display:flex}.wrap-rec-proj .inner .flex-col .card{position:relative;overflow:hidden}.wrap-rec-proj .inner .flex-col .card img{aspect-ratio:1}}