@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-900';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

body, html {
    height: 100%; 
    margin: 5px; 
    padding:0px;
    background-color:#FFF;
    color:#000;
    font-family: 'Pretendard-Regular';
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    -moz-font-feature-settings: 'tnum';
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
}


/* Form Title */
.table_tme_dft_ft {
    border : 2px; 
    height : 40px;
}

.table_tme_dft_ft_td_l {
    text-align: left;
    vertical-align: middle;
}

.table_tme_dft_ft_td_r {
    text-align: right;
    vertical-align: middle;
}

.table_tme_dft_ft_td_lt {
    text-align: left;
    vertical-align: top;
}

.ft_img {
    width: 23px;
    height: 23px;
    display: inline-block;
    background: url("/images/menu.png") no-repeat center center;
    background-size: cover;
    margin-left: 10px;
    margin-right: 10px;
}

.ft_img_s {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url("/images/Icon_DP.png") no-repeat center center;
}

.ft_txt{
    display: inline-block;
    font-size: 26px;
    letter-spacing: 0px;
    font-family: 'Pretendard-Regular', "Nanum Gothic", Verdana, Arial, Helvetica, AppleGothic, sans-serif;
    font-weight: bold;
    color: #343434;
    vertical-align: bottom;
}

/* TABLE */
.table_tme_dft {
    border-collapse: collapse;
    background-color: #002060;
}

.table_tme_dft_ttl {
    height : 29px;
    font-weight:bold;
    font-size: 16px;
    color: #FFFFFF;
    padding-left: 20px;
}

.table_tme_dft_ref {
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    background-color : #F8F8F8;
    height : 35px;
    vertical-align: middle;
}

.table_tme_dft_emty {
   
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.table_tme_dft_tr_0 {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    height : 50px;
}

/* TR */
.table_tme_dft_tr_top {
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    height : 29px;
}

.table_tme_dft_tr_mid {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    height : 29px;
}

.table_tme_dft_tr_btm {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    height : 29px;
}

.table_tme_dft_tr_topbtm {
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    height : 29px;
}

.table_tme_dft_tr_all {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-tot: 1px solid #DDDDDD;
}

/* TH */
.table_tme_dft_th_1 {
    background-color: #F1F1F1;
    border-left: 1px solid #DDDDDD;
}
.table_tme_dft_th_r {
    background-color: #F1F1F1;
    border-right: 1px solid #DDDDDD;
}
.table_tme_dft_th_r_r {
    background-color: #F1F1F1;
    border-right: 1px solid #DDDDDD;
    text-align: right;
    padding-right: 5px;
}
.table_tme_dft_th_r_l {
    background-color: #F1F1F1;
    border-right: 1px solid #DDDDDD;
    text-align: left;
}
.table_tme_dft_th_t {
    background-color: #F1F1F1;
    border-top: 1px solid #DDDDDD;
}
.table_tme_dft_th_b {
    background-color: #F1F1F1;
    border-bottom: 1px solid #DDDDDD;
}

.table_tme_dft_th_rb {
    background-color: #F1F1F1;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.table_tme_dft_th_rb_l {
    background-color: #F1F1F1;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    text-align: left;
    padding-left: 5px;
}

.table_tme_dft_th_rb_r {
    background-color: #F1F1F1;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    text-align: right;
    padding-right: 5px;
}

.table_tme_dft_th_lrb {
    background-color: #F1F1F1;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.table_tme_dft_th_lrb_l {
    background-color: #F1F1F1;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    text-align: left;
    padding-left: 5px;
}

.table_tme_dft_th_lrb_r {
    background-color: #F1F1F1;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    text-align: right;
    padding-right: 5px;
}

.table_tme_dft_th_lb {
    background-color: #F1F1F1;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.table_tme_dft_th_lr {
    background-color: #F1F1F1;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

.table_tme_dft_th_lr_r {
    background-color: #F1F1F1;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    text-align: right;
    padding-right: 5px;
}

.table_tme_dft_th_tlr_r {
    background-color: #F1F1F1;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    text-align: right;
    padding-right: 5px;
}

.table_tme_dft_th_lr_l {
    background-color: #F1F1F1;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    text-align: left;
    padding-left: 5px;
}

/* TD */
.table_tme_dft_td_l {
    background-color: #FFFFFF;
    border-left: 1px dotted #DDDDDD;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.table_tme_dft_td_r {
    background-color: #FFFFFF;
    border-right: 1px dotted #DDDDDD;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.table_tme_dft_td_t {
    background-color: #FFFFFF;
    border-top: 1px dotted #DDDDDD;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.table_tme_dft_td_tb {
    background-color: #FFFFFF;
    border-top: 1px dotted #DDDDDD;
    border-bottom: 1px dotted #DDDDDD;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.table_tme_dft_td_b {
    background-color: #FFFFFF;
    border-bottom: 1px dotted #DDDDDD;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.table_tme_dft_td_tb {
    background-color: #FFFFFF;
    border-top: 1px dotted #DDDDDD;
    border-bottom: 1px dotted #DDDDDD;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.table_tme_dft_td_br {
    background-color: #FFFFFF;
    border-bottom: 1px dotted #DDDDDD;
    border-right: 1px dotted #DDDDDD;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.table_tme_dft_td {
    background-color: #FFFFFF;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.table_tme_spc {
    border: 0px solid #ffffff;
    width: 100%;
    height : 3px;
}

/* TD안 Table */
.table_Inner {
    border-spacing: 0px;
    border-style: none;
    padding: 0px;
}


/* 팝업 Table */
.table_Pop {
    border-spacing: 0px;
    border-style: none;
    padding: 0px;
}
.table_Pop_td {
    border-spacing: 0px;
    border-style: none;
    padding: 0px;
}

/* From ~ To Table */
.table_FT {
    border-spacing: 0px;
    border-style: none;
    padding: 0px;
}
.table_FT_td {
    border-spacing: 0px;
    border-style: none;
    padding: 0px;
}

/* Input Box ReadOnly 바탕색 */
input:read-only{
    background-color:#FAFAFA;
}

/* 팝업 버튼 */
.img-button_pop {
    background: url( "../images/Search_Pop.png" ) no-repeat;
    background-color: #E0ECFF;
    border: none;
    width: 26px;
    height: 26px;
    cursor: pointer;
    padding: 0px;
}

.img-button-user {
    background: url( "../images/user.png" ) no-repeat;
    background-size: cover;
    border: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
    padding: 0px;
}

.img-button-logout {
    background: url( "../images/logout.png" ) no-repeat;
    background-size: cover;
    border: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
    padding: 0px;
}

.img-button-pwchange {
    background: url( "../images/pwchange.png" ) no-repeat;
    background-size: cover;
    border: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
    padding: 0px;
}

.img-button-winclose {
    background: url( "../images/winclose.png" ) no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
}



/* 트리 관련 */

.tree-node {
    height:20px;
}

.tree-title {
    font-size: 14px;
    vertical-align: initial;
    padding-left: 5px;
}

.tree-folder {
    background: url(../images/tree_folder.png) no-repeat;
}   

.tree-folder-open {
    background: url(../images/tree_folder_open.png) no-repeat;
}

.tree-file {
    background: url(../images/tree_file.png) no-repeat;
}