section.banner .container{grid-column:2/-2}section.banner .img-wrap{position:relative;width:100%;border-radius:20px;overflow:hidden;display:flex}section.banner .img-wrap.aost-show .bg-img .sticky-img img{opacity:1;transform:scale(1);transition:transform .8s,opacity .8s}section.banner .img-wrap.aost-show .bannerSubtitle,section.banner .img-wrap.aost-show .bannerTitle,section.banner .img-wrap.aost-show+.desc-wrap{opacity:1;transform:translateY(0)}section.banner .img-wrap.aost-show+.desc-wrap{transition:transform .6s .5s,opacity .6s .5s}section.banner .img-wrap.aost-show+.desc-wrap .deco-shape .icon-circle{animation:blink 1.2s .6s 2 linear}section.banner .img-wrap.aost-show+.desc-wrap .deco-shape .icon-rhombus{animation:blink 1.2s .8s 2 linear}section.banner .img-wrap.aost-show+.desc-wrap .deco-shape .icon-square{animation:blink 1.2s 1s 2 linear}section.banner .img-wrap.aost-show+.desc-wrap .deco-shape .icon-hexagon{animation:blink 1.2s 1.2s 2 linear}section.banner .bg-img .sticky-img img{opacity:0;transform:scale(1.08)}section.banner .content-wrap{width:100%;padding:60px calc(var(--1fr) * 2);display:flex}section.banner .bannerSubtitle{width:100%;display:flex;flex-direction:column;gap:5px;opacity:0;transform:translateY(30px)}section.banner .bannerTitle{max-width:900px;width:100%;margin-top:auto;font-size:clamp(1.75rem,.5368rem + 2.157vw,3.125rem);font-weight:500;line-height:1.4;letter-spacing:1px;opacity:0;transform:translateY(30px)}section.banner .bannerTitle h2{white-space:pre-wrap}section.banner .desc-wrap{margin-top:40px;padding-left:calc(var(--1fr) * 2);opacity:0;transform:translateY(30px)}section.banner .bannerDesc{max-width:780px;width:100%;font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:.5px;color:#0009;margin-top:15px;text-align:left}section.banner[type=overview] .img-wrap.aost-show .bannerSubtitle,section.banner[type=noimage] .img-wrap.aost-show .bannerSubtitle{transition:transform .6s .1s,opacity .6s .1s}section.banner[type=overview] .img-wrap.aost-show .bannerTitle,section.banner[type=noimage] .img-wrap.aost-show .bannerTitle{transition:transform .6s .3s,opacity .6s .3s}section.banner[type=overview] .img-wrap,section.banner[type=single] .img-wrap,section.banner[type=noimage] .img-wrap{min-height:600px}section.banner[type=overview] .content-wrap,section.banner[type=single] .content-wrap,section.banner[type=noimage] .content-wrap{flex-direction:column}section.banner[type=overview] .bannerSubtitle,section.banner[type=single] .bannerSubtitle,section.banner[type=noimage] .bannerSubtitle{margin-bottom:40px;font-size:clamp(1.125rem,-.6397rem + 3.1373vw,1.25rem);font-weight:500;line-height:1.3;letter-spacing:.5px}section.banner[type=overview] .deco-shape,section.banner[type=single] .deco-shape,section.banner[type=noimage] .deco-shape{width:fit-content;display:flex;align-items:center;gap:10px}section.banner[type=overview] .deco-shape .icon-circle,section.banner[type=single] .deco-shape .icon-circle,section.banner[type=noimage] .deco-shape .icon-circle{color:#f5ad5b;font-size:10px;opacity:1;transform:scale(1)}section.banner[type=overview] .deco-shape .icon-rhombus,section.banner[type=single] .deco-shape .icon-rhombus,section.banner[type=noimage] .deco-shape .icon-rhombus{color:#ee3d19;font-size:11px;opacity:1;transform:scale(1)}section.banner[type=overview] .deco-shape .icon-square,section.banner[type=single] .deco-shape .icon-square,section.banner[type=noimage] .deco-shape .icon-square{color:#4997f1;font-size:9px;opacity:1;transform:scale(1)}section.banner[type=overview] .deco-shape .icon-hexagon,section.banner[type=single] .deco-shape .icon-hexagon,section.banner[type=noimage] .deco-shape .icon-hexagon{color:#004884;font-size:11px;opacity:1;transform:scale(1)}section.banner[type=single] .img-wrap.aost-show section.breadCrumbs{opacity:1;transform:translateY(0);transition:transform .6s .1s,opacity .6s .1s}section.banner[type=single] .img-wrap.aost-show .bannerSubtitle{transition:transform .6s .1s,opacity .6s .3s}section.banner[type=single] .img-wrap.aost-show .bannerTitle{transition:transform .6s .3s,opacity .6s .5s}section.banner[type=single] section.breadCrumbs{margin-bottom:30px;opacity:0;transform:translateY(30px)}section.banner[type=single] section.breadCrumbs .container{padding:0}section.banner[type=detail] .img-wrap{min-height:500px}section.banner[type=detail] .img-wrap.aost-show .bannerTitle{transition:transform .6s .1s,opacity .6s .1s}section.banner[type=detail] .img-wrap.aost-show .bannerSubtitle{transition:transform .6s .3s,opacity .6s .3s}section.banner[type=detail] .content-wrap{flex-direction:column-reverse}section.banner[type=detail] .bannerSubtitle{margin-top:10px;font-size:clamp(1.125rem,-.6397rem + 3.1373vw,1.25rem);font-weight:400;line-height:1.3;letter-spacing:.5px}section.banner[type=noimage] .img-wrap{min-height:unset}section.banner[type=noimage] .content-wrap{padding-top:30px;padding-bottom:0}section.banner[theme=white] .content-wrap{color:#fff}section.banner[theme=white] section.breadCrumbs .icon{color:#fff}section.banner[theme=black] .content-wrap{color:#000}section.banner[theme=black] section.breadCrumbs .icon{color:#000}section.banner[align=left] .content-wrap{align-items:flex-start}section.banner[align=right] .content-wrap{align-items:flex-end}section.banner[align=center] .content-wrap{align-items:center}@media only screen and (min-width: 1921px){section.banner[type=overview] .img-wrap,section.banner[type=single] .img-wrap{min-height:55.5555555556vh}section.banner[type=detail] .img-wrap{min-height:46.2962962963vh}section.banner .bannerTitle{max-width:46.875vw}section.banner .bannerDesc{max-width:40.625vw}}@media only screen and (max-width: 1200px){section.banner .content-wrap{padding:var(--baseSpace)}section.banner .desc-wrap{padding-left:0;margin-top:30px}section.banner[type=noimage] .bannerSubtitle{margin-bottom:30px}section.banner[type=noimage] .content-wrap{padding-inline:0}}@media only screen and (max-width: 767px){section.banner .content-wrap{padding:30px 20px}}@media only screen and (max-width: 600px){section.banner[type=overview] .img-wrap,section.banner[type=single] .img-wrap{min-height:500px}section.banner[type=detail] .img-wrap{min-height:450px}}section.breadCrumbs{width:100%}section.breadCrumbs .container{padding:0 calc(var(--baseSpace) + var(--1fr))}section.breadCrumbs .items{width:100%;display:flex;align-items:center;gap:10px}section.breadCrumbs .item{max-width:16.40625vw;display:flex;align-items:center;gap:10px}section.breadCrumbs .item .btnBreadCrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s}section.breadCrumbs .item a:hover{color:#4997f1}section.breadCrumbs .item:first-child .icon{display:none}section.breadCrumbs .item:not(:last-child){flex-shrink:0}section.breadCrumbs .icon{font-size:11px;color:#666;margin:0 -3px}@media only screen and (max-width: 1200px){section.breadCrumbs .container{padding:0 var(--baseSpace)}section.breadCrumbs .item{max-width:calc((100% - 20px) / 3)}section.breadCrumbs .item:last-child{flex-grow:1}}main{position:relative}.deco-bg{position:absolute;top:-100px;right:0;width:100%;height:calc(100% + 100px);z-index:-1}.deco-bg .img-box{position:sticky;top:0;width:43.28125vw;min-width:831px;height:100vh;margin-left:auto}.deco-bg img{width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 900px){.deco-bg{top:-75px;height:calc(100% + 75px)}.deco-bg .img-box{width:81.8667vw;min-width:unset}}section.breadCrumbs .container{padding:0 0 30px}@media only screen and (max-width: 900px){section.breadCrumbs .container{padding:0 0 20px}}section.project{padding-top:clamp(50px,1.4706rem + 2.9412vw,80px);padding-bottom:clamp(80px,-.5147rem + 9.804vw,180px)}section.project .container{grid-column:var(--columns-3)}section.project .page-btn{margin-top:clamp(50px,1.4706rem + 2.9412vw,80px)}section.project .content-wrap{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:var(--1fr);grid-row-gap:0px;grid-auto-rows:10px;place-content:center;margin-bottom:-60px}section.project .item{max-width:25vw;width:100%;margin-bottom:133px}section.project .item[type=s] .pic-box:before{padding-top:75%}section.project .item[type=m] .pic-box:before{padding-top:95.8334%}section.project .item[type=l] .pic-box:before{padding-top:134.375%}section.project .item .pic-wrap{position:relative;border-radius:20px;opacity:0;transform:translateY(20px)}section.project .item .pic-box{border-radius:20px;overflow:unset;position:relative;transition:.5s}section.project .item .pic-box img{border-radius:20px;border:1px solid transparent}section.project .item .deco-paint{position:absolute;width:73.75%;bottom:-10px;right:-20px;stroke-dasharray:500;stroke-dashoffset:500;z-index:1}section.project .item .deco-paint svg{width:100%}section.project .item .desc-box{position:absolute;top:0;left:0;border-radius:20px;width:100%;height:100%;padding:30px 30px 50px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(0deg,#0009 0% 100%);color:#fff;opacity:0;border:1px solid transparent;transition:opacity .6s}section.project .item .desc-box .itemTitle-ss,section.project .item .desc-box .paragraph{opacity:0;transform:translateY(15px);transition:opacity .6s,transform .6s}section.project .item .desc-box .itemTitle-ss{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.project .item .desc-box .paragraph{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}section.project .item .content{margin-top:15px;padding:0 20px;opacity:0}section.project .item .itemTitle-s-bold{margin-top:5px}section.project .item .itemSubtitle-l,section.project .item .itemTitle-s-bold{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.project .item.aost-show .pic-wrap,section.project .item.aost-show .content{opacity:1;transform:translateY(0);transition:opacity .8s,transform .8s}@media only screen and (min-width: 1201px){section.project .item:hover .pic-box{box-shadow:20px 20px 15px #0000001a}section.project .item:hover .deco-paint{animation:solid .8s ease-out 1 forwards}section.project .item:hover .desc-box{opacity:1;border:1px solid #FFFFFF}section.project .item:hover .desc-box .itemTitle-ss,section.project .item:hover .desc-box .paragraph{opacity:1;transform:translateY(0);transition:opacity .6s,transform .6s}section.project .item:hover .desc-box .itemTitle-ss{transition-delay:.2s}section.project .item:hover .desc-box .paragraph{transition-delay:.4s}}@media only screen and (max-width: 1200px){section.project .item:active .pic-box{box-shadow:20px 20px 15px #0000001a}section.project .item:active .deco-paint{animation:solid .8s ease-out 1 forwards}section.project .item:active .desc-box{opacity:1;border:1px solid #FFFFFF}section.project .item:active .desc-box .itemTitle-ss,section.project .item:active .desc-box .paragraph{opacity:1;transform:translateY(0);transition:opacity .6s,transform .6s}section.project .item:active .desc-box .itemTitle-ss{transition-delay:.2s}section.project .item:active .desc-box .paragraph{transition-delay:.4s}}@media only screen and (max-width: 1200px){section.project .item .desc-box{display:none}}@media only screen and (max-width: 1024px){section.project .content-wrap{grid-template-columns:repeat(2,1fr);margin-bottom:0}section.project .item{max-width:calc((100vw - var(--baseSpace) * 2 - var(--1fr)) / 2);margin-bottom:100px}}@media only screen and (max-width: 767px){section.project .content-wrap{display:block;margin-bottom:-50px}section.project .item{max-width:unset;margin-bottom:50px}}