i.label.data01 {
    background-color: #6AB0FFFF;
}

i.label.data02 {
    background-color: #FFB730FF;
}

i.label.data03 {
    background-color: #6A79F8FF;
}

i.label.data04 {
    background-color: #84C98CFF;
}

i.label.data09 {
    background-color: #F86A6AFF;
}

.valid-err {
    color: #e11d48;
    font-size: 15px;
    margin-top: 6px;
    display: none;
}

/* ui-datepicker */
.ui-datepicker {
    z-index: 91 !important;
}

.ui-datepicker input,
.ui-datepicker select {
    height: auto !important;
    line-height: normal !important;
    padding: 2px 4px !important;
    width: auto !important;
    background: inherit !important;
    border: none !important;
    border-radius: 0 !important;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.ui-datepicker .ui-state-highlight {
    background: var(--primaryColor) !important;
    color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("/img/ui-icons_444444_256x240-a951530bb2fdd5fae5865476bfbbd19e.png");
}
.ui-widget-header .ui-icon {
    background-image: url("/img/ui-icons_444444_256x240-a951530bb2fdd5fae5865476bfbbd19e.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("/img/ui-icons_555555_256x240-63636c83f28ba5da870077bb2c5324d4.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("/img/ui-icons_ffffff_256x240-60628ad536a34fc9e4616d60a94b7b68.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("/img/ui-icons_777620_256x240-07d56c6f4ce9edc572f7007d98b6afe5.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("/img/ui-icons_cc0000_256x240-ee0bb72b1e4a6aa399dd9f4962e2b1fe.png");
}
.ui-button .ui-icon {
    background-image: url("/img/ui-icons_777777_256x240-336f407c5e5102c0f129c25a3fb1b6dc.png");
}

.pop_viewer .pop_layer .pop_con {
    height: calc(100% - 12.3333vw);
    gap: 4vw;
}

/* 인증번호 입력 — 입력칸 안 오른쪽에 남은 시간 (safety-wrk 와 동일) */
.input_wrapper input.certno {
    padding-right: 20.2667vw;
    font-size: var(--t4);
    letter-spacing: 0.5vw;
}

.input_wrapper .timer {
    position: absolute;
    top: 50%;
    right: var(--inputPadding);
    transform: translateY(-50%);
    color: var(--red);
}