@charset "UTF-8";
*, *::before, *::after {
	box-sizing: border-box;
}
.event_wrap .e_container:not(.bg_01, .e_tab_wrap, .bg_07, .bg_08) {
	padding: 120px 0;
}
.event_wrap .e_container.bg_01 {
	background: #2265E3 url("https://contents.kyobobook.co.kr/pmtn/2026/book/260818_store/bnC_cont01_bg.jpg") no-repeat center top;
	background-size: 2800px 904px;
	height: 904px;
	padding-top: 120px;
}
.event_wrap .e_container.bg_02 {
	background-color: #F7F5F0;
}
.event_wrap .e_container.bg_03 {
	background: #DADAF7 url("https://contents.kyobobook.co.kr/pmtn/2026/book/260818_store/bnC_cont03_bg.jpg") no-repeat center top / cover;
}
.event_wrap .e_container.bg_04 {
	background: #BDE6FA url("https://contents.kyobobook.co.kr/pmtn/2026/book/260818_store/bnC_cont04_bg.jpg") no-repeat center top / cover;
}
.event_wrap .e_container.bg_05 {
	background: #BCF3DA url("https://contents.kyobobook.co.kr/pmtn/2026/book/260818_store/bnC_cont05_bg.jpg") no-repeat center top / cover;
}
.event_wrap .e_container.bg_07 {
	background-color: #2366E4;
	padding: 80px 0;
}
.event_wrap .e_container.bg_08 {
	background-color: #F7F7F7;
	padding: 80px 0;
}
/* ==========================
	공통 스타일
============================= */
.event_wrap {
	font-family: "Pretendard",  sans-serif;
}
.event_wrap img {
	width: 100%;
}
.event_wrap button {
	cursor: pointer;
}
.event_wrap .title_img {
	margin: 0 auto 40px;
}
.event_wrap .benefit_slide {
	position: relative;
}
.event_wrap .benefit_slide .swiper-container {
	width: 700px;
	margin: 0 auto;
}
.event_wrap .benefit_slide .swiper-button-prev, 
.event_wrap .benefit_slide .swiper-button-next {
	opacity: 1;
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260818_store/bnC_slide_nav.png");
	background-color: transparent;
	background-size: contain;
	width: 44px;
	height: 44px;
}
.event_wrap .benefit_slide .swiper-button-prev {
	left: 0;
	transform: rotateY(180deg);
}
.event_wrap .benefit_slide .swiper-button-next {
	right: 0;
}
.event_wrap .benefit_slide img {
	display: block;
}
.event_wrap .benefit_slide .go_link {
	position: absolute;
	bottom: 40px;
	left: 50%;
	width: 282px;
	height: 70px;
	transform: translateX(-50%);
}
.event_wrap .benefit_slide.slide01 .go_link {
	width: 324px;
}
.event_wrap .benefit_slide.slide02 .go_link01 {
	bottom: 60px;
}
.event_wrap .benefit_slide.slide02 .go_link02 {
	bottom: 70px;
}
.event_wrap .benefit_slide.slide02 .go_link03 {
	bottom: 40px;
}
.event_wrap .benefit_slide.slide03 .go_link04 {
	bottom: 78px;
}
.event_wrap .benefit_slide.slide04 .go_link {
	width: 354px;
}
.event_wrap .benefit_slide.slide04 .go_link03 {
	bottom: 60px;
}
.event_wrap .eMap .link_btn {
	position: absolute;
}
/* ==========================
	영역별 스타일
============================= */
/* bg_01 */
.event_wrap .main_light {
	position: absolute;
	top: 0;
	left: calc(50% - 487px);
	width: 660px;
	animation: fadeDown 3s both; 
}
.event_wrap .main_dots {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 590px;
	height: 100%;
}
.event_wrap .main_dots .dot {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #fff;
	animation: blinking 0.8s ease-in infinite alternate;
}
.event_wrap .main_dots .dot01 {
	top: 21px;
	left: -44px;
	animation-delay: -0.2s;
}
.event_wrap .main_dots .dot02 {
	top: 69px;
	left: 5px;
	animation-delay: -0.1s;
}
.event_wrap .main_dots .dot03 {
	top: 122px;
	left: -26px;
}
.event_wrap .main_dots .dot05 {
	top: 44px;
	left: 126px;
}
.event_wrap .main_dots .dot06 {
	top: 92px;
	left: 193px;
	animation-delay: -0.2s;
}
.event_wrap .main_dots .dot07 {
	top: 105px;
	left: 262px;
}
.event_wrap .main_dots .dot08 {
	top: 197px;
	left: 201px;
	animation-delay: -0.4s;
}
.event_wrap .main_box {
	width: 590px;
	margin: 0 auto;
}
.event_wrap .main_box .main_txt {
	width: 266px;
}
.event_wrap .main_box .main_txt.txt01 {
	width: 230px;
	margin-bottom: 50px;
}
/* bg_02 */
.event_wrap .e_benefit_box {
	margin-top: 63px;
}
.event_wrap .e_benefit_box .link_btn {
	top: 0;
	width: 30%;
	height: 100%;
}
.event_wrap .e_benefit_box .link_01 {
	left: 25px;
}
.event_wrap .e_benefit_box .link_02 {
	left: 35%;
}
.event_wrap .e_benefit_box .link_03 {
	right: 25px;
}
/* tab */
.event_wrap .e_tab_wrap {
	background-color: #000;
	height: 74px;
}
.event_wrap .e_tab_wrap .e_nav_tab {
	display: flex;
}
.event_wrap .e_tab_wrap .e_nav_tab li {
	width: calc(100% / 3);
}
.event_wrap .e_tab_wrap .e_nav_tab li button {
	width: 100%;
	height: 100%;
	font-size: 22px;
	line-height: 74px;
	text-align: center;
	color: #fff;
	background-color: #000;
}
.event_wrap .e_tab_wrap .e_nav_tab li button.on {
	font-weight: 500;
	color: #000;
	background-color: #fff;
}
/* bg_03 */
.event_wrap .e_coupon {
	position: relative;
	width: 700px;
	margin: 80px auto 0;
}
.event_wrap .e_coupon .link_01 {
	position: absolute;
	top: 19%;
	left: 50%;
	transform: translateX(-50%);
	width: 590px;
	height: 282px;
}
/* bg_08 */
.event_wrap .bnr_list {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 24px;
	width: 792px;
	margin: 0 auto;
}
.event_wrap .bnr_list li {
	width: calc((100% / 2) - 12px);
	border-radius: 16px;
	overflow: hidden;
}
/* ==========================
	keyframes
============================= */
@keyframes fadeDown {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}
@keyframes blinking {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}