.ddmx { color: white; font-size: 12px; font-family: Verdana, Arial, 돋움, 굴림; font-weight: normal; font-style: normal;f;line-height: normal; ont-variant: normal; }
.ddmx .item1, .ddmx .item1:hover, .ddmx .item1-active, .ddmx .item1-active:hover { color: #231f20; font: bold 12px Verdana, Arial, 돋움, 굴림; background: #f99d1c; text-align: left; white-space: nowrap; display: block; padding: 8px 10px 1px; position: relative; height: 20px; border-bottom: 1px inset white; }
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover { padding: 8px 8px 2px 18px; color: #2a1f55; font: bold 12px Verdana, Arial, 돋움, 굴림; background-color: #fcf; text-decoration: none; text-align: left; display: block; white-space: nowrap; width: 200px; height: 20px; z-index: 500; border-bottom-style: inset; border-bottom-width: 1px; }
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover { color: #fffcdf; font-size: 12px; font-family: verdana, arial, 돋움체, 굴림체; font-weight: bold; font-style: normal; background: #c99; }
.ddmx .arrow,
.ddmx .arrow:hover { float: right; padding: 3px 16px 4px 8px; }
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .section { position: absolute; visibility: hidden; z-index: -1; border-width: 1px; }

.ddmx .bottom,
.ddmx .bottom:hover { border-bottom-style: solid; border-bottom-width: 1px; }

* html .ddmx td { position: relative; } /* ie 5.0 fix */