@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/260608_summer/cont01_bg.jpg") repeat-x 50% 0;
	padding-top: 120px;
	height: 1000px;
}
.event_wrap .e_container.bg_02 {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260608_summer/cont02_bg.png") no-repeat 50% 0;
	padding-bottom: 92px;
}
.event_wrap .e_container.bg_03 {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260608_summer/cont03_bg.png") no-repeat 50% 0;
	padding: 100px 0 238px;
	height: 4184px;
}
/* ==========================
	공통 스타일
============================= */
.event_wrap img {
	width: 100%;
}
.event_wrap button {
	cursor: pointer;
}
.event_wrap .inner {
	overflow: visible;
}
.event_wrap .data_cont {
	padding-top: 90px;
}
.event_wrap .btm_bar {
	position: relative;
	padding-bottom: 82px;
}
.event_wrap .btm_bar::after {
	content: '';
	position: absolute;
	width: 1200px;
	height: 13px;
	background-color: #0099ad;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
/* ==========================
	영역별 스타일
============================= */
/* bg_01 */
.event_wrap .main_box {
	width: 502px;
	margin: 0 auto;
}
/* tab */
.event_wrap .tab_wrap {
	background-color: #0099ad;
}
.event_wrap .tab_list {
	display: flex;
	height: 62px;
	padding: 0;
}
.event_wrap .tab_list li {
	margin-left: -1px;
}
.event_wrap .tab_list li button {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100%;
}
.event_wrap .tab_list li button.tab01 {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260608_summer/tab01.png");
	width: 230px;
}
.event_wrap .tab_list li button.tab02 {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260608_summer/tab02.png");
	width: 230px;
}
.event_wrap .tab_list li button.tab03 {
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260608_summer/tab03.png");
	width: 290px;
}
.event_wrap .tab_list li button.tab01.on{
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260608_summer/tab01_on.png");
}
.event_wrap .tab_list li button.tab02.on{
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260608_summer/tab02_on.png");
}
.event_wrap .tab_list li button.tab03.on{
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260608_summer/tab03_on.png");
}
/* bg_02 */
.event_wrap .eMap .link_01 {
	bottom: 10%;
	left: 33%;
	width: 34%;
	height: 10%;
}
.event_wrap .deco_cont {
	position: relative;
}
.event_wrap .deco {
	position: absolute;
	animation: float 3s ease-in-out infinite;
}
.event_wrap .deco.deco01 {
	top: 516px;
	left: -157px;
	width: 280px;
}
.event_wrap .deco.deco02 {
	top: 360px;
	right: -200px;
	width: 290px;
	animation-delay: 0.5s;
}
.event_wrap .deco.deco03 {
	top: 230px;
	left: -235px;
	width: 232px;
	animation-delay: 1s;
}
.event_wrap .deco.deco04 {
	bottom: 320px;
	right: -123px;
	width: 290px;
}
.event_wrap .deco.deco05 {
	bottom: 327px;
	left: -176px;
	width: 302px;
}
/* bg_03 */
.event_wrap .eMap .link_02 {
	top: 34%;
	left: 18%;
	width: 20%;
	height: 27%;
}
.event_wrap .eMap .link_03 {
	top: 34%;
	left: 40%;
	width: 20%;
	height: 27%;
}
.event_wrap .eMap .link_04 {
	top: 34%;
	left: 62%;
	width: 20%;
	height: 27%;
}
.event_wrap .eMap .link_05 {
	bottom: 8%;
	left: 14%;
	width: 35%;
	height: 16.5%;
}
.event_wrap .eMap .link_06 {
	bottom: 8%;
	right: 14%;
	width: 35%;
	height: 16.5%;
}
.event_wrap .bg_03 .btm_bar {
	margin-bottom: 90px;
	padding-bottom: 90px;
}
.event_wrap .bg_03 .btm_bar::after {
	background-color: #0090b9;
}
/* ==========================
	keyframes
============================= */
@keyframes float {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-20px);
	}
	100% {
		transform: translateY(0);
	}
}