@charset "utf-8";

/*수강신청 공통:S*/
.con {
	width: 100%;
	margin: 0 auto;
	position: relative;
	font-family: 'noto3';
	font-weight: 100;
	color: #000;
}
.con .inner {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.con .bullet {
	position: absolute;
}
.con .popupVideo a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.div-table {
	display: table;
	text-align: center;
	margin: 0 auto;
}
.div-table > * {
	display: table-cell;
	vertical-align: middle;
}
strong,
b {
	font-weight: 100;
	font-family: 'noto6';
}
.col-white {
	color: #fff !important;
}
.inner_title {
	position: relative;
	padding-top: 57px;
	color: #1a1a1a;
	text-align: left;
}
.inner_title:not(.not_point):after {
	position: absolute;
	display: block;
	width: 80px;
	height: 12px;
	content: '';
	background: #1a1a1a;
	left: 0;
	top: 0;
}
.inner_title.col-white:after {
	background: #fff;
}
.inner_title h2 {
	font-size: 40px;
	line-height: 100%;
}
.inner_title h1 {
	margin-top: 10px;
	font-size: 51px;
	line-height: 100%;
	font-family: 'noto6';
	font-weight: 100;
}

.pass_wrap {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
.pass_wrap .top_area {
	padding: 114px 0 83px;
	background: url('/_skin/tpl_skin/basic_big_data/images/apply/pass/top_bg.png') top center no-repeat #242539;
}
.pass_wrap .top_area .inner_title h1 {
	font-size: 57px;
}
.pass_wrap .top_area .con_img1 {
	margin: 0 0 245px;
}
.pass_wrap .top_area .con_img2 {
	margin: 47px 0 0 -35px;
}
.pass_wrap .top_area .bullet {
	top: 0;
	right: -91px;
}
.pass_wrap .plus_area {
	position: relative;
	padding: 91px 0 122px;
	background: #3516cc;
}
.pass_wrap .plus_area:after {
	position: absolute;
	display: block;
	width: 158px;
	height: 158px;
	border-radius: 50%;
	content: '+';
	background: #3516cc;
	color: #fff;
	font-size: 110px;
	font-family: 'noto6';
	font-weight: 100;
	text-align: center;
	line-height: 128px;
	top: -71px;
	left: calc(50% - 79px);
}
.pass_wrap .plus_area .con_img1 {
	margin: 67px 0 0 -35px;
}
.pass_wrap .plus_area .point_txt {
	font-size: 50px;
	line-height: 130%;
}
.pass_wrap .plus_area .point_txt b {
	font-size: 55px;
}
.pass_wrap .reason_area {
	padding: 150px 0;
}
.pass_wrap .reason_slide {
	padding-top: 50px;
	margin-top: 20px;
	height: 500px;
}
.pass_wrap .reason_slide .pagination {
	position: absolute;
	right: 0;
	top: 0;
}
.pass_wrap .reason_slide .pagination span {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: none;
	background: #9b9b9b;
	border-radius: 50%;
	margin: 0 28px 0 0;
}
.pass_wrap .reason_slide .pagination span:last-child {
	margin-right: 0 !important;
}
.pass_wrap .pagination span.swiper-pagination-bullet-active {
	background: #2116b3;
}
.pass_wrap .exam_area {
	padding: 143px 0;
	background: #eeeeee;
}
.pass_wrap .exam_area .con_img1 {
	margin-top: 66px;
}
.pass_wrap .line {
	height: 237px;
	background: url('/_skin/tpl_skin/basic_big_data/images/apply/pass/con4.png') top center no-repeat #242539;
}
.pass_wrap .teacher_area {
	padding: 150px 0;
}
.pass_wrap .teacher_area .con_img1 {
	margin: 58px 0 0 0;
}
.pass_wrap .teacher_menu {
	width: 100%;
}
.pass_wrap .teacher_menu li {
	width: calc(33.33% - 8px);
	margin-right: 12px;
}
.pass_wrap .teacher_menu li a {
	display: inline-block;
	height: 83px;
	width: 100%;
	background: #242539;
	font-size: 27px;
	font-family: 'noto6';
	font-weight: 100;
	color: #d2d2d2;
	line-height: 83px;
}
.pass_wrap .teacher_menu li a:hover,
.pass_wrap .teacher_menu li a.selected {
	background: #182ad3;
	color: #fff;
}
.pass_wrap .teacher_tab {
	margin: 59px 0 0 -21px;
	position: relative;
	text-align: left;
}
.pass_wrap .teacher_tab .video_box {
	position: absolute;
	display: inline-block;
	width: 602px;
	height: 344px;
	top: 6px;
	left: 18px;
	font-size: 0;
}
.pass_wrap .teacher_tab .video_box > .layer,
.pass_wrap .teacher_tab .video_box span {
	display: inline-block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.pass_wrap .teacher_info {
	position: absolute;
	left: 670px;
	bottom: 40px;
	text-align: left;
}
.pass_wrap .teacher_info:after {
	position: absolute;
	display: block;
	width: 34px;
	height: 5px;
	content: '';
	background: #182ad3;
	top: -20px;
	left: 0;
}
.pass_wrap .teacher_info .name {
	font-size: 45px;
	font-family: 'noto6';
	font-weight: 100;
	line-height: 100%;
}
.pass_wrap .teacher_info .name em {
	font-size: 37px;
}
.pass_wrap .teacher_info .spec {
	margin-top: 20px;
	font-size: 20px;
	font-family: 'noto2';
	font-weight: 100;
	line-height: 140%;
}
.pass_wrap .curri_area {
	padding: 147px 0 61px;
	background: linear-gradient(180deg, rgba(65, 15, 222, 1) 44%, rgba(238, 238, 238, 1) 40%);
}
.pass_wrap .curri_area .con_img1 {
	margin: 63px 0 0 -27px;
}
.pass_wrap .book_area {
	padding: 153px 0 140px;
	background: url('/_skin/tpl_skin/basic_big_data/images/apply/pass/book.png') no-repeat;
	background-position: calc(50% - 300px) 449px;
}
.pass_wrap .book_area .con_img1 {
	margin: 95px 0 0 -25px;
}
.pass_wrap .book_area .popupVideo {
	right: 63px;
	bottom: 58px;
	width: 290px;
	height: 167px;
}
.pass_wrap .book_slide {
	width: 824px;
	height: 521px;
	margin: 99px 0 0 285px;
	padding-bottom: 80px;
}
.pass_wrap .book_slide .pagination {
	position: absolute;
	right: 30px;
	bottom: 0;
}
.pass_wrap .book_slide .pagination span {
	display: inline-block;
	width: 90px;
	height: 16px;
	border: none;
	background: #dadada;
	border-radius: 8px;
	margin: 0 28px 0 0;
}
.pass_wrap .book_slide .pagination span:last-child {
	margin-right: 0 !important;
}
.pass_wrap .book_slide .pagination span.swiper-pagination-bullet-active {
	background: #410fde;
}
.pass_wrap .benefit_area {
	padding: 0 0 136px;
}
.pass_wrap .benefit_area .con_img1 {
	margin: 64px 0 0 -26px;
}
.pass_wrap .benefit_area .btn-halbu {
	display: inline-block;
	position: absolute;
	width: 119px;
	height: 35px;
	font-size: 0;
	left: 620px;
	bottom: 81px;
}