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}}.news-card{width:100%}.news-card .pic-wrap{position:relative;padding:0 20px 20px 0}.news-card .pic-box{overflow:hidden;border-radius:20px;border:1px solid #FFFFFF;transition:border-radius .4s,box-shadow .4s}.news-card .pic-box:before{padding-top:100%;border-radius:20px;background:linear-gradient(180deg,#0000 74.63%,#0006 91.75%);position:relative;z-index:1;transition:border-radius .4s;pointer-events:none}.news-card .pic-box img{transition:transform .4s}.news-card .pic-box.default:before{background:none}.news-card .month-box,.news-card .date-box{position:absolute;display:flex}.news-card .date-box{width:100px;height:100px;bottom:0;right:0;border-radius:50%;background:#fff;justify-content:center;align-items:center;font-size:1.875rem;font-weight:700;line-height:1;letter-spacing:0;z-index:2;box-shadow:20px 20px 15px #0000001a;transition:color .5s;overflow:hidden}.news-card .date-box:before{content:"";position:absolute;top:50%;left:50%;width:100%;border-radius:50%;width:100.2%;height:100.2%;background:#4997f1;z-index:-1;transform:translate3d(-50%,-50%,0) scale(0);opacity:0;transition:transform .5s,opacity .5s}.news-card .month-box{width:calc(100% - 20px);height:calc(100% - 20px);top:0;left:0;padding:20px;justify-content:end;align-items:flex-end;color:#fff;font-size:1rem;font-weight:500;line-height:1.3;letter-spacing:.5px;z-index:2;pointer-events:none}.news-card .month-box p{padding-right:75px}.news-card .title-box{display:block;width:100%;padding:0 40px 0 20px;margin-top:15px}.news-card .title-box .itemTitle-ss-bold{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width: 1201px){.news-card:hover .pic-box{border-radius:20px 100px;box-shadow:20px 20px 15px #0000001a}.news-card:hover .pic-box:before{border-radius:20px 100px}.news-card:hover .pic-box img{transform:translate3d(-50%,-50%,0) scale(1.12)}.news-card:hover .date-box{color:#fff;background:transparent;transition:background .1s .4s,color .5s}.news-card:hover .date-box:before{transform:translate3d(-50%,-50%,0) scale(1);opacity:1}}@media only screen and (max-width: 1200px){.news-card:active .pic-box{border-radius:20px 100px;box-shadow:20px 20px 15px #0000001a}.news-card:active .pic-box:before{border-radius:20px 100px}.news-card:active .pic-box img{transform:translate3d(-50%,-50%,0) scale(1.12)}.news-card:active .date-box{color:#fff;background:transparent;transition:background .1s .4s,color .5s}.news-card:active .date-box:before{transform:translate3d(-50%,-50%,0) scale(1);opacity:1}}@media only screen and (max-width: 900px){.news-card .pic-wrap{padding:0 10px 10px 0}.news-card .date-box{width:70px;height:70px;font-size:1.5rem}.news-card .month-box{width:calc(100% - 10px);height:calc(100% - 10px);padding:15px 20px;font-size:.875rem;font-weight:500;letter-spacing:0px}.news-card .month-box p{padding-right:50px}.news-card .title-box{padding:0 30px 0 20px;margin-top:10px}}.project-card{width:100%;align-self:flex-start}.project-card[image-type=rectangle] .pic-wrap .content{padding:30px 40px}.project-card[image-type=rectangle] .pic-box:before{padding-top:62.5%}.project-card[image-type=square] .pic-wrap .content{padding:100px 40px 30px}.project-card[image-type=square] .pic-box:before{padding-top:100%}.project-card .pic-wrap{position:relative;border-radius:20px;transition:box-shadow .4s ease}.project-card .pic-wrap .content{position:absolute;width:100%;height:100%;top:0;left:0;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;gap:min(40px,16.6667%) 0;pointer-events:none;text-align:center}.project-card .pic-wrap .box{width:100%}.project-card .pic-wrap .itemTitle-s-bold,.project-card .pic-wrap .itemSubtitle-s-bold,.project-card .pic-wrap .paragraph,.project-card .pic-wrap .icon{opacity:0;transform:translate3d(0,15px,0)}.project-card .pic-wrap .itemSubtitle-s-bold{margin-top:2.5%}.project-card .pic-wrap .paragraph{width:100%;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-card .deco-paint{position:absolute;right:-20px;bottom:-10px;width:72.9167%;stroke-dasharray:500;stroke-dashoffset:500;pointer-events:none}.project-card .deco-paint svg{width:100%}.project-card .pic-box{overflow:hidden;border-radius:20px;border:1px solid #FFFFFF}.project-card .pic-box:after{position:absolute;content:"";top:0;left:0;width:100.1%;height:100.1%;background:linear-gradient(0deg,#0009 0% 100%);opacity:0;z-index:0;transition:opacity .3s ease;pointer-events:none}.project-card .icon{width:30px;height:30px;position:relative;flex-shrink:0}.project-card .icon:before,.project-card .icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:#fff;z-index:1}.project-card .icon:before{width:14px;height:1px}.project-card .icon:after{width:1px;height:14px}.project-card>.content{padding:0 20px;margin-top:15px}.project-card>.content .itemSubtitle-s-bold{margin-top:5px}.project-card>.content .itemTitle-s-bold,.project-card>.content .itemSubtitle-s-bold{transition:opacity .4s,transform .4s}.project-card .itemTitle-s-bold,.project-card .itemSubtitle-s-bold{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width: 901px) and (min-width: 1201px){.project-card:hover .pic-wrap{box-shadow:20px 20px 15px #0000001a}.project-card:hover .pic-wrap .itemTitle-s-bold,.project-card:hover .pic-wrap .itemSubtitle-s-bold,.project-card:hover .pic-wrap .paragraph,.project-card:hover .pic-wrap .icon{opacity:1;transform:translateZ(0);transition:opacity .4s ease,transform .4s ease}.project-card:hover .pic-wrap .itemTitle-s-bold{transition-delay:.2s}.project-card:hover .pic-wrap .itemSubtitle-s-bold{transition-delay:.4s}.project-card:hover .pic-wrap .paragraph{transition-delay:.6s}.project-card:hover .pic-wrap .icon{transition-delay:.8s}.project-card:hover .pic-box:after{opacity:1}.project-card:hover .deco-paint{animation:solid .6s ease-out 1 forwards}.project-card:hover>.content .itemTitle-s-bold,.project-card:hover>.content .itemSubtitle-s-bold{opacity:0;transform:translate3d(0,-15px,0);transition:opacity .4s ease,transform .4s ease}}@media only screen and (min-width: 901px) and (max-width: 1200px){.project-card:active .pic-wrap{box-shadow:20px 20px 15px #0000001a}.project-card:active .pic-wrap .itemTitle-s-bold,.project-card:active .pic-wrap .itemSubtitle-s-bold,.project-card:active .pic-wrap .paragraph,.project-card:active .pic-wrap .icon{opacity:1;transform:translateZ(0);transition:opacity .4s ease,transform .4s ease}.project-card:active .pic-wrap .itemTitle-s-bold{transition-delay:.2s}.project-card:active .pic-wrap .itemSubtitle-s-bold{transition-delay:.4s}.project-card:active .pic-wrap .paragraph{transition-delay:.6s}.project-card:active .pic-wrap .icon{transition-delay:.8s}.project-card:active .pic-box:after{opacity:1}.project-card:active .deco-paint{animation:solid .6s ease-out 1 forwards}.project-card:active>.content .itemTitle-s-bold,.project-card:active>.content .itemSubtitle-s-bold{opacity:0;transform:translate3d(0,-15px,0);transition:opacity .4s ease,transform .4s ease}}.main-wrapper{overflow:hidden}section.banner{padding-block:clamp(50px,1.4706rem + 2.9412vw,80px);position:relative}section.banner .container{position:relative;grid-column:var(--columns-3);border-radius:20px;background:#f7f7f7;padding:clamp(50px,1.4706rem + 2.942vw,80px) clamp(20px,-3.1618rem + 7.844vw,100px);box-shadow:20px 20px 15px #0000001a;display:flex;flex-direction:column;align-items:center;gap:40px 0}section.banner .container:before,section.banner .container:after{content:"";position:absolute;border-radius:50%;background:#4997f126;z-index:-2;transform:scale(0)}section.banner .container:before{top:calc(clamp(5.9375rem,1.8015rem + 7.3529vw,10.625rem)*-1);left:calc(clamp(7.8125rem,2.5735rem + 9.3137vw,13.75rem)*-1);width:clamp(250px,7.3529rem + 14.7059vw,400px);height:clamp(250px,7.3529rem + 14.7059vw,400px)}section.banner .container:after{right:calc(clamp(30px,1.3235rem + .9804vw,40px)*-1);bottom:clamp(26px,-.4706rem + 3.7255vw,64px);width:clamp(100px,3.4926rem + 4.902vw,150px);height:clamp(100px,3.4926rem + 4.902vw,150px)}section.banner.aost-show .container:before,section.banner.aost-show .container:after{transform:scale(1);transition:transform .6s}section.banner.aost-show .around-circle{opacity:1;transition:opacity .6s}section.banner .around-circle{position:absolute;bottom:calc(clamp(-1.0625rem,-1.5037rem + .7843vw,-.5625rem)*1);right:calc(clamp(36px,-.1765rem + 4.3137vw,80px)*-1);width:clamp(120px,4.1912rem + 5.8824vw,180px);z-index:-1;opacity:0}section.banner .banner-title,section.banner .input-wrap,section.banner .category-bar{max-width:900px;width:100%;margin:0 auto;text-align:center}@media only screen and (min-width: 1921px){section.banner .banner-title,section.banner .input-wrap,section.banner .category-bar{max-width:46.875vw}}section.banner .sectionTitle{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:15px}section.banner .input-wrap{display:flex;align-items:center;gap:20px}section.banner .input-wrap .slide-btn{position:relative;z-index:2;display:block;flex-shrink:0}section.banner .input-wrap .input{width:100%;padding:17px 30px;border-radius:10px;background:#fff;display:flex;align-items:center;gap:10px}section.banner .input-wrap .input input{width:100%;outline:none;border:none;padding:0;font-size:16px;background:transparent;color:#666;transition:.1s;font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:.5px}section.banner .input-wrap .input input::placeholder{font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:.5px;color:#666;opacity:1}section.banner .input-wrap .input input:-ms-input-placeholder{color:#666}section.banner .input-wrap .input input::-ms-input-placeholder{color:#666}section.banner .input-wrap .input .icon{width:0px;height:30px;font-size:14px;display:flex;align-items:center;justify-content:center;color:#000;opacity:0;transition:opacity .1s,width .1s;cursor:pointer;pointer-events:none}section.banner .input-wrap .input .icon i{transform:rotate(45deg)}section.banner .input-wrap .input.typed input{width:calc(100% - 40px)}section.banner .input-wrap .input.typed .icon{width:30px;opacity:1;pointer-events:auto;transition:opacity .1s,width .1s}section.banner .category-bar{position:relative;z-index:1}section.banner .category-bar multipurpose-nav[m4-type=drag].noScrollable .drag-container .wrapper{justify-content:center}@media only screen and (max-width: 1200px){section.banner .container{padding-inline:var(--1fr);gap:30px 0}}@media only screen and (max-width: 900px){section.banner .input-wrap{flex-direction:column}}@media only screen and (max-width: 767px){section.banner .container{padding-inline:20px}}section.result{padding-bottom:clamp(80px,-.5147rem + 9.804vw,180px)}section.result>.container{grid-column:var(--columns-3)}section.result .news{width:100%}section.result .news>.container{display:grid;grid-template-columns:repeat(3,1fr);gap:80px calc(var(--1fr) * 2)}section.result .news .page-btn{margin-top:clamp(50px,1.4706rem + 2.9412vw,80px)}@media only screen and (max-width: 1366px){section.result .news>.container{gap:80px var(--1fr)}}@media only screen and (max-width: 1200px){section.result .news>.container{gap:50px var(--1fr)}}@media only screen and (max-width: 1024px){section.result .news>.container{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 767px){section.result .news>.container{grid-template-columns:repeat(1,1fr);gap:30px var(--1fr)}}section.result .project{width:100%}section.result .project>.container{display:flex;flex-wrap:wrap;gap:80px 0;margin-inline:calc(var(--1fr) * -.5)}section.result .project>.container .project-card{width:33.3333333333%;padding:0 calc(var(--1fr) * .5)}section.result .project .page-btn{margin-top:clamp(50px,1.4706rem + 2.9412vw,80px)}@media only screen and (max-width: 1536px){section.result .project .project-card .icon{display:none}section.result .project .project-card[image-type=square] .pic-wrap .content{padding-top:30px}}@media only screen and (max-width: 1024px){section.result .project>.container{gap:var(--1fr) 0}section.result .project>.container .project-card{width:50%;padding:0 calc(var(--1fr) * .5)}section.result .project .project-card .icon{display:block}section.result .project .project-card[image-type=square] .pic-wrap .content{padding-top:100px}}@media only screen and (max-width: 767px){section.result .project>.container{gap:30 0}section.result .project>.container .project-card{width:100%;padding:0 calc(var(--1fr) * .5)}}