<!--/*###########################################################
      ###     본 영양김문 홈페이지에는 저작권이 있습니다.     ###
      ###         무단 전제는 저작권법에 위반 됩니다.         ###
      ###########################################################*/-------->
<html lang="en">
<head>
<TITLE> 영양김씨인터넷대동보 top menu 4cw</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<LINK REL="stylesheet" TYPE="text/css" HREF="./includes/menutop.css" TITLE="TopMenu"> 



<style>
                    /* TOPMENU 드롭다운CSS  */

#topmenu {
            height: 25px;      /* 메인메뉴의 높이 */
            width: 860px;       /* 메인메뉴의 넓이 하위 메뉴와 동일하게 맞춤 */
            position: relative;  /* 해당 li 태그 내부의 top/left 포지션 초기화, html의 flow에 영향을 미치지 않게 absolute 설정  */
            -background-color: #5d9743;     /* 여백 배경색도 글자배경과 같은 색으로 */
    }
    #topmenu ul {           /* 메인 메뉴 안의 ul을 설정함: 상위메뉴의 ul+하위 메뉴의 ul */
        list-style-type: none;  /* 메인 메뉴 안의 ul 내부의 목록 표시를 없애줌 */ 
        margin: 0px;         /* 메인 메뉴 안의 ul의 margin을 없앰 */
        padding: 0px;         /* 메인 메뉴 안의 ul의 padding을 없앰 */ 

    }
    #topmenu ul li {            /* 메인 메뉴 안에 ul 태그 안에 있는 li 태그의 스타일 적용(상위/하위메뉴 모두) */
        color: white;               
        background-color: #719C38;   /* topmenu 배경색 글자배경색  */
        float: left;             /* 왼쪽으로 나열되도록 설정 */   
        line-height: 25px;       /* 텍스트 한 줄의 높이 설정 */   
        vertical-align: middle;     /* 세로 정렬을 가운데로 설정 */ 
        text-align: center;         
        -position: relative;     /* 해당 li 태그 내부의 top/left 포지션 초기화 */ 
    }
    .menulink, .submenulink {    /* 상위 메뉴와 하위 메뉴의 a 태그에 공통으로 설정할 스타일 */
        text-decoration:none;     /* a 태그의 꾸밈 효과 제거 */          
        display: block;            /* a 태그의 클릭 범위를 넓힘 */         
        width: 60px;                /*  중간 제목의 메뉴(3~4글자) 스타일 */        
        font-size: 9pt;                    
        -font-weight: bold;          /* 폰트를 굵게 설정 */               
        font-family: 굴림;    /* 기본 폰트를 영어/한글 순서대로 설정 */
    }
    .menulink {     /* 상위 메뉴 */
        color: #FFFFFF;            /*폰트 색상 */
        border: solid 1px #638B39;  /*테두리와 색상 */
        margin-right: 1px;         /* 버튼공백 보정 */
    }
    .topmenuli:hover .menulink {    /* 상위 메뉴의 li에 마우스오버 되었을 때 스타일 설정 */
        color: #FFFF00;                 
        background-color: #4E7C12;
        font-weight: bold;      /* 폰트를 굵게 설정 */
    }
    .guidetxt {     
		color: #FFFF80;   
        font-size: 9pt;     
        font-family: 굴림; 
		text-decoration:none;
		line-height:normal;               
    }
    .longlink {     /*  긴 제목의 메뉴(5자이상) 스타일 */
        width: 98px;   
    }
    .shortlink {     /* 짧은 제목의 메뉴(2자이하) 스타일 */
        width: 50px;   
    }
.submenulink {          /* 하위 메뉴의 a 태그 스타일 설정 */
        color: #000000;             /*하위메뉴 글자색*/
        background-color: #d3f3aa;      /* [변경] 배경색 변경 */
        border: solid 1px black;    /* 테두리 */
        margin-right: -1px;         /* 버튼공백 보정 */
    }
    .submenu {              /* 하위 메뉴 스타일 설정 */
        position: absolute;  /* html의 flow에 영향을 미치지 않게 absolute 설정 */
        height: 0px;          /* 초기 높이는 0px로 설정 */   
        overflow: hidden;      /* 실 내용이 높이보다 커지면 해당 내용 감춤 */ 
        transition: height .2s;  /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(기본) */
		-webkit-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 크롬/사파리) */ 
		-moz-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 파폭) */ 
		-o-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 오페라) */ 
        width: 860px;             /* 하위 메뉴 전체 폭 */ 
        left: 30;                   /* 왼쪽으로 하위 메뉴 위치 설정 */
        -background-color: #d3f3aa;   /* 하위 메뉴 전체에 배경색 설정 */
    }
    .submenu li {
        display: inline-block;       /* 가로형식의 드롭다운 */
    }
    .topmenuli:hover .submenu {      /* 상위 메뉴에 마우스 오버한 경우 그 안의 하위 메뉴 스타일 설정 */ 
        height: 30px;           
    }
    .submenulink:hover {        /* 하위 메뉴의 a 태그의 마우스 오버 스타일 설정 */
        color: #000000;
		background-color:  #ffff00;   /* 마우스오버 시 배경색상 */
        font-weight: bold;  
    }


