@charset "utf-8";

/* 공통 : s */
.cat_professor{
	width:100%;
	overflow:hidden;
}
.cat_professor .screen-out {
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
}

.cat_professor .main_title {
	text-align: center;
	color: #222;
}

.cat_professor .main_title p {
	line-height: 1.2;
	letter-spacing: -0.035em;
	font-size: 4.861vw;
	font-family: 'noto6';
}

.cat_professor .main_title h3 {
	line-height: 1.1;
	margin: 1.006vw 0 0;
	letter-spacing: -0.055em;
	font-size: 6.389vw;
	font-family: 'noto7';
}

.cat_professor .main_title em {
	color: #3934d5;
}

@keyframes marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

@keyframes pointerBounceDiagonal {
	0%,
	100% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(-10px, -10px);
	}
}
/* 공통 : e */

/* 교수진 전체보기 : s */
.tpl_content{
    position:relative;
}

.cat_professor {
	padding: 0 0 20.533vw;
	background: #fff;
}

.cat_professor .professor_slide .swiper-pagination {
	display: flex;
	gap: 1.067vw;
	position: static;
	margin-top: 9.067vw;
	padding: 0 3.2vw;
}
.cat_professor .professor_slide .page_item {
	position: relative;
	width: 100%;
	color: #afb0b1;
	background: transparent;
}
.cat_professor .professor_slide .page_item.is_active {
	color: #3b33d6;
}
.cat_professor .professor_slide .page_item::after {
	content: '';
	display: block;
	width: 100%;
	height: 0.8vw;
}
.cat_professor .professor_slide .page_item.is_active::after {
	background: #3b33d6;
}
.cat_professor .professor_slide .page_item p,
.cat_professor .professor_slide .page_item strong {
	position: relative;
	z-index: 2;
}
.cat_professor .professor_slide .page_item p {
	font-family: 'noto5';
	font-size: 2.133vw;
	letter-spacing: -0.065em;
}
.cat_professor .professor_slide .page_item strong {
	display: block;
	line-height: 1.2;
	padding: 0 0 1.467vw;
	font-family: 'noto6';
	font-weight: normal;
	font-size: 3.2vw;
	letter-spacing: -0.065em;
}
.cat_professor .professor_slide .swiper-slide {
	position: relative;
	width: 100%;
	padding: 11.6vw 5.467vw 0;
	text-align: left;
	overflow: hidden;
	z-index: 1;
}
.cat_professor .professor_slide .swiper-slide::after {
	clear: both;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: -10.667vw;
	width: 66.933vw;
	height: 106.667vw;
	background: url('/_skin/tpl_skin/basic_judicial_scrivener/content_7/teacher_1.png') center no-repeat;
	background-size: contain;
	z-index: -1;
}
.cat_professor .professor_slide .swiper-slide_1::after {
	background-image: url('/_skin/tpl_skin/basic_judicial_scrivener/content_7/teacher_1.png');
}
.cat_professor .professor_slide .swiper-slide_2::after {
	background-image: url('/_skin/tpl_skin/basic_judicial_scrivener/content_7/teacher_5.png');
}
.cat_professor .professor_slide .swiper-slide_3::after {
	background-image: url('/_skin/tpl_skin/basic_judicial_scrivener/content_7/teacher_3.png');
}
.cat_professor .professor_slide .swiper-slide_4::after {
	background-image: url('/_skin/tpl_skin/basic_judicial_scrivener/content_7/teacher_7.png');
}
.cat_professor .professor_slide .swiper-slide_5::after {
	background-image: url('/_skin/tpl_skin/basic_judicial_scrivener/content_7/silhouette_1.png');
}
.cat_professor .professor_slide .swiper-slide_6::after {
	background-image: url('/_skin/tpl_skin/basic_judicial_scrivener/content_7/silhouette_2.png');
}
.cat_professor .professor_slide .swiper-slide_7::after {
	background-image: url('/_skin/tpl_skin/basic_judicial_scrivener/content_7/silhouette_3.png');
}
.cat_professor .professor_slide .swiper-slide_8::after {
	background-image: url('/_skin/tpl_skin/basic_judicial_scrivener/content_7/teacher_6.png');
}
.cat_professor .professor_slide .swiper-slide_9::after {
	right: -16vw;
	background-image: url('/_skin/tpl_skin/basic_judicial_scrivener/content_7/silhouette_4.png');
	background-size: 82% auto;
}
.cat_professor .professor_slide .slide_badge {
	position: absolute;
	top: 23.733vw;
	right: 26.667vw;
	width: 20.933vw;
}
.cat_professor .professor_slide .slide_sub_title {
	margin-bottom: 3.067vw;
	font-family: 'noto6';
	font-size: 4.8vw;
	letter-spacing: -0.065em;
}
.cat_professor .professor_slide .slide_title {
	width: fit-content;
	line-height: 1.2;
	font-family: 'noto4';
	font-size: 3.067vw;
	color: #3934d5;
}
.cat_professor .professor_slide .slide_name {
	width: fit-content;
	font-family: 'noto7';
	font-size: 7.333vw;
	letter-spacing: -0.065em;
	color: #3934d5;
}
.cat_professor .professor_slide .slide_list {
	margin: 3.2vw 0 0;
}
.cat_professor .professor_slide .slide_list li {
	line-height: 1.2;
	letter-spacing: -0.035em;
	font-size: 2.533vw;
	font-family: 'noto4';
}
.cat_professor .professor_slide .slide_list li + li {
	margin: 0.533vw 0 0;
}
.cat_professor .professor_slide .slide_check {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 4.667vw 0 0;
	gap: 0.667vw;
}
.cat_professor .professor_slide .slide_check li {
	display: inline-flex;
	align-items: center;
	min-width: 70.933vw;
	height: 8.933vw;
	padding: 0 4vw 0 7.467vw;
	border-radius: 13.333vw;
	letter-spacing: -0.065em;
	font-size: 2.667vw;
	font-family: 'noto6';
	background: #ccdff8 url('/mobile/images/tpl/001132/teacher/icon_ck.png') no-repeat 3.333vw center / 3.2vw auto;
}
.cat_professor .professor_slide .video_wrap {
	width: 100%;
	margin-top: 7.2vw;
}


