@charset "utf-8";
.ui-jqgrid input[type="checkbox"] {
	display:inline;
}

/* 추가  */
table.tbl_list tbody tr{cursor: auto;}
.ui-jqgrid .ui-jqgrid-btable { cursor : pointer; }
.tbl_sch .tbl_td {text-align:left; padding-left:13px;}
.ui-jqgrid tr.jqgrow td {
        word-wrap: break-word; /* IE 5.5+ and CSS3 */
        white-space: pre-wrap; /* CSS3 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        overflow: hidden;
        height: auto;
        vertical-align: middle;
        padding-top: 3px;
        padding-bottom: 3px
}

/****************************************
* tableWrap
****************************************/
.tableWrap { border-top: 2px solid #444; margin-top: 44px;}
.tableWrap .ui-widget-content { border-left:0; border-right:0; border-top:0;}
.tableWrap .ui-jqgrid .ui-separator { border: 0;}
.tableWrap .ui-jqgrid .ui-jqgrid-view {font-size: 13px;}
.tableWrap .ui-jqgrid .ui-jqgrid-htable th { height: auto; line-height:30px;border-bottom: 1px solid #eee; border: none;}
.tableWrap .ui-jqgrid .ui-jqgrid-htable th div { height: auto; font-size: 16px;}
.tableWrap .ui-jqgrid tr.jqgrow td { padding: 3px 3px 4px 3px;border-right:0; border-bottom: none; font-weight: 500;}
.tableWrap .ui-state-default, 
.tableWrap .ui-widget-content .ui-state-default, 
.tableWrap .ui-widget-header .ui-state-default { background: #f4f4f4; color: #444;}

/*Y scroll display none*/
.tableWrap .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {width:100% !important;}
.tableWrap .ui-jqgrid-view {width:100% !important;}
.tableWrap .ui-jqgrid-hdiv {width:100% !important;}
.tableWrap .ui-jqgrid .ui-jqgrid-hbox {width:100% !important; padding:0 !important;}
.tableWrap .ui-jqgrid-htable {width:100% !important;}
.tableWrap .ui-jqgrid-bdiv {width:100% !important; height: 1340px!important; overflow: hidden; margin-bottom: 62px;}
.tableWrap.notibord .ui-jqgrid-bdiv {height: auto !important;}
.tableWrap .ui-jqgrid-btable {width:100% !important;}
.tableWrap .ui-jqgrid-pager {width:100% !important;}

/*button*/
.tableWrap .btn02,
.tableWrap .btn03 { line-height:25px;}

/*paging*/
.tableWrap #pager{height: 50px; font-family:"NanumR";font-size:1.2rem;  border-top: 0px solid #ccc;background: #fff; border-bottom:0 !important;  padding:5px 0 !important;}
.tableWrap #pager .ui-pg-input{font-family:"NanumEB" !important;font-size:1.2rem;height:17px;padding:0 3px 3px 3px;text-align:right;}
.tableWrap #pager .ui-pager-control .ui-pg-table .ui-pg-table td.ui-pg-button#next_pager{padding-left:10px !important;}
.tableWrap #pager .ui-paging-info{margin-top:0;}
/*paging-hover*/
.tableWrap #pager .ui-state-hover { background:#FFF;}
.tableWrap #pager .ui-state-hover .ui-icon,
/* .tableWrap #pager .ui-state-focus .ui-icon { background-image: url(/common/css/calendar-ui-images/ui-icons_454545_256x240.png); } */
.tableWrap #pager .ui-pg-button:hover{padding:1px;}

/* 준공검사 테이블 커스텀 */
/* 
#mainGrid_ctrt_ymd {
        width: 12% !important;
        order: 1;   
}
*/
#mainGrid_start_work_ymd {
        width: 9.1666%!important;
        order: 2;
}
#mainGrid_complt_schd_ymd {
        width: 104%!important;
        order: 3;
}
#mainGrid_start_work_ymd {
        display: none;
}
.contract-status.ui-jqgrid-btable tr {
        height: 100px;
        width: 100% !important;
        display: flex;
        align-items: flex-start;
        position: relative;
}

.contract-status tr.jqgrow td {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
}
.tableWrap .contract-status.ui-jqgrid-btable tr td:nth-child(1),.tableWrap  .ui-jqgrid-btable tr td:nth-child(2) {
        display: none;
}
.contract-status.ui-jqgrid-btable tr td:nth-child(4){
        display: none;
}
.contract-status.ui-jqgrid-btable tr td:nth-child(3), .ui-jqgrid-btable tr td:nth-child(5){
        text-align: center;
        width: 10%;
        height: 100%;
}
.contract-status.ui-jqgrid-btable tr td:nth-child(6){
    text-align: left;
    position: absolute;
    left: 0px;
    bottom: 12px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 13px;
    font-size: 18px;
}
.contract-status.ui-jqgrid-btable tr td:nth-child(7), 
.contract-status.ui-jqgrid-btable tr td:nth-child(8), 
.contract-status.ui-jqgrid-btable tr td:nth-child(9), 
.contract-status.ui-jqgrid-btable tr td:last-child {
        height: 46%;  
        display: flex;
        align-items: flex-start;
        padding-top: 17.9px;
        margin-right: 50px;
}

th#mainGrid_rn {
        display: none;
}
/* th#mainGrid_ctrt_kind {
        width: 154px !important;
}
th#mainGrid_ctrt_kind2 {
        width: 12%;
}
th#mainGrid_ctrt_gov_nm {
        width: 70% !important;
} */
.tableWrap-situ th#mainGrid_ctrt_gov_nm {
        width: 12% !important;
        order: 1;
}
.tableWrap-situ th#mainGrid_ctrt_kind {
        width: 9.1666%!important;
        order: 2;
}
.tableWrap-situ th#mainGrid_ctrt_type_nm {
        width: 80%!important;
        order: 3;
}
/* 대금지급 테이블 아이템 넓이 */
.tableWrap-situ #mainGrid_ctrt_gov_nm {
        width: 12%;
        order: 1;
}

.tableWrap-paym #mainGrid_ctrt_kind {
        width: 9.1666%!important;
        order: 2;
}

.tableWrap-paym th#mainGrid_ctrt_type_nm {
        width: 80%!important;
        order: 3;
}
.table-2 th#mainGrid_ctrt_nm {
        /* width: 31.416% !important;
        display: block; */
        display: none;
}
.tableWrap-situ #mainGrid_dept_nm {
        display: none;
}

.table-2 th#mainGrid_pay_amt {
        display: none;
}

