@charset "utf-8";
/*common*/
.blind {
	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;
}
.cha2pass {
	overflow: hidden;
	margin-top: 50px;
}

section {
	position: relative;
}

.inner {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

.tc {
	text-align: center;
}

.title_bx .tit_b {
	display: block;
	color: #000;
	font-family: 'market-b';
	font-size: 65px;
	line-height: 80px;
	letter-spacing: -3px;
}

.title_bx .tit {
	display: block;
	margin-top: 17px;
	color: #000;
	font-family: 'market-l';
	font-size: 49px;
	line-height: 55px;
	letter-spacing: -3px;
}

/* contents */
.cover {
	height: 1339px;
	background: url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/top_bg.jpg') center top no-repeat;
	background-size: 2560px 1339px;
}
.cover .inner {
	height: 100%;
	padding-top: 80px;
}
.cover span {
	display: block;
}
.cover .tit1 {
	position: relative;
	top: 0;
	text-align: center;
	animation: 1s 0s forwards first;
	opacity: 0;
}
.cover .tit2 {
	position: absolute;
	top: 739px;
	right: 104px;
	z-index: 20;
	width: 564px;
	height: 69px;
	background: linear-gradient(to right, rgba(220, 182, 109, 0.9) 80%, transparent);
	font-family: 'market-l';
	font-size: 68px;
	line-height: 82px;
	letter-spacing: -2px;
	animation: 1s 0.7s forwards third;
	opacity: 0;
}
.cover .tit3 {
	position: absolute;
	top: 690px;
	left: 10px;
	z-index: 20;
	animation: 1s 1.1s forwards fourth;
	opacity: 0;
}
.cover .img_teacher {
	position: absolute;
	top: 170px;
	left: 20px;
	width: 100%;
	text-align: center;
	animation: 1s 0.3s forwards second;
	opacity: 0;
}

@keyframes first {
	0% {
		top: -50px;
	}

	100% {
		opacity: 1;
	}
}

@keyframes second {
	0% {
		left: -100px;
	}

	100% {
		opacity: 1;
	}
}

@keyframes third {
	0% {
		right: -6px;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fourth {
	0% {
		left: -90px;
	}

	100% {
		opacity: 1;
	}
}

.top_provide {
	padding: 164px 0 0;
}

.top_provide .img_bx {
	width: 1421px;
	margin: 104px 0 0 50%;
	transform: translateX(-44.4%);
}

.top_benefit {
	padding: 97px 0 261px;
}

.top_benefit .title_bx .tit {
	font-size: 65px;
	line-height: 79px;
}

.top_benefit .cont_bx {
	margin-top: 100px;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.15), 0 30px 30px rgba(0, 0, 0, 0.15), 0 30px 30px rgba(0, 0, 0, 0.15);
}

.top_benefit .cont_bx ul {
	font-size: 0;
	border-radius: 30px;
	overflow: hidden;
}

.top_benefit .cont_bx ul li {
	display: inline-block;
	position: relative;
	width: 25%;
	height: 358px;
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	padding-top: 50px;
	background: #b1cec7;
	vertical-align: top;
}

.top_benefit .cont_bx ul li:nth-child(1) {
	background: #b1cec7 url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/benefit_1.png') 8px 173px no-repeat;
	background-size: 246px 134px;
}

.top_benefit .cont_bx ul li:nth-child(1):after {
	content: '';
	position: absolute;
	top: 134px;
	left: 173px;
	width: 79px;
	height: 79px;
	background: url('/_skin/tpl_skin/basic_manageleader/images/apply/halfpass2/v2/benefit_bullt2.png') 0 0 no-repeat;
	background-size: cover;
}

.top_benefit .cont_bx ul li:nth-child(2) {
	background: #b1cec7 url('/_skin/tpl_skin/basic_manageleader/images/apply/allpass/v2/benefit_1.png') 14px 161px no-repeat;
}

.top_benefit .cont_bx ul li:nth-child(2):after {
	content: '';
	position: absolute;
	top: 134px;
	left: 167px;
	width: 79px;
	height: 79px;
	background: url('/_skin/tpl_skin/basic_manageleader/images/apply/allpass/v2/benefit_bullet1.png') 0 0 no-repeat;
	background-size: cover;
}

.top_benefit .cont_bx ul li:nth-child(3) {
	background: #b1cec7 url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/benefit_3.png') 32px 180px no-repeat;
	background-size: 204px auto;
}

.top_benefit .cont_bx ul li:nth-child(4) {
	background: #b1cec7 url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/benefit_4.png') 31px 149px no-repeat;
	background-size: 226px 171px;
}

.top_benefit .cont_bx ul li:nth-child(5) {
	background: #b1cec7 url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/benefit_5.png') 14px 155px no-repeat;
	background-size: 222px 171px;
}

.top_benefit .cont_bx ul li:nth-child(6) {
	background: #b1cec7 url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/benefit_6.png') 25px 176px no-repeat;
	background-size: 230px 126px;
}

.top_benefit .cont_bx ul li:nth-child(7) {
	background: #b1cec7 url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/benefit_7.png') 23px 153px no-repeat;
	background-size: 236px 155px;
}

.top_benefit .cont_bx ul li:nth-child(8) {
	background: #b1cec7 url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/benefit_8.png') 35px 158px no-repeat;
	background-size: 221px 142px;
}

.top_benefit .cont_bx ul li.type2 {
	border-right: none;
}

.top_benefit .cont_bx ul li .txt {
	color: #000;
	font-family: 'noto6';
	font-size: 27px;
	line-height: 33px;
	text-align: center;
}
.graph {
	padding: 180px 0;
	background: #dee2e1;
}

.graph .img_bx {
	display: block;
	position: relative;
}

.graph .img_bx:after {
	content: '';
	position: absolute;
	top: 93px;
	left: 526px;
	z-index: 5;
	width: 432px;
	height: 414px;
	background: url('/_skin/tpl_skin/basic_manageleader/images/apply/allpass/v2/graph_bullet.png') 0 0 no-repeat;
	background-size: cover;
}

.graph .img_bx img {
	position: relative;
	z-index: 10;
}
.teacher {
	padding: 186px 0 0;
	background-color: #0a2c45;
}
.teacher .title_bx .tit {
	margin-top: 0;
	color: #d1c09e;
	font-family: 'market-l';
	font-size: 48px;
	line-height: 55px;
	letter-spacing: -2px;
}
.teacher .title_bx .tit_b {
	margin-top: 10px;
	color: #fc6d5c;
	font-family: 'market-b';
	font-size: 60px;
	line-height: 71px;
	letter-spacing: -2px;
}
.teacher .cont_bx {
	height: 1619px;
	margin-top: -30px;
}
.teacher .cont_bx .teacher_img {
	margin-left: -216px;
}
.teacher .txt_bx {
	position: absolute;
	top: 396px;
	left: 0;
}
.teacher .txt_bx.t2 {
	text-align: right;
	right: 0;
	/* bottom:0; */
	top: 1200px;
	left: auto;
}
.teacher .txt_bx em {
	display: block;
	color: #fff;
	font-family: 'market-l';
	font-size: 60px;
	line-height: 70px;
	letter-spacing: -2px;
}
.teacher .txt_bx strong {
	display: block;
	margin-top: 30px;
	color: #63f2ff;
	font-family: 'market-b';
	font-size: 55px;
	line-height: 65px;
	letter-spacing: -2px;
}
.teacher .txt_bx span {
	display: block;
	margin-top: 8px;
	color: #c3c3c3;
	font-family: 'noto4';
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -2px;
}
.teacher .txt_bx span b {
	display: block;
}
.teacher .btn_samp {
	position: absolute;
	width: 426px;
	height: 161px;
	background: url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/teacher_btn.png') 0 0 no-repeat;
}
.teacher .btn_samp.samp1 {
	top: 840px;
	left: 447px;
}
.teacher .btn_samp.samp2 {
	top: 1442px;
	left: 125px;
}
.curri {
	padding: 150px 0 160px;
	background: #e4e4e4;
}
.curri .title_bx .tit_b {
	font-size: 60px;
}
.curri .cont_bx {
	margin: 34px 0 0 -15px;
}
.book_slide {
	padding: 170px 0 203px;
}
.book_slide .inner:after {
	content: '';
	width: 489px;
	height: 590px;
	position: absolute;
	top: 276px;
	left: -65px;
	z-index: 0;
	background-image: url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/book.png');
	background-size: cover;
	background-repeat: no-repeat;
}
.book_slide .title_bx {
	position: relative;
	text-align: left;
}

.book_slide .title_bx .tit_b {
	font-size: 60px;
}

.book_slide .inner .book_slide {
	width: 740px;
	height: 65%;
	margin-top: 209px;
	margin-right: -23px;
	padding-top: 31px;
}

.book_slide .inner .book_slide .slide_nav {
	text-align: right;
	position: relative;
	left: -20px;
	top: -30px;
}

.book_slide .inner .book_slide .slide_nav .swiper-pagination-bullet {
	margin: 0 4px;
	width: 20px;
	height: 20px;
	border-radius: 20px;
}

.book_slide .inner .book_slide .slide_nav .swiper-pagination-bullet-active {
	background: #ff696a;
	width: 40px;
	height: 20px;
	border-radius: 10px;
	transition: all 0.2s;
}

.book_slide .inner .book_review_slide_area {
	position: relative;
}

.book_slide .inner .book_review_slide_area .btn_arrow {
	position: absolute;
	z-index: 4;
	cursor: pointer;
	top: 70px;
}

.book_slide .inner .book_review_slide_area .btn_prev {
	left: -84px;
	background: url('/_skin/tpl_skin/basic_judicial_scrivener/content_1/arrow_l.png') no-repeat;
	width: 60px;
	height: 60px;
	background-position: 17px;
	border-radius: 60px;
	background-color: #dfdfdf;
}

.book_slide .inner .book_review_slide_area .btn_next {
	right: -84px;
	background: url('/_skin/tpl_skin/basic_judicial_scrivener/content_1/arrow_r.png') no-repeat;
	width: 60px;
	height: 60px;
	background-position: 21px;
	border-radius: 60px;
	background-color: #dfdfdf;
}

.book_slide .inner .book_review_slide {
	position: relative;
	width: 1100px;
	height: 290px;
	margin-top: 187px;
	border-top: 1px solid #cacaca;
}

.book_slide .inner .book_review_slide:after {
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	bottom: 90px;
	left: 0;
	content: '';
	background: #cacaca;
}

.book_slide .inner .book_review_slide .swiper-wrapper {
	height: 200px;

	box-sizing: border-box;
}

.book_slide .inner .book_review_slide .review_tit {
	font-size: 24px;
	margin: 12px 0 16px;
	line-height: 100%;
	font-family: 'noto6';
	font-weight: 100;
	letter-spacing: -1.5px;
	color: #222;
}

.book_slide .inner .book_review_slide .writer {
	padding-right: 20px;
	font-size: 16px;
	color: #848484;
	font-family: 'noto4';
	font-weight: 600;
	letter-spacing: -1px;
}

.book_slide .inner .book_review_slide .review_txt {
	font-size: 18px;
	font-family: 'noto3';
	line-height: 140%;
	letter-spacing: -1px;
	color: #4a4a4a;
}

.book_slide .inner .book_review_slide .underline {
	position: relative;
	font-family: 'noto6';
}

.book_slide .inner .book_review_slide .underline:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 10px;
	background: #bbf6fa;
	content: '';
	z-index: -1;
}

.book_slide .inner .book_slide .book_review_nav {
	text-align: right;
	margin-left: -28px;
}

.book_slide .inner .book_slide .book_review_nav span {
	width: 26px;
	height: 26px;
	margin-right: 16px;
	border-radius: 13px;
	background: #333;
	border: none;
	transition: all 0.5s;
}

.book_slide .inner .book_slide .book_review_nav span:last-child {
	margin-right: 0;
}

.book_slide .inner .book_slide .book_review_nav span.swiper-pagination-bullet-active {
	width: 58px;
	background: #f5363d;
}

.swiper-slide .div-table > div {
	vertical-align: middle;
}

.div-table {
	height: 100%;
	display: table;
	margin: 0 auto;
	width: 100%;
}

.div-table > * {
	display: table-cell;
}

.div-table .character {
	width: 187px;
	text-align: center;
}

.div-table.item2 > * {
	width: 50%;
}

.div-table.item3 > * {
	width: 33.33%;
}

.div-table.item4 > * {
	width: 25%;
}

.div-table.item5 > * {
	width: 20%;
}

.book_slide .video-box {
	width: 329px;
	height: 189px;
	position: relative;
	z-index: 10;
	background-image: url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/book_play.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: -454px;
}

.book_slide .video-box .popupVideo {
	width: 330px;
	height: 190px;
	top: 0;
}

.book_slide .video-box .popupVideo a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.benefit {
	padding-bottom: 120px;
}

.benefit .title_bx em {
	display: inline-block;
	margin-top: 0;
	font-size: 60px;
	line-height: 75px;
}

.benefit .title_bx .tit {
	font-family: 'market-m';
}

.benefit .cont_bx {
	margin-top: 85px;
}

.benefit .top_area {
	overflow: hidden;
}

.benefit .top_area + .top_area {
	margin-top: 51px;
}

.benefit .top_area li {
	overflow: hidden;
	float: left;
	width: calc(50% - 11px);
	border-radius: 35px;
}

.benefit .top_area li:last-child {
	float: right;
}

.benefit .top_area li .cont_wrap {
	position: relative;
	height: 404px;
	padding: 44px 0 0 50px;
	background: #273943;
	background: linear-gradient(to top, #273943 74%, #377187);
}

.benefit .top_area li .cont_wrap:before {
	content: '';
	position: absolute;
	right: 42px;
	bottom: 30px;
	width: 326px;
	height: 169px;
	background: url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/bottom_benefit_2cha.png') 0 0 no-repeat;
	background-size: cover;
}

.benefit .top_area li:nth-child(2) .cont_wrap:before {
	bottom: 0;
	width: 290px;
	height: 212px;
	background: url('/_skin/tpl_skin/basic_manageleader/images/apply/allpass/v2/bottom_benefit_test.png') 0 0 no-repeat;
	background-size: cover;
}

.benefit .top_area li .cont_wrap:after {
	content: '';
	position: absolute;
	right: 33px;
	bottom: 151px;
	width: 79px;
	height: 79px;
	background: url('/_skin/tpl_skin/basic_manageleader/images/apply/halfpass2/v2/benefit_bullet1.png') 0 0 no-repeat;
	background-size: cover;
}

.benefit .top_area li:nth-child(2) .cont_wrap:after {
	background: url('/_skin/tpl_skin/basic_manageleader/images/apply/halfpass2/v2/benefit_bullet1.png') 0 0 no-repeat;
	background-size: cover;
}
.benefit .top_area li .cont_wrap strong {
	display: block;
	margin-top: 10px;
	color: #d1c09e;
	font-family: 'market-b';
	font-size: 42px;
	line-height: 48px;
	letter-spacing: -2px;
}

.benefit .top_area li .cont_wrap em {
	display: block;
	color: #fff;
	font-family: 'noto4';
	font-size: 24px;
	line-height: 42px;
	letter-spacing: -2px;
}

.benefit .top_area_2 li {
	width: 100%;
}

.benefit .top_area_2 li .cont_wrap {
	height: 267px;
}

.benefit .top_area_2 li .cont_wrap em {
	line-height: 1.4;
	margin-top: 10px;
	font-size: 22px;
	font-family: 'market-l';
}

.benefit .top_area_2 li .cont_wrap:before {
	right: 47px;
	bottom: 45px;
	background: url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/bottom_benefit_plus.png') 0 0 no-repeat;
}

.benefit .top_area_2 li .cont_wrap:after {
	display: none;
}

.block-textList-grp {
	margin-top: 50px;
}

.block-textList-grp ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.block-textList-grp ul li {
	width: calc((100% - 20px) / 2);
	display: flex;
	align-items: center;
	height: 170px;
	margin: 20px 0 0;
	border-radius: 20px;
	border: 2px solid #000;
	box-sizing: border-box;
	position: relative;
}

.block-textList-grp ul li > div {
	text-align: left;
	margin-left: 248px;
}

.block-textList-grp ul li::before {
	content: '';
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	width: 220px;
	height: 170px;
	left: 10px;
	top: 0px;
}

.block-textList-grp ul li:nth-child(1)::before {
	top: 4px;
	background-image: url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/bottom_benefit_1.png');
	background-size: 192px 137px;
}

.block-textList-grp ul li:nth-child(2)::before {
	left: 0px;
	top: 10px;
	background-image: url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/bottom_benefit_2.png');
	background-size: 184px 131px;
}

.block-textList-grp ul li:nth-child(3)::before {
	top: 10px;
	background-image: url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/bottom_benefit_3.png');
	background-size: 208px 130px;
}

.block-textList-grp ul li:nth-child(4)::before {
	background-image: url('/_skin/tpl_skin/basic_manageleader/images/apply/cha2pass/v2/bottom_benefit_4.png');
	background-size: 208px 130px;
}

.block-textList-grp ul li:nth-child(4) a {
	font-size: 16px;
	font-family: 'noto4';
	color: #fff;
	background-color: #000;
	padding: 4px 14px;
	border-radius: 7px;
	margin-top: 4px;
}

.block-textList-grp ul li > div > strong,
.block-textList-grp ul li > div > span {
	display: block;
	color: #000;
}

.block-textList-grp ul li > div > strong {
	font-size: 30px;
	font-family: 'noto6';
	margin: 15px 0;
	letter-spacing: -2px;
}

.block-textList-grp ul li:nth-child(6) > div > strong {
	display: block;
	margin: 25px 0 15px;
}

.block-textList-grp ul li > div > span {
	font-size: 22px;
}

.block-textList-grp ul li > div > span > span {
	font-size: 20px;
	margin-top: 10px;
	display: inline-block;
}
.txt_bx .thin {
	display: block;
	color: #000;
	font-family: 'market-l';
	font-size: 48px;
	line-height: 64px;
	letter-spacing: -3px;
}
.txt_bx .thick {
	display: block;
	color: #000;
	font-size: 62px;
	font-family: 'market-b';
	line-height: 78px;
	letter-spacing: -4px;
}
.interview_wrap {
	padding: 200px 0 100px;
}
.interview_wrap .inner {
	width: 1100px;
}
.interview_wrap .txt_bx {
	text-align: left;
}
.interview_wrap .img_interview {
	margin: 70px 0 0 -40px;
}
.interview_wrap .video_box {
	position: absolute;
	top: 225px;
	left: 7px;
	width: 1100px;
	height: 566px;
}
.interview_wrap .video_box .layer {
	display: inline-block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.interview_wrap .video_box .start_video {
	display: inline-block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}