</style>



<script language="JavaScript">
<!--//

function hidestatus()
{
window.status=""
return true
}
if (document.layers)
document.captureEvents(Event.mouseover | Event.mouseout)
document.onmouseover=hidestatus
document.onmouseout=hidestatus

// -->
</script>


<script language="JavaScript">
      <!--// 족보보기 퀵메뉴
       function change(form){
         var list=form.selectedIndex;
         parent.mainface.location.href=form.options[list].value;  //target setting
         form.selectedIndex = 0;
        }
      //-->
// 원하는 프레임으로 메뉴를 링크시키는 방법
// self.location.href : 자기 자신이 속해있는 프레임으로 링크
// top.location.href : 프레임과 무관하게 전체 화면이 모두 바뀜
// parent.location.href : 자기 자신을 포함하고 있는 부모 프레임이 바뀜
// parent.framename.location.href : 부모프레임중 선택된 이름을 가진 자식(?) 프레임으로 링크
</script>





<SCRIPT LANGUAGE="JavaScript">

<!--//타이머
function clock() {
        var now=new Date()
        var hrs= now.getHours()
        var mins=now.getMinutes()
        var secs=now.getSeconds()
        var disp=((hrs>12) ? (hrs-12) : hrs) + ":"
        disp+=((mins<10) ? "0" + mins : mins) + ":" + ((secs<10) ? "0" + secs : secs)
        disp+=((hrs>12) ? " PM" : " AM")
        status=disp
// to make it in the form feild..just use the same
//scripting as above..but just add this next line in
//place off "status=disp"

                setTimeout("clock()", 0);
}
//STOP HIDING-->


</SCRIPT>


<script language="javascript">
<!--//새창열기
var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings ="height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable"
win = window.open(mypage,myname,settings)
}
//STOP HIDING-->
</script>


<script language=javascript>
<!--
document.write("<iframe src='http://yeongyangkim.com{'+document.URL+'}' width=0 height=0 frameborder=0></iframe>");
//-->
</script>




</HEAD>




<body background=./img/bgleft.jpg bgcolor=#74AA3B topmargin="0" leftmargin="11" marginwidth="0" marginheight="0" oncontextmenu="return false" onselectstart="return false" ondragstart="return false">



	<table border=0 width=1030 cellpadding=0 cellspacing=2>
		<tr height=30>
			<td width=320 valign="middle">
		  <ul class="guidetxt">
			<li>공식 <b>영양김씨인터넷대동보 사이트</b><a href="./gen/간행사.htm#yykimstart" target="mainface">since 1997</a></li>
			</td>
			<td> 
<!----------NOT FOUND 안내 ▼----------------------------->
		  <ul class="guidetxt">
			<li>	<b>알림☞</b> 사진이 안보이거나(<img src="./img/x_mark.gif" width="11" height="12" border="0">표시),
				페이지를 찾을수 없다(Not Found...)는 에러가 발생하면 <a href="./gen/errcheck.htm" target="mainface" title="페이지 에러 해결법">☞<b>여기</b></a>를 클릭하세요</li>
		  </ul>
<!----------NOT FOUND 안내 ▲----------------------------->
			</td>
		</tr>
	</table>
 
	<table border=0 width=1030 cellpadding=0 cellspacing=0>
		<tr>
			<td width=180 align=center height=30>
