@charset "UTF-8";
.pass_wrap{
	position:relative;
	font-family: 'noto2';
	width: 100%;
	overflow: hidden;
}
.pass_wrap .inner{
	width:1100px;
	margin:0 auto;
	position:relative;
	text-align: center;
}
.pass_wrap .top_box{
	background:url('/_skin/tpl_skin/basic_wss2/images/apply/silgi_new/top_bg.png') no-repeat center 5%;
	padding:105px 0 153px 0;
	background-size: cover;
}
.top_box .top_bene{
	margin: 0 -9px;
	padding-top: 37px;
}
/* .top_box .top_bene .t_bene_top{
	width: 100%;
	height: 267px;
	background-color: #250d5e;
	border: 1px solid #5d429b;
	border-radius: 30px;
}
.top_box .top_bene .t_bene_bottom{
	width: 100%;
}
.top_box .top_bene .t_bene_bottom::after{
	content: ''; display: block; clear: both;
}
.top_box .top_bene .t_bene_bottom > li{
	float: left;
	width: calc(33.333% - 16px);
	height: 390px;
	margin-right: 20px;
	background-color: #250d5e;
	border: 1px solid #5d429b;
	border-radius: 30px;
}
.top_box .top_bene .t_bene_bottom > li:last-child{
	margin-right: 0;
} */

.pass_wrap .passtory_area {
  padding: 147px 0 0;
  background: url('/_skin/tpl_skin/basic_wss2/images/apply/silgi_new/bg.png') no-repeat center top;
}

.pass_wrap .passtory_area .passtory_title {
  margin-bottom: 0;
  color: #fff;
}

.pass_wrap .passtory_area .passtory_title span {
  display: inline-block;
  line-height: 1.25;
  margin: 29px 0 0 0;
}

.pass_wrap .passtory_area .video_box {
  position: relative;
  margin: 83px 0 0 -39px;
}

