/* th min-width */
#counselorCommission, #closeTable {
    table-layout: auto;
}

/* 내 계약건 조회 */
#contractTable th.no { width: 50px; }
#contractTable th.code { width: 150px; }
#contractTable th.count { width: 80px; }
#contractTable th.amount { width: 150px; }
#contractTable th.prd-name { width: 450px; }
#contractTable th.name { width: 150px; }
#contractTable th.date { width: 100px; }
#contractTable th.percent { width: 100px; }

/* 상담원별 수수료 */
#counselorCommission th.seq { min-width: 50px; }
#counselorCommission th.name { min-width: 100px; }
#counselorCommission th.date { min-width: 130px; }
#counselorCommission th.amount { min-width: 150px; }
#counselorCommission th.memo { min-width: 300px; }

/* 수수료 마감 */
#closeTable th.all-check { min-width: 50px; }
#closeTable th.code { min-width: 100px; }
#closeTable th.count { min-width: 150px; }
#closeTable th.amount { min-width: 130px; }
#closeTable th.memo { min-width: 300px; }

/* 수수료 마감 - 고정 컬럼 (좌우 스크롤 시 고정) */
#closeTable thead tr:first-child th:nth-child(1),
#closeTable tbody td:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 10;
}
#closeTable tbody td:nth-child(1) {
    background-color: #fff;
}

#closeTable thead tr:first-child th:nth-child(2),
#closeTable tbody td:nth-child(2) {
    position: sticky;
    left: 50px;
    z-index: 10;
}
#closeTable tbody td:nth-child(2) {
    background-color: #fff;
}
#closeTable thead tr:first-child th:nth-child(3),
#closeTable tbody td:nth-child(3) {
    position: sticky;
    left: 150px;
    z-index: 10;
}
#closeTable tbody td:nth-child(3) {
    background-color: #fff;
}
#closeTable thead tr:first-child th:nth-child(4),
#closeTable tbody td:nth-child(4) {
    position: sticky;
    left: 250px;
    z-index: 10;
}
#closeTable tbody td:nth-child(4) {
    background-color: #fff;
}
#closeTable thead tr:first-child th:nth-child(5),
#closeTable tbody td:nth-child(5) {
    position: sticky;
    left: 350px;
    z-index: 10;
}
#closeTable tbody td:nth-child(5) {
    background-color: #fff;
}
#closeTable thead tr:first-child th:nth-child(6),
#closeTable tbody td:nth-child(6) {
    position: sticky;
    left: 450px;
    z-index: 10;
    /* border-right: 1px solid var(--borderColor); */
}
#closeTable tbody td:nth-child(6) {
    background-color: #fff;
}

#closeTable::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 550px;
    width: 1px;
    height: 100%;
    background: var(--borderColor);
    z-index: 99;
}
#closeTable::after {
    content: "";
    display: block;
    position: absolute;
    top: 89px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--borderColor);
    z-index: 99;
}
.table_scroll.close_page .table_wrap {
    max-height: calc(100dvh - 260px);
    overflow: auto; 
}

.table_scroll.close_page {
    max-height: none;
    overflow: visible;
    position: relative;
}

#closeTable thead th {
    position: sticky;
    top: 0;
    z-index: 11; 
}

#closeTable thead tr:nth-child(2) th {
    top: 43px; 
    z-index: 11;
}

#closeTable thead tr:first-child th:nth-child(1),
#closeTable thead tr:first-child th:nth-child(2),
#closeTable thead tr:first-child th:nth-child(3),
#closeTable thead tr:first-child th:nth-child(4),
#closeTable thead tr:first-child th:nth-child(5),
#closeTable thead tr:first-child th:nth-child(6) {
    z-index: 12; 

}



/* 상담원별 / 관리자별 명세서 */
.table_scroll.counselor_page .table_wrap {
    max-height: calc(100dvh - 260px);
    overflow: auto;
}

.table_scroll.counselor_page {
    max-height: none;
    overflow: visible;
    position: relative;
}

/* #counselorCommission {
    border-collapse: separate;
    border-spacing: 0;
} */

#counselorCommission thead th {
    position: sticky;
    top: 0;
    z-index: 11;

}

#counselorCommission thead tr:nth-child(2) th {
    top: 43px;
    z-index: 11;
}

#counselorCommission thead tr:nth-child(3) th {
    top: 86.5px;
    z-index: 11;
}

#counselorCommission thead tr:nth-child(4) th {
    top: 130px;
    z-index: 11;
}

#counselorCommission thead tr:nth-child(5) th {
    top: 175px;
    z-index: 11;
}