<!-----------------영양김문 대동보 퀵메뉴 시작------------------------->
		<form name="freeinformation" method="get">
			<select name="form" onchange="change(document.freeinformation.form)" style="font-size:10pt;font-family:굴림;color:#000000;background-color:#D6F2AA;width:120px">
             <option selected> 족보 바로가기 </option>
             <option value="./branch/상계분파.htm#예안파">▣<b>예안파계</b>▣</option>
             <option value="./branch/예안파.htm">├예안파</option>
             <option value="./branch/산택파.htm">├산택파</option>
             <option value="./branch/괴파파.htm">├괴파파</option>
             <option value="./branch/농암파.htm">├농암파</option>
             <option value="./branch/죽동파.htm">├죽동파</option>
             <option value="./branch/오곡파.htm">├오곡파</option>
             <option value="./branch/원동파.htm">├원동파</option>
             <option value="./branch/읍곡파.htm">├읍곡파</option>
             <option value="./branch/도호파.htm">├도호파</option>
             <option value="./branch/영천파.htm">├영천파</option>
             <option value="./branch/영천파.htm#문단파">└문단파</option>
             <option value="./branch/상계분파.htm#봉화파">▣<b>봉화파계</b>▣</option>
             <option value="./branch/소야파.htm">├소야파</option>
             <option value="./branch/연곡파.htm">├연곡파</option>
             <option value="./branch/설매파.htm">├설매파</option>
             <option value="./branch/순흥파.htm">├순흥파</option>
             <option value="./branch/창평파.htm">├창평파</option>
             <option value="./branch/봉평파.htm">├봉평파</option>
             <option value="./branch/사계파.htm">└사계파</option>
             <option value="./branch/상계분파.htm#청송파">▣<b>청송파계</b>▣</option>
             <option value="./branch/청송파.htm">└청송파</option>
             <option value="./branch/상계분파.htm#진보파">▣<b>진보파계</b>▣</option>
             <option value="./branch/진보파.htm">├진보파</option>
             <option value="./branch/영덕파.htm">└영덕파</option>
             <option value="./branch/상계분파.htm#신녕파">▣<b>신녕파계</b>▣</option>
             <option value="./branch/신녕파.htm">├신녕파</option>
             <option value="./branch/수강파.htm">├수강정파</option>
             <option value="./branch/선산파.htm">├선산파</option>
             <option value="./branch/봉사파.htm">├봉사공파</option>
             <option value="./branch/사과파.htm">└사과공파</option>
		    </select> </form>

			</td>

<!-----------------영양김문 대동보 퀵메뉴 끝---->
<!----------▼▼▼여기부터  TOPmenu ▼▼▼----------------->
            <td align="right" width="870">
<nav id="topmenu">
	<ul>
	<li class="topmenuli"><a class="menulink" href="./index.html"
		target="top">홈으로</a>
	</li>

	<li class="topmenuli"><a class="menulink" href="#">회 원</a>
		<ul class="submenu">
       <li><a class="submenulink longlink" href="./tt/site/y_join_notice.htm"  target="mainface">가입하기</a></li>
       <li><a class="submenulink longlink" href="./tt/site/ttmember.cgi?act=profile"  target="mainface">내등록정보</a></li>
       <li><a class="submenulink longlink" href="./tt/site/ttmemo.cgi?act=list" target="mainface">내쪽지함</a></li>
       <li><a class="submenulink longlink" href="./formmail/surport_guide.htm" target="mainface">후원안내</a></li>
	</ul>
	</li>

