<?php
include_once('./_common.php');

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/sub.css">', 1);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/common.css">', 2);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/board.css">', 3);
?>


<?php
//	if ( !isset($g5['navTitle']) ) $g5['navTitle'] = "소개";
	$g5['title'] = "시설안내";
?>


<div class="sub sub01" id="company">
        <?php include_once(G5_THEME_PATH.'/head.php'); ?>
        <?php include_once(G5_THEME_PATH.'/sub/sub_visual.php');?>
        <?php // include_once(G5_THEME_PATH.'/navigation.php'); ?>
        <section class="sec sec01">
            <article>
                <div class="wrap" data-aos="fade-up" data-aos-duration="600" >
                    <div class="txt_box">
                        <p>Property Map</p>
                        <h2>시설 배치도</h2>
                        <strong>
                            가든 피크닉의 시설 배치도입니다.<span class="mo_br"></span>
                        </strong>
                    </div>
                    <div class="img_box">
                        <img src="<?php echo G5_THEME_URL?>/img/property_map.jpg">
                    </div>
                </div>
            </article>
        </section>

        <section class="sec sec02">
            <article>
                <div class="wrap">
                    <div class="txt_box">
                        <p>Facilities</p>
                        <h2>시설소개</h2>
                    </div>
                    <div class="icon_box">
                        <ul>
                            <li data-aos="fade-up" data-aos-duration="300">

                                <i class="xi-desktop"></i>
                                <div class="icon_txt">
                                    <strong>매점</strong>
                                    <p><span class="mo_br"></span></p>
                                </div>
                            </li>
                            <li data-aos="fade-up" data-aos-duration="600">

                                <i class="xi-wrench"></i>
                                <div class="icon_txt">
                                    <strong>각 동 개별 에어컨</strong>
                                    <p> </p>
                                </div>
                            </li>
                            <li data-aos="fade-up" data-aos-duration="900">
                                <i class="xi-lightbulb-o"></i>
                                <div class="icon_txt">
                                    <strong>주차장</strong>
                                    <p> </p>
                                </div>
                            </li>
                            <li data-aos="fade-up" data-aos-duration="1200">

                                <i class="xi-call-incoming"></i>
                                <div class="icon_txt">
                                    <strong>중앙 대형 불멍존</strong>
                                    <p></p>
                                </div>
                            </li>
                            <li data-aos="fade-up" data-aos-duration="1500">

                                <i class="xi-alarm-clock-o"></i>
                                <div class="icon_txt">
                                    <strong>화장실</strong>
                                    <p></p>
                                </div>
                            </li>
                            <li data-aos="fade-up" data-aos-duration="1800">

                                <i class="xi-touch"></i>
                                <div class="icon_txt">
                                    <strong>샤워실</strong>
                                    <p>여름 시즌 운영</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </article>
        </section>
