/* r2-ab9d6510b644c5bc.css */ .two-document-section>h2{text-align:center;margin:0 0 32px!important}.two-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.two-doc-card{display:flex;align-items:center;gap:28px;padding:32px;background:#fff;border:1px solid #cfdee8;min-width:0;margin:0}.two-doc-card>img,.two-doc-sheet{width:108px;height:150px;object-fit:contain;flex:0 0 108px}.two-doc-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.two-doc-copy span,.two-doc-copy p{font-size:15px;color:#60798c;margin:0!important}.two-doc-copy h3{font-size:20px;line-height:1.5;word-break:keep-all;margin:0!important}.two-doc-copy .pdf-open-link{white-space:nowrap;margin:0!important}.two-doc-sheet{display:grid;place-items:center;background:#edf3f7;border:1px solid #d5e1e9;color:#7891a2;font-size:20px}.two-doc-pending{background:#f7fafc}@media(max-width:760px){.two-document-grid{grid-template-columns:1fr;gap:20px}.two-doc-card{padding:24px;gap:20px}.two-doc-card>img,.two-doc-sheet{width:80px;height:114px;flex-basis:80px}.two-doc-copy h3{font-size:18px}.two-doc-copy span,.two-doc-copy p{font-size:14px}} /* r2-69463d350f04d128.css */ /* ================================================================ USENS Release 3 \b7 \b514 \c790 \c778 \d45c \c900 \b808 \c774 \c5b4 - \d3f0 \d2b8 \d06c \ae30 : 40\c5ec \c885 \2192 10\b2e8 \acc4 \d1a0 \d070 - \ac04 \aca9 : \d788 \c5b4 \b85c \b7 \c139 \c158 \b7 \be14 \b85d 3\b2e8 \acc4 \d1a0 \d070 - \c815 \b82c : \d5e4 \b354 \b7 \d68c \c0ac \c18c \ac1c \d788 \c5b4 \b85c \b7 DAVITEQ \cee8 \d14c \c774 \b108 \b97c \bcf8 \bb38 \d3ed \c5d0 \b9de \cda4 - \c81c \d488 \c0c1 \c138 \c0c1 \b2e8 "\c804 \ccb4 \c81c \d488 \bcf4 \ae30 " \c911 \bcf5 \bc14 \c81c \ac70 - \b2e4 \c6b4 \b85c \b4dc \c13c \d130 \ac80 \c0c9 \bc14 \b192 \c774 \d1b5 \c77c \c774 \d30c \c77c \c740 main-evaluation-preview.html \b9e8 \b05d \c5d0 \d55c \bc88 \b9cc \b4e4 \c5b4 \ac04 \b2e4 . ================================================================ */ :root{ --r3-container:min(88%,1280px); /* \d3f0 \d2b8 \b2e8 \acc4 */ --fs-display:clamp(2.25rem,3.9vw,3.5rem); /* 56 \b7 \ba54 \c778 \c2ac \b77c \c774 \b4dc \c81c \baa9 */ --fs-h1:clamp(2rem,3vw,2.75rem); /* 44 \b7 \d398 \c774 \c9c0 \c81c \baa9 */ --fs-h2:clamp(1.625rem,2.2vw,2rem); /* 32 \b7 \c139 \c158 \c81c \baa9 */ --fs-h3:clamp(1.3125rem,1.6vw,1.5rem); /* 24 \b7 \d070 \ce74 \b4dc \b7 \c18c \c81c \baa9 */ --fs-h4:1.25rem; /* 20 \b7 \ce74 \b4dc \c81c \baa9 */ --fs-h5:1.125rem; /* 18 \b7 \c791 \c740 \ce74 \b4dc \c81c \baa9 */ --fs-lead:1.125rem; /* 18 \b7 \d788 \c5b4 \b85c \c124 \ba85 */ --fs-body:1rem; /* 16 \b7 \bcf8 \bb38 */ --fs-small:.875rem; /* 14 \b7 \d45c \b7 \bcf4 \c870 \c124 \ba85 */ --fs-caption:.8125rem; /* 13 \b7 \cea1 \c158 \b7 \bc30 \c9c0 */ /* \ac04 \aca9 \b2e8 \acc4 */ --sp-hero-top:40px; --sp-hero-bottom:32px; --sp-section:64px; --sp-block:32px; /* \c785 \b825 \cee8 \d2b8 \b864 */ --ctl-h:52px; --ctl-radius:4px; } @media (max-width:760px){ :root{ --fs-h4:1.125rem; --fs-h5:1.0625rem; --fs-lead:1.0625rem; --sp-hero-top:28px; --sp-hero-bottom:20px; --sp-section:44px; --sp-block:24px; --ctl-h:48px; } } /* ---------- 1. \d3f0 \d2b8 \d06c \ae30 \d45c \c900 \d654 ---------- */ #app h1:not(.us-sr){font-size:var(--fs-h1)!important;line-height:1.3!important;font-weight:600!important;letter-spacing:-.025em!important} #app h2{font-size:var(--fs-h2)!important;line-height:1.38!important;font-weight:600!important;letter-spacing:-.02em!important} #app .us-slide-copy h2{font-size:var(--fs-display)!important;line-height:1.3!important} #app h3{font-weight:600!important;letter-spacing:-.015em!important} #app h4{font-weight:600!important} /* h3\b7 h4\b294 \c2a4 \d06c \b9bd \d2b8 \ac00 \c6d0 \b798 \d06c \ae30 \b97c \bcf4 \ace0 \b2e8 \acc4 \b97c \bd99 \c778 \b2e4 (data-r3fs) */ #app [data-r3fs="h3"]{font-size:var(--fs-h3)!important;line-height:1.42!important} #app [data-r3fs="h4"]{font-size:var(--fs-h4)!important;line-height:1.5!important} #app [data-r3fs="h5"]{font-size:var(--fs-h5)!important;line-height:1.5!important} #app [data-r3fs="20"]{font-size:1.25rem!important} #app [data-r3fs="18"]{font-size:var(--fs-lead)!important} #app [data-r3fs="16"]{font-size:var(--fs-body)!important} #app [data-r3fs="14"]{font-size:var(--fs-small)!important} #app [data-r3fs="13"]{font-size:var(--fs-caption)!important} /* \d398 \c774 \c9c0 \d788 \c5b4 \b85c \c124 \ba85 \bb38 \c740 lead \d55c \b2e8 \acc4 \b85c */ #app :is(.page-head,.pd-hero,.depth-hero-copy,.education-hero,.dv-hero,.detail-hero)>p:not([class*=eyebrow]):not(.us-label){font-size:var(--fs-lead)!important;line-height:1.75!important} /* \d398 \c774 \c9c0 \b77c \bca8 (eyebrow)\c740 14px \d55c \b2e8 \acc4 \b85c */ #app :is(.page-head .eyebrow,.depth-hero-copy .us-label,.pd-hero .detail-eyebrow,p.eyebrow,.us-label){font-size:var(--fs-small)!important;font-weight:600!important;letter-spacing:.01em!important} /* \d5e4 \b354 \ba54 \b274 */ body>header .site-menu>summary{font-size:1.0625rem!important;font-weight:600!important} body>header .site-submenu a{font-size:var(--fs-body)!important} body>header .consult{font-size:var(--fs-small)!important} /* ---------- 2. \ac04 \aca9 \d45c \c900 \d654 ---------- */ /* \d398 \c774 \c9c0 \d788 \c5b4 \b85c (\c81c \baa9 \c601 \c5ed ) \c704 \b7 \c544 \b798 */ #app :is(.page-head,.pd-hero,.education-hero,.depth-hero,.dv-hero){padding-top:var(--sp-hero-top)!important;padding-bottom:var(--sp-hero-bottom)!important} #app .wrap>.page-head{margin-top:0!important;margin-bottom:0!important} /* \ba54 \c778 \c139 \c158 */ #app .us-home>section:not(.us-carousel):not(.portfolio-strip){padding-top:var(--sp-section)!important;padding-bottom:var(--sp-section)!important} /* \c11c \be0c \d398 \c774 \c9c0 \c139 \c158 */ #app :is(.demo-scroll-section,.demo-rental-section){padding-top:var(--sp-section)!important;padding-bottom:var(--sp-section)!important} #app :is(.service-report,.r2-process){margin-top:var(--sp-section)!important;margin-bottom:var(--sp-section)!important} #app .solution-grid+section{padding-top:var(--sp-section)!important;padding-bottom:var(--sp-section)!important} /* \be14 \b85d (\c81c \d488 \c0c1 \c138 \c139 \c158 \b7 DAVITEQ \c81c \d488 \ad70 \b7 \d68c \c0ac \c18c \ac1c \d558 \c704 \c139 \c158 ) */ #app :is(.pd-section,.dv-group,.dv-network,.depth-section){padding-top:var(--sp-block)!important;padding-bottom:var(--sp-block)!important} /* ---------- 3. \c815 \b82c : \bcf8 \bb38 \cee8 \d14c \c774 \b108 \c5d0 \b9de \cda4 ---------- */ body>header{padding-left:max(16px,calc((100% - var(--r3-container))/2))!important;padding-right:max(16px,calc((100% - var(--r3-container))/2))!important} /* \d68c \c0ac \c18c \ac1c \d788 \c5b4 \b85c : \c88c \ce21 \bb38 \ad6c \b7 \c6b0 \ce21 \c0ac \c9c4 \c744 \d0ed /\bcf8 \bb38 \d3ed (88%, \cd5c \b300 1280px)\c5d0 \b9de \cd98 \b2e4 */ #app .depth-hero{width:var(--r3-container)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important} #app .depth-hero>.depth-hero-photo{margin-right:0!important} /* DAVITEQ \c0c1 \c138 \b3c4 \b2e4 \b978 \c81c \d488 \acfc \ac19 \c740 \d3ed */ #app .wrap:has(>.dv-hero){width:var(--r3-container)!important;max-width:none!important;padding-left:0!important;padding-right:0!important} /* ---------- 4. \c81c \d488 \c0c1 \c138 "\c804 \ccb4 \c81c \d488 \bcf4 \ae30 " \c911 \bcf5 \c81c \ac70 ---------- \c0c1 \b2e8 \bcf5 \adc0 \bc14 \b97c \c228 \ae30 \ace0 , \c2a4 \d06c \b864 \d574 \b3c4 \b530 \b77c \c624 \b294 \c139 \c158 \ba54 \b274 \c758 "\2190 \c804 \ccb4 \c81c \d488 " \d558 \b098 \b9cc \b0a8 \ae34 \b2e4 . */ #app .product-return-bar{display:none!important} /* DAVITEQ: \c0c1 \b2e8 \bcf5 \adc0 \b9c1 \d06c \b7 \c81c \d488 \ad70 \ba54 \b274 \c758 \bcf5 \adc0 \b9c1 \d06c \b3c4 \c228 \ae30 \ace0 \acf5 \d1b5 \c139 \c158 \ba54 \b274 \ac83 \d558 \b098 \b9cc \b0a8 \ae40 */ #app .dv-back,#app .dv-categories .dv-all-products{display:none!important} /* ---------- 5. \b2e4 \c6b4 \b85c \b4dc \c13c \d130 \ac80 \c0c9 \bc14 \b192 \c774 \d1b5 \c77c ---------- */ #app .r2-download-controls :is(select,input,button){height:var(--ctl-h)!important;min-height:var(--ctl-h)!important;box-sizing:border-box!important;border-radius:var(--ctl-radius)!important;font-size:var(--fs-body)!important;line-height:1.2!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important} #app .r2-download-controls{align-items:end!important} #app .searchbar :is(input,button){height:var(--ctl-h)!important;box-sizing:border-box!important;font-size:var(--fs-body)!important} /* ---------- 6. GNB ---------- */ body>header .site-menu>summary.is-current{color:#0073c4!important} body>header .site-menu>summary.is-current::after{background:#0073c4} body>header .site-submenu a[aria-current=page]{color:#0073c4!important;font-weight:600!important} footer.us-site-footer .us-footer-ci{color:inherit;font-size:.8125rem;text-decoration:underline;text-underline-offset:3px;margin-right:16px} /* r2-38b7927e3bfcc8a4.css */ /* ================================================================ USENS \b9b4 \b9ac \c2a4 4 \baa9 \c5c5 \b7 \c138 \b828 \bbf8 \b808 \c774 \c5b4 (\b9b4 \b9ac \c2a4 3 \c704 \c5d0 \c5b9 \c74c ) 1 \bc30 \acbd 3\b2e8 \acc4 : \d770 \c0c9 / \c605 \c740 \d68c \c0c9 / \b124 \c774 \be44 2 \d30c \b780 \c0c9 \c740 \b204 \b974 \b294 \ac83 \c5d0 \b9cc , \b178 \b780 \c0c9 \c740 \c9e7 \c740 \c120 \c73c \b85c \b9cc 3 \c2e4 \c0ac \c9c4 (\c2ac \b77c \c774 \b4dc 2, \c0ac \c5c5 \bd84 \c57c \ce74 \b4dc , \d604 \c7a5 \c0ac \b840 ) 4 \c81c \baa9 \b300 \be44 \b7 \bcf8 \bb38 \d68c \c0c9 \d55c \b2e8 \acc4 \c9c4 \d558 \ac8c 5 \ce74 \b4dc \cd95 \c18c : \d14c \b450 \b9ac 1px, \adf8 \b9bc \c790 \c5c6 \c74c ================================================================ */ :root{ --r4-white:#ffffff; --r4-soft:#f4f6f8; --r4-navy:#0b1f33; --r4-ink:#16222c; --r4-muted:#4b5a66; --r4-line:#e2e7eb; --r4-blue:#0073c4; --r4-yellow:#ffce3e; } /* ---------- 1. \bc30 \acbd 3\b2e8 \acc4 ---------- */ body,#app,#app .us-home{background:var(--r4-white)!important} body>header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--r4-line)!important;backdrop-filter:saturate(1.2) blur(6px)} #app .us-home .portfolio-strip{background:var(--r4-white)!important;border-top:1px solid var(--r4-line);border-bottom:1px solid var(--r4-line)} #app .us-home .structure-business{background:var(--r4-white)!important} #app .us-home .us-products-section{background:var(--r4-soft)!important} #app .us-home .r4-cases{background:var(--r4-white)!important} #app .us-home .rich-support-section{background:var(--r4-soft)!important} #app .us-home .structure-resources,#app .us-home .structure-company,#app .us-home .home-rnd-separate{display:none!important} footer.us-site-footer{background:var(--r4-white)!important;border-top:1px solid var(--r4-line)} /* \c139 \c158 \c548 \c758 \c5f0 \d55c \ccad \d68c \c0c9 \ba74 \c81c \ac70 */ #app .us-home :is(.business-grid article,.business-copy,.us-product-card,.product-card,.rich-support-section [class*=panel]){background:var(--r4-white)!important;box-shadow:none!important} /* ---------- 2. \d30c \b780 \c0c9 \c808 \c81c \b7 \b178 \b780 \c120 ---------- */ #app .us-home :is(.us-label,.us-section-heading .us-label){color:var(--r4-muted)!important;font-weight:600!important;letter-spacing:.02em!important;display:flex;align-items:center;gap:10px} #app .us-home :is(.us-section-heading .us-label,.r4-cases .us-label)::before{content:"";width:28px;height:3px;background:var(--r4-yellow);display:inline-block} #app .us-home .business-brands a{color:var(--r4-ink)!important;font-weight:600!important} #app .us-home .us-text-link{color:var(--r4-blue)!important} /* ---------- 4. \c81c \baa9 \b7 \bcf8 \bb38 \b300 \be44 ---------- */ #app .us-home h2{color:var(--r4-ink)!important;font-weight:700!important;letter-spacing:-.03em!important} #app .us-home .us-slide-copy h2{color:#fff!important;font-weight:700!important} #app .us-home :is(.us-section-heading>p,.business-copy p,.us-product-description){color:var(--r4-muted)!important} /* ---------- \c139 \c158 \c81c \baa9 : \c124 \ba85 \c744 \c81c \baa9 \bc14 \b85c \c544 \b798 \b85c (\c624 \b978 \cabd \b05d \c5d0 \b5a8 \c5b4 \c838 \c788 \b358 \c124 \ba85 \bb38 ) ---------- */ #app .us-home .us-section-heading{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:14px!important;text-align:left!important;margin-bottom:36px!important} #app .us-home .us-section-heading>div{max-width:none!important} #app .us-home .us-section-heading>p,#app .us-home .us-section-heading>div>p:not(.us-label){margin:0!important;max-width:44em!important;font-size:1.125rem!important;line-height:1.75!important;color:#33424d!important;text-align:left!important} #app .us-home .us-section-heading h2 br{display:inline} /* ---------- 3\b7 5. \c0ac \c5c5 \bd84 \c57c : \d070 \c0ac \c9c4 \d0c0 \c77c ---------- */ #app .us-home .business-grid{gap:20px!important} #app .us-home .business-grid article{border:1px solid var(--r4-line)!important;border-radius:0!important;overflow:hidden} #app .us-home .business-image{position:relative;display:block!important;width:100%!important;max-width:none!important;margin:0!important;aspect-ratio:4/3;overflow:hidden} #app .us-home .business-image img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .6s ease} #app .us-home .business-image:hover img{transform:scale(1.04)} #app .us-home .business-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,31,51,0) 45%,rgba(11,31,51,.82) 100%)!important} #app .us-home .business-image>span{position:absolute;left:24px;bottom:20px;z-index:1;color:#fff!important;background:none!important} #app .us-home .business-image>span strong{display:block;font-size:1.75rem!important;font-weight:700!important;color:#fff!important} /* \c81c \d488 \ce74 \b4dc */ #app .us-home :is(.us-product-card,.product-card){border:1px solid var(--r4-line)!important;border-radius:0!important} /* ---------- \d604 \c7a5 \c0ac \b840 (\c0c8 \c139 \c158 ) ---------- */ #app .r4-cases{padding:var(--sp-section,64px) 0} #app .r4-cases .r4-wrap{width:min(88%,1280px);margin:auto;display:grid;gap:28px} #app .r4-cases .r4-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap} #app .r4-cases .r4-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} #app .r4-case{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;color:#fff!important;text-decoration:none!important;background:var(--r4-navy)} #app .r4-case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease} #app .r4-case:hover img{transform:scale(1.05)} #app .r4-case::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,31,51,.05) 35%,rgba(11,31,51,.9) 100%)} #app .r4-case .r4-case-copy{position:absolute;left:20px;right:20px;bottom:20px;z-index:1;display:grid;gap:6px} #app .r4-case .r4-tag{justify-self:start;font-size:.75rem;font-weight:700;letter-spacing:.04em;color:var(--r4-navy);background:var(--r4-yellow);padding:2px 8px} #app .r4-case strong{font-size:1.1875rem;line-height:1.4;font-weight:700;word-break:keep-all} #app .r4-case small{font-size:.8125rem;color:#c9d6e2} @media(max-width:900px){#app .r4-cases .r4-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){#app .r4-cases .r4-grid{grid-template-columns:1fr}#app .r4-case{aspect-ratio:4/3}} /* ---------- \c5f0 \ad6c \ac1c \bc1c \ace0 \b3c4 \d654 : \ae00 \c704 \b7 \ac00 \b85c \c21c \d658 \b3c4 \c2dd \c544 \b798 (\acf5 \bc31 \d574 \c18c ) ---------- */ #app .r4-rnd-goal .rd-project-body{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:32px!important} #app .r4-rnd-goal .rd-project-copy{order:1;max-width:none!important} #app .r4-rnd-goal .rd-project-copy ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;padding-left:1.1em} #app .r4-rnd-goal .rd-research-map{display:none!important} #app .r4-loop-wrap{order:2;margin:0!important;display:grid;gap:10px;width:100%!important;max-width:none!important;grid-column:1/-1} #app .r4-loop{display:block;width:100%!important;max-width:none!important;height:auto!important} #app .r4-loop-wrap figcaption{font-size:.8125rem;color:var(--r4-muted)} #app .r4-loop .l{fill:none;stroke:#9fb8cc;stroke-width:1.5} #app .r4-loop .ly{fill:none;stroke:#ffce3e;stroke-width:1.5;stroke-dasharray:6 5} #app .r4-loop .b-in{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.35)} #app .r4-loop .b-core{fill:rgba(0,115,196,.10);stroke:#4f9bd6;stroke-width:1.5} #app .r4-loop .b-step{fill:#fff;stroke:none} #app .r4-loop .b-out{fill:rgba(255,255,255,.06);stroke:#ffce3e;stroke-width:1.5} #app .r4-loop .b-chip{fill:none;stroke:#9fb8cc} #app .r4-loop text{font-family:"Pretendard Variable",Pretendard,"Malgun Gothic",sans-serif;text-anchor:middle} #app .r4-loop .t-mono{font-family:Consolas,"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.12em;fill:#ffce3e;text-anchor:start} #app .r4-loop .t-in{font-size:17px;fill:#e8eef4;font-weight:600} #app .r4-loop .t-no{font-family:Consolas,monospace;font-size:13px;fill:#0073c4;font-weight:700} #app .r4-loop .t-step{font-size:18px;fill:#0b1f33;font-weight:700} #app .r4-loop .t-cap{font-size:14px;fill:#9fb8cc} #app .r4-loop .t-out{font-size:22px;fill:#fff;font-weight:700} #app .r4-loop .t-cap2{font-size:15px;fill:#c9d6e2} #app .r4-loop .t-chip{font-size:13px;fill:#c9d6e2;font-family:Consolas,monospace} #app .r4-loop .t-fb{font-size:15px;fill:#ffce3e;font-weight:600} @media(max-width:760px){ #app .r4-rnd-goal .rd-research-map{display:block!important;order:2} #app .r4-loop-wrap{display:none!important} #app .r4-rnd-goal .rd-project-copy ul{grid-template-columns:1fr} } /* ---------- \b9c8 \c9c0 \b9c9 \c0c1 \b2f4 \b760 (\b124 \c774 \be44 ) ---------- */ #app .r4-cta{background:var(--r4-navy);color:#e8eef4;padding:72px 0;position:relative;overflow:hidden} #app .r4-cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:40px 40px} #app .r4-cta .r4-wrap{position:relative;width:min(88%,1280px);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap} #app .r4-cta h2{color:#fff!important;margin:0} #app .r4-cta p{color:#b9c8d6;margin:10px 0 0;font-size:1.0625rem} #app .r4-cta .r4-actions{display:flex;gap:10px;flex-wrap:wrap} #app .r4-cta a{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 24px;font-weight:700;text-decoration:none!important;border:1px solid rgba(255,255,255,.4);color:#fff!important} #app .r4-cta a.r4-primary{background:#fff;color:var(--r4-navy)!important;border-color:#fff} #app .r4-cta .r4-bar{width:40px;height:3px;background:var(--r4-yellow);margin-bottom:18px} /* ---------- \c81c \d488 \ce74 \b4dc : \d589 \b7 \c5f4 \c815 \b82c (\c0ac \c9c4 \af49 \cc44 \c6c0 \b7 \c67c \cabd \c815 \b82c \b7 \b9c1 \d06c \d558 \b2e8 \ace0 \c815 ) ---------- */ #app .us-home .rich-product-track{align-items:stretch!important} #app .us-home .us-product-card{display:flex!important;flex-direction:column!important;padding:0!important} #app .us-home .us-product-card>a:first-child{display:flex!important;flex-direction:column!important;flex:1 1 auto} #app .us-home .us-product-photo{aspect-ratio:4/3;height:auto!important;padding:0!important;overflow:hidden;background:#e9edf0!important} #app .us-home .us-product-photo img{width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important;transition:transform .6s ease} #app .us-home .us-product-card:hover .us-product-photo img{transform:scale(1.04)} #app .us-home .rich-product-tag{border-radius:0!important;font-weight:600!important} #app .us-home .product-card-copy{flex:1 1 auto;text-align:left!important;padding:24px 28px 28px!important;display:flex;flex-direction:column;gap:10px} #app .us-home .product-card-copy>*{margin:0!important;text-align:left!important} #app .us-home .product-card-brand{font-family:Consolas,"IBM Plex Mono",monospace!important;font-size:.8125rem!important;letter-spacing:.06em!important;font-weight:600!important;color:var(--r4-muted)!important;text-transform:uppercase} #app .us-home .product-card-copy h3{font-size:1.25rem!important;line-height:1.4!important;font-weight:700!important;color:var(--r4-ink)!important;letter-spacing:-.02em!important;word-break:keep-all} #app .us-home .us-product-card[data-r4p] .us-product-description{display:none!important} #app .r4-desc{display:block;font-size:1rem;line-height:1.7;color:var(--r4-muted);word-break:keep-all} #app .us-home .us-product-card>a.us-text-link{padding:0 28px 24px!important;margin-top:-8px;text-align:left!important} #app .us-home .r4-hide{display:none!important} #app .us-home .r4-count{font-family:Consolas,"IBM Plex Mono",monospace;letter-spacing:.08em;color:var(--r4-muted);margin-left:auto} /* ---------- \c0ac \c5c5 \bd84 \c57c \ce74 \b4dc : \c124 \ba85 \b450 \c904 \b7 \be0c \b79c \b4dc \b7 \b9c1 \d06c \d558 \b2e8 \c815 \b82c ---------- */ #app .us-home .business-grid{align-items:stretch!important} #app .us-home .business-grid article{display:flex!important;flex-direction:column!important} #app .us-home .business-copy{flex:1 1 auto;display:flex!important;flex-direction:column!important;gap:16px;padding:24px 28px 28px!important} #app .us-home .business-grid article[data-r4b] .business-copy>p:not(.r4-bdesc){display:none!important} #app .us-home .r4-bdesc{margin:0!important;font-size:1rem!important;line-height:1.7!important;color:var(--r4-muted)!important;min-height:5.1em;word-break:keep-all} #app .us-home .business-brands{margin:0!important;display:flex;flex-wrap:wrap;gap:6px 18px} #app .us-home .business-copy>.us-text-link{margin-top:auto!important;padding-top:8px} /* ---------- \d604 \c7a5 \c801 \c6a9 \c9c0 \c6d0 : \ac00 \c6b4 \b370 \c815 \b82c \2192 \c67c \cabd \c815 \b82c ---------- */ #app .us-home .rich-service-copy,#app .us-home .rich-service-copy *{text-align:left!important} #app .us-home .rich-service-copy :is(a,button){margin-left:0!important} /* \c9c0 \c815 \c904 \bc14 \afc8 \c740 \b113 \c740 \d654 \ba74 \c5d0 \c11c \b9cc */ #app .r4-line{display:block;text-wrap:balance} @media(max-width:520px){#app .r4-line{display:inline;text-wrap:wrap}#app .us-home .r4-bdesc{min-height:0}} /* ================================================================ 1\b2e8 \acc4 \b7 \c804 \d398 \c774 \c9c0 \d1b5 \c77c (\d558 \c704 \d398 \c774 \c9c0 ) ================================================================ */ #app :is(.depth-page,.detail-site){background:#fff!important} #app h1,#app h2{letter-spacing:-.03em!important;text-wrap:balance} /* \baa8 \c11c \b9ac \b7 \adf8 \b9bc \c790 */ #app :is(article,figure,img,details,table,[class*=card],[class*=panel],[class*=range],[class*=sheet],[class*=step],[class*=hub],[class*=story],[class*=stage],[class*=help],[class*=library],[class*=report],[class*=process],[class*=project],[class*=visit],[class*=jumps],[class*=middleware],[class*=disclosure],[class*=contact],[class*=enquiry]){border-radius:0!important;box-shadow:none!important} /* \bc84 \d2bc : \b124 \c774 \be44 \cc44 \c6c0 \b7 \ac01 \c9c4 \baa8 \c11c \b9ac \b7 52px \b7 \b204 \b974 \ba74 \d30c \b791 */ #app :is(.us-primary,.detail-button,a.btn,button.btn){background:var(--r4-navy)!important;color:#fff!important;border:1px solid var(--r4-navy)!important;border-radius:0!important;min-height:52px;display:inline-flex!important;align-items:center;justify-content:center;gap:10px;padding:0 24px!important;font-weight:700!important;box-shadow:none!important;text-decoration:none!important;transition:background-color .2s,border-color .2s,color .2s} #app :is(.us-primary,.detail-button,a.btn,button.btn):hover{background:var(--r4-blue)!important;border-color:var(--r4-blue)!important;color:#fff!important} #app :is(.us-primary,.detail-button,a.btn,button.btn):active{transform:translateY(1px)} #app :is(.us-primary,.detail-button,a.btn,button.btn):focus-visible{outline:2px solid var(--r4-yellow);outline-offset:3px} /* \b124 \c774 \be44 \ba74 \b7 \c0ac \c9c4 \c704 \bc84 \d2bc \c740 \d770 \c0c9 */ #app :is([data-r4n],.support-hub-contact,.program-enquiry,.service-photo-hero,.detail-hero,.training-real-hero,.education-hero) :is(.us-primary,.detail-button,a.btn){background:#fff!important;color:var(--r4-navy)!important;border-color:#fff!important} #app :is([data-r4n],.support-hub-contact,.program-enquiry,.service-photo-hero,.detail-hero,.training-real-hero,.education-hero) :is(.us-primary,.detail-button,a.btn):hover{background:var(--r4-yellow)!important;border-color:var(--r4-yellow)!important;color:var(--r4-navy)!important} /* \c0ac \c9c4 \c704 \ac00 \b9bc \b9c9 : \d30c \b780 \2192 \b124 \c774 \be44 */ #app .detail-hero-shade{background:linear-gradient(90deg,rgba(11,31,51,.92),rgba(11,31,51,.72) 40%,rgba(11,31,51,.06) 78%)!important} #app .service-photo-hero::after{background:linear-gradient(90deg,rgba(11,31,51,.92),rgba(11,31,51,.68) 40%,rgba(11,31,51,.03) 80%)!important} #app .rd-system-diagram{background:var(--r4-soft)!important} #app .education-principles-editorial{background:var(--r4-navy)!important} /* \c791 \c740 \b77c \bca8 : \ace0 \c815 \d3ed \b7 \d68c \c0c9 */ #app :is(.support-kicker,.br-label,[class*=kicker],[class*=eyebrow]){font-size:.8125rem!important;letter-spacing:.06em!important;font-weight:600!important;color:var(--r4-muted)!important} #app :is([data-r4n],.detail-hero,.service-photo-hero) :is(.support-kicker,.br-label,[class*=kicker],[class*=eyebrow],p:first-child){color:#c9d6e2!important} /* \c0ac \c591 \d45c : \c67c \cabd \c815 \b82c \b7 \c22b \c790 \c790 \b9bf \c218 \b9de \cda4 */ #app .spec-sheet :is(th,td){text-align:left!important} #app .spec-sheet td{font-variant-numeric:tabular-nums} #app .spec-sheet-heading{text-align:left!important} /* \c790 \b8cc \ce74 \b4dc \c758 \b2e4 \c6b4 \b85c \b4dc \bc84 \d2bc : \d30c \b780 \cc44 \c6c0 \2192 \d14c \b450 \b9ac \d615 (\bcf4 \c870 \bc84 \d2bc ) */ #app .r2-document a{background:transparent!important;color:var(--r4-navy)!important;border:1px solid var(--r4-navy)!important;border-radius:0!important;box-shadow:none!important;transition:background-color .2s,color .2s} #app .r2-document a:hover{background:var(--r4-navy)!important;color:#fff!important} #app .r2-document a::after,#app .r2-document a::before{color:inherit!important} #app :is(.detail-help,[class*=help]){border-left-color:var(--r4-yellow)!important} /* \ae30 \c220 \c11c \be44 \c2a4 \b7 \c9c4 \b3d9 \d3c9 \ac00 \b3c4 \d45c */ #app .vibration-evaluation .r4-eval-fig{padding:0!important;border-top:0!important;background:var(--r4-navy)!important} #app .r4-eval{display:block;width:100%;height:auto} #app .r4-eval text{font-family:"Pretendard Variable",Pretendard,"Malgun Gothic",sans-serif} #app .r4-eval .e-mono{font-family:Consolas,"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.12em;fill:#ffce3e} #app .r4-eval .e-title{font-size:24px;font-weight:700;fill:#fff} #app .r4-eval .e-step{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.28)} #app .r4-eval .e-no{font-family:Consolas,monospace;font-size:12px;font-weight:700;fill:#ffce3e} #app .r4-eval .e-st{font-size:15px;font-weight:700;fill:#fff} #app .r4-eval .e-sm{font-size:11px;fill:#9fb8cc} #app .r4-eval .e-l{fill:none;stroke:#9fb8cc;stroke-width:1.4} #app .r4-eval .e-b{stroke:rgba(255,255,255,.28);stroke-dasharray:4 4} #app .r4-eval .e-axis{fill:none;stroke:#9fb8cc;stroke-width:1.2} #app .r4-eval .e-ax{font-family:Consolas,monospace;font-size:11px;fill:#9fb8cc} #app .r4-eval .e-z{font-family:Consolas,monospace;font-size:15px;font-weight:700;fill:#fff} #app .r4-eval .e-zs{font-size:10.5px;fill:#9fb8cc} #app .r4-eval .e-trend{fill:none;stroke:#e8eef4;stroke-width:2} #app .r4-eval .e-pt{fill:#0b1f33;stroke:#e8eef4;stroke-width:2} #app .r4-eval .e-ring{fill:none;stroke:#ffce3e;stroke-width:2} #app .r4-eval .e-last{fill:#ffce3e} #app .r4-eval .e-call{stroke:#ffce3e;stroke-width:1.2} #app .r4-eval .e-callbox{fill:#0b1f33;stroke:#ffce3e} #app .r4-eval .e-ct{font-size:13px;font-weight:700;fill:#ffce3e} #app .r4-eval .e-cs{font-size:12px;fill:#e8eef4} #app .r4-eval .e-foot{font-size:11px;fill:#7f97ab} #app .r4-eval .e-axk{font-size:12px;fill:#9fb8cc} /* \ae30 \c220 \ad50 \c721 \ccab \d654 \ba74 \b77c \bca8 : \d750 \b9b0 \ae00 \c528 \2192 \b178 \b780 \c120 + \d68c \c0c9 \b77c \bca8 */ #app .education-hero p:first-child{color:var(--r4-muted)!important;font-weight:600!important;display:flex;align-items:center;gap:10px} #app .education-hero p:first-child::before{content:"";width:28px;height:3px;background:var(--r4-yellow)} /* Hansford \b450 \acc4 \c5f4 \ac15 \c870 */ #app .r4-lineup{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important} #app .r4-lineup>div{background:#fff!important;border:1px solid var(--r4-line)!important;border-top:3px solid var(--r4-navy)!important;padding:28px 30px!important;display:flex;flex-direction:column;gap:10px} #app .r4-lineup .r4-model{font-family:Consolas,"IBM Plex Mono",monospace;font-size:.8125rem;letter-spacing:.08em;color:var(--r4-muted);font-weight:600} #app .r4-lineup h3{margin:0!important;font-size:1.375rem!important;font-weight:700!important;color:var(--r4-ink)!important} #app .r4-lineup p{margin:0!important;color:#33424d!important;line-height:1.7!important} #app .r4-lineup .us-text-link{margin-top:auto;color:var(--r4-blue)!important;font-weight:600} @media(max-width:760px){#app .r4-lineup{grid-template-columns:1fr!important}} /* SDT \c801 \c6a9 \bd84 \c57c 4\ac1c : 2\d7 2 */ #app .r4-grid4{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important} @media(max-width:760px){#app .r4-grid4{grid-template-columns:1fr!important}} /* ================================================================ \c81c \d488 \c0c1 \c138 \d45c \c900 \d2c0 (Stitch \c2dc \c548 \bc18 \c601 ) ================================================================ */ /* \c139 \c158 \bc88 \d638 */ #app .r4-sec-no{display:flex;align-items:center;gap:10px;margin:0 0 6px!important;font-family:Consolas,"IBM Plex Mono",monospace;font-size:.8125rem;font-weight:600;letter-spacing:.1em;color:var(--r4-muted)!important} #app .r4-sec-no::before{content:"";width:28px;height:3px;background:var(--r4-yellow)} /* \ccab \d654 \ba74 \d0a4 \c6cc \b4dc \2192 \ace0 \c815 \d3ed \c791 \c740 \b77c \bca8 */ #app :is(.pd-hero,.br-hero) .br-facts span{font-family:Consolas,"IBM Plex Mono",monospace!important;font-size:.8125rem!important;letter-spacing:.04em;background:#fff!important;border:1px solid var(--r4-line)!important;border-radius:0!important;color:var(--r4-ink)!important} /* \d575 \c2ec \c218 \ce58 4\ce78 */ #app .r4-keyfacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--r4-line);background:#fff;margin:28px 0 8px} #app .r4-keyfacts>div{padding:18px 22px;display:grid;gap:4px;border-left:1px solid var(--r4-line)} #app .r4-keyfacts>div:first-child{border-left:0} #app .r4-kf-no{font-family:Consolas,monospace;font-size:.75rem;color:var(--r4-blue);font-weight:700;letter-spacing:.08em} #app .r4-kf-label{font-size:.8125rem;color:var(--r4-muted)} #app .r4-keyfacts strong{font-family:Consolas,"IBM Plex Mono",monospace;font-size:1.0625rem;color:var(--r4-ink);font-weight:700;font-variant-numeric:tabular-nums;word-break:keep-all} @media(max-width:760px){#app .r4-keyfacts{grid-template-columns:repeat(2,minmax(0,1fr))}#app .r4-keyfacts>div:nth-child(3){border-left:0}#app .r4-keyfacts>div:nth-child(n+3){border-top:1px solid var(--r4-line)}} /* \c81c \d488 \d2b9 \c9d5 : \c0c1 \c790 \d615 3\ce78 */ #app .pd-features{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--r4-line);background:#fff} #app .pd-features>div{padding:24px 26px!important;border-left:1px solid var(--r4-line);display:flex;flex-direction:column;gap:10px;background:#fff!important} #app .pd-features>div:first-child{border-left:0} #app .pd-features span{display:inline-grid;place-items:center;width:34px;height:26px;border:1px solid var(--r4-line);font-family:Consolas,monospace;font-size:.8125rem!important;font-weight:700;color:var(--r4-ink)!important} #app .pd-features h3{margin:0!important;font-size:1.1875rem!important;font-weight:700!important;color:var(--r4-ink)!important} @media(max-width:760px){#app .pd-features{grid-template-columns:1fr!important}#app .pd-features>div{border-left:0;border-top:1px solid var(--r4-line)}#app .pd-features>div:first-child{border-top:0}} /* \c81c \d488 \ad6c \c131 : \c704 \cabd \b124 \c774 \be44 \c120 \ce74 \b4dc */ #app .pd-lineup>div{background:#fff!important;border:1px solid var(--r4-line)!important;border-top:3px solid var(--r4-navy)!important;padding:22px 24px!important} #app .pd-lineup h3{font-size:1.125rem!important;font-weight:700!important;color:var(--r4-ink)!important;margin:0 0 6px!important} /* \c0ac \c591 \d45c : \b124 \c774 \be44 \ba38 \b9ac \ae00 \b7 \c904 \bb34 \b2ac \b7 \c790 \b9bf \c218 \c815 \b82c */ #app .spec-table-wrap table{border-collapse:collapse!important;width:100%} #app .spec-table-wrap thead th{background:var(--r4-navy)!important;color:#fff!important;font-weight:600!important} #app .spec-table-wrap tbody tr:nth-child(even) :is(th,td){background:#f8f9fb!important} #app .spec-table-wrap :is(th,td){border-bottom:1px solid var(--r4-line)!important;padding:12px 16px!important;font-variant-numeric:tabular-nums} #app .spec-table-wrap tbody th{color:var(--r4-ink)!important;font-weight:600!important;width:28%} /* \ad6c \c131 \b7 \c801 \c6a9 \d750 \b984 : \b124 \c774 \be44 \bc14 \d0d5 + \d770 \b2e8 \acc4 */ #app .pd-flow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:44px!important;background:var(--r4-navy)!important;padding:28px!important;list-style:none!important;margin:0!important;position:relative} #app .pd-flow li{background:#fff!important;border:0!important;padding:20px 22px!important;position:relative;display:grid;gap:8px} #app .pd-flow li span{font-family:Consolas,monospace;font-size:.75rem;letter-spacing:.1em;color:var(--r4-blue)!important;font-weight:700} #app .pd-flow li strong{font-size:1.0625rem;color:var(--r4-ink)} #app .pd-flow li:not(:last-child)::after{content:"\2192 ";position:absolute;right:-32px;top:50%;transform:translateY(-50%);color:var(--r4-yellow);font-weight:700;font-size:1.25rem} @media(max-width:760px){#app .pd-flow{grid-template-columns:1fr!important;gap:14px!important}#app .pd-flow li:not(:last-child)::after{content:"\2193 ";right:auto;left:50%;top:auto;bottom:-22px;transform:none}} /* \c790 \b8cc \ce74 \b4dc \bc84 \d2bc : \d14c \b450 \b9ac \d615 */ #app .two-doc-card a{background:transparent!important;color:var(--r4-navy)!important;border:1px solid var(--r4-navy)!important;border-radius:0!important;box-shadow:none!important} #app .two-doc-card a:hover{background:var(--r4-navy)!important;color:#fff!important} #app .two-doc-card{border-radius:0!important;box-shadow:none!important} /* \b3c4 \c785 \c9c0 \c6d0 3\ce78 */ #app .pd-support article{background:#fff!important;border:1px solid var(--r4-line)!important;padding:24px 26px!important} #app .pd-support article h3{font-weight:700!important;color:var(--r4-ink)!important} /* \c81c \d488 \c0c1 \c138 \b05d \c0c1 \b2f4 \b760 */ #app .r4-cta-pd{margin-top:56px} /* \c139 \c158 \bc88 \d638 \c640 \acb9 \ce58 \b294 \c601 \bb38 \b77c \bca8 \c228 \ae40 \b7 \ce74 \b4dc \c815 \b82c */ #app :is(.pd-section,.br-section,.application-section) :is(.eyebrow,.application-heading>div>p:first-child){display:none!important} #app .pd-section>p:first-child:not(.r4-sec-no){display:none!important} #app .pd-features>div{align-items:flex-start!important;text-align:left!important} #app .pd-lineup>div,#app .pd-lineup{border-radius:0!important} #app .pd-lineup>div *{text-align:left!important} #app .r4-gone{display:none!important} #app .two-document-section>h2,#app .two-document-section h2{text-align:left!important} /* ================================================================ \d488 \c9c8 \c810 \ac80 \c218 \c815 (2026-10-01): \c774 \bbf8 \c9c0 \c798 \b9bc \b7 \b465 \adfc \baa8 \c11c \b9ac \b7 \ac00 \c6b4 \b370 \c815 \b82c \b7 \c7a5 \c2dd \b77c \bca8 ================================================================ */ /* \c774 \bbf8 \c9c0 \b465 \adfc \baa8 \c11c \b9ac \ae08 \c9c0 */ #app :is(img,figure,picture,[class*=photo],[class*=image],[class*=visual],[class*=stage],[class*=node]){border-radius:0!important} /* \c0ac \c591 \d45c \c704 \c7a5 \c2dd \c0ac \c9c4 \c81c \ac70 \2192 \b124 \c774 \be44 \c81c \baa9 \c904 \b9cc */ #app .spec-sheet-heading img{display:none!important} #app .spec-sheet-heading{min-height:0!important;padding:18px 24px!important;text-align:left!important;background:var(--r4-navy)!important;background-image:none!important} #app .spec-sheet-heading *{text-align:left!important} #app .spec-sheet-heading::before,#app .spec-sheet-heading::after{display:none!important} /* \c81c \d488 \b7 \c7a5 \be44 \c0ac \c9c4 \c740 \c798 \b9ac \c9c0 \c54a \ac8c */ #app :is(.br-product-stage,.pd-visual,.br-range-photo,.rd-system-node,.dv-hero figure) img{object-fit:contain!important;object-position:center!important;background:#fff} #app .rd-system-node img{width:100%!important;aspect-ratio:4/3;height:auto!important} #app .depth-hero-photo img,#app .company-engineering-photo img{object-fit:cover!important;object-position:center!important} /* \bcf8 \bb38 \b7 \d45c \b7 \c124 \ba85 \c67c \cabd \c815 \b82c */ #app :is(p,li,dd,dt,td,th,figcaption,h2,h3,h4):not(.us-slide-copy *):not(.r4-cta *):not(svg *){text-align:left!important} #app :is(.rd-system-node,.rd-system-node *){text-align:left!important} /* \c139 \c158 \d45c \c2dc : \bc88 \d638 \c5c6 \c774 \b178 \b780 \c120 \b9cc */ #app .r4-sec-no{height:3px;width:28px;background:var(--r4-yellow);margin:0 0 14px!important;font-size:0!important} #app .r4-sec-no::before{display:none} #app :has(> img),#app :has(> picture){border-radius:0!important} /* R&D \d750 \b984 \b3c4 : \c138 \ce78 \ac19 \c740 4:3 \d2c0 \b7 \c81c \baa9 \b7 \c124 \ba85 \c2dc \c791 \c120 \b9de \cda4 */ #app .rd-system-flow,#app .rd-system{align-items:start!important} #app .rd-system-node{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:0!important} #app .rd-system-node img{width:100%!important;aspect-ratio:4/3!important;height:auto!important;object-fit:contain!important;background:#fff!important;border:1px solid var(--r4-line)!important;padding:0!important;margin:0!important} #app .rd-system-node img[src*="r4-rnd-system"]{object-fit:cover!important;background:#0b1f33!important} #app .rd-system-node :is(strong,span,small){margin:0!important;padding-left:0!important;text-indent:0!important} #app .rd-system-node small{align-self:flex-start;padding:6px 10px!important} #app .rd-system-arrow{align-self:center!important;margin-top:-40px} #app :has(> .rd-system-node){display:grid!important;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr)!important;gap:16px!important;align-items:start!important} #app .rd-system-node.rd-edge-node{transform:none!important;width:auto!important} #app .rd-system-arrow{margin-top:0!important;padding-top:calc((100% * 0))!important;align-self:start!important;position:relative;top:90px;text-align:center!important} @media(max-width:760px){#app :has(> .rd-system-node){grid-template-columns:1fr!important}#app .rd-system-arrow{top:0;transform:rotate(90deg)}} #app .spec-sheet-heading{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important} #app .spec-sheet-heading>*{margin-left:0!important;margin-right:auto!important;text-align:left!important;align-self:flex-start!important;position:static!important;transform:none!important} /* \ba54 \c778 \c2ac \b77c \c774 \b4dc \c778 \d3ec \adf8 \b798 \d53d \c6c0 \c9c1 \c784 \b808 \c774 \c5b4 */ #app .studio-hero-art{position:relative} #app .r4-fx{position:absolute;right:3%;bottom:16%;width:min(42vw,560px);height:auto;z-index:2;pointer-events:none;opacity:0;transition:opacity .6s} #app .r4-fx.is-on{opacity:1} #app .r4-fx .fx-panel{fill:rgba(11,31,51,.62);stroke:rgba(255,255,255,.35);stroke-width:1} #app .r4-fx .fx-t{font-family:"Pretendard Variable",Pretendard,sans-serif;font-size:12px;fill:#e8eef4;font-weight:600} #app .r4-fx .fx-draw{fill:none;stroke:#ffce3e;stroke-width:2;stroke-dasharray:420;stroke-dashoffset:420} #app .r4-fx.is-on .fx-draw{animation:r4draw 3.2s ease-out infinite} #app .r4-fx .fx-ping circle{fill:#ffce3e} #app .r4-fx .fx-ring{fill:none!important;stroke:#ffce3e;stroke-width:2;transform-box:fill-box;transform-origin:center;opacity:0} #app .r4-fx.is-on .fx-ring{animation:r4ring 2.4s ease-out infinite} #app .r4-fx.is-on .fx-d2{animation-delay:1.2s} #app .r4-fx .fx-scan{fill:rgba(190,150,255,.7);filter:drop-shadow(0 0 6px rgba(190,150,255,.9))} #app .r4-fx.is-on .fx-scan{animation:r4scan 3.6s ease-in-out infinite alternate} #app .r4-fx .fx-track{stroke:rgba(255,255,255,.45);stroke-width:2} #app .r4-fx .fx-move{fill:#ffce3e} #app .r4-fx.is-on .fx-move{animation:r4move 4s ease-in-out infinite} #app .r4-fx .fx-bar{fill:#ffce3e;transform-box:fill-box;transform-origin:bottom} #app .r4-fx.is-on .fx-bar{animation:r4bar 1.6s ease-in-out infinite alternate} @keyframes r4draw{0%{stroke-dashoffset:420}60%,100%{stroke-dashoffset:0}} @keyframes r4ring{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(4)}} @keyframes r4scan{0%{transform:translateX(-120px)}100%{transform:translateX(150px)}} @keyframes r4move{0%{transform:translateX(0)}45%,55%{transform:translateX(114px)}100%{transform:translateX(228px)}} @keyframes r4bar{0%{transform:scaleY(.35)}100%{transform:scaleY(1)}} @media(max-width:760px){#app .r4-fx{display:none}} @media(prefers-reduced-motion:reduce){#app .r4-fx{display:none}} /* \c778 \d3ec \adf8 \b798 \d53d \d328 \b110 : \c870 \c791 \bc84 \d2bc \c704 \cabd , \c704 \ce58 \b97c \ac00 \b9ac \d0a4 \c9c0 \c54a \b294 \b370 \c774 \d130 \d328 \b110 \b9cc */ #app .r4-fx{bottom:auto!important;top:14%!important;right:4%!important;width:min(30vw,400px)!important} #app .r4-fx{display:none!important} /* \c139 \c158 \c774 \b984 \b77c \bca8 : 13px \d68c \c0c9 \2192 15px \ad75 \ac8c \c9c4 \d55c \b0a8 \c0c9 (\c0ac \c6a9 \c790 \d53c \b4dc \bc31 : \b108 \bb34 \c791 \c544 \c548 \bcf4 \c784 ) */ #app .us-home :is(.us-label,.us-section-heading .us-label,.r4-cases .us-label), #app :is(.support-kicker,.br-label,[class*=kicker],[class*=eyebrow]):not(:is([data-r4n],.detail-hero,.service-photo-hero) *){font-size:.9375rem!important;font-weight:700!important;color:var(--r4-ink)!important;letter-spacing:0!important} #app .us-home :is(.us-section-heading .us-label,.r4-cases .us-label)::before{width:32px!important} /* \d575 \c2ec \c218 \ce58 : \bcf8 \bb38 \acfc \ac19 \c740 \ae00 \af34 (Pretendard) + \c22b \c790 \c790 \b9bf \c218 \c815 \b82c , \b77c \bca8 \c798 \b9bc \c218 \c815 */ #app .r4-keyfacts{overflow:visible!important;margin-top:32px!important} #app .r4-keyfacts>div{padding:18px 22px 20px!important;gap:6px!important;overflow:visible!important} #app .r4-kf-label{display:block;font-size:.8125rem!important;line-height:1.4!important;color:var(--r4-muted)!important;font-weight:500} #app .r4-keyfacts strong{font-family:"Pretendard Variable",Pretendard,"Malgun Gothic",sans-serif!important;font-size:1.125rem!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.4!important;font-variant-numeric:tabular-nums} /* 2\c5f4 \d45c : \b0b4 \c6a9 \d3ed \c5d0 \b9de \cda4 */ #app table.r4-narrow{width:auto!important;min-width:min(560px,100%);max-width:820px!important} #app table.r4-narrow th:first-child,#app table.r4-narrow td:first-child{width:auto!important;min-width:180px;white-space:nowrap} #app table.r4-narrow td{padding-right:40px!important} #app .spec-table-wrap:has(table.r4-narrow){overflow-x:auto} /* \c0ac \c591 \d45c \d1a4 \c644 \d654 (2026-10-01): \b124 \c774 \be44 \b369 \c5b4 \b9ac 2\ac1c \2192 \bc1d \c740 \d68c \c0c9 + \c587 \c740 \b124 \c774 \be44 \c120 */ #app .spec-sheet-heading{background:#f4f6f8!important;border-top:3px solid var(--r4-navy)!important;border-bottom:1px solid var(--r4-line)!important;padding:20px 24px!important} #app .spec-sheet-heading,#app .spec-sheet-heading *{color:var(--r4-ink)!important} #app .spec-sheet-heading :is(p,span,small):not(:last-child){color:var(--r4-muted,#4b5a66)!important;font-weight:600!important} #app .spec-table-wrap thead th{background:#fff!important;color:var(--r4-ink)!important;font-weight:700!important;border-bottom:2px solid var(--r4-navy)!important} #app .spec-table-wrap caption{color:var(--r4-muted,#4b5a66)!important} /* BROADSENS \c7a5 \c810 \ce74 \b4dc \c0ac \c9c4 (\c2e4 \c81c \c81c \d488 \b7 \d654 \ba74 ) */ #app .br-strengths img.r4-br-img{display:block;width:100%!important;height:auto!important;aspect-ratio:3/2;object-fit:cover;object-position:center;margin:0 0 18px;border-radius:0!important;background:#eef2f7} #app .br-strengths .br-value-grid>div:first-child{padding-right:16px!important} /* \ba54 \c778 \c139 \c158 \ba38 \b9ac (2026-10-02 \c0ac \c6a9 \c790 \d53c \b4dc \bc31 : \b77c \bca8 \c791 \c74c , \c0ac \c5c5 \bd84 \c57c \ba38 \b9ac \b4e4 \c5ec \c500 ) - \b77c \bca8 18px \ad75 \ac8c \b0a8 \c0c9 + \b178 \b780 \c120 , \c81c \baa9 \cd5c \b300 44px\b85c \c704 \acc4 \bd84 \ba85 \d558 \ac8c - \c0ac \c5c5 \bd84 \c57c \ba38 \b9ac \cd5c \b300 \d3ed (1440) \d574 \c81c \2192 \ce74 \b4dc \c640 \ac19 \c740 \c2dc \c791 \c120 */ #app .us-home .us-section-heading .us-label,#app .us-home .r4-cases .us-label{font-size:1.125rem!important;font-weight:700!important;color:var(--r4-navy)!important;gap:12px!important;margin:0 0 14px!important} #app .us-home :is(.us-section-heading .us-label,.r4-cases .us-label)::before{width:36px!important;height:3px!important} #app .us-home .us-section-heading h2{font-size:clamp(1.75rem,2.3vw,2.75rem)!important;line-height:1.3!important;letter-spacing:-.02em!important} #app .us-home .structure-business .us-section-heading{max-width:none!important;margin-left:0!important;margin-right:0!important} /* === \c804 \ccb4 QA \bc18 \c601 (2026-10-02) === */ /* 1) \ba54 \c778 \ae30 \c900 \c120 \d1b5 \c77c : \d5e4 \b354 \b7 \d478 \d130 \c640 \ac19 \c740 1280 \cee8 \d14c \c774 \b108 */ #app .us-home .us-shell{max-width:1280px!important} @media(min-width:1400px){ #app .us-home .us-slide-copy,#app .us-home .us-carousel-bottom{left:calc((100% - 1280px)/2)!important} #app .us-home .us-carousel-bottom{width:1280px!important} #app .us-home .portfolio-strip{padding-left:calc((100% - 1280px)/2)!important;padding-right:calc((100% - 1280px)/2)!important} } /* 2) \ae00 \af34 \d1b5 \c77c : \ace0 \c815 \d3ed (Consolas) \c81c \ac70 , \d3fc \c694 \c18c \b3c4 \bcf8 \bb38 \ae00 \af34 */ #app :is(.product-card-brand,.pd-features span,.pd-flow span,[class*=index],[class*=count]){font-family:"Pretendard Variable",Pretendard,"Malgun Gothic",sans-serif!important;font-variant-numeric:tabular-nums} #app :is(input,select,textarea,button,label,option){font-family:inherit!important} /* 3) \c815 \b82c : \d45c caption\b7 \c8fc \c18c \c67c \cabd , \d68c \c0ac \c18c \ac1c \c81c \baa9 \b4e4 \c5ec \c4f0 \ae30 \b7 \ac00 \b85c \bc30 \ce58 \d574 \c18c , \b3c4 \c785 \c9c0 \c6d0 \c81c \baa9 */ #app table caption{text-align:left!important} #app :is(.us-visit-info,.us-visit-info *,.visit-office-address,.visit-office-address *){text-align:left!important} #app .depth-heading{flex-direction:column!important;align-items:flex-start!important;gap:8px!important} #app .depth-heading.role-intro{padding-left:0!important} #app .br-support .wrap{padding-left:0!important;padding-right:0!important} /* 4) \c758 \bbf8 \c788 \b294 \b77c \bca8 \c740 14px \c774 \c0c1 , \bc95 \c801 \ace0 \c9c0 13px */ #app .r4-keyfacts dt,#app .r4-keyfacts span:first-child,#app .r4-case .r4-tag,#app figcaption{font-size:.875rem!important} #app footer :is(small,span,p,a){font-size:max(13px,1em)!important} /* 5) \c758 \bbf8 \c5c6 \b294 \bc88 \d638 \c228 \ae40 (\c21c \c11c \ac00 \c758 \bbf8 \c788 \b294 \c808 \cc28 \b2e8 \acc4 \b294 \c720 \c9c0 ) */ #app .r4-num-off{display:none!important} #app .us-home .us-carousel-controls>span{display:none!important} #app .br-support>.wrap{max-width:1280px!important;width:min(1280px,calc(100% - 48px))!important} /* === \ba54 \c778 \ad6c \c131 \c815 \b9ac (2026-10-02): \be0c \b79c \b4dc \b760 \b7 \c0b0 \c5c5 \bcc4 \c801 \c6a9 \b7 \cd5c \c2e0 \ae30 \c220 \c790 \b8cc \b7 \c81c \d488 \d0dc \adf8 === */ #app .r4-brands{background:#fff;border-top:1px solid var(--r4-line);border-bottom:1px solid var(--r4-line);padding:28px 0} #app .r4-brands .r4-wrap{width:min(88%,1280px);margin:auto;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:40px} #app .r4-brands-label{margin:0;font-size:1rem;font-weight:700;color:var(--r4-navy);display:flex;align-items:center;gap:12px;white-space:nowrap} #app .r4-brands-label::before{content:"";width:28px;height:3px;background:var(--r4-yellow)} #app .r4-brands ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:28px;align-items:center} #app .r4-brands a{display:flex;align-items:center;justify-content:center;height:56px;opacity:.75;transition:opacity .2s} #app .r4-brands a:hover{opacity:1} #app .r4-brands img{max-width:100%;height:28px;width:auto;object-fit:contain} @media(max-width:1100px){#app .r4-brands .r4-wrap{grid-template-columns:1fr;gap:20px}#app .r4-brands ul{grid-template-columns:repeat(5,minmax(0,1fr))}} @media(max-width:600px){#app .r4-brands ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}} #app .r4-industry{background:#f4f6f8!important} #app .r4-ind-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #app .r4-ind{background:#fff;border:1px solid var(--r4-line);border-top:3px solid var(--r4-navy);padding:26px 26px 22px;display:flex;flex-direction:column;gap:10px} #app .r4-ind h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--r4-ink)} #app .r4-ind p{margin:0;font-size:1rem;line-height:1.7;color:var(--r4-muted)} #app .r4-ind-links{margin-top:auto;padding-top:8px;display:flex;flex-wrap:wrap;gap:8px 18px} #app .r4-ind-links a{font-size:.9375rem;font-weight:600;color:var(--r4-blue,#0073c4);text-decoration:none;min-height:32px;display:inline-flex;align-items:center} @media(max-width:900px){#app .r4-ind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){#app .r4-ind-grid{grid-template-columns:1fr}} #app .r4-latest .r4-grid{grid-template-columns:repeat(4,minmax(0,1fr))} #app .r4-doc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--r4-line);text-decoration:none!important;color:var(--r4-ink)!important;transition:border-color .2s} #app .r4-doc:hover{border-color:var(--r4-navy)} #app .r4-doc-img{display:block;aspect-ratio:1/1;overflow:hidden;background:#f4f6f8} #app .r4-doc-img img{width:100%;height:100%;object-fit:cover;display:block} #app .r4-doc strong{display:block;padding:18px 20px 8px;font-size:1.0625rem;font-weight:600;line-height:1.55;word-break:keep-all} #app .r4-doc-more{margin-top:auto;padding:0 20px 20px;font-size:.9375rem;color:var(--r4-blue,#0073c4)} #app .r4-tags{padding:48px 0 8px} #app .r4-tags .r4-wrap{width:min(88%,1280px);margin:auto} #app .r4-tags h2{font-size:1.25rem!important;font-weight:700!important;margin:0 0 16px!important} #app .r4-tags ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px} #app .r4-tags a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--r4-line);background:#fff;color:var(--r4-ink)!important;font-size:.9375rem;font-weight:600;text-decoration:none!important} #app .r4-tags a:hover{border-color:var(--r4-navy)} @media(max-width:900px){#app .r4-latest .r4-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){#app .r4-latest .r4-grid{grid-template-columns:1fr}#app .r4-doc-img{aspect-ratio:4/3}} /* \c0b0 \c5c5 \bcc4 \c801 \c6a9 : \c0b0 \c5c5 \c7a5 \ba74 \c0ac \c9c4 \bc30 \acbd + \c544 \b798 \cabd \b0a8 \c0c9 \adf8 \b77c \b370 \c774 \c158 \c704 \d770 \ae00 \c528 (Runway \c0dd \c131 , \c81c \d488 \c5c6 \c74c ) */ #app .r4-ind{position:relative;overflow:hidden;min-height:340px;padding:0!important;border:0!important;border-top:3px solid var(--r4-yellow)!important;background:#0b1f33!important;justify-content:flex-end} #app .r4-ind-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease} #app .r4-ind::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,31,51,.05) 0%,rgba(11,31,51,.35) 38%,rgba(11,31,51,.9) 100%)} #app .r4-ind:hover .r4-ind-bg{transform:scale(1.04)} #app .r4-ind-copy{position:relative;z-index:1;padding:26px 26px 22px;display:flex;flex-direction:column;gap:8px} #app .r4-ind h3{color:#fff!important;font-size:1.375rem} #app .r4-ind p{color:#e2e8ee!important} #app .r4-ind-links a{color:#fff!important;border-bottom:1px solid rgba(255,255,255,.4)} #app .r4-ind-links a:hover{border-bottom-color:var(--r4-yellow)} @media(prefers-reduced-motion:reduce){#app .r4-ind-bg{transition:none}#app .r4-ind:hover .r4-ind-bg{transform:none}} /* \c5f0 \ad6c \ac1c \bc1c : \c0c1 \b2e8 \c54c \ace0 \b9ac \c998 \adf8 \b9bc (\d770 \bc14 \d0d5 , \c798 \b9bc \c5c6 \c774 ) \b7 \c5f0 \ad6c \ac1c \bc1c \bd84 \c57c \ce74 \b4dc \c0ac \c9c4 */ #app .rd-prototype-refined-figure.r4-algo{background:#fff!important;border:1px solid var(--r4-line)} #app .rd-prototype-refined-figure.r4-algo img{object-fit:contain!important;background:#fff!important;width:100%!important;height:auto!important;aspect-ratio:auto!important} #app .rd-prototype-refined-figure.r4-algo figcaption{background:#f4f6f8!important;color:var(--r4-ink)!important;border-top:1px solid var(--r4-line)} #app .ve-research>article{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:0 0 24px!important;background:#fff!important;border:1px solid var(--r4-line)!important;overflow:hidden} #app .ve-research>article>:not(img){padding-left:24px!important;padding-right:24px!important;margin:0!important} #app .ve-research img.r4-rf-img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;background:#fff;border-bottom:1px solid var(--r4-line);margin:0 0 6px} #app .ve-research>article :is(h3,p){text-align:left!important;align-self:stretch!important} #app .ve-research img.r4-rf-img{aspect-ratio:2/1;object-fit:contain;padding:10px 0} #app .ve-research img.r4-rf-img[src*="r4-sim"],#app .ve-research img.r4-rf-img[src*="r4-br-3"]{object-fit:cover;padding:0} #app .rd-prototype-refined-figure.r4-algo img{max-width:none!important} /* === 2026-10-02 \ac80 \c218 : \d398 \c774 \c9c0 \ccab \ba38 \b9ac \b77c \bca8 \b7 \c5ec \bc31 \b7 \ad6c \c131 \d750 \b984 \d1a4 === */ /* \d398 \c774 \c9c0 \ccab \ba38 \b9ac \b77c \bca8 (\d070 \c81c \baa9 \bc14 \b85c \c55e ): 18px \ad75 \ac8c + \b178 \b780 \c120 \2014 \ba54 \c778 \c139 \c158 \b77c \bca8 \acfc \ac19 \c740 \addc \aca9 */ #app :is(.depth-hero,.detail-hero,.service-photo-hero,.education-hero,.page-head,.support-hub,.br-hero,.pd-hero,.dv-hero) :is(p,div):has(+ :is(h1,h2)){font-size:1.125rem!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;display:flex!important;align-items:center;gap:12px;margin-bottom:14px!important} #app :is(.depth-hero,.detail-hero,.service-photo-hero,.education-hero,.page-head,.support-hub,.br-hero,.pd-hero,.dv-hero) :is(p,div):has(+ :is(h1,h2))::before{content:"";width:32px;height:3px;background:var(--r4-yellow);flex:none} #app :is(.depth-hero,.education-hero,.page-head,.support-hub,.br-hero,.pd-hero,.dv-hero) :is(p,div):has(+ :is(h1,h2)){color:var(--r4-navy)!important} /* \ae00 \c790 \ac00 \c0c1 \c790 \ac00 \c7a5 \c790 \b9ac \c5d0 \bd99 \c9c0 \c54a \ac8c */ #app .depth-heading.role-intro{padding:56px 48px!important} #app .br-jumps>a:first-child{padding-left:20px!important} #app :is(.br-product-stage,.training-real-hero,.training-equipment-hero) figcaption{padding:12px 20px!important} #app .ve-research>article>:is(h3,p){padding-left:24px!important;padding-right:24px!important} #app .rd-map-output p{padding-left:16px!important;padding-right:16px!important} /* \ad6c \c131 \b7 \c801 \c6a9 \d750 \b984 : \ac80 \c740 \b0a8 \c0c9 \b760 \2192 \bc1d \c740 \d68c \c0c9 \bc14 \d0d5 + \d770 \b2e8 \acc4 \ce74 \b4dc (\c704 \c544 \b798 \c139 \c158 \acfc \ac19 \c740 \d1a4 ) */ #app .pd-flow{background:#f4f6f8!important;border:1px solid var(--r4-line)!important;border-top:3px solid var(--r4-navy)!important} #app .pd-flow>li{background:#fff!important;border:1px solid var(--r4-line)!important;box-shadow:none!important;border-radius:0!important} #app .pd-flow>li *{color:var(--r4-ink)!important} #app .pd-flow>li span:first-child{color:var(--r4-navy)!important} #app .pd-flow::before,#app .pd-flow>li::after{color:var(--r4-navy)!important;border-color:var(--r4-navy)!important} @media(max-width:600px){#app .depth-heading.role-intro{padding:36px 24px!important}} html body #app .r4-kicker.r4-kicker{font-size:1.125rem!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:14px!important} html body #app .r4-kicker.r4-kicker::before{content:""!important;display:block!important;width:32px!important;height:3px!important;background:var(--r4-yellow)!important;flex:none} html body #app :is(.depth-hero,.education-hero,.page-head,.support-hub,.br-hero,.pd-hero,.dv-hero) .r4-kicker.r4-kicker{color:var(--r4-navy)!important} #app .br-overview{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} /* \baa8 \bc14 \c77c \d788 \c5b4 \b85c : \c0ac \c9c4 \c774 \c704 \cabd \b760 \b85c \b9cc \bcf4 \c774 \ace0 \c81c \baa9 \c774 \acbd \acc4 \c5d0 \ac78 \b9ac \b358 \bb38 \c81c \2192 \c0ac \c9c4 \c744 \c2ac \b77c \c774 \b4dc \c804 \ccb4 \c5d0 \ae54 \ace0 \b0a8 \c0c9 \adf8 \b77c \b370 \c774 \c158 \c704 \c5d0 \ae00 \c790 */ @media(max-width:1100px){ #app .us-home .us-slide .studio-hero-art{position:absolute!important;inset:0!important;height:100%!important} #app .us-home .us-slide .studio-hero-art :is(img,video){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important} #app .us-home .us-slide .studio-hero-art::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(11,31,51,.25) 0%,rgba(11,31,51,.55) 40%,rgba(11,31,51,.9) 100%)} #app .us-home .us-slide{background:#0b1f33!important} } #app .us-home .us-slide-copy>:is(p,span,small):first-child{font-size:1rem!important;font-weight:700!important;letter-spacing:0!important} html body #app .us-home .us-slide-label.us-slide-label[data-r3fs]{font-size:1.125rem!important;font-weight:700!important;display:flex!important;align-items:center;gap:12px} #app .us-home .us-slide-label::before{content:"";width:32px;height:3px;background:var(--r4-yellow);flex:none} /* === \ae30 \c220 \c790 \b8cc \be14 \b85c \adf8 \c5f0 \b3d9 : \ce74 \b4dc \b0a0 \c9dc \b7 \c804 \ccb4 \baa9 \b85d \b7 \c77d \ae30 \d654 \ba74 \b7 \ad00 \b9ac \c790 \b9c1 \d06c === */ #app .r4-doc-meta{padding:16px 20px 0;font-size:.875rem;color:var(--r4-muted)} #app .r4-doc-meta+strong{padding-top:6px!important} html.r4-reading{overflow:hidden} #r4-reader{position:fixed;inset:0;z-index:2000;background:#fff;overflow-y:auto;font-family:"Pretendard Variable",Pretendard,"Malgun Gothic",sans-serif;color:#16222c} #r4-reader .r4-rd-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:24px;height:72px;padding:0 max(24px,calc((100% - 1280px)/2));background:#fff;border-bottom:1px solid #e2e7eb} #r4-reader .r4-rd-home img{height:32px;width:auto;display:block} #r4-reader .r4-rd-list{margin-left:auto;font-size:15px;font-weight:600;color:#0b1f33;text-decoration:none} #r4-reader .r4-rd-close{border:1px solid #0b1f33;background:#fff;color:#0b1f33;font:600 15px inherit;height:44px;padding:0 18px;cursor:pointer;font-family:inherit} #r4-reader .r4-rd-close:hover{background:#0b1f33;color:#fff} #r4-reader .r4-rd-wrap{max-width:780px;margin:0 auto;padding:56px 24px 96px} #r4-reader .r4-rd-wide{max-width:1280px} #r4-reader .r4-kicker{font-size:1.125rem;font-weight:700;color:#0b1f33;display:flex;align-items:center;gap:12px;margin:0 0 14px} #r4-reader .r4-kicker::before{content:"";width:32px;height:3px;background:#ffce3e} #r4-reader h1{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.35;letter-spacing:-.02em;margin:0 0 12px;word-break:keep-all} #r4-reader .r4-rd-date{color:#4b5a66;font-size:15px;margin:0 0 32px} #r4-reader .r4-rd-cover{display:block;width:100%;max-width:560px;height:auto;margin:0 0 36px;border:1px solid #e2e7eb} #r4-reader .r4-rd-text{font-size:17px;line-height:1.85;word-break:keep-all} #r4-reader .r4-rd-text p{margin:0 0 1.1em} #r4-reader .r4-rd-text img{display:block;max-width:100%;height:auto;margin:24px 0;border:1px solid #e2e7eb} #r4-reader .r4-rd-text :is(h2,h3,b,strong){color:#0b1f33} #r4-reader .r4-rd-text blockquote{margin:28px 0;padding:18px 24px;border:1px solid #e2e7eb;background:#f4f6f8} #r4-reader .r4-rd-text table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px} #r4-reader .r4-rd-text :is(td,th){border:1px solid #e2e7eb;padding:10px 14px;text-align:left;vertical-align:top} #r4-reader .r4-rd-text hr{border:0;border-top:1px solid #e2e7eb;margin:36px 0} #r4-reader .r4-rd-text a{color:#0073c4} #r4-reader .r4-rd-summary{font-size:18px;color:#33424d} #r4-reader .r4-rd-tags{list-style:none;padding:0;margin:40px 0 0;display:flex;flex-wrap:wrap;gap:8px} #r4-reader .r4-rd-wide .r4-rd-tags{margin:24px 0 32px} #r4-reader .r4-rd-tags a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid #e2e7eb;color:#16222c;text-decoration:none;font-size:15px;font-weight:600;background:#fff} #r4-reader .r4-rd-tags a[aria-current]{background:#0b1f33;border-color:#0b1f33;color:#fff} #r4-reader .r4-rd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px;padding-top:28px;border-top:1px solid #e2e7eb} #r4-reader .r4-rd-actions a{display:inline-flex;align-items:center;height:52px;padding:0 24px;border:1px solid #0b1f33;color:#0b1f33;text-decoration:none;font-weight:700} #r4-reader .r4-rd-actions a.r4-primary{background:#0b1f33;color:#fff} #r4-reader .r4-rd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} #r4-reader .r4-doc{display:flex;flex-direction:column;border:1px solid #e2e7eb;text-decoration:none;color:#16222c} #r4-reader .r4-doc:hover{border-color:#0b1f33} #r4-reader .r4-doc-img{display:block;aspect-ratio:1/1;background:#f4f6f8;overflow:hidden} #r4-reader .r4-doc-img img{width:100%;height:100%;object-fit:cover;display:block} #r4-reader .r4-doc-meta{padding:16px 18px 0;font-size:14px;color:#4b5a66} #r4-reader .r4-doc strong{padding:6px 18px 8px;font-size:16px;font-weight:600;line-height:1.55;word-break:keep-all} #r4-reader .r4-doc-more{margin-top:auto;padding:0 18px 18px;font-size:15px;color:#0073c4} @media(max-width:900px){#r4-reader .r4-rd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){#r4-reader .r4-rd-grid{grid-template-columns:1fr}#r4-reader .r4-rd-bar{gap:12px}#r4-reader .r4-rd-list{font-size:14px}#r4-reader .r4-rd-text{font-size:16px}} .r4-admin{margin-left:16px;color:inherit!important;opacity:.7;font-size:13px;text-decoration:underline} #r4-reader .r4-rd-text{overflow-wrap:anywhere} #r4-reader .r4-rd-text table{display:block;overflow-x:auto;max-width:100%} /* \c0ac \c5c5 \bd84 \c57c \ce74 \b4dc \cde8 \ae09 \be0c \b79c \b4dc : \c81c \baa9 + [\b85c \ace0 | \d55c \c904 \c124 \ba85 | \2197 ] \baa9 \b85d */ #app .us-home .r4-biz-label{display:flex!important;margin:24px 0 10px!important;font-size:.875rem!important;font-weight:700!important;color:var(--r4-muted)!important;align-items:center;gap:8px} #app .us-home .r4-biz-label::before{content:"";width:16px;height:2px;background:var(--r4-yellow)} #app .business-brands[data-r4b]{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:0!important} #app .business-brands a.r4-biz-chip{display:grid!important;grid-template-columns:112px 1fr auto;align-items:center;gap:14px;min-height:52px;padding:0 14px!important;border:1px solid var(--r4-line)!important;background:#fff!important;text-decoration:none!important;transition:border-color .2s} #app .business-brands a.r4-biz-chip:hover{border-color:var(--r4-navy)!important} #app .r4-biz-logo{display:flex;align-items:center;justify-content:flex-start;height:32px} #app .r4-biz-logo img{max-width:112px;height:22px;width:auto;object-fit:contain;opacity:.9} #app .r4-biz-logo b{font-size:1rem;font-weight:700;color:#4b5a66} #app .r4-biz-desc{font-size:.9375rem;color:var(--r4-ink);font-weight:500;text-align:left} #app .r4-biz-go{font-size:.875rem;color:var(--r4-muted)} /* \cde8 \ae09 \be0c \b79c \b4dc \c904 : \b85c \ace0 \b294 \c791 \ac8c , \c124 \ba85 \c774 \c8fc \c778 \acf5 (2026-10-02) */ #app .business-brands a.r4-biz-chip{grid-template-columns:96px 1fr auto!important;gap:16px!important;min-height:48px;padding:0 16px!important} #app .r4-biz-logo{height:24px} #app .r4-biz-logo img{max-width:96px;opacity:.85} #app .r4-biz-logo b{font-size:.8125rem} #app .r4-biz-desc{font-size:1rem;font-weight:600;word-break:keep-all;line-height:1.35} @media (max-width:480px){ #app .business-brands a.r4-biz-chip{grid-template-columns:80px 1fr auto!important;gap:10px!important;padding:0 10px!important} #app .r4-biz-logo img{max-width:80px} #app .r4-biz-desc{font-size:.9375rem} } /* \b370 \baa8 \b7 POC\b7 \b80c \d0c8 01/02/03 \2192 \c81c \d488 \bd84 \c57c \d0ed \acfc \ac19 \c740 3\ce78 \d0ed (2026-10-02) */ #app .demo-section-nav.r4-seg{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;margin:32px 0 40px!important;padding:0!important;border:1px solid #d9e1e8!important;border-radius:8px;overflow:hidden;background:#f4f6f8!important} #app .demo-section-nav.r4-seg a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;margin:0!important;padding:8px 6px!important;border:0!important;border-left:1px solid #d9e1e8!important;background:transparent!important;color:#426579!important;font-size:.9375rem!important;font-weight:600!important;text-align:center;text-decoration:none!important;line-height:1.3;transition:background-color .2s,color .2s} #app .demo-section-nav.r4-seg a:first-child{border-left:0!important} #app .demo-section-nav.r4-seg a small{font-size:.75rem;font-weight:700;color:inherit;opacity:.7;letter-spacing:.02em} #app .demo-section-nav.r4-seg a[aria-current]{background:#0b1f33!important;color:#fff!important} #app .demo-section-nav.r4-seg a:not([aria-current]):hover{background:#e9eef2!important} #app .demo-section-nav.r4-seg a::before,#app .demo-section-nav.r4-seg a::after{display:none!important} @media (min-width:769px){#app .demo-section-nav.r4-seg{max-width:720px}#app .demo-section-nav.r4-seg a{flex-direction:row;gap:8px;min-height:56px;font-size:1rem!important}} /* \baa8 \bc14 \c77c \c0ac \c591 \d45c \c798 \b9bc \c218 \c815 : \ce78 \c774 \d45c \cd5c \c18c \b108 \be44 \b9cc \d07c \b298 \c5b4 \b098 \bc14 \ae65 \c0c1 \c790 \c5d0 \c11c \c798 \b9ac \b358 \bb38 \c81c (2026-10-02) */ #app .spec-sheet-body{grid-template-columns:minmax(0,1fr)!important} #app .spec-sheet-body>*,#app .spec-sheet section,#app .spec-table-wrap{min-width:0;max-width:100%} @media (max-width:768px){ #app .spec-table-wrap table:not(:has(tr>:nth-child(4))){min-width:0!important;width:100%!important;table-layout:auto} #app .spec-table-wrap th,#app .spec-table-wrap td{word-break:keep-all;overflow-wrap:anywhere} } /* \c81c \d488 \bd84 \c57c \d654 \ba74 : "\d655 \c778 \d560 \c870 \ac74 "\acfc "\ce21 \c815 \c81c \d488 " \c81c \baa9 \c774 \ac19 \c740 \d06c \ae30 \b85c \acb9 \ccd0 \bcf4 \c774 \b358 \bb38 \c81c \2192 \c870 \ac74 \c740 \c5f0 \d55c \c548 \b0b4 \c0c1 \c790 , \c81c \d488 \baa9 \b85d \c81c \baa9 \b9cc \d06c \ac8c (2026-10-02) */ #app .detail-choose{background:#f4f6f8!important;padding:40px 48px!important;margin:40px 0 72px!important;border:0!important} #app .detail-choose>div:first-child h2{font-size:1.5rem!important;line-height:1.4!important;margin-top:8px!important} #app .detail-choose .detail-eyebrow{color:#426579!important;font-weight:700!important} #app .detail-choose .field-guide article{border-top-color:#c9d6e0!important} #app .field-list-heading{align-items:flex-end!important;padding-bottom:20px!important;border-bottom:2px solid #0b1f33!important;margin-bottom:32px!important} #app .field-list-heading h2{font-size:clamp(1.75rem,2.6vw,2.25rem)!important} @media (max-width:768px){ #app .detail-choose{padding:28px 20px!important;margin:28px 0 48px!important} #app .detail-choose>div:first-child h2{font-size:1.25rem!important} } /* 2026-10-04 impeccable \c810 \ac80 : \b465 \adfc \baa8 \c11c \b9ac \b7 \d55c \cabd \ad75 \c740 \c0c9 \b760 \b7 \aca9 \c790 \bc30 \acbd \c815 \b9ac (DESIGN \a7 3\b7 \a7 9) */ #app .detail-category-nav,#app .detail-category-nav a,#app .demo-section-nav.r4-seg,#app .br-table-scroll,#app .research-senscore,#app .research-senscore *,#app [class*=research] {border-radius:0!important} #app .r4-cta::before{display:none!important} #r4-reader .r4-rd-text blockquote{border-left:0!important;border-top:1px solid #e2e7eb;border-bottom:1px solid #e2e7eb} #app .pd-flow{border-top:1px solid var(--r4-line)!important} #app .r4-ind{border-top:0!important} /* \d55c \cabd \ad75 \c740 \b178 \b780 \b760 \2192 \c704 \cabd \c9e7 \c740 \b178 \b780 \c120 (40\d7 3, DESIGN \d3ec \c778 \d2b8 \addc \ce59 ) */ #app .role-intro,#app .depth-heading.role-intro,#app .detail-help,#app .rd-development-path{border-left:1px solid var(--r4-line)!important;position:relative} #app .role-intro::before,#app .detail-help::before,#app .rd-development-path::before{content:"";position:absolute;left:48px;top:0;width:40px;height:3px;background:var(--r4-yellow)} #app .company-capabilities{border-top-width:1px!important} #app .research-process-grid>li,#app .research-process-grid figure{border-radius:0!important} /* \c0ac \c5c5 \bd84 \c57c \c81c \d488 \c904 : \b85c \ace0 \ce78 \c5c6 \c774 \c124 \ba85 + \d654 \c0b4 \d45c (2026-10-04) */ #app .business-brands{margin-top:28px!important} #app .business-brands a.r4-biz-chip.is-plain{grid-template-columns:1fr auto!important;min-height:48px} #app .dv-categories,#app .dv-network,#app .dv-network-system,#app .oem-brand-band{border-radius:0!important} /* \ae00 \c790 \c74c \c601 (text-shadow) \c804 \bd80 \c81c \ac70 \2014 \b208 \c774 \d53c \b85c \d568 , DESIGN \adf8 \b9bc \c790 \ae08 \c9c0 (2026-10-05 \c0ac \c6a9 \c790 ) */ #app *,#app *::before,#app *::after,#r4-reader * {text-shadow:none!important} /* \ad6c \c131 \b7 \c801 \c6a9 \d750 \b984 \d654 \c0b4 \d45c : \ce78 \c0ac \c774 \c815 \ac00 \c6b4 \b370 (\ac00 \b85c \b7 \c138 \b85c ) (2026-10-05) */ @media (min-width:769px){#app .pd-flow>li+li::before{top:50%!important;bottom:auto!important;left:-22px!important;transform:translate(-50%,-50%)!important;line-height:1!important;height:auto!important}} /* DAVITEQ \c801 \c6a9 \bd84 \c57c : \c77c \b7ec \c2a4 \d2b8 \2192 \c2e4 \c0ac \d615 \c0ac \c9c4 , \ce78 \b108 \be44 \b97c \cc44 \c6c0 (2026-10-05) */ #app img[src*="r5-dv-"]{display:block;width:100%!important;max-width:none!important;height:240px!important;object-fit:cover;margin:8px 0 16px!important} #app :has(>img[src*="r5-dv-"]){width:100%!important;max-width:none!important} /* OEM \d398 \c774 \c9c0 \c7ac \ad6c \c131 (2026-10-05) */ #app .oem-customer-brand .pd-visual{padding:0!important;overflow:hidden} #app .oem-customer-brand .pd-visual img{display:block;width:100%!important;max-width:none!important;margin:0!important;object-fit:cover!important;background:none!important} #app .oem-customer-brand .pd-visual figcaption{margin:0!important;width:100%!important;box-sizing:border-box} #app .application-image.r4-oem-photo{padding:0!important;overflow:hidden;background:none!important} #app .application-image.r4-oem-photo img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover} #app .oem-brand-intro.r4-oem-intro{text-align:left!important;max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important;align-items:flex-start!important} #app .oem-brand-intro.r4-oem-intro h2,#app .oem-brand-intro.r4-oem-intro p{text-align:left!important;margin-left:0!important;margin-right:0!important} #app .r4-oem-sub{margin:28px 0 8px;font-size:20px} #app .r4-oem-lead{margin:0 0 14px;color:#4b5a66} #app #pd-oem-lineup .oem-spec-scroll{overflow-x:auto} #app #pd-oem-lineup table{min-width:720px} #app .oem-family-grid.r4-oem-two{grid-template-columns:repeat(2,minmax(0,1fr))!important} @media (max-width:767px){#app .oem-family-grid.r4-oem-two{grid-template-columns:1fr!important}} #app .two-document-grid.r4-oem-docs{grid-template-columns:repeat(2,minmax(0,1fr))!important} @media (max-width:767px){#app .two-document-grid.r4-oem-docs{grid-template-columns:1fr!important}} @media (max-width:767px){#app #pd-usens-specs .oem-spec-scroll{overflow-x:auto}#app #pd-usens-specs table{min-width:600px}} /* GILL \b808 \bca8 \c13c \c11c \c139 \c158 (2026-10-05) */ #app .r4-gl-head h2{margin:0 0 12px} #app .r4-gl-head p{max-width:860px;color:var(--r4-muted);line-height:1.75;margin:0 0 28px} #app .r4-gl-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px} #app .r4-gl-card{background:#fff;border:1px solid var(--r4-line);display:flex;flex-direction:column} #app .r4-gl-photo{background:#fff;border-bottom:1px solid var(--r4-line);height:280px;display:flex;align-items:center;justify-content:center} #app .r4-gl-photo img{max-width:88%;max-height:240px;object-fit:contain} #app .r4-gl-body{padding:28px 32px 32px} #app .r4-gl-tag{margin:0 0 8px;font-size:.875rem;font-weight:700;color:#0073c4} #app .r4-gl-body h3{margin:0 0 4px;font-size:1.375rem;color:#16222c} #app .r4-gl-sum{margin:0 0 16px;color:var(--r4-muted)} #app .r4-gl-body ul{margin:0;padding-left:18px;color:#33424d;line-height:1.75} #app .r4-gl-note{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--r4-line);font-size:.9375rem;color:#33424d} #app .r4-gl-table{margin-top:32px;overflow-x:auto} #app .r4-gl-table table{width:100%;border-collapse:collapse;background:#fff;font-size:.9375rem} #app .r4-gl-table th,#app .r4-gl-table td{padding:12px 16px;border-bottom:1px solid var(--r4-line);text-align:left;vertical-align:top} #app .r4-gl-table thead th{border-bottom:2px solid #0b1f33;color:#16222c} #app .r4-gl-table tbody th{width:150px;color:#16222c;font-weight:600} #app .r4-gl-foot{margin:16px 0 0;color:var(--r4-muted);font-size:.9375rem;line-height:1.7} #app .r4-gl-docs{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:16px} #app .r4-gl-docs a{color:#0073c4;font-weight:600} @media (max-width:768px){#app .r4-gl-cards{grid-template-columns:1fr}#app .r4-gl-photo{height:220px}#app .r4-gl-body{padding:22px 20px}#app .r4-gl-table table{min-width:560px}} /* \d648 \d604 \c7a5 \c801 \c6a9 \c9c0 \c6d0 : \c0ac \c9c4 \c774 \ce78 \b192 \c774 \b97c \af49 \cc44 \c6b0 \ac8c (\c704 \c544 \b798 \be48 \b760 \c5c6 \c74c ) (2026-10-05) */ @media (min-width:769px){#app .rich-service-panel .rich-demo-photo{align-self:stretch!important;height:auto!important;min-height:100%;background:none!important} #app .rich-service-panel .rich-demo-photo img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;display:block}} #app .rich-service-panel .rich-demo-photo img{object-fit:cover!important} #app .r4-gl-head::before{content:"";display:block;width:40px;height:3px;background:#ffce3e;margin-bottom:20px} /* 2026-10-05 10\cc28 \ac80 \d1a0 \d6c4 \ac00 \b3c5 \c131 \d56d \baa9 \b9cc */ /* \c0c1 \b2e8 \d558 \c704 \ba54 \b274 \ac00 \c81c \d488 \c0c1 \c138 \ace0 \c815 \ba54 \b274 \c544 \b798 \b85c \ae54 \b9ac \c9c0 \c54a \ac8c */ body>header{z-index:2500!important} body>header nav.site-navigation .site-submenu{z-index:2600!important} /* \d2b9 \d5c8 KIPRIS \b9c1 \d06c : \bcf8 \bb38 \b9c1 \d06c \d55c \c904 */ #app a.r4-kipris{display:inline-block;margin-top:12px;font-size:.9375rem;font-weight:600;color:#0073c4;text-decoration:none} #app a.r4-kipris:hover{text-decoration:underline;text-underline-offset:3px} /* === 2026-10-05 D: \c81c \d488 \c0c1 \c138 \c7ac \ad6c \c131 === */ /* \b0a8 \c0c9 \b2e8 \acc4 \be14 \b85d \2014 OEM BRAND CUSTOMIZATION\acfc \ac19 \c740 \b3c4 \c2dd (\ad6c \c131 \b7 \c801 \c6a9 \d750 \b984 \b7 \ce21 \c815 \c9c4 \d589 \c808 \cc28 \b7 BROADSENS \d604 \c7a5 \c801 \c6a9 \acfc \c815 ) */ #app .r4-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;padding:44px;background:#0b1f33!important;border-radius:0;color:#fff} #app .r4-band-head{min-width:0} #app .r4-band .r4-band-kicker{margin:0!important;font-size:.8125rem!important;font-weight:600!important;letter-spacing:.1em;line-height:1.75;color:#80ccef!important;text-transform:uppercase;display:block!important} #app .r4-band .r4-band-kicker::before{display:none!important} #app .r4-band-bar{display:block;width:28px;height:3px;background:#ffce3e;margin:6px 0 14px} #app .r4-band h2{margin:0 0 10px!important;color:#fff!important;font-size:2rem!important;font-weight:600!important;letter-spacing:-.03em!important;line-height:1.38!important;text-wrap:balance} #app .r4-band h2::before,#app .r4-band h2::after{display:none!important} #app .r4-band-desc p{margin:0 0 6px!important;color:rgba(255,255,255,.8)!important;font-size:1rem!important;line-height:1.75!important;max-width:36em} #app .r4-band-desc a.r4-band-link{color:#8bd5f6!important;font-weight:600;text-decoration:underline;text-underline-offset:3px} #app .r4-band .r4-band-rows{display:block!important;grid-template-columns:none!important;gap:0!important;list-style:none!important;margin:0!important;padding:0!important;align-self:start;min-width:0;border:0!important;background:none!important} #app .r4-band .r4-band-rows>li{width:auto!important;min-width:0} #app .r4-band-rows>li{display:grid!important;grid-template-columns:40px minmax(0,1fr);gap:16px;align-items:baseline;margin:0!important;padding:14px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.145)!important;background:none!important;box-shadow:none!important} #app .r4-band-rows>li::before,#app .r4-band-rows>li::after{display:none!important} #app .r4-band-rows>li strong{color:#8bd5f6!important;font-size:1rem!important;font-weight:700!important;line-height:1.6;font-variant-numeric:tabular-nums} #app .r4-band-rows>li strong span{margin-right:4px;color:#8bd5f6!important} #app .r4-band-rows>li p{margin:0!important;color:#fff!important;font-size:1rem!important;line-height:1.6!important} #app .r4-band--desc .r4-band-rows>li{grid-template-columns:minmax(150px,36%) minmax(0,1fr)} #app section.r2-process.r4-band-sec{background:transparent!important;padding:0!important;border:0!important} @media (max-width:760px){ #app .r4-band{grid-template-columns:1fr;gap:20px;padding:28px 20px} #app .r4-band h2{font-size:1.5rem!important} #app .r4-band--desc .r4-band-rows>li{grid-template-columns:1fr;gap:2px} #app .r4-band-rows>li{grid-template-columns:32px minmax(0,1fr);gap:12px} } /* \c81c \d488 \d2b9 \c9d5 \c744 \d569 \ce5c \ad6c \c131 \c139 \c158 \c758 \d55c \c904 \c694 \c57d */ #app .r4-lu-lead{margin:0 0 24px!important;max-width:none;color:#33424d!important;font-size:1rem!important;line-height:1.75!important} /* \c0c1 \b2e8 \c774 \b3d9 \ba54 \b274 : \bcf4 \ace0 \c788 \b294 \ad6c \c5ed \ce78 \ac15 \c870 (\ce78 \baa8 \c591 \c720 \c9c0 ) */ #app .br-jumps a.r4-on{color:#0b1f33!important;font-weight:700!important;border-bottom-color:#0b1f33!important;box-shadow:inset 0 -3px 0 #0b1f33} /* GILL \b450 \d398 \c774 \c9c0 \c774 \b3d9 \2014 9\cc28 \ce78 \d0ed */ #app .r4-gill-switch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:0!important;margin:8px 0 0;border:1px solid var(--r4-line);background:#fff} #app .r4-gill-switch a{display:flex;flex-direction:column;gap:2px;padding:14px 20px;text-decoration:none!important;border-bottom:3px solid transparent;color:#16222c!important} #app .r4-gill-switch a+a{border-left:1px solid var(--r4-line)} #app .r4-gill-switch a strong{font-size:1rem;font-weight:600;color:#33424d} #app .r4-gill-switch a span{font-size:.8125rem;color:#4b5a66} #app .r4-gill-switch a[aria-current]{border-bottom-color:#0b1f33} #app .r4-gill-switch a[aria-current] strong{color:#0b1f33;font-weight:700} #app .r4-gill-switch a:not([aria-current]):hover strong{color:#0073c4} /* \b2e8 \c77c \baa8 \b378 \c0ac \c591 \d45c 2\ac1c \2192 PC\c5d0 \c11c \b098 \b780 \d788 (\c704 \cabd \c815 \b82c ) */ #app .r4-spec-pair{display:grid;gap:24px} #app .r4-spec-pair>.spec-sheet{margin:0!important;min-width:0} #app .r4-spec-pair table.r4-narrow{width:100%!important;min-width:0!important;max-width:none!important} #app .r4-spec-pair table.r4-narrow td{padding-right:16px!important} #app .r4-spec-pair table.r4-narrow th:first-child{white-space:normal!important;min-width:0!important;width:32%!important} @media (min-width:1024px){#app .r4-spec-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}} /* SCHAEFFLER SMART\b7 BASIC \be44 \ad50 \d45c : \b450 \baa8 \b378 \c774 \b2e4 \b978 \d589 \b9cc \ad75 \ac8c */ #app table.r4-cmp tbody th{width:22%} #app table.r4-cmp tr.r4-diff td{font-weight:700!important;color:#16222c!important} /* \ce21 \c815 \b7 \bd84 \c11d \c11c \be44 \c2a4 \bcf4 \ace0 \c11c : \bc14 \ae65 \d68c \c0c9 \c0c1 \c790 \c81c \ac70 \b7 \c704 \cabd \c815 \b82c \b7 \c624 \b978 \cabd \c548 \b0b4 \bb38 \ad6c \b97c \ce74 \b4dc \c544 \b798 \b05d \c5d0 \b9de \cda4 */ #app section.service-report.r4-rep{background:transparent!important;padding:0!important;align-items:start!important;box-shadow:none!important} #app .r4-rep>.report-evidence-panel{border-left:1px solid var(--r4-line)!important;border-right:1px solid var(--r4-line)!important;border-bottom:1px solid var(--r4-line)!important} #app .r4-rep>div:not(.report-evidence-panel){align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;padding-top:0!important;margin-top:0!important} #app .r4-rep>div:not(.report-evidence-panel)>.service-conditions{margin-top:auto!important} #app .r4-rep>div:not(.report-evidence-panel)>a{align-self:flex-start} /* \c5f0 \ad6c \ac1c \bc1c \adf8 \b9bc \cea1 \c158 : \d55c \c904 (PC) \b7 \baa8 \bc14 \c77c \c740 \ade0 \d615 \c904 \bc14 \afc8 */ #app .rd-prototype-refined-figure.r4-algo figcaption{padding:14px 16px!important;font-size:.875rem!important;text-wrap:balance} @media (min-width:1024px){ #app .rd-project-body:has(>figure.r4-algo){grid-template-columns:400px minmax(0,1fr)!important} #app .rd-prototype-refined-figure.r4-algo figcaption{white-space:nowrap} } #app .r4-gl-body ul{word-break:keep-all;overflow-wrap:break-word} #app .r4-gl-apps img[src*="sludge"]{object-position:50% 22%!important} #app .rd-prototype-refined-figure.r4-algo figcaption{word-break:keep-all} #app .spec-table-wrap:has(table.r4-cmp){overflow-x:auto} #app table.r4-cmp :is(th,td){word-break:keep-all} @media (max-width:768px){#app section .spec-table-wrap table.r4-cmp.r4-cmp.r4-cmp{min-width:620px!important;width:620px!important;table-layout:auto}} /* 2026-10-05 \ce21 \c815 \b7 \bd84 \c11d \bcf4 \ace0 \c11c : \c624 \b978 \cabd \ae00 \c740 \c790 \c5f0 \d750 \b984 + \c2a4 \d06c \b864 \c2dc \bcf4 \ace0 \c11c \c606 \c5d0 \ace0 \c815 (\ac00 \c6b4 \b370 \be48 \acf5 \ac04 \c5c6 \c570 ) */ @media(min-width:1024px){#app .r4-rep>div:not(.report-evidence-panel){align-self:start!important;position:sticky;top:120px} #app .r4-rep>div:not(.report-evidence-panel)>.service-conditions{margin-top:32px!important}} /* ===== 2026-10-05 E: \ba54 \c778 \d55c \c139 \c158 = \d55c \d654 \ba74 \b7 \c139 \c158 \d45c \c2dc \b7 \d788 \c5b4 \b85c \d655 \b300 \b7 \c81c \d488 \b808 \c77c \b7 \ae30 \c220 \c790 \b8cc \b300 \d45c 1 + \baa9 \b85d 3 (9\cc28 \d1a4 : \ac01 \c9c4 \baa8 \c11c \b9ac \b7 1px \c120 \b7 \b0a8 \c0c9 ) ===== */ :root{--r4-hdr:100px} /* \d788 \c5b4 \b85c : \d65c \c131 \c0ac \c9c4 \b9cc \cc9c \cc9c \d788 \d655 \b300 (\c601 \c0c1 \c774 \c7ac \c0dd \c911 \c778 \c2ac \b77c \c774 \b4dc \b294 \c81c \c678 ) */ #app .us-home .us-slide .studio-hero-art{overflow:hidden} @keyframes r4kb{from{transform:scale(1)}to{transform:scale(1.06)}} #app .us-home .us-slide .studio-scene.r4-kb{animation:r4kb 15s linear both;transform-origin:60% 45%;will-change:transform} #app .us-home .us-slide:not(.is-active) .studio-scene.r4-kb,#app .us-home.r4-hero-paused .studio-scene.r4-kb{animation-play-state:paused} #app .us-home .studio-hero-art:has(video.is-ready) .studio-scene.r4-kb{animation:none} @media(prefers-reduced-motion:reduce){#app .us-home .us-slide .studio-scene.r4-kb{animation:none}} /* \c624 \b978 \cabd \c139 \c158 \d45c \c2dc (PC) \2014 \ac01 \c9c4 \c9e7 \c740 \b9c9 \b300 , \d604 \c7ac \c139 \c158 \c740 \ae38 \ace0 \b0a8 \c0c9 , \c5b4 \b450 \c6b4 \ba74 \c704 \c5d0 \c11c \b294 \d770 \c0c9 */ #r4-deck{display:none} @media(min-width:1024px) and (pointer:fine){ html.r4-deck-on #r4-deck{position:fixed;right:20px;top:calc(50% + var(--r4-hdr)/2);transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:2px} #r4-deck button{position:relative;display:flex;align-items:center;justify-content:flex-end;width:40px;height:26px;margin:0;padding:0;border:0;border-radius:0;background:none;cursor:pointer} #r4-deck button[hidden]{display:none} #r4-deck button i{display:block;width:14px;height:2px;background:#9aa7b2;transition:width .2s ease,background-color .2s ease} #r4-deck button:hover i{background:#0b1f33;width:20px} #r4-deck button[aria-current="true"] i{width:28px;height:3px;background:#0b1f33} #r4-deck button.is-dark i{background:rgba(255,255,255,.5)} #r4-deck button.is-dark:hover i,#r4-deck button.is-dark[aria-current="true"] i{background:#fff} #r4-deck button span{position:absolute;right:46px;top:50%;transform:translateY(-50%);white-space:nowrap;font:600 13px/1 Pretendard,"Pretendard Variable",sans-serif;letter-spacing:.02em;color:#0b1f33;background:#fff;border:1px solid #d9e0e5;padding:7px 10px;opacity:0;pointer-events:none;transition:opacity .15s ease} #r4-deck button:hover span,#r4-deck button:focus-visible span{opacity:1} #r4-deck button:focus-visible{outline:2px solid #0073c4;outline-offset:2px} } @media(prefers-reduced-motion:reduce){#r4-deck button i,#r4-deck button span{transition:none}} /* \d55c \c139 \c158 = \d55c \d654 \ba74 (PC): \d654 \ba74 \b192 \c774 \c5d0 \c11c \d5e4 \b354 \b97c \be80 \b192 \c774 , \b0b4 \c6a9 \c740 \c138 \b85c \ac00 \c6b4 \b370 . \b0b4 \c6a9 \c774 \b354 \ae38 \ba74 \adf8 \b300 \b85c \b298 \c5b4 \b09c \b2e4 */ @media(min-width:1024px){ #app .us-home>.us-carousel{min-height:calc(100svh - var(--r4-hdr))} #app#app .us-home>:is(.r4-industry,.us-products-section,.r4-latest,.rich-support-section){min-height:calc(100svh - var(--r4-hdr));display:flex!important;flex-direction:column;justify-content:center;box-sizing:border-box;padding-top:56px!important;padding-bottom:56px!important} #app .us-home>:is(.r4-industry,.us-products-section,.r4-latest,.rich-support-section)>*{width:min(88%,1280px);margin-left:auto!important;margin-right:auto!important;box-sizing:border-box} #app .us-home>.rich-support-section{margin-top:0!important} /* \c0b0 \c5c5 \bcc4 \c801 \c6a9 : \ce74 \b4dc \b192 \c774 \b97c \d654 \ba74 \b192 \c774 \b85c \acc4 \c0b0 (2\c904 \d7 3\ce78 \c774 \d55c \d654 \ba74 \c5d0 ) */ #app .us-home .r4-industry .r4-ind{min-height:clamp(210px,calc((100svh - var(--r4-hdr) - 290px)/2),340px)} #app .us-home .r4-industry .r4-wrap{gap:24px} /* \c81c \d488 : \c67c \cabd 1/3 \c81c \baa9 \b7 \c774 \b3d9 \bc84 \d2bc \b7 \bc88 \d638 \b7 \c624 \b978 \cabd \ac00 \b85c \b808 \c77c (\d654 \ba74 \c624 \b978 \cabd \b05d \ae4c \c9c0 ) */ #app .us-home .us-products-section.r4-rail{overflow:hidden} #app .us-home .r4-rail>.us-shell{display:grid!important;grid-template-columns:minmax(0,27%) minmax(0,1fr);column-gap:clamp(40px,4vw,64px);align-items:center} #app .us-home .r4-rail .us-section-heading{grid-column:1;grid-row:1;margin:0!important;align-self:center} #app .us-home .r4-rail .us-section-heading h2{text-wrap:balance} #app .us-home .r4-rail .rich-product-actions{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:28px!important;margin-top:20px!important} #app .us-home .r4-rail .rich-arrows{order:-1;display:flex!important;align-items:center;gap:8px} #app .us-home .r4-rail .rich-arrows button{border-radius:0!important} #app .us-home .r4-pcount{margin-left:16px;font:500 .875rem/1 Consolas,"IBM Plex Mono",monospace;letter-spacing:.08em;color:var(--r4-muted)} #app .us-home .r4-pcount b{color:var(--r4-navy);font-weight:700} #app .us-home .r4-rail .rich-product-track{grid-column:2;grid-row:1;grid-auto-columns:clamp(300px,24vw,360px)!important;gap:20px!important;margin-right:calc(var(--r4-bleed,0px) * -1)!important;padding-right:0!important;scroll-padding-left:0} /* \ae30 \c220 \c790 \b8cc : \c67c \cabd \b300 \d45c 1(\c0ac \c9c4 + \c544 \b798 \cabd \b0a8 \c0c9 \adf8 \b77c \b370 \c774 \c158 + \d770 \c81c \baa9 ) \b7 \c624 \b978 \cabd \ac00 \b85c \d615 \baa9 \b85d 3 */ #app .us-home .r4-latest .r4-grid{--r4-row:clamp(128px,calc((100svh - var(--r4-hdr) - 284px)/3),176px);grid-template-columns:minmax(0,38fr) minmax(0,62fr)!important;grid-template-rows:repeat(3,var(--r4-row));gap:16px 24px!important} #app .us-home .r4-latest .r4-doc:first-child{grid-column:1;grid-row:1/span 3;position:relative;background:#0b1f33;border-color:#0b1f33;overflow:hidden} #app .us-home .r4-latest .r4-doc:first-child .r4-doc-img{flex:1 1 auto;min-height:0;aspect-ratio:auto;position:relative;background:#0b1f33} #app .us-home .r4-latest .r4-doc:first-child .r4-doc-img img{object-position:50% 100%;transition:transform .6s ease} #app .us-home .r4-latest .r4-doc:first-child:hover .r4-doc-img img{transform:scale(1.03)} #app .us-home .r4-latest .r4-doc:first-child .r4-doc-img::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:24%;background:linear-gradient(180deg,rgba(11,31,51,0) 0%,rgba(11,31,51,.88) 42%,#0b1f33 56%,#0b1f33 100%)} #app .us-home .r4-latest .r4-doc:first-child>:not(.r4-doc-img){position:relative;z-index:1} #app .us-home .r4-latest .r4-doc:first-child .r4-doc-meta{margin-top:-14px;padding:0 32px;color:rgba(255,255,255,.78)!important} #app .us-home .r4-latest .r4-doc:first-child strong{padding:10px 32px 0!important;font-size:1.5rem;line-height:1.4;font-weight:700;letter-spacing:-.02em;color:#fff!important;text-wrap:balance} #app .us-home .r4-latest .r4-doc:first-child .r4-doc-meta+strong{padding-top:10px!important} #app .us-home .r4-latest .r4-doc:first-child .r4-doc-more{margin-top:0;padding:16px 32px 28px;color:#fff!important} #app .us-home .r4-latest .r4-doc:first-child:hover{border-color:#0b1f33} #app .us-home .r4-latest .r4-doc:not(:first-child){grid-column:2;display:grid!important;grid-template-columns:var(--r4-row) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:4px;min-height:0;overflow:hidden} #app .us-home .r4-latest .r4-doc:not(:first-child) .r4-doc-img{grid-column:1;grid-row:1/span 3;width:var(--r4-row);height:100%;aspect-ratio:auto;border-right:1px solid var(--r4-line)} #app .us-home .r4-latest .r4-doc:not(:first-child)>:not(.r4-doc-img){grid-column:2} #app .us-home .r4-latest .r4-doc:not(:first-child) .r4-doc-meta{padding:20px 24px 0} #app .us-home .r4-latest .r4-doc:not(:first-child) strong{padding:6px 24px 0!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} #app .us-home .r4-latest .r4-doc:not(:first-child) .r4-doc-more{align-self:end;padding:8px 24px 18px} } @media(prefers-reduced-motion:reduce){#app .us-home .r4-latest .r4-doc:first-child .r4-doc-img img{transition:none}#app .us-home .r4-latest .r4-doc:first-child:hover .r4-doc-img img{transform:none}} #r4-deck button.is-dark i{box-shadow:0 0 0 1px rgba(11,31,51,.18)} @media(min-width:1024px){ #app#app .us-home>.r4-brands{padding-top:40px!important;padding-bottom:40px!important} /* \d604 \c7a5 \c801 \c6a9 \c9c0 \c6d0 : \d55c \d654 \ba74 \c5d0 \b4e4 \b3c4 \b85d \c704 \c544 \b798 \c5ec \bc31 \b9cc \c815 \b9ac (\d0ed \b7 \baa9 \b85d \baa8 \c591 \c740 9\cc28 \adf8 \b300 \b85c ) */ #app#app .us-home>.rich-support-section{padding-top:40px!important;padding-bottom:40px!important} #app .us-home>.rich-support-section .us-section-heading{margin-bottom:24px!important;gap:10px!important} #app .us-home>.rich-support-section .rich-service-tabs button{padding-top:10px!important;padding-bottom:10px!important} #app .us-home>.rich-support-section .rich-service-panel{padding-top:20px!important;padding-bottom:20px!important} #app .us-home>.rich-support-section .rich-check-list li{padding-top:6px!important;padding-bottom:6px!important} } /* \c81c \d488 \bc88 \d638 \b294 \c774 \b3d9 \bc84 \d2bc \c606 "01 / 13" \d558 \b098 \b9cc (\baa8 \b4e0 \d3ed ) */ #app .us-home .r4-rail .rich-track-caption{display:none!important} /* 2026-10-05 \c0ac \c6a9 \c790 : \ba54 \c778 \ccab \d654 \ba74 \c124 \ba85 \bb38 \c0ad \c81c (\ae00 \c774 \b9ce \c74c ) \2014 \c81c \baa9 \b7 \bc84 \d2bc \b9cc */ #app .us-slide .us-slide-copy>p.us-slide-intro{display:none!important} #app .us-home .r4-rail .rich-product-track{scroll-snap-type:x mandatory!important} #app .us-home .r4-rail .rich-product-track>article{scroll-snap-align:start!important} /* 2026-10-05 \c0ac \c6a9 \c790 : \bd84 \c57c \bcc4 \c81c \d488 \baa9 \b85d (\ce21 \c815 \b7 \baa8 \b2c8 \d130 \b9c1 \b7 \ac80 \c0ac )\c5d0 \c11c \ce74 \d0c8 \b85c \adf8 \b7 \b9e4 \b274 \c5bc \bb36 \c74c \c0ad \c81c \2014 \b2e4 \c6b4 \b85c \b4dc \c13c \d130 \b7 \c81c \d488 \c0c1 \c138 \c640 \c911 \bcf5 */ #app section.detail-library{display:none!important} #app .r4-s3s4{margin:0 0 32px} #app .r4-s3s4-cap{margin:0 0 10px!important;font-size:.9375rem!important;font-weight:600;color:#0b1f33!important} #app .r4-s3s4 table{width:100%;border-collapse:collapse} #app .r4-s3s4 th,#app .r4-s3s4 td{text-align:left;padding:14px 20px;border-bottom:1px solid #d9e0e5} #app .r4-s3s4 thead th{border-bottom:2px solid #0b1f33;color:#0b1f33} #app .r4-s3s4-note{margin:10px 0 0!important;font-size:.875rem!important;color:#4b5a66!important} /* 2026-10-05 F: \b2e4 \c6b4 \b85c \b4dc \c790 \b8cc rev3 \2014 \b2e4 \c6b4 \b85c \b4dc \c13c \d130 \be0c \b79c \b4dc \bb36 \c74c \b7 \c81c \d488 \c790 \b8cc \ce78 (9\cc28 \ce74 \b4dc \adf8 \b300 \b85c ) */ #app .r4-dl-results{display:block!important} #app .r4-dl-brand{margin:0 0 48px} #app .r4-dl-brand>h2{display:flex;align-items:baseline;gap:12px;margin:0 0 16px!important;padding:0 0 12px;border-bottom:2px solid var(--r4-navy,#0b1f33);font-size:1.375rem!important;line-height:1.3;text-align:left!important} #app .r4-dl-brand>h2 small{font-size:.9375rem;font-weight:500;color:#4b5a66} #app .r4-dl-empty{margin:24px 0;color:#4b5a66} #app .two-document-grid.r4-dl-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} @media (max-width:767px){#app .two-document-grid.r4-dl-grid{grid-template-columns:1fr!important}} #app .two-doc-card[data-r4dl] img,#app .r2-document[data-r4dl] img{object-fit:contain;object-position:center top;background:#fff} /* 2026-10-05 G: OEM \c13c \c11c \c608 \c2dc \b7 INFINITE \c801 \c6a9 \bd84 \c57c \c0ac \c9c4 \b7 \cd94 \ac00 \c0ac \c591 \d45c */ #app .r4-oem-ex-lead{margin:0 0 24px!important;color:#4b5a66} #app .r4-oem-ex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} #app .r4-oem-ex-grid figure{margin:0} #app .r4-oem-ex-img{aspect-ratio:4/3;overflow:hidden;background:#eef2f5;border:1px solid #e2e7eb} #app .r4-oem-ex-img img{width:100%;height:100%;object-fit:cover;display:block} #app .r4-oem-ex-grid figcaption{margin-top:12px;font-size:1rem;font-weight:600;color:#0b1f33} @media (max-width:1023px){#app .r4-oem-ex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}} #app .r4-iu-photo{padding:0!important;overflow:hidden} #app .r4-iu-photo img{width:100%;height:100%;object-fit:cover;display:block} #app .sdt-tier img.folder-checker{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:5/2;object-fit:cover!important;margin:20px 0 24px!important;display:block;background:#f1f3f5} /* 2026-10-05 H: \ba54 \c778 \c2ac \b77c \c774 \b4dc \c81c \baa9 \2013 \bc84 \d2bc \ac04 \aca9 (\c124 \ba85 \bb38 \c228 \ae40 \b4a4 ) */ #app .us-slide .us-slide-copy .us-slide-label{margin-bottom:20px!important} #app .us-slide .us-slide-copy .us-primary{margin-top:44px!important} @media (max-width:767px){#app .us-slide .us-slide-copy .us-primary{margin-top:30px!important}#app .us-slide .us-slide-copy .us-slide-label{margin-bottom:14px!important}} /* \ba54 \c778 \d604 \c7a5 \c801 \c6a9 \c9c0 \c6d0 : \b80c \d0c8 \d0ed \ba38 \b9ac \ae00 \c67c \cabd \c815 \b82c \d55c \c904 */ #app .rich-rental-heading.r4-left-head{display:block!important;text-align:left!important} #app .rich-rental-heading.r4-left-head *{text-align:left!important;margin-left:0!important} #app .rich-service-copy h3,#app .rich-poc-intro h3,#app .rich-rental-heading h3{white-space:normal} /* \c11c \be44 \c2a4 \d558 \b2e8 \bb38 \c758 \b760 : \c5f0 \d68c \c0c9 \bc14 \d0d5 + \b0a8 \c0c9 \ae00 \c790 \b7 \bc84 \d2bc (r4-cta \ad6c \c131 ) */ #app .r4-svc-cta{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;margin:64px 0 0;padding:40px 48px;background:#eef2f6;box-shadow:0 0 0 100vmax #eef2f6;clip-path:inset(0 -100vmax)} #app .r4-svc-cta h2{margin:0 0 8px!important;font-size:1.5rem!important;color:#0b1f33!important;text-align:left!important} #app .r4-svc-cta p{margin:0!important;color:#33424e!important} #app .r4-svc-cta-act{display:flex;align-items:center;gap:24px;flex-wrap:wrap} #app .r4-svc-cta-btn{display:inline-flex;align-items:center;min-height:52px;padding:0 28px;background:#0b1f33;color:#fff!important;font-weight:700;text-decoration:none!important} #app .r4-svc-cta-btn:hover{background:#16314d} #app .r4-svc-cta-tel{color:#0b1f33!important;font-weight:700;font-size:1.125rem;text-decoration:none!important} @media (max-width:767px){#app .r4-svc-cta{padding:32px 0}} /* \d770 \c139 \c158 \c774 \c774 \c5b4 \c9c8 \b54c \c5f0 \d68c \c0c9 \c804 \d3ed \bc14 \d0d5 */ #app .r4-rhythm{background:#f4f6f8!important;box-shadow:0 0 0 100vmax #f4f6f8;clip-path:inset(0 -100vmax);padding-top:56px!important;padding-bottom:56px!important} /* \d398 \c774 \c9c0 \c548 \c774 \b3d9 \ba54 \b274 \ace0 \c815 */ #app .r4-sticky-jumps{position:sticky!important;z-index:30!important} #app .depth-jumps.r4-sticky-jumps{background:#fff!important} #app .depth-jumps a.r4-on{color:#0b1f33!important;font-weight:700!important;box-shadow:inset 0 -3px 0 #0b1f33} @media (max-width:767px){#app .depth-jumps.r4-sticky-jumps{display:flex!important;overflow-x:auto;scrollbar-width:none;white-space:nowrap}#app .depth-jumps.r4-sticky-jumps a{flex:0 0 auto}} #app .r4-spec-added table th small.r4-reg{display:block;margin-top:2px;font-size:.75rem;font-weight:500;color:#4b5a66;word-break:break-all} #app .r4-spec-pair .r4-spec-added table.r4-narrow th:first-child{width:44%!important} /* SPECTROLINE \ccab \d654 \ba74 : \b204 \c124 \c9c0 \c810 \c0ac \c9c4 \c774 \ce78 \c744 \af49 \cc44 \c6b0 \ac8c */ #app .pd-hero .pd-visual:has(img[src*="r5-spectro-leak-hero"]){padding:0!important;overflow:hidden;background:#0b1f33!important} #app .pd-hero .pd-visual img[src*="r5-spectro-leak-hero"]{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:50% 58%;display:block} #app .pd-hero .pd-visual:has(img[src*="r5-spectro-leak-hero"]){background:transparent!important} #app .pd-hero .pd-visual img[src*="r5-spectro-leak-hero"]{mix-blend-mode:normal!important} #app .pd-hero .pd-visual img[src*="r5-spectro-leak-hero"]{padding:0!important;background:none!important} #app section.r4-svc-cta{background:#eef2f6!important} /* 2026-10-05 H: \c81c \d488 \bd84 \c57c \c548 \b0b4 \c0ac \c9c4 3\c7a5 \2014 \ac80 \c0ac \ccab \d654 \ba74 \acfc \ac19 \c740 \b0a8 \c0c9 \d1a4 \c73c \b85c \d1b5 \c77c */ #app .detail-field-photo{position:relative;overflow:hidden} #app .detail-field-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(11,31,51,.45),rgba(11,31,51,.2));pointer-events:none} #app .detail-field-photo img{filter:saturate(.75)} #app .r4-dl-more{margin:20px 0 0!important}#app .r4-dl-more a{color:#0073c4;font-weight:600;text-decoration:none}#app .r4-dl-more a:hover{text-decoration:underline;text-underline-offset:3px} /* 2026-10-05 \c0ac \c6a9 \c790 : \c0ac \c591 \d45c \c804 \ccb4 \ce78 \d14c \b450 \b9ac (\ac00 \b294 \c120 )\b85c \ad6c \bd84 */ #app table{border-collapse:collapse!important} #app table :is(th,td){border:1px solid var(--r4-line,#d9e0e5)!important} #app table thead th{border-bottom:2px solid var(--r4-navy,#0b1f33)!important} #app .pd-section.representative-specs>h3:first-child{margin-top:40px!important} /* 2026-10-05 \c0ac \c6a9 \c790 : \d68c \c0c9 \ad50 \cc28 \ad6c \c5ed \c548 \cabd \c5ec \bc31 (\b05d \c120 \c5d0 \bd99 \c9c0 \c54a \ac8c ) */ #app .r4-rhythm{box-shadow:none!important;clip-path:none!important;padding-left:48px!important;padding-right:48px!important} @media (max-width:767px){#app .r4-rhythm{padding-left:20px!important;padding-right:20px!important}} #app #pd-spectroline-specs>h3{margin-top:40px!important} /* 2026-10-06 \c0ac \c6a9 \c790 : \ba54 \c778 \d604 \c7a5 \c801 \c6a9 \c9c0 \c6d0 \d56d \baa9 = \ae00 \ba38 \b9ac \ae30 \d638 + \c81c \baa9 \d55c \c904 (\c124 \ba85 \c0ad \c81c ) */ #app .rich-check-list li>span{display:none!important} #app .rich-check-list{margin:20px 0 28px!important;padding:0!important;list-style:none!important} #app .rich-check-list li{display:flex!important;align-items:center;gap:12px;padding:8px 0!important;border:0!important;min-height:0!important} #app .rich-check-list li::before{content:"";flex:0 0 6px;width:6px;height:6px;background:#0b1f33;display:block!important;position:static!important;border:0!important;transform:none!important} #app .rich-check-list li>strong{margin:0!important;font-weight:600!important} /* 2026-10-06 \c0ac \c6a9 \c790 : \ba54 \c778 \c740 \b300 \d45c \bb38 \ad6c \b9cc (\bcf4 \c870 \c124 \ba85 \b7 \c911 \bcf5 \b9c1 \d06c \c0ad \c81c ), \d55c \b208 \c5d0 \b4e4 \c5b4 \c624 \ac8c */ #app .structure-business .us-section-heading>p,#app .structure-business .business-copy>p, #app .r4-industry .r4-ind-copy>p, #app .us-products-section .us-product-description,#app .us-products-section .r4-desc,#app .us-products-section article>a.us-text-link, #app .rich-support-section .us-section-heading>p,#app .rich-support-section .rich-service-kicker,#app .rich-support-section .rich-service-copy>p, #app .r4-cta .r4-wrap p{display:none!important} #app .structure-business .business-image img{object-fit:cover;background:#eef1f4} /* 2026-10-06 \c0ac \c5c5 \bd84 \c57c \c81c \d488 \c2e4 \c0ac : \c0ac \c9c4 \c704 \c5b4 \b450 \c6b4 \adf8 \b77c \b370 \c774 \c158 \b300 \c2e0 \d558 \b2e8 \b0a8 \c0c9 \b760 \c5d0 \bd84 \c57c \ba85 */ #app .structure-business .business-image{position:relative;background:#dfe5eb} #app .structure-business .business-image::before,#app .structure-business .business-image::after{display:none!important} #app .structure-business .business-image img{filter:none!important;object-fit:cover;object-position:center 30%} #app .structure-business .business-image>span{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;background:#0b1f33!important;background-image:none!important;padding:14px 24px!important;display:block!important} #app .structure-business .business-image>span strong{color:#fff!important;font-size:20px!important;line-height:1.3!important} #app .structure-business .business-image{display:flex!important;flex-direction:column;height:auto!important;aspect-ratio:auto!important;overflow:hidden} #app .structure-business .business-image img{position:static!important;width:100%!important;height:auto!important;aspect-ratio:4/3;inset:auto!important;object-fit:cover;object-position:center} #app .structure-business .business-image>span{position:static!important} #app .structure-business .business-image img{aspect-ratio:16/10!important} /* 2026-10-06 \c0ac \c6a9 \c790 1: \cd5c \c2e0 \ae30 \c220 \c790 \b8cc "\c790 \b8cc \bcf4 \ae30 " \bc18 \bcf5 \c0ad \c81c (\ce74 \b4dc \c804 \ccb4 \ac00 \b9c1 \d06c ) */ #app .r4-latest .r4-doc-more{display:none!important} /* 2026-10-06 \c0ac \c6a9 \c790 3: \c81c \d488 \c0c1 \c138 "\b3c4 \c785 \c9c0 \c6d0 "(\c804 \c81c \d488 \ac19 \c740 \b0b4 \c6a9 ) \c0ad \c81c \2192 \d558 \b2e8 \c0c1 \b2f4 \b760 \b85c \c77c \c6d0 \d654 */ #app section.pd-section[id$="-support"]{display:none!important} #app a[href$="-support"][href^="#pd-"]{display:none!important} /* 2026-10-06 \c0ac \c6a9 \c790 : \d604 \c7a5 \c801 \c6a9 \c9c0 \c6d0 \c624 \b978 \cabd \acf5 \bc31 \2192 \ae00 \be14 \b85d \c744 \ce78 \b192 \c774 \b7 \b108 \be44 \c5d0 \b9de \cdb0 \cc44 \c6c0 */ #app .rich-support-section .rich-service-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;align-self:stretch!important;padding:24px 48px 24px 8px!important} #app .rich-support-section .rich-service-copy h3{font-size:32px!important;line-height:1.3!important;margin:0 0 28px!important} #app .rich-support-section .rich-check-list{margin:0 0 36px!important;border-top:1px solid var(--r4-line,#d9e0e5)!important;width:100%} #app .rich-support-section .rich-check-list li{padding:20px 4px!important;border-bottom:1px solid var(--r4-line,#d9e0e5)!important;gap:16px!important} #app .rich-support-section .rich-check-list li>strong{font-size:20px!important;color:#16222c!important} #app .rich-support-section .rich-check-list li::before{flex-basis:8px!important;width:8px!important;height:8px!important} #app .rich-support-section .rich-service-copy>a{align-self:flex-start} @media (max-width:767px){#app .rich-support-section .rich-service-copy{padding:20px 0 0!important}#app .rich-support-section .rich-service-copy h3{font-size:24px!important}#app .rich-support-section .rich-check-list li>strong{font-size:17px!important}#app .rich-support-section .rich-check-list li{padding:14px 2px!important}} /* 2026-10-06 \c0ac \c6a9 \c790 : \b0a8 \c0c9 \c0c1 \b2f4 \b760 \c758 \d770 \bc14 \d0d5 \bc84 \d2bc \c774 \c5b4 \c6b8 \b9ac \c9c0 \c54a \c74c \2192 \b450 \bc84 \d2bc \baa8 \b450 \d770 \d14c \b450 \b9ac (\ac19 \c740 \baa8 \c591 ) */ #app .r4-cta .r4-actions a,#app .r4-cta .r4-actions a.r4-primary{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:none!important} #app .r4-cta .r4-actions a:hover,#app .r4-cta .r4-actions a:focus-visible{background:rgba(255,255,255,.08)!important;border-color:#fff!important} /* 2026-10-09 \ae30 \c220 \c790 \b8cc \bcf8 \bb38 \c81c \baa9 \d06c \ae30 : \be14 \b85c \adf8 \c6d0 \bb38 h2(\c57d 45px)\b97c \bcf8 \bb38 \be44 \c728 \b85c */ #r4-reader .r4-rd-text h1,#r4-reader .r4-rd-text h2{font-size:24px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:-.02em;margin:44px 0 14px!important} #r4-reader .r4-rd-text h3{font-size:20px!important;line-height:1.45!important;font-weight:700!important;margin:32px 0 12px!important} #r4-reader .r4-rd-text h4{font-size:18px!important;line-height:1.5!important;margin:24px 0 10px!important} #r4-reader .r4-rd-text :is(h1,h2,h3,h4) *{font-size:inherit!important} @media(max-width:520px){#r4-reader .r4-rd-text h1,#r4-reader .r4-rd-text h2{font-size:21px!important}#r4-reader .r4-rd-text h3{font-size:18px!important}} /* 2026-10-09 \ba54 \c778 \cd5c \c2e0 \ae30 \c220 \c790 \b8cc : \b300 \d45c \ae00 \b3c4 \c378 \b124 \c77c \c804 \ccb4 \ac00 \bcf4 \c774 \ac8c (\c815 \c0ac \ac01 \c378 \b124 \c77c , \c798 \b9bc \b7 \ae00 \c790 \acb9 \ce68 \c5c6 \c74c ) */ #app .us-home .r4-latest .r4-doc:first-child .r4-doc-img{flex:1 1 auto!important;min-height:0!important;aspect-ratio:auto!important;background:#0b1f33} #app .us-home .r4-latest .r4-doc:first-child .r4-doc-img img{position:absolute;inset:0;width:100%!important;height:100%!important} #app .us-home .r4-latest .r4-doc:first-child .r4-doc-img img{object-fit:contain!important;object-position:50% 50%!important} #app .us-home .r4-latest .r4-doc:first-child .r4-doc-img::after{display:none!important} #app .us-home .r4-latest .r4-doc:first-child .r4-doc-meta{margin-top:0!important;padding-top:18px!important} #app .us-home .r4-latest .r4-doc:first-child strong{font-size:1.25rem!important;padding-bottom:20px!important} /* ===== 2026-10-09 \cd5c \c885 \c810 \ac80 ===== */ /* \c0ac \c9c4 \c544 \b798 \cd9c \cc98 \ba54 \baa8 (\c0ac \c9c4 \bcf4 \c815 \b7 \bcf4 \c720 \c790 \b8cc \b4f1 \b0b4 \bd80 \d45c \ae30 )\b294 \c228 \ae34 \b2e4 . 11px \d68c \c0c9 \ae00 \c790 \b77c \c77d \ae30 \b3c4 \c5b4 \b835 \b2e4 */ #app .application-section .application-card small,#app .application-section .application-copy small{display:none!important} /* 13px \bbf8 \b9cc \ae00 \c790 \c815 \b9ac (DESIGN.md \ae00 \c790 \b2e8 \acc4 13px \c774 \c0c1 ) */ #app .dv-network-connection small,.us-footer-legal span,#app .report-evidence-panel header span,#app .report-evidence-panel .report-source{font-size:13px!important} /* \ae30 \c220 \c790 \b8cc \d1b5 \d569 \baa9 \b85d : \bd84 \b958 \bc84 \d2bc \c740 \ac01 \c9c4 \ce78 , \c120 \d0dd \c740 \b0a8 \c0c9 (\c54c \c57d \c4f0 \c9c0 \c54a \c74c ) */ #app .knowledge-page .r4-kn-tabs{display:flex;flex-wrap:wrap;gap:8px} #app .knowledge-page .r4-kn-tabs button{min-height:44px;padding:0 18px;border:1px solid #d9e0e5;border-radius:0;background:#fff;color:#16222c;font:600 15px/1 inherit;font-family:inherit;cursor:pointer} #app .knowledge-page .r4-kn-tabs button:hover{border-color:#0b1f33} #app .knowledge-page .r4-kn-tabs button[aria-pressed=true]{background:#0b1f33;border-color:#0b1f33;color:#fff} #app .knowledge-page .r4-kn-empty{grid-column:1/-1;padding:48px 0;text-align:center;color:#4b5a66} #app .knowledge-page .r4-kn-more{height:52px;padding:0 28px;border:1px solid #0b1f33;border-radius:0;background:#0b1f33;color:#fff;font:700 16px/1 inherit;font-family:inherit;cursor:pointer} #app .knowledge-page .r4-kn-empty{grid-column:1/-1;padding:48px 0;text-align:center;color:#4b5a66} /* \be14 \b85c \adf8 \c378 \b124 \c77c : \c704 \d30c \b780 \b760 \c640 \c544 \b798 \c81c \baa9 \ae00 \c790 \b97c \be7c \ace0 \c0ac \c9c4 \bd80 \bd84 \b9cc */ #app .r4-kn-card .unified-content-photo.is-blog img{object-fit:cover;object-position:50% 18%;object-view-box:inset(7% 0 43% 0)} /* \d654 \ba74 \c804 \d658 \b54c \ae30 \bcf8 \baa9 \b85d \b7 \bc84 \d2bc \c774 \c7a0 \ae50 \bcf4 \c600 \b2e4 \ac00 \bc14 \b00c \b294 \ac83 \bc29 \c9c0 (3\cd08 \b4a4 \c5d0 \b294 \bb34 \c870 \ac74 \bcf4 \c784 ) */ @keyframes r4show{to{visibility:visible}} #app .knowledge-page:not([data-r4ready]){visibility:hidden;animation:r4show 0s 3s forwards} #app #download-results:not([data-r4dl]),#app:has(#download-results:not([data-r4dl])) .r2-download-controls{visibility:hidden;animation:r4show 0s 3s forwards} /* \ad50 \c721 \ccab \ba38 \b9ac \c790 \aca9 \b7 \ad50 \c7ac \d55c \c904 */ #app .r4-edu-cred{margin:14px 0 0;font-size:16px;font-weight:600;line-height:1.6;color:inherit;opacity:.92} /* 2026-10-09 \ba54 \c778 \cd5c \c2e0 \ae30 \c220 \c790 \b8cc = \ae30 \c220 \c790 \b8cc \baa9 \b85d \acfc \ac19 \c740 \ce74 \b4dc 3\c7a5 (\c0ac \c6a9 \c790 : \d1b5 \c77c ) */ #app .us-home .r4-latest .r4-grid.r4-latest-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;gap:24px!important;align-items:stretch} #app .r4-latest .r4-latest-cards .unified-content-card{border-radius:0} #app .r4-latest .r4-latest-cards .unified-content-photo h3{font-size:clamp(19px,1.6vw,24px)} @media(max-width:900px){#app .us-home .r4-latest .r4-grid.r4-latest-cards{grid-template-columns:1fr!important}} /* 2026-10-10 \ccab \d654 \ba74 \ce74 \d0c8 \b85c \adf8 \bc84 \d2bc \ae00 \c790 (\ae30 \bcf8 \c2a4 \d06c \b9bd \d2b8 \ac00 \bc14 \afb8 \c9c0 \babb \d558 \ac8c CSS\b85c \d45c \c2dc ) */ #app .us-slide-copy .us-primary[data-r4cat]::before{content:attr(data-label)} /* 2026-10-10 \c0ac \c6a9 \c790 : 1\d398 \c774 \c9c0 = \ccab \d654 \ba74 + \cde8 \ae09 \be0c \b79c \b4dc \b760 , 2\d398 \c774 \c9c0 = \c0ac \c5c5 \bd84 \c57c . \be0c \b79c \b4dc \b760 \ae4c \c9c0 \d55c \d654 \ba74 \c5d0 \b4e4 \b3c4 \b85d \ccab \d654 \ba74 \b192 \c774 \b97c \c904 \c778 \b2e4 (PC) */ @media(min-width:1024px){ :root{--r4-brand-h:112px} #app#app .us-home>.r4-brands{height:var(--r4-brand-h);box-sizing:border-box;padding-top:0!important;padding-bottom:0!important;display:flex;align-items:center} #app#app .us-home>.r4-brands>.r4-wrap{width:min(88%,1280px)} #app#app .us-home>.us-carousel{min-height:0!important;height:max(560px,calc(100svh - var(--r4-hdr) - var(--r4-brand-h)))!important} } @media(min-width:1024px){ #app#app .us-home>.structure-business{min-height:calc(100svh - var(--r4-hdr));box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:center;padding-top:40px!important;padding-bottom:40px!important} #app#app .us-home>.structure-business .business-image{height:clamp(150px,calc(100svh - var(--r4-hdr) - 540px),252px)!important;overflow:hidden} #app#app .us-home>.structure-business .business-image img{width:100%;height:100%!important;object-fit:cover} } /* 2026-10-12 DAVITEQ \c81c \d488 \ad70 \d45c (10\adf8 \b8f9 \ce74 \b4dc \2192 \d45c \d558 \b098 ) */ #app .r4-dv-table{padding-top:8px!important} #app .r4-dv-scroll{overflow-x:auto;border:1px solid var(--r4-line,#d9e2ea);border-radius:8px;background:#fff} #app .r4-dv-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55;min-width:640px} #app .r4-dv-table thead th{background:#005192;color:#fff;font-weight:600;text-align:left;padding:10px 14px;font-size:14px} #app .r4-dv-table td{padding:10px 14px;border-top:1px solid #e3ebf1;vertical-align:middle;color:#1b1b1b} #app .r4-dv-table tr.r4-dv-cat th{background:#f3f7fa;color:#123e55;text-align:left;padding:12px 14px;font-size:16px;font-weight:700;border-top:2px solid #c4d2de;scroll-margin-top:calc(var(--r4-hdr,72px) + 12px)} #app .r4-dv-table tr.r4-dv-cat th span{display:block;font-size:13.5px;font-weight:400;color:#4b5a66;margin-top:2px} #app .r4-dv-table td.r4-dv-img{width:124px;padding:8px 8px 8px 14px} #app .r4-dv-table td.r4-dv-img img{width:104px!important;height:104px!important;object-fit:contain;display:block;background:#fff} #app .r4-dv-table td.r4-dv-name{font-weight:600;white-space:nowrap} #app .r4-dv-table td.r4-dv-model{font-family:ui-monospace,Consolas,monospace;font-size:13.5px;color:#4b5a66;white-space:nowrap} #app .r4-dv-table td.r4-dv-spec{font-size:14px;color:#2b333b} #app .r4-dv-table td.r4-dv-spec b{font-weight:600;color:#123e55} #app .r4-dv-table tbody tr:not(.r4-dv-cat):hover td{background:#fafcfd} #app .r4-dv-note{font-size:13.5px;color:#6e7b87;margin:10px 2px 0} #app .r4-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} @media(max-width:640px){#app .r4-dv-table td.r4-dv-img{width:76px;padding:6px}#app .r4-dv-table td.r4-dv-img img{width:68px!important;height:68px!important}#app .r4-dv-table table{min-width:0}#app .r4-dv-table td.r4-dv-name,#app .r4-dv-table td.r4-dv-model{white-space:normal}} /* 2026-10-12 \c81c \d488 \c0c1 \c138 \b35c \c5b4 \b0b4 \ae30 */ #app #br-lineup.r4-compact .br-range-grid{gap:14px} #app #br-lineup.r4-compact .br-range-grid article{display:grid;grid-template-columns:96px 1fr;align-items:stretch;min-height:0} #app #br-lineup.r4-compact .br-range-photo{height:auto;min-height:0;padding:8px;display:flex;align-items:center;justify-content:center;background:#f4f6f8} #app #br-lineup.r4-compact .br-range-photo img{width:80px;height:80px;object-fit:contain} #app #br-lineup.r4-compact .br-range-copy{padding:12px 14px!important;min-height:0} #app #br-lineup.r4-compact .br-range-copy h3{font-size:16px;margin:2px 0 4px} #app #br-lineup.r4-compact .br-range-copy p{font-size:13px;line-height:1.5;margin:0} #app details.r4-more{margin-top:18px;border:1px solid #dfe5ea;background:#fff} #app details.r4-more>summary{cursor:pointer;padding:12px 16px;font-weight:600;color:#005192;list-style:none} #app details.r4-more>summary::after{content:" \ff0b ";color:#6e7b87} #app details.r4-more[open]>summary::after{content:" \ff0d "} #app details.r4-more>*:not(summary){margin-left:16px;margin-right:16px} @media(max-width:640px){#app #br-lineup.r4-compact .br-range-grid article{grid-template-columns:72px 1fr}#app #br-lineup.r4-compact .br-range-photo img{width:60px;height:60px}} /* 2026-10-12 DAVITEQ \d45c \c0ac \c9c4 \d06c \ac8c \bcf4 \ae30 */ #app .r4-dv-zoom{display:block;padding:0;border:1px solid #e3ebf1;background:#fff;cursor:zoom-in;line-height:0} #app .r4-dv-zoom:hover,#app .r4-dv-zoom:focus-visible{border-color:#0073c4;outline:none} .r4-dv-lb{position:fixed;inset:0;z-index:9999;background:rgba(10,24,36,.78);display:flex;align-items:center;justify-content:center;padding:16px} .r4-dv-lb figure{margin:0;background:#fff;padding:12px;max-width:min(92vw,560px)} .r4-dv-lb img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain} .r4-dv-lb figcaption{font-size:15px;color:#1b1b1b;text-align:center;padding-top:8px;font-weight:600} .r4-dv-lb-x{position:absolute;top:16px;right:16px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;font-size:26px;line-height:44px;cursor:pointer;color:#123e55} /* 2026-10-13 \c778 \c99d \d604 \d669 5\ac1c \d55c \c904 (PC) */ @media (min-width:1025px){.company-cert-row.r4-cert5{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.company-cert-row.r4-cert5 article{padding:16px}.company-cert-row.r4-cert5 img{height:210px}.company-cert-row.r4-cert5 h3{font-size:15.5px}} @media (min-width:681px) and (max-width:1024px){.company-cert-row.r4-cert5{grid-template-columns:repeat(3,minmax(0,1fr))}} /* 2026-10-16 \b300 \d45c \c694 \ccad (\c9c4 \c778 \d504 \b77c \cc38 \ace0 ): \ad6c \c131 \c740 \adf8 \b300 \b85c , \b118 \ae30 \b294 \b290 \b08c \b9cc \2014 \acb9 \ce68 \b118 \ae40 \b7 \b3c4 \cc29 \c2dc \b5a0 \c624 \b984 \b7 \c9c4 \d589 \b9c9 \b300 (PC \b371 \baa8 \b4dc \c5d0 \c11c \b9cc ) */ html.r4-stack #app .us-home>.r4-stk{position:sticky;transform-origin:50% 0;will-change:transform} html.r4-stack #app .us-home>.r4-covering:not(.structure-business){box-shadow:0 -28px 56px -24px rgba(11,31,51,.38)} html.r4-stack #app .us-home>.r4-cta{position:relative} html.r4-fx #app .us-home>section .r4-rv{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--rv,0)*70ms + 120ms)} html.r4-fx #app .us-home>section:not(.r4-in) .r4-rv{opacity:0;transform:translateY(36px);transition:none} #r4-prog{position:fixed;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--r4-blue,#005192),#3a8ed6);transform-origin:0 50%;transform:scaleX(0);z-index:2400;pointer-events:none;transition:transform .12s linear} @media (prefers-reduced-motion:reduce){html.r4-fx #app .us-home>section .r4-rv{opacity:1!important;transform:none!important}} html.r4-stack #app .us-home>.structure-business.r4-stk{box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)} /* ===== 2026-10-16 44\cc28 : \d558 \c704 \d398 \c774 \c9c0 \ccab \ba38 \b9ac \c0ac \c9c4 \b760 \d1b5 \c77c (\c81c \d488 \bd84 \b958 \d398 \c774 \c9c0 .detail-hero\c640 \ac19 \c740 \baa8 \c591 ) ===== */ #app .r4-hb{position:relative;min-height:470px;display:flex;align-items:center;overflow:hidden;background:#0b1f33;margin-bottom:48px;box-sizing:border-box} #app .r4-hb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;border:0!important;border-radius:0!important;max-width:none!important;margin:0!important} #app .r4-hb-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,31,51,.92),rgba(11,31,51,.72) 40%,rgba(11,31,51,.06) 78%)} #app .r4-hb-in{position:relative;width:min(1254px,calc(100% - 64px));margin:0 auto;padding:48px 0;color:#fff} #app .r4-hb-in>*{max-width:640px!important;width:auto!important;padding:0!important;margin-left:0!important;background:none!important;border:0!important;box-shadow:none!important} #app .r4-hb-in h1,#app .r4-hb-in h1 span{color:#fff!important} #app .r4-hb-in p,#app .r4-hb-in .r4-kicker,#app .r4-hb-in .us-label,#app .r4-hb-in .eyebrow{color:#edf6fb!important} #app .r4-hb-in .r4-edu-cred{color:#ffd45c!important;font-weight:600} #app .r4-hb-in a.us-primary,#app .r4-hb-in a.btn{background:#fff!important;color:#005192!important;border-color:#fff!important} .r4-gone{display:none!important} @media (max-width:767px){#app .r4-hb{min-height:360px;margin-bottom:28px}#app .r4-hb-in{width:calc(100% - 32px)}#app .r4-hb-shade{background:linear-gradient(90deg,rgba(11,31,51,.9),rgba(11,31,51,.7))}} /* ===== 2026-10-16 44\cc28 : \ae30 \c220 \c790 \b8cc \ce74 \b4dc \d45c \c9c0 \2014 \b9c1 \d06c \b4dc \c778 \d45c \c9c0 \ce74 \b4dc v2\c640 \ac19 \c740 \c5b8 \c5b4 (\b0a8 \c0c9 \d310 + \c624 \b978 \cabd \c0ac \c9c4 + \b178 \b780 \c120 + \d770 \c81c \baa9 + \d770 \b85c \ace0 + \c544 \b798 \d30c \b791 \2192 \b178 \b791 \c120 ) ===== */ #app a.r4-cv-on .r4-cv-old{display:none!important} #app a.r4-cv-on{display:flex!important;flex-direction:column;overflow:hidden} #app .r4-cv{position:relative;aspect-ratio:16/10;background:#0b1f38;overflow:hidden;flex:none} #app .r4-cv-ph{position:absolute;top:0;right:0;width:62%;height:100%;object-fit:cover;border:0!important;border-radius:0!important;max-width:none!important;margin:0!important;background:none!important;transition:transform .6s cubic-bezier(.2,.7,.2,1)} #app .r4-cv-fade{position:absolute;inset:0;background:linear-gradient(90deg,#0b1f38 38%,rgba(11,31,56,.82) 52%,rgba(11,31,56,.2) 82%,rgba(11,31,56,.05)),linear-gradient(0deg,rgba(11,31,56,.85),rgba(11,31,56,0) 32%),radial-gradient(circle at 0 0,rgba(46,98,214,.32),rgba(46,98,214,0) 45%)} #app .r4-cv-k{position:absolute;left:24px;top:24px;padding-top:14px;font-size:13px;font-weight:600;letter-spacing:.02em;color:#9fb4d4} #app .r4-cv-k:before{content:"";position:absolute;left:0;top:0;width:28px;height:4px;border-radius:2px;background:#ffc935} #app .r4-cv-t{position:absolute;left:24px;top:64px;width:62%;font-size:21px;line-height:1.38;font-weight:700;color:#fff;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} #app .r4-cv-logo{position:absolute;left:24px;bottom:20px;height:22px;width:auto;border:0!important;margin:0!important;background:none!important} #app .r4-cv-line{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#2e62d6,#ffc935)} #app a.r4-cv-on:hover .r4-cv-ph{transform:scale(1.04)} #app a.pd-editorial-card.r4-cv-on .pd-editorial-copy>span,#app a.pd-editorial-card.r4-cv-on .pd-editorial-copy>h3{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} @media (max-width:767px){#app .r4-cv-t{font-size:18px;width:70%}} /* ===== 2026-10-16 44\cc28 : \d558 \c704 \d398 \c774 \c9c0 \b5a0 \c624 \b984 ===== */ html.r4-subfx .r4-srv{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)} html.r4-subfx .r4-srv:not(.r4-in){opacity:0;transform:translateY(28px)} @media (prefers-reduced-motion:reduce){html.r4-subfx .r4-srv{opacity:1!important;transform:none!important}} /* ===== 2026-10-18 46\cc28 \baa9 \c5c5 \2014 \d56d \baa9 \bcc4 \baa8 \c591 (\cf1c \ace0 \b044 \ae30 \b294 r4-mock.js \b9e8 \c704 R46 \c2a4 \c704 \ce58 ) ===== M2 Hansford \bc29 \d3ed \d45c \c2dc \b7 M3 \cd94 \c138 \adf8 \b798 \d504 \b7 M5 \b370 \baa8 \d398 \c774 \c9c0 \b7 D1~D7 \b514 \c790 \c778 (html.r46-dN \d074 \b798 \c2a4 \ac00 \c788 \c744 \b54c \b9cc ) */ /* M2 Hansford \bc29 \d3ed : \c81c \d488 \ce74 \b4dc \d55c \c904 \b7 \ba38 \b9ac \b9d0 \d45c \c2dc \b7 \c0ac \c591 \d45c \ac15 \c870 \d589 \b7 \c778 \c99d \c0c1 \c790 */ #app .r46-excard{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:3px 8px 3px 0;font-size:.8125rem;font-weight:600;color:#0b1f33;border-left:3px solid var(--r4-yellow);padding-left:8px;line-height:1.4;white-space:nowrap} #app .r46-excard b{font-weight:700;color:#005192} #app .r46-exbadge{display:inline-flex!important;align-items:stretch;margin:16px 0 4px!important;padding:0!important;border:1px solid #0b1f33;border-radius:2px;font-size:.9375rem!important;line-height:1.4;max-width:100%} #app .r46-exbadge b{display:inline-flex;align-items:center;padding:7px 12px;background:#0b1f33;color:#fff;font-weight:700;white-space:nowrap} #app .r46-exbadge>span{display:inline-flex;align-items:center;padding:7px 12px;color:#0b1f33;font-weight:600;font-family:"Pretendard Variable",Pretendard,"Malgun Gothic",sans-serif} #app .r46-exline{margin:10px 0 0!important;font-size:.9375rem!important;color:#16222c!important} #app .r46-exline b{color:#005192;margin-right:6px} #app .spec-table-wrap tr.r46-exrow>:is(th,td){background:#fff7dc!important;color:#0b1f33!important;font-weight:700!important} #app .r46-exbox{margin:32px 0 0;border:1px solid var(--r4-line);border-top:3px solid #0b1f33;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:8px 40px;padding:28px 32px} #app .r46-exbox-head h3{margin:6px 0 10px!important;font-size:1.25rem!important;color:#0b1f33!important} #app .r46-exbox-head p{margin:0!important;color:#33424e!important;line-height:1.7} #app .r46-exbox-k{display:flex;align-items:center;gap:10px;font-size:.875rem!important;font-weight:700!important;color:#4b5a66!important;margin:0!important} #app .r46-exbox-k::before{content:"";width:28px;height:3px;background:var(--r4-yellow);display:inline-block} #app .r46-exbox dl{margin:0;display:grid;gap:0} #app .r46-exbox dl>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--r4-line)} #app .r46-exbox dl>div:first-child{border-top:1px solid var(--r4-line)} #app .r46-exbox dt{font-weight:600;color:#4b5a66;font-size:.9375rem} #app .r46-exbox dd{margin:0;color:#16222c;font-weight:600;word-break:keep-all} #app .r46-exbox .r46-ex-main dd{color:#0b1f33;font-size:1.125rem;font-weight:800} #app .r46-exbox-note{grid-column:1/-1;margin:8px 0 0!important;font-size:.9375rem!important;color:#4b5a66!important} #app .r46-exbox-note a{color:#0073c4;font-weight:700;text-decoration:none;margin-left:6px;white-space:nowrap} @media (max-width:767px){#app .r46-exbox{grid-template-columns:1fr;padding:22px 18px}#app .r46-exbox dl>div{grid-template-columns:104px minmax(0,1fr)}#app .r46-exbadge{font-size:.875rem!important}#app .r46-exbadge b,#app .r46-exbadge>span{padding:6px 9px}} #app .r46-nw{white-space:nowrap} /* M3 POC \cd94 \c138 \adf8 \b798 \d504 \d55c \c7a5 */ #app .poc-trend-overview.r46-trend{display:block!important;grid-template-columns:none!important;height:auto!important;background:#fff;border:1px solid var(--r4-line);padding:0!important} #app .poc-trend-overview.r46-trend img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0!important;border-radius:0!important} /* M5 \b370 \baa8 \b7 POC\b7 \b80c \d0c8 */ #app .r46-demo .r46-hb{margin-bottom:8px} #app .r46-demo .r46-hb .page-head{border:0!important;margin:0!important;padding:0!important;background:none!important} #app .r46-demo .r46-hb h1{font-size:clamp(2rem,3.4vw,2.75rem)!important;margin:12px 0 14px!important;color:#fff!important} #app .r46-sec{margin:56px 0 0} #app .r46-sec>h2{margin:0 0 10px!important;font-size:1.75rem!important;color:#16222c!important} #app .r46-lead{margin:0 0 22px!important;color:#4b5a66!important} #app .r46-h3{margin:0 0 18px!important;font-size:1.25rem!important;color:#16222c!important;display:flex;align-items:center;gap:10px} #app .r46-h3::before{content:"";width:28px;height:3px;background:var(--r4-yellow);display:inline-block;flex:none} #app .r46-cmp-wrap{overflow-x:auto} #app table.r46-cmp{width:100%;border-collapse:collapse;table-layout:fixed;font-size:1rem;background:#fff} #app table.r46-cmp :is(th,td){border:1px solid var(--r4-line);padding:14px 16px;vertical-align:top;text-align:left;line-height:1.6;word-break:keep-all} #app table.r46-cmp thead th{background:#0b1f33;color:#fff;font-weight:700;border-color:#0b1f33} #app table.r46-cmp thead th:first-child{width:16%} #app table.r46-cmp tbody th{background:#f4f6f8;color:#16222c;font-weight:700} #app .r46-ph{display:inline;white-space:nowrap;background:#fff2c4;color:#6b4e00;font-weight:600;padding:1px 4px;font-size:.9375em} #app .r46-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:2px solid #0b1f33} #app .r46-steps>li{padding:18px 20px 20px 0;margin:0;border-right:1px solid var(--r4-line);padding-left:20px} #app .r46-steps>li:first-child{padding-left:0} #app .r46-steps>li:last-child{border-right:0} #app .r46-step-no{display:block;font-size:.9375rem;font-weight:800;color:#0073c4;font-variant-numeric:tabular-nums;margin-bottom:6px} #app .r46-steps h4{margin:0 0 6px!important;font-size:1.0625rem!important;color:#16222c!important} #app .r46-steps p{margin:0!important;color:#33424e!important;line-height:1.65;font-size:.9688rem} #app .r46-steps p.r46-step-sub{margin-top:8px!important;font-size:.875rem;color:#4b5a66!important} #app .r46-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0 0} #app .r46-shots figure{margin:0} #app .r46-shots img{display:block;width:100%;height:auto;border:1px solid var(--r4-line);border-radius:0} #app .r46-shots figcaption{margin-top:8px;font-size:.875rem;color:#4b5a66} #app .r46-poc-steps{margin:40px 0 8px} #app .r46-rent-flow{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:40px;margin:48px 0 0;align-items:start} #app .r46-rent-flow .r46-steps{grid-template-columns:repeat(2,minmax(0,1fr))} #app .r46-rent-flow .r46-steps>li:nth-child(2){border-right:0} #app .r46-rent-flow .r46-steps>li:nth-child(3){padding-left:0} #app .r46-rent-flow .r46-steps>li:nth-child(n+3){border-top:1px solid var(--r4-line)} #app .r46-check{border:1px solid var(--r4-line);background:#f4f6f8;padding:22px 24px} #app .r46-check ul{list-style:none;margin:0;padding:0} #app .r46-check li{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid #dfe5ea} #app .r46-check li:last-child{border-bottom:0} #app .r46-check b{color:#16222c;font-size:1rem} #app .r46-check span{color:#4b5a66;font-size:.9375rem} #app .r46-demo a.r46-allp{display:inline-block;margin:40px 0 0} @media (max-width:767px){ #app .r46-sec{margin-top:40px}#app .r46-sec>h2{font-size:1.375rem!important} #app table.r46-cmp,#app table.r46-cmp tbody,#app table.r46-cmp tr,#app table.r46-cmp th,#app table.r46-cmp td{display:block;width:auto!important} #app table.r46-cmp thead{display:none} #app table.r46-cmp tr{margin:0 0 14px;border:1px solid var(--r4-line)} #app table.r46-cmp :is(th,td){border:0;border-bottom:1px solid var(--r4-line);padding:10px 14px} #app table.r46-cmp tbody th{background:#0b1f33;color:#fff} #app table.r46-cmp td::before{content:attr(data-k);display:block;font-size:.8125rem;font-weight:700;color:#005192;margin-bottom:2px} #app table.r46-cmp td:last-child{border-bottom:0} #app .r46-steps,#app .r46-rent-flow .r46-steps{grid-template-columns:1fr} #app .r46-steps>li,#app .r46-rent-flow .r46-steps>li{padding:14px 0!important;border-right:0;border-top:1px solid var(--r4-line)} #app .r46-steps>li:first-child{border-top:0} #app .r46-shots{grid-template-columns:1fr;gap:18px} #app .r46-rent-flow{grid-template-columns:1fr;gap:28px} } /* D1 \c139 \c158 \bc30 \acbd \b9ac \b4ec : \c81c \d488 \c0c1 \c138 \ad6c \c5ed \c744 \d770 \c0c9 \b7 \c5f0 \d68c \c0c9 \c73c \b85c \bc88 \ac08 \c544 (\c804 \d3ed ) */ html.r46-d1 #app .pd-section.r46-alt{background:var(--r4-soft)!important;box-shadow:0 0 0 100vmax var(--r4-soft);clip-path:inset(0 -100vmax);padding-top:56px!important;padding-bottom:56px!important} html.r46-d1 #app .pd-section.r46-alt :is(.application-card,.spec-sheet,.two-doc-card,.r4-lineup>div,.pd-features>div,.r46-exbox){background:#fff} /* D2 \d558 \b2e8 \c0c1 \b2f4 \b760 : \be14 \b85c \adf8 \bb38 \c758 \bc30 \b108 \c640 \ac19 \c740 \d1a4 \2014 \b0a8 \c0c9 \d310 , \c624 \b978 \cabd \c2e4 \c0ac \c9c4 \c774 \c67c \cabd \c73c \b85c \b179 \c544 \b4e6 , \b178 \b780 \c9e7 \c740 \c120 , \c544 \b798 \d30c \b791 \2192 \b178 \b791 \c120 */ html.r46-d2 #app .r4-cta{background:#0b1f33 url(/base_1/img/USENS2027/assets/r46-field-motor.jpg) right center/50% auto no-repeat!important} html.r46-d2 #app .r4-cta::before{display:block!important;background-size:auto!important;content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1f33 0%,#0b1f33 44%,rgba(11,31,51,.86) 62%,rgba(11,31,51,.35) 100%);pointer-events:none} html.r46-d2 #app .r4-cta::after,html.r46-d2 #app section.r4-svc-cta::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#0073c4,#ffce3e);pointer-events:none} html.r46-d2 #app section.r4-svc-cta{position:relative;overflow:hidden;background:#0b1f33 url(/base_1/img/USENS2027/assets/r46-field-motor.jpg) right center/50% auto no-repeat!important;box-shadow:none;clip-path:none;padding:52px 48px 56px;margin-top:72px} html.r46-d2 #app section.r4-svc-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1f33 0%,#0b1f33 46%,rgba(11,31,51,.86) 64%,rgba(11,31,51,.4) 100%);pointer-events:none} html.r46-d2 #app section.r4-svc-cta>*{position:relative} html.r46-d2 #app section.r4-svc-cta>div:first-child::before{content:"";display:block;width:40px;height:3px;background:var(--r4-yellow);margin-bottom:16px} html.r46-d2 #app section.r4-svc-cta h2{color:#fff!important} html.r46-d2 #app section.r4-svc-cta p{color:#dbe4f2!important} html.r46-d2 #app section.r4-svc-cta .r4-svc-cta-btn{background:#fff;color:#0b1f33!important} html.r46-d2 #app section.r4-svc-cta .r4-svc-cta-tel{color:#fff!important} @media (max-width:767px){html.r46-d2 #app section.r4-svc-cta{padding:36px 20px 40px;background-size:cover!important}html.r46-d2 #app .r4-cta{background-size:cover!important}html.r46-d2 #app :is(.r4-cta,section.r4-svc-cta)::before{background:linear-gradient(90deg,rgba(11,31,51,.95),rgba(11,31,51,.82))}} /* D3 \ccab \ba38 \b9ac \c0ac \c9c4 \b760 v2: \c67c \cabd \b0a8 \c0c9 \d310 \c744 \b113 \d788 \ace0 \c0ac \c9c4 \c740 \c624 \b978 \cabd \c5d0 \c11c \b179 \c544 \b4e6 , \ba38 \b9ac \b9d0 \c55e \b178 \b780 \c9e7 \c740 \c120 , \c544 \b798 \d30c \b791 \2192 \b178 \b791 \c120 */ html.r46-d3 #app .r4-hb-shade{background:linear-gradient(90deg,#0b1f33 0%,#0b1f33 34%,rgba(11,31,51,.84) 52%,rgba(11,31,51,.3) 82%,rgba(11,31,51,.12) 100%)} html.r46-d3 #app .r4-hb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#0073c4,#ffce3e)} html.r46-d3 #app .r4-hb-in :is(.r4-kicker,.us-label,.eyebrow,.detail-eyebrow):first-child{display:flex!important;align-items:center;gap:10px;color:#9fb4d4!important;font-weight:700!important;letter-spacing:.04em} html.r46-d3 #app .r4-hb-in :is(.r4-kicker,.us-label,.eyebrow,.detail-eyebrow):first-child::before{content:"";width:40px;height:3px;background:var(--r4-yellow);display:inline-block;flex:none} @media (max-width:767px){html.r46-d3 #app .r4-hb-shade{background:linear-gradient(90deg,rgba(11,31,51,.94),rgba(11,31,51,.78))}} /* D5 \d45c \ba38 \b9ac \ae00 : \b0a8 \c0c9 \bc14 \d0d5 \d770 \ae00 \c790 (\be14 \b85c \adf8 \d45c \c640 \ac19 \ac8c ) */ html.r46-d5 #app .spec-table-wrap thead th,html.r46-d5 #app table.r4-cmp thead th,html.r46-d5 #app .r4-s3s4 thead th,html.r46-d5 #app .r4-gl-table thead th{background:#0b1f33!important;color:#fff!important;border-bottom:0!important} html.r46-d5 #app .spec-table-wrap thead th:not(:first-child){border-left:1px solid rgba(255,255,255,.18)!important} /* D6 \c22b \c790 \b760 : \c704 \b0a8 \c0c9 \c120 , \ac12 \c740 \d06c \ace0 \ad75 \ac8c , \d56d \baa9 \ba85 \c740 \c791 \ac8c */ html.r46-d6 #app .r4-keyfacts{border-top:3px solid #0b1f33!important} html.r46-d6 #app .r4-keyfacts strong{font-size:1.25rem!important;font-weight:800!important;color:#0b1f33!important} html.r46-d6 #app .r4-keyfacts .r4-kf-label{font-size:.8125rem!important;font-weight:700!important;color:#4b5a66!important;letter-spacing:.02em} /* D7 \bcf8 \bb38 \c0ac \c9c4 : \c587 \c740 \d14c \b450 \b9ac \b7 \cea1 \c158 \c11c \c2dd \d1b5 \c77c */ html.r46-d7 #app :is(.application-image,.service-field-photo,.poc-install-photos figure,.service-evidence-grid figure)>img,html.r46-d7 #app .application-image img{border:1px solid var(--r4-line)!important;border-radius:0!important} html.r46-d7 #app :is(.poc-install-photos,.service-evidence-grid,.service-field-photo) figcaption{margin-top:8px!important;font-size:.875rem!important;color:#4b5a66!important;padding-left:10px!important;border-left:2px solid var(--r4-yellow)!important;line-height:1.5!important;background:none!important} /* 2026-10-18 46\cc28 M2b: Hansford KCs \c778 \c99d \c11c \c378 \b124 \c77c (\c67c \cabd \c124 \ba85 \c544 \b798 ) \b7 \ac19 \c740 \d398 \c774 \c9c0 \d655 \b300 \bcf4 \ae30 */ #app .r46-exbox-cert{display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px;margin:18px 0 0;padding:0;border:0;background:none;cursor:zoom-in;text-align:left} #app .r46-exbox-cert img{display:block;height:240px;width:auto;max-width:100%;border:1px solid #d5e0e8;background:#fff;box-shadow:0 2px 10px rgba(11,31,51,.08)} #app .r46-exbox-cert span{font-size:.875rem;font-weight:700;color:#0073c4} #app .r46-exbox-cert:hover img,#app .r46-exbox-cert:focus-visible img{border-color:#0073c4} #app .r46-exbox-cert:focus-visible{outline:2px solid #0073c4;outline-offset:3px} .r46-cert-lb figure{max-width:min(92vw,640px)} .r46-cert-lb img{max-height:82vh} @media (max-width:767px){#app .r46-exbox-cert img{height:220px}} /* 2026-10-18 46\cc28 M7: \ce21 \c815 \b7 \bd84 \c11d \bcf4 \ace0 \c11c \adf8 \b798 \d504 2\c7a5 (\acb0 \acfc \ac00 \d55c \b208 \c5d0 \bcf4 \c774 \ac8c \b2e4 \c2dc \adf8 \b9bc ) */ #app .report-evidence-panel.r46-m7 figure img{width:100%;height:auto;display:block;background:#fff} #app .report-evidence-panel.r46-m7 figcaption{line-height:1.6} #app .report-evidence-panel.r46-m7 figcaption b{margin-right:6px} #app .r46-exbox:has(.r46-exbox-cert) dl{align-content:start} /* 2026-10-18 46\cc28 \cd5c \c885 \ac80 \c218 : \b208 \c73c \b85c \bcf8 \c5b4 \c0c9 \d55c \acf3 */ /* \d575 \c2ec \c218 \ce58 \ac12 \c548 \c758 \c904 \bc14 \b01c \bb36 \c74c (span)\c774 '\d56d \baa9 \ba85 \ae00 \c790 \d06c \ae30 ' \addc \ce59 (.r4-keyfacts span:first-child)\c5d0 \ac78 \b824 PRUFTECHNIK \c624 \cc28 \c55e \bd80 \bd84 \b9cc \c791 \ac8c \bcf4 \c774 \b358 \ac83 */ #app .r4-keyfacts strong span.r46-nw,#app .r4-keyfacts strong span:first-child{font-size:inherit!important;font-weight:inherit!important;color:inherit!important;letter-spacing:inherit!important} /* \c81c \d488 \bd84 \b958 \d558 \b2e8 '\c774 \c7a5 \be44 \b97c \d604 \c7a5 \c5d0 \c11c \d655 \c778 \d558 \b824 \ba74 ' \b760 : \b178 \b780 \c9e7 \c740 \c120 \c774 \ae00 \c790 \c2dc \c791 \c810 \acfc \c5b4 \ae0b \b098 \b358 \ac83 */ #app .detail-help::before{left:28px} @media(max-width:767px){#app .detail-help::before{left:22px}} /* DAVITEQ \c81c \d488 \d45c (\baa8 \bc14 \c77c ): \ce78 \c774 \c881 \c544 \baa8 \b378 \ba85 \b7 \c81c \d488 \ba85 \c774 \ae00 \c790 \b2e8 \c704 \b85c \b04a \ae30 \b358 \ac83 \2192 \d45c \b97c \ac00 \b85c \b85c \bc00 \c5b4 \bcf4 \ae30 */ @media(max-width:640px){#app .r4-dv-table table{min-width:600px}#app .r4-dv-table td.r4-dv-name,#app .r4-dv-table td.r4-dv-model{white-space:nowrap}#app .r4-dv-table td.r4-dv-img{width:64px}#app .r4-dv-table td.r4-dv-img img{width:56px!important;height:56px!important}} /* ===== 2026-10-18 47\cc28 \baa9 \c5c5 \2014 \d56d \baa9 \bcc4 \baa8 \c591 (\cf1c \ace0 \b044 \ae30 \b294 r4-mock.js \b9e8 \c704 R47 \c2a4 \c704 \ce58 ) ===== \ae30 \c874 \d1a0 \d070 (\b0a8 \c0c9 #0b1f33 \b7 CI \d30c \b791 #0073c4 \b7 \b178 \b791 var(--r4-yellow) \b7 \c120 var(--r4-line) \b7 \c5f0 \d68c \c0c9 var(--r4-soft))\acfc 46\cc28 \bd80 \d488 (.r46-h3 \b7 .r46-nw)\b9cc \c4f4 \b2e4 */ /* A1 \ce21 \c815 \b7 \bd84 \c11d \d310 \c815 \c6d0 \ce59 \b760 */ #app .r47-judge{margin:72px 0 0;padding:44px 48px 40px;background:var(--r4-soft);border-top:3px solid #0b1f33} #app .r47-judge>.br-label{margin:0!important} #app .r47-judge>h2{margin:10px 0 28px!important;font-size:clamp(1.375rem,2.1vw,1.875rem)!important;line-height:1.45!important;color:#0b1f33!important;word-break:keep-all;letter-spacing:-.01em} #app .r47-judge-std{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;margin-top:32px;padding-top:32px;border-top:1px solid #c9d6e0} #app .r47-judge-std .r46-h3{margin-bottom:12px!important} #app table.r47-mini{width:100%;border-collapse:collapse;background:#fff;font-size:.9688rem} #app table.r47-mini :is(th,td){border:1px solid var(--r4-line);padding:10px 14px;text-align:left;vertical-align:top;line-height:1.55;word-break:keep-all} #app table.r47-mini thead th{background:#0b1f33;color:#fff;font-weight:700;border-color:#0b1f33} #app .r47-note{margin:10px 0 0!important;font-size:.875rem!important;color:#4b5a66!important;line-height:1.6} #app ul.r47-trend{list-style:none;margin:0;padding:0} #app ul.r47-trend li{position:relative;margin:0;padding:12px 0 12px 18px;border-bottom:1px solid #dfe5ea;color:#16222c;line-height:1.65;word-break:keep-all} #app ul.r47-trend li:first-child{border-top:1px solid #dfe5ea} #app ul.r47-trend li::before{content:"";position:absolute;left:0;top:22px;width:8px;height:3px;background:var(--r4-yellow)} @media (max-width:767px){ #app .r47-judge{margin-top:48px;padding:30px 18px 28px} #app .r47-judge-std{grid-template-columns:1fr;gap:28px;margin-top:20px;padding-top:24px} } /* A2 \ba54 \c778 '\d604 \c7a5 \c0ac \b840 ' \c218 \ce58 \b760 (\b300 \d45c \c2b9 \c778 \c804 \ae30 \bcf8 \aebc \c9d0 ) */ #app .us-home>.r47-cases{background:var(--r4-soft)} #app .r47-case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--r4-line);border-top:3px solid #0b1f33} #app .r47-case{padding:28px 26px 26px;border-right:1px solid var(--r4-line);display:flex;flex-direction:column} #app .r47-case:last-child{border-right:0} #app .r47-case p{margin:0} #app .r47-case .r47-case-num{font-size:clamp(28px,2.3vw,36px);font-weight:800;line-height:1.15;color:#0b1f33;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap} #app .r47-case .r47-case-unit{margin-top:6px;font-size:.875rem;font-weight:700;color:#0073c4} #app .r47-case h3{margin:20px 0 8px!important;padding-top:16px;border-top:1px solid #dfe5ea;font-size:1.0625rem!important;color:#16222c!important} #app .r47-case p:not([class]){color:#33424e;line-height:1.65;font-size:.9375rem;word-break:keep-all} #app .r47-case .r47-case-tag{margin-top:auto;padding-top:14px;font-size:.8125rem;color:#4b5a66} #app .r47-case-foot{margin:14px 0 0;font-size:.875rem;color:#4b5a66} @media (max-width:1023px){#app .r47-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app .r47-case:nth-child(2){border-right:0}#app .r47-case:nth-child(n+3){border-top:1px solid var(--r4-line)}} @media (max-width:640px){#app .r47-case-grid{grid-template-columns:1fr}#app .r47-case{border-right:0!important;padding:22px 20px}#app .r47-case:nth-child(n+2){border-top:1px solid var(--r4-line)}} /* A3\b7 A4 \c81c \d488 \d398 \c774 \c9c0 '\c54c \ace0 \c4f0 \b294 \bc95 ' \ad6c \c5ed (2\ce78 ) */ #app a.r47-link{display:inline-block;margin-top:4px;color:#0073c4;font-weight:700;text-decoration:none;line-height:1.55;word-break:keep-all} #app a.r47-link:hover{text-decoration:underline} /* A5 \baa8 \b2c8 \d130 \b9c1 \bd84 \b958 '\c54c \b78c \ae30 \c900 ' (\c704 \ce78 \acfc \ac19 \c740 \baa8 \c591 \b7 \c704 \ce78 \acfc \ac04 \aca9 \b9cc ) */ #app .detail-choose:has(+.detail-choose.r47-alarm){margin-bottom:0!important} #app .detail-choose.r47-alarm{margin-top:20px!important} /* A6 \d68c \c0ac \c18c \ac1c \b7 \c5f0 \ad6c \ac1c \bc1c \c9c4 \b2e8 \c6d0 \ce59 + \ae30 \c220 \c790 \b8cc \ce74 \b4dc 2\c7a5 */ #app .r47-principle{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;align-items:start;margin:72px 0 0;padding:36px 0 0;border-top:3px solid #0b1f33} #app .r47-principle-k{display:flex!important;align-items:center;gap:10px;margin:0!important;font-size:.875rem!important;font-weight:700!important;color:#4b5a66!important} #app .r47-principle-k::before{content:"";width:28px;height:3px;background:var(--r4-yellow);display:inline-block;flex:none} #app .r47-principle-copy h2{margin:14px 0 14px!important;font-size:clamp(1.375rem,2vw,1.75rem)!important;line-height:1.45!important;color:#0b1f33!important;word-break:keep-all;letter-spacing:-.01em} #app .r47-principle-copy p:not(.r47-principle-k){margin:0!important;color:#33424e!important;line-height:1.75;word-break:keep-all} #app .r47-kb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch} #app .r47-kb .unified-content-card{border-radius:0} @media (max-width:1023px){#app .r47-principle{grid-template-columns:1fr;gap:24px}} @media (max-width:640px){#app .r47-principle{margin-top:48px;padding-top:28px}#app .r47-kb{grid-template-columns:1fr;gap:18px}} /* A9 \c81c \d488 \c0c1 \c138 \bcf8 \bb38 \bc14 \d0d5 \d770 \c0c9 : 46\cc28 D1\c758 \c5f0 \d68c \c0c9 \ad6c \c5ed \c774 \bc88 \ac08 \c544 \bcf4 \c774 \ac8c (DAVITEQ\b7 BROADSENS\cc98 \b7fc ) */ html.r47-a9 #app article.pd-story{background:#fff!important} html.r47-a9 #app article.pd-story section.pd-hero figure.pd-visual{background:#fff!important;border:1px solid var(--r4-line)} /* 2026-10-19 47\cc28 \ac04 \acb0 \d654 (\b300 \d45c 10-19 "\c911 \bcf5 \b7 \acfc \d55c \b0b4 \c6a9 \c9c0 \c591 , \ac04 \b2e8 \ba85 \b8cc \d558 \ac8c ") */ /* A1 \c601 \c5ed \b760 4\ce78 : \c704 \bcf4 \ace0 \c11c \adf8 \b798 \d504 \c758 \c601 \c5ed \c0c9 \acfc \ac19 \c740 \acc4 \c5f4 */ #app ol.r47-zones{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--r4-line)} #app ol.r47-zones>li{margin:0;padding:14px 16px 14px;border-right:1px solid var(--r4-line);border-top:4px solid #8fc79a;display:flex;flex-direction:column;gap:4px;min-width:0} #app ol.r47-zones>li:last-child{border-right:0} #app ol.r47-zones>li.r47-zB{border-top-color:#f0cf5a} #app ol.r47-zones>li.r47-zC{border-top-color:#eea36a} #app ol.r47-zones>li.r47-zD{border-top-color:#de7b7b} #app ol.r47-zones b{font-size:1.125rem;font-weight:800;color:#0b1f33;line-height:1.2} #app ol.r47-zones .r47-zv{font-weight:700;color:#0b1f33;font-variant-numeric:tabular-nums;line-height:1.4} #app ol.r47-zones .r47-zm{font-size:.9375rem;color:#33424e;line-height:1.5;word-break:keep-all} #app .r47-judge>h2{margin-bottom:24px!important} #app .r47-judge-std{margin-top:0;padding-top:0;border-top:0} /* A3\b7 A4 \c9e7 \c740 \c548 \b0b4 \c0c1 \c790 */ #app .r47-brief{background:#fff;border:1px solid var(--r4-line);border-top:3px solid #0b1f33;padding:24px 28px 22px} #app .r47-brief>p{margin:0 0 14px!important;color:#33424e!important;line-height:1.75;word-break:keep-all} #app .r47-brief>p:last-of-type{margin-bottom:8px!important} #app ol.r47-strip{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--r4-line)} #app ol.r47-strip>li{margin:0;padding:12px 14px;border-right:1px solid var(--r4-line);background:#f4f6f8;display:flex;flex-direction:column;gap:4px;min-width:0} #app ol.r47-strip>li:first-child{background:#eef4fa} #app ol.r47-strip>li:last-child{border-right:0} #app ol.r47-strip span{font-size:.875rem;color:#4b5a66;word-break:keep-all} #app ol.r47-strip b{font-size:1.0625rem;font-weight:800;color:#0b1f33;font-variant-numeric:tabular-nums} #app ul.r47-pts{list-style:none;margin:0;padding:0} #app ul.r47-pts>li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;margin:0;padding:12px 0;border-bottom:1px solid #dfe5ea;line-height:1.7} #app ul.r47-pts>li:first-child{padding-top:0} #app ul.r47-pts>li:last-child{border-bottom:0;padding-bottom:0} #app ul.r47-pts b{color:#0b1f33;font-weight:800} #app ul.r47-pts span{color:#33424e;word-break:keep-all} @media (max-width:767px){ #app ol.r47-zones{grid-template-columns:repeat(2,minmax(0,1fr))} #app ol.r47-zones>li:nth-child(2){border-right:0} #app ol.r47-zones>li:nth-child(n+3){border-bottom:0} #app ol.r47-zones>li{padding:12px 12px} #app .r47-brief{padding:20px 18px 18px} #app ol.r47-strip{grid-template-columns:repeat(2,minmax(0,1fr))} #app ol.r47-strip>li{border-bottom:1px solid var(--r4-line)} #app ol.r47-strip>li:nth-child(2n){border-right:0} #app ol.r47-strip>li:last-child{grid-column:1/-1;border-bottom:0} #app ul.r47-pts>li{grid-template-columns:1fr;gap:2px} } /* 48\cc28 A2(10-19 \b300 \d45c ): \acb0 \acfc \c218 \ce58 \b450 \c7a5 \b9cc \d06c \ac8c (\c870 \ce58 \c804 \c740 \d750 \b9ac \ac8c , \c870 \ce58 \d6c4 \b294 \b0a8 \c0c9 ), \b098 \ba38 \c9c0 \b450 \c7a5 \c740 \c9e7 \c740 \ad75 \c740 \b0b1 \b9d0 . \ba38 \b9ac \b192 \c774 \b97c \b9de \cdb0 \c81c \baa9 \c904 \c774 \b098 \b780 \d558 \ac8c */ #app .r48-a2 .r47-case-num{display:flex;align-items:flex-end;gap:10px;height:46px} #app .r48-a2 .r47-case-num .r48-from{color:#7d8c99;font-weight:700} #app .r48-a2 .r47-case-num .r48-arr{font-size:.56em;font-weight:600;color:#7d8c99;padding-bottom:.32em} #app .r48-a2 .r47-case-num.r48-word{font-size:clamp(22px,1.75vw,26px);letter-spacing:-.02em;padding-bottom:2px} #app .r48-a2 .r47-case h3{word-break:keep-all} #app .r48-a2 .r47-case p:not([class]){min-height:3.3em} @media (max-width:640px){#app .r48-a2 .r47-case-num{height:auto}#app .r48-a2 .r47-case p:not([class]){min-height:0}} /* ===== R48b (2026-10-19 \bc24 , \b300 \d45c \c9c0 \c801 ) \2014 \ce21 \c815 \b7 \bd84 \c11d \b760 , \c5f0 \b3d9 \adf8 \b9bc , \ae30 \c220 \ad50 \c721 \c21c \c11c \b7 \ac15 \c870 , \baa8 \b2c8 \d130 \b9c1 \b450 \ce78 , \ac80 \c740 \b760 , \c6c0 \c9c1 \c784 ===== */ #app .r48-gone{display:none!important} /* S1 \ce21 \c815 \b7 \bd84 \c11d \ccab \ba38 \b9ac : \c544 \b798 \cabd \c5d0 \d750 \b974 \b294 \c9c4 \b3d9 \d30c \d615 \d55c \c904 (\c7a5 \c2dd ) */ #app .r4-hb .r48-hb-wave{position:absolute;left:0;right:0;bottom:4px;width:100%;height:64px;pointer-events:none;opacity:.55} #app .r4-hb .r48-hb-wave path{fill:none;stroke:#7fd0ff;stroke-width:1.6;vector-effect:non-scaling-stroke} /* S2 \c13c \c11c \b7 \c2dc \c2a4 \d15c \c5f0 \b3d9 : \c2e4 \c81c \c0ac \c9c4 3\c7a5 + \d750 \b974 \b294 \c810 */ #app .r48-flow{display:grid;grid-template-columns:1fr 30px 1fr 30px 1.25fr;align-items:center;gap:0;aspect-ratio:16/9;padding:18px 14px;background:linear-gradient(135deg,#f3f7fb,#e7eef5);box-sizing:border-box} #app .r48-flow-it{position:relative;display:block;height:100%;max-height:none;background:#fff;border:1px solid #d9e2ea;overflow:hidden} #app .r48-flow-it img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;border:0!important;border-radius:0!important} #app .r48-flow-it:first-child img{object-fit:contain;padding:6px;box-sizing:border-box} #app .r48-flow-it em{position:absolute;left:0;bottom:0;padding:3px 8px;background:rgba(11,31,51,.82);color:#fff;font:600 12px/1.5 Pretendard,sans-serif;font-style:normal} #app .r48-flow-ln{position:relative;height:2px;background:#b9cfe0;margin:0 4px} #app .r48-flow-ln b{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#0073c4;opacity:0} #app .r48-flow.r48-in .r48-flow-ln b{animation:r48dot 1.8s linear infinite} #app .r48-flow-ln b:nth-child(2){animation-delay:.6s!important} #app .r48-flow-ln b:nth-child(3){animation-delay:1.2s!important} @keyframes r48dot{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 8px);opacity:0}} /* E1 \ae30 \c220 \ad50 \c721 \d558 \c704 \d0ed : \b2e4 \b978 \ae30 \c220 \c11c \be44 \c2a4 \d398 \c774 \c9c0 \c640 \ac19 \c740 \c790 \b9ac \b7 \baa8 \c591 */ #app .r48-edu-nav{margin:0 0 40px!important} #app .detail-choose.r48-tabbed{margin-bottom:72px!important} #app .program-enquiry.r48-moved{margin-top:72px!important} /* E2 \ad50 \c721 \acfc \c815 \ce74 \b4dc \ac15 \c870 */ #app .r48-course{position:relative;background:#f7fafd!important;border:1px solid #d9e2ea!important;transition:transform .25s ease,box-shadow .25s ease} #app .r48-course:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,81,146,.14)} #app .r48-course .program-course-top{background:linear-gradient(90deg,#005192,#0073c4)!important} #app .r48-course-bar{display:block;height:4px;background:#dfe8f1;position:relative;overflow:hidden} #app .r48-course-bar::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--r48-step,33%);background:#ffce3e;transform-origin:left;transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.7,.2,1) .2s} #app .r48-course.r48-in .r48-course-bar::after,html.r48-still #app .r48-course-bar::after{transform:scaleX(1)} #app .r48-course .r48-dur{font-size:2.5rem!important;font-weight:700!important;letter-spacing:-.02em;line-height:1.2!important} /* P1 \baa8 \b2c8 \d130 \b9c1 : \c120 \c815 \c870 \ac74 \b7 \c54c \b78c \ae30 \c900 \d55c \ce78 \b450 \d0ed */ #app .r48-dc-tabs{display:flex;gap:6px;margin-top:20px;flex-wrap:wrap} #app .r48-dc-tabs button{appearance:none;border:1px solid #c9d6e0;background:#fff;color:#16222c;font:600 14px/1 Pretendard,sans-serif;padding:11px 16px;cursor:pointer;transition:background .2s,color .2s,border-color .2s} #app .r48-dc-tabs button[aria-selected=true]{background:#005192;border-color:#005192;color:#fff} #app .r48-dc-tabs button:hover:not([aria-selected=true]){border-color:#0073c4;color:#0073c4} #app .detail-choose.r48-tabbed .r48-dc-pane{display:none!important} #app .detail-choose.r48-tabbed .r48-dc-pane.r48-on{display:grid!important;animation:r48fade .35s ease} @keyframes r48fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} /* \c81c \d488 \b7 \c11c \be44 \c2a4 \c548 \b0b4 \ce78 \c5d0 \ac00 \bcbc \c6b4 \bc18 \c751 : \b9c8 \c6b0 \c2a4 \b97c \c62c \b9ac \ba74 \c704 \c120 \c774 \d30c \b797 \ac8c */ #app .detail-choose .field-guide article{transition:border-color .25s,transform .25s} #app .detail-choose .field-guide article:hover{border-top-color:#0073c4!important;transform:translateY(-2px)} /* D1 \ac80 \c740 \b760 \c815 \b9ac : \c0ac \c9c4 \c5c6 \b294 \b0a8 \c0c9 \d310 \b7 \d45c \ba38 \b9ac \b7 \ad75 \c740 \b0a8 \c0c9 \c120 \2192 \d68c \c0ac \d30c \b791 , \c120 \c740 \c587 \ac8c */ html.r48-d1 #app .r4-band{background:linear-gradient(120deg,#004d8c 0%,#0063aa 100%)!important} html.r48-d1 #app table thead th,html.r48-d1 #app table.r46-cmp thead th,html.r48-d1 #app table.r47-mini thead th{background:#005192!important;border-color:#005192!important} html.r48-d1 #app .r4-keyfacts{border-top:1px solid var(--r4-line)!important;background:#f7fafd!important} html.r48-d1 #app .r4-keyfacts strong{font-weight:600!important;color:#005192!important} html.r48-d1 #app .r4-gill-switch a[aria-current],html.r48-d1 #app .br-jumps a.r4-on{border-bottom-color:#0073c4!important;box-shadow:inset 0 -2px 0 #0073c4!important} html.r48-d1 #app :is(.r46-exbox,.r47-judge,.r47-case-grid,.r47-brief){border-top-color:#0073c4!important;border-top-width:2px!important} html.r48-d1 #app .r46-steps{border-top-color:#0073c4!important} html.r48-d1 #app .education-principles-editorial{background:linear-gradient(135deg,#0b2a45,#0d3a5f)!important} /* M1 \c6c0 \c9c1 \c784 : \adf8 \b9ac \ae30 \b7 \c790 \b77c \ae30 (\d654 \ba74 \c5d0 \b4e4 \c5b4 \c62c \b54c \d55c \bc88 ) */ #app .r48-draw{stroke-dasharray:var(--r48-len);stroke-dashoffset:var(--r48-len);transition:stroke-dashoffset 1.8s cubic-bezier(.3,.6,.2,1)} #app .r48-in .r48-draw{stroke-dashoffset:0} #app .r48-grow{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:transform .7s cubic-bezier(.2,.7,.2,1)} #app .r48-in .r48-grow{transform:scaleY(1)} #app .r4-hb.r48-in .r48-hb-wave path{animation:r48slide 9s linear infinite} @keyframes r48slide{from{transform:translateX(0)}to{transform:translateX(-86px)}} #app .r48-a2 .r47-case-num .r48-from{transition:opacity .6s} html.r48-still #app .r48-draw{stroke-dashoffset:0;transition:none} html.r48-still #app .r48-grow{transform:none;transition:none} @media (prefers-reduced-motion:reduce){#app .r48-flow-ln b,#app .r48-hb-wave path{animation:none!important}} @media(max-width:767px){#app .r48-flow{grid-template-columns:1fr 18px 1fr 18px 1.2fr;padding:10px 8px}#app .r48-flow-it em{font-size:11px;padding:2px 5px}} /* ===== R48b \b05d ===== */ /* ===== R49 \baa9 \c5c5 (2026-10-20) \ba54 \c778 \c2e4 \c2dc \ac04 \c9c4 \b3d9 \baa8 \b2c8 \d130 \b7 \c0ac \b840 \c870 \ce58 \c804 \d6c4 ===== */ #app .detail-hero{position:relative} #app .detail-hero:has(.r49-mon) :is(p,h1){max-width:560px!important} #app .r49-mon{position:absolute;right:max(32px,calc((100% - 1254px)/2));top:50%;transform:translateY(-50%);z-index:6;width:340px;padding:16px 18px 12px;box-sizing:border-box;background:rgba(9,28,46,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(127,208,255,.28);color:#fff;font-family:Pretendard,sans-serif;box-shadow:0 18px 40px rgba(0,0,0,.28);transition:opacity .5s,transform .5s} #app .r49-mon.r49-off{opacity:0;pointer-events:none;transform:translateY(-54%)} #app .r49-mon-hd{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:10px} #app .r49-mon-hd b{font-weight:600} #app .r49-mon-hd em{margin-left:auto;font-style:normal;color:#9fb4d4;font-variant-numeric:tabular-nums} #app .r49-live{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid rgba(255,206,62,.6);color:#ffce3e;font-size:11px;font-weight:700;letter-spacing:.06em} #app .r49-live i{width:7px;height:7px;border-radius:50%;background:#ffce3e;animation:r49blink 1.2s infinite} @keyframes r49blink{50%{opacity:.25}} #app .r49-mon-lb{display:flex;justify-content:space-between;font-size:11px;color:#9fb4d4;margin:6px 0 4px} #app .r49-mon canvas{display:block;width:100%;background:rgba(255,255,255,.03)} #app .r49-wave{height:74px} #app .r49-spec{height:66px} #app .r49-mon-ft{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:end;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)} #app .r49-mon-ft small{display:block;font-size:11px;color:#9fb4d4;margin-bottom:2px} #app .r49-mon-ft strong{font-size:30px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums} #app .r49-mon-ft strong+span{font-size:12px;color:#c9d6e2;margin-left:4px} #app .r49-zbar{position:relative;display:grid;grid-template-columns:repeat(4,1fr);height:18px} #app .r49-zbar i{font-style:normal;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#0b1f33} #app .r49-zbar .a{background:#7ed6a5}#app .r49-zbar .b{background:#ffe08a}#app .r49-zbar .c{background:#ffb27a}#app .r49-zbar .d{background:#ff8a8a} #app .r49-needle{position:absolute;top:-5px;bottom:-5px;width:3px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #0b1f33;transition:left .6s ease} #app .r49-mon-note{margin:8px 0 0!important;font-size:10.5px!important;color:#7f93a8!important;text-align:right} @media (max-width:1100px){#app .r49-mon{display:none}} #app .r49-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px;align-items:center;margin:0 0 24px;padding:28px 32px;background:#fff;border:1px solid var(--r4-line,#d9e2ea);border-top:2px solid #0073c4} #app .r49-case-k{margin:0 0 6px!important;font-size:13px!important;color:#4b5a66!important;font-weight:600} #app .r49-case h3{margin:0 0 14px!important;font-size:1.25rem!important;line-height:1.4} #app .r49-case-st{display:flex;gap:6px;margin:0 0 14px!important} #app .r49-st{padding:5px 10px;border:1px solid #c9d6e0;font-size:12.5px;color:#6e7b87;transition:all .3s} #app .r49-st.on{background:#005192;border-color:#005192;color:#fff} #app .r49-case-num{display:flex;align-items:baseline;gap:8px;margin:0!important} #app .r49-cn{font-size:52px;font-weight:700;line-height:1;color:#005192;font-variant-numeric:tabular-nums;min-width:3.2ch} #app .r49-pre{font-size:22px!important;color:#005192!important;font-weight:700} #app .r49-case-num span{font-size:14px;color:#4b5a66} #app .r49-case-sub{margin:6px 0 0!important;color:#4b5a66!important;font-size:14px!important} #app .r49-case-cv{width:100%;height:220px;display:block} @media (max-width:860px){#app .r49-case{grid-template-columns:1fr;gap:16px;padding:20px}#app .r49-cn{font-size:40px}#app .r49-case-cv{height:180px}} #app .r47-case-grid.r49-g3{grid-template-columns:repeat(3,minmax(0,1fr))!important} @media (max-width:860px){#app .r47-case-grid.r49-g3{grid-template-columns:1fr!important}} /* ===== R49 \b05d ===== */ /* ===== R49c (10-20 \b300 \d45c ) \c0ac \b840 \d55c \ac74 \b7 \d558 \c704 \d0ed \ace0 \c815 \b7 \c5f0 \b3d9 \c0ac \c9c4 ===== */ #app .r49-a2{background:#fff!important} #app .r49-a2-box{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center;padding:32px;border:1px solid var(--r4-line,#d9e2ea);border-top:2px solid #0073c4;background:#fff} #app .r49-a2-fig{position:relative;margin:0!important;background:#eef3f8} #app .r49-a2-fig img{display:block;width:100%;height:auto;margin:0!important;border:0!important;border-radius:0!important} #app .r49-a2-fig figcaption{padding:8px 12px;font-size:13px!important;color:#6e7b87!important;background:#fff} #app .r49-a2-wt{position:absolute;left:24%;top:13%;display:flex;align-items:center;gap:8px;pointer-events:none} #app .r49-a2-wt i{width:16px;height:16px;border-radius:50%;background:#ffce3e;box-shadow:0 0 0 3px rgba(255,206,62,.35)} #app .r49-a2-wt b{padding:3px 8px;background:#0b1f33;color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap} #app .r49-a2-tx p{margin:0 0 10px!important;font-size:1.0625rem!important;line-height:1.75!important;color:#16222c!important} #app .r49-a2-dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0 0;border-top:1px solid var(--r4-line,#d9e2ea)} #app .r49-a2-dl div{padding:14px 0 0} #app .r49-a2-dl dt{font-size:13px;color:#6e7b87;margin-bottom:4px} #app .r49-a2-dl dd{margin:0;font-size:1.125rem;font-weight:600;color:#005192} @media (max-width:860px){#app .r49-a2-box{grid-template-columns:1fr;gap:20px;padding:18px}#app .r49-a2-dl{grid-template-columns:repeat(2,minmax(0,1fr))}} #app .r2-service-nav.r49-stick{position:sticky!important;z-index:30;background:#fff!important;padding-top:14px!important;margin-top:0!important} #app img.r49-s2{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto} /* ===== R49c \b05d ===== */ /* 10-20 \b300 \d45c : \c9c4 \d589 \c808 \cc28 \d30c \b780 \d310 \c774 \c544 \b798 \b0a8 \c0c9 \c0c1 \b2f4 \b760 \c640 \d1a4 \c774 \c5b4 \ae0b \b0a8 \2192 \c5f0 \d55c \bc14 \d0d5 + \b0a8 \c0c9 \ae00 \c790 \b85c (\c0c1 \b2f4 \b760 \b9cc \c9c4 \d55c \c0c9 ) */ html.r48-d1 #app .r4-band{background:#f4f7fa!important;color:#16222c!important;border-top:2px solid #0073c4} html.r48-d1 #app .r4-band h2{color:#0b1f33!important} html.r48-d1 #app .r4-band .r4-band-kicker{color:#005192!important} html.r48-d1 #app .r4-band-desc p{color:#4b5a66!important} html.r48-d1 #app .r4-band-desc a.r4-band-link{color:#0073c4!important} html.r48-d1 #app .r4-band-rows>li{border-bottom-color:#d9e2ea!important} html.r48-d1 #app .r4-band-rows>li strong,html.r48-d1 #app .r4-band-rows>li strong span{color:#0073c4!important} html.r48-d1 #app .r4-band-rows>li p{color:#16222c!important} /* R49d: \c81c \d488 \c0c1 \c138 \ba54 \b274 \ace0 \c815 \bc14 \d0d5 , \baa8 \bc14 \c77c \c5d0 \c11c \b294 \ae30 \c220 \c11c \be44 \c2a4 \d558 \c704 \d0ed \c744 \ace0 \c815 \d558 \c9c0 \c54a \c74c (\c138 \b85c \b85c \c313 \c5ec \d654 \ba74 \c744 \ac00 \b9bc ) */ #app .br-jumps.r4-sticky-jumps{background:#fff!important;box-shadow:0 1px 0 #d9e2ea} @media (max-width:767px){#app .r2-service-nav.r49-stick{position:static!important}} /* R49e (10-20 \b300 \d45c "\c774 \c0c1 \d55c \adf8 \b798 \d504 \c0ad \c81c "): \c81c \d488 \bd84 \b958 \ccab \ba38 \b9ac \c0ac \c9c4 \c704 \c120 \b7 \c6d0 \c7a5 \c2dd \c228 \ae40 */ #app svg.detail-motion,#app .r48-hb-wave{display:none!important} html.r4-stack #app .us-home>.r49-a2{position:relative} /* R49g (10-20 \baa8 \bc14 \c77c \ac80 \c218 ): \d398 \c774 \c9c0 \c548 \ba54 \b274 \b7 \ae30 \c220 \c11c \be44 \c2a4 \d558 \c704 \d0ed \c774 \baa8 \bc14 \c77c \c5d0 \c11c \c138 \b85c \b85c \c313 \c5ec (\cd5c \b300 338px) \ace0 \c815 \b41c \cc44 \d654 \ba74 \c744 \ac00 \b9bc \2192 \ac00 \b85c \d55c \c904 \b118 \ae40 */ @media (max-width:767px){ #app .depth-jumps,#app .r2-service-nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:0 20px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 4px!important;grid-template-columns:none!important} #app .depth-jumps::-webkit-scrollbar,#app .r2-service-nav::-webkit-scrollbar{display:none} #app .depth-jumps>a,#app .r2-service-nav>a{flex:0 0 auto!important;width:auto!important;min-width:0!important;white-space:nowrap!important;border:0!important;border-bottom:2px solid transparent!important;padding:12px 2px!important;text-align:left!important;font-size:14px!important} #app .depth-jumps>a[aria-current],#app .depth-jumps>a.is-active,#app .depth-jumps>a.active,#app .r2-service-nav>a[aria-current]{border-bottom-color:#0073c4!important;font-weight:700!important} #app .r2-service-nav{margin-bottom:20px!important} } /* \ad50 \c721 \c6d0 \b9ac \d310 \c758 \c791 \c740 \ba38 \b9ac \b9d0 (01 \b7 \c9c4 \b3d9 \ae30 \cd08 \b4f1 )\c774 \b0a8 \c0c9 \bc14 \d0d5 \c5d0 \b0a8 \c0c9 \ae00 \c790 \b85c \c548 \bcf4 \c774 \b358 \ac83 */ #app .principles-kicker{color:#ffce3e!important} /* R49h (10-21): \cd5c \c2e0 \ae30 \c220 \c790 \b8cc \ce78 \c740 \be14 \b85c \adf8 3\ac74 \c774 \c62c \b54c \d55c \bc88 \b9cc \adf8 \b9bc */ #app .r4-latest .r4-grid.r49-wait{min-height:360px;opacity:0} #app .r4-latest .r4-grid{transition:opacity .25s} /* ===== R52 (10-24) \c774 \b2ec \c758 \c0c8 \c790 \b8cc \b760 \b7 \b9c1 \d06c \b4dc \c778 ===== */ #app .r52-news{background:#0b1f33;margin:0 0 28px} #app .r52-news-in{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;font-size:14.5px} #app .r52-news b{color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:8px;white-space:nowrap} #app .r52-news b i{width:7px;height:7px;border-radius:50%;background:#ffce3e;display:inline-block} #app .r52-news a{color:#d6e6f3!important;text-decoration:none} #app .r52-news a:hover{color:#fff!important;text-decoration:underline} @media (max-width:767px){#app .r52-news-in{padding:10px 16px;font-size:13.5px;gap:6px 14px}#app .r52-news a{display:block;width:100%}} body>footer .r52-li{display:inline-flex!important;align-items:center;gap:6px;margin-top:6px} /* ===== R52 \b05d ===== */ /* ===== R59 (2026-10-27) \d3ec \cee4 \c2a4 \d14c \b450 \b9ac \b300 \be44 \2014 59\cc28 \b294 \c2e4 \c0ac \c774 \d2b8 r2-f0f8ac25ad1e03a3.css \b05d \c5d0 FTP\b85c \b354 \d568 . 58\cc28 \bd80 \d130 \c18c \c2a4 (\c5ec \ae30 )\c5d0 \d569 \ce68 : 04_\bc30 \d3ec \c900 \be44 _20261002\FTP_\cd94 \ac00 \c5c5 \b85c \b4dc _59\cc28 \\c18c \c2a4 \bc18 \c601 \c6a9 _r59_focus.css ===== */ /* R59 (2026-10-27) keyboard focus ring contrast >= 3:1 against what is behind it. :focus-visible only, mouse view unchanged. hero tabs/arrows on photo + blue band, CTA band on navy: white ring / product hero quote button (a.btn) on light grey/white: navy ring */ #app .us-carousel :is(a,button):focus-visible,#app .r4-cta :is(a,button):focus-visible{outline:3px solid #fff!important;outline-offset:3px!important} #app :is(.br-hero,.pd-hero,.dv-hero,.dv-group) a.btn:focus-visible{outline:2px solid #0b1f33!important;outline-offset:3px!important} .contact-panel a:focus-visible{outline:3px solid #fff;outline-offset:3px} /* ===== R59 \b05d ===== */ /* ===== R60 2026-10-29: \c778 \c99d \d604 \d669 = \d68c \c0ac \c778 \c99d 3\c7a5 (\c5f0 \ad6c \ac1c \bc1c \b7 ISO 9001 \b7 ISO 14001) + \c778 \c99d \bc94 \c704 \d55c \c904 + KC 4\c7a5 . \adf8 \b9bc \d06c \ae30 \b7 \d14c \b450 \b9ac \b294 KC \ce74 \b4dc (r4-cert5)\c640 \ac19 \ac8c ===== */ .company-cert-row.r4-cert4{margin-top:18px} .company-page .r4-cert-scope{margin:12px 0 0;font-size:13px;line-height:1.6;color:#5d7587} @media (min-width:1025px){.company-cert-row.r4-cert3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.company-cert-row.r4-cert4{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.company-cert-row:is(.r4-cert3,.r4-cert4) article{padding:16px}.company-page .company-cert-row:is(.r4-cert3,.r4-cert4) img{height:210px}.company-page .company-cert-row:is(.r4-cert3,.r4-cert4) h3{font-size:15.5px}} @media (min-width:701px) and (max-width:1024px){.company-cert-row.r4-cert3{grid-template-columns:repeat(3,minmax(0,1fr))}.company-cert-row.r4-cert4{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:700px){.company-cert-row.r4-cert4{margin-top:12px}} /* \d558 \b2e8 \bc95 \c801 \c815 \bcf4 \c904 : \c0ac \c5c5 \c790 \b4f1 \b85d \bc88 \d638 \b7 ISO \c778 \c99d (\ae00 \c790 \b9cc , \b85c \ace0 \c5c6 \c74c ) \2014 \ac19 \c740 \d06c \ae30 \b7 \c0c9 , \c881 \c740 \d654 \ba74 \c5d0 \c11c \b294 \b2e4 \c74c \c904 \b85c */ footer.us-site-footer .us-footer-legal>div>.us-footer-cert{color:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px} @media (max-width:700px){footer.us-site-footer .us-footer-legal>div>.us-footer-cert{flex-basis:100%}} /* ===== R60 \b05d ===== */ /* ===== R61 2026-10-29 (\d68c \c7a5 \acb0 \c815 \300c \ccab \d654 \ba74 \b760 + \ba54 \b274 \300d ): \ba54 \c778 \c2ac \b77c \c774 \b4dc \bc14 \b85c \c544 \b798 \c778 \c99d \d55c \c904 \b760 ===== \cde8 \ae09 \be0c \b79c \b4dc \b760 (.r4-brands) \b9e8 \c704 \d55c \c904 . \ae00 \c790 \b9cc \b7 \c6c0 \c9c1 \c784 \c5c6 \c74c \b7 \d558 \b2e8 ISO \c904 \acfc \ac19 \c740 \bc11 \c904 (3px \b744 \c6c0 ) \addc \ce59 . PC(1024~): \ccab \d654 \ba74 = \c2ac \b77c \c774 \b4dc + [\c778 \c99d \b760 40 + \be0c \b79c \b4dc 84]. 768 \b192 \c774 \c5d0 \c11c \c2ac \b77c \c774 \b4dc \b294 \ae30 \c874 \cd5c \c18c 560 \adf8 \b300 \b85c \b77c \b760 \b294 660~700\c5d0 \b4e0 \b2e4 . \d0dc \be14 \b9bf \b7 \baa8 \bc14 \c77c (~1023): \c2ac \b77c \c774 \b4dc \b192 \c774 \b97c \b760 \b9cc \d07c \c904 \c5ec \b760 \ac00 \ccab \d654 \ba74 \c548 \c5d0 \b4e4 \ac8c \d55c \b2e4 (svh = \c8fc \c18c \cc3d \c774 \bcf4 \c77c \b54c \c758 \c791 \c740 \d654 \ba74 \b192 \c774 \ae30 \c900 ). \baa8 \bc14 \c77c (~760)\c740 \b760 \b450 \c904 (60), \c2ac \b77c \c774 \b4dc \cd5c \c18c 440(390\d7 664 \b7 375\d7 667\c5d0 \c11c \b3c4 \b760 \b7 \d0ed \c774 \bcf4 \c774 \ac8c , 10-29 \d68c \c7a5 \d655 \c815 ). */ #app .r61-cert{margin:0;background:#f7f9fa;border-bottom:1px solid #e2e7eb;text-align:center;font-size:14px;line-height:1.5;font-weight:500;letter-spacing:-.005em} #app#app .r4-brands .r61-cert a{display:inline-block;height:auto;opacity:1;transition:none;color:#53616b;text-decoration:underline;text-decoration-color:#c5ced5;text-decoration-thickness:1px;text-underline-offset:3px} #app#app .r4-brands .r61-cert a:hover{color:#0073c4;text-decoration-color:currentColor} #app .r61-cert a:focus-visible{outline:2px solid #0073c4;outline-offset:3px} #app .r61-cert i{font-style:normal;color:#9aa7b2;margin:0 10px;text-decoration:none;display:inline-block} @media(min-width:1024px){ html:not(.r62-iso-a):not(.r62-iso-b){--r4-brand-h:124px} html:not(.r62-iso-a):not(.r62-iso-b) #app#app .us-home>.r4-brands{flex-direction:column;align-items:stretch} html:not(.r62-iso-a):not(.r62-iso-b) #app#app .us-home>.r4-brands>.r61-cert{flex:none;height:40px;box-sizing:border-box;display:flex;align-items:center;justify-content:center} html:not(.r62-iso-a):not(.r62-iso-b) #app#app .us-home>.r4-brands>.r4-wrap{margin:auto} } @media(max-width:1023px){ html:not(.r62-iso-a):not(.r62-iso-b) #app#app .us-home>.r4-brands{padding-top:0!important} html:not(.r62-iso-a):not(.r62-iso-b) #app#app .us-home>.r4-brands>.r61-cert{margin-bottom:32px;padding:10px 16px} } /* \d0dc \be14 \b9bf (761~1023): \c2ac \b77c \c774 \b4dc \ac00 \d654 \ba74 \b192 \c774 \b9cc \d07c \c774 \b77c \b760 (42)\ac00 \bc00 \b824 \b098 \ac04 \b2e4 \2192 \b760 \b9cc \d07c \c904 \c784 */ @media(min-width:761px) and (max-width:1023px){ html:not(.r62-iso-a):not(.r62-iso-b) #app#app .us-home>.us-carousel{min-height:520px!important;height:calc(100svh - var(--r4-hdr,100px) - 43px)!important} } @media(max-width:760px){ #app .r61-cert{font-size:13px} #app .r61-cert span{display:block} #app .r61-cert i{display:none} html:not(.r62-iso-a):not(.r62-iso-b) #app#app .us-home>.r4-brands>.r61-cert{height:60px;box-sizing:border-box;display:flex;align-items:center;justify-content:center} html:not(.r62-iso-a):not(.r62-iso-b) #app#app .us-home>.us-carousel{min-height:440px!important;height:calc(100svh - 84px - 61px)!important} } /* ===== R61 \b05d ===== */ /* ===== R62 2026-10-29 (\d68c \c7a5 \c2b9 \c778 \300c \ace0 \b3c4 \d654 \bd80 \bd84 \b3c4 \c774 \c5b4 \c11c \c9c4 \d589 \d558 \c790 \300d ) ===== \ba38 \b9ac \be44 \ce68 \c815 \b9ac : \bc18 \d22c \ba85 (rgba 255,255,255,.96) + \d750 \b9bc \b54c \bb38 \c5d0 \d558 \c704 \cabd \c744 \b0b4 \b9ac \ba74 \bcf8 \bb38 \ae00 \c790 \ac00 \ba38 \b9ac \b4a4 \b85c \be44 \cce4 \b2e4 . \d770 \bc14 \d0d5 \bd88 \d22c \ba85 \c73c \b85c . (\ba54 \c778 \ccab \d654 \ba74 \b3c4 \ba38 \b9ac \ac00 \c2ac \b77c \c774 \b4dc \c704 \c5d0 \acb9 \ce58 \c9c0 \c54a \b294 \ac19 \c740 \d770 \ba38 \b9ac \b77c \b530 \b85c \b458 \d22c \ba85 \ba38 \b9ac \ac00 \c5c6 \b2e4 ) \c778 \c99d \c11c \d06c \ac8c \bcf4 \ae30 : \c5f4 \ace0 \b2eb \ae30 \b9cc , \c6c0 \c9c1 \c784 \b7 \d398 \c774 \b4dc \c5c6 \c74c */ body>header{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important} #company-certificates img[data-r62]{cursor:zoom-in} #company-certificates img[data-r62]:focus-visible{outline:3px solid #0073c4;outline-offset:3px} .r62-lb{position:fixed;inset:0;z-index:10000;background:rgba(11,31,51,.88);display:flex;align-items:center;justify-content:center;padding:60px 16px 16px;box-sizing:border-box} .r62-lb figure{display:block;margin:0;background:#fff;padding:12px;box-sizing:border-box;max-width:100%} .r62-lb figure img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 136px);max-height:calc(100svh - 136px);margin:0 auto;object-fit:contain;box-shadow:none} .r62-lb figcaption{margin:0;padding-top:8px;font-size:15px;line-height:1.4;font-weight:600;color:#16222c;text-align:center} .r62-lb-x{position:absolute;top:8px;right:8px;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:4px;background:#fff;color:#0b1f33;font-size:28px;line-height:44px;cursor:pointer} .r62-lb-x:focus-visible{outline:3px solid #ffce3e;outline-offset:2px} @media(max-width:760px){.r62-lb{padding:60px 12px 12px}.r62-lb figure{padding:8px}.r62-lb figure img{max-height:calc(100vh - 124px);max-height:calc(100svh - 124px)}.r62-lb figcaption{font-size:14px}} /* ===== R62 \b05d ===== */ /* ===== R62 ISO \bc30 \c9c0 (\b300 \d45c 10-29 \300c ISO \c778 \c99d \b9cc \b7 \c0c1 \b2e8 \c5d0 \b178 \cd9c \300d ) \2014 \ae00 \c790 \b9cc , \c6c0 \c9c1 \c784 \c5c6 \c74c , \b178 \b780 \b9c9 \b300 \b294 \c0ac \c774 \d2b8 \b208 \c379 \ae00 \acfc \ac19 \c740 \b9d0 \d22c A\c548 = \ba38 \b9ac \bc30 \c9c0 (\ba54 \b274 \c640 KOR/ENG \c0ac \c774 \be48 \ce78 \ac00 \c6b4 \b370 , \c881 \c73c \ba74 \b450 \c904 , \adf8 \b798 \b3c4 \c548 \b418 \ba74 \c2ac \b77c \c774 \b4dc \bc30 \c9c0 ) / B\c548 = \c2ac \b77c \c774 \b4dc \bc30 \c9c0 \b9cc . R61 \b760 \b192 \c774 \addc \ce59 \c740 \bc30 \c9c0 \c548 \c5d0 \c11c \aebc \c9c4 \b2e4 . \c2ac \b77c \c774 \b4dc \b192 \c774 : PC\b294 60 \b7 61\cc28 \c640 \ac19 \c740 \c2dd (\be0c \b79c \b4dc \b760 112), \d734 \b300 \d3f0 \b7 \d0dc \be14 \b9bf \c740 \ccab \d654 \ba74 \c744 \af49 \cc44 \c6c0 (100svh \2212 \ba38 \b9ac ) */ .r62-isob{display:inline-flex;align-items:center;gap:9px;box-sizing:border-box;white-space:nowrap;text-decoration:none!important;font-weight:600;letter-spacing:-.005em;line-height:1} .r62-isob i{flex:none;width:3px;height:14px;background:#ffce3e} .r62-isob:focus-visible{outline:2px solid #0073c4;outline-offset:3px} body>header .r62-isob--hdr{position:absolute;top:50%;transform:translateY(-50%);z-index:2;height:36px;padding:0 13px;border:1px solid #c5d3de;border-radius:4px;background:#f4f7f9;color:#005192;font-size:13.5px} body>header .r62-isob--hdr:hover{border-color:#0073c4;color:#0073c4;background:#fff} body>header .r62-isob--hdr .r62-c{display:none} body>header .r62-isob--hdr.r62-isob--cpt{padding:0 8px;gap:0} body>header .r62-isob--cpt i{display:none} body>header .r62-isob--cpt .r62-f{display:none} body>header .r62-isob--cpt .r62-c{display:flex;flex-direction:column;gap:3px;font-size:11px;line-height:1.1;text-align:center} body>header .r62-isob--cpt .r62-c b{font-weight:600} html.r62-hdr-off body>header .r62-isob--hdr{display:none} #app .us-home>.us-carousel>.r62-isob--slide{position:absolute;z-index:4;height:38px;padding:0 15px;border:1px solid rgba(255,255,255,.6);border-radius:4px;background:rgba(11,31,51,.74);color:#fff;font-size:14.5px} #app .us-home>.us-carousel>.r62-isob--slide:hover{background:rgba(11,31,51,.9);border-color:#fff} html.r62-iso-a:not(.r62-hdr-off) #app .us-home>.us-carousel>.r62-isob--slide{display:none} @media(max-width:760px){#app .us-home>.us-carousel>.r62-isob--slide{height:32px;padding:0 11px;font-size:13px;gap:8px}#app .us-home>.us-carousel>.r62-isob--slide i{height:12px}} @media(min-width:761px) and (max-width:1023px){:is(html.r62-iso-a,html.r62-iso-b) #app#app .us-home>.us-carousel{min-height:520px!important;height:calc(100svh - var(--r4-hdr,100px))!important}} @media(max-width:760px){:is(html.r62-iso-a,html.r62-iso-b) #app#app .us-home>.us-carousel{min-height:440px!important;height:calc(100svh - 84px)!important}} /* ===== R62 ISO \bc30 \c9c0 \b05d ===== */ /* ===== R63 2026-10-29 \c81c \d488 \cabd \300c \b370 \baa8 \b7 PoC \c2e0 \ccad \300d \bc84 \d2bc : \ac19 \c740 \c904 \300c \c0ac \c591 \b7 \acac \c801 \bb38 \c758 \300d \c640 \ac19 \c740 \d06c \ae30 , \d14c \b450 \b9ac \bc84 \d2bc (\ae30 \c220 \c790 \b8cc \c77d \ae30 \d654 \ba74 r4-rd-actions \bcf4 \c870 \bc84 \d2bc \acfc \ac19 \c740 \baa8 \c591 ), \c6c0 \c9c1 \c784 \c5c6 \c74c ===== */ #app :is(.br-hero,.pd-hero,.dv-hero) .actions a.btn.r63-demo{background:#fff!important;color:#0b1f33!important;border:1px solid #0b1f33!important;box-shadow:none!important;transform:none!important;transition:none!important} #app :is(.br-hero,.pd-hero,.dv-hero) .actions a.btn.r63-demo:hover{background:#f4f6f8!important;color:#0b1f33!important;border-color:#0b1f33!important} /* ===== R63 \b05d ===== */