<?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/%ea%b4%80%eb%a6%ac%ea%b0%90%eb%8f%85%ec%9e%90-%ec%9c%a0%ed%95%b4%ec%9c%84%ed%97%98%eb%b0%a9%ec%a7%80-%ec%97%85%eb%ac%b4/feed/" rel="self" type="application/rss+xml" />
	<link>https://safetysupport.co.kr</link>
	<description>안전관리위탁부터 위험성평가, 중대재해예방까지 — 사업장 맞춤 안전보건 컨설팅</description>
	<lastBuildDate>Sat, 25 Apr 2026 10:50:10 +0000</lastBuildDate>
	<language>ko-KR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</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/supervisor-hazard-prevention-duties/</link>
		
		<dc:creator><![CDATA[mangjil]]></dc:creator>
		<pubDate>Sat, 18 Apr 2026 05:44:36 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[관리감독자]]></category>
		<category><![CDATA[관리감독자 업무 조회]]></category>
		<category><![CDATA[관리감독자 유해위험방지 업무]]></category>
		<category><![CDATA[산업안전보건기준에 관한 규칙 별표 2]]></category>
		<category><![CDATA[안전보건 통합조회]]></category>
		<category><![CDATA[유해위험방지 업무]]></category>
		<category><![CDATA[제35조 관리감독자]]></category>
		<guid isPermaLink="false">https://safetysupport.co.kr/?p=3027</guid>

					<description><![CDATA[관리감독자의 유해·위험 방지 업무 &#124; 안전보건 통합조회 INTEGRATED SAFETY REFERENCE 관리감독자 유해·위험방지 업무 조회 SUPERVISOR HAZARD PREVENTION DUTIES 관리감독자가 작업 종류별로 수행해야 하는 유해·위험 방지 업무를 관계 법령과 함께 한 화면에서 바로 확인할 수 있도록 정리한 페이지입니다 작업 종류 조회 관계 법령 확인 세부 직무 검색 실무형 카드 구성 관계법령 ▼ 「산업안전보건기준에 관한 규칙」 제5장 [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3027" class="elementor elementor-3027" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-79f6b3f e-flex e-con-boxed e-con e-parent" data-id="79f6b3f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-efb4259 elementor-widget elementor-widget-html" data-id="efb4259" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>관리감독자의 유해·위험 방지 업무 | 안전보건 통합조회</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/moonspam/NanumSquareNeo@1.0/nanumsquareneo.css">
<style>
:root{
  --primary:#1e3a5f;
  --primary-mid:#2a5298;
  --primary-light:#eaf0fb;
  --primary-line:#c0d4ee;
  --text-main:#111;
  --text-muted:#6f84a0;
  --border:#dde6f0;
  --border-light:#edf2f8;
  --white:#fff;
  --radius:10px;
  --radius-sm:6px;
  --shadow-xs:0 1px 4px rgba(30,58,95,.08);
  --shadow-sm:0 10px 28px rgba(18,40,75,.12);
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:'NanumSquareNeo',sans-serif;
  background:#fff;
  color:var(--text-main);
  font-size:14px;
  line-height:1.6;
}

/* HERO */
.page-hero-wrap{
  max-width:1200px;
  margin:28px auto 0;
  padding:0 18px;
}
.page-hero{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(120deg, #032f2f 0%, #07383b 20%, #0b2f4f 56%, #13426b 100%);
  background-size:24px 24px, 24px 24px, 100% 100%;
  padding:46px 34px 40px;
  box-shadow:0 14px 40px rgba(10,33,59,.16);
}
.page-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 20%, rgba(46,213,115,.14) 0, rgba(46,213,115,0) 26%),
    radial-gradient(circle at 88% 20%, rgba(255,255,255,.10) 0, rgba(255,255,255,0) 22%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  pointer-events:none;
}
.hero-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px;
  gap:28px;
  align-items:center;
}
.hero-left-top{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
  flex-wrap:wrap;
}
.hero-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 14px;
  border-radius:999px;
  border:1px solid rgba(92,255,171,.18);
  background:rgba(8,71,45,.35);
  color:#59f0a1;
  font-size:12px;
  font-weight:800;
}
.hero-title-row{
  display:flex;
  align-items:flex-end;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.hero-title{
  font-size:44px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.04em;
  color:#fff;
}
.hero-title-en{
  font-size:18px;
  font-weight:700;
  color:rgba(255,255,255,.42);
  letter-spacing:-.02em;
  padding-bottom:4px;
}
.hero-desc{
  max-width:640px;
  font-size:15px;
  line-height:1.75;
  color:rgba(255,255,255,.82);
  margin-bottom:18px;
  word-break:keep-all;
}
.hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.hero-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.78);
  font-size:12px;
  font-weight:700;
}
.hero-stats{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.hero-stat{
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  padding:14px 16px;
  min-height:72px;
  display:flex;
  align-items:center;
  gap:12px;
}
.hero-stat-ico{
  width:36px;
  height:36px;
  border-radius:9px;
  background:rgba(20,170,96,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#4df099;
  font-weight:900;
  font-size:15px;
}
.hero-stat-text{
  min-width:0;
}
.hero-stat-value{
  font-size:20px;
  font-weight:900;
  line-height:1.1;
  color:#48e392;
}
.hero-stat-label{
  font-size:12px;
  color:rgba(255,255,255,.65);
  margin-top:3px;
  font-weight:700;
}

.main-wrap{
  max-width:1100px;
  margin:24px auto 60px;
  padding:0 32px;
}

.section-box{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow-xs);
  margin-bottom:16px;
}
.section-head{
  background:var(--primary);
  padding:12px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  user-select:none;
}
.section-head h2{
  font-size:13.5px;
  font-weight:700;
  color:#fff;
  letter-spacing:.02em;
}
.toggle-ico{
  color:rgba(255,255,255,.7);
  font-size:12px;
  transition:transform .2s ease;
}
.section-body{
  display:none;
  padding:18px 22px;
  background:#fff;
}
.section-body.open{display:block}

/* RELATION LAW */
.law-box{
  background:#f8fbff;
  border:1px solid var(--border);
  border-radius:12px;
  padding:16px 18px;
}
.law-title{
  font-size:14px;
  font-weight:700;
  color:var(--primary-mid);
  margin-bottom:10px;
  letter-spacing:.03em;
}
.law-main{
  font-size:12px;
  color:#1b2840;
  line-height:1.9;
  word-break:keep-all;
}
.law-main strong{
  color:var(--primary);
}
.law-sub{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--border-light);
  font-size:12px;
  color:var(--text-muted);
  line-height:1.75;
}

