section.banner.aost-show:after{width:100%}section.banner:after{content:"";width:0%;height:5px;background:#103a9f;display:block;grid-column:1/-1;transition:width 1.2s .3s,opacity 1.2s .3s}section.banner[banner_nav_color=white]{color:#fff}section.banner[banner_nav_color=white] .content-wrap .group .des{color:#fff}section.banner[banner_nav_color=white] .bread-wrap multipurpose-nav .drag-container .category{color:#fff}section.banner[banner_nav_color=white] .bread-wrap multipurpose-nav .item:not(:last-child):after{border-right:1px solid rgba(255,255,255,.2);border-top:1px solid rgba(255,255,255,.2)}section.banner[t-align=left] .content-wrap{align-items:flex-start;text-align:left}section.banner[t-align=center] .content-wrap{align-items:center;text-align:center}section.banner[t-align=right] .content-wrap{align-items:flex-end;text-align:right}section.banner[type=overview] .container,section.banner[type=detail] .container{position:relative;min-height:600px}@media only screen and (max-width: 900px){section.banner[type=overview] .container,section.banner[type=detail] .container{min-height:500px}}section.banner[type=overview] .inner-wrap,section.banner[type=detail] .inner-wrap{grid-column:3/-3;display:flex;flex-direction:column;margin-top:100px}@media only screen and (max-width: 1200px){section.banner[type=overview] .inner-wrap,section.banner[type=detail] .inner-wrap{margin-top:80px}}@media only screen and (max-width: 900px){section.banner[type=overview] .inner-wrap,section.banner[type=detail] .inner-wrap{margin-top:65px}}@media only screen and (max-width: 767px){section.banner[type=overview] .inner-wrap,section.banner[type=detail] .inner-wrap{grid-column:2/-2}}section.banner[type=overview] .content-wrap,section.banner[type=detail] .content-wrap{z-index:1;padding-top:100px;padding-bottom:clamp(1.875rem,3.125vw,3.75rem);display:flex;flex-direction:column;justify-content:flex-end;gap:10px;margin-top:auto}@media only screen and (max-width: 1200px){section.banner[type=overview] .content-wrap,section.banner[type=detail] .content-wrap{padding-top:80px}}@media only screen and (max-width: 900px){section.banner[type=overview] .content-wrap,section.banner[type=detail] .content-wrap{padding-top:65px}}section.banner[type=overview] .content-wrap .title,section.banner[type=detail] .content-wrap .title{max-width:960px}section.banner[type=overview] .content-wrap .des,section.banner[type=detail] .content-wrap .des{color:#666}section.banner[type=overview] .content-wrap .group,section.banner[type=detail] .content-wrap .group{display:flex;flex-direction:column;gap:10px;max-width:960px}section.banner[type=overview] .bg-img,section.banner[type=detail] .bg-img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}section.banner[type=overview] .bg-img img,section.banner[type=detail] .bg-img img{width:100%;height:100%;object-fit:cover}section.banner[type=detail] .bread-wrap{width:100%;font-size:.875rem;font-weight:400;line-height:1.5;z-index:5;position:relative;padding:25px 0}@media only screen and (max-width: 767px){section.banner[type=detail] .bread-wrap{padding:15px 0}}section.banner[type=detail] .bread-wrap multipurpose-nav[m4-type=drag]{width:calc(100% + -0px)}section.banner[type=detail] .bread-wrap multipurpose-nav[m4-type=drag] .drag-container{max-width:100%;padding:0}section.banner[type=detail] .bread-wrap multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:0!important}section.banner[type=detail] .bread-wrap multipurpose-nav[m4-type=drag] .drag-container .navigation{display:none}section.banner[type=detail] .bread-wrap multipurpose-nav[m4-type=drag] .drag-container .category{font-size:.875rem;font-weight:400;line-height:1.5;padding:0}section.banner[type=detail] .bread-wrap .item{flex-shrink:0;display:flex;align-items:center;cursor:auto}section.banner[type=detail] .bread-wrap .item:not(:first-child){margin-left:15px}section.banner[type=detail] .bread-wrap .item:not(:last-child){white-space:nowrap;margin-right:15px}section.banner[type=detail] .bread-wrap .item:not(:last-child):after{content:"";display:inline-block;width:7px;height:7px;border-right:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2);transform:translate(10px,calc(-50% + 4px)) rotate(45deg)}section.banner[type=detail] .bread-wrap .item:last-child p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-line-clamp:1}.common-category{padding:clamp(1.25rem,2.6vw,3.125rem) 0;z-index:2;width:100%}@media only screen and (min-width: 1201px){.common-category[type=anchor] .item:hover .category{color:#000}.common-category[type=anchor] .item:hover .category:after{width:100%}}@media only screen and (max-width: 1200px){.common-category[type=anchor] .item:active .category{color:#000}.common-category[type=anchor] .item:active .category:after{width:100%}}.common-category[type=investorTab]{width:100%;padding:0 0 clamp(1.25rem,2.6vw,3.125rem) 0}.common-category[type=investorTab] multipurpose-nav[m4-type=collapse] .drag-container{justify-content:center}.common-category[type=investorTab] multipurpose-nav[m4-type=collapse] .drag-container .category:after{background-color:#00d9bc}.common-category[type=investorTab] multipurpose-nav[m4-type=collapse] .collapse-container .item:after{background-color:#00d9bc}.common-category multipurpose-nav[m4-type=collapse] .drag-container .open-collapse{padding-left:clamp(1.25rem,1.56vw,1.875rem);padding-right:20px;width:65px;justify-content:flex-end}@media only screen and (max-width: 767px){.common-category multipurpose-nav[m4-type=collapse] .drag-container .open-collapse{width:45px;padding-right:0;padding-left:0}}.common-category multipurpose-nav[m4-type=collapse] .drag-container .collapse-placeholder{font-size:1rem;font-weight:700;line-height:1.6;padding-top:0;padding-bottom:0;max-height:25.59px}@media only screen and (max-width: 767px){.common-category multipurpose-nav[m4-type=collapse] .drag-container .collapse-placeholder{padding-left:20px}}.common-category multipurpose-nav[m4-type=collapse] .drag-container .open-collapse{transform:translateY(-4px)}.common-category multipurpose-nav[m4-type=collapse] .drag-container .open-collapse:before{content:"";font-family:icomoon!important;font-size:.75rem;border-style:none;border-width:unset;height:unset;width:25px}.common-category multipurpose-nav[m4-type=collapse] .drag-container{max-width:100%}.common-category multipurpose-nav[m4-type=collapse] .drag-container .item.active .category{color:#000}.common-category multipurpose-nav[m4-type=collapse] .drag-container .wrapper{gap:10px clamp(1.875rem,2.6vw,3.125rem)!important;margin-bottom:-8px;padding:0}.common-category multipurpose-nav[m4-type=collapse] .drag-container .category{padding:0 0 8px;font-size:1rem;font-weight:600;line-height:1.6;letter-spacing:unset;color:#666}.common-category multipurpose-nav[m4-type=collapse] .drag-container .category:after{left:0;right:unset;background-color:#0041ff;height:3px}.common-category multipurpose-nav[m4-type=collapse] .collapse-container{max-width:calc(100% - 20px);padding:clamp(.9375rem,2.08vw,2.5rem) clamp(1.25rem,2.08vw,2.5rem);border:unset;border-radius:5px;box-shadow:0 3px 10px #00000026;background:#fff;margin-top:20px}@media only screen and (max-width: 767px){.common-category multipurpose-nav[m4-type=collapse] .collapse-container{max-width:100%;padding-right:8px}}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .wrapper{gap:clamp(1.25rem,1.56vw,1.875rem) 50px;margin:0}@media only screen and (max-width: 767px){.common-category multipurpose-nav[m4-type=collapse] .collapse-container .wrapper{align-items:flex-start;flex-wrap:nowrap;flex-direction:column}}@media only screen and (max-width: 767px){.common-category multipurpose-nav[m4-type=collapse] .collapse-container .wrapper{max-height:300px;overflow-y:scroll}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .wrapper::-webkit-scrollbar{width:2px;height:8px;background-color:transparent}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .wrapper::-webkit-scrollbar-thumb{background:#0003}}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .item{margin:0;border-radius:0;background:transparent;border:unset;position:relative;text-align:left;padding:0}@media only screen and (max-width: 767px){.common-category multipurpose-nav[m4-type=collapse] .collapse-container .item{max-width:calc(100% - 12px)}}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .item .category{color:#666;transition:color .4s}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .item:after{content:"";width:0%;height:3px;background:#0041ff;display:block;position:absolute;bottom:-5px;left:0;transition:width .4s}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .item.active .category{color:#000}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .item.active:after{width:100%}section.capabilityContact .container{padding:0px calc(var(--1fr) * 3);display:flex;align-items:center;gap:30px calc(var(--1fr) * 2)}@media only screen and (max-width: 1200px){section.capabilityContact .container{padding:0}}@media only screen and (max-width: 767px){section.capabilityContact .container{flex-direction:column;padding:50px 0}}section.capabilityContact .pic-wrap{width:50%;padding:0 var(--1fr) var(--1fr) 0;flex-shrink:0}section.capabilityContact .pic-wrap .pic-box:after{padding-top:83.33334%}section.capabilityContact .pic-wrap .pic-box:before{content:"";width:100%;height:100%;position:absolute;right:calc(var(--1fr) * -1);bottom:calc(var(--1fr) * -1);background-image:url(../../assets/img/capability_quality/pic_06-1_900x750.jpg);background-size:cover;background-position:center}@media only screen and (max-width: 767px){section.capabilityContact .pic-wrap{width:100%}section.capabilityContact .pic-wrap .pic-box:after{padding-top:83.60656%}}section.capabilityContact .title-wrap .paragraph{margin:15px 0 35px}@media only screen and (max-width: 900px){section.capabilityContact .title-wrap .paragraph{margin:15px 0 30px}}section:not(.banner).capabilityMore{overflow:hidden}section:not(.banner).capabilityMore .container{max-width:1540px;padding:150px 0}@media only screen and (max-width: 1200px){section:not(.banner).capabilityMore .container{padding:100px 0}}@media only screen and (max-width: 767px){section:not(.banner).capabilityMore .container{padding:50px 0}}section:not(.banner).capabilityMore .title-group{max-width:1320px;margin:0 auto}section:not(.banner).capabilityMore .swiper-wrap{position:relative}section:not(.banner).capabilityMore .swiper-wrap .swiper-box{width:calc(100% - (100px + clamp(1.875rem,3.125vw,3.75rem)*2));margin:0 auto}@media only screen and (max-width: 900px){section:not(.banner).capabilityMore .swiper-wrap .swiper-box{width:100%}}section:not(.banner).capabilityMore .swiper-wrap .swiper-box .swiper{margin-top:35px;width:calc(100% + 60px);transform:translate(-30px)}section:not(.banner).capabilityMore .swiper-wrap .swiper-box .swiper .swiper-slide{width:33.33%!important;padding:0 30px}@media only screen and (max-width: 1200px){section:not(.banner).capabilityMore .swiper-wrap .swiper-box .swiper .swiper-slide{width:50%!important}}@media only screen and (max-width: 767px){section:not(.banner).capabilityMore .swiper-wrap .swiper-box .swiper .swiper-slide{width:100%!important}}section:not(.banner).capabilityMore .swiper-wrap .swiper-button{width:50px;height:50px;border-radius:50%;background:var(--line-black-20, rgba(0, 0, 0, .2));transition:background .4s,color .4s}section:not(.banner).capabilityMore .swiper-wrap .swiper-button i{font-size:1.125rem}@media only screen and (max-width: 1200px){section:not(.banner).capabilityMore .swiper-wrap .swiper-button{width:35px;height:35px}section:not(.banner).capabilityMore .swiper-wrap .swiper-button i{font-size:.75rem}}@media only screen and (min-width: 1201px){section:not(.banner).capabilityMore .swiper-wrap .swiper-button:hover{background:#000;color:#fff}}@media only screen and (max-width: 1200px){section:not(.banner).capabilityMore .swiper-wrap .swiper-button:active{background:#000;color:#fff}}section:not(.banner).capabilityMore .swiper-wrap .swiper-arrow{display:flex;justify-content:space-between;width:calc(100% + 0px);position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - clamp(3.125rem,4.16vw,5rem)));z-index:9}@media only screen and (max-width: 900px){section:not(.banner).capabilityMore .swiper-wrap .swiper-arrow{position:relative;justify-content:center;top:unset;left:unset;transform:translate(0);margin-top:30px;gap:0 20px}}@media only screen and (max-width: 900px){section:not(.banner).capabilityMore .swiper-wrap .swiper-arrow{transform:translate(0)}}section:not(.banner).capabilityMore .capability-list-box{margin-top:35px}@media only screen and (max-width: 1200px){section:not(.banner).capabilityMore .capability-list-box .swiper-slide.swiper-slide-active .item .content-wrap .row[type=title]:after{width:100%}}@media only screen and (min-width: 1201px){section:not(.banner).capabilityMore .capability-list-box .swiper-slide .item:hover .img-box{box-shadow:15px 15px 20px #00000040}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .item:hover .content-wrap .row[type=title]:after{width:100%}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .item:hover .content-wrap .row[type=des]{opacity:1}}@media only screen and (max-width: 1200px){section:not(.banner).capabilityMore .capability-list-box .swiper-slide .item:active .img-box{box-shadow:15px 15px 20px #00000040}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .item:active .content-wrap .row[type=title]:after{width:100%}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .item:active .content-wrap .row[type=des]{opacity:1}}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .img-box{transition:box-shadow .4s}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .img-box .pic-box{display:block}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .img-box .pic-box:after{padding-top:75%}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .content-wrap{text-align:left;margin-top:20px}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .content-wrap .row{display:flex;align-items:center;justify-content:space-between}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .content-wrap .row[type=title]{gap:0 30px;padding-bottom:20px;position:relative}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .content-wrap .row[type=title]:after,section:not(.banner).capabilityMore .capability-list-box .swiper-slide .content-wrap .row[type=title]:before{content:"";display:block;transition:width .8s;position:absolute;bottom:0;height:3px}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .content-wrap .row[type=title]:before{background:#0003;width:50px}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .content-wrap .row[type=title]:after{width:0%;background:#0041ff}@media only screen and (max-width: 1200px){section:not(.banner).capabilityMore .capability-list-box .swiper-slide .content-wrap .row[type=title]:after{transition-delay:.5s}}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .content-wrap .row[type=title] .pic-box{width:60px}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .content-wrap .row[type=title] .pic-box:after{padding-top:100%}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .content-wrap .row[type=des]{gap:0 35px;margin-top:20px;opacity:0;transition:opacity .8s}@media only screen and (max-width: 1200px){section:not(.banner).capabilityMore .capability-list-box .swiper-slide .content-wrap .row[type=des]{opacity:1}}section:not(.banner).capabilityMore .capability-list-box .swiper-slide .des{color:#666;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}:root{--swiper-theme-color: #0041FF}section:not(.banner){--1fr: 3.125vw }section:not(.banner) .container{grid-column:3/-3;max-width:1680px;width:100%;margin:0 auto}section:not(.banner) .grey{color:#666}section:not(.banner) .blue{color:#0041ff}@media only screen and (min-width: 1921px){section:not(.banner){--1fr: 60px}}@media only screen and (max-width: 767px){section:not(.banner){--1fr: calc((100vw - 40px)*.1) }section:not(.banner) .container{grid-column:2/-2}}.common-category multipurpose-nav[m4-type=collapse] .drag-container{justify-content:center}section.materials .container{padding:150px calc(var(--1fr) * 3);background:#f7f7f7;display:flex;gap:30px calc(var(--1fr) * 2)}@media only screen and (max-width: 1200px){section.materials .container{padding:100px calc(var(--1fr) * 2)}}@media only screen and (max-width: 900px){section.materials .container{flex-direction:column}}@media only screen and (max-width: 767px){section.materials .container{width:calc(100% + 40px);margin-left:-20px;padding:50px 20px}}section.materials .title-wrap{width:27.27273%}section.materials .title-wrap .icon{width:100px;height:100px;background:#0041ff;display:flex;align-items:center;justify-content:center}section.materials .title-wrap .icon img{width:auto;height:auto;max-width:50px;max-height:50px;object-fit:contain}section.materials .title-wrap .section-blk-title{margin:20px 0 15px}@media only screen and (max-width: 900px){section.materials .title-wrap{width:100%}}section.materials .content{width:63.63637%;display:grid;grid-template-columns:repeat(2,1fr);gap:40px var(--1fr)}section.materials .content .box{width:100%;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.2)}section.materials .content .box:has(.paragraph) .item-title-s{margin-bottom:10px}@media only screen and (max-width: 900px){section.materials .content{width:100%;grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width: 767px){section.materials .content{gap:50px var(--1fr)}}section.laboratory .container{padding:150px calc(var(--1fr) * 3)}@media only screen and (max-width: 1200px){section.laboratory .container{padding:100px 0}}@media only screen and (max-width: 767px){section.laboratory .container{padding:50px 0}}section.laboratory .title-wrap{max-width:800px;width:100%;margin:0 auto;text-align:center}section.laboratory .title-wrap .paragraph{margin-top:15px}section.laboratory .content{margin-top:35px;display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:50px var(--1fr)}section.laboratory .content .wrap{width:100%}section.laboratory .content .pic-box:after{padding-top:100%}section.laboratory .content .text-box{margin-top:20px;text-align:center}section.laboratory .content .text-box .paragraph{padding-top:10px;margin-top:10px;border-top:1px solid rgba(0,0,0,.2)}section.laboratory .content .swiper-box{width:100%}section.laboratory .content .swiper-box .swiper-pagination{position:static;transform:none;margin:20px auto 0}section.laboratory .content .swiper-box .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,section.laboratory .content .swiper-box .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,section.laboratory .content .swiper-box .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,section.laboratory .content .swiper-box .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.75)}@media only screen and (max-width: 767px){section.laboratory .content{margin-top:30px}section.laboratory .content .text-box .paragraph{text-align:left}}section.rd .container{padding-bottom:150px}section.rd .container>.pic-box:after{padding-top:41.66667%}@media only screen and (max-width: 1200px){section.rd .container{padding-bottom:100px}}@media only screen and (max-width: 767px){section.rd .container{padding-bottom:50px}section.rd .container>.pic-box{width:calc(100% + 40px);margin-left:-20px}section.rd .container>.pic-box:after{padding-top:106.6667%}}section.rd .content{padding:0px calc(var(--1fr) * 3);margin-top:20px}@media only screen and (max-width: 1200px){section.rd .content{padding:0}}section.rd .title-wrap{width:50%;margin-bottom:35px}@media only screen and (max-width: 767px){section.rd .title-wrap{width:100%;margin-bottom:30px}}section.rd .rd-box:not(:last-child){margin-bottom:80px}section.rd .rd-box .title-box{display:flex;justify-content:space-between;gap:3.78788%}section.rd .rd-box .text{width:70.45455%;margin-top:11.5px}section.rd .rd-box .text .paragraph{margin-top:15px}section.rd .rd-box .icon-box{width:25.75758%;display:flex;align-items:center;gap:10px;align-self:flex-start}section.rd .rd-box .icon-box:before{content:"";display:block;width:100%;height:2px;background-image:linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 20%,transparent 20%);background-size:12px 2px;background-repeat:repeat-x}section.rd .rd-box .icon-box .icon{width:100px;height:100px;background:#f7f7f7;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}section.rd .rd-box .icon-box .icon img{width:auto;height:auto;max-width:60px;max-height:60px;object-fit:contain}section.rd .rd-box .list-box{display:grid;grid-template-columns:repeat(2,1fr);gap:40px calc(var(--1fr) * 2);margin-top:35px}section.rd .rd-box .list-box .item{padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.2)}section.rd .rd-box .list-box .paragraph{margin-top:10px}@media only screen and (max-width: 1200px){section.rd .rd-box:not(:last-child){margin-bottom:65px}section.rd .rd-box .icon-box .icon{width:90px;height:90px}section.rd .rd-box .icon-box .icon img{max-width:50px;max-height:50px}section.rd .rd-box .list-box{gap:40px var(--1fr)}}@media only screen and (max-width: 900px){section.rd .rd-box .list-box{grid-template-columns:repeat(1,1fr);gap:50px var(--1fr);margin-top:30px}}@media only screen and (max-width: 767px){section.rd .rd-box:not(:last-child){margin-bottom:50px}section.rd .rd-box .title-box{gap:20px}section.rd .rd-box .text{width:calc(100% - 100px);margin-top:0}section.rd .rd-box .icon-box{width:21.3333%;flex:1}section.rd .rd-box .icon-box .icon{width:80px;height:80px}section.rd .rd-box .icon-box .icon img{max-width:40px;max-height:40px}}@media only screen and (max-width: 600px){section.rd .rd-box .icon-box{flex-direction:column-reverse;align-self:stretch}section.rd .rd-box .icon-box:before{width:2px;height:100%;background-image:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 20%,transparent 20%);background-size:2px 12px;background-repeat:repeat-y}}
