/* section_01 */
.ces_awards_container .section_01 .img_logo {
	top: 2.6%;
	left: 74%;
	width: 20.1%;
	height: 4.2%;
}
.ces_awards_container .section_01 .img_title {
	top: 9.6%;
	left: 8.8%;
	z-index: 2;
	width: 83.2%;
	height: 21.4%;
	animation: blink 2s ease-in-out infinite;
}

@keyframes blink {
	50% {
		filter: brightness(110%) drop-shadow(0 0 10px #ffefa973);
	}
}

.ces_awards_container .section_01 .img_trophy {
	top: 17.5%;
	left: 0%;
	width: 93.3%;
	height: 82.5%;
	animation: trophy_animation 1s ease-in-out infinite;
}

@keyframes trophy_animation {
	50% {
		filter: brightness(1.1) contrast(1.2);
	}
}

.ces_awards_container .section_01 .img_ces {
	top: 76.1%;
	left: 5.8%;
	width: 24.2%;
	height: 17.6%;
}

.ces_awards_container .section_01 .img_deco {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/content/images/event/2025/_temporary_event/award/01/img_deco.png);
	background-repeat: repeat;
	background-size: 190% auto;
	animation: moveDecoration 10s linear infinite;
	background-position-x: 55%;
	background-position-y: -110%;
	opacity: 0;
	transition: all 1s ease-in;
}

.ces_awards_container .section_01 .img_deco.active {
	opacity: 1;
}

.ces_awards_container .section_01 .img_deco.stop {
	animation: none;
	opacity: 1;
}

@keyframes moveDecoration {
	0% {
		background-position-y: -600%;
	}
	100% {
		background-position-y: 600%;
	}
}

.ces_awards_container .section_01 .twinkle {
	position: absolute;
	z-index: 3;
	background: url(/content/images/event//2025/_temporary_event/award/01/img_twinkle.png) no-repeat center / 100% auto;
	animation-name: twinkle_animation;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	opacity: 50%;
}

@keyframes twinkle_animation {
	50% {
		opacity: 100%;
		filter: brightness(2) contrast(2);
	}
}

.ces_awards_container .section_01 .twinkle.twinkle_01 {
	top: 29.4%;
	left: 26.8%;
	width: 37.2%;
	height: 26.9%;
}

.ces_awards_container .section_01 .twinkle.twinkle_02 {
	top: 56%;
	left: 73.2%;
	width: 19.5%;
	height: 14.1%;
}

.ces_awards_container .section_01 .twinkle.twinkle_03 {
	top: 66.9%;
	left: 15.4%;
	width: 25.5%;
	height: 18.5%;
}

/* fixed-tab */
.ces_awards_container .fixed-tab {
	display: flex;
	flex-wrap: nowrap;
	padding: 36px 16px 50px;
	background-color: #380d90;
}

.ces_awards_container .fixed-tab .tab {
	position: relative;
	display: inline-flex;
	gap: 0.6rem;
	align-items: center;
	justify-content: center;
	flex: 1;
	flex-direction: column;
	padding: 0 1rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.ces_awards_container .fixed-tab .tab::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 65%;
	background-color: #fff;
	transform: translateY(-50%);
}
.ces_awards_container .fixed-tab .tab:first-child::after {
	display: none;
}

.ces_awards_container .fixed-tab .tab strong,
.ces_awards_container .fixed-tab .tab .txt {
	font-size: 36px;
}

.ces_awards_container .fixed-tab .ico {
	position: relative;
	padding-bottom: 67%;
	width: 67%;
	max-width: 200px;
	height: 0;
	background-color: red;
}

.ces_awards_container .fixed-tab .ico_01 {
	background: url(/content/images/event/2025/_temporary_event/award/03/img_paper.png) no-repeat center / 100% auto;
}

.ces_awards_container .fixed-tab .ico_02 {
	background: url(/content/images/event/2025/_temporary_event/award/03/img_gold.png) no-repeat center / 100% auto;
}

.ces_awards_container .fixed-tab .ico_03 {
	background: url(/content/images/event/2025/_temporary_event/award/03/img_gift.png) no-repeat center / 100% auto;
}

.ces_awards_container .fixed-tab .ico_04 {
	background: url(/content/images/event/2025/_temporary_event/award/03/img_coin.png) no-repeat center / 100% auto;
}

.ces_awards_container .fixed-tab.fixed {
	padding: 0;
}

.ces_awards_container .fixed-tab.fixed .tab {
	padding: 1.6rem;
}

.ces_awards_container .fixed-tab.fixed .tab-01 {
	padding: 1.6rem 1.6rem 1.6rem 3.2rem;
}

.ces_awards_container .fixed-tab.fixed .tab-04 {
	padding: 1.6rem 3.2rem 1.6rem 1.6rem;
}

.ces_awards_container .fixed-tab.fixed .show {
	background-color: #8230ff;
}

.ces_awards_container .fixed-tab.fixed .ico {
	display: none;
}

.ces_awards_container .fixed-tab.fixed .tab strong,
.ces_awards_container .fixed-tab.fixed .tab .txt {
	font-size: 20px;
}

/* section_02 */

.ces_awards_container .section_02 .coupon_01 {
	top: 40.5%;
	left: 23.5%;
	width: 53.1%;
	height: 21.6%;
}
.ces_awards_container .section_02 .coupon_02 {
	top: 51.7%;
	left: 26.2%;
	width: 55.3%;
	height: 24.9%;
}

.ces_awards_container .section_02 .img_label {
	top: 38.5%;
	left: 11.5%;
	width: 18.3%;
	height: 11.3%;
}

.ces_awards_container .section_02 .img_coin_01 {
	top: 56.5%;
	left: 8.4%;
	width: 15.1%;
	height: 9.2%;
}

.ces_awards_container .section_02 .img_coin_02 {
	top: 66.3%;
	left: 17.3%;
	width: 14.6%;
	height: 9%;
}

.ces_awards_container .section_02 .img_coin_03 {
	top: 47%;
	left: 80%;
	width: 14.1%;
	height: 9.8%;
}

.ces_awards_container .section_02 .img_btn {
	top: 81.8%;
	left: 28.3%;
	width: 43.3%;
	height: 7.4%;
}

.ces_awards_container .section_02 .timer_wrapper {
	top: 24%;
	left: 50%;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	width: 80%;
	height: 10.2%;
	font-size: 64px;
	transform: translateX(-50%);
}

.ces_awards_container .section_02 .timer_wrapper.blink {
	animation: blinkAll 1s ease-in infinite;
	filter: drop-shadow(0 0 15px #8230ff);
}

@keyframes blinkAll {
	50% {
		opacity: 0%;
	}
}

.ces_awards_container .section_02 .timer_wrapper .divider {
	color: #fff;
}
.ces_awards_container .section_02 .timer_wrapper > div {
	display: flex;
	gap: 0 6px;
	align-items: center;
	justify-content: center;
	width: 30%;
}
.ces_awards_container .section_02 .timer_wrapper .cell {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: column;
	border: 6px solid #fff;
	width: 135px;
	height: 195px;
	background: #f0f0f0;
	background: linear-gradient(0deg, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 1) 50%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 1) 100%);
	font-family: "GmarketSansBold", sans-serif;
	line-height: 195px;
	border-radius: 20px;
}

