// Shared header, footer, breadcrumb components for PRISM site

function UtilityBar() {
  return (
    <div className="prism-utility">
      <div className="prism-utility-inner">
        <div>
          <a href="index.html"><i className="fas fa-home"></i> HOME</a>
          <span className="divider">|</span>
          <a href="#">사이트맵</a>
        </div>
        <div>
          <a href="#">ENGLISH</a>
          <span className="divider">|</span>
          <a href="#">로그인</a>
          <span className="divider">|</span>
          <a href="#">회원가입</a>
          <span className="divider">|</span>
          <a href="#"><i className="fas fa-question-circle"></i> 이용안내</a>
        </div>
      </div>
    </div>);

}

function Header({ active }) {
  const [megaOpen, setMegaOpen] = React.useState(false);
  const [mobileOpen, setMobileOpen] = React.useState(false);
  const menus = [
  {
    key: 'about', label: '연구원소개', href: 'about-intro.html',
    sub: [
    { label: '연구원장 인사말', href: 'about-greeting.html' },
    { label: '연구원 소개', href: 'about-intro.html' },
    { label: '등록현황', href: 'about-registration.html' },
    { label: '조직도', href: 'about-intro.html' },
    { label: '오시는길', href: 'about-location.html' }]

  },
  {
    key: 'research', label: '주요연구', href: 'research-cost.html',
    sub: [
    { label: '원가계산용역', href: 'research-cost.html' },
    { label: '학술연구용역', href: 'research-academic.html' },
    { label: '탄소 ESG 연구', href: 'research-esg.html' },
    { label: '개발부담금 계약금액 조정', href: 'research-burden.html' },
    { label: '물가조사 E/S', href: 'research-escalation.html' }]

  },
  {
    key: 'support', label: '고객지원', href: 'faq.html',
    sub: [
    { label: 'FAQ', href: 'faq.html' },
    { label: '상담신청', href: 'contact.html' }]

  },
  {
    key: 'info', label: '정보공개', href: 'info.html',
    sub: [
    { label: '공지사항', href: 'notice.html' },
    { label: '정보공개', href: 'info.html' },
    { label: '법령자료실', href: 'board-law.html' },
    { label: '물가자료실', href: 'board-price.html' },
    { label: '간행물자료실', href: 'board-publication.html' }]

  }];


  return (
    <>
      <header
        className={`prism-header prism-mega-host ${megaOpen ? 'is-mega-open' : ''}`}
        onMouseLeave={() => setMegaOpen(false)}>
        <div className="prism-header-inner">
          <a href="index.html" className="prism-logo">
            <img src="assets/logo.png" alt="산업경영환경연구원" style={{ display: 'block', height: "35px", width: "auto" }} />
            <div className="prism-logo-text" style={{ marginLeft: 12, fontSize: "20px" }}>
              <span style={{ marginLeft: 0, paddingLeft: 0, border: 'none' }}></span>
            </div>
          </a>
          <nav
            className="prism-nav prism-nav-mega"
            onMouseEnter={() => setMegaOpen(true)}>
            {menus.map((m) =>
            <div key={m.key} className="prism-nav-item">
                <a href={m.href || '#'} className={active === m.key ? 'active' : ''} style={{ fontSize: "20px" }}>{m.label}</a>
              </div>
            )}
          </nav>
          <div className="prism-header-actions">
            <button
              className="prism-icon-btn prism-hamburger"
              aria-label="메뉴 열기"
              onClick={() => setMobileOpen(true)}>
              <i className="fas fa-bars"></i>
            </button>
          </div>
        </div>
        <div
          className="prism-megapanel"
          aria-hidden={!megaOpen}
          onMouseEnter={() => setMegaOpen(true)}>
          <div className="prism-megapanel-inner">
            <div className="prism-megapanel-grid">
              {menus.map((m) =>
              <div key={m.key} className="prism-megapanel-col">
                <a href={m.href || '#'} className="prism-megapanel-title">{m.label}</a>
                <ul>
                  {m.sub.map((s, i) =>
                  <li key={i}><a href={s.href}>{s.label}</a></li>
                  )}
                </ul>
              </div>
              )}
            </div>
          </div>
        </div>
      </header>
      <div className={`prism-mega-backdrop ${megaOpen ? 'is-active' : ''}`} aria-hidden="true"></div>

      {/* Mobile slide-in drawer */}
      <div
        className={`prism-mobile-overlay ${mobileOpen ? 'is-open' : ''}`}
        onClick={() => setMobileOpen(false)}
        aria-hidden="true"></div>
      <aside className={`prism-mobile-drawer ${mobileOpen ? 'is-open' : ''}`} aria-hidden={!mobileOpen}>
        <div className="prism-mobile-drawer-head">
          <span className="prism-mobile-drawer-title">전체 메뉴</span>
          <button className="prism-icon-btn" aria-label="메뉴 닫기" onClick={() => setMobileOpen(false)}>
            <i className="fas fa-times"></i>
          </button>
        </div>
        <nav className="prism-mobile-drawer-nav">
          {menus.map((m) =>
          <div key={m.key} className="prism-mobile-section">
            <a href={m.href || '#'} className="prism-mobile-section-title">{m.label}</a>
            <ul>
              {m.sub.map((s, i) =>
              <li key={i}><a href={s.href}>{s.label}</a></li>
              )}
            </ul>
          </div>
          )}
        </nav>
      </aside>
    </>);
}