.pass_wrap .passtory_area .video_box iframe,
.pass_wrap .passtory_area .video_box .layer {
  position: absolute;
  top: 30px;
  left: 40px;
  width: 1100px;
  height: 611px;
}
.pass_wrap .passtory_area .video_box .start_video {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.pass_wrap .teacher{
	background: url('/_skin/tpl_skin/basic_wss2/images/apply/silgi_new/con1_bg.png') no-repeat center center;
	background-size: cover;
	padding: 142px 0 142px 0;
}
.pass_wrap .teacher h2{
	letter-spacing: -1px;
}
.pass_wrap .teacher h2 > span{
	display: block;
	margin: 31px 0 0 0;
	line-height: 74px;
}
.pass_wrap .teacher .teach_img{
	margin: 0 -72px;
}
.profess_slide{
	position: static;
	height: 321px;
    width: 1367px;
    margin: 102px 0 0 -164px;
    padding: 30px 65px;
    box-sizing: border-box;
}
.profess_slide .swiper-slide{
	height: 264px;
    padding-left: 5px;
	background-color: #2a077c;
}
.profess_slide .div-table{
	width: 100%;
    height: 100%;
	display: table;
}
.profess_slide .div-table div{
	display: table-cell;
	vertical-align: middle;

}
.profess_slide .div-table .review_content{
	width: 75%;
	color: #fff;
}
.profess_slide .review_tit{
	font-size: 31px;
    line-height: 100%;
    font-family: 'noto6';
    font-weight: 100;
    letter-spacing: -1px;
    margin-bottom: 21px;
	color: #fff;
}
.profess_slide .review_txt{
	width: 90%;
    margin: 11px 0 25px 0;
    font-size: 20px;
    line-height: 141%;
    font-weight: 100;
    font-family: 'noto4';
    letter-spacing: -0.5px;
    word-break: keep-all;
    color: #ccc6d9;
}
.profess_slide .writer{
	letter-spacing: -0.5px;
    font-size: 19px;
    font-weight: 100;
    font-family: 'noto5';

}
.profess_slide .btn_arrow.btn_prev{
	left:-230px;
}
.profess_slide .btn_arrow.btn_next{
	right:-181px;
}
.profess_slide .btn_arrow{
	position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    z-index: 4;
    bottom: 5.8%;
    cursor: pointer;
}
.teacher .sam{
	position: absolute;
	bottom: 25.5%;
}
.teacher .sam a{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 500px;
	height: 320px;
	text-indent: -99999px;
}
/* .profess_slide .btn_arrow span{
	position: relative;
	z-index:4;
	top: calc(50% - 62px);
	cursor:pointer;
}
.profess_slide .btn_arrow span::after{
	position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 14px;
    height: 16px;
    border-top: 8px solid #454545;
    border-right: 8px solid #454545;
    transform: rotate(225deg);
}
.profess_slide .btn_arrow .right::after{
	transform: rotate(43deg);
} */


.pass_wrap h2{
	margin-bottom: 88px;
	color: #000;
	font-size: 48px;
	line-height: 69px;
	letter-spacing: -1.7px;
	font-family: 'noto2';
}
.pass_wrap h2 > span{
	font-family: 'noto6';
	font-size: 62px;
	letter-spacing: -2.5px;
}
.swiper-slide .div-table{
	width: 100%;
	height: 100%;
	display: table;
}
.curri{
	background: url('/_skin/tpl_skin/basic_wss2/images/apply/pilgi_new/con4_bg.png') no-repeat center right;
	padding-top: 150px;
	padding-bottom: 165px;
}
.curri h2{
	color: #eee;
}
.curri .ci_img{
	margin: 0 -30px;
	padding-bottom: 53px;
}
.book{
	position: relative;
	padding-top: 145px;
}

.book .b_intro{
	position: absolute;
    top: 29.5%;
    left: -6%;
}
.book .b_img{
	padding-bottom: 164px;
	margin: 0 30px;
}
.book .book_slide{
	height: 795px;
}
.book .book_slide .book_nav{
	width: 220px;
    margin: 0 auto;
    z-index: 4;
    position: absolute;
    left: calc(50% - 125px);
    bottom: 7%;
}
.book .book_slide .book_nav span{
	margin: 0 11px;
    width: 50px;
    height: 20px;
    border-radius: 10px;
	
}
.book .book_slide .book_nav .swiper-pagination-bullet-active{
	background-color: #1e1041;
}




.book .bookreview_slide{
	position: static;
	height: 321px;
    width: 1150px;
    margin: 24px 0px 0px -37px;
    padding: 30px 34px;
    box-sizing: border-box;
}
.book .bookreview_slide .swiper-slide{
	background-color: #efefef;
	height: 261px;
	padding-left:41px;
	box-sizing:border-box;
	/* background:#ffffff; */
	box-shadow:0 0 15px rgba(0,0,0,0.4);
	border-radius:15px;
	box-sizing:border-box;
	border: 1px solid #fff;
}
.bookreview_slide .btn_arrow {
	position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    z-index: 4;
    bottom: 5%;
    cursor: pointer;
}
.bookreview_slide .btn_arrow.btn_prev{
	background:url('/_skin/tpl_skin/basic_electricity3/refund_renew/arrow_left.png') no-repeat;
	left: -113px;
}
.bookreview_slide .btn_arrow.btn_next{
	background:url('/_skin/tpl_skin/basic_electricity3/refund_renew/arrow_right.png')no-repeat;
	right: -89px;
}
.bookreview_slide .div-table{
	width:100%;
	text-align: left;
	padding: 41px 0 10px 0;
}
.bookreview_slide .div-table p:first-child{
	line-height: 35px;
    font-size: 22px;
    font-family: 'noto6';
    margin-bottom: 29px;
	color: #000;
}
.bookreview_slide .div-table p:nth-child(2){
	font-size: 20px;
    font-family: 'noto5';
    letter-spacing: -1.7px;
	color: #000;
}
.sl1{
	background: url('/_skin/tpl_skin/basic_wss2/images/apply/habgyeog/book_review_icon1.png') no-repeat 93% 87%;
}
.sl2{
	background: url('/_skin/tpl_skin/basic_wss2/images/apply/habgyeog/book_review_icon2.png') no-repeat  93% 87%;
}
.sl3{
	background: url('/_skin/tpl_skin/basic_wss2/images/apply/habgyeog/book_review_icon1.png') no-repeat  93% 87%;
}
.sl4{
	background: url('/_skin/tpl_skin/basic_wss2/images/apply/habgyeog/book_review_icon2.png') no-repeat  93% 87%;
}



.b_benefit{
	padding-top: 120px;
	padding-bottom: 135px;
}
.b_benefit .bene_img{
	margin: 0 -21px;
}
.b_benefit .bene_img .btn-halbu{
	width: 99px;
    height: 34px;
    right: 119px;
    bottom: 213px;
}
.pass_wrap .con2{
	padding:70px 0;
}
.pass_wrap .con2 .mid{
	text-align:left;
}
.pass_wrap .con2 ul{
	bordeR:1px #000 solid;
	font-size:0;
	padding:30px 0 0 0;
}
.pass_wrap .con2 ul li{
	display: inline-block;
	/* display: inline; */
	zoom:1;
	vertical-align: top;
	width:24%;
	margin:0 0 0 1%;
}
.pass_wrap .con2 ul li:first-child{
	margin:0;
}
.pass_wrap .con2 ul li img{
	display: block;
	max-width: 100%;
	margin:0 0 4% 0
}
.pass_wrap .con2 ul li  span{
	display: block;
	text-align: center;
	font-size:17px;
	line-height:140%;
	color:#2f2f2f;
	font-family: 'noto5'
}
.pass_wrap .title{
	background:#0a2d29;
	font-size:28px;
	text-align: center;
	line-height:100%;
	padding:30px 0;
	color:#fff;
}
.pass_wrap .con3{
	background:#e5d4bc;
	padding:90px 0 70px;
}
/* .pass_wrap .teacher a{
	position:absolute;
	width:155px;
	height:40px;
	bottom:170px;
	font-size:0;
}
.pass_wrap .teacher a.btn-play1{
	left:10px;
}
.pass_wrap .teacher a.btn-play2{
	right:10px;
} */
.pass_wrap .con4{
	padding:90px 0 80px;
	background:#dfdfdf;
}
.pass_wrap .con4 .popupVideo{
	left:0;
	bottom:80px;
}
.pass_wrap .con5{
	padding:100px 0 80px;
	background:#ccdbdb;
}
.pass_wrap .con5 .btn-halbu{
	position:absolute;
	right: 0;
	width:80px;
	top:160px;
	height: 25px;
}
