@charset "UTF-8";
*, *::before, *::after {
	box-sizing: border-box;
}
.event_wrap .e_container.bg_01 {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260720_vacation/bnJ_cont01_bg.jpg") no-repeat 50% 0;
	height: 586px;
	padding-top: 120px;
}
.event_wrap .e_container.bg_02 {
	background-color: #41E3A1;
	padding: 70px 0 120px;
}
.event_wrap .e_container.bg_03 {
	background-color: #E8ECF1;
	padding: 120px 0;
}
.event_wrap .e_container.bg_04 {
	background-color: #FFF189;
	padding: 120px 0;
}
.event_wrap .e_container.bg_05 {
	background-color: #D1FFA1;
	padding: 120px 0;
}
/* ==========================
	공통 스타일
============================= */
.event_wrap {
	font-family: "Pretendard",  sans-serif;
}
.event_wrap img {
	width: 100%;
}
.event_wrap button {
	font-family: "Pretendard",  sans-serif;
	cursor: pointer;
}
.event_wrap .w640 {
	width: 640px;
	margin: 0 auto;
}
.event_wrap .w680 {
	width: 680px;
	margin: 0 auto;
}
.event_wrap .w1200 {
	width: 1200px;
	margin: 0 auto;
}
.event_wrap .title_img {
	margin: 0 auto 40px;
}
.event_wrap .sub_title_img {
	width: 270px;
	margin: 0 auto;
}
.event_wrap .e_notice ul li {
	font-family: "Pretendard",  sans-serif;
}
/* ==========================
	영역별 스타일
============================= */
/* bg_01 */
.event_wrap .main_title {
	width: 434px;
	margin: 0 auto 97px;
}
/* tab */
.event_wrap .e_tab_wrap .e_nav_tab {
	display: flex;
	height: 50px;
	border-radius: 8px;
	overflow: hidden;
	position: absolute;
	top: -50px;
	max-width: 1200px;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.event_wrap .e_tab_wrap.sps.sps-blw .e_nav_tab {
	top: 0;
}
.event_wrap .e_tab_wrap .e_nav_tab li {
	width: calc(100% / 3);
}
.event_wrap .e_tab_wrap .e_nav_tab li button {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-weight: 500;
	line-height: 50px;
	letter-spacing: -0.01em;
	color: #085B39;
	background-color: #2CBF84;
}
.event_wrap .e_tab_wrap .e_nav_tab li button.on {
	font-weight: 700;
	color: #000;
	background-color: #fff;
}
/* bg_02 */
.event_wrap .guide_wrap {
	margin-top: 32px;
}
.event_wrap .guide_wrap .guide_text {
	position: relative;
	height: 100px;
	line-height: 1.4;
	font-size: 32px;
	font-weight: 600;
	letter-spacing: -0.02em;
	border-radius: 8px;
	overflow: hidden;
	padding: 28px 32px;
	background-color: #fff;
	cursor: pointer;
}
.event_wrap .guide_wrap:open .guide_text {
	border-radius: 8px 8px 0 0;
}
.event_wrap .guide_wrap .guide_text::marker {
	content: none;
	display: none;
}
.event_wrap .guide_wrap .guide_tex::-webkit-details-marker {
    display: none;
}
.event_wrap .guide_wrap .guide_text::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 32px;
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260720_vacation/bnJ_icon_toggle.png") no-repeat center / contain;
	width: 36px;
	height: 36px;
	transform: translateY(-50%);
	transition: all 0.3s;
}
.event_wrap .guide_wrap:open .guide_text::after {
	transform: translateY(-50%) rotate(180deg);
}
.event_wrap .guide_wrap .guide_text strong {
	font-weight: 700;
}
.event_wrap .guide_wrap .guide_box {
	position: relative;
}
.event_wrap .guide_wrap .guide_box button {
	position: absolute;
}
.event_wrap .guide_wrap01 .guide_box button {
	width: 40%;
	height: 10%;
}
.event_wrap .guide_wrap01 .guide_box .link_guide01 {
	top: 21%;
	left: 10%;
}
.event_wrap .guide_wrap01 .guide_box .link_guide02 {
	top: 21%;
	right: 10%;
}
.event_wrap .guide_wrap01 .guide_box .link_guide03 {
	top: 51.4%;
	left: 10%;
}
.event_wrap .guide_wrap01 .guide_box .link_guide04 {
	top: 51.4%;
	right: 10%;
}
.event_wrap .guide_wrap01 .guide_box .link_guide05 {
	bottom: 8.5%;
	left: 10%;
}
.event_wrap .guide_wrap01 .guide_box .link_guide06 {
	bottom: 8.5%;
	right: 10%;
}
.event_wrap .guide_wrap02 .guide_box button {
	right: 10%;
	height: 6.5%;
}
.event_wrap .guide_wrap02 .guide_box .link_guide01 {
	top: 11.45%;
	width: 44%;
}
.event_wrap .guide_wrap02 .guide_box .link_guide02 {
	top: 27%;
	width: 38%;
}
.event_wrap .guide_wrap02 .guide_box .link_guide03 {
	top: 42%;
	width: 41%;
}
.event_wrap .guide_wrap02 .guide_box .link_guide04 {
	top: 57.5%;
	width: 38%;
}
.event_wrap .guide_wrap02 .guide_box .link_guide05 {
	top: 73%;
	width: 45%;
}
.event_wrap .guide_wrap02 .guide_box .link_guide06 {
	top: 88.5%;
	width: 43%;
}
/* bg_03 */
.event_wrap .keyword_tabs {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 24px;
}
.event_wrap .keyword_tabs li {
	width: calc(100% / 2);
	border: 1px solid #D5D5D5;
}
.event_wrap .keyword_tabs li:nth-child(even) {
	border-left: 0;
}
.event_wrap .keyword_tabs li:nth-child(-n+4) {
	border-bottom: 0;
}
.event_wrap .keyword_tabs li button {
	display: block;
	width: 100%;
	height: 88px;
	line-height: 88px;
	font-size: 28px;
	letter-spacing: -0.01em;
	color: #262626;
	text-align: center;
	background-color: #fff;
}
.event_wrap .keyword_tabs li button.on {
	font-weight: 700;
	color: #fff;
	background-color: #FF6B02;
}
.event_wrap .theme_wrap {
	position: relative;
	background-color: #DAE0E7;
	margin-top: 60px;
	padding: 30px;
	border-radius: 8px;
}
.event_wrap .theme_wrap::before {
	content:'';
	position: absolute;
	top: -36px;
	left: 50%;
	transform: translateX(-50%);
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260720_vacation/bnJ_cont03_box_top.png") no-repeat center / contain;
	width: 344px;
	height: 84px;
}
.event_wrap .theme_wrap .theme_box {
	display: none;
}
.event_wrap .theme_wrap .theme_box.on {
	display: block;
}
.event_wrap .theme_wrap .theme_box .theme_inner {
	position: relative;
}
.event_wrap .theme_wrap .theme_box .theme_inner.inner02 {
	margin-top: 48px;
}
.event_wrap .theme_wrap .theme_box .theme_inner.inner02::before,
.event_wrap .theme_wrap .theme_box .theme_inner.inner03::before {
	content: '';
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260720_vacation/bnJ_cont03_deco.png") no-repeat center / contain;
	width: 558px;
	height: 140px;
	position: absolute;
	top: -90px;
	left: 50%;
	transform: translateX(-50%);
}
.event_wrap .theme_wrap .theme_box .theme_inner.inner03 {
	margin-top: 48px;
}
.event_wrap .theme_wrap .sub_title_box {
	background-color: #646F7D;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
}
.event_wrap .theme_wrap .book_slide {
	border-radius: 8px;
	overflow: hidden;
	background-color: #fff;
	padding: 52px 0 80px;
}
.event_wrap .theme_wrap .book_slide .swiper-container {
	padding: 0 66px;
}
.event_wrap .theme_wrap .book_slide .scrollbar_wrap {
	width: 480px;
	height: 8px;
	margin: 40px auto 0;
}
.event_wrap .theme_wrap .book_slide .scrollbar_wrap .swiper-scrollbar {
	position: relative;
	height: 100%;
	background-color: #EAEAEA;
}
.event_wrap .theme_wrap .book_slide .scrollbar_wrap .swiper-scrollbar-drag {
	background-color: #646F7D;
}
.event_wrap .theme_wrap .book_slide .thumb {
	margin-bottom: 20px;
	border: 1px solid #EAEAEA;
}
.event_wrap .theme_wrap .book_slide .book_info .book_type {
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -0.05em;
	border-radius: 100px;
	overflow: hidden;
	padding: 4px 12px;
}
.event_wrap .theme_wrap .book_slide .book_info .book_type.book_type01 {
	background-color: #B8F4A9;
	color: #2C8615;
}
.event_wrap .theme_wrap .book_slide .book_info .book_type.book_type02 {
	background-color: #DCCEFF;
	color: #5D37BF;
}
.event_wrap .theme_wrap .book_slide .book_info .book_type.book_type03 {
	background-color: #EFEFEF;
	color: #5D5D5D;
}
.event_wrap .theme_wrap .book_slide .book_info .book_title {
	font-size: 28px;
	font-weight: 700;
	line-height: 38px;
	letter-spacing: -0.01em;
	color: #111;
	margin: 16px 0 10px;
}
.event_wrap .theme_wrap .book_slide .book_info .book_cate {
	font-size: 26px;
	font-weight: 500;
	line-height: 38px;
	letter-spacing: -0.01em;
	color: #767676;
}
.event_wrap .theme_wrap .book_slide .book_desc {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.02em;
	padding-top: 16px;
	margin-top: 16px;
	border-top: 1px solid #CBCBCB;
}
/* bg_04 */
.event_wrap .bg_04 .title_img {
	margin-bottom: 20px;
}
.event_wrap .bg_04 .eMap .link_01 {
	bottom: 19%;
	left: 10%;
	width: 80%;
	height: 19%;
}
.event_wrap .bg_04 .eMap .link_02 {
	bottom: 0;
	left: 10%;
	width: 80%;
	height: 19%;
}
.event_wrap .bg_04 .e_notice {
	width: 560px;
	padding: 24px 0 0 0;
}
.event_wrap .bg_04 .e_notice ul li {
	font-size: 26px;
	font-weight: 500;
	color: rgba(219, 102, 0, 0.7);
}
.event_wrap .bg_04 .e_notice ul li::before {
	background-color: rgba(219, 102, 0, 0.7);
}
/* bg_05 */
.event_wrap .gift_slide {
	margin-bottom: 20px; 
}
.event_wrap .gift_slide .swiper-button-next, 
.event_wrap .gift_slide .swiper-button-prev {
	opacity: 1;
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260720_vacation/bnJ_slide_nav.png");
	background-size: contain;
	border-radius: 0;
	width: 48px;
	height: 100px;
}
.event_wrap .gift_slide .swiper-button-next {
	right: 0;
}
.event_wrap .gift_slide .swiper-button-prev {
	left: 0;
	transform: rotateY(180deg);
}
.event_wrap .bg_05 .e_notice {
	padding: 40px 0 0 0;
}
.event_wrap .bg_05 .e_notice ul li {
	font-size: 22px;
	color: #41740C;
}
.event_wrap .bg_05 .e_notice ul li::before {
	background-color: #41740C;
}