#counselorCommission thead tr:first-child th:nth-child(1),
#counselorCommission thead tr:first-child th:nth-child(2),
#counselorCommission thead tr:first-child th:nth-child(3),
#counselorCommission thead tr:first-child th:nth-child(4),
#counselorCommission thead tr:first-child th:nth-child(5),
#counselorCommission thead tr:first-child th:nth-child(6),
#counselorCommission thead tr:first-child th:nth-child(7) {
    z-index: 12;
    top: 0;
    position: sticky;
}
#counselorCommission thead tr:first-child th:nth-child(1),
#counselorCommission tbody td:nth-child(1) {
    position: sticky;
    left: 0;

}
#counselorCommission tbody td:nth-child(1) {
    background-color: #fff;
}

#counselorCommission thead tr:first-child th:nth-child(2),
#counselorCommission tbody td:nth-child(2) {
    position: sticky;
    left: 50px;

}
#counselorCommission tbody td:nth-child(2) {
    background-color: #fff;
}
#counselorCommission thead tr:first-child th:nth-child(3),
#counselorCommission tbody td:nth-child(3) {
    position: sticky;
    left: 150px;

}
#counselorCommission tbody td:nth-child(3) {
    background-color: #fff;
}
#counselorCommission thead tr:first-child th:nth-child(4),
#counselorCommission tbody td:nth-child(4) {
    position: sticky;
    left: 250px;

}
#counselorCommission tbody td:nth-child(4) {
    background-color: #fff;
}
#counselorCommission thead tr:first-child th:nth-child(5),
#counselorCommission tbody td:nth-child(5) {
    position: sticky;
    left: 350px;

}
#counselorCommission tbody td:nth-child(5) {
    background-color: #fff;
}
#counselorCommission thead tr:first-child th:nth-child(6),
#counselorCommission tbody td:nth-child(6) {
    position: sticky;
    left: 480px;

    /* border-right: 1px solid var(--borderColor); */
}
#counselorCommission tbody td:nth-child(6) {
    background-color: #fff;
}

#counselorCommission thead tr:first-child th:nth-child(7),
#counselorCommission tbody td:nth-child(7) {
    position: sticky;
    left: 610px;
    /* border-right: 1px solid var(--borderColor); */
}
#counselorCommission tbody td:nth-child(7) {
    background-color: #fff;
}

#counselorCommission::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 710px;
    width: 1px;
    height: 100%;
    background: var(--borderColor);
    z-index: 99;
}
#counselorCommission::after {
    content: "";
    display: block;
    position: absolute;
    top: 218.5px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: var(--borderColor);
    z-index: 99;
}

.table_scroll {
    max-height: calc(100% - 260px);
}
.table_scroll { position: relative; } 

/* 스크롤 이미지 */
.close_page .scroll_left, .close_page .scroll_right { 
    display: block; position: absolute; top: 2px; height: 40px; z-index: 50; cursor: pointer; } 
.close_page .scroll_left { left: 555px; } 
.close_page .scroll_right { right: 5px; } 
.close_page .scroll_left img, .close_page .scroll_right img { height: 100%; } 

.counselor_page .scroll_left, .counselor_page .scroll_right { 
    display: block; position: absolute; top: 2px; height: 40px; z-index: 50; cursor: pointer; } 
.counselor_page .scroll_left { left: 715px; } 
.counselor_page .scroll_right { right: 5px; } 
.counselor_page .scroll_left img, .counselor_page .scroll_right img { height: 100%; } 

.manage_page .scroll_left, .manage_page .scroll_right { 
    display: block; position: absolute; top: 2px; height: 40px; z-index: 50; cursor: pointer; } 
.manage_page .scroll_left { left: 715px; } 
.manage_page .scroll_right { right: 5px; } 
.manage_page .scroll_left img, .manage_page .scroll_right img { height: 100%; } 

.my_contract_page .scroll_left, .my_contract_page .scroll_right { 
    display: block; position: absolute; top: 2px; height: 40px; z-index: 50; cursor: pointer; } 
.my_contract_page .scroll_left { left: 5px; } 
.my_contract_page .scroll_right { right: 5px; } 
.my_contract_page .scroll_left img, .my_contract_page .scroll_right img { height: 100%; }

.my_contract_page .scroll_left, .my_contract_page .scroll_right { 
    display: block; position: absolute; top: 2px; height: 40px; z-index: 10; cursor: pointer; } 
.my_contract_page .scroll_left { left: 5px; } 
.my_contract_page .scroll_right { right: 5px; } 
.my_contract_page .scroll_left img, .my_contract_page .scroll_right img { height: 100%; }