@charset "UTF-8";

.apply {
    width: 100%;
    overflow-x: hidden;
}

.div-table {
    display: table;
}

.div-table>.imoti,
.div-table>.pdl50 {
    display: table-cell;
    vertical-align: middle;
}

.tv_inner {
    width: 1154px;
    margin: 0 auto;
    position: relative;
}

.apply .con {
    width: 100%;
    margin: 0 auto;
}

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

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

.apply.doublePass .con .inner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    color: #000;
}

/* .div-table > *{
	display:table-cell;
	vertical-align:center;
} */
/* lifetime pass -- S */
.top_visual {
    position: relative;
    width: 100%;
    background: url('/_skin/tpl_skin/basic_fire_manager_new/images/apply/lifetime/top.png') no-repeat center top,
        url('/_skin/tpl_skin/basic_fire_manager_new/images/apply/lifetime/top_bg.png') no-repeat center 107%;
    padding: 364px 0 145px 0;
}

.top_visual .profit {
    position: relative;
}

.top_visual .t_bene {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 284px;
    margin-top: 440px;
    padding: 0px 0 9px 80px;
    box-sizing: border-box;
    background: url('/_skin/tpl_skin/basic_fire_manager_new/images/apply/lifetime/top_benefit_box.png') no-repeat center;
}

.top_visual .t_bene>.t_bene_t {
    line-height: 1.5;
    font-size: 32px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.top_visual .t_bene_t>span {
    display: block;
    letter-spacing: -2.5px;
}

.top_visual .t_bene_t>.txt1:first-child {
    font-weight: 500;
    font-size: 33px;
    color: #dfcfb5;
}

.top_visual .t_bene_t>.txt2:nth-child(2) {
    font-family: 'noto6';
    font-size: 41px;
    color: #f8ecc4;
}

.top_visual .t_bene>.t_bene_t>.txt2>strong {
    color: #e9ce49;
}

.top_visual .t_bene_t>.txt3 {
    line-height: 1.4;
    margin-top: 4px;
    letter-spacing: -1.7px;
    font-size: 22px;
    color: #fbf2cb;
}

.top_visual .t_bene>.t_bene_t_img {
    -webkit-box-flex: 0.63;
    -ms-flex: 0.63;
    flex: 0.63;
}

.top_visual .t_bene_bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 14px;
}

.top_visual .t_bene_bottom>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 49%;
    height: 175px;
    background-color: #4e403f;
    margin-bottom: 20px;
    padding: 0 0 0 50px;
    box-sizing: border-box;
    box-shadow: 10px 19px 25px rgb(0 0 0 / 10%);
    border: 1px solid #4e403f;
    border-radius: 30px;
}

.top_visual .t_bene_bottom .btm_lt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.top_visual .t_bene_bottom .btm_lt>span {
    display: block;
}

.top_visual .t_bene_bottom .btm_lt>.txt1 {
    line-height: 1.4;
    letter-spacing: -1.7px;
    font-size: 22px;
    color: #fbf2cb;
}

.top_visual .t_bene_bottom .btm_lt>.txt2 {
    line-height: 1.2;
    font-family: 'noto6';
    font-size: 31px;
    font-weight: 900;
    color: #fbf2cb;
}

.top_visual .t_bene_bottom .btm_rt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.top_visual .t_bene_bottom .spci1 {
    padding: 10px 0 0 10px;
}

.top_visual .t_bene_bottom .spci2 {
    padding: 13px 0 0 36px;
}

.top_visual .t_bene_bottom .spci3 {
    /*padding: 27px 0 0 0;*/
    padding: 20px 0 0 50px;
}

.plus {
    background: linear-gradient(to right, #d32d2d, #d32d2d);
    color: #18191a;
    position: relative;
}

/* 코딩 + 이미지 */
/* .plus:before{
    content: "+";
    border-radius: 50%;
    font-size:30px;
    width:80px;
    height:80px;
    line-height:65px;
    font-size:60px;
    position:absolute;
    text-align: center;
    font-family:'noto6';
    left:50%;
    top:-30px;
    margin:0 0 0 -40px;
    background:#5a3cf4;
    color:#000;
} */
.plus::after {
    position: absolute;
    display: block;
    width: 123px;
    height: 123px;
    background: url('/_skin/tpl_skin/basic_fire_manager_new/images/apply/lifetime/top_plus.png') 35px 39px no-repeat #d32d2d;
    content: '';
    border-radius: 50%;
    top: -58px;
    left: calc(50% - 61.5px);
}

.plus .inner {
    text-align: left;
    padding: 55px 0 0;
}

.plus .title {
    position: relative;
    padding: 0 0 35px;
    margin: 0 0 20px;
    letter-spacing: -2px;
    line-height: 110%;
    font-size: 50px;
}

.plus .title span {
    color: #fff;
}

.plus .title .bord {
    position: relative;
    color: #59f7e0;
    font-weight: 900;
}

.plus .title::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 27px;
    width: 378px;
    height: 26px;
    background: #3926a6;
}

.plus p {
    font-size: 30px;
    line-height: 140%;
    color: #b6c3ff;
    letter-spacing: -1.7px;
}

