/* 제품 상세 페이지 공통 (safe*.html) */
/* v3.39 product palette */
.hd .btn-q,header .btn-q{background:#1E5EFF!important;color:#FFFFFF!important}.drop{background:#1E5EFF!important}.navbtn .uline{background:#1E5EFF!important}

/* ===== Related Solutions v2 ===== */
.rxs{padding:clamp(96px,9vw,150px) 0;background:#F6F8FB;position:relative;overflow:hidden}
.rx-in{max-width:var(--wrap,1600px);margin:0 auto;padding:0 clamp(20px,5vw,64px)}
.rx-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.rx-eye{font:700 clamp(15px,1vw,18px) Pretendard Variable,Pretendard,sans-serif;color:#1E5EFF;letter-spacing:.02em}
.rx-h{margin:16px 0 0;font-size:clamp(34px,3.3vw,58px);font-weight:800;letter-spacing:-.035em;line-height:1.15;color:#0B1220;word-break:keep-all}
.rx-lead{margin:20px 0 0;font-size:clamp(17px,1.2vw,21px);line-height:1.65;color:#5B6B85;word-break:keep-all;max-width:760px}
.rx-g{margin-top:clamp(48px,4vw,72px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.4vw,28px)}
@media (max-width:1180px){.rx-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rx-top{display:flex;justify-content:space-between;align-items:center;font:700 clamp(12px,.75vw,14px) Pretendard Variable,Pretendard,Pretendard,sans-serif;letter-spacing:.14em;color:var(--c1)}
.rx-b{margin-top:auto;padding-top:28px}
.rx-q{display:block;font:600 clamp(14px,.9vw,16px) Pretendard Variable,sans-serif;color:#8C96A8}
.rx-n{display:block;margin-top:4px;font:800 clamp(26px,1.9vw,34px) Pretendard Variable,Pretendard,sans-serif;letter-spacing:-.025em;line-height:1.15;color:#0B1220}
.rx-d{display:block;margin-top:12px;font-size:clamp(16px,1.02vw,18px);line-height:1.6;color:#5B6B85;word-break:keep-all;min-height:3.2em}
.rx-go{margin-top:24px;display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid #EEF1F6;font-size:clamp(15px,.95vw,17px);font-weight:700;color:#0B1220}
.rx-g.n5 .rx-n{font-size:clamp(24px,1.6vw,32px)}

/* ===== v3.64 제품 상세페이지 공통 타이포 스케일 (SafeLINE·SafePAD·SafeAPI·SafeOTP·SafeGATE AI 동일) ===== */
html body .crumb{font-size:15px!important}
html body .sh-eye{font-size:clamp(16px,1.15vw,20px)!important}
html body .sh-h{font-size:clamp(46px,4.1vw,78px)!important}
html body .sh-sub{font-size:clamp(21px,2vw,34px)!important;line-height:1.5!important}
html body .sh-cta a{font-size:17px!important}
html body .eye{font-size:clamp(16px,1.15vw,19px)!important}
html body .h2{font-size:clamp(34px,3.8vw,64px)!important}
html body .lead{font-size:clamp(17px,1.38vw,22px)!important;line-height:1.7!important}
html body .gh .tg{font-size:13px!important}
html body .f4s .stl{font-size:13px!important}
html body .ind h2{font-size:clamp(28px,2.6vw,44px)!important}
@media (min-width:641px){html body .fx .txt{min-height:300px!important;box-sizing:border-box}html body .f4c .txt{min-height:300px!important;box-sizing:border-box}}
html body .fx h4{min-height:2.6em}

/* v3.71 영문 줄바꿈 보정 */
html[lang="en"] .str .lead,html[lang="en"] .lead{white-space:normal!important}

/* v3.79 섹션 헤더: 리드 문장을 타이틀 아래 한 줄로 */
html body .adm-hd{display:block!important}
html body .adm-hd .lead{margin:22px 0 0!important;max-width:none!important}

/* v3.88 QA 최종 보정 (공통) */
html body{word-break:keep-all;overflow-wrap:break-word}
.rx-in{box-sizing:content-box}
.rx-top{gap:14px}.rx-top span:first-child{min-width:0}
.rx-d{min-height:4.8em!important}
.cmp-lb,.mhint{display:none}
.arc-w.end{-webkit-mask-image:none!important;mask-image:none!important}
@media (max-width:640px){.sh-h{font-size:clamp(32px,9.6vw,44px)!important;overflow-wrap:anywhere}}

/* v3.92 3단 설명 섹션 (전 제품 공통 · 함께 구성하는 솔루션 바로 위) */
.tri{background:var(--vbg)}
.tri .eye{color:var(--tc)!important}
.tri-g{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tri-c:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(25,35,70,.10)}

/* v3.93 rxs 배경 구분: 바로 위 3단 설명(연한 톤)과 구분되도록 흰색 */
html body .rxs{background:#FFFFFF!important;border-top:1px solid var(--line)}
html body .rxs .rx-top{color:#8C96A8!important;font-size:12px!important;letter-spacing:.14em!important}
.rx-pk{display:flex;align-items:center;justify-content:center;margin-top:clamp(16px,1.2vw,22px);height:clamp(200px,12.5vw,230px)}
html body .rxs .rx-b{padding-top:clamp(18px,1.4vw,24px)}
html body .rxs .rx-q{color:#A3ADBE}
html body .rxs .rx-go{border-top:0!important;padding-top:0!important;margin-top:20px!important;justify-content:flex-start;gap:10px;color:#0B1220!important;font-size:15px!important}
@media (max-width:640px){.rx-pk{height:210px}}