@charset "utf-8";
*, *::before, *::after {
	box-sizing: border-box;
}
.event_wrap .e_container {
	padding: 120px 0;
}
.event_wrap .e_container.bg_01 {
	background: #D2EB7E url("https://contents.kyobobook.co.kr/pmtn/2026/book/260504_dayekim/bnX_cont01_bg.png") no-repeat bottom center;
}
.event_wrap .e_container.bg_02 {
	background-color: #008FEE;
	padding: 0;
}
.event_wrap .e_container.bg_03 {
	background-color: #FFADF0;
}
.event_wrap .e_container.bg_04 {
	background-color: #FFEA83;
}
.event_wrap .e_container.bg_05 {
	background-color: #F9F9F9;
}
/* ==========================
	공통 스타일
============================= */
.event_wrap {
	font-family: "Pretendard",  sans-serif;
}
.event_wrap img {
	width: 100%;
}
.event_wrap .title_box {
	margin: 0 auto 44px;
}
.event_wrap .swiper-button-next, 
.event_wrap .swiper-button-prev {
	opacity: 1;
	background-color: transparent;
	background-size: contain;
	border-radius: 0;
	width: 40px;
	height: 84px;
}
.event_wrap .swiper-button-next {
	right: 0;
}
.event_wrap .swiper-button-prev {
	left: 0;
	transform: rotate(180deg);
}
.event_wrap .swiper-pagination {
	position: static;
	font-size: 0;
	margin-top: 64px;
}
.event_wrap .swiper-pagination-bullet {
	opacity: 1;
	width: 20px;
	height: 20px;
	margin: 0 9px;
}

