@charset "utf-8";
* {
	box-sizing: border-box;
}
.event_wrap .e_container.bg_01 {
	background: #04cc5d url("https://contents.kyobobook.co.kr/pmtn/2025/book/250813_2ndsemester/bnD6_cont01_bg.jpg") no-repeat 50% 0;
	padding:100px 0;
}
.event_wrap .e_container.bg_02 {
	background: #ffb7c9;
	padding-bottom:100px;
}
.event_wrap .e_container.bg_03 {
	background: #ffdae3;
}
.event_wrap .e_container.bg_04 {
	background: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250813_2ndsemester/bnD6_cont04_bg.jpg") 50% 0;
}
.event_wrap .w813 {
	width:813px;
}
.event_wrap .mB55 {
	margin-bottom:55px;
}
/* 스크롤 패딩 */
.event_wrap .goScroll_01 {
	padding-top:120px;
}
.event_wrap .goScroll_02 {
	padding-top:100px;
}
/* 탭 */
.event_wrap .e_tab_wrap {
	background: #00a148;
}
.event_wrap .e_tab_wrap.fixed {
	position:fixed;
	top:80px;
	left:0;
	right:0;
	width:100%;
	min-width:1440px;
	z-index:1000;
}
.event_wrap .e_tab_wrap.fixed.fixed_top {
	top:0;
}
.event_wrap .e_tab_wrap ul {
	width:750px;
	margin:0 auto;
	display:flex;
}
.event_wrap .e_tab_wrap ul li {
	width:calc(100% / 3);
}
.event_wrap .e_tab_wrap ul li button {
	display:block;
	background-repeat: no-repeat;
	background-position: center;
	width:248px;
	height:120px;
	cursor: pointer;
}
.event_wrap .e_tab_wrap ul li:nth-child(1) button {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250813_2ndsemester/bnD6_tab01.jpg");
}
.event_wrap .e_tab_wrap ul li:nth-child(2) button {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250813_2ndsemester/bnD6_tab02.jpg");
}
.event_wrap .e_tab_wrap ul li:nth-child(3) button {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250813_2ndsemester/bnD6_tab03.jpg");
}
.event_wrap .e_tab_wrap ul li:nth-child(1).on button {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250813_2ndsemester/bnD6_tab01_on.jpg");
}
.event_wrap .e_tab_wrap ul li:nth-child(2).on button {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250813_2ndsemester/bnD6_tab02_on.jpg");
}
.event_wrap .e_tab_wrap ul li:nth-child(3).on button {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250813_2ndsemester/bnD6_tab03_on.jpg");
}
/* 헤더 애니메이션 1 */
.event_wrap .e_ani_wrap {
	position:relative;
	width:1365px;
	margin:0 auto;
}
.event_wrap .e_ani_wrap .e_main_box {
	width:876px;
	margin:0 auto 85px;
}
.event_wrap .e_ani_wrap .e_ani_box {
	position:absolute;
}
.event_wrap .e_ani_wrap .e_ani_box.ani01 {
	left:0;
	bottom:200px;
	animation: wobble 1s ease-in-out infinite;
}
.event_wrap .e_ani_wrap .e_ani_box.ani02 {
	left:180px;
	top:440px;
	animation: wobble 2s 0.3s ease-in-out infinite;
}
.event_wrap .e_ani_wrap .e_ani_box.ani03 {
	right:250px;
	top:472px;
	animation: wobble 1.5s 0.5s ease-in-out infinite;
}
.event_wrap .e_ani_wrap .e_ani_box.ani04 {
	right:-240px;
	bottom:200px;
	animation: wobble 2s 0.6s ease-in-out infinite;
}