.ces_awards_container .section_02 .timer_wrapper .cell > span {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: column;
	transform-origin: top center;
	color: #000;
}

.ces_awards_container .section_02 .timer_wrapper .hours .cell {
	border: 6px solid #8230ff;
	background: linear-gradient(0deg, #ede1ff 0%, #ede1ff 50%, #f0f0f0 51%, #f0f0f0 100%);
}

/* section_03 */

.ces_awards_container .section_03 .img_gift_01 {
	top: 18.3%;
	left: 8.3%;
	width: 15.2%;
	height: 7.9%;
}

.ces_awards_container .section_03 .img_gift_02 {
	top: 24.6%;
	left: 80.5%;
	width: 15.3%;
	height: 7.7%;
}

/* section_04 */

.ces_awards_container .section_04 .img_deco {
	top: 4.2%;
	left: 4.1%;
	width: 92.2%;
	height: 55.6%;
	pointer-events: none;
}

.ces_awards_container .section_04 .choice_01 {
	top: 52.3%;
	left: 26.5%;
	width: 46.8%;
	height: 14.3%;
}

.ces_awards_container .section_04 .choice_02 {
	top: 68.3%;
	left: 26.5%;
	width: 46.7%;
	height: 14.3%;
}

.ces_awards_container .section_04 .choice_coupon {
	filter: drop-shadow(0 0 10px #00000020);
}

.ces_awards_container .section_04 .choice_coupon:focus,
.ces_awards_container .section_04 .choice_coupon:hover {
	filter: drop-shadow(0 0 10px #00000080);
}

.ces_awards_container .section_04 .choice_coupon.on {
	filter: drop-shadow(0 0 10px #9900ff);
}

.ces_awards_container .section_04 .choice_coupon.disabled {
	cursor: pointer;
	pointer-events: none;
}

.ces_awards_container .section_04 .img_hand {
	top: 64.2%;
	left: 66.3%;
	width: 33.8%;
	height: 32.4%;
	animation: swingHand 2s ease infinite;
	pointer-events: none;
	transform-origin: 60% 60%;
}

@keyframes swingHand {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10%);
	}
	100% {
		transform: translateY(0);
	}
}

/* section_05 */
.ces_awards_container .section_05 .bg_07_txt {
	top: 59.4%;
	left: 0%;
	width: 100%;
	height: 40.6%;
	background-image: url(/content/images/event/2025/_temporary_event/award/07/bg_07_txt.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: auto 100%;
}

.ces_awards_container .section_05.active .bg_07_txt {
	animation: showToRight 1s ease-in alternate;
}

@keyframes showToRight {
	0% {
		background-size: 0 100%;
		opacity: 0;
	}
	85% {
		opacity: 0;
		filter: contrast(1.15);
	}
	100% {
		background-size: 100% 100%;
		opacity: 1;
	}
}

.ces_awards_container .section_05 .img_deco {
	top: 6%;
	left: 0%;
	width: 100%;
	height: 55.9%;
}

.ces_awards_container .section_05 .img_title {
	top: 12.2%;
	left: 28.4%;
	width: 43.3%;
	height: 29.4%;
}

.ces_awards_container .section_05 .img_label {
	top: 32.5%;
	left: 69.8%;
	width: 18.3%;
	height: 20.6%;
}

/* season-event-modal2 */

.season-event-modal2 .event-modal-content .title {
	font-family: "GmarketSansBold", sans-serif;
	font-size: 70px;
	line-height: 1.1;
	color: #000;
}
.season-event-modal2 .event-modal-content .title strong {
	color: #0856f6;
}

.season-event-modal2 .event-modal-content .desc {
	font-family: "GmarketSansMedium", sans-serif;
	font-size: 24px;
	color: #000;
	letter-spacing: -0.5px;
	margin-top: 30px;
}

/* 20251204 */

.season-event-modal2 .price_title {
	display: block;
	text-align: center;
	font-size: 58px;
	color: #fff;
	letter-spacing: -1px;
	word-spacing: -2px;
	font-family: "GmarketSansMedium";
	filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 1));
	line-height: 1;
}

.season-event-modal2 .price_title strong {
	font-size: inherit;
	color: #ffed21;
	font-family: "GmarketSansBold";
}

.season-event-modal2 .price_title span {
	font-size: inherit;
	color: #ffed21;
}

.season-event-modal2 .get_prize_content {
	margin: 14px auto 28px;
}

.event_modal.img_only_popup .modal-body {
	padding: 14% 6% 6%;
}
.event_modal.img_only_popup .modal-body .noti {
	color: #fff;
	display: block;
	text-align: center;
	font-size: 20px;
	margin: 30px auto 0;
}
.event_modal.img_only_popup .event-modal-content {
	word-break: keep-all;
}

.event_modal.img_only_popup .event-modal-content .desc em {
	display: inline-block;
}

@media (max-width: 1200px) {
	.ces_awards_container .section_02 .timer_wrapper .cell {
		height: 155px;
		line-height: 155px;
	}

	.season-event-modal2 .price_title {
		font-size: 48px;
	}
}

@media (max-width: 991px) {
	.ces_awards_container .fixed-tab .tab strong,
	.ces_awards_container .fixed-tab .tab .txt {
		font-size: 20px;
	}

	.ces_awards_container .fixed-tab {
		padding: 20px 16px;
	}

	.ces_awards_container .section_02 .timer_wrapper .cell {
		height: 125px;
		line-height: 125px;
	}

	.ces_awards_container .section_02 .timer_wrapper {
		font-size: 48px;
	}

	.event_modal.img_only_popup .modal-body .noti {
		font-size: 11px;
		margin: 20px auto 0;
	}
}

@media (max-width: 776px) {
	.ces_awards_container .fixed-tab .tab strong,
	.ces_awards_container .fixed-tab .tab .txt,
	.ces_awards_container .fixed-tab.fixed .tab strong,
	.ces_awards_container .fixed-tab.fixed .tab .txt {
		font-size: 12px;
	}
	.ces_awards_container .fixed-tab {
		padding: 10px 0;
	}

	.ces_awards_container .section_02 .timer_wrapper {
		font-size: 24px;
	}

	.ces_awards_container .section_02 .timer_wrapper .hours .cell,
	.ces_awards_container .section_02 .timer_wrapper .cell {
		height: 60px;
		line-height: 60px;
		border-radius: 10px;
		border: 2px solid #8230ff;
	}

	.season-event-modal2 .event-modal-content .title {
		font-size: 36px;
	}
	.season-event-modal2 .event-modal-content .desc {
		font-size: 14px;
		margin-top: 20px;
	}

	.ces_awards_container .fixed-tab.fixed .tab {
		padding: 1rem !important;
	}

	.season-event-modal2 .price_title {
		font-size: 30px;
	}

	.season-event-modal2.show .modal-dialog {
		max-width: calc(100vw - 32px);
	}

	.season-event-modal2 .get_prize_content {
		margin: 10px auto 20px;
	}

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