function Breadcrumb({ items }) {
  return (
    <div className="prism-breadcrumb">
      <div className="prism-breadcrumb-inner">
        <a href="index.html"><i className="fas fa-home"></i></a>
        {items.map((it, i) =>
        <React.Fragment key={i}>
            <span className="sep"><i className="fas fa-chevron-right"></i></span>
            {i === items.length - 1 ?
          <span className="current">{it.label}</span> :

          <a href={it.href || '#'}>{it.label}</a>
          }
          </React.Fragment>
        )}
      </div>
    </div>);

}

function PageTitle({ title, subtitle }) {
  return (
    <div className="prism-page-title">
      <div className="prism-container">
        <h1>{title}</h1>
        {subtitle && <p>{subtitle}</p>}
      </div>
    </div>);

}

const POLICY_CONTENT = {
  privacy: {
    title: '개인정보처리방침',
    body: (
      <>
        <p>재단법인 산업경영환경연구원(이하 "기관")은 「개인정보 보호법」 제30조에 따라 정보주체의 개인정보를 보호하고 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보처리방침을 수립·공개합니다.</p>
        <h4>제1조 (개인정보의 처리 목적)</h4>
        <p>기관은 다음의 목적을 위하여 개인정보를 처리합니다. 처리하는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며, 이용 목적이 변경되는 경우에는 「개인정보 보호법」 제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다.</p>
        <ul>
          <li>홈페이지 문의 및 상담 처리: 문의 접수, 사실 확인을 위한 연락·통지, 처리 결과 회신</li>
          <li>연구·자문 등 서비스 제공: 용역 문의 대응, 제안·계약 관련 연락, 관련 자료 송부</li>
          <li>뉴스레터 및 소식 발송(수신 동의자에 한함): 간행물·행사·연구 소식 안내</li>
        </ul>
        <h4>제2조 (개인정보의 처리 및 보유 기간)</h4>
        <p>① 기관은 법령에 따른 개인정보 보유·이용 기간 또는 정보주체로부터 개인정보를 수집 시에 동의받은 보유·이용 기간 내에서 개인정보를 처리·보유합니다.</p>
        <p>② 각각의 개인정보 처리 및 보유 기간은 다음과 같습니다.</p>
        <table className="policy-table">
          <thead><tr><th>처리 목적</th><th>보유 기간</th><th>근거</th></tr></thead>
          <tbody>
            <tr><td>홈페이지 문의·상담</td><td>처리 완료 후 3년</td><td>정보주체 동의</td></tr>
            <tr><td>용역 문의·계약 관련</td><td>계약 종료 후 5년</td><td>상법 등 관련 법령</td></tr>
            <tr><td>뉴스레터 발송</td><td>수신 동의 철회 시까지</td><td>정보주체 동의</td></tr>
          </tbody>
        </table>
        <p>③ 관계 법령에서 별도의 보존 기간을 정한 경우에는 해당 기간을 따릅니다.</p>
        <h4>제3조 (처리하는 개인정보의 항목)</h4>
        <p>기관은 다음의 개인정보 항목을 처리하고 있습니다.</p>
        <p><strong>1. 홈페이지 문의·상담</strong></p>
        <ul>
          <li>필수항목: 성명, 연락처(전화번호 또는 이메일), 문의 내용</li>
          <li>선택항목: 소속(기관·회사명)</li>
        </ul>
        <p><strong>2. 뉴스레터 구독</strong></p>
        <ul><li>필수항목: 이메일</li></ul>
        <p><strong>3. 인터넷 서비스 이용 과정에서 자동으로 생성·수집되는 정보</strong></p>
        <ul><li>IP 주소, 쿠키, 접속 일시, 서비스 이용 기록, 브라우저 종류 등</li></ul>
        <h4>제4조 (개인정보의 제3자 제공)</h4>
        <p>① 기관은 정보주체의 개인정보를 제1조에서 명시한 범위 내에서만 처리하며, 정보주체의 동의, 법률의 특별한 규정 등 「개인정보 보호법」 제17조 및 제18조에 해당하는 경우에만 개인정보를 제3자에게 제공합니다.</p>
        <p>② 기관은 현재 정보주체의 개인정보를 제3자에게 제공하고 있지 않습니다. 향후 제공이 필요한 경우 제공받는 자, 제공 목적, 제공 항목, 보유·이용 기간을 사전에 고지하고 동의를 받겠습니다.</p>
        <h4>제5조 (개인정보 처리업무의 위탁)</h4>
        <p>① 기관은 원활한 개인정보 업무 처리를 위하여 필요한 경우 개인정보 처리업무를 위탁할 수 있으며, 위탁 시 위탁받는 자와 위탁 업무를 본 방침을 통해 공개합니다.</p>
        <p>② 위탁계약 체결 시 「개인정보 보호법」 제26조에 따라 위탁업무 수행 목적 외 개인정보 처리 금지, 안전성 확보조치, 재위탁 제한, 수탁자에 대한 관리·감독, 손해배상 등 책임에 관한 사항을 계약서 등 문서에 명시하고, 수탁자가 개인정보를 안전하게 처리하는지를 감독합니다.</p>
        <p>③ 현재 위탁하는 업무는 없으며, 위탁 내용이 변경되는 경우 지체 없이 본 방침을 통해 공개하겠습니다.</p>
        <h4>제6조 (개인정보의 파기 절차 및 방법)</h4>
        <p>① 기관은 개인정보 보유 기간의 경과, 처리 목적 달성 등 개인정보가 불필요하게 되었을 때에는 지체 없이 해당 개인정보를 파기합니다.</p>
        <p>② 파기 절차 및 방법은 다음과 같습니다.</p>
        <ul>
          <li>파기 절차: 파기 사유가 발생한 개인정보를 선정하고, 개인정보 보호책임자의 승인을 받아 파기합니다.</li>
          <li>파기 방법: 전자적 파일 형태의 정보는 복구·재생이 불가능한 방법으로 영구 삭제하며, 종이 문서에 기록된 개인정보는 분쇄기로 분쇄하거나 소각합니다.</li>
        </ul>
        <h4>제7조 (정보주체와 법정대리인의 권리·의무 및 행사방법)</h4>
        <p>① 정보주체는 기관에 대해 언제든지 개인정보 열람·정정·삭제·처리정지 요구 등의 권리를 행사할 수 있습니다.</p>
        <p>② 권리 행사는 서면, 전자우편 등을 통하여 하실 수 있으며, 기관은 이에 대해 지체 없이 조치하겠습니다.</p>
        <p>③ 정보주체가 개인정보의 오류 등에 대한 정정 또는 삭제를 요구한 경우에는 정정 또는 삭제를 완료할 때까지 해당 개인정보를 이용하거나 제공하지 않습니다.</p>
        <p>④ 권리 행사는 정보주체의 법정대리인이나 위임을 받은 자 등 대리인을 통하여 하실 수 있으며, 이 경우 「개인정보 처리 방법에 관한 고시」 별지 제11호 서식에 따른 위임장을 제출하셔야 합니다.</p>
        <h4>제8조 (개인정보의 안전성 확보조치)</h4>
        <p>기관은 「개인정보 보호법」 제29조에 따라 다음과 같은 안전성 확보에 필요한 조치를 취하고 있습니다.</p>
        <ul>
          <li>관리적 조치: 내부관리계획 수립·시행, 개인정보 취급자 최소화 및 교육</li>
          <li>기술적 조치: 개인정보처리시스템 접근권한 관리, 접근통제시스템 설치, 개인정보의 암호화, 보안프로그램 설치 및 갱신</li>
          <li>물리적 조치: 자료 보관 장소에 대한 접근 통제</li>
        </ul>
        <h4>제9조 (개인정보 자동 수집 장치의 설치·운영 및 거부에 관한 사항)</h4>
        <p>① 기관은 이용자에게 맞춤형 서비스를 제공하기 위하여 이용정보를 저장하고 수시로 불러오는 '쿠키(cookie)'를 사용할 수 있습니다.</p>
        <p>② 쿠키는 웹사이트 운영에 이용되는 서버가 이용자의 브라우저에 보내는 소량의 정보이며 이용자의 컴퓨터 저장장치에 저장되기도 합니다.</p>
        <p>③ 이용자는 웹브라우저 설정을 통해 쿠키 저장을 거부할 수 있습니다. 다만 쿠키 저장을 거부할 경우 일부 서비스 이용에 어려움이 발생할 수 있습니다.</p>
        <ul><li>설정 방법 예시(Chrome): 설정 → 개인정보 및 보안 → 쿠키 및 기타 사이트 데이터</li></ul>
        <h4>제10조 (개인정보 보호책임자)</h4>
        <p>① 기관은 개인정보 처리에 관한 업무를 총괄해서 책임지고, 개인정보 처리와 관련한 정보주체의 불만 처리 및 피해 구제 등을 위하여 아래와 같이 개인정보 보호책임자를 지정하고 있습니다.</p>
        <table className="policy-table">
          <tbody>
            <tr><th>성명</th><td>이서준</td></tr>
            <tr><th>직책</th><td>실장</td></tr>
            <tr><th>연락처</th><td>031-522-6803</td></tr>
            <tr><th>이메일</th><td>ecost21@daum.net</td></tr>
          </tbody>
        </table>
        <p>② 정보주체는 기관의 서비스를 이용하면서 발생한 모든 개인정보 보호 관련 문의, 불만 처리, 피해 구제 등에 관한 사항을 개인정보 보호책임자에게 문의할 수 있으며, 기관은 지체 없이 답변 및 처리해 드리겠습니다.</p>
        <h4>제11조 (정보주체의 권익침해에 대한 구제방법)</h4>
        <p>정보주체는 개인정보 침해로 인한 구제를 받기 위하여 아래 기관에 분쟁 해결이나 상담 등을 신청할 수 있습니다.</p>
        <ul>
          <li>개인정보분쟁조정위원회: (국번 없이) 1833-6972 / www.kopico.go.kr</li>
          <li>개인정보침해신고센터: (국번 없이) 118 / privacy.kisa.or.kr</li>
          <li>대검찰청 사이버수사과: (국번 없이) 1301 / www.spo.go.kr</li>
          <li>경찰청 사이버수사국: (국번 없이) 182 / ecrm.police.go.kr</li>
        </ul>
        <h4>제12조 (개인정보처리방침의 변경)</h4>
        <p>① 이 개인정보처리방침은 2026년 7월 1일부터 적용됩니다.</p>
        <p>② 법령·정책 또는 보안기술의 변경에 따라 내용의 추가·삭제 및 수정이 있을 경우에는 변경사항의 시행 7일 전부터 홈페이지를 통하여 변경 이유 및 내용 등을 공지하겠습니다.</p>
        <p className="policy-meta">시행일자: 2026년 7월 1일<br/>재단법인 산업경영환경연구원 | 대표: 이윤구 원장 | 주소: 경기도 구리시 갈매중앙로 190 | 전화: 031-522-6803 | 이메일: ecost21@daum.net</p>
      </>
    )
  },
  copyright: {
    title: '저작권정책',
    body: (
      <>
        <p>재단법인 산업경영환경연구원(이하 "기관")은 홈페이지를 통해 제공되는 콘텐츠의 저작권을 보호하고 이용자의 정당한 이용을 보장하기 위하여 다음과 같이 저작권정책을 수립·공개합니다.</p>
        <h4>제1조 (저작권의 귀속)</h4>
        <p>① 기관 홈페이지에 게시된 자료(연구보고서, 간행물, 문서, 이미지, 도표, 영상, 디자인, 프로그램 등 일체의 콘텐츠)에 대한 저작권 및 기타 지식재산권은 별도의 표시가 없는 한 기관에 귀속됩니다.</p>
        <p>② 다만, 외부 기관·개인으로부터 제공받았거나 인용한 자료의 저작권은 해당 저작권자에게 귀속되며, 기관은 이를 적법한 권한 범위 내에서 게시합니다.</p>
        <h4>제2조 (저작물의 이용)</h4>
        <p>① 이용자는 기관이 제공하는 콘텐츠를 비영리 목적의 개인적 이용, 학술·연구·교육 목적의 인용에 한하여 이용할 수 있습니다.</p>
        <p>② 제1항에 따라 콘텐츠를 이용하는 경우에도 다음의 출처를 명시하여야 합니다.</p>
        <ul><li>출처 표기 예시: "재단법인 산업경영환경연구원, 『자료명』, 발행연도"</li></ul>
        <p>③ 다음 각 호의 행위는 기관의 사전 서면 동의 없이는 금지됩니다.</p>
        <ul>
          <li>콘텐츠의 전부 또는 일부를 복제·배포·전송·전시·공연·방송하는 행위</li>
          <li>콘텐츠를 변형·편집·2차적저작물 작성에 이용하는 행위</li>
          <li>콘텐츠를 영리 목적으로 이용하는 행위</li>
          <li>출처를 표시하지 않거나 저작자를 허위로 표시하는 행위</li>
        </ul>
        <h4>제3조 (공공저작물 등 별도 표시 자료)</h4>
        <p>콘텐츠 중 「공공누리(KOGL)」 유형 표시가 있는 자료, 크리에이티브 커먼즈(CC) 라이선스 표시가 있는 자료 등은 각 표시된 이용조건에 따라 이용할 수 있습니다. 이 경우 해당 이용조건이 본 정책에 우선합니다.</p>
        <h4>제4조 (제3자 저작권의 보호 및 침해 신고)</h4>
        <p>① 기관은 타인의 저작권을 존중하며, 홈페이지 운영 과정에서 제3자의 저작권을 침해하지 않도록 노력합니다.</p>
        <p>② 기관 홈페이지의 콘텐츠가 자신의 저작권을 침해한다고 판단하는 자는 아래 사항을 기재하여 기관에 침해 신고를 할 수 있습니다.</p>
        <ul>
          <li>신고인의 성명 및 연락처</li>
          <li>침해받았다고 주장하는 저작물의 특정</li>
          <li>침해가 발생한 게시물의 위치(URL 등)</li>
          <li>저작권자 본인이거나 정당한 권한이 있음을 소명할 수 있는 자료</li>
        </ul>
        <p>③ 기관은 신고 접수 후 사실관계를 확인하여 침해가 인정되는 경우 해당 콘텐츠의 게시 중단·삭제 등 필요한 조치를 취합니다.</p>
        <ul><li>신고 접수처: ecost21@daum.net / 031-522-6803</li></ul>
        <h4>제5조 (링크 정책)</h4>
        <p>① 기관 홈페이지에 대한 단순 링크(텍스트·로고를 통한 연결)는 원칙적으로 자유롭게 설정할 수 있습니다.</p>
        <p>② 다만, 기관 홈페이지를 다른 사이트의 프레임 내에 포함시키거나, 콘텐츠를 자신의 것처럼 오인하게 하는 방식의 링크는 금지됩니다.</p>
        <h4>제6조 (면책)</h4>
        <p>① 기관은 홈페이지에 게시된 정보의 정확성·완전성을 확보하기 위해 노력하나, 정보의 이용으로 인하여 발생한 손해에 대하여는 법령이 정한 경우를 제외하고 책임을 지지 않습니다.</p>
        <p>② 기관 홈페이지에 연결된 외부 사이트의 콘텐츠 및 저작권에 대하여는 해당 사이트의 정책이 적용되며, 기관은 이에 대하여 책임을 지지 않습니다.</p>
        <h4>제7조 (권리 침해에 대한 조치)</h4>
        <p>본 정책 및 저작권법을 위반하여 기관의 저작권을 침해한 자에 대하여 기관은 저작권법 등 관련 법령에 따라 민·형사상의 책임을 물을 수 있습니다.</p>
        <p className="policy-meta">시행일자: 2026년 7월 1일<br/>재단법인 산업경영환경연구원</p>
      </>
    )
  },
  email: {
    title: '이메일무단수집거부',
    body: (
      <>
        <p>본 웹사이트에 게시된 이메일 주소가 전자우편 수집 프로그램이나 그 밖의 기술적 장치를 이용하여 무단으로 수집되는 것을 거부하며, 이를 위반 시 「정보통신망 이용촉진 및 정보보호 등에 관한 법률」에 의하여 형사처벌됨을 유념하시기 바랍니다.</p>
        <h4>관련 법령</h4>
        <p><strong>「정보통신망 이용촉진 및 정보보호 등에 관한 법률」</strong></p>
        <p><strong>제50조의2 (전자우편주소의 무단 수집행위 등 금지)</strong></p>
        <p>① 누구든지 인터넷 홈페이지 운영자 또는 관리자의 사전 동의 없이 인터넷 홈페이지에서 자동으로 전자우편주소를 수집하는 프로그램이나 그 밖의 기술적 장치를 이용하여 전자우편주소를 수집하여서는 아니 된다.</p>
        <p>② 누구든지 제1항을 위반하여 수집된 전자우편주소를 판매·유통하여서는 아니 된다.</p>
        <p>③ 누구든지 제1항 및 제2항에 따라 수집·판매 및 유통이 금지된 전자우편주소임을 알면서 이를 정보 전송에 이용하여서는 아니 된다.</p>
        <p><strong>제74조 (벌칙)</strong></p>
        <p>① 다음 각 호의 어느 하나에 해당하는 자는 1년 이하의 징역 또는 1천만원 이하의 벌금에 처한다.</p>
        <ul><li>5. 제50조의2를 위반하여 전자우편주소를 수집·판매·유통하거나 정보 전송에 이용한 자</li></ul>
        <h4>피해 신고 안내</h4>
        <p>기술적 장치를 사용한 이메일 주소 무단수집 피해를 당하신 경우, 한국인터넷진흥원(KISA) 불법스팸대응센터를 통하여 신고하실 수 있습니다.</p>
        <ul>
          <li>전화: (국번 없이) 118</li>
          <li>홈페이지: https://spam.kisa.or.kr</li>
        </ul>
        <p className="policy-meta">게시일: 2026년 7월 1일 · 재단법인 산업경영환경연구원</p>
      </>
    )
  }
};

