@charset "utf-8";

/* list air */
.listair {width: 25px; height: 25px; margin: 8px auto 4px;  background-image: url(/img/had_ci.png); background-position: center; background-repeat:no-repeat;}



/* table list2 */
.table_list2 > thead {background-color: #f6f6f6;}
.table_list2 > tbody :hover {background-color: #f6f6f6; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s;}
.table_list2 > tbody .table_list_on {background-color: #EAF8F8;}

table.table_list2 {width: 96%; margin: 0 auto; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-top: 1px solid #dcdcdc; word-break:keep-all;}

.table_list2 > thead > tr > th {padding: 0 5px 0 5px; font-size: 12px; line-height: 25px;}
.table_list2 > thead > tr > td {padding: 0 5px 0 5px;}

.table_list2 > tbody > tr > th {padding: 0 5px 0 5px;}
.table_list2 > tbody > tr > td {padding: 4px 5px 4px 5px; font-size: 12px; color: #636363; line-height: 20px;}
.table_list2 > tbody > tr > td a{color: #000; font-weight: 700;}

.table_list2 > tfoot > tr > th {padding: 0 5px 0 5px;}
.table_list2 > tfoot > tr > th {padding: 0px 5px 0px 5px; font-size: 11px; color: #000; line-height: 25px; background-color: #F3EFD8;} /* 합계 영역*/
.table_list2 > tfoot > tr > td {padding: 4px 5px 4px 5px; font-size: 12px; color: #929292; line-height: 00px;}

/* table list */
.table_list td + td { border-left: 1px solid #dcdcdc;}
.table_list th + th { border-left: 1px solid #dcdcdc;}

.table_list td {border-bottom: 1px solid #dcdcdc;}
.table_list th {border-bottom: 1px solid #8A8A8A;}

.table_list span {line-height: 14px!important;}

/* table list */
.table_list > thead {background-color: #f6f6f6;}
.table_list > tbody :hover {background-color: #f6f6f6; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s;}
.table_list > tbody .table_list_on {background-color: #EAF8F8;}

table.table_list {width: 96%; margin: 0 auto; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-top: 1px solid #dcdcdc; word-break:keep-all;}

.table_list > thead > tr > th {padding: 0 5px 0 5px; font-size: 12px; line-height: 34px;}
.table_list > thead > tr > td {padding: 0 5px 0 5px;}

.table_list > tbody > tr > th {padding: 0 5px 0 5px;}
.table_list > tbody > tr > td {padding: 4px 5px 4px 5px; font-size: 12px; color: #636363; line-height: 30px;}
.table_list > tbody > tr > td a{color: #000; font-weight: 700;}

.table_list > tfoot > tr > th {padding: 0 5px 0 5px;}
.table_list > tfoot > tr > th {padding: 0px 5px 0px 5px; font-size: 11px; color: #000; line-height: 30px; background-color: #F3EFD8;} /* 합계 영역*/
.table_list > tfoot > tr > td {padding: 4px 5px 4px 5px; font-size: 12px; color: #929292; line-height: 30px;}

/* table list */
.table_list td + td { border-left: 1px solid #dcdcdc;}
.table_list th + th { border-left: 1px solid #dcdcdc;}

.table_list td {border-bottom: 1px solid #dcdcdc;}
.table_list th {border-bottom: 1px solid #8A8A8A;}

.table_list span {line-height: 14px!important;}



.table_middle_total {color: #000000; font-weight: bold; line-height: 30px; background-color: #E0F1FB;} /* 중간 합계 영역*/


/* table list small*/
.table_list_small > thead {background-color: #f6f6f6;}

table.table_list_small {width: 100%; margin: 0 auto; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; word-break:keep-all; border-bottom: 1px solid #dcdcdc;}

.table_list_small > thead > tr > td {padding: 0 4px 0 4px;}

.table_list_small > tbody > tr > td {padding: 2px 4px 2px 4px; font-size: 12px; color: #636363;}
.table_list_small > tbody > tr > td a{color: #000; font-weight: 700;}

.table_list_small > tfoot > tr > td {padding: 2px 4px 2px 4px; font-size: 12px; color: #929292; }

/* table list */
.table_list_small td + td { border-left: 1px solid #dcdcdc;}
.table_list_small th + th { border-left: 1px solid #dcdcdc;}

.table_list_small span {line-height: 14px!important;}



/* table list 100p */
.table_list_100p td + td { border-left: 1px solid #dcdcdc;}
.table_list_100p th + th { border-left: 1px solid #dcdcdc;}

.table_list_100p td {border-bottom: 1px solid #dcdcdc;}
.table_list_100p th {border-bottom: 1px solid #8A8A8A;}

.table_list_100p span {line-height: 14px!important;}

.table_list_100p > thead {background-color: #C2DFF2;}
.table_list_100p > tbody :hover {background-color: #EBEBEB; color:#000000; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s;}
.table_list_100p > tbody .table_list_100p_on {background-color: #EAF8F8;}

table.table_list_100p {width: 100%; margin: 0 auto; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-top: 1px solid #dcdcdc; word-break:keep-all;}

.table_list_100p > thead > tr > th {padding: 0 5px 0 5px; font-size: 12px; line-height: 30px;}
.table_list_100p > thead > tr > td {padding: 0 5px 0 5px;}

.table_list_100p > tbody > tr > th {padding: 0 5px 0 5px;}
.table_list_100p > tbody > tr > td {padding: 4px 5px 4px 5px; font-size: 12px; color: #636363; line-height: 24px;}
.table_list_100p > tbody > tr > td a{color: #000; font-weight: 700;}

.table_list_100p > tfoot > tr > th {padding: 0 5px 0 5px;}
.table_list_100p > tfoot > tr > th {padding: 0px 5px 0px 5px; font-size: 11px; color: #ffffff; line-height: 30px; background-color: #383D52;} /* 합계 영역*/
.table_list_100p > tfoot > tr > td {padding: 4px 5px 4px 5px; font-size: 12px; color: #929292; line-height: 24px;}

.table_list_100p td + td { border-left: 1px solid #dcdcdc;}
.table_list_100p th + th { border-left: 1px solid #dcdcdc;}

.table_list_100p td {border-bottom: 1px solid #dcdcdc;}
.table_list_100p th {border-bottom: 1px solid #8A8A8A;}

.table_list_100p span {line-height: 14px!important;}



/** 발주/수금관리 table list **/
.table_long > thead {background-color: #B1B1B4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.table_long > tbody :hover {background-color: #CDFBF9!important; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

table.table_long {width: 96%; margin: 0px 40px; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-top: 1px solid #dcdcdc; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }

.table_long > thead > tr > th {padding: 3px 3px 3px 3px; font-size: 11px;  color: #000; font-weight: 400; min-width: 10px;} /* 구분 영역*/
.table_long > thead > tr > td {padding: 3px 3px 3px 3px; font-size: 11px;  color: #636363;}

.table_long > tbody > tr > th {padding: 6px 3px 6px 3px; font-size: 11px; line-height: 13px; background-color: #F0F0F0;}/* 소계 영역*/
.table_long > tbody > tr > td {padding: 4px 3px 4px 3px; font-size: 11px; color: #636363; line-height: 13px;}
.table_long > tbody > tr > td a{color: #000; font-weight: 700;}
.table_long .end {color: #000; background-color: #97DDFB;}

.table_long > tfoot > tr > th {padding: 7px 3px 7px 3px; font-size: 11px; color: #000; line-height: 13px; background-color: #f2ebbb;} /* 합계 영역*/
.table_long > tfoot > tr > td {padding: 7px 3px 7px 3px; font-size: 11px; color: #000; line-height: 13px; background-color: #f6f6f6;}

.table_long td + td { border-left: 1px solid #dcdcdc;}
.table_long th + th { border-left: 1px solid #dcdcdc;}

.table_long td {border-bottom: 1px solid #dcdcdc;}
.table_long th {border-bottom: 1px solid #8A8A8A;}

.table_long thead th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th {background-color: #CACAD0;}
.table_long tbody td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td {text-align: right;}
.table_long tbody th + th {text-align: right;}
.table_long tfoot th + th {text-align: right;}

.table_long span {line-height: 11px!important;}

.table_day_bgcolor {background-color: #CACAD0;}


/** 발주/수금관리 왼쪽 항목 테이블 **/
.table_long_left > thead {background-color: #B1B1B4; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.table_long_left > tbody :hover {background-color: #CDFBF9!important; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

table.table_long_left {width: auto;  border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-top: 1px solid #dcdcdc; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

.table_long_left > thead > tr > th {padding: 3px 3px 3px 3px; font-size: 11px;  color: #000; font-weight: 400; height: 33px;} /* 구분 영역*/
.table_long_left > thead > tr > td {padding: 3px 3px 3px 3px; font-size: 11px;  color: #636363; height: 33px;}

.table_long_left > tbody > tr > th {padding: 4px 3px 4px 3px; font-size: 11px; height: 18px; line-height: 13px; background-color: #F0F0F0;}/* 소계 영역*/
.table_long_left > tbody > tr > td {padding: 4px 3px 4px 3px; font-size: 11px; height: 18px; color: #636363; line-height: 13px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.table_long_left > tbody > tr > td a{color: #000; font-weight: 700;}
.table_long_left  .end {color: #000; background-color: #97DDFB;}

.table_long_left > tfoot > tr > th {padding: 4px 3px 4px 3px; font-size: 11px; height: 18px; color: #000; line-height: 13px; background-color: #f2ebbb;} /* 합계 영역*/
.table_long_left > tfoot > tr > td {padding: 4px 3px 4px 3px; font-size: 11px; height: 18px; color: #000; line-height: 13px; background-color: #f6f6f6;}

.table_long_left td + td { border-left: 1px solid #dcdcdc;}
.table_long_left th + th { border-left: 1px solid #dcdcdc;}

.table_long_left td {border-bottom: 1px solid #dcdcdc;}
.table_long_left th {border-bottom: 1px solid #8A8A8A;}

.table_long_left tbody th + th {text-align: right;}
.table_long_left tfoot th + th {text-align: right;}

.table_long_left span {line-height: 11px!important;}



/** 발주/수금관리 오른쪽 날짜 고정 테이블 **/
.table_long_right_fix_00 > thead {background-color: #B1B1B4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

table.table_long_right_fix_00 {width: auto;  border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-top: 1px solid #dcdcdc; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;  }

.table_long_right_fix_00 > thead > tr > th {min-width: 70px; padding: 3px 3px 3px 3px; font-size: 11px; height: 13px; color: #000;} /* 구분 영역*/
.table_long_right_fix_00 > thead > tr > td {padding: 3px 3px 3px 3px; font-size: 11px; height: 13px; color: #636363;}

.table_long_right_fix_00 td + td { border-left: 1px solid #dcdcdc;}
.table_long_right_fix_00 th + th { border-left: 1px solid #dcdcdc; }

.table_long_right_fix_00 td {border-bottom: 1px solid #dcdcdc;}
.table_long_right_fix_00 th {border-bottom: 1px solid #8A8A8A;}

.table_long_right_fix_00 tbody th {text-align: right;}
.table_long_right_fix_00 tfoot th {text-align: right;}


/** 발주/수금관리 오른쪽 테이블 **/
.table_long_right_00 > thead {background-color: #fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.table_long_right > tbody :hover {background-color: #CDFBF9!important; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

table.table_long_right_00 {width: auto;  border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-top: 1px solid #dcdcdc; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;  }

.table_long_right_00 > thead > tr > th {min-width: 70px; padding: 3px 3px 3px 3px; font-size: 11px; height: 13px; color: #fff; } /* 구분 영역*/
.table_long_right_00 > thead > tr > td {padding: 3px 3px 3px 3px; font-size: 11px; height: 13px; color: #636363;}

.table_long_right_00 > tbody > tr > th {padding: 4px 3px 4px 3px; font-size: 11px; height: 18px; line-height: 13px; background-color: #F0F0F0; }/* 소계 영역*/
.table_long_right_00 > tbody > tr > td {padding: 4px 3px 4px 3px; font-size: 11px; height: 18px; color: #636363; line-height: 13px; text-align: right;}
.table_long_right_00 > tbody > tr > td a{color: #000; font-weight: 700;}
.table_long_right_00 .end {color: #000; background-color: #97DDFB;}
.table_long_right_00 .change {color: #000; background-color: #CFCDCD;}

.table_long_right_00 > tfoot > tr > th {padding: 4px 3px 4px 3px; font-size: 11px; height: 18px; color: #000; line-height: 13px; background-color: #f2ebbb;} /* 합계 영역*/
.table_long_right > tfoot > tr > td {padding: 4px 3px 4px 3px; font-size: 11px; height: 18px; color: #000; line-height: 13px; background-color: #f6f6f6;}

.table_long_right_00 td + td { border-left: 1px solid #dcdcdc;}
.table_long_right_00 th + th { border-left: 1px solid #fff; }

.table_long_right_00 td {border-bottom: 1px solid #dcdcdc;}
.table_long_right_00 th {border-bottom: 1px solid #8A8A8A;}

.table_long_right_00 tbody th {text-align: right;}
.table_long_right_00 tfoot th {text-align: right;}

.table_long_right_00 span {line-height: 11px!important;}


/** 생산계획 오른쪽 날짜 고정 테이블 **/
.table_long_right_fix > thead {background-color: #B1B1B4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

table.table_long_right_fix {width: auto;  border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-top: 1px solid #dcdcdc; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;  }

.table_long_right_fix > thead > tr > th {min-width: 60px; padding: 3px 3px 3px 3px; font-size: 11px; height: 13px; color: #000;} /* 구분 영역*/
.table_long_right_fix > thead > tr > td {padding: 3px 3px 3px 3px; font-size: 11px; height: 13px; color: #636363;}

.table_long_right_fix td + td { border-left: 1px solid #dcdcdc;}
.table_long_right_fix th + th { border-left: 1px solid #8A8A8A; }

.table_long_right_fix td {border-bottom: 1px solid #dcdcdc;}
.table_long_right_fix th {border-bottom: 1px solid #8A8A8A;}

.table_long_right_fix tbody th {text-align: right;}
.table_long_right_fix tfoot th {text-align: right;}


/** 생산계획 오른쪽 테이블 **/
.table_long_right > thead {background-color: #fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.table_long_right > tbody :hover {background-color: #CDFBF9!important; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

table.table_long_right {width: auto;  border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-top: 1px solid #dcdcdc; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;  }

.table_long_right > thead > tr > th { min-width: 60px; padding: 3px 3px 3px 3px; font-size: 11px; height: 13px; color: #fff; } /* 구분 영역*/
.table_long_right > thead > tr > td {padding: 3px 3px 3px 3px; font-size: 11px; height: 13px; color: #636363;}

.table_long_right > tbody > tr > th {padding: 4px 3px 4px 3px; font-size: 11px; height: 18px; line-height: 13px; background-color: #F0F0F0; }/* 소계 영역*/
.table_long_right > tbody > tr > td {min-width: 60px; padding: 4px 3px 4px 3px; font-size: 11px; height: 18px; color: #636363; line-height: 13px; text-align: right;}
.table_long_right > tbody > tr > td a{color: #000; font-weight: 700;}
.table_long_right .end {color: #000; background-color: #97DDFB;}
.table_long_right .change {color: #000; background-color: #CFCDCD;}

.table_long_right > tfoot > tr > th {padding: 4px 3px 4px 3px; font-size: 11px; height: 18px; color: #000; line-height: 13px; background-color: #f2ebbb;} /* 합계 영역*/
.table_long_right > tfoot > tr > td {padding: 4px 3px 4px 3px; font-size: 11px; height: 18px; color: #000; line-height: 13px; background-color: #f6f6f6;}

.table_long_right td + td { border-left: 1px solid #dcdcdc;}
.table_long_right th + th { border-left: 1px solid #fff; }

.table_long_right td {border-bottom: 1px solid #dcdcdc;}
.table_long_right th {border-bottom: 1px solid #8A8A8A;}

.table_long_right tbody th {text-align: right;}
.table_long_right tfoot th {text-align: right;}

.table_long_right span {line-height: 11px!important;}




/** 생산계획 table list **/
.table_long_02 > thead {background-color: #BCBCBC; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.table_long_02 > tbody :hover {background-color: #CDFBF9; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

table.table_long_02 {width: 96%; margin: 0 auto; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-top: 1px solid #dcdcdc; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

.table_long_02 > thead > tr > th {padding: 3px 3px 3px 3px; font-size: 11px;  color: #000; font-weight: 400; min-width: 10px;} /* 구분 영역*/
.table_long_02 > thead > tr > td {padding: 3px 3px 3px 3px; font-size: 11px;  color: #636363;}

.table_long_02 > tbody > tr > th {padding: 6px 3px 6px 3px; font-size: 11px; line-height: 13px; background-color: #F0F0F0;}/* 소계 영역*/
.table_long_02 > tbody > tr > td {padding: 4px 3px 4px 3px; font-size: 11px; color: #636363; line-height: 13px;}
.table_long_02 > tbody > tr > td a{color: #000; font-weight: 700;}
.table_long_02 .end {color: #000; background-color: #97DDFB;}
.table_long_02 .change {color: #000; background-color: #CFCDCD;}

.table_long_02 > tfoot > tr > th {padding: 7px 3px 7px 3px; font-size: 11px; color: #000; line-height: 13px; background-color: #f2ebbb;} /* 합계 영역*/
.table_long_02 > tfoot > tr > td {padding: 7px 3px 7px 3px; font-size: 11px; color: #000; line-height: 13px; background-color: #f6f6f6;}

/** 생산계획 table list **/
.table_long_02 td + td { border-left: 1px solid #dcdcdc;}
.table_long_02 th + th { border-left: 1px solid #dcdcdc;}

.table_long_02 td {border-bottom: 1px solid #dcdcdc;}
.table_long_02 th {border-bottom: 1px solid #8A8A8A;}

.table_long_02 thead th + th + th + th + th + th + th + th + th + th + th + th + th {background-color: #CACAD0;}
.table_long_02 tbody td + td + td + td + td + td + td + td + td + td + td + td {text-align: right;}
.table_long_02 tbody th + th {text-align: right;}
.table_long_02 tfoot th + th {text-align: right;}

.table_long_02 span {line-height: 11px!important;}



/* 업무관리 달력 */
.table_calender > thead {background-color: #f6f6f6;}
.table_calender > tbody > tr > td:hover {background-color: #f6f6f6; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s;}

table.table_calender {width: 96%; margin: 0 auto; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-top: 1px solid #D1D1D1;  border-right: 1px solid #D1D1D1; word-break:keep-all;}

.table_calender > thead > tr > th {font-size: 13px; line-height: 34px;}
.table_calender > tbody > tr > td {text-align: left; vertical-align: top; min-height:100px;}

.table_calender td {border-left: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; width: 14%;}
.table_calender th {border-left: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1;}

.table_calender td {color: red; background-color: #F9F3F3;}
.table_calender td + td  {color: #ADADAD; background-color: #FFFFFF;}
.table_calender td + td + td + td + td + td + td  {color: #00A3FF; background-color: #F0F8FF;}

.table_calender p {font-size: 13px; padding: 5px 0px 0px 5px;}

/* 생산관리 달력 */
.table_calender2 > thead {background-color: #EAEAEA; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.table_calender2 > tbody :hover {  overflow:visible; text-overflow:ellipsis;white-space:nowrap;}

table.table_calender2 {width: 100%; margin: 0px 40px; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-top: 1px solid #dcdcdc; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }

.table_calender2 > thead > tr > th {padding: 3px 3px 3px 3px; font-size: 11px;  color: #000; font-weight: 400; min-width: 10px;} /* 구분 영역*/
.table_calender2 > thead > tr > td {padding: 3px 3px 3px 3px; font-size: 13px;  color: #636363;font-weight: 500; }

.table_calender2 > tbody > tr > th {padding: 6px 3px 6px 3px; font-size: 11px; line-height: 13px; background-color: #F0F0F0;}/* 소계 영역*/
.table_calender2 > tbody > tr > td {padding: 4px 3px 4px 3px; font-size: 11px; color: #636363; line-height: 13px;}
.table_calender2 > tbody > tr > td a{color: #000; font-weight: 100;}
.table_calender2 > tbody > tr > td li{padding: 0px 0px 5px 0px; }
.table_calender2 .end {color: #000; background-color: #97DDFB;}

.table_calender2 > tfoot > tr > th {padding: 7px 3px 7px 3px; font-size: 11px; color: #000; line-height: 13px; background-color: #f2ebbb;} /* 합계 영역*/
.table_calender2 > tfoot > tr > td {padding: 7px 3px 7px 3px; font-size: 11px; color: #000; line-height: 13px; background-color: #f6f6f6;}

.table_calender2 td + td { border-left: 1px solid #dcdcdc;}
.table_calender2 th + th { border-left: 1px solid #dcdcdc;}

.table_calender2 td {border-bottom: 1px solid #dcdcdc;}



.table_calender2 th {border-bottom: 1px solid #8A8A8A;}

.table_calender2 thead th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th {background-color: #CACAD0;}
.table_calender2 tbody td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td {text-align: right;}
.table_calender2 tbody th + th {text-align: right;}
.table_calender2 tfoot th + th {text-align: right;}

.table_calender2 span {line-height: 11px!important;}



/* table write */
table.table_write {width: 96%; margin: 0 auto; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em;  border-bottom: 1px solid #dcdcdc; word-break:keep-all;}

.table_write > tbody > tr > td {padding: 4px 5px 4px 5px; line-height: 30px;  font-size: 12px; color: #636363; font-weight: 700;}
.table_write > tbody > tr > td a{color: #000; font-weight: 700;}

.table_write td {border-top: 1px solid #dcdcdc; background-color: #f6f6f6; line-height: 14px;}
.table_write td + td {border-left: 1px solid #dcdcdc; background-color: #fff; text-align: left; font-weight: 400!important;}
.table_write td + td + td {background-color: #f6f6f6; text-align: center;  font-weight: 700!important; line-height: 14px;}
.table_write td + td + td + td {background-color: #fff; text-align: left;  font-weight: 400!important;}
.table_write tbody + tbody {border-bottom: 1px solid #dcdcdc;}

.table_write span {line-height: 16px!important;}

/* table write2 */
table.table_write2 {width: 96%; margin: 0 auto; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; word-break:keep-all;}

.table_write2 > tbody > tr > td {padding: 3px 5px 3px 5px; line-height: 25px;  font-size: 12px; color: #636363; font-weight: 700;}
.table_write2 > tbody > tr > td a{color: #000; font-weight: 700;}

.table_write2 td {border-top: 1px solid #dcdcdc; background-color: #f6f6f6; line-height: 12px;}
.table_write2 td + td {border-left: 1px solid #dcdcdc; background-color: #fff; text-align: left; font-weight: 400!important;}
.table_write2 td + td + td {background-color: #f6f6f6; text-align: center;  font-weight: 700!important; line-height: 12px;}
.table_write2 td + td + td + td {background-color: #fff; text-align: left;  font-weight: 400!important;}
.table_write2 tbody + tbody {border-bottom: 1px solid #dcdcdc;}

.table_write2 span {line-height: 16px!important;}

/* table write 상세 내용영역 */
table.table_write_editor {width: 96%; margin: 10px auto; border-image: none; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }

.table_write_editor > thead > tr > th {background-color: #f6f6f6; font-size: 13px; line-height: 32px; text-align: center; }
.table_write_editor > tbody > tr > td {padding: 10px 20px 10px 20px; font-size: 12px; color: #000000; border-top: 1px solid #dcdcdc; line-height: 18px;}
.table_write_editor > tbody > tr > td a{color: #000; font-weight: 700;}
.table_write_editor textarea {width: 1130px; height: 350px;}

.table_write_editor td img {max-width: 1168px;}


/* table 바 */
table.table_approval_bar {width: 100%; border-image: none; border-collapse: separate; border-spacing: 0;}
.table_approval_bar td + td { padding: 0px 0px 0px 0px;}


/* table 결재문서 기안자 정보영역*/
table.table_approval_top {border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.03em; border-bottom: 1px solid #A4A4A4; word-break:keep-all;}

.table_approval_top > tbody > tr > td {padding: 6px 4px 6px 4px; line-height: 14px; font-size: 11px; color: #000;}

.table_approval_top td {border-top: 1px solid #A4A4A4; border-left: 1px solid #A4A4A4; background-color: #EBEBEB;}
.table_approval_top td + td {border-left: 1px solid #A4A4A4; border-right: 1px solid #A4A4A4; background-color: #fff; text-align: left;}



/* table 결재문서 결재박스 영역*/
table.table_approval_box {border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-bottom: 1px solid #A4A4A4; display: inline-table; margin-right: -5px; word-break:keep-all;}

.table_approval_box > tbody > tr > td {padding: 4px 3px 4px 3px; line-height: 12px; font-size: 11px; color: #000; text-align: center;}

.table_approval_box tr + tr {height: 60px;}
.table_approval_box tr + tr {height: 60px;}
.table_approval_box tr + tr + tr {height: 33px;}

.table_approval_box td {border-top: 1px solid #A4A4A4; border-left: 1px solid #A4A4A4; background-color: #EBEBEB;}
.table_approval_box td + td {border-right: 1px solid #A4A4A4; background-color: #fff; width: 70px;}



/* table 결재문서 상세 정보 테이블 가로 2단*/
table.table_approval_info_2 {width: 96%; margin: 0 auto; border-image: none; font-size: 12px; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-bottom: 1px solid #A4A4A4; word-break:keep-all;}

.table_approval_info_2 > tbody > tr > td {padding: 4px 5px 4px 5px; line-height: 24px; color: #000;}
.table_approval_info_2 > tbody > tr > td a{color: #000; font-weight: 700;}

.table_approval_info_2 td {border-top: 1px solid #A4A4A4; border-left: 1px solid #A4A4A4; background-color: #EBEBEB; font-weight: 700;}
.table_approval_info_2 td + td {border-left: 1px solid #A4A4A4; border-right: 1px solid #A4A4A4; background-color: #fff; text-align: left; font-weight: 400;}
.table_approval_info_2 tbody {border-bottom: 1px solid #A4A4A4; }

.table_approval_info_2 span {line-height: 16px!important;}


/* table 결재문서 상세 정보 테이블 가로 2단 인쇄용*/
table.table_approval_info_2_print {width: 100%; margin: 0 auto; border-image: none; font-size: 12px; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-bottom: 1px solid #A4A4A4; word-break:keep-all;}

.table_approval_info_2_print > tbody > tr > td {padding: 4px 5px 4px 5px; line-height: 24px; color: #000;}
.table_approval_info_2_print > tbody > tr > td a{color: #000; font-weight: 700;}

.table_approval_info_2_print td {border-top: 1px solid #A4A4A4; border-left: 1px solid #A4A4A4; background-color: #EBEBEB; font-weight: 700;}
.table_approval_info_2_print td + td {border-left: 1px solid #A4A4A4; border-right: 1px solid #A4A4A4; background-color: #fff; text-align: left; font-weight: 400;}
.table_approval_info_2_print tbody {border-bottom: 1px solid #A4A4A4; }

.table_approval_info_2 span {line-height: 16px!important;}



/* table 결재문서 상세 정보 테이블 가로 4단*/
table.table_approval_info_4 {width: 96%; margin: 0 auto; border-image: none; font-size: 12px; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-bottom: 1px solid #A4A4A4; border-right: 1px solid #A4A4A4; word-break:keep-all;}

.table_approval_info_4 > tbody > tr > td {padding: 4px 5px 4px 5px; line-height: 24px; color: #000;}
.table_approval_info_4 > tbody > tr > td a{color: #000; font-weight: 700;}

.table_approval_info_4 td {border-top: 1px solid #A4A4A4; border-left: 1px solid #A4A4A4; background-color: #EBEBEB; font-weight: 700;}
.table_approval_info_4 td + td {border-left: 1px solid #A4A4A4; background-color: #fff; text-align: left; font-weight: 400;}
.table_approval_info_4 td + td + td {background-color: #EBEBEB; text-align: center; font-weight: 700;}
.table_approval_info_4 td + td + td + td {background-color: #fff; text-align: left; font-weight: 400;}
.table_approval_info_4 tbody + tbody {border-bottom: 1px solid #A4A4A4; }

.table_approval_info_4 span {line-height: 16px!important;}


/* table 결재문서 상세 정보 테이블 가로 4단 인쇄용*/
table.table_approval_info_4_print {width: 100%; margin: 0 auto; border-image: none; font-size: 12px; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-bottom: 1px solid #A4A4A4;  border-right: 1px solid #A4A4A4; word-break:keep-all;}

.table_approval_info_4_print > tbody > tr > td {padding: 4px 5px 4px 5px; line-height: 24px; color: #000;}
.table_approval_info_4_print > tbody > tr > td a{color: #000; font-weight: 700;}

.table_approval_info_4_print td {border-top: 1px solid #A4A4A4;  border-left: 1px solid #A4A4A4; background-color: #EBEBEB;  font-weight: 700;}
.table_approval_info_4_print td + td {border-left: 1px solid #A4A4A4; background-color: #fff; text-align: left;  font-weight: 400;}
.table_approval_info_4_print td + td + td {background-color: #EBEBEB; text-align: center; font-weight: 700; }
.table_approval_info_4_print td + td + td + td {background-color: #fff; text-align: left;  font-weight: 400;} 
.table_approval_info_4_print tbody + tbody {border-bottom: 1px solid #A4A4A4; }

.table_approval_info_4_print span {line-height: 16px!important;}

table.table_approval_con {width: 100%; margin: 0 auto; border-image: none;  border-bottom: 1px solid #A4A4A4; border-right: 1px solid #A4A4A4; }
.table_approval_con > thead > tr > th {padding: 8px 10px 8px 10px; background-color: #EBEBEB;}
.table_approval_con > tbody > tr > td {padding: 8px 10px 8px 10px; color: #000000; font-size: 9.5pt;}
.table_approval_con > tbody > tr > td a{color: #000; }
.table_approval_con > tbody > tr > td p{padding: 0px 0px 8px 0px;  }
.table_approval_con th {border-top: 1px solid #A4A4A4;  border-left: 1px solid #A4A4A4;}
.table_approval_con td {border-top: 1px solid #A4A4A4;  border-left: 1px solid #A4A4A4;}
.table_approval_con td img {max-width: 938px;}


/* table 결재문서 상세 내용영역 */
table.table_approval_d {width: 96%; margin: 0 auto; border-image: none; font-size: 12px; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-bottom: 1px solid #A4A4A4; border-right: 1px solid #A4A4A4; word-break:keep-all;}

.table_approval_d > thead > tr > th {padding: 8px 10px 8px 10px; background-color: #EBEBEB;}

.table_approval_d > tbody > tr > td {padding: 8px 10px 8px 10px; color: #000000;}
.table_approval_d > tbody > tr > td a{color: #000; font-weight: 700;}

.table_approval_d th {border-top: 1px solid #A4A4A4;  border-left: 1px solid #A4A4A4;}
.table_approval_d td {border-top: 1px solid #A4A4A4;  border-left: 1px solid #A4A4A4; font-weight: 400;}
.table_approval_d td img {max-width: 938px;}


/* table 결재문서 상세 내용영역 인쇄용 */
table.table_approval_d_print {width: 100%; margin: 0 auto; border-image: none;  font-size: 12px; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-bottom: 1px solid #A4A4A4; border-right: 1px solid #A4A4A4; word-break:keep-all;} 

.table_approval_d_print > thead > tr > th {padding: 8px 10px 8px 10px; background-color: #EBEBEB;}

.table_approval_d_print > tbody > tr > td {padding: 8px 10px 8px 10px; color: #000000;}
.table_approval_d_print > tbody > tr > td a{color: #000; font-weight: 700;}

.table_approval_d_print th {border-top: 1px solid #A4A4A4;  border-left: 1px solid #A4A4A4;}
.table_approval_d_print td {border-top: 1px solid #A4A4A4;  border-left: 1px solid #A4A4A4; font-weight: 400;}
.table_approval_d_print td img {max-width: 718px;}



/* table 발주서 결재박스 영역*/
.purchase_order_box { margin-top: 5px; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; border-bottom: 1px solid #A4A4A4; display: inline-table; margin-right: -4px; word-break:keep-all;}

.purchase_order_box > tbody > tr > td {padding: 4px 3px 4px 3px; width: 70px; line-height: 12px; font-size: 11px; color: #000; text-align: center;}

.purchase_order_box tr + tr {height: 60px;}

.purchase_order_box td {border-top: 1px solid #A4A4A4; border-left: 1px solid #A4A4A4; background-color: #fff;}

/* table 발주서 상세 정보 테이블 인쇄용*/
table.purchase_order_info_print {width: 100%; margin: 0 auto; border-image: none; font-size: 12px; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-bottom: 1px solid #A4A4A4;  border-right: 1px solid #A4A4A4; word-break:keep-all;}

.purchase_order_info_print > tbody > tr > td {padding: 0px 5px 0px 5px; line-height: 26px; color: #000;}

.purchase_order_info_print td {border-top: 1px solid #A4A4A4;  border-left: 1px solid #A4A4A4; font-weight: 400;}
.purchase_order_info_fb {background-color: #EBEBEB;  font-weight: 700;}

.purchase_order_info_print span {line-height: 16px!important;}


/* table detail */
.table_detail > tbody :hover {background-color: #f6f6f6; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s;}

table.table_detail {width: 96%; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; margin: 0 auto; word-break:keep-all;}

.table_detail > tbody > tr > td {padding: 5px 5px 5px 5px; line-height: 36px;  font-size: 12px; color: #636363; font-weight: 700; }
.table_detail > tbody > tr > td a{color: #000; font-weight: 700;}

.table_detail td {border-top: 1px solid #dcdcdc; background-color: #f6f6f6; font-weight: 700;}
.table_detail td + td {border-left: 1px solid #dcdcdc; background-color: #fff; text-align: left;  font-weight: 400; }
.table_detail td + td + td {background-color: #f6f6f6; text-align: center;  font-weight: 700;}
.table_detail td + td + td + td {background-color: #fff; text-align: left;  font-weight: 400; }
.table_detail tbody + tbody {border-bottom: 1px solid #dcdcdc; }



/* page number button */
#pagination {text-align: center; margin-top: 40px;}
#pagination ul {display: inline-block; vertical-align: middle;}
#pagination .page-numbers {padding: 0; list-style: none; text-align: center; vertical-align: middle;}
#pagination .page-numbers li { width: auto !important; float: left;  margin: 0 2px 0 2px; line-height: 1; clear: none;  font-size: 14px;}

#pagination .page-numbers li a,
#pagination .page-numbers li i { display: inline-block; height: 30px; min-width: 30px; line-height: 30px; color: #929292; background-color: #f8f8f8; border-radius: 0px; }
#pagination .page-numbers li a:hover,
#pagination .page-numbers li span:hover,
#pagination .page-numbers li i:hover {color: #fff; background-color: #4c4f49;}

#pagination .page-numbers li a i,
#pagination .page-numbers li i i {margin: 0; padding: 0; line-height: 30px;}

#pagination .page-numbers li a.prev,
#pagination .page-numbers li i.prev {background: #ebebeb; background-image: url(/img/page_arrow_l.png); background-position: center; background-repeat:no-repeat;}
#pagination .page-numbers li a.next,
#pagination .page-numbers li i.next {background: #ebebeb; background-image: url(/img/page_arrow_r.png); background-position: center; background-repeat:no-repeat;}

#pagination .page-numbers li a.prev:hover,
#pagination .page-numbers li i.prev:hover, 
#pagination .page-numbers li a.next:hover,
#pagination .page-numbers li i.next:hover {background-color: #4c4f49;}

#pagination .page-numbers li a.prev i,
#pagination .page-numbers li i.prev i,
#pagination .page-numbers li a.next i,
#pagination .page-numbers li i.next i {background-color: transparent;}

#pagination .page-numbers li .current {color: #fff; background-color: #ff7a38!important;}
#pagination .page-numbers li .current:hover { background-color: #923e15!important;}

#pagination .page-numbers lr {position: absolute; right: 0px;}


/* 팝업 창 page number button */
#pagination_popup {text-align: center; margin-top: 30px;}
#pagination_popup ul {display: inline-block; vertical-align: middle;}
#pagination_popup .page-numbers {padding: 0; list-style: none; text-align: center; vertical-align: middle;}
#pagination_popup .page-numbers li { width: auto !important; float: left;  margin: 0 2px 0 2px; line-height: 1; clear: none;  font-size: 14px;}

#pagination_popup .page-numbers li a,
#pagination_popup .page-numbers li i { display: inline-block; height: 30px; min-width: 30px; line-height: 30px; color: #929292; background-color: #f8f8f8; border-radius: 0px; }
#pagination_popup .page-numbers li a:hover,
#pagination_popup .page-numbers li span:hover,
#pagination_popup .page-numbers li i:hover {color: #fff; background-color: #4c4f49;}

#pagination_popup .page-numbers li a i,
#pagination_popup .page-numbers li i i {margin: 0; padding: 0; line-height: 30px;}

#pagination_popup .page-numbers li a.prev,
#pagination_popup .page-numbers li i.prev {background: #ebebeb; background-image: url(/img/page_arrow_l.png); background-position: center; background-repeat:no-repeat;}
#pagination_popup .page-numbers li a.next,
#pagination_popup .page-numbers li i.next {background: #ebebeb; background-image: url(/img/page_arrow_r.png); background-position: center; background-repeat:no-repeat;}

#pagination_popup .page-numbers li a.prev:hover,
#pagination_popup .page-numbers li i.prev:hover, 
#pagination_popup .page-numbers li a.next:hover,
#pagination_popup .page-numbers li i.next:hover {background-color: #4c4f49;}

#pagination_popup .page-numbers li a.prev i,
#pagination_popup .page-numbers li i.prev i,
#pagination_popup .page-numbers li a.next i,
#pagination_popup .page-numbers li i.next i {background-color: transparent;}

#pagination_popup .page-numbers li .current {color: #fff; background-color: #ff7a38!important;}
#pagination_popup .page-numbers li .current:hover { background-color: #923e15!important;}

#pagination_popup .page-numbers lr {position: absolute; right: 0px;}




/* write title */
#writetitle {text-align: left; border-bottom: 1px solid #000;}
#writetitle ul {display: inline-block;}
#writetitle ul li {width: 980px !important; font-size: 22px; line-height:60px; padding: 0 20px 0 20px; overflow: hidden; float: left;}


/* write detail */
#writedetail {text-align: left; border-bottom: 1px solid #dcdcdc;}
#writedetail ul {display: inline-block;}
#writedetail ul li {width: 980px !important; font-size: 14px; line-height:22px; color: #929292; padding: 10px 10px 10px 10px; overflow: hidden;}


/* detail title */
#detailtitle {text-align: left; border-bottom: 1px solid #000;}
#detailtitle ul {display: inline-block;}
#detailtitle ul li {width: 990px !important; font-size: 22px; line-height:60px; padding: 0 20px 0 20px; overflow: hidden; float: left;}
#detailtitle ul lr {width: 160px !important; font-size: 14px; line-height:60px; padding: 0 10px 0 0; overflow: hidden; color: #929292; float: right;}

/* detail */
#detail {text-align: left; border-bottom: 1px solid #dcdcdc;}
#detail ul {display: inline-block;}
#detail ul li {width: 1160px !important; font-size: 14px; line-height:22px; color: #929292; padding: 20px 20px 20px 20px; overflow: hidden;}

#detail_file {text-align: left; border-bottom: 1px solid #dcdcdc;}
#detail_file ul {display: inline-block; vertical-align: middle;}
#detail_file ul li {width: 1160px !important; font-size: 14px; line-height:22px; color: #929292; padding: 10px 20px 10px 20px; overflow: hidden;}

/* list search br */
#list_search_bar {text-align: center;}
#list_search_bar ul {display: inline-block; margin: 0 0 20px 0; vertical-align: middle;}
#list_search_bar ul li {display: inline-block; color: #929292; padding: 0px 2px 0px 2px; overflow: hidden;}

.list_search_bar_flot form {display: inline-block!important;}

/* list search br max */
#list_search_bar_max {text-align: left; margin: 0 0 20px 25px;}
#list_search_bar_max ul {display: inline-block; margin: 0 0 5px 0; vertical-align: middle;}
#list_search_bar_max ul li {display: inline-block; color: #929292; padding: 0px 2px 0px 2px; overflow: hidden;}

/* bord btn bar */
#bordbtnbar {position: relative; text-align: center; margin: 30px 0 30px 0;}
#bordbtnbar ul li {display: inline-block;}

#print_btn_bar {text-align: center; padding: 30px 0 30px 0; background-color:#f2f2f2; border-top: 1px solid #dcdcdc;}
#print_btn_bar ul li {display: inline-block;}

.icon_board_new { display: inline-block; width: 18px; height: 18px; background-image: url(/img/icon_board_new.png); background-position: center; background-repeat:no-repeat; vertical-align: middle; margin: 0 0 0 4px;}
.icon_board_file { display: inline-block; width: 18px; height: 18px; background-image: url(/img/icon_board_file.png); background-position: center; background-repeat:no-repeat; vertical-align: middle; margin: 0 0 0 4px;}
.icon_board_read { display: inline-block; width: 18px; height: 18px; background-image: url(/img/icon_unread.png); background-position: center; background-repeat:no-repeat; vertical-align: middle; margin: 0 0 0 4px;}
.icon_board_taxfile { display: inline-block; width: 18px; height: 18px; background-image: url(/img/icon_board_taxfile.png); background-position: center; background-repeat:no-repeat; vertical-align: middle; margin: 0 0 0 4px;}


/*업체별 발주 페이지용 */
.part_scroll_top {display: block; position: relative; width: 96%; height: 32px; overflow-y: scroll;border-left: 1px solid #ADADAD; border-right: 1px solid #ADADAD; border-top: 1px solid #ADADAD; margin: 0 auto;}
.part_scroll {display: block; position: relative; width: 96%; height: 230px; overflow-y: scroll; border-left: 1px solid #ADADAD; border-right: 1px solid #ADADAD; border-bottom: 1px solid #ADADAD; margin: 0 auto;}


.part_scroll_top2 {display: block; position: relative; width: 120%; height: 32px; overflow-y: scroll;border-left: 1px solid #ADADAD; border-right: 1px solid #ADADAD; border-top: 1px solid #ADADAD; margin: 0 auto;}
.part_scroll2 {display: block; position: relative; width: 120%; height: 500px; overflow-y: scroll; border-left: 1px solid #ADADAD; border-right: 1px solid #ADADAD; border-bottom: 1px solid #ADADAD; margin: 0 auto;}


/* 근태관리 상세 페이지용 */
#detail_title {border-bottom: 1px solid #dcdcdc; display: inline-block; font-size: 14px; line-height:18px; padding:10px 0 10px 0; overflow: hidden; color: #929292; text-align: center;}

#detail_info {text-align: left; border-bottom: 1px solid #000;}
#detail_info ul {display: inline-block;}
#detail_info ul li {width: 160px !important; font-size: 14px; line-height:60px; padding: 0 10px 0 0; overflow: hidden; color: #929292; float: right;}
#detail_info ul lr {width: 160px !important; font-size: 14px; line-height:60px; padding: 0 10px 0 0; overflow: hidden; color: #929292; float: right;}


/* 근태관리 상세 페이지용 */
.detail_title {width: 96%; margin: 0 auto; font-size: 20px; font-weight: 400; padding: 10px 0 20px 0; color: #000; text-align: center; border-bottom: 1px solid #dcdcdc; }

.detail_info {width: 96%; margin: 0 auto; }
.detail_info ul {display: block; padding: 20px 0 10px 0;}
.detail_info ul li {display: inline-block; width: 50%; font-size: 13px; color: #000000; float: left;}
.detail_info ul lr {display: inline-block; width: 50%; font-size: 13px; color: #929292; text-align: right;}

.detail_middle {width: 96%; margin: 0 auto; }
.detail_middle ul {position: relative;  display: block;  vertical-align: middle;  padding: 10px 0 15px 0; }
.detail_middle ul li {width: 60%; display: inline-block; font-size: 13px; color: #000000; float: left;}
.detail_middle ul lr {width: 50%; display: inline-block; font-size: 13px; color: #929292; text-align: right;}


/* 잔자결재 작석용 에디터 영역 */
.write_textarea {width: 780px; height: 280px; margin: 4px 0 4px 0;}
.write_textarea_380 {width: 780px; height: 380px; margin: 4px 0 4px 0;}

.memo_textarea {width: 780px; height: 15px; margin: 4px 0 4px 0;}

.memo_d {font-size: 12px;}
.memo_d li { line-height: 16px; padding: 5px 0 5px 0;}
.memo_d p {font-weight: 700; padding: 0px 0 3px 0;}





/** 계획대비재고현황 table list **/
.table_resources > thead {background-color: #B1B1B4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.table_resources > tbody :hover {background-color: #CDFBF9!important; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

table.table_resources {width: 96%; margin: 0px 40px; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-top: 1px solid #dcdcdc; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }

.table_resources > thead > tr > th {padding: 3px 3px 3px 3px; font-size: 11px;  color: #000; font-weight: 400; min-width: 10px;} /* 구분 영역*/
.table_resources > thead > tr > td {padding: 3px 3px 3px 3px; font-size: 11px;  color: #636363;}

.table_resources > tbody > tr > th {padding: 6px 3px 6px 3px; font-size: 11px; line-height: 13px; background-color: #F0F0F0;}/* 소계 영역*/
.table_resources > tbody > tr > td {padding: 4px 3px 4px 3px; font-size: 11px; color: #636363; line-height: 13px;}
.table_resources > tbody > tr > td a{color: #000; font-weight: 700;}
.table_resources .end {color: #000; background-color: #97DDFB;}

.table_resources > tfoot > tr > th {padding: 7px 3px 7px 3px; font-size: 11px; color: #000; line-height: 13px; background-color: #f2ebbb;} /* 합계 영역*/
.table_resources > tfoot > tr > td {padding: 7px 3px 7px 3px; font-size: 11px; color: #000; line-height: 13px; background-color: #f6f6f6;}

.table_resources td + td { border-left: 1px solid #dcdcdc;}
.table_resources th + th { border-left: 1px solid #dcdcdc;}

.table_resources td {border-bottom: 1px solid #dcdcdc;}
.table_resources th {border-bottom: 1px solid #8A8A8A;}

.table_resources thead th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th + th {background-color: #CACAD0;}
.table_resources tbody td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td {text-align: right;}
.table_resources tbody th + th {text-align: right;}
.table_resources tfoot th + th {text-align: right;}

.table_resources span {line-height: 11px!important;}

.table_day_bgcolor {background-color: #CACAD0;}


/** 계획대비재고현황 왼쪽 항목 테이블 **/
.table_resources_left > thead {background-color: #B1B1B4; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.table_resources_left > tbody :hover {background-color: #CDFBF9!important; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s;   white-space:nowrap;}

table.table_resources_left {width: auto;  border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; border-top: 1px solid #dcdcdc;  white-space:nowrap;}

.table_resources_left > thead > tr > th {padding: 3px 8px; font-size: 11px;  color: #000; font-weight: 400; height: 89px;} /* 구분 영역*/
.table_resources_left > thead > tr > td {padding: 3px 8px; font-size: 11px;  color: #636363; min-height: 18px; border-left: 1px solid #dcdcdc; }

.table_resources_left > tbody > tr > th {padding: 3px 8px; font-size: 11px; height: 18px; line-height: 13px; background-color: #F0F0F0;}/* 소계 영역*/
.table_resources_left > tbody > tr > td {padding: 3px 8px; font-size: 11px; height: 18px; color: #636363; line-height: 13px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.table_resources_left > tbody > tr > td a{color: #000; font-weight: 700;}
.table_resources_left  .end {color: #000; background-color: #97DDFB;}

.table_resources_left > tfoot > tr > th {padding: 3px 3px; font-size: 11px; height: 18px; color: #000; line-height: 13px; background-color: #f2ebbb;} /* 합계 영역*/
.table_resources_left > tfoot > tr > td {padding: 3px 3px; font-size: 11px; height: 18px; color: #000; line-height: 13px; background-color: #f6f6f6;}

.table_resources_left td + td { border-left: 1px solid #dcdcdc;}
.table_resources_left th + th { border-left: 1px solid #dcdcdc;}

.table_resources_left td + td  + td + td + td {text-align: right;}

.table_resources_left td {border-bottom: 1px solid #dcdcdc;}
.table_resources_left th {border-bottom: 1px solid #8A8A8A;}

.table_resources_left tbody th + th {text-align: right;}
.table_resources_left tfoot th + th {text-align: right;}

.table_resources_left span {line-height: 11px!important;}


/** 계획대비재고현황 오른쪽 고정 테이블 **/

table.table_resources_right_fix {width: auto; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; border-top: 1px solid #dcdcdc; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; margin-left: -2px;}

.table_resources_right_fix > thead > tr > th {padding: 3px 3px ; font-size: 11px; height: 13px; color: #636363; } /* 구분 영역*/
.table_resources_right_fix > thead > tr > td {padding: 3px 3px; font-size: 11px; height: 13px; color: #636363;}

.table_resources_right_fix > tbody > tr > th {padding: 3px 0px; font-size: 11px; font-weight: 400; line-height: 16px; border-right: 1px solid #8A8A8A; border-bottom: 1px solid #8A8A8A;}
.table_resources_right_fix > tbody > tr > td {font-size: 11px;  line-height: 16px;  color: #000; border-right: 1px solid #8A8A8A;}

.table_resources_right_fix > tfoot > tr > th {padding: 3px 3px; font-size: 11px; height: 18px; color: #000; line-height: 13px; background-color: #f2ebbb;} /* 합계 영역*/
.table_resources_right_fix > tfoot > tr > td {padding: 3px 3px; font-size: 11px; height: 18px; color: #000; line-height: 13px; background-color: #f6f6f6;}

.table_resources_right_fix tbody {display: inline-block;}

.table_resources_right_fix > tbody > tr > th {background-color: #C2D0DC;}
.table_resources_right_fix > tbody > tr > th + th {background-color: #9CB9CF;}
	
.table_resources_right_fix tfoot th {text-align: right;}

.table_resources_right_fix span {line-height: 11px!important;}


.table_right_in_fix > tbody :hover {background-color: #C6C6FF!important; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s; text-overflow:ellipsis; white-space:nowrap;}

table.table_right_in_fix {width: 100%;  border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;  }

.table_right_in_fix > thead > tr > th {padding: 3px 3px; font-size: 11px; height: 13px; color: #636363; height: 18px; } /* 구분 영역*/
.table_right_in_fix > thead > tr > td {padding: 3px 0px; font-size: 11px; height: 13px; color: #636363; height: 18px; }

.table_right_in_fix > tbody > tr > td {padding: 3px 8px; font-size: 11px; height: 18px; color: #000;  min-width: 90px; max-width: 90px;}

.table_right_in_fix td + td {border-left: 1px solid #C7C7C7; }

.table_right_in_fix tr {background-color: #BEEF9D;}
.table_right_in_fix tr + tr {background-color: #FFF7D0; text-align: right;}
.table_right_in_fix tr + tr  + tr {background-color: #fff;}
.table_right_in_fix td {border-bottom: 1px solid #C7C7C7;}
.table_right_in_fix th {border-bottom: 1px solid #C7C7C7; }

.table_right_in_fix tbody th {text-align: right;}
.table_right_in_fix tfoot th {text-align: right;}

.table_right_total_fix tr  {background-color: #59746B;}
.table_right_total_fix tr + tr  {background-color: #FFBE6D;}
.table_right_total_fix tr + tr  + tr {background-color: #FFF2E5;}


/** 계획대비재고현황 오른쪽 테이블 **/

table.table_resources_right {width: auto;  border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; border-top: 1px solid #dcdcdc; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }

.table_resources_right > thead > tr > th {padding: 3px 3px ; font-size: 11px; height: 13px; color: #636363; } /* 구분 영역*/
.table_resources_right > thead > tr > td {padding: 3px 3px; font-size: 11px; height: 13px; color: #636363;}

.table_resources_right > tbody > tr > th {padding: 3px 0px; font-size: 11px; font-weight: 400; line-height: 16px; border-right: 1px solid #8A8A8A; border-bottom: 1px solid #8A8A8A;}
.table_resources_right > tbody > tr > td {font-size: 11px;  line-height: 16px;  color: #000; border-right: 1px solid #8A8A8A;}

.table_resources_right > tfoot > tr > th {padding: 3px 3px; font-size: 11px; height: 18px; color: #000; line-height: 13px; background-color: #f2ebbb;} /* 합계 영역*/
.table_resources_right > tfoot > tr > td {padding: 3px 3px; font-size: 11px; height: 18px; color: #000; line-height: 13px; background-color: #f6f6f6;}

.table_resources_right tbody {display: inline-block;}

.table_resources_right > tbody > tr > th {background-color: #C2D0DC;}
.table_resources_right > tbody > tr > th + th {background-color: #9CB9CF;}
	
.table_resources_right tfoot th {text-align: right;}

.table_resources_right span {line-height: 11px!important;}


/** 계획대비재고현황 오른쪽 상세 테이블 **/

.table_right_in > tbody :hover {background-color: #C6C6FF!important; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s; text-overflow:ellipsis; white-space:nowrap;}

table.table_right_in {width: 100%;  border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;  }

.table_right_in > thead > tr > th {padding: 3px 3px; font-size: 11px; height: 13px; color: #636363; height: 18px; } /* 구분 영역*/
.table_right_in > thead > tr > td {padding: 3px 0px; font-size: 11px; height: 13px; color: #636363; height: 18px;}

.table_right_in > tbody > tr > td {padding: 3px 8px; font-size: 11px; height: 18px; color: #000;  min-width: 90px; max-width: 90px;}

.table_right_in td + td {border-left: 1px solid #C7C7C7; }

.table_right_in tr {background-color: #fff;  text-align: right;}
.table_right_in td {border-bottom: 1px solid #C7C7C7;}
.table_right_in th {border-bottom: 1px solid #C7C7C7; }

.table_right_in tbody th {text-align: right;}
.table_right_in tfoot th {text-align: right;}

.table_right_total tr {background-color: #FFE7E7;}