
<!DOCTYPE html>
<html lang="ko">
  <head id="head">
    <!-- Head -->
    
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  <!-- ios 전화번호 컬러 변경 방지 -->
  <meta name="format-detection" content="telephone=no" />
  
  <title>현대제철 홈페이지</title>
  
  <meta name="description" content="현대제철은 자동차, 건설, 에너지 산업을 위한 고성능 철강 솔루션을 제공하며, 지속가능한 미래를 위한 혁신을 선도합니다." />
  <meta property="og:type" content="website" />
  <!-- 게시물일경우 게시물제목과 내용이 들어가야함. -->
  
  <meta property="og:title" content="현대제철 홈페이지" />
  
  <meta property="og:description" content="현대제철은 자동차, 건설, 에너지 산업을 위한 고성능 철강 솔루션을 제공하며, 지속가능한 미래를 위한 혁신을 선도합니다." />
  <meta property="og:image" content="https://www.hyundai-steel.com/kr/image/common/logo.gif" />
  <meta name="google-site-verification" content="zeqKUGIFLj1xcYOo6oxtYxTq12tCgIBde-WmZaYfjOA" />
  <meta name="naver-site-verification" content="0cdc5a3806ebd89b819e595946657a03dc9c8f44" /> 
  <link rel="shortcut icon" type="image/x-icon" href="/resources/images/favicon.ico" />
  <link rel="stylesheet" href="/resources/css/style.css" />
  <link rel="stylesheet" href="/resources/css/jquery-ui.css" />
  <script src="/resources/js/jquery-3.6.3.min.js"></script>
  <script src="/resources/js/jquery-ui.js"></script>
  <script src="/resources/js/swiper.min.js"></script>
  <script src="/resources/js/gsap.min.js"></script>
  <script src="/resources/js/ScrollTrigger.min.js"></script>
  <script src="/resources/js/ui.js"></script>
  <script src="/resources/js/swiper.js"></script>
  <script src="/resources/js/menu.js"></script>
  <script src="/resources/js/contents.js"></script>
  <script src="/resources/js/datepicker.js"></script>
  <script src="/resources/js/common.js"></script>

    <!-- //Head -->
    <script src="../resources/js/ScrollSmoother.min.js"></script>
    <script src="../resources/js/ScrollToPlugin.min.js"></script>
    <script src="../resources/js/main.js"></script>
  </head>
  <body>
    <div id="wrap">
      <!-- 공지사항 레이어팝업 -->
      <div class="notice-pop-wrap">
        <div class="notice-pop-inner">
          <div class="notice-pop-content">
            <a href="#"><img src="https://picsum.photos/535/780" alt="" /></a>
            <button type="button" class="btn-close"><span class="blind">닫기</span></button>
          </div>
        </div>
      </div>
      <!--// 공지사항 레이어팝업 -->

      <!-- Header -->
      
  <header id="header" class="header">
    <div class="inner">
      <h1 class="logo">
        <a href="/kr/index"><span class="blind">HYUNDAI-STEEL</span></a>
      </h1>

      <button class="btn-prev wide-hide"><span class="blind">이전페이지로 이동</span></button>

      <div class="right-area">
        <ul class="lang">
          <li><a href="/?lang=kr" class="is-active">한국어</a></li>
          <li><a href="/?lang=en">English</a></li>
        </ul>
        <!-- 네비게이션 버튼 -->
        <div class="nav-menu-btn">
          <button class="nav-btn" data-menu="toggle">
            <span></span>
            <span></span>
            <span></span>
          </button>
        </div>
        <!--// 네비게이션 버튼-->
      </div>
    </div>

    <!-- 네비게이션 -->
    <div class="nav-wrap">
      <div class="nav-inner">
        <!-- 메뉴 -->
        <nav class="sitemap-nav">
          <div class="sitemap-list">
            <div class="sitemap-depth1">
              <h2 class="tit-depth1"><a href="/kr/company/hyundaisteel-story">회사소개</a></h2>
              <div class="sitemap-depth2-wrap">
                <h2 class="tit narrow-only">회사소개</h2>
                <ul class="sitemap-depth2">
                  <li><a href="/kr/company/hyundaisteel-story">현대제철 이야기</a></li>
                  <li><a href="/kr/company/history">역사관</a></li>
                  <li><a href="/kr/company/network">글로벌 네트워크</a></li>
                  <li><a href="/kr/company/media-library">PR 라이브러리</a></li>
                  <li><a href="https://redangels.hyundai-steel.com" class="target" target="_blank">현대제철 레드엔젤스</a></li>
                  <li><a href="https://archery.hyundai-steel.com" class="target" target="_blank">현대제철 남자양궁단</a></li>
                </ul>
              </div>
            </div>
            <div class="sitemap-depth1">
              <h2 class="tit-depth1"><a href="/kr/sustainability/esg">지속가능​</a></h2>
              <div class="sitemap-depth2-wrap">
                <h2 class="tit narrow-only">지속가능​</h2>
                <ul class="sitemap-depth2">
                  <li><a href="/kr/sustainability/esg">지속가능경영​</a></li>
                  <li><a href="/kr/sustainability/carbon-neutral">탄소중립</a></li>
				  <li><a href="/kr/sustainability/quality">품질경영</a></li>
                  <li><a href="/kr/sustainability/environment">환경경영</a></li>
                  <li>
                    <a href="/kr/sustainability/ethics-compliance">윤리<span class="middot">∙</span>준법경영</a>
                  </li>
                  <li><a href="/kr/sustainability/safety-health">안전보건경영</a></li>
                  <li><a href="/kr/sustainability/shared-growth">동반성장</a></li>
                  <li><a href="/kr/sustainability/csr">사회공헌</a></li>
				  
                </ul>
              </div>
            </div>
            <div class="sitemap-depth1">
              <h2 class="tit-depth1"><a href="/kr/product-tech/product-tech-home">제품∙기술</a></h2>
              <div class="sitemap-depth2-wrap">
                <h2 class="tit narrow-only">제품∙기술</h2>
                <ul class="sitemap-depth2">
                  <li>
                    <a href="/kr/product-tech/product-tech-home">제품<span class="middot">∙</span>기술 홈</a>
                  </li>
                </ul>
                <div class="depth2-group-wrap">
                  <dl class="depth2-group">
                    <dt>제품</dt>
                    <dd>
                      <ul class="sitemap-depth2">
                        <li><a href="/kr/product-tech/hot-rolled">열연</a></li>
                        <li><a href="/kr/product-tech/cold-rolled">냉연</a></li>
                        <li><a href="/kr/product-tech/plate">후판</a></li>
                        <li><a href="/kr/product-tech/mobility-parts">모빌리티부품</a></li>
                        <li><a href="/kr/product-tech/sections">형강</a></li>
                        <li><a href="/kr/product-tech/rebar">철근</a></li>
                        <li><a href="/kr/product-tech/special-steel">특수강</a></li>
                        <li><a href="/kr/product-tech/rolls">롤</a></li>
                        <li><a href="/kr/product-tech/heavy-machinery">중기</a></li>
                      </ul>
                    </dd>
                  </dl>
                  <div class="dl-wrap">
                    <dl class="depth2-group">
                      <dt>기술 및 사양</dt>
                      <dd>
                        <ul class="sitemap-depth2">
                          <li><a href="/kr/product-tech/rnd" class="eng">R&D</a></li>
                          <li><a href="/kr/product-tech/catalog">카탈로그</a></li>
                          <li><a href="/kr/product-tech/certifications">인증현황</a></li>
                        </ul>
                      </dd>
                    </dl>
                    <dl class="depth2-group">
                      <dt>브랜드</dt>
                      <dd>
                        <ul class="sitemap-depth2">
                          <li><a href="https://ae.hyundai-steel.com/hsMain" class="target eng" target="_blank">H-Solution</a></li>
                          <li><a href="https://ae.hyundai-steel.com/dist/main" class="target eng" target="_blank">H CORE</a></li>
                          <li><a href="https://hcorestore.hyundai-steel.com/" class="target eng" target="_blank">HCORE Store</a></li>
                        </ul>
                      </dd>
                    </dl>
                  </div>
                </div>
              </div>
            </div>
            <div class="sitemap-depth1">
              <h2 class="tit-depth1"><a href="/kr/ir/ir-home">투자정보</a></h2>
              <div class="sitemap-depth2-wrap">
                <h2 class="tit narrow-only">투자정보</h2>
                <ul class="sitemap-depth2">
                  <li><a href="/kr/ir/ir-home">투자정보 홈</a></li>
                  <li><a href="/kr/ir/business-info">경영정보</a></li>
                  <li><a href="/kr/ir/business-notice">공시 및 공고</a></li>
                  <li><a href="/kr/ir/financial">재무정보</a></li>
                  <li><a href="/kr/ir/ir-events">IR 이벤트</a></li>
                  <li><a href="/kr/ir/stock">주식정보</a></li>
                  <li></li>
                </ul>
              </div>
            </div>
            <div class="sitemap-depth1">
              <h2 class="tit-depth1"><a href="/kr/support/e-business-guide">고객지원</a></h2>
              <div class="sitemap-depth2-wrap">
                <h2 class="tit narrow-only">고객지원</h2>
                <ul class="sitemap-depth2">
                  <li><a href="/kr/support/e-business-guide" class="eng">E-Business 플랫폼</a></li>
                  <li><a href="/kr/support/contact-info">업무별 연락처</a></li>
                  <li><a href="/kr/support/inquiries">문의하기</a></li>
                  <li><a href="/kr/support/tour-application">견학신청</a></li>
                  <li><a href="/kr/cyber-audit/" target="_blank" class="target">사이버 감사실</a></li>
                </ul>
              </div>
            </div>
          </div>
        </nav>
        <!--// 메뉴 -->

        <!-- 네비푸터 -->
        <div class="nav-footer">
          <ul class="nav-footer-list">
            <!-- [2024-12-26] 삭제 <li class="nav-footer-item">
            <a href="#">
              <dl>
                <dt class="tit-depth1">현대제철 70년</dt>
                <dd>
                  <span class="img"><img src="/resources/images/img_nav_ft01.png" alt="" /></span>
                  <p class="txt">
                    100년 제철을 향한<br />
                    새로운 출발
                  </p>
                </dd>
              </dl>
            </a>
          </li> -->
            <li class="nav-footer-item">
              <a href="https://hyundai-steel.recruiter.co.kr/career/home" class="target" target="_blank">
                <dl>
                  <dt class="tit-depth1">인재채용</dt>
                  <dd>
                    <span class="img recruit"></span>
                    <p class="txt">
                      철의 무한한 가능성,<br />
                      현대제철에서 실현해보세요
                    </p>
                  </dd>
                </dl>
              </a>
            </li>
            <li class="nav-footer-item">
              <a href="https://moment.hyundai-steel.com" class="target" target="_blank">
                <dl>
                  <dt class="tit-depth1">미디어룸: 모먼트</dt>
                  <dd>
                    <span class="img media"></span>
                    <p class="txt">
                      현대제철의 모든 순간을<br />
                      캡쳐하다!
                    </p>
                  </dd>
                </dl>
              </a>
            </li>
			<li class="nav-footer-item certiMark">
              <span class="target certiMark" target="_blank">
				<img src="/resources/images/img_nav_redDot.png" alt="#" />
              </span>
            </li>
          </ul>
      </div>
    </div>
    <!--// 네비게이션 -->
  </header>

      <!-- //Header -->

      <div id="smooth-wrapper">
        <div id="smooth-content">
          <div id="container" class="container main">
            <section class="main-visual">
              <!-- <div class="inner"><button type="button" class="btn-sound">SOUND ON</button></div> -->
              <div class="bg-img">
                <div class="video-wrap">
                  <video muted autoplay playsinline loop poster class="bg-video">
                    <source src="/upload/down/main_visual.mp4" type="video/mp4" />
                  </video>
                </div>
              </div>
              <!-- 공지사항 -->
              
              <!--// 공지사항 -->
              <div class="scroll-icon">
                <img src="../resources/images/ico_scroll_down.png" alt="스크롤다운" />
              </div>
            </section>
            <div class="main-section-wrap">
              <section class="main-section section01">
                <div class="inner">
                  <div class="sec-cont">
                    <div class="txt-item">
                      <div class="tit">
                        <small>탄소중립</small>
                        <p><strong>탄소중립 실천으로</strong></p>
                        <p><strong>우리의 미래를 밝힙니다</strong></p>
                      </div>
                      <div class="btn-area">
                        <a href="/kr/sustainability/carbon-neutral" class="btn btn-txt ico-arr">현대제철 탄소중립 전략</a>
                      </div>
                    </div>
                    <div class="anim-item">
                      <span class="obj01">
                        <span class="light-wrap">
                          <img src="../resources/images/main/img_object0101.png" alt="" />
                          <span class="light"></span>
                        </span>
                      </span>
                      <span class="obj02">
                        <img src="../resources/images/main/img_object0102.png" alt="" />
                      </span>
                      <span class="obj03">
                        <span class="light-wrap">
                          <img src="../resources/images/main/img_object0103.png" alt="" />
                          <span class="light"></span>
                        </span>
                      </span>
                      <span class="obj04">
                        <img src="../resources/images/main/img_object0104.png" alt="" />
                      </span>
                      <span class="obj05"><img src="../resources/images/main/img_object0105.png" alt="" /></span>
                      <span class="obj06"><img src="../resources/images/main/img_object0106.png" alt="" /></span>
                    </div>
                  </div>
                </div>
              </section>
              <section class="main-section section02">
                <div class="inner">
                  <div class="sec-cont">
                    <div class="txt-item">
                      <div class="tit">
                        <small>지속가능경영</small>
                        <p><strong>지속가능한 미래의 변화를</strong></p>
                        <p><strong>현대제철이 선도합니다</strong></p>
                      </div>
                      <div class="btn-area narrow-hide">
                        <a href="/kr/sustainability/esg">
                          <span class="img"><img src="../resources/images/main/ico_btn0201.png" alt="" /></span>
                          <span class="btn btn-txt ico-arr">현대제철 지속가능경영</span>
                        </a>
                        <a href="/kr/sustainability/esg#esg-report">
                          <span class="img"><img src="../resources/images/main/ico_btn0202.png" alt="" /></span>
                          <span class="btn btn-txt ico-arr">현대제철 지속가능경영보고서</span>
                        </a>
                      </div>
                      <div class="btn-area narrow-only">
                        <a href="/kr/sustainability/esg">
                          <span class="img"><img src="../resources/images/main/ico_btn0201.png" alt="" /></span>
                          <span class="btn btn-txt ico-arr">지속가능경영</span>
                        </a>
                        <a href="/kr/sustainability/esg#esg-report">
                          <span class="img"><img src="../resources/images/main/ico_btn0202.png" alt="" /></span>
                          <span class="btn btn-txt ico-arr">지속가능경영보고서</span>
                        </a>
                      </div>
                    </div>
                    <div class="anim-item">
                      <span class="obj01"><img src="../resources/images/main/img_object02.png" alt="" /></span>
                      <span class="obj02"><img src="../resources/images/main/img_object0201.png" alt="" /></span>
                      <span class="obj03"><img src="../resources/images/main/img_object0202.png" alt="" /></span>
                      <span class="obj04"><img src="../resources/images/main/img_object0203.png" alt="" /></span>
                      <span class="obj05"><img src="../resources/images/main/img_object0204.png" alt="" /></span>
                    </div>
                  </div>
                </div>
                <div class="bg">
                  <div></div>
                </div>
              </section>
              <section class="main-section section03">
                <div class="inner">
                  <div class="brand-slide">
                    <div class="swiper-wrapper sec-cont-wrap">
                      <div class="swiper-slide sec-cont slide01">
                        <div class="anim-item">
                          <span class="obj01"><img src="../resources/images/main/img_cube01.png" alt="" /></span>
                          <span class="obj02"><img src="../resources/images/main/img_object0301.png" alt="" /></span>
                        </div>

                        <div class="txt-item">
                          <div class="tit">
                            <small>고객 맞춤형 자동차 솔루션</small>
                            <p><strong class="txt">H-Solution</strong></p>
                            <p>
                              자동차 소재기술과 응용기술의 완벽한 조화로<br />
                              초고강도 경량차체를 실현합니다
                            </p>
                          </div>
                          <div class="btn-area">
                            <a href="/kr/product-tech/product-tech-home" class="btn btn-txt ico-arr">제품 전체보기</a>
                            <a href="https://ae.hyundai-steel.com/hsMain" target="_blank" class="btn btn-txt ico-target02"
                              >H-Solution <span class="narrow-hide">제품 바로가기</span></a
                            >
                          </div>
                        </div>
                      </div>
                      <div class="swiper-slide sec-cont slide02">
                        <div class="anim-item">
                          <span class="obj01"><img src="../resources/images/main/img_cube02.png" alt="" /></span>
                        </div>

                        <div class="txt-item">
                          <div class="tit">
                            <small>프리미엄 건설 강재</small>
                            <p><strong class="txt">H CORE</strong></p>
                            <p>
                              어떠한 환경에서도 안심할 수 있는 기술력으로<br />
                              안전을 심은 철을 제공합니다
                            </p>
                          </div>
                          <div class="btn-area">
                            <a href="/kr/product-tech/product-tech-home" class="btn btn-txt ico-arr">제품 전체보기</a>
                            <a href="https://ae.hyundai-steel.com/dist/main" target="_blank" class="btn btn-txt ico-target02"
                              >H CORE <span class="narrow-hide">제품 바로가기</span></a
                            >
                          </div>
                        </div>
                      </div>
                      <div class="swiper-slide sec-cont slide03">
                        <div class="anim-item">
                          <span class="obj01"><img src="../resources/images/main/img_cube03.png" alt="" /></span>
                        </div>

                        <div class="txt-item">
                          <div class="tit">
                            <small>탄소저감 제품</small>
                            <p><strong class="txt">HyECOsteel</strong></p>
                            <p>
                              더 적은 탄소로 더 큰 가능성을 열어가는<br />
                              현대제철의 혁신 제품에 주목하세요
                            </p>
                          </div>
                          <div class="btn-area">
                            <a href="/kr/product-tech/product-tech-home" class="btn btn-txt ico-arr">제품 전체보기</a>
                            <a href="/kr/sustainability/carbon-neutral#hyecosteel" class="btn btn-txt ico-target02">HyECOsteel <span class="narrow-hide">알아보기</span></a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- 네비게이션 버튼과 페이지네이션 추가 -->
                    <div class="swiper-pagination"></div>
                  </div>
                </div>
              </section>
              <section class="main-section section04">
                <div class="circle">
                  <div class="bg"></div>
                  <div class="txt">
                    <strong class="year">
                      <span><img src="../resources/images/main/img_number01.png" alt="7" /></span>
                      <span><img src="../resources/images/main/img_number02.png" alt="0" /></span>
                    </strong>
                    <p>
                      <small class="narrow-hide">70년 역사관</small>
                      년 여정의 도전과<br class="narrow-only" />
                      혁신으로<br class="narrow-hide" />
                      100년<br class="narrow-only" />
                      철강사를 이어갑니다
                      <a href="/kr/company/history" class="btn btn-txt ico-arr">역사관 보러가기</a>
                    </p>
                  </div>
                </div>
                <div class="anim-item">
                  <span class="obj01"></span>
                  <span class="obj02"></span>
                  <span class="obj03"></span>
                </div>
              </section>
              <section class="main-section section05">
                <div class="inner">
                  <div class="tit-area">
                    <h2 class="tit anim fadeUp">
                      <small>현대제철 길잡이</small>
                      한눈에 보는 현대제철
                    </h2>
                  </div>
                  <div class="features-area type-slide quick-slide">
                    <ul class="features-list swiper-wrapper">
                      <li class="features-item swiper-slide slide01">
                        <a href="/kr/company/media-library#promotional-videos">
                          <div class="img">
                            <img src="../resources/images/main/img_ft01.png" alt="" />
                            <p class="tit">현대제철 홍보영상</p>
                          </div>
                        </a>
                      </li>
                      <li class="features-item swiper-slide slide02">
						<!--<a th:href="#" target="_blank">-->
                        <a href="https://moment.hyundai-steel.com" target="_blank">
                          <div class="img">
                            <img src="../resources/images/main/img_ft02.png" alt="" />
                            <p class="tit">미디어룸</p>
                          </div>
                        </a>
                      </li>
                      <li class="features-item swiper-slide slide03">
                        <div class="img"><img src="../resources/images/main/img_ft03.png" alt="" /></div>
                      </li>
                      <li class="features-item swiper-slide slide04">
                        <a href="/kr/ir/ir-home">
                          <div class="img">
                            <img src="../resources/images/main/img_ft04.png" alt="" />
                            <p class="tit">현대제철<br />투자정보</p>
                          </div>
                        </a>
                      </li>
                      <li class="features-item swiper-slide slide05">
                        <a href="/kr/company/hyundaisteel-story">
                          <div class="img">
                            <p class="tit">현대제철<br />이야기</p>
                          </div>
                        </a>
                      </li>
                      <li class="features-item swiper-slide slide06">
                        <a href="/kr/support/e-business-guide">
                          <div class="img">
                            <img src="../resources/images/main/img_ft06.png" alt="" />
                            <p class="tit">고객지원</p>
                          </div>
                        </a>
                      </li>
                      <li class="features-item swiper-slide slide07">
                        <span class="img"><img src="../resources/images/main/img_ft07.png" alt="" /></span>
                      </li>
                    </ul>
                  </div>
                </div>
              </section>
            </div>
          </div>

          <!-- Footer -->
          
  <footer id="footer" class="footer">
    <div class="inner">
      <div class="left">
        <div class="logo-wrap">
          <img src="/resources/images/img_logo_ft.png" alt="현대스틸" />
        </div>
      </div>

      <section class="right">
        <nav class="footer-nav">
          <dl class="footer-nav-item accordion-item">
            <dt class="btn-accordion">현대제철을<br class="narrow-hide" /> 자세히 알고싶어요 <i class="ico-plus"></i></dt>
            <dd class="accordion-collapse">
              <ul class="footer-nav-list">
                <li><a href="/kr/sustainability/esg">모두의 미래, H-Ways</a></li>
                <li><a href="/kr/sustainability/carbon-neutral">탄소중립</a></li>
                <li><a href="/kr/company/hyundaisteel-story">현대제철 이야기</a></li>
                <li><a href="/kr/company/history">현대제철 70년 역사</a></li>
                <li><a href="/kr/sustainability/esg#esg-report">지속가능경영보고서</a></li>
              </ul>
            </dd>
          </dl>
          <dl class="footer-nav-item accordion-item">
            <dt class="btn-accordion">나에게 맞는<br class="narrow-hide" /> 제품을 찾고있어요 <i class="ico-plus"></i></dt>
            <dd class="accordion-collapse">
              <ul class="footer-nav-list">
                <li>
                  <a href="#" class="narrow-hide toggle">브랜드/제품 구매</a>
                  <ul>
                    <li><a href="https://ae.hyundai-steel.com/hsMain" class="target eng" target="_blank">H-Solution</a></li>
                    <li><a href="https://ae.hyundai-steel.com/dist/main" class="target eng" target="_blank">H CORE</a></li>
                    <li><a href="https://hcorestore.hyundai-steel.com/" class="target eng" target="_blank">HCORE Store</a></li>
                  </ul>
                </li>
                <li>
                  <a href="/kr/product-tech/product-tech-home">제품<span class="middot">∙</span>기술 홈</a>
                </li>
                <li><a href="/kr/product-tech/catalog">카탈로그 다운로드</a></li>
                <li><a href="/kr/support/inquiries">문의하기</a></li>
              </ul>
            </dd>
          </dl>
          <dl class="footer-nav-item accordion-item">
            <dt class="btn-accordion">새로운 소식이<br class="narrow-hide" /> 궁금해요 <i class="ico-plus"></i></dt>
            <dd class="accordion-collapse">
              <ul class="footer-nav-list">
                <li><a href="https://moment.hyundai-steel.com" target="_blank">현대제철 미디어룸</a></li>
                <li><a href="https://www.youtube.com/@hyundaisteelofficial" target="_blank">YouTube</a></li>
                <li><a href="https://www.instagram.com/hyundaisteel.official" target="_blank">Instagram</a></li>
              </ul>
            </dd>
          </dl>
          <dl class="footer-nav-item accordion-item">
            <dt class="btn-accordion">현대제철과<br class="narrow-hide" /> 함께하고 싶어요 <i class="ico-plus"></i></dt>
            <dd class="accordion-collapse">
              <ul class="footer-nav-list">
                <li><a href="https://hyundai-steel.recruiter.co.kr/career/home" target="_blank">인재채용</a></li>
                <li><a href="https://visit.hyundai-steel.com/reserve/index.do" target="_blank">방문예약</a></li>
                <li><a href="/kr/support/e-business-guide">E-Business 플랫폼</a></li>
              </ul>
            </dd>
          </dl>
          <!-- mobile -->
          <dl class="footer-nav-item accordion-item narrow-only">
            <dt class="btn-accordion">개인정보처리방침 및 기타 <i class="ico-plus"></i></dt>
            <dd class="accordion-collapse">
              <ul class="footer-nav-list">
                <li><a href="/kr/legal/privacy-policy">개인정보처리방침 </a></li>
                <li><a href="/kr/legal/cctv-policy">영상정보처리기기운영관리방침</a></li>
                <li><a href="/kr/legal/email-collection-rejection">이메일수집거부</a></li>
                <li><a href="/kr/legal/legal-notice">법적고지</a></li>
              </ul>
              <p class="address wide-hide">경기도 성남시 분당구 분당내곡로 117, 그레이츠 판교(GREITS PANGYO) 9층 <br />대표전화: 031-510-2114 팩스: 031-510-2150</p>
            </dd>
          </dl>
          <!--// mobile -->
        </nav>

        <div class="footer-bottom">
          <!-- PC -->
          <ul class="util-menu narrow-hide">
            <li><a href="/kr/legal/privacy-policy">개인정보처리방침</a></li>
            <li><a href="/kr/legal/cctv-policy">영상정보처리기기운영관리방침</a></li>
            <li><a href="/kr/legal/email-collection-rejection">이메일수집거부</a></li>
            <li><a href="/kr/legal/legal-notice">법적고지</a></li>
          </ul>
          <!--// PC -->
          <p class="address wide-only">경기도 성남시 분당구 분당내곡로 117, 그레이츠 판교(GREITS PANGYO) 9층 <br />대표전화: 031-510-2114 팩스: 031-510-2150</p>
          <p class="copy">COPYRIGHT(C) <em>HYUNDAI STEEL.</em> ALL RIGHTS RESERVED.</p>
        </div>
      </section>
    </div>
  </footer>
  
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-20Y3W4BRW8"></script>
  <script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-20Y3W4BRW8'); </script> 
  

          <!-- //Footer -->
        </div>
      </div>

      <!-- 플로팅 퀵메뉴 -->
      
