/* Homepage: a starting point for the existing service detail pages. */
body.has-gateway{background:#ffffff;color:#172d40}.has-gateway .site-header{background:transparent;color:#172d40;height:118px;padding:0 4%}.has-gateway .site-header .brand-symbol{background:#eff5f5;color:#17334b}.has-gateway .site-header .brand-symbol>span{color:#567f95}.has-gateway .site-header .brand{font-size:28px}.has-gateway .header-tools{gap:50px}.solution-gateway{position:relative;isolation:isolate;padding:18px 4% 0;min-height:calc(100svh - 205px);overflow:hidden}.gateway-atmosphere{display:none}.gateway-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 28px}.gateway-heading>div>span{font-size:9px;letter-spacing:2px;color:#63717d}.gateway-heading h1{font-size:29px;font-weight:500;letter-spacing:-1.2px;line-height:1.4;margin-top:10px}.gateway-heading>p{font-size:11px;color:#63717d;margin-bottom:3px}.gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gateway-card{display:block;min-width:0;position:relative;height:clamp(470px,63vh,650px);overflow:hidden;border-radius:20px;background:#a4bbca;color:#fff;isolation:isolate;transition:transform .35s,box-shadow .35s}.gateway-card:hover{transform:translateY(-7px);box-shadow:0 18px 38px #17253124}.gateway-card:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 22%,#0f2b4022 41%,#102b46bf 70%,#0d253cee 100%)}.gateway-live{background:radial-gradient(ellipse at 30% 0,#d0e3dc,#83adae 58%,#486f80)}.gateway-web{background:radial-gradient(ellipse at 80% 10%,#e2e5eb,#a7bbc9 57%,#66879d)}.gateway-care{background:radial-gradient(ellipse at 40% 0,#d1dedb,#97acae 55%,#5f7e8d)}.gateway-card-copy{position:absolute;z-index:3;bottom:34px;left:32px;right:32px;text-align:center}.gateway-en{font-size:9px;letter-spacing:1.5px;font-weight:400;color:#d1e0e8}.gateway-card h2{font-size:29px;line-height:1.3;letter-spacing:-1.1px;margin-top:10px;font-weight:600}.gateway-card-copy>p{font-size:11px;color:#d2dfe8;line-height:1.8;margin:14px auto 19px;max-width:290px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.gateway-art{position:absolute;inset:0;z-index:0;overflow:hidden;transition:transform .6s}.gateway-card:hover .gateway-art{transform:scale(1.035)}.gateway-live .live-art{width:760px;height:670px;left:50%;right:auto;top:13px;margin-left:-380px;transform-origin:50% 0;scale:.65}.gateway-live .live-halo{border-color:#386b7333;box-shadow:none}.gateway-live .live-desktop{left:39px;top:40px;transform:rotateY(-24deg) rotateX(8deg) rotateZ(-13deg);width:570px;height:390px}.gateway-live .live-display{height:288px}.gateway-live .live-mobile{left:481px;top:213px}.gateway-live .live-floating-note{display:none}.gateway-live .display-word{font-size:48px}.gateway-web .web-art{width:730px;height:650px;left:50%;right:auto;margin-left:-365px;top:-11px;scale:.64;transform-origin:50% 0}.gateway-web .browser-back{left:77px;top:48px;width:420px;height:327px}.gateway-web .workspace-preview{height:294px}.gateway-web .browser-front{left:158px;top:239px;transform:rotateY(-20deg) rotateX(6deg) rotateZ(-12deg)}.gateway-web .web-code-tag{display:none}.gateway-care .sculpture{left:50%;right:auto;top:-7px;margin-left:-340px;width:680px;height:680px;scale:.65;transform-origin:50% 0}.gateway-care .sculpture-label,.gateway-care .sculpture-coordinate,.gateway-care .sculpture-shadow{display:none}.gateway-care .sculpture-ring{animation:none}.gateway-care .sculpture-ball{animation:none}.gateway-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:95px;padding:22px 0}.gateway-bottom>a{display:flex;align-items:center;gap:22px;font-size:11px;color:#263b4d}.gateway-bottom>a>span{font-size:19px}.gateway-bottom>div{display:flex;gap:18px;align-items:center}.gateway-bottom>div>span{font-size:10px;color:#63717d}.gateway-bottom>div>a{font-size:17px;font-weight:500;letter-spacing:.3px}.has-gateway .footer{max-width:none;padding:20px 4% 25px;border-top:1px solid #e3e8ec;align-items:center;color:#63717d}.has-gateway .footer>div:first-child,.has-gateway .footer>div:nth-child(2){display:none}.has-gateway .footer-last{width:100%;flex-direction:row;justify-content:space-between;font-size:9px;color:#63717d;gap:20px}.gateway-empty{grid-column:1/-1;padding:100px 30px;text-align:center}.gateway-empty h2{font-size:25px}.gateway-empty>a{display:inline-block;margin-top:30px}
@media(min-width:1650px){.has-gateway .site-header{height:150px}.solution-gateway{padding-top:24px}.gateway-heading{margin-bottom:35px}.gateway-heading h1{font-size:34px}.gateway-grid{gap:32px}.gateway-card{height:clamp(570px,61vh,740px)}.gateway-card-copy{bottom:44px}.gateway-card h2{font-size:34px}.gateway-card-copy>p{font-size:13px;max-width:350px;min-height:46px}.gateway-en{font-size:11px}.gateway-live .live-art,.gateway-web .web-art,.gateway-care .sculpture{scale:.85;top:0}.gateway-bottom{min-height:110px}.gateway-heading>p{font-size:13px}}
@media(max-width:1050px){.gateway-grid{gap:17px}.gateway-card{height:490px;border-radius:15px}.gateway-card-copy{left:18px;right:18px;bottom:27px}.gateway-card h2{font-size:24px}.gateway-card-copy>p{font-size:10px;min-height:36px}.gateway-en{font-size:7px}.gateway-live .live-art,.gateway-web .web-art,.gateway-care .sculpture{scale:.53;top:33px}.gateway-heading h1{font-size:26px}.gateway-bottom>a:last-child{max-width:190px;line-height:1.6}.gateway-bottom>div{display:block;text-align:center}.gateway-bottom>div>a{display:block;margin-top:6px}.gateway-bottom>a{font-size:10px}}
@media(max-width:760px){.has-gateway .site-header{height:95px;padding:0 22px}.has-gateway .site-header .brand{font-size:23px}.has-gateway .header-tools{gap:22px}.solution-gateway{padding:10px 22px 0;min-height:0}.gateway-heading{display:block;margin-bottom:23px}.gateway-heading>div>span{font-size:8px}.gateway-heading h1{font-size:25px;margin-top:10px}.gateway-heading>p{font-size:11px;margin-top:10px}.gateway-grid{grid-template-columns:1fr;gap:20px}.gateway-card{height:480px;border-radius:17px}.gateway-card-copy{bottom:27px;left:25px;right:25px}.gateway-card h2{font-size:29px}.gateway-card-copy>p{font-size:11px;margin-top:12px;margin-bottom:16px;min-height:40px}.gateway-en{font-size:9px}.gateway-live .live-art,.gateway-web .web-art,.gateway-care .sculpture{scale:.62;top:3px}.gateway-art{transform:none}.gateway-live .live-mobile{top:171px;left:467px}.gateway-web .browser-front{top:206px}.gateway-bottom{display:grid;grid-template-columns:1fr 1fr;padding:29px 0;gap:25px}.gateway-bottom>div{text-align:right}.gateway-bottom>div>span{font-size:9px}.gateway-bottom>div>a{font-size:16px}.gateway-bottom>a:last-child{grid-column:1/-1;justify-content:space-between;max-width:none;border-top:1px solid #e3e8ec;padding-top:23px}.gateway-bottom>a{font-size:11px}.has-gateway .footer{padding:19px 22px 24px}.has-gateway .footer-last{font-size:8px}.has-gateway .footer-last>span{font-size:7px}}
@media(min-width:560px) and (max-width:760px){.gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-card:last-child{grid-column:1/-1;max-width:calc(50% - 10px);width:100%;justify-self:center}.gateway-card h2{font-size:23px}.gateway-live .live-art,.gateway-web .web-art,.gateway-care .sculpture{scale:.5}.gateway-card-copy>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.gateway-card,.gateway-art{transition:none}.gateway-card:hover,.gateway-card:hover .gateway-art{transform:none}}

/* Keep artwork and copy in separate rows so images cannot cover text. */
.gateway-card {display:flex;flex-direction:column;height:auto;background:#f6f8fb;color:#172d40;box-shadow:inset 0 0 0 1px #172d400a;}
.gateway-card:after {display:none;}
.gateway-art {position:relative;inset:auto;flex:none;width:100%;aspect-ratio:6 / 5;overflow:hidden;transform:none;}
.gateway-image {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform .6s;}
.gateway-card:hover .gateway-art {transform:none;}
.gateway-card:hover .gateway-image {transform:scale(1.025);}
.gateway-card-copy {position:relative;inset:auto;flex:1;display:flex;flex-direction:column;align-items:center;width:100%;padding:24px 28px 30px;background:#f6f8fb;text-align:center;}

.gateway-card h2 {max-width:100%;word-break:keep-all;overflow-wrap:anywhere;}
.gateway-card-copy>p {display:block;overflow:visible;-webkit-line-clamp:unset;min-height:0;max-width:350px;color:#526171;margin:14px 0 0;}
.gateway-en {color:#5d6e80;}


@media(min-width:1650px){.gateway-card-copy{padding:27px 32px 36px;}}
@media(max-width:1050px){.gateway-card-copy{padding:22px 18px 27px;}}
@media(max-width:760px){.gateway-card-copy{padding:24px 25px 27px;}}
@media(prefers-reduced-motion:reduce){.gateway-image{transition:none;}.gateway-card:hover .gateway-image{transform:none;}}

/* Complete service artwork: identical canvases, no inner crop or rotation. */
.solution-gateway .gateway-card .gateway-art{aspect-ratio:4/3;max-height:none;min-height:0;overflow:visible;transform:none;transition:none}
.service-card-art{display:block;position:relative;width:100%;height:100%;aspect-ratio:4/3;pointer-events:none;min-width:0;isolation:isolate}
.service-card-art>svg{display:block;width:100%;height:100%;max-width:none;max-height:none;overflow:visible;transform:none;font-family:Pretendard,'Noto Sans KR','Malgun Gothic',sans-serif}
.service-card-art>.service-card-generated{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;background:#edf3fb}
.service-card-art>svg text{letter-spacing:normal;font-style:normal;font-variant-numeric:tabular-nums}
.solution-gateway .gateway-card:hover .gateway-art,.solution-gateway .gateway-card:hover .service-card-art>svg{transform:none}
.menu-v2-service .service-card-art{width:160px;height:120px;flex:none;border-radius:10px;overflow:hidden}
@media(max-width:767px){.menu-v2-service .service-card-art{width:100px;height:75px;border-radius:8px}}
.solution-gateway .gateway-rider .gateway-card-copy{background:#f7faff;padding:24px 30px 29px}
.solution-gateway .gateway-rider .gateway-en{color:#4c7dab;font-size:10px;letter-spacing:.13em}
.solution-gateway .gateway-rider h2{font-size:clamp(24px,2vw,30px);line-height:1.4;margin-top:10px}
.solution-gateway .gateway-rider .gateway-card-copy>p{font-size:13px;line-height:1.85;max-width:350px;color:#69819a;margin-top:13px;text-wrap:pretty;word-break:keep-all}
@media(max-width:760px){.solution-gateway .gateway-rider .gateway-card-copy{padding:20px 24px 25px}.solution-gateway .gateway-rider h2{font-size:25px}.solution-gateway .gateway-rider .gateway-card-copy>p{font-size:12px;line-height:1.8;max-width:310px}}