@charset "UTF-8";
/* **** button **** */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;width:auto;height:var(--kefa-btn-h-lg);padding:0 var(--kefa-btn-px-lg);background-color:var(--kefa-primary);border:1px solid var(--kefa-primary);border-radius:var(--kefa-btn-rd-lg);font-size:var(--kefa-fz-body-lg);color:var(--kefa-white);font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;transition:0.4s ease-in-out;vertical-align:middle;}
.btn:hover{background-color:var(--kefa-primary-60);border-color:var(--kefa-primary-60);}
.btn:active{background-color:var(--kefa-primary-70);border-color:var(--kefa-primary-70);}
.btn:focus{outline-offset:-0.4rem;outline:2px solid transparent;transition:none;}
.btn[disabled]{background-color:var(--kefa-gray-30);border-color:var(--kefa-gray-30);color:var(--kefa-gray-60);cursor:default;}
.btn.primary,a.btn.primary{background-color:var(--kefa-primary);border:1px solid var(--kefa-primary);color:var(--kefa-white);}
.btn.primary *{color:var(--kefa-white);}
.btn.primary:hover,a.btn.primary:hover{background-color:var(--kefa-primary-60);border-color:var(--kefa-primary-60);}
.btn.primary:active,a.btn.primary:active{background-color:var(--kefa-primary-70);border-color:var(--kefa-primary-70);}
.btn.primary[disabled],a.btn.primary[disabled]{background-color:var(--kefa-gray-30);border-color:var(--kefa-gray-30);color:var(--kefa-gray-60);}
.btn.primary[disabled] *{color:var(--kefa-gray-60);}
.btn.secondary,a.btn.secondary{background-color:var(--kefa-primary-2);border:1px solid var(--kefa-primary-60);color:var(--kefa-primary-60);}
.btn.secondary *{color:var(--kefa-primary-60);}
.btn.secondary:hover,a.btn.secondary:hover{background-color:var(--kefa-primary-5);}
.btn.secondary:active,a.btn.secondary:active{background-color:var(--kefa-primary-20);}
.btn.secondary[disabled],a.btn.secondary[disabled]{background-color:var(--kefa-gray-30);border-color:var(--kefa-gray-40);color:var(--kefa-gray-60);}
.btn.secondary[disabled] *{color:var(--kefa-gray-60);}
.btn.tertiary,a.btn.tertiary{background-color:var(--kefa-white);border:1px solid var(--kefa-gray-90);color:var(--kefa-secondary-90);}
.btn.tertiary *{color:var(--kefa-secondary-90);}
.btn.tertiary:hover,a.btn.tertiary:hover{background-color:var(--kefa-gray-5);}
.btn.tertiary:active,a.btn.tertiary:active{background-color:var(--kefa-gray-10);}
.btn.tertiary[disabled],a.btn.tertiary[disabled]{background-color:var(--kefa-gray-30);border-color:var(--kefa-gray-40);color:var(--kefa-gray-60);}
.btn.tertiary[disabled] *{color:var(--kefa-gray-60);}
.btn.point,a.btn.point{background-color:var(--kefa-point);border:1px solid var(--kefa-point);color:var(--kefa-white);}
.btn.point*{color:var(--kefa-white);}
.btn.point:hover,a.btn.point:hover{background-color:var(--kefa-point-60);border-color:var(--kefa-point-60);}
.btn.point:active,a.btn.point:active{background-color:var(--kefa-point-70);border-color:var(--kefa-point-70);}
.btn.point[disabled],a.btn.point[disabled]{background-color:var(--kefa-gray-30);border-color:var(--kefa-gray-30);color:var(--kefa-gray-60);}
.btn.point[disabled] *{color:var(--kefa-gray-60);}
.btn.success,a.btn.success{background-color:var(--kefa-success);border:1px solid var(--kefa-success);color:var(--kefa-white);}
.btn.success *{color:var(--kefa-white);}
.btn.success:hover,a.btn.success:hover{background-color:var(--kefa-success-60);border-color:var(--kefa-success-60);}
.btn.success:active,a.btn.success:active{background-color:var(--kefa-success-70);border-color:var(--kefa-success-70);}
.btn.success[disabled],a.btn.success[disabled]{background-color:var(--kefa-gray-30);border-color:var(--kefa-gray-30);color:var(--kefa-gray-60);}
.btn.success[disabled] *{color:var(--kefa-gray-60);}
.btn.gray *{color:var(--kefa-white);}
.btn.gray:hover,a.btn.gray:hover{background-color:var(--kefa-gray-60);border-color:var(--kefa-gray-60);}
.btn.gray:active,a.btn.gray:active{background-color:var(--kefa-gray-70);border-color:var(--kefa-gray-70);}
.btn.gray[disabled],a.btn.gray[disabled]{background-color:var(--kefa-gray-30);border-color:var(--kefa-gray-30);color:var(--kefa-gray-60);}
.btn.gray[disabled] *{color:var(--kefa-gray-60);}
.btn.disabled,a.btn.disabled{background-color:var(--kefa-gray-30) !important;border-color:var(--kefa-gray-30) !important;color:var(--kefa-gray-60) !important;}
.btn.disabled *{color:var(--kefa-gray-60) !important;}

.btn.xsm{height:var(--kefa-btn-h-xsm);padding:0 var(--kefa-btn-px-xsm);border-radius:var(--kefa-btn-rd-xsm);font-size:var(--kefa-fz-body-xsm);}
.btn.sm{height:var(--kefa-btn-h-sm);padding:0 var(--kefa-btn-px-sm);border-radius:var(--kefa-btn-rd-sm);font-size:var(--kefa-fz-body-sm);}
.btn.md{height:var(--kefa-btn-h-md);padding:0 var(--kefa-btn-px-md);border-radius:var(--kefa-btn-rd-md);font-size:var(--kefa-fz-body-md);}
.btn.lg{gap:0.5rem;height:var(--kefa-btn-h-lg);padding:0 var(--kefa-btn-px-lg);border-radius:var(--kefa-btn-rd-lg);font-size:var(--kefa-fz-body-lg);}
.btn.xlg{gap:0.6rem;height:var(--kefa-btn-h-xlg);padding:0 var(--kefa-btn-px-xlg);border-radius:var(--kefa-btn-rd-lg);font-size:var(--kefa-fz-body-xlg);}
.btn.xxlg{gap:0.7rem;height:var(--kefa-btn-h-xxlg);padding:0 var(--kefa-btn-px-xlg);border-radius:var(--kefa-btn-rd-lg);font-size:var(--kefa-fz-body-xxlg);}

.btnWrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;}
.btnWrap .btn{margin-top:3rem}
.btnWrap2{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:3rem 0}

