/* pub3 */
/* 하반기 작업 2026-10-02 pub1 */

@charset "UTF-8";

a {
	color: inherit;
}

.event_wrap button {
	cursor: pointer;
}

.event_wrap .main_img {
	margin: auto;
	display: block;
	width: 750px;
}
.event_wrap .main_img.wide {
	width: 1200px;
}

.event_wrap .e_top_visual {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261006_kyoyang/bnH_cont01_bg.jpg") no-repeat top
		center/1920px 2348px;

	padding-bottom: 120px;
}
.event_wrap .e_con1 {
	background-color: #EA580C;
	max-width: 1920px;
	margin: auto;
	padding: 120px 0;
}
.event_wrap .e_con2 {
	background-color: #F3DAB6;
	max-width: 1920px;
	margin: auto;
	padding: 120px 0;
}

.event_wrap .link {
	position: absolute;
	display: block;
}
.event_wrap .link.link_01 {
	width: 89.5%;
	height: 24%;
	bottom: 21.5%;
	left: 50%;
	transform: translateX(-50%);
}
.event_wrap .link.link_02 {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.event_wrap .e_rel {
	position: relative;
}
.event_wrap .e_notice {
	color: #9fc0e8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0;
	width: fit-content;
	max-width: 670px;
}
.event_wrap .e_notice ul {
	width: 100%;
	box-sizing: border-box;
}
.event_wrap .e_notice li {
	font-size: 20px;
	line-height: 32px;
	padding-left: 50px;
	text-align: left;
	position: relative;
	text-indent: 0;
	padding-left: 14px;
}
.event_wrap .e_notice h4 {
	width: 100%;
	font-size: 26px;
	box-sizing: border-box;
	font-weight: 700;
	margin-bottom: 20px;
	text-align: center;
}
.event_wrap .e_notice li::before {
	content: "";
	display: block;
	width: 4px;
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: #9fc0e8;
	position: absolute;
	top: 14px;
	left: 0;
}
.event_wrap .e_notice h3 {
	width: 100%;
	font-size: 26px;
	box-sizing: border-box;
	font-weight: 800;
	margin-top: 60px;
	margin-bottom: 20px;
	text-align: center;
}
.event_wrap .e_notice h5 {
	width: 100%;
	font-weight: 700;
	padding-left: 44px;
	box-sizing: border-box;
}
.event_wrap .e_notice h5:last-of-type {
	margin-bottom: 20px;
}
.event_wrap .e_notice.col2 {
	color: #223954;
}
.event_wrap .e_notice.col2 li::before {
	background-color: #223954;
}
.event_wrap em {
	font-style: normal;
	font-weight: 700;
}

.event_wrap * {
	font-family: "Pretendard",  sans-serif;
	letter-spacing: -0.03em;
	box-sizing: border-box;
}

.event_wrap .e_t_area {
	width: 750px;
	margin: auto;
	padding: 0 40px;
	/* padding-bottom: 60px; */
	font-family: "Pretendard",  sans-serif;
	line-height: 1.4;
	color: #1a1a1a;

	&:nth-child(1) {
		padding-top: 120px;
		/* background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/260327_test/bnH_bg01_m.jpg") no-repeat top
			center/100% 2282px; */
	}
}

.event_wrap .e_t_header {
	padding-bottom: 60px;

	& ul {
		display: flex;
		justify-content: space-between;
	}

	& li {
		&.kyosi {
			padding: 6px 12px 2px;
			font-size: 24px;
			font-weight: 500;
			border: 1px solid #000;
			border-radius: 28px;
		}
		&.dropdown {
			position: relative;

			& .dropdown_btn {
				display: block;
				border: 1px solid #1A1A1A;
				padding: 6px 12px 6px 20px;
				border-radius: 22px;
				font-size: 24px;
				line-height: 32px;
				letter-spacing: -0.02em;

				& span {
					position: relative;

					&::after {
						content: '';
						display: inline-block;
						background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261006_kyoyang/bnH_icon_arrowdown.png") no-repeat top -4px center / contain;
						width: 32px;
						height: 32px;
						vertical-align: middle;
						margin-left: 4px;
						transition: all 0.2s;
					}
				}
			}
			& .dropdown_btn.on span::after {
				transform: rotate(180deg) translateY(4px);
			}
			& .link_box {
				display: none;
				position: absolute;
				top: calc( 100% + 8px);
				right: 0;
				width: 242px;
				z-index: 1;
			}
			& .link_box.on {
				display: block;
			}
			& .link_list {
				display: block;
				border: 1px solid #000;
				border-radius: 24px;
				background-color: #fff;
				
				& li {
					border-bottom: 1px solid #ccc;
					
					& a {
						display: block;
						font-size: 24px;
						line-height: 32px;
						letter-spacing: -0.02em;
						padding: 10px 16px;
						text-align: right;
						word-break: keep-all;
					}
				}
				& li:last-child {
					border-bottom: 0;
				}
			}
		}
	}

	& h3 {
		font-size: 32px;
		font-weight: 500;
		margin-top: 24px;
		text-align: center;
	}

	& h2 {
		font-size: 56px;
		font-weight: 800;
		text-align: center;
		margin-bottom: 40px;
	}

	& .e_sq {
		display: flex;
		align-items: center;
		border: 1px solid #000;

		& p:nth-child(1) {
			padding: 0 12px;
			font-size: 24px;
			line-height: 50px;
			font-weight: 700;
			border-right: 1px solid #000;
			height: 100%;
		}

		& div {
			font-size: 24px;
			line-height: 50px;
			padding: 0 12px;
			position: relative;
		}

		& input {
			border: none;
			outline: none;
			font-size: 24px;
			font-weight: 500;
			line-height: 50px;
			width: 164px;
			text-align: center;

			&::placeholder {
				color: #a9a9a9;
			}

			&:focus + .e_com {
				opacity: 0;
			}
		}

		& input.has_value + .e_com {
			opacity: 0;
		}

		& .e_com {
			padding: 0 16px;
			font-size: 24px;
			font-weight: 500;
			color: #fff;
			background-color: #C36C00;
			border-radius: 30px;
			white-space: nowrap;
			position: absolute;
			top: 56px;
			left: 50%;
			transform: translateX(-50%);
			transition: 0.3s;
			box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);

			&::before {
				content: "";
				display: block;
				width: 16px;
				height: 12px;
				background-color: #C36C00;
				position: absolute;
				top: 1px;
				left: 50%;
				transform: translate(-50%, -100%);
				clip-path: polygon(50% 0, 0 100%, 100% 100%);
			}
		}
	}
	& .e_sq.right {
		color: #595959;
	}
}

