.inno-way{padding:40px 0}
.inno-way__text{max-width:811px}
.inno-way__inner{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between}
.inno-way__intro-left{width:30%;font-size:16px;color:#000000}
.inno-way__intro-left li{margin-left:15px;margin-bottom:2px}
.inno-way__media{position:relative;width:67%;/* transform: scale(0.9); */}
.inno-way__rings{position:relative;min-height:650px;max-width:860px;margin:0 auto}
.inno-way__rings::after{content:"";background:url(../images/bong.png) no-repeat center center;position:absolute;bottom:0;left:0;width:100%;height:30px}
a.inno-way__cta{color:#979595;font-size:16px;display:flex;justify-content:flex-end;gap:15px;margin-bottom:70px}
.inno-way__rings .way-ring{opacity:0;transform:translateY(28px);transition:transform 380ms ease,opacity 380ms ease;transform-origin:center;backface-visibility:hidden;will-change:transform}
.inno-way__rings .way-ring{pointer-events:none}
.inno-way__rings .way-ring__text,.inno-way__rings .way-ring__badge{pointer-events:auto}
.inno-way .way-ring::before,.inno-way .way-ring::after{pointer-events:none}
.way-ring__img{pointer-events:none}
.inno-way.active .inno-way__rings .way-ring{opacity:1;transform:translateY(0);position:relative}
.inno-way.active .inno-way__rings .way-ring:has(.way-ring__text:hover),.inno-way.active .inno-way__rings .way-ring:has(.way-ring__badge:hover){transform:translateY(0) scale(1.1);pointer-events:auto}
.inno-way.active .way-ring--5{transition-delay:0ms}
.inno-way.active .way-ring--4{transition-delay:300ms}
.inno-way.active .way-ring--3{transition-delay:600ms}
.inno-way.active .way-ring--2{transition-delay:900ms}
.inno-way.active .way-ring--1{transition-delay:1200ms}
.inno-way .way-ring--5::before{content:"";background:url(../images/line1.svg) no-repeat;position:absolute;top:475px;left:190px;width:68px;height:73px;z-index:3}
.inno-way .way-ring--5::after{content:"";background:url(../images/line2.svg) no-repeat;position:absolute;top:481px;right:190px;width:58px;height:23px;z-index:3}
.inno-way .way-ring--4::before{content:"";background:url(../images/line3.svg) no-repeat;position:absolute;top:400px;left:190px;width:62px;height:24px;z-index:3}
.inno-way .way-ring--4::after{content:"";background:url(../images/line4.svg) no-repeat;position:absolute;top:394px;right:190px;width:73px;height:69px;z-index:3}
.inno-way .way-ring--3::before{content:"";background:url(../images/line5.svg) no-repeat;position:absolute;top:289px;left:190px;width:68px;height:74px;z-index:3}
.inno-way .way-ring--3::after{content:"";background:url(../images/line6.svg) no-repeat;position:absolute;top:304px;right:190px;width:58px;height:24px;z-index:3}
.inno-way .way-ring--2::before{content:"";background:url(../images/line7.svg) no-repeat;position:absolute;top:205px;left:190px;width:62px;height:25px;z-index:3}
.inno-way .way-ring--2::after{content:"";background:url(../images/line8.svg) no-repeat;position:absolute;top:207px;right:190px;width:73px;height:70px;z-index:3}
.inno-way .way-ring--1::before{content:"";background:url(../images/line9.svg) no-repeat;position:absolute;top:85px;left:180px;width:55px;height:60px;z-index:3;background-size:contain}
.inno-way .way-ring--1::after{content:"";background:url(../images/line10.svg) no-repeat;position:absolute;top:78px;right:190px;width:58px;height:25px;z-index:3;background-size:contain}
.way-ring__text{position:absolute;font-size:14px;line-height:1.5;color:#000000;max-width:177px;font-weight:500;cursor:pointer}
.way-ring__text--left{left:0px;text-align:right}
.way-ring__text--right{right:0px}
.way-ring__img{position:absolute;top:0%;left:50%;transform:translateX(-50%) scale(0.9);width:100%;height:auto;max-width:500px}
.inno-way__rings.active .way-ring--5{z-index:1}
.inno-way__rings.active .way-ring--4{z-index:2}
.inno-way__rings.active .way-ring--3{z-index:3}
.inno-way__rings.active .way-ring--2{z-index:4}
.inno-way__rings.active .way-ring--1{z-index:5}
.way-ring__badge{position:absolute;left:-30px;width:32px;height:32px;border-radius:999px;background:#fff;color:#000000;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(0,0,0,.12)}
.way-ring--1 .way-ring__badge{top:45px;left:174px}
.way-ring--2 .way-ring__badge{top:176px;right:174px;left:auto}
.way-ring--3 .way-ring__badge{top:264px;left:174px}
.way-ring--4 .way-ring__badge{top:368px;right:174px;left:auto}
.way-ring--5 .way-ring__badge{top:456px;left:174px}
.way-ring__arrow{position:absolute;width:34px;height:60px;z-index:1000;pointer-events:none;opacity:0;transform:translateY(28px);transition:transform 380ms ease,opacity 380ms ease}
.inno-way.active .way-ring__arrow{opacity:1;transform:translateY(0);animation:innoArrowSeq 5s ease-in-out infinite}
.way-ring__arrow--2{top:182px;left:266px;background:url(../images/push4.svg) no-repeat center center;background-size:100% 100%}
.way-ring__arrow--3{top:292px;right:268px;background:url(../images/push3.svg) no-repeat center center;background-size:100% 100%}
.way-ring__arrow--4{top:378px;left:266px;background:url(../images/push2.svg) no-repeat center center;background-size:100% 100%}
.way-ring__arrow--5{top:460px;right:266px;background:url(../images/push1.svg) no-repeat center center;background-size:100% 100%}
.inno-way.active .way-ring__arrow--1{transition-delay:1200ms;animation-delay:0s}
.inno-way.active .way-ring__arrow--2{transition-delay:900ms;animation-delay:-1s}
.inno-way.active .way-ring__arrow--3{transition-delay:600ms;animation-delay:-2s}
.inno-way.active .way-ring__arrow--4{transition-delay:300ms;animation-delay:-3s}
.inno-way.active .way-ring__arrow--5{transition-delay:0ms;animation-delay:-4s}
.inno-way.active .way-ring__arrow{will-change:transform}
@keyframes innoArrowSeq{0%{transform:translateY(0)}4%{transform:translateY(-6px)}8%{transform:translateY(0)}100%{transform:translateY(0)}}
.inno-way__rings.active .way-ring--1 .way-ring__text{top:75px}
.inno-way__rings.active .way-ring--2 .way-ring__text{top:200px}
.inno-way__rings.active .way-ring--3 .way-ring__text{top:296px}
.inno-way__rings.active .way-ring--4 .way-ring__text{top:394px}
.inno-way__rings.active .way-ring--5 .way-ring__text{top:476px}
.inno-way__rings.active .way-ring--1 .way-ring__text.way-ring__text--right{color:#0FC191}
.inno-way__rings.active .way-ring--2 .way-ring__text.way-ring__text--left{color:#3DD1DB}
.inno-way__rings.active .way-ring--3 .way-ring__text.way-ring__text--right{color:#12B2EE}
.inno-way__rings.active .way-ring--4 .way-ring__text.way-ring__text--left{color:#1464BB}
.inno-way__rings.active .way-ring--5 .way-ring__text.way-ring__text--right{color:#0F4686}
@media(max-width:900px){.inno-way .way-ring--1::before{top:34px;left:89px;width:30px;height:30px;background-size:contain}.inno-way .way-ring--1::after{top:20px;right:84px;width:34px;height:18px;background-size:contain}}
@media(max-width:900px){.inno-way .way-ring--2::before{top:81px;left:74px;width:40px;height:25px;background-size:contain}.inno-way .way-ring--2::after{top:87px;right:85px;width:30px;height:30px;background-size:contain}.inno-way .way-ring--3::before{top:130px;left:89px;width:30px;height:30px;background-size:contain}.inno-way .way-ring--3::after{top:125px;right:84px;width:30px;height:24px;background-size:contain}.inno-way .way-ring--4::before{top:175px;left:84px;width:30px;height:24px;background-size:contain}.inno-way .way-ring--4::after{top:175px;right:80px;width:30px;height:30px;background-size:contain}.inno-way .way-ring--5::before{top:230px;left:88px;width:30px;height:30px;background-size:contain;transform:rotate(300deg)}.inno-way .way-ring--5::after{top:227px;right:103px;width:30px;height:23px;background-size:contain}}
@media(max-width:900px){.inno-way__rings.active .way-ring--1 .way-ring__text{top:0px}.way-ring__text{font-size:9px;max-width:85px}.inno-way__rings{transform:none}.way-ring__img{transform:translateX(-50%) scale(.6);transform-origin:top center}.way-ring__badge{width:28px;height:28px;font-size:11px}.way-ring__arrow{width:28px;height:50px}}
@media(max-width:900px){.inno-way__rings.active .way-ring--2 .way-ring__text{top:65px}.inno-way__rings.active .way-ring--3 .way-ring__text{top:115px}.inno-way__rings.active .way-ring--4 .way-ring__text{top:173px}.inno-way__rings.active .way-ring--5 .way-ring__text{top:229px}}
@media(max-width:900px){.way-ring__arrow{width:34px;height:60px;background-size:50%}}
@media(max-width:900px){.way-ring__arrow--5{top:190px;right:134px}.way-ring__arrow--4{top:148px;left:110px}.way-ring__arrow--3{top:110px;right:126px}.way-ring__arrow--2{top:57px;left:120px}}
@media(max-width:900px){.way-ring--5 .way-ring__badge{top:253px;left:90px}.way-ring--4 .way-ring__badge{top:151px;right:78px;left:auto}.way-ring--3 .way-ring__badge{top:124px;left:89px}.way-ring--2 .way-ring__badge{top:59px;right:81px;left:auto}.way-ring--1 .way-ring__badge{top:0px;left:87px}.way-ring__badge{width:28px;height:28px;font-size:11px;z-index:99}}
@media(max-width:900px){.inno-way__rings{min-height:270px;max-width:390px}.inno-way{padding:10px 0px}}
@media(max-width:900px){.inno-way__title{font-size:28px}}
@media(max-width:900px){.inno-way__rings{min-height:250px;max-width:390px}.inno-way{padding:10px 0px}}
@media(max-width:900px){.inno-way__rings{min-height:320px;max-width:390px}.inno-way__intro-left,.inno-way__media {width: 100%;}}
.inno-way .inno-plus-overlay{position:absolute;top:10%;left:50%;transform:translateX(-50%) translateY(10px);z-index:2000;pointer-events:none;opacity:0;transition:opacity 380ms ease,transform 380ms ease}
.inno-way.active .inno-plus-overlay{opacity:1;transform:translateX(-50%) translateY(0);transition-delay:1200ms}
.inno-plus-btn{width:42px;height:42px;border-radius:999px;border:0;background:#ffffff;box-shadow:0 8px 24px rgba(0,0,0,.16);color:#000;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:transform .25s ease,box-shadow .25s ease;margin:0px;padding:0px;min-height:auto}
.inno-plus-overlay.is-active .inno-plus-btn{transform:rotate(45deg)}
.inno-plus-input{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(10px);width:min(80vw,480px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
.inno-plus-overlay.is-open .inno-plus-input{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto;transition-delay:0s}
.inno-plus-field{width:100%;height:44px;border-radius:10px;border:1px solid #D8D8D8;padding:0 14px;font-size:16px;outline:none;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.08)}
@media(max-width:900px){a.inno-way__cta{margin-bottom:10px}.inno-way__rings::after{display:none}.inno-plus-btn{width:30px;height:30px;font-size:20px}.inno-way .inno-plus-overlay{top:3%}}
.inno-way__rings .way-ring__text{transition:opacity .25s ease,transform .25s ease}
.inno-way__rings .way-ring::before,.inno-way__rings .way-ring::after{transition:opacity .25s ease,transform .25s ease}
.inno-way__rings .way-ring__badge{transition:opacity .25s ease,transform .25s ease}
.inno-way__rings.is-text-hidden .way-ring__text{opacity:0;transform:translateY(6px);pointer-events:none}
.inno-way__rings.is-text-hidden .way-ring::before,.inno-way__rings.is-text-hidden .way-ring::after{opacity:0;transform:translateY(6px);pointer-events:none}
.inno-way__rings.is-text-hidden .way-ring__badge{opacity:0;transform:translateY(6px);pointer-events:none}
.inno-vmv .inno-wrap{padding:50px 0}
.inno-vmv {background: linear-gradient(169deg, #ffffff 70%, #ECFCD7 100%);box-shadow: 0 -4px 15px 0 rgba(0, 0, 0, 0.1);}
.inno-vm__title{font-size:18px;font-weight:400;color:#6C6868;text-transform: uppercase;}
.inno-vm__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:stretch}
.inno-vm__vision{border-left:6px solid #D8D8D8;padding-left:20px}
.inno-vm__mission{border-left:6px solid #D8D8D8;padding-left:20px}
.inno-vm__heading{font-size:30px;font-weight:700;color:#000;margin-bottom:10px}
.inno-vm__desc{font-size:18px;color:#5C5C5C;line-height:1.6}
.inno-vm__list{margin:0;padding-left:18px}
.inno-vm__list li{margin-bottom:6px;color:#000;font-size:16px}
.inno-values__title{font-size:18px;font-weight:400;color:#6C6868;margin:50px 0 20px;text-transform: uppercase;}
.inno-values__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.inno-value__title{font-size:28px;font-weight:700;color:#000;margin-bottom:8px}
.inno-value__desc{font-size:18px;color:#5C5C5C;line-height:1.6}
@media(max-width:900px){.inno-vm__grid{grid-template-columns:1fr;gap:16px}.inno-vm__vision{border-left:0;padding-left:0}.inno-vm__mission{border-left:0;padding-left:0;border-top:2px solid #D8D8D8;padding-top:16px}.inno-values__grid{grid-template-columns:repeat(1,1fr)}}
.inno-what{padding:50px 0}
.inno-what__grid{display:flex;gap:30px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.inno-what__content{flex:1 1 47%}
.inno-what__media{flex:1 1 50%;text-align:right}
.inno-what__media img{max-width:100%;height:auto}
.inno-what__head {max-width: 1021px;}
.inno-what__title p {margin-bottom: 0px;}
.inno-what__title{font-size:40px;font-weight:800;line-height:1.2;margin-bottom:8px}
.inno-what__subtitle{font-size:40px;font-weight:800;color:#000;margin-bottom:30px}
.inno-what__intro{font-size:18px;color:#000;line-height:1.6;margin-bottom:8px}
.inno-what__list, .inno-what__intro ul{margin:0 0 16px 18px}
.inno-what__list li, .inno-what__intro ul li{font-size:18px;color:#000;line-height:1.6;margin-bottom:4px;font-weight: 600;}
.inno-what .is-brand{color:#1464BB}
.inno-what .is-accent{color:#0FC191}
@media(max-width:900px){.inno-what__content{flex:1 1 100%}.inno-what__media{flex:1 1 100%;text-align:center}}
.inno-diff .inno-wrap{padding:50px 0}
.inno-diff__title{font-size:28px;font-weight:800;line-height:1.2;margin-bottom:8px}
.inno-diff__subtitle{font-size:28px;font-weight:800;color:#000;margin-bottom:24px}
.inno-diff__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:start}
.inno-diff__icon{margin-bottom:12px}
.inno-diff__icon img{width:124px;height:124px;object-fit:contain}
.inno-diff__item-title{font-size:15px;font-weight:700;color:#000;margin-bottom:8px}
.inno-diff__item-desc{font-size:18px;color:#000;line-height:1.6}
.inno-diff .is-brand{color:#1464BB}
.inno-diff .is-accent{color:#0FC191}
@media(max-width:900px){.inno-diff__grid{grid-template-columns:repeat(1,1fr)}.inno-vm__heading{font-size:22px}.inno-vmv .inno-wrap{padding:15px 0}.inno-value__title,.inno-what__title,.inno-what__subtitle{font-size:24px}.inno-what__subtitle br{display:none}.inno-diff__icon {text-align: center;}}