@charset "utf-8";
* {
	box-sizing: border-box;
}
.event_wrap .e_container.bg_01 {
	background: #f2f0ff url("https://contents.kyobobook.co.kr/pmtn/2025/book/250923_solution/bnD6_cont01_bg.jpg") no-repeat 50% 0;
	height:1029px;
	padding-top:75px;
}
.event_wrap .e_container.bg_02 {
	background: #c0a9ed;
	padding-bottom:110px;
}
.event_wrap .e_container.bg_03 {
	background: #cfbdf3 url("https://contents.kyobobook.co.kr/pmtn/2025/book/250923_solution/bnD6_cont03_bg.jpg") 50% 0;
	padding:60px 0 100px;
}
/* 링크 */
.event_wrap .eMap .e_link01 {
	top: 33%;
	left: 14%;
	width: 36%;
	height: 32%;
}
.event_wrap .eMap .e_link02 {
	top: 33%;
	right: 14%;
	width: 36%;
	height: 32%;
}
.event_wrap .eMap .e_link03 {
	top: 0%;
	left: 17.5%;
	width: 65%;
	height: 8%;
}
.event_wrap .eMap .e_link04 {
	bottom: 4%;
	left: 13.5%;
	width: 36%;
	height: 8%;
}
.event_wrap .eMap .e_link05 {
	bottom: 4%;
	right: 13.5%;
	width: 36%;
	height: 8%;
}
/* Swiper */
.event_wrap .e_bookslide {
	width:650px;
	margin:0 auto;
}
.event_wrap .e_bookslide .e_thumb {
	border-radius: 10px;
	border:1px solid #ebebeb;
	overflow:hidden;
	aspect-ratio: 200 / 278;
}
.event_wrap .e_bookslide .e_thumb img {
	width:100%;
	height:100%;
}
.event_wrap .e_bookslide .e_title {
	font-size:22px;
	font-weight: 500;
	line-height:1.3;
	text-align: center;
	margin-top:10px;
}
.event_wrap .e_bookslide .e_scrollbar_box {
	overflow: hidden;
	width: 432px;
	padding:2px 0;
	margin:40px auto 0;
}
.event_wrap .e_bookslide .swiper-scrollbar {
	height: 8px;
	background: #ede3ff;
	position:relative;
}
.event_wrap .e_bookslide .swiper-scrollbar-drag {
	height:10px;
	background: #552ca4;
	cursor: grab;
	top: -1px;
}
/* bg_03 */
.event_wrap .e_bubble_box {
	position:relative;
	background: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250923_solution/bnD6_cont0302_bg.png") no-repeat center;
	width:100%;
	height:384px;
	background-size:100% 100%;
}
.event_wrap .e_bubble_box .e_bubble {
	position:relative;
	width: 505px;
	margin: 0 auto;
}
.event_wrap .e_bubble_box .e_bubble.ani_on {
	animation: fadeUp 1.5s ease-in-out both, floating 2s ease-in-out infinite;
}
.event_wrap .e_bubble_box .e_bubble.e_bubble01 {
	padding-left: 37px;
	z-index: 2;
	animation-delay: 0s 1.5s;
}
.event_wrap .e_bubble_box .e_bubble.e_bubble02 {
	padding-left: 146px;
	margin-top:-30px;
	z-index: 1;
	animation-delay: 0.2s, 1.7s;
}
.event_wrap .e_bubble_box .e_bubble.e_bubble03 {
	padding-left: 51px;
	margin-top: -11px;
	animation-delay: 0.3s, 1.8s;
}

@keyframes floating {
	0% {transform: translateY(0);}
	50% {transform: translateY(-3px);}
	100% {transform: translateY(0);}
}
@keyframes fadeUp {
	0% {opacity:0; transform: translateY(20px);}
	100% {opacity:1; transform: translateY(0);}
}