.event_wrap .e_t_start {
	display: none;

	&.on {
		display: block;
	}

	& .test_desc {
		display: block;
		text-align: center;
		font-size: 24px;
		line-height: 1.2;
		letter-spacing: -0.02em;
		color: #1a1a1a;
		margin-bottom: 44px;
		margin-top: 30px;

		& strong {
			font-weight: 700;
		}
	}

	& ul {
		border: 1px solid #ccc;
		padding: 40px 20px;
		display: flex;
		flex-direction: column;
		gap: 8px;
		position: relative;

		&::after {
			content: "";
			display: block;
			width: 318px;
			aspect-ratio: 318/345;
			background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261006_kyoyang/bnH_cont01_leaf.png") no-repeat center/100%
				100%;
			position: absolute;
			right: -173px;
			top: -44px;
		}
	}

	& li {
		padding-left: 24px;
		font-size: 26px;
		line-height: 1.4;
		position: relative;

		&::before {
			content: "";
			display: block;
			width: 12px;
			aspect-ratio: 1;
			border-radius: 50%;
			border: 1px solid #1a1a1a;
			position: absolute;
			top: 12px;
			left: 0;
			box-sizing: border-box;
		}
	}

	& .e_start_btn {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		height: 110px;
		box-sizing: border-box;
		border: 1px solid #1a1a1a;
		background-color: #eaeaea;
		font-size: 32px;
		font-weight: 700;
		letter-spacing: -0.02em;
		margin-top: 60px;

		& span {
			display: block;
			font-size: 24px;
			font-weight: 400;
			color: #767676;
		}
	}
}

.event_wrap .e_t_test {
	display: none;
	padding-top: 60px;
	border-top: 1px solid #000;

	&.on {
		display: block;
	}
}

.event_wrap .e_t_test_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 24px;

	& h4 {
		height: 42px;
		padding: 4px 12px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #F2F2F2;
		font-size: 24px;
		font-weight: 500;
		line-height: 1.4;
		color: #595959;
	}

	& p {
		font-size: 24px;
		line-height: 1;
		font-weight: 500;
		color: #767676;

		& em {
			color: #000;
			font-weight: 800;
		}
	}
}

