@charset "UTF-8";
.visual_cont{
	background: #000;
}
.visual_cont .benefit_ani{
	width:86.1333vw;
	margin:0 auto;
}

.benefit_ani {
	padding: 5.972vw 0 20.139vw;
	background: #000;
}
.benefit_ani li {
	position: relative;
	width: 100%;
	height: 20.417vw;
	padding: 3.222vw 0 3.222vw 31.111vw;
	border: 3px solid #ffffff;
	background: #fff;
}
.benefit_ani li:not(:last-child) {
	margin-bottom: 3.75vw;
}
.benefit_ani li.on {
	border: 3px solid #09ffef;
}
.benefit_ani li.list_1 {
	background: #fff url('/mobile/images/tpl/001132/new1/top_benefit_1.png') top 0.556vw left 10% / 19.028vw 19.306vw no-repeat;
}
.benefit_ani li.list_2 {
	background: #fff url('/mobile/images/tpl/001132/new1/top_benefit_2.png') top 0.694vw left 10% / 19.028vw 19.306vw no-repeat;
}
.benefit_ani li.list_3 {
	background: #fff url('/mobile/images/tpl/001132/new1/top_benefit_3.png') top 0 left 9% / 19.028vw 19.306vw no-repeat;
}
.benefit_ani li.list_4 {
	background: #fff url('/mobile/images/tpl/001132/new1/top_benefit_4.png') top 0 left 9% / 19.028vw 19.306vw no-repeat;
}
.benefit_ani li.list_1::after,
.benefit_ani li.list_2::after {
	clear: both;
	content: '최종합격시';
	display: block;
	position: absolute;
	top: -2.778vw;
	left: 6.25vw;
	width: fit-content;
	padding: 0.556vw 3.333vw;
	border-radius: 4.167vw;
	background: #09ffef;
	font-family: 'noto5';
	font-size: max(12px, 2.5vw);
	letter-spacing: -0.065em;
}
.benefit_ani li.list_2::after {
	content: '불합격시';
}
.benefit_ani li p {
	font-family: 'noto4';
	font-size: 4.861vw;
	letter-spacing: -0.065em;
	line-height: 1.3;
}
.benefit_ani li p span {
	font-family: 'noto7';
}