/* **** button :only icon **** */
[class*=ico-]::before,[class*=ico-]::after{content:"";display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;font-family:"remixicon";color:inherit;}
[class*=ico-]::before{display:none;}
[class*=ico-].ico-before::before{display:inline-flex;}
[class*=ico-].ico-before::after{display:none;}
[class*=ico-].xsm::before,[class*=ico-].xsm::after{width:1.6rem;height:100%}
[class*=ico-].sm::before,[class*=ico-].sm::after{width:1.65rem;height:100%;}
[class*=ico-].md::before,[class*=ico-].md::after{width:1.7rem;height:100%;}
[class*=ico-].lg::before,[class*=ico-].lg::after{width:1.75rem;height:100%;}
[class*=ico-].xlg::before,[class*=ico-].xlg::after{width:1.8rem;height:100%;}
[class*=ico-].ico-write::before,[class*=ico-].ico-write::after{content:"\EFE0";}				/* 쓰기 */
[class*=ico-].ico-add::before,[class*=ico-].ico-add::after{content:"\F4B2";}				    /* 추가 */
[class*=ico-].ico-remove::before,[class*=ico-].ico-remove::after{content:"\F1AF";}		/* 제거 */
[class*=ico-].ico-edit::before,[class*=ico-].ico-edit::after{content:"\EC82";}				    /* 수정 */
[class*=ico-].ico-del::before,[class*=ico-].ico-del::after{content:"\F4C8";}					/* 삭제 */
[class*=ico-].ico-delete::before,[class*=ico-].ico-delete::after{content:"\EC2A";}		    /* 삭제 */
[class*=ico-].ico-copy::before,[class*=ico-].ico-copy::after{content:"\ECD5";}			    /* 복사 */
[class*=ico-].ico-cancel::before,[class*=ico-].ico-cancel::after{content:"\F07A";}			/* 취소 */
[class*=ico-].ico-save::before,[class*=ico-].ico-save::after{content:"\F0B1";}				/* 저장 */
[class*=ico-].ico-excel::before,[class*=ico-].ico-excel::after{content:"\ECDF";}			    /* 엑셀 */
[class*=ico-].ico-pdf::before,[class*=ico-].ico-pdf::after{content:"\F3C7";}					/* pdf */
[class*=ico-].ico-search::before,[class*=ico-].ico-search::after{content:"\F0D1";}		    /* 검색 */
[class*=ico-].ico-filter::before,[class*=ico-].ico-filter::after{content:"\ED25";}				/* 필터 */
[class*=ico-].ico-full::before,[class*=ico-].ico-full::after{content:"\F4D1";}					/* 전체화면 */
[class*=ico-].ico-close::before,[class*=ico-].ico-close::after{content:"\F4C8";}			    /* 닫기 */
[class*=ico-].ico-previous::before,[class*=ico-].ico-previous::after{content:"\EA64";}	/* 이전 */
[class*=ico-].ico-next::before,[class*=ico-].ico-next::after{content:"\EA6E";}				/* 다음 */
[class*=ico-].ico-arr::before,[class*=ico-].ico-arr::after{content:"\EA6E";}					/* > */
[class*=ico-].ico-check::before,[class*=ico-].ico-check::after{content:"\EB7B";}			/* 선택 */
[class*=ico-].ico-calendar::before,[class*=ico-].ico-calendar::after{content:"\EB23";}	/* 일정 */
[class*=ico-].ico-upload::before,[class*=ico-].ico-upload::after{content:"\F24A";}		    /* 업로드 */
[class*=ico-].ico-sales::before,[class*=ico-].ico-sales::after{content:"\EAF5";}			    /* 영업 */
[class*=ico-].ico-ing::before,[class*=ico-].ico-ing::after{content:"\EEC2";}					/* 진행중 */
[class*=ico-].ico-end::before,[class*=ico-].ico-end::after{content:"\EB80";}				    /* 완료 */
[class*=ico-].ico-stop::before,[class*=ico-].ico-stop::after{content:"\F3A1";}				    /* 중지 */
[class*=ico-].ico-bid::before,[class*=ico-].ico-bid::after{content:"\EA88";}					/* 입찰 */
[class*=ico-].ico-lock::before,[class*=ico-].ico-lock::after{content:"\EECC";}				/* 암호 */
[class*=ico-].ico-link::before,[class*=ico-].ico-link::after{content:"\eeb2";}				    /* 링크 */
[class*=ico-].ico-tools::before,[class*=ico-].ico-tools::after {content: "\f21a";}              /* AS */
[class*=ico-].ico-full::before,[class*=ico-].ico-full::after {content: "\F536";}                    /* 전체화면 */
[class*=ico-].ico-zoomout::before,[class*=ico-].ico-zoomout::after {content: "\F4CC";}  /* 화면축소 */
[class*=ico-].ico-document::before,[class*=ico-].ico-document::after {content: "\ecf1";}/*문서 */
[class*=ico-].ico-list::before,[class*=ico-].ico-list::after {content: "\eebe";}                    /* 목록*/


/* **** button :only icon **** */
.btn-txt{border:0;background-color:transparent;padding:0 var(--kefa-spacer-default2) !important;color:var(--kefa-gray-70);}
.btn-txt::hover{color:var(--kefa-primary-5);}
.btn-txt::active{color:var(--kefa-primary-10);}
.btn-txt::focus{color:var(--kefa-primary-10);border-radius:0;}
.btn-txt.underline{text-decoration:underline;}
.btn-txt.link{height:auto;text-decoration:underline !important;}

/* **** table **** */
.tbl{border-top:1px solid;}
.tbl th,.tbl td{padding:var(--kefa-spacer-1) var(--kefa-spacer-1);border-style:solid;border-width:0 1px 1px 1px;vertical-align:middle;text-align:center;word-break:break-all;word-wrap:break-word;}
.tbl th *,.tbl td *{word-break:break-all;word-wrap:break-word;}
.tbl thead th{height:var(--kefa-spacer-9);font-size:var(--kefa-fz-body-sm);font-weight:700}
.tbl tbody th,.tbl tbody td{height:var(--kefa-spacer-10);background-color:var(--kefa-white);border-color:var(--kefa-gray-30);font-size:var(--kefa-fz-body-md);color:var(--kefa-gray-70)}
.tbl tbody th{color:var(--kefa-gray-80);font-weight:600}
.tbl th:first-child,.tbl td:first-child{border-left:0}
.tbl th:last-child,.tbl td:last-child{border-right:0}
.tbl tr:hover th,.tbl tr:hover td,.tbl tr:active th,.tbl tr:active td,.tbl tr:focus th,.tbl tr:focus td{background-color:var(--kefa-primary-2);}
.tbl th.required,.tbl td.required{background-color:var(--kefa-primary-2);color:var(--kefa-black)}
.tbl tr:hover th,.tbl tr:active th,.tbl tr:focus th,.tbl tr:hover td,.tbl tr:active td,.tbl tr:focus td{font-weight:500;color:var(--kefa-black);}

.tbl.td-al tbody td{padding-left:var(--kefa-spacer-3);text-align:left;}
.tbl.td-vat tbody td{vertical-align:top;}
.tbl td .disabled{color:var(--kefa-gray-30)}

