@charset "UTF-8";

/*
	공통 안내 대화상자 (2026-10-02)

	사이트에 안내창이 두 벌 있다.
	  #modal-notify-error : 헤더 프래그먼트에 있는 전역 알림 (주문서 작성 등)
	  #dialogError        : 문의 양식 페이지 안의 알림 (견적문의 / 기술문의 / 소프트웨어 문의)
	둘 다 '한 줄 안내 + 닫기' 라서 같은 모양으로 맞춘다.
	제목 줄은 늘 비어 있거나 '오류' 한 단어뿐이라 쓰지 않는다.
*/

#modal-notify-error .modal-dialog,
#dialogError .modal-dialog {
	display: flex;
	align-items: center;
	max-width: 340px;
	min-height: 100%;
	margin: 0 auto;
	padding: 16px;
	box-sizing: border-box;
}

#modal-notify-error .modal-content,
#dialogError .modal-content {
	width: 100%;
	padding: 26px 22px 20px;
	border: none;
	border-radius: 14px;
	box-shadow: 0 18px 48px rgba(15, 30, 50, 0.22);
	text-align: center;
	font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
}

#modal-notify-error .modal-header,
#dialogError .modal-header {
	display: none;
}

#modal-notify-error .modal-body,
#dialogError .modal-body {
	padding: 0;
	border: none;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
	color: #374151;
	word-break: keep-all;
}

/* 느낌표 아이콘 */
#modal-notify-error .modal-body::before,
#dialogError .modal-body::before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 14px;
	border-radius: 50%;
	background: #fdecec url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d94a4a' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 7v6'/%3E%3Cpath d='M12 16.8h.01'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
}

#modal-notify-error .modal-body p,
#dialogError .modal-body p {
	margin: 0;
}

/* 문구를 <span>+<br> 로 이어 붙이는 쪽이 있어 마지막 빈 줄은 지운다 */
#dialogError .modal-body br:last-child {
	display: none;
}

#modal-notify-error .modal-footer,
#dialogError .modal-footer {
	justify-content: center;
	padding: 18px 0 0;
	margin: 0;
	border-top: none;
}

/* 페이지 쪽 .btn-secondary 규칙이 !important 라 같은 세기로 눌러 준다 */
#modal-notify-error .modal-footer .btn,
#dialogError .modal-footer .btn {
	min-width: 120px !important;
	width: auto !important;
	height: 42px !important;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 700;
	color: #fff !important;
	background: #1e3a5f !important;
	border: none !important;
	border-radius: 8px !important;
	transition: background-color 0.15s ease;
}

#modal-notify-error .modal-footer .btn:hover,
#dialogError .modal-footer .btn:hover {
	background: #14283f !important;
	color: #fff !important;
}

#modal-notify-error .modal-footer .btn:focus-visible,
#dialogError .modal-footer .btn:focus-visible {
	outline: 2px solid #2f6fb5;
	outline-offset: 2px;
}

/*
	덮개 색 맞추기.
	전역 알림에는 .modal-display-error 가 흰 베일(#ffffff33)을 덧씌워 두 창의
	바깥 어둡기가 달라 보였다. 둘 다 부트스트랩 기본 덮개만 쓰게 한다.
*/
#modal-notify-error.modal-display-error,
#dialogError.modal {
	background: transparent !important;
}