input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
	box-shadow: 0 0 0 1000px white inset;
    color: #1D1D1D;
}


#wrap {min-width: 1600px; height: 100%; overflow-x: hidden;}
.board {display: flex; width: 100%; min-height: 100%;}


.board .leftBox {display: flex; flex-direction: column; flex-shrink: 0; position: sticky; top: 0; left: 0; padding: 10px 0; width: 280px; height: 100%; box-sizing: border-box;}
.board .leftBox .logo {padding: 40px; box-sizing: border-box;}
.board .leftBox .logo > a {display: flex; justify-content: center; align-items: center; width: 100%;}
.board .leftBox .logo > a > img {width: 100%; object-fit: contain;}
.board .leftBox > nav {display: flex; flex-direction: column;}
.board .leftBox > nav .lnbTit {padding: 0 40px 14px; height: 50px; border-bottom: 1px solid #E4E4E4; box-sizing: border-box; font-size: 19px; font-weight: 700; color: #1D1D1D;}
.board .leftBox > nav .lnb {display: flex; flex-direction: column; margin-top: 20px; padding: 6px 40px; box-sizing: border-box;}
.board .leftBox > nav .lnb > li {display: flex; }
.board .leftBox > nav .lnb > li > a {display: flex; align-items: center; padding: 8px 20px; width: 100%; height: 100%;  box-sizing: border-box; font-size: 17px; color: #717171;}
.board .leftBox > nav .lnb > li.active > a {background: #F8F8F8; border-radius: 5px; font-weight: 700; color: #002B5E;}



.board .rightBox {padding: 0; width: calc(100% - 280px); border-left: 1px solid #E4E4E4; box-sizing: border-box;}
.board .rightBox .header {display: flex; justify-content: flex-end; gap: 10px; padding: 20px 40px; width: 100%; box-sizing: border-box;}
.board .rightBox .header .userId {font-size: 16px;}
.board .rightBox .header .userId .user {text-decoration: underline; font-weight: 500;}

.board .rightBox .subHeader {margin-top: 52px; padding: 0px 40px 23px; border-bottom: 1px solid #E4E4E4; box-sizing: border-box;}
.board .rightBox .subHeader .mainTitle {display: inline; position: relative; padding: 0 20px; box-sizing: border-box; font-size: 18px; font-weight: 700; color: #2D2D2D;}
.board .rightBox .subHeader .mainTitle:after {content: ''; position: absolute; bottom: -23px; left: 0; width: 100%; height: 4px; background: #002B5E;}
.board .rightBox .subHeader .tab {display: flex; align-items: center; gap: 40px;}
.board .rightBox .subHeader .tab > li {display: flex; position: relative; padding: 0 20px; box-sizing: border-box;}
.board .rightBox .subHeader .tab > li.active:after {content: ''; position: absolute; bottom: -23px; left: 0; width: 100%; height: 4px; background: #002B5E;}
/* .board .rightBox .subHeader .tab > li:last-of-type:after {display: none;} */
.board .rightBox .subHeader .tab > li > a {display: flex; align-items: center; font-size: 18px; color: #717171;}
.board .rightBox .subHeader .tab > li.active > a { font-weight: 700; color: #2D2D2D;}


.tableWrap {width: 100%;}
.customTable {width: 100%; border-collapse: collapse;}
.customTable .tableTit {height: 50px; border-top: 0; border-bottom: 1px solid var(--mice-primary-30, #99B0CB);
    background: var(--mice-primary-5, #EDF1F5); text-align: center !important; font-size: 15px; font-weight: 700; color: #1D1D1D;}
.customTable th.bgg {text-align: center !important; background: #EDF1F5; color: #003675;}
.customTable th {text-align: left !important; background: #fff; border-bottom: 1px solid #E4E4E4; font-weight: 700; color: #717171;}
.customTable thead tr th {text-align: center !important;}
.customTable td {border-bottom: 1px solid #E4E4E4; border-left: none; font-size: 14px; color: #2D2D2D;}
.customTable th, .customTable td {padding: 12px 16px; height: 64px; border: 1px solid #E4E4E4; border-right: none; border-left: none; box-sizing: border-box; font-size: 15px;}
.customTable .myInput {width: 100%; }

.customTable.colunm {margin-bottom: 30px;}
.customTable.colunm th, .customTable.colunm td {text-align: center !important;}
.customTable.colunm .tab th {background: #EDF1F5;}
.customTable.colunm tr th {color: #717171;}
.customTable.colunm tr:nth-of-type(3) th {font-weight: 700; color: #1D1D1D;}
.customTable.colunm .tableTit.call_column {background: #003675; font-size: 15px; color: #fff;}
.customTable.low th, .customTable.low td {text-align: center !important;}
.customTable.low .tab th {background: #EDF1F5;}
.customTable.low tr th {color: #717171;}
.customTable.low tr:nth-of-type(3) th {font-weight: 700; color: #1D1D1D;}
.customTable.low .tableTit.call_low {background: #003675; font-size: 15px; color: #fff;}


/* 커스텀파일 */
.fileBox {display: flex; align-items: center; gap: 6px; margin-right: 20px;}
.fileBox .name {display: flex; justify-content: flex-start; align-items: center; padding: 2px 8px; min-width: 200px; height: 30px; border: 1px solid #C6C6C6; border-radius: 4px; box-sizing: border-box; font-size: 14px; font-weight: 400; cursor: pointer;}
.fileBox .btn.style02 {font-size: 14px; font-weight: 400; cursor: pointer;}
.fileBox .btnDelFile {display: flex; justify-content: center; align-items: center; padding: 6px; width: 28px; height: 28px; border: 1px solid #002B5E; border-radius: 4px; box-sizing: border-box;}
.fileBox .btnDelFile > img {width: 80%;}


.dubleWrap {display: flex; flex-direction: column; gap: 10px;}
.inputBox {display: flex; align-items: center; gap: 30px;}
.inputBox .inputWrap {display: flex; align-items: center; gap: 15px;}


/* 페이지네이션 */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 60px;
}

.pagination.off{
    display: none;
}

.page-numbers {
    display: flex;
    gap: 4px;
}

.pagination div a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    text-decoration: none;
    transition: background-color .3s;
    margin: 0;
    border-radius: 4px;
    border: 1px solid #DEE1E6;
    color: #6E6E73;
    text-align: center;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.pagination a img {
    width: 30px; /* Adjust size as needed */
    height: 30px;
}

.pagination a.active {
    background-color: #000;
    color: white;
}


/* 팝업 */
.popupWrap {display: none; flex-direction: column; align-items: center; position: fixed; z-index: 9000; top: 50%; left: 50%; padding-bottom: 30px; width: 320px; background: #fff; box-sizing: border-box; border: 1px solid #555; transform: translate(-50%, -50%)}
.popupWrap.on {display: flex;}
.popupWrap > .tit {padding: 10px 0; width: 100%; background: #555; text-align: center; color: #fff;}
.popupWrap > .txt {margin: 20px 0;}
#popupGuide .customTable th, #popupGuide .customTable td {text-align: center !important;}