/* login dialog START */
.k-window:has(.dialog-cancel-btn),
.k-window:has(.dialog-confirm-btn) {

}
/* login dialog END */

/* login dialog titlebar x버튼 START */
.k-window:has(.dialog-cancel-btn) .k-dialog-titlebar-action,
.k-window:has(.dialog-confirm-btn) .k-dialog-titlebar-action {
    width: auto;
}
/* login dialog titlebar x버튼 END */

/* login dialog 버튼영역 START */
.k-window:has(.dialog-confirm-btn) .dialog-confirm-btn,
.k-window:has(.dialog-cancel-btn) .dialog-cancel-btn {
    width: 80px;
    background: #f5f5f5;
    transition: background 0.2s ease;
}

.k-window:has(.dialog-confirm-btn) .dialog-confirm-btn {
    background: #1274AC;
    transition: background 0.2s ease;
}

.k-window:has(.dialog-cancel-btn) .dialog-cancel-btn:hover {
    background: #dddddd;
}

.k-window:has(.dialog-confirm-btn) .dialog-confirm-btn:hover {
    background: #0F5C8C;
}
/* login dialog 버튼영역 END */

/* dialog 바디영역 START */
/* 바깥 Kendo 다이얼로그 내용 영역: 여기서 스크롤됨 */
.custom-mes-warning.k-window-content.k-dialog-content,
.custom-mes-error.k-window-content.k-dialog-content {
    /* Kendo가 overflow-y:auto; 를 이미 걸어줌 (k-scroll) */
    padding: 12px 16px;
    box-sizing: border-box;
}

/* 아이콘 + 본문 레이아웃: 옆으로 나란히 */
.mes-dialog-layout {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

/* 왼쪽 아이콘: sticky로 고정 */
.mes-dialog-icon {
    position: relative;
    top: 14px;
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    max-width: 60px;
    max-height: 60px;
}

/* 오른쪽 텍스트 영역: 별도 스크롤 X, 그냥 길게 */
.mes-dialog-body {
    flex: 1 1 auto;
    /* 높이는 내용만큼, 스크롤은 부모(.custom-mes-xxx)가 담당 */
}

.mes-dialog-icon-warning {
    background: url('/img/icon_dialog_warning2_80.png') center center no-repeat;
    background-size: contain;
}

.mes-dialog-icon-error {
    background: url('/img/icon_dialog_error2_80.png') center center no-repeat;
    background-size: contain;
}
/* dialog 바디영역 END */

/* dialog 버튼영역 START */
.k-dialog-actions:has(.dialog-cancel-btn),
.k-dialog-actions:has(.dialog-confirm-btn) {
    display: flex;
    justify-content: center;
    gap: 4px;
}

.dialog-cancel-btn,
dialog-confirm-btn {
    width:80px;
}
/* dialog 버튼영역 END */