.d-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ul-table,
.div-table {
    display: table;
}

.ul-table>*,
.div-table>* {
    display: table-cell;
}

.mgr0 {
    margin-right: 0 !important;
}

.mgl0 {
    margin-left: 0 !important;
}

.tl {
    text-align: left !important;
}

.tc {
    text-align: center !important;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.pull-over {
    overflow: hidden;
}

.col50 {
    width: 50%;
}

.clear-after::after {
    content: '';
    display: table;
    clear: both;
}

.w1100 {
    width: 1100px;
    margin: 0 auto;
}

.mgt20 {
    margin-top: 20px !important;
}

.mgt50 {
    margin-top: 50px !important;
}

.mgb20 {
    margin-bottom: 20px !important;
}

.skip,
legend,
caption {
    width: 1px;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
    position: absolute;
    left: -9999px;
}

@charset "UTF-8";

.popupVideo {
    width: 366px;
    height: 220px;
    right: -45px;
    top: 510px;
}

#book_play.book_play1 {
    background: url('/_skin/tpl_skin/basic_identification/images/book_play.png') no-repeat;
}

.video-popup {
    display: none;
}

.video-popup .video-content {
    position: absolute;
    border: 1px solid #fff;
    background: #fff;
    color: #fff;
    left: 50%;
    top: 50%;
    margin: -157.5px 0 0 -280px;
}

.book_play1 {
    display: inline-block;
    width: 100%;
    height: 100%;
}



/* 종합패스 */

