@charset "utf-8";
* {
	box-sizing: border-box;
}
.event_wrap button {
	cursor: pointer;
}
.event_wrap .emoji {
	font-family: "Noto Color Emoji", sans-serif;
}
.event_wrap .e_container.bg_01 {
	background: #f8e030 url("https://contents.kyobobook.co.kr/pmtn/2025/book/251229_newyear/bnD6_cont01_bg.jpg") 50% 0;
	padding: 100px 0 90px;
}
.event_wrap .e_container.bg_02 {
	background: #fff4a6;
	padding-bottom:110px;
}
.event_wrap .e_container.bg_03 {
	background: #fff9cd url("https://contents.kyobobook.co.kr/pmtn/2025/book/251229_newyear/bnD6_cont03_bg.jpg") 50% 0;
}
.event_wrap .e_container.bg_04 {
	background: #fff4aa;
	padding-bottom:120px;
}
/* 탭 */
.event_wrap .e_container.e_tab_wrap {
	background: #000;
}
.event_wrap .e_nav_tab {
	display:flex;
}
.event_wrap .e_nav_tab li {
	width:calc(100% / 4);
}
.event_wrap .e_nav_tab li button {
	display:block;
	width:100%;
	height:86px;
	background-repeat: no-repeat;
	background-color:#000;
	background-position: center;
}
.event_wrap .e_nav_tab li button.tab01 {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/251229_newyear/bnD6_tab01.png");
}
.event_wrap .e_nav_tab li button.tab02 {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/251229_newyear/bnD6_tab02.png");
}
.event_wrap .e_nav_tab li button.tab03 {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/251229_newyear/bnD6_tab03.png");
}
.event_wrap .e_nav_tab li button.tab04 {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/251229_newyear/bnD6_tab04.png");
}
.event_wrap .e_nav_tab li button.on {
	background-color: #ef3b30;
}
.event_wrap .e_nav_tab li button.on.tab01 {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/251229_newyear/bnD6_tab01_on.png");
}
.event_wrap .e_nav_tab li button.on.tab02 {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/251229_newyear/bnD6_tab02_on.png");
}
.event_wrap .e_nav_tab li button.on.tab03 {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/251229_newyear/bnD6_tab03_on.png");
}
.event_wrap .e_nav_tab li button.on.tab04 {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/251229_newyear/bnD6_tab04_on.png");
}
.event_wrap .inner.w1200 {
	width:1200px;
}
/* 버튼 */
.event_wrap .e_btn_wrap {
	width: 670px;
	margin: 0 auto;
	display:flex;
	flex-wrap:wrap;
	gap:10px 10px;
}
.event_wrap .e_btn_wrap .e_btn {
	display:block;
	width:calc((100% / 2) - 5px);
	height:86px;
	line-height:86px;
	border-radius: 10px;
	overflow:hidden;
	text-align: center;
	color:#fff;
	font-family: 'SUIT', sans-serif;
	font-size:26px;
	font-weight: 700;
}
.event_wrap .e_btn_wrap .e_btn.bg_black {
	background: #000;
}
.event_wrap .e_btn_wrap .e_btn.bg_red {
	background: #ef3b30;
}
/* bg_01 */
.event_wrap .e_top {
	width:750px;
	margin:0 auto 35px;
}
.event_wrap .e_btm {
	width:372px;
	margin:0 auto;
	position:relative;
}
.event_wrap .e_main_visual {
	position:relative;
}
.event_wrap .e_main_visual .e_main_ani {
	position:relative;
	z-index: 2;
}
.event_wrap .e_main_visual .e_main_obj {
	width:700px;
	margin:0 auto;
	animation:
		horse-bounce 2s ease-in-out infinite,
		horse-lean 2.2s ease-in-out infinite;
	padding-bottom:80px;
}
.event_wrap .e_main_visual .e_main_ani::after {
	content:'';
	background:url("https://contents.kyobobook.co.kr/pmtn/2025/book/251229_newyear/bnD6_cont01_main_bg.png") no-repeat bottom center / contain;
	width:1208px;
	height:349px;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	z-index: -1;
}
.event_wrap .e_obj,
.event_wrap .e_deco {
	position:absolute;
}
.event_wrap .e_obj.e_obj01 {
	top:145px;
	right:190px;
	animation: wobble 2s 0.3s ease-in-out infinite;
}
.event_wrap .e_obj.e_obj02 {
	bottom:190px;
	left:255px;
	z-index: 2;
	animation: wobble 2s ease-in-out infinite;
}
.event_wrap .e_obj.e_obj03 {
	top:162px;
	left:76px;
	z-index: 2;
	animation: floating 0.7s linear infinite alternate-reverse;
}
.event_wrap .e_obj.e_obj04 {
	bottom:226px;
	right:106px;
	animation: floating 0.7s 0.3s linear infinite alternate-reverse;
}
.event_wrap .e_deco.e_deco01 {
	top:60px;
	left:500px;
}
.event_wrap .e_deco.e_deco02 {
	top:122px;
	left:181px;
	z-index: 1;
}
.event_wrap .e_deco.e_deco03 {
	top:320px;
	left:250px;
	z-index: 2;
}
.event_wrap .e_deco.e_deco04 {
	top:-25px;
	right:-30px;
	animation: flicker 0.9s linear infinite;
}
.event_wrap .e_deco.e_deco05 {
	top:12px;
	left:-35px;
	animation: flicker 0.9s 0.3s linear infinite;
}
.event_wrap .e_deco.e_deco05 img {
	width: 20px;
}
/* bg_02 */
.event_wrap .e_card_wrap {
	width:670px;
	height:810px;
	margin:0 auto 35px;
	background:#fff8c4 url("https://contents.kyobobook.co.kr/pmtn/2025/book/251229_newyear/bnD6_card_deco.png") no-repeat top 47px right 8px / contain;
	border-radius: 40px;
	overflow: hidden;
	padding:102px 0 70px;
}
.event_wrap .e_card_wrap .e_card_box {
	width:350px;
	height:541px;
	margin:0 auto;
	position:relative;
	perspective: 1000px;
}
.event_wrap .e_card_wrap .e_card_inner {
	height: 100%;
	transform-style: preserve-3d;
	transition: 1s;
}
.event_wrap .e_card_wrap .e_card_inner.flip {
	transform: rotateY(180deg);
}
.event_wrap .e_card_box.on .e_card_default {
	display:none;
}
.event_wrap .e_card_wrap .e_card_default,
.event_wrap .e_card_wrap .e_back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
.event_wrap .e_card_wrap .e_back {
	transform: rotateY(180deg);
}
.event_wrap .e_card_wrap .e_card {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
}
.event_wrap .e_card_wrap .e_card.on {
	display:block;
}
.event_wrap .e_card_wrap .e_card_btn_box {
	width:354px;
	margin:20px auto 0;
}
.event_wrap .e_card_wrap .e_card_btn_box.off {
	display:none;
}
.event_wrap .e_toggle_btn {
	text-align: center;
	margin-bottom:20px;
}
.event_wrap .e_toggle_btn button {
	position:relative;
	font-size: 24px;
	font-weight: 600;
	line-height:1.4;
	color:#847a39;
	padding-right:28px;
}
.event_wrap .e_toggle_btn button::after {
	content:'';
	background:url("https://contents.kyobobook.co.kr/pmtn/2025/book/251229_newyear/bnD6_toggle_arrow.png") no-repeat center / contain;
	width:20px;
	height:12px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	transition:all 0.3s;
}
.event_wrap .e_toggle_btn button.on::after {
	transform:translateY(-50%) rotate(180deg);
}
.event_wrap .e_toggle_box {
	display:none;
}
.event_wrap .e_notice {
	width:600px;
	padding:50px 0;
}
.event_wrap .e_notice ul li {
	color:#847a39;
}
.event_wrap .e_notice ul li::before {
	background: #847a39;
}
/* bg_03 */
/* bg_04 */
.event_wrap .e_giftcard_wrap {
	width:1347px;
	margin: 0 auto;
}
.event_wrap .e_giftcard_wrap img {
	margin-left:-84px;
}
.event_wrap .e_container.bg_04 .e_btn_wrap {
	transform:translateY(-65px);
}
.event_wrap .e_link_slide .e_scrollbar {
	width:433px;
	margin:55px auto 0;
	height:9px;
}
.event_wrap .e_link_slide .swiper-scrollbar {
	position:relative;
	height:7px;
	background:#fffef5;
	border-radius: 4px;
}
.event_wrap .e_link_slide .swiper-scrollbar-drag  {
	height:9px;
	background:#ef3b30;
	border-radius: 5px;
	top:-1px;
	cursor: pointer;
}
/* sns 팝업 */
.event_wrap .e_popup_bg {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 99;
}
.event_wrap .e_popup_wrap {
	display:none;
	position:absolute;
	bottom: 150px;
	left: 50%;
	transform:translateX(-50%);
	width:272px;
	z-index: 100;
}
.event_wrap .eMap .e_link01 {
	top: 15%;
	left: 16%;
	width: 33%;
	height: 70%;
}
.event_wrap .eMap .e_link02 {
	top: 15%;
	right: 16%;
	width: 33%;
	height: 70%;
}

@keyframes horse-bounce {
	0% {
		transform: translateY(0) rotate(-1deg);
	}
	50% {
		transform: translateY(-10px) rotate(-2.5deg);
	}
	100% {
		transform: translateY(0) rotate(-1deg);
	}
}
@keyframes horse-lean {
	0%,100% { rotate: -1deg; }
	50% { rotate: -2.5deg; }
}
@keyframes wobble {
	0%, 100% {transform: rotate(0deg);}
	25% {transform: rotate(5deg);}
	50% {transform: rotate(-5deg);}
	75% {transform: rotate(4deg);}
}
@keyframes floating {
	0% {transform:translateY(-10px);}
	100% {transform:translateY(0);}
}
@keyframes flicker {
	0%, 100% {opacity: 1;}
	50% {opacity: 0.5;}
}