.product_cont {
	position: relative;
	padding-bottom: 24.444vw;
}
.product_cont .vs_price_wrap {
	display: flex;
	gap: 1.667vw;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 36.667vw;
	padding: 0 4.861vw;
}
.product_cont .vs_price_wrap > div {
	width: calc((100% - 1.667vw) / 2);
	padding: 0 1.778vw;
	box-sizing: border-box;
}
.product_cont .vs_price_wrap .vs_price {
	display: flex;
	align-items: center;
	gap: 3.167vw;
	padding-top: 3.278vw;
}
.product_cont .vs_price_wrap .l_price_wrap .price {
	display: flex;
	align-items: center;
	gap: 3.333vw;
	font-family: 'noto4';
	font-size: 3.611vw;
	letter-spacing: -0.045em;
	color: #ab8fff;
}
.product_cont .vs_price_wrap .l_price_wrap .discount_price {
	position: relative;
	display: flex;
	align-items: center;
	gap: 3.333vw;
	position: relative;
	font-family: noto7;
	font-size: 3.611vw;
	letter-spacing: -0.045em;
	color: #fff;
}
.product_cont .vs_price_wrap .l_price_wrap .discount_price::after {
	clear: both;
	content: '';
	display: block;
	position: absolute;
	top: -30%;
	left: 58%;
	transform: translate(-50%, -50%);
	width: 36.722vw;
	height: 2.778vw;
	background: url('/_skin/tpl_skin/basic_judicial_scrivener/content_7/vs_arrow2.png') center / contain no-repeat;
}
.product_cont .vs_price_wrap .l_price_wrap .discount_price span {
	position: relative;
	font-size: 4.306vw;
}
.product_cont .vs_price_wrap .l_price_wrap .discount_price span::after {
	clear: both;
	content: '*할인 쿠폰 적용 가';
	display: block;
	position: absolute;
	bottom: -2.778vw;
	right: 0;
	font-family: 'noto3';
	font-size: 1.868vw;
	letter-spacing: -0.045em;
	white-space: nowrap;
	color: #fff;
}
.product_cont .vs_price_wrap .r_price {
	font-family: 'noto7';
	font-size: 8.167vw;
	letter-spacing: -0.065em;
	color: #fff;
}
.product_cont .vs_price_wrap > div .lec_btn {
	display: block;
	width: 100%;
	height: 10.417vw;
	margin-top: 4.544vw;
}
.product_cont .vs_price_wrap .r_price_wrap {
	padding-left: 2.778vw;
}
.product_cont .vs_price_wrap .r_price_wrap .price {
	display: flex;
	align-items: center;
	gap: 3.333vw;
	position: relative;
	font-family: noto4;
	font-size: 3.611vw;
	letter-spacing: -0.045em;
	color: #819d7d;
}
.product_cont .vs_price_wrap .r_price_wrap .price::after {
	clear: both;
	content: '';
	display: block;
	position: absolute;
	top: 80%;
	left: 58%;
	transform: translate(-50%, -50%);
	width: 36.722vw;
	height: 2.778vw;
	background: url('/_skin/tpl_skin/basic_judicial_scrivener/content_7/vs_arrow2.png') center / contain no-repeat;
}
.product_cont .vs_price_wrap .r_price_wrap .discount_price {
	display: flex;
	align-items: center;
	gap: 3.333vw;
	position: relative;
	font-family: noto7;
	font-size: 3.611vw;
	letter-spacing: -0.045em;
	color: #000;
}
.product_cont .vs_price_wrap .r_price_wrap .discount_price::after {
	clear: both;
	content: '*할인 쿠폰 적용 가';
	display: block;
	position: absolute;
	bottom: -2.778vw;
	left: auto;
	right: 0;
	font-family: 'noto3';
	font-size: 1.868vw;
	letter-spacing: -0.045em;
	white-space: nowrap;
	color: #000;
}
.product_cont .vs_price_wrap .r_price_wrap p span,
.product_cont .vs_price_wrap .l_price_wrap p span {
	font-size: 4.306vw;
}
.qna_cont {
	background: #f7f7f7;
}
.qa_con{
	position: relative;
	width:100%;
}
.qa_con .qa_slide {
	width: 100%;
	height: 150.417vw;
	background: #f7f7f7;
}
.qa_con .qa_slide .swiper-pagination {
	bottom: 28.611vw;
}
.qa_con .qa_slide .swiper-pagination .swiper-pagination-bullet {
	width: 3.611vw;
	height: 3.611vw;
	background: #c2c2c2;
	opacity: 1;
}
.qa_con .qa_slide .swiper-pagination .swiper-pagination-bullet-active {
	background: #4c00a9;
}
.qa_con .qa_desc {
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	font-family: 'noto4';
	font-size: 3vw;
	text-align: center;
	letter-spacing: -0.065em;
	color: #9d9d9d;
	z-index: 1;
}
.teacher_slide_area {
	position: relative;
	width: 100%;
	height: 140vw;
	padding-top: 10.556vw;
	overflow: hidden;
}
.teacher_slide_wrap {
	position: absolute;
	top: 22.917vw;
	width: 100%;
	height: 100%;
}
.teacher_slide_wrap .teacher_slide {
	height: 115.278vw;
	overflow: visible;
}
.teacher_slide_wrap .swiper-pagination {
	display: flex;
	position: absolute;
	top: -22.75vw;
	left: 0;
	width: 100vw;
	height: 10.556vw;
	gap: 0;
}
 .teacher_slide_wrap .swiper-pagination .page_item {
	width: calc(100% / 7);
	height: 100%;
	background: #3c3941;
	font-family: 'noto7';
	font-size: 3.472vw;
	letter-spacing: -0.065em;
	color: #ababab;
}
.teacher_slide_wrap .swiper-pagination .page_item.is_active {
	background: #7048e8;
	color: #fff;
}
.teacher_slide_wrap .swiper-slide {
	position: relative;
	padding: 0 4.861vw;
	box-sizing: border-box;
}
.teacher_slide_area img {
	width: 100%;
}
.teacher_slide_area .link {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 68.583vw;
	height: 41.417vw;
	left: 5%;
	bottom: 16.5%;
	font-size: 0;
}
.teacher_slide_area button.link {
	opacity: 0;
}
.curriculum_cont {
	padding: 18.75vw 9.556vw 9.167vw;
}
.curriculum_cont .curri {
	position: relative;
}
.curriculum_cont .curri img {
	display: none;
}
.curriculum_cont .curri img.on {
	display: block;
}
.curriculum_cont .curri .tab {
	display: flex;
	align-items: center;
	gap: 4.722vw;
	position: absolute;
	top: 7.083vw;
	left: 0;
	width: 100%;
	height: 9.722vw;
}
.curriculum_cont .curri .tab li {
	width: 50%;
	height: 100%;
}
.book_cont {
	position: relative;
	margin-bottom: 21.944vw;
	padding: 4.861vw 4.861vw 0;
}
.book_cont .book_review_slide {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.book_cont .swiper-pagination {
	position:static;
	margin-top:8.333vw;
}
.book_cont .swiper-pagination .swiper-pagination-bullet {
	width: 3.611vw;
	height: 3.611vw;
	margin: 0 0 0 2.778vw;
	background: #c2c2c2;
	opacity: 1;
}
.book_cont .swiper-pagination .swiper-pagination-bullet-active {
	background: #7048e8;
}