@charset "utf-8";
* {
	box-sizing: border-box;
}
.event_wrap button {
	cursor: pointer;
}
.event_wrap .e_container {
	overflow: hidden;
}
.event_wrap .e_container.bg_01 {
	background-color: #EBEFF5;
}
.event_wrap .e_container.bg_01 .inner_bg01 {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260304_ai/bnJ_cont01_bg01.jpg") repeat-x 50% 0;
	padding: 80px 0 35px;
}
.event_wrap .e_container.bg_01 .inner_bg02 {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260304_ai/bnJ_cont01_bg02.jpg") repeat-x 50% 0;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}
.event_wrap .e_container.bg_01 .inner_bg02.on {
	padding-bottom: 80px;
	max-height: 776px;
	opacity: 1;
	visibility: visible;
}
.event_wrap .e_container.bg_02 {
	background: #282B31 url("https://contents.kyobobook.co.kr/pmtn/2026/book/260304_ai/bnJ_cont02_bg.jpg") no-repeat 50% 0;
	padding-top: 70px;
}
.event_wrap .e_container.bg_03 {
	background-color: #B9D7FF;
	padding: 120px 0;
}
.event_wrap .w523 {
	width: 523px;
	margin: 0 auto;
}
.event_wrap .w562 {
	width: 562px;
	margin: 0 auto;
}
.event_wrap .w832 {
	width: 832px;
	margin: 0 auto;
}
/* 공통 제목 */
.event_wrap .title_box {
	width: 670px;
	margin: 0 auto 40px;
}
.event_wrap .bg_03 .title_box {
	margin-bottom: 60px;
}
/* 공통 버튼 */
.event_wrap .btn_box {
	width: 522px;
	margin: 0 auto;
}
.event_wrap .btn_box .e_btn {
	display: block;
	width: 100%;
	height: 88px;
	line-height: 88px;
	border-radius: 17px;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #fff;
	background-color: #282DE7;
	text-align: center;
}
/* bg_01 */
.event_wrap .main_box {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260304_ai/bnJ_cont0101.png") no-repeat center;
	width: 522px;
	height: 492px;
	margin: 40px auto 0;
	overflow: hidden;
	position: relative;
}
.event_wrap .main_box::after {
	content:'';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 50%;
	background-image: linear-gradient(to top, rgba(242, 246, 255, 1), rgba(173, 193, 249, 0));
	border-radius: 0 0 13px 13px;
}
.event_wrap .main_box .author {
	margin-top: 18px;
}
.event_wrap .main_box .btn_box {
	position: absolute;
	bottom: 34px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	width: 435px;
}
.event_wrap .main_box .btn_box {
	height: 88px;
	line-height: 88px;
}
.event_wrap .eMap .link_01 {
	top: 14.5%;
	left: 45px;
	width: 175px;
	height: 240px;
}
/* bg_02 */
.event_wrap .ai_slide {
	margin-bottom: 120px;
}
.event_wrap .ai_slide .swiper-slide {
	width: 225px;
}
.event_wrap .bg_wrap {
	border-radius: 40px 40px 0 0;
	background-color: rgba(21, 23, 27, 0.5);
	overflow: hidden;
	padding: 70px 121px 120px;
}
.event_wrap .bg_wrap .book {
	width: 380px;
	margin: 0 auto;
}
.event_wrap .bg_wrap .detail {
	font-family: "Pretendard",  sans-serif;
	margin-top: 40px;
	text-align: center;
}
.event_wrap .bg_wrap .detail .title {
	display: block;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: #fff;
}
.event_wrap .bg_wrap .detail .pub {
	display: block;
	font-size: 24px;
	line-height: 1.4;
	letter-spacing: -0.01em;
	color: #BABFC8;
	margin-top: 16px;
}
.event_wrap .bg_wrap .detail .desc {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.03em;
	color: #fff;
	padding-top: 20px;
	margin-top: 20px;
	position: relative;
}
.event_wrap .bg_wrap .detail .desc::before {
	content: '';
	background-color: #595E65;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 240px;
	height: 1px;
}
/* bg_03 */
.event_wrap .prompt_wrap {
	width: 903px;
	height: 790px;
	margin:0 auto;
	position: relative;
}
.event_wrap .prompt_wrap::after {
	content:'';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	width: 100%;
	height: 200px;
	background: linear-gradient(rgba(185, 215, 255, 0) 8%, rgba(185, 215, 255, 1) 65%);
}
.event_wrap .prompt_wrap .prompt {
	position: absolute;
}
.event_wrap .prompt_wrap .prompt.prompt01 {
	top: 206px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	animation: floatingX 1s 0.5s ease-in-out infinite alternate-reverse;
}
.event_wrap .prompt_wrap .prompt.prompt02 {
	top: 98px;
	left: 56px;
	z-index: 1;
	animation: floating 1s 0.3s ease-in-out infinite alternate-reverse;
}
.event_wrap .prompt_wrap .prompt.prompt03 {
	top: 0;
	right: -54px;
	animation: floating 1s ease-in-out infinite alternate-reverse;
}

@keyframes floating {
	0% {transform: translateY(-10px);}
	100% {transform: translateY(0);}
}
@keyframes floatingX {
	0% {transform: translateX(-50%) translateY(-10px);}
	100% {transform: translateX(-50%) translateY(0);}
}