.table-2 th#mainGrid_TOTAL{
        /* width: 13.0833% !important; */
        display: none;
}

.table-2 th#mainGrid_SUNKUM{
        /* width: 12.916% !important; */
        display: none;
}
.table-2 th#mainGrid_KISUNGKUM{
        /* width: 11.416% !important; */
        display: none;
}
.table-2 th#mainGrid_JUNGONGKUM{
        /* width: 11.416% !important; */
        display: none;
}
.table-2 th#mainGrid_NOMUBI{
        /* width: 11.25% !important; */
        display: none;
}
.table-2 th#mainGrid_ctrt_ymd{
        /* width: 10.083% !important;
        padding-right: 16px; */
        display: none;
}
/* 대금지급 테이블 테이블 아이템 커스텀 */
.table-2 .ui-state-default.jqgrid-rownum {
        display: none !important;
}
.table-2 #mainGrid tr {
        position: relative;
        width: 100%;
        height: 100px;
}
.table-2 #mainGrid tr[role=row] {
        display: flex;
}
.table-2 #mainGrid tr[role=row] > td {
        font-size: 16px;
 }
 .table-2 #mainGrid tbody >  tr:nth-child(1) {
        display: none;
 }
.table-2 #mainGrid td:not(.table-2 #mainGrid tr[role=row] > td:nth-child(3)) {
        position: absolute;
        min-height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
}

.table-2 #mainGrid tr[role=row] > td:nth-child(3) {
        position: absolute;
        left: 0;
        bottom: 50%;
        transform: translateY(50%);
        width: 9%;
        height: 35px;
        padding: 11px 31px;
        z-index: 100;
        border-radius: 35px 0 0 0;
        color: #fff;
        line-height: 17px; 
}
.table-2 #mainGrid tr[role=row] > td:nth-child(4) {
        width: 27.416% !important;
        left: 11.5%;
}
.table-2 #mainGrid tr[role=row] > td:nth-child(5) {
        left: 37.916%;
        width: 11.3% !important;
}
.table-2 #mainGrid tr[role=row] > td:nth-child(5)::before {
        content: '지급금액';
        color: #1F64AF;

}
.table-2 #mainGrid tr[role=row] > td:nth-child(6) {
        left: 49.2%;
        width: 11.915% !important;
        display: none;
}

.table-2 #mainGrid tr[role=row] > td:nth-child(7) {
        left: 61%;
        width: 10.35% !important;
}
.table-2 #mainGrid tr[role=row] > td:nth-child(8) {
        left: 71.3%;
        width: 9.417% !important;
}
.table-2 #mainGrid tr[role=row] > td:nth-child(9) {
        left: 80.7%;
        width: 10.25% !important;
}
.table-2 #mainGrid tr[role=row] > td:nth-child(10) {
        left: 90.9% !important;
        width: 9.083% !important;
}
.table-2 #mainGrid tr[role=row] > td:nth-child(3) {
        background: #3DA80A;
}
.table-2 #mainGrid tr[role=row] > td[title="본청"] {
        background: #1F64AF;
}

.table-2 #mainGrid tr[role=row] > td[title="보건소"] {
        background: #EF7C1C;
}

.contract-status td:nth-child(6) {
        justify-content: left !important;
    }
tr.ui-jqgrid-labels {
        width: 100% !important;
        min-height: 62px;
        align-items: center;
        display: flex;
}
.contract-status tr.ui-jqgrid-labels > th:nth-child(2) {
        width: 11.583% !important;
}
.contract-status tr.ui-jqgrid-labels > th:nth-child(3) {
        width: 15.666%!important;
}
.contract-status tr.ui-jqgrid-labels > th:nth-child(4) {
        width: 72.75%!important;
}
.contract-status tr[role=row]:first-child {
        min-height: auto;
        width: 100%;
        display: none;
}
.contract-status tr[role=row] {
        min-height: 120px;
        width: 100%;
}

.contract-status tr[role=row] > td:nth-child(3) {
        width: auto;
        width: 50px;
        height: 50px;
        padding: 0;
        position: relative;
        z-index: 100;
        border-radius: 50%;
        color: #fff;
        margin-left: 30px;
        margin-right: 30px;
        bottom: -6%;
        left: -25px;
        transform: translateY(50%);
} 
/*------------- 준공검사 기본 테이블---------- */
.tableWrap-situCplt tr.jqgrow td {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
    }
.tableWrap-situCplt tr[role=row] {
        min-height: 120px;
        width: 100%; 
        display: flex;
        align-items: flex-start;
        position: relative;
}
.table-situCplt .ui-state-default.jqgrid-rownum {
        display: none !important;
    }

#container #contents  .table-situCplt tr[role=row]  td {
        /* 데이터 공통사항 */
        color: #444 !important;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
}
/* 준공검사  관서명 부분 */
.table-situCplt th#mainGrid_ctrt_gov_nm{
        order: 1;
        width: 6% !important;
        height: auto;
        line-height: 30px;
        border-bottom: 1px solid #eee;
        border: none;
}
.tableWrap-situCplt tr[role=row] > td:nth-child(5) {
    width: 12%;
    order: 0;
    margin-bottom: 15px;
    border-right: 0;
    border-bottom: none;
}
#container #contents .table-situCplt tr[role=row] td:nth-child(4) {
        display: block;
}
.table-situCplt #mainGrid_ctrt_kind {
    order: 2;
    font-size: 18px;
    position: absolute;
    left: 0px;
    width: 12%;
    display: flex;
    align-items: center;
    justify-content: center !important;
}
.table-situCplt #jqgh_mainGrid_ctrt_amt,
.table-situCplt #jqgh_mainGrid_complt_ymd,
.table-situCplt #mainGrid_first_ctrt_ymd,
.table-situCplt #jqgh_mainGrid_ctrt_type_nm {
        display: none;
}

/* 준공검사 구분 */
#container #contents .table-situCplt tr[role=row] td:nth-child(3) {
        /* 본청 */
        width: 12%;
        order: 0;
        margin-bottom: 15px;
}
#container #contents .table-situCplt tr[role=row] td:nth-child(4) {
        /* 재무과 */
        order: 2;
        width: 12% !important;
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: center !important;
        position: absolute;
        left: 0px;
        bottom: 14px;
        padding-bottom: 13px;
        font-size: 18px;
        
}
#container #contents  .table-situCplt tr[role=row] td:nth-child(5) {
        /* 구분 동그라미 */
        width: 50px;
        height: 50px;
        padding: 0;
        position: relative;
        z-index: 100;
        border-radius: 50%;
        color: #fff !important;
        margin-left: 30px;
        margin-right: 30px;
        bottom: -20px;
        left: -87px;
        transform: translateY(50%);
        text-align: center !important;
}
#container #contents  .table-situCplt tr[role=row] td:nth-child(6) {
        /* 제목 옆 동그라미 */
        position: static;
        order: 4;
        height: 30px;
        border: 1px solid #1F64AF;
        color: #1F64AF !important;
        border-radius: 50px;
        display: block;
        margin: 0;
        width: auto;
        min-width: 66px;
        padding: 0;
        margin-top: 16px;
        padding: 0.2% 1%;
        text-align: center !important;
}

