@charset "utf-8";
/* 공통 */
/* .head-nav {
	border-bottom: 1px solid #000;
} */
.all_class * {
	letter-spacing: -1.5px;
}
.all_class .sub_ttl {
	display: block;
	font-size: 48px;
	color: #000;
	line-height: 1;
	font-family: 'noto6', 'sans-serif';
	text-align: left;
	position: relative;
}
.all_class .sub_ttl:before {
	display: block;
	content: '';
	clear: both;
	width: 20px;
	height: 20px;
	background-color: #dcafea;
	position: absolute;
	bottom: 70px;
	z-index: 1;
}
.all_class .sub_ttl:after {
	display: block;
	content: '';
	clear: both;
	width: 300px;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: -32px;
	left: 0;
	z-index: 0;
}
.all_class .sub_ttl em.txt_purple {
	color: #51006c;
}
.all_class .sub_txt {
	display: block;
	font-size: 28px;
	line-height: 140%;
	margin-top: 30px;
	text-align: left;
	color: #212121;
}
/* //공통 */

.floatting_popup {
    position: fixed;
    top: 250px;
    left: 20px;
    z-index: 99;
}

.all_class .top-bg:after {
	/*이미지 로딩 지연 때문에 가상선택자로 그라디언트 넣어뜸*/
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(70deg, #dcafea, #ffdca1 50%, #ffc6c2);
	z-index: -1;
}
.all_class .top-bg {
	position: relative;
	height: 1588px;
	background: url('/_skin/tpl_skin/basic_csleader2/images/apply/all_class/top_bg.png') center 0 no-repeat;
}
.all_class .top-bg {
	padding: 104px 0 70px;
	box-sizing: border-box;
}
.all_class .top-bg .sub_ttl {
	margin: 125px auto 67px;
	text-align: center;
}
.all_class .top-bg .sub_ttl:before,
.all_class .top-bg .sub_ttl:after {
	display: none;
}
.all_class .top-bg .col3 .col {
	width: calc(33.333% - 10px / 3);
	height: 314px;
	padding: 30px 0 30px 30px;
	box-sizing: border-box;
	border-top: 3px solid #ff00d8;
	border-left: 3px solid #ff00d8;
	border-bottom-right-radius: 13px;
	margin-top: 5px;
}
.all_class .top-bg .col3 .col:nth-of-type(1) {
	background: #fff url('/_skin/tpl_skin/basic_csleader2/images/apply/all_class/benefit_1.png') center 155px no-repeat;
}
.all_class .top-bg .col3 .col:nth-of-type(2) {
	background: #fff url('/_skin/tpl_skin/basic_csleader2/images/apply/all_class/benefit_2.png') center 120px no-repeat;
}
.all_class .top-bg .col3 .col:nth-of-type(3) {
	background: #fff url('/_skin/tpl_skin/basic_csleader2/images/apply/all_class/benefit_3.png') center 115px no-repeat;
}
.all_class .top-bg .col3 .col:nth-of-type(4) {
	background: #fff url('/_skin/tpl_skin/basic_csleader2/images/apply/all_class/benefit_4.png') center 125px no-repeat;
}
.all_class .top-bg .col3 .col:nth-of-type(5) {
	background: #fff url('/_skin/tpl_skin/basic_csleader2/images/apply/all_class/benefit_5.png') center 155px no-repeat;
}
.all_class .top-bg .col3 .col:nth-of-type(6) {
	background: #fff url('/_skin/tpl_skin/basic_csleader2/images/apply/all_class/benefit_6.png') center 115px no-repeat;
}
.all_class .top-bg .col3 .col + .col {
	margin-left: 3px;
}
.all_class .top-bg .col3 .col:nth-child(3n + 1) {
	margin-left: 0;
}
.all_class .top-bg .col3 .col span {
	display: block;
	font-size: 24px;
	text-align: left;
}
.all_class .top-bg .col3 .col strong {
	display: block;
	font-size: 33px;
	text-align: left;
	margin-top: 15px;
	font-family: 'noto6', 'sans-serif';
}

.all_class .plus {
	background: linear-gradient(to right, #35168b, #4c168b);
	color: #fff;
	position: relative;
}
.all_class .plus:before {
	content: '+';
	border-radius: 50%;
	font-size: 30px;
	width: 120px;
	height: 120px;
	line-height: 100px;
	font-size: 60px;
	position: absolute;
	text-align: center;
	font-family: 'noto6';
	left: 50%;
	top: -50px;
	margin: 0 0 0 -60px;
	background: #3e168b;
}
.all_class .plus .mid {
	text-align: left;
	padding: 90px 0 100px;
	/* background: url(/_skin/tpl_skin/basic_csleader2/images/apply/all_class/img.png) no-repeat left 98% top 70%; */
}
.all_class .plus .title {
	position: relative;
	font-family: 'noto3';
	margin: 0 0 40px;
	font-size: 50px;
	letter-spacing: -0.08em;
	line-height: 130%;
    text-align: center;
}
.all_class .plus .title b {
	font-family: 'noto6';
}
.all_class .plus ul li {
    padding: 55px 60px;
    border-radius: 30px;
    background: #ffffff url(/_skin/tpl_skin/basic_csleader2/images/apply/all_class/img.png) no-repeat left 90% top 70%;
    color: #000000;
}
.all_class .plus ul li:nth-child(2) {
    margin-top: 30px;
    background: #ffffff url(/_skin/tpl_skin/basic_csleader2/images/apply/all_class/img_2.png) no-repeat left 94% top 70%;
}
.all_class .plus strong {
	display: block;
    margin-bottom: 10px;
	font-size: 36px;
	line-height: 150%;
	font-family: 'noto7';
	letter-spacing: -0.08em;
}
.all_class .plus span {
	display: block;
	font-size: 24px;
	line-height: 130%;
	font-family: 'noto4';
	letter-spacing: -1px;
}
.all_class .plus span b {
	font-family: 'noto6';
	letter-spacing: -0.08em;
    color: #ff4341;
}
.all_class .plus_2,
.all_class .plus_2:before  {
    background: #9a1bd5;
}
.all_class .plus_2 ul li {
    background: #ffffff url('/_skin/tpl_skin/basic_csleader2/images/apply/all_class/img_3.png') no-repeat left 90% top 62%;
}
.all_class .con1-bg {
	padding: 165px 0 135px;
}
.all_class .con1-bg .col3 {
}
.all_class .con1-bg .col3 .col {
	width: 33.333%;
}
.all_class .con1-bg .col3 .col em.num {
	display: block;
	font-size: 26px;
	font-family: 'noto6', 'sans-sarif';
	margin: 70px auto 40px;
	width: 63px;
	height: 63px;
	line-height: 63px;
	background-color: #ffc6c2;
	border-radius: 50%;
}
.all_class .con1-bg .col3 .col span {
	display: block;
	font-size: 24px;
}
.all_class .con1-bg .col3 .col strong {
	display: block;
	font-size: 28px;
	line-height: 125%;
	margin-top: 10px;
	font-family: 'noto6', 'sans-serif';
}

.all_class .con2-bg {
	padding: 165px 0 135px;
}
.all_class .con2-bg .col4 {
	margin-top: 78px;
}
.all_class .con2-bg .col4 .col {
	width: calc(25% - 129px / 4);
}
.all_class .con2-bg .col4 .col + .col {
	margin-left: 40px;
}

.all_class .review-bg {
	padding: 165px 0 135px;
}
.all_class .review-bg .review_slide {
	position: relative;
	width: 1230px;
	max-height: 667px;
	overflow: hidden;
	margin: 0 auto;
}
.all_class .review-bg .review_slide .swiper-wrapper {
	padding: 100px 0 0;
}
.all_class .review-bg .review_slide .swiper-slide {
}
.all_class .review-bg .review_slide .swiper-pagination {
	position: absolute;
	top: 60px;
	right: 105px;
}
.all_class .review-bg .review_slide .swiper-pagination .swiper-pagination-bullet {
	float: left;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	margin: 0 10.5px !important;
	box-sizing: border-box;
	background: #b0b1b3;
	border: none;
}
.all_class .review-bg .review_slide .swiper-pagination .swiper-pagination-bullet-active {
	background: #c44aec;
}
.all_class .review-bg .review_slide .swiper-slide .lectxt {
	width: 1000px;
	max-height: 567px;
	border: 2px solid #c44aec;
	padding: 55px 50px;
	box-sizing: border-box;
	margin: 0 auto;
	border-bottom-left-radius: 25px;
	border-top-right-radius: 25px;
}
.all_class .review-bg .review_slide .swiper-slide .lectxt b.lecname {
	display: block;
	font-size: 30px;
	margin-bottom: 40px;
	font-family: 'noto6', 'sans-serif';
}
.all_class .review-bg .review_slide .swiper-slide .lectxt p {
	font-size: 24px;
	line-height: 1.7;
}
.all_class .review-bg .review_slide .swiper-slide .lectxt em {
	display: block;
	font-size: 26px;
	font-family: 'noto6';
	line-height: 1;
	float: right;
	margin-top: -10px;
}
.all_class .review-bg .review_slide .pagenavigation button {
	position: absolute;
	top: calc(50%);
	width: 97px;
	height: 97px;
	text-indent: -99999px;
	z-index: 1;
	cursor: pointer;
	outline: none;
}
.all_class .review-bg .review_slide .pagenavigation .swiper-button-prev {
	left: 0;
	background: url(/_skin/tpl_skin/basic_bosaesa2/images/apply/pass/pre_btn.png) no-repeat center center;
}
.all_class .review-bg .review_slide .pagenavigation .swiper-button-next {
	right: 0;
	background: url(/_skin/tpl_skin/basic_bosaesa2/images/apply/pass/next_btn.png) no-repeat center center;
}

.all_class .teacher-bg {
	background-color: #feede6;
	padding: 190px 0 120px;
}
.all_class .teacher-bg .w1000 {
	position: relative;
}
.all_class .teacher-bg .bullet {
	font-size: 24px;
	color: #fff;
	width: 126px;
	height: 126px;
	display: block;
	position: absolute;
	background: #636363;
	border-radius: 50%;
	padding: 50px 0;
	box-sizing: border-box;
}
.all_class .teacher-bg .bullet1 {
	top: 41%;
	left: 5%;
}
.all_class .teacher-bg .bullet2 {
	left: 50%;
	top: 44%;
}
.all_class .teacher-bg .bullet3 {
	right: 0.5%;
	top: 42%;
}
.all_class .teacher-bg .col3 {
	margin-top: 80px;
}
.all_class .teacher-bg .col3 .col:nth-of-type(1) {
	width: 35%;
}
.all_class .teacher-bg .col3 .col:nth-of-type(2) {
	width: 38%;
}
.all_class .teacher-bg .col3 .col:nth-of-type(3) {
	width: 27%;
}
.all_class .teacher-bg .col3 .col .subject {
	display: block;
	width: 130px;
	box-sizing: border-box;
	font-size: 22px;
	color: #212121;
	border-radius: 30px;
	border: 3px solid #51006c;
	padding: 11px 0;
	font-family: 'noto6', 'sans-sarif';
}
.all_class .teacher-bg .col3 .col .name {
	display: block;
	font-size: 50px;
	color: #51006c;
	line-height: 1;
	margin: 15px 0 25px;
	font-family: 'noto5', 'sans-sarif';
}
.all_class .teacher-bg .col3 .col {
}
.all_class .teacher-bg .col3 .col ul.his {
	height: 150px;
}
.all_class .teacher-bg .col3 .col ul.his li {
	font-size: 20px;
	padding-left: 24px;
	position: relative;
	line-height: 1.25;
}
.all_class .teacher-bg .col3 .col ul.his li:after {
	clear: both;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.all_class .teacher-bg .col3 .col ul.his li.now:after {
	content: '현)';
}
.all_class .teacher-bg .col3 .col ul.his li.prev:after {
	content: '전)';
}
.all_class .teacher-bg .col3 .col ul.his li + li {
	margin-top: 6px;
}
.all_class .teacher-bg .col3 .col a.btn_samp {
	width: 250px;
	color: #fff;
	background-color: #262525;
	padding: 23px 33px;
	display: block;
	box-sizing: border-box;
	font-size: 20px;
	border-radius: 40px;
	margin-top: 25px;
	background: #262525 url('/_skin/tpl_skin/basic_csleader2/images/apply/all_class/play.png') no-repeat top 15px right 17px;
}

.all_class .curri-bg {
	padding: 190px 0 120px;
}
.all_class .curri-bg .col3 {
	margin-top: 75px;
}
.all_class .curri-bg .col {
	width: calc(33.333% - 14px / 3);
}
.all_class .curri-bg .col + .col {
	margin-left: 7px;
}
.all_class .curri-bg .col em {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 20px;
	line-height: 70px;
	border-radius: 20px 20px 0 0;
}
.all_class .curri-bg .col:nth-of-type(1) .desc {
	background: url('/_skin/tpl_skin/basic_csleader2/images/apply/all_class/con5_icon1.png') no-repeat top 38px center;
}
.all_class .curri-bg .col:nth-of-type(2) .desc {
	background: url('/_skin/tpl_skin/basic_csleader2/images/apply/all_class/con5_icon2.png') no-repeat top 38px center;
}
.all_class .curri-bg .col:nth-of-type(3) .desc {
	background: url('/_skin/tpl_skin/basic_csleader2/images/apply/all_class/con5_icon3.png') no-repeat top 38px center;
}
.all_class .curri-bg .col:nth-of-type(1) em {
	background-color: #dcafea;
}
.all_class .curri-bg .col:nth-of-type(2) em {
	background-color: #c084d4;
}
.all_class .curri-bg .col:nth-of-type(3) em {
	background-color: #a152bb;
}
.all_class .curri-bg .col .desc {
	border: 1px solid #51006c;
	padding-bottom: 50px;
}
.all_class .curri-bg .col .desc strong {
	display: block;
	font-size: 32px;
	line-height: 1;
	margin: 98px auto 25px;
}
.all_class .curri-bg .col:nth-of-type(1) .desc strong {
	color: #dcafea;
}
.all_class .curri-bg .col:nth-of-type(2) .desc strong {
	color: #c084d4;
}
.all_class .curri-bg .col:nth-of-type(3) .desc strong {
	color: #a152bb;
}
.all_class .curri-bg .col .desc span {
	font-size: 20px;
	line-height: 1.4;
	color: #636363;
}

.all_class .book-bg {
	background-color: #efefef;
	padding: 190px 0 120px;
}
.all_class .book-bg .col2 {
	margin-top: 120px;
}
.all_class .book-bg .col2 .col ul {
	margin: 7px 0;
}
.all_class .book-bg .col2 .col ul li {
	font-size: 27px;
	color: #222222;
	letter-spacing: -2px;
	position: relative;
	width: 460px;
	height: 93px;
	background: url('/_skin/tpl_skin/basic_csleader2/images/apply/all_class/book_benefit_bg.png') center no-repeat;
	line-height: 93px;
}
.all_class .book-bg .col2 .col ul li + li {
	margin-top: 6px;
}
.all_class .book-bg .col2 .col ul li:after {
	display: block;
	content: '+';
	clear: both;
	width: 35px;
	height: 35px;
	background-color: #000;
	font-size: 26px;
	color: #fff;
	font-family: 'noto6', 'sans-sarif';
	position: absolute;
	left: calc(50% - 17.5px);
	z-index: 1;
	bottom: -17.5px;
	border-radius: 50%;
	line-height: 35px;
}
.all_class .book-bg .col2 .col ul li:last-child::after {
	display: none;
}
.all_class .book-bg .col2 .col ul li b {
	font-family: 'noto6', 'sans-sarif';
	color: #75039f;
	font-size: 30px;
}
.all_class .book-bg .book_box {
}
.all_class .book-bg .book_box img {
	margin-left: -132px;
}
.all_class .book-bg .book_box .col4 {
	margin-bottom: 85px;
}
.all_class .book-bg .book_box .col4 .col + .col {
	margin-left: 15px;
}
.all_class .book-bg .book_box .col4 .col {
	width: calc(25% - 45px / 4);
	font-size: 24px;
	background-color: #eeeeee;
	padding: 30px 0;
	letter-spacing: -2px;
}
.all_class .book-bg .book_box .col4 .col b {
	display: block;
	color: #ff3e3f;
}
.all_class .book-bg .book_box .col4 .col:last-child b {
	display: inline-block;
	padding-left: 5px;
}
.all_class .book-bg .book_btn_wrap {
	position: relative;
}
.all_class .book-bg .book_btn_wrap img {
	margin-left: 50%;
	transform: translateX(-50%);
}
.all_class .book-bg .popupVideo {
	margin-left: 5px;
}
.all_class .book-bg .popupVideo #book_play {
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 278px;
	position: absolute;
}

.all_class .benefit_wrap {
	padding: 180px 0 130px;
}
.all_class .benefit_wrap ul {
	margin-top: 80px;
}
.all_class .benefit_wrap ul li {
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	width: 64%;
	box-sizing: border-box;
}
.all_class .benefit_wrap ul li:nth-of-type(1) {
	width: 36%;
	border: 5px solid #ffb79a;
	padding: 45px 0 35px;
	height: 417px;
	border-right: none;
}
.all_class .benefit_wrap ul li p {
	font-size: 28px;
	line-height: 120%;
	font-family: 'noto6';
	letter-spacing: -1px;
	margin: 0 0 10px;
}
.all_class .benefit_wrap ul li em {
	display: block;
	font-size: 32px;
	letter-spacing: -1px;
	font-family: 'noto6', 'sans-serif';
	margin-top: 50px;
	color: #000;
}
.all_class .benefit_wrap ul li span {
	display: block;
	line-height: 130%;
	color: #000;
}
.all_class .benefit_wrap ul li dl {
	text-align: left;
	font-size: 0;
}
.all_class .benefit_wrap ul li dl dd {
	border-right: 3px #fff solid;
	border-top: none;
	border-left: none;
	display: inline-block;
	*: ;
	zoom: 1;
	vertical-align: middle;
	width: 33.333%;
	font-size: 26px;
	line-height: 120%;
	padding: 69.5px 0;
	font-family: 'noto6';
	/* margin: 0 0 0 2.5%; */
	color: #000;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	background-color: #ffb79a;
}
.all_class .benefit_wrap ul li dl dd:nth-of-type(1),
.all_class .benefit_wrap ul li dl dd:nth-of-type(2),
.all_class .benefit_wrap ul li dl dd:nth-of-type(3) {
	border-bottom: 3px solid #fff;
}
.all_class .benefit_wrap ul li dl dd:nth-of-type(1),
.all_class .benefit_wrap ul li dl dd:nth-of-type(2),
.all_class .benefit_wrap ul li dl dd:nth-of-type(3),
.all_class .benefit_wrap ul li dl dd:nth-of-type(4),
.all_class .benefit_wrap ul li dl dd:nth-of-type(5) {
	padding: 73.5px 0;
}
.all_class .benefit_wrap ul li dl dd:nth-of-type(6) {
	padding: 52px 0 95px 0;
}
.all_class .benefit_wrap ul li dl dd:nth-of-type(3n) {
	border-right: none;
}
.all_class .benefit_wrap ul li dl dd em {
	display: block;
	font-size: 16px;
	line-height: 2;
	font-family: 'noto3';
	color: #000;
}
.container.apply.all_class .benefit_wrap ul li dl dd a {
	position: absolute;
	width: 113px;
	background: #3a393a;
	color: #fff;
	font-size: 18px;
	line-height: 100%;
	padding: 5px 0 7px;
	border-radius: 20px;
	bottom: 40px;
	left: 50%;
	margin: 0 0 0 -52.5px;
	font-family: 'noto3';
	text-indent: 1px;
}