<div class="floating-quick">
<ul class="quick-list">
  <li class="quick-item">
    <a href="#" class="js-quick-btn"><span class="blind">퀵메뉴</span></a>
    <div class="quick-menu">
      <div class="btn-close-wrap">
        <a href="#" class="btn-close"><span class="blind">닫기</span></a>
      </div>

      <!-- 회사소개 -->
      <ul class="list-company">
        <li><a href="/kr/sustainability/esg#esg-report">지속가능경영보고서</a></li>
        <li><a href="/kr/company/history#download">70년 사사</a></li>
      </ul>

      <!-- 지속가능경영 -->
      <ul class="list-sustain">
        <li><a href="/kr/sustainability/esg#esg-report">지속가능경영보고서</a></li>
      </ul>

      <!-- 제품기술 -->
      <ul class="list-product">
        <li><a href="/kr/support/inquiries">문의하기</a></li>
        <li><a href="/kr/product-tech/catalog">카탈로그</a></li>
        <li><a href="/kr/support/e-business-guide">E-Business 플랫폼</a></li>
      </ul>

      <!-- 투자정보 -->
      <ul class="list-ir">
        <li><a href="/kr/ir/financial#reports">정기보고서</a></li>
        <li><a href="/kr/sustainability/esg#esg-report">지속가능경영보고서</a></li>
      </ul>
    </div>
  </li>
  <li class="quick-item">
    <a href="#" class="js-top-btn"><span class="blind">페이지 최상단으로 이동</span></a>
  </li>
</ul>
</div>

      <!--// 플로팅 퀵메뉴 -->
    </div>

    <script>
      /* 공지사항 클릭 */
      function clickNotice(filNm, rntdLk, nwwnYn) {
        if (filNm != "" && filNm != "null") {
          $(".notice-pop-wrap img").attr("src", "/upload/AA01/" + filNm);
          $(".notice-pop-wrap a").attr("href", rntdLk);
          $(".notice-pop-wrap a").attr("target", nwwnYn == "Y" ? "_blank" : "");
        }
      }
    </script>
  </body>
</html>