function PolicyModal({ policyKey, onClose }) {
  if (!policyKey) return null;
  const policy = POLICY_CONTENT[policyKey];
  return (
    <div className="policy-overlay" onClick={onClose}>
      <div className="policy-modal" onClick={(e) => e.stopPropagation()}>
        <div className="policy-modal-head">
          <h2>{policy.title}</h2>
          <button className="policy-close" aria-label="닫기" onClick={onClose}><i className="fas fa-times"></i></button>
        </div>
        <div className="policy-modal-body">{policy.body}</div>
      </div>
    </div>
  );
}

function Footer() {
  const [policy, setPolicy] = React.useState(null);
  const open = (key) => (e) => { e.preventDefault(); setPolicy(key); };
  return (
    <footer className="prism-footer">
      <div className="prism-footer-inner">
        <div className="prism-footer-top">
          <div className="prism-footer-links">
            <a href="#" className="highlight" onClick={open('privacy')}>개인정보처리방침</a>
            <a href="#" onClick={open('copyright')}>저작권정책</a>
            <a href="#" onClick={open('email')}>이메일무단수집거부</a>
            <a href="#">사이트맵</a>
            <a href="about-location.html">찾아오시는 길</a>
          </div>
          <div style={{ display: 'flex', gap: 8, alignItems: 'center' }}>
            <span style={{ fontSize: 12, color: '#9ca3af', fontWeight: 700 }}>FAMILY SITES</span>
            <select onChange={(e) => {if (e.target.value) window.open(e.target.value, '_blank');e.target.selectedIndex = 0;}}>
              <option value="">부처 웹사이트 바로가기</option>
              <option value="https://www.msit.go.kr/index.do">과학기술정보통신부</option>
              <option value="https://www.mofe.go.kr/">재정경제부</option>
              <option value="https://www.molit.go.kr/portal.do">국토교통부</option>
              <option value="https://www.mcee.go.kr/home/web/main.do">기후에너지환경부</option>
              <option value="https://www.motir.go.kr/">산업통상부</option>
              <option value="https://netzero.or.kr/">연구원 기후환경센터</option>
            </select>
          </div>
        </div>
        <div className="prism-footer-main">
          <div className="prism-footer-info">
            <img src="assets/logo.png" alt="산업경영환경연구원" style={{ height: 48, display: 'block', marginBottom: 14, filter: 'brightness(0) invert(1)', opacity: 0.95 }} />
            <p className="addr">(11901) 경기도 구리시 갈매중앙로 190 D동 6074호 (휴밸나인지식센터)</p>
            <p>대표전화: 031-522-6803  |  팩스: 031-522-6804  |  이메일: ecost21@daum.net</p>
            <p className="copy">Copyright © Indstrial Management Environment Institute. All rights reserved.</p>
          </div>
          <div className="prism-footer-badges">
            <div className="prism-footer-badge">
              <div>
                <div>WEB</div>
                <div style={{ marginTop: 2 }}>ACCESS<br />IBILITY</div>
              </div>
            </div>
            <div className="prism-footer-badge" style={{ background: '#1e3a8a', color: 'white' }}>
              <div>
                <div>ISO</div>
                <div style={{ marginTop: 2 }}>27001</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <PolicyModal policyKey={policy} onClose={() => setPolicy(null)} />
    </footer>);

}

Object.assign(window, { Header, Footer, Breadcrumb, PageTitle, UtilityBar });