@charset "UTF-8";
*, *::before, *::after {
	box-sizing: border-box;
}
.event_wrap .e_container.bg_01 {
	background: #fcd8d6 url("https://contents.kyobobook.co.kr/pmtn/2026/eBook/260605_readers/bnD12_cont01_bg.jpg") repeat-x 50% 0;
	padding: 90px 0 120px;
}
.event_wrap .e_container.bg_02 {
	background: #89d4dd url("https://contents.kyobobook.co.kr/pmtn/2026/eBook/260605_readers/bnD12_cont02_bg.jpg") no-repeat 50% 0;
	padding: 120px 0;
}
.event_wrap .e_container.bg_03 {
	background: #fbebdf url("https://contents.kyobobook.co.kr/pmtn/2026/eBook/260605_readers/bnD12_cont03_bg.jpg") 50% 0;
	padding: 120px 0;
}
.event_wrap .e_container.bg_04 {
	background-color: #006c6e;
	padding: 100px 0;
}
.event_wrap .e_container.bg_05 {
	background-color: #003334;
}
/* ==========================
	공통 스타일
============================= */
.event_wrap {
	font-family: 'SUIT', sans-serif;
}
.event_wrap img {
	width: 100%;
}
.event_wrap button {
	cursor: pointer;
}
.event_wrap .w680 {
	width: 680px;
	margin: 0 auto;
}
body .event_wrap .mB120 {
	margin-bottom: 120px;
}
.event_wrap .title_img {
	margin: 0 auto 40px;
}
.event_wrap .btn_box {
	width: 550px;
	margin: 50px auto 0;
}
.event_wrap .btn_box .com_btn {
	display: block;
	width: 100%;
	height: 90px;
	line-height: 90px;
	border-radius: 10px;
	overflow: hidden;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: #fff;
	text-align: center;
	background-color: #111;
}
.event_wrap .btn_box .com_btn.bg_green {
	background-color: #1ea5a8;
}
.event_wrap .btn_box .com_btn:not(:first-child) {
	margin-top: 10px;
}
.event_wrap .btn_box .com_btn span::after {
	content: '>';
	display: inline-block;
	margin-left: 10px;
}
.event_wrap .btn_box .com_btn span.no_icon::after {
	content: none;
}
.event_wrap .toggle_wrap .toggle_btn {
	display: block;
	text-align: center;
	width: 100%;
}
.event_wrap .toggle_wrap .toggle_box {
	display: none;
}
.event_wrap .toggle_wrap .toggle_box.on {
	display: block;
}
.event_wrap .e_notice {
	padding: 0;
}
.event_wrap .e_notice ul li {
	font-size: 22px;
}
/* ==========================
	영역별 스타일
============================= */
/* bg_01 */
.event_wrap .main_box {
	margin-bottom: 105px;
}
.event_wrap .main_box .main_title {
	width: 544px;
	margin: 0 auto 20px;
}
.event_wrap .main_box .reader_box {
	position: relative;
	width: 1000px;
	height: 445px;
	margin: 0 auto;
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/eBook/260605_readers/bnD12_cont01_deco01.png") no-repeat bottom 6px left 8px;
	background-size: 974px 342px;
	/* background-size: contain; */
}
/* reader 순차 노출 애니메이션 */
@keyframes reader_show {
	0%   { opacity: 0; transform: translateX(calc(-50% + 5px)); }
	3%   { opacity: 1; transform: translateX(-50%); }
	30%  { opacity: 1; transform: translateX(-50%); }
	33%  { opacity: 0; transform: translateX(calc(-50% - 5px)); }
	100% { opacity: 0; transform: translateX(calc(-50% + 5px)); }
}
.event_wrap .main_box .reader_box .reader_img img {
	position: absolute;
	bottom: 30px;
	left: calc(50% + 8px);
	transform: translateX(-50%);
}
.event_wrap .main_box .reader_box .reader_img .reader01 {
	max-width: 360px;
	animation: reader_show 9s 0s infinite both;
}
.event_wrap .main_box .reader_box .reader_img .reader02 {
	max-width: 358px;
	animation: reader_show 9s 3s infinite both;
}
.event_wrap .main_box .reader_box .reader_img .reader03 {
	max-width: 308px;
	animation: reader_show 9s 6s infinite both;
}
.event_wrap .main_box .reader_box .deco {
	position: absolute;
	bottom: 6px;
	right: 187px;
	width: 158px;
}
.event_wrap .bg_01 .title_img {
	width: 548px;
}
.event_wrap .reader_slide {
	position: relative;
	width: 680px;
	height: 750px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 10px;
	overflow: hidden;
}
.event_wrap .reader_slide .swiper-button-next, 
.event_wrap .reader_slide .swiper-button-prev {
	opacity: 1;
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/eBook/260605_readers/bnD12_slide_nav.png");
	background-size: contain;
	background-color: transparent;
	width: 60px;
	height: 60px;
}
.event_wrap .reader_slide .swiper-button-next {
	right: 62px;
}
.event_wrap .reader_slide .swiper-button-prev {
	left: 62px;
	transform: rotateY(180deg);
}
.event_wrap .reader_slide .reader_title {
	text-align: center;
	margin-bottom: 40px;
}
.event_wrap .reader_slide .reader_title span {
	display: inline-block;
	width: 242px;
	font-size: 32px;
	font-weight: 800;
	line-height: 68px;
	letter-spacing: -0.03em;
	color: #fff;
	background-color: #119dff;
	border-radius: 0 0 10px 10px;
}
.event_wrap .reader_slide img {
	display: block;
	max-width: 380px;
	margin: 0 auto;
}
.event_wrap .reader_slide img.prod03 {
	max-width: 323px;
}
.event_wrap .reader_slide .prod_desc {
	width: 270px;
	margin: 15px auto 0;
}
.event_wrap .reader_slide .prod_desc li {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: -0.03em;
	color: #111;
}
/* bg_02 */
.event_wrap .eMap .link_01 {
	bottom: 10%;
	left: 0;
	width: 50%;
	height: 9.5%;
}
.event_wrap .eMap .link_02 {
	bottom: 0;
	left: 0;
	width: 50%;
	height: 9.5%;
}
.event_wrap .eMap .link_03 {
	bottom: 10%;
	right: 0;
	width: 50%;
	height: 9.5%;
}
.event_wrap .eMap .link_04 {
	bottom: 0;
	right: 0;
	width: 50%;
	height: 9.5%;
}
.event_wrap .bubble {
	width: 488px;
	margin: 0 auto 16px;
	animation: float 2s ease-in-out infinite;
}
/* bg_03 */
.event_wrap .flexslider .flex-control-paging {
	top: 0;
	right: 0;
	background: #edeaea;
}
.event_wrap .desc_text {
	font-size: 26px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -0.02em;
	text-align: center;
	margin-top: 26px;
}
.event_wrap .bg_03 .toggle_wrap {
	width: 680px;
	margin: 0 auto;
	margin-top: 80px;
}
.event_wrap .bg_03 .toggle_wrap .toggle_btn {
	font-family: 'Spoqa Han Sans', sans-serif;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.07em;
	color: #9c7771;
}
.event_wrap .bg_03 .toggle_wrap .toggle_btn::after {
	content: '▼';
	display: inline-block;
}
.event_wrap .bg_03 .toggle_wrap .toggle_btn.on::after {
	content: '▲';
}
.event_wrap .bg_03 .toggle_wrap .toggle_box {
	padding-top: 25px;
}
.event_wrap .bg_03 .e_notice {
	width: 100%;
}
.event_wrap .bg_03 .e_notice ul li {
	color: #9c7771;
}
.event_wrap .bg_03 .e_notice ul li::before {
	background-color: #9c7771;
}
/* bg_04 */
.event_wrap .bg_04 .e_notice {
	width: 700px;
}
.event_wrap .bg_04 .e_notice p {
	font-size: 28px;
}
.event_wrap .bg_04 .e_notice p,
.event_wrap .bg_04 .e_notice ul li {
	color: #80b6b7;
}
.event_wrap .bg_04 .e_notice ul li::before {
	background-color: #80b6b7;
}
/* bg_05 */
.event_wrap .bg_05 .toggle_box {
	padding: 54px 0 114px;
}
.event_wrap .bg_05 .toggle_wrap .toggle_btn {
	height: 60px;
	color: #80999a;
	font-family: 'Spoqa Han Sans', sans-serif;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.07em;
	border-bottom: 1px solid #4d7171;
}
.event_wrap .bg_05 .toggle_wrap .toggle_btn span {
	position: relative;
	display: inline-block;
}
.event_wrap .bg_05 .toggle_wrap .toggle_btn span::before,
.event_wrap .bg_05 .toggle_wrap .toggle_btn span::after {
	content: '';
	display: inline-block;
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/eBook/260605_readers/bnD12_icon_arrow.jpg") no-repeat center / contain;
	width: 20px;
	height: 15px;
	transition: transform 0.3s ease;
}
.event_wrap .bg_05 .toggle_wrap .toggle_btn span::before {
	margin-right: 15px;
}
.event_wrap .bg_05 .toggle_wrap .toggle_btn span::after {
	margin-left: 15px;
}
.event_wrap .bg_05 .toggle_wrap .toggle_btn.on span::before,
.event_wrap .bg_05 .toggle_wrap .toggle_btn.on span::after {
	transform: rotate(180deg);
}
.event_wrap .bg_05 .e_notice {
	width: 700px;
}
.event_wrap .bg_05 .e_notice p {
	text-align: left;
	font-size: 22px;
	padding: 0 0 10px 44px;
}
.event_wrap .bg_05 .e_notice p,
.event_wrap .bg_05 .e_notice ul li {
	color: #80999a;
}
.event_wrap .bg_05 .e_notice ul li::before {
	background-color: #80999a;
}

/* 팝업 */
.event_wrap .popup_bg.on,
.event_wrap .popup_wrap.on {
	display: block;
}
.event_wrap .popup_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 999;
}
.event_wrap .popup_wrap {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	transform: translate(-50%, -50%);
	z-index: 1000;
}
.event_wrap .popup_wrap .popup_close {
	display: block;
	width: 70px;
	margin: 24px auto 0;
}
/* ==========================
	keyframes
============================= */
@keyframes float {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(10px);
	}
	100% {
		transform: translateY(0);
	}
}