@property --c1{syntax: "<color>"; inherits: true; initial-value: #000;}@property --c2{syntax: "<color>"; inherits: true; initial-value: #000;}.unit-banner{position:relative;--side-fr: 50px}.unit-banner[type=overview] .container{min-height:clamp(28.125rem,19.8529rem + 14.7059vw,37.5rem)}.unit-banner[type=detail] .container{min-height:clamp(21.875rem,19.1176rem + 4.902vw,25rem)}.unit-banner .bg{position:absolute;top:0;left:0;z-index:-1;grid-column:1/-1;width:100%;height:100%}.unit-banner .bg img{width:100%;height:100%;object-fit:cover}.unit-banner .container{padding-bottom:clamp(3.125rem,1.4706rem + 2.9412vw,5rem);padding-left:var(--side-fr);padding-right:var(--side-fr);max-width:calc(1364px + var(--side-fr) * 2);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(18,1fr);align-items:end}.unit-banner .text-box{grid-column:1/-1;display:flex;flex-direction:column;gap:20px;max-width:682px}.unit-banner .text-box[data-theme=light] .block-subtitle,.unit-banner .text-box[data-theme=light] .unit-title{color:#fff}.unit-banner .text-box[data-theme=dark] .block-subtitle{background:linear-gradient(270deg,#00df95 31.98%,#096 68.13%);background-clip:text;-webkit-background-clip:text;color:transparent}.unit-banner .text-box[data-theme=dark] .unit-title{color:#000}@media only screen and (min-width: 1921px){.unit-banner .container{max-width:76.25vw;--side-fr: calc(50 / 1920 * 100vw)}}@media only screen and (max-width: 900px){.unit-banner{--side-fr: 20px}.unit-banner .text-box{grid-column:2/-2}.unit-banner .text-box .block-subtitle{font-size:1rem}}.container{--side-fr: 50px}@media only screen and (max-width: 900px){.container{--side-fr: 20px}}.swiper-next,.swiper-prev{display:flex;justify-content:center;align-items:center;width:50px;height:50px;font-size:12px;border-radius:50px;color:#848484;background-color:#f3f3f3;transition:color .4s;cursor:pointer}.swiper-next:hover,.swiper-prev:hover{color:#12b57f}@media only screen and (max-width: 900px){.swiper-next,.swiper-prev{width:30px;height:30px;font-size:10px}}.share-block{display:flex;justify-content:center;gap:20px 50px}.share-box{display:flex}.share-box>i{font-size:1.25rem}.date-text{margin-right:10px;font-size:1rem}section.detail .container{margin:0 auto;padding:100px var(--side-fr) 80px;max-width:calc(1364px + var(--side-fr) * 2);width:100%}section.detail .container.aost-show .title-box{opacity:1;transform:translateY(0);transition:opacity .5s,transform .5s}section.detail .container.aost-show .img-box{opacity:1;transform:translateY(0);transition:opacity 1s,transform 1s}section.detail .container.aost-show .anchor-box{opacity:1;transform:translateY(0);transition:opacity 1s,transform 1s}section.detail .content{display:flex}section.detail .content:has(.img-box .img){gap:clamp(30px,-1.3393rem + 5.0223vw,75px)}section.detail .content:has(.img-box .img) .title-box{width:55.7185%}section.detail .content:has(.img-box .img) .list-box{display:grid;grid-template-columns:repeat(2,1fr)}section.detail .title-box{padding:clamp(0px,-4.2857rem + 6.6964vw,60px) 0 clamp(60px,.8929rem + 4.4643vw,100px);width:100%;opacity:0;transform:translateY(-50px)}section.detail .category-group{padding-block:10px;width:fit-content;background:linear-gradient(270deg,#00df95 31.98%,#096 68.13%);-webkit-background-clip:text;background-clip:text;color:transparent}section.detail .list-box{padding-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 20px}section.detail .list{max-width:349px;display:flex}section.detail .list:before{margin:12px 10px 0 0;display:block;flex-shrink:0;top:12px;left:0;width:5px;height:5px;border-radius:50px;background:linear-gradient(180deg,#00df95 14.17%,#096 93.33%);content:""}section.detail .img-box{position:relative;flex:1;opacity:0;transform:translateY(-50px)}section.detail .img-box .img{display:block;border-radius:10px;box-shadow:0 0 20px #00000026;overflow:hidden;position:relative}section.detail .img-box .img:before{display:block;width:100%;height:0;padding-bottom:106.9943289225%;content:""}section.detail .img-box .img picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.detail .img-box .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.detail .anchor-box{opacity:0;transform:translateY(-50px)}@media only screen and (min-width: 1025px){section.detail .share-block{position:absolute;right:clamp(-65px,.6434rem - 3.9216vw,-25px);top:50%;transform:translateY(-50%);opacity:1;display:flex;align-items:start;writing-mode:vertical-rl}section.detail .share-block .link-box{padding:22.5px 10px;right:37.5px;top:5px;transform:rotate(-90deg)}section.detail .share-box{align-items:center}section.detail .share-box .date-text{margin-right:0;margin-bottom:10px}section.detail .share-box i{transform:rotate(90deg)}}@media only screen and (max-width: 1024px){section.detail .content{flex-direction:column-reverse;gap:30px}section.detail .content:has(.img-box .img){flex-direction:row}section.detail .content:has(.img-box .img) .img-box .share-block{margin-top:30px}section.detail .content .img-box .share-block{margin-top:0}section.detail .img-box .share-block{margin-top:30px}}@media only screen and (max-width: 900px){section.detail .container{padding:80px var(--side-fr) 65px}section.detail .content{padding-inline:17px}section.detail .content:has(.img-box .img) .list-box{grid-template-columns:1fr}section.detail .anchor-box{padding-inline:17px}section.detail .panel-nav{flex-direction:row;gap:clamp(30px,.9821rem + 3.8095vw,50px)}section.detail .panel-nav .category .plug-decoration:before,section.detail .panel-nav .category .plug-linear:before{width:30px}}@media only screen and (max-width: 768px){section.detail .content:has(.img-box .img){flex-direction:column-reverse}section.detail .content:has(.img-box .img) .title-box{width:100%}section.detail .content:has(.img-box .img) .list-box{grid-template-columns:repeat(2,1fr)}section.detail .content:has(.img-box .img) .img-box .share-block{margin-top:30px}section.detail .content .img-box .share-block{flex-direction:row}section.detail .title-box{width:100%}section.detail .list-box{grid-template-columns:repeat(2,1fr);padding-top:30px}section.detail .img-box{margin:0 auto;width:clamp(450px,15.0907rem + 36.2694vw,520px)}}@media only screen and (max-width: 575px){section.detail .container{padding:60px var(--side-fr) 50px}section.detail .content:has(.img-box .img) .list-box{grid-template-columns:1fr}section.detail .content:has(.img-box .img) .img-box .share-block{flex-direction:column}section.detail .list-box{grid-template-columns:1fr}section.detail .img-box{width:100%}section.detail .panel-nav{gap:15px 25px}section.detail .share-block{gap:20px 30px}}@media only screen and (max-width: 375px){section.detail .content .img-box .share-block{flex-direction:column}}section.article-block .container{margin:0 auto;padding:0 var(--side-fr);max-width:calc(1364px + var(--side-fr) * 2);width:100%}section.article-block .inner{display:grid;grid-template-columns:repeat(18,1fr);padding:80px 0 100px;border-radius:20px;background-color:#f3f3f3}section.article-block .inner>*{grid-column:3/-3}section.article-block .title{margin-bottom:60px;text-align:center;font-size:1.875rem}section.article-block .share-block{padding-top:20px}@media only screen and (max-width: 768px){section.article-block .container{padding:0}section.article-block .inner{padding:50px var(--side-fr) 80px}section.article-block .inner>*{grid-column:1/-1}section.article-block .title{margin-bottom:40px}section.article-block .share-block{flex-direction:column;align-items:center}}section.solution-block .container{margin:0 auto;padding-block:120px;display:grid;grid-template-columns:repeat(18,1fr);max-width:calc(1364px + var(--side-fr) * 2);width:100%}section.solution-block .title{padding:0 var(--side-fr) 50px;grid-column:1/-1;text-align:center}section.solution-block .solution{grid-column:1/-1}section.solution-block .swiper-block{padding-bottom:80px;position:relative}section.solution-block .swiper-block:last-child{padding-bottom:120px}section.solution-block .swiper-block:last-child:before{position:absolute;bottom:0;right:50%;transform:translate(50%);width:calc(100% - var(--side-fr) * 2);height:2px;background-color:#0000001a;content:""}section.solution-block .unit-title{padding-inline:var(--side-fr);display:flex;align-items:center;min-height:50px}section.solution-block .swiper{padding:30px var(--side-fr) 0;position:relative}section.solution-block .swiper .img-box{margin-bottom:40px;border-radius:clamp(4.605px,-.1235rem + 1.1446vw,20px);overflow:hidden;transition:box-shadow .4s}section.solution-block .swiper .img-box .img{display:block;position:relative}section.solution-block .swiper .img-box .img:before{display:block;width:100%;height:0;padding-bottom:62.015503876%;content:""}section.solution-block .swiper .img-box .img picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.solution-block .swiper .img-box .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.solution-block .card-box:hover .img-box{box-shadow:0 0 20px #92f3d3cc}section.solution-block .card-title{font-size:1.5rem;transition:color .4s}section.solution-block .card-title:hover{color:#12b57f}section.solution-block .card-text{margin-top:20px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.solution-block .category-group{margin-top:20px;display:none;padding:10px 20px;width:fit-content;border-radius:10px;color:#12b57f;background-color:#f3f3f3;cursor:pointer;transition:.4s}section.solution-block .category-group:hover{color:#fff;background-color:#333}section.solution-block .btn-group{display:flex;gap:15px;position:absolute;top:0;right:var(--side-fr);z-index:10}section.solution-block .btn-group .swiper-button-lock{display:none}@media only screen and (max-width: 900px){section.solution-block .container{padding-block:100px}section.solution-block .swiper-block{padding-inline:20px}section.solution-block .btn-group{right:calc((100% - var(--side-fr) * 2) / 18);top:25px;transform:translateY(-50%)}}@media only screen and (max-width: 768px){section.solution-block .title{padding-bottom:30px}section.solution-block .unit-title{justify-content:center;min-height:auto}section.solution-block .swiper-block{padding-bottom:130px}section.solution-block .swiper-block:last-child{padding-bottom:130px}section.solution-block .swiper-block:last-child:before{width:calc(100% - var(--side-fr) * 2 - 40px)}section.solution-block .swiper-block:has(.swiper-button-lock){padding-bottom:100px}section.solution-block .swiper{padding:20px var(--side-fr) 0}section.solution-block .swiper .img-box{margin-bottom:30px}section.solution-block .card-title{font-size:1.375rem}section.solution-block .category-group{display:block}section.solution-block .btn-group{top:auto;bottom:50px;right:50%;transform:translate(50%)}}@media only screen and (max-width: 575px){section.solution-block .container{padding-block:80px}section.solution-block .swiper-block{padding-bottom:110px}section.solution-block .swiper-block:last-child{padding-bottom:110px}section.solution-block .swiper-block:has(.swiper-button-lock){padding-bottom:80px}}section.more-block .wrapper{padding-bottom:130px}section.more-block .container{padding-top:120px 0;margin:0 auto;display:grid;grid-template-columns:repeat(18,1fr);max-width:calc(1366px + var(--side-fr) * 2);width:100%}section.more-block .container>*{grid-column:1/-1}section.more-block .title{padding:0 var(--side-fr);text-align:center}section.more-block .swiper-block{padding-inline:20px}section.more-block .swiper{padding-top:50px;padding-inline:30px}section.more-block .card-box:hover .img-box{outline:1px solid #fff;box-shadow:0 0 20px #00000026}section.more-block .card-box .img-box{margin-bottom:20px;border-radius:10px;overflow:hidden;transition:box-shadow .4s}section.more-block .card-box .img-box .img{display:block;position:relative}section.more-block .card-box .img-box .img:before{display:block;width:100%;height:0;padding-bottom:106.9078947368%;content:""}section.more-block .card-box .img-box .img picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.more-block .card-box .img-box .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.more-block .title-box{padding-inline:15px}section.more-block .card-title{position:relative;display:flex;align-items:center;width:fit-content;transition:color .5s;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.more-block .card-title:before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(270deg,#00df95 31.98%,#096 68.13%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transition:opacity .5s;content:attr(data-text)}section.more-block .card-title:hover{color:transparent}section.more-block .card-title:hover:before{opacity:1}section.more-block .category-group{margin-top:10px;display:block;width:fit-content;color:#848484;transition:color .4s}section.more-block .category-group:hover{color:#333}section.more-block .btn-group{margin-top:50px;display:flex;gap:15px;justify-content:center}section.more-block .btn-group .swiper-button-lock{display:none}@media only screen and (max-width: 900px){section.more-block .wrapper{padding-bottom:105px}section.more-block .swiper{padding-top:30px;padding-inline:20px}section.more-block .card-title{font-size:1.25rem}}@media only screen and (max-width: 768px){section.more-block .btn-group{margin-top:40px}}@media only screen and (max-width: 575px){section.more-block .wrapper{padding-bottom:80px}section.more-block .btn-group{margin-top:30px}}
