@charset "utf-8";
* {
	box-sizing: border-box;
}
.event_wrap {
	font-family: "Pretendard",  sans-serif;
}
.event_wrap button {
	cursor: pointer;
}
.event_wrap .e_container.bg_01 {
	background: #3a3a3a url("https://contents.kyobobook.co.kr/pmtn/2025/book/251212_hightide/cont01_bg.jpg") no-repeat 50% 0;
	padding: 95px 0 190px;
}
.event_wrap .e_container.bg_02 {
	background: #000;
	padding:220px 0;
}
.event_wrap .e_container.bg_03 {
	background: #fff;
	padding:220px 0;
}
.event_wrap .e_container.bg_04 {
	background: #000;
	padding:220px 0;
}
/* 탭 */
.event_wrap .e_tab_wrap {
	background: rgba(0, 0, 0, 0.6);
	height:95px;
	max-width:750px;
	width:100%;
	position:absolute;
	top:auto;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
	margin:0 auto;
}
.event_wrap .e_tab_wrap.sps.sps_scroll_fixed.sps-blw {
	transform: translateX(0);
	min-width:750px;
}
.event_wrap .e_nav_tab {
	display:flex;
	justify-content: space-between;
	gap:0 80px;
	height:95px;
	margin:0 auto;
	padding:0 40px;
}
.event_wrap .e_nav_tab li {
	width:calc(100% / 3);
	height:100%;
}
.event_wrap .e_nav_tab li button {
	display:block;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size:117px 22px;
	position:relative;
}
.event_wrap .e_nav_tab li button::after {
	content:'';
	width:100%;
	height:3px;
	background: #fff;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}
.event_wrap .e_nav_tab li button.e_tab01 {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/251212_hightide/tab01.png");
}
.event_wrap .e_nav_tab li button.e_tab02 {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/251212_hightide/tab02.png");
}
.event_wrap .e_nav_tab li button.e_tab03 {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/251212_hightide/tab03.png");
}
.event_wrap .mB140 {
	margin-bottom:140px;
}
/* 공통 스타일 */
.event_wrap .e_bar {
	position:relative;
}
.event_wrap .e_bar::before,
.event_wrap .e_bar::after {
	content:'';
	width:6px;
	background:#fff;
	height:100%;
	position:absolute;
	top:0;
}
.event_wrap .e_bar::before {
	left:0;
}
.event_wrap .e_bar::after {
	right:0;
}
.event_wrap .e_container.bg_03 .e_bar::before,
.event_wrap .e_container.bg_03 .e_bar::after {
	background:#000;
}
/* 공통 슬라이드 */
.event_wrap .e_slide_wrap .swiper-pagination {
	position:static;
	font-size:0;
	margin-top:45px;
}
.event_wrap .e_slide_wrap .swiper-pagination-bullet {
	width:22px;
	height:22px;
	opacity:1;
	background: #b5b5b6;
	margin:0 15px;
}
.event_wrap .e_slide_wrap .swiper-pagination-bullet-active {
	background: #000;
}
/* bg_01 */
.event_wrap .e_container.bg_01 .e_bar {
	position:absolute;
	top:95px;
	left:50%;
	transform:translateX(-50%);
	max-width:750px;
	width:100%;
	height:956px;
}
.event_wrap .e_container.bg_01 .e_bar::before {
	animation: barAniLeft 2s ease-in-out both;
}
.event_wrap .e_container.bg_01 .e_bar::after {
	animation: barAniRight 2s ease-in-out both;
}
.event_wrap .e_main_text {
	width:760px;
	margin:0 auto;
	animation: fadeIn 1.7s 0.5s linear both;
}
/* bg_02 */
.event_wrap .e_container.bg_02 .e_cont_title {
	width: 217px;
	margin: 0 auto 110px;
}
.event_wrap .e_about_wrap {
	width:620px;
	margin:0 auto;
}
.event_wrap .e_about_wrap .swiper-pagination-bullet {
	background: #b5b5b6;
}
.event_wrap .e_about_wrap .swiper-pagination-bullet-active {
	background: #5a5a5a;
}
.event_wrap .e_text_box {
	margin-top: 85px;
	text-align: center;
	color:#fff;
	font-size:29px;
	line-height:1.6;
}
.event_wrap .e_text_box strong {
	display:block;
	margin-bottom: 70px;
}
.event_wrap .e_text_box p {
	margin-top:35px;
	
}
/* bg_03 */
.event_wrap .e_container.bg_03 .e_cont_title {
	width: 553px;
	margin: 0 auto 110px;
}
.event_wrap .e_container.bg_03 .e_cont_img {
	width: 596px;
	margin: 0 auto;
}
.event_wrap .e_container.bg_03 .e_cont_text {
	font-size:29px;
	line-height:1.6;
	margin: 75px 0 170px;
	color:#221815;
	padding:0 73px;
	letter-spacing: -0.4px;
}
.event_wrap .e_container.bg_03 .e_cont_subtitle {
	width:354px;
	margin:0 auto 110px;
}
.event_wrap .e_slide_wrap {
	width:596px;
	margin: 0 auto;
}
.event_wrap .e_slide_wrap.slide01 {
	margin-bottom:140px;
}
/* bg_04 */
.event_wrap .e_container.bg_04 .e_cont_title {
	width: 295px;
	margin: 0 auto 90px;
}
.event_wrap .e_container.bg_04 .e_cont_img {
	width:596px;
	margin:0 auto;
}
.event_wrap .e_container.bg_04 .e_sub_title_box {
	text-align: center;
	color:#fff;
	line-height: 1.4;
	letter-spacing: -1px;
	margin-bottom:50px;
}
.event_wrap .e_container.bg_04 .e_sub_title_box p {
	font-size:34px;
}
.event_wrap .e_container.bg_04 .e_sub_title_box strong {
	display:block;
	font-size:47px;
	margin-top:10px;
	line-height:1;
}
.event_wrap .e_slide_wrap.slide03 .swiper-pagination-bullet-active {
	background: #fff;
}
.event_wrap .e_noti_box {
	margin-top:60px;
	padding:0 78px;
}
.event_wrap .e_noti_box p {
	color:#fff;
	font-size: 21px;
	line-height:1.4;
	margin-top:13px;
}
.event_wrap .e_noti_box p:first-child {
	margin-top:0;
}
.event_wrap .eMap .e_link01 {
	bottom: 12.5%;
	left: 6%;
	width: 17%;
	height: 11.5%;
}
.event_wrap .eMap .e_link02 {
	bottom: 12.5%;
	left: 42%;
	width: 17%;
	height: 11.5%;
}
.event_wrap .eMap .e_link03 {
	bottom: 12.5%;
	right: 6%;
	width: 17%;
	height: 11.5%;
}
/* 팝업 */
.event_wrap .e_popup_bg {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.65);
	z-index: 99;
}
.event_wrap .e_popup_wrap {
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index: 100;
}
.event_wrap .e_popup_wrap .e_popup_close {
	position:absolute;
	right:25px;
	top:25px;
}

@keyframes barAniLeft {
	0% {transform:translateX(-965px);}
	100% {transform:translateX(0);}
}
@keyframes barAniRight {
	0% {transform:translateX(965px);}
	100% {transform:translateX(0);}
}
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}