@charset "UTF-8";

body {
	background:#F7F8F6 !important;
	font-family:NotosansKr !important;
}

/*정렬*/
.flexBox {
	display:flex;
}
.flexBetween {
	display:flex;
	justify-content:space-between;
}

/*input, select 등*/
input[type=text], input[type=date], select {
	height:30px;
	border:1px solid #dbdbdb;
	border-radius:5px;
	padding:0 5px;
}
input[type=file] {
	width:100%;
	height:30px;
	background:#f5f5f5;
}
select {
	appearance:none;
	background:url(/images/sp/iconSelect.png) no-repeat 92% center / 9px, #fff;
    padding:0 25px 0 10px;
} 
select::-ms-expand {
	display:none;
}    

/*버튼*/
button[class$=LineBtn] {
	width:80px;
	height:30px;
	text-align:center;
	line-height:28px;
	font-size:14px;
	border-radius:5px;
	cursor:pointer;
}
.blueLineBtn {
	background:#fff;
	color:#225dae;
	border:1px solid #225dae;
}
.grayLineBtn {
	background:#fff;
	color:#222;
	border:1px solid #999;
}
.bkLineBtn {
	background:#fff;
	color:#222;
	border:1px solid #222;
}
.emeraldBtn {
	width:80px;
	height:30px;
	text-align:center;
	line-height:28px;
	font-size:14px;
	color:#fff; 
	background:#17A1DC;
	border-radius:5px;
	cursor:pointer;
}
.blueBtn {
	width:80px;
	height:30px;
	text-align:center;
	line-height:28px;
	font-size:14px;
	color:#fff; 
	background:#20A989;
	border-radius:5px;
	cursor:pointer;
}
.searchBtn {
	width:80px;
	height:30px;
	background:url(/images/sp/iconSearchLine.png) no-repeat 15% center / 16px, #fff;
	border:1px solid #222;
	border-radius:5px;
	text-indent:15px;
	cursor:pointer;
}
.trashBtn {
	width:18px;
	height:18px;
	background:url(/images/sp/iconTrash.svg) no-repeat center center / cover;
	cursor:pointer;
}
.upBtn {
	width:26px;
	height:26px;
	background:url(/images/sp/iconMoveUp.svg) no-repeat center center / 11px, #444;
	border-radius:50%;
	cursor:pointer;
}
.downBtn {
	width:26px;
	height:26px;
	background:url(/images/sp/iconMoveDown.svg) no-repeat center center / 11px, #20A989;
	border-radius:50%;
	cursor:pointer;
}
.addBtn {
	width:30px;
	height:30px;
	background:#fff;
	border:1px solid #444;
	border-radius:5px;
	font-size:18px;
	text-align:center;
	line-height:26px;
	vertical-align:middle;
	cursor:pointer;
}
.minusBtn {
	width:30px;
	height:30px;
	background:#fff;
	border:1px solid #444;
	border-radius:5px;
	font-size:18px;
	text-align:center;
	line-height:26px;
	vertical-align:middle;
	cursor:pointer;
}
.pdfBtn {
	width:120px;
	height:30px;
	text-align:center;
	line-height:28px;
	font-size:14px;
	color:#fff; 
	background:url(/images/sp/iconPdf.png) no-repeat 10% center / 18px, #cf1d46;
	border-radius:5px;
	cursor:pointer;
}
.excelBtn {
	width:120px;
	height:30px;
	text-align:center;
	line-height:28px;
	font-size:14px;
	color:#fff;  
	background:url(/images/sp/iconExcel.png) no-repeat 10% center / 18px, #008f40;
	border-radius:5px;
	cursor:pointer;
}
.btnUpload {
	width:26px;
	height:26px;
	background:url(/images/sp/iconUploadBk.svg) no-repeat center center / 18px, #fff;
	border:1px solid #444;
	border-radius:50%;
}
.btnQuestion {
	position:relative;
	width:26px;
	height:26px; 
	background:#20A989;
	border-radius:50%;
	padding:0;
}
.btnQuestion:before {
	content:"\003F";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:20px;
	font-weight:bold;
	color:#fff;
}
.popCloseBtn {
	width:20px;
	height:20px;
	background:url(/images/sp/iconCancel.svg) no-repeat center center / cover;
	border-radius:50%;
	cursor:pointer;
}
.popRightBtn {
	display:flex;
	justify-content:flex-end;
}
.popCenterBtn {
	display:flex;
	justify-content:center;
}
.popCenterBtn button:nth-of-type(2) {
	margin:0 2.5px;
}
.popCenterBtn .blueBtn {
	width:120px;
}
.popCenterBtn .grayBtn {
	width:120px;
	height:30px;
	background:#999;
	color:#fff;
	border-radius:5px;
	cursor:pointer;
}


