html, body, form {
    width: 100%;
    height: 100%;
}

body, table, select, input, textarea, td, th {
    font-family: Dotum;
    font-size: 13px;
    color: #333333;
    line-height: normal;
    margin: 0;
    padding: 0;
}

a {
    cursor: pointer;
}

    a:link {
        color: #4c5c84;
        text-decoration: none;
    }

    a:visited {
        color: #4c5c84;
        text-decoration: none;
    }

    a:active {
        color: #4c5c84;
        text-decoration: none;
    }

    a:hover {
        color: #4c5c84;
        text-decoration: none;
    }

h1 {
    font-size: 14px;
    color: #000000;
    line-height: 3em;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

h2 {
    font-size: 100%;
    background: #4c5c84;
    color: #ffffff;
    font-weight: bold;
    padding: 7px 11px 7px 11px;
    margin: 0px;
    line-height: 12px;
    position: relative;
}

h3 {
    font-size: 100%;
    font-weight: bold;
    padding: 20px 11px 9px 11px;
    margin: 0px;
    line-height: 12px;
    position: relative;
}

h4 {
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 100%;
    width: 100%;
    line-height: 2em;
}

h5 {
    font-size: 100%;
    background: #E4E4E4;
    font-weight: bold;
    line-height: 12px;
    padding: 9px 11px 9px 11px;
    margin: 0px;
    position: relative;
}

h6 {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 100%;
    width: 100%;
    line-height: 3em;
}
input, textarea, select {
    padding: 2px;
    margin: 2px;
    vertical-align: middle;
    border: 1px solid #aaaaaa;
}

/* Top Menu */
#GNB {
    height: 73px;
    color: #4b4b4b;
    font-size: 8pt;
}

#GNB table {
    width: 100%;
}
#GNB ul.top_menu {
    position: relative;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    float: right;
}

#GNB ul li {
    padding: 2px 0px 0px 0px;
    margin: 0px 13px 0px 0px;
    float: left;
}        

#LEFTMENU {
    width: 200px;
    float: left;
    padding: 0px;
    height: 100%;
    border: solid 0px red;
    margin-right: 5px;
}
#LEFTMENU ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
#LEFTMENU ul li.menu {
    background: #4c5c84;
    padding: 6px 0 6px 10px;
    color: #FFFFFF;
    font-weight: bold;
}

#LEFTMENU ul li.submenu {
    background: #FFFFFF;
    padding: 3px 0 3px 20px;
    color: #FF3333;
}

#CONTENT {
    width: calc(100% - 205px);
    float: left;
    min-width: 800px;
    border: solid 0px yellow;
    
}

.top_line {
    margin: 0px;
    padding: 3px 0px 0px 0px;
    border-width: 0px 0px 1px 0px;
    border-bottom: 1px solid #4c5c84;
    background: #EDEDED;
}

table#LoginView_MainContent_WDGInfo {
    width:100%;
}

table#LoginView_MainContent_WDGInfo tr:nth-child(even) {
    background-color: #f2f2f2;
}

table#LoginView_MainContent_WDGInfo tr:first-child td {
    font-weight: 700;
    height: 25px;
    background-color: #dfe8ff;
    text-align: center;
    padding:5px;
}

table#LoginView_MainContent_WDGInfo tr td {
    height:25px;
}

#LoginView_MainContent_Inquiry {
    padding: 2px;
    margin: 2px;
    vertical-align: middle;
    border: 1px solid #4c5c84;
    background: #c1e2ff;
}

#dvLoginForm {
    margin: auto;
    width: 200px;
    margin-top: 200px;
    text-align:center;
}

#LoginForm input.text {
    border: 1px solid #000000;
}
#LoginForm input[type="image"] {
    border: none;
}
div.spacer {
    height: 20px;
}

.display_none{
    display:none;
}


table#LoginView_MainContent_WDGInfo2 {
    width:100%;
    height:600px;
    overflow-y: scroll;
    display: block;
}

table#LoginView_MainContent_WDGInfo2 tr:nth-child(even) {
    background-color: #f2f2f2;
}

table#LoginView_MainContent_WDGInfo2 tr:first-child td {
    font-weight: 700;
    height: 25px;
    background-color: #dfe8ff;
    text-align: center;
    padding:5px;
}

table#LoginView_MainContent_WDGInfo2 tr td {
    height:25px;
}



/* Page Navigation */
div.pageNavi{padding:10px 0;text-align:center;}
div.pageNavi span{font-weight:bold;}
div.pageNavi a{text-decoration:none;}
div.formListRight{margin-top:10px;text-align:right;}
div.formListLeft{text-align:left;}

/* List */
table.bbs_list { width:100%; background-color:#F0F0F0; margin:0px; padding:0px;}
table.bbs_list tr { height:25px; }
table.bbs_list tr.disable { background:#EEEEEE; }
table.bbs_list th { text-align:center; background:#cccccc; }
table.bbs_list td { text-align:center; background:#ffffff; } 
table.bbs_list td.right { text-align:right; padding-right:5px} 
table.bbs_list td.left { text-align:left; padding-left:10px} 
table.bbs_list td a.a_red {color:Red;text-decoration:underline; }


#screen{
    background-color:black;
    opacity:0.6;
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:fixed;
}



.bottom_line label {padding:2px;min-width:40px;display:inline-block;border:3px solid #e6dede;color:white;}


table.bbs_read {
    width: 100%;
    background-color: #F0F0F0;
    margin: 0px;
    padding: 0px;
}

    table.bbs_read tr {
        height: 25px;
    }

    table.bbs_read th {
        background: #cccccc;
        padding-left: 10px;
    }

    table.bbs_read td {
        background: #ffffff;
        padding-left: 10px;
    }

        table.bbs_read td.right {
            text-align: right;
            padding-right: 5px;
        }

        table.bbs_read td.center {
            text-align: center;
        }

        table.bbs_read td.paddingZero {
            padding-left: 0px;
            vertical-align: top;
        }