@charset "UTF-8";

.con {
	width: 100%;
	font-family: 'Nanum Square';
}
.con h1,
.con h2,
.con h3,
.con b {
	font-weight: 900;
}
.con .inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
.inner .bullet {
	position: absolute;
}
.div-table {
	display: table;
}
.div-table > * {
	display: table-cell;
	vertical-align: middle;
}
.book_player_area {
	position: relative;
}
.book_player_area .popupVideo {
	position: relative;
	height: 100%;
}
.col-navy {
	color: #353ba9;
}
.col-orangered {
	color: #df4f4f;
}
a.sampleBtn {
	display: inline-block;
	margin: 30px 0 0 0;
	padding: 11px 63px 11px 39px;
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/btn_play.png') 85% 79% no-repeat #31374d;
	border-radius: 30px;
	color: #fff;
	font-size: 19px;
	font-weight: 100;
}
.inner_title {
	font-size: 55px;
	line-height: 120%;
	color: #313237;
}
.inner_title p {
	font-size: 44px;
	font-weight: 100;
	margin-bottom: 20px;
}
.apply {
}

.service {
	padding: 129px 0 80px;
	background: #fff;
}
.service_list {
	width: 100%;
	overflow: hidden;
	padding: 20px 0 20px 10px;
	margin: 40px auto 0;
}
.service_list li {
	float: left;
	margin-right: 11px;
	margin-bottom: 14px;
	box-sizing: border-box;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
	border: 1px solid #eaeaea;
	/* border-radius:10px; */
	color: #000;
}
.service_list li.middle {
	width: calc(50% - 11px);
	padding: 28px 0 59px 36px;
}
.service_list li.big {
	width: calc(50% - 9px);
	padding: 30px 0 30px 30px;
}
.service_list li span {
	display: block;
	font-size: 18px;
	font-weight: 100;
	line-height: 130%;
}
.service_list li h1 {
	margin-top: 12px;
	font-size: 28px;
	line-height: 120%;
	font-weight: 900;
}
.service_list li.bg-apply {
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/benefit_1_2.png') center no-repeat #fff;
	background-position: 258px 50px;
}
.service_list li.bg-book {
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/benefit_2.png') center 88% no-repeat #fff;
	background-position: 306px 47px;
}
.service_list li.bg-mock {
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/benefit_3_2.png') center 94% no-repeat #fff;
	background-position: 275px 43px;
}
.service_list li.bg-curri {
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/benefit_4_2.png') center 90% no-repeat #fff;
	background-position: 283px 68px;
}
.service_list li.bg-mobile {
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/benefit_5_2.png') center 89% no-repeat #fff;
	background-position: 247px 52px;
}
.service_list li.bg-limit {
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/benefit_6_2.png') center 94% no-repeat #fff;
	background-position: 222px 44px;
}
.service_list li.bg-fullhd {
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/benefit_7_2.png') center 94% no-repeat #fff;
	background-position: 264px 50px;
}
.service_list li.bg-cscenter {
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/benefit_8_2.png') center 94% no-repeat #fff;
	background-position: 235px 50px;
}
.service_list li.bg-book-sillgi {
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/pass_silgi/benefit_2.png') 88% center no-repeat #fff;
}
.service_list li.big.bg-apply {
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/benefit_1.png') 88% center no-repeat #fff;
}

.cm_plus {
	background: #eb5556;
	position: relative;
	padding: 56px 0;
}
.cm_plus::before {
	content: '+';
	border-radius: 50%;
	font-size: 30px;
	width: 90px;
	height: 90px;
	line-height: 80px;
	font-size: 55px;
	position: absolute;
	text-align: center;
	font-weight: 800;
	left: 50%;
	top: -40px;
	margin: 0 0 0 -40px;
	background: #e95555;
	color: #000;
}
.cm_plus .div-table {
	width: 100%;
}
.cm_plus .title {
	position: relative;
	font-weight: 100;
	font-size: 48px;
	line-height: 130%;
	padding: 0 0 35px;
	color: #ffffff;
	font-weight: 900;
}
.cm_plus .title b {
	display: inline-block;
	padding: 5px;
	margin-top: 5px;
	box-sizing: border-box;
	color: #eeffa8;
	font-size: 37px;
	background: #762828;
	line-height: 100%;
}
.cm_plus .title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 45px;
	height: 3px;
	background: #000;
}
.cm_plus .title.col-white::after {
	background: #fff;
}
.cm_plus p {
	display: block;
	margin-top: 12px;
	font-size: 23px;
	line-height: 140%;
	font-weight: 100;
	color: #fff;
}
.cm_plus p > span {
	display: block;
	margin-top: 14px;
	font-size: 20px;
	font-weight: 100;
	color: #fec7c7;
}

