@media all and (min-width: 1800px){
    html {
        font-size: 1vmax;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1800px) {
    html {
        font-size: 1.3vmax;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
    html {
        font-size: 1.5vmax;
    }
}


/* JENTE INPUT STYLE */
.jt-input-group {}
.jt-input-group + .jt-input-group {margin-top: .416rem;}

.jt-input-group input.jt-input {}
.jt-input-group input.jt-input, .jt-input-group input.jt-input-not-valid {width:100%;padding: .625rem 0 .625rem .5208rem;border-bottom: 1px solid #424242;color: #000;font-size:.677rem;line-height: normal;font-family: "Source_Sans_Pro","Noto Sans KR";box-sizing: border-box;border-top:none;border-left:none;border-right:none;height:unset;border-radius: unset;font-weight: normal;letter-spacing: normal!important;text-align: left;}
.jt-input-group input.jt-input:valid {background-color: #e0effd;}
.jt-input-group input.jt-input[disabled], .jt-input-group input.jt-input-not-valid[disabled] {background-color:#eee;}
.jt-input-group input.jt-input::-webkit-input-placeholder,
.jt-input-group input.jt-input-not-valid::-webkit-input-placeholder
{color: #757575;font-size:.677rem!important;font-family: Source_Sans_Pro,"Noto Sans KR";opacity: 1;}

@media not all and (min-width: 1024px) {
    .jt-input-group {}
    .jt-input-group + .jt-input-group {margin-top: 2.13rem;}

    .jt-input-group input.jt-input {}
    .jt-input-group input.jt-input,
    .jt-input-group input.jt-input-not-valid
    {padding: 3.46rem 0 3.46rem 2.93rem;font-size:3.46rem;}
    .jt-input-group input.jt-input::-webkit-input-placeholder,
    .jt-input-group input.jt-input-not-valid::-webkit-input-placeholder
    {font-size:3.46rem!important;;}
}
/* JENTE INPUT STYLE END */

/* JENTE CHECKBOX STYLE */
.jt-checkbox-group {}
.jt-checkbox-group .jt-checkbox-v1 {position:relative;padding-left:.8854rem;}
.jt-checkbox-group .jt-checkbox-v1, .jt-checkbox-group .jt-checkbox-v1 * {box-sizing: border-box;}
.jt-checkbox-group .jt-checkbox-v1 > i {position:absolute;left: 0;top:50%;transform:translateY(-50%);}
.jt-checkbox-group .jt-checkbox-v1 > i.ic-check {width:12px; height:12px;border:1px solid #424242}
.jt-checkbox-group .jt-checkbox-v1 > input {display:none;}
.jt-checkbox-group .jt-checkbox-v1 > input:checked ~ i {background-color: #424242;}
.jt-checkbox-group .jt-checkbox-v1 > span {color: #424242;font-size:.625rem;}
@media not all and (min-width: 1024px) {
    .jt-checkbox-group .jt-checkbox-v1 {padding-left:4.53rem;}
    .jt-checkbox-group .jt-checkbox-v1 > i.ic-check {width:3.2rem; height:3.2rem;}
    .jt-checkbox-group .jt-checkbox-v1 > span {font-size:3.2rem;}
}
/* JENTE CHECKBOX STYLE END */

/* JENTE RADIO STYLE */
/* BUTTON STYLE */
.jt-radio-button-group {display:flex; column-gap: .5208rem;}
.jt-radio-button-group .jt-radio-button {position:relative;height:2.34375rem;flex:1;}
.jt-radio-button-group .jt-radio-button > input {display:none;}
.jt-radio-button-group .jt-radio-button > label {width:100%;height:100%;display:flex;align-items:center;justify-content: center;font-size:.677rem;font-family:Source_Sans_Pro, "Noto Sans KR";color: #000;border:1px solid #424242;}
.jt-radio-button-group .jt-radio-button > input:checked ~ label {background-color:#000;color:#fff;}
@media not all and (min-width: 1024px) {
    .jt-radio-button-group {column-gap: 2.93rem;}
    .jt-radio-button-group .jt-radio-button {height:12rem;}
    .jt-radio-button-group .jt-radio-button > label {font-size: 3.46rem;}
}
/* BUTTON STYLE END */
/* JENTE RADIO STYLE END */

/* JENTE SWITCH STYLE */
.jt-switch-group {}
.jt-switch-group input {display:none;}
.jt-switch-group label {width:1.71875rem;height:.9375rem;border-radius: 1.71875rem;display:block;position:relative;background-color:#eee;transition: background-color .15s ease-in-out;}
.jt-switch-group label:before {left:.06rem;width:.833rem;height:.833rem;display:block;border-radius: 50%;background-color:#fff;content:' ';top:50%;transform:translateY(-50%);position:absolute;transition: left .15s ease-in-out;}
.jt-switch-group input:checked ~ label{background-color:#03c75a;}
.jt-switch-group input:checked ~ label:before {left:.833rem;}
@media not all and (min-width: 1024px) {
    .jt-switch-group label {width:8.8rem;height:4.8rem;border-radius: 8.8rem;}
    .jt-switch-group label:before {left:.26rem;width:4.26rem;height:4.26rem;}
    .jt-switch-group input:checked ~ label:before {left:4.26rem;}
}
/* JENTE SWITCH STYLE END */