.product_cont {
	padding: 0 0 13.333vw;
	background: #fff;
}

.product_cont .event_desc {
	line-height: 1.45;
	text-align: center;
	letter-spacing: -0.056em;
	font-size: 3.467vw;
	font-family: 'noto3';
}

.product_cont .event_desc em {
	box-shadow: inset 0 -1.3em 0 #ccdff8;
	font-family: 'noto6';
}

.product_cont .event_title {
	line-height: 1.32;
	margin-top: 3.467vw;
	text-align: center;
	letter-spacing: -0.065em;
	font-size: 5.867vw;
	font-family: 'noto6';
}

.product_cont .event_title em {
	color: #3934d5;
	font-family: 'noto6';
}

.product_cont .event_product {
	width: 90.4vw;
	margin: 0 auto;
	border: 3px solid #3831c8;
	border-radius: 4vw;
	overflow: hidden;
}

.product_cont .product_info {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 10.667vw 0 8.933vw;
}

.product_cont .info_title {
	display: block;
	line-height: 1.24;
	letter-spacing: -0.055em;
	font-size: 10.667vw;
	font-family: 'noto6';
}

.product_cont .info_title span {
	color: #3934d5;
	font-family: 'noto6';
}

.product_cont .info_data {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 9.733vw;
	margin-top: 4.4vw;
	padding: 0 4.8vw;
	letter-spacing: -0.035em;
	border-radius: 1.6vw;
	color: #6a6f77;
	font-size: 3.733vw;
	font-family: 'noto4';
	background: #ebebed;
}

.product_cont .info_data span {
	margin: 0 2.267vw;
}

.product_cont .info_price {
	display: flex;
	align-items: center;
	gap: 2.8vw;
	margin: -4vw 0 0;
	padding: 0 7.867vw 0 0;
}

.product_cont .info_price span {
	line-height: 1.3;
	letter-spacing: -0.045em;
	color: #a8a9ac;
	font-size: 4.667vw;
	font-family: 'noto5';
	text-decoration: line-through;
}

.product_cont .info_price em {
	line-height: 1.3;
	letter-spacing: -0.045em;
	color: #d920fd;
	font-size: 12.8vw;
	font-family: 'noto7';
}

.product_cont .event_lists {
	width: 100%;
	margin: 8.667vw 0 0 30.4vw;
}

.product_cont .event_lists li {
	padding: 0 0 0 12.933vw;
	font-size: 3.733vw;
}

.product_cont .event_lists li + li {
	margin-top: 4.533vw;
}

.product_cont .event_lists p {
	line-height: 1.2;
	letter-spacing: -0.055em;
	font-family: 'noto4';
}

.product_cont .event_lists em {
	line-height: 1.2;
	letter-spacing: -0.065em;
	font-family: 'noto6';
}

.product_cont .event_lists .list_item_1 {
	background: url('/mobile/images/tpl/001132/teacher/icon_1.png') no-repeat left center / 9.467vw auto;
}

.product_cont .event_lists .list_item_2 {
	background: url('/mobile/images/tpl/001132/teacher/icon_2.png') no-repeat left center / 9.467vw auto;
}

.product_cont .event_lists .list_item_3 {
	background: url('/mobile/images/tpl/001132/teacher/icon_3.png') no-repeat left center / 9.467vw auto;
}

.product_cont .event_lists .list_item_4 {
	background: url('/mobile/images/tpl/001132/teacher/icon_4.png') no-repeat left center / 9.467vw auto;
}

.product_cont .product_apply {
	width: 100%;
	padding: 7.467vw 4.933vw 4vw 4.933vw;
	background: #3934d5 url('/_skin/tpl_skin/basic_judicial_scrivener/content_4/v2/apply_t.png') no-repeat left -0.4vw top 2.933vw / 49.333vw auto;
}

.product_cont .apply_price {
	width: 50%;
	margin-left: auto;
	text-align: center;
}

.product_cont .apply_price span {
	display: block;
	line-height: 1.2;
	letter-spacing: -0.045em;
	color: #b0b0b0;
	font-size: 5.867vw;
	font-family: 'noto5';
	text-decoration: line-through;
	text-underline-offset: 2px;
}

.product_cont .apply_price em {
	display: block;
	line-height: 1.2;
	letter-spacing: -0.045em;
	color: #c4e3fe;
	font-size: 17.067vw;
	font-family: 'noto6';
}

.product_cont .btn_apply {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	padding: 3.067vw 0vw 3.467vw;
	margin: 6.133vw 0 0;
	border-radius: 4vw;
	text-align: center;
	background: #fff;
}

.product_cont .btn_apply::before {
	content: '';
	position: absolute;
	top: 14.667vw;
	right: -2.8vw;
	width: 7.867vw;
	height: 9.733vw;
	background: url('/img/event/8961/pc/btn_icon.png') no-repeat 0 0 / contain;
	animation: pointerBounceDiagonal 0.8s ease infinite;
}

.product_cont .btn_apply p {
	line-height: 1.4;
	letter-spacing: -0.05em;
	font-size: 6.4vw;
	font-family: 'noto7';
}

.product_cont .btn_apply em {
	color: #3934d5;
	font-size: 7.467vw;
	font-family: 'noto7';
}