.tbl.primary{border-top-color:var(--kefa-primary-10);}
.tbl.primary thead th{background-color:var(--kefa-primary-5);border-color:var(--kefa-secondary-30);color:var(--kefa-primary-70);}
.tbl.primary tr:hover,.tbl.primary tr:active,.tbl.primary tr:focus{background-color:var(--kefa-primary-2);}
.tbl.primary.th thead th{background-color:var(--kefa-primary-5);}
.tbl.primary.th tbody th{background-color:var(--kefa-primary-2);}
.tbl.primary3{border:1px solid var(--kefa-primary-10);}
.tbl.primary3 th:first-child,.tbl.primary3 td:first-child{border-left:1px}
.tbl.primary3 th:last-child,.tbl.primary3 td:last-child{border-right:1px}
.tbl.primary3 thead th{background-color:var(--kefa-primary-5);border-color:var(--kefa-secondary-30);color:var(--kefa-primary-70);}
.tbl.primary3 tr:hover,.tbl.primary3 tr:active,.tbl.primary3 tr:focus{background-color:var(--kefa-primary-2);}
.tbl.primary3.th thead th{background-color:var(--kefa-primary-5);}
.tbl.primary3.th tbody th{background-color:var(--kefa-primary-2);}
.tbl.primary4{border:1px solid var(--kefa-gray-30);}
.tbl.primary4 th:first-child,.tbl.primary4 td:first-child{border-left:1px}
.tbl.primary4 th:last-child,.tbl.primary4 td:last-child{border-right:1px}
.tbl.primary4 thead th{background-color:var(--kefa-primary-10);border-color:var(--kefa-secondary-30);color:var(--kefa-primary-70);}
.tbl.primary4 tr:hover,.tbl.primary3 tr:active,.tbl.primary4 tr:focus{background-color:var(--kefa-primary-2);}
.tbl.primary4.th thead th{background-color:var(--kefa-primary-10);}
.tbl.primary4.th tbody th{background-color:var(--kefa-primary-5);}
.tbl.success{border-top-color:var(--kefa-success-10);}
.tbl.success thead th{background-color:var(--kefa-success-5);border-color:var(--kefa-success-20);color:var(--kefa-success-70)}
.tbl.success tr:hover,.tbl.success tr:active,.tbl.success tr:focus{background-color:var(--kefa-success-2);}
.tbl.success.th thead th{background-color:var(--kefa-success-5);}
.tbl.success.th tbody th{background-color:var(--kefa-success-2);}
.tbl.gray{border-top-color:var(--kefa-gray-20);}
.tbl.gray thead th{background-color:var(--kefa-gray-5);border-color:var(--kefa-gray-45);color:var(--kefa-gray-70)}
.tbl.gray tr:hover,.tbl.gray tr:active,.tbl.gray tr:focus{background-color:var(--kefa-gray-2);}
.tbl.gray.th thead th{background-color:var(--kefa-gray-5);}
.tbl.gray.th tbody th{background-color:var(--kefa-gray-2);}
.tbl.gray2{border-top-color:var(--kefa-gray-20);}
.tbl.gray2 thead th{background-color:var(--kefa-gray-5);border-color:var(--kefa-gray-30);color:var(--kefa-gray-70)}
.tbl.gray2 tbody th,.tbl.gray2 tbody td{height:var(--kefa-spacer-10);background-color:var(--kefa-white);border-color:var(--kefa-gray-10);font-size:var(--kefa-fz-body-md);color:var(--kefa-gray-70)}
.tbl.gray2 tr:hover,.tbl.gray2 tr:active,.tbl.gray2 tr:focus{background-color:var(--kefa-gray-2);}
.tbl.gray2.th thead th{background-color:var(--kefa-gray-5);}
.tbl.gray2.th tbody th{background-color:var(--kefa-gray-2);}
.tbl.gray3{border:1px solid var(--kefa-gray-50);}
.tbl.gray3 th:first-child,.tbl.gray3 td:first-child{border-left:1px}
.tbl.gray3 th:last-child,.tbl.gray3 td:last-child{border-right:1px}
.tbl.gray3 thead th{background-color:var(--kefa-gray-10);border-color:var(--kefa-gray-50);color:var(--kefa-gray-70)}
.tbl.gray3 tbody tr:last-child th,.tbl.gray3 tbody tr:last-child td{border-bottom:var(--kefa-gray-50)}
.tbl.gray3 tr:hover,.tbl.gray3 tr:active,.tbl.gray3 tr:focus{background-color:var(--kefa-gray-5);}
.tbl.gray3.th thead th{background-color:var(--kefa-gray-10);}
.tbl.gray3.th tbody th{background-color:var(--kefa-gray-5);}
.tbl.bt1-gray-30{border-top:1px solid var(--kefa-gray-30)}

.tbl1 thead th{height:var(--kefa-spacer-10)}
.tbl1 tbody th,.tbl1 tbody td{height:var(--kefa-spacer-11);padding:var(--kefa-spacer-2) var(--kefa-spacer-2);}
.tbl2 thead th{height:var(--kefa-spacer-11)}
.tbl2 tbody th,.tbl2 tbody td{height:var(--kefa-spacer-12);padding:var(--kefa-spacer-3) var(--kefa-spacer-3);}
.tbl3 thead th{height:var(--kefa-spacer-12);font-size:var(--kefa-fz-body-md)}
.tbl3 tbody th,.tbl3 tbody td{height:var(--kefa-spacer-13)}
.tbl4 thead th{height:var(--kefa-spacer-13);font-size:var(--kefa-fz-body-md)}
.tbl4 tbody th,.tbl4 tbody td{height:var(--kefa-spacer-14)}
.tbl4 thead th{height:var(--kefa-spacer-14);font-size:var(--kefa-fz-body-lg)}
.tbl4 tbody th,.tbl4 tbody td{height:var(--kefa-spacer-15)}
.tbl4 tbody th{font-size:var(--kefa-fz-body-lg)}

.scroll-x>.tbl,.scroll-x2>.tbl,.scroll-x3>.tbl{border-collapse:separate;border-spacing:0;}
.scroll-x>.tbl th,.scroll-x>.tbl td,.scroll-x2>.tbl th,.scroll-x2>.tbl td{border-width:0 1px 1px 0}
.scroll-x3>.tbl th,.scroll-x3>.tbl td{border-width:0 0 1px 1px}
.scroll-x>.tbl thead,.scroll-x2>.tbl thead,.scroll-x3>.tbl thead{position:sticky;z-index:10;top:0}

.scroll-x{overflow-x:auto;overflow-y:hidden;}
.scroll-x>.tbl tr th:first-child,.scroll-x>.tbl tr td:first-child{position:sticky;z-index:2;left:0;}

.scroll-x2{overflow-x:auto;overflow-y:hidden;}
.scroll-x2>.tbl thead tr th:first-child,.scroll-x2>.tbl thead tr td:first-child,.scroll-x2>.tbl tbody tr th:first-child,.scroll-x2>.tbl tbody tr td:first-child{position:sticky;z-index:2;left:0;}
.scroll-x2>.tbl thead tr th:nth-child(2),.scroll-x2>.tbl thead tr td:nth-child(2),.scroll-x2>.tbl tbody tr th:nth-child(2),.scroll-x2>.tbl tbody tr td:nth-child(2){position:sticky;z-index:2;left:29px;border-left-width:1px}

.scroll-x3{overflow-x:auto;overflow-y:hidden;}
.scroll-x3>.tbl{margin-top:-1px}
.scroll-x3>.tbl thead th{border-top:1px solid var(--kefa-primary-10);}
.scroll-x3>.tbl tr th:last-child,.scroll-x3>.tbl tr td:last-child{position:sticky;z-index:2;right:0}
.scroll-x3>.tbl tr th:first-child{border-left:0;}
.scroll-x3>.tbl tr td:first-child{border-left:0;}

.scroll-x.primary3{border:1px solid var(--kefa-primary-10);}
.scroll-x>.tbl.primary3{margin:-1px 0 0 -1px;border:0;border-bottom:1px solid var(--kefa-primary-10);}

.scroll-x.gray3{border:1px solid var(--kefa-gray-50);}
.scroll-x>.tbl.gray3{margin:-1px 0 0 -1px;border:0;border-bottom:1px solid var(--kefa-gray-30);}

.scroll-x2.primary3{border:1px solid var(--kefa-primary-10);}
.scroll-x2>.tbl.primary3{margin:-1px 0 0 -1px;border:0;border-bottom:1px solid var(--kefa-primary-10);}

.scroll-x3.primary3{border:1px solid var(--kefa-primary-10);}
.scroll-x3>.tbl.primary3{margin:-1px 0 0 -1px;border:0;border-bottom:1px solid var(--kefa-primary-10);}