/* SEARCH */
.search-bar{
  background:var(--white);
  border:2px solid var(--primary);
  border-radius:var(--radius);
  padding:4px 4px 4px 14px;
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  transition:border-color .2s;
}
.search-bar:focus-within{
  border-color:var(--primary-mid);
  box-shadow:0 0 0 3px rgba(42,82,152,.10);
}
.search-bar .ico{color:var(--primary);flex-shrink:0}
.search-bar input{
  flex:1;
  border:none;
  outline:none;
  font-family:'NanumSquareNeo',sans-serif;
  font-size:13.5px;
  color:var(--text-main);
  background:transparent;
  padding:8px 0;
}
.search-bar input::placeholder{color:var(--text-muted)}
.clear-btn{
  background:none;
  border:none;
  cursor:pointer;
  color:#aab8cc;
  font-size:15px;
  line-height:1;
  padding:4px 6px;
  border-radius:50%;
  transition:color .15s,background .15s;
  display:none;
  flex-shrink:0;
  align-items:center;
  justify-content:center
}
.clear-btn:hover{color:var(--primary);background:var(--primary-light)}
.clear-btn.visible{display:flex}
.s-btn{
  background:var(--primary-mid);
  color:white;
  border:none;
  padding:8px 22px;
  border-radius:var(--radius-sm);
  font-family:'NanumSquareNeo',sans-serif;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  transition:background .18s;
  white-space:nowrap;
}
.s-btn:hover{background:var(--primary)}

.result-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 14px;
  font-size:12px;
  color:var(--text-muted);
  border:1px solid var(--border);
  border-radius:8px;
  background:#fafcff;
  margin-bottom:12px;
}
.result-bar strong{
  color:var(--primary-mid);
  font-weight:800;
}

/* CARDS */
.cards{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.card{
  border:1px solid var(--border);
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  box-shadow:var(--shadow-xs);
  transition:
    box-shadow .22s ease,
    transform .22s ease,
    border-color .22s ease,
    background-color .22s ease;
}

.card:hover{
  border-color:#8fb3e6;
  background:#eef5ff;
  box-shadow:0 14px 34px rgba(30,58,95,.16);
  transform:translateY(-2px);
}

.card-head{
  display:flex;
  align-items:center;
  gap:0;
  cursor:pointer;
  background:#fff;
  transition:background-color .22s ease;
}

.card-head:hover{
  background:#eef5ff;
}
.card-num{
  width:62px;
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--primary);
  color:#fff;
  font-size:12px;
  font-weight:800;
  flex-shrink:0;
  transition:background-color .22s ease, color .22s ease;
}
.card-main{
  flex:1;
  padding:14px 16px;
  min-width:0;
}
.card-title{
  font-size:14px;
  font-weight:800;
  color:var(--primary);
  line-height:1.55;
  margin-bottom:4px;
  transition:color .22s ease;
}

