@charset "UTF-8";
*, *::before, *::after {
	box-sizing: border-box;
}
.event_wrap .e_container {
	padding: 80px 0;
}
.event_wrap .e_container.bg_01 {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260929_trendkorea2027/bnO_cont01_bg.jpg") no-repeat 50% 0,
				linear-gradient(to bottom, #0047B9 740px, #F87938 740px);
}
.event_wrap .e_container.bg_02 {}
.event_wrap .e_container.bg_03 {
	background-color: #F2F4F8;
}
/* ==========================
	공통 스타일
============================= */
.event_wrap {
	font-family: "Pretendard",  sans-serif;
}
.event_wrap img {
	width: 100%;
}
.event_wrap button {
	cursor: pointer;
}
.event_wrap .w670 {
	width: 670px;
	margin: 0 auto;
}
.event_wrap .title_img {
	margin: 0 auto;
}
/* ==========================
	영역별 스타일
============================= */
/* bg_01 */
.event_wrap .main_title_wrap {
	text-align: center;
}
.event_wrap .main_title_wrap .main_title_sub {
	font-size: 28px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1.06em;
	color: #B1CFFF;
	padding-left: 30px;
}
.event_wrap .main_title_wrap .main_title {
	font-size: 78px;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
}
.event_wrap .main_title_wrap .year_box {
	position: relative;
	height: 100px;
	overflow: hidden;
}
.event_wrap .main_title_wrap .year_box::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: linear-gradient(to bottom, rgba(0, 71, 185, 0.9), transparent);
	z-index: 1;
}
.event_wrap .main_title_wrap .year_box .year_track {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	animation-name: yearRoll;
	animation-duration: 3.45s;
	animation-timing-function: linear;
	animation-delay: .6s;
	animation-fill-mode: forwards;
}
.event_wrap .main_title_wrap .year_box .year {
	display: block;
	width: 100%;
	height: 100px;
	font-size: 114px;
	font-weight: 700;
	line-height: 100px;
	color: #82B2FF;
	margin-bottom: 46px;
}
.event_wrap .main_title_wrap .year_box .year.end {
	color: #fff;
}
.event_wrap .main_book {
	width: 624px;
	margin: 0 auto;
}
.event_wrap .main_book img {
	margin-left: -13px;
}
.event_wrap .main_book.eMap .link_book {
	top: 9%;
	left: 50%;
	width: 52%;
	height: 84%;
	transform: translateX(-50%);
}
.event_wrap .main_txt {}
/* bg_02 */
.event_wrap .bg_02 .title_img {
	width: 518px;
	margin-bottom: 60px;
}
.event_wrap .bg_02 .eMap .link_01 {
	top: 34%;
	left: 40px;
	width: 590px;
	height: 80px;
}
.event_wrap .bg_02 .eMap .link_02 {
	top: 81.7%;
	left: 40px;
	width: 590px;
	height: 80px;
}
/* bg_03 */
.event_wrap .bg_03 .title_img {
	width: 428px;
	margin-bottom: 40px;
}
.event_wrap .e_review {
	width: 580px;
	margin: 0 auto;
}
.event_wrap .bg_03 .eMap .link_01 {
	top: 0;
	left: 0;
	width: 100%;
	height: 89%;
}
/* ==========================
	keyframes
============================= */
@keyframes yearRoll {
	0% { transform: translateY(0); }
	10.43% { transform: translateY(-146px); }
	19.71% { transform: translateY(-292px); }
	28.12% { transform: translateY(-438px); }
	35.65% { transform: translateY(-584px); }
	42.32% { transform: translateY(-730px); }
	48.41% { transform: translateY(-876px); }
	53.62% { transform: translateY(-1022px); }
	58.26% { transform: translateY(-1168px); }
	62.32% { transform: translateY(-1314px); }
	66.09% { transform: translateY(-1460px); }
	69.28% { transform: translateY(-1606px); }
	72.17% { transform: translateY(-1752px); }
	74.78% { transform: translateY(-1898px); }
	77.10% { transform: translateY(-2044px); }
	79.13% { transform: translateY(-2190px); }
	81.16% { transform: translateY(-2336px); }
	83.19% { transform: translateY(-2482px); }
	86.96%, 100% { transform: translateY(-2628px); }
}