.examplay {
	padding: 30px 0 50px;
}
.pass_1cha .examplay {
	padding: 120px 0;
}
.pass_2cha .examplay {
	padding: 110px 0 60px;
}
.examplay .video_box_bg {
	position: relative;
	display: block;
	width: 1060px;
	height: 525px;
	margin-top: 56px;
	margin-left: calc(50% - 530px);
	padding: 15px 0 0 29px;
	box-sizing: border-box;
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/hugi_play.png') center no-repeat;
}
.examplay .video_box {
	width: 97%;
	height: 91%;
}
.examplay .video_box .layer {
	display: block;
	width: 100%;
	height: 100%;
}
.examplay .video_box .layer span {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.review .arrow_wrap {
	width: 1050px;
	margin: 0 auto;
	position: relative;
	top: 160px;
}
.review .arrow_wrap .slick-arrow {
	font-size: 0;
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 9;
}
.review .arrow_wrap .slick-arrow.next {
	background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/new/perfect/next_btn.png') no-repeat center center;
	background-size: contain;
	right: 0;
}
.review .arrow_wrap .slick-arrow.prev {
	background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/new/perfect/pre_btn.png') no-repeat center center;
	background-size: contain;
	left: 0;
}
.review .slick-slide {
	padding: 0;
	opacity: 0.5;
	margin: 0 0 0 0px;
	width: 960px;
	height: 350px;
}
.review .slick-slide:focus,
.review .slick-slide .slick-prev:focus,
.review .slick-slide .slick-next:focus {
	border: none;
	outline: none;
}
.review .slick-slide:nth-of-type(1) {
	margin: 0;
}
.review .slick-current {
	opacity: 1;
}
.review .review_tit {
	font-size: 30px;
	font-weight: 900;
	line-height: 125%;
	margin: 0 0 40px;
	word-break: keep-all;
	letter-spacing: -1.7px;
}
.review .review_txt {
	font-size: 17px;
	line-height: 165%;
	text-align: left;
	margin: 0 auto;
	width: 80%;
	font-weight: 100;
	letter-spacing: -0.7px;
}
.review .review_txt .wirte_name {
	font-size: 21px;
	display: block;
	font-weight: 900;
	margin: 0 0 20px;
	text-align: center;
}
.teacher {
	padding: 90px 0;
}
.teacher .teacher_area {
	position: relative;
	display: table;
	width: 100%;
	margin: 80px auto 0;
	padding: 93px 0 220px;
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/teacher.png') top center no-repeat;
}
.teacher.pilgi .teacher_area {
	padding: 93px 0 80px;
}
.teacher.pilgi .teacher_area {
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/pass_pilgi/teacher.png') top center no-repeat;
}
.teacher .teacher_area > div {
	display: table-cell;
	vertical-align: middle;
}
.teacher .teacher_area > div:last-child {
	padding-left: 23.9%;
}
.teacher .teacher_area .teacher_title {
	font-size: 25px;
	font-weight: 900;
	line-height: 130%;
	color: #000;
}
.teacher .teacher_area .name {
	display: block;
	margin: 30px 0 50px;
	font-size: 45px;
	font-weight: 900;
	line-height: 100%;
}
.teacher .teacher_area .name em {
	font-weight: 300;
}
.teacher .teacher_area .subject {
	margin-bottom: 10px;
	font-size: 18.5px;
	line-height: 150%;
}
.teacher .teacher_area .pilgi_subject {
	display: inline-block;
	position: relative;
	padding-top: 23px;
	margin-bottom: 15px;
	font-size: 19px;
	letter-spacing: -0.7px;
	font-weight: 900;
	color: #000;
	line-height: 130%;
}
.teacher .teacher_area .pilgi_subject::after {
	position: absolute;
	display: block;
	width: 30px;
	height: 4px;
	content: '';
	background: #000;
	top: 0;
	left: 0;
}
.teacher .teacher_area .teacher_spec {
	font-size: 15px;
	font-weight: 100;
	line-height: 170%;
	text-align: left;
}
.book {
	padding: 100px 0 95px;
}
.book .book_img.all {
	margin-top: 90px;
	margin-bottom: 38px;
}
.book .div-table.book_area {
	width: 100%;
}
.book .div-table.book_area > div {
	width: 50%;
}
.book .book_info {
	width: 485px;
}
.book .book_info li {
	padding-bottom: 15px;
}
.book .num {
	padding-right: 25px;
	width: 20%;
}
.book .num p {
	display: inline-block;
	width: 104px;
	height: 104px;
	padding-top: 34px;
	box-sizing: border-box;
	background: #ffe15b;
	text-align: center;
	line-height: 104px;
	border-radius: 50%;
	font-size: 0;
}
.book .num p img {
	vertical-align: top;
}
.book .book_intro {
	width: 80%;
	border-bottom: 1px solid #d8d8d8;
	font-size: 22px;
	text-align: left;
	line-height: 130%;
	color: #000;
}
.book .book_intro.no-border {
	border-bottom: none;
}
.book .book_intro b {
	font-size: 25px;
}
.cmcurri {
	padding: 0 0 85px;
}
.cmcurri .curri_list {
	margin: 50px 0 0 -58px;
	padding: 19px 31px 30px;
	box-sizing: border-box;
	width: 1056px;
	overflow: hidden;
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/pass_pilgi/curri_box.png') top center no-repeat;
}
.cmcurri .curri_list > li {
	float: left;
	width: calc(33.33% - 20px);
	height: 324px;
	padding: 30px 0;
	margin-right: 30px;
	box-sizing: border-box;
	text-align: center;
}
.cmcurri .curri_list > li:last-child {
	margin-right: 0;
}
.cmcurri .curri_list .step {
	display: inline-block;
	padding: 5px 6px 3px;
	background: #6f738c;
	border-radius: 50px;
	font-size: 17px;
	font-weight: 900;
	color: #fff;
	line-height: 100%;
}
.cmcurri .curri_list h1 {
	margin: 20px 0 13px;
	font-size: 35px;
	line-height: 100%;
}
.cmcurri .curri_list .img_area {
	display: inline-block;
	vertical-align: middle;
	width: 95px;
	height: 95px;
	padding-top: 17px;
	box-sizing: border-box;
	border-radius: 50%;
	background: #f5f5f5;
}
.cmcurri .curri_list p {
	margin-top: 10px;
	font-size: 22px;
	font-weight: 100;
	line-height: 130%;
}
.benefit {
	padding: 102px 0;
	background: #e2e2e2;
}
.benefit.pilgi {
	background: #ededed;
}
.benefit .big_bene {
	display: table;
	width: 100%;
	margin-top: 49px;
	padding: 32px 79px 32px 64px;
	border-radius: 20px;
	box-sizing: border-box;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
	background: linear-gradient(90deg, rgba(228, 74, 86, 1) 54%, rgba(60, 57, 76, 1) 82%);
}
.benefit .big_bene.pilgi {
	background: linear-gradient(90deg, rgba(85, 107, 192, 1) 54%, rgba(204, 96, 120, 1) 82%);
}
.benefit .big_bene.silgi {
	background: linear-gradient(90deg, rgba(232, 92, 91, 1) 54%, rgba(113, 91, 156, 1) 82%);
}
.benefit .big_bene div {
	display: table-cell;
	vertical-align: middle;
}
.benefit .big_bene > div:first-child {
	width: 55%;
	color: #fff;
}
.benefit .big_bene h1 {
	font-size: 34px;
	line-height: 100%;
}
.benefit .big_bene p {
	margin-top: 29px;
	font-size: 20px;
	font-weight: 100;
}
.benefit .bene_list {
	width: 1040px;
	padding: 20px;
	overflow: hidden;
	margin-left: calc(50% - 520px);
	box-sizing: border-box;
}
.benefit .bene_list li {
	float: left;
	display: table;
	height: 112px;
	margin-right: 13px;
	margin-bottom: 9px;
	background: #fff;
	border-radius: 20px;
	box-sizing: border-box;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
	text-align: center;
}
.benefit .bene_list.w_33 li {
	width: calc(33.33% - 9px);
}
.benefit .bene_list.w_25 li {
	width: calc(25% - 10px);
}
.benefit .bene_list h1 {
	font-size: 25px;
	line-height: 120%;
	color: #000;
}
.benefit .bene_list .btn-halbu {
	display: inline-block;
	padding: 6px 15px;
	margin-top: 5px;
	border-radius: 4px;
	background: #000;
	color: #fff;
	font-size: 16px;
	line-height: 100%;
}
.atozplay {
	padding: 0 0 100px;
}
.atozplay .video_box_bg {
	position: relative;
	display: block;
	width: 1060px;
	height: 467px;
	margin-top: 56px;
	margin-left: calc(50% - 530px);
	padding: 15px 0 0 29px;
	box-sizing: border-box;
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/teacher_play.png') center bottom no-repeat;
}
.atozplay .video_box {
	width: 97%;
	height: 100%;
}
.atozplay .video_box .layer {
	display: block;
	width: 100%;
	height: 100%;
}
.atozplay .video_box .layer span {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

/*종합반*/
.allclass .top {
	padding: 0;
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/top_bg.png') center no-repeat;
}
.allclass .top .top_title {
	position: absolute;
	width: 100%;
	top: 80px;
	left: 0;
	font-size: 65px;
	color: #fff;
	font-weight: 300;
	text-align: center;
	line-height: 100%;
}
.allclass .top .top_title_img {
	margin-left: 0px;
}
.allclass .top .bullet {
	left: -102px;
	top: 60px;
}
.allclass .reason {
	padding: 105px 0;
	background: linear-gradient(180deg, rgba(228, 221, 213, 1) 61%, rgba(255, 255, 255, 1) 61%);
}
.allclass .graphArea {
	margin: 70px 0 0;
	padding: 49px 20px 32px 20px;
	background: #fff;
	border-radius: 25px;
	box-sizing: border-box;
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
}
.allclass .curri {
	padding: 90px 0;
}
.allclass .curri_area {
	width: calc(50% - 26px);
	margin-top: 70px;
	border: 3px solid #e44a56;
}
.allclass .curri_area .curri_tit {
	padding: 18px 0;
	background: #e44a56;
	font-size: 35px;
	line-height: 100%;
	text-align: center;
	color: #fff;
}
.allclass .curri_area .curri_list {
	width: 100%;
	padding: 21px 48px;
	box-sizing: border-box;
}
.allclass .curri_area .curri_list li {
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #bababa;
}
.allclass .curri_area .curri_list li:last-child {
	border-bottom: none;
}
.allclass .curri_area .curri_list li > div:first-child {
	width: 35%;
}
.allclass .curri_area .curri_list h1 {
	font-size: 27px;
	color: #000;
}
.allclass .curri_area .curri_list p {
	font-size: 21px;
	line-height: 143%;
	font-weight: 100;
}

/*필기반*/
.pass_1cha .top {
	padding: 79px 0;
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/pass_pilgi/top_bg.png') left center no-repeat #32374b;
	text-align: center;
}
.pass_1cha .top_ment {
	margin: 0 0 0 160px;
	font-size: 25px;
	line-height: 100%;
	text-align: left;
	color: #fff;
	font-weight: 100;
	line-height: 150%;
}
.pass_1cha .top .bullet {
	left: -199px;
	top: 13px;
}
.pass_1cha .reason {
	padding: 102px 0;
	background: #f7f7f7;
}
.pass_1cha .reason .graphArea {
	margin-top: 78px;
}

/*필기*/
.pass_2cha .top {
	padding: 79px 0;
	background: url('/_skin/tpl_skin/basic_imsang2/images/apply/pass_silgi/top_bg.png') left center no-repeat #9c2d3f;
	text-align: center;
}
.pass_2cha .top_ment {
	margin: 0 0 0 160px;
	font-size: 25px;
	line-height: 100%;
	text-align: left;
	color: #fff;
	font-weight: 100;
	line-height: 150%;
}
.pass_2cha .top .bullet {
	left: -129px;
	top: 13px;
}
.pass_2cha .reason {
	padding: 100px 0 0;
	background: #eceadb;
}
.pass_2cha .graphArea {
	margin: 70px 0 0;
	padding: 63px 20px 47px 20px;
	background: #fff;
	border-radius: 25px;
	box-sizing: border-box;
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
}
.pass_2cha .line {
	padding: 80px 0 127px;
	background: #eceadb;
}