/* sic - AI PRM style, copied from kingfax / aiocr */
/* sic - OPERATIONS AX: CTA Grad #46bff2→#34f5f3, light span/tag #2bd9d7, Why/dark #46bff2, PRM After #71d5ff */
._solution.prm .subVis,
._solution.retriever .subVis{
    background-image: url('/asset/img/sub/solution/operations_Ax/subVis_bg.png');
}
._solution.prm .subVis .titArea h1,
._solution.retriever .subVis .titArea h1{
    background-image: linear-gradient(90deg, #46bff2, #34f5f3);
}
._solution.prm .btns .btn:nth-child(1),
._solution.retriever .btns .btn:nth-child(1){
    background: linear-gradient(90deg, #46bff2, #34f5f3);
}
._solution.prm .subTit h2 span{ color: #2bd9d7; }
._solution.retriever .subTit h2 span{ color: #56cdff; }
._solution.prm .subTit._gr h2 span,
._solution.retriever .subTit._gr h2 span{ /*color: #46bff2;*/ color:#1bfffc; }
._solution.prm .subTit._grad h2 span,
._solution.retriever .subTit._grad h2 span{
    color: #46bff2; background-image: linear-gradient(90deg, #46bff2, #34f5f3);
}
._solution.prm .techWrap .techs .gradient.gr,
._solution.retriever .techWrap .techs .gradient.gr{
    background: radial-gradient(circle, rgba(70,191,242,0.85) 0%, rgba(70,191,242,0.4) 40%, rgba(70,191,242,0) 70%);
}
._solution.prm .techWrap .techs .gradient.blu,
._solution.retriever .techWrap .techs .gradient.blu{
    background: radial-gradient(circle, rgba(52,245,243,0.45) 0%, rgba(52,245,243,0.18) 40%, rgba(52,245,243,0) 70%);
}
._solution.prm .techWrap .techs .tags .tag,
._solution.retriever .techWrap .techs .tags .tag,
._solution.retriever ._gridSec .gridWrap .item .tags .tag{
    border-color: #27b3ee; color: #27b3ee;
}
._solution.prm .s1 .techWrap .techs .paging .dot,
._solution.retriever .techWrap .techs .paging .dot{ background: #27b3ee; }
._solution.prm ._roundSec .bg,
._solution.retriever ._roundSec .bg{
    background: radial-gradient(730px 360px at 50% 100%, rgba(70,191,242,.5) 0%, rgba(52,245,243,.22) 45%, rgba(52,245,243,0) 100%);
}
._solution.prm ._roundSec .bg::after,
._solution.retriever ._roundSec .bg::after{
    box-shadow: 0 0 30px 0 rgba(70,191,242,.95), 0 0 90px 40px rgba(52,245,243,.55), 0 0 170px 60px rgba(189,240,245,.25);
}
/* Round glow scaled down like solution.css so it is not clipped at section top */
@media screen and (max-width: 1280px){
._solution.prm ._roundSec .bg::after,
._solution.retriever ._roundSec .bg::after{ box-shadow: 0 0 26px 0 rgba(70,191,242,.95), 0 0 76px 34px rgba(52,245,243,.55), 0 0 140px 50px rgba(189,240,245,.25); }
}
@media screen and (max-width: 820px){
._solution.prm ._roundSec .bg::after,
._solution.retriever ._roundSec .bg::after{ box-shadow: 0 0 20px 0 rgba(70,191,242,.95), 0 0 60px 24px rgba(52,245,243,.55), 0 0 110px 36px rgba(189,240,245,.25); }
}
@media screen and (max-width: 500px){
._solution.prm ._roundSec .bg::after,
._solution.retriever ._roundSec .bg::after{ box-shadow: 0 0 14px 0 rgba(70,191,242,.95), 0 0 40px 16px rgba(52,245,243,.55), 0 0 70px 24px rgba(189,240,245,.25); }
}
._solution.retriever .compare .after .inn ul li p span{ color: #46bff2; }
._solution.prm .compare .after .inn ul li p span{ color: #71d5ff; }
/* ._solution.retriever .compare .after .inn ul li i{ color: #46bff2; } */
/* ._solution.prm .compare .after .inn ul li i{ color: #71d5ff; } */
/* ._solution.retriever .compare .after,
._solution.prm .compare .after{
    background-image: linear-gradient(#0d0d23, #0d0d23), linear-gradient(90deg, #46bff2 0%, #34f5f3 100%);
} */
/* sic - retriever After 보더 그라데이션 #56cdff → #1bfffc (solution.css .bdFlow 색상만 교체) */
._solution.retriever._da .compare .after .bdFlow,
._solution.retriever .compare .after .bdFlow{
    background: conic-gradient(from var(--kfBdAngle),
        #56cdff 0deg,
        #1bfffc 90deg,
        #56cdff 180deg,
        #1bfffc 270deg,
        #56cdff 360deg);
}
._solution.retriever .compare .dots>div,
._solution.prm .compare .dots>div{ background: #46bff2; }
._solution.retriever ._whySec .whyWrap .item{ background: #262637; }
._solution.retriever ._whySec .whyWrap .item span{ color: #46bff2; }

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

@media screen and (max-width: 1024px){
    ._solution.prm .s2 .subTit,
    ._solution.prm .s2 .subTit{ margin-bottom: 100px; }
    ._solution.prm .s2 .marqueeWrap .marquee>div p,
    ._solution.prm .s2 .marqueeWrap .marquee>div p{ font-size: 20px; }
    ._solution.prm .s2 .marqueeWrap .marquee>div p span,
    ._solution.prm .s2 .marqueeWrap .marquee>div p span{ font-size: 28px; }
}
@media screen and (max-width: 820px){
    ._solution.prm .s1 .techWrap .techs .paging .dot,
    ._solution.prm .s1 .techWrap .techs .paging .dot{ width: 7px;height: 7px; }
    ._solution.prm .s2 .subTit,
    ._solution.prm .s2 .subTit{ margin-bottom: 60px; }
    ._solution.prm .s2 .marqueeWrap .marquee,
    ._solution.prm .s2 .marqueeWrap .marquee{ gap: 60px; }
    ._solution.prm .s2 .marqueeWrap .marquee>div,
    ._solution.prm .s2 .marqueeWrap .marquee>div{ gap: 60px; }
    ._solution.prm .s2 .marqueeWrap .marquee>div p,
    ._solution.prm .s2 .marqueeWrap .marquee>div p{ font-size: 18px; }
    ._solution.prm .s2 .marqueeWrap .marquee>div p span,
    ._solution.prm .s2 .marqueeWrap .marquee>div p span{ font-size: 24px; }
}
@media screen and (max-width: 500px){
    ._solution.prm .s2 .marqueeWrap .marquee,
    ._solution.prm .s2 .marqueeWrap .marquee{ gap: 40px; }
    ._solution.prm .s2 .marqueeWrap .marquee>div,
    ._solution.prm .s2 .marqueeWrap .marquee>div{ gap: 40px; }
    ._solution.prm .s2 .marqueeWrap .marquee>div p,
    ._solution.prm .s2 .marqueeWrap .marquee>div p{ font-size: 16px; }
    ._solution.prm .s2 .marqueeWrap .marquee>div p span,
    ._solution.prm .s2 .marqueeWrap .marquee>div p span{ font-size: 20px; }
    ._solution.prm .s2 .marqueeWrap .marquee>div .ic,
    ._solution.prm .s2 .marqueeWrap .marquee>div .ic{ font-size: 16px; }
}

/* sic - (다) RETRIEVER */
._solution.retriever .subVis{ z-index: 1; }
._solution.retriever ._compareSec,
._solution.retriever ._cardSec,
._solution.retriever ._gridSec{ position: relative; z-index: 2; }
/* ._solution.retriever .subVis .titArea h1{ font-size: 86px; } */
@media screen and (max-width: 1440px){
    ._solution.retriever .subVis .titArea h1{ font-size: 68px; }
}
@media screen and (max-width: 820px){
    ._solution.retriever .subVis .titArea h1{ font-size: 42px; }
}
/* sic - superseded */
/* ._solution.prm .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._2{ top: 8%; left: 6%; } */

/* sic - (다) RETRIEVER Fax Q&A형: blobs in gradClip, layers PSD coords */
._solution.retriever._da ._cardSec .techWrap,
._solution.retriever ._cardSec .techWrap{ overflow: visible; }
._solution.retriever._da ._cardSec .techWrap .techs,
._solution.retriever ._cardSec .techWrap .techs{
    background: #fff; overflow: visible; padding: 48px 0 50px; height: auto; min-height: 0; max-width: 1202px;
}
._solution.retriever._da ._cardSec .techWrap .techs .gradClip,
._solution.retriever ._cardSec .techWrap .techs .gradClip{
    position: absolute; inset: 0; border-radius: 10px; overflow: hidden; pointer-events: none; z-index: 0;
}
._solution.retriever ._cardSec .techWrap .techs .tech .item{
    position: relative; display: flex; flex-direction: column; height: auto; pointer-events: auto; overflow: visible;
}
._solution.retriever._da ._cardSec .techWrap .techs .topVis,
._solution.retriever ._cardSec .techWrap .techs .topVis{ position: relative; z-index: 2; overflow: visible; }
._solution.retriever._da ._cardSec .techWrap .techs .topVis .img,
._solution.retriever ._cardSec .techWrap .techs .topVis .img{
    max-width: 634px; width: 53%; height: auto; aspect-ratio: 634/324; margin: 0 auto; overflow: visible;
}
._solution.retriever ._cardSec .techWrap .techs .topVis .img img{
    width: 100%; height: auto; object-fit: contain; display: block;
}
/* sic - 배경 창 (vlmocr 동일): 테두리 안에서 배경(국문 jpg / 일문 인라인 svg)이 위로 올라오며 하단이 창 하단에 닿음 (retriever.php cardBgIntro) */
._solution.retriever._da ._cardSec .techWrap .techs .topVis > .img{
    position: relative; overflow: hidden; box-sizing: border-box;
    border: 2px solid rgba(237, 239, 242, calc(1 - var(--dim, 0))); border-radius: 12px; /* #edeff2, layer 등장 시 배경 어두워지며(--dim 0 → 1) 테두리도 함께 사라짐 */
    align-items: flex-start; /* 공통 align-items:center 해제 → 배경 상단에서 시작해야 이동 후 배경 하단 = 창 하단 */
    --dim: 0; background-color: #fff;
    background-clip: padding-box; /* 흰 배경이 투명해진 테두리 자리로 비치지 않도록 (테두리가 남아 보이는 현상 방지) */
}
/* 배경 하단 살짝 페이드 (레이어마스크) - 테두리·오버레이 포함 아래로 갈수록 사라짐 (communicationAx fillone/aicc 동일 방식) */
._solution.retriever._da ._cardSec .techWrap .techs .topVis > .img{
    -webkit-mask-image: linear-gradient(to bottom, #000 75%, transparent 100%);
            mask-image: linear-gradient(to bottom, #000 75%, transparent 100%);
}
._solution.retriever._da ._cardSec .techWrap .techs .topVis > .img > img,
._solution.retriever._da ._cardSec .techWrap .techs .topVis > .img > svg{
    width: 100%; height: auto; display: block; flex-shrink: 0; border: 0; border-radius: 0;
}
/* layer 등장 시 배경 어둡게 - 테두리 안쪽 오버레이 (--dim: 0 → 1, retriever.php pin 타임라인에서 제어) */
._solution.retriever._da ._cardSec .techWrap .techs .topVis > .img::after{
    content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: rgba(0, 0, 0, 0.5); opacity: var(--dim);
}
._solution.retriever._da ._cardSec .techWrap .techs .topVis .layer,
._solution.retriever ._cardSec .techWrap .techs .topVis .layer{
    max-width: none; width: auto; z-index: 2;
}
._solution.retriever ._cardSec .techWrap .techs .topVis .layer .img{
    max-width: none; width: 100%; aspect-ratio: auto; margin: 0; overflow: visible;
}
._solution.retriever ._cardSec .techWrap .techs .topVis .layer img{
    width: 100%; height: auto; display: block; /* sic - DropShadow baked in PSD PNG */
}
._solution.retriever._da ._cardSec .techWrap .techs .topVis .layer._1,
._solution.retriever ._cardSec .techWrap .techs .topVis .layer._1{
    /* sic - PSD 자연어 vis (10,-21) 461x410 → 인라인 svg 379x328 (PNG 그림자 여백 41px 제외, 그림자는 CSS drop-shadow) */
    top: calc(20 / 324 * 100%); left: calc(51 / 1202 * 100%);
    width: calc(379 / 1202 * 100%); max-width: 379px; right: auto;
}
._solution.retriever._da ._cardSec .techWrap .techs .topVis .layer._2,
._solution.retriever ._cardSec .techWrap .techs .topVis .layer._2{
    /* sic - PSD 생성된 차트 vis (777,-56) 436x479 → 인라인 svg 379x412 (PNG 그림자 여백 28.5/33.5px 제외) */
    top: calc(-22.5 / 324 * 100%); left: calc(805.5 / 1202 * 100%);
    width: calc(379 / 1202 * 100%); max-width: 379px; right: auto;
}
._solution.retriever._da ._cardSec .techWrap .tech .txtArea,
._solution.retriever ._cardSec .techWrap .tech .txtArea{ position: relative; z-index: 10; margin-top: 53px; }
/* ._solution.retriever ._cardSec .techWrap .tech .txtArea h3{ font-size: 38px; } */
/* ._solution.retriever ._cardSec .techWrap .tech .tags{ margin-top: 28px; } */
/* ._solution.retriever ._cardSec .techWrap .tech .tags .tag{ padding: 11px 24px; min-width: 0; height: auto; } */

/* ._solution.retriever ._gridSec .gridWrap{ gap: 86px 40px; } */
/* sic - Core thumbs: PSD img bbox PNG 그대로. CSS 라운드/스트레치 없음 */
/* ._solution.retriever ._gridSec .gridWrap .item .imgBx{
    max-width: 740px; aspect-ratio: auto; height: auto;
    border-radius: 0; overflow: visible;
} */
/* sic - Core hover: 어두운 오버레이(::after) + 레이어팝업(.layer) opacity로 노출 */
._solution.retriever ._gridSec .gridWrap .item .imgBx::after{
    display: block; z-index: 2; background: rgba(0, 0, 0, 0.5);
    opacity: 0; transition: opacity .35s ease; pointer-events: none;
}
/* 오버레이는 retriever.php가 layer와 함께 붙이는 .is-hover로만 켬 (CSS :hover는 끔)
   → 모바일에서 길게 누르면 :hover만 켜지고 layer는 안 나와 까만 화면만 남던 현상 방지 */
._solution.retriever ._gridSec .gridWrap .item:hover .imgBx::after{ opacity: 0; }
._solution.retriever ._gridSec .gridWrap .item.is-hover .imgBx::after{ opacity: 1; }
/* 터치 길게 누르기 시 저장/복사 메뉴·텍스트 선택·탭 하이라이트 방지 (탭과 똑같이 동작) */
._solution.retriever ._gridSec .gridWrap .item .imgBx{
    -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;
}
._solution.retriever ._gridSec .gridWrap .item .imgBx .img{
    max-width: 740px; height: auto; border-radius: 0; overflow: visible;
}
._solution.retriever ._gridSec .gridWrap .item .imgBx .img::after{ display: none; }
._solution.retriever ._gridSec .gridWrap .item .imgBx .img img,
._solution.retriever ._gridSec .gridWrap .item .imgBx .img > svg{
    position: relative; width: 100%; height: auto; display: block; /* 국문 grid_bg01·02의 width="1400" 속성 무시 */
}
/* sic - layer 등장/내부 모션은 retriever.php Core hover(GSAP) 담당 → CSS transition 제거 (GSAP 트윈과 겹쳐 늦게 따라오는 현상 방지) */
._solution.retriever._da ._gridSec .gridWrap .item .imgBx .layer{
    display: block; opacity: 0; pointer-events: none;
}
._solution.retriever._da ._gridSec .gridWrap .item:hover .imgBx .layer{ opacity: 1; }
/* ._solution.retriever ._gridSec .gridWrap .item .txtBx{ padding: 40px 4px 0; }
._solution.retriever ._gridSec .gridWrap .item .txtBx h3{ font-size: 38px; margin-bottom: 18px; }
._solution.retriever ._gridSec .gridWrap .item .txtBx p{ font-size: 22px; line-height: 1.45; }
._solution.retriever ._gridSec .gridWrap .item .tags{ gap: 6px; margin-top: 38px; }
._solution.retriever ._gridSec .gridWrap .item .tags .tag{
    min-width: 124px; height: 48px; padding: 0 18px; border-radius: 24px;
    font-size: 20px; display: flex; align-items: center; justify-content: center;
} */

/* sic - How: kingfax ellipse dome. bgFill starts at ellipse equator so it never cuts the round. */
._solution.retriever ._flowSec._roundSec{
    --round-top: 200px;
    --round-half: max(39.32cqw, 50%);
    background: #fff;
    padding: 520px 0 200px;
}
._solution.retriever ._flowSec._roundSec .wrap{ position: relative; z-index: 1; }
._solution.retriever ._flowSec._roundSec .bg{ background: none; inset: 0; }
._solution.retriever ._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.retriever ._flowSec .flowDesc{ font-size: 20px; color: rgba(255,255,255,.78); margin-top: 28px; } */

/* sic - Why: PSD type layers scaled ~0.834; visual 16/28/20, body 70% */
._solution.retriever ._whySec{ padding: 90px 0 80px; }
/* ._solution.retriever ._whySec .whyWrap{ gap: 26px; margin-top: 78px; } */
._solution.retriever ._whySec .whyWrap .item{
    text-align: center; padding: 58px 22px 48px; min-height: 497px;
    display: flex; flex-direction: column; align-items: center;
}
._solution.retriever ._whySec .whyWrap .item span{
    font-size: 16px; font-weight: 400; letter-spacing: -0.025em; line-height: 1; color: #1bfffc; margin-bottom: 50px;
}
._solution.retriever ._whySec .whyWrap .item .ic{
    width: 90px; height: 68px; display: flex; align-items: center; justify-content: center; margin-bottom: 67px;
}
._solution.retriever ._whySec .whyWrap .item .ic img{ max-width: 90px; max-height: 68px; width: auto; height: auto; }
._solution.retriever ._whySec .whyWrap .item h3{
    font-size: 28px; font-weight: 600; line-height: 39px; letter-spacing: -0.025em; margin-bottom: 36px;
}
._solution.retriever ._whySec .whyWrap .item p{
    font-size: 20px; font-weight: 400; line-height: 32px; letter-spacing: -0.025em; color: rgba(255,255,255,.7);
}
/* jp - 문구가 길어 3줄로 고정, 카드 높이(min-height) 유지되도록 간격·폰트 축소 */
html.jp ._solution.retriever ._whySec .whyWrap .item .ic{ margin-bottom: 56px; }
html.jp ._solution.retriever ._whySec .whyWrap .item h3{ margin-bottom: 28px; }
html.jp ._solution.retriever ._whySec .whyWrap .item p{ font-size: 18px; line-height: 30px; }
._solution.retriever ._bannerSec .marqueeWrap .marquee>div img{
    width: 100%; height: auto; display: block; filter: none;
}
/* sic - BA After: PSD StyleRun mint #bdfeee, Font 0 regular */
._solution.retriever._da .compare .after .inn ul li p,
._solution.retriever .compare .after .inn ul li p{ font-weight: 400; }
._solution.retriever._da .compare .after .inn ul li p span,
._solution.retriever .compare .after .inn ul li p span{ color: #1bfffc; font-weight: 400; }
._solution.prm._da .compare .after .inn ul li p span,
._solution.prm .compare .after .inn ul li p span{ color: #71d5ff; font-weight: 400; }

/* sic - Ask overlays: isolated 자연어/생성된 차트, PAD 24, card 1202 / img 324 */
._solution.retriever._da ._cardSec .techWrap .techs .topVis .layer._1,
._solution.retriever ._cardSec .techWrap .techs .topVis .layer._1{
    /* sic - pad crop 385,2878 / vis 26,-5 429x378 */
    top: calc(-5 / 324 * 100%); left: calc(26 / 1202 * 100%);
    width: calc(429 / 1202 * 100%); max-width: 429px; right: auto;
}
._solution.retriever._da ._cardSec .techWrap .techs .topVis .layer._2,
._solution.retriever ._cardSec .techWrap .techs .topVis .layer._2{
    /* sic - pad crop 1140,2836 / vis 781,-47 429x462 */
    top: calc(-47 / 324 * 100%); left: calc(781 / 1202 * 100%);
    width: calc(429 / 1202 * 100%); max-width: 429px; right: auto;
}

/* sic - PRM Why BA: 레이아웃·반응형은 kingfax 와 동일(solution.css compareWrap._hor), 타이틀 보조 텍스트만 별도 */
/* 줄바꿈으로 좌우 내용 길이가 달라도 큰 박스 높이에 맞춰 늘어나도록 */
._solution.prm .compare{ align-items: stretch; }
._solution.prm .compare .dots{ align-self: center; }
._solution.prm .compare .before .inn > p span,
._solution.prm .compare .after .inn > p span{
    display: inline;
    font-family: 'Pretendard', sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.025em;
    color: #fff;
    margin-left: 10px;
    vertical-align: middle;
}
@media screen and (max-width: 1280px){
    ._solution.prm .compare .before .inn > p span,
    ._solution.prm .compare .after .inn > p span{ font-size: 16px; }
}
@media screen and (max-width: 820px){
    ._solution.prm .compare .before .inn > p span,
    ._solution.prm .compare .after .inn > p span{ font-size: 14px; }


    ._solution.retriever._da ._cardSec .techWrap .techs .topVis > .img{ max-width: 95%; width: 100%; }
    ._solution.retriever._da ._cardSec .techWrap .techs .topVis .layer._1, ._solution.retriever ._cardSec .techWrap .techs .topVis .layer._1{ left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70%; }
    ._solution.retriever._da ._cardSec .techWrap .techs .topVis .layer._2, ._solution.retriever ._cardSec .techWrap .techs .topVis .layer._2{ left: 50%; top: 50%; transform: translate(-50%, -50%); width: 60%; }

}
@media screen and (max-width: 1600px){
    /* ._solution.retriever ._gridSec .gridWrap .item .txtBx h3{ font-size: 32px; }
    ._solution.retriever ._cardSec .techWrap .tech .txtArea h3{ font-size: 34px; } */
    ._solution.retriever ._flowSec._roundSec{ padding: 480px 0 200px; --round-top: 180px; }
    html.jp ._solution.retriever ._whySec .whyWrap .item p{ font-size: 16px; line-height: 27px; }
}
@media screen and (max-width: 1440px){
    /* ._solution.retriever ._gridSec .gridWrap .item .txtBx h3{ font-size: 28px; }
    ._solution.retriever ._gridSec .gridWrap .item .txtBx p{ font-size: 18px; } */
    ._solution.retriever ._flowSec._roundSec{ padding: 380px 0 200px; --round-top: 160px; }
}
@media screen and (max-width: 1280px){
    ._solution.retriever ._flowSec._roundSec{ padding: 330px 0 120px; --round-top: 140px; }
}
@media screen and (max-width: 1024px){
    ._solution.retriever ._whySec .whyWrap .item{ min-height: 0; padding: 32px 20px; }
    ._solution.retriever ._whySec .whyWrap .item span{ margin-bottom: 24px; }
    ._solution.retriever ._whySec .whyWrap .item .ic{ margin-bottom: 24px; }
    ._solution.retriever ._whySec .whyWrap .item h3{ font-size: 22px; line-height: 30px; margin-bottom: 16px; }
    ._solution.retriever ._whySec .whyWrap .item p{ font-size: 16px; line-height: 26px; }
    html.jp ._solution.retriever ._whySec .whyWrap .item .ic{ margin-bottom: 24px; }
    html.jp ._solution.retriever ._whySec .whyWrap .item h3{ margin-bottom: 16px; }
    html.jp ._solution.retriever ._whySec .whyWrap .item p{ line-height: 26px; }
    ._solution.retriever ._flowSec._roundSec{ padding: 280px 0 100px; --round-top: 120px; }
    /* ._solution.retriever ._gridSec .gridWrap{ gap: 40px 24px; }
    ._solution.retriever ._gridSec .gridWrap .item .tags .tag{ min-width: 0; height: auto; padding: 8px 18px; font-size: 15px; } */
}
@media screen and (max-width: 820px){
    ._solution.retriever ._flowSec._roundSec{ padding: 220px 0 0; --round-top: 80px; }
}

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

/* ---- prm ---- */
/* sic - hang-out overlays: techs visible, blobs in gradClip */
._solution.prm .s1 .techWrap{ overflow: visible; }
._solution.prm .s1 .techWrap .techs{ overflow: visible; }
._solution.prm .s1 .techWrap .techs .gradClip{
    position: absolute; inset: 0; border-radius: 10px; overflow: hidden; pointer-events: none; z-index: 0;
}
._solution.prm .s1 .techWrap .techs .topVis{ overflow: visible; }
._solution.prm .s1 .techWrap .techs .topVis > .img{
    overflow: hidden; border-radius: 0; margin: 0 auto; position: relative; max-width: 630px; aspect-ratio: 630 / 320;
}
._solution.prm .s1 .techWrap .techs .topVis > .img img{
    width: 100%; height: auto; object-fit: contain; display: block; max-width: none; position: static;
}
._solution.prm .s1 .techWrap .techs .topVis .layer{
    max-width: none; width: auto; z-index: 2;
}
._solution.prm .s1 .techWrap .techs .topVis .layer .img{
    max-width: none; width: 100%; aspect-ratio: auto; margin: 0; overflow: visible;
}
._solution.prm .s1 .techWrap .techs .topVis .layer img{
    width: 100%; height: auto; display: block;
}
/* ._solution.prm .s1 .techWrap .techs .item:nth-child(1) .topVis > .img{
    max-width: 634px; width: calc(634 / 1202 * 100%); aspect-ratio: 634/325;
} */
._solution.prm .s1 .techWrap .techs .item:nth-child(1) .topVis .layer._1{
    /* sic - PSD 실시간 분석 vis (165,54) 329x252 */
    top: calc(54 / 325 * 100%); left: calc(165 / 1202 * 100%);
    width: calc(329 / 1202 * 100%); max-width: 329px; right: auto; display: block;
}
._solution.prm .s1 .techWrap .techs .item:nth-child(1) .topVis .layer._2{ display: none; }
/* ._solution.prm .s1 .techWrap .techs .item:nth-child(2) .topVis > .img{
    max-width: 634px; width: calc(634 / 1202 * 100%); aspect-ratio: 634/324;
} */
._solution.prm .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._1{
    /* sic - 평가 점수 비교 isolated PAD24 crop 502,2154 / vis 143,36 332x267 */
    top: calc(36 / 324 * 100%); left: calc(143 / 1202 * 100%);
    width: calc(332 / 1202 * 100%); max-width: 332px; right: auto; display: block;
}
._solution.prm .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._2{ display: none; }
/* ._solution.prm .s1 .techWrap .techs .item:nth-child(3) .topVis > .img{
    max-width: 634px; width: calc(634 / 1202 * 100%); aspect-ratio: 634/325;
} */
._solution.prm .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._1{
    /* sic - PSD 그룹 37 vis (164,55) 329x251 */
    top: calc(55 / 325 * 100%); left: calc(164 / 1202 * 100%);
    width: calc(329 / 1202 * 100%); max-width: 329px; right: auto; display: block;
}
._solution.prm .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._2{ display: none; }
/* ._solution.prm .s1 .techWrap .techs .item:nth-child(4) .topVis > .img{
    max-width: 634px; width: calc(634 / 1202 * 100%); aspect-ratio: 634/325;
} */
._solution.prm .s1 .techWrap .techs .item:nth-child(4) .topVis .layer._1{
    /* sic - 문서 자동 생성 isolated PAD24 crop 503,3612 / vis 144,35 361x281 */
    top: calc(35 / 325 * 100%); left: calc(144 / 1202 * 100%);
    width: calc(361 / 1202 * 100%); max-width: 361px; right: auto; display: block;
}
._solution.prm .s1 .techWrap .techs .item:nth-child(4) .topVis .layer._2{ display: none; }

/* sic - prm tech 배경 창 + layer (retriever _cardSec 동일 방식, 모션은 prm.php GSAP 담당)
   인라인 svg 배경이 테두리 창 안에서 위로 올라오며 하단이 창 하단에 닿음, layer 등장 시 배경 어두워짐(--dim 0 → 1) */
._solution.prm .s1 .techWrap .techs .topVis > .img{
    box-sizing: border-box; border: 2px solid rgba(237, 239, 242, calc(1 - var(--dim, 0))); border-radius: 12px; /* #edeff2, 어두워질 때 테두리도 함께 사라짐 */
    align-items: flex-start; /* 공통 align-items:center 해제 → 배경 상단에서 시작해야 이동 후 배경 하단 = 창 하단 */
    --dim: 0; background-color: #fff;
    background-clip: padding-box; /* 흰 배경이 투명해진 테두리 자리로 비치지 않도록 */
    -webkit-mask-image: linear-gradient(to bottom, #000 75%, transparent 100%);
            mask-image: linear-gradient(to bottom, #000 75%, transparent 100%); /* 배경 하단 살짝 페이드 */
}
._solution.prm .s1 .techWrap .techs .topVis > .img > svg,
._solution.prm .s1 .techWrap .techs .topVis > .img > img{ width: 100%; height: auto; display: block; flex-shrink: 0; border: 0; border-radius: 0; }
._solution.prm .s1 .techWrap .techs .topVis > .img::after{
    content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: rgba(0, 0, 0, 0.5); opacity: var(--dim);
}
/* layer 카드 인라인 svg: 그림자는 카드 외곽(둥근 모서리)을 따르도록 drop-shadow */
._solution.prm .s1 .techWrap .techs .topVis .layer > svg{
    width: 100%; height: auto; display: block; overflow: visible;
    filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.12)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.06));
}

@media screen and (max-width: 820px){
    ._solution.prm ._cardSec .techWrap .techs .topVis > .img{ max-width: 95%; width: 100%; }
    ._solution.prm .s1 .techWrap .techs .item:nth-child(1) .topVis .layer._1{ left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70%; }
    ._solution.prm .s1 .techWrap .techs .item:nth-child(2) .topVis .layer._1{ left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70%; }
    ._solution.prm .s1 .techWrap .techs .item:nth-child(3) .topVis .layer._1{ left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70%; }
    ._solution.prm .s1 .techWrap .techs .item:nth-child(4) .topVis .layer._1{ left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70%; }
}