/* dh 퍼블리싱 레이아웃 Custom */
input[type="date"].date {
    width: 120px;
}
/*
달력 CSS 수정 (jquery-ui.css 은 부담스러워 여기서 수정 jquery-ui.css파일보다 밑에 있어야 동작)
집접 수정 한 것도 있음
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #ffffff;
    background: #ffffff;
    font-weight: normal;
    color: #454545;
}
*/
input[type="text"].datepicker {
    width: 112px;
    padding-right: 30px; /* 이미지가 텍스트와 겹치지 않도록 패딩 추가 */
    background-image: url("../img/ic/calendar.png");
    background-size: 16px 16px; /* 이미지 크기 조정 */
    background-repeat: no-repeat;
    background-position: right 5px center; /* 이미지 위치 조정 */
}
input[type="text"].datepicker:not([readonly]):hover {
    cursor: pointer;
}
/* 전체 달력 팝업의 크기 조정 */
.ui-datepicker {
    font-size: 16px;
    width: auto;
    padding: 10px;
}

table.list_type_1 tbody tr.active {
    background-color: #c0dfc1;
}
a {
    font-size: 1em;
}
/* dh design Custom */
select {
    min-width: 100px;
}
.txt_green {
    color: #2eaf6e;
}
.txtal {
    text-align: left !important;
}
.txtac {
    text-align: center !important;
}
.txtar {
    text-align: right !important;
}
/* dh Only Custom */
.none {
    display: none !important;
}
#hiddenFrame {
    position: relative;
    margin-left: 230px;
    /* z-index: 999; */
}
.help_box {
    padding: 10px 20px;
    background-color: antiquewhite;
    border-radius: 12px;
    color: #bbbbbb;
}

.flex {
    display: flex;
}
.flex.jsb {
    justify-content: space-between;
}
.flex.jsa {
    justify-content: space-around;
}
.flex.jse {
    justify-content: space-evenly;
}
.flex.js {
    justify-content: flex-start;
}
.flex.je {
    justify-content: flex-end;
}
.flex.jc {
    justify-content: center;
}
.flex.aic {
    align-items: center;
}

/* dh module Custom */
.jconfirm {
    font-size: 1.5rem;
}
.w_auto {
    width: auto;
}
.width-50 {
    min-width: unset;
    width: 50px !important;
}
.width-80 {
    min-width: unset;
    width: 80px !important;
}
.width-100 {
    min-width: unset;
    width: 100px !important;
}
.width-120 {
    min-width: unset;
    width: 120px !important;
}
.width-200 {
    min-width: unset;
    width: 200px !important;
}