.fieldset{display:flex;flex-direction:column;gap:var(--kefa-spacer-6);}
.form-group{display:flex;flex-direction:column;gap:var(--kefa-spacer-3);width:100%;}
.form-group .form-tit{width:100%;}
.form-group .form-conts{display:flex;flex-direction:column;gap:var(--kefa-spacer-3);width:100%;}
.form-group .form-conts.keyword-sch{width:58.8rem;}
.form-group .form-conts .form-label{display:flex;font-size:var(--kefa-fz-label-sm);width:100%;}
.form-group .form-conts.btn-ico-wrap{position:relative;}
.form-group .form-conts.btn-ico-wrap .form-control{padding-right:var(--kefa-spacer-14);}
.form-group .form-conts.btn-ico-wrap .btn{position:absolute;top:50%;right:1.6rem;transform:translateY(-50%);}
.form-group .form-conts.datepicker-conts{gap:0;}
.form-group .form-conts .form-check .form-check-cnt{margin-top:1.2rem;}
.form-group .form-conts .form-check .form-check-cnt .form-check-p{color:var(--kefa-gray-70);}
.input-group{display:flex;align-items:center;gap:1rem;width:100%;}
.row .input-group{flex-direction:column;}
.row .input-group.range > li{width:100%;}

/* input style */
.form-control{position:relative;width:100%;height:var(--kefa-input-h-lg);padding:0 var(--kefa-btn-px-lg);background-color:var(--kefa-white);border:1px solid var(--kefa-gray-60);border-radius:var(--kefa-btn-rd-lg);font-family:inherit;font-size:var(--kefa-fz-body-lg);color:var(--kefa-gray-90);transition:0.4s ease-in-out;}
.form-control.cal{background:url(../../img/component/common/ico_calendar.svg) no-repeat right 1.6rem top 50%;background-size:2.4rem;}
.form-control:focus{border-color:var(--kefa-primary);border-width:2px;outline:none;}
.form-control[readonly]{background-color:var(--kefa-gray-10);border-color:var(--kefa-gray-40);color:var(--kefa-gray-60);}
.form-control[readonly].datepicker{background-color:var(--kefa-white);border-color:var(--kefa-gray-60);color:var(--kefa-gray-90);}
.form-control[readonly]::-placeholder{color:var(--kefa-gray-60);}
.form-control[disabled]{background-color:var(--kefa-gray-10);border-color:var(--kefa-gray-40);color:var(--kefa-gray-60);}
.form-control[disabled]::placeholder{color:var(--kefa-gray-60);}
.error .form-control,.error.form-control,.error .form-control:focus,.error.form-control:focus{border-color:var(--kefa-point);border-width:2px;}

.validation-chk,.form-info{display:flex;position:relative;min-height:var(--kefa-spacer-6);margin-top:var(--kefa-spacer-3);font-size:var(--kefa---kefa-fz-body-sm);color:var(--kefa-gray-70);line-height:var(--kefa-spacer-6);}
.validation-chk:empty{display:none;}
.validation-chk:before,.form-info:before{width:2rem;height:2rem;flex-shrink:0;flex-grow:0;content:"";margin-right:var(--kefa-spacer-1);background-color:var(--kefa-gray-30);}
.error .validation-chk,.error .form-info{color:var(--kefa-danger);}

textarea,textarea.form-control{height:var(--kefa-input-h-md);padding:var(--kefa-spacer-2);line-height:1.5;}
.textarea-wrap{display:flex;align-items:normal;justify-content:flex-start;flex-direction:column;}
.textarea-wrap .form-control:placeholder-shown{-webkit-box-orient:inherit;}
.textarea-count{font-size:var(--kefa-fz-label-sm);width:100%;margin-top:var(--kefa-spacer-3);text-align:right;}
.textarea-count .text-num{margin-left:var(--kefa-spacer-default2);}
.textarea-autoh{height:var(--kefa-input-h-md);min-height:var(--kefa-input-h-md);max-height:calc(var(--kefa-input-h-md) * 3);resize:none;overflow:hidden;}

[type=text]::-ms-clear{display:none;}

