@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/260605_otton/bnD6_cont01_bg.jpg') no-repeat center top;
	height: 1908px;
	padding-top: 1156px;
}
.event_wrap .e_container.bg_02 {
	background: #0095ff url("https://contents.kyobobook.co.kr/pmtn/2026/book/260605_otton/bnD6_cont02_bg.png") center top;
	padding: 120px 0 90px;
}
.event_wrap .e_container.bg_03 {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260605_otton/bnD6_cont03.jpg") repeat-x center top;
	height: 1204px;
}
.event_wrap .e_container.bg_04 {
	background: #0095ff url("https://contents.kyobobook.co.kr/pmtn/2026/book/260605_otton/bnD6_cont04_bg.jpg") center top;
	padding: 120px 0;

}
.event_wrap .e_container.bg_05 {
	background: #ffd6df url("https://contents.kyobobook.co.kr/pmtn/2026/book/260605_otton/bnD6_cont05_bg.jpg") no-repeat center top;
	padding: 120px 0;
}
.event_wrap .e_container.bg_06 {
	background: #feabbe url("https://contents.kyobobook.co.kr/pmtn/2026/book/260605_otton/bnD6_cont06_bg.jpg") center top;
	padding: 120px 0;
}
/* ==========================
	공통 스타일
============================= */
.event_wrap {
	font-family: 'SUIT', sans-serif;
}
.event_wrap img {
	width: 100%;
}
.event_wrap .highlight {
	padding: 0 5px;
	font-weight: 800;
}
.event_wrap .title_txt {
	font-size: 40px;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 45px;
}
.event_wrap .title_txt .highlight {
	background-color: #0095ff;
	color: #fff;
}
.event_wrap .notoSansTC {
	font-family: "Noto Sans TC", sans-serif;
	font-weight: bold;
}
.event_wrap .btn_box {
	width: 540px;
	margin: 60px auto 0;
}
.event_wrap .btn_box .com_btn {
	display: block;
	width: 100%;
	height: 90px;
	line-height: 90px;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -0.02em;
	text-align: center;
	color: #fff;
	background-color: #111;

}
/* ==========================
	영역별 스타일
============================= */
/* bg_01 */
.event_wrap .main_deco_wrap {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1200px;
	height: 970px;
	transform: translateX(-50%);
}
.event_wrap .main_deco_wrap .main_deco {
	position: absolute;
}
.event_wrap .main_deco_wrap .main_deco.deco01 {
	top: 140px;
	left: -117px;
	width: 126px;
	animation: RotateFloatReverse 3s 1s ease-in-out infinite,
				opacityAni 1s 1s linear both;
}
.event_wrap .main_deco_wrap .main_deco.deco02 {
	top: 218px;
	right: -230px;
	width: 295px;
	animation: RotateFloat 3s 0.5s ease-in-out infinite,
				opacityAni 1s 0.5s linear both;
}
.event_wrap .main_deco_wrap .main_deco.deco03 {
	top: 790px;
	left: 140px;
	width: 252px;
	animation: opacityAni 1.5s 1.5s ease-in-out both,
				RotateFloat 2s 1.5s ease-in-out infinite;
}
.event_wrap .main_deco_wrap .main_deco.deco04 {
	top: 92px;
	left: 241px;
	width: 183px;
	animation: fadeInLeft 1.5s ease-out;
}
.event_wrap .main_deco_wrap .main_deco.deco05 {
	top: 230px;
	right: 405px;
	width: 364px;
	animation: fadeInRight 1.5s ease-out;
}
.event_wrap .main_text_box {
	text-align: center;
}
.event_wrap .main_text_box .font_blue {
	color: #0081df;
}
.event_wrap .main_text_box .font_blue_02 {
	color: #0095ff;
}
.event_wrap .main_text_box p {
	font-size: 24px;
	line-height: 1.8;
	letter-spacing: -0.02em;
	margin-top: 30px;
}
.event_wrap .main_text_box p b {
	font-weight: 800;
}
.event_wrap .main_text_box .highlight {
	background-color: #ffbaca;
	color: #0095ff;
}
/* bg_02 */
.event_wrap .bg_02 .title_img {
	width: 468px;
	margin: 0 auto;
}
.event_wrap .theme_title {
	position: relative;
}
.event_wrap .theme_title .titles-clip {
	position: absolute;
	top: 196px;
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
	height: 180px;
}
.event_wrap .theme_title .titles {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 72px;
	transform: translateY(-720px);
}
.event_wrap .theme_title.is-rolling .titles {
	animation: titleRoll 1.8s forwards;
}
.event_wrap .theme_title .titles li {
	width: 100%;
	height: 180px;
}
.event_wrap .theme_title .titles li span {
	display: block;
	font-size: 72px;
	font-weight: 900;
	line-height: 1;
	color: #fff;
	writing-mode: vertical-lr;
}
/* bg_04 */
.event_wrap .bg_04 .title_img {
	width: 660px;
	margin: 0 auto 120px;
}
.event_wrap .cont_box {
	display: flex;
	align-items: flex-end;
	width: 1200px;
	margin: 60px auto 0;
	background-color: #0081e0;
	padding: 60px 55px;
}
.event_wrap .cont_box:nth-child(odd) {
	flex-direction: row-reverse;
}
.event_wrap .cont_box .img_box {
	width: 680px;
	box-shadow: 0 6px 5px rgba(14, 49,77, 0.3);
}
.event_wrap .cont_box .txt_box {
	flex: 1;
	padding: 0 0 30px 40px;
}
.event_wrap .cont_box:nth-child(odd) .txt_box {
	text-align: right;
	padding: 0 40px 30px 0;
}
.event_wrap .cont_box .cont_title {
	font-size: 36px;
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.2;
	color: #ffc7d4;
	margin-bottom: 10px;
}
.event_wrap .cont_box .cont_editor {
	display: block;
	font-size: 22px;
	line-height: 1.4;
	letter-spacing: -0.03em;
	color: rgba(255, 255, 255, 0.65);
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255, 203, 215, 0.3);
	margin-bottom: 2px;
}
.event_wrap .cont_box .cont_editor.ls50 {
	letter-spacing: -0.05em;
}
.event_wrap .cont_box .cont_desc {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.03em;
	color: #fff;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 203, 215, 0.3);
}
/* bg_05 */
.event_wrap .bg_05 .steps_img {
	width: 570px;
	margin: 40px auto 0;
}
.event_wrap .e_notice {
	width: 620px;
	padding-bottom: 0;
}
.event_wrap .e_notice p,
.event_wrap .e_notice ul li {
	font-size: 22px;
	letter-spacing: -0.07em;
	color: #ab858e;
}
.event_wrap .e_notice ul li::before {
	background-color: #ab858e;
}
/* bg_06 */
.event_wrap .link_slide {
	width: 1090px;
	margin: 0 auto;
}
/* ==========================
	keyframes
============================= */
@keyframes RotateFloat {
	0% {
		transform: rotate(0) translateY(0);
	}
	50% {
		transform: rotate(5deg) translateY(-10px);
	}
	100% {
		transform: rotate(0) translateY(0);
	}
}
@keyframes RotateFloatReverse {
	0% {
		transform: rotate(0) translateY(0);
	}
	50% {
		transform: rotate(-5deg) translateY(-10px);
	}
	100% {
		transform: rotate(0) translateY(0);
	}
}
@keyframes opacityAni {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(40px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes titleRoll {
	0%   { transform: translateY(-720px); animation-timing-function: ease; }
	15%  { transform: translateY(-540px); animation-timing-function: ease; }
	32%  { transform: translateY(-360px); animation-timing-function: ease; }
	56%  { transform: translateY(-180px); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); }
	100% { transform: translateY(0px); }
}