.inner {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

.cm_title {
    text-align: center;
    color: #070405;
    margin-bottom: 74px;
}

.cm_title span {
    display: block;
    margin-bottom: 17px;
    line-height: 1;
    letter-spacing: -0.7px;
    font-size: 40px;
}

.cm_title h3 {
    font-size: 57px;
    line-height: 100%;
    letter-spacing: -6.5px;
    font-family: "noto6";
    font-weight: 100;
}

.ap_wrap {
    position: relative;
    width: 100%;
}

.ap_wrap .ap_area {
    background: url('/_skin/tpl_skin/basic_identification/images/apply/apply_top/top_bg.png') no-repeat center center;
}

.ap_wrap .ap_area .inner {
    text-align: center;
    position: relative;
}

.ap_wrap .ap_area .inner p {
    position: absolute;
    top: 339px;
    left: 487px;
}

.ap_wrap .ap_area .inner p span:first-child {
    font-size: 62px;
    font-family: "noto6";
    font-weight: 100;
    color: #db2a37;
}

.ap_wrap .ap_area .inner p span:last-child {
    font-size: 62px;
    font-family: 'noto6';
    font-weight: 100;
    color: #f30c3d;
}

.ap_wrap .ap_area .event_pop {
    position: absolute;
    top: 218px;
    left: 880px;
}

.ap_wrap .ap_area .event_pop p {
    top: 155px;
    left: 53px;
    font-size: 29px;
    font-family: "noto5";
    font-weight: 100;
    letter-spacing: -2.7px;
    color: #050505;
}

.ap_wrap .cts {
    background-color: #e40835;
    padding-top: 73px;
    padding-bottom: 73px;
}

.ap_wrap .cts .cts_conts {
    float: left;
    position: relative;
    width: calc((100% - 13px) / 2);
    height: 150px;
    margin-bottom: 10px;
    margin-left: 13px;
    padding: 42px 0;
    background-color: rgb(255, 255, 255);
    border-radius: 30px;
    box-sizing: border-box;
}

.ap_wrap .cts .cts_conts span {
    display: inline-block;
    padding-left: 36px;
    line-height: 1.2;
    font-family: 'noto6';
    font-weight: 100;
    font-size: 28px;
    color: #1c1a1d;
}

.ap_wrap .cts .cts_conts div {
    position: absolute;
    top: 18%;
    left: 62%;
    background: url('/_skin/tpl_skin/basic_identification/images/common/sprites_img.png') no-repeat -30px -37px;
    width: 190px;
    height: 102px;
}

.ap_wrap .cts .cts_conts:nth-child(2) div {
    background-position: -264px -27px;
    width: 146px;
    height: 113px;
    top: 11%;
    left: 65%;
}

.ap_wrap .cts .cts_conts:nth-child(3) div {
    background-position: -34px -164px;
    width: 161px;
    height: 120px;
    top: 14%;
    left: 65%;
}

.ap_wrap .cts .cts_conts:nth-child(4) div {
    background-position: -236px -180px;
    width: 193px;
    height: 99px;
    top: 24%;
    left: 60%;
}

.ap_wrap .cts .cts_conts:nth-child(5) div {
    background-position: -35px -317px;
    width: 158px;
    height: 102px;
    top: 22%;
    left: 358px;
}

.ap_wrap .cts .cts_conts:nth-child(6) div {
    background-position: -498px -455px;
    width: 171px;
    height: 112px;
    top: 11%;
    left: 62%;
}

.ap_wrap .cts .cts_conts:nth-child(7) div {
    background-position: -14px -446px;
    width: 201px;
    height: 129px;
    top: 15%;
    left: 59%;
}

.ap_wrap .cts .cts_conts:nth-child(8) div {
    background-position: -261px -449px;
    width: 160px;
    height: 118px;
    top: 18%;
    left: 65%;
}

.bec_reason .reason_slide {
    height: 540px;
    margin-top: 37px;
    box-sizing: border-box;
    position: relative;
}

.bec_reason .indicator {
    position: absolute;
    top: 0;
    left: 20%;
    width: auto;
    z-index: 50;
}

.bec_reason .indicator .in_li {
    float: left;
    width: 200px;
    padding-right: 15px;
    height: 39px;
    background: none;
    opacity: 1;
}

.bec_reason .indicator .in_li.swiper-pagination-bullet-active .in_p {
    color: #f30c3d;
    border-color: #f30c3d;
}

.bec_reason .indicator .in_li .in_p {
    line-height: 100%;
    border-bottom: 11px solid #dedede;
    height: 100%;
    font-family: 'noto6';
    font-weight: 100;
    font-size: 22px;
    color: #dedede;
    text-align: center;
    box-sizing: border-box;
    padding-bottom: 9px;
}

.bec_reason .swiper-slide::after {
    content: '';
    clear: both;
    display: block;
}

.bec_reason .swiper-slide {
    width: 100%;
    vertical-align: middle;
    padding-top: 100px;
}

.bec_reason .swiper-slide p {
    display: inline;
    float: left;
    font-size: 42px;
    color: #070405;
    font-family: 'noto6';
    font-family: 100;
    line-height: 130%;
    text-align: left;
    padding-top: 100px;
}

.bec_reason .swiper-slide p .fire_font {
    color: #e40835;
}

.bec_reason .swiper-slide p .avera {
    font-size: 25px;
}

.bec_reason .swiper-slide p .souce {
    color: #a4a2a2;
    font-size: 20px;
    font-family: 'noto5';
    font-weight: normal;
}

.bec_reason .swiper-slide img {
    float: right;
}

.bec_reason .reason_nav .num_btn {
    width: 200px;
    height: 10px;
    border-radius: 0;
    margin: 0 16px 0 0;
    opacity: 1;
    color: #dadadb;
    background-color: #dadadb;
}

.bec_reason .reason_nav .num_btn:hover {
    background-color: #e40835
}

.ap_wrap .bec_reason {
    position: relative;
    height: 1383px;
    padding-top: 135px;
}

.ap_wrap .bec_reason .inner {
    height: 100%;
}

.ap_wrap .banner {
    height: 230px;
    background: url('/_skin/tpl_skin/basic_identification/images/main/teacher_title_bg.png') center no-repeat;
    text-align: center;
}

.ap_wrap .banner .banner_text {
    padding: 51px 0px;
    line-height: 1;
    color: #eee;
}

.ap_wrap .banner .banner_text span {
    font-size: 50px;
    font-family: 'noto3';
    font-weight: lighter;
}

.ap_wrap .banner .banner_text h3 {
    margin-top: 17px;
    font-family: 'noto6';
    font-size: 60px;
    font-weight: 200;
    letter-spacing: -2.7px;
}

.ap_wrap .teacher_intro {
    position: relative;
    width: 100%;
    height: 1163px;
    overflow-x: hidden;
    background-color: #f7f1ea;
}

.ap_wrap .teacher_intro .sample {
    position: absolute;
    width: 515px;
    height: 290px;
    right: 51.5%;
    top: 66%;
    font-size: 0;
    /* background: url(/_skin/gov/images/apply/ilhaeng/years/con3_player.png) no-repeat center center; */
}

.ap_wrap .teacher_intro .inner .sample a {
    display: block;
    height: 100%;
    /* background: url(/_skin/gov/images/apply/ilhaeng/years/con3_player_btn.png) no-repeat center center; */
    color: #eee;
}

.ap_wrap .lesson_trick {
    height: 921px;
    padding: 140px 0 0 0;
}

.ap_wrap .lesson_trick .inner .lt_text {
    text-align: center;
    color: rgb(0, 0, 0);
}

.ap_wrap .lesson_trick .inner .lt_text span {
    margin-bottom: 25px;
}

.ap_wrap .lesson_trick .inner .lt_text h3 {
    font-size: 60px;
}

.ap_wrap .done_pro {
    height: 1000px;
    position: relative;
}

.ap_wrap .done_pro .inner .dp_text {
    font-size: 30px;
    text-align: center;
}

.ap_wrap .done_pro .inner .dp_text span {
    margin-bottom: 28px;
    letter-spacing: -2px;
}

.ap_wrap .done_pro .inner .dp_text h3 {
    letter-spacing: -5px;
}

.ap_wrap .done_pro .con_img2 {
    margin-top: 83px;
}

.ap_wrap .done_pro .bookreview_slide {
    position: absolute;
    top: 80%;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    width: 1100px;
    height: 197px;
    margin: 0 0;
    padding: 0 22px;
    box-sizing: border-box;
}

.ap_wrap .done_pro .bookreview_slide .btn_arrow {
    position: absolute;
    z-index: 4;
    top: calc(50% - 24px);
    width: 47px;
    height: 48px;
    cursor: pointer;
    background: url('/_skin/tpl_skin/basic_labor_new/images/apply/zero/btn.png') no-repeat;
}

.ap_wrap .done_pro .bookreview_slide .btn_prev {
    left: 0px;
    background-position: -8px -5px;
}

.ap_wrap .done_pro .bookreview_slide .btn_next {
    right: 0;
    background-position: -60px -5px;
}

.ap_wrap .done_pro .bookreview_slide .swiper-slide {
    position: relative;
    padding: 0 40px;
    box-sizing: border-box;
    line-height: 130%;
}

.ap_wrap .done_pro .bookreview_slide .writer {
    width: 25%;
    font-size: 15px;
    text-align: center;
}

.ap_wrap .done_pro .bookreview_slide .writer p {
    margin-bottom: 5px;
}

.ap_wrap .done_pro .bookreview_slide .review_tit {
    font-size: 28px;
    font-family: 'noto6';
    line-height: 100%;
}

.ap_wrap .done_pro .bookreview_slide .review_txt {
    margin-top: 9px;
    font-size: 18px;
    line-height: 130%;
}

.ap_wrap .done_pro .icon {
    display: inline-block;
    vertical-align: middle;
    background: url('/_skin/tpl_skin/basic_identification/images/main/review_people.png') no-repeat;
}

.ap_wrap .done_pro .icon7 {
    background-position: -17px -242px;
}

.ap_wrap .done_pro .icon8 {
    background-position: -100px -242px;
}

.ap_wrap .done_pro .icon9 {
    background-position: -183px -242px;
}

.ap_wrap .done_pro .icon10 {
    background-position: -266px -242px;
}

.ap_wrap .done_pro .icon.icon_l {
    width: 94px;
    height: 94px;
    margin-right: 18px;
}

.ap_wrap .done_pro .icon.icon_m {
    width: 77px;
    height: 81px;
    margin-bottom: 8px;
    text-align: center;
}

.ap_wrap .done_pro .swiper-container .div-table {
    width: 100%;
    height: 100%;
}

.ap_wrap .done_pro .swiper-container .div-table>* {
    vertical-align: middle;
}

.ap_wrap .done_pro .book_area {
    padding: 80px 0 28px;
}

.ap_wrap .done_pro .inner {
    width: 1100px;
    position: relative;
}

.epilogue .inner .ep_slide .ep_vold {
    text-align: right;
}

.book_blet {
    margin-bottom: 115px;
}

.book_blet .reason_slide .reason_nav {
    text-align: right;
}

.book_blet .reason_slide .reason_nav li p {
    display: none;
}

.book_blet .reason_slide .reason_nav li {
    width: 20px;
    height: 20px;
}

.book_blet .swiper-wrapper {
    height: 77%;
}

.book_blet .reason_slide .reason_nav .swiper-pagination-bullet-active {
    background-color: #191f27;
}

.prime_support {
    background-color: #e40835;
    padding: 155px 0 110px 0;
}

.prime_support .inner>h3 {
    text-align: center;
    padding-bottom: 60px;
    font-size: 60px;
    color: rgb(0, 0, 0);
    font-family: "noto6";
    font-weight: 100;
    line-height: 1;
    letter-spacing: -4px;
}

.prime_support .inner .ps_box {
    position: relative;
    padding-bottom: 15px;
    height: 180px;
    box-sizing: border-box;
}

.prime_support .inner .ps_box .ps_text {
    padding-left: 146px;
    padding-top: 45px;
    line-height: 1;
    /* text-align: center; */
    background-color: rgb(255, 255, 255);
    border-radius: 30px;
    height: 170px;
    color: #070405;
}

.prime_support .inner .ps_box .ps_text span {
    display: block;
    padding-bottom: 10px;
    font-size: 25px;
    font-weight: lighter;
}

.prime_support .inner .ps_box .ps_text h3 {
    font-size: 40px;
    font-family: 'noto6';
    font-weight: 200;

}

.prime_support .inner .ps_box .numb {
    position: absolute;
    top: 26%;
    left: 4%;
    background: url('/_skin/tpl_skin/basic_identification/images/common/sprites_img.png') no-repeat -738px -38px;
    width: 67px;
    height: 67px;
}

.prime_support .inner .ps_box:nth-child(3) .numb {
    background-position: -738px -116px;
    width: 67px;
    height: 67px;
}

.prime_support .inner .ps_box:nth-child(4) .numb {
    background-position: -738px -195px;
    width: 67px;
    height: 67px;
}

.prime_support .inner .ps_box:nth-child(5) .numb {
    background-position: -738px -272px;
    width: 67px;
    height: 67px;
}

.prime_support .inner .ps_box:nth-child(6) .numb {
    background-position: -738px -348px;
    width: 67px;
    height: 67px;
}

.prime_support .inner .ps_box .imgess {
    position: absolute;
    top: 16%;
    left: 71%;
    background: url('/_skin/tpl_skin/basic_identification/images/common/sprites_img.png') no-repeat -455px -38px;
    width: 241px;
    height: 102px;
}

.prime_support .inner .ps_box:nth-child(3) .imgess {
    top: 4%;
    left: 76%;
    background-position: -513px -207px;
    width: 156px;
    height: 151px;
}

.prime_support .inner .ps_box:nth-child(4) .imgess {
    top: 13%;
    left: 75%;
    background-position: -498px -455px;
    width: 171px;
    height: 112px;
}

.prime_support .inner .ps_box:nth-child(5) .imgess {
    top: 13%;
    left: 72%;
    background-position: -14px -446px;
    width: 201px;
    height: 129px;
}

.prime_support .inner .ps_box:nth-child(6) .imgess {
    top: 16%;
    left: 76%;
    background-position: -261px -449px;
    width: 160px;
    height: 118px;
}

.applica .apply-title {
    background-color: #1c252b;
}

.applica .apply-item .apply-box .b-price {
    padding-left: 230px;
}

.prime_support .apply-area.type1 .apply-item .apply-box::before {
    height: 0;
}

.prime_support .apply-area.type1 .apply-item .apply-box .b-price {
    left: -36%;
    top: -76%;

}

.prime_support .apply-title {
    width: 215px;
    background-color: #a4a2a2;
    padding: 4px 26px;
    margin-top: 29px;
    border-radius: 30px;
    line-height: 330%;
    letter-spacing: -2.7px;
    font-family: 'noto3';
    font-weight: lighter;
    font-size: 18px;
    white-space: nowrap;
    color: rgb(255, 255, 255);
}

.ap_wrap .applica .apply-title {
    min-width: 1000px;
    background-color: #1c252b;
    padding: 65px;
    letter-spacing: -4.7px;
    font-size: 50px;
}

.ap_wrap .applica .apply-title span {
    display: inline-block;
    width: 215px;
    background-color: #fdd01d;
    border-radius: 30px;
    line-height: 165%;
    white-space: nowrap;
    letter-spacing: -2.7px;
    margin-right: 30px;
    font-family: 'noto6';
    font-weight: 100;
    font-size: 38px;
    color: #1e1f23;
}