<!--
        <section class="sec sec03">
            <article>
                <div class="content3_wrap container">
                    <div class="img_box" data-aos="fade-right" data-aos-duration="600"><img
                            src="<?php echo G5_THEME_URL?>/img/sub_company02.png" alt="">
                    </div>
                    <div class="txt_box" data-aos="fade-left" data-aos-duration="600">
                        <h2>웹 사이트를 위해<br>제작한 아름다운 템플릿</h2>
                        <ul class="txt">
                            <li><i class="xi-check-min"></i>아름답고 이해하기 쉬운 UI,
                                전문 애니메이션</li>
                            <li><i class="xi-check-min"></i>가장 최적화된 디자인과 기술력</li>
                            <li><i class="xi-check-min"></i>유연하고 편리하며 다양한 용도로 서비스 제공</li>
                            <li><i class="xi-check-min"></i>다양한 경험을 기반으로 창의적인 아이디어 찾기</li>
                            <li><i class="xi-check-min"></i>제한 없는 전원 및 사용자 지정 가능성</li>
                            <li><i class="xi-check-min"></i>다양한 동적 모션이 가능한 웹홈페이지</li>
                        </ul>
                    </div>
                </div>
            </article>
        </section>

        <section class="sec sec04">
            <article>
                <div class="wrap">
                    <div class="tab_wrap left"data-aos="fade-right" data-aos-duration="600">
                        <div class="tab_inner">
                            <div class="tab_txt">
                                <h2>완벽한 설계 기반<sapn class="mo_br"></sapn><strong>100% 반응형 홈페이지</strong></h2>
                            </div>

                            <div class="faq-content">
                                <button class="question" id="que-1"><span id="que-1-toggle">+</span><span>'반응형'이란
                                        무엇인가요?</span></button>
                                <div class="answer" id="ans-1">이용자의 기기화면이나 환경에 맞게 자유자재로 변하는 웹홈페이지입니다.</div>
                            </div>
                            <div class="faq-content">
                                <button class="question" id="que-2"><span id="que-2-toggle">+</span><span>'왜 반응형 이어야 할까요? </span></button>
                                <div class="answer" id="ans-2">
                                단 하나의 웹사이트로 다양한 디바이스에 대응을 하며 유지보수 및 추가 수정에 대해 시간과 비용면에서도 보다 효율적입니다.
                                </div>
                            </div>
                            <div class="faq-content">
                                <button class="question" id="que-3"><span id="que-3-toggle">+</span><span>
                                    '반응형 웹'의 장점을 알려주세요.
                                </span>
                                </button>
                                <div class="answer" id="ans-3">
                                    같은 도메인을 사용하므로 비용적 절감이 가능하며 유지보수가 간편합니다. 구축비용의 감소와 더불어 검색엔진(SEO)노출이 용이합니다. 브라우저 크기에 따라 디바이스의 모드에 따라 자연스럽게 레이아웃이 반응합니다.
                                </div>
                            </div>

                        </div>

                    </div>
                    <div class="img_box right"data-aos="fade-left" data-aos-duration="600">
                        <img src="<?php echo G5_THEME_URL?>/img/sub_company03.png" alt="">
                    </div>
                </div>
            </article>
        </section>
        <section class="sec sec06">
            <article>
                <div class="content7_wrap container">
                    <div class="ul_box">
                        <ul>
                            <li>
                                <span>Build perfect websites</span>
                                <h2>페이스메이커의 다양한 <br>디자인의 웹사이트 구축</h2>
                                <p>
                                텍스트를 입력해주세요 텍스트를 입력해주세요.텍스트를 입력해주세요 텍스트를 입력해주세요
텍스트를 입력해주세요 텍스트를 입력해주세요. 텍스트를 입력해주세요 텍스트를 입력해주세요.
                                </p>
                                <a href="<?php echo G5_URL?>/bbs/board.php?bo_table=list01">VIEW MORE</a>
                            </li>
                            <li><span>Build perfect websites</span>
                                <h2>페이스메이커의 다양한 <br>디자인의 웹사이트 구축</h2>
                                <p>
                                텍스트를 입력해주세요 텍스트를 입력해주세요.텍스트를 입력해주세요 텍스트를 입력해주세요
텍스트를 입력해주세요 텍스트를 입력해주세요. 텍스트를 입력해주세요 텍스트를 입력해주세요. 텍스트를 입력해주세요 텍스트를 입력해주세요.
                                </p>
                                <a href="<?php echo G5_URL?>/bbs/board.php?bo_table=list02">VIEW MORE</a>
                            </li>
                            <li><span>Build perfect websites</span>
                                <h2>페이스메이커의 다양한 <br>디자인의 웹사이트 구축</h2>
                                <p>
                                텍스트를 입력해주세요 텍스트를 입력해주세요.텍스트를 입력해주세요 텍스트를 입력해주세요
텍스트를 입력해주세요 텍스트를 입력해주세요. 텍스트를 입력해주세요 텍스트를 입력해주세요. 텍스트를 입력해주세요 텍스트를 입력해주세요.
                                </p>
                                <a href="<?php echo G5_URL?>/bbs/board.php?bo_table=list01">VIEW MORE</a>
                            </li>
                    </div>
                    </li>
                    </ul>
                </div>
            </article>
        </section>
        <section class="sec sec07">
            <article>
                <div class="pj" data-aos="flip-right" data-aos-duration="1500">
                    <h2>새로운 프로젝트를 원하세요?</h2>
                    <p>우리는 귀사의 프로젝트에 대해 듣고 싶습니다.</p>
                    <a href="<?php echo G5_URL?>/bbs/board.php?bo_table=qna">VIEW MORE</a>
                </div>
            </article>
        </section>
-->
</div>

    <script>
        AOS.init({
          // disable on internet explorer
            disable:  function msieversion() {
                return !!(window.navigator.userAgent.indexOf("MSIE ") > 0 || navigator.userAgent.match(
                    /Trident.*rv\:11\./))
            }

        })
    </script>
    <script>
        $('.question').click(function(){
            $('.answer').not($(this).siblings()).removeClass("on")
            $(this).siblings().toggleClass('on');
        });
    </script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>