.quest {
    background-color: #dcdbd6;
    padding: 160px 0 127px 0;
}

.quest>.inner>div {
    margin: 0 -37px;
}

.atoz {
    padding: 170px 0 0 0;
}

.atoz .video_box {
    position: absolute;
    left: 0;
    top: 498px;
    width: 850px;
    height: 484px;
}

.atoz .video_box .layer {
    height: 100%;
    font-size: 0;
    width: 100%;
}

.atoz .video_box .start_video {
    height: 100%;
    margin-left: 5px;
    display: block;
    cursor: pointer;
}

.teachers {
    background-color: #e4e4e4;
    padding: 165px 0 0 0;
}

.teachers .tit {
    text-align: center;
}

.teachers .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.teachers .box1 {
    margin-top: 135px;
}

.teachers .box>.explain {
    padding-top: 35px;
}

.teachers .box>.explain>.ex_txt {
    line-height: 1;
    padding: 37px 0 0 35px;
}

.teachers .box .ex_txt>h2 {
    font-family: 'noto5';
    font-size: 51px;
    letter-spacing: -3.7px;
}

.teachers .box .ex_txt>p {
    margin-top: 15px;
    font-size: 18px;
    font-family: 'noto3';
    line-height: 160%;
}

.teachers .box2>.explain {
    padding-top: 61px;
}

.teachers .box2>.sample {
    top: -176px;
    padding: 0 62px;
}

.teachers .sample {
    position: relative;
}

.teachers .t_sample {
    position: absolute;
    display: inline-block;
    height: auto;
}

.teachers .box1 .t_sample1 {
    left: 218px;
    top: 468px;
    margin-right: 15px;
}

.teachers .box2 .t_sample2 {
    left: 58px;
    top: 453px;
    margin-right: 15px;
}

.teachers .t_sample a {
    display: block;
    width: 100%;
    height: 100%;
}

.curri_q {
    background: url('/_skin/tpl_skin/basic_fire_manager_new/images/apply/lifetime/curri_bg.png') no-repeat 30% 22%;
    padding: 165px 0 140px 0;
}

.curri_q .img_txt_box {
    position: relative;
}

.curri_q .bord_img {
    margin: 0 -23px;
}

.curri_q .cu_tit {
    text-align: center;
    margin-bottom: 120px;
}

.curri_q .cu_box {
    position: absolute;
    top: 0;
    left: -7px;
    display: flex;
    width: 1114px;
    height: 100%;
    line-height: 1;
    flex-wrap: wrap;
    text-align: center;
}

.curri_q .cu_box>li {
    flex: 25%;
    padding-top: 60px;
}

.curri_q .cu_box>li>p {
    margin-bottom: 13px;
    letter-spacing: -1.7px;
    font-size: 33px;
    font-family: 'noto6';
}

.curri_q .cu_box>li>span {
    line-height: 1.4;
    letter-spacing: -1.5px;
    font-size: 22px;
    /* font-weight: bolder; */
}

.plus2 {
    background-color: #f3453c;
    color: #18191a;
    position: relative;
    padding: 30px 0;
}

/* 코딩 + 이미지 */
/* .plus:before{
    content: "+";
    border-radius: 50%;
    font-size:30px;
    width:80px;
    height:80px;
    line-height:65px;
    font-size:60px;
    position:absolute;
    text-align: center;
    font-family:'noto6';
    left:50%;
    top:-30px;
    margin:0 0 0 -40px;
    background:#5a3cf4;
    color:#000;
} */
.plus2::after {
    position: absolute;
    display: block;
    width: 123px;
    height: 123px;
    background: url('/_skin/tpl_skin/basic_fire_manager_new/images/apply/lifetime/top_plus.png') 35px 35px no-repeat #f3453c;
    content: '';
    border-radius: 50%;
    top: -58px;
    left: calc(50% - 61.5px);
}

.plus2>.inner {
    text-align: left;
    padding: 43px 0 4px;
}

.plus2>.inner>div {
    margin: 0 -24px;
}

.plus2 .title {
    position: relative;
    padding: 0 0 35px;
    margin: 0 0 20px;
    letter-spacing: -2px;
    line-height: 110%;
    font-size: 50px;
}

.plus2 .title span {
    color: #fff;
}

.plus2 .title .bord {
    position: relative;
    color: #59f7e0;
    font-weight: 900;
}

.plus2 .title::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 27px;
    width: 378px;
    height: 26px;
    background: #3926a6;
}

.plus2 p {
    font-size: 30px;
    line-height: 140%;
    color: #b6c3ff;
    letter-spacing: -1.7px;
}

.book {
    padding: 220px 0 200px 0;
}

.book .b_title {
    position: relative;
}

.book .b_title .img_trophy {
    position: absolute;
    bottom: -1px;
    right: 102px;
}

.book .bookpage_slide {
    position: static;
    width: 1112px;
    height: 950px;
    padding: 0px 8px;
    box-sizing: border-box;
    margin: 129px 2px 0 -12px;
}

