@charset "UTF-8";
*, *::before, *::after {
	box-sizing: border-box;
}
.event_wrap .e_container.bg_01 {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260623_readers/bnJ_cont01_bg.png") no-repeat 50% 0;
	height: 576px;
}
.event_wrap .e_container.bg_02 {
	background: #080808 url("https://contents.kyobobook.co.kr/pmtn/2026/book/260623_readers/bnJ_cont02_bg.png") no-repeat 50% 0;
	padding-bottom: 100px;
}
.event_wrap .e_container.bg_03 {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260623_readers/bnJ_cont03_bg.png") no-repeat 50% 0;
	padding: 98px 0;
}
/* ==========================
	공통 스타일
============================= */
.event_wrap {
	font-family: "Pretendard",  sans-serif;
}
.event_wrap img {
	width: 100%;
}
.event_wrap .w670 {
	width: 670px;
	margin: 0 auto;
}
/* ==========================
	영역별 스타일
============================= */
/* bg_01 */
.event_wrap .main_box {
	position: relative;
	width: 514px;
	height: 100%;
	margin: 0 auto;
	padding-top: 172px;
}
.event_wrap .main_box .main_obj {
	position: absolute;
	opacity: 0;
}
.event_wrap .main_box .main_obj.main_obj01 {
	top: 50px;
	left: -110px;
	width: 222px;
	animation: fadeDownRight 1s ease-in-out forwards;
}
.event_wrap .main_box .main_obj.main_obj02 {
	top: 48px;
	right: -110px;
	width: 130px;
	animation: fadeDownLeft 1s 0.3s ease-in-out forwards;
}
.event_wrap .main_box .main_obj.main_obj03 {
	bottom: 0;
	left: -300px;
	width: 300px;
	animation: fadeUpRight 1s 0.5s ease-in-out forwards;
}
.event_wrap .main_box .main_obj.main_obj04 {
	bottom: 0;
	right: -276px;
	width: 325px;
	animation: fadeUpLeft 1s 1s ease-in-out forwards;
}
/* bg_02 */
.event_wrap .desc_img {
	width: 660px;
	margin: 0 auto;
	transform: translateY(-46px);
}
.event_wrap .evt_list {
	display: flex;
	flex-wrap: wrap;
	gap: 52px 70px;
	margin: 34px auto 80px;
}
.event_wrap .evt_list li {
	width: calc((100% / 2) - 35px);
}
.event_wrap .evt_list li .box_ani {
	margin-top: 12px;
	animation: floatBox 2.5s ease-in-out infinite;
}
.event_wrap .evt_list li .evt_desc {
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -0.01em;
	color: rgba(255, 255, 255, 0.7);
	text-align: center;
	margin-top: 12px;
}
.event_wrap .notice_box {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260623_readers/bnJ_cont02_notice_bg.png") no-repeat center;
	background-size: 100% 100%;
	padding: 82px 105px 62px;
}
.event_wrap .notice_box strong {
	display: block;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: #fff;
	text-align: center;
	margin-bottom: 28px;
}
.event_wrap .notice_box .btn_box {
	width: 460px;
	margin: 0 auto;
}
.event_wrap .notice_box .btn_box a {
	display: block;
}
.event_wrap .notice_box .btn_box a:last-child {
	margin-top: 16px;
}
/* bg_03 */
.event_wrap .noti_desc {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.01em;
	text-align: center;
	margin-bottom: 30px;
}
/* ==========================
	keyframes
============================= */
@keyframes fadeDownRight {
	0% {
		opacity: 0;
		transform: translateY(-30px) translateX(-30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0) translateX(0);
	}
}
@keyframes fadeDownLeft {
	0% {
		opacity: 0;
		transform: translateY(-30px) translateX(30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0) translateX(0);
	}
}
@keyframes fadeUpRight {
	0% {
		opacity: 0;
		transform: translateY(30px) translateX(-30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0) translateX(0);
	}
}
@keyframes fadeUpLeft {
	0% {
		opacity: 0;
		transform: translateY(30px) translateX(30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0) translateX(0);
	}
}
@keyframes floatBox {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-5px);
	}
	100% {
		transform: translateY(0);
	}
}