JS 파일 및 CSS 파일 불러오는 방법

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