/* placeholder style */
.form-control::-placeholder{color:var(--kefa-gray-50);}
.form-control:placeholder-shown{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

/* 날짜선택 */
.datepicker-input{position:relative;z-index:1;}
.datepicker-input .form-control{padding-right:var(--kefa-spacer-14);background-image:none;}
.datepicker-input .form-btn-datepicker{position:absolute;top:50%;right:0.8rem;width:4rem;height:4rem;padding:var(--kefa-spacer-4);transform:translateY(-50%);background:url(../../img/component/common/ico_calendar.svg) no-repeat center;background-size:2.4rem;}
.datepicker-input .range::after{display:none;}

/* form layouts */
.form-wrap{display:grid;gap:var(--kefa-spacer-6);}
.form-wrap > li, .form-wrap.standalone,.form-wrap > .row{line-height:1;}
.form-tit{display:flex;position:relative;font-size:var(--kefa-fz-body-sm);color:var(--kefa-black);/*line-height:$line-height-none;*/}
.form-wrap .form-conts.group{display:flex;flex-wrap:wrap;align-items:stretch;position:relative;width:100%;}
.form-wrap .form-conts.group > .form-control{flex:1 1 auto;position:relative;width:1%;min-width:0;margin-right:var(--kefa-spacer-2);}

/* radio checkbox */
[type=radio],[type=checkbox]{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}

/* for common */
.chk-area{display:flex;gap:var(--kefa-spacer-6);}
.chk-area.chk-column{flex-direction:column;}

.form-check{display:flex;align-items:center;position:relative;min-width:var(--kefa-rdo-size-md);min-height:var(--kefa-rdo-size-md);gap:var(--kefa-spacer-6);}
.form-check input[type=radio] ~ label,
.form-check input[type=checkbox] ~ label{position:relative;display:inline-flex;min-width:var(--kefa-rdo-size-md);min-height:var(--kefa-rdo-size-md);padding-left:calc(var(--kefa-rdo-size-md) + var(--kefa-spacer-2));font-size:var(--kefa-fz-body-md)}
.form-check input[type=radio] ~ label:before,
.form-check input[type=radio] ~ label:after,
.form-check input[type=checkbox] ~ label:before,
.form-check input[type=checkbox] ~ label:after{content:"";display:block;position:absolute;transition:0.4s cubic-bezier(0.4, 0, 0.23, 1);width:var(--kefa-rdo-size-md);height:var(--kefa-rdo-size-md);border:1px solid;border-color:var(--kefa-gray-60);line-height:0}

.form-check input[type=radio] ~ label:before{z-index:3;top:0;left:0;border-radius:var(--kefa-rd-full);}
.form-check input[type=radio] ~ label:after{z-index:4;top:4px;left:4px;opacity:0;width:calc(var(--kefa-rdo-size-md) - 8px);height:calc(var(--kefa-rdo-size-md) - 8px);border-radius:var(--kefa-rd-full);}
.form-check input[type=radio]:checked ~ label:before{border-color:var(--kefa-primary)}
.form-check input[type=radio]:checked ~ label:after{border:transparent;opacity:1;background-color:var(--kefa-primary);}
.form-check input[type=radio]:disabled ~ label{color:var(--kefa-gray-50);cursor:default;}
.form-check input[type=radio]:disabled ~ label:after{background-color:var(--kefa-gray-40);}
.form-check input[type=radio]:checked:disabled ~ label:after{color:var(--kefa-gray-40);}

.form-check input[type=checkbox] ~ label:before{z-index:3;top:0;left:0;border-radius:var(--kefa-rd-4);}
.form-check input[type=checkbox] ~ label:after{z-index:4;opacity:0;top:0;left:0;width:var(--kefa-rdo-size-md);height:var(--kefa-rdo-size-md);border-radius:var(--kefa-rd-4);}
.form-check input[type=checkbox]:checked ~ label:before{border-color:var(--kefa-primary);background-color:var(--kefa-primary);}
.form-check input[type=checkbox]:checked ~ label:after{content:"\EB7B";display:flex;justify-content:center;align-items:center;opacity:1;border:transparent;transition-delay:0.2s;font-family:"remixicon";color:var(--kefa-white)}
.form-check input[type=checkbox]:disabled ~ label{color:var(--kefa-gray-50);cursor:default;}
.form-check input[type=checkbox]:checked:disabled ~ label:after{color:var(--kefa-gray-40);}

.form-check input[type=radio]:disabled ~ label:before,
.form-check input[type=checkbox]:disabled ~ label:before,
.form-check input[type=radio]:checked:disabled ~ label:before,
.form-check input[type=checkbox]:checked:disabled ~ label:before{border-color:var(--kefa-gray-40);background-color:var(--kefa-gray-20);}

.form-check input[type=radio]:disabled ~ label:after,
.form-check input[type=checkbox]:disabled ~ label:after{display:none;}
.form-check input[type=radio]:checked:disabled ~ label:after{display:block;background-color:var(--kefa-gray-40);color:var(--kefa-gray-40);}
.form-check input[type=checkbox]:checked:disabled ~ label:after{display:flex;color:var(--kefa-gray-40);}

.form-check.ico-only{display:inline-flex;vertical-align:middle;}
.form-check.ico-only > [type=checkbox] ~ label{padding-left:var(--kefa-chk-size-md) !important;}
.form-check.ico-only > [type=radio] ~ label{padding-left:var(--kefa-rdo-size-md) !important;}

.form-check.check-only{display:inline-flex;vertical-align:middle;}
.form-check.check-only > [type=checkbox] ~ label{padding:0 !important;}
.form-check.check-only > [type=radio] ~ label{padding:0 !important;}

.form-check.sm.check-only{width:var(--kefa-rdo-size-sm);height:var(--kefa-rdo-size-sm);}
.form-check.md.check-only{width:var(--kefa-rdo-size-md);height:var(--kefa-rdo-size-md);}
.form-check.lg.check-only{width:var(--kefa-rdo-size-lg);height:var(--kefa-rdo-size-lg);}

.chk-area.gray [type=radio]:checked ~ label:before,.chk-area.gray [type=checkbox]:checked ~ label:before{border-color:var(--kefa-gray-50)}
.chk-area.gray [type=radio]:checked ~ label:after{background-color:var(--kefa-gray-50);}
.chk-area.gray [type=checkbox]:checked ~ label:before{border-color:var(--kefa-gray-50);background-color:var(--kefa-gray-50);}
.chk-area.success [type=radio]:checked ~ label:before,.chk-area.success [type=checkbox]:checked ~ label:before{border-color:var(--kefa-success-50)}
.chk-area.success [type=radio]:checked ~ label:after{background-color:var(--kefa-success-50);}
.chk-area.success [type=checkbox]:checked ~ label:before{border-color:var(--kefa-success-50);background-color:var(--kefa-success-50);}

.chk-area.sm [type=radio] ~ label,.chk-area.sm [type=checkbox] ~ label{position:relative;display:inline-flex;min-height:var(--kefa-rdo-size-sm);padding-left:calc(var(--kefa-rdo-size-sm) + var(--kefa-spacer-2));font-size:var(--kefa-fz-body-sm);}
.chk-area.sm [type=radio] ~ label:before,.chk-area.sm [type=radio] ~ label:after,.chk-area.sm [type=checkbox] ~ label:before,.chk-area.sm [type=checkbox] ~ label:after{width:var(--kefa-rdo-size-sm);height:var(--kefa-rdo-size-sm)}
.chk-area.sm [type=radio] ~ label:after{top:3px;left:3px;width:calc(var(--kefa-rdo-size-sm) - 6px);height:calc(var(--kefa-rdo-size-sm) - 6px);}
.chk-area.sm [type=checkbox] ~ label:before,.chk-area.sm [type=checkbox] ~ label:after{border-radius:var(--kefa-rd-4);}
.chk-area.sm [type=checkbox] ~ label:after{width:var(--kefa-rdo-size-sm);height:var(--kefa-rdo-size-sm);}

.chk-area.lg [type=radio] ~ label,.chk-area.lg [type=checkbox] ~ label{position:relative;display:inline-flex;min-height:var(--kefa-rdo-size-lg);padding-left:calc(var(--kefa-rdo-size-lg) + var(--kefa-spacer-3));font-size:var(--kefa-fz-body-lg)}
.chk-area.lg [type=radio] ~ label:before,.chk-area.lg [type=radio] ~ label:after,.chk-area.lg [type=checkbox] ~ label:before,.chk-area.lg [type=checkbox] ~ label:after{width:var(--kefa-rdo-size-lg);height:var(--kefa-rdo-size-lg)}
.chk-area.lg [type=radio] ~ label:after{top:5px;left:5px;width:calc(var(--kefa-rdo-size-lg) - 10px);height:calc(var(--kefa-rdo-size-lg) - 10px);}
.chk-area.lg [type=checkbox] ~ label:before,.chk-area.lg [type=checkbox] ~ label:after{border-radius:var(--kefa-rd-4);}
.chk-area.lg [type=checkbox] ~ label:after{width:var(--kefa-rdo-size-lg);height:var(--kefa-rdo-size-lg);}

.chk-group-area > *{width:100%;}
.chk-group-area .chk-all-wrap{display:flex;align-items:center;justify-content:space-between;flex-direction:row;color:var(--kefa-gray-90);}
.chk-group-area .chk-all-wrap .form-group{width:auto;}
.chk-group-area .chk-group-wrap{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--kefa-spacer-6);}
.chk-group-area .chk-group-wrap > li{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--kefa-spacer-6);width:100%;padding:var(--kefa-spacer-6);border:1px solid var(--kefa-gray-40);border-radius:var(--kefa-rd-12)}
.chk-group-area .chk-group-wrap > li .btn{color:var(--kefa-gray-90);}
.chk-group-area .chk-group-wrap > li.checked{border-color:var(--kefa-primary);}
.chk-group-area .chk-group-wrap > li.disabled{background-color:var(--kefa-gray-5);border-color:var(--kefa-gray-30);}
.chk-group-area .chk-group-wrap > li.disabled .btn{color:var(--kefa-gray-50);}

.chk-group-area .chk-group-wrap [type=radio] + label,.chk-group-area .chk-group-wrap [type=checkbox] + label{flex-direction:column;width:100%;padding-left:calc(var(--kefa-rdo-size-md) + var(--kefa-spacer-2));}
.chk-group-area .chk-group-wrap [type=radio] + label .tit,.chk-group-area .chk-group-wrap [type=checkbox] + label .tit{font-weight:700;color:var(--kefa-gray-90);}
.chk-group-area .chk-group-wrap [type=radio] + label .tit + .conts-desc,.chk-group-area .chk-group-wrap [type=checkbox] + label .tit + .conts-desc{margin-top:var(--kefa-spacer-4);}
.chk-group-area .chk-group-wrap [type=radio]:disabled + label,.chk-group-area .chk-group-wrap [type=checkbox]:disabled + label{color:var(--kefa-gray-50);}
.chk-group-area .chk-group-wrap [type=radio]:disabled + label .tit,.chk-group-area .chk-group-wrap [type=checkbox]:disabled + label .tit{color:inherit;}
.chk-group-area .chk-group-wrap .btn-wrap{width:initial;margin-left:calc(var(--kefa-rdo-size-md) + var(--kefa-spacer-2));}

.chip-wrap{display:flex;flex-wrap:wrap;align-items:flex-start;flex-direction:row;gap:var(--kefa-spacer-2);}
.chip-wrap .form-chip [type=radio]:not(:checked) ~ label::before{display:none;}
.chip-wrap .form-chip [type=radio] ~ label{justify-content:center;width:100%;padding:0;}
.form-chip [type=radio] ~ label,.form-chip [type=checkbox] ~ label{display:inline-flex;align-items:center;border-width:1px;border-style:solid;border-color:var(--kefa-gray-40);}
.form-chip [type=radio]:focus ~ label,.form-chip [type=checkbox]:focus ~ label{border-color:var(--kefa-primary);}
.form-chip [type=radio]:checked ~ label,.form-chip [type=checkbox]:checked ~ label{background-color:var(--kefa-primary-5);border-color:var(--kefa-primary);color:var(--kefa-primary-60);}
.form-chip [type=radio]:disabled ~ label,.form-chip [type=checkbox]:disabled ~ label{pointer-events:none;background-color:var(--kefa-gray-30);border-color:var(--kefa-gray-40);color:var(--kefa-gray-60);}

