@charset "utf-8";
* {
	box-sizing: border-box;
}
.event_wrap {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
}
.event_wrap button {
	cursor: pointer;
}
.event_wrap .inner.w1200 {
	width: 1200px;
}
.event_wrap .e_container.bg_01 {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/hottracks/260120_newyear/bnR_cont01_bg.jpg") no-repeat 50% 0;
	height: 566px;
	padding-top: 80px;
}
.event_wrap .e_container.bg_02 {
	padding: 80px 0;
}
.event_wrap .e_container.bg_03 {
	background: #F4F4F4 url("https://contents.kyobobook.co.kr/pmtn/2026/hottracks/260120_newyear/bnR_cont03_bg.jpg") 50% 0;
	padding: 80px 0;
	overflow: hidden;
}
.event_wrap .e_container.bg_04 {
	background: 
		url("https://contents.kyobobook.co.kr/pmtn/2026/hottracks/260120_newyear/bnR_cont04_top_bg.png") no-repeat top 80px center,
		url("https://contents.kyobobook.co.kr/pmtn/2026/hottracks/260120_newyear/bnR_cont04_bg.jpg") 50% 0,
		#781A18;
	padding: 80px 0;
}
.event_wrap .e_container.bg_05 {
	background: #272727 url("https://contents.kyobobook.co.kr/pmtn/2026/hottracks/260120_newyear/bnR_cont05_bg.png") no-repeat bottom center;
	padding: 80px 0;
}
/* 탭 */
.event_wrap .e_container.e_tab_wrap {
	background: #400000;
}
.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;
	font-size: 14px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	letter-spacing: -0.01em;
	text-align: center;
	color: #DADADA;
}
.event_wrap .e_nav_tab li button.on {
	background: #7C2B2B;
	color: #fff;
	font-weight: 700;
}
/* bg_01 */
.event_wrap .e_main_wrap {
	width: 835px;
	margin: 0 auto;
	position: relative;
}
.event_wrap .e_main_wrap .e_main_ani01 {
	width: 194px;
	margin:0 auto 30px;
}
.event_wrap .e_main_wrap .e_main_obj {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	animation:
		horse-bounce 2s ease-in-out infinite,
		horse-lean 2.2s ease-in-out infinite;
}
.event_wrap .e_main_deco_wrap {
	width: 1200px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
}
.event_wrap .e_main_deco_wrap .e_deco {
	position: absolute;
}
.event_wrap .e_main_deco_wrap .e_deco img {
	width: 100%;
}
.event_wrap .e_main_deco_wrap .e_deco.e_deco01 {
	top: 130px;
	left: 200px;
	width: 16px;
	animation: rotateAndScale 2s infinite linear;
}
.event_wrap .e_main_deco_wrap .e_deco.e_deco02 {
	top: 210px;
	left: 120px;
	width: 26px;
	animation: rotateAndScale 4s infinite linear;
}
.event_wrap .e_main_deco_wrap .e_deco.e_deco03 {
	top: 318px;
	left: 110px;
	width: 44px;
	animation: rotateAndScale 3s infinite linear;
}
.event_wrap .e_main_deco_wrap .e_deco.e_deco04 {
	top: 160px;
	right: 428px;
	width: 26px;
	animation: rotateAndScale 3s infinite linear;
}
.event_wrap .e_main_deco_wrap .e_deco.e_deco05 {
	top: 146px;
	right: 125px;
	width: 46px;
	animation: rotateAndScale 3s 0.5s infinite linear;
}
.event_wrap .e_main_deco_wrap .e_deco.e_deco06 {
	top: 327px;
	right: 100px;
	width: 26px;
	animation: rotateAndScale 3s infinite linear;
}
.event_wrap .e_main_txt {
	margin-top: 37px;
	font-family: "Pretendard",  sans-serif;
	text-align: center;
}
.event_wrap .e_main_txt p {
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: -0.01em;
	font-weight: 700;
}
.event_wrap .e_main_txt p b {
	font-weight: 900;
}
.event_wrap .e_title_box {
	text-align: center;
	margin-bottom: 60px;
}
.event_wrap .e_title_box .e_event_obj {
	width: 168px;
	margin: 0 auto 20px;
}
.event_wrap .e_title_box .e_event_obj img {
	width: 100%;
}
.event_wrap .e_title_box .e_title {
	font-family: "Pretendard",  sans-serif;
	font-size: 48px;
	line-height: 1;
	font-weight: 800;
}
.event_wrap .e_title_box p {
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin-top: 20px;
}
/* bg_02 */
.event_wrap .e_container.bg_02 .e_title_box {
	margin-bottom: 0;
}
.event_wrap .e_coupon {
	width: 290px;
	margin:	32px auto;
}
.event_wrap .e_coupon img {
	width: 100%;
}
.event_wrap .e_btn_box {
	width: 335px;
	margin: 0 auto 14px;
}
.event_wrap .e_btn_box .e_btn {
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	font-family: "Pretendard",  sans-serif;
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 700;
	background: #EAEAEA;
	color: #444;
}
.event_wrap .e_btn_box .e_btn.colored {
	background: #400000;
	color: #fff;
}
.event_wrap .e_toggle_box {
	display:none;
	margin-top: 80px;
}
.event_wrap .e_toggle_box .e_notice {
	width: 700px;
	padding:0;
	font-family: "Pretendard",  sans-serif;
}
.event_wrap .e_toggle_box .e_notice p {
	font-size: 20px;
	color: rgba(0, 0, 0, 0.8);
}
.event_wrap .e_toggle_box .e_notice ul li {
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.6;
}
.event_wrap .e_toggle_box .e_notice ul li::before {
	background: rgba(0, 0, 0, 0.6);
}
/* 상품 리스트 */
.event_wrap .e_prod_list_wrap {
	width: 1015px;
	margin: 0 auto;
}
.event_wrap .e_prod_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px 20px;
}
.event_wrap .e_prod_wrap {
	width: calc((100% / 3) - 14px);
}
.event_wrap .e_prod_wrap .e_img_prod {
	width: 325px;
	height: 325px;
	border-radius: 20px;
	overflow: hidden;
}
.event_wrap .e_prod_wrap img {
	width: 100%;
}
.event_wrap .e_prod_desc {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 20px;
}
.event_wrap .e_prod_title {
	display: -webkit-box;
	color: #585858;
	word-break: keep-all;
	height: 48px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.16px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.event_wrap .e_prod_price {
	display: flex;
}
.event_wrap .e_rate_box {
	width: 50px;
	height: 50px;
	color: #fff;
	font-size: 16px;
	line-height: 2.4;
	letter-spacing: -0.16px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background: #DE4B42;
}
.event_wrap .e_price_box {
	padding-left: 12px;
}
.event_wrap .e_original {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.14px;
	color: #515151;
}
.event_wrap .e_original .e_spot {
	font-weight: 500;
	font-family: "Roboto";
}
.event_wrap .e_discount {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: -0.16px;
	color: #EE3D32;
}
.event_wrap .e_discount .e_spot {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.2px;
	font-family: "Roboto";
}
.event_wrap .e_badge_delivery {
	display: flex;
	width: 64px;
	height: 24px;
	color: #09FF5F;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	background-color: #343434;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}
.event_wrap .e_sub_title {
	width: 1015px;
	margin: 0 auto 40px;
	background: #261E1E;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-family: "Pretendard",  sans-serif;
	font-size: 18px;
	font-weight: 700;
	height: 62px;
	line-height: 62px;
}
/* bg_03 */
.event_wrap .e_bg_obj {
	position: absolute;
	top: 0;
	width: 100%;
	height: 250px;
}
.event_wrap .e_bg_obj .obj {
	position: absolute;
	top: 0;
	transform: translateY(-100%);
}
.event_wrap .e_bg_obj.on .obj {
	animation-name: downIn;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
.event_wrap .e_bg_obj .obj01 {
	left: 0;
}
.event_wrap .e_bg_obj .obj02 {
	left: 270px;
	animation-delay: 0.5s;
}
.event_wrap .e_bg_obj .obj03 {
	right: 270px;
	animation-delay: 0.8s;
}
.event_wrap .e_bg_obj .obj04 {
	right: 0;
	animation-delay: 1s;
}
/* bg_04 */
.event_wrap .e_container.bg_04 .e_title_box {
	margin-bottom: 60px;
}
.event_wrap .e_container.bg_04 .e_prod_list_wrap {
	margin-bottom: 60px;
}
.event_wrap .e_container.bg_04 .e_prod_title {
	color: #F2F2F2;
}
.event_wrap .e_container.bg_04 .e_original {
	color: #FCCACA;
}
.event_wrap .e_container.bg_04 .e_discount {
	color: #fff;
}
/* bg_05 */
.event_wrap .e_container.bg_05 .e_title_box {
	color:#fff;
}
.event_wrap .e_container.bg_05 .e_title_box p {
	color: #FCFCFC;
}
.event_wrap .e_link_wrap {
	width: 718px;
	margin: 0 auto;
	border: 3px solid #DCDCDC;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	padding: 40px 38px;
}
.event_wrap .e_link_list img {
	transition: transform 0.3s;
}
.event_wrap .e_link_list a:hover img {
	transform: scale(1.05);
}
.event_wrap .e_link_list.e_link_list01 li {
	margin-top: 20px;
}
.event_wrap .e_link_list.e_link_list01 li.mT12 {
	margin-top: 12px;
}
.event_wrap .e_link_list.e_link_list01 li.mT23 {
	margin-top: 23px;
}
.event_wrap .e_link_list.e_link_list02 {
	display: flex;
	justify-content: space-between;
	margin-top: 38px;
	gap: 0 34px;
}

@keyframes horse-bounce {
	0% {transform: translateX(-50%) translateY(0) rotate(0deg);}
	50% {transform: translateX(-50%) translateY(-10px) rotate(-2deg);}
	100% {transform: translateX(-50%) translateY(0) rotate(0deg);}
}
@keyframes horse-lean {
	0%,100% {rotate: 0deg;}
	50% {rotate: -2deg;}
}
@keyframes downIn {
	0% {transform: translateY(-100%);}
	100% {transform: translateY(0);}
}

@keyframes rotateAndScale {
	0% {
		transform: rotate(0deg) scale(0.8);
	}
	50% {
		transform: rotate(180deg) scale(1.2);
	}
	100% {
		transform: rotate(360deg) scale(0.8);
	}
}