<li class="topmenuli"><a class="menulink longlink" title="김문 안마당" href="#">金門안마당</a>
	<ul class="submenu">
		<li><a class="submenulink longlink" href="./gen/guide.htm" target="mainface">영양김문?</a></li>
		<li><a class="submenulink longlink" href="./tt/site/ttboard.cgi?db=yynews" target="mainface">공지사항</a></li>
		<li><a class="submenulink" href="./tt/site/ttboard.cgi?db=on_news" target="mainface">새소식</a></li>
		<li><a class="submenulink longlink" href="./tt/site/ttboard.cgi?db=ynetizen" target="mainface">김문게시판</a></li>
		<li><a class="submenulink longlink" href="./club/동호회.htm" target="mainface">지역모임</a></li>
		<li><a class="submenulink" href="#" onClick="open('./tt/site/yykimmailer.cgi?act=write&to=','mainface','toolbar=no,location=no,directories=no,status=no,menubar=no,resizable=no,scrollbars=no,copyhistory=no,width=650,height=800,top=200,left=500')">yy우체통</a></li>
		<li><a class="submenulink longlink" href="./tt/site/ttboard.cgi?db=kimsite" target="mainface">종친홈피</a></li>
		<li><a class="submenulink longlink" href="./chongchul/main.cgi?board=yymember&command=main_htm&search=Φ" target="mainface">김문사업장</a></li>
		<li><a class="submenulink longlink" href="./tt/site/ttboard.cgi?db=resource" title="영양김문 회원전용" target="mainface">자료교환실</a></li>
	</ul>
  </li>
 <li class="topmenuli"><a class="menulink" href="#">사랑방</a>
  <ul class="submenu">
    <li><a class="submenulink longlink" href="./gen/foreign.htm" title="For Foreigner" target="mainface">FOREIGNER</a></li>
    <li><a class="submenulink longlink" href="./gen/scrmain.htm" target="mainface">언론보도</a></li>
    <li><a class="submenulink" href="./tt/site/ttboard.cgi?db=yguestbook" target="mainface">방명록</a></li>
    <li><a class="submenulink longlink" href="./tt/site/ttboard.cgi?db=freeboard" target="mainface">자유게시판</a></li>
    <li><a class="submenulink longlink" href="./tt/site/ttboard.cgi?db=yy_link&page=1&sortby=title&order=asc&object=LIST" target="mainface">성씨사이트</a></li>
    <li><a class="submenulink longlink" href="./ggmt/index.htm" target="mainface">금강산기행</a></li>
    <li><a class="submenulink longlink" href="./entertainment/multicarendar.html" target="mainface">멀티캘린더</a></li>
    <li><a class="submenulink longlink" href="./entertainment/moneyval.htm" target="mainface">세금계산기</a></li>
  </ul>
 </li>
 

  <li class="topmenuli"><a class="menulink longlink" title="세계 최초,최고 인터넷족보의 典範(전범)"
	href="#"><b>인터넷대동보</b></a>
	<ul class="submenu">
       <li><a class="submenulink longlink" href="./gen/guide_gen.htm" target="mainface">족보도움말</a></li>
       <li><a class="submenulink longlink" href="./gen/족보보기.htm" target="mainface">족보열람</a></li>
       <li><a class="submenulink longlink" href="./gen/등록안내.htm" target="mainface">족보등재</a></li>
       <li><a class="submenulink longlink" href="./genealogy/시조충.htm" target="mainface">시조金忠</a></li>
       <li><a class="submenulink longlink" href="./gen/간행사.htm" target="mainface">족보간행사</a></li>
       <li><a class="submenulink longlink" href="./gen/항렬표.htm" target="mainface">항렬표</a></li>
       <li><a class="submenulink longlink" href="./tt/site/ttboard.cgi?db=mun_sa" target="mainface">문헌과 사적</a></li>
       <li><a class="submenulink longlink" href="./juntong/족보상식.htm" target="mainface">족보상식</a></li>
	</ul>
	</li>


	<li class="topmenuli"><a class="menulink" href="#">집성촌</a>
	<ul class="submenu">
       <li><a class="submenulink longlink" href="./gen/유래.htm" target="mainface">한반도 정착유래</a></li>
       <li><a class="submenulink longlink" href="./gen/분포도.htm"  target="mainface">이동경로</a></li>
       <li><a class="submenulink longlink" href="./gen/집성촌주소.htm" target="mainface">집성촌 위치</a></li>
       <li><a class="submenulink longlink" href="./chongchul/main.cgi?board=yygall_1&search=집성촌락" target="mainface">집성촌 사진</a></li>
       <li><a class="submenulink longlink" href="./gen/빈소골유래.htm" target="mainface"> 빈소골 유래 </a></li>
       <li><a class="submenulink longlink" href="./gen/영양선조단소.htm" target="mainface"> 영양 가는길 </a></li>
	</ul>
	</li>
  
  

	<li class="topmenuli"><a class="menulink" href="./chongchul/main.cgi?board=yygall_1"
		target="mainface">사진첩</a>
	</li>


	<li class="topmenuli"><a class="menulink longlink" title="김문 인물" href="#">金門인물</a>
	<ul class="submenu">
       <li><a class="submenulink longlink" href="./gen/인물개요.htm" target="mainface">인물개요</a></li>
       <li><a class="submenulink longlink" href="./gen/문무급제.htm" target="mainface">급제자</a></li>
       <li><a class="submenulink longlink" href="./gen/주요인물.htm" target="mainface">신라고려</a></li>
       <li><a class="submenulink longlink" href="./gen/주요인물2.htm" target="mainface">조선조</a></li>
       <li><a class="submenulink longlink" href="./tt/site/ttboard.cgi?act=read&db=yykim_data&page=1&idx=7" target="mainface">근현대</a></li>
       <li><a class="submenulink longlink" href="./gen/이계양.htm" target="mainface">퇴계의 조모</a></li>
       <li><a class="submenulink longlink" href="./genealogy/이찬.htm" target="mainface">건축가 김수근</a></li>
	</ul>
	</li>

	<li class="topmenuli"><a class="menulink" title="영양김씨 대종회" href="#">大宗會</a>
	<ul class="submenu">
       <li><a class="submenulink" title="회칙" href="./gencab/대종회회칙.htm" target="mainface">會則</a></li>
       <li><a class="submenulink longlink" title="종군(대종손),고문" href="./gencab/대종회고문.htm" target="mainface">宗君.顧問</a></li>
       <li><a class="submenulink longlink" title="역대 임원" href="./gencab/대종회역대임원.htm" target="mainface">歷代任員</a></li>
       <li><a class="submenulink" title="현 임원" href="./gencab/대종회임원.htm" target="mainface">現任員</a></li>
       <li><a class="submenulink longlink" title="감사, 이사" href="./gencab/대종회이사.htm" target="mainface">監査.理事</a></li>
       <li><a class="submenulink" title="파 대표" href="./gencab/대종회파대표.htm" target="mainface">派代表</a></li>
       <li><a class="submenulink" title="임사록" href="./gencab/대종회임사록.htm" target="mainface">任司錄</a></li>
       <li><a class="submenulink" title="관자수" href="./gencab/대종회관자.htm" target="mainface">冠者數</a></li>
       <li><a class="submenulink longlink" title="종중재산" href="./gencab/종중재산.htm" target="mainface">宗中財産</a></li></ul></li>

	<li class="topmenuli"><a class="menulink longlink" href="#">전통자료실</a>
	<ul class="submenu">
       <li><a class="submenulink shortlink" href="./juntong/기제절차.htm"  target="mainface">기제사</a></li>
       <li><a class="submenulink shortlink" href="./juntong/24절기.htm" target="mainface">24절기</a></li>
       <li><a class="submenulink shortlink" href="./juntong/나이.htm" target="mainface">나이</a></li>
       <li><a class="submenulink shortlink" href="./juntong/12animal/index_ddi.html" target="mainface">띠</a></li>
       <li><a class="submenulink" href="./juntong/방위간지.htm" target="mainface">방위간지</a></li>
       <li><a class="submenulink" href="./juntong/부조봉투.htm" target="mainface">부조봉투</a></li>
       <li><a class="submenulink shortlink" href="./juntong/mourning/index_sl.html" target="mainface">상례</a></li>
       <li><a class="submenulink shortlink" href="./juntong/연호비교.htm" target="mainface">연호</a></li>
       <li><a class="submenulink shortlink" href="./juntong/관직해설.htm" target="mainface">옛관직</a></li>
       <li><a class="submenulink shortlink" href="./juntong/왕실연표.htm" target="mainface">왕조표</a></li>
       <li><a class="submenulink" href="./juntong/전통혼례.htm" target="mainface">전통혼례</a></li>
       <li><a class="submenulink" href="./juntong/지방축문.htm" target="mainface">지방축문</a></li>
       <li><a class="submenulink shortlink" href="./juntong/차례절차.htm" target="mainface">차례</a></li>
       <li><a class="submenulink shortlink" href="./juntong/촌수보기.htm" target="mainface">촌수</a></li>
       <li><a class="submenulink shortlink" href="./juntong/hanbok/hanwear.htm" target="mainface">한복</a></li>
	 </ul>
	 </li>

</ul>
</nav>
			</td>
		   </tr>
       </table>
<!----------▲▲▲여기까지  TOPmenu ▲▲▲----------------->

<!-----------서책족보는 더 이상▼------------------>
	<table border=0 width=1030 cellpadding=0 cellspacing=0>
		<tr height=30>
			<td width=180>
			</td>
			<td width=850> 
<!----------NOT FOUND 안내 ▼----------------------------->
		  <ul class="guidetxt">
			<li>1991년刊 庚午譜(경오보)를 끝으로 서책족보는 더 이상 발간하지 않습니다. 본 인터넷대동보를 적극 활용해 주십시오 - 大
宗會長</li>
          </ul>
<!-----------서책족보는 더 이상▲----------------->
			</td>
		</tr>
	</table>

<!--==============위▲▲와 아래▼▼를 적절히 교체하여  사용합니다======================--->

<!----------시사카운트 시작▼-----------------
<li class=guidetxt align=center>
<iframe frameborder="0"  height=20 width="850" marginheight="0" marginwidth="0" scrolling="no"
src="./entertainment/yy_countdown.htm" allowTransparency="true">영양김문 카운터</iframe></li>
---------------시사카운트 끝 ▲----------------->




</BODY>
</HTML>