<?php
session_start();

// 检查用户是否已登录
if (!isset($_SESSION['loggedin']) || $_SESSION['loggedin'] !== true) {
    // 未登录用户重定向到首页
    header('Location: ./');
    exit;
}

// 不再检查是否为管理员，因为管理员不应该访问此页面
// 直接假设访问者是普通用户
?>
<!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="assets/css/plugins/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/plugins/animate.min.css">
    <link rel="stylesheet" href="assets/css/plugins/fontawesome.css">
    <link rel="stylesheet" href="assets/css/plugins/modal-video.min.css">
    <link rel="stylesheet" href="assets/css/plugins/owl.carousel.css">
    <link rel="stylesheet" href="assets/css/plugins/slicknav.css">
    <link rel="stylesheet" href="assets/css/plugins/loader.css">
    <link rel="stylesheet" href="assets/css/plugins/splitting.css">
    <link rel="stylesheet" href="assets/css/master.css">
    <link rel="stylesheet" href="style.css">
    
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-17530892070"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'AW-17530892070');
    </script>
    <!-- Event snippet for 提출잠재고객표형 conversion page
    In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
    <script>
    function gtag_report_conversion(url) {
        var callback = function () {
            if (typeof(url) != 'undefined') {
                window.location = url;
            }
        };
        gtag('event', 'conversion', {
            'send_to': 'AW-17530892070/ojrMCKLjn9IbEKbesKdB',
            'value': 1.0,
            'currency': 'USD',
            'event_callback': callback
        });
        return false;
    }

    // 전화번호 길이 검증 활성화 여부 (기본값: true)
    var ENABLE_PHONE_LENGTH_VALIDATION = true;
    </script>
