@charset "utf-8";
*, *::before, *::after {
	box-sizing: border-box;
}
.event_wrap .e_container.bg_01 {
	background: #0D012D url("https://contents.kyobobook.co.kr/pmtn/2026/book/260508_buddha/bnX_cont01_bg.png") no-repeat 50% 0;
	padding: 80px 0;
}
.event_wrap .e_container.rolling_bnr {
	background-color: #000;
	height: 90px;
	overflow: hidden;
}
.event_wrap .e_container.bg_02 {
	background-color: #2C015D;
	padding: 120px 0;
}
.event_wrap .e_container.bg_03 {
	background-color: #080015;
	padding: 120px 0;
}
.event_wrap .e_container.bg_04 {
	background-color: #2C015D;
	padding: 120px 0;
}
.event_wrap .e_container.btm_bnr {
	background-color: #000;
}
/* ==========================
	공통 스타일
============================= */
.event_wrap {
	font-family: "Pretendard",  sans-serif;
}
.event_wrap img {
	width: 100%;
}
.event_wrap button {
	cursor: pointer;
}
.event_wrap .mT120 {
	margin-top: 120px;
}
/* ==========================
	영역별 스타일
============================= */
/* bg_01 */
.event_wrap .main_title {
	width: 570px;
	margin: 0 auto 80px;
}
.event_wrap .main_obj {
	position: relative;
	width: 500px;
	margin: 0 auto 
}
.event_wrap .main_obj .key_obj {
	position: absolute;
	animation: floating 2.5s ease-in-out infinite;
}
.event_wrap .main_obj .key_obj.key_obj01 {
	top: 44px;
	left: -33px;
	width: 236px;
	animation-delay: 0.3s;
}
.event_wrap .main_obj .key_obj.key_obj02 {
	top: 114px;
	right: -1px;
	width: 162px;
}
.event_wrap .main_obj .key_obj.key_obj03 {
	top: 164px;
	left: -70px;
	width: 186px;
	animation-delay: 0.5s;
}
.event_wrap .main_obj .key_obj.key_obj04 {
	top: 280px;
	right: -24px;
	width: 242px;
	animation-delay: 0.3s;
}
.event_wrap .main_obj .key_obj.key_obj05 {
	top: 378px;
	left: 44px;
	width: 206px;
	animation-delay: 0.5s;
}
/* rolling_bnr */
.event_wrap .rolling_bnr.active {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
.event_wrap .rolling_bnr.active.active_down {
	top: 0;
}
.event_wrap .rolling_bnr.active.active_up {
	top: 80px;
}
.event_wrap .rolling_bnr .rolling_inner {
	height: 100%;
	display: flex;
	align-items: center;
	width: max-content;
}
.event_wrap .rolling_bnr .rolling_inner > div {
	padding: 0 14px;
	width: 1244px;
	animation: rolling 10s linear infinite;
}
/* bg_02 */
.event_wrap .bg_02 .title_box {
	width: 470px;
	margin: 0 auto 64px;
}
.event_wrap .item_slide {
	position: relative;
	width: 644px;
	margin: 0 auto;
}
.event_wrap .item_slide .swiper-container {
	width: 500px;
	margin: 0 auto;
}
.event_wrap .item_slide .swiper-button-next, 
.event_wrap .item_slide .swiper-button-prev {
	opacity: 1;
	top: 287px;
	margin-top: 0;
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260508_buddha/bnX_slide_nav.png");
	background-color: transparent;
	background-size: contain;
	border-radius: 0;
	width: 40px;
	height: 84px;
}
.event_wrap .item_slide .swiper-button-next {
	right: 0;
}
.event_wrap .item_slide .swiper-button-prev {
	left: 0;
	transform: rotate(180deg);
}
.event_wrap .item_slide .swiper-pagination {
	position: static;
	font-size: 0;
	margin-top: 64px;
}
.event_wrap .item_slide .swiper-pagination-bullet {
	opacity: 1;
	width: 20px;
	height: 20px;
	background-color: #fff;
	margin: 0 10px;
}
.event_wrap .item_slide .swiper-pagination-bullet-active {
	background-color: #00FFAE;
}
/* bg_03 */
.event_wrap .eMap .link_01 {
	bottom: 0;
	left: 5%;
	width: 90%;
	height: 8%;
}
.event_wrap .toggle_wrap {
	width: 670px;
	margin: 120px auto 0;
}
.event_wrap .toggle_wrap .toggle_btn {
	width: 100%;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.03em;
	color: #fff;
}
.event_wrap .toggle_wrap .toggle_btn span::after {
	content: '';
	display: inline-block;
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260508_buddha/bnX_toggle_arrow.png") no-repeat center / contain;
	width: 26px;
	height: 16px;
	vertical-align: middle;
	margin-left: 16px;
	transition: transform 0.3s;
}
.event_wrap .toggle_wrap .toggle_btn.on span::after {
	transform: rotate(180deg);
}
.event_wrap .toggle_wrap .toggle_box {
	display: none;
}
.event_wrap .toggle_wrap .toggle_box.on {
	display: block;
}
.event_wrap .toggle_wrap .e_notice {
	width: 100%;
	padding: 0;
}
.event_wrap .toggle_wrap .e_notice p {
	text-align: left;
	padding: 0 0 10px 20px;
	margin-top: 20px;
}
.event_wrap .toggle_wrap .e_notice ul {
	padding: 0 15px;
}
.event_wrap .toggle_wrap .e_notice p,
.event_wrap .toggle_wrap .e_notice ul li {
	font-family: "Pretendard",  sans-serif;
	font-size: 26px;
	color: #fff;
}
.event_wrap .toggle_wrap .e_notice ul li {
	font-weight: 500;
}
.event_wrap .toggle_wrap .e_notice ul li::before {
	background-color: #fff;
}
/* bg_04 */
.event_wrap .bg_04 .title_box {
	width: 554px;
	margin: 0 auto 64px;
}
.event_wrap .prod_slide {
	width: 1696px;
	margin: 0 auto;
}
.event_wrap .prod_slide .thumb {
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 12px;
}
.event_wrap .prod_slide .prod_info {
	margin-top: 12px;
}
.event_wrap .prod_slide .prod_info .prod_name {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.03em;
	color: #fff;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 80px;
}
.event_wrap .prod_slide .prod_info .price_box {
	display: flex;
	align-items: center;
	margin-top: 12px;
}
.event_wrap .prod_slide .prod_info .price_box span {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.4;
	padding-left: 8px;
}
.event_wrap .prod_slide .prod_info .price_box .rate {
	color: #00FFAE;
	padding-left: 0;
}
.event_wrap .prod_slide .prod_info .price_box .original {
	font-size: 24px;
	font-weight: 500;
	text-decoration: line-through;
}


/* ==========================
	keyframes
============================= */
@keyframes rolling {
	0% { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}
@keyframes floating {
	0% { transform: translateY(0); }
	50% { transform: translateY(-12px); }
	100% { transform: translateY(0); }
}
