/* @added by KTHLAB. 2010.03.18 */

/* <style> */

/* ----- Required ----------------------------------------------------------- */

div.vert_menu
{
  position: absolute;
  visibility: hidden;
  display: none;
}

div.horz_menu a { display: block; float: left; }
div.vert_menu a { display: block; float: none; }


/* ----- Sample 1 ----------------------------------------------------------- */

div.sample1 div.vert_menu { border-bottom: 1px solid black; }

div.sample1 div.horz_menu a,
div.sample1 div.vert_menu a
{
/*
  border:  1px solid black;
*/
  border:  1px solid #4e637a;
  padding: 1px 0px 1px 0px;

  width: 106px;

  background: #FFFFDD;

  text-decoration: none;
  font-family: "Times New Roman", Serif;
  font-weight: 900;
  font-size: 13px;
/*
  color: #008000;
*/
}

div.sample1 div.horz_menu a { margin-right:  -1px; }
div.sample1 div.vert_menu a { margin-bottom: -1px; }

div.sample1 div.horz_menu a:hover,
div.sample1 div.vert_menu a:hover,
div.sample1 div.horz_menu a.active,
div.sample1 div.vert_menu a.active { background: #FFFFEE; }


/* ----- Sample 2 ----------------------------------------------------------- */

/*
div.sample2 div.vert_menu { border-bottom: 1px solid black; }
*/
div.sample2 div.vert_menu { border-bottom: 1px solid #4e637a; }

div.sample2 div.horz_menu a,
div.sample2 div.vert_menu a
{
/*
  border: 1px solid black;
*/
  border: 0px solid #4e637a;

  width: 130px;

  height:      30px;
  line-height: 29px;
  vertical-align: middle;

  text-decoration: none;
  font-family: dotum, "Times New Roman", Serif;
  font-weight: 900;
  font-size: 13px;
/*
  color: #206040;
*/
  color: #ffffff;
}

div.sample2 div.horz_menu a
{
  background: url('dhtml-menu.png') 0px 120px; /* Top horizon a */
}
div.sample2 div.vert_menu a
{
  background: url('dhtml-menu.png') 0px 120px;
}

div.sample2 div.horz_menu a { margin-right:  -1px; }
div.sample2 div.vert_menu a { margin-bottom: -1px; }

div.sample2 div.horz_menu a:hover,
div.sample2 div.vert_menu a:hover
{
/*
  color: #206060;
*/
  color: #ffffff;
}
/*
À̹ÌÁö°¡ ¾Æ·¡¿Í °°´Ù¸é.
+----+
| 180 |
+----+
| 150 |
+----+
| 120 |
+----+
|  90 |
+----+
|  60 |
+----+
|  30 |
+----+
*/

div.sample2 div.horz_menu a:hover
{
  background-position: 0px 90px; /* ÇÏÀ§¸Þ´º¾ø´Â ÀϹݸ޴º - ¼öÆò¸Þ´º¿¡¼­ ¸¶¿ì½ºÈ£¹ö½Ã */
}
div.sample2 div.vert_menu a:hover
{
  background-position: 0px 90px; /* ÇÏÀ§¸Þ´º¾ø´Â ÀϹݸ޴º - ¼öÁ÷¸Þ´º¿¡¼­ ¸¶¿ì½ºÈ£¹ö½Ã */
}

div.sample2 div.horz_menu a.parent
{
  background-position: 0px 180px; /* ÇÏÀ§¸Þ´ºÀÖ´Â ÀϹݸ޴º - ¼öÆò¸Þ´º¿¡¼­ Á¤Àû»óÅ */
}
div.sample2 div.vert_menu a.parent
{
  background-position: 0px 60px; /* ÇÏÀ§¸Þ´ºÀÖ´Â ÀϹݸ޴º - ¼öÁ÷¸Þ´º¿¡¼­ Á¤Àû»óÅ */
}

div.sample2 div.horz_menu a.active,
div.sample2 div.horz_menu a.active:hover
{
/*
  color: #206060;
*/
  color: #ffffff;
  background-position: 0px 150px; /* 150px; ÇÏÀ§¸Þ´ºÀÖ´Â ÀϹݸ޴º - ¼öÆò¸Þ´º¿¡¼­ ¸¶¿ì½ºÈ£¹ö½Ã */
}

div.sample2 div.vert_menu a.active,
div.sample2 div.vert_menu a.active:hover
{
/*
  color: #206060;
*/
  color: #ffffff;
  background-position: 0px 30px; /* ÇÏÀ§¸Þ´ºÀÖ´Â ÀϹݸ޴º - ¼öÁ÷¸Þ´º¿¡¼­ ¸¶¿ì½ºÈ£¹ö½Ã */
}