/* Shared presentation styles for the safety and MSDS solution landings. */
@font-face{font-family:Pretendard;src:url('fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--sl-ink:#191f28;--sl-text:#505968;--sl-muted:#687281;--sl-accent:#5d2aff;--sl-soft:#f0ebff;--sl-bg:#f7f8fa;--sl-line:#e6e8ed;--sl-white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;color:var(--sl-ink);background:var(--sl-white);font-family:Pretendard,'Apple SD Gothic Neo',sans-serif;font-size:16px;line-height:1.75;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto;display:block}figure,p,h1,h2,h3,ul,ol{margin:0}h1,h2,h3{font-weight:600;line-height:1.35;text-wrap:balance}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--sl-accent);outline-offset:5px}main{overflow:clip}.sl-container{max-width:1208px;padding:0 24px;margin:0 auto}.sl-skip{position:fixed;top:-100px;left:16px;padding:12px 20px;background:white;z-index:100}.sl-skip:focus{top:12px}
.sl-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--sl-line);backdrop-filter:blur(16px)}.sl-header-row{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.sl-brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:15px;font-weight:600}.sl-brand img{width:26px;height:26px}.sl-brand small{color:var(--sl-muted);font-size:11px;font-weight:400;margin-left:5px}.sl-nav{display:flex;align-items:center;gap:30px;font-size:14px}.sl-nav>details{position:relative}.sl-nav summary{cursor:pointer;list-style:none;padding:18px 0;display:flex;align-items:center;gap:9px}.sl-nav summary::-webkit-details-marker{display:none}.sl-nav summary:after{content:'';width:5px;height:5px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin-top:-4px}.sl-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:294px;padding:8px;border:1px solid var(--sl-line);border-radius:16px;background:white;box-shadow:0 14px 40px #191f2817}.sl-dropdown a{display:block;padding:12px 14px;border-radius:10px}.sl-dropdown a:hover,.sl-dropdown a[aria-current=page]{background:var(--sl-soft)}.sl-dropdown strong{display:block;font-size:14px;font-weight:600}.sl-dropdown small{display:block;color:var(--sl-muted);font-size:12px;margin-top:3px}.sl-header-cta{font-size:13px;padding:9px 17px;background:var(--sl-accent);color:white;border-radius:10px;white-space:nowrap}.sl-mobile-toggle{display:none;border:0;border-radius:8px;background:var(--sl-bg);padding:9px 13px;min-height:44px;font-size:13px}.sl-mobile-menu{padding:8px 24px 20px;max-height:calc(100dvh - 64px);overflow:auto}.sl-mobile-menu[hidden]{display:none}.sl-mobile-menu p{font-size:12px;color:var(--sl-muted);margin:18px 0 5px}.sl-mobile-menu a{display:block;padding:10px 0;font-size:14px}.sl-mobile-menu .sl-header-cta{text-align:center;margin-top:16px}
.sl-hero{padding:80px 0 66px}.sl-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:58px}.sl-eyebrow{font-size:14px;font-weight:600;color:var(--sl-accent);margin-bottom:20px}.sl-title{font-size:clamp(34px,4.1vw,52px);letter-spacing:-.065em;line-height:1.28;max-width:580px}.sl-title em{font-style:normal;color:var(--sl-accent)}.sl-lead{font-size:17px;color:var(--sl-text);line-height:1.85;max-width:570px;margin-top:25px}.sl-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:30px}.sl-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:14px 23px;min-height:50px;border:1px solid transparent;border-radius:11px;background:var(--sl-accent);color:white;font-size:14px;font-weight:500;transition:background .18s,transform .18s}.sl-button:hover{background:#4c00ff;transform:translateY(-1px)}.sl-button.secondary{background:white;color:var(--sl-ink);border-color:var(--sl-line)}.sl-text-link{color:var(--sl-accent);font-weight:500;font-size:14px;display:inline-block}.sl-text-link:after{content:' ↗';margin-left:5px}.sl-hero-media{min-width:0}.sl-caption{margin-top:14px;color:var(--sl-muted);font-size:12px;line-height:1.65}.sl-image{width:100%;border:1px solid var(--sl-line);border-radius:15px}.sl-photo-composition{position:relative;padding:24px 94px 28px 0}.sl-photo-composition>.sl-field-photo{width:100%;height:408px;object-fit:cover;border-radius:20px}.sl-photo-composition>.sl-mobile-photo{position:absolute;right:0;bottom:0;width:188px;border:6px solid white;border-radius:25px;box-shadow:0 12px 45px #191f2828}.sl-product-hero{background:var(--sl-bg);padding:22px;border-radius:22px}.sl-product-hero .sl-image{box-shadow:0 10px 30px #191f2810}.sl-hero-bottom{margin-top:65px;padding-top:26px;border-top:1px solid var(--sl-line);display:flex;align-items:center;justify-content:space-between;gap:24px}.sl-hero-bottom p{font-size:14px;color:var(--sl-text)}
.sl-section{padding:88px 0}.sl-tint{background:var(--sl-bg)}.sl-section-head{max-width:680px;margin-bottom:38px}.sl-section-head h2,.sl-split h2,.sl-cta h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.055em}.sl-section-head p{margin-top:18px;font-size:16px;color:var(--sl-text);line-height:1.85}.sl-flow{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:0}.sl-flow li{position:relative;padding:24px 22px 24px 0;min-width:0}.sl-flow li+li{padding-left:23px;border-left:1px solid var(--sl-line)}.sl-flow strong{display:block;font-size:17px;font-weight:500;margin-bottom:12px}.sl-flow p,.sl-flow span{font-size:14px;color:var(--sl-text);line-height:1.8}.sl-flow li:not(:last-child):after{content:'→';position:absolute;right:11px;top:23px;color:var(--sl-accent)}.sl-flow li:last-child strong{color:var(--sl-accent)}.sl-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 60px}.sl-feature{min-width:0;padding-top:25px;border-top:1px solid var(--sl-line)}.sl-feature h3{font-size:21px;margin-bottom:14px}.sl-feature p{color:var(--sl-text);font-size:15px;line-height:1.85}.sl-feature img{margin-top:24px;width:100%;border-radius:14px}.sl-feature .sl-text-link{margin-top:18px}.sl-split{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.sl-split>div>p{margin-top:20px;color:var(--sl-text);line-height:1.85}.sl-split .sl-text-link{margin-top:22px}.sl-points{padding:0;list-style:none;margin-top:24px}.sl-points li{padding:9px 0 9px 20px;position:relative;color:var(--sl-text);font-size:15px}.sl-points li:before{content:'✓';position:absolute;left:0;color:var(--sl-accent);font-size:13px}.sl-note{font-size:13px;color:var(--sl-muted);line-height:1.9;margin-top:24px;max-width:850px}.sl-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sl-plan{padding:33px;border:1px solid var(--sl-line);border-radius:18px;background:white}.sl-plan.featured{border-color:#c6b4ff;background:#f8f5ff}.sl-plan>p:first-child{font-size:13px;color:var(--sl-muted);margin-bottom:12px}.sl-plan h3{font-size:24px;margin-bottom:15px}.sl-plan>p{font-size:15px;color:var(--sl-text)}.sl-plan .sl-text-link{margin-top:24px}.sl-plan-label{display:inline-block;margin-bottom:14px;font-size:13px;color:var(--sl-accent)}
.sl-tabs{display:grid;grid-template-columns:300px 1fr;gap:60px;align-items:center}.sl-tab-list{display:flex;flex-direction:column;gap:12px}.sl-tab{border:0;border-left:2px solid var(--sl-line);border-radius:0;background:transparent;text-align:left;padding:18px 20px;transition:background .2s}.sl-tab strong{display:block;font-size:18px;font-weight:500;margin-bottom:7px}.sl-tab span{font-size:14px;color:var(--sl-text);line-height:1.75;display:block}.sl-tab[aria-selected=true]{border-color:var(--sl-accent);background:var(--sl-soft)}.sl-tab[aria-selected=true] strong{color:var(--sl-accent)}.sl-screen-stage{min-width:0;background:white;border:1px solid var(--sl-line);border-radius:20px;padding:30px;height:470px;display:flex;align-items:center;justify-content:center}.sl-screen-stage img{max-height:410px;width:auto;max-width:100%;object-fit:contain;border-radius:9px}.sl-tab-panel[hidden]{display:none}.sl-tab-panel{min-width:0}.sl-document-flow{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:28px;background:var(--sl-soft);border-radius:14px;margin-top:30px;font-size:15px}.sl-document-flow span{color:var(--sl-accent)}.sl-faq{max-width:860px}.sl-faq details{border-bottom:1px solid var(--sl-line);padding:23px 0}.sl-faq summary{cursor:pointer;font-size:17px;font-weight:500;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px}.sl-faq summary::-webkit-details-marker{display:none}.sl-faq summary:after{content:'+';font-size:22px;font-weight:400;color:var(--sl-muted)}.sl-faq details[open] summary:after{content:'−'}.sl-faq details p{color:var(--sl-text);font-size:15px;line-height:1.9;max-width:730px;margin-top:16px}.sl-cta{padding:70px 0;background:#201b31;color:white}.sl-cta p{color:#cecbd5;margin-top:20px;font-size:16px;max-width:650px}.sl-cta .sl-actions{margin-top:28px}.sl-footer{padding:40px 0;color:var(--sl-muted);font-size:12px}.sl-footer-top{display:flex;justify-content:space-between;gap:24px;margin-bottom:24px}.sl-footer-links{display:flex;flex-wrap:wrap;gap:10px 23px;font-size:13px}.sl-footer address{font-style:normal;line-height:1.9}.sl-footer .sl-brand{color:var(--sl-ink)}
@media(min-width:1024px){.sl-mobile-menu{display:none!important}}
@media(max-width:1023px){.sl-nav,.sl-header-row>.sl-header-cta{display:none}.sl-mobile-toggle{display:block}.sl-hero{padding-top:55px}.sl-hero-grid{gap:30px}.sl-title{font-size:39px}.sl-photo-composition{padding-right:55px}.sl-photo-composition>.sl-field-photo{height:340px}.sl-photo-composition>.sl-mobile-photo{width:145px}.sl-split{gap:35px}.sl-tabs{grid-template-columns:260px 1fr;gap:30px}.sl-flow strong{font-size:15px}.sl-flow li{padding-right:12px}.sl-flow li+li{padding-left:14px}.sl-flow li:after{display:none}}
@media(max-width:767px){html{scroll-padding-top:82px}.sl-container{padding:0 22px}.sl-header-row{height:60px}.sl-brand{font-size:14px}.sl-brand small{display:none}.sl-hero{padding:42px 0}.sl-hero-grid{grid-template-columns:1fr;gap:38px}.sl-title{font-size:35px;max-width:510px}.sl-eyebrow{font-size:13px;margin-bottom:16px}.sl-lead{font-size:15px;margin-top:20px}.sl-actions{gap:12px;margin-top:25px}.sl-button{padding:13px 18px;min-height:48px;font-size:13px}.sl-photo-composition{padding:0 70px 15px 0;max-width:480px;margin:auto}.sl-photo-composition>.sl-field-photo{height:310px}.sl-photo-composition>.sl-mobile-photo{width:145px;border-width:4px;border-radius:18px}.sl-product-hero{padding:12px;border-radius:16px}.sl-hero-bottom{margin-top:36px;display:block;padding-top:20px}.sl-hero-bottom a{margin-top:12px}.sl-section{padding:55px 0}.sl-section-head{margin-bottom:27px}.sl-section-head h2,.sl-split h2,.sl-cta h2{font-size:28px}.sl-section-head p{font-size:15px;margin-top:16px}.sl-flow{grid-template-columns:1fr;gap:0}.sl-flow li,.sl-flow li+li{padding:18px 0;border-left:none;display:grid;grid-template-columns:105px 1fr;gap:18px;border-bottom:1px solid var(--sl-line)}.sl-flow strong{font-size:15px;margin:0}.sl-flow li:last-child{border-bottom:0}.sl-flow li p{font-size:13px}.sl-feature-grid{grid-template-columns:1fr;gap:25px}.sl-feature h3{font-size:20px}.sl-feature{padding-top:24px}.sl-split{grid-template-columns:1fr;gap:28px}.sl-compare{grid-template-columns:1fr;gap:18px}.sl-plan{padding:26px}.sl-plan h3{font-size:22px}.sl-tabs{grid-template-columns:1fr;gap:25px}.sl-tab-list{flex-direction:row;gap:5px}.sl-tab{flex:1;min-width:0;padding:13px 8px;border-left:0;border-bottom:2px solid var(--sl-line);text-align:center}.sl-tab strong{font-size:14px;margin:0}.sl-tab span{display:none}.sl-screen-stage{height:390px;padding:20px}.sl-screen-stage img{max-height:350px}.sl-document-flow{padding:22px;font-size:14px;gap:10px}.sl-faq summary{font-size:15px}.sl-faq details p{font-size:14px}.sl-cta{padding:50px 0}.sl-cta p{font-size:15px}.sl-footer-top{flex-direction:column}.sl-footer-links{gap:10px 18px}.sl-footer{padding:30px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.sl-split+.sl-feature-grid{margin-top:44px}.sl-compare+.sl-faq{margin-top:30px}.sl-cta .sl-eyebrow{color:#cabbff}.sl-section-head .sl-eyebrow{margin-top:0}

/* GNB 최상위 AI 안전관리 링크(2026-09-11, 안전미션 드롭다운에서 분리) */
.sl-nav>a.sl-nav-link{padding:18px 0;display:flex;align-items:center;color:inherit;text-decoration:none}
.sl-nav>a.sl-nav-link[aria-current=page]{background:none;font-weight:600}
.sl-mobile-menu>a.sl-mobile-top{font-weight:600;margin-top:6px}
.sl-mobile-menu>a.sl-mobile-top[aria-current=page]{background:none}