JS 파일 및 CSS 파일 불러오는 방법 채택완료

<p><?php</p><p>if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가</p><p> </p><p>include_once(G5_THEME_PATH.'/head.sub.php');</p><p>include_once(G5_LIB_PATH.'/latest.lib.php');</p><p>include_once(G5_LIB_PATH.'/outlogin.lib.php');</p><p>include_once(G5_LIB_PATH.'/poll.lib.php');</p><p>include_once(G5_LIB_PATH.'/visit.lib.php');</p><p>include_once(G5_LIB_PATH.'/connect.lib.php');</p><p>include_once(G5_LIB_PATH.'/popular.lib.php');</p><p> </p><p>if($config['cf_include_head']){</p><p>    </p><p>    if(!@include_once($config['cf_include_head'])){</p><p>        </p><p>        die('기본환경');</p><p>        </p><p>    }</p><p>    return;</p><p>    </p><p>}</p><p> </p><p>if (G5_IS_MOBILE) {</p><p>    include_once(G5_THEME_MOBILE_PATH.'/head.php');</p><p>    return;</p><p>}</p><p> </p><p>?></p><p> </p><p>       <span style="color: rgb(120, 32, 185);"><b> <script src="js/bootstrap.js"></script></b></span></p><p><span style="color: rgb(120, 32, 185);"><b>        <script src="js/jquery-2.1.3.min.js"></script></b></span></p><p><span style="color: rgb(120, 32, 185);"><b>        <script src="js/jquery-latest.min.js"></script></b></span></p><p><span style="color: rgb(120, 32, 185);"><b>        <link href="css/bootstrap.min.css" rel="stylesheet"></b></span></p><p> </p><p><span style="color: rgb(120, 32, 185);"><b><!-- 쿼리 메뉴 --></b></span></p><p><span style="color: rgb(120, 32, 185);"><b>        <script type="text/javascript"></b></span></p><p><span style="color: rgb(120, 32, 185);"><b>             jquery(function(){</b></span></p><p><span style="color: rgb(120, 32, 185);"><b>             jquery("ul.sub").hide();</b></span></p><p><span style="color: rgb(120, 32, 185);"><b>             jquery("ul.menu li").hover(function(){</b></span></p><p><span style="color: rgb(120, 32, 185);"><b>                jquery("ul:not(:animated)",this).slideDown("fast");</b></span></p><p><span style="color: rgb(120, 32, 185);"><b>                },</b></span></p><p><span style="color: rgb(120, 32, 185);"><b>                function(){</b></span></p><p><span style="color: rgb(120, 32, 185);"><b>                   jquery("ul",this).slideUp("fast");</b></span></p><p><span style="color: rgb(120, 32, 185);"><b>                });</b></span></p><p><b><span style="color: rgb(120, 32, 185);">          });</span><span class="Apple-tab-span" style="white-space: pre; color: rgb(120, 32, 185);">	</span></b></p><p><span style="color: rgb(120, 32, 185);"><b>        </script></b></span></p><p><span style="color: rgb(120, 32, 185);"><b>        </b></span></p><p><span style="color: rgb(120, 32, 185);"><b>        <!-- 이미지슬라이드 --></b></span></p><p><span style="color: rgb(120, 32, 185);"><b>        <script></b></span></p><p><span style="color: rgb(120, 32, 185);"><b>           jquery (document).ready(function() {</b></span></p><p><span style="color: rgb(120, 32, 185);"><b>               jquery ('#myCarousel').carousel('cycle');</b></span></p><p><span style="color: rgb(120, 32, 185);"><b>               jquery ('#myCarousel2').carousel('cycle');</b></span></p><p><span style="color: rgb(120, 32, 185);"><b>            });</b></span></p><p><span style="color: rgb(120, 32, 185);"><b>        </script></b></span></p><p> </p><p> <style></p><p>        </p><p>        body{</p><p>            margin: 0;</p><p>            padding: 0;</p><p>            width: 100%;</p><p>            background-image: url({$layout_info->background_image});</p><p>            background-repeat: no-repeat;</p><p>            background-size: cover;</p><p>        }</p><p>        </p><p>        ul,li{</p><p>            padding: 0;</p><p>        }</p><p>        </p><p>        </p><p>        #werp{</p><p>            width: 100%;</p><p>            height: 1000px;</p><p>            </p><p>        }</p><p>        </p><p>        #top_menu{</p><p>            width: 980px;</p><p>            height: 150px;</p><p>            margin: auto;</p><p>        }</p><p>        </p><p>        #top_content{</p><p>            width: 980px;</p><p>            height: 300px;</p><p>            margin: auto;</p><p>            margin-top: 150px;</p><p>            background-color: white;</p><p>        }</p><p>        </p><p>        #mid_content{</p><p>            padding: 10px;</p><p>            width: 980px;</p><p>            margin: auto;</p><p>            margin-top: 50px;</p><p>        }</p><p>        </p><p>        #footer{</p><p>            </p><p>            width: 100%;</p><p>            height: 150px;</p><p>            background-color: fuchsia;</p><p>            margin-top: 50px;</p><p>        }</p><p>        </p><p>        .logo{</p><p>            width: 150px;</p><p>            height: 150px;</p><p>            float: left;</p><p>        }</p><p>        </p><p>        .logo img{</p><p>            padding-top: 10px;</p><p>        }</p><p>        </p><p>        .menubar{</p><p>            width: 720px;</p><p>            height: 150px;</p><p>            text-align: center;</p><p>            </p><p>        }</p><p>        </p><p>        </p><p>        /* 마우스오버 컬러 */</p><p>        .menu li a:hover{</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>     color: #F7788A;</p><p><span class="Apple-tab-span" style="white-space:pre">		</span> }</p><p>        </p><p>        .menu li{</p><p>            float: left;</p><p>            list-style: none;</p><p>            padding-left: 60px;</p><p>            text-align: center;</p><p>        }</p><p>        </p><p> </p><p>        </p><p>           /* 메뉴 */</p><p>        .menu li a{</p><p>            float: none;</p><p>            padding-top: 30px;</p><p>            color: white;</p><p>            display: block;</p><p>            font-size: 30px;</p><p>            font-weight: bold;</p><p>            text-decoration: none;</p><p>        }</p><p>        </p><p>        .sub li{</p><p>            list-style: none;</p><p>            padding-top: 10px;</p><p>            float: none;</p><p>            padding-left: 0;</p><p>        }</p><p>            </p><p>            /* 상세 메뉴 */</p><p>        .sub li a{</p><p>            text-align: center;</p><p>            padding: 0;</p><p>            list-style: none;</p><p>            color: white;</p><p>            display: block;</p><p>            font-size: 20px;</p><p>            font-weight: bold;</p><p>            text-decoration: none;</p><p>        }</p><p>        </p><p>        #myCarousel{</p><p>            width: 630px;</p><p>            height: 300px;</p><p>            float: left;</p><p>        }</p><p>        </p><p>        .login_menu {</p><p>            background-color: #232323;</p><p>            padding-top: 35px;</p><p>            height: 166px;</p><p>            text-align: center;</p><p>        }</p><p>        </p><p>        /* 마우스오버 컬러 */</p><p>        .login_menu a:hover{</p><p>             color: white;</p><p>             border-color: #ED006D;</p><p>             background: #ED006D;</p><p><span class="Apple-tab-span" style="white-space:pre">		</span> }</p><p>        </p><p>        .login_menu a{</p><p>            </p><p>            color: black;</p><p>            text-decoration: none;</p><p>            font-weight: bold;</p><p>            border-width:27px; </p><p>            border-color:white; </p><p>            border-style:solid;</p><p>            background-color: white;</p><p>            </p><p>        }</p><p>        </p><p>        .login_menu2 {</p><p>            margin-top: 60px;</p><p>        }</p><p>        </p><p>        /* 마우스오버 컬러 */</p><p>        .login_menu2 a:hover{</p><p>             color: white;</p><p>             border-color: #ED006D;</p><p>             background: #ED006D;</p><p><span class="Apple-tab-span" style="white-space:pre">		</span> }</p><p>        </p><p>        .login_menu2 a{</p><p>            </p><p>            color: black;</p><p>            text-decoration: none;</p><p>            font-weight: bold;</p><p>            border-width:27px; </p><p>            border-color:white; </p><p>            border-style:solid;</p><p>            background-color: white;</p><p>            </p><p>        }</p><p>        </p><p>        </p><p>        </p><p>    </style></p><p>    </p><p>    <body></p><p>        <div id="werp"></p><p>            <div id="top_menu"></p><p>                </p><p>                <!--로고--></p><p>                <div class="logo"></p><p>                    </p><p>                    <img src="{$layout_info->logo_image}"></p><p>                    </p><p>                </div></p><p>                </p><p>                <!--메뉴--></p><p>                <div class="menuber"></p><p>                    </p><p>                    <nav id="gnb"></p><p>        <h2>메인메뉴</h2></p><p>        <ul id="gnb_1dul"></p><p>            <?php</p><p>            $sql = " select *</p><p>                        from {$g5['menu_table']}</p><p>                        where me_use = '1'</p><p>                          and length(me_code) = '2'</p><p>                        order by me_order, me_id ";</p><p>            $result = sql_query($sql, false);</p><p>            $gnb_zindex = 999; // gnb_1dli z-index 값 설정용</p><p> </p><p>            for ($i=0; $row=sql_fetch_array($result); $i++) {</p><p>            ?></p><p>            <li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>"></p><p>                <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a></p><p>                <?php</p><p>                $sql2 = " select *</p><p>                            from {$g5['menu_table']}</p><p>                            where me_use = '1'</p><p>                              and length(me_code) = '4'</p><p>                              and substring(me_code, 1, 2) = '{$row['me_code']}'</p><p>                            order by me_order, me_id ";</p><p>                $result2 = sql_query($sql2);</p><p> </p><p>                for ($k=0; $row2=sql_fetch_array($result2); $k++) {</p><p>                    if($k == 0)</p><p>                        echo '<ul class="gnb_2dul">'.PHP_EOL;</p><p>                ?></p><p>                    <li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a></li></p><p>                <?php</p><p>                }</p><p> </p><p>                if($k > 0)</p><p>                    echo '</ul>'.PHP_EOL;</p><p>                ?></p><p>            </li></p><p>            <?php</p><p>            }</p><p> </p><p>            if ($i == 0) {  ?></p><p>                <li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> 
<a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li></p><p>            <?php } ?></p><p>        </ul></p><p>    </nav></p><p>                </div></p><p>                </p><p>                </p><p>            </div></p><p>            </p><p>            <div id="top_content"></p><p>                </p><p>                <div id="myCarousel" class="carousel slide" data-ride="carousel"> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span></p><p>                    <!--페이지--></p><p>                    <ol class="carousel-indicators"></p><p>                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li></p><p>                        <li data-target="#myCarousel" data-slide-to="1"></li></p><p>                        <li data-target="#myCarousel" data-slide-to="2"></li></p><p>                    </ol></p><p>                    <!--페이지--></p><p> </p><p>                    <div class="carousel-inner"></p><p>                        <!--슬라이드1--></p><p>                        <div class="item active"> </p><p>                            <img src="img/bed.jpg" style="width:650px; height:300px;" alt="First slide"></p><p>                            <div class="container"></p><p>                                <div class="carousel-caption"></p><p>                                </div></p><p>                            </div></p><p>                        </div></p><p>                        <!--슬라이드1--></p><p> </p><p>                        <!--슬라이드2--></p><p>                        <div class="item"> </p><p>                            <img src="img/bed2.jpg" style="width:650px; height:300px;" data-src="" alt="Second slide"></p><p>                            <div class="container"></p><p>                                <div class="carousel-caption"></p><p>                                </div></p><p>                            </div></p><p>                        </div></p><p>                        <!--슬라이드2--></p><p> </p><p>                        <!--슬라이드3--></p><p>                        <div class="item"> </p><p>                            <img src="img/bed3.jpg" style="width:650px; height:300px;" data-src="" alt="Third slide"></p><p>                            <div class="container"></p><p>                                <div class="carousel-caption"></p><p>                                </div></p><p>                            </div></p><p>                        </div></p><p>                        <!--슬라이드3--></p><p>                    </div></p><p> </p><p>                <!--이전, 다음 버튼--></p><p>                    <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> </p><p>                    <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> </p><p>                </div></p><p>                </p><p>                <!--로그인 영역--></p><p>                <div class="Login"></p><p>                <img class="zbxe_widget_output" widget="login_info" skin="eond_ppomppu" /></p><p>                    </p><p>                    <!--로그인 하단 영역--></p><p>                    <div class="login_menu"></p><p>                        <a href="#">M-OTP</a></p><p>                        <a href="#">캐시 충전</a></p><p>                        <a href="#">고객 센터</a></p><p>                        <nav class="login_menu2"></p><p>                            <a href="#">M-OTP</a></p><p>                        <a href="#">캐시 충전</a></p><p>                        <a href="#">고객 센터</a></p><p>                        </nav></p><p>                    </div></p><p>                </div></p><p>                </p><p>            </div></p><p>            </p><p>            <!--컨텐츠--></p><p>            <div id="mid_content"></p><p> </p><p><strong style="color: rgb(127, 127, 127); font-family: 돋움, Dotum, sans-serif; font-size: 12px; letter-spacing: -0.01px; line-height: normal;">