/* 헤더 애니메이션 2 */
.event_wrap .e_paper_wrap {
	width:1100px;
	margin:40px auto 0;
	position:relative;
	overflow:hidden;
}
.event_wrap .e_paper_wrap .e_inside_box {
	position:relative;
	width:1000px;
	margin:0 auto;
}
.event_wrap .e_paper_wrap .e_inside_box .e_gift_ani {
	position:absolute;
}
.event_wrap .e_paper_wrap .e_inside_box .e_gift_ani.gift01 {
	top:50px;
	left:55px;
}
.event_wrap .e_paper_wrap .e_inside_box .e_gift_ani.gift02 {
	top:39px;
	right:374px;
}
.event_wrap .e_paper_wrap .e_inside_box .e_gift_ani.gift03 {
	top:62px;
	right:42px;
}
.event_wrap .e_paper_wrap .e_inside_box .e_gift_ani.gift04 {
	bottom:20px;
	left:156px;
}
.event_wrap .e_paper_wrap .e_inside_box .e_gift_ani.gift05 {
	bottom:12px;
	right:162px;
}
.event_wrap .e_paper_wrap .e_inside_box.active .e_gift_ani.gift01 {
	animation:bounce 1s ease-in-out infinite alternate;
}
.event_wrap .e_paper_wrap .e_inside_box.active .e_gift_ani.gift02 {
	animation:bounce 1s 0.2s ease-in-out infinite alternate-reverse;
}
.event_wrap .e_paper_wrap .e_inside_box.active .e_gift_ani.gift03 {
	animation:bounce 1s 0.2s ease-in-out infinite alternate;
}
.event_wrap .e_paper_wrap .e_inside_box.active .e_gift_ani.gift04 {
	animation:bounce 1s ease-in-out infinite alternate-reverse;
}
.event_wrap .e_paper_wrap .e_inside_box.active .e_gift_ani.gift05 {
	animation:bounce 1s 0.3s ease-in-out infinite alternate;
}
.event_wrap .e_paper_wrap .e_cover_box {
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:1000px;
	height:100%;
}
.event_wrap .e_paper_wrap .e_cover_box > div,
.event_wrap .e_paper_wrap .e_cover_box .e_cover_center img {
	position:absolute;
	left:0;
}
.event_wrap .e_paper_wrap .e_cover_box .e_cover_top {
	top:-3px;
}
.event_wrap .e_paper_wrap .e_cover_box .e_cover_center {
	top:42.26%;
}
.event_wrap .e_paper_wrap .e_cover_box .e_cover_center img {
	display:none;
}
.event_wrap .e_paper_wrap .e_cover_box .e_cover_center img.active {
	display:block;
	z-index: 3;
}
.event_wrap .e_paper_wrap .e_cover_box .e_cover_center .step1 {
	top:0;
}
.event_wrap .e_paper_wrap .e_cover_box .e_cover_center .step2 {
	top:-9px;
}
.event_wrap .e_paper_wrap .e_cover_box .e_cover_center .step3 {
	top:-8px;
}
.event_wrap .e_paper_wrap .e_cover_box .e_cover_center .step4 {
	top:-5px;
}
.event_wrap .e_paper_wrap .e_cover_box .e_cover_center .step5 {
	top:-7px;
}
.event_wrap .e_paper_wrap .e_cover_box .e_cover_center .step6 {
	top:-3px;
}
.event_wrap .e_paper_wrap .e_cover_box .e_cover_center .step7 {
	top:-4px;
}
.event_wrap .e_paper_wrap .e_cover_box .e_cover_center .step8 {
	top:-9px;
}
.event_wrap .e_paper_wrap .e_cover_box .e_cover_btm {
	bottom:-1px;
}
.event_wrap .e_paper_wrap .e_cover_box .e_cover_top.active {
	animation:fadeUp 3s 0.2s both;
}
.event_wrap .e_paper_wrap .e_cover_box .e_cover_btm.active {
	animation:fadeDown 3s 0.2s both;
}
/* bg_02 */
.event_wrap .e_slide_wrap {
	width:885px;
	margin:0 auto 110px;
	position:relative;
}
.event_wrap .e_slide_wrap:last-of-type {
	margin-bottom:0;
}
.event_wrap .e_bookslide {
	width:788px;
	margin:0 auto;
}
.event_wrap .e_bookslide .e_thumb {
	width:180px;
	height:266px;
	position:relative;
	margin:0 auto 10px;
}
.event_wrap .e_bookslide .e_thumb img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
	height:92%;
	object-fit: cover;
	overflow:hidden;
	border-radius: 5px;
}
.event_wrap .e_bookslide .e_title {
	display:block;
	font-size:22px;
	line-height:1.3;
	text-align: center;
	letter-spacing: -1px;
	padding:0 15px;
}
.event_wrap .e_slide_wrap .swiper-button-next, 
.event_wrap .e_slide_wrap .swiper-button-prev {
	background-image:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250813_2ndsemester/bnD6_slide_nav.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color:transparent;
	width:20px;
	height:34px;
	opacity:1;
	margin-top:0;
}
.event_wrap .e_bookslide.slide01 .swiper-button-next,
.event_wrap .e_bookslide.slide01 .swiper-button-prev {
	top:52%;
}
.event_wrap .e_bookslide.slide02 .swiper-button-next,
.event_wrap .e_bookslide.slide02 .swiper-button-prev {
	top:42%;
}
.event_wrap .e_bookslide.slide03 .swiper-button-next,
.event_wrap .e_bookslide.slide03 .swiper-button-prev {
	top:40%;
}
.event_wrap .e_slide_wrap .custom-scrollbar {
	width: 400px;
	height: 8px;
	background: #ffe5fd;
	border-radius: 4px;
	margin:45px auto 0;
	position: relative;
}
.event_wrap .e_slide_wrap .custom-scrollbar-drag {
	height: 100%;
	width: 120px;
	border-radius: 5px;
	cursor: grab;
	position: absolute;
	left: 0;
	top: 0;
}
.event_wrap .e_slide_wrap .slide01 .custom-scrollbar-drag {
	background:#ff348e;
}
.event_wrap .e_slide_wrap .slide02 .custom-scrollbar-drag {
	background:#008e25;
}
.event_wrap .e_slide_wrap .slide03 .custom-scrollbar-drag {
	background:#d54222;
}
.event_wrap .e_title_box {
	width:750px;
	margin:0 auto 50px;
}
.event_wrap .e_btn_box {
	width:480px;
	margin:60px auto 0;
}
/* bg_03 */
.event_wrap .e_prod_wrap {
	width:1160px;
	margin:0 auto;
	display:flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom:80px;
}
.event_wrap .e_prod_wrap .e_prodslide {
	position:relative;
	width:680px;
}
/* 팝업 */
.event_wrap .e_prod_wrap .e_prodslide .e_popup {
	position:absolute;
	background:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250813_2ndsemester/bnD6_viewmore.png") no-repeat center;
	width:72px;
	height:72px;
	top:400px;
	right:30px;
	z-index:2;
}
.event_wrap .e_prod_wrap .swiper-pagination {
	font-size:0;
	position:static;
	margin:30px auto 0;
}
.event_wrap .e_prod_wrap .swiper-pagination .swiper-pagination-bullet {
	width:12px;
	height:12px;
	background:#fff;
	margin:0 10px;
	opacity:1;
}
.event_wrap .e_prod_wrap .swiper-pagination .swiper-pagination-bullet-active {
	background:#ff5793;
}
/* notice */
.event_wrap .e_notice {
	width:700px;
	padding-top:10px;
}
.event_wrap .e_notice p {
	font-size:22px;
}
.event_wrap .e_notice p,
.event_wrap .e_notice ul li {
	color:#9f5365;
}
.event_wrap .e_notice ul li {
	line-height: 1.5;
}
.event_wrap .e_notice ul li::before {
	background: #9f5365;
}
.event_wrap .e_deco {
	position:relative;
}
/* bg_04 */
.event_wrap .e_container.bg_04 .e_deco {
	width:1160px;
	margin:0 auto;
}
.event_wrap .e_deco01::after {
	content:'';
	background:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250813_2ndsemester/bnD6_cont03_deco01.png") no-repeat center;
	width:337px;
	height:114px;
	position:absolute;
	left: -180px;
	bottom: -13px;
	z-index:1;
}
.event_wrap .e_deco02::after {
	content:'';
	background:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250813_2ndsemester/bnD6_cont03_deco02.png") no-repeat center;
	width:235px;
	height:207px;
	position:absolute;
	right: -190px;
	bottom: -160px;
}
.event_wrap .e_deco03::after {
	content:'';
	background:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250813_2ndsemester/bnD6_cont03_deco03.png") no-repeat center;
	width:115px;
	height:155px;
	position:absolute;
	left:320px;
	top:15px;
}
.event_wrap .e_deco04::after {
	content:'';
	background:url("https://contents.kyobobook.co.kr/pmtn/2025/book/250813_2ndsemester/bnD6_ani04.png") no-repeat center;
	width:478px;
	height:108px;
	position:absolute;
	left:-100px;
	bottom:285px;
}
/* keyframes */
@keyframes bounce {
	0% {transform:translateY(-10px);}
	100% {transform:translateY(0);}
}
@keyframes wobble {
	0%, 100% {transform: rotate(0deg);}
	25% {transform: rotate(5deg);}
	50% {transform: rotate(-5deg);}
	75% {transform: rotate(4deg);}
}
@keyframes fadeUp {
	0% {top:-3px;}
	100% {top:-100%;}
}
@keyframes fadeDown {
	0% {bottom:-1px;}
	100% {bottom:-100%;}
}