#cssmenu ul {
  margin: 0px ;
  padding: 0px 0px 0;
  background: #133c68 url(images/top_menu_sub_bg.gif) repeat-x 0 -38px;    /* 원본 background: #133c68 url(images/top_menu_sub_bg.gif) repeat-x 0 -50px; */
  line-height: 38px;    /* 원본  line-height: 100%;  */
  border-radius: 0em;
  font: normal 0.5333333333333333em Arial, Helvetica, sans-serif;

  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
  width: auto;    /* 원본   width: auto; */
 }
#cssmenu li {
  margin: 0 0px;         /* 원본 margin: 0 5px;    */
  padding: 0 0 0px;      /*  padding: 0 0 8px;     */
  float: left;
  position: relative;
  list-style: none;
  z-index: 1300;  /* 원본  z-index: 1300;    의미없음  */
}
#cssmenu a,
#cssmenu a:link {
  font-weight: bold;
  font-size: 13px;    /* 원본  font-size: 13px;  타이틀의 폰트 사이즈*/
  color: #e7e5e5;     /* 원본 color: #e7e5e5; */
  text-decoration: none;
 /* 원본... 이게 있으면 링크시 br 효과가 있음   display: block;*/
  padding: 0px 0px;   /* 원본 padding: 8px 20px;   */
  margin: 0;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
}
#cssmenu a:hover {
  background: #000;
  color: #fff;
}
#cssmenu .active a,
#cssmenu li:hover > a {
  background: #1b5593 url(images/top_menu_sub_bg.gif) repeat-x 0 -38px;  /* 원본 38  의미없음 */
  background: #0066ff url(images/top_menu_sub_bg.gif) repeat-x 0 -38px;
  color: #444;
/* 원본  border-top: solid 0px  #f8f8f8;   /* solid 부분 픽셀 적용하면 밀리는 느낌 *//*
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 0 #ffffff;   
 */

border-top: solid 0px  #f8f8f8;   /* solid 부분 픽셀 적용하면 밀리는 느낌 */
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
  text-shadow: 0 0px 0 #ffffff;


}
#cssmenu ul ul li:hover a,
#cssmenu li:hover li a {
  background: none;    /* 원본 - background: none; */
  border: none;
  color: #666;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#cssmenu ul ul a:hover {


/* background: #133c68 url(images/top_menu_sub_bg.gif) repeat-x 0 -40px !important;   /*  원본 : 마우스 오버시 나오는 색  background: #133c68 url(images/overlay.png) repeat-x 0 -100px !important;     */

/*  마우스 오버시 글자를 가리는 것을 방지하기 위해서 주석 처리함  

  color: #fff !important;
  -webkit-border-radius: px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);  */
}


/* 메뉴 마우스오버시 바뀌는 폰트 색 내가 삽입 시작 */

#cssmenu ul li ul li a:hover {

color:#0066ff;
/*  background: #133c68 url(images/top_menu_sub_bg.gif) repeat-x 0 -100px !important;   /*  원본 : 마우스 오버시 나오는 색  background: #133c68 url(images/overlay.png) repeat-x 0 -100px !important;     */

/*  마우스 오버시 글자를 가리는 것을 방지하기 위해서 주석 처리함  

  color: #fff !important;
  -webkit-border-radius: px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);  */
}

/* 메뉴 마우스오버시 바뀌는 폰트 색 내가 삽입 종료 */


#cssmenu li:hover > ul {
  display: block;

}
#cssmenu ul ul {
  display: none;
  margin: 0;
  padding: 0;
  width: 167px;  /* 원본 width: 185px;   카테고리별width */
  position: absolute;
  top: 38px;   /* 원본 top: 40px; 카테고리와 서브 메뉴간의 간격 -해진 원본 38 */
  left: 0;
  background: url(images/top_menu_sub_bg.gif) repeat-x 0 0;  /*원본 0 의미없음  */
  border: solid 0px #b4b4b4;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);

/* 원본  border: solid 1px #b4b4b4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
*/

}
#cssmenu ul ul li {
  float: none;
  margin: 5;      /* margin 과 padding 을 수정하면 행간 간격이 조절된다 - 원본 12*/
  padding: 4px;  /* 원본  padding: 3px; 해진이네 원본 7*/


}
#cssmenu ul ul a,
#cssmenu ul ul a:link {
  font-weight: normal;
  font-size: 12px;  /* 원본   font-size: 12px;  서브 메뉴의 폰트 사이즈 */ 

  
}


#cssmenu ul:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
* html #cssmenu ul {
  height: 1%;
}