body.project .bg-box.main{width:100%}body.project .bg-box.main:after{content:"";width:100%;height:750px;background-color:#fff;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,#fff),to(rgba(0,0,0,0)));-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#fff 50%,rgba(0,0,0,0) 100%);mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,#fff),to(rgba(0,0,0,0)));mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#fff 50%,rgba(0,0,0,0) 100%);position:absolute;bottom:0;left:0;-webkit-transform:translateY(50%);transform:translateY(50%);z-index:10}@media only screen and (max-width: 991px){body.project .bg-box.main:after{height:400px}}body.project .bg-box.main{height:1200px}@media only screen and (max-width: 991px){body.project .bg-box.main{height:650px}}body.project .main-t{width:100%;text-align:center}body.project .main-t .fz-content{max-width:450px;margin-left:auto;margin-right:auto;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.75rem;max-height:3.5rem}body.project .top-box{padding:285px 30px 130px;position:relative;z-index:5}@media only screen and (max-width: 1024px){body.project .top-box{padding:210px 30px 65px}}body.project .bottom-box{width:89.333%;max-width:1600px;min-height:50vh;margin:0 auto;padding:90px 50px 60px;background-color:#fff}body.project .bottom-box .detail-content{max-width:765px}@media only screen and (max-width: 1024px){body.project .bottom-box{padding:30px 50px 120px}body.project .bottom-box .detail-content{max-width:550px}}@media only screen and (max-width: 991px){body.project .bottom-box{padding:30px 10px 120px}}@media only screen and (max-width: 767px){body.project .bottom-box .detail-content{max-width:250px;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.875rem;max-height:3.75rem}}body.project #project-filter{margin-bottom:90px}body.project #project-filter .swiper-box{max-width:900px}@media only screen and (max-width: 1024px){body.project #project-filter{margin-bottom:40px}}body.project .filter-bar{width:100%;max-width:1280px;min-height:100px;margin:60px auto 0;background-color:#ececec;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:1}body.project .filter-bar .filter-item{width:auto;display:inline-block;position:relative}body.project .filter-bar .filter-item.active .select span{-webkit-transform:scale(-1);transform:scale(-1)}body.project .filter-bar .select{width:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer}body.project .filter-bar .select p{font-weight:500;line-height:1.5;letter-spacing:1.3px}body.project .filter-bar .select span{width:0;height:0;border-style:solid;border-width:6.9px 4px 0 4px;border-color:#000 transparent transparent transparent;margin:0 0 4px 15px}body.project .filter-bar .dropdown{width:195%;text-align:center;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2);position:absolute;left:0;top:calc(100% + 10px);display:none;overflow-y:auto;max-height:250px}body.project .filter-bar .dropdown::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1)}body.project .filter-bar .dropdown::-webkit-scrollbar{width:5px}body.project .filter-bar .dropdown::-webkit-scrollbar-thumb{border-radius:10px;background-color:#6c6e71;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1)}body.project .filter-bar .dropdown li{font-family:Cormorant;font-size:1.625rem;width:100%;padding:12px 10px;font-weight:500;letter-spacing:1.2px;cursor:pointer;-webkit-transition:.6s;transition:.6s;position:relative}body.project .filter-bar .dropdown li:after{content:"";width:90%;height:1px;background-color:#cbcbcb;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}body.project .filter-bar .dropdown li:first-child{padding-top:16px}body.project .filter-bar .dropdown li:last-child{padding-bottom:16px}@media only screen and (min-width: 1025px){body.project .filter-bar .dropdown li:hover{background-color:#444;color:#fff}body.project .filter-bar .dropdown li:hover:after{display:none}}body.project .filter-bar .dropdown li:last-child:after{display:none}body.project .filter-bar .now-value{font-family:Cormorant;font-weight:500;font-size:1.625rem;line-height:1.3;margin:0 0 2px 40px;position:relative}body.project .filter-bar .now-value:before{content:"";width:2px;height:16px;background-color:#6eba38;position:absolute;top:50%;left:-20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width: 1200px){body.project .filter-bar{max-width:780px}}@media only screen and (max-width: 991px){body.project .filter-bar{margin:40px auto 0;min-height:65px}body.project .filter-bar .dropdown li,body.project .filter-bar .now-value{font-size:1.375rem}}body.project .project-cards-box{width:100%;margin-top:60px}body.project .project-cards-box .project-cards{width:100%;max-width:1370px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}body.project .project-cards-box .project-card{width:100%;margin:0 30px 120px}body.project .project-cards-box .project-card.large{max-width:780px}body.project .project-cards-box .project-card.large .image-control{padding-bottom:67.948%}body.project .project-cards-box .project-card:not(.large){max-width:400px}body.project .project-cards-box .project-card:not(.large) .image-control{padding-bottom:100%}@media only screen and (min-width: 1025px){body.project .project-cards-box .project-card:hover .hover-mask{opacity:1}body.project .project-cards-box .project-card:hover .hover-mask:after{width:100%}body.project .project-cards-box .project-card:hover .t-box{opacity:0}}body.project .project-cards-box .image-box{width:100%;position:relative}body.project .project-cards-box .image-control{height:0;position:relative}body.project .project-cards-box .image-control img:not(.image){width:65px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.8;z-index:0}body.project .project-cards-box .hover-mask{width:100%;height:100%;padding:15px;position:absolute;left:0;top:0;z-index:0;background-color:rgba(0,0,0,.9);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;opacity:0;-webkit-transition:opacity .6s;transition:opacity .6s}body.project .project-cards-box .hover-mask:after{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);bottom:0;width:0;height:8px;background-color:#6eba38;z-index:1;-webkit-transition:.6s .2s;transition:.6s .2s}body.project .project-cards-box .t-box{margin:15px 0 0;-webkit-transition:opacity .6s;transition:opacity .6s}body.project .project-cards-box .t-box,body.project .project-cards-box .hover-mask{width:100%;text-align:center}body.project .project-cards-box .t-box .info,body.project .project-cards-box .hover-mask .info{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}body.project .project-cards-box .t-box .info>span,body.project .project-cards-box .hover-mask .info>span{display:inline-block;padding:0 20px}body.project .project-cards-box .t-box .info>span>span,body.project .project-cards-box .hover-mask .info>span>span{margin-right:10px}body.project .project-cards-box .t-box .info>span:nth-child(1),body.project .project-cards-box .hover-mask .info>span:nth-child(1){font-size:1rem;font-weight:600;font-family:Cormorant;letter-spacing:1px;line-height:1.5}body.project .project-cards-box .t-box .info>span:nth-child(2),body.project .project-cards-box .hover-mask .info>span:nth-child(2){font-weight:500;letter-spacing:1px;line-height:1.5;position:relative;padding-top:4px}body.project .project-cards-box .t-box .info>span:nth-child(2):before,body.project .project-cards-box .hover-mask .info>span:nth-child(2):before{content:"";width:2px;height:15px;background-color:#6eba38;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.project .project-cards-box .t-box .title,body.project .project-cards-box .hover-mask .title{margin:10px 0 0;font-size:1.25rem;font-weight:500;line-height:1.5}@media only screen and (max-width: 1200px){body.project .project-cards-box .project-card{margin:0 15px 80px}}@media only screen and (max-width: 991px){body.project .project-cards-box{margin-top:40px}body.project .project-cards-box .project-cards{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}body.project .project-cards-box .project-card{margin:0 0 80px}}@media only screen and (max-width: 575px){body.project .project-cards-box .project-card{margin-bottom:40px}body.project .project-cards-box .project-card:not(.large) .image-box{max-width:160px;margin:0 auto}body.project .project-cards-box .image-control img:not(.image){width:50px}}body.project .get-more .common-btn p{font-size:1rem}@media only screen and (max-width: 991px){body.project .get-more{margin-top:-20px}}body.project .no-result-box{margin-top:10px;margin-bottom:25px}body.project .top-box[data-aost] .main-t{opacity:0}body.project .top-box.aost-show .main-t{opacity:1;-webkit-transition-duration:1.2s;transition-duration:1.2s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.2s;transition-delay:.2s}body.project .bottom-box[data-aost]{opacity:0}body.project .bottom-box.aost-show{opacity:1;-webkit-transition-duration:1.2s;transition-duration:1.2s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}body.project .project-card[data-aost]{opacity:0}body.project .project-card[data-aost] .image-control img:not(.image){-webkit-transition:.6s .3s;transition:.6s .3s;opacity:0;-webkit-transform:scale(.8) translate(-50%,-50%);transform:scale(.8) translate(-50%,-50%)}body.project .project-card.aost-show{opacity:1;-webkit-transition-duration:1.2s;transition-duration:1.2s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}body.project .project-card.aost-show .image-control img:not(.image){opacity:.8;-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}