.event_wrap .e_t_test_body {
	display: none;

	&.on {
		display: block;
	}
	& h5 {
		display: flex;
		font-size: 32px;
		line-height: 1.4;
		font-weight: 700;
		position: relative;
		/* padding-left: 35px; */
		margin-bottom: 16px;

		& span {
			/* position: absolute;
			left: 0; */
			font-weight: 800;
			padding-right: 12px;
		}
	}

	& ol {
		counter-reset: test-count;
		padding: 0 20px;

		& li {
			height: 78px;

			&::before {
				position: absolute;
				left: 0;
				top: 0;
				font-weight: 700;
			}
		}

		& input {
			width: 1px;
			height: 1px;
			clip: rect(1px 1px 1px 1px);
			position: absolute;

			&:checked + label {
				border-color: #EA580C;
				background-color: #F7F7F7;
				font-weight: 700;

				&::before {
					content: "";
					background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261006_kyoyang/bnH_chck.png") no-repeat
						center/100% 100%;
					border-color: #EA580C;
				}
			}
		}

		& label {
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			padding: 0 12px;
			font-size: 32px;
			line-height: 1;
			cursor: pointer;
			border: 1px solid transparent;
			transition: 0.3s;

			&::before {
				counter-increment: test-count;
				content: counter(test-count);
				font-size: 20px;
				font-weight: 700;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 24px;
				aspect-ratio: 1;
				border: 1px solid #1a1a1a;
				border-radius: 50%;
				margin-right: 10px;
				box-sizing: border-box;
			}
		}
	}
}

.event_wrap .e_t_test_footer {
	margin-top: 40px;

	& .e_next_btn {
		display: none;
		justify-content: center;
		align-items: center;
		gap: 12px;
		height: 88px;
		background-color: #ccc;
		font-size: 28px;
		font-weight: 700;
		line-height: 1;
		color: #fff;
		cursor: default;
		transition: 0.5s;

		&.active {
			background-color: #EA580C;
			cursor: pointer;
		}

		&.on {
			display: flex;
		}

		& img {
			width: 12px;
		}
	}

	& .e_submit_btn {
		display: none;
		justify-content: center;
		align-items: center;
		gap: 12px;
		height: 88px;
		background-color: #000;
		font-size: 28px;
		font-weight: 700;
		line-height: 1;
		color: #fff;
		cursor: pointer;

		&.on {
			display: flex;
		}

		& img {
			width: 12px;
		}
	}

	& .e_progress {
		display: flex;
		justify-content: space-between;
		margin-top: 40px;

		& li {
			width: 24px;
			height: 40px;
			background-color: #d5d5d5;

			&.on {
				background-color: #000;
			}
		}
	}
}

.event_wrap .e_t_result {
	display: none;
	padding-top: 60px;
	border-top: 1px solid #000;

	&.on {
		display: block;
	}
}

.event_wrap .e_t_result_box {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 60px 40px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;

	& h4 {
		font-size: 24px;
		font-weight: 500;
		color: #666;
		width: 86px;
		height: 42px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #666;
		margin-bottom: 24px;
	}

	& h5 {
		width: 100%;
		font-size: 48px;
		line-height: 1.4;
		letter-spacing: -0.025em;
		font-weight: 700;
		text-align: center;
		color: #1A1A1A;
		background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261006_kyoyang/bnH_paint.png") no-repeat center/292px
			56px;

		& + p {
			font-size: 28px;
			margin-bottom: 24px;
			color: #292929;
		}
	}

	& h6 {
		font-size: 32px;
		font-weight: 700;
		letter-spacing: -0.04em;
		color: #1A1A1A;
	}

	& canvas {
		margin-top: 16px;
	}

	& > p:last-child {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 24px;
		color: #595959;
		margin-top: 40px;
		/* height: 92px; */
		border: 1px solid #595959;
		background-color: #eaeaea;
		width: 100%;
		text-align: center;
		padding: 12px;
		word-break: keep-all;
	}
}

.event_wrap .e_t_result_cat {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #C2410C;
	border: 1px solid #9A3412;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: 500;
	width: 122px;
	height: 92px;
}

.event_wrap .e_t_reward {
	display: none;

	&.on {
		display: block;
		margin-top: 76px;
	}
}

