@charset "utf-8";
* {
	box-sizing: border-box;
}
.event_wrap {
	font-family: 'SUIT', sans-serif;
}
.event_wrap .e_container.bg_01 {
	background: #fdf5bf url("https://contents.kyobobook.co.kr/pmtn/2026/book/260113_sanrio/cont01_bg.jpg") no-repeat 50% 0;
	height: 774px;
	padding-top: 65px;
}
.event_wrap .e_container.bg_02 {
	padding-bottom: 120px;
}
.event_wrap .e_container.bg_03 {
	background: #fef1b4 url("https://contents.kyobobook.co.kr/pmtn/2026/book/260113_sanrio/cont03_bg.jpg") 50% 0;
	padding:80px 0 35px;
}
.event_wrap .e_container.bg_04 {
	background: #552e31;
}
.event_wrap .inner.w1200 {
	width:1200px;
}
/* bg_01 */
.event_wrap .e_main_txt01 {
	width: 314px;
	margin: 0 auto 20px;
	animation: bounce 0.7s ease-in-out infinite alternate-reverse;
}
.event_wrap .e_main_txt02 {
	width: 565px;
	margin: 0 auto;
}
.event_wrap .e_main_wrap {
	position:relative;
	width:1200px;
	height:282px;
	margin:0 auto;
}
.event_wrap .e_main_wrap .e_obj {
	position:absolute;
}
.event_wrap .e_main_wrap .e_obj.e_obj01 {
	width:297px;
	top: -137px;
	left: -30px;
	animation: shakeX 10s ease-in-out infinite;
}
.event_wrap .e_main_wrap .e_obj.e_obj02 {
	width:426px;
	top: 26px;
	left: 320px;
	animation: bounce 0.7s 0.5s ease-in-out infinite alternate-reverse;
}
.event_wrap .e_main_wrap .e_obj.e_obj03 {
	width:289px;
	top: -60px;
	right: 125px;
	animation: shakeX 10s 0.5s ease-in-out infinite;
}
/* bg_02 */
.event_wrap .e_sub_title {
	width:231px;
	margin:0 auto 25px;
}
.event_wrap .e_slide_wrap {
	position:relative;
	width:1018px;
	margin:0 auto 145px;
}
.event_wrap .e_slide_wrap.slide03 {
	margin-bottom: 0;
}
.event_wrap .e_slide_wrap .swiper-container {
	padding: 10px 0;
}
.event_wrap .e_slide_wrap .swiper-wrapper {
	align-items: flex-end;
}
.event_wrap .e_slide_wrap .e_slide_inner {
	/* aspect-ratio: 330 / 440; */
	perspective: 1500px;
}
.event_wrap .e_slide_wrap .swiper-slide .e_slide_inner {
	transform: scale(0.8) translateY(40px);
}
.event_wrap .e_slide_wrap .swiper-slide.swiper-slide-prev .e_slide_inner {
	transform: scale(0.8) translateY(40px);
}
.event_wrap .e_slide_wrap .swiper-slide.swiper-slide-next .e_slide_inner {
	transform: scale(0.8) translateY(40px);
}
.event_wrap .e_slide_wrap .swiper-slide.swiper-slide-active .e_slide_inner {
	transform: scale(1);
}
.event_wrap .e_slide_wrap .e_thumb {
	position:relative;
	perspective: 1500px;
	/* transform-origin: left center; */
}
.event_wrap .e_slide_wrap .e_thumb img {
	width:100%;
	height:100%;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
.event_wrap .e_slide_wrap .e_thumb .e_thumb_inner {
	transform-style: preserve-3d;
	transform-origin: left center;
	height:440px;
	transition: all 0.8s;
	perspective: 1500px;
}
.event_wrap .e_slide_wrap .e_thumb_inner.on {
	transform: rotateY(35deg) translateZ(60px);
}
.event_wrap .e_slide_wrap .e_thumb .e_cover {
	position:absolute;
	top:0;
	height:100%;
	backface-visibility: hidden;
	display: block;
}
.event_wrap .e_slide_wrap .e_thumb .e_cover.side {
	width:20px;
	left:0;
	transform: rotateY(-90deg) translateX(-20px);
	transform-origin: left center;
}
.event_wrap .e_slide_wrap .e_thumb .e_cover.side::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.1);
}
.event_wrap .e_slide_wrap .e_thumb .e_cover.front {
	width:330px;
	transform: translateZ(0px);
	transform-origin: left center;
}
.event_wrap .e_slide_wrap.slide01 .swiper-slide[data-title="GO! 독학 일본어 첫걸음"] .e_cover.side {
	width:40px;
}
.event_wrap .e_slide_wrap.slide01 .swiper-slide[data-title="GO! 독학 일본어 첫걸음"] .e_cover.front {
	transform: translateZ(20px);
}
.event_wrap .e_slide_wrap .e_info {
	text-align: center;
	line-height:1.4;
	margin-top: 60px;
}
.event_wrap .e_slide_wrap .swiper-slide:not(.swiper-slide-active) .e_info {
	display:none;
}
.event_wrap .e_slide_wrap .e_info .e_title {
	font-size:50px;
	font-weight: 800;
	display:block;
	margin-bottom:10px;
}
.event_wrap .e_slide_wrap .e_info .e_desc {
	color:#494949;
	font-size:35px;
}
.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/2026/book/260113_sanrio/slide_nav.png");
	background-color: #fff;
	background-size: 13px 22px;
	width:36px;
	height:36px;
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);
	top:180px;
	margin-top:0;
	opacity:1;
}
.event_wrap .e_slide_wrap .swiper-button-next {
	right:-55px;
}
.event_wrap .e_slide_wrap .swiper-button-prev {
	left:-55px;
}
/* bg_03 */
.event_wrap .e_gift_slide {
	width: 590px;
	margin:40px auto 20px;
	position:relative;
}
.event_wrap .e_gift_slide .e_deco {
	position:absolute;
	z-index: 2;
}
.event_wrap .e_gift_slide .e_deco.e_deco01 {
	top:-92px;
	left:-70px;
	animation: shakeX02 8s ease-in-out infinite;
}
.event_wrap .e_gift_slide .e_deco.e_deco02 {
	top:295px;
	right:-127px;
	animation: shakeX02 8s 0.5s ease-in-out infinite;
}
.event_wrap .e_gift_slide .e_slide_inner {
	border-radius: 19px;
	overflow: hidden;
}
.event_wrap .e_gift_slide .e_img {}
.event_wrap .e_gift_slide .e_img img {}
.event_wrap .e_gift_slide .e_details {
	text-align: center;
	background:#fff;
	padding:15px;
	line-height:1.4;
}
.event_wrap .e_gift_slide .e_details .e_name {
	display:block;
	font-size:22px;
	font-weight: 800;
	color:#552e31;
}
.event_wrap .e_gift_slide .e_details p {
	color:#552e31;
	font-size:20px;
	font-weight: 500;
	margin-top:10px;
}
.event_wrap .e_gift_slide .e_details .e_highlight {
	background: #feeeb2;
}
.event_wrap .e_gift_slide .swiper-button-next, 
.event_wrap .e_gift_slide .swiper-button-prev {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260113_sanrio/slide_nav.png");
	background-color: #fff;
	background-size: 13px 22px;
	width:36px;
	height:36px;
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);
	top:200px;
	margin-top:0;
	opacity:1;
}
.event_wrap .e_gift_slide .swiper-button-next {
	right:-18px;
}
.event_wrap .e_gift_slide .swiper-button-prev {
	left:-18px;
}
.event_wrap .e_toggle_wrap {}
.event_wrap .e_toggle_wrap .e_toggle_btn {
	display:block;
	font-size:18px;
	font-weight: 800;
	line-height: 1.4;
	cursor: pointer;
	margin: 0 auto 20px;
	position:relative;
}
.event_wrap .e_toggle_wrap .e_toggle_btn::after {
	content:'';
	background:url("https://contents.kyobobook.co.kr/pmtn/2026/book/260113_sanrio/notice_toggle.png") no-repeat center;
	width:15px;
	height:9px;
	position:absolute;
	top:50%;
	right:-20px;
	transform:translateY(-50%);
	transition:all 0.3s;
}
.event_wrap .e_toggle_wrap .e_toggle_btn.on::after {
	transform: translateY(-50%) rotate(180deg);
}
.event_wrap .e_toggle_wrap .e_toggle_btn span {
	font-weight: 400;
	display:inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #552e31;
	text-align: center;
	line-height: 20px;
}
.event_wrap .e_notice {
	padding:0;
	width:500px;
	display:none;
}
.event_wrap .e_notice ul li {
	font-size:14px;
	color:#181818;
}
.event_wrap .e_notice ul li::before {
	background: #181818;
}

@keyframes bounce {
	0% {
		transform: translateY(5px);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes shakeX {
	0%, 100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-7px, 0, 0);
		transform: translate3d(-7px, 0, 0);
	}
	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(7px, 0, 0);
		transform: translate3d(7px, 0, 0);
	}
}
@keyframes shakeX02 {
	0%, 100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}
	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}
}