﻿@charset "utf-8";
* {
	box-sizing: border-box;
}
.event_wrap {
	font-family: "Pretendard",  sans-serif;
}
.event_wrap .e_container.bnr_top {
	background-color: #FF5683;
	height: 82px;
	overflow: hidden;
}
.event_wrap .e_container.bg_01 {
	background: #FFD8E2 url("https://contents.kyobobook.co.kr/pmtn/2026/book/260319_sampyo/bnO_cont01_bg_obj.png") no-repeat;
	background-position: right calc((100vw - 1920px) / 2 + 368px) top 490px;
	padding: 100px 0 118px;
}
.event_wrap .e_container.bg_02 {
	background-color: #F5F6F9;
	padding: 120px 0;
}
.event_wrap .e_container.bg_03 {
	background-color: #FFE8B3;
	padding: 102px 0 120px;
}
.event_wrap .e_container.bg_04 {
	background-color: #F5F6F9;
	padding: 120px 0;
}
.event_wrap .mB60 {
	margin-bottom: 60px;
}
.event_wrap .mB120 {
	margin-bottom: 120px;
}
.event_wrap .w386 {
	width: 386px;
	margin: 0 auto;
}
.event_wrap .w488 {
	width: 488px;
	margin: 0 auto;
}
.event_wrap .w670 {
	width: 670px;
	margin: 0 auto;
}
.event_wrap img.width_full {
	width: 100%;
}
/* 공통 제목 */
.event_wrap .title_box {
	text-align: center;
	margin-bottom: 50px;
}
.event_wrap .title_box .tag {
	display: inline-block;
	font-size: 26px;
	font-weight: 800;
	line-height: 40px;
	color: #575F71;
	background-color: #D4DCEE;
	border-radius: 40px;
	overflow: hidden;
	margin-bottom: 30px;
	padding: 6px 20px;
}
.event_wrap .title_box .title_sub {
	font-size: 28px;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: -0.025em;
	color: #5C5C5C;
	margin-bottom: 16px;
}
.event_wrap .title_box .title_sub02 {
	display: inline-block;
	font-size: 24px;
	line-height: 1.4;
	color: #5C5C5C;
	margin-top: 26px;
}
.event_wrap .title_box .title_txt {
	font-size: 46px;
	font-weight: 800;
	line-height: 1.28;
	letter-spacing: -0.03em;
	color: #191919;
}
.event_wrap .bg_03 .title_box.bg_obj {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260319_sampyo/bnO_cont03_title_obj.png") no-repeat top center;
	background-size: 134px 96px;
	padding-top: 112px;
}
/* 공통 버튼 */
.event_wrap .btn_box {
	width: 670px;
	margin: 0 auto;
}
.event_wrap .btn_box .e_btn {
	display: block;
	width: 100%;
	height: 90px;
	line-height: 90px;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -0.025em;
	text-align: center;
	border-radius: 16px;
	overflow: hidden;
	color: #fff;
}
.event_wrap .btn_box .e_btn:not(:first-child) {
	margin-top: 18px;
}
.event_wrap .btn_box .e_btn.theme_color01 {
	background-color: #FF5683;
}
.event_wrap .btn_box .e_btn.theme_color02 {
	background-color: #009E54;
}
.event_wrap .btn_box .e_btn.theme_color03 {
	background-color: #F55149;
}
/* top_bnr */
.event_wrap .bnr_top .flowing_txt {
	display: flex;
	align-items: center;
	width: max-content;
	height: 100%;
	white-space: nowrap;
}
.event_wrap .bnr_top .flowing_txt p {
	padding: 0 50px;
	font-size: 26px;
	font-weight: 600;
	letter-spacing: -0.03em;
	line-height: 1.48;
	color: #fff;
	animation: flowingTxt 5s linear infinite;
}
/* bg_01 */
.event_wrap .eMap .link_01 {
	top: 30%;
	left: 2%;
	width: 59%;
	height: 48%;
}
/* bg_02 */
.event_wrap .toggle_wrap {
	width: 670px;
	margin: 0 auto;
}
.event_wrap .toggle_wrap .btn_toggle {
	display: block;
	position: relative;
	width: 100%;
	height: 88px;
	line-height: 88px;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -0.025em;
	text-align: left;
	color: #595959;
	background-color: #E4E9F4;
	border-radius: 16px;
	overflow: hidden;
	padding-left: 50px;
}
.event_wrap .toggle_wrap .btn_toggle::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 50px;
	width: 24px;
	height: 14px;
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260319_sampyo/bnO_toggle_arrow.png") no-repeat center / contain;
	transform: translateY(-50%);
	transition: transform 0.3s ease;
}
.event_wrap .toggle_wrap .btn_toggle.on::after {
	transform: translateY(-50%) rotate(180deg);
}
.event_wrap .toggle_wrap .toggle_box {
	overflow: hidden;
	height: 0;
	transition: height 0.4s ease;
}
.event_wrap .toggle_wrap .e_notice {
	width: 100%;
	padding: 40px 0 80px 0;
}
.event_wrap .toggle_wrap .e_notice ul {
	padding: 0;
}
.event_wrap .toggle_wrap .e_notice ul li {
	color: #7C7C8D;
}
.event_wrap .toggle_wrap .e_notice ul li::before {
	background-color: #7C7C8D;
}
.event_wrap .bubble {
	width: 540px;
	margin: 0 auto;
	animation: floating 1s ease-in-out infinite;
}
/* bg_03 */
.event_wrap .book_list {
	display: flex;
	flex-wrap: wrap;
	gap: 28px 20px;
	width: 500px;
	margin: 0 auto;
}
.event_wrap .book_list li {
	width: calc((100% / 2) - 10px);
}
.event_wrap .book_list li .book_thumb {
	aspect-ratio: 240 / 360;
	margin-bottom: 24px;
}
.event_wrap .book_list li .book_thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.event_wrap .book_list li .book_desc {
	font-size: 22px;
	line-height: 1.3;
	letter-spacing: -0.025em;
	text-align: center;
}
/* bg_04 */
.event_wrap .e_notice {
	width: 580px;
}
.event_wrap .bg_04 .e_notice {
	padding: 40px 0 0 0;
}
.event_wrap .e_notice p,
.event_wrap .e_notice ul li {
	font-family: "Pretendard",  sans-serif;
	color: #767676;
}
.event_wrap .e_notice p {
	font-size: 26px;
}
.event_wrap .e_notice ul li {
	font-size: 24px;
}
.event_wrap .e_notice ul li::before {
	background-color: #767676;
}

/* =============== 
	animation
================ */
@keyframes flowingTxt {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

@keyframes floating {
	0% {
		transform: translateY(25px);
	}
	50% {
		transform: translateY(30px);
	}
	100% {
		transform: translateY(25px);
	}
}