.event_wrap .e_t_reward_box {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;

	& h4 {
		font-size: 34px;
		font-weight: 700;
		margin-bottom: 4px;

		& + p {
			font-size: 26px;
			font-weight: 500;
			margin-bottom: 32px;
		}
	}

	& img {
		width: 460px;

		& + p {
			font-family: "Noto Sans KR", sans-serif;
			font-size: 24px;
			font-weight: 400;
			color: #767676;
			margin-top: 12px;
		}
	}

	& + ul {
		display: flex;
		gap: 24px;
		justify-content: space-between;
		margin-top: 52px;

		& li {
			width: 100%;
			height: 80px;
			background-color: #000;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 26px;
			line-height: 1;
			font-weight: 700;
			color: #fff;
			gap: 4px;
			cursor: pointer;

			& img {
				width: 32px;
			}
		}
	}
}

.event_wrap .e_t_add_box {
	display: none;

	&.on {
		display: block;
	}
}

.event_wrap .e_t_add {
	width: 670px;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.4;

	&:nth-child(2) {
		margin-top: 60px;
	}

	& h4 {
		width: 180px;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #6db329;
		border-radius: 30px;
		position: relative;
		font-size: 26px;
		font-weight: 500;
		color: #fff;

		&::after {
			content: "";
			display: block;
			width: 16px;
			height: 12px;
			background-color: #6db329;
			position: absolute;
			bottom: 1px;
			left: 50%;
			transform: translate(-50%, 100%);
			clip-path: polygon(50% 100%, 0 0, 100% 0);
		}
	}

	& h3 {
		font-size: 52px;
		font-weight: 800;
		margin-top: 12px;
		text-align: center;
		margin-bottom: 40px;
	}
}

.event_wrap .e_t_bookbox {
	width: 100%;
	border-radius: 20px;
	background-color: #f5f6f9;

	&:nth-of-type(1) {
		margin-bottom: 32px;
	}

	& a {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 40px;
	}

	& img {
		width: 228px;
		border-radius: 4px;
	}

	& h5 {
		font-size: 32px;
		font-weight: 800;
		margin-top: 20px;
		margin-bottom: 8px;
	}

	& h6 {
		font-size: 24px;
		font-weight: 500;
		color: #767676;
		margin-bottom: 10px;
	}

	& p {
		font-size: 24px;
		font-weight: 400;
		color: #1a1a1a;
	}
}

.event_wrap .e_t_rectbox {
	width: 100%;
	border-radius: 20px;
	background-color: #f5f6f9;

	& a {
		display: flex;
		align-items: center;
		padding: 40px;
		gap: 36px;
	}

	& img {
		width: 228px;
		border-radius: 4px;
	}
	& h5 {
		font-size: 32px;
		font-weight: 800;
		margin-bottom: 8px;
	}

	& h6 {
		font-size: 24px;
		font-weight: 500;
		color: #767676;
		margin-bottom: 10px;
	}

	& p {
		font-size: 24px;
		font-weight: 400;
		color: #1a1a1a;
	}
}

.event_wrap .e_t_result_chart {
	width: 500px;
	aspect-ratio: 1;
}

.event_wrap .e_subtit {
	font-family: "Pretendard",  sans-serif;
	font-size: 32px;
	font-weight: 700;
	color: #549714;
	text-align: center;
	margin-bottom: 12px;
	line-height: 1;
}
.event_wrap .e_tit {
	font-family: "Pretendard",  sans-serif;
	font-size: 44px;
	font-weight: 800;
	text-align: center;
	margin-bottom: 40px;
	line-height: 1;
}

.event_wrap .e_flex_box {
	display: flex;
	align-items: center;
	width: 1200px;
	margin: auto;
	gap: 60px;
	overflow: hidden;
}

.event_wrap .e_slide_box {
	width: 540px;
	min-width: 540px;

	& .e_swiper_cont {
		width: 540px;
		border-radius: 0 16px 0 16px;
	}

	& img {
		width: 100%;
	}
}

.event_wrap .e_txt_box {
	width: calc(100% - 540px);
	font-family: "Pretendard",  sans-serif;
	line-height: 1.4;

	& p {
		font-size: 28px;
		margin-bottom: 24px;
	}

	& li {
		font-size: 22px;
		color: #4e8033;
		padding-left: 20px;
		position: relative;

		&::before {
			content: "";
			display: block;
			width: 8px;
			aspect-ratio: 1;
			border-radius: 50%;
			background-color: #4e8033;
			position: absolute;
			left: 0;
			top: 12px;
		}
	}
}