/* ==========================
	영역별 스타일
============================= */
/* bg_01 */
.event_wrap .main_title {
	width: 580px;
	margin: 0 auto 64px;
}
.event_wrap .main_obj_box {
	position: relative;
	width: 544px;
	margin: 0 auto 20px;
}
.event_wrap .main_obj_box .obj {
	position: absolute;
	opacity: 0;
}
/* 1 */
.event_wrap .main_obj_box .obj.obj01 {
	top: 54px;
	left: 294px;
	width: 100px;
	animation: objAni_fadeDown 0.7s ease-out forwards, objAni_floatSway 3s ease-in-out 3.2s infinite;
}
/* 4 */
.event_wrap .main_obj_box .obj.obj02 {
	top: 146px;
	left: 162px;
	width: 116px;
	animation: objAni_fadeInScalePop 0.7s ease-out 1.2s forwards, objAni_floatSway 3s ease-in-out 3.6s infinite;
}
/* 5 */
.event_wrap .main_obj_box .obj.obj03 {
	top: 174px;
	right: 122px;
	width: 104px;
	animation: objAni_fadeInScalePop 0.7s ease-out 1.5s forwards, objAni_floatSway 3s ease-in-out 4s infinite;
}
/* 3 */
.event_wrap .main_obj_box .obj.obj04 {
	top: 176px;
	right: -28px;
	width: 112px;
	animation: objAni_fadeDown 0.7s ease-out 0.8s forwards, objAni_floatSway 3s ease-in-out 3.4s infinite;
}
/* 2 */
.event_wrap .main_obj_box .obj.obj05 {
	top: 290px;
	left: -40px;
	width: 107px;
	animation: objAni_fadeUp 0.7s ease-out 0.5s forwards, objAni_floatSway 3s ease-in-out 3.7s infinite;
}
/* 6 */
.event_wrap .main_obj_box .obj.obj06 {
	top: 288px;
	left: 160px;
	width: 112px;
	animation: objAni_fadeInScalePop 0.7s ease-out 1.8s forwards, objAni_floatSway 3s ease-in-out 4.2s infinite;
}
/* 7 */
.event_wrap .main_obj_box .obj.obj07 {
	top: 324px;
	right: 154px;
	width: 112px;
	animation: objAni_fadeInScalePop 0.7s ease-out 2.1s forwards, objAni_floatSway 3s ease-in-out 3.5s infinite;
}
/* 8 */
.event_wrap .main_obj_box .obj.obj08 {
	bottom: -20px;
	right: -22px;
	width: 132px;
	animation: objAni_fadeInLeft 0.7s ease-out 2.5s forwards, objAni_floatSway 3s ease-in-out 3.2s infinite;
}
/* bg_03 */
.event_wrap .bg_03 .title_box {
	width: 604px;
	margin-bottom: 64px;
}
.event_wrap .goods_slide .swiper-button-next, 
.event_wrap .goods_slide .swiper-button-prev {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260504_dayekim/bnX_slide_nav01.png");
}
.event_wrap .goods_slide .swiper-pagination-bullet {
	background-color: #fff;
}
.event_wrap .goods_slide .swiper-pagination-bullet-active {
	background-color: #BD009B;
}
.event_wrap .e_notice {
	width: 720px;
	padding: 64px 0 0 0;
}
.event_wrap .e_notice p,
.event_wrap .e_notice ul li {
	font-family: "Pretendard",  sans-serif;
	color: #8A0071;
	letter-spacing: -0.03em;
}
.event_wrap .e_notice p {
	font-size: 28px;
}
.event_wrap .e_notice ul li {
	font-size: 26px;
}
.event_wrap .e_notice ul li::before {
	background-color: #8A0071;
}
/* bg_04 */
.event_wrap .bg_04 .title_box {
	width: 670px;
	margin-bottom: 48px;
}
.event_wrap .collab_box .txt_box p {
	font-size: 28px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -0.03em;
	color: #695700;
}
.event_wrap .collab_box.collab_box01 {
	margin-bottom: 100px;
}
.event_wrap .collab_box.collab_box01 .img_box {
	width: 260px;
	margin: 0 auto 48px;
}
.event_wrap .collab_box.collab_box01 .txt_box {
	text-align: center;
}
.event_wrap .collab_box.collab_box01 .insta_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 670px;
	margin: 48px auto 0;
	height: 88px;
	line-height: 88px;
	border-radius: 20px;
	overflow: hidden;
	background-color: #00A5FF;
	color: #fff;
}
.event_wrap .collab_box.collab_box01 .insta_btn img {
	width: 44px;
	margin-right: 24px;
}
.event_wrap .collab_box.collab_box01 .insta_btn span {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -0.03em;
}
.event_wrap .collab_box.collab_box02 {
	display: flex;
	width: 604px;
	margin: 0 auto;
}
.event_wrap .collab_box.collab_box02 .sticker_box {
	position: relative;
	width: 220px;
	height: 296px;
	overflow: hidden;
}
.event_wrap .collab_box.collab_box02 .sticker_box .sticker {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: stepSwitch 11.2s linear infinite;
}
.event_wrap .collab_box.collab_box02 .sticker_box .sticker.sticker01 {
	animation-delay: 0s;
}
.event_wrap .collab_box.collab_box02 .sticker_box .sticker.sticker02 {
	animation-delay: 1.4s;
}
.event_wrap .collab_box.collab_box02 .sticker_box .sticker.sticker03 {
	animation-delay: 2.8s;
}
.event_wrap .collab_box.collab_box02 .sticker_box .sticker.sticker04 {
	animation-delay: 4.2s;
}
.event_wrap .collab_box.collab_box02 .sticker_box .sticker.sticker05 {
	animation-delay: 5.6s;
}
.event_wrap .collab_box.collab_box02 .sticker_box .sticker.sticker06 {
	animation-delay: 7s;
}
.event_wrap .collab_box.collab_box02 .sticker_box .sticker.sticker07 {
	animation-delay: 8.4s;
}
.event_wrap .collab_box.collab_box02 .sticker_box .sticker.sticker08 {
	animation-delay: 9.8s;
}
.event_wrap .collab_box.collab_box02 .txt_box {
	flex: 1;
	padding-left: 48px;
}
/* bg_05 */
.event_wrap .bg_05 .title_box {
	width: 526px;
}
.event_wrap .book_slide {
	position: relative;
	width: 660px;
	margin: 0 auto;
}
.event_wrap .book_slide .swiper-container {
	width: 528px;
	margin: 0 auto;
}
.event_wrap .book_slide .swiper-button-next, 
.event_wrap .book_slide .swiper-button-prev {
	top: calc(50% - 68px);
	margin-top: 0;
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260504_dayekim/bnX_slide_nav02.png");
}
.event_wrap .book_slide .swiper-pagination {
	margin-top: 48px;
}
.event_wrap .book_slide .swiper-pagination-bullet {
	background-color: #BCBCBC;
}
.event_wrap .book_slide .swiper-pagination-bullet-active {
	background-color: #00B3FF;
}
.event_wrap .book_slide .book_link {
	top: 48px;
	left: 26.5%;
	width :250px;
	height: 350px;
}
/* ==========================
	keyframes
============================= */
@keyframes objAni_fadeUp {
	0% {
		opacity: 0;
		transform: translateY(30px)
	}
	100% {
		opacity: 1;
		transform: translateY(0)
	}
}
@keyframes objAni_fadeDown {
	0% {
		opacity: 0;
		transform: translateY(-30px)
	}
	100% {
		opacity: 1;
		transform: translateY(0)
	}
}
@keyframes objAni_fadeInScalePop {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes objAni_fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes objAni_floatSway {
	0%   { opacity: 1; transform: translateY(0) rotate(0deg); }
	40%  { opacity: 1; transform: translateY(-8px) rotate(1deg); }
	70%  { opacity: 1; transform: translateY(-5px) rotate(-1deg); }
	100% { opacity: 1; transform: translateY(0) rotate(0deg); }
}
@keyframes stepSwitch {
	0% {
		opacity: 0;
	}
	0.1% {
		opacity: 1;
	}
	12.5% {
		opacity: 1;
	}
	12.6% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}