/*업무추진비내역*/
.workSpendWrap {
	max-width:1440px;
	width:100%;
	height:100%;
	margin:20px auto; 
	text-align:center;
	font-size:14px;
}
.workSpendWrap h2.bigSbjt {
	position:relative;
	font-size:24px; 
	font-weight:bold;
	display:inline-block;
	text-align:center;
	margin:15px 0 !important; 
}
.workSpendWrap h2.bigSbjt:before {
	content:"";
	display:inline-block;
	width:36px;
	height:36px;
	background:url(/images/sp/iconAllowance.png) no-repeat center center;
	margin:0 10px -5px 0;
}
/* .workSpendWrap h2.bigSbjt:after {
	content:"";
	display:block;
	width:100%;
	height:4px;
	background:linear-gradient(90deg, #20A989 0%, #17A1DC 100%);
	margin-top:5px;
} */
.workSpendCont {
	background:#fff;
	padding:20px 30px;
	border-radius:10px;
	text-align:left;
}
.workSpendCont .spendTabCont > div {
	display:none;
}
.workSpendCont .spendTabCont > div.active {
	display:block;
}
.workSpendCont .smallSbjt {
	position:relative;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin:0 !important;
} 
.workSpendCont .smallSbjt:after {
	content:"";
	display:block;
	max-width:161px; 
	width:100%; 
	height:3px; 
	background:linear-gradient(90deg, #17A1DC 50%, #20A989 50%);
	margin:5px auto 15px;
}
.workSpendCont .leftSpendCont {
	width:230px;
	height:calc(100% - 207px);
}
.workSpendCont .leftSpendCont ul {
	height:calc(100% - 44px);
	background:#fcfcfc;
}
.workSpendCont .leftSpendCont ul > li {
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px 20px;
}
.workSpendCont .leftSpendCont ul > li:after {
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:90%;
	height:1px;
	background:#dbdbdb;
}
.workSpendCont .leftSpendCont ul > li:first-child:after, 
.workSpendCont .leftSpendCont ul > li:last-child:after {
	display:none;
}
.workSpendCont .leftSpendCont .yearSelectBox {
	background:#f3f3f3;
	padding:10px 20px;
}
.workSpendCont .leftSpendCont .yearSelectBox select {
	width:150px;
}
.workSpendCont .leftSpendCont ul > li .bkLineBtn {
	margin-right:22px;
}
.workSpendCont .rightSpendCont {
	position:relative;
	width:100%;
}
.workSpendCont .rightSpendCont .manualBox {
	position:absolute;
	top:0;
	right:0;
	align-items:center;
	gap:0 10px;
	z-index:9;
}
.workSpendCont .rightSpendCont .manualBox .blueBtn {
	margin:0;
}
.workSpendCont .rightSpendCont .blueBtn {
	display:block;
	margin:20px auto;
}
.workSpendCont .rightSpendCont .dataWrap {
	position:relative;
	z-index:1;
}
.workSpendCont .rightSpendCont .dataWrap:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:calc(100% - 250px);
	min-height:655px;
	background:url(/images/sp/iconCalc.svg) no-repeat center center / 300px, #f5f5f5;
	border-radius:5px;
	z-index:99;
}
.workSpendCont .rightSpendCont .dataWrap.active:before {
	display:none;
} 
.workSpendCont .rightSpendCont .dataWrap.active {
	background:#fff;
}
.workSpendCont .rightSpendCont .dataWrap .selectBox {
	background:#f3f3f3;
	padding:10px 20px;
	gap:0 20px; 
}
.workSpendCont .rightSpendCont .dataWrap .selectBox > div:nth-child(1),
.workSpendCont .rightSpendCont .dataWrap .selectBox > div:nth-child(2) {
	width:20%;
}
.workSpendCont .rightSpendCont .dataWrap .selectBox > div:nth-child(3),
.workSpendCont .rightSpendCont .dataWrap .selectBox > div:nth-child(4) { 
	width:42%;
}
.workSpendCont .rightSpendCont .dataWrap .selectBox > div:nth-child(4) div {
	width:calc(100% - 60px) !important;
}
.workSpendCont .rightSpendCont .dataWrap .selectBox > div > select { 
	width:70%;
}
.workSpendCont .rightSpendCont .dataWrap .selectBox > div:nth-child(3) > input {
	width:90%;
	background:transparent;
	border-right:none;
	border-top:none;
	border-left:none;
	border-radius:0;
}
.workSpendCont .rightSpendCont .deptBox {
	position:relative
}
.workSpendCont div.rightSpendCont div.deptBox > div.flexBox {
	align-items:center;
}
.workSpendCont .rightSpendCont .deptBox > .flexBox p {
	font-weight:bold;
	margin-bottom:0; 
}
.workSpendCont .rightSpendCont .deptBox .deptChoice {
	width:calc(100% - 40px) !important; 
	height:30px;
	background:url(/images/sp/iconSelect.png) no-repeat 96% center / 9px, #fff;
	margin-bottom:0;
	padding:5px 10px;
	border:1px solid #dbdbdb;
	border-radius:5px;
	cursor:pointer;
}
.workSpendCont .rightSpendCont .deptBox .deptInnerWrap {
	position:absolute;
	top:32px;
	left:25px;
	width:calc(100% - 40px);
	background:#fff;
	border:1px solid #dbdbdb;
	border-radius:5px;
	overflow:hidden;
	box-shadow:0 0 15px rgba(0,0,0,.1);
	z-index:11;
	display:none;
}
.workSpendCont .rightSpendCont .deptBox .deptInnerWrap > div {
	margin-top:5px;
	padding:0 10px;
}
.workSpendCont .rightSpendCont .deptBox .deptInnerWrap input {
	padding:0 10px;
	width:100%;
	text-align:left; 
	cursor:pointer;
}
.workSpendCont .rightSpendCont .deptBox ul {
	max-height:35vh;
	overflow-y:auto;
}
.workSpendCont .rightSpendCont .deptBox ul li {
	padding:5px 10px;
	background:#fff;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:left;
	cursor:pointer;
}
.workSpendCont .rightSpendCont .deptBox ul li:hover {
	background:#f8f8f8;
}
.workSpendCont .rightSpendCont .temngmokBox {
	position:relative;
}
.workSpendCont .rightSpendCont .temngmokBox > .flexBox {
	align-items:center;
}
.workSpendCont .rightSpendCont .temngmokBox > .flexBox p {
	font-weight:bold;
	margin-bottom:0; 
}
.workSpendCont .rightSpendCont .temngmokBox .temngmokChoice {
	width:210px; 
	height:30px;
	background:url(/images/sp/iconSelect.png) no-repeat 96% center / 9px, #fff;
	margin-bottom:0;
	padding:5px 10px;
	border:1px solid #dbdbdb;
	border-radius:5px;
	cursor:pointer;
}
.workSpendCont .rightSpendCont .temngmokBox ul {
	position:absolute;
	top:32px;
	left:38px;
	background:#fff;
	border:1px solid #dbdbdb;
	border-radius:5px;
	overflow:hidden;
	box-shadow:0 0 15px rgba(0,0,0,.1);
	z-index:11;
	display:none;
}
.workSpendCont .rightSpendCont .temngmokBox ul li {
	padding:5px 10px;
	background:#fff;
	text-align:center;
	cursor:pointer;
}
.workSpendCont .rightSpendCont .temngmokBox ul li:hover {
	background:#f8f8f8;
}
.workSpendCont .rightSpendCont .temngmokBox ul li label {
	font-weight:400;
	transform:rotate(-0.03deg);
	cursor:pointer;
}
.workSpendCont .rightSpendCont .temngmokBox ul li label input {
	margin:0 5px -2px 0;
	padding:0;
	cursor:pointer;
}
.workSpendCont .rightSpendCont .spendTab {
	position:relative;
	display:flex;
	width:100%;
	height:36px;
	margin:12px 0 10px; 
	overflow:hidden; 
}
.workSpendCont .rightSpendCont .spendTab:after {
	content:"";
	position:absolute;
	bottom:0;
	width:100%;
	height:1px;
	background:#dbdbdb;
}
.workSpendCont .rightSpendCont .spendTab > li {
	position:relative;
	width:180px;
	line-height:36px;
	text-align:center;
	color:#666;
	font-weight:bold;
	border:1px solid #dbdbdb;
	cursor:pointer;
}
.workSpendCont .rightSpendCont .spendTab > li:last-child {
	border-left:0;
}
.workSpendCont .rightSpendCont .spendTab > li.active {
	color:#222;
}
.workSpendCont .rightSpendCont .spendTab > li.active:before {
	content:"";
	position:absolute;
	top:0;
	left:0; 
	width:100%;
	height:2px;
	background:#20A989;
}
.workSpendCont .rightSpendCont .spendTab > li.active:after {
	content:"";
	position:absolute;
	bottom:-1px;
	left:0;
	width:100%;
	height:3px;
	background:#fff;
	z-index:11;
}
.workSpendCont .rightSpendCont .tableBox {
	height:235px;
	overflow-y:auto;
}
.workSpendCont .rightSpendCont .tableBox table {
	width:100%;
}
.workSpendCont .rightSpendCont .tableBox table th,
.workSpendCont .rightSpendCont .tableBox table td {
	width:110px; 
	padding:10px 5px;
	text-align:center;
} 
.workSpendCont .rightSpendCont .tableBox table thead th {
	position:sticky;
	top:0;
	background:#fff;
}
.workSpendCont .rightSpendCont .tableBox table tbody tr:nth-child(odd) {
	background:#F7F8F7;
}
.workSpendCont .rightSpendCont .tableBox table tbody td {
	padding:20px 5px !important;
} 
.workSpendCont .rightSpendCont .tableBox thead th:nth-child(1) {
	width:5%;
}
.workSpendCont .rightSpendCont .tableBox thead th:nth-child(2),
.workSpendCont .rightSpendCont .tableBox thead th:nth-child(3) {
	width:10%;
} 
.workSpendCont .rightSpendCont .tableBox.upper .tableBk thead th:nth-child(4) {
	width:10%;
}
.workSpendCont .rightSpendCont .tableBox.upper .tableBk thead th:nth-child(5) {
	width:15%;
}
.workSpendCont .rightSpendCont .tableBox.upper .tableBk thead th:nth-child(7) {
	width:10%;
}
.workSpendCont .rightSpendCont .tableBox.upper .tableBk thead th:nth-child(8) {
	width:10%;
}
.workSpendCont .rightSpendCont .spendTabCont > div:nth-child(2) .tableBox.upper .tableBk thead th:nth-child(4) {
	width:110px;
}
.workSpendCont .rightSpendCont .spendTabCont > div:nth-child(2) .tableBox table thead th:nth-child(6) {
	width:500px;
}
.workSpendCont .rightSpendCont .spendTabCont > div:nth-child(2) .tableBox.upper .tableBk tbody td:nth-child(4) {
	white-space:nowrap;	
} 
.workSpendCont .rightSpendCont .tableBox .tableBlue th, 
.workSpendCont .rightSpendCont .tableBox .tableBlue td {
	width:120px; 
	padding:10px 5px;
	text-align:center;
} 
.workSpendCont .rightSpendCont .tableBox.bottom .tableBlue thead th:nth-child(1) {
	width:5%;
}
.workSpendCont .rightSpendCont .tableBox.bottom .tableBlue thead th:nth-child(2) {
	width:10%;
}
.workSpendCont .rightSpendCont .tableBox.bottom .tableBlue thead th:nth-child(3) {
	width:10%;
} 
.workSpendCont .rightSpendCont .tableBox.bottom .tableBlue thead th:nth-child(6) {
	width:450px;
}
/* .workSpendCont .rightSpendCont .tableBox.bottom .tableBlue thead th:nth-child(6) {
	width:8%;
} */
.workSpendCont .rightSpendCont .tableBox.bottom .tableBlue td:nth-child(5) {
	white-space:nowrap;
}
.workSpendCont .rightSpendCont .updownBox {
	display:flex;
	justify-content:center;
	margin:20px 0;
}
.workSpendCont .rightSpendCont .updownBox button {
	margin:0 2.5px;
}
.workSpendCont .rightSpendCont table tbody tr {
	transition:.3s;
	cursor:pointer;
}
.workSpendCont .rightSpendCont table tbody tr.on {
	background:#e6f7e6 !important;
}
.workSpendCont .rightSpendCont table tbody tr.selected {
	background:#c5c5c5 !important;
} 
/*로딩 스피너*/
.loading {
  position:fixed;
  top:calc(50% - 25px);
  left:calc(50% - 25px);
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  z-index:999999;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 99999; 
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/*부트스탭충돌*/
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
	overflow:visible !important; 
}

