/* sic - AI CC / FillOne / visible ARS style, copied from kingfax / aiocr */
/* sic - COMMUNICATION AX point colors from PSD #56cdff / #bee3ff */
._solution.aicc .subVis,
._solution.fillone .subVis,
._solution.ars .subVis{
    background-image: url('/asset/img/sub/solution/communication_Ax/subVis_bg.png');
}
._solution.aicc .subVis .titArea h1,
._solution.fillone .subVis .titArea h1,
._solution.ars .subVis .titArea h1{
    background-image: linear-gradient(90deg, #56cdff, #bee3ff);
}
._solution.aicc .btns .btn:nth-child(1),
._solution.fillone .btns .btn:nth-child(1),
._solution.ars .btns .btn:nth-child(1){
    background: linear-gradient(90deg, #56cdff, #bee3ff);
}
._solution.aicc .subTit h2 span,
._solution.fillone .subTit h2 span,
._solution.ars .subTit h2 span{ color: #56cdff; }
._solution.aicc .subTit._gr h2 span,
._solution.fillone .subTit._gr h2 span,
._solution.ars .subTit._gr h2 span{ color: #90c9f4; }
/* sic - Why/After 강조: PSD FillColor #90c9f4 */
._solution.aicc .compare .after .inn ul li p span,
._solution.fillone .compare .after .inn ul li p span,
._solution.ars .compare .after .inn ul li p span{ color: #90c9f4; }
/* ._solution.aicc .compare .after .inn ul li i,
._solution.fillone .compare .after .inn ul li i,
._solution.ars .compare .after .inn ul li i{ color: #90c9f4; } */
/* ._solution.aicc .compare .after,
._solution.fillone .compare .after,
._solution.ars .compare .after{
    background-image: linear-gradient(#0d0d23, #0d0d23), linear-gradient(90deg, #56cdff 0%, #bee3ff 100%);
} */
/* ._solution.aicc .compare .dots>div,
._solution.fillone .compare .dots>div,
._solution.ars .compare .dots>div{ background: #90c9f4; } */
/* ._solution.aicc .subTit._grad h2 span,
._solution.fillone .subTit._grad h2 span,
._solution.ars .subTit._grad h2 span{
    color: #56cdff; background-image: linear-gradient(90deg, #56cdff, #bee3ff);
} */
/* ._solution.aicc .techWrap .techs .gradient.gr,
._solution.fillone .techWrap .techs .gradient.gr,
._solution.ars .techWrap .techs .gradient.gr{
    background: radial-gradient(circle, rgba(86,205,255,0.85) 0%, rgba(86,205,255,0.4) 40%, rgba(86,205,255,0) 70%);
} */
/* ._solution.aicc .techWrap .techs .gradient.blu,
._solution.fillone .techWrap .techs .gradient.blu,
._solution.ars .techWrap .techs .gradient.blu{
    background: radial-gradient(circle, rgba(190,227,255,0.55) 0%, rgba(190,227,255,0.22) 40%, rgba(190,227,255,0) 70%);
} */
/* ._solution.aicc .techWrap .techs .tags .tag,
._solution.fillone .techWrap .techs .tags .tag,
._solution.ars .techWrap .techs .tags .tag{
    border-color: #56cdff; color: #56cdff;
} */
/* ._solution.aicc .s1 .techWrap .techs .paging .dot,
._solution.fillone .s1 .techWrap .techs .paging .dot,
._solution.ars .s1 .techWrap .techs .paging .dot{ background: #56cdff; } */
/* ._solution.aicc ._roundSec .bg,
._solution.fillone ._roundSec .bg,
._solution.ars ._roundSec .bg{
    background: radial-gradient(730px 360px at 50% 100%, rgba(86,205,255,.5) 0%, rgba(190,227,255,.22) 45%, rgba(190,227,255,0) 100%);
} */
/* ._solution.aicc ._roundSec .bg::after,
._solution.fillone ._roundSec .bg::after,
._solution.ars ._roundSec .bg::after{
    box-shadow: 0 0 30px 0 rgba(86,205,255,.95), 0 0 90px 40px rgba(190,227,255,.55), 0 0 170px 60px rgba(220,240,255,.25);
} */
/* Round glow scaled down like solution.css so it is not clipped at section top */
@media screen and (max-width: 1280px){
._solution.aicc ._roundSec .bg::after,
._solution.fillone ._roundSec .bg::after,
._solution.ars ._roundSec .bg::after{ box-shadow: 0 0 26px 0 rgba(86,205,255,.95), 0 0 76px 34px rgba(190,227,255,.55), 0 0 140px 50px rgba(220,240,255,.25); }
}
@media screen and (max-width: 820px){
._solution.aicc ._roundSec .bg::after,
._solution.fillone ._roundSec .bg::after,
._solution.ars ._roundSec .bg::after{ box-shadow: 0 0 20px 0 rgba(86,205,255,.95), 0 0 60px 24px rgba(190,227,255,.55), 0 0 110px 36px rgba(220,240,255,.25); }
}
@media screen and (max-width: 500px){
._solution.aicc ._roundSec .bg::after,
._solution.fillone ._roundSec .bg::after,
._solution.ars ._roundSec .bg::after{ box-shadow: 0 0 14px 0 rgba(86,205,255,.95), 0 0 40px 16px rgba(190,227,255,.55), 0 0 70px 24px rgba(220,240,255,.25); }
}

/* sic - AI CC How: kingfax ellipse dome. bgFill from equator, bottom:-2px */
._solution.aicc ._flowSec._roundSec{
    --round-top: 200px;
    --round-half: max(39.32cqw, 50%);
    background: #fff;
    padding: 520px 0 80px;
}
._solution.aicc ._flowSec._roundSec .wrap{ position: relative; z-index: 1; }
._solution.aicc ._flowSec._roundSec .bg{ background: none; inset: 0; }
._solution.aicc ._flowSec._roundSec .bgFill{
    position: absolute;
    left: 0; right: 0; bottom: -2px;
    top: calc(var(--round-top) + var(--round-half));
    background: #0d0d23;
    z-index: 0;
    pointer-events: none;
}

._solution.aicc .subVis,
._solution.fillone .subVis,
._solution.ars .subVis{ z-index: 1; }
._solution.aicc .s1,
._solution.fillone .s1,
._solution.ars .s1{ box-sizing: border-box; padding: 92px 0 0; background: #fff; position: relative;z-index: 2; }
._solution.aicc .s1>.inner,
._solution.fillone .s1>.inner,
._solution.ars .s1>.inner{ box-sizing: border-box; padding: 58px 0 59px; background: #fff; }
._solution.aicc .s1 .techWrap .techs .topVis,
._solution.fillone .s1 .techWrap .techs .topVis,
._solution.ars .s1 .techWrap .techs .topVis{ position: relative; z-index: 1; }
._solution.aicc .s1 .techWrap .techs .txtArea,
._solution.fillone .s1 .techWrap .techs .txtArea,
._solution.ars .s1 .techWrap .techs .txtArea,
._solution.aicc .s1 .techWrap .techs .tags,
._solution.fillone .s1 .techWrap .techs .tags,
._solution.ars .s1 .techWrap .techs .tags,
._solution.aicc .s1 .techWrap .techs .paging,
._solution.fillone .s1 .techWrap .techs .paging,
._solution.ars .s1 .techWrap .techs .paging,
._solution.aicc .s1 .techWrap .techs .tags,
._solution.fillone .s1 .techWrap .techs .tags,
._solution.ars .s1 .techWrap .techs .tags,
._solution.aicc .s1 .techWrap .techs .paging,
._solution.fillone .s1 .techWrap .techs .paging,
._solution.ars .s1 .techWrap .techs .paging{ position: relative; z-index: 1; margin-top: 32px; }
._solution.aicc .s1 .techWrap .techs .tech,
._solution.fillone .s1 .techWrap .techs .tech,
._solution.ars .s1 .techWrap .techs .tech{ position: relative; flex: 1;min-height: 0; z-index: 1; }
._solution.aicc .s1 .techWrap .techs .tech .item.on,
._solution.fillone .s1 .techWrap .techs .tech .item.on,
._solution.ars .s1 .techWrap .techs .tech .item.on{ pointer-events: auto; opacity: 0; }
/* sic - superseded: guessed % coords → PSD bbox at file end
._solution.aicc .s1 .techWrap .techs .topVis .layer,
._solution.fillone .s1 .techWrap .techs .topVis .layer,
._solution.ars .s1 .techWrap .techs .topVis .layer{ max-width: 280px; width: 40%; }
._solution.aicc .s1 .techWrap .techs .topVis .layer img,
._solution.fillone .s1 .techWrap .techs .topVis .layer img,
._solution.ars .s1 .techWrap .techs .topVis .layer img{ width: 100%; height: auto; display: block; }
._solution.aicc .s1 .techWrap .techs .topVis .layer._1,
._solution.fillone .s1 .techWrap .techs .topVis .layer._1,
._solution.ars .s1 .techWrap .techs .topVis .layer._1{ top: 18%;left: 6%; }
._solution.aicc .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._1,
._solution.fillone .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._1,
._solution.ars .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._1{ top: 20%; left: 6%; }
._solution.aicc .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._1,
._solution.fillone .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._1,
._solution.ars .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._1{ top: 12%; left: 4%; }
._solution.aicc .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._2,
._solution.fillone .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._2,
._solution.ars .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._2{ top: 10%; left: auto; right: 4%; }
._solution.aicc .s1 .techWrap .techs .item:nth-child(4) .topVis .layer._1,
._solution.fillone .s1 .techWrap .techs .item:nth-child(4) .topVis .layer._1,
._solution.ars .s1 .techWrap .techs .item:nth-child(4) .topVis .layer._1{ top: 10%; left: 6%; }
*/
._solution.aicc .s1 .techWrap .tech .txtArea,
._solution.fillone .s1 .techWrap .tech .txtArea,
._solution.ars .s1 .techWrap .tech .txtArea{ display: flex;flex-direction: column;align-items: center; margin-top: 50px; }
._solution.aicc .s1 .techWrap .techs .paging,
._solution.fillone .s1 .techWrap .techs .paging,
._solution.ars .s1 .techWrap .techs .paging{ display: flex;align-items: center;justify-content: center;gap: 4px; margin-top: 32px; flex-shrink: 0; }
._solution.aicc .s1 .techWrap .techs .paging .dot,
._solution.fillone .s1 .techWrap .techs .paging .dot,
._solution.ars .s1 .techWrap .techs .paging .dot{ width: 9px;height: 9px; border-radius: 50%; background: #56cdff; opacity: 0.2; }
._solution.aicc .s1 .techWrap .techs .paging .dot.on,
._solution.fillone .s1 .techWrap .techs .paging .dot.on,
._solution.ars .s1 .techWrap .techs .paging .dot.on{  opacity: 1; }
._solution.aicc .s2 .subTit,
._solution.fillone .s2 .subTit,
._solution.ars .s2 .subTit{ margin-bottom: 150px; position: relative;z-index: 10; }
._solution.aicc .s2 .subTit._gr h2,
._solution.fillone .s2 .subTit._gr h2,
._solution.ars .s2 .subTit._gr h2{ font-weight: 400; }
._solution.aicc .s2 .marqueeWrap,
._solution.fillone .s2 .marqueeWrap,
._solution.ars .s2 .marqueeWrap{ width: 100%; position: relative; }
._solution.aicc .s2 .marqueeWrap::after,
._solution.fillone .s2 .marqueeWrap::after,
._solution.ars .s2 .marqueeWrap::after{ content: ''; position: absolute; z-index: 2; top: 50%; left: 0; width: 100%; aspect-ratio: 1920/1020; transform: translateY(-58.3%); background: url('/asset/img/sub/solution/communication_Ax/gradient.png') center/100% 100% no-repeat; mix-blend-mode: lighten; pointer-events: none; }
._solution.aicc .s2 .marqueeWrap .marquee,
._solution.fillone .s2 .marqueeWrap .marquee,
._solution.ars .s2 .marqueeWrap .marquee{ width: 100%; display: flex;align-items: center; overflow: hidden; white-space: nowrap; position: relative; gap: 80px; }
._solution.aicc .s2 .marqueeWrap .marquee::before,
._solution.fillone .s2 .marqueeWrap .marquee::before,
._solution.ars .s2 .marqueeWrap .marquee::before{
    content: ''; display: block; z-index: 1; position: absolute;top: 0;left: 0; width: 18.75vw;height: 100%;
    background: linear-gradient(-90deg, rgba(13, 13, 35, 0) 0%, #0d0d23 70%, #0d0d23 100%); z-index: 1;
}
._solution.aicc .s2 .marqueeWrap .marquee::after,
._solution.fillone .s2 .marqueeWrap .marquee::after,
._solution.ars .s2 .marqueeWrap .marquee::after{
    content: '';display: block;z-index: 1;position: absolute;top: 0;right: 0;width: 18.75vw;height: 100%;
    background: linear-gradient(90deg, rgba(13, 13, 35, 0) 0%,  #0d0d23 70%,  #0d0d23 100%); z-index: 1;
}
._solution.aicc .s2 .marqueeWrap .marquee>div,
._solution.fillone .s2 .marqueeWrap .marquee>div,
._solution.ars .s2 .marqueeWrap .marquee>div{ display: flex;align-items: center; gap: 80px; animation: marquee 20s linear infinite; }
._solution.aicc .s2 .marqueeWrap .marquee>div .ic,
._solution.fillone .s2 .marqueeWrap .marquee>div .ic,
._solution.ars .s2 .marqueeWrap .marquee>div .ic{ display: flex;align-items: center; font-family: 'Archivo'; font-size: 17px; letter-spacing: -0.025em;color: #fff; line-height: 1;  }
._solution.aicc .s2 .marqueeWrap .marquee>div p,
._solution.fillone .s2 .marqueeWrap .marquee>div p,
._solution.ars .s2 .marqueeWrap .marquee>div p{ font-size: 24px;font-weight: 500;letter-spacing: -0.025em;color: #fff; line-height: 1; }
._solution.aicc .s2 .marqueeWrap .marquee>div p span,
._solution.fillone .s2 .marqueeWrap .marquee>div p span,
._solution.ars .s2 .marqueeWrap .marquee>div p span{ font-size: 32px;font-weight: 700;letter-spacing: -0.025em; }
._solution.aicc .s3,
._solution.fillone .s3,
._solution.ars .s3{ background: #0d0d23; padding: 130px 0; }
/* ._solution.aicc .s3 .subTit,
._solution.fillone .s3 .subTit,
._solution.ars .s3 .subTit{ margin-bottom: 72px; } */

@media screen and (max-width: 1024px){
    ._solution.aicc ._flowSec._roundSec{ padding: 280px 0 40px; --round-top: 120px; }
    ._solution.aicc .s2 .subTit,
    ._solution.fillone .s2 .subTit,
    ._solution.ars .s2 .subTit{ margin-bottom: 100px; }
    ._solution.aicc .s2 .marqueeWrap .marquee>div p,
    ._solution.fillone .s2 .marqueeWrap .marquee>div p,
    ._solution.ars .s2 .marqueeWrap .marquee>div p{ font-size: 20px; }
    ._solution.aicc .s2 .marqueeWrap .marquee>div p span,
    ._solution.fillone .s2 .marqueeWrap .marquee>div p span,
    ._solution.ars .s2 .marqueeWrap .marquee>div p span{ font-size: 28px; }
}
@media screen and (max-width: 820px){

    ._solution.aicc .s3, ._solution.fillone .s3, ._solution.ars .s3{ padding: 70px 0; }
    ._solution.aicc .s1 .techWrap .techs .paging .dot,
    ._solution.fillone .s1 .techWrap .techs .paging .dot,
    ._solution.ars .s1 .techWrap .techs .paging .dot{ width: 7px;height: 7px; }
        ._solution.aicc .s2 .subTit,
    ._solution.fillone .s2 .subTit,
    ._solution.ars .s2 .subTit{ margin-bottom: 60px; }
        ._solution.aicc .s2 .marqueeWrap .marquee,
    ._solution.fillone .s2 .marqueeWrap .marquee,
    ._solution.ars .s2 .marqueeWrap .marquee{ gap: 60px; }
        ._solution.aicc .s2 .marqueeWrap .marquee>div,
    ._solution.fillone .s2 .marqueeWrap .marquee>div,
    ._solution.ars .s2 .marqueeWrap .marquee>div{ gap: 60px; }
        ._solution.aicc .s2 .marqueeWrap .marquee>div p,
    ._solution.fillone .s2 .marqueeWrap .marquee>div p,
    ._solution.ars .s2 .marqueeWrap .marquee>div p{ font-size: 18px; }
        ._solution.aicc .s2 .marqueeWrap .marquee>div p span,
    ._solution.fillone .s2 .marqueeWrap .marquee>div p span,
    ._solution.ars .s2 .marqueeWrap .marquee>div p span{ font-size: 24px; }
}
@media screen and (max-width: 500px){
    ._solution.aicc ._flowSec._roundSec{ --round-top: 60px; }
    ._solution.aicc .s2 .marqueeWrap .marquee,
._solution.fillone .s2 .marqueeWrap .marquee,
._solution.ars .s2 .marqueeWrap .marquee{ gap: 40px; }
    ._solution.aicc .s2 .marqueeWrap .marquee>div,
._solution.fillone .s2 .marqueeWrap .marquee>div,
._solution.ars .s2 .marqueeWrap .marquee>div{ gap: 40px; }
    ._solution.aicc .s2 .marqueeWrap .marquee>div p,
._solution.fillone .s2 .marqueeWrap .marquee>div p,
._solution.ars .s2 .marqueeWrap .marquee>div p{ font-size: 16px; }
    ._solution.aicc .s2 .marqueeWrap .marquee>div p span,
._solution.fillone .s2 .marqueeWrap .marquee>div p span,
._solution.ars .s2 .marqueeWrap .marquee>div p span{ font-size: 20px; }
    ._solution.aicc .s2 .marqueeWrap .marquee>div .ic,
._solution.fillone .s2 .marqueeWrap .marquee>div .ic,
._solution.ars .s2 .marqueeWrap .marquee>div .ic{ font-size: 16px; }
}

/* sic - Core slider topVis: layer separate, PSD effect PNG, transparent */

/* ---- aicc ---- */
/* sic - hang-out overlays: techs visible, blobs in gradClip */
._solution.aicc .s1 .techWrap{ overflow: visible; }
._solution.aicc .s1 .techWrap .techs{ overflow: visible; }
._solution.aicc .s1 .techWrap .techs .gradClip{
    position: absolute; inset: 0; border-radius: 10px; overflow: hidden; pointer-events: none; z-index: 0;
}
._solution.aicc .s1 .techWrap .techs .topVis{ overflow: visible; }
._solution.aicc .s1 .techWrap .techs .topVis > .img{
    overflow: hidden; border-radius: 0; margin: 0 auto; position: relative; background-color: #fff;
}
._solution.aicc .s1 .techWrap .techs .topVis > .img img{
    width: 100%; height: auto; object-fit: contain; display: block; max-width: none; position: static;
}
._solution.aicc .s1 .techWrap .techs .topVis .layer{
    max-width: none; width: auto; z-index: 2;
}
._solution.aicc .s1 .techWrap .techs .topVis .layer .img{
    max-width: none; width: 100%; aspect-ratio: auto; margin: 0; overflow: visible; box-shadow: 10px 10px 10px rgba(0,0,0,0.02)
}
._solution.aicc .s1 .techWrap .techs .topVis .layer img{
    width: 100%; height: auto; display: block;
}
._solution.aicc .s1 .techWrap .techs .item:nth-child(1) .topVis > .img{
    max-width: 632px; width: calc(632 / 1202 * 100%); aspect-ratio: 632/323;
}
._solution.aicc .s1 .techWrap .techs .item .topVis > .img{
    border-radius: 10px; border: 2px solid rgba(237, 239, 242, calc(0.58 * (1 - var(--dim, 0)))); /* layer 등장 시 배경 어두워지며(--dim 0 → 1) 테두리도 함께 사라짐 */
    background-clip: padding-box; /* 흰 배경(2번 슬라이드)이 투명해진 테두리 자리로 비치지 않도록 */
}
/* layer 등장 시 배경 어둡게 - 테두리 안쪽 오버레이 (--dim: 0 → 1, aicc.php pin 타임라인에서 제어 / fillone 동일) */
._solution.aicc .s1 .techWrap .techs .item .topVis > .img{ --dim: 0; }
._solution.aicc .s1 .techWrap .techs .item .topVis > .img::after{
    content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background: rgba(0, 0, 0, 0.5); opacity: var(--dim);
}
/* 배경 하단 흰색 페이드 (레이어마스크) - 테두리 포함 아래로 갈수록 사라짐 (fillone 동일) */
._solution.aicc .s1 .techWrap .techs .item .topVis > .img{
    -webkit-mask-image: linear-gradient(to bottom, #000 65%, transparent 96%);
            mask-image: linear-gradient(to bottom, #000 65%, transparent 96%);
}
._solution.aicc .s1 .techWrap .techs .item:nth-child(1) .topVis .layer._1{
    /* sic - PSD 발화분석 vis (124,63) 329x235 */
    top: calc(63 / 323 * 100%); left: calc(124 / 1202 * 100%);
    width: calc(329 / 1202 * 100%); max-width: 329px; right: auto; display: block;
}
._solution.aicc .s1 .techWrap .techs .item:nth-child(1) .topVis .layer._2{ display: none; }
._solution.aicc .s1 .techWrap .techs .item:nth-child(2) .topVis > .img{
    max-width: 411px; width: calc(411 / 1202 * 100%); aspect-ratio: 411/325; background-color: #fff;
}
._solution.aicc .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._1{
    /* sic - 자동 응답 isolated PAD24 crop 502,2170 / vis 143,53 321x229 */
    top: calc(53 / 325 * 100%); left: calc(143 / 1202 * 100%);
    width: calc(321 / 1202 * 100%); max-width: 321px; right: auto; display: block;
}
._solution.aicc .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._2{ display: none; }
._solution.aicc .s1 .techWrap .techs .item:nth-child(3) .topVis > .img{
    max-width: 634px; width: calc(634 / 1202 * 100%); aspect-ratio: 634/325;
}
._solution.aicc .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._1{
    /* sic - PSD STT vis (114,95) 299x186 */
    top: calc(95 / 325 * 100%); left: calc(114 / 1202 * 100%);
    width: calc(299 / 1202 * 100%); max-width: 299px; right: auto; display: block;
}
._solution.aicc .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._2{
    /* sic - PSD STT copy vis (790,95) 299x186 */
    top: calc(95 / 325 * 100%); left: calc(790 / 1202 * 100%);
    width: calc(299 / 1202 * 100%); max-width: 299px; right: auto; display: block;
}
._solution.aicc .s1 .techWrap .techs .item:nth-child(4) .topVis > .img{
    max-width: 634px; width: calc(634 / 1202 * 100%); aspect-ratio: 634/325;
}
._solution.aicc .s1 .techWrap .techs .item:nth-child(4) .topVis .layer._1{
    /* sic - PSD 발화분석 vis (124,63) 329x235 */
    top: calc(63 / 325 * 100%); left: calc(124 / 1202 * 100%);
    width: calc(329 / 1202 * 100%); max-width: 329px; right: auto; display: block;
}
._solution.aicc .s1 .techWrap .techs .item:nth-child(4) .topVis .layer._2{ display: none; }

/* ---- fillone ---- */
/* sic - hang-out overlays: techs visible, blobs in gradClip */
._solution.fillone .s1 .techWrap{ overflow: visible; }
._solution.fillone .s1 .techWrap .techs{ overflow: visible; }
._solution.fillone .s1 .techWrap .techs .gradClip{
    position: absolute; inset: 0; border-radius: 10px; overflow: hidden; pointer-events: none; z-index: 0;
}
._solution.fillone .s1 .techWrap .techs .topVis{ overflow: visible; }
._solution.fillone .s1 .techWrap .techs .topVis > .img{
    overflow: hidden; border-radius: 0; margin: 0 auto; position: relative;
}
._solution.fillone .s1 .techWrap .techs .topVis > .img img{
    width: 100%; height: auto; object-fit: contain; display: block; max-width: none; position: static;
}
._solution.fillone .s1 .techWrap .techs .topVis .layer{
    max-width: none; width: auto; z-index: 2;
}
._solution.fillone .s1 .techWrap .techs .topVis .layer .img{
    max-width: none; width: 100%; aspect-ratio: auto; margin: 0; overflow: visible; box-shadow: 10px 10px 10px rgba(0,0,0,0.05);
}
._solution.fillone .s1 .techWrap .techs .topVis .layer img{
    width: 100%; height: auto; display: block;
}
/* sic - layer 인라인 svg include (fillone_tech0n_layer01.html): 박스 너비 기준 원본 비율, 톡 튀는 모션이 잘리지 않도록 */
._solution.fillone .s1 .techWrap .techs .topVis .layer .img > svg{
    width: 100%; height: auto; display: block; overflow: visible;
}
._solution.fillone .s1 .techWrap .techs .item:nth-child(1) .topVis > .img{
    max-width: 296px; width: calc(296 / 1202 * 100%); aspect-ratio: 296/376;
}
._solution.fillone .s1 .techWrap .techs .item:nth-child(1) .topVis .layer._1{
    /* sic - PSD 레터링 노출 설정 vis (124,63) 329x235 */
    top: calc(63 / 376 * 100%); left: calc(124 / 1202 * 100%);
    width: calc(329 / 1202 * 100%); max-width: 329px; right: auto; display: block;
}
._solution.fillone .s1 .techWrap .techs .item:nth-child(1) .topVis .layer._2{ display: none; }
._solution.fillone .s1 .techWrap .techs .item:nth-child(2) .topVis > .img{
    max-width: 296px; width: calc(296 / 1202 * 100%); aspect-ratio: 296/376;
}
._solution.fillone .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._1{
    /* sic - 만족도 조사 isolated PAD24 crop 462,2170 / vis 103,52 321x282 */
    top: calc(52 / 376 * 100%); left: calc(103 / 1202 * 100%);
    width: calc(321 / 1202 * 100%); max-width: 321px; right: auto; display: block;
}
._solution.fillone .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._2{ display: none; }
._solution.fillone .s1 .techWrap .techs .item:nth-child(3) .topVis > .img{
    max-width: 634px; width: calc(634 / 1202 * 100%); aspect-ratio: 634/325;
}
._solution.fillone .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._1{
    /* sic - PSD STT vis (114,95) 329x227 */
    top: calc(95 / 325 * 100%); left: calc(114 / 1202 * 100%);
    width: calc(329 / 1202 * 100%); max-width: 329px; right: auto; display: block;
}
._solution.fillone .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._2{ display: none; }
._solution.fillone .s1 .techWrap .techs .item:nth-child(4) .topVis > .img{
    max-width: 634px; width: calc(634 / 1202 * 100%); aspect-ratio: 634/325;
}
._solution.fillone .s1 .techWrap .techs .item:nth-child(4) .topVis .layer._1{
    /* sic - PSD 발화분석 vis (124,63) 329x318 */
    top: calc(63 / 325 * 100%); left: calc(124 / 1202 * 100%);
    width: calc(329 / 1202 * 100%); max-width: 329px; right: auto; display: block;
}
._solution.fillone .s1 .techWrap .techs .item:nth-child(4) .topVis .layer._2{ display: none; }
/* sic - 중앙 배경 가이드 창 (kingfax 동일): 테두리 안에서 배경 svg가 위→아래로 이동 */
._solution.fillone .s1 .techWrap .techs .item .topVis > .img{
    box-sizing: border-box; border: 2px solid rgba(237, 239, 242, calc(0.58 * (1 - var(--dim, 0)))); border-radius: 10px; background-clip: padding-box; /* layer 등장 시 배경 어두워지며(--dim 0 → 1) 테두리도 함께 사라짐 */
    align-items: flex-start; /* 공통 align-items:center 해제 → svg 상단에서 시작해야 bgEndY 이동 후 svg 하단 = .img 하단 */
}
/* 배경 하단 흰색 페이드 (레이어마스크) - 테두리·오버레이 포함 아래로 갈수록 사라짐 (kingfax 동일) */
._solution.fillone .s1 .techWrap .techs .item .topVis > .img{
    -webkit-mask-image: linear-gradient(to bottom, #000 65%, transparent 100%);
            mask-image: linear-gradient(to bottom, #000 65%, transparent 100%);
}
/* layer 등장 시 배경 어둡게 - 테두리 안쪽 오버레이 (--dim: 0 → 1, fillone.php pin 타임라인에서 제어 / kingfax 동일) */
._solution.fillone .s1 .techWrap .techs .item .topVis > .img{ --dim: 0; }
._solution.fillone .s1 .techWrap .techs .item .topVis > .img::after{
    content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background: rgba(0, 0, 0, 0.5); opacity: var(--dim);
}

/* ---- ars ---- */
/* sic - hang-out overlays: techs visible, blobs in gradClip */
._solution.ars .s1 .techWrap{ overflow: visible; }
._solution.ars .s1 .techWrap .techs{ overflow: visible; }
._solution.ars .s1 .techWrap .techs .gradClip{
    position: absolute; inset: 0; border-radius: 10px; overflow: hidden; pointer-events: none; z-index: 0;
}
._solution.ars .s1 .techWrap .techs .topVis{ overflow: visible; }
._solution.ars .s1 .techWrap .techs .topVis > .img{
    overflow: hidden; border-radius: 0; margin: 0 auto; position: relative;
}
._solution.ars .s1 .techWrap .techs .topVis > .img img{
    width: 100%; height: auto; object-fit: contain; display: block; max-width: none; position: static;
}
._solution.ars .s1 .techWrap .techs .topVis .layer{
    max-width: none; width: auto; z-index: 2;
}
._solution.ars .s1 .techWrap .techs .topVis .layer .img{
    max-width: none; width: 100%; aspect-ratio: auto; margin: 0; overflow: visible;
}
._solution.ars .s1 .techWrap .techs .topVis .layer img{
    width: 100%; height: auto; display: block;
}
/* sic - layer 인라인 svg include (ars_tech0n_layer0n.html): 박스 너비 기준 원본 비율, 톡 튀는 모션이 잘리지 않도록 (fillone 동일) */
._solution.ars .s1 .techWrap .techs .topVis .layer .img > svg{
    width: 100%; height: auto; display: block; overflow: visible;
    filter: drop-shadow(4px 4px 10px rgba(24, 1, 1, 0.1));
}
/* sic - layer 위치/너비 = svg viewBox 크기 기준 (기존 PNG 의 그림자 여백만큼 안쪽으로 보정) */
._solution.ars .s1 .techWrap .techs .item:nth-child(1) .topVis > .img{
    max-width: 295px; width: calc(295 / 1202 * 100%); aspect-ratio: 295/376;
}
._solution.ars .s1 .techWrap .techs .item:nth-child(1) .topVis .layer._1{
    /* sic - ARS 음성 안내 svg 280x187 (PNG vis (225,77) 299x206 안쪽) */
    top: calc(86.5 / 376 * 100%); left: calc(234.5 / 1202 * 100%);
    width: calc(280 / 1202 * 100%); max-width: 280px; right: auto; display: block;
}
._solution.ars .s1 .techWrap .techs .item:nth-child(1) .topVis .layer._2{ display: none; }
._solution.ars .s1 .techWrap .techs .item:nth-child(2) .topVis > .img{
    max-width: 634px; width: calc(634 / 1202 * 100%); aspect-ratio: 634/325;
}
._solution.ars .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._1{
    /* sic - 고객화면 미리보기 chip svg 278x70 (PNG PAD24 vis 143,35 329x120 안쪽) */
    top: calc(60 / 325 * 100%); left: calc(168 / 1202 * 100%);
    width: calc(278 / 1202 * 100%); max-width: 278px; right: auto; display: block;
}
._solution.ars .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._2{
    /* sic - 서비스 메뉴 svg 280x233 (PNG PAD24 vis 727,77 332x285 안쪽) */
    top: calc(103 / 325 * 100%); left: calc(753 / 1202 * 100%);
    width: calc(280 / 1202 * 100%); max-width: 280px; right: auto; display: block;
}
._solution.ars .s1 .techWrap .techs .item:nth-child(3) .topVis > .img{
    max-width: 295px; width: calc(295 / 1202 * 100%); aspect-ratio: 295/376;
}
._solution.ars .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._1{
    top: calc(57.5 / 376 * 100%); left: calc(229.5 / 1202 * 100%);
    width: calc(278 / 1202 * 100%); max-width: 278px; right: auto; display: block;
}
/* sic - 일문 chip svg 302x70 */
._solution.ars .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._1._wide{
    width: calc(302 / 1202 * 100%); max-width: 302px;
}
._solution.ars .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._2{
    /* sic - 단말 → 전송 구간 → 서버 svg 302x122 (chip 아래 16px) */
    top: calc(143.5 / 376 * 100%); left: calc(229.5 / 1202 * 100%);
    width: calc(302 / 1202 * 100%); max-width: 302px; right: auto; display: block;
}
._solution.ars .s1 .techWrap .techs .item:nth-child(4) .topVis > .img{
    max-width: 634px; width: calc(634 / 1202 * 100%); aspect-ratio: 634/325;
}
._solution.ars .s1 .techWrap .techs .item:nth-child(4) .topVis .layer._1{
    /* sic - 실시간 접속 현황 svg 270x323 (PNG vis (164,10) 289x342 안쪽) */
    top: calc(19.5 / 325 * 100%); left: calc(173.5 / 1202 * 100%);
    width: calc(270 / 1202 * 100%); max-width: 270px; right: auto; display: block;
}
._solution.ars .s1 .techWrap .techs .item:nth-child(4) .topVis .layer._2{ display: none; }
/* sic - 중앙 배경 가이드 창 (fillone 동일): 테두리 안에서 배경 svg가 위→아래로 이동 */
._solution.ars .s1 .techWrap .techs .item .topVis > .img{
    box-sizing: border-box; border: 2px solid rgba(237, 239, 242, calc(0.58 * (1 - var(--dim, 0)))); border-radius: 10px; background-clip: padding-box; /* layer 등장 시 배경 어두워지며(--dim 0 → 1) 테두리도 함께 사라짐 */
    align-items: flex-start; /* 공통 align-items:center 해제 → svg 상단에서 시작해야 bgEndY 이동 후 svg 하단 = .img 하단 */
}
/* 배경 하단 흰색 페이드 (레이어마스크) - 테두리·오버레이 포함 아래로 갈수록 사라짐 (fillone 동일) */
._solution.ars .s1 .techWrap .techs .item .topVis > .img{
    -webkit-mask-image: linear-gradient(to bottom, #000 65%, transparent 90%);
            mask-image: linear-gradient(to bottom, #000 65%, transparent 90%);
}
/* layer 등장 시 배경 어둡게 - 테두리 안쪽 오버레이 (--dim: 0 → 1, visiblears.php pin 타임라인에서 제어 / fillone 동일) */
._solution.ars .s1 .techWrap .techs .item .topVis > .img{ --dim: 0; }
._solution.ars .s1 .techWrap .techs .item .topVis > .img::after{
    content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background: rgba(0, 0, 0, 0.5); opacity: var(--dim);
}

/* Card text anchored to card bottom so tags clear the paging dots (PSD) */
@media screen and (min-width: 821px){
    ._solution.fillone .s1 .techWrap .techs .topVis,
    ._solution.ars .s1 .techWrap .techs .topVis{ margin-bottom: -80px; }
    ._solution.fillone .s1 .techWrap .tech .txtArea,
    ._solution.ars .s1 .techWrap .tech .txtArea{ margin-top: auto; }
    ._solution.fillone .s1 .techWrap .tech .tags,
    ._solution.ars .s1 .techWrap .tech .tags{ margin-top: 32px; }
}

/* sic - How 5-step engine: PNG 1521x475 (01 254 / conn 117 / engine 1150; cards 253x294 gap 20) */
._solution.aicc ._flowSec .flowEngine,
._solution.fillone ._flowSec .flowEngine,
._solution.ars ._flowSec .flowEngine{
    display: flex; align-items: flex-end; max-width: 1521px; width: 100%; margin: 79px auto 0;
}
._solution.aicc ._flowSec .flowEngine > .item,
._solution.fillone ._flowSec .flowEngine > .item,
._solution.ars ._flowSec .flowEngine > .item{
    box-sizing: border-box; width: calc(254 / 1521 * 100%); max-width: 254px; height: 294px;
    margin-bottom: 37px; border-radius: 16px; background: #41414e;
    padding: 51px 8px 0; text-align: center;
    display: flex; flex-direction: column; align-items: center; flex-shrink: 0;
}
._solution.aicc ._flowSec .flowEngine .conn,
._solution.fillone ._flowSec .flowEngine .conn,
._solution.ars ._flowSec .flowEngine .conn{
    position: relative; width: calc(117 / 1521 * 100%); max-width: 117px; height: 0;
    border-top: 2px dotted #56cdff; margin-bottom: 184px; flex-shrink: 0;
}
._solution.aicc ._flowSec .flowEngine .conn::after,
._solution.fillone ._flowSec .flowEngine .conn::after,
._solution.ars ._flowSec .flowEngine .conn::after{
    content: ''; position: absolute; top: -5px; right: -2px;
    border: 5px solid transparent; border-left: 7px solid #56cdff;
}
._solution.aicc ._flowSec .flowEngine .engineBox,
._solution.fillone ._flowSec .flowEngine .engineBox,
._solution.ars ._flowSec .flowEngine .engineBox{
    flex: 1; min-width: 0; height: 475px; box-sizing: border-box;
    border: 2px solid transparent; border-radius: 24px;
    background-image: linear-gradient(#262637, #262637), linear-gradient(90deg, #56cdff 0%, #bee3ff 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding: 0 36px 37px 41px;
    display: flex; flex-direction: column;
}
._solution.aicc ._flowSec .flowEngine .engTit,
._solution.fillone ._flowSec .flowEngine .engTit,
._solution.ars ._flowSec .flowEngine .engTit{
    font-size: 20px; font-weight: 500; letter-spacing: -0.025em; line-height: 22px;
    color: #fff; text-align: center; margin: 59px 0 60px;
}
._solution.aicc ._flowSec .flowEngine .engCards,
._solution.fillone ._flowSec .flowEngine .engCards,
._solution.ars ._flowSec .flowEngine .engCards{
    display: flex; gap: 20px; flex: 1; min-height: 0;
}
._solution.aicc ._flowSec .flowEngine .engCards .item,
._solution.fillone ._flowSec .flowEngine .engCards .item,
._solution.ars ._flowSec .flowEngine .engCards .item{
    box-sizing: border-box; flex: 1; min-width: 0; height: 294px; border-radius: 16px;
    background: #41414e; padding: 51px 8px 0; text-align: center;
    display: flex; flex-direction: column; align-items: center;
}
._solution.aicc ._flowSec .flowEngine .engCards .item._grad,
._solution.fillone ._flowSec .flowEngine .engCards .item._grad,
._solution.ars ._flowSec .flowEngine .engCards .item._grad{
    background: linear-gradient(180deg, #bce3ff 0%, #59ceff 100%);
}
._solution.aicc ._flowSec .flowEngine .item .ic,
._solution.fillone ._flowSec .flowEngine .item .ic,
._solution.ars ._flowSec .flowEngine .item .ic{
    width: 59px; height: 59px; margin: 0 0 32px; flex-shrink: 0;
}
._solution.aicc ._flowSec .flowEngine .item .ic img,
._solution.fillone ._flowSec .flowEngine .item .ic img,
._solution.ars ._flowSec .flowEngine .item .ic img{
    width: 59px; height: 59px; display: block;
}
._solution.aicc ._flowSec .flowEngine .item .num,
._solution.fillone ._flowSec .flowEngine .item .num,
._solution.ars ._flowSec .flowEngine .item .num{
    display: block; font-family: 'Pretendard'; font-size: 14px; font-weight: 400;
    letter-spacing: -0.025em; line-height: 1; color: #fff; margin-bottom: 24px;
}
._solution.aicc ._flowSec .flowEngine .item h3,
._solution.fillone ._flowSec .flowEngine .item h3,
._solution.ars ._flowSec .flowEngine .item h3{
    font-size: 20px; font-weight: 600; letter-spacing: -0.025em; line-height: 20px;
    color: #fff; margin-bottom: 23px; white-space: nowrap;
}
._solution.aicc ._flowSec .flowEngine .item p,
._solution.fillone ._flowSec .flowEngine .item p,
._solution.ars ._flowSec .flowEngine .item p{
    font-size: 14px; font-weight: 400; letter-spacing: -0.025em; line-height: 1;
    color: #9a9a9f;
    word-break: keep-all;
    line-height: 1.3;
    word-break: keep-all;
}
._solution.aicc ._flowSec .flowEngine .engCards .item._grad p,
._solution.fillone ._flowSec .flowEngine .engCards .item._grad p,
._solution.ars ._flowSec .flowEngine .engCards .item._grad p{ color: #fff; }

/* sic - ARS Why Before pipe: Pretendard, bbox 22, FillColor white */
._solution.ars .compare .before .inn > p{
    white-space: nowrap;
}
._solution.ars .compare .before .inn > p span{
    display: inline;
    font-family: 'Pretendard', sans-serif;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: -0.025em;
    color: #fff;
    margin-left: 10px;
    vertical-align: middle;
}

@media screen and (max-width: 1600px){
    ._solution.aicc ._flowSec._roundSec{ padding: 480px 0 80px; --round-top: 180px; }
}
@media screen and (max-width: 1440px){
    ._solution.aicc ._flowSec._roundSec{ padding: 380px 0 80px; --round-top: 160px; }
}
@media screen and (max-width: 1280px){
    ._solution.aicc ._flowSec._roundSec{ padding: 330px 0 60px; --round-top: 140px; }
    ._solution.aicc ._flowSec .flowEngine .engineBox,
    ._solution.fillone ._flowSec .flowEngine .engineBox,
    ._solution.ars ._flowSec .flowEngine .engineBox{ height: auto; padding: 0 20px 24px; }
    ._solution.aicc ._flowSec .flowEngine .engTit,
    ._solution.fillone ._flowSec .flowEngine .engTit,
    ._solution.ars ._flowSec .flowEngine .engTit{ margin: 36px 0 28px; font-size: 16px; }
    ._solution.aicc ._flowSec .flowEngine > .item,
    ._solution.fillone ._flowSec .flowEngine > .item,
    ._solution.ars ._flowSec .flowEngine > .item,
    ._solution.aicc ._flowSec .flowEngine .engCards .item,
    ._solution.fillone ._flowSec .flowEngine .engCards .item,
    ._solution.ars ._flowSec .flowEngine .engCards .item{ height: auto; min-height: 240px; padding: 36px 8px 28px; }
    ._solution.aicc ._flowSec .flowEngine .item h3,
    ._solution.fillone ._flowSec .flowEngine .item h3,
    ._solution.ars ._flowSec .flowEngine .item h3{ font-size: 16px; }
    ._solution.aicc ._flowSec .flowEngine .item p,
    ._solution.fillone ._flowSec .flowEngine .item p,
    ._solution.ars ._flowSec .flowEngine .item p{ font-size: 12px; }

    ._solution.aicc ._flowSec .flowEngine .item .ic, ._solution.fillone ._flowSec .flowEngine .item .ic, ._solution.ars ._flowSec .flowEngine .item .ic{ margin-bottom: 15px; }
    ._solution.aicc ._flowSec .flowEngine .item .num, ._solution.fillone ._flowSec .flowEngine .item .num, ._solution.ars ._flowSec .flowEngine .item .num{ margin-bottom: 15px; }
    ._solution.aicc ._flowSec .flowEngine .item h3, ._solution.fillone ._flowSec .flowEngine .item h3, ._solution.ars ._flowSec .flowEngine .item h3{margin-bottom: 15px;}

    ._solution.ars .compare .before .inn > p span{ font-size: 18px; }
}
@media screen and (max-width: 820px){
    ._solution.aicc .s1 .techWrap .techs .item:nth-child(1) .topVis > .img{ max-width: 95%; width: 100%; }
    ._solution.aicc .s1 .techWrap .techs .item:nth-child(2) .topVis > .img{ max-width: 95%; width: 100%; aspect-ratio: 411 / 265; }
    ._solution.aicc .s1 .techWrap .techs .item:nth-child(3) .topVis > .img{ max-width: 95%; width: 100%; }
    ._solution.aicc .s1 .techWrap .techs .item:nth-child(4) .topVis > .img{ max-width: 95%; width: 100%; }
    ._solution.aicc .s1 .techWrap .techs .item:nth-child(1) .topVis .layer._1{ width: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    ._solution.aicc .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._1{ width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    ._solution.aicc .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._1{ width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    ._solution.aicc .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._2{ width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    ._solution.aicc .s1 .techWrap .techs .item:nth-child(4) .topVis .layer._1{ width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); }

    ._solution.fillone .s1 .techWrap .techs .item:nth-child(1) .topVis > .img{ max-width: 95%; aspect-ratio: 411 / 265; width: 100%; }
    ._solution.fillone .s1 .techWrap .techs .item:nth-child(2) .topVis > .img{ max-width: 95%;  aspect-ratio: 411 / 265; width: 100%; }
    ._solution.fillone .s1 .techWrap .techs .item:nth-child(3) .topVis > .img{ max-width: 95%; width: 100%; }
    ._solution.fillone .s1 .techWrap .techs .item:nth-child(4) .topVis > .img{ max-width: 95%; width: 100%; }
    ._solution.fillone .s1 .techWrap .techs .item:nth-child(1) .topVis .layer._1{ width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    ._solution.fillone .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._1{ width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    ._solution.fillone .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._1{ width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    ._solution.fillone .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._2{ width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    ._solution.fillone .s1 .techWrap .techs .item:nth-child(4) .topVis .layer._1{ width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); }

    ._solution.ars .s1 .techWrap .techs .item:nth-child(1) .topVis > .img{ max-width: 95%; aspect-ratio: 411 / 265; width: 100%; }
    ._solution.ars .s1 .techWrap .techs .item:nth-child(2) .topVis > .img{ max-width: 95%;  aspect-ratio: 411 / 265; width: 100%; }
    ._solution.ars .s1 .techWrap .techs .item:nth-child(3) .topVis > .img{ max-width: 95%; width: 100%; aspect-ratio: 411 / 265; }
    ._solution.ars .s1 .techWrap .techs .item:nth-child(4) .topVis > .img{ max-width: 95%; width: 100%; }
    ._solution.ars .s1 .techWrap .techs .item:nth-child(1) .topVis .layer._1{ width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    ._solution.ars .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._1{ width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    ._solution.ars .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._2{ width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    ._solution.ars .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._1{ width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    ._solution.ars .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._1._wide{ width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    ._solution.ars .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._2{ width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    ._solution.ars .s1 .techWrap .techs .item:nth-child(4) .topVis .layer._1{ width: 60%; top: 50%; left: 50%; transform: translate(-50%, -50%); }


    ._solution.aicc ._flowSec._roundSec{ padding: 220px 0 0; --round-top: 80px; --round-half: max(39.32cqw, 175px); }
    /* Flat dome like kingfax: height from --round-half, not the tall section */
    ._solution.aicc ._flowSec._roundSec .bg::after{ top: var(--round-top); height: calc(2 * var(--round-half)); }
    ._solution.aicc ._flowSec .flowEngine,
    ._solution.fillone ._flowSec .flowEngine,
    ._solution.ars ._flowSec .flowEngine{ flex-wrap: wrap; justify-content: center; }
    ._solution.aicc ._flowSec .flowEngine > .item,
    ._solution.fillone ._flowSec .flowEngine > .item,
    ._solution.ars ._flowSec .flowEngine > .item{ margin-bottom: 0; max-width: none; width: 46%; }
    ._solution.aicc ._flowSec .flowEngine > .item, ._solution.fillone ._flowSec .flowEngine > .item, ._solution.ars ._flowSec .flowEngine > .item, ._solution.aicc ._flowSec .flowEngine .engCards .item, ._solution.fillone ._flowSec .flowEngine .engCards .item, ._solution.ars ._flowSec .flowEngine .engCards .item{ min-height: 180px; }
    ._solution.aicc ._flowSec .flowEngine .conn,
    ._solution.fillone ._flowSec .flowEngine .conn,
    ._solution.ars ._flowSec .flowEngine .conn{ display: none; }
    ._solution.aicc ._flowSec .flowEngine .engineBox,
    ._solution.fillone ._flowSec .flowEngine .engineBox,
    ._solution.ars ._flowSec .flowEngine .engineBox{ flex: 1 1 100%; margin-top: 20px; }
    ._solution.aicc ._flowSec .flowEngine .engCards,
    ._solution.fillone ._flowSec .flowEngine .engCards,
    ._solution.ars ._flowSec .flowEngine .engCards{ flex-wrap: wrap; gap: 12px; }
    ._solution.aicc ._flowSec .flowEngine .engCards .item,
    ._solution.fillone ._flowSec .flowEngine .engCards .item,
    ._solution.ars ._flowSec .flowEngine .engCards .item{ flex: 1 1 calc(50% - 12px); min-height: 200px; }

    ._solution.ars .compare .before .inn > p span{ font-size: 16px; }
}

@media screen and (max-width: 500px){
    ._solution.ars .compare .before .inn > p span{ font-size: 14px; }
}