/* 2024.05.04 kyh */
.intro {
	display: flex;
	width: 1279px;
	height: 160px;
	margin: 0 auto;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 130px;
	flex-shrink: 0;
	background: rgba(255, 224, 224, 0.30);
}

.intro-text {
	color: #000;
	/* Title 2/SemiBold */
	font-family: Pretendard;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	text-align: center;
	line-height: 150%; /* 30px */
}

.progress-indi {
	display: flex;
	width: 1062px;
	justify-content: center;
	align-items: flex-end;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 90px;
}

.step {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	flex: 1 0 0;	
}

.active-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
}

.active-title-text {
	align-self: stretch;
	color: var(--Blue-700, #3B76E3);
	text-align: center;
	
	/* Title 1/Bold */
	font-family: Pretendard;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 36px */
}

.active-title-content {
	align-self: stretch;
	color: var(--Gray-900, #1D1D1D);
	text-align: center;
	
	/* Title 2/Bold */
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 30px */
}

.step-progress-active {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: stretch;	
}

.active-progress-start {
	width: 16px;
	height: 16px;
	border-radius: 24px;
	background: var(--Blue-900, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #3948AD);
}

.active-progress-bar {
	width: 306px;
	height: 4px;
	/*&flex: 1 0 0;*/
	background: var(--Blue-900, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #3948AD);

}

.active-progress-icon-completion {
	display: flex;
	width: 32px;
	height: 32px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 48px;
	background: var(--Blue-900, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #3948AD);
}

.step-inactive-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	align-self: stretch;
}

.step-inactive-title-text {
	color: var(--Gray-400, #C6C6C6);
	/* Title 2/Bold */
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 30px */	
}

.step-inactive-text {
	color: var(--Gray-400, #C6C6C6);
	/* Title 2/Bold */
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 30px */
}

.step-progress-inactive {
	display: flex;
	/*flex-direction: column;*/
	align-items: flex-start;
	margin-top: 8px;
	flex: 1 0 0;
}

.inactive-progress-bar {
	width: 322px;
	height: 4px;
	background: var(--Gray-300, #D8D8D8);
	margin-top: 16px;
}

.inactive-progress-icon-completion {
	display: flex;
	width: 32px;
	height: 32px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 48px;
	background: var(--Gray-300, #D8D8D8);
}

.step1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 100px;
	gap: 80px;
}

.step1-box {
	display: flex;
	width: 1062px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding-bottom: 100px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.step1-fileupload {
	display: flex;
	width: 1062px;
	padding: 32px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 56px;
	border-radius: 16px;
	border: 2px solid var(--Blue-700, #3B76E3);
	background: #F5FAFF;
	box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.15);
}



@media (max-width: 768px) {
  .step1-fileupload {
    padding: 0 16px;
    box-sizing: border-box;
    max-width: 100vw; /* 화면 너비 이상 넘어가지 않게 */
    overflow-x: hidden; /* 가로 스크롤 방지 */
  }

  .step1-fileupload-choose-input-text {
    width: 100%;      /* 부모 컨테이너 꽉 채우기 */
    max-width: 100%;  /* 화면 밖으로 넘지 않게 */
    box-sizing: border-box;
    white-space: normal; /* 줄 바꿈 가능 */
  }

  .upload-button-text {
    width: 100%;          /* 버튼 꽉 채우기 */
    max-width: 100%;      /* 화면 밖으로 넘지 않게 */
    box-sizing: border-box;
  }
}





.example-download-box {
	display: flex;
	gap: 80px;
	margin: 15px;
}

.example-download-button {
	display: flex;
	width: 210px;
	height: 46px;
	padding: 0px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 8px;
	border: 1px solid var(--Gray-400, #C6C6C6);
	background: #197d3f;
}

.example-download-button-txt {
	color: var(--System-white, #FFF);
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}




.step1-fileupload-choose {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	align-self: stretch;
}

.step1-fileupload-choose-label {
	color: var(--Gray-900, #1D1D1D);
	/* Heading 2/Bold */
	font-family: Pretendard;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 48px */
}

.step1-fileupload-choose-input {
	display: flex;
	padding: 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	
	border-radius: 8px;
	border: 1px solid var(--Gray-400, #C6C6C6);
	background: var(--System-white, #FFF);
}

.step1-fileupload-choose-input-text {
	color: var(--Gray-700, #555);
	/* Title 2/Medium */
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 30px */
}

.step1-fileupload-choose-input-filepath-text {
	color: var(--Blue-700, #3B76E3);
	/* Title 2/Medium */
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 30px */
}

.step2-icon {
	display: flex;
	padding: 31px 2.345px 9.795px 27px;
	justify-content: flex-end;
	align-items: center;	
}

.step2-icon-group {
	width: 70.655px;
	height: 59.205px;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.step2-icon-checkbox {
	width: 38px;
	height: 38px;
	flex-shrink: 0;
}

.step2-icon-arrow {
	width: 26.673px;
	height: 39.308px;
	/*transform: rotate(-45deg);*/
	flex-shrink: 0;
	fill: var(--Gray-800, #2D2D2D);
	stroke-width: 1.404px;
	stroke: #FFF;
	margin-left: 30px;
}

.upload-button {
	display: flex;
	height: 48px;
	padding: 0px 20px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 8px;
	background: var(--Blue-700, #3B76E3);
}

.upload-button-text {
	color: var(--System-white, #FFF);
	/* Body 2/SemiBold */
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 24px */
	letter-spacing: -0.16px;	
}

.preview_file {
	display: flex;
	width: 1062px;
	padding: 32px 40px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 40px;

	border-radius: 16px;
	background: var(--Gray-100, #F0F0F0);
}

.preview_file_label {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.preview_file_label_title {
	color: var(--Gray-900, #1D1D1D);
	/* Title 1/Bold */
	font-family: Pretendard;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 36px */
}

.preview_file_label_content {
	color: var(--Gray-900, #1D1D1D);
	/* Title 2/Bold */
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 30px */	
}

.preview-file {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;	
}

.preview-file-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	align-self: stretch;
}

.preview-table-header-label {
	color: var(--Blue-700, #3B76E3);
	/* Body 2/SemiBold */
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 24px */
	letter-spacing: -0.16px;	
}

.encoding_select_box {
	display: flex;
	align-items: center;
	gap: 16px;
}

.encoding_select_label {
	color: var(--Gray-900, #1D1D1D);
	/* Body 1/SemiBold */
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 27px */
}

.encoding_select {
	display: flex;
	width: 120px;
	height: 48px;
	padding: 8px 12px;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	border-radius: 8px;
	border: 1px solid var(--Gray-500, #8E8E8E);
	background: var(--System-white, #FFF);
}

.preview-file-table {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	border-top: 2px solid var(--Gray-900, #1D1D1D);
	background: var(--System-white, #FFF);
}

.preview-file-table-header {
	display: flex;
	padding: 16px 24px;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
	border-bottom: 1px solid var(--Gray-900, #1D1D1D);
}

.preview-file-table-header-radio {
	display: flex;
	width: 24px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
}

.preview-file-table-header-no {
	display: flex;
	width: 80px;
	height: 30px;
	justify-content: space-between;
	align-items: center;
}

.preview-file-table-header-text {
	flex: 1 0 0;
	align-self: stretch;
	color: var(--Gray-900, #1D1D1D);
	text-align: center;
	/* Title 2/Bold */
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 30px */
}

.preview-file-table-header-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1 0 0;
}

.preview-file-table-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;	
}

.preview-file-table-tr {
	display: flex;
	padding: 12px 24px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-bottom: 1px solid var(--Gray-400, #C6C6C6);
	background: #FFF;
}

.preview-file-table-td-radio {
	display: flex;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	
}

.preview-file-table-td-radio-content {
	display: flex;
	width: 24px;
	height: 24px;
	padding: 6px;
	align-items: center;
	gap: 10px;
	border-radius: 24px;
	border: 1px solid var(--Blue-700, #3B76E3);
}

.preview-file-table-td-no {
	display: flex;
	width: 80px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}

.preview-file-table-td-no-text {
	flex: 1 0 0;
	color: var(--Gray-900, #1D1D1D);
	text-align: center;
	/* Body 1/SemiBold */
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 27px */	
}


.preview-file-table-td-content {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1 0 0;
}

.preview-file-table-td-content-text {
	flex: 1 0 0;
	color: var(--Gray-900, #1D1D1D);
	text-align: center;
	/* Body 1/Medium */
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 27px */
}

.column-select {
	display: flex;
	width: 1062px;
	padding: 32px 40px;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	border-radius: 16px;
	background: var(--Gray-100, #F0F0F0);
}

.column-select-label {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;	
}

.column-select-label-title {
	color: var(--Gray-900, #1D1D1D);
	/* Title 1/Bold */
	font-family: Pretendard;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 36px */
}

.column-select-label-content {
	color: var(--Gray-900, #1D1D1D);
	/* Title 2/Bold */
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 30px */	
}

.column-select-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	align-self: stretch;	
}

.column-select-content-option {
	display: flex;
	padding: 0px 16px;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	align-self: stretch;
}

.column-select-content-option-in {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;	
}

.select-box {
	display: flex;
	align-items: center;
	gap: 16px;
}

.select-label {
	color: var(--Gray-900, #1D1D1D);
	/* Body 1/SemiBold */
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 27px */
}

.select-content {
	display: flex;
	width: 120px;
	height: 48px;
	padding: 8px 12px;
	justify-content: space-between;
	align-items: center;
	border-radius: 8px;
	border: 1px solid var(--Gray-500, #8E8E8E);
	background: var(--System-white, #FFF);
	
	color: var(--Gray-900, #1D1D1D);
	/*text-align: center;*/
	/* Body 1/Medium */
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 27px */	
}

#addr1_col_select {
	background: #defafc;
}

.column-select-table {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	border-top: 2px solid var(--Gray-900, #1D1D1D);
	background: var(--System-white, #FFF);
}

.column-select-table-header {
	display: flex;
	padding: 16px 0px;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
	border-bottom: 1px solid var(--Gray-900, #1D1D1D);
}

.column-select-table-header-field {
	display: flex;
	width: 200px;
	height: 30px;
	justify-content: space-between;
	align-items: flex-start;
}

.column-select-table-header-text {
	flex: 1 0 0;
	align-self: stretch;
	color: var(--Gray-900, #1D1D1D);
	text-align: center;
	/* Title 2/Bold */
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 30px */
}

.column-select-table-header-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 0 0;
}

.column-select-table-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}

.column-select-table-tr {
	display: flex;
	padding: 12px 0px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-bottom: 1px solid var(--Gray-400, #C6C6C6);
	background: #FFF;
}

.column-select-table-td-field {
	display: flex;
	width: 200px;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;	
}

.column-select-table-td-field-text {
	flex: 1 0 0;
	color: var(--Gray-900, #1D1D1D);
	text-align: center;
	/* Body 1/SemiBold */
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 27px */	
}

.column-select-table-tr-content {
	flex: 1 0 0;
	color: var(--Gray-900, #1D1D1D);
	text-align: center;
	/* Body 1/Medium */
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 27px */
}

.step2-button-wrap {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.step1-button {
	display: flex;
	width: 120px;
	height: 56px;
	padding: 0px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 8px;
	border: 1px solid var(--Gray-400, #C6C6C6);
}

.step1-button-text {
	color: var(--Gray-700, #555);
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;	
}

.step2-button {
	display: flex;
	width: 240px;
	height: 56px;
	/*margin-top:80px;
	padding: 0px 24px;*/
	margin: 0 auto;
	/*margin-top:80px;
	margin-bottom:130px;*/
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 8px;
	background: var(--Blue-700, #3B76E3);
}

.step2-button-text {
	color: var(--System-white, #FFF);
	/* Body 1/Bold */
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 27px */	
}

.step2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 45px;
	margin-bottom: 100px;
}

.step2-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;	
}

.step2-box-select {
	display: flex;
	width: 1062px;
	padding: 40px 32px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 56px;
	border-radius: 16px;
	border: 2px solid var(--Blue-700, #3B76E3);
	background: #F5FAFF;
	box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.15);	
}

.step2-box-select-label {
	color: var(--Gray-900, #1D1D1D);
	/* Heading 2/Bold */
	font-family: Pretendard;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 48px */		
}

.checkbox-wrap {
	display: flex;
	padding-bottom: 16px;
	justify-content: center;
	align-items: center;
	gap: 48px;
}

.checkbox-wrap-col {
	display: flex;
	width: 250px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 20px;	
}

.checkbox-wrap-row {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.checkbox-wrap-row-box {
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
	background: var(--System-white, #FFF);
}

.checkbox-wrap-row-content {
	color: var(--Gray-900, #1D1D1D);
	/* Body 1/Medium */
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 27px */
}

.omac-select-check-all {
display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}
.omac-select-checkbox {
display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
	background: var(--System-white, #FFF);
}

.step3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 80px;
	margin-bottom: 100px;
}

.step3-box {
	display: flex;
	width: 1062px;
	padding: 40px 32px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 72px;
	border-radius: 16px;
	border: 2px solid var(--Blue-700, #3B76E3);
	background: #F5FAFF;
	
	box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.15);
}

.step3-box-title {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.step3-box-title {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.step3-box-title-text {
	color: var(--Gray-900, #1D1D1D);
	/* Heading 2/Bold */
	font-family: Pretendard;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 48px */	
}

.step3-box-title-count-text {
	color: var(--Blue-700, #3B76E3);
	font-family: Pretendard;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 48px */
	text-decoration-line: underline;
}

.step3-box-frame {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 56px;
}

.step3-box-content {
	display: flex;
	width: 160px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.step3-box-content-rect-success {
	width: 48px;
	height: 201px;
	background: var(--Blue-700, #3B76E3);
}

.step3-box-content-rect-duplicate {
	width: 48px;
	height: 24px;
	background: var(--Blue-900, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #3948AD);
}

.step3-box-content-rect-fail {
	width: 48px;
	height: 84px;
	background: var(--Gray-400, #C6C6C6);
}

.step3-box-content-label {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.step3-box-content-label-msg {
	color: var(--Gray-900, #1D1D1D);
	text-align: center;
	/* Title 1/Bold */
	font-family: Pretendard;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 36px */
}

.step3-box-content-label-count {
	color: var(--Gray-900, #1D1D1D);
	text-align: center;
	/* Title 2/Bold */
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 30px */
}

.frame_download_buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
}

.init-button {
	display: flex;
	height: 56px;
	padding: 0px 24px 0px 20px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 8px;
	border: 1px solid #3B76E3;	
	background: var(--System-white, #FFF);
}

.init-button-label {
	color: var(--Blue-900, #3948AD);
	
	/* Body 1/Bold */
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 27px */
}

.download-result-button {
	display: flex;
	width: 250px;
	height: 56px;
	padding: 0px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 8px;
	background: var(--Blue-700, #3B76E3);
}

.download-result-button_excel {
	display: flex;
	width: 250px;
	height: 56px;
	padding: 0px 24px;
	flex-direction: row;
    /*width: 20px;*/
	align-items: flex-start;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border-radius: 8px;
	background: var(--Blue-700, #3B76E3);
}

.download-result-button-label {
	color: var(--System-white, #FFF);
	/* Body 1/Bold */
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 27px */	
}

/* 湲곕낯���쇰� 鍮����깊���� select�� �ㅽ���쇱�� ���� */
select:disabled {
    background-color: #e0e0e0; /* ���� 諛곌꼍 */
    color: #6c757d; /* ���ㅽ�� ���� (���� �ы��) */
}

/* ��濡�洹몃���� 諛� */
/* Center the loader */
#clean_progress {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 120px;
	height: 120px;
	margin: -76px 0 0 -76px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3B76E3;
	border-bottom: 16px solid #3B76E3;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
	position: relative;
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 1s;
	animation-name: animatebottom;
	animation-duration: 1s
}

@-webkit-keyframes animatebottom {
	from { bottom:-100px; opacity:0 } 
	to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
	from{ bottom:-100px; opacity:0 } 
	to{ bottom:0; opacity:1 }
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.progress_msg {
	color: #000;
	/* Title 2/SemiBold */
	font-family: Pretendard;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	text-align: center;
	line-height: 150%; /* 30px */
}

.encodingmenual{
	position:absolute;
	z-index:9;
	background-color:white;
	margin-left:45%;
	border:3px solid #3B76E3;
	border-radius:12px;
	width:580px;
	height:580px;
}

.menualcontent{
	width:600px;
	margin-left:40px;
	margin-top:30px;
	
}

.menualcontent p{
	font-size:15px;
}

.menualIndex{
	color:#1D1D1D;
	font-weight:700;
}

.encodingHelper{
	text-align:center;
	position:relative;
	border:1px solid dodger-blue;
	border-radius:50%;
	background-color:dodgerblue;
	color:white;
	font-weight:500;
	width:30px;
}

.encodingHelper:hover{
	cursor:pointer;
}