/********** 팝업 **********/
.bgMask {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, .5);
    webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(5px);
    display: block;
    z-index:999;
    display:none;
}
/*팝업 탭*/
div[class^=workSpendPop] .popTab {
	position:relative;
	display:flex;
	width:100%;
	height:36px;
	margin:12px 0 10px;
}
div[class^=workSpendPop] .popTab:after {
	content:"";
	position:absolute;
	bottom:0;
	width:100%;
	height:1px;
	background:#dbdbdb;
}
div[class^=workSpendPop] .popTab > li {
	position:relative;
	width:120px;
	line-height:36px;
	text-align:center;
	color:#666;
	font-weight:bold;
	border:1px solid #dbdbdb;
	border-bottom:none;
	cursor:pointer;
}
div[class^=workSpendPop] .popTab > li:last-child {
	border-left:0;
}
div[class^=workSpendPop] .popTab > li.active {
	color:#222;
}
div[class^=workSpendPop] .popTab > li.active:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:2px;
	background:#222;
}
div[class^=workSpendPop] .popTab > li.active:after {
	content:"";
	position:absolute;
	bottom:-2px;
	left:0;
	width:100%;
	height:4px;
	background:#fff;
	z-index:11;
}
div[class^=workSpendPop] .popTabCont > div {
	display:none;
}
div[class^=workSpendPop] .popTabCont > div.active {
	display:block;
}
div[class^=workSpendPop] {
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:1440px;
	width:100%;
	background:#fff;
	box-shadow:0px 4px 25px rgba(0, 0, 0, 0.15);
	z-index:9999;
	display:none;
}
div[class^=workSpendPop] .popHeader {
	position:relative;
	background:#444;
	padding:15px;
}
div[class^=workSpendPop] .popHeader h3 {
	margin:0 !important; 
}
div[class^=workSpendPop] .popHeader input[type=text] {
	width:40%;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	background:#444;
	padding:0 10px;
}
div[class^=workSpendPop] .popHeader .popCloseBtn {
	position:absolute;
	top:50%;
	right:20px;
	transform:translateY(-50%);
}
div[class^=workSpendPop] .popBody {
	padding:15px 20px;
}
.workSpendPop01 .popBody .tableBox {
	position:relative;
	min-height:180px;
	max-height:26vh;
	overflow-y:auto;
}