.book .bookpage_slide .btn_arrow {
    position: absolute;
    z-index: 4;
    width: 47px;
    height: 48px;
    cursor: pointer;
    top: 58.5%;

    /* background: url('/_skin/tpl_skin/basic_labor_new/images/apply/master_v2/btn.png') no-repeat; */
}

.book .bookpage_slide .btn_arrow>span {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    background-color: #e4e4e4;
    z-index: -1;
}

.book .bookpage_slide .btn_arrow.btn_prev {
    left: -50px;
}

.book .bookpage_slide .btn_arrow.btn_prev>span {
    top: -10px;
    left: -13px;
}

.book .bookpage_slide .btn_arrow.btn_next {
    right: -55px;
}

.book .bookpage_slide .btn_arrow.btn_next>span {
    top: -10px;
    left: -18px;
}

.book .book_hugi_slide {
    position: relative;
    height: 320px;
    border-top: 1px solid #cacaca;
}

.book .book_hugi_slide::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    bottom: 90px;
    left: 0;
    content: '';
    background: #cacaca;
}

.book .book_hugi_slide .swiper-wrapper {
    height: 226px;
    box-sizing: border-box;
    color: #4a4a4a;
}

.book .book_hugi_slide .review_tit {
    font-size: 25px;
    margin: 10px 0 16px;
    line-height: 100%;
    font-family: 'noto5';
    font-weight: 900;
    letter-spacing: -1px;
    color: #050505;
}

.book .book_hugi_slide .writer {
    margin-right: 15px;
    letter-spacing: -0.7px;
    font-family: 'noto5';
    font-size: 17px;
    color: #727272;
}

.book .book_hugi_slide .star {
    vertical-align: top;
}

.book .book_hugi_slide .review_txt {
    font-size: 19px;
    font-family: 'noto2';
    line-height: 140%;
    letter-spacing: -1px;
    color: #6d6d6d;
}

.book .book_hugi_slide .underline {
    position: relative;
    font-family: 'noto6';
}

.book .book_hugi_slide .underline::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    background: #bbf6fa;
    content: '';
    z-index: -1;
}

.book .book_hugi_slide .book_hugi_nav {
    text-align: center;
    margin: 56px auto 0;
}

.book .book_hugi_slide .book_hugi_nav span {
    width: 26px;
    height: 26px;
    margin-right: 16px;
    border-radius: 13px;
    background: #d6d6d6;
    border: none;
    transition: all 0.5s;
}

.book .book_hugi_slide .book_hugi_nav span.swiper-pagination-bullet-active {
    width: 58px;
    background: #f5363d;
}

.book .div-table {
    display: table;
    margin: 49px 0 0px 51px;
    width: 100%;
    /* height: 100%; */
}

.book .div-table .imoti {
    width: 5%;
}

.profft {
    padding: 162px 0 125px 0;
    background-color: #f0f0f0;
}

.profft>.inner>div {
    margin: 0 -36px;
}

.benefit_wrap {
    padding: 180px 0 77px 0;
}

.benefit_wrap .b_bene_title {
    margin: 0 0 87px 0;
    text-align: center;
}

.benefit_wrap .b_bene_top {
    position: relative;
    width: 100%;
}

.benefit_wrap .bene_top_img {
    margin: 0 -27px;
}

.benefit_wrap .b_bene_top>.box_top {
    position: absolute;
    top: 34px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.benefit_wrap .box_top .bw_tit {
    padding: 0px 54px;
    letter-spacing: -0.7px;
    line-height: 1;
}

.benefit_wrap .box_top .bw_rt {
    flex: 0.955;
}

.benefit_wrap .bw_tit>span {
    display: block;
}

.benefit_wrap .bw_tit>.txt1 {
    line-height: 1.75;
    font-family: 'noto6';
    font-size: 41px;
    color: #fac448;
}

.benefit_wrap .bw_tit>.txt2 {
    margin: 12px 0;
    letter-spacing: -1px;
    font-size: 27px;
    color: #a8a296;
}

.benefit_wrap .b_bene_conts {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 43px;
}

.benefit_wrap .b_bene_conts>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 48.7%;
    border: 2px solid #000;
    border-radius: 30px;
    margin-bottom: 20px;
}

.benefit_wrap .b_bene_conts>li>.b_bene_img {
    padding: 23px 24px 20px 20px;
}

.benefit_wrap .b_bene_conts>li>.bw_txt {
    -webkit-box-flex: 0.999;
    -ms-flex: 0.999;
    flex: 0.999;
}

.benefit_wrap .bw_txt>.txt {
    letter-spacing: -0.7px;
    line-height: 1.5;
    font-size: 24px;
}

.benefit_wrap .bw_txt>.txt>strong {
    font-family: 'noto6';
    font-size: 29px;
    letter-spacing: -1.5px;
    color: #000000;
}

.benefit_wrap .bw_txt .btn-halbu {
    /* display:inline-block; */
    padding: 6px 0px 2px 16px;
    margin: 14px 0 0px 4px;
    border-radius: 10px;
    background: #000;
    color: #fff;
    font-size: 17px;
    line-height: 122%;
    display: block;
    width: 105px;
    height: 33px;
}

/* lifetime pass -- E */