<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>중대시민재해 해당 여부 &#8211; 산업안전지원센터 주식회사</title>
	<atom:link href="https://safetysupport.co.kr/tag/%ec%a4%91%eb%8c%80%ec%8b%9c%eb%af%bc%ec%9e%ac%ed%95%b4-%ed%95%b4%eb%8b%b9-%ec%97%ac%eb%b6%80/feed/" rel="self" type="application/rss+xml" />
	<link>https://safetysupport.co.kr</link>
	<description>안전관리위탁부터 위험성평가, 중대재해예방까지 — 사업장 맞춤 안전보건 컨설팅</description>
	<lastBuildDate>Thu, 10 Sep 2026 05:44:25 +0000</lastBuildDate>
	<language>ko-KR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.7</generator>

<image>
	<url>https://safetysupport.co.kr/wp-content/uploads/2026/03/cropped-파비콘1-32x32.png</url>
	<title>중대시민재해 해당 여부 &#8211; 산업안전지원센터 주식회사</title>
	<link>https://safetysupport.co.kr</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>중대시민재해 대상 조회</title>
		<link>https://safetysupport.co.kr/serious-civil-accident-checker/</link>
		
		<dc:creator><![CDATA[mangjil]]></dc:creator>
		<pubDate>Thu, 10 Sep 2026 05:29:11 +0000</pubDate>
				<category><![CDATA[통합조회]]></category>
		<category><![CDATA[경영책임자 의무]]></category>
		<category><![CDATA[공중교통수단]]></category>
		<category><![CDATA[공중이용시설]]></category>
		<category><![CDATA[사업주 의무]]></category>
		<category><![CDATA[산업안전보건]]></category>
		<category><![CDATA[실질적 지배 운영 관리]]></category>
		<category><![CDATA[안전보건 확보의무]]></category>
		<category><![CDATA[원료 제조물]]></category>
		<category><![CDATA[중대시민재해]]></category>
		<category><![CDATA[중대시민재해 대상 조회]]></category>
		<category><![CDATA[중대시민재해 양벌규정]]></category>
		<category><![CDATA[중대시민재해 정의]]></category>
		<category><![CDATA[중대시민재해 처벌]]></category>
		<category><![CDATA[중대시민재해 해당 여부]]></category>
		<category><![CDATA[중대재해처벌법]]></category>
		<guid isPermaLink="false">https://safetysupport.co.kr/?p=5443</guid>

					<description><![CDATA[광고 SERIOUS CIVIL ACCIDENT CHECKER 중대시민재해 대상 조회 중대재해처벌법상 중대시민재해의 정의, 대상 여부, 안전·보건 확보의무와 처벌 기준을 한 화면에서 확인할 수 있도록 구성한 실무형 조회 도구입니다. 대상 조회 시작 용어 먼저 보기 의무사항 확인 법령 구조 원료·제조물공중이용시설공중교통수단 설계·제조·설치·관리상의 결함으로 이용자 또는 그 밖의 사람에게 중대한 인명피해가 발생한 경우를 중심으로 판단합니다. 사망 1명 이상 2개월 이상 [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5443" class="elementor elementor-5443" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-74e1e40 e-flex e-con-boxed e-con e-parent" data-id="74e1e40" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bd433dc elementor-widget elementor-widget-html" data-id="bd433dc" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div style="max-width:1060px; margin:24px auto 16px; font-family:'NanumSquareNeo','Noto Sans KR',sans-serif;">
  <div style="font-size:10px; font-weight:700; letter-spacing:0.06em; color:#9ca3af; margin-bottom:6px; padding:0 4px;">광고</div>
  <ins class="adsbygoogle"
       style="display:block"
       data-ad-client="ca-pub-3106752057307696"
       data-ad-slot="2206462755"
       data-ad-format="auto"
       data-full-width-responsive="true"></ins>
  <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>				</div>
				<div class="elementor-element elementor-element-71d77d7 elementor-widget elementor-widget-html" data-id="71d77d7" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- ============================================================
     중대시민재해 대상 조회 v1
     산업안전지원센터 / 워드프레스 엘리멘터 HTML 위젯 삽입용
     Serious Civil Accident Applicability Checker
     ============================================================ -->

<div id="sca" class="sca-shell">
  <section class="sca-hero" aria-label="중대시민재해 대상 조회 소개">
    <div class="sca-hero-grid"></div>
    <div class="sca-hero-glow g1"></div>
    <div class="sca-hero-glow g2"></div>

    <div class="sca-hero-main">
      <div class="sca-kicker"><span></span> SERIOUS CIVIL ACCIDENT CHECKER</div>
      <h2>중대시민재해 대상 조회</h2>
      <p>
        중대재해처벌법상 <strong>중대시민재해의 정의</strong>, <strong>대상 여부</strong>,
        <strong>안전·보건 확보의무</strong>와 <strong>처벌 기준</strong>을 한 화면에서 확인할 수 있도록 구성한 실무형 조회 도구입니다.
      </p>
      <div class="sca-hero-actions">
        <button type="button" class="sca-hero-btn is-primary" data-sca-view="check">대상 조회 시작</button>
        <button type="button" class="sca-hero-btn" data-sca-view="terms">용어 먼저 보기</button>
        <button type="button" class="sca-hero-btn" data-sca-view="duties">의무사항 확인</button>
      </div>
    </div>

    <aside class="sca-hero-card">
      <div class="sca-law-badge">법령 구조</div>
      <h3>원료·제조물<br>공중이용시설<br>공중교통수단</h3>
      <p>
        설계·제조·설치·관리상의 결함으로 이용자 또는 그 밖의 사람에게 중대한 인명피해가 발생한 경우를 중심으로 판단합니다.
      </p>
      <div class="sca-mini-list">
        <span>사망 1명 이상</span>
        <span>2개월 이상 치료 부상 10명 이상</span>
        <span>3개월 이상 치료 질병 10명 이상</span>
      </div>
    </aside>
  </section>

  <section class="sca-summary" aria-label="중대시민재해 핵심 요건">
    <div class="sca-stat"><span>핵심 원인</span><strong>결함</strong><em>설계·제조·설치·관리</em></div>
    <div class="sca-stat"><span>대상 범위</span><strong>3</strong><em>원료·시설·교통수단</em></div>
    <div class="sca-stat"><span>결과 요건</span><strong>1·10·10</strong><em>사망·부상·질병</em></div>
    <div class="sca-stat"><span>관리 의무</span><strong>체계</strong><em>인력·예산·점검·절차</em></div>
  </section>

  <nav class="sca-tabs" role="tablist" aria-label="중대시민재해 조회 방식">
    <button type="button" class="sca-tab is-on" data-sca-view="check" role="tab" aria-selected="true">대상 조회</button>
    <button type="button" class="sca-tab" data-sca-view="terms" role="tab" aria-selected="false">용어·법령</button>
    <button type="button" class="sca-tab" data-sca-view="duties" role="tab" aria-selected="false">의무사항</button>
    <button type="button" class="sca-tab" data-sca-view="penalty" role="tab" aria-selected="false">처벌 기준</button>
  </nav>

  <section class="sca-view is-on" data-sca-panel="check">
    <div class="sca-check-layout">
      <aside class="sca-side">
        <div class="sca-side-head"><strong>판단 단계</strong><span>요건을 순서대로 확인합니다.</span></div>
        <ol class="sca-step-indicator" id="sca-step-indicator">
          <li class="is-on"><span>1</span>대상 종류</li>
          <li><span>2</span>법령 범위</li>
          <li><span>3</span>관리 책임</li>
          <li><span>4</span>위험·결함</li>
        </ol>
        <div class="sca-side-note">
          <b>표현 기준</b>
          <p>본 도구는 “해당 가능성”을 검토하는 참고용 도구입니다. 최종 법적 판단은 구체적 사실관계와 관계기관 판단에 따라 달라질 수 있습니다.</p>
        </div>
      </aside>

      <main class="sca-main">
        <div class="sca-check-head">
          <p>APPLICABILITY CHECK</p>
          <h3>중대시민재해 관리대상 조회</h3>
          <span>쉬운 질문에 답하면 관리대상 해당 가능성과 우선 확인사항이 실시간으로 정리됩니다. i 버튼을 누르면 관련 법령 설명을 바로 확인할 수 있습니다.</span>
        </div>

        <div class="sca-form-result-grid">
          <div class="sca-form">
            <div class="sca-q">
              <div class="sca-q-title"><span>01</span><strong>무엇을 운영·관리하거나 취급하고 있나요?</strong><button type="button" class="sca-info" data-law="definition">i</button></div><p class="sca-q-help">먼저 대상을 구분합니다. 제품을 만들거나 유통하는지, 사람들이 이용하는 시설인지, 대중교통수단인지에 따라 확인해야 할 의무가 달라집니다.</p>
              <div class="sca-options" data-group="target">
                <button type="button" class="sca-choice" data-value="material">원료·제조물</button>
                <button type="button" class="sca-choice" data-value="facility">공중이용시설</button>
                <button type="button" class="sca-choice" data-value="transport">공중교통수단</button>
                <button type="button" class="sca-choice" data-value="unknown">아직 불명확</button>
              </div>
            </div>

            <div class="sca-q sca-target-extra" data-extra="facility">
              <div class="sca-q-title"><span>01-A</span><strong>해당 시설이 법에서 말하는 공중이용시설에 가까운가요?</strong><button type="button" class="sca-info" data-law="publicFacility">i</button></div><p class="sca-q-help">시설명만으로 판단하기 어렵습니다. 시설 종류, 규모, 면적, 운영 형태를 함께 확인해야 합니다.</p>
              <div class="sca-options" data-group="facilityRange">
                <button type="button" class="sca-choice" data-value="yes">포함될 수 있음</button>
                <button type="button" class="sca-choice" data-value="no">아닌 것 같음</button>
                <button type="button" class="sca-choice" data-value="unknown">규모·면적 확인 필요</button>
              </div>
            </div>

            <div class="sca-q sca-target-extra" data-extra="facility">
              <div class="sca-q-title"><span>01-B</span><strong>법에서 제외하는 시설일 가능성이 있나요?</strong><button type="button" class="sca-info" data-law="facilityExclusion">i</button></div><p class="sca-q-help">일부 소상공인 사업장, 이에 준하는 비영리시설, 교육시설은 공중이용시설 범위에서 제외될 수 있습니다.</p>
              <div class="sca-options" data-group="facilityExclusion">
                <button type="button" class="sca-choice" data-value="no">제외대상 아님</button>
                <button type="button" class="sca-choice" data-value="yes">제외될 수 있음</button>
                <button type="button" class="sca-choice" data-value="unknown">확인 필요</button>
              </div>
            </div>

            <div class="sca-q sca-target-extra" data-extra="transport">
              <div class="sca-q-title"><span>01-A</span><strong>불특정 다수가 이용하는 교통수단인가요?</strong><button type="button" class="sca-info" data-law="publicTransport">i</button></div><p class="sca-q-help">도시철도차량, 철도차량, 노선버스, 여객선, 항공기처럼 여러 사람이 이용하는 교통수단인지 확인합니다.</p>
              <div class="sca-options" data-group="transportRange">
                <button type="button" class="sca-choice" data-value="yes">해당 가능성 있음</button>
                <button type="button" class="sca-choice" data-value="no">아닌 것 같음</button>
                <button type="button" class="sca-choice" data-value="unknown">확인 필요</button>
              </div>
            </div>

            <div class="sca-q sca-target-extra" data-extra="material">
              <div class="sca-q-title"><span>01-A</span><strong>제품·원료를 만들거나 판매·유통하고 있나요?</strong><button type="button" class="sca-info" data-law="product">i</button></div><p class="sca-q-help">우리 회사가 생산·제조·판매·유통하는 원료나 제품이 이용자에게 위해를 줄 수 있는지 확인하는 단계입니다.</p>
              <div class="sca-options" data-group="materialRange">
                <button type="button" class="sca-choice" data-value="yes">관련 있음</button>
                <button type="button" class="sca-choice" data-value="no">관련 낮음</button>
                <button type="button" class="sca-choice" data-value="unknown">확인 필요</button>
              </div>
            </div>

            <div class="sca-q">
              <div class="sca-q-title"><span>02</span><strong>우리에게 실제 관리 책임이 있나요?</strong><button type="button" class="sca-info" data-law="control">i</button></div><p class="sca-q-help">소유 여부만 보는 것이 아닙니다. 운영, 점검, 보수, 예산, 개선조치에 대해 실제 결정하거나 관리할 수 있는지가 중요합니다.</p>
              <div class="sca-options" data-group="control">
                <button type="button" class="sca-choice" data-value="yes">있음</button>
                <button type="button" class="sca-choice" data-value="no">없음</button>
                <button type="button" class="sca-choice" data-value="unknown">관리권한 확인 필요</button>
              </div>
            </div>

            <div class="sca-q">
              <div class="sca-q-title"><span>03</span><strong>외부업체에 맡겼더라도 우리가 관리해야 하는 부분이 있나요?</strong><button type="button" class="sca-info" data-law="outsourcing">i</button></div><p class="sca-q-help">위탁을 주었다고 항상 책임이 사라지는 것은 아닙니다. 장소·장비·비용·점검기준을 누가 관리하는지 확인합니다.</p>
              <div class="sca-options" data-group="outsourcing">
                <button type="button" class="sca-choice" data-value="none">도급·위탁 없음</button>
                <button type="button" class="sca-choice" data-value="yes">책임 있음</button>
                <button type="button" class="sca-choice" data-value="no">책임 낮음</button>
                <button type="button" class="sca-choice" data-value="unknown">계약·운영관계 확인 필요</button>
              </div>
            </div>

            <div class="sca-q">
              <div class="sca-q-title"><span>04</span><strong>안전상 결함이나 관리해야 할 위험요인이 있나요?</strong><button type="button" class="sca-info" data-law="defect">i</button></div><p class="sca-q-help">사고가 발생했는지보다 먼저, 설계·제조·설치·관리 과정에서 사람에게 위해를 줄 수 있는 위험요인이 있는지 확인합니다.</p>
              <div class="sca-options" data-group="defect">
                <button type="button" class="sca-choice" data-value="design">설계상 결함</button>
                <button type="button" class="sca-choice" data-value="manufacture">제조상 결함</button>
                <button type="button" class="sca-choice" data-value="install">설치상 결함</button>
                <button type="button" class="sca-choice" data-value="manage">관리상 결함</button>
                <button type="button" class="sca-choice" data-value="unknown">위험요인 확인 필요</button>
                <button type="button" class="sca-choice" data-value="none">위험 관련 낮음</button>
              </div>
            </div>
          </div>

          <aside class="sca-result-card" id="sca-result-card">
            <div class="sca-result-badge neutral" id="sca-result-badge">선택 대기</div>
            <h4 id="sca-result-title">조회 항목을 선택해 주세요</h4>
            <p id="sca-result-desc">대상 종류, 법령상 범위, 실제 관리책임, 위험·결함 관리 필요성을 선택하면 검토 결과가 표시됩니다.</p>
            <div class="sca-result-score"><span>해당성 검토 수준</span><div class="sca-scorebar"><i id="sca-scorebar"></i></div></div>
            <div class="sca-easy-note"><strong>쉽게 보면</strong><p>이 도구는 먼저 “우리 시설·제품·교통수단이 관리대상인지”를 보는 화면입니다. 실제 사고가 발생한 경우에는 사망·다수 부상·다수 질병 기준과 중대산업재해 제외 여부를 추가로 확인해야 합니다.</p></div><div class="sca-result-block"><strong>판단 근거</strong><ul id="sca-reasons"></ul></div>
            <div class="sca-result-block"><strong>우선 확인할 사항</strong><ul id="sca-next"></ul></div>
            <div class="sca-result-actions">
              <button type="button" class="sca-btn primary" id="sca-copy-result">결과 요약 복사</button>
              <button type="button" class="sca-btn" id="sca-reset">초기화</button>
            </div>
          </aside>
        </div>
      </main>
    </div>
  </section>

  <section class="sca-view" data-sca-panel="terms">
    <div class="sca-main">
      <div class="sca-section-head"><p>TERMS & LEGAL BASIS</p><h3>중대시민재해 판단에 필요한 핵심 용어</h3><span>각 카드의 i 버튼을 누르면 관련 법령 요지를 바로 확인할 수 있습니다.</span></div>
      <div class="sca-term-grid">
        <article class="sca-term"><div class="sca-term-top"><h4>중대재해</h4><button type="button" class="sca-info" data-law="seriousAccident">i</button></div><p>중대산업재해와 중대시민재해를 포함하는 상위 개념입니다.</p></article>
        <article class="sca-term"><div class="sca-term-top"><h4>중대시민재해</h4><button type="button" class="sca-info" data-law="definition">i</button></div><p>원료·제조물, 공중이용시설 또는 공중교통수단의 결함으로 시민 또는 이용자 등에게 중대한 인명피해가 발생한 재해입니다.</p></article>
        <article class="sca-term"><div class="sca-term-top"><h4>원료·제조물</h4><button type="button" class="sca-info" data-law="product">i</button></div><p>생산·제조·판매·유통 중인 원료 또는 제조·가공된 동산을 의미합니다.</p></article>
        <article class="sca-term"><div class="sca-term-top"><h4>공중이용시설</h4><button type="button" class="sca-info" data-law="publicFacility">i</button></div><p>불특정 다수가 이용할 수 있는 시설 중 법령이 정한 규모·면적 기준에 해당하는 시설입니다.</p></article>
        <article class="sca-term"><div class="sca-term-top"><h4>공중교통수단</h4><button type="button" class="sca-info" data-law="publicTransport">i</button></div><p>도시철도차량, 철도차량, 노선 여객자동차, 여객선, 항공기 등 불특정 다수가 이용하는 교통수단입니다.</p></article>
        <article class="sca-term"><div class="sca-term-top"><h4>경영책임자등</h4><button type="button" class="sca-info" data-law="responsiblePerson">i</button></div><p>사업을 대표하고 총괄하는 권한과 책임이 있는 사람 또는 이에 준해 안전보건 업무를 담당하는 사람입니다.</p></article>
      </div>
      <div class="sca-law-map">
        <h4>법령 구조 한눈에 보기</h4>
        <div class="sca-law-flow">
          <div><span>정의</span><strong>법 제2조</strong><em>중대시민재해·공중이용시설·공중교통수단</em></div>
          <div><span>의무</span><strong>법 제9조</strong><em>사업주·경영책임자등의 안전 및 보건 확보의무</em></div>
          <div><span>구체 조치</span><strong>시행령 제8~11조</strong><em>인력·예산·점검·절차·의무이행관리</em></div>
          <div><span>처벌</span><strong>법 제10·11조</strong><em>사업주·경영책임자등 처벌 및 양벌규정</em></div>
        </div>
      </div>
    </div>
  </section>

  <section class="sca-view" data-sca-panel="duties">
    <div class="sca-main">
      <div class="sca-section-head"><p>SAFETY & HEALTH DUTIES</p><h3>중대시민재해 관련 안전·보건 확보의무</h3><span>대상 유형별로 사업주 또는 경영책임자등이 관리해야 할 사항을 실무 중심으로 정리했습니다.</span></div>
      <div class="sca-duty-tabs" id="sca-duty-tabs">
        <button type="button" class="is-on" data-duty="material">원료·제조물</button>
        <button type="button" data-duty="facility">공중이용시설·공중교통수단</button>
        <button type="button" data-duty="compliance">관계 법령 이행관리</button>
      </div>
      <div class="sca-duty-panel is-on" data-duty-panel="material">
        <div class="sca-duty-head"><h4>원료·제조물 관련 안전보건관리체계</h4><button type="button" class="sca-info" data-law="decree8">시행령 제8조</button></div>
        <div class="sca-duty-grid">
          <article><span>01</span><strong>인력 확보</strong><p>안전·보건 관리업무, 유해·위험요인 점검, 위험징후 대응을 수행할 인력을 갖추어야 합니다.</p></article>
          <article><span>02</span><strong>예산 편성·집행</strong><p>인력·시설·장비 확보·유지, 점검, 위험징후 대응에 필요한 예산을 편성하고 실제 집행해야 합니다.</p></article>
          <article><span>03</span><strong>유해·위험요인 점검</strong><p>원료·제조물로 인한 중대시민재해 예방을 위해 유해·위험요인을 주기적으로 점검해야 합니다.</p></article>
          <article><span>04</span><strong>위험징후 대응</strong><p>제보나 위험징후를 통해 중대시민재해 발생 우려가 확인되면 신고와 필요한 조치를 해야 합니다.</p></article>
          <article><span>05</span><strong>발생 시 보고·조치</strong><p>중대시민재해 발생 시 보고, 신고, 긴급조치와 원인조사에 따른 개선조치가 이루어져야 합니다.</p></article>
          <article><span>06</span><strong>반기 1회 이상 점검</strong><p>인력과 예산 관련 사항을 반기 1회 이상 점검하고 필요한 조치를 해야 합니다.</p></article>
        </div>
      </div>
      <div class="sca-duty-panel" data-duty-panel="facility">
        <div class="sca-duty-head"><h4>공중이용시설·공중교통수단 관련 안전보건관리체계</h4><button type="button" class="sca-info" data-law="decree10">시행령 제10조</button></div>
        <div class="sca-duty-grid">
          <article><span>01</span><strong>안전관리 인력 확보</strong><p>안전관리 업무, 안전계획 이행, 이용자 안전 관련 업무를 수행할 인력을 갖추어야 합니다.</p></article>
          <article><span>02</span><strong>예산 편성·집행</strong><p>인력·시설·장비 확보·유지, 안전점검 실시, 안전계획 이행에 필요한 예산을 편성·집행해야 합니다.</p></article>
          <article><span>03</span><strong>안전점검 계획·수행</strong><p>관계 법령상 안전점검 등이 계획적으로 수행되도록 관리해야 합니다.</p></article>
          <article><span>04</span><strong>연 1회 이상 안전계획</strong><p>인력 확보, 안전점검·정밀안전진단, 보수·보강 등 유지관리 내용을 포함한 안전계획을 수립·이행해야 합니다.</p></article>
          <article><span>05</span><strong>업무처리절차 마련</strong><p>유해·위험요인 확인, 신고·조치요구, 이용 제한, 긴급구호, 긴급안전점검, 신고와 개선조치 절차를 마련해야 합니다.</p></article>
          <article><span>06</span><strong>도급·용역·위탁 관리</strong><p>운영·관리 업무를 제3자에게 맡기는 경우 평가기준과 비용 기준을 마련하고 연 1회 이상 점검해야 합니다.</p></article>
        </div>
      </div>
      <div class="sca-duty-panel" data-duty-panel="compliance">
        <div class="sca-duty-head"><h4>안전·보건 관계 법령 의무이행 관리</h4><button type="button" class="sca-info" data-law="decree9and11">시행령 제9·11조</button></div>
        <div class="sca-duty-grid">
          <article><span>01</span><strong>의무이행 점검</strong><p>원료·제조물은 반기 1회 이상, 공중이용시설·공중교통수단은 연 1회 이상 관계 법령상 의무이행 여부를 점검해야 합니다.</p></article>
          <article><span>02</span><strong>보고체계 확보</strong><p>직접 점검하지 않은 경우 점검이 끝난 후 지체 없이 점검 결과를 보고받아야 합니다.</p></article>
          <article><span>03</span><strong>미이행 사항 조치</strong><p>의무 미이행이 확인되면 인력 배치, 예산 추가 편성·집행 등 필요한 조치를 해야 합니다.</p></article>
          <article><span>04</span><strong>교육 이수 점검</strong><p>관계 법령상 의무교육이 실시 또는 이수되었는지 정기적으로 점검해야 합니다.</p></article>
          <article><span>05</span><strong>교육 미실시 조치</strong><p>교육이 실시되지 않은 경우 지체 없이 이행을 지시하고 필요한 조치를 해야 합니다.</p></article>
          <article><span>06</span><strong>증빙자료 관리</strong><p>점검결과, 보고서, 교육자료, 예산집행 내역, 개선조치 결과를 확인 가능한 형태로 관리해야 합니다.</p></article>
        </div>
      </div>
    </div>
  </section>

  <section class="sca-view" data-sca-panel="penalty">
    <div class="sca-main">
      <div class="sca-section-head"><p>PENALTY STANDARD</p><h3>중대시민재해 처벌 기준</h3><span>법 제9조의 안전 및 보건 확보의무 위반으로 중대시민재해에 이른 경우의 처벌 기준입니다.</span></div>
      <div class="sca-penalty-grid">
        <article class="sca-penalty-card severe"><div><span>사망자 1명 이상</span><button type="button" class="sca-info" data-law="article10">법 제10조</button></div><strong>1년 이상의 징역<br>또는 10억원 이하 벌금</strong><p>징역과 벌금은 병과될 수 있습니다.</p></article>
        <article class="sca-penalty-card"><div><span>부상·질병 기준</span><button type="button" class="sca-info" data-law="article10">법 제10조</button></div><strong>7년 이하의 징역<br>또는 1억원 이하 벌금</strong><p>2개월 이상 치료 부상자 10명 이상 또는 3개월 이상 치료 질병자 10명 이상 기준입니다.</p></article>
        <article class="sca-penalty-card corp"><div><span>법인·기관 양벌규정</span><button type="button" class="sca-info" data-law="article11">법 제11조</button></div><strong>50억원 이하 또는<br>10억원 이하 벌금</strong><p>경영책임자등의 위반행위에 대해 법인 또는 기관에도 벌금형이 부과될 수 있습니다.</p></article>
      </div>
      <div class="sca-penalty-note"><strong>실무상 핵심</strong><p>처벌 기준은 사고 결과만으로 판단되는 것이 아니라, 법 제9조의 안전 및 보건 확보의무 위반, 관리상의 결함, 실질적 지배·운영·관리 책임, 재해와의 인과관계 등이 함께 검토됩니다.</p></div>
    </div>
  </section>

  <section class="sca-popover" id="sca-popover" hidden aria-hidden="true">
    <div class="sca-popover-card" role="dialog" aria-modal="false" aria-label="법령 해설">
      <button type="button" class="sca-popover-close" id="sca-popover-close" aria-label="닫기">×</button>
      <div id="sca-popover-body"></div>
    </div>
  </section>

  <footer class="sca-foot">
    <p><strong>본 도구는 중대시민재해 해당 가능성과 주요 의무사항을 이해하기 위한 참고자료입니다.</strong> 최종 판단은 구체적 사실관계, 관련 법령, 관계기관 판단에 따라 달라질 수 있습니다.</p>
    <p>법령 인용은 화면 이해를 위한 요약형으로 제공되며, 실제 적용 시에는 최신 법령 원문과 개별 사업장의 관리 책임 범위를 함께 확인해야 합니다.</p>
  </footer>
</div>

<style>
#sca{--deep:#0d2444;--deep2:#173a68;--ink:#17202c;--text:#283241;--muted:#657083;--line:#dfe5ee;--line2:#edf1f6;--soft:#f6f8fb;--gold:#c4973a;--orange:#b8500f;--red:#b42318;--green:#166534;--shadow:0 18px 46px rgba(13,36,68,.11);font-family:'NanumSquareNeo','Noto Sans KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif;max-width:1180px;margin:0 auto;padding:26px 14px 42px;color:var(--text);box-sizing:border-box;word-break:keep-all;font-size:15px;-webkit-font-smoothing:antialiased}#sca *{box-sizing:border-box}#sca button,#sca input{font-family:inherit}#sca button{cursor:pointer}
#sca .sca-hero{position:relative;overflow:hidden;min-height:330px;border-radius:30px;background:linear-gradient(135deg,#0b1f3b 0%,#173a68 58%,#0b1d35 100%);box-shadow:0 26px 70px rgba(13,36,68,.24);display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding:42px;margin-bottom:18px;color:#fff}#sca .sca-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.2));pointer-events:none}#sca .sca-hero-glow{position:absolute;border-radius:999px;filter:blur(10px);opacity:.52;pointer-events:none}#sca .g1{right:130px;top:18px;width:190px;height:190px;background:radial-gradient(circle,rgba(196,151,58,.42),transparent 65%)}#sca .g2{left:-70px;bottom:-90px;width:280px;height:280px;background:radial-gradient(circle,rgba(13,68,68,.55),transparent 65%)}#sca .sca-hero-main,#sca .sca-hero-card{position:relative;z-index:2}#sca .sca-kicker{display:inline-flex;align-items:center;gap:10px;height:30px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#f1ce73;font-size:11px;font-weight:950;letter-spacing:.13em;margin-bottom:20px}#sca .sca-kicker span{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(196,151,58,.16)}#sca .sca-hero h2{margin:0;font-size:clamp(32px,5vw,52px);line-height:1.08;font-weight:950;letter-spacing:-.055em}#sca .sca-hero p{max-width:720px;margin:18px 0 0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.86}#sca .sca-hero p strong{color:#fff;font-weight:950}#sca .sca-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}#sca .sca-hero-btn{height:44px;padding:0 18px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-size:13.5px;font-weight:950;transition:.18s ease}#sca .sca-hero-btn:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}#sca .sca-hero-btn.is-primary{background:#fff;color:var(--deep);border-color:#fff}#sca .sca-hero-card{align-self:stretch;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}#sca .sca-law-badge{display:inline-flex;height:26px;align-items:center;padding:0 10px;border-radius:999px;background:rgba(196,151,58,.2);border:1px solid rgba(196,151,58,.38);color:#f1ce73;font-size:11px;font-weight:950;letter-spacing:.08em}#sca .sca-hero-card h3{margin:18px 0 10px;font-size:23px;line-height:1.34;font-weight:950;letter-spacing:-.035em}#sca .sca-hero-card p{margin:0;font-size:13px;line-height:1.75;color:rgba(255,255,255,.7)}#sca .sca-mini-list{display:grid;gap:8px;margin-top:22px}#sca .sca-mini-list span{display:flex;align-items:center;min-height:36px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:0 12px;font-size:12.5px;font-weight:900;color:rgba(255,255,255,.88)}
#sca .sca-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}#sca .sca-stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px;box-shadow:0 10px 30px rgba(13,36,68,.06)}#sca .sca-stat span{display:block;font-size:12px;font-weight:950;color:var(--muted);margin-bottom:8px}#sca .sca-stat strong{font-size:30px;line-height:1;font-weight:950;color:var(--deep);letter-spacing:-.04em}#sca .sca-stat em{display:block;margin-top:7px;font-style:normal;font-size:12px;color:var(--muted);font-weight:800}
#sca .sca-tabs{display:flex;gap:8px;background:#eef2f7;border:1px solid var(--line);border-radius:18px;padding:7px;position:sticky;top:12px;z-index:20;backdrop-filter:blur(8px);margin-top:18px}#sca .sca-tab{flex:1;min-height:52px;padding:8px 12px;border:0;border-radius:13px;background:transparent;color:#657083;font-size:14px;font-weight:950;line-height:1.35;display:flex;align-items:center;justify-content:center;text-align:center;transition:.18s ease}#sca .sca-tab:hover{background:rgba(255,255,255,.75);color:var(--deep)}#sca .sca-tab.is-on{background:linear-gradient(135deg,#173a68 0%,#0d2444 100%);color:#fff;box-shadow:0 12px 24px rgba(13,36,68,.18)}#sca .sca-view{display:none;margin-top:18px}#sca .sca-view.is-on{display:block}
#sca .sca-check-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}#sca .sca-side{position:sticky;top:88px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 12px 34px rgba(13,36,68,.07)}#sca .sca-side-head{margin-bottom:14px}#sca .sca-side-head strong{display:block;color:var(--deep);font-size:17px;font-weight:950}#sca .sca-side-head span{display:block;margin-top:4px;color:var(--muted);font-size:12.5px;font-weight:800}#sca .sca-step-indicator{list-style:none;margin:0;padding:0;display:grid;gap:9px}#sca .sca-step-indicator li{display:flex;align-items:center;gap:9px;min-height:38px;border-radius:12px;padding:6px 10px;color:var(--muted);font-size:12.5px;font-weight:900;background:#f8fafc;border:1px solid transparent}#sca .sca-step-indicator li span{width:24px;height:24px;border-radius:8px;background:#e9eef5;color:var(--deep);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:950}#sca .sca-step-indicator li.is-on{background:#fffaf0;border-color:#ecd49a;color:#6b4c0f}#sca .sca-side-note{margin-top:16px;padding:13px;border-radius:14px;background:#f8fafc;border:1px solid var(--line2)}#sca .sca-side-note b{display:block;color:var(--deep);font-size:12.5px;margin-bottom:5px}#sca .sca-side-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.65;font-weight:700}
#sca .sca-main{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}#sca .sca-check-head,#sca .sca-section-head{padding:26px 28px;background:linear-gradient(135deg,#f9fbfd,#fff);border-bottom:1px solid var(--line2)}#sca .sca-check-head p,#sca .sca-section-head p{margin:0 0 6px;color:var(--gold);font-size:11px;font-weight:950;letter-spacing:.12em}#sca .sca-check-head h3,#sca .sca-section-head h3{margin:0;color:var(--deep);font-size:28px;font-weight:950;letter-spacing:-.045em}#sca .sca-check-head span,#sca .sca-section-head span{display:block;margin-top:8px;color:var(--muted);font-size:13.5px;line-height:1.65;font-weight:700}
#sca .sca-form-result-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:0}#sca .sca-form{padding:22px 24px 26px;border-right:1px solid var(--line2)}#sca .sca-q{border:1px solid #dbe3ee;border-radius:22px;padding:18px 18px 16px;background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%);margin-bottom:14px;transition:.16s ease;box-shadow:0 4px 12px rgba(13,36,68,.03)}#sca .sca-q:hover{box-shadow:0 12px 24px rgba(13,36,68,.06);border-color:#c8d4e4}#sca .sca-target-extra{display:none}#sca .sca-target-extra.is-show{display:block}#sca .sca-q-title{display:grid;grid-template-columns:32px minmax(0,1fr) 28px;align-items:flex-start;column-gap:10px;margin-bottom:12px}#sca .sca-q-title span{grid-column:1;flex:0 0 auto;width:32px;height:32px;border-radius:10px;background:#eef3f8;color:var(--deep);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}#sca .sca-q-title strong{grid-column:2;flex:1;color:var(--ink);font-size:16.5px;line-height:1.58;font-weight:950;padding-top:1px}#sca .sca-info{grid-column:3;justify-self:end;flex:0 0 auto;min-width:28px;height:28px;border:1px solid #d3dceb;border-radius:999px;background:#f9fbfe;color:var(--deep);font-size:12px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;transition:.15s ease;box-shadow:0 2px 6px rgba(13,36,68,.04)}#sca .sca-info:hover{background:var(--deep);border-color:var(--deep);color:#fff;transform:translateY(-1px)}#sca .sca-q-help{margin:0 0 13px 42px;color:#687586;font-size:13.6px;line-height:1.68;font-weight:750}#sca .sca-options{display:flex;flex-wrap:wrap;gap:10px;padding-left:42px}#sca .sca-choice{position:relative;min-height:40px;border:1px solid #d6deea;border-radius:999px;background:#fff;color:var(--text);padding:0 15px 0 40px;font-size:13.6px;font-weight:900;transition:.15s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}#sca .sca-choice::before{content:'';position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;border:1.8px solid #bec9d8;background:#fff;transition:.15s ease}#sca .sca-choice:hover{background:#f8fafd;border-color:#bcc9da}#sca .sca-choice.is-on{background:#f4f8ff;border-color:#99b4dc;color:var(--deep);box-shadow:0 8px 16px rgba(49,95,148,.10)}#sca .sca-choice.is-on::before{background:var(--deep);border-color:var(--deep);box-shadow:0 0 0 4px rgba(23,58,104,.08)}#sca .sca-choice.is-on::after{content:'✓';position:absolute;left:18px;top:50%;transform:translateY(-56%);font-size:10px;font-weight:950;color:#fff}
#sca .sca-result-card{padding:22px;background:#fbfcfe;position:sticky;top:88px;align-self:start}#sca .sca-result-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:950;margin-bottom:12px}#sca .sca-result-badge.neutral{background:#eef2f7;color:var(--muted)}#sca .sca-result-badge.low{background:#ecfdf3;color:var(--green)}#sca .sca-result-badge.mid{background:#fff7ed;color:#9a5b0b}#sca .sca-result-badge.high{background:#fef3f2;color:var(--red)}#sca .sca-result-badge.excluded{background:#f3f4f6;color:#4b5563}#sca .sca-result-card h4{margin:0;color:var(--deep);font-size:24px;font-weight:950;letter-spacing:-.04em;line-height:1.28}#sca .sca-result-card p{margin:10px 0 0;color:var(--muted);font-size:14.2px;line-height:1.7;font-weight:700}#sca .sca-result-score{margin:18px 0}#sca .sca-result-score span{display:block;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:7px}#sca .sca-scorebar{height:10px;background:#e6ecf3;border-radius:999px;overflow:hidden}#sca .sca-scorebar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7fb386,#e0b45b,#d45b4f);border-radius:999px;transition:.25s ease}#sca .sca-easy-note{margin:16px 0 2px;padding:13px 14px;border-radius:15px;background:#fffaf0;border:1px solid #f0d99e;color:#684b10}#sca .sca-easy-note strong{display:block;font-size:13px;font-weight:950;margin-bottom:5px}#sca .sca-easy-note p{margin:0;color:#684b10;font-size:13.2px;line-height:1.65;font-weight:750}#sca .sca-result-block{border-top:1px solid var(--line2);padding-top:14px;margin-top:14px}#sca .sca-result-block strong{display:block;color:var(--deep);font-size:13px;font-weight:950;margin-bottom:8px}#sca .sca-result-block ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}#sca .sca-result-block li{position:relative;padding-left:15px;color:var(--text);font-size:13.5px;line-height:1.55;font-weight:750}#sca .sca-result-block li::before{content:'';position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:#b9c4d1}#sca .sca-result-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}#sca .sca-btn{height:39px;padding:0 13px;border-radius:11px;border:1px solid #cfd8e5;background:#fff;color:var(--deep);font-size:12.5px;font-weight:950;transition:.16s ease}#sca .sca-btn:hover{background:#f8fafc;transform:translateY(-1px)}#sca .sca-btn.primary{background:var(--deep);border-color:var(--deep);color:#fff}
#sca .sca-term-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:24px}#sca .sca-term{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;transition:.16s ease}#sca .sca-term:hover{box-shadow:0 12px 28px rgba(13,36,68,.08);transform:translateY(-2px)}#sca .sca-term-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}#sca .sca-term h4{margin:0;color:var(--deep);font-size:18px;font-weight:950}#sca .sca-term p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.72;font-weight:700}#sca .sca-law-map{margin:0 24px 24px;border:1px solid var(--line);border-radius:20px;background:#f8fafc;padding:18px}#sca .sca-law-map h4{margin:0 0 14px;color:var(--deep);font-size:18px;font-weight:950}#sca .sca-law-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#sca .sca-law-flow div{background:#fff;border:1px solid var(--line2);border-radius:15px;padding:14px}#sca .sca-law-flow span{display:block;color:var(--gold);font-size:11px;font-weight:950;margin-bottom:6px}#sca .sca-law-flow strong{display:block;color:var(--deep);font-size:16px;font-weight:950;margin-bottom:6px}#sca .sca-law-flow em{display:block;font-style:normal;color:var(--muted);font-size:12.5px;line-height:1.55;font-weight:700}
#sca .sca-duty-tabs{display:flex;gap:8px;padding:20px 24px 0}#sca .sca-duty-tabs button{height:40px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-size:13px;font-weight:950}#sca .sca-duty-tabs button.is-on{background:var(--deep);border-color:var(--deep);color:#fff}#sca .sca-duty-panel{display:none;padding:18px 24px 26px}#sca .sca-duty-panel.is-on{display:block}#sca .sca-duty-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}#sca .sca-duty-head h4{margin:0;color:var(--deep);font-size:22px;font-weight:950;letter-spacing:-.04em}#sca .sca-duty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#sca .sca-duty-grid article{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;transition:.16s ease}#sca .sca-duty-grid article:hover{border-color:#d6c08a;background:#fffdf7;box-shadow:0 12px 24px rgba(196,151,58,.08)}#sca .sca-duty-grid article span{display:flex;width:32px;height:32px;border-radius:10px;background:#eef2f7;color:var(--deep);align-items:center;justify-content:center;font-size:12px;font-weight:950;margin-bottom:10px}#sca .sca-duty-grid article strong{display:block;color:var(--deep);font-size:15px;font-weight:950;margin-bottom:7px}#sca .sca-duty-grid article p{margin:0;color:var(--muted);font-size:13px;line-height:1.7;font-weight:700}
#sca .sca-penalty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:24px}#sca .sca-penalty-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:20px;box-shadow:0 10px 26px rgba(13,36,68,.06)}#sca .sca-penalty-card.severe{border-color:#efc1bc;background:#fffafa}#sca .sca-penalty-card.corp{border-color:#d8c180;background:#fffdf6}#sca .sca-penalty-card div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}#sca .sca-penalty-card div span{color:var(--muted);font-size:12px;font-weight:950}#sca .sca-penalty-card strong{display:block;color:var(--deep);font-size:22px;line-height:1.36;font-weight:950;letter-spacing:-.04em}#sca .sca-penalty-card p{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.65;font-weight:700}#sca .sca-penalty-note{margin:0 24px 24px;border-left:4px solid var(--gold);border-radius:0 16px 16px 0;background:#fffaf0;padding:16px 18px}#sca .sca-penalty-note strong{display:block;color:#684b10;font-size:14px;font-weight:950;margin-bottom:6px}#sca .sca-penalty-note p{margin:0;color:#684b10;font-size:13.2px;line-height:1.75;font-weight:750}
#sca .sca-popover[hidden]{display:none!important}#sca .sca-popover{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px}#sca .sca-popover::before{content:'';position:absolute;inset:0;background:rgba(9,18,33,.48);backdrop-filter:blur(4px)}#sca .sca-popover-card{position:relative;z-index:2;width:min(760px,100%);max-height:86vh;overflow:auto;border-radius:28px;background:#fff;border:1px solid #d9e2ee;box-shadow:0 34px 70px rgba(13,36,68,.28);padding:0}#sca .sca-popover-close{position:absolute;top:18px;right:18px;width:40px;height:40px;border:1px solid #d7e0ea;border-radius:14px;background:#fff;color:var(--deep);font-size:22px;font-weight:950;line-height:1;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 6px 14px rgba(13,36,68,.08)}#sca .sca-popover-close:hover{background:var(--deep);border-color:var(--deep);color:#fff}#sca .sca-pop-head{padding:28px 78px 18px 28px;border-bottom:1px solid var(--line2);background:linear-gradient(135deg,#f8fbff,#ffffff)}#sca .sca-pop-head span{display:block;margin-bottom:6px;color:var(--gold);font-size:11px;font-weight:950;letter-spacing:.12em}#sca .sca-pop-head h4{margin:0;color:var(--deep);font-size:24px;font-weight:950;letter-spacing:-.045em}#sca .sca-pop-head p{margin:8px 0 0;color:var(--muted);font-size:12.5px;font-weight:800}#sca .sca-pop-content{padding:18px 28px 28px;color:var(--text)}#sca .sca-pop-content p{margin:0 0 12px;font-size:14px;line-height:1.78;font-weight:700}#sca .sca-pop-content ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}#sca .sca-pop-content li{position:relative;padding-left:16px;font-size:13.5px;line-height:1.65;color:var(--text);font-weight:700}#sca .sca-pop-content li::before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:#b9c4d1}#sca .sca-pop-source{margin-top:14px;padding:11px 12px;border-radius:12px;background:#f8fafc;border:1px solid var(--line2);font-size:12px;color:var(--muted);font-weight:800;line-height:1.6}
#sca .sca-foot{border-top:1px solid var(--line);padding-top:18px;margin-top:22px;color:var(--muted);font-size:12.8px;line-height:1.72}#sca .sca-foot p{margin:0 0 6px}#sca .sca-foot strong{color:var(--ink)}
@media(max-width:980px){#sca .sca-hero{grid-template-columns:1fr;padding:34px 24px}#sca .sca-summary{grid-template-columns:repeat(2,1fr)}#sca .sca-check-layout{grid-template-columns:1fr}#sca .sca-side{position:relative;top:auto}#sca .sca-form-result-grid{grid-template-columns:1fr}#sca .sca-form{border-right:0;border-bottom:1px solid var(--line2)}#sca .sca-result-card{position:relative;top:auto}#sca .sca-term-grid,#sca .sca-duty-grid,#sca .sca-penalty-grid{grid-template-columns:1fr}#sca .sca-law-flow{grid-template-columns:1fr 1fr}#sca .sca-tabs{position:relative;top:auto;overflow:auto}#sca .sca-tab{min-width:130px}}@media(max-width:640px){#sca{padding-left:10px;padding-right:10px}#sca .sca-hero h2{font-size:32px}#sca .sca-summary{grid-template-columns:1fr}#sca .sca-tabs{display:grid;grid-template-columns:1fr 1fr}#sca .sca-tab{min-width:0}#sca .sca-check-head,#sca .sca-section-head,#sca .sca-form,#sca .sca-term-grid,#sca .sca-duty-panel,#sca .sca-penalty-grid{padding-left:18px;padding-right:18px}#sca .sca-law-flow{grid-template-columns:1fr}#sca .sca-duty-tabs{display:grid;grid-template-columns:1fr;padding-left:18px;padding-right:18px}#sca .sca-options{padding-left:0}#sca .sca-q-help{margin-left:0}#sca .sca-q-title{grid-template-columns:30px minmax(0,1fr) 26px}#sca .sca-choice{width:100%;justify-content:flex-start;text-align:left}}
</style>

<script>
(function(){
  var root=document.getElementById('sca'); if(!root) return;
  var state={target:'',facilityRange:'',facilityExclusion:'',transportRange:'',materialRange:'',control:'',outsourcing:'',defect:''};
  var LAW={
    seriousAccident:{title:'중대재해',source:'중대재해처벌법 제2조제1호',summary:'중대재해는 중대산업재해와 중대시민재해를 포괄하는 상위 개념입니다.',bullets:['중대산업재해는 산업안전보건법상 산업재해 중 일정한 사망·부상·질병 결과가 발생한 경우입니다.','중대시민재해는 원료·제조물, 공중이용시설, 공중교통수단의 결함으로 시민 또는 이용자 등에게 중대한 인명피해가 발생한 경우입니다.']},
    definition:{title:'중대시민재해의 정의',source:'중대재해처벌법 제2조제3호',summary:'특정 원료 또는 제조물, 공중이용시설 또는 공중교통수단의 설계·제조·설치·관리상의 결함을 원인으로 일정한 인명피해 결과가 발생한 경우를 말합니다.',bullets:['사망자가 1명 이상 발생','동일한 사고로 2개월 이상 치료가 필요한 부상자가 10명 이상 발생','동일한 원인으로 3개월 이상 치료가 필요한 질병자가 10명 이상 발생','중대산업재해에 해당하는 재해는 중대시민재해에서 제외됩니다.']},
    publicFacility:{title:'공중이용시설',source:'중대재해처벌법 제2조제4호 및 시행령상 세부 범위',summary:'불특정 다수가 이용하는 시설 중 시설의 규모나 면적 등을 고려하여 대통령령으로 정하는 시설입니다.',bullets:['실내공기질 관리법상 시설 중 일정 범위의 시설','시설물안전법상 시설물 중 일정 범위의 시설물','바닥면적 합계가 1천제곱미터 이상인 일정 다중이용업소','재해 발생 시 생명·신체상 피해가 발생할 우려가 높은 장소']},
    facilityExclusion:{title:'공중이용시설 제외대상',source:'중대재해처벌법 제2조제4호 단서',summary:'공중이용시설에 해당할 수 있는 시설이라도 법에서 정한 일부 시설은 제외될 수 있습니다.',bullets:['소상공인의 사업 또는 사업장','이에 준하는 비영리시설','교육시설 등의 안전 및 유지관리 법률상 교육시설','시설 성격, 운영주체, 규모, 면적, 관련 개별 법령을 함께 확인해야 합니다.']},
    publicTransport:{title:'공중교통수단',source:'중대재해처벌법 제2조제5호',summary:'불특정 다수인이 이용하는 교통수단 중 법에서 열거한 교통수단을 말합니다.',bullets:['도시철도차량','철도차량 중 동력차·객차','노선 여객자동차운송사업에 사용되는 승합자동차','여객선 및 항공운송사업에 사용되는 항공기']},
    product:{title:'원료·제조물',source:'중대재해처벌법 제2조제6호 및 법 제9조제1항',summary:'제조물은 제조되거나 가공된 동산을 말하며, 다른 동산이나 부동산의 일부를 구성하는 경우도 포함됩니다.',bullets:['사업주나 법인 또는 기관이 생산·제조·판매·유통 중인 원료나 제조물이 대상이 될 수 있습니다.','설계, 제조, 관리상의 결함으로 이용자 또는 그 밖의 사람의 안전에 위해가 발생할 수 있는지를 확인해야 합니다.','시행령상 별표 5 원료 또는 제조물 해당 여부도 검토할 수 있습니다.']},
    responsiblePerson:{title:'사업주와 경영책임자등',source:'중대재해처벌법 제2조제8호·제9호',summary:'사업주와 경영책임자등은 중대시민재해 예방을 위한 안전 및 보건 확보의무의 핵심 주체입니다.',bullets:['사업을 대표하고 총괄하는 권한과 책임이 있는 사람','이에 준하여 안전보건 업무를 담당하는 사람','중앙행정기관·지방자치단체·지방공기업·공공기관의 장 등']},
    control:{title:'실질적으로 지배·운영·관리',source:'중대재해처벌법 제9조제1항·제2항',summary:'안전·보건 확보의무는 사업주나 법인 또는 기관이 실질적으로 지배·운영·관리하는 대상을 중심으로 검토됩니다.',bullets:['소유 여부만이 아니라 실제 운영·관리 권한, 예산·인력 결정권, 점검·보수·개선 권한을 함께 확인합니다.','위탁 또는 임대가 있더라도 시설·장비·장소에 대한 실질적 책임이 남아 있으면 의무 검토가 필요합니다.','계약서, 운영규정, 관리주체, 비용 부담, 점검 지시권, 개선조치 권한이 중요한 확인자료입니다.']},
    outsourcing:{title:'도급·용역·위탁 시 책임',source:'중대재해처벌법 제9조제3항 및 시행령 제10조제8호',summary:'공중이용시설 또는 공중교통수단 관련 업무를 제3자에게 맡긴 경우에도 실질적 지배·운영·관리 책임이 있으면 안전·보건 확보의무가 문제될 수 있습니다.',bullets:['수급업체의 조치능력 및 안전관리능력에 관한 평가기준·절차 마련','도급·용역·위탁 업무 수행에 필요한 안전관리 비용 기준 마련','기준과 절차에 따라 위탁 등이 이루어지는지 연 1회 이상 점검']},
    defect:{title:'설계·제조·설치·관리상의 결함',source:'중대재해처벌법 제2조제3호',summary:'중대시민재해는 대상 자체의 존재만으로 성립하는 것이 아니라 설계·제조·설치·관리상의 결함이 원인이 되었는지가 핵심입니다.',bullets:['설계상 결함: 구조, 기준, 안전성 검토가 부적절한 경우','제조상 결함: 제조·가공 과정의 문제로 안전성이 확보되지 않은 경우','설치상 결함: 시공·설치·배치·연결 등이 부적정한 경우','관리상 결함: 점검, 보수, 보강, 운행관리, 위험징후 대응 등이 미흡한 경우']},
    damage:{title:'중대시민재해의 결과 요건',source:'중대재해처벌법 제2조제3호',summary:'중대시민재해는 일정한 인명피해 결과가 발생해야 해당 가능성이 검토됩니다.',bullets:['사망자가 1명 이상 발생','동일한 사고로 2개월 이상 치료가 필요한 부상자가 10명 이상 발생','동일한 원인으로 3개월 이상 치료가 필요한 질병자가 10명 이상 발생','결과 요건 미충족 시에도 일반 안전관리 의무와 관계 법령 위반 여부는 별도 검토될 수 있습니다.']},
    industrialExclusion:{title:'중대산업재해 제외',source:'중대재해처벌법 제2조제3호 단서',summary:'중대시민재해 정의에서는 중대산업재해에 해당하는 재해를 제외합니다.',bullets:['종사자의 업무상 재해로서 중대산업재해 요건에 해당하는 경우 중대산업재해 영역에서 검토될 수 있습니다.','피해자가 종사자인지, 이용자 또는 그 밖의 사람인지, 사고가 산업재해에 해당하는지 확인해야 합니다.']},
    decree8:{title:'원료·제조물 관련 안전보건관리체계',source:'중대재해처벌법 시행령 제8조',summary:'원료·제조물 관련 중대시민재해 예방을 위해 인력, 예산, 유해·위험요인 점검, 업무처리절차, 반기 1회 이상 점검 등을 요구합니다.',bullets:['필요한 인력을 갖추어 안전·보건 관리업무, 유해·위험요인 점검, 위험징후 대응 수행','인력·시설·장비 확보·유지, 점검, 위험징후 대응에 필요한 예산 편성·집행','유해·위험요인의 주기적 점검과 위험징후 발견 시 신고 및 조치','중대시민재해 발생 시 보고·신고·조치 및 원인조사에 따른 개선조치','인력·예산 관련 사항을 반기 1회 이상 점검하고 필요한 조치 이행']},
    decree9and11:{title:'안전·보건 관계 법령 의무이행 관리',source:'중대재해처벌법 시행령 제9조 및 제11조',summary:'적용되는 안전·보건 관계 법령상의 의무 이행 여부를 정기적으로 점검하고 필요한 후속조치를 해야 합니다.',bullets:['원료·제조물 관련 의무는 반기 1회 이상 점검','공중이용시설·공중교통수단 관련 의무는 연 1회 이상 점검','미이행 사항 확인 시 인력 배치, 예산 추가 편성·집행 등 필요한 조치','의무교육 실시 또는 이수 여부 점검 및 미실시 시 이행 지시']},
    decree10:{title:'공중이용시설·공중교통수단 안전보건관리체계',source:'중대재해처벌법 시행령 제10조',summary:'공중이용시설 또는 공중교통수단과 이용자 등의 안전을 위해 인력, 예산, 안전점검, 안전계획, 업무처리절차, 도급관리 기준을 마련하고 이행해야 합니다.',bullets:['안전관리 업무 수행에 필요한 인력 확보','인력·시설·장비 확보·유지와 안전점검, 안전계획 이행에 필요한 예산 편성·집행','안전점검 등을 계획하여 수행','연 1회 이상 안전계획 수립 및 이행','반기 1회 이상 점검 및 결과에 따른 인력·예산 보완','유해·위험요인 확인·신고·개선 및 중대시민재해 발생 시 긴급조치 절차 마련','도급·용역·위탁 시 평가기준과 비용기준 마련 및 연 1회 이상 점검']},
    article10:{title:'중대시민재해 사업주와 경영책임자등의 처벌',source:'중대재해처벌법 제10조',summary:'법 제9조를 위반하여 중대시민재해에 이르게 한 사업주 또는 경영책임자등에 대한 처벌 기준입니다.',bullets:['사망자 1명 이상 발생: 1년 이상의 징역 또는 10억원 이하의 벌금','이 경우 징역과 벌금을 병과할 수 있음','2개월 이상 치료 부상자 10명 이상 또는 3개월 이상 치료 질병자 10명 이상: 7년 이하의 징역 또는 1억원 이하의 벌금']},
    article11:{title:'중대시민재해의 양벌규정',source:'중대재해처벌법 제11조',summary:'경영책임자등이 법인 또는 기관의 업무에 관하여 제10조에 해당하는 위반행위를 하면 행위자 외에 법인 또는 기관에도 벌금형을 과할 수 있습니다.',bullets:['사망자 1명 이상 발생 사안: 법인 또는 기관에 50억원 이하의 벌금','부상·질병 기준 사안: 법인 또는 기관에 10억원 이하의 벌금','법인 또는 기관이 상당한 주의와 감독을 게을리하지 않은 경우 예외가 될 수 있습니다.']}
  };
  function $(s,c){return (c||root).querySelector(s)} function $$(s,c){return Array.prototype.slice.call((c||root).querySelectorAll(s))} function esc(s){return String(s==null?'':s).replace(/[&<>"']/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#039;'}[c]})}
  function setView(view){$$('.sca-tab').forEach(function(b){var on=b.dataset.scaView===view;b.classList.toggle('is-on',on);b.setAttribute('aria-selected',on?'true':'false')});$$('.sca-view').forEach(function(p){p.classList.toggle('is-on',p.dataset.scaPanel===view)});var active=$('.sca-view.is-on');if(active)active.scrollIntoView({behavior:'smooth',block:'start'});}
  function setChoice(group,value){var nextValue=state[group]===value?'':value;if(group==='target'&&state.target!==nextValue){['facilityRange','facilityExclusion','transportRange','materialRange'].forEach(function(k){state[k]=''});$$('.sca-target-extra .sca-choice').forEach(function(b){b.classList.remove('is-on')})}state[group]=nextValue;$$('.sca-options[data-group="'+group+'"] .sca-choice').forEach(function(b){b.classList.toggle('is-on',b.dataset.value===nextValue)});syncTargetExtras();updateStepIndicator();renderResult()}
  function syncTargetExtras(){var t=state.target;$$('.sca-target-extra').forEach(function(q){q.classList.toggle('is-show',q.dataset.extra===t)})}
  function updateStepIndicator(){var groups=[['target'],['facilityRange','transportRange','materialRange','facilityExclusion'],['control','outsourcing'],['defect']];$$('#sca-step-indicator li').forEach(function(li,idx){li.classList.toggle('is-on',groups[idx].some(function(g){return !!state[g]}))})}
  function targetReady(){if(state.target==='material')return state.materialRange;if(state.target==='facility')return state.facilityRange&&state.facilityExclusion;if(state.target==='transport')return state.transportRange;return state.target}
  function renderResult(){
    var reasons=[],next=[],score=0,status='neutral',badge='선택 대기',title='조회 항목을 선택해 주세요',desc='대상 종류, 법령상 범위, 실제 관리책임, 위험·결함 관리 필요성을 선택하면 검토 결과가 표시됩니다.';
    var completed=!!(state.target&&targetReady()&&state.control&&state.outsourcing&&state.defect);

    if(state.target){
      var targetLabel={material:'원료·제조물',facility:'공중이용시설',transport:'공중교통수단',unknown:'대상 불명확'}[state.target]||'대상 선택';
      reasons.push(targetLabel+' 관련 관리대상으로 선택되었습니다.');
      if(state.target!=='unknown') score+=14;
    }

    if(state.target==='facility'){
      if(state.facilityRange==='yes'){reasons.push('시설 규모·면적 등을 기준으로 공중이용시설에 포함될 수 있습니다.');score+=18;}
      if(state.facilityRange==='unknown'){reasons.push('시설의 규모·면적과 시행령상 시설 범위 확인이 필요합니다.');score+=8;}
      if(state.facilityRange==='no'){reasons.push('현재 선택으로는 공중이용시설 해당 가능성이 낮습니다.');score-=18;}
      if(state.facilityExclusion==='yes'){reasons.push('소상공인 사업장, 교육시설 등 제외대상일 수 있습니다.');score-=22;}
      if(state.facilityExclusion==='unknown'){reasons.push('공중이용시설 제외대상 여부 확인이 필요합니다.');score+=4;}
      if(state.facilityExclusion==='no'){reasons.push('공중이용시설 제외대상은 아닌 것으로 선택되었습니다.');score+=8;}
    }
    if(state.target==='transport'){
      if(state.transportRange==='yes'){reasons.push('법정 공중교통수단에 해당할 수 있습니다.');score+=22;}
      if(state.transportRange==='unknown'){reasons.push('공중교통수단의 법정 범위 확인이 필요합니다.');score+=8;}
      if(state.transportRange==='no'){reasons.push('공중교통수단 해당 가능성이 낮습니다.');score-=18;}
    }
    if(state.target==='material'){
      if(state.materialRange==='yes'){reasons.push('생산·제조·판매·유통 중인 원료·제조물과 관련된 것으로 선택되었습니다.');score+=22;}
      if(state.materialRange==='unknown'){reasons.push('원료·제조물 관련성과 적용 법령 확인이 필요합니다.');score+=8;}
      if(state.materialRange==='no'){reasons.push('원료·제조물 관련성이 낮은 것으로 선택되었습니다.');score-=18;}
    }

    if(state.control==='yes'){reasons.push('운영·점검·보수·예산 등 실제 관리책임이 있는 것으로 선택되었습니다.');score+=24;}
    if(state.control==='unknown'){reasons.push('실제 관리책임은 계약서, 운영규정, 예산·점검 권한을 통해 확인해야 합니다.');score+=10;}
    if(state.control==='no'){reasons.push('실제 관리책임이 낮은 것으로 선택되었습니다.');score-=20;}

    if(state.outsourcing==='yes'){reasons.push('외부업체가 있더라도 우리에게 남아 있는 관리책임이 있는 것으로 선택되었습니다.');score+=12;}
    if(state.outsourcing==='unknown'){reasons.push('도급·용역·위탁 관계에서 책임 범위 확인이 필요합니다.');score+=6;}
    if(state.outsourcing==='none'){reasons.push('도급·용역·위탁 없이 직접 관리하는 구조로 선택되었습니다.');score+=8;}
    if(state.outsourcing==='no'){reasons.push('위탁 이후 우리에게 남은 관리책임은 낮은 것으로 선택되었습니다.');}

    if(['design','manufacture','install','manage'].indexOf(state.defect)>-1){
      var defectLabel={design:'설계상 위험요인',manufacture:'제조상 위험요인',install:'설치상 위험요인',manage:'관리상 위험요인'}[state.defect];
      reasons.push(defectLabel+'을 관리해야 하는 것으로 선택되었습니다.');
      score+=22;
    }
    if(state.defect==='unknown'){reasons.push('안전상 결함 또는 위험요인은 추가 확인이 필요합니다.');score+=8;}
    if(state.defect==='none'){reasons.push('현재 선택으로는 안전상 결함 또는 위험요인 관련성이 낮습니다.');score-=16;}

    if(!reasons.length) reasons.push('아직 선택된 판단요소가 없습니다.');
    score=Math.max(0,Math.min(100,score));

    if(!completed){
      status='neutral';badge='검토 진행 중';title='질문에 계속 답해 주세요';
      desc='모든 항목을 선택하면 우리 시설·제품·교통수단이 중대시민재해 관리대상으로 검토될 가능성이 더 명확하게 표시됩니다.';
    }else if(state.target==='unknown'){
      status='mid';badge='대상 구분 필요';title='대상 종류부터 확인이 필요합니다';
      desc='원료·제조물, 공중이용시설, 공중교통수단 중 어디에 가까운지 먼저 구분해야 합니다.';
    }else if(state.facilityExclusion==='yes'||state.facilityRange==='no'||state.transportRange==='no'||state.materialRange==='no'){
      status='low';badge='대상 가능성 낮음';title='법령상 관리대상 가능성 낮음';
      desc='현재 선택 기준으로는 중대시민재해 관리대상 범위에 해당할 가능성이 낮습니다. 다만 시설 규모, 사업장 성격, 개별 법령은 추가 확인이 필요합니다.';
    }else if(state.control==='no'&&state.outsourcing!=='yes'){
      status='low';badge='책임 낮음';title='실제 관리책임 가능성 낮음';
      desc='대상 자체가 있더라도 우리에게 실질적 지배·운영·관리 책임이 없다면 중대시민재해 의무 적용 가능성은 낮아질 수 있습니다.';
    }else if(state.defect==='none'){
      status='low';badge='위험 낮음';title='현재 위험·결함 관련성 낮음';
      desc='현재 선택으로는 설계·제조·설치·관리상 위험요인 관련성이 낮습니다. 다만 정기점검과 관계 법령 이행관리는 별도로 유지해야 합니다.';
    }else if(score>=70){
      status='high';badge='관리대상 가능성 높음';title='중대시민재해 관리대상 검토 필요';
      desc='대상 범위, 실제 관리책임, 위험·결함 관리 필요성이 함께 확인됩니다. 안전보건 확보의무 이행체계와 관련 증빙자료를 우선 정리해야 합니다.';
    }else{
      status='mid';badge='추가 확인 필요';title='중대시민재해 관리대상 검토 필요';
      desc='일부 요건은 확인되었으나 대상 범위, 관리책임, 위험요인 중 추가 확인이 필요한 부분이 있습니다.';
    }

    next.push('시설·제품·교통수단이 법령상 대상 범위에 들어가는지 확인');
    next.push('운영권한, 점검권한, 보수·보강 권한, 예산집행권한 등 실제 관리책임 확인');
    next.push('위험요인 점검, 안전계획, 업무처리절차, 교육, 예산, 개선조치 자료 정리');
    if(state.target==='facility'||state.target==='transport') next.push('공중이용시설·공중교통수단은 안전계획 수립, 안전점검, 도급·위탁 관리 기준 확인');
    if(state.target==='material') next.push('원료·제조물은 유해·위험요인 점검, 위험징후 대응, 반기 1회 이상 점검자료 확인');
    next.push('실제 사고 발생 시에는 사망·다수 부상·다수 질병 기준과 중대산업재해 제외 여부를 별도로 확인');

    $('#sca-result-badge').className='sca-result-badge '+status;$('#sca-result-badge').textContent=badge;$('#sca-result-title').textContent=title;$('#sca-result-desc').textContent=desc;$('#sca-scorebar').style.width=score+'%';$('#sca-reasons').innerHTML=reasons.map(function(x){return '<li>'+esc(x)+'</li>'}).join('');$('#sca-next').innerHTML=next.map(function(x){return '<li>'+esc(x)+'</li>'}).join('');
  }
  function openPopover(key){var law=LAW[key];if(!law)return;var html='<div class="sca-pop-head"><span>LEGAL GUIDE</span><h4>'+esc(law.title)+'</h4><p>'+esc(law.source)+'</p></div><div class="sca-pop-content"><p>'+esc(law.summary)+'</p><ul>'+law.bullets.map(function(b){return '<li>'+esc(b)+'</li>'}).join('')+'</ul><div class="sca-pop-source">법령 원문은 국가법령정보센터 최신 조문을 기준으로 별도 확인하시기 바랍니다.</div></div>';$('#sca-popover-body').innerHTML=html;var pop=$('#sca-popover');pop.hidden=false;pop.setAttribute('aria-hidden','false');document.body.style.overflow='hidden'}
  function closePopover(){var pop=$('#sca-popover');if(!pop||pop.hidden)return;pop.hidden=true;pop.setAttribute('aria-hidden','true');$('#sca-popover-body').innerHTML='';document.body.style.overflow=''}
  function resetAll(){Object.keys(state).forEach(function(k){state[k]=''});$$('.sca-choice').forEach(function(b){b.classList.remove('is-on')});syncTargetExtras();updateStepIndicator();renderResult()}
  function copyResult(){var lines=['[중대시민재해 대상 조회 결과]','결과: '+$('#sca-result-title').textContent,'설명: '+$('#sca-result-desc').textContent,'','판단 근거'];$$('#sca-reasons li').forEach(function(li){lines.push('- '+li.textContent)});lines.push('','우선 확인사항');$$('#sca-next li').forEach(function(li){lines.push('- '+li.textContent)});var text=lines.join('\n');function done(){var btn=$('#sca-copy-result'),old=btn.textContent;btn.textContent='복사되었습니다';setTimeout(function(){btn.textContent=old},1400)} if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(text).then(done)}else{var ta=document.createElement('textarea');ta.value=text;ta.style.position='fixed';ta.style.opacity='0';document.body.appendChild(ta);ta.select();try{document.execCommand('copy');done()}catch(e){}document.body.removeChild(ta)}}
  root.addEventListener('click',function(e){var btn=e.target.closest('button');if(!btn)return;if(btn.dataset.scaView){setView(btn.dataset.scaView);return}if(btn.classList.contains('sca-choice')){setChoice(btn.parentNode.dataset.group,btn.dataset.value);return}if(btn.classList.contains('sca-info')){openPopover(btn.dataset.law);return}if(btn.id==='sca-popover-close'){closePopover();return}if(btn.id==='sca-reset'){resetAll();return}if(btn.id==='sca-copy-result'){copyResult();return}if(btn.parentNode&&btn.parentNode.id==='sca-duty-tabs'){var duty=btn.dataset.duty;$$('#sca-duty-tabs button').forEach(function(b){b.classList.toggle('is-on',b.dataset.duty===duty)});$$('.sca-duty-panel').forEach(function(p){p.classList.toggle('is-on',p.dataset.dutyPanel===duty)});return}});$('#sca-popover').addEventListener('click',function(e){if(e.target.id==='sca-popover')closePopover()});root.addEventListener('keydown',function(e){if(e.key==='Escape')closePopover()});renderResult();
})();
</script>				</div>
				<div class="elementor-element elementor-element-9b3b88d elementor-widget elementor-widget-html" data-id="9b3b88d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
.smart-float-nav {
  --sfn-main: #1c3a5c;
  --sfn-main-dark: #0e2033;
  --sfn-main-light: #c9a961;
  --sfn-bg: rgba(255, 255, 255, 0.92);
  --sfn-border: rgba(14, 32, 51, 0.14);
  --sfn-soft: rgba(14, 32, 51, 0.08);
  --sfn-shadow: 0 18px 48px rgba(6, 18, 30, 0.18);

  position: fixed;
  left: calc(50% + 590px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;

  display: flex;
  flex-direction: column;
  gap: 9px;

  padding: 12px 9px;
  border-radius: 30px;

  background:
    radial-gradient(circle at 50% 0%, rgba(13,68,68,0.13), transparent 45%),
    linear-gradient(145deg, rgba(255,255,255,0.98), rgba(247,252,251,0.88));
  border: 1px solid var(--sfn-border);
  box-shadow: var(--sfn-shadow);

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  font-family: 'NanumSquareNeo', 'Noto Sans KR', sans-serif;
  box-sizing: border-box;
}

.smart-float-nav *,
.smart-float-nav *::before,
.smart-float-nav *::after {
  box-sizing: border-box;
}

.smart-float-progress {
  position: absolute;
  right: -8px;
  top: 28px;
  bottom: 28px;
  width: 3px;
  border-radius: 999px;
  background: rgba(14, 32, 51, 0.11);
  overflow: hidden;
}

.smart-float-progress span {
  display: block;
  width: 100%;
  height: 0%;
  border-radius: 999px;
  background: linear-gradient(to bottom, var(--sfn-main), var(--sfn-main-light));
  transition: height 0.12s linear;
}

.smart-float-percent {
  position: absolute;
  right: -43px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 30px;
  padding: 5px 6px;
  border-radius: 999px;
  background: rgba(14, 32, 51, 0.88);
  color: #ffffff;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 8px 18px rgba(14, 32, 51, 0.22);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.smart-float-nav:hover .smart-float-percent {
  opacity: 1;
  transform: translateY(-50%) translateX(2px);
}

.smart-float-btn {
  position: relative;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 20px;
  background: transparent;
  color: var(--sfn-main);
  text-decoration: none;
  cursor: pointer;
  transition:
    background 0.22s ease,
    color 0.22s ease,
    transform 0.22s ease,
    box-shadow 0.22s ease,
    opacity 0.22s ease;
}

.smart-float-btn::before {
  content: '';
  position: absolute;
  inset: 7px;
  border-radius: 16px;
  background: var(--sfn-soft);
  opacity: 0;
  transform: scale(0.85);
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.smart-float-btn svg {
  position: relative;
  z-index: 1;
  width: 22px;
  height: 22px;
  stroke: currentColor;
  transition: transform 0.22s ease;
}

.smart-float-btn:hover,
.smart-float-btn:focus-visible,
.smart-float-btn.is-active {
  background: linear-gradient(145deg, var(--sfn-main), var(--sfn-main-dark));
  color: #ffffff;
  transform: translateX(-3px);
  box-shadow: 0 13px 26px rgba(14, 32, 51, 0.26);
  outline: none;
}

.smart-float-btn:hover svg,
.smart-float-btn:focus-visible svg,
.smart-float-btn.is-active svg {
  transform: scale(1.08);
}

.smart-float-btn.is-muted {
  opacity: 0.38;
}

.smart-float-btn.is-muted:hover,
.smart-float-btn.is-muted:focus-visible {
  opacity: 1;
}

.smart-float-label {
  position: absolute;
  right: 66px;
  top: 50%;
  transform: translateY(-50%) translateX(7px);
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  padding: 10px 13px;
  border-radius: 14px;
  background: linear-gradient(145deg, var(--sfn-main), var(--sfn-main-dark));
  color: #ffffff;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.025em;
  box-shadow: 0 12px 26px rgba(14, 32, 51, 0.25);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.smart-float-label::after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-left: 7px solid var(--sfn-main-dark);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.smart-float-btn:hover .smart-float-label,
.smart-float-btn:focus-visible .smart-float-label {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

.smart-float-divider {
  width: 30px;
  height: 1px;
  margin: 1px auto;
  background: linear-gradient(
    to right,
    rgba(14, 32, 51, 0),
    rgba(14, 32, 51, 0.22),
    rgba(14, 32, 51, 0)
  );
}

@media (max-width: 1400px) {
  .smart-float-nav {
    left: auto;
    right: 22px;
  }

  .smart-float-percent {
    display: none;
  }
}

@media (max-width: 768px) {
  .smart-float-nav {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 16px;
    transform: translateX(-50%);
    flex-direction: row;
    align-items: center;
    gap: 6px;
    padding: 8px;
    border-radius: 25px;
    box-shadow: 0 16px 38px rgba(6, 18, 30, 0.23);
  }

  .smart-float-progress,
  .smart-float-percent {
    display: none;
  }

  .smart-float-btn {
    width: 44px;
    height: 44px;
    border-radius: 16px;
  }

  .smart-float-btn:hover,
  .smart-float-btn:focus-visible,
  .smart-float-btn.is-active {
    transform: translateY(-2px);
  }

  .smart-float-btn svg {
    width: 18px;
    height: 18px;
  }

  .smart-float-label {
    display: none;
  }

  .smart-float-divider {
    width: 1px;
    height: 22px;
    margin: 0 2px;
    background: linear-gradient(
      to bottom,
      rgba(14, 32, 51, 0),
      rgba(14, 32, 51, 0.22),
      rgba(14, 32, 51, 0)
    );
  }
}

@media (prefers-reduced-motion: reduce) {
  .smart-float-nav *,
  .smart-float-nav *::before,
  .smart-float-nav *::after {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

@media print {
  .smart-float-nav {
    display: none !important;
  }
}
</style>

<div class="smart-float-nav" id="smart-float-nav" aria-label="빠른 이동 메뉴">

  <div class="smart-float-progress" aria-hidden="true">
    <span id="smart-float-progress-bar"></span>
  </div>

  <div class="smart-float-percent" id="smart-float-percent">0%</div>

  <a class="smart-float-btn" data-nav-type="home" href="https://safetysupport.co.kr/" aria-label="홈으로">
    <span class="smart-float-label">홈으로</span>
    <svg viewBox="0 0 24 24" fill="none" stroke-width="2.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
      <path d="M3.5 11.5L12 4.3l8.5 7.2"></path>
      <path d="M5.8 10.3V20h12.4v-9.7"></path>
      <path d="M9.5 20v-5.8h5V20"></path>
    </svg>
  </a>

  <div class="smart-float-divider" aria-hidden="true"></div>

  <a class="smart-float-btn" data-nav-type="list" href="https://safetysupport.co.kr/osh-integrated-lookup/" aria-label="목록으로">
    <span class="smart-float-label">목록으로</span>
    <svg viewBox="0 0 24 24" fill="none" stroke-width="2.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
      <path d="M8 6h12"></path>
      <path d="M8 12h12"></path>
      <path d="M8 18h12"></path>
      <path d="M4 6h.01"></path>
      <path d="M4 12h.01"></path>
      <path d="M4 18h.01"></path>
    </svg>
  </a>

  <div class="smart-float-divider" aria-hidden="true"></div>

  <button class="smart-float-btn" type="button" data-smart-action="top" aria-label="맨 위로">
    <span class="smart-float-label">맨 위로</span>
    <svg viewBox="0 0 24 24" fill="none" stroke-width="2.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
      <path d="M12 19V5"></path>
      <path d="M6.5 10.5L12 5l5.5 5.5"></path>
    </svg>
  </button>

  <button class="smart-float-btn" type="button" data-smart-action="bottom" aria-label="맨 아래로">
    <span class="smart-float-label">맨 아래로</span>
    <svg viewBox="0 0 24 24" fill="none" stroke-width="2.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
      <path d="M12 5v14"></path>
      <path d="M17.5 13.5L12 19l-5.5-5.5"></path>
    </svg>
  </button>

</div>

<script>
(function () {
  var nav = document.getElementById('smart-float-nav');
  var progressBar = document.getElementById('smart-float-progress-bar');
  var percentText = document.getElementById('smart-float-percent');

  if (!nav) return;

  var topBtn = nav.querySelector('[data-smart-action="top"]');
  var bottomBtn = nav.querySelector('[data-smart-action="bottom"]');
  var ticking = false;

  function getScrollData() {
    var doc = document.documentElement;
    var body = document.body;

    var scrollTop = window.pageYOffset || doc.scrollTop || body.scrollTop || 0;
    var scrollHeight = Math.max(doc.scrollHeight, body.scrollHeight);
    var clientHeight = doc.clientHeight;
    var maxScroll = Math.max(scrollHeight - clientHeight, 1);
    var percent = Math.min(Math.max((scrollTop / maxScroll) * 100, 0), 100);

    return {
      scrollTop: scrollTop,
      maxScroll: maxScroll,
      percent: percent
    };
  }

  function updateScrollState() {
    var data = getScrollData();
    var rounded = Math.round(data.percent);

    if (progressBar) {
      progressBar.style.height = data.percent + '%';
    }

    if (percentText) {
      percentText.textContent = rounded + '%';
    }

    if (topBtn) {
      topBtn.classList.toggle('is-muted', data.scrollTop < 80);
    }

    if (bottomBtn) {
      bottomBtn.classList.toggle('is-muted', data.maxScroll - data.scrollTop < 80);
    }

    ticking = false;
  }

  function requestUpdate() {
    if (!ticking) {
      window.requestAnimationFrame(updateScrollState);
      ticking = true;
    }
  }

  function setActiveByCurrentPage() {
    var path = window.location.pathname.replace(/\/+$/, '');
    var homeBtn = nav.querySelector('[data-nav-type="home"]');
    var listBtn = nav.querySelector('[data-nav-type="list"]');

    if (homeBtn && (path === '' || path === '/')) {
      homeBtn.classList.add('is-active');
    }

    if (listBtn && path.indexOf('/osh-integrated-lookup') === 0) {
      listBtn.classList.add('is-active');
    }
  }

  nav.addEventListener('click', function (event) {
    var actionBtn = event.target.closest('[data-smart-action]');
    if (!actionBtn) return;

    var action = actionBtn.getAttribute('data-smart-action');

    if (action === 'top') {
      window.scrollTo({
        top: 0,
        behavior: 'smooth'
      });
    }

    if (action === 'bottom') {
      window.scrollTo({
        top: Math.max(document.documentElement.scrollHeight, document.body.scrollHeight),
        behavior: 'smooth'
      });
    }
  });

  window.addEventListener('scroll', requestUpdate, { passive: true });
  window.addEventListener('resize', requestUpdate);

  setActiveByCurrentPage();
  updateScrollState();
})();
</script>				</div>
				<div class="elementor-element elementor-element-4e2cf9e elementor-widget elementor-widget-html" data-id="4e2cf9e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- safetysupport_콘텐츠하단_멀티플렉스 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-3106752057307696"
     data-ad-slot="7825472551"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
