@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;
}