<!DOCTYPE html>
<html lang="kr">
<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, minimum-scale=0, maximum-scale=10, user-scalable=yes">
    <meta name="title" content="두산 헤리티지 1896">
    <meta name="keywords" content="Doosan Heritage, 두산헤리티지, 두산헤리티지1896">
    <meta name="description" content="두산의 역사를 담은 두산 헤리티지를 지금 만나보세요.">
    <link rel="canonical" href="https://www.doosanheritage.com/">
    <link rel="shortcut icon" href="/img/ico/favicon-32.png">
    <link rel="shortcut icon" href="/img/ico/favicon-152.png">

    <!-- open graph -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.doosanheritage.com/">
    <meta property="og:title" content="두산헤리티지1896">
    <meta property="og:image" content="/img/ico/image.png">
    <meta property="og:description" content="두산의 역사를 담은 두산 헤리티지를 지금 만나보세요.">
    <meta property="og:site_name" content="두산헤리티지1896">
    <!-- //open graph -->

    <link rel="stylesheet" href="/common/css/base.css">
    <link rel="stylesheet" href="/common/css/nice-select.css">
    <link rel="stylesheet" href="/common/css/common.css">
    <link rel="stylesheet" href="/common/css/sub.css">
    <script src="/common/js/jquery-3.6.0.min.js"></script>
    <script src="/common/js/gsap-3.6.0.min.js"></script>
    <script src="/common/js/ScrollToPlugin-3.4.2.min.js"></script>
    <script src="/common/js/ScrollTrigger-3.4.2.min.js"></script>
    <script src="/common/js/jquery.nice-select.js"></script>
    <title>Doosan Heritage 1896</title>
</head>
<body class="sub"> <!-- 서브페이지 body에 '.sub' 클래스 추가 -->

<!----- HEADER { ----->
<header id="header" class="st-black">
    <h1><a href="/kr"><span class="hide">두산 헤리티지 1896</span></a></h1>
    <nav class="gnb-wrap">
        <h2 class="hide">대메뉴</h2>
        <ul class="gnb">
            <li><a href="/kr/about">역사관 소개</a></li>
            <li><a href="/kr/online_history_hall">온라인 역사관</a></li>
            <li><a href="/kr/collect">전시 &middot; 소장품</a></li>
            <li><a href="/kr/pr_center">홍보센터</a></li>
            <li><a href="/kr/reservation_schedule">관람 예약</a></li>
            <li class="mo"><a href="/en/contactus">Contact Us</a></li>
        </ul>
    </nav>
    <div class="hd-info">
        <div class="hd-language">
            <h2 class="hide">언어선택</h2>
            <button type="button" class="btnset btn-hd-language">한국어</button>
            <ul>
                <li class="on"><a href="/kr">한국어</a></li>
                <li><a href="/en">English</a></li>
            </ul>
        </div>
    </div>
    <div class="hd-allmenu-open">
        <button type="button" class="btnset btn-menu"><span class="hide">전체메뉴열기</span></button>
    </div>
</header>
<!----- } HEADER ----->


<!----- MAIN { ----->
<main class="error_page">
    <div class="err_con">
        <h2><span class="hide">Doosan Heritage 1896</span></h2>
        <p class="err_tit">이용에 불편을 드려 죄송합니다.</p>
        <p>
            방문하시려는 웹 페이지의 주소가 잘못 입력되었거나,<br>
            변경 또는 삭제되어 요청하신 페이지를 찾을 수 없습니다.<br>
            감사합니다.<br>
        </p>
        <div class="err_btn_wrap">
            <a class="err_btn" href="/kr">메인화면</a>
            <a class="err_btn" href="#" onclick="history.back()">이전화면</a>
        </div>
    </div>
</main>
<!----- } MAIN ----->



<!----- FOOTER {  ----->
<footer id="footer">
    <div class="maxinner">
        <div class="left-con">
            <h2><a href="/kr"><span class="hide">두산 헤리티지 1896</span></a></h2>
            <p class="copyright" id="copyYear">©2023 두산 헤리티지 1896.</p>
        </div>
        <div class="right-con">
            <div class="ft-link">
                <h3 class="hide">기타메뉴</h3>
                <ul class="ft-info">
                    <li><a href="/kr/contactus"><strong>Contact Us</strong></a></li>
                    <li><a href="/kr/reservation_schedule"><strong>관람 예약</strong></a></li>
                    <li><a href="/kr/guide">관람 안내</a></li>
                    <li><a href="/kr/terms">법적고지</a></li>
                    <li><a href="/kr/privacy">이용약관</a></li>
                    <li><a href="/kr/legal"><strong>개인정보처리방침</strong></a></li>
                </ul>
            </div>
            <div class="ft-site">
                <h3>Related Sites</h3>
                <ul>
                    <li><a href="https://www.doosan.com/" target="_blank" title="새창으로 열림">두산그룹</a></li>
                    <li><a href="https://career.doosan.com/" target="_blank" title="새창으로 열림">커리어두산</a></li>
                    <li><a href="https://www.doosannewsroom.com/" target="_blank" title="새창으로 열림">두산뉴스룸</a></li>
                    <li><a href="https://visit.doosan.com/" target="_blank" title="새창으로 열림">방문객 출입신청</a></li>
                    <li><a href="https://ethicshelpline.doosan.com/" target="_blank" title="새창으로 열림">사이버 신고센터</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="topbtn">
        <button type="button" class="btnset btn-top" title="상단으로"><span class="hide">상단으로</span></button>
    </div>
</footer>
<!----- } FOOTER  ----->



<!----- 모바일 QR코드 추가 { -->
<div id="mb-qr">
    <a href="">
        <div class="ico-qr"></div>
        <div class="txt-qr">
            <span>오프라인 전시품</span>
            <strong>QR코드 스캔</strong>
        </div>
    </a>
</div>
<!----- } 모바일 QR코드 추가 -->



<!----- SCRIPT { ----->
<script src="/common/js/common.js"></script>
<script>

    // let newVar = null;
    // console.log(newVar);



    $(function(){
        $('.hall-box').on('mouseenter',function(){
            var changeBgNum = $(this).index() + 1;
            $('.hall-wrap').addClass('active');
            $('.hall-box').removeClass('active');
            $(this).addClass('active');
            $('.bg-change').find('.bg').removeClass('active');
            $('.bg-change').find('.bg').eq(changeBgNum).addClass('active');
        });

        $('.hall-box').on('mouseleave',function(){
            $('.hall-wrap').removeClass('active');
            $('.hall-box').removeClass('active');
            $('.bg-change').find('.bg').removeClass('active');
            $('.bg-change').find('.bg').eq(0).addClass('active');
        });



    });
</script>
<!----- } SCRIPT ----->
</body>
</html>