.workSpendPop01 .popBody .tableBox .searchDropBox {
	position:relative;
}
.workSpendPop01 .popBody .tableBox .searchDropBox .btnDropDown {
	position:absolute;
	top:calc(50% - 4.5px);
	right:5px;
	width:9px;
	height:9px;
	background:url(/images/sp/iconSelect.png) no-repeat 92% center / 9px;
}
.workSpendPop01 .popBody .tableBox .searchDropBox .btnDropDown:hover {
	background:url(/images/sp/iconSelectR.png) no-repeat 92% center / 9px;
}

.workSpendPop01 .popBody .tableBox.upper table tbody tr.red {
	background:#ffc7c7;
}	

.workSpendPop01 .popBody .tableBox .bkLineBtn {
	width:auto;
}
.workSpendPop01 .popBody .allAddBox {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:10px;
}
.workSpendPop01 .popBody .allAddBox dl {
	display:flex;
	align-items:center;
	margin-right:15px;
	margin-bottom:0;
}
.workSpendPop01 .popBody .allAddBox dl dt {
	margin-right:5px;
}
.workSpendPop01 .popBody .allAddBox tbody td:nth-child(4) {
	width:12.5%;
} 
.workSpendPop01 .popBody p.desc {
	font-size:12px;
	color:#444;
	text-align:right; 
	margin-top:3px;
}
div[class^=workSpendPop] .popBody table {
	width:100%;
}
div[class^=workSpendPop] .popBody table thead th {
	position:sticky;
	top:0;
	background:#f5f5f5;
	padding:10px 5px;
	z-index:999;
}
.workSpendPop01 .popBody {
	padding-bottom:0;
}
.workSpendPop01 .popBody table thead th:nth-child(1), 
.workSpendPop01 .popBody table thead th:nth-child(5), 
.workSpendPop01 .popBody table thead th:nth-child(8) {
	width:12.5%;
}
.workSpendPop01 .popBody table thead th:nth-child(2) {
	width:6%;
}
.workSpendPop01 .popBody table thead th:nth-child(3) {
	width:10%;
}
.workSpendPop01 .popBody table thead th:nth-child(6) {
	width:30%;
}
.workSpendPop01 .popBody table thead th:nth-child(7) {
	width:10%;
}
.workSpendPop01 .popBody table thead th:nth-child(7) {
	width:7%;
}
.workSpendPop01 .popBody table thead th:nth-child(9) {
	width:7%;
}
.workSpendPop01 .popBody table thead th:nth-child(4) {
	width:10%;
}
div[class^=workSpendPop] .popBody table thead th:first-child {
	max-width:30px;
	min-width:30px;
	width:5%;
}
div[class^=workSpendPop] .popBody table thead th:nth-child(8) {
	width:6%;
}
div[class^=workSpendPop] .popBody table thead th:last-child {
	min-width:70px;
	width:8%;
}
div[class^=workSpendPop] .popBody table tbody td {
	min-width:70px;
	padding:10px 5px;
	border-bottom:1px solid #dbdbdb;
}
div[class^=workSpendPop] .popBody table tbody td:nth-child(6),
div[class^=workSpendPop] .popBody table tbody td:nth-child(7) {
	min-width:40px;
}
div[class^=workSpendPop] .popBody table thead th {
	text-align:center;
}
div[class^=workSpendPop] .popBody table thead th:nth-child(6) {
	width:20%
}
div[class^=workSpendPop] .popBody table thead th:nth-child(7) {
	width:10%;
}
div[class^=workSpendPop] .popBody table tbody td:nth-child(7) input { 
	text-align:right;
}
div[class^=workSpendPop] .popBody table tbody td:last-child {
	min-width:70px;
}
div[class^=workSpendPop] .popBody table tbody td input, 
div[class^=workSpendPop] .popBody table tbody td select {
	width:100%;
}
div[class^=workSpendPop] .popBody .allAddBox td:nth-child(1) {
	width:7%;
}
div[class^=workSpendPop] .popBody .allAddBox td:nth-child(2) {
	width:70px;
	max-width:140px;
}
div[class^=workSpendPop] .popBody .allAddBox td:nth-child(3) {
	width:15%;
} 
div[class^=workSpendPop] .popBody .allAddBox td:nth-child(6) {
	width:10%;
}
div[class^=workSpendPop] .popBody .allAddBox td:nth-child(7) {
	width:7%;
}
div[class^=workSpendPop] .popBody .allAddBox td:nth-child(8) {
	width:7%;
}
div[class^=workSpendPop] .popBody .below table thead th {
	min-width:auto;
	width:auto;
}
div[class^=workSpendPop] .popBody .below table thead th:nth-child(3) {
	width:25%;
}
div[class^=workSpendPop] .popBody .below label.btnUpload {
	width:26px;
	height:26px;
	display:inline-block;
	margin-bottom:0;
	vertical-align:middle;
	cursor:pointer;
}  
div[class^=workSpendPop] .popBody .below input[type=file] {
	position:absolute;
	left:-9999px;
	width:0;
	height:0;
}
.workSpendPop01 .popBody .below.tableBox {
	margin-top:20px;
	height:30vh;
}
.workSpendPop01 .popBody .popRightBtn {
	margin-top:10px;
}
div[class^=workSpendPop] .popFooter {
	padding:15px 0;
}
.workSpendPop02 .popBody .attendDesc {
	padding:15px;
	border:1px solid #dbdbdb;
	font-weight:bold;
}
.workSpendPop02 .popBody .tableBox {
	height:191px !important;
	overflow-y:auto;
}
.workSpendPop02 .popBody table thead th:nth-child(1) {
	width:20%;
}
.workSpendPop02 .popBody table thead th:nth-child(2),
.workSpendPop02 .popBody table thead th:nth-child(4) {
	width:12%;
}
.workSpendPop02 .popBody table thead th:nth-child(3) {
	width:56%;
}
.workSpendPop02 .popBody .popTabCont > div:nth-child(2) {
	height:191px;
}
/********** 해상도별 대응 **********/
@media all and (min-width:1921px) {
	.workSpendCont .leftSpendCont ul > li {
		padding:18px 20px;
	}
	.workSpendCont .leftSpendCont .yearSelectBox {
		background:#f3f3f3;
		padding:18px 20px;
	}
	.workSpendCont .rightSpendCont .dataWrap .selectBox {
		padding:18px 20px;
	}
	.workSpendCont .rightSpendCont .tableBox {
		height:411px;
	}
	.workSpendCont .rightSpendCont .tableBox table th, 
	.workSpendCont .rightSpendCont .tableBox table td {
		padding:20px 5px !important;
	}
}