@charset "UTF-8";

.fieldset{display:flex; flex-direction:column; gap:var(--krds-spacer-6);}

.form-group{display:flex; width:100%; flex-direction:column; gap:var(--krds-spacer-3);}
.form-group .form-tit{width:100%;}
.form-group .form-conts{display:flex; width:100%; flex-direction:column; gap:var(--krds-spacer-3);}
.form-group .form-conts.keyword-sch{width:58.8rem;}
.form-group .form-conts .form-label{display:flex; width:100%; font-size:var(--krds-fz-label-sm);}
.form-group .form-conts.btn-ico-wrap{position:relative;}
.form-group .form-conts.btn-ico-wrap .form-control{padding-right:var(--krds-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(--krds-gray-70);}
.form-group > p{width:100%;}
.form-group [class^=form-hint]{padding-left:calc(2rem + var(--krds-spacer-1)); color:var(--krds-gray-70); font-size:var(--krds-fz-label-sm);}
.form-group [class^=form-hint]::before{display:inline-flex; width:2rem; height:2rem; margin-right:var(--krds-spacer-1); margin-left:calc((2rem + var(--krds-spacer-1)) * -1); background:url(../../img/component/ico_hint_20.svg) no-repeat center; background-size:contain; content:""; vertical-align:top; flex-shrink:0; flex-grow:0;}
.form-group .is-error ~ .form-hint-invalid{color:var(--krds-point);}
.form-group .is-error ~ .form-hint-invalid::before{background-image:url(../../img/component/ico_hint_error.svg); background-repeat:no-repeat; background-position:center; background-size:contain; background-color:transparent;}

.form-checks-inline{display:flex; gap:1.2rem;}

.input-group{display:flex; /*width:100%;*/ align-items:center; gap:1rem;}
.input-group.range{position:relative; align-items:flex-end;}
.input-group.range > li:not(.mark){display:flex; min-width:0; align-items:flex-start; justify-content:flex-start; flex-direction:column; flex:1 1 0; gap:1.2rem;}
.input-group.range > li.mark{display:flex; height:var(--krds-input-h-lg); text-align:center; align-items:center; justify-content:flex-start; flex-direction:row; flex:none;}
.datepicker-input.md .input-group.range > li.mark{height:4.8rem;}
.input-group.range > li.mark.md{height:var(--krds-input-h-md);}
.input-group.range > li.mark.sm{height:var(--krds-input-h-sm);}
.input-group.range.set{padding-right:4.8rem; border:0.1rem solid var(--krds-gray-60); border-radius:var(--krds-input-rd-lg); background-color:var(--krds-white);}
.datepicker-input.md .input-group.range.set{gap:0;width: 28rem;}
.input-group.range.set .form-control{border-color:transparent; background-color:transparent;}
.input-group.range.set::after{position:absolute; top:50%; right:1.6rem; width:2.4rem; height:2.4rem; background:url(../../img/component/ico_calendar.svg) no-repeat; background-size:contain; content:""; transform:translateY(-50%);}

.row .input-group{flex-direction:column;}
.row .input-group.range > li{width:100%;}

.radio ~ .form-chip-outline,
.checkbox ~ .form-chip-outline{display:inline-flex; border-width:0.1rem; border-style:solid; border-color:var(--krds-gray-40); align-items:center;}
.radio:focus ~ .form-chip-outline,
.checkbox:focus ~ .form-chip-outline{border-color:var(--krds-primary);}
.radio:checked ~ .form-chip-outline,
.checkbox:checked ~ .form-chip-outline{border-color:var(--krds-information); background-color:var(--krds-primary-5); color:var(--krds-primary-60);}
.radio:disabled ~ .form-chip-outline,
.checkbox:disabled ~ .form-chip-outline{border-color:var(--krds-gray-40); background-color:var(--krds-gray-30); color:var(--krds-gray-60); pointer-events:none;}

.sch-form-wrap{display:flex; align-items:center; justify-content:flex-start; flex-direction:row; gap:1rem;}
.sch-form-wrap.vert{display:flex; align-items:flex-start; justify-content:flex-start; flex-direction:column;}
.sch-form-wrap.vert .sch-input{width:100%;}
.sch-form-wrap .input-group .form-select{width:auto;}
.sch-form-wrap .btn-txt.ico-sch1::before{width:2.4rem; height:2.4rem;}

.sch-input{display:flex;position:relative;width: 100%;}
.sch-input .form-control{padding:0 var(--krds-spacer-12) 0 var(--krds-spacer-4);}
.sch-input .form-control ~ .ico-sch{width:2.4rem;height: 2.4rem !important;}
.sch-input .ico-sch{position:absolute;top: calc(50% - 1.2rem);right:var(--krds-spacer-4);background-size: 2.4rem;}
.sch-input .form-control.xlg{padding:0 var(--krds-spacer-18) 0 var(--krds-spacer-6); font-weight:700;}
.sch-input .form-control.xlg ~ .ico-sch{top:calc(50% - 2rem); right:var(--krds-spacer-6); width:4rem; height:4rem !important; background-size:4rem;}

@media (max-width:599px){
  .form-group .form-conts.keyword-sch{width:100%;}
  .sch-form-wrap{flex-direction:column; align-items:flex-start;}
  .sch-form-wrap > div{width:100%;}
  .sch-form-wrap > div select{width:100%;}
  .sch-input .form-control.xlg{padding:0 var(--krds-spacer-12) 0 var(--krds-spacer-4);}
  .sch-input .form-control.xlg ~ .ico-sch{top:calc(50% - 1.2rem); right:var(--krds-spacer-4); width:2.4rem; height:2.4rem !important; background-size:2.4rem;}
}

.form-control{position:relative; width:100%; height:var(--krds-input-h-lg); padding:0 var(--krds-input-px-lg); border:0.1rem solid var(--krds-gray-60); border-radius:var(--krds-input-rd-lg); background-color:var(--krds-white); color:var(--krds-gray-90); font-size:var(--krds-input-fz-lg); font-family:inherit; /* transition:0.4s ease-in-out;*/}
.form-control.cal{background:url(../../img/component/ico_calendar.svg) no-repeat right 1.6rem top 50%; background-size:2.4rem;}
.form-control:focus{padding:0 1.5rem; border-width:0.2rem; border-color:var(--krds-primary); outline:none;}
.form-control[readonly]{border-color:var(--krds-gray-40); background-color:var(--krds-gray-30); color:var(--krds-gray-70);}
.form-control[readonly].datepicker{border-color:var(--krds-gray-60); background-color:var(--krds-white); color:var(--krds-gray-90);}
.form-control[readonly]::-webkit-input-placeholder{color:var(--krds-gray-60);}
.form-control[readonly]::-moz-placeholder{color:var(--krds-gray-60);}
.form-control[readonly]:-ms-input-placeholder{color:var(--krds-gray-60);}
.form-control[readonly]::-ms-input-placeholder{color:var(--krds-gray-60);}

.form-control[disabled]{border-color:var(--krds-gray-40); background-color:var(--krds-gray-30); color:var(--krds-gray-60);}
.form-control[disabled]::-webkit-input-placeholder{color:var(--krds-gray-60);}
.form-control[disabled]::-moz-placeholder{color:var(--krds-gray-60);}
.form-control[disabled]:-ms-input-placeholder{color:var(--krds-gray-60);}
.form-control[disabled]::-ms-input-placeholder{color:var(--krds-gray-60);}

.error .form-control,
.error.form-control,
.error .form-control:focus,
.error.form-control:focus{border-width:0.2rem; border-color:var(--krds-point);}

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

.error .validation-chk,
.error .form-info{color:var(--krds-danger);}

textarea.form-control{height:var(--krds-spacer-50); padding:var(--krds-spacer-4); 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{width:100%; margin-top:var(--krds-spacer-3); font-size:var(--krds-fz-label-sm); text-align:right;}
.textarea-count .text-num{margin-left:var(--krds-spacer-default2);}

input[type=number]{margin:0; -moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{margin:0; -webkit-appearance:none;}
input[type=text]::-ms-clear{display:none;}

/* placeholder style */
.form-control::-webkit-input-placeholder{color:var(--krds-gray-50);}
.form-control::-moz-placeholder{color:var(--krds-gray-50);}
.form-control:-ms-input-placeholder{color:var(--krds-gray-50);}
.form-control::-ms-input-placeholder{color:var(--krds-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;flex-shrink: 0;max-width:100%;}
.datepicker-input .form-control{background-image:none;}
.datepicker-input .range .form-control{}
.datepicker-input .range .form-control:focus{padding-right:1.5rem;}
.datepicker-input.md .range .form-control{height:4.8rem; padding-right:3.2rem; font-size:1.7rem;}
.datepicker-input .form-btn-datepicker{position:absolute; top:50%; right:0.8rem; width:4rem; height:4rem; padding:var(--krds-spacer-4); background:url(../../img/component/ico_calendar.svg) no-repeat center; background-size:2.4rem; transform:translateY(-50%);}
.datepicker-input.md .form-btn-datepicker{background-size:2.2rem;}
.datepicker-input .range::after{display:none;}

/* form layouts */
.form-wrap{display:grid; gap:var(--krds-spacer-6);}
.form-wrap > li, .form-wrap.standalone,
.form-wrap > .row{line-height:1;}
.form-tit{display:flex; position:relative; color:var(--krds-black); font-size:var(--krds-fz-body-sm); /*line-height:$line-height-none;*/}

.form-wrap .form-conts.group{display:flex; position:relative; width:100%; flex-wrap:wrap; align-items:stretch;}
.form-wrap .form-conts.group > .form-control{position:relative; width:1%; min-width:0; margin-right:var(--krds-spacer-2); flex:1 1 auto;}

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

.chk-area{display:flex; gap:var(--krds-spacer-6);}
.chk-area.chk-column{flex-direction:column;}

.chip-wrap{display:flex; align-items:flex-start; justify-content:space-between; flex-direction:row; gap:var(--krds-spacer-2);}
.chip-wrap .form-chip{flex:1;}
.chip-wrap .form-chip .radio:not(:checked) ~ .form-chip-outline::before{display:none;}
.chip-wrap .form-chip .radio ~ .form-chip-outline{width:100%; padding:0; justify-content:center;}

.form-check{margin-right:1rem;}
.form-check:last-child{margin-right:0;}
.form-check input[type=radio] ~ label,
.form-check input[type=checkbox] ~ label{display:inline-flex; position:relative; min-height:var(--krds-rdo-size-md); padding-left:calc(var(--krds-rdo-size-md) + var(--krds-spacer-2)); font-size:var(--krds-rdo-fz-md); line-height:var(--krds-rdo-size-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{display:block; content:""; transition:0.4s cubic-bezier(0.4, 0, 0.23, 1);}
.form-check input[type=radio] ~ label:before,
.form-check input[type=checkbox] ~ label:before{z-index:3;}
.form-check input[type=radio] ~ label:after,
.form-check input[type=checkbox] ~ label:after{z-index:4;}
.form-check input[type=radio]:focus ~ label,
.form-check input[type=checkbox]:focus ~ label{outline:0.2rem solid rgba(36, 107, 235, 0.8); outline-offset:0.4rem;}
.form-check input[type=radio]:disabled + label,
.form-check input[type=checkbox]:disabled + label{color:var(--krds-gray-50); cursor:default;}
.form-check input[type=radio] ~ label:before{position:absolute; top:0; left:0; width:var(--krds-rdo-size-md); height:var(--krds-rdo-size-md); border:0.1rem solid var(--krds-gray-60); border-radius:var(--krds-rd-full); background-color:var(--krds-white);}
.form-check input[type=radio] ~ label:after{position:absolute; top:calc((var(--krds-rdo-size-md) - var(--krds-rdo-chk-md)) / 2); left:calc((var(--krds-rdo-size-md) - var(--krds-rdo-chk-md)) / 2); width:var(--krds-rdo-chk-md); height:var(--krds-rdo-chk-md); border-radius:var(--krds-rd-full); background-color:var(--krds-white);}
.form-check input[type=radio]:checked ~ label:before{border-color:var(--krds-primary);}
.form-check input[type=radio]:checked ~ label:after{background-color:var(--krds-primary);}
.form-check input[type=radio]:checked:disabled ~ label:before{border-color:var(--krds-gray-40); background-color:var(--krds-gray-20);}
.form-check input[type=radio]:checked:disabled ~ label:after{display:block; background-color:var(--krds-gray-40);}
.form-check input[type=radio]:disabled ~ label:before{border-color:var(--krds-gray-40); background-color:var(--krds-gray-20);}
.form-check input[type=radio]:disabled ~ label:after{display:none; background-color:var(--krds-gray-40);}
.form-check input[type=checkbox] ~ label:before{position:absolute; top:0; left:0; width:var(--krds-chk-size-md); height:var(--krds-chk-size-md); border:0.1rem solid var(--krds-gray-60); border-radius:var(--krds-rd-4); background-color:var(--krds-white);}
.form-check input[type=checkbox] ~ label:after{opacity:0; position:absolute; top:calc((var(--krds-chk-size-md) - var(--krds-chk-primary-chk-md)) / 2); left:calc((var(--krds-chk-size-md) - var(--krds-chk-primary-chk-md)) / 2); width:var(--krds-chk-primary-chk-md); height:var(--krds-chk-primary-chk-md); background:url(../../img/component/ico_check_primary_checked.svg) no-repeat 0 0; background-size:contain;}
.form-check input[type=checkbox]:checked ~ label:before{border-color:var(--krds-primary); background-color:var(--krds-primary);}
.form-check input[type=checkbox]:checked ~ label:after{opacity:1; transition-delay:0.2s;}
.form-check input[type=checkbox]:disabled ~ label:before{border-color:var(--krds-gray-40); background-color:var(--krds-gray-20);}
.form-check input[type=checkbox]:disabled ~ label:after{background-image:url(../../img/component/ico_check_primary_disabled.svg);}
.form-check.ico-only{display:inline-flex; vertical-align:middle;}
.form-check.ico-only > [type=checkbox] ~ label{padding-left:var(--krds-chk-size-md) !important;}
.form-check.ico-only > [type=radio] ~ label{padding-left:var(--krds-rdo-size-md) !important;}

.chk-secondary .form-check input[type=checkbox] ~ label:before{border-color:transparent; background-color:transparent;}
.chk-secondary .form-check input[type=checkbox] ~ label:after{opacity:1; position:absolute; top:calc((var(--krds-chk-size-md) - var(--krds-chk-secondary-chk-md)) / 2); left:calc((var(--krds-chk-size-md) - var(--krds-chk-secondary-chk-md)) / 2); width:var(--krds-chk-secondary-chk-md); height:var(--krds-chk-secondary-chk-md); background:url(../../img/component/ico_check_secondary.svg) no-repeat 0 0;}
.chk-secondary .form-check input[type=checkbox]:checked ~ label:before{border-color:transparent; background-color:transparent;}
.chk-secondary .form-check input[type=checkbox]:checked ~ label:after{background-image:url(../../img/component/ico_check_secondary_checked.svg);}
.chk-secondary .form-check input[type=checkbox]:disabled ~ label:before{border-color:transparent; background-color:transparent;}
.chk-secondary .form-check input[type=checkbox]:disabled ~ label:after{background-image:url(../../img/component/ico_check_secondary_disabled.svg);}

.chk-group-area > *{width:100%;}
.chk-group-area .chk-all-wrap{display:flex; color:var(--krds-gray-90); align-items:center; justify-content:space-between; flex-direction:row;}
.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(--krds-spacer-6);}
.chk-group-area .chk-group-wrap > li{display:flex; width:100%; padding:var(--krds-spacer-6); border:0.1rem solid var(--krds-gray-40); border-radius:var(--krds-rd-12); transition:0.4s ease-in-out; align-items:flex-start; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-6);}
.chk-group-area .chk-group-wrap > li .btn{color:var(--krds-gray-90);}
.chk-group-area .chk-group-wrap > li.checked{border-color:var(--krds-primary);}
.chk-group-area .chk-group-wrap > li.disabled{border-color:var(--krds-gray-30); background-color:var(--krds-gray-5);}
.chk-group-area .chk-group-wrap > li.disabled .btn{color:var(--krds-gray-50);}
.chk-group-area .chk-group-wrap > li.disabled .btn.btn-txt.ico-arr::after{background-image:url(../../img/component/ico_arr_20_right_disabled.svg); background-position:center; background-size:1.6rem;}
.chk-group-area .chk-group-wrap input[type=radio] + label,
.chk-group-area .chk-group-wrap input[type=checkbox] + label{width:100%; padding-left:4.4rem; flex-direction:column;}
.chk-group-area .chk-group-wrap input[type=radio] + label .tit,
.chk-group-area .chk-group-wrap input[type=checkbox] + label .tit{color:var(--krds-gray-90); font-weight:700;}
.chk-group-area .chk-group-wrap input[type=radio] + label .tit + .conts-desc,
.chk-group-area .chk-group-wrap input[type=checkbox] + label .tit + .conts-desc{margin-top:var(--krds-spacer-4);}
.chk-group-area .chk-group-wrap input[type=radio]:disabled + label,
.chk-group-area .chk-group-wrap input[type=checkbox]:disabled + label{color:var(--krds-gray-50);}
.chk-group-area .chk-group-wrap input[type=radio]:disabled + label .tit,
.chk-group-area .chk-group-wrap input[type=checkbox]:disabled + label .tit{color:inherit;}
.chk-group-area .chk-group-wrap .btn-wrap{width:initial; margin-left:4.4rem;}

.is-error .form-control{border-width:0.2rem; border-color:var(--krds-point);}

/* select style */
.form-select{opacity:1; width:100%; height:var(--krds-select-h-lg); padding:var(--krds-select-pd-lg); border:0.1rem solid var(--krds-gray-60); border-radius:var(--krds-select-rd-lg); background-image:url(../../img/component/ico_select_lg.svg); background-repeat:no-repeat; background-position:center right var(--krds-select-rn-lg); background-color:var(--krds-white); color:var(--krds-gray-90); font-size:var(--krds-select-fz-lg); font-family:inherit;}
.form-select:focus{padding:0 5.1rem 0 1.5rem; border-width:0.2rem; border-color:var(--krds-primary); background-position:center right 1.5rem; outline-offset:-0.5rem;}
.form-select[disabled]{border-color:var(--krds-gray-40); background-color:var(--krds-gray-30); color:var(--krds-gray-60);}
.form-select.error{border-width:0.2rem; border-color:var(--krds-point);}

.is-error .form-select{border-width:0.2rem; border-color:var(--krds-point);}

.form-chip .radio ~ .form-chip-outline::before{display:inline-flex; content:"";}
.form-chip .radio:focus ~ .form-chip-outline{border-radius:var(--krds-chkChipOutline-rd-lg); outline:0.2rem solid rgba(36, 107, 235, 0.8); outline-offset:-0.4rem;}
.form-chip.md .radio:focus ~ .form-chip-outline{border-radius:var(--krds-chkChipOutline-rd-md);}
.form-chip.sm .radio:focus ~ .form-chip-outline{border-radius:var(--krds-chkChipOutline-rd-sm);}

/*
 * name :Checkbox Css
 * date :2024-01-03
 */
/* **** checkbox :switch type **** */
.form-switch{display:inline-flex; position:relative;}
.form-switch label{display:inline-flex; font-size:var(--krds-switch-fz-lg);}
.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(--krds-switch-br-lg); width:var(--krds-switch-b-lg); height:var(--krds-switch-b-lg); border-radius:var(--krds-switch-rd-lg); background-color:var(--krds-white); transition:all 0.3s;}
.form-switch [type=checkbox] ~ i::after{width:var(--krds-switch-w-lg); height:var(--krds-switch-h-lg); border-radius:var(--krds-switch-rd-lg); background-color:var(--krds-secondary-20);}
.form-switch [type=checkbox] ~ label{z-index:1; margin-left:calc(var(--krds-switch-w-lg) * -1); padding-left:calc(var(--krds-switch-w-lg) + var(--krds-switch-pd-lg)); font-size:var(--krds-switch-fz-lg);}
.form-switch [type=checkbox]:checked ~ i::before{position:absolute; left:calc(var(--krds-switch-w-lg) - var(--krds-switch-b-lg) - var(--krds-switch-br-lg));}
.form-switch [type=checkbox]:checked ~ i::after{background-color:var(--krds-primary);}
.form-switch [type=checkbox]:disabled ~ i::before{border-color:var(--krds-gray-20); background-color:var(--krds-gray-40);}
.form-switch [type=checkbox]:disabled ~ i::after{background-color:var(--krds-gray-20);}
.form-switch [type=checkbox]:disabled ~ label{color:var(--krds-gray-50); cursor:inherit;}
.form-switch [type=checkbox]:focus ~ label{outline:0.2rem solid rgba(36, 107, 235, 0.8); outline-offset:0.4rem;}

/* **** checkbox :chip type **** */
.form-chip .checkbox ~ .form-chip-outline::before{display:inline-flex; content:"";}
.form-chip .checkbox:focus ~ .form-chip-outline{border-radius:var(--krds-chkChipOutline-rd-lg); outline:0.2rem solid rgba(36, 107, 235, 0.8); outline-offset:-0.4rem;}
.form-chip.md .checkbox:focus ~ .form-chip-outline{border-radius:var(--krds-chkChipOutline-rd-md);}
.form-chip.sm .checkbox:focus ~ .form-chip-outline{border-radius:var(--krds-chkChipOutline-rd-sm);}

.datepicker-area{display:none; position:relative; z-index:1000;}
.datepicker-wrap{position:absolute; top:0.8rem; left:0; width:100%; border:0.1rem solid var(--krds-gray-40); border-radius:var(--krds-rd-8); background-color:var(--krds-white);}
.datepicker-wrap:focus{outline:0.2rem solid rgba(36, 107, 235, 0.8); outline-offset:-0.4rem;}
.datepicker-wrap.bottom{top:auto; bottom:6.4rem;}
.datepicker-wrap .datepicker-head{display:flex; position:relative; width:100%; height:6.4rem; padding:0 var(--krds-spacer-3); border-top-right-radius:inherit; border-top-left-radius:inherit; background-color:var(--krds-secondary-5); font-size:var(--krds-fz-body-lg); align-items:center; justify-content:space-between; flex-direction:row;}
.datepicker-wrap .datepicker-head .btn-cal-move{width:4rem; height:4rem; background:url(../../img/component/ico_cal_move.svg) no-repeat center; background-size:1.6rem;}
.datepicker-wrap .datepicker-head .btn-cal-move.next{transform:rotate(180deg);}
.datepicker-wrap .datepicker-head .datepicker-switch-wrap{display:flex; width:100%; padding:0 var(--krds-spacer-3); align-items:center; justify-content:center; flex-direction:row;}
.datepicker-wrap .datepicker-head .datepicker-switch-wrap .btn-cal-switch{display:flex; width:50%; height:3.8rem; border:0.1rem solid transparent; border-radius:var(--krds-rd-8); background-color:transparent; text-align:center; transition:0.4s ease-in-out; align-items:center; justify-content:center; flex-direction:row;}
.datepicker-wrap .datepicker-head .datepicker-switch-wrap .btn-cal-switch::after{width:1.6rem; height:1.6rem; margin-left:var(--krds-spacer-1); background:url(../../img/component/ico_cal_dropdown.svg) no-repeat center; background-size:1.6rem; content:"";}
.datepicker-wrap .datepicker-head .datepicker-switch-wrap .btn-cal-switch:hover{background-color:var(--krds-secondary-10);}
.datepicker-wrap .datepicker-head .datepicker-switch-wrap .btn-cal-switch:focus, .datepicker-wrap .datepicker-head .datepicker-switch-wrap .btn-cal-switch:active{border:0.1rem solid var(--krds-secondary-10);}
.datepicker-wrap .datepicker-tbl-wrap{padding:0 var(--krds-spacer-3);}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td{width:14.2857142857%; padding-top:var(--krds-spacer-1);}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th > button,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td > button{display:flex; width:100%; height:100%; align-items:center; justify-content:center; flex-direction:row;}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.old, .datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.new,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.old,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.new{color:rgba(113, 113, 113, 0.3);}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.period .btn-set-date,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.period .btn-set-date{background-color:var(--krds-primary-10);}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.period.start > .btn-set-date, .datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.period.end > .btn-set-date,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.period.start > .btn-set-date,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.period.end > .btn-set-date{background-color:var(--krds-primary); color:var(--krds-white);}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.period.start > .btn-set-date:focus, .datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.period.end > .btn-set-date:focus,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.period.start > .btn-set-date:focus,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.period.end > .btn-set-date:focus{outline:0.2rem solid rgba(255, 255, 255, 0.9); outline-offset:-0.4rem;}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.period.start > .btn-set-date,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.period.start > .btn-set-date{border-bottom-left-radius:var(--krds-rd-full); border-top-left-radius:var(--krds-rd-full);}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.period.end > .btn-set-date,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.period.end > .btn-set-date{border-top-right-radius:var(--krds-rd-full); border-bottom-right-radius:var(--krds-rd-full);}
.datepicker-wrap .datepicker-body{position:relative;}
.datepicker-wrap .datepicker-body .sel.year{display:flex; width:14rem; margin:0 auto; align-items:flex-start; justify-content:center; flex-direction:column;}
.datepicker-wrap .datepicker-body .sel.year li,
.datepicker-wrap .datepicker-body .sel.year .btn{width:100%;}
.datepicker-wrap .datepicker-body .sel.month{display:grid; grid-template-columns:repeat(3, 1fr); column-gap:1.2rem; row-gap:0.8rem;}
.datepicker-wrap .datepicker-body .sel.month > li{flex:1;}
.datepicker-wrap .datepicker-body .sel.month > li .btn{width:100%;}
.datepicker-wrap .datepicker-body .sel .btn{border-color:transparent; background-color:transparent; color:var(--krds-gray-90);}
.datepicker-wrap .datepicker-body .sel .btn.active{border-color:var(--krds-primary); background-color:var(--krds-primary); color:var(--krds-white);}
.datepicker-wrap .datepicker-body .datepicker-conts{opacity:0; visibility:hidden; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; transition:0.4s ease-in-out;}
.datepicker-wrap .datepicker-body .datepicker-conts.active{opacity:1; visibility:visible; z-index:auto;}
.datepicker-wrap .datepicker-mon-wrap,
.datepicker-wrap .datepicker-year-wrap{overflow-x:hidden; overflow-y:auto;}
.datepicker-wrap .datepicker-mon-wrap{padding:var(--krds-spacer-5) var(--krds-spacer-6) 0;}
.datepicker-wrap .datepicker-btn-wrap{display:flex; margin:0 calc(var(--krds-spacer-3) * -1); padding:var(--krds-spacer-4); border-top:0.1rem solid var(--krds-gray-20); align-items:flex-start; justify-content:flex-end; flex-direction:row; gap:0.8rem;}

.datepicker-area.active{display:block;}

.row .datepicker-wrap.bottom{bottom:12.8rem;}

@media (min-width:361px){
  .datepicker-wrap{width:36rem;}
}
@media (min-width:1024px){
  .datepicker-year-wrap::-webkit-scrollbar{width:0.8rem;}
  .datepicker-year-wrap::-webkit-scrollbar-thumb{border-radius:0.8rem; background-color:var(--krds-gray-40);}
  .datepicker-year-wrap::-webkit-scrollbar-track{background-color:var(--krds-gray-30);}
}
@media (max-width:1023px){
  .form-check input[type=radio] ~ label, .form-check input[type=checkbox] ~ label{font-size:var(--krds-rdo-fz-sm);}
}
@media (max-width:599px){
  .form-control{padding:0 var(--krds-btn-px-xsm);}
  .datepicker-input .range .form-control:focus{padding:0 0.9rem;}
  .datepicker-input .form-btn-datepicker{right:0;}
  .form-control.md{height:4.4rem; padding:0 var(--krds-btn-px-xsm); font-size:1.6rem;}
  .sch-input .form-control{padding-right:var(--krds-spacer-10);}
  .sch-input .ico-sch{right:var(--krds-spacer-2);}
  .form-select.md{height:4.4rem; padding-right:3.2rem; padding-left:1rem; background-position:center right 0.6rem;}
}