@charset "utf-8";
* {
	box-sizing: border-box;
}
.event_wrap .e_container.bg_01 {
	background: #4a094f url("https://contents.kyobobook.co.kr/pmtn/2025/eBook/250924_chuseok/content02/img/bnD10_cont01_bg.jpg") no-repeat 50% 0;
	padding:120px 0 150px
}
.event_wrap .e_container.bg_02 {
	background: #aa40b3 url("https://contents.kyobobook.co.kr/pmtn/2025/eBook/250924_chuseok/content02/img/bnD10_cont02_bg.jpg") 50% 0;
	padding:100px 0 120px;
}
.event_wrap .e_container.bg_03 {
	background: #84008f;
}
/* card flip */
.event_wrap .e_card_list {
	display:flex;
	flex-wrap:wrap;
	gap: 25px 25px;
	width:680px;
	margin: 50px auto 0;
}
.event_wrap .e_card_list li {
	width:calc((100% / 3) - 17px);
}
.event_wrap .e_card_list .e_card_flip {
	perspective: 1000px;
	position:relative;
	height:330px;
	cursor: pointer;
}
.event_wrap .e_card_list .e_card_flip .e_flip_inner {
	height:100%;
	transform-style: preserve-3d;
	transition: 0.3s;
}
.event_wrap .e_card_list .e_card_flip.flip_on .e_flip_inner {
	transform:rotateY(180deg);
}
.event_wrap .e_card_list .e_card_flip .e_card {
	position:absolute;
	width:100%;
	height:100%;
	backface-visibility: hidden;
}
.event_wrap .e_card_list .e_card_flip .e_card.back {
	transform:rotateY(180deg);
	border-radius: 3px;
	overflow: hidden;
}
.event_wrap .e_card_list .e_card_flip .e_card img {
	width:100%;
	height:100%;
	object-fit: cover;
}
/* 링크 */
.event_wrap .eMap .e_link01 {
	bottom: 7.5%;
	left: 16%;
	width: 68%;
	height: 11%;
}
.event_wrap .eMap .e_link02 {
	bottom: 8.5%;
	left: 16%;
	width: 68%;
	height: 11.5%;
}
/* toggle */
.event_wrap .e_toggle_btn {
	font-size: 24px;
	font-weight: 500;
	width:100%;
	text-align: center;
	color:#c280c7;
	height:61px;
	line-height:61px;
	letter-spacing: -1px;
	border-bottom:1px solid #a94db1;
}
.event_wrap .e_toggle_btn::before,
.event_wrap .e_toggle_btn::after {
	content:'';
	background:url("https://contents.kyobobook.co.kr/pmtn/2025/eBook/250924_chuseok/content02/img/bnD10_toggle.jpg") no-repeat center;
	width:20px;
	height:15px;
	display:inline-block;
	margin:0 12px;
	transition: all 0.3s;
}
.event_wrap .e_toggle_btn.on::before,
.event_wrap .e_toggle_btn.on::after {
	transform:rotate(-180deg);
}
.event_wrap .e_toggle_box {
	display:none;
	padding:25px 0 110px;
}
.event_wrap .e_toggle_box .e_notice {
	width:660px;
	padding: 0;
}
.event_wrap .e_toggle_box .e_notice p {
	font-size:22px;
	padding:35px 0 10px 45px;
	text-align:left;
}
.event_wrap .e_toggle_box .e_notice p,
.event_wrap .e_toggle_box .e_notice ul li {
	color:#c280c7;
}
.event_wrap .e_toggle_box .e_notice ul li::before {
	background: #c280c7;
}