/* **** radio :chip type **** */
.form-chip [type=radio] ~ label::before{display:inline-flex;align-items:center;content:"\EB7B";font-family:"remixicon";}
.form-chip.md [type=radio]:focus ~ label{border-radius:var(--kefa-btn-rd-md);}
.form-chip.sm [type=radio]:focus ~ label{border-radius:var(--kefa-btn-rd-sm);}

/* **** checkbox :chip type **** */
.form-chip [type=checkbox] ~ label::before{display:inline-flex;align-items:center;content:"\EB7B";font-family:"remixicon";}
.form-chip.md [type=checkbox]:focus ~ label{border-radius:var(--kefa-btn-rd-md);}
.form-chip.sm [type=checkbox]:focus ~ label{border-radius:var(--kefa-btn-rd-sm);}

.form-chip [type=radio] ~ label{gap:var(--kefa-input-gap-md);height:var(--kefa-input-h-md);padding:var(--kefa-btn-px-md);border-radius:var(--kefa-btn-rd-md);font-size:var(--kefa-fz-body-md);}
.form-chip.sm [type=radio] ~ label{gap:var(--kefa-input-gap-sm);height:var(--kefa-input-h-sm);padding:var(--kefa-btn-px-sm);border-radius:var(--kefa-btn-rd-sm);font-size:var(--kefa-fz-body-sm);}
.form-chip.md [type=radio] ~ label{gap:var(--kefa-input-gap-md);height:var(--kefa-input-h-md);padding:var(--kefa-btn-px-md);border-radius:var(--kefa-btn-rd-md);font-size:var(--kefa-fz-body-md);}
.form-chip.lg [type=radio] ~ label{gap:var(--kefa-input-gap-lg);height:var(--kefa-input-h-lg);padding:var(--kefa-btn-px-lg);border-radius:var(--kefa-btn-rd-lg);font-size:var(--kefa-fz-body-lg);}

.form-chip [type=checkbox] ~ label{gap:var(--kefa-input-gap-lg);height:var(--kefa-input-h-lg);padding:var(--kefa-btn-px-lg);border-radius:var(--kefa-btn-rd-lg);font-size:var(--kefa-fz-body-lg);}
.form-chip.sm [type=checkbox] ~ label{gap:var(--kefa-input-gap-sm);height:var(--kefa-input-h-sm);padding:var(--kefa-btn-px-sm);border-radius:var(--kefa-btn-rd-sm);font-size:var(--kefa-fz-body-sm);}
.form-chip.md [type=checkbox] ~ label{gap:var(--kefa-input-gap-md);height:var(--kefa-input-h-md);padding:var(--kefa-btn-px-md);border-radius:var(--kefa-btn-rd-md);font-size:var(--kefa-fz-body-md);}
.form-chip.lg [type=checkbox] ~ label{gap:var(--kefa-input-gap-lg);height:var(--kefa-input-h-lg);padding:var(--kefa-btn-px-lg);border-radius:var(--kefa-btn-rd-lg);font-size:var(--kefa-fz-body-lg);}

.is-error .form-control{border-color:var(--kefa-point);border-width:2px;}

/* **** checkbox :switch type **** */
.form-switch{display:inline-flex;align-items:center;position:relative;}
.form-switch label{display:inline-flex;font-size:var(--kefa-fz-body-md);}
.form-switch [type=checkbox] ~ i{display:inline-flex;align-items:center;}
.form-switch [type=checkbox] ~ i::before, .form-switch [type=checkbox] ~ i::after{display:inline-flex;content:"";}
.form-switch [type=checkbox] ~ i::before{position:absolute;left:var(--kefa-switch-br);width:var(--kefa-switch-b-md);height:var(--kefa-switch-b-md);border-radius:var(--kefa-switch-rd);background-color:var(--kefa-white);transition:all 0.3s;}
.form-switch [type=checkbox] ~ i::after{width:var(--kefa-switch-w-md);height:var(--kefa-switch-h-md);border-radius:var(--kefa-switch-rd);background-color:var(--kefa-secondary-20);}
.form-switch [type=checkbox] ~ label{z-index:1;padding-left:calc(var(--kefa-switch-w-md) + var(--kefa-switch-pd));margin-left:calc(var(--kefa-switch-w-md) * -1);font-size:var(--kefa-fz-body-md);}
.form-switch [type=checkbox]:checked ~ i::before{position:absolute;left:calc(var(--kefa-switch-w-md) - var(--kefa-switch-b-md) - var(--kefa-switch-br));}
.form-switch [type=checkbox]:checked ~ i::after{background-color:var(--kefa-primary);}
.form-switch [type=checkbox]:disabled ~ i::before{border-color:var(--kefa-gray-20);background-color:var(--kefa-gray-40);}
.form-switch [type=checkbox]:disabled ~ i::after{background-color:var(--kefa-gray-20);}
.form-switch [type=checkbox]:disabled ~ label{color:var(--kefa-gray-50);cursor:inherit;}

.form-switch.sm [type=checkbox] ~ i::before{width:var(--kefa-switch-b-sm);height:var(--kefa-switch-b-sm);border-radius:var(--kefa-switch-rd);}
.form-switch.sm [type=checkbox] ~ i::after{width:var(--kefa-switch-w-sm);height:var(--kefa-switch-h-sm);}
.form-switch.sm [type=checkbox] ~ label{padding-left:calc(var(--kefa-switch-w-sm) + var(--kefa-switch-pd));margin-left:calc(var(--kefa-switch-w-sm) * -1);font-size:var(--kefa-fz-body-sm);}
.form-switch.sm [type=checkbox]:checked ~ i::before{position:absolute;left:calc(var(--kefa-switch-w-sm) - var(--kefa-switch-b-sm) - var(--kefa-switch-br));}
.form-switch.lg [type=checkbox] ~ i::before{width:var(--kefa-switch-b-lg);height:var(--kefa-switch-b-lg);border-radius:var(--kefa-switch-rd);}
.form-switch.lg [type=checkbox] ~ i::after{width:var(--kefa-switch-w-lg);height:var(--kefa-switch-h-lg);}
.form-switch.lg [type=checkbox] ~ label{padding-left:calc(var(--kefa-switch-w-lg) + var(--kefa-switch-pd));margin-left:calc(var(--kefa-switch-w-lg) * -1);font-size:var(--kefa-fz-body-lg);}
.form-switch.lg [type=checkbox]:checked ~ i::before{position:absolute;left:calc(var(--kefa-switch-w-lg) - var(--kefa-switch-b-lg) - var(--kefa-switch-br));}

