@charset "UTF-8";
*, *::before, *::after {
	box-sizing: border-box;
}
.event_wrap .e_container:not(.bg_01) {
	padding: 120px 0;
}
.event_wrap .e_container.bg_01 {
	background: #DBBA82 url("https://contents.kyobobook.co.kr/pmtn/2026/book/260812_readers_onair/bnJ_cont01_bg.jpg") no-repeat 50% 0;
	padding-top: 316px;
	padding-bottom: 60px;
}
.event_wrap .e_container.bg_02 {
	background-color: #EBEBEB;
}
.event_wrap .e_container.bg_03 {
	background-color: #F7F7F7;
}
.event_wrap .e_container.bg_04 {
	background-color: #EBEBEB;
}
/* ==========================
	공통 스타일
============================= */
.event_wrap {
	font-family: "Pretendard",  sans-serif;
}
.event_wrap img {
	width: 100%;
}
.event_wrap .w670 {
	width: 670px;
	margin: 0 auto;
}
.event_wrap .mB32 {
	margin-bottom: 32px;
}
.event_wrap .title_box {
	text-align: center;
	margin-bottom: 44px;
}
.event_wrap .title_box h3 {
	font-size: 48px;
	font-weight: 700;
	line-height: 48px;
	letter-spacing: -0.035em;
}
.event_wrap .btn_box {
	width: 670px;
	margin: 0 auto;
}
.event_wrap .btn_box .com_btn {
	display: block;
	width: 100%;
	height: 84px;
	line-height: 84px;
	border-radius: 12px;
	overflow: hidden;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -0.01em;
	text-align: center;
}
.event_wrap .btn_box .com_btn:not(:first-child) {
	margin-top: 8px;
}
.event_wrap .btn_box .com_btn.bg_black {
	background-color: #000;
	color: #fff;
}
.event_wrap .btn_box .com_btn.bg_white {
	border: 1px solid #000;
	color: #000;
}
.event_wrap .btn_box .com_btn.bg_orange {
	background-color: #FF8C09;
	color: #fff;
}
/* ==========================
	영역별 스타일
============================= */
/* bg_01 */
.event_wrap .main_wrap {
	width: 808px;
	margin: 0 auto;
}
.event_wrap .main_wrap .main_title {
	width: 546px;
	margin: 0 auto 132px;
}
.event_wrap .main_wrap .main_text_box {
	text-align: center;
}
.event_wrap .main_wrap .main_text_box strong {
	font-size: 28px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: -0.035em;
}
.event_wrap .main_wrap .main_text_box p {
	font-size: 26px;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: -0.035em;
	margin-top: 20px;
}
/* bg_02 */
.event_wrap .cont_box .txt_box {
	background-color: #000;
	padding: 32px 40px;
	word-break: keep-all;
}
.event_wrap .cont_box .txt_box p {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.36;
	letter-spacing: -0.01em;
	color: #fff;
}
.event_wrap .cont_box .txt_box span {
	display: block;
	font-size: 24px;
	font-weight: 500;
	line-height: 34px;
	letter-spacing: -0.01em;
	color: #999;
	margin-top: 8px;
}
.event_wrap .bubble {
	width: 400px;
	margin: 0 auto;
	animation: floating 2s ease-in-out infinite;
}
/* bg_03 */
/* bg_04 */
.event_wrap .bg_wrap {
	background-color: #fff;
	border: 1px solid #B9B9B9;
	padding: 60px 55px;
}
.event_wrap .bg_wrap .sub_text {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.035em;
	text-align: center;
	margin-top: 28px;
}
.event_wrap .bg_wrap .btn_box {
	width: 560px;
	margin: 40px auto 0;
}
/* ==========================
	keyframes
============================= */
@keyframes floating {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(10px);
	}
	100% {
		transform: translateY(0);
	}
}