#container #contents  .table-situCplt tr[role=row] td:nth-child(7) {
        /* 제목 */
        order: 4;
        width: auto;
        display: flex;
        justify-content: flex-start;
        margin-left: 15px;
        margin-right: 0;
        position: static;
        border: none;
}
#container #contents  .table-situCplt tr[role=row] td:nth-child(8)  {
        order: 4;
        position: absolute;
        top: 6%;
        left: 20.5%;
        width: 80%;
        display: flex;
        justify-content: flex-start;
        padding-left: 81px;
        border-bottom: 1px solid #e5e5e5;
}


/* 준공검사  계약금액*/
.tableWrap-situCplt.ui-jqgrid-btable tr td:nth-child(9) {
        order: 13;
        height: 46%;
        display: flex;
        align-items: flex-start;
        padding-top: 17.9px;
        margin-right: 50px;
}
/* 준공검사 계약일 */
.tableWrap-situCplt.ui-jqgrid-btable tr td:nth-child(10) {
        order: 14;
        height: 46%;
        position: absolute;
        left: 35%;
        width: 40%;
        padding-top: 8.9px;

}
/* 준공검사 계약대상자 */
.tableWrap-situCplt.ui-jqgrid-btable tr td:last-child {
        order: 15;
        position: absolute;
        right: -73px;
        width: 30%;
        display: flex;
        justify-content: flex-start;  
}

#container #contents .table-situCplt tr[role=row] td:nth-child(8) {
        /* 계약금액 */
        order: 4;
        position: absolute;
        top: 6%;
        left: 81%;
        width: fit-content;
        display: flex;
        justify-content: flex-start;
        padding-left: 81px;
        border-bottom: 1px solid #e5e5e5;
        margin: 0;
        padding: 0;
        border: none;
}

#container #contents .table-situCplt tr[role=row] td:nth-child(8)::before {
        content: '계약금액';
        font-size: 16px;
        color: #1F64AF;
        margin-right: 40px;
        font-weight: 500;
        width: auto !important;
}
#container #contents .table-situCplt tr[role=row] td:nth-child(9) {
        /* 계약일 */
        order: 14;
        width: 100% !important;
        height: auto !important;
        min-height: auto;
        position: absolute;
        left: 246px;
        bottom: 10px;
        padding-top: 8.9px;
        border-top: 1px solid #e5e5e5;
        justify-content: left;
} 
#container #contents .table-situCplt tr[role=row] td:nth-child(9)::before {
        content: '계약일';
        font-size: 16px;
        color: #1F64AF;
        margin-right: 40px;
        font-weight: 500;
        width: auto !important;
}
#container #contents .table-situCplt tr[role=row] td:nth-child(10) {
        width: auto;
        height: auto;
        min-height: auto;
        bottom: 10px;
        left: 40%;
}
#container #contents .table-situCplt tr[role=row] td:nth-child(10)::before {
        content: '착공일';
        font-size: 16px;
        color: #1F64AF;
        margin-right: 40px;
        font-weight: 500;
        width: auto !important;
}
#container #contents .table-situCplt tr[role=row] td:nth-child(11) {
        position: absolute; 
        left: 60%;
        bottom: 10px;
        padding-top: 8.9px;
}
#container #contents .table-situCplt tr[role=row] td:nth-child(11)::before {
        content: '준공기한';
        font-size: 16px;
        color: #1F64AF;
        margin-right: 40px;
        font-weight: 500;
        width: auto !important;
}
#container #contents .table-situCplt tr[role=row]  > td:last-child {
        /* 지급구분 */
        order: 15;
        position: absolute;
        right: 0;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        bottom: 10px;
        padding-top: 8.9px;
}
#container #contents .table-situCplt tr[role=row]  > td:last-child::before {
        content: '준공일';
        font-size: 16px;
        color: #1F64AF;
        margin-right: 40px;
        font-weight: 500;
        width: auto !important;
}

td[title="공사"] {
        background: #1F64AF;
} 
td[title="물품"]  {
        background: #EF7C1C;
} 
td[title="용역"]  {
        background: #3DA80A;
}
.contract-status tr[role=row] > td:nth-child(5) {
        width: 144px;
}       

div#pg_pager tbody > tr {
        display: flex;
        align-items: center;
        width: 100%;
        height: 50px;
        justify-content: center;
}
.tableWrap #pager .ui-pg-input {
        font-size: 16px;
        padding: 11px 0px;
        text-align: center;
}
.ui-jqgrid .ui-pg-table td span{
        font-size: 16px;
}
#mainGrid_ctrt_nm, #mainGrid_summary_ctrt_tot_amt, #mainGrid_first_ctrt_ym, #mainGrid_cust_nm{
        display: none;
}
.tbl_paym2  {
        width: 100% !important;
}
/* 테이블 순서 커스텀 */
.tableWrap .ui-state-default .ui-jqgrid-labels>th:nth-child(4){
        display: none;
}
.tableWrap.table3 .ui-state-default .ui-jqgrid-labels>th:nth-child(4) {
        display: block;
}
.contract-status tr[role=row] > td:nth-child(5) {
        width: 14%;
        order: 0;
        margin-bottom: 15px;
        
}
.contract-status tr[role=row] > td:nth-child(6) {
        order: 2;
        width: 14%;
        display: flex;
        align-items: center;
        justify-content: center !important;
}
 
.contract-status tr[role=row] > td:nth-child(3) {
        order: 3;
}
.contract-status.ui-jqgrid-btable tr td:nth-child(7) {
        order: 4;
        height: 30px;
        border: 1px solid #1F64AF;
        color: #1F64AF;
        border-radius: 50px;
        display: inline-flex;
        margin: 0;
        width: auto;
        min-width: 66px;
        padding: 0;
        margin-top: 16px;
        padding: 0.2% 1% !important;
        justify-content: center;
        align-items: center;
 }

