@charset "UTF-8";
*, *::before, *::after {
	box-sizing: border-box;
}
.event_wrap .e_container {
	padding: 100px 0;
}
.event_wrap .e_container.bg_01 {
	background: #DEE5FF url("https://contents.kyobobook.co.kr/pmtn/2026/book/260907_2027trend/bnX_cont01_bg.jpg") no-repeat 50% 0;
}
.event_wrap .e_container.bg_02 {
	background-color: #8CE2E2;
}
.event_wrap .e_container.bg_03 {
	background-color: #8666FF;
}
/* ==========================
	공통 스타일
============================= */
.event_wrap img {
	width: 100%;
}
.event_wrap .w670 {
	width: 670px;
	margin: 0 auto;
}
/* ==========================
	영역별 스타일
============================= */
/* bg_01 */
.event_wrap .main_wrap {
	position: relative;
	margin-bottom: 60px;
}
.event_wrap .main_wrap .cursor_bar {
	position: absolute;
	top: 236px;
	left: 131px;
	width: 5px;
	height: 60px;
	background: #3163DC;
	animation: blinking 1s step-end infinite;
}
.event_wrap .books .link_01 {
	top: 1%;
	left: 0%;
	width: 54%;
	height: 41%;
	transform: rotate(-11deg);
	z-index: 4;
}
.event_wrap .books .link_02 {
	top: 18%;
	right: 11%;
	width: 47%;
	height: 39%;
	transform: rotate(23deg);
	z-index: 3;
}
.event_wrap .books .link_03 {
	top: 46%;
	left: 7%;
	width: 51%;
	height: 39%;
	transform: rotate(-17deg);
	z-index: 2;
}
.event_wrap .books .link_04 {
	top: 64%;
	right: 11%;
	width: 49%;
	height: 38%;
	transform: rotate(27deg);
	z-index: 1;
}
/* bg_02 */
.event_wrap .bg_02 .eMap .link_01 {
	bottom: 0;
	left: 28%;
	width: 234px;
	height: 60px;
}
.event_wrap .bg_02 .eMap .link_02 {
	bottom: 0;
	right: 0;
	width: 234px;
	height: 60px;
}
/* bg_03 */
.event_wrap .bg_03 .title_img {
	width: 660px;
	margin: 0 auto 80px;
}
.event_wrap .gift_slide {
	position: relative;
}
.event_wrap .gift_slide .swiper-button-next, 
.event_wrap .gift_slide .swiper-button-prev {
	opacity: 1;
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260907_2027trend/bnX_slide_nav.jpg");
	background-size: contain;
	background-color: transparent;
	border-radius: 0;
	width: 60px;
	height: 60px;
}
.event_wrap .gift_slide .swiper-button-next {
	right: 0;
}
.event_wrap .gift_slide .swiper-button-prev {
	left: 0;
	transform: rotateY(180deg);
}
.event_wrap .gift_slide .swiper-pagination-fraction {
	top: 0;
	right: 0;
	left: auto;
	bottom: auto;
	min-width: 80px;
	height: 44px;
	
	background-color: #fff;
	color: #000;
	transform: none;
	border-radius: 0;
	text-align: center;
	padding: 0;
}
.event_wrap .gift_slide .swiper-pagination-fraction span {
	font-size: 26px;
	font-weight: 500;
	letter-spacing: -0.03em;
	color: #000;
	line-height: 44px;
}
.event_wrap .gift_slide .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total:before {
	content: '/';
	font-size: 21px;
	font-weight: 500;
	color: inherit;
}
.event_wrap .gift_slide .swiper-pagination-fraction.swiper-pagination-fraction .swiper-pagination-current {
	font-weight: 700;
}
.event_wrap .gift_slide .slide_bullets {
	text-align: center;
	margin-top: 28px;
	font-size: 0;
}
.event_wrap .gift_slide .slide_bullets .custom_bullet {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #D9D9D9;
	margin: 0 5px;
	border-radius: 50%;
	cursor: pointer;
}
.event_wrap .gift_slide .slide_bullets .custom_bullet.active {
	background: #202020;
}
.event_wrap .e_notice {
	width: 670px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}
.event_wrap .e_notice ul li {
	font-family: "Pretendard",  sans-serif;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: #282828;
}
.event_wrap .e_notice ul li::before {
	background-color: #282828;
}
/* ==========================
	keyframes
============================= */
@keyframes blinking {
	50% {opacity:0;}
}