서브메뉴 이미지 작업없이 나눔고딕을 사용해서
서브메뉴를 만들었는데요
 


소스는..
페이지에서 메뉴 보여지는 소스
<!-- 사이드 시작 -->
                  <div id="subWrap">
                    <div class="subMenu">
                      <ul>
                        <li class="select"><a href="intro1.php">(X)HTML 소개</a></li>
                        <li><a href="intro2.php">레퍼런스 소개</a></li>
                        <li><a href="intro3.php">활용예제</a></li>
                      </ul>
                    </div>
                  </div>
<!-- 사이드 끝 -->
 
사이트메뉴 css는
.subMenu {
 width:192px;
}
.subMenu h2 {
 padding-bottom:10px;
 border-bottom:2px solid #ff6738;
}
.subMenu h2 img {
 padding:1px 0 0 4px;
}
.subMenu ul li a {
 display:block;
 padding:4px 0 4px 21px;
 color:#333333;
 font-family:'NanumGothicBold';
 border-bottom:1px solid #E3E3E3;
 background:url(icon_submenu.gif) no-repeat 164px 9px;
 height:1%;
}
.subMenu ul li a:hover, .subMenu ul li a:focus, .subMenu ul li.select a {
 color:#1890CD;
 text-decoration:none;
 font-family:'NanumGothicBold';
 background:url(icon_submenu_ov.gif) no-repeat 164px 9px;
}
.subMenu ul li.select a {
 font-family:'NanumGothicBold';
}


소스쪽은 잘 몰라서..이렇게 도움을 구해 봅니다.
아시는 분은 답변 좀 주세요