@charset "utf-8";
* {
	box-sizing: border-box;
}
.event_wrap .e_container.bg_01 {
	background: #170e09 url("https://contents.kyobobook.co.kr/pmtn/2025/book/250822_econ/bnD11_cont01.jpg") no-repeat 50% 0;
	height:1484px;
}
.event_wrap .e_container.bg_02 {
	background: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250822_econ/bnD11_cont02_bg.jpg") repeat-x 50% 0;
	padding:70px 0 100px;
}
.event_wrap .e_tab_wrap {
	width:681px;
	margin:0 auto 45px;
}
.event_wrap .e_tab_wrap .swiper-wrapper {
	align-items: center;
}
.event_wrap .e_tab_wrap .swiper-slide {
	width:auto;
}
.event_wrap .e_tab_wrap button {
	display:block;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	height:80px;
	width:100%;
}
.event_wrap .e_tab_wrap button.on {
	height:88px;
}
.event_wrap .e_tab_wrap button[data-tab="data01"] {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250822_econ/bnD11_tab01.png");
	width:271px;
}
.event_wrap .e_tab_wrap button[data-tab="data02"] {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250822_econ/bnD11_tab02.png");
	width:232px;
}
.event_wrap .e_tab_wrap button[data-tab="data03"] {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250822_econ/bnD11_tab03.png");
	width:262px;
}
.event_wrap .e_tab_wrap button[data-tab="data04"] {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250822_econ/bnD11_tab04.png");
	width:262px;
}
.event_wrap .e_tab_wrap button[data-tab="data05"] {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250822_econ/bnD11_tab05.png");
	width:231px;
}
.event_wrap .e_tab_wrap button[data-tab="data01"].on {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250822_econ/bnD11_tab01_on.png");
	width:283px;
}
.event_wrap .e_tab_wrap button[data-tab="data02"].on {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250822_econ/bnD11_tab02_on.png");
	width:243px;
}
.event_wrap .e_tab_wrap button[data-tab="data03"].on {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250822_econ/bnD11_tab03_on.png");
	width:274px;
}
.event_wrap .e_tab_wrap button[data-tab="data04"].on {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250822_econ/bnD11_tab04_on.png");
	width:268px;
}
.event_wrap .e_tab_wrap button[data-tab="data05"].on {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250822_econ/bnD11_tab05_on.png");
	width:243px;
}
.event_wrap .e_cont_box {
	display:none;
	width:681px;
	margin:0 auto;
}
.event_wrap .e_cont_box.on {
	display:block;
}
.event_wrap .e_link_box {
	position:relative;
}
.event_wrap .e_link_box a {
	position:absolute;
	bottom: 8%;
	left: 28%;
	width: 44%;
	height: 46%;
}
.event_wrap .e_ani_wrap {
	position:relative;
}
.event_wrap .e_ani_wrap::before,
.event_wrap .e_ani_wrap::after {
	content:'';
	position:absolute;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.event_wrap .e_ani_wrap::before {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250822_econ/bnD11_deco01.png");
	width:233px;
	height:211px;
	top:65px;
	left:22px;
}
.event_wrap .e_ani_wrap::after {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250822_econ/bnD11_deco02.png");
	width:229px;
	height:261px;
	top:336px;
	right:-40px;
}
.event_wrap .e_ani_wrap .e_ani_box {
	position:absolute;
	top:81px;
	left: 50%;
	transform:translateX(-50%);
	width:490px;
	height:490px;
	overflow:hidden;
}
.event_wrap .e_ani_wrap .e_ani_box img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.event_wrap .e_ani_wrap .e_ani_box img:nth-child(1) {
	animation: fade1 4s ease-in-out infinite;
}
.event_wrap .e_ani_wrap .e_ani_box img:nth-child(2) {
	animation: fade2 4s ease-in-out infinite;
}
@keyframes fade1 {
	0% {opacity: 1;}
	40% {opacity: 1;}
	50% {opacity: 0;}
	90% {opacity: 0;} 
	100% {opacity: 1;}
}
@keyframes fade2 {
	0% {opacity: 0;} 
	40% {opacity: 0;} 
	50% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0;}
}