</head>
<body>
    <!-- 로딩 애니메이션 -->
    <div class="loader">
        <i style="--rz:0deg;--delay:-4s;--tx:103.36857532888278px;--ty:11.67193590287917px;--hue:0"></i>
        <i style="--rz:5deg;--delay:-3.7222222222222223s;--tx:81.97527981127298px;--ty:31.26196834010589px;--hue:5"></i>
        <i style="--rz:10deg;--delay:-3.4444444444444446s;--tx:54.47185340732431px;--ty:49.86087134820471px;--hue:10"></i>
        <i style="--rz:15deg;--delay:-3.166666666666667s;--tx:129.92415542470638px;--ty:39.51459089204136px;--hue:15"></i>
        <i style="--rz:20deg;--delay:-2.888888888888889s;--tx:99.06117450244727px;--ty:37.86736786664603px;--hue:20"></i>
        <i style="--rz:25deg;--delay:-2.611111111111111s;--tx:8.151652162769987px;--ty:1.610382286019945px;--hue:25"></i>
        <i style="--rz:30deg;--delay:-2.3333333333333335s;--tx:115.3123479031206px;--ty:25.443022846068918px;--hue:30"></i>
        <i style="--rz:35deg;--delay:-2.0555555555555554s;--tx:111.09334656167775px;--ty:12.440451178705106px;--hue:35"></i>
        <i style="--rz:40deg;--delay:-1.7777777777777777s;--tx:117.9762708472689px;--ty:41.06444498791916px;--hue:40"></i>
        <i style="--rz:45deg;--delay:-1.5s;--tx:113.16586856823415px;--ty:2.074061471457187px;--hue:45"></i>
        <i style="--rz:50deg;--delay:-1.2222222222222223s;--tx:11.280266880297572px;--ty:21.56618143314263px;--hue:50"></i>
        <i style="--rz:55deg;--delay:-0.9444444444444444s;--tx:93.24144868885638px;--ty:38.37112950353697px;--hue:55"></i>
        <i style="--rz:60deg;--delay:-0.6666666666666666s;--tx:147.9146472729269px;--ty:32.90812427065335px;--hue:60"></i>
        <i style="--rz:65deg;--delay:-0.3888888888888889s;--tx:83.16047774722194px;--ty:42.88274161967044px;--hue:65"></i>
        <i style="--rz:70deg;--delay:-0.1111111111111111s;--tx:60.06704847003287px;--ty:15.80024792253971px;--hue:70"></i>
        <i style="--rz:75deg;--delay:0.16666666666666666s;--tx:92.28579692775384px;--ty:31.007420046029143px;--hue:75"></i>
        <i style="--rz:80deg;--delay:0.4444444444444444s;--tx:82.69181679701433px;--ty:33.070605826331306px;--hue:80"></i>
        <i style="--rz:85deg;--delay:0.7222222222222222s;--tx:95.63403214695863px;--ty:20.628878228366375px;--hue:85"></i>
        <i style="--rz:90deg;--delay:1s;--tx:102.99662458430976px;--ty:26.966043181717396px;--hue:90"></i>
        <i style="--rz:95deg;--delay:1.2777777777777777s;--tx:119.83961717039347px;--ty:29.148200452281162px;--hue:95"></i>
        <i style="--rz:100deg;--delay:1.5555555555555554s;--tx:61.31014214362949px;--ty:22.68626984767616px;--hue:100"></i>
        <i style="--rz:105deg;--delay:1.8333333333333333s;--tx:115.8844931051135px;--ty:21.374897686764598px;--hue:105"></i>
        <i style="--rz:110deg;--delay:2.111111111111111s;--tx:70.16092229495943px;--ty:2.416661282069981px;--hue:110"></i>
        <i style="--rz:115deg;--delay:2.388888888888889s;--tx:91.21434380672872px;--ty:45.43284982442856px;--hue:115"></i>
        <i style="--rz:120deg;--delay:2.6666666666666665s;--tx:128.74902963265777px;--ty:31.398102641105652px;--hue:120"></i>
        <i style="--rz:125deg;--delay:2.9444444444444446s;--tx:59.329564310610294px;--ty:4.966613035649061px;--hue:125"></i>
        <i style="--rz:130deg;--delay:3.2222222222222223s;--tx:104.90609623491764px;--ty:10.440615355968475px;--hue:130"></i>
        <i style="--rz:135deg;--delay:3.5s;--tx:145.490637794137px;--ty:35.89806914329529px;--hue:135"></i>
        <i style="--rz:140deg;--delay:3.7777777777777777s;--tx:87.46945755555034px;--ty:31.141664788126945px;--hue:140"></i>
        <i style="--rz:145deg;--delay:4.055555555555555s;--tx:109.91394145786762px;--ty:35.88702160119265px;--hue:145"></i>
        <i style="--rz:150deg;--delay:4.333333333333333s;--tx:119.60215876251459px;--ty:18.900042474269867px;--hue:150"></i>
        <i style="--rz:155deg;--delay:4.611111111111111s;--tx:70.09488034248352px;--ty:19.004964768886566px;--hue:155"></i>
        <i style="--rz:160deg;--delay:4.888888888888889s;--tx:137.70269069820642px;--ty:11.07246458530426px;--hue:160"></i>
        <i style="--rz:165deg;--delay:5.166666666666667s;--tx:71.26446750760078px;--ty:25.980762113533157px;--hue:165"></i>
        <i style="--rz:170deg;--delay:5.444444444444445s;--tx:81.78902292251587px;--ty:21.904033428716755px;--hue:170"></i>
        <i style="--rz:175deg;--delay:5.722222222222222s;--tx:101.9906131029129px;--ty:48.1208016872406px;--hue:175"></i>
        <i style="--rz:180deg;--delay:6s;--tx:72.64911064067352px;--ty:45.30973451327433px;--hue:180"></i>
        <i style="--rz:185deg;--delay:6.277777777777778s;--tx:109.88122000000001px;--ty:1.8411146956501617px;--hue:185"></i>
        <i style="--rz:190deg;--delay:6.555555555555555s;--tx:125.86939081096524px;--ty:20.73903386934677px;--hue:190"></i>
        <i style="--rz:195deg;--delay:6.833333333333333s;--tx:74.04051963335385px;--ty:3.3049371242523193px;--hue:195"></i>
        <i style="--rz:200deg;--delay:7.111111111111111s;--tx:105.26076696832579px;--ty:31.706040000000002px;--hue:200"></i>
        <i style="--rz:205deg;--delay:7.388888888888889s;--tx:119.9634388834238px;--ty:20.948388743400574px;--hue:205"></i>
        <i style="--rz:210deg;--delay:7.666666666666667s;--tx:99.68404006958008px;--ty:41.52901840209961px;--hue:210"></i>
        <i style="--rz:215deg;--delay:7.944444444444444s;--tx:92.12292170524597px;--ty:23.372940063476562px;--hue:215"></i>
        <i style="--rz:220deg;--delay:8.222222222222221s;--tx:102.71453857421875px;--ty:10.359992980957031px;--hue:220"></i>
        <i style="--rz:225deg;--delay:8.5s;--tx:112.91343688964844px;--ty:38.388404846191406px;--hue:225"></i>
        <i style="--rz:230deg;--delay:8.777777777777779s;--tx:94.98210144042969px;--ty:41.19453430175781px;--hue:230"></i>
        <i style="--rz:235deg;--delay:9.055555555555555s;--tx:101.40682983398438px;--ty:15.6524658203125px;--hue:235"></i>
        <i style="--rz:240deg;--delay:9.333333333333334s;--tx:101.13473510742188px;--ty:19.29931640625px;--hue:240"></i>
        <i style="--rz:245deg;--delay:9.61111111111111s;--tx:109.33541870117188px;--ty:48.61907958984375px;--hue:245"></i>
        <i style="--rz:250deg;--delay:9.88888888888889s;--tx:105.3331298828125px;--ty:20.8209228515625px;--hue:250"></i>
        <i style="--rz:255deg;--delay:10.166666666666666s;--tx:114.61532592773438px;--ty:22.8076171875px;--hue:255"></i>
        <i style="--rz:260deg;--delay:10.444444444444445s;--tx:111.04400634765625px;--ty:27.314453125px;--hue:260"></i>
        <i style="--rz:265deg;--delay:10.722222222222221s;--tx:107.98883056640625px;--ty:35.107421875px;--hue:265"></i>
        <i style="--rz:270deg;--delay:11s;--tx:110.8599853515625px;--ty:30.68359375px;--hue:270"></i>
        <i style="--rz:275deg;--delay:11.277777777777779s;--tx:117.7935791015625px;--ty:28.466796875px;--hue:275"></i>
        <i style="--rz:280deg;--delay:11.555555555555555s;--tx:103.7567138671875px;--ty:25.341796875px;--hue:280"></i>
        <i style="--rz:285deg;--delay:11.833333333333334s;--tx:116.888427734375px;--ty:34.228515625px;--hue:285"></i>
        <i style="--rz:290deg;--delay:12.11111111111111s;--tx:102.093505859375px;--ty:27.05078125px;--hue:290"></i>
        <i style="--rz:295deg;--delay:12.38888888888889s;--tx:108.630859375px;--ty:29.6875px;--hue:295"></i>
        <i style="--rz:300deg;--delay:12.666666666666666s;--tx:113.958984375px;--ty:24.4140625px;--hue:300"></i>
        <i style="--rz:305deg;--delay:12.944444444444445s;--tx:106.3720703125px;--ty:32.32421875px;--hue:305"></i>
        <i style="--rz:310deg;--delay:13.222222222222221s;--tx:118.994140625px;--ty:26.07421875px;--hue:310"></i>
        <i style="--rz:315deg;--delay:13.5s;--tx:100.445556640625px;--ty:23.6328125px;--hue:315"></i>
        <i style="--rz:320deg;--delay:13.777777777777779s;--tx:109.19189453125px;--ty:37.20703125px;--hue:320"></i>
        <i style="--rz:325deg;--delay:14.055555555555555s;--tx:115.75927734375px;--ty:21.38671875px;--hue:325"></i>
        <i style="--rz:330deg;--delay:14.333333333333334s;--tx:107.48291015625px;--ty:33.88671875px;--hue:330"></i>
        <i style="--rz:335deg;--delay:14.61111111111111s;--tx:112.31689453125px;--ty:28.125px;--hue:335"></i>
        <i style="--rz:340deg;--delay:14.88888888888889s;--tx:104.65087890625px;--ty:30.2734375px;--hue:340"></i>
        <i style="--rz:345deg;--delay:15.166666666666666s;--tx:117.15087890625px;--ty:25.1953125px;--hue:345"></i>
        <i style="--rz:350deg;--delay:15.444444444444445s;--tx:101.89208984375px;--ty:36.328125px;--hue:350"></i>
        <i style="--rz:355deg;--delay:15.722222222222221s;--tx:108.30078125px;--ty:19.04296875px;--hue:355"></i>
    </div>
    
    <script>
        // 페이지 로딩 완료 후 로딩 애니메이션 숨기기
        window.addEventListener('load', function() {
            const loader = document.querySelector('.loader');
            if (loader) {
                // 1초 동안 페이드아웃 효과 후 숨기기
                loader.style.transition = 'opacity 1s ease-out';
                loader.style.opacity = '0';
                
                // 페이드아웃 완료 후 요소 숨기기
                setTimeout(function() {
                    loader.style.display = 'none';
                }, 1000);
            }
        });
    </script>

    <header>
        <div class="header_area header_absolute" id="header">
            <div class="container">
                <div class="row">
                    <div class="col-6 col-lg-2 align-self-center">
                        <div class="logo">
                            <a href="index.html"><img src="assets/img/logo/logo1.png" alt="image"></a>
                        </div>
                    </div>
                    <div class="col-6 col-lg-7 align-self-center">
                        <div class="main_menu d-none d-lg-block text-right">
                            <ul id="nav_menu" class="scroll">
                                <li><a href="index.html">홈</a></li>
                                <li><a href="#features">세부 정보</a></li>
                                <li><a href="#legal">법률</a>
                                    <ul>
                                        <li><a href="disclaimer.html">공지</a></li>
                                        <li><a href="privacy.html">개인정보처리방침</a></li>
                                    </ul>
                                </li>
                                <li><a href="admin/logout.php"><i class="fas fa-sign-out-alt"></i> 로그아웃</a></li>
                            </ul>
                        </div>
                        <div class="mobile_menu d-lg-none"></div>
                    </div>
                    <!-- 로그아웃 버튼이 네비게이션 메뉴로 이동됨 -->                </div>
            </div>
        </div>
    </header>

    <!-- 메인 폼 섹션 - 핵심 포커스 -->
    <div class="main-hero-section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="hero-content">
                        <h1 class="hero-title">장기 교육 및<br>사고력 훈련 가이드</h1>
                        <p class="hero-description">다양한 자료와 학습 환경을 활용해<br>논리적 사고와 판단력을 키울 수 있습니다.</p>
                        <div class="hero-stats">
                            <div class="stat-item">
                                <span class="stat-number">5000+</span>
                                <span class="stat-label">참여자</span>
                            </div>
                            <div class="stat-item">
                                <span class="stat-number">98%</span>
                                <span class="stat-label">만족도</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="form-container hero-form">
                        <h2 class="form-title">회원 전용 콘텐츠</h2>
                        <p class="form-subtitle">이 페이지는 회원만 접근할 수 있는 전용 콘텐츠입니다</p>
                        
                        <div class="benefits-list">
                            <div class="benefit-item">
                                <i class="fas fa-check-circle"></i>
                                <span>전체 교육 자료 접근</span>
                            </div>
                            <div class="benefit-item">
                                <i class="fas fa-check-circle"></i>
                                <span>전문가 Q&A 참여</span>
                            </div>
                            <div class="benefit-item">
                                <i class="fas fa-check-circle"></i>
                                <span>커뮤니티 참여</span>
                            </div>
                            <div class="benefit-item">
                                <i class="fas fa-check-circle"></i>
                                <span>실시간 업데이트</span>
                            </div>
                        </div>
                        
                        <div class="cta-section-inner">
                            <a href="https://lihi.cc/T4ZGO" target="_blank">
                                <img src="images/chats01.png" alt="환영합니다! 회원으로서 모든 콘텐츠에 자유롭게 접근하실 수 있습니다." style="max-width: 100%; height: auto;">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="feature-section section-padding" id="features">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="section-heading">
                        <h2 class="section-title">왜 선택해야 할까요?</h2>
                        <p class="section-description">지속적인 학습과 커뮤니티 교류로 사고력과 판단력을 강화합니다.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="feature-card">
                        <div class="feature-icon">
                            <img src="assets/img/icon/core_feature11.png" alt="투명한 비용">
                        </div>
                        <h3 class="feature-title">투명한 비용</h3>
                        <p class="feature-description">명확한 기준과 절차로 학습 자원을 제공합니다.</p>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="feature-card">
                        <div class="feature-icon">
                            <img src="assets/img/icon/core_feature12.png" alt="바로 참여하기">
                        </div>
                        <h3 class="feature-title">바로 참여하기</h3>
                        <p class="feature-description">언제 어디서나 커뮤니티 토론 및 학습을 시작합니다.</p>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="feature-card">
                        <div class="feature-icon">
                            <img src="assets/img/icon/core_feature13.png" alt="안전한 데이터">
                        </div>
                        <h3 class="feature-title">안전한 데이터</h3>
                        <p class="feature-description">개인정보 보호 원칙을 준수합니다.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="benefit-section section-padding" id="benefits">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="section-heading">
                        <h2 class="section-title">커뮤니티 가입 혜택</h2>
                        <p class="section-description">장기 학습 전략과 사고력 훈련을 위한 다양한 자원을 제공합니다.</p>
                    </div>
                </div>
            </div>
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="benefit-list">
                        <div class="benefit-item">
                            <div class="benefit-number">1</div>
                            <div class="benefit-content">
                                <h4>장기 학습 전략 공유</h4>
                                <p>전문가들의 학습 전략과 팁을 공유받으실 수 있습니다.</p>
                            </div>
                        </div>
                        <div class="benefit-item">
                            <div class="benefit-number">2</div>
                            <div class="benefit-content">
                                <h4>학습 내용 정리</h4>
                                <p>효율적인 노트 정리 방법과 효과적인 복습 전략을 익힐 수 있습니다.</p>
                            </div>
                        </div>
                        <div class="benefit-item">
                            <div class="benefit-number">3</div>
                            <div class="benefit-content">
                                <h4>학습 계획 관리</h4>
                                <p>개인 맞춤형 학습 계획을 세우고 관리하실 수 있습니다.</p>
                            </div>
                        </div>
                        <div class="benefit-item">
                            <div class="benefit-number">4</div>
                            <div class="benefit-content">
                                <h4>실전형 의사결정 훈련</h4>
                                <p>실제 사례를 활용한 의사결정 시뮬레이션으로 실전 감각을 키울 수 있습니다.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="benefit-image">
                        <img src="images/dknsrong.png" alt="혜택 이미지">
                        <div class="reference-info">
                            <h4>박순혁</h4>
                            <p>1971년 경상북도 대구시 출생</p>
                            <p>자칭 작가이자 방송인</p>
                            <p>금양 홍보대사 및 배터리 아저씨로 유명</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="cta-section" id="legal">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="cta-title">회원 전용 페이지</h2>
                    <p class="cta-description">이 페이지는 로그인한 회원만 접근할 수 있습니다</p>
                    <a href="admin/logout.php" class="btn2 cta-btn">로그아웃</a>
                </div>
            </div>
        </div>
    </div>

    <footer>
        <div class="footer footer1 section-padding2">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-lg-4">
                        <div class="single_footer">
                            <div class="footer_logo">
                                <a href="index.html"><img src="assets/img/logo/logo2.png" alt="logo"></a>
                            </div>
                            <p class="footer_pera">지속 가능한 학습과 커뮤니티 참여로 더 나은 사고력을 키웁니다.</p>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg">
                        <div class="single_footer">
                            <h3>회사</h3>
                            <ul>
                                <li><a href="disclaimer.html">공지</a></li>
                                <li><a href="privacy.html">개인정보처리방침</a></li>
                                <li><a href="#faq">자주 묻는 질문</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg">
                        <div class="single_footer">
                            <h3>제품</h3>
                            <ul>
                                <li><a href="#features">기능</a></li>
                                <li><a href="#subscription-form">혜택</a></li>
                                <li><a href="#">지원</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg">
                        <div class="single_footer">
                            <h3>리소스</h3>
                            <ul>

                                <li><a href="#">GDPR</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright">
            <div class="container">
                <div class="row">
                    <div class="col-sm-8 col-lg-6">
                        <p>Copyright &copy; 2025 All rights reserved.</p>
                    </div>
                    <!--
                    <div class="col-sm-4 col-lg-6">
                        <div class="footer_social">
                            <div class="social1">
                                <ul>
                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fab fa-vimeo-v"></i></a></li>
                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    -->
                </div>
            </div>
        </div>
    </footer>

    <script src="assets/js/plugins/jquery.2.1.0.min.js"></script>
    <script src="assets/js/plugins/bootstrap.min.js"></script>
    <script src="assets/js/plugins/jquery.nav.js"></script>
    <script src="assets/js/plugins/jquery.waypoints.min.js"></script>
    <script src="assets/js/plugins/jquery-modal-video.min.js"></script>
    <script src="assets/js/plugins/owl.carousel.js"></script>
    <script src="assets/js/plugins/popper.min.js"></script>
    <script src="assets/js/plugins/jquery.slicknav.js"></script>
    <script src="assets/js/plugins/wow.min.js"></script>
    <script src="assets/js/plugins/splitting.js"></script>
    <script src="assets/js/plugins/scroll-out.min.js"></script>
    <script src="assets/js/plugins/jquery.counterup.js"></script>
    <script src="assets/js/plugins/simpleParallax.js"></script>
    <script src="assets/js/main.js"></script>
    
    <script>
        // 电话번호 입력 형식화
        document.addEventListener('DOMContentLoaded', function() {
            const phoneInput = document.getElementById('phone-input');
            if (phoneInput) {
                phoneInput.addEventListener('input', function(e) {
                    let value = e.target.value.replace(/[^0-9]/g, '');
                    // ENABLE_PHONE_LENGTH_VALIDATION이 true일 때 10자 제한
                    if (typeof ENABLE_PHONE_LENGTH_VALIDATION !== 'undefined' && ENABLE_PHONE_LENGTH_VALIDATION) {
                        if (value.length > 10) {
                            value = value.substring(0, 10);
                        }
                    }
                    e.target.value = value;
                });
            }
        });
        
        // 부드러운 스크롤 기능
        $(document).ready(function(){
            $('#cta-button').on('click', function(event) {
                if (this.hash !== "") {
                    event.preventDefault();
                    var hash = this.hash;
                    $('html, body').animate({
                        scrollTop: $(hash).offset().top
                    }, 800, function(){
                        window.location.hash = hash;
                    });
                }
            });
        });
    </script>

</body>
</html>