.file-upload{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--kefa-spacer-3);padding:var(--kefa-spacer-3);border-radius:var(--kefa-btn-rd-md);border:0.1rem dashed var(--kefa-gray-40);background-color:var(--kefa-gray-10);}
.file-upload .txt{font-size:var(--kefa-fz-body-md);text-align:center;}
.file-upload-result{margin-top:var(--kefa-spacer-3);}
.file-upload-result .upload-top{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;}
.file-upload-result .upload-top .file-total{flex:1;font-weight:700;}
.file-upload-result .upload-top .file-total .current{color:var(--kefa-primary);}
.file-upload-result .upload-list{display:flex;align-items:normal;justify-content:flex-start;flex-direction:column;gap:var(--kefa-spacer-4);margin-top:var(--kefa-spacer-6);}
.file-upload-result .upload-list > li{padding:var(--kefa-spacer-3) var(--kefa-spacer-4);border-radius:var(--kefa-rd-6);border:0.1rem solid var(--kefa-gray-30);}
.file-upload-result .upload-list > li.is-error{border:0.2rem solid var(--kefa-danger);background-color:var(--kefa-point-5);}
.file-upload-result .upload-list > li.is-error .file-hint{color:var(--kefa-danger);}
.file-upload-result .upload-list .in{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--kefa-spacer-4);}
.file-upload-result .upload-list .in > div{display:inline-flex;}
.file-upload-result .upload-list .in .file-name{flex:1;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.file-upload-result .upload-list .in .file-btn{gap:var(--kefa-spacer-4);}
.file-upload-result .upload-list .in .ico-invalid{display:inline-flex;width:2.4rem;height:2.4rem}
.file-upload-result .upload-list .in .ico-invalid::after{content:"";display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;font-family:"remixicon";color:inherit;}
.file-upload-result .upload-list .in .ico-invalid.error{content:"\ECA0";color:var(--kefa-danger);}
.file-upload-result .upload-list .in .ico-invalid.ok{content:"\EB80";color:var(--kefa-primary);}
.file-upload-result .upload-list .file-hint{padding-top:var(--kefa-spacer-4);margin-top:var(--kefa-spacer-4);border-top:0.1rem solid var(--kefa-gray-30);}

.filebox{}
.filebox .form-upload{display:flex;width:100%}
.filebox input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.filebox input[type="text"]{width:calc(100% - 10.5rem)}
.filebox input[type="text"] ~ label{width:10rem;margin-left:0.5rem}
.filebox.required [type="text"],.filebox [type="text"]:required{border-color:var(--kefa-primary-30);background-color:var(--kefa-primary-2)}
.filebox .upload-display{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;margin-top:0.5rem}
.filebox .upload-display img{max-width:100%;width:60px;height:auto;}
.filebox .file_del{margin-top:1rem}
.filebox .file_del+.file_del{margin-top:0.5rem}

/* input style */
[type="text"],[type="password"],[type="number"],[type="email"],[type="search"],.form-input{width:100%;height:var(--kefa-input-h-md);padding:var(--kefa-btn-px-md);background-color:var(--kefa-white);border:1px solid var(--kefa-gray-40);border-radius:var(--kefa-btn-rd-md);font-family:inherit;font-size:var(--kefa-fz-body-md);color:var(--kefa-gray-90);opacity:1;vertical-align:middle;}
[type="text"]:focus,[type="password"]:focus,[type="number"]:focus,[type="email"]:focus,[type="search"]:focus,.form-input:focus{border-color:var(--kefa-primary)}
[type="text"]:disabled,[type="password"]:disabled,[type="number"]:disabled,[type="email"]:disabled,[type="search"]:disabled,.form-input[disabled]{background-color:var(--kefa-gray-10);border-color:var(--kefa-gray-40);color:var(--kefa-gray-60);}
.form-input.error,.is-error .form-input{border-color:var(--kefa-point);border-width:2px;}
[type="text"]:required,[type="password"]:required,[type="number"]:required,[type="email"]:required,[type="search"]:required,.required[type="text"],.required[type="password"],.required[type="number"],.required[type="email"],.required[type="search"],.form-input[required]{border-color:var(--kefa-primary-30);background-color:var(--kefa-primary-2)}

[type="text"].xsm,[type="password"].xsm,[type="number"].xsm,[type="email"].xsm,[type="search"].xsm,.form-input.xsm{height:var(--kefa-input-h-xsm);padding:var(--kefa-btn-px-xsm);border-radius:var(--kefa-btn-rd-xsm);font-size:var(--kefa-fz-body-xsm);}
[type="text"].sm,[type="password"].sm,[type="number"].sm,[type="email"].sm,[type="search"].sm,.form-input.sm{height:var(--kefa-input-h-sm);padding:var(--kefa-btn-px-sm);border-radius:var(--kefa-btn-rd-sm);font-size:var(--kefa-fz-body-sm);}
[type="text"].md,[type="password"].md,[type="number"].md,[type="email"].md,[type="search"].md,.form-input.md{height:var(--kefa-input-h-md);padding:var(--kefa-btn-px-md);border-radius:var(--kefa-btn-rd-md);font-size:var(--kefa-fz-body-md);}
[type="text"].lg,[type="password"].lg,[type="number"].lg,[type="email"].lg,[type="search"].lg,.form-input.lg{height:var(--kefa-input-h-lg);padding:var(--kefa-btn-px-lg);border-radius:var(--kefa-btn-rd-lg);font-size:var(--kefa-fz-body-lg);}

[type="date"],.hasDatepicker{width:100%;height:var(--kefa-input-h-md);padding:var(--kefa-btn-px-md);background-color:var(--kefa-white);border:1px solid var(--kefa-gray-40);border-radius:var(--kefa-btn-rd-md);font-family:inherit;font-size:var(--kefa-fz-body-md);color:var(--kefa-gray-90);opacity:1;}
[type="date"].xsm,.hasDatepicker.xsm{height:var(--kefa-input-h-xsm);padding:var(--kefa-btn-px-xsm);border-radius:var(--kefa-btn-rd-xsm);font-size:var(--kefa-fz-body-xsm);}
[type="date"].sm,.hasDatepicker.sm{height:var(--kefa-input-h-sm);padding:var(--kefa-btn-px-sm);border-radius:var(--kefa-btn-rd-sm);font-size:var(--kefa-fz-body-sm);}
[type="date"].md,.hasDatepicker.md{height:var(--kefa-input-h-md);padding:var(--kefa-btn-px-md);border-radius:var(--kefa-btn-rd-md);font-size:var(--kefa-fz-body-md);}
[type="date"].lg,.hasDatepicker.lg{height:var(--kefa-input-h-lg);padding:var(--kefa-btn-px-lg);border-radius:var(--kefa-btn-rd-lg);font-size:var(--kefa-fz-body-lg);}

[type="date"]:focus,[type="date"]:focus-visible{border-color:var(--kefa-primary)!important;outline:1px solid var(--kefa-primary)!important;box-shadow:0 0 0 0.5rem rgba(192, 217, 16, 0.25);}
[type="date"]:required,.required[type="date"]{border-color:var(--kefa-primary-30);background-color:var(--kefa-primary-2)}

/* select style */
select,.form-select{width:100%;height:var(--kefa-input-h-md);padding:var(--kefa-select-px-md);background-color:var(--kefa-white);border:1px solid var(--kefa-gray-40);border-radius:var(--kefa-btn-rd-md);background-image:url(/img/common/ico_select_md.svg);background-repeat:no-repeat;background-position:center right var(--kefa-select-rn-md);font-family:inherit;font-size:var(--kefa-fz-body-md);color:var(--kefa-gray-90);opacity:1;}
select:focus,.form-select:focus{border-color:var(--kefa-primary)}
select:disabled,.form-select[disabled]{background-color:var(--kefa-gray-10);border-color:var(--kefa-gray-40);color:var(--kefa-gray-60);}
.form-select.error,.is-error .form-select{border-color:var(--kefa-point);border-width:2px;}
select:required,select.required,.form-select[required]{border-color:var(--kefa-primary-30) !important;background-color:var(--kefa-primary-2) !important;}

select.xsm,.form-select.xsm{height:var(--kefa-input-h-xsm);padding:var(--kefa-select-px-xsm);border-radius:var(--kefa-btn-rd-xsm);background-image:url(/img/common/ico_select_sm.svg);background-position:center right var(--kefa-select-rn-xsm);font-size:var(--kefa-fz-body-xsm);}
select.sm,.form-select.sm{height:var(--kefa-input-h-sm);padding:var(--kefa-select-px-sm);border-radius:var(--kefa-btn-rd-sm);background-image:url(/img/common/ico_select_sm.svg);background-position:center right var(--kefa-select-rn-sm);font-size:var(--kefa-fz-body-sm);}
select.md,.form-select.md{height:var(--kefa-input-h-md);padding:var(--kefa-select-px-md);border-radius:var(--kefa-btn-rd-md);background-image:url(/img/common/ico_select_md.svg);background-position:center right var(--kefa-select-rn-md);font-size:var(--kefa-fz-body-md);}
select.lg,.form-select.lg{height:var(--kefa-input-h-lg);padding:var(--kefa-select-px-lg);border-radius:var(--kefa-btn-rd-lg);background-image:url(/img/common/ico_select_lg.svg);background-position:center right var(--kefa-select-rn-lg);font-size:var(--kefa-fz-body-lg);}

textarea{width:100%;height:var(--kefa-input-h-md);padding:var(--kefa-btn-px-md);background-color:var(--kefa-white);border:1px solid var(--kefa-gray-40);border-radius:var(--kefa-btn-rd-md);font-family:inherit;font-size:var(--kefa-fz-body-md);color:var(--kefa-gray-90);opacity:1;}
textarea:focus{border-color:var(--kefa-primary)}
textarea:disabled{background-color:var(--kefa-gray-10);border-color:var(--kefa-gray-40);color:var(--kefa-gray-60);}
textarea.error,.is-error textarea{border-color:var(--kefa-point);border-width:2px;}
textarea:required{border-color:var(--kefa-primary-30);background-color:var(--kefa-primary-2)}
textarea[data-id="content"]{width:100%;height:var(--kefa-input-h-md);min-height:var(--kefa-input-h-md);margin:0;padding:var(--kefa-btn-px-md);background-color:var(--kefa-white);border:1px solid var(--kefa-gray-40);border-radius:var(--kefa-btn-rd-md);font-family:inherit;font-size:var(--kefa-fz-body-md);color:var(--kefa-gray-90);opacity:1;}

.listCount{margin-left:0.5rem;padding:1px 5px;border-radius:10px;background-color:var(--kefa-success-90);font-size:var(--kefa-fz-link-xxsm);font-weight:700;color:var(--kefa-white)}
.listCount2{margin-left:0.5rem;padding:2px 5px;border-radius:10px;background-color:var(--kefa-success-90);font-size:var(--kefa-fz-link-xsm);font-weight:700;color:var(--kefa-white)}
.listCount3{margin-left:0.5rem;padding:3px 5px;border-radius:10px;background-color:var(--kefa-success-90);font-size:var(--kefa-fz-link-sm);font-weight:700;color:var(--kefa-white)}

.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.txticoArea,.txticoArea2,.txticoArea3,.txticoArea4{display:flex;align-items:center;width:100%;}
.txticoArea>.icoArea,.txticoArea2>.icoArea,.txticoArea3>.icoArea,.txticoArea4>.icoArea{text-align:center}
.txticoArea>.icoArea a,.txticoArea2>.icoArea a,.txticoArea3>.icoArea a,.txticoArea4>.icoArea a{display:inline-block;margin-right:-4px;padding:var(--kefa-spacer-2) !important}
.txticoArea>.icoArea span.btn-txt,.txticoArea2>.icoArea span.btn-txt,.txticoArea3>.icoArea span.btn-txt,.txticoArea4>.icoArea span.btn-txt{display:inline-block;margin-right:-4px;padding:var(--kefa-spacer-2) !important}
.txticoArea>.icoArea+.txt,.txticoArea2>.icoArea+.txtArea,.txticoArea3>.icoArea+.txtArea,.txticoArea4>.icoArea+.txtArea{padding-left:0 !important}
.txticoArea>.txtArea{width:calc(100% - 30px)}
.txticoArea>.icoArea{width:30px}
.txticoArea2>.txtArea{width:calc(100% - 60px)}
.txticoArea2>.icoArea{width:60px}
.txticoArea3>.txtArea{width:calc(100% - 90px)}
.txticoArea3>.icoArea{width:90px}
.txticoArea4>.txtArea{width:calc(100% - 120px)}
.txticoArea4>.icoArea{width:120px}

.inputbtnArea{display:flex;align-items:center;width:100%;}
.inputbtnArea>.inputArea{width:calc(100% - 45px)}
.inputbtnArea>.btnArea{width:40px;margin-left:5px;text-align:right}

.row{--kefa-gutter-x:1.5rem;--kefa-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--kefa-gutter-y));margin-right:calc(-0.5 * var(--kefa-gutter-x));margin-left:calc(-0.5 * var(--kefa-gutter-x));}
.row > * {flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--kefa-gutter-x) * 0.5);padding-left:calc(var(--kefa-gutter-x) * 0.5);margin-top:var(--kefa-gutter-y);}
.col{flex:1 0 0%;}
.row-cols-auto > * {flex:0 0 auto;width:auto;}

