/* 이벤트 모달 */
.event_modal .modal-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 70px;
	height: 70px;
	background-color: #00000080;
	background-image: url("/content/images/icon/ico_close_popup.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 55% auto;
	font-size: 0;
	cursor: pointer;
}

.event_modal .modal-body {
	display: flex;
	flex-direction: column;
	padding: 12% 8%;
	overflow: hidden;
	background-color: #6527d6;
}

.event_modal .modal-body.pink {
	background-color: #cd125b;
	border-radius: 0;
}

.event_modal .get_prize_content {
	margin: 28px auto;
	padding: 60px 16px 40px;
	width: auto;
	background-color: #ffffff;
	text-align: center;
	border-radius: 20px;
}

.event_modal .get_prize_content ~ .close {
	margin: 0 auto;
	max-width: 480px;
}

.event_modal .get_prize_img span {
	display: none;
}

.event_modal .type_coupon {
	position: relative;
	margin: 0 auto;
	width: 260px;
	height: 140px;
	background: url(/content/images/event/common/prize/prize_coupon.svg) no-repeat center / 100% auto;
}

.event_modal .type_coupon::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	mix-blend-mode: screen;
}

/* coopon color */
.event_modal .type_coupon.purple::before {
	background-color: #895ef6;
}

.event_modal .type_coupon.green::before {
	background-color: #54c471;
}

.event_modal .type_coupon.yellowgreen::before {
	background-color: #74b031;
}

.event_modal .type_coupon.cyan::before {
	background-color: #4d8ef9;
}

.event_modal .type_coupon.turquoise::before {
	background-color: #40bad9;
}

.event_modal .type_coupon.pink::before {
	background-color: #f06a8a;
}

.event_modal .type_coupon.orange::before {
	background-color: #ff7d40;
}

.event_modal .type_coupon::after {
	position: absolute;
	top: 4px;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 30%;
	background: url(/content/images/event/common/prize/coupon_title.png) no-repeat center / 70% auto;
	content: "";
}

.event_modal .type_coupon span {
	position: absolute;
	left: 50%;
	display: block;
	overflow: hidden;
	max-width: 100%;
	color: #fff;
	white-space: nowrap;
	transform: translateX(-50%);
	text-overflow: ellipsis;
}

.event_modal .type_coupon .percent {
	top: 50%;
	font-family: "GmarketSansBold";
	font-size: 50px;
	font-weight: bold;
	line-height: 1.2;
	transform: translate(-50%, -44%);
}

.event_modal .type_coupon .percent.long_name {
	font-size: 44px;
	letter-spacing: -2px;
}

.event_modal .type_coupon .sub_result_title {
	bottom: 11%;
	overflow: hidden;
	max-width: 90%;
	font-family: "GmarketSansLight";
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.event_modal .get_prize_info {
	display: block;
	margin: 0 auto;
	font-family: "GmarketSansMedium";
	font-size: 20px;
	font-style: normal;
	color: #888888;
	text-align: center;
	letter-spacing: -0.25px;
}

.event_modal .get_prize_result {
	display: block;
	margin: 24px 0 10px;
	font-family: "GmarketSansBold";
	font-size: 42px;
	line-height: 1.1;
	color: #000;
	letter-spacing: -3px;
	white-space: pre-line;
	word-spacing: -1px;
	word-break: keep-all;
}

.event_modal .get_prize_result.long_name {
	font-size: 32px;
}

.event_modal .close {
	display: block;
	padding: 0 25px;
	width: 100%;
	background-color: #ffed21;
	font-family: "GmarketSansBold";
	font-size: 42px;
	line-height: 100px;
	color: #210859;
	text-align: center;
	text-shadow: none;
	border-radius: 10px;
	opacity: 1;
	box-sizing: border-box;
}

.event_modal .info {
	font-family: "GmarketSansMedium", sans-serif;
	font-size: 20px;
	color: #888888;
	letter-spacing: -0.8px;
	word-spacing: -1.2px;
}

.event_modal .modal-body .title {
	margin: 0 auto;
	width: 90%;
	max-width: 430px;
}

.event_modal.img_only_popup .modal-body {
	padding: 12% 6%;
}

/* @media */

@media (min-width: 768px) {
    .event_modal.img_only_popup .modal-content {
        width: 100%;
		max-width: 640px;
	}
}

@media (min-width: 1200px) {
    .event_modal .get_prize_content {
        width: 480px;
        min-height: 350px;
        box-sizing: border-box;
    }
}

@media (max-width: 767px) {
	.event_modal .modal-content {
		max-width: calc(100% - 40px);
	}

	.event_modal .get_prize_result {
		margin: 14px 0 8px;
		font-size: 24px !important;
		line-height: 1;
		letter-spacing: -2px;
	}

	.event_modal .get_prize_result.long_name {
		font-size: 24px !important;
	}

	.event_modal .get_prize_info {
		font-size: 12px;
		word-break: keep-all;
	}

	.event_modal .close {
		font-size: 24px;
		line-height: 60px;
	}

	.event_modal .get_prize_content {
		margin: 20px 0;
		padding: 24px 10px;
		border-radius: 10px;
	}

	.event_modal .get_prize_img {
		margin: 0 auto;
		max-width: 60%;
	}

	.event_modal .type_coupon {
		width: 169px;
		max-width: unset;
		height: 91px;
	}

	.event_modal .type_coupon .sub_result_title {
		bottom: 8%;
		font-size: 10px;
	}

	.event_modal .type_coupon .percent {
		font-size: 36px;
		transform: translate(-50%, -40%);
	}

	.event_modal .type_coupon .percent.long_name {
		font-size: 30px;
	}

	.event_modal .get_prize_img img {
		max-width: 160px;
	}

	.event_modal .point_image img {
		max-width: 120px;
	}

	.event_modal .modal-close {
		width: 40px;
		height: 40px;
	}

	.event_modal .info {
		font-size: 14px;
		word-break: keep-all;
	}

    .event_modal.event_result_modal .modal-content {
        width: calc(100vw - 40px);
        max-width:480px;
    }
}