@charset "UTF-8";
*, *::before, *::after {
	box-sizing: border-box;
}
.event_wrap {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
}
.event_wrap .e_container {
	overflow: hidden;
	padding: 120px 0;
}
.event_wrap .e_container.bg_01 {
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/hottracks/261021_brand_salte/bnD12_main_bg.jpg") no-repeat 50% 0;
	padding: 100px 0 0;
	height: 675px;
}
.event_wrap .e_container.bg_02 {
	background: #F8F8F8 url("https://contents.kyobobook.co.kr/pmtn/2026/hottracks/261021_brand_salte/bnD12_cont02_bg.jpg") no-repeat 50% 0;
	height: 295px;
}
.event_wrap .e_container.bg_03 {
	background-color: #E4E5E7;
	border-bottom: 2px solid #000;
}
.event_wrap .e_container.bg_04 {
	background: #F8F8F8 url("https://contents.kyobobook.co.kr/pmtn/2026/hottracks/261021_brand_salte/bnD12_cont04_bg.jpg") 50% 0;
}
.event_wrap .e_container.bg_05 {
	background-color: #000;
	padding: 0;
}
/* ==========================
	공통 스타일
============================= */
.event_wrap {
	font-family: 'SUIT', sans-serif;
}
.event_wrap img {
	width: 100%;
}
.event_wrap button {
	cursor: pointer;
}
.event_wrap .w640 {
	width: 640px;
	margin: 0 auto;
}
.event_wrap .w670 {
	width: 670px;
	margin: 0 auto;
}
/* ==========================
	영역별 스타일
============================= */
/* bg_01 */
/* bg_02 */
.event_wrap .bg_02 .title_img {
	width: 534px;
	margin: 0 auto;
}
/* bg_03 */
.event_wrap .qna_wrap {}
.event_wrap .qna_wrap li {
	margin-bottom: 46px;
}
.event_wrap .qna_wrap li:last-child {
	margin-bottom: 0;
}
.event_wrap .qna_wrap li .bubble01 {
	width: 470px;
}
.event_wrap .qna_wrap li .bubble02 {
	width: 582px;
}
.event_wrap .qna_wrap li .bubble03 {
	width: 610px;
}
.event_wrap .qna_wrap li .bubble04 {
	width: 578px;
}
.event_wrap .qna_wrap li .bubble05 {
	width: 518px;
}
.event_wrap .qna_wrap li .bubble06 {
	width: 606px;
}
.event_wrap .qna_wrap .q_box {
	margin-bottom: 25px;
}
.event_wrap .qna_wrap .a_box {
	margin-left: auto;
}
/* bg_04 */
.event_wrap .bg_04 .sub_title_box {
	text-align: center;
	border: 2px solid #000;
}
.event_wrap .bg_04 .sub_title_box h3 {
	font-size: 56px;
	font-weight: 800;
	line-height: 76px;
	letter-spacing: -0.03em;
	background-color: #fff;
	border-bottom: 2px solid #000;
	padding: 18px 0 14px;
}
.event_wrap .bg_04 .sub_title_box p {
	font-size: 25px;
	line-height: 38px;
	letter-spacing: -0.03em;
	background-color: #F1F1F1;
	padding: 20px 0
}
.event_wrap .bg_04 .sub_title_box p b {
	font-weight: 800;
}
/* 슬라이드 공통 */
.event_wrap .slide_wrap {
	position: relative;
	
	margin-bottom: 120px;
}
.event_wrap .slide_wrap.slide03 {
	margin-bottom: 0;
}
.event_wrap .slide_wrap .swiper-container {
	border: 2px solid #000;
	border-top: 0;
}
.event_wrap .slide_wrap .swiper-button-prev,
.event_wrap .slide_wrap .swiper-button-next {
	top: 215px;
	margin-top: 0;
	opacity: 1;
	background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/hottracks/261021_brand_salte/bnD12_slide_nav.png");
	background-size: contain;
	background-color: transparent;
	border-radius: 0;
	width: 30px;
	height: 60px;
}
.event_wrap .slide_wrap .swiper-button-prev {
	left: -84px;
	transform: rotateY(180deg);
}
.event_wrap .slide_wrap .swiper-button-next {
	right: -84px;
}
.event_wrap .slide_wrap .swiper-pagination {
	position: static;
	font-size: 0;
	margin-top: 35px;
}
.event_wrap .slide_wrap .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #000;
	opacity: 0.3;
	margin: 0 6px;
}
.event_wrap .slide_wrap .swiper-pagination-bullet-active {
	opacity: 1;
}
.event_wrap .slide_wrap.slide01 .swiper-slide,
.event_wrap .slide_wrap.slide02 .swiper-slide {
	position: relative;
	height: auto;
	perspective: 3000px;
}
.event_wrap .slide_wrap.slide01 .slide_inner,
.event_wrap .slide_wrap.slide02 .slide_inner {
	position: relative;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 0.5s;
}
.event_wrap .slide_wrap .slide_inner.on {
	transform: rotateY(180deg);
}
.event_wrap .slide_wrap .slide_inner.on .flip_box.front {
	pointer-events: none;
}
.event_wrap .slide_wrap .flip_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
.event_wrap .slide_wrap .flip_box.front {
	transform: rotateY(0deg);
	background-color: #fff;
	cursor: pointer;
}
.event_wrap .slide_wrap .flip_box.back {
	transform: rotateY(180deg);
	background-color: #fff;
	cursor: pointer;
}
.event_wrap .slide_wrap.slide03 .swiper-slide {
	height: auto;
}
/* 작가의 향 - 책 flip */
.event_wrap .slide_wrap .flip_box .bookthumb_card {
	padding: 60px;
}
.event_wrap .slide_wrap .flip_box .bookthumb_card img {
	display: block;
	max-width: 246px;
	border: 1px solid #747474;
	border-radius: 5px;
	overflow: hidden;
	margin: 0 auto;
}
/* 문장의 향 - 문장 flip */
.event_wrap .slide_wrap .flip_box .sentence_card {
	min-height: 366px;
	background-color: #fff;
	padding: 86px 50px;
	text-align: center;
}
.event_wrap .slide_wrap .flip_box .sentence_card p {
	font-size: 30px;
	font-weight: 600;
	line-height: 44px;
	letter-spacing: -0.03em;
	word-break: keep-all;
	background: url("https://contents.kyobobook.co.kr/pmtn/2026/hottracks/261021_brand_salte/bnD12_quote_start.png") no-repeat top center,
				url("https://contents.kyobobook.co.kr/pmtn/2026/hottracks/261021_brand_salte/bnD12_quote_end.png") no-repeat bottom center;
	background-size: 36px 30px;
	padding: 60px 0;
}
@media (max-width: 750px) {
	.event_wrap .slide_wrap .flip_box .sentence_card {
		min-height: 48.8vw;
		padding: 11.47vw 6.67vw;
	}
	.event_wrap .slide_wrap .flip_box .sentence_card p {
		font-size: 4vw;
		line-height: 5.87vw;
		background-size: 4.8vw 4vw;
		padding: 8vw 0;
	}
}
.event_wrap .slide_wrap .flip_box .prod_inner {
	display: flex;
}
.event_wrap .slide_wrap .flip_box .prod_inner .left {
	display: flex;
	flex-direction: column;
	width: 50%;
	border-right: 2px solid #000;
}
.event_wrap .slide_wrap .flip_box .prod_inner .left .img_box {
	display: flex;
	border-bottom: 2px solid #000;
}
.event_wrap .slide_wrap .flip_box .prod_inner .left .img_box .img {
	border-right: 2px solid #000;
	width: 216px;
}
.event_wrap .slide_wrap .flip_box .prod_inner .left .img_box .img img {}
.event_wrap .slide_wrap .flip_box .prod_inner .left .img_box .author_txt {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	flex: 1;
	background-color: #F6F6F6;
	padding: 10px;
}
.event_wrap .slide_wrap .flip_box .prod_inner .left .img_box .author_txt p {
	font-size: 22px;
	line-height: 1.25;
	letter-spacing: -0.03em;
	word-break: keep-all;
	margin-top: 3px;
}
.event_wrap .slide_wrap .flip_box .prod_inner .left .img_box .author_txt p.author_name {
	font-size: 22px;
	font-weight: 800;
}
.event_wrap .slide_wrap.slide02 .flip_box .prod_inner .left .img_box .author_txt p.prod_name {
	font-size: 22px;
	font-weight: 800;
	word-break: keep-all;
}
.event_wrap .slide_wrap .flip_box .prod_inner .left .desc_box {
	padding: 32px 40px;
	background-color: #fff;
}
.event_wrap .slide_wrap .flip_box .prod_inner .left .desc_box p {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -0.01em;
}
.event_wrap .slide_wrap .flip_box .prod_inner .left .desc_box p b {
	font-weight: 800;
}
.event_wrap .slide_wrap .flip_box .prod_inner .right {
	width: 50%;
}
.event_wrap .slide_wrap .flip_box .prod_inner .right img {
	height: 100%;
	object-fit: cover;
}
.event_wrap .slide_wrap .flip_box .prod_inner .right.thumb_blur {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}
.event_wrap .slide_wrap .flip_box .prod_inner .right.thumb_blur .thumb_bg {
	position: absolute;
	inset: -30px;
	width: calc(100% + 60px);
	height: calc(100% + 60px);
	object-fit: cover;
	filter: blur(24px);
	z-index: 0;
	pointer-events: none;
}
.event_wrap .slide_wrap .flip_box .prod_inner .right.thumb_blur > a {
	position: relative;
	z-index: 1;
}
.event_wrap .slide_wrap .flip_box .prod_inner .right .thumb_small {
	position: relative;
	width: 220px;
	height: 330px;
	margin: 0 auto;
	border: 1px solid #9E9E9E;
}
.event_wrap .slide_wrap .flip_box .prod_inner .right .thumb_small img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
/* bg_05 */
.event_wrap .bg_05 .link_img {
	width: 348px;
	margin: 0 auto;
	padding: 32px 0;
}