.contract-status.ui-jqgrid-btable tr td:nth-child(8) {
        order: 4;
        width: auto;
        display: flex;
        justify-content: flex-start;
        margin-left: 15px;
        margin-right: 0;
}
.contract-status.ui-jqgrid-btable tr td:nth-child(9) {
        order: 13;
        order: 13;
        bottom: 0;
        position: absolute;
        bottom: 0;
        left: 21%;
        border-top:  1px solid #e5e5e5;
}
.contract-status.ui-jqgrid-btable tr td:nth-child(9)::before {
        content: '계약금액';
        font-size: 16px;
        color: #1F64AF;
        margin-right: 40px;
        font-weight: 500;
}
.contract-status.ui-jqgrid-btable tr td:nth-child(10) {
        order: 14;
        height: 46%;
        position: absolute;
        left: 35%;
        width: 40%;
        padding-top: 8.9px;
        bottom: 0;
        border-top:  1px solid #e5e5e5;
}
.contract-status.ui-jqgrid-btable tr td:nth-child(10)::before {
        content: '계약일';
        font-size: 16px;
        color: #1F64AF;
        margin-right: 40px;
        font-weight: 500;
}
.contract-status.ui-jqgrid-btable tr td:last-child {
        order: 15;
        position: absolute;
        right: -73px;
        bottom: 0;
        width: 30%;
        display: flex;
        justify-content: flex-start;
        border-top:  1px solid #e5e5e5;
}
.contract-status.ui-jqgrid-btable tr td:last-child::before {
        content: '계약대상자';
        font-size: 16px;
        color: #1F64AF;
        margin-right: 40px;
        font-weight: 500;
}
/* -------대금지급 형--------- */
/* 제목 */
/* 공통*/
.tableWrap .board-paym .ui-jqgrid .ui-jqgrid-htable th {
        font-size: 16px; 
        border-bottom: 1px solid #eee;
       
}
.tableWrap .board-paym tr.ui-jqgrid-labels #mainGrid_ctrt_gov_nm {
        width: 12% !important;
        order: 1;
}
.tableWrap .board-paym tr.ui-jqgrid-labels #mainGrid_ctrt_kind{
       width: 9.1666%!important;
       order: 2;
}
.tableWrap .board-paym tr.ui-jqgrid-labels #mainGrid_ctrt_type_nm{
        width: 80%!important;
        order: 3;

}
.tableWrap .board-paym .ui-jqgrid #mainGrid_req_ymd,
.tableWrap .board-paym .ui-jqgrid #mainGrid_pay_kind_fg,
.table-2 .board-paym #mainGrid tr[role=row].jqgfirstrow  {
        display: none;
}
/* 대금지급 기본 대금지급 테이블 내용 */
.table-2 .board-paym #mainGrid tr[role=row] td {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px; 
}
.table-2 .board-paym #mainGrid tr[role=row] {
        /* 테이블의 공통 적용 */
        height: 100px;
        width: 100% !important;
        display: flex;
        align-items: flex-start;
        position: relative; 
}
#container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(3) {
        /* 본청 */
         background: transparent;
         color: #444;
         border-radius: 0;
         height: 100%;
         order: 0;
         margin-bottom: 15px;
         width: 12%;
         order: 0;
         margin-bottom: 15px;
}
#container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(4) {
        /* 재무과 */
        order: 2;
        width: 12% !important;
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: center !important;
        position: absolute;
        left: 0;
        bottom: 15px;
        padding-bottom: 13px;
        font-size: 18px;

}
#container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(5) {
        /* 구분 동그라미 */
        width: 50px !important;
        height: 50px;
        min-height: auto;
        padding: 0;
        position: absolute;
        z-index: 100;
        border-radius: 50%;
        color: #fff;
        margin-left: 30px;
        margin-right: 30px;
        bottom: 57px;
        left: 138px;
        transform: translateY(50%);
}
#container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(5)::before {
        display: none;
}
#container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(7) {
        /* 제목 */
        position: static;
        order: 4;
        height: 30px;
        min-height: auto !important;
        border-radius: 50px;
        display: inline-flex;
        margin: 0;
        width: auto !important;
        min-width: 66px;
        padding: 0;
        margin-top: 16px;
        /* margin-left: 131px; */
        padding: 0.2% 1% !important;
        justify-content: flex-start;
        align-items: center;
        border-radius: 0;
}
#container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(6) {
        /* 제목 앞에 동그라미 종합, 구매 등 */
        position: static;
        order: 4;
        height: 30px;
        min-height: auto !important;
        border: 1px solid #1F64AF;
        color: #1F64AF;
        border-radius: 50px;
        display: inline-flex;
        margin: 0;
        width: auto !important;
        min-width: 66px;
        padding: 0;
        margin-top: 16px;
        padding: 0.2% 1% !important;
        justify-content: center;
        align-items: center;
        margin-left: 244px;
}


td[aria-describedby="mainGrid_ctrt_type_nm"] {
        border: 1px solid red;
}
#container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(6)[title="수리/수선"] + #container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(7) {
        left: 23.5%;
        width: 74% !important;
}
#container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(6)::before {
        display: none;
}
#container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(8) {
        order: 13;
        height: 38%;
        display: flex;
        align-items: flex-start;
        padding-top: 9.9px;
        margin-right: 50px;
        width: 100% !important;
        min-height: auto;
        left: 246px;
        bottom: 8px;
        border-top: 1px solid #e5e5e5;
        justify-content: flex-start;
}
#container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(8)::before {
        content: '지급금액';
        font-size: 16px;
        color: #1F64AF;
        margin-right: 40px;
        font-weight: 500;
}
#container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(9) {
        order: 14;
        height: 46%;
        min-height: auto;
        position: absolute;
        left: 41%;
        width: 40% !important;
        padding-top: 9.9px;
        bottom: 8px;
}
#container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(9)::before {
        content: '지급일';
        font-size: 16px;
        color: #1F64AF;
        margin-right: 40px;
        font-weight: 500;
} 
#container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(10) {
        order: 15;
        position: absolute;
        left: 86% !important;
        width: auto !important;
        display: flex;
        justify-content: flex-start;
        min-height: auto;
        height: 46%;
        bottom: 8px;
        padding-top: 9.9px;
}
#container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(10)::before {
        content: '지급구분';
        font-size: 16px;
        color: #1F64AF;
        margin-right: 40px;
        font-weight: 500;
}




