@charset "utf-8";
* {
	box-sizing: border-box;
}
.event_wrap {
	overflow: hidden;
}
.event_wrap .e_container.bg_01 {
	background: #010101 url("https://contents.kyobobook.co.kr/pmtn/2025/eBook/250801_horror/bnD7_cont01_bg.jpg") no-repeat 50% 0;
	height:892px;
	padding-top:70px;
}
.event_wrap .e_tab_wrap {
	background: #000;
}
.event_wrap .e_tab_wrap.fixed {
	position:fixed;
	top:80px;
	left:0;
	min-width:1440px;
	width:100%;
	z-index: 1000;
}
.event_wrap .e_tab_wrap.fixed.fixed_top {
	top:0;
}
.event_wrap .e_container.bg_02 {
	background: #000 url("https://contents.kyobobook.co.kr/pmtn/2025/eBook/250801_horror/bnD7_cont02_bg.jpg") repeat-x 50% 0;
	padding-bottom:100px;
}
.event_wrap .e_container.bg_03 {
	background: #1c0b0a url("https://contents.kyobobook.co.kr/pmtn/2025/eBook/250801_horror/bnD7_cont03_bg.jpg") no-repeat 50% 0;
	padding-bottom:96px;
}
/* 여백 */
.event_wrap .mB50 {
	margin-bottom:50px;
}
.event_wrap .mB88 {
	margin-bottom:88px;
}
.event_wrap .w710 {
	width:710px;
	margin: 0 auto;
}
/* 유령 애니메이션 */
.event_wrap .e_ghost {
	position:absolute;
	z-index:20;
	cursor: pointer;
	opacity:0;
}
.event_wrap .e_ghost_inner.on {
	animation: jello-horizontal 0.9s both;
}
.event_wrap .e_ghost.e_ghost01 {
	width:100px;
	animation: ghostMotion 60s infinite 0s;
	animation-direction: alternate-reverse;	
}
.event_wrap .e_ghost.e_ghost02 {
	width:100px;
	animation: ghostMotion 70s infinite 5s;
	animation-direction: alternate;
}
.event_wrap .e_ghost.e_ghost03 {
	width:100px;
	animation: ghostMotion03 40s infinite 0s;
	animation-direction: alternate;
	top: 50%;
}
.event_wrap .e_ghost.e_ghost04 {
	width:100px;
	animation: ghostMotion03 70s infinite 0s;
	animation-direction: alternate-reverse;	
}
/* 메인 애니메이션 */
.event_wrap .e_ani_wrap .e_ani_box {
	margin:0 auto;
}
.event_wrap .e_ani_wrap .e_ani_box.e_ani01 {
	width:200px;
	animation: fadeInDown 1s ease-out both;
}
.event_wrap .e_ani_wrap .e_ani_box.e_ani02 {
	width:484px;
	animation: fadeInDown 1.5s ease-out 1.4s both;
}
.event_wrap .e_ani_wrap .e_ani_box.e_ani03 {
	width:326px;
	animation: fadeZoomIn 1.5s ease-out 1s both;
}
.event_wrap .e_ani_wrap .e_ani_box.e_ani04 {
	width:142px;
	animation: fadeInDown 1s ease-out 1.5s both;
}
.event_wrap .e_ani_wrap .e_ani_box.e_ani05 {
	width:142px;
}
.event_wrap .e_ani_wrap .e_ani_box.e_ani06 {
	width:151px;
}
.event_wrap .e_ani_wrap .e_ani_box.e_ani07 {
	width:416px;
}
.event_wrap .e_ani_wrap .e_ani_box.e_ani08 {
	width:427px;
}
.event_wrap .e_ani_wrap .e_anigroup01 {
	position:relative;
	width:326px;
	margin:0 auto;
}
.event_wrap .e_ani_wrap .e_anigroup01 .e_ani_box.e_ani04 {
	position:absolute;
	top: 34px;
	left: 38px;
}
.event_wrap .e_ani_wrap .e_anigroup02 {
	position:relative;
	width:800px;
	height:480px;
	margin:30px auto 0;
}
.event_wrap .e_ani_wrap .e_anigroup02 .e_ani_box {
	position:absolute;
}
.event_wrap .e_ani_wrap .e_anigroup02 .e_ani_box.e_ani05 {
	left:102px;
	top:0;
	animation: fadeInDown 1s ease-out 2.5s both;
}
.event_wrap .e_ani_wrap .e_anigroup02 .e_ani_box.e_ani06 {
	top:50px;
	right:90px;
	animation: fadeInDown 1s ease-out 3.2s both;
}
.event_wrap .e_ani_wrap .e_anigroup02 .e_ani_box.e_ani07 {
	top:70px;
	left:-20px;
	animation: fadeInUp 1s ease-in 2.5s both, floating01 3s infinite ease-in-out;
}
.event_wrap .e_ani_wrap .e_anigroup02 .e_ani_box.e_ani08 {
	bottom:-60px;
	right:25px;
	animation: fadeInUp 1s ease-in 3s both, floating02 3s infinite ease-in-out;
}
/* 탭 */
.event_wrap .e_tab_box {
	width:744px;
	margin:3px auto;
	display:flex;
	gap:3px 3px;
}
.event_wrap .e_tab_box li {
	width:calc(100% / 3);
}
.event_wrap .e_tab_box li a {
	display:block;
	background-repeat: no-repeat;
	background-position: center;
	width:246px;
	height:120px;
	transition:all 0.3s;
}
.event_wrap .e_tab_box li:nth-child(1) a {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/eBook/250801_horror/bnD7_tab01.jpg");
}
.event_wrap .e_tab_box li:nth-child(2) a {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/eBook/250801_horror/bnD7_tab02.jpg");
}
.event_wrap .e_tab_box li:nth-child(3) a {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/eBook/250801_horror/bnD7_tab03.jpg");
}
.event_wrap .e_tab_box li:nth-child(1).on a {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/eBook/250801_horror/bnD7_tab01_on.jpg");
}
.event_wrap .e_tab_box li:nth-child(2).on a {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/eBook/250801_horror/bnD7_tab02_on.jpg");
}
.event_wrap .e_tab_box li:nth-child(3).on a {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/eBook/250801_horror/bnD7_tab03_on.jpg");
}
/* 링크 */
.event_wrap .e_link_box {
	position:relative;
}
.event_wrap .e_link_box a {
	position:absolute;
	width: 515px;
	height: 90px;
}
.event_wrap .e_link_box .e_link01 {
	bottom: 0.5%;
	left: 16%;
}
.event_wrap .e_link_box .e_link02 {
	bottom: 12%;
	left: 14%;
}
.event_wrap .e_link_box .e_link03 {
	bottom: 15%;
	left: 14%;
}
/* 카드 */
.event_wrap .e_card_list {
	background:#6f0000;
	padding:0 110px 65px 110px;
	display:flex;
	flex-wrap: wrap;
	gap:40px 17px;
}
.event_wrap .e_card_list li {
	width:calc((100% / 2) - 9px);
	perspective: 1100px;
}
.event_wrap .e_card_list li .e_card_box {
	position:relative;
	height:409px;
	transform-style: preserve-3d;
	transition: transform 0.3s;
}
.event_wrap .e_card_list li .e_card_box.on {
	transform:rotateY(180deg);
}
.event_wrap .e_card_list li:has(.e_card_box.on) {
	position:relative;
	z-index: 2;
}
.event_wrap .e_card_list li .e_card_box .e_card_front,
.event_wrap .e_card_list li .e_card_box .e_card_back {
	position:absolute;
	width:100%;
	height:100%;
	backface-visibility: hidden;
	top:0;
	cursor: pointer;
}
.event_wrap .e_card_list li .e_card_box .e_card_back {
	overflow:hidden;
	transform: rotateY(180deg);
	width:533px;
}
.event_wrap .e_card_list li .e_card_box.on .e_card_back {
	overflow:visible;
	z-index:10;
}
.event_wrap .e_card_list li:nth-child(odd) .e_card_box .e_card_back {
	right:0;
}
.event_wrap .e_card_list li:nth-child(even) .e_card_box .e_card_back {
	
	left:0;
}
.event_wrap .e_card_list li .e_card_box .e_card_back a {
	position:absolute;
	width: 39%;
	height: 76%;
	top: 12%;
	left: 8%;
}
/* toggle */
.event_wrap .goScroll_02 {
	padding-top:96px;
}
.event_wrap .goScroll_03 {
	padding-top:100px;
}
.event_wrap .e_toggle_wrap button {
	cursor: pointer;
	display:block;
	margin:25px auto 0;
	position:relative;
	z-index: 20;
}
.event_wrap .e_toggle_wrap button::after {
	content:'';
	background:url("https://contents.kyobobook.co.kr/pmtn/2025/eBook/250801_horror/bnD7_noti_toggle_arrow.png") no-repeat center;
	width:16px;
	height:9px;
	position:absolute;
	top:8px;
	right:0;
	transition:all 0.3s;
}
.event_wrap .e_toggle_wrap button.on::after {
	transform:rotate(180deg);
}
.event_wrap .e_toggle_wrap .e_toggle_noti {
	margin-top:30px;
	display:none;
}
.event_wrap .e_notice {
	padding:0;
	width:600px;
}
.event_wrap .e_notice ul li {
	color:rgba(255, 255, 255, 0.4);
}
.event_wrap .e_notice ul li::before {
	background: rgba(255, 255, 255, 0.4);;
}
/* keyframes */
@keyframes fadeInDown {
	0% {
		opacity:0;
		transform:translateY(-50px);
		filter: blur(12px);
	}
	100% {
		opacity:1;
		transform:translateY(0);
		filter: blur(0);
	}
}
@keyframes fadeInUp {
	0% {
		opacity:0;
		transform:translateY(50px);
		filter: blur(12px);
	}
	100% {
		opacity:1;
		transform:translateY(0);
		filter: blur(0);
	}
}
@keyframes fadeZoomIn {
	0% {
		opacity:0;
		transform:scale(1.5);
		filter: blur(15px);
	}
	100% {
		opacity:1;
		transform:scale(1);
		filter: blur(0);
	}
}
@keyframes floating01 {
	0% {transform:translateX(0);}
	50% {transform:translateY(20px);}
	100% {transform:translateX(0);}
}
@keyframes floating02 {
	0% {transform:translateX(0);}
	50% {transform:translateY(-20px);}
	100% {transform:translateX(0);}
}
@keyframes jello-horizontal {
	0% {transform: scale3d(1, 1, 1);}
	30% {transform: scale3d(1.25, 0.75, 1);}
	40% {transform: scale3d(0.75, 1.25, 1);}
	50% {transform: scale3d(1.15, 0.85, 1);opacity: 1;}
	65% {transform: scale3d(0.95, 1.05, 1);}
	75% {transform: scale3d(1.05, 0.95, 1);}
	100% {transform: scale3d(1, 1, 1); opacity: 0;}
}
@keyframes ghostMotion {
	0% {
		transform:  scale(1);
		top: 700px;
		left: calc(50% + 600px);
		opacity: 0;
	}
	10% {
		transform:  scale(1.3);
		left: calc(50% - 600px);
		opacity: 1;
	}
	20% {
		transform: scale(0.8);
		left: calc(50%);
		opacity: 0;
	}
	30% {
		transform:  scale(1) ;
		left: calc(50% + 600px);
		opacity: 1;
	}
	40% {
		transform:  scale(1.3);
		left: calc(50%);
		opacity: 0;
	}
	50% {
		transform:  scale(1);
		left: calc(50% - 600px);
		opacity: 1;
	}
	60% {
		transform:  scale(0.5);
		left: calc(50%);
		opacity: 0;
	}
	70% {
		transform:  scale(1);
		left: calc(50% + 600px);
		opacity: 1;
	}
	80% {
		transform:  scale(1.3);
		left: calc(50%);
		opacity: 0;
	}
	90% {
		transform:  scale(1);
		left: calc(50% - 600px);
		opacity: 1;
	}
	100% {
		transform:  scale(0.7);
		left: calc(50%);
		top: 97%;
		opacity: 0;
	}
}

@keyframes ghostMotion03 {
	0% {
		transform:  scale(1);
		top: 50%;
		left: calc(50% + 600px);
		opacity: 0;
	}
	10% {
		transform:  scale(1.3);
		left: calc(50%);
		opacity: 1;
	}
	20% {
		transform: scale(0.8);
		left: calc(50% - 600px);
		opacity: 0;
	}
	30% {
		transform:  scale(1) ;
		left: calc(50%);
		opacity: 1;
		top: 100%;
	}
	40% {
		transform:  scale(1.3);
		left: calc(50% + 600px);
		opacity: 0;
	}
	50% {
		transform:  scale(1);
		left: calc(50%);
		opacity: 1;
	}
	60% {
		transform:  scale(0.5);
		left: calc(50% - 600px);
		opacity: 0;
	}
	70% {
		transform:  scale(1);
		left: calc(50%);
		opacity: 1;
		top: 50%;
	}
	80% {
		transform:  scale(1.3);
		left: calc(50% + 600px);
		opacity: 0;
	}
	90% {
		transform:  scale(1);
		left: calc(50%);
		opacity: 1;
	}
	100% {
		transform:  scale(0.7);
		left: calc(50% - 600px);
		top: 700px;
		opacity: 0;
	}
}