body, td, span, th, td, div, input, a, p, h1, h2, h3, h4, h5, textarea {
    font-family: 'Malgun Gothic'; font-size: 12px; color: var(--html-font);
}
body, html { height: 100%; width: 100%; margin: 0px; padding: 0px; background-color: var(--html-bg); }

.top_td { border: solid 0px var(--top-td-border); border-bottom-width: 1px; font-family: Consolas; height: 50px; text-align: center; }
.body_title { height: 30px; padding-top: 8px;  background-color: var(--body_title-bg); text-align: center; }
.body_td { vertical-align: top; padding-top: 10px;  background-color: var(--body_title-bg); text-align: center; }
.footer_td { display: none; background-color: var(--footer-td-bg); font-family: Consolas; height: 70px; text-align: center; }

#title1 { font-weight: bold; font-size: 15px; text-align: left; padding-top: 10px; padding-bottom: 15px; }
.tbl1 { width: 900px; background-color: #ffffff;  display: inline-table; box-shadow: 4px 4px 24px #eaeaea; border: solid 1px #dddddd; }
.tbl1 tr { height: 25px; }
.tbl1 th { color: #777777; border: solid 0px #dddddd; }
.tbl1 td { color: #777777; border: solid 0px #dddddd; border-top-width: 1px; }
.tbl1 tr:hover { background-color: #fffddf; }