/* 관련정보 테이블 커스텀 */
.table3 table.ui-jqgrid-htable {
        position: relative;
        width: 100%;
   
} 
.table3 #mainGrid_subject,
.table3 #mainGrid_writer,
.table3 #mainGrid_writedate,
.table3 #mainGrid_filechk 
 {
        position: absolute;

}
.table3 #mainGrid_writer {
        order: 1;
        left: 0;
        width: 12.333% !important;
        font-size: 16px;
}
.table3 #mainGrid_subject {
        order: 2;
        left: 12%;
        width: 65% !important;
        font-size: 16px;
}
.table3 #mainGrid_filechk {
        order: 3;
        width: 9.8% !important;
        right: 12.8%;
}
.table3 #mainGrid_writedate {
        order: 4;
        right: 0;
        width: 12.333% !important;
        font-size: 16px;
}
.table3 tr[role="row"] {
        height: 60px;
        width: 100%;
        position: relative;
}
.table3 tr[role="row"] td{
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        font-size: 16px;
        font-weight: 500;
}

.table3 tr[role="row"] td:nth-child(1) {
        display: none;
}

.table3 tr[role="row"] td:nth-child(2) {
        display: block !important;
        width: 2.5% !important;
        position: absolute;
         right: 15.9%;
        color: #fff;
}
.table3 tr[role="row"] td:nth-child(2) > img {
        position: absolute;
        left: 0;
        top: 21px;

}
.table3 tr[role="row"] td:nth-child(3) {
        width: 68.8% !important;
        left: 12.3%;
        justify-content: flex-start;
        display: flex;
}

.table3 tr[role="row"] td:nth-child(4),
.table3 tr[role="row"] td:nth-child(5) {
        width: 12.333%;
}
.table3 tr[role="row"] td:nth-child(4) {
        left: 0;
}
.table3 tr[role="row"] td:nth-child(5) {
        right: 0;
        width: 12.333%;
}
.table3 tr[role="row"] td:nth-child(6) {
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 17%;
        top: 21px;
        color: #fff;
} 
.table3 tr[role="row"] td:nth-child(6) > img {
        position: absolute;
        top: 0;
        left: 0;
}

.table3.tableWrap .ui-jqgrid-bdiv {
        height: auto !important;
  
}
.table3 .ui-jqgrid .ui-pg-table td {
        width: auto !important;
}
/* .table3 #pager_right {
        display: none;
} */


.table3 #pager {
        margin-bottom: 128px !important;
}
.table3 .ui-jqgrid tr.jqgrow td {
        font-size: 16px;
}
/* 분기별 발주계획 탭메뉴 시작 */
.tbl_sch.notiboard-cus > tbody {
        padding: 30px;
}
#contents.noticebord-wid #mainGrid {
        table-layout: fixed !important;
        width: 100%;
        white-space: nowrap; 
}
#contents.noticebord-wid tr[role="row"] {
        width: 100%;
        display: flex;
        padding: 20px 0;
}
#contents.noticebord-wid tbody > tr[role="row"]:first-child {
        padding: 0;
}
#contents.noticebord-wid tr[role="row"] > td {
        font-size: 16px;
}
#contents.noticebord-wid tr[role="row"] > td:first-child {
        display: none;
}
 #contents.noticebord-wid tr[role="row"] > td:nth-child(3) {
        text-align: left !important;
        padding-left: 10px;
        width: 60%;
        display: table-cell;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
#contents.noticebord-wid tr[role="row"] > td:nth-child(4),
#contents.noticebord-wid tr[role="row"] > td:nth-child(5) {
        width: 20%;
}
#contents.noticebord-wid .ui-jqgrid-labels >th:nth-child(3) {
        width: 80% !important;
}
div#container.noti-detail-board input:after {
        display: none;
    }