.dp-block{display:block !important}
.dp-inlineblock{display:inline-block !important}
.dp-inlineblock li{display:inline-block}

.maxw-110{max-width:110px}
.maxw-120{max-width:120px}
.maxw-150{max-width:150px}
.w-100{width:100px}
.w-120{width:120px}
.w-150{width:150px}
.w-100per{width:100% !important}

.mt-0{margin-top:0 !important}
.mt-5{margin-top:5px !important}
.mt-10{margin-top:10px !important}
.mr-10{margin-right:10px !important}
.ml-20{margin-left:20px !important}
.pt-5{padding-top:5px !important}
.pb-5{padding-bottom:5px !important}

/* 긴급 bcolor-point */
.bcolor-point,.tbl tbody tr.bcolor-point th,.tbl tbody tr.bcolor-point td{background-color:var(--kefa-point-5)}
.tbl tbody tr.bcolor-point:hover td,.tbl tbody tr.bcolor-point:focus td{background-color:var(--kefa-point-6)}
/* 기한임박 bcolor-success */
.bcolor-success,.tbl tbody tr.bcolor-point th,.tbl tbody tr.bcolor-success td{background-color:var(--kefa-success-5)}
.tbl tbody tr.bcolor-success:hover td,.tbl tbody tr.bcolor-success:focus td{background-color:var(--kefa-success-6)}

.color-white{color:var(--kefa-white)}
.color-black{color:var(--kefa-black)}
.color-primary{color:var(--kefa-primary)}
.color-secondary{color:var(--kefa-secondary)}
.color-point{color:var(--kefa-point)}
.color-danger{color:var(--kefa-danger)}
.color-warning{color:var(--kefa-warning)}
.color-success{color:var(--kefa-success)}

/* 오늘 날짜를 강조하는 스타일 */
.ui-datepicker .today-highlight a {
    background-color: #ffcc00 !important; /* 노란색 배경 */
    color: #000000 !important; /* 검은색 텍스트 */
    font-weight: bold; /* 글자 굵게 */
}

.img img{min-width:100%;max-width:100%;}
.img.bg-img{background-size:cover;}
.blind,hr,.sr-only,.sound_only,legend,caption{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}
.hide{display:none !important;}
.show{display:block !important;}
.al,.align-left{text-align:left !important;}
.ac,.align-center{text-align:center !important;}
.ar,.align-right{text-align:right !important;}
.vat,.valign-top{vertical-align:top !important;}
.vam,.valign-middle{vertical-align:middle !important;}
.vab,.valign-bottom{vertical-align:bottom !important;}
.fl{float:left !important;}
.fr{float:right !important;}
.clearfix::after{display:block;clear:both;content: "";}