/* 공통 레이어 모달 (PC/모바일 공용) - js/carvazo/web_main/report/layer_modal.js 의 $.CAV_LAYER_MODAL 용 스타일 */
.layer-modal-wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2000;
	display: none;
}
.layer-modal-wrap.on {
	display: block;
}
.layer-modal-wrap * {
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
.layer-modal-wrap .modal-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(17, 21, 28, 0.70);
}
.layer-modal-wrap .layer-modal {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.08), 0px 16px 30px 4px rgba(0, 0, 0, 0.10);
	overflow: hidden;
	width: 90%;
	max-width: 320px;
}
.layer-modal-wrap .img-wrap img {
	width: 100%;
}
.layer-modal-wrap .text-wrap {
	padding: 24px 20px;
}
.layer-modal-wrap .icon-wrap {
	width: 36px;
	height: 36px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 auto 20px;
}
.layer-modal-wrap .icon-wrap.check {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 2.83301C26.2843 2.83301 33 9.54874 33 17.833C32.9998 26.1171 26.2841 32.833 18 32.833C9.71585 32.833 3.0002 26.1171 3 17.833C3 9.54874 9.71573 2.83301 18 2.83301ZM26.7876 11.7114C26.2424 11.2031 25.3889 11.2324 24.8804 11.7773L15.7236 21.5991L11.0742 17.0757C10.5398 16.5558 9.68544 16.5676 9.16553 17.102C8.64567 17.6365 8.65751 18.4908 9.19189 19.0107L14.8286 24.4951C15.0887 24.7482 15.44 24.8862 15.8027 24.8774C16.1656 24.8686 16.5103 24.7137 16.7578 24.4482L26.855 13.6187C27.3632 13.0733 27.3328 12.2198 26.7876 11.7114Z' fill='%2300CC88'/%3E%3C/svg%3E");
}
.layer-modal-wrap .icon-wrap.error {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 3C26.2843 3 33 9.71573 33 18C33 26.2843 26.2843 33 18 33C9.71573 33 3 26.2843 3 18C3 9.71573 9.71573 3 18 3ZM25.1191 10.9585C24.5438 10.3627 23.594 10.3452 22.998 10.9204L18 15.7471L13.002 10.9204C12.406 10.3453 11.4562 10.3627 10.8809 10.9585C10.3057 11.5544 10.3217 12.5042 10.9175 13.0796L15.8408 17.833L10.9189 22.5864C10.3231 23.1619 10.3055 24.1116 10.8809 24.7075C11.4563 25.3034 12.406 25.3195 13.002 24.7441L18 19.9175L22.998 24.7441C23.594 25.3196 24.5437 25.3034 25.1191 24.7075C25.6944 24.1117 25.678 23.1619 25.0825 22.5864L20.1592 17.833L25.0825 13.0796C25.6783 12.5042 25.6943 11.5544 25.1191 10.9585Z' fill='%23FF644C'/%3E%3C/svg%3E");
}
.layer-modal-wrap .icon-wrap.notice {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 3C26.2843 3 33 9.71573 33 18C33 26.2843 26.2843 33 18 33C9.71573 33 3 26.2843 3 18C3 9.71573 9.71573 3 18 3ZM17.9868 24.2036C17.6616 24.2036 17.354 24.2871 17.064 24.4541C16.7739 24.6123 16.5454 24.8364 16.3784 25.1265C16.2114 25.4165 16.1279 25.7241 16.1279 26.0493C16.1279 26.3833 16.2114 26.6953 16.3784 26.9853C16.5454 27.2666 16.7739 27.4951 17.064 27.6709C17.354 27.8467 17.6616 27.9346 17.9868 27.9346C18.3208 27.9346 18.6284 27.8467 18.9097 27.6709C19.1997 27.4951 19.4282 27.2666 19.5952 26.9853C19.771 26.6953 19.8589 26.3833 19.8589 26.0493C19.8589 25.7241 19.771 25.4165 19.5952 25.1265C19.4282 24.8364 19.1997 24.6123 18.9097 24.4541C18.6284 24.2871 18.3208 24.2036 17.9868 24.2036ZM16.6948 22.2656H19.292L19.5293 8.66016H16.4443L16.6948 22.2656Z' fill='%23434D71'/%3E%3C/svg%3E");
}
.layer-modal-wrap .icon-wrap.notice-green {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 3C26.2843 3 33 9.71573 33 18C33 26.2843 26.2843 33 18 33C9.71573 33 3 26.2843 3 18C3 9.71573 9.71573 3 18 3ZM16.6025 27.75H19.4106V13.4326H16.6025V27.75ZM18 7.89551C17.6836 7.89551 17.3892 7.97021 17.1167 8.11963C16.8442 8.26904 16.6289 8.47119 16.4707 8.72607C16.3125 8.97217 16.2334 9.24902 16.2334 9.55664C16.2334 9.85547 16.3125 10.1367 16.4707 10.4004C16.6289 10.6553 16.8442 10.8574 17.1167 11.0068C17.3892 11.1475 17.6836 11.2178 18 11.2178C18.334 11.2178 18.6372 11.1475 18.9097 11.0068C19.1821 10.8574 19.3931 10.6553 19.5425 10.4004C19.7007 10.1367 19.7798 9.85547 19.7798 9.55664C19.7798 9.24902 19.7007 8.97217 19.5425 8.72607C19.3931 8.47119 19.1821 8.26904 18.9097 8.11963C18.6372 7.97021 18.334 7.89551 18 7.89551Z' fill='%2300CC88'/%3E%3C/svg%3E");
}
.layer-modal-wrap .title-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.layer-modal-wrap .modal-title {
	color: var(--color-static-black, #11151C);
	text-align: center;
	font-size: var(--font-size-lg, 18px);
	font-weight: 700;
	line-height: 150%;
	flex: 0 0 100%;
}
.layer-modal-wrap .modal-desc {
	color: var(--color-neutral-600, #717D8E);
	text-align: center;
	font-size: var(--font-size-sm, 14px);
	font-weight: 500;
	line-height: 150%;
	flex: 0 0 100%;
}
.layer-modal-wrap .modal-ps {
	font-weight: 300;
	padding-top: 20px;
	font-size: 13px;
	color: #666;
}
.layer-modal-wrap .btn-wrap {
	position: relative;
	padding-top: 20px;
	display: flex;
	justify-content: space-between;
	gap: 8px;
}
.layer-modal-wrap .btn-wrap .btn {
	flex: 1;
	height: var(--button-size-sm, 48px);
	line-height: 48px;
	text-align: center;
	border-radius: 8px;
	font-size: var(--font-size-md, 16px);
	box-sizing: border-box;
}
.layer-modal-wrap .btn-wrap .btn.cancel {
	border: 1px solid var(--color-neutral-200, #D9E1EE);
	background: var(--color-static-white, #FFF);
	color: #11151C;
	font-weight: 600;
}
.layer-modal-wrap .btn-wrap .btn.confirm {
	background: var(--color-green-500, #0C8);
	border: 1px solid #0C8;
	color: #fff;
	font-weight: 700;
}
.layer-modal-wrap .btn-wrap.vertical {
	flex-wrap: wrap;
	gap: 4px;
}
.layer-modal-wrap .btn-wrap.vertical .btn {
	max-width: none;
	width: 100%;
	flex: 0 0 100%;
}
.layer-modal-wrap .today-close {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	background: #fff;
	position: relative;
	border-top: 1px solid #EDF4FC;
}
.layer-modal-wrap .today-close button {
	display: block;
	flex: 1;
	text-align: center;
	height: 53px;
	line-height: 53px;
	color: var(--color-static-black, #11151C);
	font-size: var(--font-size-sm, 14px);
	font-style: normal;
	font-weight: 600;
}
.layer-modal-wrap .today-close button:first-of-type {
	border-right: 1px solid #EDF4FC;
}
.layer-modal-wrap .today-close button:last-of-type {
	border-right: none;
}