#contents.noti-detail-board {
        width: 768px;
}    
.table-c2 > button {
        cursor: pointer;
}
.tool2 > button {
        cursor: pointer;
}
@media screen and (max-width:1200px) {
        #mainGrid > tbody {
                border-bottom: 0.7px solid #222;
        }
        #contents {
                width: 100%;
                padding:  0 16px;
                box-sizing: border-box;
        }
        .sub-img-wrap > span {
                font-size: 22px;
        }
        #contents.paym-table {
                width: 100%;
        }
        #container.paym-table > div:nth-of-type(1) {
                height: auto;
                padding-bottom: 0;
        }
      
        .tableWrap {
		border-top: 1px solid #dddddd !important;
	}
	.contract-status.ui-jqgrid-btable tr {
                    height: 290px;
                    padding: 20px 16px 49px;
                    border-top: 0.7px solid #222;
                    justify-content: left;
                    align-items: center;
                    width: 100% !important;
	}
	
	.contract-status tr[role=row] > td:nth-child(3) {
		transform: none;
                margin-left: 0;
                margin-right: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                top: 17px;
                left: 80px;
                font-size: 13px;
                width: 35px;
                height: 35px;
	}
	.contract-status tr[role=row] > td:nth-child(5) {
                position: absolute;
                left: 0;
                top: 12px;
                height: auto;
                font-size: 13px;
                justify-content: center;
                width: 80px;
                text-align: left !important;
                justify-content: flex-start;
                padding-left: 14px;

	}
	.contract-status.ui-jqgrid-btable tr td:nth-child(6){
                position: absolute;
                left: 0;
                top: 2px;
                bottom: auto;
                width: 100%;
                height: auto;
                margin-top: 32px;
                padding-bottom: 20px !important;
                padding-left: 14px;
                margin-bottom: 20px;
                font-size: 13px;
                justify-content: flex-start !important;
                border-bottom: 1px solid #e5e5e5;
                        
        }
        .contract-status.ui-jqgrid-btable tr td:nth-child(7)::before, .contract-status.ui-jqgrid-btable tr td:nth-child(8)::before,.contract-status.ui-jqgrid-btable tr td:nth-child(9)::before {
                font-size: 13px;
        }
        .contract-status.ui-jqgrid-btable tr td:nth-child(7), .contract-status.ui-jqgrid-btable tr td:nth-child(8), .contract-status.ui-jqgrid-btable tr td:nth-child(9), .contract-status.ui-jqgrid-btable tr td:last-child {
                font-size: 13px;
        }
        .tableWrap .ui-jqgrid-bdiv {
                height: auto !important;
        }
        .ui-jqgrid .ui-pg-table td {
                width: 100% !important;
        }
        .tableWrap .ui-jqgrid-bdiv {
                margin-bottom: 50px;
        }
        .margin-bottom-cus {
                margin-bottom: 60px;
        }
        /* 준공검사 1200 게시판 */
        .tableWrap-situCplt tr[role=row] {
                width: 100% !important;
                height: 290px;
                align-items: flex-start;
                padding: 20px 16px 49px;
                border-top: 1px solid #222;
                border-bottom: 1px solid #222;
                justify-content: left;
                align-items: center;
  
        }
        .tableWrap-situCplt tr[role=row] > td:nth-child(5) {
                position: absolute;
                left: 0;
                top: 12px;
                height: auto;
                font-size: 13px;
                justify-content: center;
                width: 80px;
        }
        .tableWrap-situCplt.ui-jqgrid-btable tr td:nth-child(6) {
                position: relative;
                left: -17px;
                margin-top: 32px;
                padding-bottom: 20px;
                margin-bottom: 20px;
                font-size: 13px;
                width: 80px;
        }
        .tableWrap-situCplt tr[role=row] > td:nth-child(3) {
                transform: none;
                margin-left: 0;
                margin-right: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                top: 17px;
                left: 80px;
                font-size: 13px;
                width: 35px;
                height: 35px;
        }
        /* 준공검사 제목줄 */
        .tableWrap-situCplt.ui-jqgrid-btable tr td:nth-child(7) {
                top: 99px;
                left: 20px;
                padding: 2px 12px; 
                font-size: 13px; 
        }
        .tableWrap-situCplt.ui-jqgrid-btable tr td:nth-child(8) {
                top: 71px;
                left: 0;
                width: 100%;
                height: 87px;
                border-top: 1px solid #e5e5e5;
                border-bottom: 1px solid #e5e5e5;
                padding-top: 0;
                display: flex;
                align-items: center;
                font-size: 13px;  
        }
        /* 준공검사 계약금액 */
        .tableWrap-situCplt.ui-jqgrid-btable tr td:nth-child(9) {
                position: absolute;
                left: 20px;
                top: 170px;
                font-size: 13px;    
        }
        /* 준공검사 계약일 */
        .tableWrap-situCplt.ui-jqgrid-btable tr td:nth-child(10) {
                height: 100px;
                position: absolute;
                left: 20px;
                top: 176px;
                width: auto;
                padding-top: 0;
                font-size: 13px; 
                border-top: none;
        }
        /* 준공검사 계약 대상자 */
        .tableWrap-situCplt.ui-jqgrid-btable tr td:last-child {
                left: 20px;
                top: 224px;
                height: 100px;
                width: auto;   
        }
        /* 대금지급 게시판 */
        .contract-status.ui-jqgrid-btable tr td:nth-child(8) {
                border-top: none;
                width: auto;
                padding-left: 20px;
                height: 34%;
                margin-top: 15px;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
        }
        .contract-status.ui-jqgrid-btable tr td:nth-child(9) {
                position: absolute;
                left: 0;
                padding-left: 14px;
                top: 170px;
                border-top: none;
                width: 100%;
                border-top: 1px solid #e5e5e5;
        }
        .contract-status.ui-jqgrid-btable tr td:nth-child(9)::before {
                font-size: 13px;
                margin-right: 0;
                width: 94px;
                text-align: left;
        }
        .contract-status.ui-jqgrid-btable tr td:nth-child(10) {
                height: 100px;
                position: absolute;
                left: 0;
                padding-left: 14px;
                top: 176px;
                width: auto;
                padding-top: 0;
                font-size: 13px;
                border-top: none;
        }
        .contract-status.ui-jqgrid-btable tr td:nth-child(10)::before {
                font-size: 13px;
                margin-right: 0;
                width: 94px;
                text-align: left;
        }
        .contract-status.ui-jqgrid-btable tr td:last-child {
                left: 0;
                padding-left: 14px;
                top: 224px;
                height: 100px;
                width: 90%;
                border-top: none;
                display: inline-block;
                text-align: left !important;
                white-space: nowrap;
                text-overflow: ellipsis;
        }
        .contract-status.ui-jqgrid-btable tr td:last-child::before {
                font-size: 13px;
                margin-right: 0;
                width: 94px;
                text-align: left;
                display: inline-block;
        }
        .table-2 #mainGrid td:not(.table-2 #mainGrid tr[role=row] > td:nth-child(3)) {
                /* border: 1px solid red; */
                min-height: 0px;
        }
        .table-2 #mainGrid tr {
                height: 270px;
        }
        .table-2 #mainGrid td:not(.table-2 #mainGrid tr[role=row] > td:nth-child(3)) {
            justify-content: left;
        }
        .table-2 #mainGrid tr[role=row] > td {
               font-size: 16px;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(2)  {
                display: none;
                border: 1px solid red !important;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(3) {
                bottom: 82%;
                width: auto !important;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(4) {
                width: 95% !important;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; 
                bottom: 59%;
                left: 16px;
                text-align: left;
               
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(5),
        .table-2 #mainGrid tr[role=row] > td:nth-child(6),
        .table-2 #mainGrid tr[role=row] > td:nth-child(7){
                bottom: 30%;
                left: 16px;
                width: 40% !important;
                height: fit-content !important;
                padding: 6px 0;
                /* border: 1px solid yellow !important;
                 */
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(8),
        .table-2 #mainGrid tr[role=row] > td:nth-child(9),
        .table-2 #mainGrid tr[role=row] > td:nth-child(10) {
                bottom: 30%;
                left: calc(60% + 16px);
                width: 40% !important;
                height: fit-content !important;
                padding: 6px 0;
        }
        .contract-status.ui-jqgrid-btable tr td:nth-child(7) {
                top: 99px;
                left: 20px;
                padding: 2px 12px;  
                margin-top: 0;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(5) {
                height: auto;
                top: 46%;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(5)::before {
                content: '총지급액';
                display: inline-block;
                margin-right: 20px;
                font-weight: 600;
                color: #1F64AF;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(6) {
                top: 60%;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(6)::before {
                content: '선금';
                display: inline-block;
                margin-right: 20px;
                font-weight: 600;
                color: #1F64AF;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(7) {
                top: 74%;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(7)::before {
                content: '기성금';
                display: inline-block;
                margin-right: 20px;
                font-weight: 600;
                color: #1F64AF;
        }
        
        .table-2 #mainGrid tr[role=row] > td:nth-child(8) {
                top: 46%;
                left: calc(61% - 25px);
        }
   
        .table-2 #mainGrid tr[role=row] > td:nth-child(8)::before {
                content: '준공금';
                display: inline-block;
                margin-right: 20px;
                font-weight: 600;
                color: #1F64AF;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(9) {
                top: 60%;
                left: calc(61% - 25px);
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(9)::before {
                content: '노무비';
                display: inline-block;
                margin-right: 20px;
                font-weight: 600;
                color: #1F64AF;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(10) {
                top: 74%;
                left: calc(61% - 25px) !important;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(10)::before {
                content: '계약일';
                display: inline-block;
                margin-right: 20px;
                font-weight: 600;
                color: #1F64AF;
        }
          /* 준공검사 1200 */
          .table-2 .board-paym #mainGrid tr[role=row] {
                height: 290px;
                padding: 20px 16px 49px;
                border-top: 0.7px solid #222;
                justify-content: left;
                align-items: center;
                width: 100% !important;
        }
        
        #container #contents .table-situCplt tr[role=row] td:nth-child(3){
                /* 본청 */
                position: absolute;
                left: 0;
                top: 12px;
                height: auto;
                font-size: 13px;
                justify-content: center;
                width: 80px;
                text-align: left !important;
                justify-content: flex-start;
                padding-left: 14px;
                bottom: auto;
                border-radius: 0;
        }
        #container #contents .table-situCplt tr[role=row] td:nth-child(4) {
                /* 재무과 */
                position: absolute;
                left: 0;
                top: 2px;
                bottom: auto;
                width: 100% !important;
                height: auto;
                margin-top: 32px;
                padding-bottom: 20px !important;
                padding-left: 14px;
                margin-bottom: 20px;
                font-size: 13px;
                justify-content: flex-start !important;
                border-bottom: 1px solid #e5e5e5;
        }
        #container #contents .table-situCplt tr[role=row] td:nth-child(5) {
                transform: none;
                margin-left: 0;
                margin-right: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                top: 17px;
                left: 80px;
                font-size: 13px;
                width: 35px !important;
                height: 35px !important;
        }
        #container #contents .table-situCplt tr[role=row] td:nth-child(6) {
                /* 제목앞 동그라미 종합, 구매 등*/
                order: 4;
                height: 30px;
                border: 1px solid #1F64AF;
                color: #1F64AF;
                border-radius: 50px;
                display: inline-flex;
                margin: 0;
                margin-top: -34px;
                width: auto;
                min-width: 66px;
                padding: 0;
                padding: 0.2% 1% !important;
                justify-content: center;
                align-items: center;
                font-size: 13px;
                justify-content: center !important;
        }
        #container #contents .table-situCplt tr[role=row] td:nth-child(7) {
                /* 제목 */
                border-top: none;
                width: 100%;
                padding-left: 20px !important;
                height: 34%;
                margin-top: 0;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
                border-radius: 0;
                padding-top: 11px !important;
                font-size: 13px;
        }
        #container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(7)::before {
                display: none;
        }
        #container #contents .table-situCplt tr[role=row] td:nth-child(8) {
                /* 계약금액 */
                left: 20px;
                min-height: auto;
                height: auto;
                top: 140px;
                font-size: 13px;
        }
        #container #contents .table-situCplt tr[role=row] td:nth-child(9) {
                /* 계약일*/
                height: auto !important;
                position: absolute;
                left: 20px;
                bottom: auto;
                top: 165px;
                width: 100% !important;
                padding-top: 7px;
                font-size: 13px;
                padding-left: 0;
        } 
       
        #container #contents .table-situCplt tr[role=row] td:nth-child(10) {
                font-size: 13px;
                left: 20px;
                bottom: auto;
                top: 198px;
                padding-left: 0;
        }
        #container #contents .table-situCplt tr[role=row] td:nth-child(11) {
                font-size: 13px;
                left: 20px;
                bottom: auto;
                top: 224px;
                padding-top: 0;
                padding-left: 0;
        }
        #container #contents .table-situCplt tr[role=row]  > td:last-child {
                /* 준공일 */
                left: 20px !important;
                top: auto !important;
                right: auto;
                height: auto !important;
                width: auto;
                padding: 0;
                margin: 0;
                justify-content: flex-start;
                font-size: 13px;
                bottom: 19px;
        }
        #container #contents .table-situCplt tr[role=row] td:nth-child(8)::before,
        #container #contents .table-situCplt tr[role=row] td:nth-child(9)::before,
        #container #contents .table-situCplt tr[role=row] td:nth-child(10)::before,
        #container #contents .table-situCplt tr[role=row] td:nth-child(11)::before,
        #container #contents .table-situCplt tr[role=row] td:last-child::before {
                font-size: 13px;
                width: 94px !important;
                text-align: left;
                margin-right: 0;
        }
       /* 대금지급 1200 */
       #container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(3) {
               /* 본청 */
               position: absolute;
               left: 0;
               top: 12px;
               height: auto;
               font-size: 13px;
               justify-content: center;
               width: 80px;
               text-align: left !important;
               justify-content: flex-start;
               padding-left: 14px;
    }
    #container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(4) {
            /* 재무과 */
                position: absolute;
                left: 0;
                top: 9px;
                bottom: auto;
                width: 100% !important;
                height: auto;
                margin-top: 32px;
                padding-bottom: 20px !important;
                padding-left: 14px;
                margin-bottom: 20px;
                font-size: 13px;
                justify-content: flex-start !important;
                border-bottom: 1px solid #e5e5e5;
    }
    #container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(5) {
        transform: none;
        margin-left: 0;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 26px;
        left: 80px;
        font-size: 13px;
        width: 35px !important;
        height: 35px !important; 
    }
    #container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(6) {
        top: 99px;
        left: 20px;
        padding: 2px 12px;
        margin-top: 0;
        font-size: 13px;
        margin-left: 0;
    }
    #container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(7) {
            /* 제목줄 */
            border-top: none;
            width: auto !important;
            padding-left: 20px;
            height: 34% !important;
            margin-top: 15px;
            display: inline-block;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 13px;
            padding-top: 17.9px !important;
            border-bottom: none;
            margin-left: 15px;
    }
    #container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(8) {
            /* 지급금액 */
            position: absolute;
            left: 0 !important;
             padding-left: 20px;
            top: 170px !important;
            font-size: 13px;
            height: 46% !important;
            width: 100% !important;
            border-top: 1px solid #e5e5e5;
    } 
    #container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(9) {
        position: absolute;
        left: 0 !important;
        padding-left: 20px;
        top: 176px !important;
        width: auto !important;
        height: 100px !important;
        padding-top: 0;
        font-size: 13px;
    }
    #container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(10) {
        left: 0 !important;
        padding-left: 20px;
        top: 198px !important;
        height: 100px !important;
        width: auto;
        right: auto;
        bottom: auto;
        font-size: 13px;
       
    }
    #container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(8)::before,
    #container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(9)::before,
    #container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(10)::before{
            font-size: 13px;
            margin-right: 0;
            width: 94px;
            text-align: left;
    }

       /* 대금지급 상세 게시판 */
       /* .table3.tableWrap .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {
        padding: 0 16px;
        } */
       .tbl_paym2  {
        width: 100% !important;
                
        }
      
        table.tbl_paym2 tbody th {
                background: #F8F8F8 !important;
                font-size: 16px;
                font-weight: normal !important;
                color: #2E2E2E;
            }
        .table3.tableWrap {
                border-top: none !important;
        }    
        .table3.tableWrap .ui-jqgrid .ui-jqgrid-view {
                border-top: 3px solid #1F64AF;
        }
        .table3 tr[role="row"] td {
                font-size: 13px;
        }
        .table3 .ui-state-default.ui-jqgrid-hdiv {
                display: block;
        }
        .tableWrap .ui-jqgrid tr.jqgrow td {
                font-weight: bold !important;
        }
        /* 분기별 발주계획 */
        #contents.noticebord-wid .ui-jqgrid-labels > th {
                display: block !important;
        }
        #contents.noticebord-wid tr[role="row"] > td {
                font-size: 13px;
        }
}
@media screen and  (max-width:958px) {
        #container.paym-table  > div:nth-of-type(1) {
                padding: 0;
        }
}
@media screen and  (max-width:768px) { 

  
        .tableWrap .ui-jqgrid .ui-jqgrid-htable th div {
                font-size: 13px;
                width: auto !important;
        }
        .table3 .ui-jqgrid tr.jqgrow td {
                font-size: 13px;

        }
        .table3 tr[role="row"] {
                height: 64px;
                position: relative;
                padding: 0 16px;
        }
     
        .table-2 #mainGrid tr[role=row] > td:nth-child(8),
        .table-2 #mainGrid tr[role=row] > td:nth-child(9),
        .table-2 #mainGrid tr[role=row] > td:nth-child(10) {
                left: calc(61% - 25px) !important;
        }
     

     
        .contract-status.ui-jqgrid-btable tr td:nth-child(9) {
                text-align: left !important;
        }
        /* 계약법규 768 */
        .table3 #mainGrid_writedate {
                width: auto !important;
          
        }
        .table3 #mainGrid_writer {
             
                width: auto !important;
        }
        .table3 tr[role="row"] td:nth-child(3) {
                display: block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-top: 3.9%;
                text-align: left !important;

        }
        .table3 #mainGrid_filechk {
                width: auto !important;
                right: 21.8%; 
        }
        .table3 tr[role="row"] td:nth-child(2) {
                right: 22.9%;
        }
        /* 분기별 발주계획 탭메뉴*/
        #contents.noticebord-wid #mainGrid {
                width: 100% !important;
        }
        .notiboard-cus tr {
                flex-direction: column;
        }
        .tbl_sch.notiboard-cus > tbody  {
               flex-direction: column;
               align-items: center;
               padding: 20px;
        }
        .tbl_sch.notiboard-cus > tbody > tr:last-child {
               
                align-items: flex-end;
                width: 100% !important;
               
        }
        .tbl_sch.notiboard-cus > tbody > tr:last-child .table-c2 {
                display: flex;
                justify-content: flex-end;
                width: 100%;
                margin-top: 10px;
        }
        #contents.noti-detail-board tr > th, 
        #contents.noti-detail-board tr > td,
        #contents.noti-detail-board tr pre,
        #contents.noti-detail-board tr td a {
                font-size: 13px !important;
            }
   
 
}   
@media screen and  (max-width: 730) {
        .table3 tr[role="row"] td:nth-child(6) {
                right: 22%;
                text-align: left !important;
        }
}   
@media screen and  (max-width: 600px) {
        .table3 tr[role="row"] td:nth-child(2) {
                display: block !important;
                width: 16px !important;
                position: absolute;
                right: 22.9%;
        }
        .table3 tr[role="row"] td:nth-child(3) {
                width: 55.8% !important;
                padding-top: 22px;
                margin-left: 15px;
        }
        .table3 tr[role="row"] td:nth-child(4) {
                width: auto !important;
        } 
}
@media screen and  (max-width:360px) {
        .table-2 #mainGrid tr {
                height: 300px;
                
        }
        .table-2 #mainGrid tr[role=row] > td {
                width: 90% !important;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(3) {
                top: -1%;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(4) {
                top: 18%;
                height: fit-content !important;
        }   
        .table-2 #mainGrid tr[role=row] > td:nth-child(5) {
                top: 29%;
                width: 90% !important;
        }   
        .table-2 #mainGrid tr[role=row] > td:nth-child(6) {
                top: 39.1%;
                width: 90% !important;
        }   
        .table-2 #mainGrid tr[role=row] > td:nth-child(7) {
                top: 50.2%;
                width: 90% !important;
        }        
        .table-2 #mainGrid tr[role=row] > td:nth-child(8) {
                left: 16px !important;
                top: 61.2% !important;
                width: 90% !important;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(9) {
                left: 16px !important;
                top: 72.3% !important;
                width: 90% !important;
        }
        .table-2 #mainGrid tr[role=row] > td:nth-child(10) {
                left: 16px !important;
                top: 83% !important;
                width: 90% !important;
        }
        .table3 tr[role="row"] td:nth-child(6) {
                right: 31%;
        }
   
        /* 준공검사 게시판 */
        #container #contents .table-situCplt tr[role=row] td:nth-child(8)::before,
        #container #contents .table-situCplt tr[role=row] td:nth-child(9)::before,
        #container #contents .table-situCplt tr[role=row] td:nth-child(10)::before,
        #container #contents .table-situCplt tr[role=row] td:nth-child(11)::before,
        #container #contents .table-situCplt tr[role=row] td:last-child::before {
            
                width: 87px !important;
        }
}
@media screen and  (max-width:360px)  {
        .table3 tr[role="row"] td:nth-child(5) {
                width: 42px !important;
                margin-right: 16px; 
        }
        .table3 tr[role="row"] td:nth-child(3) {
                width: 49.5% !important;  
               
        }
        .table3 #mainGrid_filechk {
                right: 30.8%;
        }
        .table3 tr[role="row"] td:nth-child(2) {
                right: 27.9%; 
        }
        .table3 tr[role="row"] td:nth-child(3) {
                width: 42.5% !important;  
        }
}
@media screen and  (max-width:280px) {
  
}