/* 업데이트 내역 페이징
------------------------------------------------------ */
.updateHistoryPaging {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin: 40px 0 0;
}

/* 급여명세서 수당·비과세 입력
------------------------------------------------------ */
.mobileTableGuide {
	display: none;
}

.admState02Wr .workInfoInputs {
	display: grid;
	gap: 8px;
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid #E4EAF2;
	text-align: left;
}

.admState02Wr .workInfoInputs label {
	display: grid;
	gap: 5px;
}

.admState02Wr .workInfoInputs label > span {
	font-weight: 700;
	font-size: 12px;
	color: #475569;
}

.admState02Wr .workInfoInputs .td_ipt01 {
	width: 100%;
	min-width: 0;
	height: 38px;
	padding: 7px 8px;
	text-align: right;
}

.admState02Wr .workInfoInputs .td_ipt01:invalid {
	border-color: #E97D86;
	background: #FFF8F8;
}

.admState02Wr .payItemGroup .payItemRow .td_ipt01 {
	width: auto;
	min-width: 0;
}






/* 공통 관리자 접근성·비활성 상태
------------------------------------------------------ */
.td_sub01 {
	display: inline-block;
	margin-top: 3px;
	color: #64748B;
}


.admState02Wr .payItemGroup .payItemRow.is-new {
	animation: payItemRowEnter .24s ease-out both;
}

@keyframes payItemRowEnter {
	from {
		opacity: 0;
		transform: translateY(-5px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media all and (max-width: 999px) {
	.mobileTableGuide {
		display: block;
		margin: 0 0 10px;
		padding: 10px 12px;
		background: #F5F8FF;
		border: 1px solid #DCE6FF;
		border-radius: 6px;
		font-size: 12px;
		line-height: 1.5;
		color: #526581;
	}

	.admState02Wr .tblBox01 {
		scrollbar-gutter: stable;
	}

	.admState02Wr .tblBox01 table {
		min-width: 980px;
	}

	.admState02Wr .stickyEmployeeCell {
		position: sticky;
		background: #FFF;
	}

	.admState02Wr thead .stickyEmployeeCell {
		z-index: 4;
		background: #F8FAFD;
	}

	.admState02Wr tbody .stickyEmployeeCell {
		z-index: 2;
	}

	.admState02Wr .stickyEmployeeCell {
		left: 44px;
		width: 132px;
		min-width: 132px;
		box-shadow: 6px 0 10px -10px rgba(15, 23, 42, .65);
	}


	.admState02Wr .payItemAddBtn {
		min-height: 38px;
		padding: 8px 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.admState02Wr .payItemGroup .payItemRow.is-new {
		animation: none;
	}

	.admState02Wr .payItemAddBtn {
		transition: none;
	}
}

/* 관리자 헤더 사업장 사용기한
------------------------------------------------------ */
.admCompanyExpire01 {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-left: 12px;
	padding: 9px 10px 9px 14px;
	background: #F5F8FF;
	border: 1px solid #DCE6FF;
	border-radius: 100px;
	font-size: 14px;
	line-height: 1;
	white-space: nowrap;
}

.admCompanyExpire01:before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	background: var(--main-color01);
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(41, 98, 255, .1);
}

.admCompanyExpire01 .expireLabel {
	font-weight: 500;
	color: #64748B;
}

.admCompanyExpire01 .expireDate {
	font-weight: 700;
	color: #1E293B;
}

.admCompanyExpire01 .expireRemain {
	padding: 6px 9px 5px;
	background: #E8EFFF;
	border-radius: 100px;
	font-weight: 700;
	font-size: 12px;
	color: var(--main-color01);
}

@media all and (max-width: 999px) {
	header .rBox {
		gap: 6px;
	}

	header select#renewCompanySelect {
		max-width: 130px;
	}

	.admCompanyExpire01 {
		gap: 6px;
		margin-left: 0;
		padding: 7px 8px 7px 10px;
		font-size: 12px;
	}

	.admCompanyExpire01 .expireLabel {
		display: none;
	}

	.admCompanyExpire01 .expireRemain {
		padding: 5px 7px 4px;
		font-size: 11px;
	}
}

@media all and (max-width: 480px) {
	header select#renewCompanySelect {
		max-width: 115px;
	}

	.admCompanyExpire01 .expireDate,
	.admCompanyExpire01:before {
		display: none;
	}
}

.updateHistoryPaging .pageBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid transparent;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	color: var(--border-color01);
	text-align: center;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.updateHistoryPaging a.pageBtn:hover,
.updateHistoryPaging a.pageBtn:focus-visible,
.updateHistoryPaging .pageBtn.active {
	background: #EFF6FF;
	border-color: #EFF6FF;
	color: var(--main-color01);
}

.updateHistoryPaging .pageBtn.arrow img {
	display: block;
	width: 20px;
	height: 20px;
}

.updateHistoryPaging .pageBtn.disabled {
	opacity: .55;
}

/* 업데이트 상세
------------------------------------------------------ */
.brdViewBox01 .bvFileLst01 {
	margin: 0 0 24px;
	padding: 16px;
	background: #F8FAFD;
	border: 1px solid #E4EAF2;
	border-radius: 8px;
}

.brdViewBox01 .bvFileLst01 li + li {
	margin-top: 8px;
}

.brdViewBox01 .bvFileLst01 a {
	display: block;
	color: var(--main-color01);
	text-decoration: underline;
	text-underline-offset: 3px;
	word-break: break-all;
}

.updateViewNoData {
	padding: 80px 0 0;
	text-align: center;
}

.updateViewNoData .backBtn {
	display: inline-block;
	margin: 32px 0 0;
	padding: 17px 52px 16px;
	background: var(--main-color01);
	border: 1px solid var(--main-color01);
	border-radius: 5px;
	font-weight: 500;
	font-size: 16px;
	color: #FFF;
}

/* 결제하기
------------------------------------------------------ */
.paymentWr .pmSubscriptionStatus01 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 24px;
	padding: 18px 24px;
	background: #EFF6FF;
	border: 1px solid #DCE6FF;
	border-radius: 12px;
	font-size: 16px;
	color: var(--text-black01);
}

.paymentWr .pmSubscriptionStatus01 strong {
	color: var(--main-color01);
}

.paymentWr .pmSubscriptionStatus01 span {
	color: #667085;
}



@media all and (max-width: 999px) {
	.updateHistoryPaging {
		gap: 8px;
		margin: 24px 0 0;
	}

	.updateHistoryPaging .pageBtn {
		width: 32px;
		height: 32px;
		font-size: 14px;
	}

	.updateHistoryPaging .pageBtn.arrow img {
		width: 16px;
		height: 16px;
	}

	.brdViewBox01 .bvContents01 {
		min-height: 120px;
	}

	.brdViewBox01 .bvFileLst01 {
		margin-bottom: 16px;
		padding: 12px;
	}

	.updateViewNoData {
		padding-top: 40px;
	}

	.updateViewNoData .backBtn {
		margin-top: 24px;
		padding: 16px 24px 15px;
		font-size: 14px;
	}

	.paymentWr .pmSubscriptionStatus01 {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
		margin-bottom: 16px;
		padding: 14px 16px;
		font-size: 14px;
	}	
}