.card-sub{
  font-size:12px;
  color:var(--text-muted);
  line-height:1.5;
  transition:color .22s ease;
}
.card:hover .card-num{
  background:#2a5298;
  color:#ffffff;
}

.card:hover .card-title{
  color:#163a6b;
}

.card:hover .card-sub{
  color:#4f6f95;
}
.card-arrow{
  width:48px;
  text-align:center;
  color:#6f84a0;
  font-size:12px;
  flex-shrink:0;
  transition:transform .2s ease, color .2s ease, text-shadow .2s ease;
}

.card-head:hover .card-arrow{
  color:#355f9e;
}

.card-arrow.open{
  transform:rotate(180deg);
  color:#0f8f5b;
  text-shadow:0 0 10px rgba(15,143,91,.18);
}
.card-body{
  display:none;
  border-top:1px solid var(--border-light);
  background:#fbfdff;
  padding:16px 18px 18px;
  transition:background-color .22s ease;
}

.card:hover .card-body{
  background:#f4f8ff;
}
.card-body.open{display:block}

.role-list{
  list-style:none;
}
.role-item{
  position:relative;
  padding-left:26px;
  margin-bottom:10px;
  font-size:13px;
  color:#222;
  line-height:1.8;
}
.role-item:last-child{margin-bottom:0}
.role-item .lbl{
  position:absolute;
  left:0;
  top:0;
  color:var(--primary-mid);
  font-weight:800;
}
.sub-list{
  list-style:none;
  margin-top:8px;
}
.sub-item{
  position:relative;
  padding-left:32px;
  margin-top:6px;
  font-size:13px;
  color:#333;
  line-height:1.8;
}
.sub-item .lbl{
  position:absolute;
  left:0;
  top:0;
  color:#6f84a0;
  font-weight:800;
}

.empty-state{
  display:none;
  text-align:center;
  padding:42px 20px;
  border:1px dashed var(--border);
  border-radius:10px;
  background:#fafcff;
  color:var(--text-muted);
  font-size:13px;
}
mark{
  background:#fff3a3;
  color:inherit;
  border-radius:2px;
  padding:0 1px;
}