.event_wrap .e_mgbox {
	display: flex;
	margin-top: 40px;
	gap: 30px;

	& div {
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		background-color: #cfe890;
		aspect-ratio: 1;
	}

	& img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

/* 틀린 문항 해설 확인 */
.event_wrap .answer_btn {
	margin-top: 12px;
}
.event_wrap .answer_btn .q_count {
	text-decoration: underline;
}
.event_wrap .scorecard {
	display: none;
	max-width: 1920px;
	margin: auto;
	background-color: #F3DAB6;
	padding-top: 120px;
}
.event_wrap .scorecard.on {
	display: block;
}
.event_wrap .scorecard .title_box {
	text-align: center;
	margin-bottom: 60px;
	line-height: 1.2;
}
.event_wrap .scorecard .title_box h3 {
	font-size: 48px;
	font-weight: 700;
	letter-spacing: -0.025em;
}
.event_wrap .scorecard .title_box p {
	font-size: 26px;
	color: #1A1A1A;
	margin-top: 24px;
}
.event_wrap .scorecard .scorecard_bg {
	position: relative;
	width: 1008px;
	height: 802px;
	margin: 0 auto;
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261006_kyoyang/bnH_scorecard.png") no-repeat bottom left -20px / cover;
	padding-top: 54px;
}
.event_wrap .scorecard .scorecard_bg h4 {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	color: #1A1A1A;
	margin-bottom: 30px;
}
.event_wrap .scorecard .scorecare_inner {
	display: flex;
	justify-content: space-between;
	width: 510px;
	height: 475px;
	margin: 0 auto;
}
.event_wrap .scorecard .score_cate {
	display: flex;
	flex-direction: column;
}
.event_wrap .scorecard .score_cate .cate_txt {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.2;
	color: #1A1A1A;
	text-align: center;
	margin: 24px 0;
}
.event_wrap .scorecard .score_cate .cate_txt.on {
	background-color: #FFC8A1;
	border-left: 2px solid #FFA462;
	border-right: 2px solid #FFA462;
	padding: 0 2px;
}
.event_wrap .scorecard .score_sheet {
	width: 437px;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}
.event_wrap .scorecard .score_sheet li {
	width: calc( 100% / 3);
	height: 80px;
	cursor: pointer;
}
.event_wrap .scorecard .score_sheet li .answer_icon {
	position: relative;
	display: block;
	height: 100%;
}
.event_wrap .scorecard .score_sheet li .answer_icon::before,
.event_wrap .scorecard .score_sheet li .answer_icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@property --answer-angle {
	syntax: "<angle>";
	inherits: false;
	initial-value: 0deg;
}
.event_wrap .scorecard .score_sheet li .answer_icon.wrong::before,
.event_wrap .scorecard .score_sheet li .answer_icon.wrong::after {
	background-color: #DC2626;
	width: 3px;
	height: 38px;
	transform: translate(-50%, -50%) rotate(45deg);
	clip-path: inset(0 0 100% 0);
}
.event_wrap .scorecard .score_sheet li .answer_icon.wrong::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.event_wrap .scorecard .score_sheet li .answer_icon.correct::before {
	box-sizing: border-box;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 3px solid #6AB500;
	-webkit-mask: conic-gradient(#000 var(--answer-angle), transparent 0deg);
	mask: conic-gradient(#000 var(--answer-angle), transparent 0deg);
}
.event_wrap .scorecard .score_sheet li .answer_icon.ani_on.wrong::before,
.event_wrap .scorecard .score_sheet li .answer_icon.ani_on.wrong::after {
	animation: answer-x-draw 0.32s ease forwards;
}
.event_wrap .scorecard .score_sheet li .answer_icon.ani_on.wrong::after {
	animation-delay: 0.32s;
}
.event_wrap .scorecard .score_sheet li .answer_icon.ani_on.correct::before {
	animation: answer-o-draw 0.55s ease forwards;
}
@keyframes answer-x-draw {
	from {
		clip-path: inset(0 0 100% 0);
	}
	to {
		clip-path: inset(0);
	}
}
@keyframes answer-o-draw {
	to {
		--answer-angle: 360deg;
	}
}
@media (prefers-reduced-motion: reduce) {
	.event_wrap .scorecard .score_sheet li .answer_icon.wrong::before,
	.event_wrap .scorecard .score_sheet li .answer_icon.wrong::after {
		animation: none;
		clip-path: none;
	}
	.event_wrap .scorecard .score_sheet li .answer_icon.correct::before {
		animation: none;
		--answer-angle: 360deg;
	}
}
.event_wrap .scorecard .count_txt {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	color: #595959;
	text-align: center;
	margin-top: 30px;
}
.event_wrap .scorecard .count_txt .wrong_count {
	color: #1A1A1A;
}
/* 팝업 */
.event_wrap .popup_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
}
.event_wrap .popup_wrap {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 668px;
	z-index: 1000;
}
.event_wrap .popup_bg.on,
.event_wrap .popup_wrap.on {
	display: block;
}
.event_wrap .popup_wrap .popup_inner {
	border: 1px solid #797979;
	background-color: #F7F7F7;
}
.event_wrap .popup_wrap .popup_head {
	padding: 24px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #797979;
}
.event_wrap .popup_wrap .popup_head .popup_title {}
.event_wrap .popup_wrap .popup_head .popup_title h4 {
	display: inline-block;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.025em;
}
.event_wrap .popup_wrap .popup_head .popup_title span {
	font-size: 26px;
	font-weight: 600;
	letter-spacing: -0.025em;
	color: #5D5D5D;
}
.event_wrap .popup_wrap .popup_head .popup_title span::before {
	content: '';
	width: 1px;
	height: 24px;
	display: inline-block;
	margin: 0 16px;
	background-color: #ccc;
	vertical-align: middle;
}
.event_wrap .popup_wrap .popup_close_btn {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261006_kyoyang/bnH_popup_close.png") no-repeat center / contain;
	width: 34px;
	height: 34px;
}
.event_wrap .popup_wrap .answersheet {
	padding: 40px 20px 28px;
}
.event_wrap .popup_wrap .answersheet .answer_txt {
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: -0.035em;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-position: left 4px center;
	padding-left: 36px;
}
.event_wrap .popup_wrap .answersheet .answer_txt.wrong {
	color: #DC2626;
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261006_kyoyang/bnH_answer_wrong.png");
	background-size: 20px 20px;
}
.event_wrap .popup_wrap .answersheet .answer_txt.correct {
	color: #6AB500;
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261006_kyoyang/bnH_answer_correct.png");
	background-size: 24px 24px;
}
.event_wrap .popup_wrap .answersheet .question_box {
	padding: 0 20px;
	letter-spacing: -0.025em;
}
.event_wrap .popup_wrap .answersheet .question_box .q_title {
	font-size: 26px;
	line-height: 1.4;
	font-weight: 700;
	color: #1A1A1A;
}
.event_wrap .popup_wrap .answersheet .question_box .q_answer {
	line-height: 1.4;
	margin: 12px 0;
}
.event_wrap .popup_wrap .answersheet .question_box .q_answer p {
	display: inline-block;
	font-size: 24px;
}
.event_wrap .popup_wrap .answersheet .question_box .q_answer .my_answer {
	color: #5D5D5D;
	padding-left: 32px;
}
.event_wrap .popup_wrap .answersheet .question_box .q_desc {
	display: flex;
	font-size: 24px;
	line-height: 1.4;
	margin-top: 36px;
}
.event_wrap .popup_wrap .answersheet .question_box .q_desc span {
	background-color: #ccc;
	width: 57px;
	height: 34px;
	text-align: center;
}
.event_wrap .popup_wrap .answersheet .question_box .q_desc p {
	flex: 1;
	color: #1A1A1A;
	padding-left: 8px;
}
.event_wrap .popup_wrap .answersheet .answer_book {
	background-color: #fff;
	padding: 20px 20px 28px;
	margin-top: 40px;
}
.event_wrap .popup_wrap .answersheet .answer_book h5 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -0.025em;
	color: #1A1A1A;
	margin-bottom: 16px;
}
.event_wrap .popup_wrap .answersheet .answer_book .book_book {
	display: flex;
	margin-top: 40px;
}
.event_wrap .popup_wrap .answersheet .answer_book .book_book .thumb {
	width: 154px;
	border: 1px solid #EAEAEA;
}
.event_wrap .popup_wrap .answersheet .answer_book .book_book .thumb img {
	width: 100%;
}
.event_wrap .popup_wrap .answersheet .answer_book .book_book .info {
	padding-left: 20px;
	flex: 1;
}
.event_wrap .popup_wrap .answersheet .answer_book .book_book .info p {
	font-size: 24px;
	line-height: 1.4;
	letter-spacing: -0.025em;
}
.event_wrap .popup_wrap .answersheet .answer_book .book_book .info .book_title {
	font-weight: 600;
}
.event_wrap .popup_wrap .answersheet .answer_book .book_book .info .book_author {
	color: #595959;
	margin: 4px 0 12px;
}
.event_wrap .popup_wrap .answersheet .answer_book .book_book .info .book_desc {
	color: #1A1A1A;
}
.event_wrap .popup_wrap .paging {
	display: flex;
	border-top: 1px solid #797979;
}
.event_wrap .popup_wrap .paging li {
	width: 50%;
	height: 72px;
	line-height: 72px;
	cursor: pointer;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.025em;
	color: #595959;
	text-align: center;
}
.event_wrap .popup_wrap .paging li.prev_btn {
	border-right: 1px solid #797979;
}
.event_wrap .popup_wrap .paging li.next_btn {}
.event_wrap .popup_wrap .paging li.prev_btn span::before,
.event_wrap .popup_wrap .paging li.next_btn span::after {
	content: '';
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261006_kyoyang/bnH_icon_paging.png") no-repeat center / contain;
	width: 7px;
	height: 14px;
	display: inline-block;
}
.event_wrap .popup_wrap .paging li.prev_btn span::before {
	margin-right: 17px;
}
.event_wrap .popup_wrap .paging li.next_btn span::after {
	transform: rotateY(180deg);
	margin-left: 17px;
}
.event_wrap .popup_wrap .paging li span {}
/* MD추천 단계별 도서 */
.event_wrap .w670 {
	width: 670px;
	margin: 0 auto ;
}
.event_wrap .e_con1 .title_box {
	text-align: center;
	margin-bottom: 48px;
}
.event_wrap .e_con1 .title_box h4 {
	position: relative;
	display: inline-block;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: -0.01em;
	color: #FFD9A4;
	background-color: #DB4900;
	border-radius: 30px;
	padding: 6px 20px;
	margin-bottom: 18px;
}
.event_wrap .e_con1 .title_box h4::before {
	content: "";
	display: block;
	width: 16px;
	height: 12px;
	background-color: #DB4900;
	position: absolute;
	bottom: -22px;
	left: 50%;
	transform: translate(-50%, -100%) rotate(180deg);
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
}
.event_wrap .e_con1 .title_box h4 em {
	font-weight: 700;
}
.event_wrap .e_con1 .title_box h3 {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.025em;
	color: #fff;
}
.event_wrap .book_container {
	margin-bottom: 48px;
	background-color: #fff;
	border: 1px solid #1A1A1A;
	padding: 32px 0 40px;

	& .tab_dep1 {
		display: flex;
		justify-content: center;
		width: 588px;
		margin: 0 auto 24px;

		& li {
			text-align: center;
			width: calc(100% / 4);
			height: 68px;

			& button {
				width: 100%;
				font-size: 28px;
				font-weight: 500;
				letter-spacing: -0.01em;
				line-height: 68px;
				color: #767676;
				border-bottom: 2px solid #EAEAEA;
			}
			& button.on {
				color: #000;
				border-color: #000;
			}
		}
	}
	& .tab_dep2_wrap {
		display: flex;
		align-items: flex-start;
		width: 588px;
		margin: 0 auto 40px;

		& button {
			max-width: 101px;
			width: 100%;
			height: 52px;
			font-size: 26px;
			font-weight: 500;
			letter-spacing: -0.025em;
			line-height: 1.4;
			border-radius: 30px;
			text-align: center;
			overflow: hidden;
			border: 1px solid #808080;
			color: #808080;
		}
		& button.on {
			color: #fff;
			background-color: #303030;
			border-color: #1A1A1A;
		}	
		& .tab_btn_all {

		}
		& .tab_dep2 {
			display: flex;
			flex-wrap: wrap;
			gap: 12px 20px;
			width: calc(100% - 101px);
			padding-left: 20px;

		& li {
			max-width: 101px;
			width: 100%;
			
			& button {
				
			}
		}
	}
	}
	& .book_list {
		width: 590px;
		margin: 0 auto;
		& img {
			width: 100%;
		}
		& li {
			display: flex; 
			gap: 0 24px;
			align-items: flex-start;
			padding-bottom: 40px;
			margin-bottom: 40px;
			border-bottom: 1px solid #ccc;

			& .thumb {
				width: 168px;
				border: 1px solid #D9D9D9;
			}
			& .info {
				width: calc( 100% - 168px);

				& .tags {
					margin-bottom: 20px; 

					& span {
						display: inline-block;
						border-radius: 30px;
						overflow: hidden;
						text-align: center;
						font-size: 24px;
						line-height: 1.4;
						letter-spacing: -0.025em;
						margin-right: 8px;
						padding: 4px 16px;
					}
					& .tag_step {
						color: #fff;
					}
					& .tag_step.tag_step01 {
						background-color: #FB923C;
					}
					& .tag_step.tag_step02 {
						background-color: #F97316;
					}
					& .tag_step.tag_step03 {
						background-color: #EA580C;
					}
					& .tag_cate {
						background-color: #E0E0E0;
						color: #595959;
					}
					& .tag_hash {
						color: #797979;
						border: 1px solid #ccc;
					}
				}
				& p {
					line-height: 1.4;
					letter-spacing: -0.025em;
				}
				& .book_title {
					font-size: 26px;
					font-weight: 700;
					color: #1A1A1A;
				}
				& .book_author {
					font-size: 24px;
					color: #767676;
					margin: 3px 0 8px;
				}
				& .book_desc {
					font-size: 24px;
					color: #1A1A1A;
					word-break: keep-all;
				}
				
			}
		}
		& li:last-child {
			border-bottom: 0;
			margin-bottom: 0;
		}
	}
	
}
.event_wrap .com_btn {
	display: block;
	width: 100%;
	height: 80px;
	line-height: 80px;
	border: 1px solid #1A1A1A;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.01em;
	text-align: center;
	color: #1A1A1A;
	background-color: #fff;
}
.event_wrap .e_con1 .com_btn span::after {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261006_kyoyang/bnH_icon_arrowdown.png") no-repeat center / contain;
	vertical-align: middle;
}
.event_wrap .e_con2 .sub_title_box {
	margin-bottom: 60px;
}
.event_wrap .e_con2 .e_subtit {
	color: #986629;
	margin-bottom: 16px;
}
.event_wrap .e_con2 .e_tit {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
}
.event_wrap .e_docu {
	margin: 60px 0;
}
.event_wrap .e_docu .link {
	top: auto;
	left: auto;
	bottom: 0;
	transform: none;
	width: 44.5%;
	height: 80px;
}
.event_wrap .e_docu .link_01 {
	left: 5%;
}
.event_wrap .e_docu .link_02 {
	right: 5%;
}
.event_wrap .e_docu img {
	width: 100%;
}
.event_wrap .e_con2 .goods_desc {
	font-size: 26px;
	line-height: 1.42;
	letter-spacing: -0.02em;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 100px;
}
.event_wrap .goods_title_box {
	text-align: center;
	margin-bottom: 28px;
}
.event_wrap .goods_title_box .goods_title {
	display: inline-block;
	border: 1px solid #1A1A1A;
	margin-bottom: 20px;
}
.event_wrap .goods_title_box .goods_title span {
	display: inline-block;
	padding: 0 16px;
	font-size: 30px;
	font-weight: 600;
	height: 55px;
	line-height: 55px;
	color: #282828;
}
.event_wrap .goods_title_box .goods_title .num {
	border-right: 1px solid #1A1A1A;
}
.event_wrap .goods_title_box .goods_title .txt {}
.event_wrap .goods_title_box .goods_text {
	font-size: 24px;
	line-height: 1.4;
	letter-spacing: -0.025em;
}
.event_wrap .e_notice {
	max-width: 100%;
	padding-top: 100px;
}
.event_wrap .e_notice p {
	font-size: 28px;
	color: #1A1A1A;
}
.event_wrap .e_notice ul {
	padding: 0;
}
.event_wrap .e_notice ul li {
	font-size: 24px;
	line-height: 1.4;
	letter-spacing: -0.025em;
	color: #6B563A;
}
.event_wrap .e_notice ul li::before {
	background-color: #6B563A;
}
.event_wrap .flexslider,
.event_wrap .flexslider .slides {
	width: 670px;
	height: 450px;
}
.event_wrap .flexslider {
	margin-bottom: 60px;
}
.event_wrap .flexslider.mB20 {
	margin-bottom: 20px;
}