@charset "utf-8";
*, *::before, *::after {
	box-sizing: border-box;
}
.event_wrap {
	font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}
.event_wrap .e_container.bg_01 {
	background: #fafafa url("https://contents.kyobobook.co.kr/pmtn/2026/book/260409_flat/bnD6_cont01_bg.jpg") 50% 0;
	padding: 70px 0 130px;
}
.event_wrap .e_container.bg_02 {
	background-color: #ff5733;
	padding: 120px 0;
}
.event_wrap .e_container.bg_03 {
	background: #170f0d url("https://contents.kyobobook.co.kr/pmtn/2026/book/260409_flat/bnD6_cont03_bg.jpg") 50% 0;
}
.event_wrap .inner.w1200 {
	width: 1200px;
}
/* bg_01 */
.event_wrap .main_wrap {
	position: relative;
	width: 932px;
	margin: 0 auto;
}
.event_wrap .dropbox_wrap {
	width: 180px;
	margin-left: auto;
}
.event_wrap .dropbox_wrap .drop_btn {
	position: relative;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background-color: #f9f9f9;
	border: 2px solid #000;
	font-family: 'Spoqa Han Sans Neo', 'sans-serif';
	font-size: 23px;
	font-weight: 600;
	letter-spacing: -0.02em;
	text-align: left;
	cursor: pointer;
	padding: 0 35px 0 15px;
}
.event_wrap .dropbox_wrap .drop_btn::after {
	content: '';
	position: absolute;
	top: 16px;
	right: 15px;
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260409_flat/bnD6_toggle_arrow.png") no-repeat center;
	width: 14px;
	height: 10px;
	transition: all 0.3s;
}
.event_wrap .dropbox_wrap .drop_btn.on::after {
	transform: rotate(180deg);
}
.event_wrap .dropbox_wrap .link_list {
	height: 0;
	position: absolute;
	top: 55px;
	right: 0;
	width: 180px;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
}
.event_wrap .dropbox_wrap .link_list.on {
	max-height: 500px;
	background-color: #f9f9f9;
	border: 2px solid #000;
	opacity: 1;
	visibility: visible;
}
.event_wrap .dropbox_wrap .link_list li a {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-family: 'Spoqa Han Sans Neo', 'sans-serif';
	font-size: 23px;
	letter-spacing: -0.02em;
	padding: 0 15px;
}
.event_wrap .main_top {
	display: flex;
	justify-content: space-between;
	margin-top: 55px;
	padding-bottom: 30px;
	border-bottom: 2px solid #000;
}
.event_wrap .main_top .logo {
	width: 238px;
}
.event_wrap .main_top .logo img {
	width: 100%;
}
.event_wrap .main_top .main_title {
	text-align: right;
}
.event_wrap .main_top .main_title span {
	font-size: 50px;
	font-weight: 300;
	line-height: 1.3;
	vertical-align: bottom;
}
.event_wrap .main_top .main_title strong {
	font-family: 'BnviitLasik';
	font-size: 50px;
	line-height: 1.3;
	color: #ff5733;
	padding: 0 10px;
}
.event_wrap .main_top .main_title h2 {
	font-family: 'BnviitLasik';
	font-size: 170px;
	line-height: 1;
	margin-top: 20px;
}
.event_wrap .main_btm {
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
	border-top: 1px solid #989898;
	padding-top: 44px;
}
.event_wrap .main_btm .txt_box {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.event_wrap .main_btm .txt_box .txt_inner {
	font-size: 0;
}
.event_wrap .main_btm .txt_box p {
	font-size: 26px;
	line-height: 1.6;
	letter-spacing: -0.04em;
	margin-top: 30px;
	padding: 0 6px;
}
.event_wrap .main_btm .txt_box p:first-child {
	margin-top: 0;
}
.event_wrap .main_btm .txt_box .highlight {
	font-size: 26px;
	line-height: 1.6;
	letter-spacing: -0.04em;
	font-weight: 700;
	background-color: #000;
	color: #fff;
	padding: 0 6px;
}
.event_wrap .btn_box {
	width: 380px;
	margin-top: auto;
}
.event_wrap .btn_box .e_btn {
	display: block;
	position: relative;
	width: 100%;
	height: 80px;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 78px;
	border-width: 2px;
	border-style: solid;
	background-color: #fff;
	padding: 0 60px 0 30px;
}
.event_wrap .btn_box .e_btn:not(:first-child) {
	margin-top: 8px;
}
.event_wrap .btn_box .e_btn::after {
	content:'>';
	position: absolute;
	top: 0;
	right: 33px;
	font-family: 'SUIT', sans-serif;
	font-size: 23px;
}
.event_wrap .btn_box .e_btn.bd_black {
	border-color: #000;
	color: #000;
}
.event_wrap .btn_box .e_btn.bd_red {
	border-color: #fb4d28;
	color: #fb4d28;
}
.event_wrap .book_ani_box {
	position: relative;
}
.event_wrap .book_ani_box .book_ani {
	animation: fadeDown 0.3s linear both;
}
.event_wrap .book_ani_box .book_ani.book_ani01 {
	width: 342px;
	margin-left: 5px;
	animation-delay: 2.7s;
}
.event_wrap .book_ani_box .book_ani.book_ani02 {
	width: 370px;
	margin-left: 41px;
	animation-delay: 2.4s;
}
.event_wrap .book_ani_box .book_ani.book_ani03 {
	width: 334px;
	margin-left: 16px;
	animation-delay: 2.1s;
}
.event_wrap .book_ani_box .book_ani.book_ani04 {
	width: 334px;
	margin-left: 19px;
	animation-delay: 1.8s;
}
.event_wrap .book_ani_box .book_ani.book_ani05 {
	width: 266px;
	margin-left: 86px;
	animation-delay: 1.5s;
}
.event_wrap .book_ani_box .book_ani.book_ani06 {
	width: 350px;
	margin-left: -4px;
	animation-delay: 1.2s;
}
.event_wrap .book_ani_box .book_ani.book_ani07 {
	width: 340px;
	margin-left: 19px;
	animation-delay: 0.9s;
}
.event_wrap .book_ani_box .book_ani.book_ani08 {
	width: 342px;
	margin-left: 10px;
	animation-delay: 0.6s;
}
.event_wrap .book_ani_box .book_ani.book_ani09 {
	width: 370px;
	margin-left: 46px;
	animation-delay: 0.3s;
}
.event_wrap .book_ani_box .book_ani.book_ani10 {
	width: 394px;
}
.event_wrap .book_ani_box .book_ani img {
	width: 100%;
}
.event_wrap .book_ani_box .bubble_ani {
	position: absolute;
}
.event_wrap .book_ani_box .bubble_ani {
	animation: fadeIn 0.3s linear both, float 0.3s linear both;
}
.event_wrap .book_ani_box .bubble_ani.bubble_ani01 {
	top: 170px;
	left: -134px;
	animation-delay: 3.2s, 3.8s;
}
.event_wrap .book_ani_box .bubble_ani.bubble_ani02 {
	bottom: 190px;
	right: -120px;
	animation-delay: 3.6s, 4.1s;
}
/* bg_02 */
.event_wrap .title_box {
	text-align: center;
	margin-bottom: 40px;
}
.event_wrap .title_box h3 {
	font-family: 'BnviitLasik';
	font-size: 52px;
	letter-spacing: -0.02em;
	line-height: 1.4;
	color: #fff;
}
.event_wrap .title_box h3 span {
	color: #fffeb1;
}
.event_wrap .book_wrap {
	padding: 100px 180px 100px 100px;
}
.event_wrap .book_wrap:not(:last-child) {
	margin-bottom: 20px;
}
.event_wrap .book_wrap .wrap_inner {
	display: flex;
	gap: 0 50px;
	align-items: flex-start;
}
.event_wrap .book_wrap .wrap_inner .thumb {
	width: 257px;
	border: 1px solid #d3d3d3;
}
.event_wrap .book_wrap .thumb img {
	width: 100%;
}
.event_wrap .book_wrap .wrap_inner .info {
	flex: 1;
}
.event_wrap .book_wrap .info_top {
	display: flex;
	justify-content: space-between;
	padding-bottom: 35px;
}
.event_wrap .book_wrap .info_top .info_list {
	flex: 1;
}
.event_wrap .book_wrap .info_list .book_title {
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.3;
}
.event_wrap .book_wrap .info_list .book_pub {
	font-size: 20px;
	line-height: 1.3;
	color: #2c2c2c;
	margin: 14px 0 16px;
}
.event_wrap .book_wrap .info_list .book_pub .line {
	font-size: 16px;
	color: #c0c0c0;
	vertical-align: middle;
	padding: 0 5px;
}
.event_wrap .book_wrap .info_list .book_tag {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.3;
}
.event_wrap .book_wrap .info_list .book_tag span {
	display: inline-block;
}
.event_wrap .book_wrap .info_top .preview_btn {
	display: block;
	position: relative;
	width: 226px;
	height: 51px;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 51px;
	border-radius: 26px;
	overflow: hidden;
	background-color: #000;
	color: #fff;
	padding: 0 40px 0 20px;
}
.event_wrap .book_wrap .info_top .preview_btn::after {
	content:'>';
	position: absolute;
	top: 0;
	right: 22px;
	font-family: 'SUIT', sans-serif;
}
.event_wrap .book_wrap .info .info_btm {
	padding: 40px 0;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
}
.event_wrap .book_wrap .info .book_desc {
	font-size: 19px;
	line-height: 1.6;
	letter-spacing: -0.02em;
}

@keyframes fadeDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes float {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-20px);
	}
	100% {
		transform: translateY(0);
	}
}