.black_friday_container {
	font-family: "Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-optical-sizing: auto;
}

.black_friday_container .img_btn:hover,
.black_friday_container .img_btn:focus {
	filter: drop-shadow(0 0 15px rgba(255, 0, 0, 0.5));
}

.black_friday_container article.top {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	background-color: #ff1c32;
}

.black_friday_container article.top p {
	display: block;
	font-size: 26px;
	font-weight: 500;
	line-height: 26px;
	color: white;
	text-align: center;
}

.black_friday_container article.top p strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 6px;
	padding: 0 10px 8px;
	background-color: black;
	line-height: 1.3em;
	text-align: center;
	border-radius: 10px;
}

.black_friday_container .section_01 .img_sub_title {
	top: 23.1%;
	left: 31.3%;
	width: 39.1%;
	height: 9.3%;
}
.black_friday_container .section_01 .img_title_main {
	top: 33.6%;
	left: 13.9%;
	width: 72.3%;
	height: 23.9%;
}

.black_friday_container .section_01.active .img_title_main {
	animation: getOpacity 2s ease-in-out 1;
}

.black_friday_container .section_02 .img_obj {
	top: 32.6%;
	left: 0%;
	width: 0%;
	height: 59.6%;
	background-image: url("../../../../images/event/2025/_temporary_event/black_friday/02/img_obj.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto 100%;
	transition: width 1.5s cubic-bezier(0.075, 0.82, 0.165, 1) 2s;
}

.black_friday_container .section_02.active .img_obj {
	width: 100%;
}

.black_friday_container .section_02 .img_coupon {
	top: 36.7%;
	left: 4.2%;
	width: 86.7%;
	height: 39.1%;
}
.black_friday_container .section_02 .img_btn {
	top: 81.1%;
	left: 20.8%;
	width: 58.3%;
	height: 10.2%;
}
.black_friday_container .section_02 .img_title {
	top: 6.7%;
	left: 7.8%;
	width: 84.3%;
	height: 28%;
}

.black_friday_container .section_02 .text_info {
    bottom: 3%;
    left: 50%;
    display: block;
    width: 100%;
    max-width: calc(100% - 40px);
    font-size: 28px;
    color: white;
    text-align: center;
    transform: translateX(-50%);
    font-weight: 300;
}

.black_friday_container .section_03 .img_list_wrapper {
	top: 16.4%;
	left: 10%;
	width: 80%;
	height: 80%;
}
.black_friday_container .section_03 .img_title {
	top: 4.6%;
	left: 26.3%;
	width: 47.7%;
	height: 10.2%;
}
.black_friday_container .section_03 .img_balloon {
	top: 8%;
	left: 14%;
	width: 17.4%;
	height: 5.5%;
}

.black_friday_container .section_03 .link_wrapper {
	display: flex;
	gap: 1.7%;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
}

.black_friday_container .section_03 .link_wrapper .link_item {
	position: relative;
}

.black_friday_container .section_03 .link_wrapper .flex-1 {
	flex: 1;
	width: 50%;
	height: 29.5%;
}

.black_friday_container .section_03 .link_wrapper .flex-none {
	flex: none;
	width: 100%;
}

.black_friday_container .section_03 .link_wrapper .link_item.item_03,
.black_friday_container .section_03 .link_wrapper .link_item.item_06 {
	height: 18.25%;
}

.black_friday_container .section_04 .img_picker {
	top: 26.4%;
	left: 19.8%;
	width: 60.2%;
	height: 42.9%;
	animation: slideDeg 1.5s linear infinite;
	transform-origin: top center;
}

@keyframes slideDeg {
	0% {
		transform: rotate(0deg);
	}
	30% {
		transform: rotate(-7deg);
	}
	70% {
		transform: rotate(5deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.black_friday_container .section_03 .link_item .btn {
	position: absolute;
	bottom: 26px;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80%;
	max-width: 410px;
	height: 80px;
	background-color: grey;
	font-size: 32px;
	font-weight: bold;
	color: white;
	transform: translateX(-50%);
	border-radius: 20px;
}

.black_friday_container .section_03 .link_item .btn.active {
	display: none;
	background: linear-gradient(to right, #bf1018, #343044);
}
.black_friday_container .section_03 .link_item .btn.active.block {
	display: flex;
}

.black_friday_container .section_03 .link_item.item_03 .btn,
.black_friday_container .section_03 .link_item.item_06 .btn {
	right: 4.75%;
	left: unset;
	transform: none;
}

.black_friday_container .section_03 .link_wrapper .dimmed {
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 1px);
	background-color: rgba(0, 0, 0, 0.75);
	align-items: center;
	justify-content: center;
	border-radius: 35px;
	pointer-events: none;
}

.black_friday_container .section_03 .link_wrapper .dimmed > span {
	font-size: 48px;
	font-weight: bold;
	color: #e8e8e8;
	font-family: "GmarketSansBold", sans-serif;
}

.black_friday_container .section_03 .link_wrapper .dimmed.show {
	display: flex;
}

.black_friday_container .section_03 .link_wrapper .dimmed.hide {
	display: none;
}

.black_friday_container .section_04 .img_title {
	top: 8.8%;
	left: 21.2%;
	width: 59.3%;
	height: 25.6%;
}
.black_friday_container .section_04 .img_balloon {
	top: 32.4%;
	left: 63.6%;
	width: 33.3%;
	height: 22.6%;
}
.black_friday_container .section_04 .img_btn {
	top: 82.6%;
	left: 20.8%;
	width: 58.4%;
	height: 7.6%;
}

.black_friday_container .section_05 .img_balloon {
    top: 28.3%;
    left: 15.7%;
    width: 70.3%;
    height: 18.4%;
}
.black_friday_container .section_05 .btn {
	position: absolute;
	box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.5);
	border-radius: 45px;
}

.black_friday_container .section_05 .btn span {
	position: absolute;
	text-indent: -9999999px;
}

.black_friday_container .section_05 .btn_yes {
	top: 54.3%;
	left: 13.3%;
	width: 34.2%;
	height: 25.6%;
	background: url("../../../../images/event/2025/_temporary_event/black_friday/05/btn_yes.png") no-repeat center / 100% auto;
}
.black_friday_container .section_05 .btn_no {
	top: 54.3%;
	left: 52.5%;
	width: 34.2%;
	height: 25.6%;
	background: url("../../../../images/event/2025/_temporary_event/black_friday/05/btn_no.png") no-repeat center / 100% auto;
}

.black_friday_container .section_05 .btn:hover,
.black_friday_container .section_05 .btn:focus {
	box-shadow: inset 10px 10px 10px 10px rgba(83, 5, 70, 0.5);
	box-sizing: border-box;
	filter: brightness(0.9) drop-shadow(10px 10px 10px 10px rgba(225, 225, 225, 0.8));
}

.black_friday_container .section_05 .btn.disabled {
	pointer-events: none;
	filter: grayscale(1);
}

.black_friday_container .tab_wrapper {
	display: grid;
	border-top: 2px solid #ff1c32;
	background-color: #110b20;
	grid-template-columns: repeat(4, 1fr);
}

.black_friday_container .tab_wrapper button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 10dvh;
	max-height: 130px;
	font-family: "GmarketSansMedium";
	font-size: 28px;
	line-height: 1.15;
	color: #fff;
	opacity: 0.5;
}

.black_friday_container .tab_wrapper button.show {
	background-color: #ff1c32;
	font-family: "GmarketSansBold";
	opacity: 1;
}

.season-event-modal2 .event-modal-content {
	font-size: 10px;
	color: #000;
}

.season-event-modal2 .event-modal-content .title {
	display: block;
	margin-bottom: 40px;
	font-family: "GmarketSansBold", sans-serif;
	font-size: 7em;
	font-weight: bold;
	line-height: 1;
}

.season-event-modal2 .event-modal-content .title strong {
	color: blue;
	font: inherit;
}

.season-event-modal2 .event-modal-content .desc {
	font-family: "GmarketSansMedium", sans-serif;
	font-size: 2.8em;
	letter-spacing: -0.05em;
}

.season-event-modal2 .event-modal-content .desc strong {
	font-family: "GmarketSansBold", sans-serif;
}

.season-event-modal2 .close {
	line-height: 80px;
}

@media (max-width: 991px) {
	.season-event-modal2 .event-modal-content {
		font-size: 6px;
	}

	.season-event-modal2 .event-modal-content .title {
		margin-bottom: 20px;
	}
	.season-event-modal2 .event-modal-content .title,
	.season-event-modal2 .event-modal-content .desc {
		white-space: nowrap;
	}

	.season-event-modal2 .modal-content {
		width: calc(100dvw - 40px);
		max-width: 480px;
	}

	.season-event-modal2 .close {
		line-height: 50px;
	}

	.black_friday_container .tab_wrapper button {
		height: 56px;
	}
	.black_friday_container article.top {
		height: 40px;
	}
    .black_friday_container .section_02 .text_info {
        font-size: 14px;
    }
	.black_friday_container .section_03 .link_wrapper {
		gap: 1.5% 2%;
	}

	.black_friday_container .section_03 .link_item .btn,
	.black_friday_container article.top p,
	.black_friday_container .tab_wrapper button {
		font-size: 14px;
	}

	.black_friday_container .section_03 .link_item .btn {
		bottom: 0;
		width: 100%;
		max-width: 100%;
		height: 48px;
		border-radius: 0 0 10px 10px;
	}

	.black_friday_container .section_03 .item_03.link_item .btn,
	.black_friday_container .section_03 .item_06.link_item .btn {
		right: 16px;
		bottom: 24px;
		max-width: 280px;
		height: 48px;
		border-radius: 5px;
	}

	.black_friday_container .section_05 .btn {
		border-radius: 20px;
	}

	.black_friday_container .section_05 .btn:hover,
	.black_friday_container .section_05 .btn:focus {
		box-shadow: inset 5px 5px 5px 5px rgba(83, 5, 70, 0.5);
	}

	.black_friday_container .section_03 .link_wrapper .dimmed {
		border-radius: 22px 22px 13px 13px;
	}
	.black_friday_container .section_03 .link_wrapper .dimmed > span {
		font-size: 36px;
	}
}

@media (max-width: 767px) {
    .black_friday_container .section_02 .text_info {
        font-size: 12px;
    }
	.black_friday_container .section_03 .link_item .btn {
		bottom: -1px;
		width: 100%;
		max-width: 100%;
		height: 34px;
		border-radius: 0 0 10px 10px;
	}

	.black_friday_container .section_03 .item_03.link_item .btn,
	.black_friday_container .section_03 .item_06.link_item .btn {
		right: 10px;
		bottom: 10px;
		max-width: 140px;
		height: 30px;
		border-radius: 5px;
	}

	.black_friday_container .section_03 .link_item .btn,
	.black_friday_container article.top p,
	.black_friday_container .tab_wrapper button {
		font-size: 12px;
	}

	.black_friday_container article.top p strong {
		padding: 3px 6px 5px;
		border-radius: 4px;
		line-height: 1;
	}

	.black_friday_container .section_03 .link_wrapper .dimmed {
		border-radius: 16px 16px 12px 12px;
	}
	.black_friday_container .section_03 .link_wrapper .dimmed > span {
		font-size: 24px;
	}
}

@media (max-width: 480px) {
	.black_friday_container .section_03 .link_wrapper .dimmed {
		border-radius: 13px 13px 10px 10px;
	}
}