/* FLOAT NAV */
.blue-float-nav{
  position:fixed;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:10px 8px;
  border-radius:24px;
  background:rgba(255,255,255,0.92);
  border:1px solid rgba(42,82,152,0.14);
  box-shadow:0 12px 32px rgba(30,58,95,0.14);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.blue-float-btn{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border:none;
  border-radius:18px;
  background:transparent;
  color:#2a5298;
  text-decoration:none;
  cursor:pointer;
  transition:all .22s ease;
}
.blue-float-btn:hover{
  background:#2a5298;
  color:#fff;
  transform:translateX(-2px);
}
.blue-float-btn svg{
  width:22px;
  height:22px;
  stroke:currentColor;
  flex-shrink:0;
}
.blue-float-label{
  position:absolute;
  right:62px;
  top:50%;
  transform:translateY(-50%);
  opacity:0;
  pointer-events:none;
  white-space:nowrap;
  padding:9px 12px;
  border-radius:12px;
  background:#2a5298;
  color:#fff;
  font-size:12.5px;
  font-weight:800;
  transition:all .18s ease;
}
.blue-float-btn:hover .blue-float-label{opacity:1}

@media(max-width:900px){
  .hero-inner{
    grid-template-columns:1fr;
  }
  .hero-stats{
    flex-direction:row;
    flex-wrap:wrap;
  }
}
@media(max-width:768px){
  .page-hero-wrap{padding:0 12px;margin-top:18px}
  .page-hero{padding:28px 18px 24px;border-radius:18px}
  .hero-title{font-size:34px}
  .hero-title-en{font-size:15px}
  .hero-desc{font-size:14px}
  .hero-card{min-width:110px;padding:12px 14px;border-radius:14px}
  .hero-card .v{font-size:15px}
  .main-wrap{padding:0 16px}
  .card-main{padding:12px 14px}
  .blue-float-nav{right:12px;padding:8px 6px;border-radius:20px}
  .blue-float-btn{width:42px;height:42px;border-radius:14px}
  .blue-float-btn svg{width:18px;height:18px}
  .blue-float-label{display:none}
}
</style>
</head>
<body>

<div class="page-hero-wrap">
  <div class="page-hero" id="top">
    <div class="hero-inner">
      <div class="hero-left">
        <div class="hero-left-top">
          <span class="hero-badge">INTEGRATED SAFETY REFERENCE</span>
        </div>

        <div class="hero-title-row">
          <div class="hero-title">관리감독자 유해·위험방지 업무 조회</div>
          <div class="hero-title-en">SUPERVISOR HAZARD PREVENTION DUTIES</div>
        </div>

        <div class="hero-desc">
          관리감독자가 작업 종류별로 수행해야 하는 유해·위험 방지 업무를
          관계 법령과 함께 한 화면에서 바로 확인할 수 있도록 정리한 페이지입니다
        </div>

        <div class="hero-tags">
          <span class="hero-tag">작업 종류 조회</span>
          <span class="hero-tag">관계 법령 확인</span>
          <span class="hero-tag">세부 직무 검색</span>
          <span class="hero-tag">실무형 카드 구성</span>
        </div>
      </div>            
    </div>
  </div>
</div>

<div class="main-wrap">

  <div class="section-box">
    <div class="section-head" onclick="toggleLaw()">
      <h2>관계법령</h2>
      <span class="toggle-ico" id="lawIco" style="transform:rotate(180deg)">▼</span>
    </div>
    <div class="section-body open" id="lawBody">
      <div class="law-box">
        <div class="law-title">「산업안전보건기준에 관한 규칙」 제5장 관리감독자의 직무, 사용의 제한 등</div>
        <div class="law-main">
          <strong>제35조(관리감독자의 유해ㆍ위험 방지 업무 등)</strong>  
          ① 사업주는 법 제16조제1항에 따른 관리감독자(건설업의 경우 직장ㆍ조장 및 반장의 지위에서 그 작업을 직접 지휘ㆍ감독하는 관리감독자를 말하며, 이하 “관리감독자”라 한다)로 하여금 <strong>별표 2</strong>에서 정하는 바에 따라 유해ㆍ위험을 방지하기 위한 업무를 수행하도록 하여야 한다
        </div>
        <div class="law-sub">
          별표 2에는 프레스등 작업, 목재가공용 기계 작업, 크레인 작업, 위험물 작업, 전기작업, 관리대상 유해물질 작업, 밀폐공간 작업 등 작업 종류별 관리감독자 업무가 구체적으로 정리되어 있습니다 
        </div>
      </div>
    </div>
  </div>

  <div class="section-box">
    <div class="section-head" style="cursor:default">
      <h2>작업 종류별 조회</h2>
      <span></span>
    </div>
    <div class="section-body open">
      <div class="search-bar">
        <svg class="ico" width="15" height="15" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
          <circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/>
        </svg>
        <input type="text" id="searchInput" placeholder="작업 종류 · 세부 업무 검색">
        <button class="clear-btn" id="clearBtn" onclick="clearSearch()">✕</button>
        <button class="s-btn" onclick="doSearch()">검색</button>
      </div>

      <div class="result-bar">
        <span>검색결과 <strong id="resultCount">0</strong>건</span>
        <span id="expandAllBtn" style="cursor:pointer;color:#2a5298;font-weight:800" onclick="toggleAll()">전체 펼치기</span>
      </div>

      <div class="cards" id="cards"></div>
      <div class="empty-state" id="emptyState">검색 결과가 없습니다</div>
    </div>
  </div>

</div>

<div class="blue-float-nav">
  <a class="blue-float-btn" href="https://safetysupport.co.kr/osh-integrated-lookup/">
    <span class="blue-float-label">목록으로</span>
    <svg viewBox="0 0 24 24" fill="none" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
      <line x1="8" y1="6" x2="21" y2="6"/>
      <line x1="8" y1="12" x2="21" y2="12"/>
      <line x1="8" y1="18" x2="21" y2="18"/>
      <line x1="3" y1="6" x2="3.01" y2="6"/>
      <line x1="3" y1="12" x2="3.01" y2="12"/>
      <line x1="3" y1="18" x2="3.01" y2="18"/>
    </svg>
  </a>
  <button class="blue-float-btn" onclick="window.scrollTo({top:0,behavior:'smooth'})">
    <span class="blue-float-label">맨 위로</span>
    <svg viewBox="0 0 24 24" fill="none" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
      <polyline points="18 15 12 9 6 15"/>
    </svg>
  </button>
  <button class="blue-float-btn" onclick="window.scrollTo({top:document.body.scrollHeight,behavior:'smooth'})">
    <span class="blue-float-label">맨 아래로</span>
    <svg viewBox="0 0 24 24" fill="none" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
      <polyline points="6 9 12 15 18 9"/>
    </svg>
  </button>
</div>

<script>
const DATA = [
  {
    no: 1,
    title: "프레스등을 사용하는 작업",
    ref: "제2편 제1장 제3절",
    items: [
      {label:"가.", text:"프레스등 및 그 방호장치를 점검하는 일"},
      {label:"나.", text:"프레스등 및 그 방호장치에 이상이 발견되면 즉시 필요한 조치를 하는 일"},
      {label:"다.", text:"프레스등 및 그 방호장치에 전환스위치를 설치했을 때 그 전환스위치의 열쇠를 관리하는 일"},
      {label:"라.", text:"금형의 부착·해체 또는 조정작업을 직접 지휘하는 일"}
    ]
  },
  {
    no: 2,
    title: "목재가공용기계를 취급하는 작업",
    ref: "제2편 제1장 제4절",
    items: [
      {label:"가.", text:"목재가공용 기계를 취급하는 작업을 지휘하는 일"},
      {label:"나.", text:"목재가공용 기계 및 그 방호장치를 점검하는 일"},
      {label:"다.", text:"목재가공용 기계 및 그 방호장치에 이상이 발견된 즉시 보고 및 필요한 조치를 하는 일"},
      {label:"라.", text:"작업 중 지그 및 공구 등의 사용상황을 감독하는 일"}
    ]
  },
  {
    no: 3,
    title: "크레인을 사용하는 작업",
    ref: "제2편 제1장 제9절 제2관·제3관",
    items: [
      {label:"가.", text:"작업방법과 근로자 배치를 결정하고 그 작업을 지휘하는 일"},
      {label:"나.", text:"재료의 결함 유무 또는 기구 및 공구의 기능을 점검하고 불량품을 제거하는 일"},
      {label:"다.", text:"작업 중 안전대 또는 안전모의 착용 상황을 감시하는 일"}
    ]
  },
  {
    no: 4,
    title: "위험물을 제조하거나 취급하는 작업",
    ref: "제2편 제2장 제1절",
    items: [
      {label:"가.", text:"작업을 지휘하는 일"},
      {label:"나.", text:"위험물을 제조하거나 취급하는 설비 및 그 설비의 부속설비가 있는 장소의 온도·습도·차광 및 환기상태 등을 수시로 점검하고 이상을 발견하면 즉시 필요한 조치를 하는 일"},
      {label:"다.", text:"나목에 따라 한 조치를 기록하고 보관하는 일"}
    ]
  },
  {
    no: 5,
    title: "건조설비를 사용하는 작업",
    ref: "제2편 제2장 제5절",
    items: [
      {label:"가.", text:"건조설비를 처음으로 사용하거나 건조방법 또는 건조물의 종류를 변경했을 때에는 근로자에게 미리 그 작업방법을 교육하고 작업을 직접 지휘하는 일"},
      {label:"나.", text:"건조설비가 있는 장소를 항상 정리정돈하고 그 장소에 가연성 물질을 두지 않도록 하는 일"}
    ]
  },
  {
    no: 6,
    title: "아세틸렌용접장치를 사용하는 금속의 용접·용단 또는 가열작업",
    ref: "제2편 제2장 제6절 제1관",
    items: [
      {label:"가.", text:"작업방법을 결정하고 작업을 지휘하는 일"},
      {label:"나.", text:"아세틸렌 용접장치의 취급에 종사하는 근로자로 하여금 작업요령을 준수하도록 하는 일"},
      {label:"다.", text:"아세틸렌 용접작업을 시작할 때에는 아세틸렌 용접장치를 점검하고 발생기 내부로부터 공기와 아세틸렌의 혼합가스를 배제하는 일"},
      {label:"라.", text:"안전기는 작업 중 그 수위를 쉽게 확인할 수 있는 장소에 놓고 1일 1회 이상 점검하는 일"},
      {label:"마.", text:"보온 또는 가열은 온수나 증기를 사용하는 등 안전한 방법으로 하도록 하는 일"},
      {label:"바.", text:"발생기 사용을 중지하였을 때에는 물과 잔류 카바이드가 접촉하지 않은 상태로 유지하는 일"},
      {label:"사.", text:"발생기를 수리·가공·운반 또는 보관할 때에는 아세틸렌 및 카바이드에 접촉하지 않은 상태로 유지하는 일"},
      {label:"아.", text:"작업에 종사하는 근로자의 보안경 및 안전장갑의 착용 상황을 감시하는 일"}
    ]
  },
  {
    no: 7,
    title: "가스집합용접장치의 취급작업",
    ref: "제2편 제2장 제6절 제2관",
    items: [
      {label:"가.", text:"작업방법을 결정하고 작업을 직접 지휘하는 일"},
      {label:"나.", text:"가스집합장치의 취급에 종사하는 근로자로 하여금 작업요령을 준수하도록 하는 일"},
      {label:"다.", text:"가스용기의 교환작업을 감시하는 일"},
      {label:"라.", text:"작업을 시작할 때에는 호스·취관·호스밴드 등의 기구를 점검하고 손상·마모가 있을 때 보수하거나 교환하는 일"},
      {label:"마.", text:"안전기는 작업 중 그 기능을 쉽게 확인할 수 있는 장소에 두고 1일 1회 이상 점검하는 일"},
      {label:"바.", text:"작업에 종사하는 근로자의 보안경 및 안전장갑의 착용 상황을 감시하는 일"}
    ]
  },
  {
    no: 8,
    title: "거푸집·동바리·노천굴착·흙막이 지보공·터널 굴착·구축물 해체 작업",
    ref: "제2편 제4장 관련",
    items: [
      {label:"가.", text:"안전한 작업방법을 결정하고 작업을 지휘하는 일"},
      {label:"나.", text:"재료·기구의 결함 유무를 점검하고 불량품을 제거하는 일"},
      {label:"다.", text:"작업 중 안전대 및 안전모 등 보호구 착용 상황을 감시하는 일"}
    ]
  },
  {
    no: 9,
    title: "높이 5미터 이상의 비계를 조립·해체하거나 변경하는 작업",
    ref: "제1편 제7장 제2절",
    items: [
      {label:"가.", text:"재료의 결함 유무를 점검하고 불량품을 제거하는 일"},
      {label:"나.", text:"기구·공구·안전대·안전모 등의 기능을 점검하고 불량품을 제거하는 일"},
      {label:"다.", text:"작업방법 및 근로자 배치를 결정하고 작업 진행 상태를 감시하는 일"},
      {label:"라.", text:"안전대와 안전모 등의 착용 상황을 감시하는 일"}
    ]
  },
  {
    no: 10,
    title: "달비계 작업",
    ref: "제1편 제7장 제4절",
    items: [
      {label:"가.", text:"작업용 섬유로프, 고정점, 구명줄, 작업대, 고리걸이용 철구 및 안전대 등의 결손 여부를 확인하는 일"},
      {label:"나.", text:"작업용 섬유로프 및 안전대 부착설비용 로프가 고정점에 풀리지 않는 매듭방법으로 결속되었는지 확인하는 일"},
      {label:"다.", text:"근로자가 작업대에 탑승하기 전 안전모 및 안전대를 착용하고 안전대를 구명줄에 체결했는지 확인하는 일"},
      {label:"라.", text:"작업방법 및 근로자 배치를 결정하고 작업 진행 상태를 감시하는 일"}
    ]
  },
  {
    no: 11,
    title: "발파작업",
    ref: "제2편 제4장 제2절 제2관",
    items: [
      {label:"가.", text:"점화 전에 점화작업에 종사하는 근로자가 아닌 사람에게 대피를 지시하는 일"},
      {label:"나.", text:"점화작업에 종사하는 근로자에게 대피장소 및 경로를 지시하는 일"},
      {label:"다.", text:"점화 전에 위험구역 내에서 근로자가 대피한 것을 확인하는 일"},
      {label:"라.", text:"점화순서 및 방법에 대하여 지시하는 일"},
      {label:"마.", text:"점화신호를 하는 일"},
      {label:"바.", text:"점화작업에 종사하는 근로자에게 대피신호를 하는 일"},
      {label:"사.", text:"발파 후 터지지 않은 장약이나 남은 장약의 유무, 용수의 유무 및 토사 등의 낙하 여부 등을 점검하는 일"},
      {label:"아.", text:"점화하는 사람을 정하는 일"},
      {label:"자.", text:"공기압축기의 안전밸브 작동 유무를 점검하는 일"},
      {label:"차.", text:"안전모 등 보호구 착용 상황을 감시하는 일"}
    ]
  },
  {
    no: 12,
    title: "채석을 위한 굴착작업",
    ref: "제2편 제4장 제2절 제5관",
    items: [
      {label:"가.", text:"대피방법을 미리 교육하는 일"},
      {label:"나.", text:"작업 시작 전 또는 폭우 후에는 토사 등의 낙하·균열·함수·용수·동결 상태를 점검하는 일"},
      {label:"다.", text:"발파 후에는 발파장소 및 그 주변의 토사 등의 낙하·균열 유무를 점검하는 일"}
    ]
  },
  {
    no: 13,
    title: "화물취급작업",
    ref: "제2편 제6장 제1절",
    items: [
      {label:"가.", text:"작업방법 및 순서를 결정하고 작업을 지휘하는 일"},
      {label:"나.", text:"기구 및 공구를 점검하고 불량품을 제거하는 일"},
      {label:"다.", text:"작업장소에는 관계근로자가 아닌 사람의 출입을 금지하는 일"},
      {label:"라.", text:"로프 등의 해체작업을 할 때에는 하대 위 화물의 낙하위험 유무를 확인하고 작업 착수를 지시하는 일"}
    ]
  },
  {
    no: 14,
    title: "부두와 선박에서의 하역작업",
    ref: "제2편 제6장 제2절",
    items: [
      {label:"가.", text:"작업방법을 결정하고 작업을 지휘하는 일"},
      {label:"나.", text:"통행설비·하역기계·보호구 및 기구·공구를 점검·정비하고 사용 상황을 감시하는 일"},
      {label:"다.", text:"주변 작업자 간의 연락을 조정하는 일"}
    ]
  },
  {
    no: 15,
    title: "전로 등 전기작업 또는 지지물의 설치·점검·수리·도장 작업",
    ref: "제2편 제3장",
    items: [
      {label:"가.", text:"작업구간 내의 충전전로 등 모든 충전 시설을 점검하는 일"},
      {label:"나.", text:"작업방법 및 그 순서를 결정하고 근로자를 교육하며 작업을 지휘하는 일"},
      {label:"다.", text:"보호구 또는 절연용 보호구 착용 상황을 감시하고 감전재해 요소를 제거하는 일"},
      {label:"라.", text:"작업 공구, 절연용 방호구 등의 결함 여부와 기능을 점검하고 불량품을 제거하는 일"},
      {label:"마.", text:"관계 근로자 외 출입을 금지하고 교통통제 등 작업 전반을 지휘·감시하는 일"},
      {label:"바.", text:"활선작업용 기구를 사용할 때 안전거리가 유지되는지 감시하는 일"},
      {label:"사.", text:"감전재해 등 각종 산업재해에 따른 신속한 응급처치를 할 수 있도록 근로자를 교육하는 일"}
    ]
  },
  {
    no: 16,
    title: "관리대상 유해물질을 취급하는 작업",
    ref: "제3편 제1장",
    items: [
      {label:"가.", text:"관리대상 유해물질에 오염되지 않도록 작업방법을 결정하고 작업을 지휘하는 업무"},
      {label:"나.", text:"취급 장소나 설비를 매월 1회 이상 순회점검하고 환기설비를 점검하여 필요한 조치를 하는 업무"},
      {label:"다.", text:"보호구의 착용 상황을 감시하는 업무"},
      {label:"라.", text:"탱크 내부 작업 시 필요한 조치를 했는지 확인하는 업무"},
      {label:"마.", text:"점검 및 조치 결과를 기록·관리하는 업무"}
    ]
  },
  {
    no: 17,
    title: "허가대상 유해물질 취급작업",
    ref: "제3편 제2장",
    items: [
      {label:"가.", text:"허가대상 유해물질을 들이마시거나 오염되지 않도록 작업수칙을 정하고 지휘하는 업무"},
      {label:"나.", text:"국소배기장치 등 건강장해 예방 장치를 매월 1회 이상 점검하는 업무"},
      {label:"다.", text:"근로자의 보호구 착용 상황을 점검하는 업무"}
    ]
  },
  {
    no: 18,
    title: "석면 해체·제거작업",
    ref: "제3편 제2장 제6절",
    items: [
      {label:"가.", text:"석면분진을 들이마시거나 오염되지 않도록 작업방법을 정하고 지휘하는 업무"},
      {label:"나.", text:"석면분진 포집장치, 음압기 등의 장비 이상 유무를 점검하고 필요한 조치를 하는 업무"},
      {label:"다.", text:"근로자의 보호구 착용 상황을 점검하는 업무"}
    ]
  },
  {
    no: 19,
    title: "고압작업",
    ref: "제3편 제5장",
    items: [
      {label:"가.", text:"작업방법을 결정하여 고압작업자를 직접 지휘하는 업무"},
      {label:"나.", text:"유해가스의 농도를 측정하는 기구를 점검하는 업무"},
      {label:"다.", text:"고압작업자의 입실·퇴실 시 인원 수를 점검하는 업무"},
      {label:"라.", text:"작업실 내부 압력을 적정한 상태로 유지하도록 하는 업무"},
      {label:"마.", text:"가압 또는 감압이 기준에 맞도록 조치하는 업무"},
      {label:"바.", text:"작업실 및 기압조절실 내 고압작업자의 건강 이상 발생 시 필요한 조치를 하는 업무"}
    ]
  },
  {
    no: 20,
    title: "밀폐공간 작업",
    ref: "제3편 제10장",
    items: [
      {label:"가.", text:"산소결핍 공기나 유해가스에 노출되지 않도록 작업 시작 전에 작업을 지휘하는 업무"},
      {label:"나.", text:"작업 장소의 공기가 적절한지를 작업 시작 전에 측정하는 업무"},
      {label:"다.", text:"측정장비·환기장치 또는 공기호흡기·송기마스크를 작업 시작 전에 점검하는 업무"},
      {label:"라.", text:"공기호흡기 또는 송기마스크의 착용을 지도하고 착용 상황을 점검하는 업무"}
    ]
  }
];

let filteredData = [...DATA];
let allOpen = false;

function escapeRegExp(string){
  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}
function highlightText(text, kw){
  if(!kw || !text) return text;
  return text.replace(new RegExp(escapeRegExp(kw), 'gi'), m => `<mark>${m}</mark>`);
}
function renderCards(list, kw=''){
  const cards = document.getElementById('cards');
  const emptyState = document.getElementById('emptyState');
  document.getElementById('resultCount').textContent = list.length;

  if(!list.length){
    cards.innerHTML = '';
    emptyState.style.display = 'block';
    return;
  }
  emptyState.style.display = 'none';

  cards.innerHTML = list.map(item => `
    <div class="card">
      <div class="card-head" onclick="toggleCard(${item.no})">
        <div class="card-num">${item.no}</div>
        <div class="card-main">
          <div class="card-title">${highlightText(item.title, kw)}</div>
          <div class="card-sub">${highlightText(item.ref, kw)}</div>
        </div>
        <div class="card-arrow ${allOpen ? 'open' : ''}" id="arrow-${item.no}">▼</div>
      </div>
      <div class="card-body ${allOpen ? 'open' : ''}" id="body-${item.no}">
        <ul class="role-list">
          ${item.items.map(row => `
            <li class="role-item">
              <span class="lbl">${row.label}</span>
              <span>${highlightText(row.text, kw)}</span>
            </li>
          `).join('')}
        </ul>
      </div>
    </div>
  `).join('');
}

function toggleCard(no){
  const body = document.getElementById('body-' + no);
  const arrow = document.getElementById('arrow-' + no);
  body.classList.toggle('open');
  arrow.classList.toggle('open');
}
function toggleAll(){
  allOpen = !allOpen;
  document.getElementById('expandAllBtn').textContent = allOpen ? '전체 접기' : '전체 펼치기';
  renderCards(filteredData, document.getElementById('searchInput').value.trim());
}
function doSearch(){
  const kw = document.getElementById('searchInput').value.trim().toLowerCase();

  filteredData = kw
    ? DATA.filter(item =>
        item.title.toLowerCase().includes(kw) ||
        item.ref.toLowerCase().includes(kw) ||
        item.items.some(row => row.text.toLowerCase().includes(kw))
      )
    : [...DATA];

  renderCards(filteredData, kw);
}
function clearSearch(){
  document.getElementById('searchInput').value = '';
  document.getElementById('clearBtn').classList.remove('visible');
  filteredData = [...DATA];
  renderCards(filteredData, '');
  document.getElementById('searchInput').focus();
}
document.getElementById('searchInput').addEventListener('input', function(){
  document.getElementById('clearBtn').classList.toggle('visible', this.value.length > 0);
  doSearch();
});
document.getElementById('searchInput').addEventListener('keydown', e => {
  if(e.key === 'Enter') doSearch();
  if(e.key === 'Escape') clearSearch();
});
function toggleLaw(){
  const body = document.getElementById('lawBody');
  const ico = document.getElementById('lawIco');
  body.classList.toggle('open');
  ico.style.transform = body.classList.contains('open') ? 'rotate(180deg)' : '';
}
renderCards(DATA, '');
</script>
</body>
</html>				</div>
				<div class="elementor-element elementor-element-ffdd70b elementor-widget elementor-widget-html" data-id="ffdd70b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div style="border:1px solid #b2cae0; border-radius:8px; padding:8px; overflow:hidden; background:#fff;">
  <!-- safetysupport_콘텐츠하단_반응형 -->
  <ins class="adsbygoogle"
       style="display:block"
       data-ad-client="ca-pub-3106752057307696"
       data-ad-slot="5220315587"
       data-ad-format="auto"
       data-full-width-responsive="true"></ins>
  <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
  </script>
</div>				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
