@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: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260622_summersalon/bnH_cont01_bg.png") repeat-x 50% 0;
	padding: 56px 0;
}
.event_wrap .e_container.bg_02 {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260622_summersalon/bnH_cont02_bg.png") 50% 0;
}
.event_wrap .e_container.bg_03 {
	background-color: #C3FF98;
}
.event_wrap .e_container.bg_04 {
}
.event_wrap .e_container.bg_05 {
	background-color: #E1FFA4;
}
/* ==========================
	공통 스타일
============================= */
.event_wrap img {
	width: 100%;
}
.event_wrap .w670 {
	width: 670px;
	margin: 0 auto;
}
.event_wrap .title_img {
	margin: 0 auto 80px;
}
.event_wrap .swiper-button-next, 
.event_wrap .swiper-button-prev {
	opacity: 1;
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260622_summersalon/bnH_slide_nav.png");
	background-color: transparent;
	background-size: contain;
	border-radius: 0;
	width: 34px;
	height: 24px;
	top: 28px;
	margin-top: 0;
}
.event_wrap .swiper-button-next {
	right: 24px;
}
.event_wrap .swiper-button-prev {
	left: 24px;
	transform: rotateY(180deg);
}
/* ==========================
	영역별 스타일
============================= */
/* bg_01 */
.event_wrap .main_box {
	width: 902px;
	margin: 0 auto;
}
.event_wrap .main_box img {
	margin-left: -100px;
}
/* bg_02 */
.event_wrap .bg_02 .title_img {
	width: 450px;
}
.event_wrap .bg_02 .eMap .link_01 {
	top: 10%;
	left: 19.3%;
	width: 20.7%;
	height: 22%;
}
.event_wrap .bg_02 .eMap .link_02 {
	top: 10%;
	left: 40%;
	width: 20.7%;
	height: 22%;
}
.event_wrap .bg_02 .eMap .link_03 {
	bottom: 30.4%;
	left: 40%;
	width: 20.7%;
	height: 18.5%;
}
.event_wrap .bg_02 .eMap .link_04 {
	bottom: 12.4%;
	left: 19.5%;
	width: 20.7%;
	height: 18.5%;
}
/* bg_03 */
.event_wrap .bg_03 .title_img {
	width: 484px;
}
.event_wrap .salon_slide .eMap .link_01 {
	top: 526px;
	left: 5%;
	width: 170px;
	height: 280px;
}
.event_wrap .salon_slide .eMap .link_02 {
	bottom: 32px;
	left: 5%;
	width: 606px;
	height: 88px;
}
.event_wrap .salon_slide .swiper-button-next, 
.event_wrap .salon_slide .swiper-button-prev {
	top: 36px;
}
/* bg_04 */
.event_wrap .bg_04 .title_img {
	width: 346px;
}
.event_wrap .pick_slide .eMap .link_01 {
	top: 184px;
	left: 53px;
	width: 230px;
	height: 330px;
}
.event_wrap .pick_slide .eMap .link_02 {
	top: 184px;
	right: 53px;
	width: 230px;
	height: 330px;
}
.event_wrap .btn_box {
	width: 670px;
	margin: 60px auto 0;
}
/* bg_05 */
.event_wrap .bg_05 .title_img {
	width: 462px;
}
.event_wrap .eMap .link_comment {
	bottom: 0;
	left: 3%;
	width: 94%;
	height: 7%;
}
.event_wrap .e_notice {
	width: 100%;
	padding: 40px 0 0 0;
}
.event_wrap .e_notice ul li {
	font-family: "Pretendard",  sans-serif;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: #6F7D4E;
}
.event_wrap .e_notice ul li::before {
	background-color: #6F7D4E;
}