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}}multipurpose-nav[m4-type=drag] .drag-container{max-width:unset;display:flex}multipurpose-nav[m4-type=drag] .drag-container .navigation .button{background:transparent}multipurpose-nav[m4-type=drag] .drag-container .navigation .button div{width:30px;height:30px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button div:before{width:10px;height:10px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:0;transform:translateY(-50%)}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div{justify-content:start;margin-left:10px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{right:0;transform:translateY(-50%)}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div{justify-content:end;margin-right:10px}multipurpose-nav[m4-type=drag] .drag-container .wrapper{width:calc(100% - 60px);padding:0;margin:0 auto;gap:10px 20px!important}multipurpose-nav[m4-type=drag] .drag-container .item.active .category,multipurpose-nav[m4-type=drag] .drag-container .item[aria-selected=true] .category{color:#fff}multipurpose-nav[m4-type=drag] .drag-container .item.active .category:after,multipurpose-nav[m4-type=drag] .drag-container .item[aria-selected=true] .category:after{background:#004884}@media only screen and (min-width: 1201px){multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{color:#fff}multipurpose-nav[m4-type=drag] .drag-container .item:hover .category:after{background:#004884}}@media only screen and (max-width: 1200px){multipurpose-nav[m4-type=drag] .drag-container .item:active .category{color:#fff}multipurpose-nav[m4-type=drag] .drag-container .item:active .category:after{background:#004884}}multipurpose-nav[m4-type=drag] .drag-container .category{padding:15px 30px;border-radius:500px;overflow:hidden;font-size:1rem;font-weight:500;line-height:1.3;letter-spacing:1px;transition:color .3s}multipurpose-nav[m4-type=drag] .drag-container .category:after{width:100%;height:100%;z-index:-1;transition:background .3s}multipurpose-nav[m4-type=drag].noScrollable .drag-container{padding:0}multipurpose-nav[m4-type=drag].noScrollable .drag-container .wrapper{width:100%}multipurpose-nav[m4-type=drag][theme=common] .drag-container .category:after{background:#f2f2f2}multipurpose-nav[m4-type=drag][theme=white] .drag-container .category:after{background:#fff}@media only screen and (max-width: 900px){multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:10px 15px!important}multipurpose-nav[m4-type=drag] .drag-container .category{padding:10px 20px}}section.projectsBoard+section.projects{margin-top:-170px;padding:250px 0 clamp(50px,-2.3897rem + 9.804vw,150px)}section.projectsBoard+section.projects:before{background:#fefaf5;top:0}@media only screen and (min-width: 1201px){section.projectsBoard+section.projects .category-wrap multipurpose-nav[m4-type=drag][theme=white] .drag-container .item:hover .category:after{background:#004884}}@media only screen and (max-width: 1200px){section.projectsBoard+section.projects .category-wrap multipurpose-nav[m4-type=drag][theme=white] .drag-container .item:active .category:after{background:#004884}}section.projectsBoard+section.projects .category-wrap multipurpose-nav[m4-type=drag][theme=white] .drag-container .category:after{background:#fff}@media only screen and (max-width: 1200px){section.projectsBoard+section.projects{margin-top:-200px}}@media only screen and (max-width: 767px){section.projectsBoard+section.projects{margin-top:-210px}}section.projectsBoard .container{grid-column:var(--columns-3);padding:clamp(50px,1.4706rem + 2.942vw,80px) calc(var(--1fr) * 2) 0;display:flex;align-items:center;gap:0 calc(var(--1fr) * 2)}@media only screen and (max-width: 1200px){section.projectsBoard .container{padding-inline:var(--1fr);gap:0px var(--1fr)}}@media only screen and (max-width: 900px){section.projectsBoard .container{flex-wrap:wrap}}@media only screen and (max-width: 767px){section.projectsBoard .container{position:relative;flex-wrap:nowrap;flex-direction:column;padding-inline:0;padding-bottom:9.5px}}section.projectsBoard .pic-wrap{width:31.81819%;opacity:0;transform:scale(.68)}section.projectsBoard .pic-wrap.aost-show{opacity:1;transform:scale(1);transition:opacity .8s,transform .8s}section.projectsBoard .pic-wrap .swiper-box{width:calc(100% + 80px);margin:-40px}section.projectsBoard .pic-wrap .picSwiper{padding:40px}section.projectsBoard .pic-wrap .swiper-wrapper{align-items:center}section.projectsBoard .pic-wrap .swiper-slide{justify-content:center;align-items:center}section.projectsBoard .pic-wrap .swiper-slide[image-type=square]{padding:20px}section.projectsBoard .pic-wrap .swiper-slide[image-type=square] .link:before{padding-top:100%}section.projectsBoard .pic-wrap .swiper-slide[image-type=square] .deco-paint{bottom:10px;right:0}section.projectsBoard .pic-wrap .swiper-slide[image-type=rectangle] .link:before{padding-top:62.85715%}section.projectsBoard .pic-wrap .swiper-slide[image-type=rectangle] .deco-paint{bottom:-10px;right:-20px}section.projectsBoard .pic-wrap .swiper-slide.swiper-slide-active .link{box-shadow:20px 20px 15px #0000001a;transition:box-shadow .8s .4s}section.projectsBoard .pic-wrap .swiper-slide.swiper-slide-active .deco-paint{animation:solid .6s .4s ease-out 1 forwards}section.projectsBoard .pic-wrap .link{display:block;position:relative;width:100%;overflow:hidden;border-radius:20px;border:1px solid #FFFFFF;transition:box-shadow .4s}section.projectsBoard .pic-wrap .link:before{content:"";display:block;width:100%}section.projectsBoard .pic-wrap .link img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}section.projectsBoard .pic-wrap .deco-paint{position:absolute;width:66.6667%;stroke-dasharray:500;stroke-dashoffset:500;z-index:1}section.projectsBoard .pic-wrap .deco-paint svg{width:100%}@media only screen and (max-width: 1200px){section.projectsBoard .pic-wrap{width:41.81819%}}@media only screen and (max-width: 900px){section.projectsBoard .pic-wrap{width:calc(50% - var(--1fr) * .5)}}@media only screen and (max-width: 767px){section.projectsBoard .pic-wrap{width:100%}section.projectsBoard .pic-wrap .swiper-box{width:calc(100% + var(--baseSpace) * 2);margin:-40px calc(var(--baseSpace) * -1)}section.projectsBoard .pic-wrap .picSwiper{padding:40px var(--baseSpace)}section.projectsBoard .pic-wrap .swiper-slide[image-type=square]{padding:0}section.projectsBoard .pic-wrap .swiper-slide[image-type=square] .deco-paint{bottom:-10px;right:-10px}section.projectsBoard .pic-wrap .swiper-slide[image-type=rectangle] .link:before{padding-top:100%}section.projectsBoard .pic-wrap .swiper-slide[image-type=rectangle] .deco-paint{bottom:-10px;right:-10px}}section.projectsBoard .content-wrap{width:calc(50% - 50px);height:max(360px,21.875vw);display:flex;align-items:center}@media only screen and (min-width: 1921px){section.projectsBoard .content-wrap{height:21.875vw}}@media only screen and (max-width: 1200px){section.projectsBoard .content-wrap{width:40%;height:max(425px,35.41667vw)}}@media only screen and (max-width: 900px){section.projectsBoard .content-wrap{width:calc(50% - var(--1fr) * .5);height:max(360px,36.1112vw)}}@media only screen and (max-width: 767px){section.projectsBoard .content-wrap{width:100%;height:auto;margin-top:20px}}section.projectsBoard .content-wrap .swiper-box{width:100%}section.projectsBoard .content-wrap .swiper-slide{align-self:center}section.projectsBoard .content-wrap .swiper-slide.show .category,section.projectsBoard .content-wrap .swiper-slide.show .itemTitle-xl,section.projectsBoard .content-wrap .swiper-slide.show .itemSubtitle-s-bold,section.projectsBoard .content-wrap .swiper-slide.show .paragraph,section.projectsBoard .content-wrap .swiper-slide.show .more-btn{opacity:1;transform:translateY(0);transition:opacity .8s,transform .8s}section.projectsBoard .content-wrap .swiper-slide.show .category{transition-delay:.4s}section.projectsBoard .content-wrap .swiper-slide.show .itemTitle-xl,section.projectsBoard .content-wrap .swiper-slide.show .itemSubtitle-s-bold{transition-delay:.6s}section.projectsBoard .content-wrap .swiper-slide.show .paragraph{transition-delay:.8s}section.projectsBoard .content-wrap .swiper-slide.show .more-btn{transition-delay:1s}section.projectsBoard .content-wrap .swiper-slide .category,section.projectsBoard .content-wrap .swiper-slide .itemTitle-xl,section.projectsBoard .content-wrap .swiper-slide .itemSubtitle-s-bold,section.projectsBoard .content-wrap .swiper-slide .paragraph,section.projectsBoard .content-wrap .swiper-slide .more-btn{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s .4s}section.projectsBoard .content-wrap .swiper-slide .category{margin-bottom:15px;display:flex;flex-wrap:wrap;gap:5px 15px}section.projectsBoard .content-wrap .swiper-slide .itemTitle-xl{margin:15px 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.projectsBoard .content-wrap .swiper-slide .itemSubtitle-s-bold{margin:5px 0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.projectsBoard .content-wrap .swiper-slide .paragraph{margin-top:15px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.projectsBoard .content-wrap .swiper-slide .more-btn{margin-top:40px}@media only screen and (max-width: 767px){section.projectsBoard .content-wrap .swiper-slide .more-btn{margin-top:30px}}section.projectsBoard .swiper-navigation{flex-shrink:0;display:flex;flex-direction:column;gap:20px;margin-left:auto}@media only screen and (max-width: 900px){section.projectsBoard .swiper-navigation{width:100%;flex-direction:row;justify-content:center}}@media only screen and (max-width: 767px){section.projectsBoard .swiper-navigation{margin-top:30px;position:absolute;bottom:0;right:0;width:fit-content;gap:10px}}section.projects{padding:0px 0 clamp(50px,-2.3897rem + 9.804vw,150px);position:relative;pointer-events:none;overflow:hidden}section.projects:before{content:"";position:absolute;top:331px;left:0;width:100%;height:100%;background:#fefaf5;z-index:-1}section.projects>.container{grid-column:var(--columns-3)}section.projects .category-wrap{padding:40px 0;pointer-events:auto}section.projects .category-wrap>.container{display:flex;align-items:center;justify-content:space-between;gap:20px var(--1fr)}section.projects .category-wrap .category-bar{width:100%;max-width:calc(100% - 180px - var(--1fr))}section.projects .category-wrap .btnCommon{width:180px;display:flex;align-items:center;justify-content:center;padding:15px 30px;border-radius:500px;background:#f5ad5b;color:#fff;transition:background .3s}@media only screen and (min-width: 1201px){section.projects .category-wrap .btnCommon:hover{background:#ee3d19}}@media only screen and (max-width: 1200px){section.projects .category-wrap .btnCommon:active{background:#ee3d19}}@media only screen and (min-width: 1201px){section.projects .category-wrap multipurpose-nav[m4-type=drag][theme=white] .drag-container .item:hover .category:after{background:#004884}}@media only screen and (max-width: 1200px){section.projects .category-wrap multipurpose-nav[m4-type=drag][theme=white] .drag-container .item:active .category:after{background:#004884}}section.projects .category-wrap multipurpose-nav[m4-type=drag][theme=white] .drag-container .category:after{background:#f2f2f2}section.projects .category-wrap multipurpose-nav[m4-type=drag] .drag-container .item[data-option=optionSp] .category{color:#fff}section.projects .category-wrap multipurpose-nav[m4-type=drag] .drag-container .item[data-option=optionSp] .category:after{background:#f5ad5b}@media only screen and (min-width: 1201px){section.projects .category-wrap multipurpose-nav[m4-type=drag] .drag-container .item[data-option=optionSp]:hover .category:after{background:#ee3d19}}@media only screen and (max-width: 1200px){section.projects .category-wrap multipurpose-nav[m4-type=drag] .drag-container .item[data-option=optionSp]:active .category:after{background:#ee3d19}}@media only screen and (min-width: 768px){section.projects .category-wrap multipurpose-nav[m4-type=drag] .drag-container .item[data-option=optionSp]{display:none}}@media only screen and (max-width: 900px){section.projects .category-wrap{padding:30px 0 20px}section.projects .category-wrap .btnCommon{padding:10px 20px;width:120px}section.projects .category-wrap .category-bar{width:100%;max-width:calc(100% - 120px - var(--1fr))}}@media only screen and (max-width: 767px){section.projects .category-wrap{padding-bottom:0}section.projects .category-wrap>.container{flex-direction:column}section.projects .category-wrap .category-bar{width:100%;max-width:unset}section.projects .category-wrap .btnCommon{width:100%;display:none}}section.projects .content-wrap{padding-top:clamp(50px,1.4706rem + 2.942vw,80px)}section.projects .content-wrap .content{display:flex;align-items:center;gap:20px calc(var(--1fr) * 2);pointer-events:auto}section.projects .content-wrap .content:not(:last-child){margin-bottom:clamp(50px,-2.3897rem + 9.804vw,150px)}section.projects .content-wrap .content:nth-child(odd){flex-direction:row}section.projects .content-wrap .content:nth-child(odd) .pic-wrap{opacity:0;clip-path:polygon(0 0,0 0,0 100%,0% 100%)}section.projects .content-wrap .content:nth-child(odd) .pic-wrap .pic-box{border-radius:40px 500px 500px 40px}section.projects .content-wrap .content:nth-child(odd) .title-wrap{padding-right:var(--1fr)}section.projects .content-wrap .content:nth-child(2n){flex-direction:row-reverse}section.projects .content-wrap .content:nth-child(2n) .pic-wrap{opacity:0;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}section.projects .content-wrap .content:nth-child(2n) .pic-wrap .pic-box{border-radius:500px 40px 40px 500px}section.projects .content-wrap .content:nth-child(2n) .title-wrap{padding-left:var(--1fr)}section.projects .content-wrap .content:nth-child(odd) .pic-wrap.aost-show,section.projects .content-wrap .content:nth-child(2n) .pic-wrap.aost-show{opacity:1;clip-path:polygon(0 0,100.1% 0,100.1% 100%,0 100%);transition:clip-path .8s .2s ease,opacity .8s .2s ease}section.projects .content-wrap .pic-wrap{width:50%;flex-shrink:0}section.projects .content-wrap .pic-wrap .pic-box:before{padding-top:62.82052%;pointer-events:none}section.projects .content-wrap .pic-wrap .pic-box img{transition:transform .6s ease}@media only screen and (min-width: 1201px){section.projects .content-wrap .pic-wrap:hover img{transform:translate3d(-50%,-50%,0) scale(1.08)}}@media only screen and (max-width: 1200px){section.projects .content-wrap .pic-wrap:active img{transform:translate3d(-50%,-50%,0) scale(1.08)}}section.projects .content-wrap .title-wrap{width:38.46154%;flex-grow:1}section.projects .content-wrap .title-wrap a{display:block;width:fit-content}section.projects .content-wrap .title-wrap .sectionTitle,section.projects .content-wrap .title-wrap .sectionSubtitle,section.projects .content-wrap .title-wrap .paragraph,section.projects .content-wrap .title-wrap .btn-wrap{opacity:0;transform:translateY(40px)}section.projects .content-wrap .title-wrap .sectionTitle{margin-bottom:5px}section.projects .content-wrap .title-wrap .sectionSubtitle{margin:5px 0 40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.projects .content-wrap .title-wrap .paragraph{margin:40px 0;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.projects .content-wrap .title-wrap .btn-wrap{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,180px));gap:20px 30px}section.projects .content-wrap .title-wrap .btn-wrap .more-btn .inner{width:fit-content}section.projects .content-wrap .title-wrap.aost-show .sectionTitle,section.projects .content-wrap .title-wrap.aost-show .sectionSubtitle,section.projects .content-wrap .title-wrap.aost-show .paragraph,section.projects .content-wrap .title-wrap.aost-show .btn-wrap{opacity:1;transform:translateY(0);transition:opacity .6s,transform .6s}section.projects .content-wrap .title-wrap.aost-show .sectionSubtitle{transition-delay:.2s}section.projects .content-wrap .title-wrap.aost-show .paragraph{transition-delay:.4s}section.projects .content-wrap .title-wrap.aost-show .btn-wrap{transition-delay:.6s}@media only screen and (max-width: 1366px){section.projects .content-wrap .content{gap:20px var(--1fr)}section.projects .content-wrap .content:nth-child(odd) .title-wrap{padding-right:20px}section.projects .content-wrap .content:nth-child(2n) .title-wrap{padding-left:20px}}@media only screen and (max-width: 900px){section.projects .content-wrap .content:nth-child(odd),section.projects .content-wrap .content:nth-child(2n){flex-direction:column}section.projects .content-wrap .content:nth-child(odd) .pic-wrap{margin-right:auto}section.projects .content-wrap .content:nth-child(2n) .pic-wrap{margin-left:auto}section.projects .content-wrap .pic-wrap{width:100%}section.projects .content-wrap .title-wrap{width:100%;padding:0 20px}section.projects .content-wrap .title-wrap .sectionSubtitle{margin:10px 0 30px}section.projects .content-wrap .title-wrap .paragraph{margin:30px 0}section.projects .content-wrap .title-wrap .btn-wrap{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:30px}}section.gratitude{position:relative}section.gratitude[color=white] .title-wrap{color:#fff}section.gratitude[color=white] .slide-btn .circle{background:#fff;color:#000}section.gratitude[color=white] .slide-btn .txt{background:#fff3}section.gratitude[color=white] .slide-btn .txt:before{background:#7ac3f3}section.gratitude[color=black] .slide-btn .circle{background:#000;color:#fff}section.gratitude[color=black] .slide-btn .txt{background:#fff}section.gratitude[color=black] .slide-btn .txt:before{background:#7ac3f3}@media only screen and (min-width: 1201px){section.gratitude[color=black] .slide-btn:hover .txt{color:#fff}}@media only screen and (max-width: 1200px){section.gratitude[color=black] .slide-btn:active .txt{color:#fff}}section.gratitude .container{grid-column:var(--columns-3);min-height:700px;padding:60px 0;display:flex;align-items:center;justify-content:center}section.gratitude .title-wrap{max-width:540px;width:100%;text-align:center}section.gratitude .title-wrap a{display:block;width:fit-content;margin:0 auto}section.gratitude .title-wrap .sectionTitle,section.gratitude .title-wrap .sectionSubtitle,section.gratitude .title-wrap .paragraph,section.gratitude .title-wrap .slide-btn{opacity:0;transform:translateY(40px)}section.gratitude .title-wrap .sectionTitle{margin-bottom:10px}section.gratitude .title-wrap .sectionSubtitle{margin:10px 0 40px}section.gratitude .title-wrap .paragraph{margin:40px 0;text-align:center;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.gratitude .title-wrap .slide-btn{margin-top:40px}@media only screen and (min-width: 1201px){section.gratitude .title-wrap .slide-btn:hover .circle{background:#4997f1;color:#fff}}@media only screen and (max-width: 1200px){section.gratitude .title-wrap .slide-btn:active .circle{background:#4997f1;color:#fff}}section.gratitude .title-wrap.aost-show .sectionTitle,section.gratitude .title-wrap.aost-show .sectionSubtitle,section.gratitude .title-wrap.aost-show .paragraph,section.gratitude .title-wrap.aost-show .slide-btn{opacity:1;transform:translateY(0);transition:opacity .6s,transform .6s}section.gratitude .title-wrap.aost-show .sectionSubtitle{transition-delay:.2s}section.gratitude .title-wrap.aost-show .paragraph{transition-delay:.4s}section.gratitude .title-wrap.aost-show .slide-btn{transition-delay:.6s}@media only screen and (min-width: 1921px){section.gratitude .container{min-height:36.4583333333vw}section.gratitude .title-wrap{max-width:28.125vw}}@media only screen and (max-width: 900px){section.gratitude .title-wrap .sectionSubtitle{margin:10px 0 30px}section.gratitude .title-wrap .paragraph{margin:30px 0}section.gratitude .title-wrap .slide-btn{margin-top:30px}}@media only screen and (max-width: 767px){section.gratitude .container{min-height:550px;padding:50px 0}}