<!-- 상단 시작 { -->
<div id="hd" style="background-image:url(<?php echo G5_IMG_URL ?>/top_bg.jpg)">
    <h1 id="hd_h1"><?php echo $g5['title'] ?></h1>
    <div id="skip_to_container"><a href="#container">본문 바로가기</a></div>
    <?php
    if(defined('_INDEX_')) { // index에서만 실행
        include G5_BBS_PATH.'/newwin.inc.php'; // 팝업레이어
    }
    ?>
    <div id="hd_wrapper">
     <div id="logo">
            <div style="text-align:center">
            <img src="<?php echo G5_IMG_URL ?>/top.jpg" usemap="#Map" border="0" />
            <map name="Map" id="Map">
              <area shape="rect" coords="360,10,616,136" href="#" />
            </map>
            </div>
               <div style="float:left;margin-left:300px">
                         <!--- <img src="<?php ## echo G5_IMG_URL ?>/menu.jpg" width="628" height="40" /> --->
                            <img src="img/menu.jpg" width="628" height="40" />
                        </div>
                        
                        <div style="float:left; margin-top:10px; margin-bottom:10px;margin-left:100px">
                      <fieldset id="hd_sch">
                        <legend>사이트 내 전체검색</legend>
                        <form action="<?php echo G5_BBS_URL ?>/search.php" method="get" name="fsearchbox" id="fsearchbox" onsubmit="return fsearchbox_submit(this);">
                          <input type="hidden" name="sfl" value="wr_subject||wr_content" />
                          <input type="hidden" name="sop" value="and" />
                          <label for="sch_stx" class="sound_only">검색어<strong class="sound_only">필수</strong></label>
                          <input type="text" name="stx" id="sch_stx" maxlength="20" />
                          <input type="image" src="<?php echo G5_IMG_URL ?>/btn_search.jpg" id="sch_submit" value="검색" />
                        </form>
                        <script>
                            function fsearchbox_submit(f)
                            {
                                if (f.stx.value.length < 2) {
                                    alert("검색어는 두글자 이상 입력하십시오.");
                                    f.stx.select();
                                    f.stx.focus();
                                    return false;
                                }
                
                                // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
                                var cnt = 0;
                                for (var i=0; i<f.stx.value.length; i++) {
                                    if (f.stx.value.charAt(i) == ' ')
                                        cnt++;
                                }
                
                                if (cnt > 1) {
                                    alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
                                    f.stx.select();
                                    f.stx.focus();
                                    return false;
                                }
                
                                return true;
                            }
                            </script>
                      </fieldset>
                    </div>
      </div> 
        </div>
    </div>
</div>
<!-- } 상단 끝 -->​

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:dotum; background:#000}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:dotum}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#999;text-decoration:none}
a:hover, a:focus, a:active {color:#999;text-decoration:underline}
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
/* 상단 레이아웃 */
#hd {z-index:4;position:relative;min-width:970px}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:0;width:970px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
/* 전체 검색 */
#hd_sch {float:left;margin-left:84px;padding:0;}
#hd_sch legend {position:absolute;margin:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {border:0;cursor:pointer}
/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}​