@charset "UTF-8";

.blind {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}

.con {
    width: 100%;
    overflow:hidden;
    line-height: 1;
    letter-spacing: -1.2px;
    color:#000000;
}
.con b{
    font-family:'noto7';
}
.inner {
    position: relative;
    display:flex;
    flex-direction:column;
    justify-content: start;
    align-items: center;
    width: 1100px;
    margin: 0 auto;
}


/*하단 타이머*/
.bottmo_fix_banner {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 1100px;
    height: 70px;
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid #000000;
    border-radius: 10px;
    z-index: var(--z-index-banner-banner, 100);
}

.banner_contain {
    position: relative;
    width: 100%;
    height: 100%;
}

.banner_contain:before {
    position: absolute;
    display: block;
    width: 0;
    height: 100%;
    content: '';
    background: #fff93d;
    border-radius: 10px;
    animation: loading 3s linear infinite;
    z-index: -1;
}

@keyframes loading {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}
@keyframes flipInX {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.spacial_date_area {
    position: absolute;
    top: -50%;
    left: 64px;
    padding: 7px 19px;
    background: #ff0000;
    border: 2px solid #000;
    border-radius: 25px;
    transform: translateY(9px);
    color: #ffffff;
    text-align: center;
    font-size: 19px;
    font-family: 'noto6';
}

.banner_content {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 15px;
}

.banner_text_area {
    padding-top: 5px;
}

.banner_text_area .benefit_explan h1 {
    font-size: 22px;
    font-family: 'noto6';
    letter-spacing: -1.2px;
}

.banner_timer_area .cpassTimer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 45px;
    font-size: 37px;
    font-family: 'noto6';
}

.banner_timer_area .cpassTimer li {
    position: relative;
    color: #ff0000;
    font-family: 'noto7';
}

.banner_timer_area .cpassTimer li::after {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    letter-spacing: -0.08em;
    color: #000;
    font-size: 37px;
    font-family: 'noto4';
}

.banner_timer_area .cpassTimer .day::after {
    content: '일';
}

.banner_timer_area .cpassTimer .hour::after {
    content: '시';
}

.banner_timer_area .cpassTimer .min::after {
    content: '분';
}

.banner_timer_area .cpassTimer .sec::after {
    content: '초';
}

.banner_btn_area .btn_scroll {
    padding: 12px 60px;
    background: #000000;
    border-radius: 10px;
    font-size: 19px;
    font-family: 'noto6';
    color: #ffffff;
}

/*왼쪽 배너*/
.sidePlag{
    position:fixed;
    display:grid;
    grid-template-rows:auto;
    justify-content:center;
    align-items:start;
    z-index: var(--z-index-sticky-banner, 100);
    left:5%;
    top:50%;
    padding: 12px 0;
    transform:translateY(-50%);
    width:200px;
    height:246px;
    background:url(
    '/_skin/tpl_skin/basic_diet_new/images/apply/c_pass/right_pop.png')center no-repeat;
}
.sideplag .btn_play_close{
    position:absolute;
    display:block;
    width:20px;
    height:20px;
    right: 7px;
    top: 10px;
    cursor: pointer;
}
.sidePlag span{
    display:inline-block;
    padding:8px 17px;
    border-radius:20px;
    background:linear-gradient(to bottom , #fff47e ,#ffe27e);
    font-size:18px;
    font-family:'noto5';
    line-height:1;
}
.sidePlag p{
    margin:14px auto 15px;
    font-size:23px;
    color:#ffffff;
    line-height:1.2;
    font-family:'noto4';
    letter-spacing:-1.2px;
}
.sidePlag p> b{
    color:#fff77e;
    font-family:'noto6';
}


/* 합격 후기 배너 */
.cpass_wrap .pass_review_wrap {
    height: 156px;
    padding: 30px 0 28px;
    box-sizing: border-box;
    background: #26211e url('/_skin/tpl_skin/basic_kumgo_renewal2/images/apply/life_time/top_bar_bg.png') top center no-repeat;
}

.cpass_wrap .pass_review_wrap .pass_review_slide {
    height: 98px;
    overflow: hidden;
}

.cpass_wrap .pass_review_wrap .pass_review_slide .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: -0.035em;
    color: #c5ab8f;
    font-size: 18px;
    font-family: 'noto3';
    transition: 0.3s;
}

.cpass_wrap .pass_review_wrap .pass_review_slide .swiper-slide.swiper-slide-active {
    font-family: 'noto6';
    font-size: 26.77px;
    color: #ffddb4;
}

.cpass_wrap .pass_review_wrap .pass_review_slide .swiper-slide.swiper-slide-active::before {
    content: '';
    display: inline-block;
    width: 56px;
    height: 48px;
    margin-right: 22px;
    background: url('/_skin/tpl_skin/basic_electricity5/images/refund_renew/v2/top_hugi_icon.png') no-repeat 0 bottom;
}

.cpass_wrap .pass_review_wrap .pass_review_slide .swiper-slide p {
    line-height: 1;
    margin-right: 10px;
}

.con_title{
    font-size: 40px;
    text-align: center;
    font-family: 'noto4';
    color:#000000;
    line-height: 1.3;
}
.con_title .title_num{
    display:flex;
    padding:13px 0 0 25px;
    margin:0 auto;
    width:128px;
    height:77px;
    background:url('/_skin/tpl_skin/basic_diet_new/images/apply/c_pass/tit_num.png')center no-repeat;
     font-size:26px;
    color:#f6ce3e;
    font-family:'noto7';
}

.con_title > h4{
    font-family: 'noto7';
}
/*top*/
.top_visual{
    padding: 68px 0 18px;
    background:url('/_skin/tpl_skin/basic_diet_new/images/apply/c_pass/top_bg.png') center top no-repeat #f0923a;
}
.top_visual .top_ment{
    margin:0 auto;
    text-align:center;
    font-size:30px;
    color:#824832;
    font-family:'noto6';
}
.top_visual .top_ment > em{
    display: inline-block;
    margin: 8px 0 0;
    color:#8e2108;
    line-height: 1;
    font-family: 'noto7';
}
.top_visual .top_ment > i{
    display:inline-block;
    margin-top:12px;
    font-size:15px;
    font-family:'noto2';
    font-style:normal;
    color:#000000;
    opacity:0.4;
}
.top_visual .cpass_tit > h4{
    margin:42px auto 0;
    font-size:78px;
    color:#ffffff;
    line-height:1;
    font-family:'noto5';
    text-align:center;
    letter-spacing:-1.7px
}
.top_visual .cpass_tit > .title_img {
    margin-top:30px;
    animation-duration: .7s;
    opacity: 0;
}
.top_visual .cpass_tit > .title_img.is_active{
    animation-name: flipInX;
    opacity: 1;
}
.top_visual .top_img{
    margin: 27px 0 0 -81px;
    width: 1278px;
    display: block;
}

/*benefit*/
.benefit_con{
    padding:151px 0 146px;
    background:linear-gradient(to bottom, #f1f5fd , #dde7fe);
}
.benefit_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    gap: 44px 24px;
    width:100%;
    margin-top: 67px;
}
.benefit_list .full_item {
    grid-column: 1 / -1;
    grid-row: 1;
    padding: 35px 48px 56px;
    border-radius: 20px;
    background: url('/_skin/tpl_skin/basic_diet_new/images/apply/c_pass/benefit_1.png')#ffe58a no-repeat right 95px center;
    border:2px solid #ffd16d;
}
.benefit_list .full_item > span{
    display:inline-block;
    padding:10px 23px;
    margin-bottom:17px;
    background:#ff3600;
    border-radius:20px;
    font-size:20px;
    color:#ffffff;
    line-height:1;
    letter-spacing:-1.2px;
    font-family:"noto4";
}
.benefit_list .full_item p{
    font-size:36px;
    display: block;
    position: relative;
}
.benefit_list .half_item {
    border-radius: 16px;    
    padding: 50px 44px;
    font-size:28px;
    line-height: 1.3;
}
.benefit_list .half_item_1{
    background: url('/_skin/tpl_skin/basic_diet_new/images/apply/c_pass/benefit_2.png')#ffffff no-repeat right 49px center;
}
.benefit_list .half_item_2{
    background: url('/_skin/tpl_skin/basic_diet_new/images/apply/c_pass/benefit_3.png')#ffffff no-repeat right 29px center;
}
.benefit_list .half_item_3{
    background: url('/_skin/tpl_skin/basic_diet_new/images/apply/c_pass/benefit__4.png')#ffffff no-repeat right 82px center;
}
.benefit_list .half_item_4{
    background: url('/_skin/tpl_skin/basic_diet_new/images/apply/c_pass/benefit_5.png')#ffffff no-repeat right 39px center;
}

/*가격단*/
.introduce_con{
    padding:163px 0 156px;
}
.product_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 57px 66px;
    margin-top: 59px;
    border: 4px solid #000;
    border-radius: 30px;
    background: #fff;
}
.product_explan {
    flex: 1;
}
.product_explan h3 {
    margin: 0 0 18px;
    font-size: 48px;
    font-family:'noto7';
    line-height:1.3;
    letter-spacing: -2px;
}
.product_explan h3 > em {
    color: #ff3838;    
}
.product_explan p {
    margin: -6px 0 0;
    line-height:1.5;
    font-size: 20px;
    font-family:"noto4";
}
.product_price {
    position: relative;
    width: 475px;
    flex-shrink: 0;
    padding-left: 120px;
    box-sizing: border-box;
}
.product_price > span {
    position: absolute;
    top: -22px;
    left: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    padding: 20px;
    background: url('/_skin/tpl_skin/basic_diet_new/images/apply/c_pass/discount_bg.png') no-repeat center / contain;
    color: #fff;
    font-size: 31px;
    font-family:'noto6';
    line-height: 1.15;
    text-align: center;
}
.product_price > span  > em{
    font-size:21px;
}
.price_area {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 23px;
}
.price_area .o_price {
    font-size: 23px;
    font-weight: 500;
    color: #8e8e8e;
    text-decoration: line-through;
    line-height: 1.2;
    letter-spacing:-0.1px
}
.price_area .rel_price {
    margin-top: 6px;
    font-size: 56px;
    font-family:"noto7";
    font-weight:100;
    color: #ff2a2a;
    line-height: 1;
    letter-spacing: -2px;
}
.product_price .go_apply{
    display: block;
    width: 100%;
    height: 70px;
    border: 0;
    border-radius: 40px;
    background: #000;
    color: #fff;
    font-size: 28px;
    font-family:"noto5";
    letter-spacing: -1px;
    cursor: pointer;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
}
.all_pass_bn{
    width:100%;
    margin:32px auto 0;
    padding:13px 39px 13px 67px;
    border-radius:12px;
    background:linear-gradient(to right , #00017a , #0613a1, #0613a4);
}
.all_pass_bn a{
    display:flex;
    justify-content: start;
    align-items:center;
    width:100%;
    gap: 25px;
}
.all_pass_bn a b{
    font-size:29px;
    color:#ffffff;
    font-family:'noto6';
    font-weight:100;
}
.all_pass_bn .scroll_btn{
    margin-left:auto;
    padding:14px 31px;
    border-radius:7px;
    background:#ffc107;
    font-size:20px;
    font-family:'noto7';
}

/*추천*/
.recommend_con{
    padding:129px 0 149px;
    background:#fcf5d9;
}
.worry_item{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    width:100%;
    margin:71px 0 0;
    gap:29px;
    text-align:center;
}
.worry_item .reference_layer{
    position: relative;
    height:425px;
    padding:48px 0 0 0;
    margin-bottom: 50px;
}
.worry_item .reference_layer:after{
    position:absolute;
    display:block;
    width:7px;
    height:49px;
    left:50%;
    bottom: -40px;
    content:'';
    background:url('/_skin/tpl_skin/basic_diet_new/images/apply/c_pass/dot_img.png')center no-repeat;
    transform: translateX(-50%);
}
.worry_item .worry_item_1 .reference_layer{
    background:url('/_skin/tpl_skin/basic_diet_new/images/apply/c_pass/con3_img1.png')center top no-repeat;
}
.worry_item .worry_item_2 .reference_layer{
    background:url('/_skin/tpl_skin/basic_diet_new/images/apply/c_pass/con3_img2.png')center top no-repeat;
}
.worry_item .worry_item_3 .reference_layer{
    background:url('/_skin/tpl_skin/basic_diet_new/images/apply/c_pass/con3_img3.png')center top no-repeat;
}
.worry_item .reference_layer .topic{
    padding: 7px 23px;
    background:#ff3600;
    border-radius:30px;
    color:#ffffff;
    font-size:20px;
    font-family:'noto5';
    line-height:1;
}
.worry_item .reference_layer .description{
     margin-top:27px;
    font-size:30px;
    font-family:'noto4';
    line-height:1.3;
}
.worry_item .reference_layer .description b{
    background:linear-gradient(to top , #ffedac 50% , transparent 50%)
}
.worry_item .add_layer {
    padding:38px 0;
    border-radius:25px;
    background:linear-gradient(to right, #ffdf96 , #ffd16d);
    box-shadow:13px 13px 16px rgba(0,0,0,0.2);
    font-size:24px;
    font-family:'noto6';
}
.bridge{
    background; 
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -9px;
}

/*teacher*/
.teacher_con {
    padding: 77px 0 109px;
    background: url('/_skin/tpl_skin/basic_diet_new/images/apply/allclass/v3/teacher_bg.png') top 79% right 18% no-repeat, linear-gradient(to bottom, #fff 456px, #ffebd5 372px);
}
.teacher_con .main_title img {
    display: block;
    margin: 0 auto;
}
.teacher_con .professor_slide {
    width:100%;
    margin-top: 70px;
    padding-top:80px;
    overflow:hidden;
}
.teacher_menu {
    display: flex;
    width:100%;
    gap: 24px;
    width: 100%;
}
.teacher_menu li {
    position: relative;
    display: block;
    width: 50%;
    height: 95px;
    margin-right: 4px;
    border-radius: 150px;
    background: #95897c;
    padding: 19px 0 0 150px;
    cursor: pointer;
}
.teacher_menu li.is_active {
    background: #ff3600;
}
.teacher_menu li p {
    position: relative;
    z-index: 1;
    color: #c1b6aa;
    font-size: 18px;
    font-family: 'noto4';
    line-height: 1.2;
    letter-spacing: -0.065em;
    text-align: left;
}
.teacher_menu li.is_active p {
    color: #ffffff;
}
.teacher_menu li p b {
    font-family: 'noto6';
    font-size: 28px;
}
.teacher_menu li p:after {
    position: absolute;
    display: block;
    content: '';
    width: 114px;
    height: 125px;
    top: -53px;
    left: -132px;
    background: url('/_skin/tpl_skin/basic_diet_new/images/apply/allclass/v3/tab_teacher_off.png');
    background-repeat: no-repeat;
    background-size: 859px 124px;
}
.teacher_menu li.is_active p:after {
    background: url('/_skin/tpl_skin/basic_diet_new/images/apply/allclass/v3/tab_teacher.png');
    background-repeat: no-repeat;
}
.teacher_menu li.menu1 p:after {
    background-position: 2px 4px;
}
.teacher_menu li.menu2 p:after {
    background-position: -375px 4px;
}
.teacher_menu li.menu3 p:after {
    background-position: -747px 4px;
}
.tab-teacher {
    width: 1100px;
    height: 746px;
    padding: 52px 0 0 0;
    text-align: left;
}
.tab-teacher p {
    margin: 71px 0 41px 15px;
    font-size: 34px;
    font-family: 'noto6';
    color: #ff6840;
    line-height: 100%;
    font-weight: 1;
    letter-spacing: -0.065em;
}
.tab-teacher span {
    display: block;
    margin-left: 15px;
    font-size: 34px;
    font-family: 'noto6';
    color: #ffffff;
    line-height: 100%;
    font-weight: 1;
}
.tab-teacher h1 {
    margin: 12px 0 0 18px;
    font-size: 53px;
    line-height: 100%;
    color: #0049bf;
    font-family: 'noto7';
    letter-spacing: -1.7px;
}
.tab-teacher span {
    display: block;
    font-size: 23px;
    font-family: 'noto4';
    letter-spacing: -0.055em;
    line-height: 1.2;
    color: #0049bf;
}
.tab-teacher ul {
    position:absolute;
    right:0;
    bottom: 60px;
}
.tab-teacher ul li {
    font-family: 'noto3';
    font-size: 20px;
    letter-spacing: -0.055em;
    line-height: 1.8;
    color: #ffffff;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.88);
}
.tab-teacher .video_box {
    position: relative;
    width: 528px;
    height: 323px;
    margin-top: 41px;
    margin-left: 7px;
}
.tab-teacher .video_box span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.teacher1 {
    background: url('/_skin/tpl_skin/basic_diet_new/images/apply/allclass/v3/teacher_01.png') right 4px top 103px no-repeat;
}
.teacher2 {
    background: url('/_skin/tpl_skin/basic_diet_new/images/apply/allclass/v3/teacher_02.png') right -14px top 74px no-repeat;
}
.teacher3 {
    background: url('/_skin/tpl_skin/basic_diet_new/images/apply/allclass/v3/teacher_03.png') right 61px top 90px no-repeat;
}

/*도서*/
.book_con{
    padding:150px 0 110px;
}
.book_con .book_img{
    margin:-100px 0 0 270px;
}
.book_con .book_feature{
    position:absolute;    
    padding:23px 53px;
    background:linear-gradient(126deg, #5e6be4 , #8490ff);
    box-shadow:14px 14px 32px rgba(0,0,0,0.32);
    text-align:center;
    font-size:24px;
    font-family:'noto6';
    font-weight:100;
    color:#ffffff;
    line-height:1.25;    
    opacity: 0;
    transform: translate3d(0, -100%, 0);
}
.book_con .feature_1{
    top: 469px;
    left:97px;
    border-radius:15px 15px 0 15px;
}
.book_con .feature_2{
    top: 509px;
    right:97px;
    border-radius:15px 15px 15px 0;
}
.book_con .feature_3{
    top: 795px;
    left: 196px;
    border-radius: 15px 0 15px 15px;
}
.book_con.is_active .feature_1{
    animation: fadeInDown .75s  forwards;

}
.book_con.is_active .feature_2{
    animation: fadeInDown .75s 0.7s forwards;
    
}
.book_con.is_active .feature_3{
    animation: fadeInDown .75s 1.4s forwards;
    
}
.book_ad{
    display:grid;
    align-items: center;
    justify-content: start;
    width:100%;
    height:162px;
    padding: 23px 0 22px 371px;
    margin-bottom: 136px;
    margin-top: -150px;
    gap: 6px;
    background:url('/_skin/tpl_skin/basic_diet_new/images/apply/c_pass/book_bn.png')center no-repeat;
}
.book_ad p{
    font-size:34px;
    color:#ffffff;
    font-family:'noto6';
    line-height: 1.2;
}
.book_ad p > em{
    font:inherit;
    color:#ffe869;
}
.book_ad span{
    font-size:11px;
    color:#ffffff;
    opacity:0.3;
    line-height:1.25;
    font-family: 'noto2';
    font-weight: 100;
}
.btn-book-view{
    display:flex;
    justify-content:center;
    align-items:center;
    width:202px;
    height:52px;
    margin-bottom: 20px;
    background:linear-gradient(29deg , #ffd21f, #ffe375);
    border:1px solid #ebbf12;
    border-radius:8px;
    font-size:23px;
    font-family:'noto6';
    cursor: default;
}
.book_con .book_area {
    overflow: hidden;
    padding: 153px 0 120px;
}
.book_con .img_book .evidence_area {
    position: absolute;
    top: 905px !important;
    left: 876px !important;
}

.book_con .img_book .evidence_btn {
    height: 32px !important;
    padding: 0 19px !important;
    opacity: 0;
}

.book_con .img_book .book_img {
    margin-left: 180px;
}
.book_con .book_area .book_video {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 189px;
}
.book_con .btn_arrow {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    z-index: 4;
    cursor: pointer;
}
.book_con .bookreview_slide .btn_arrow {
    bottom: 120px;
}
.book_con .page_slide .btn_arrow {
    bottom: 397px;
}
.book_con .btn_arrow.btn_prev {
    background: url('/_skin/tpl_skin/basic_fire_system/images/apply_2/silgi/arrow_l.png') no-repeat 47% center #ececec;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    left: -125px;
}
.book_con .btn_arrow.btn_next {
    background: url('/_skin/tpl_skin/basic_fire_system/images/apply_2/silgi/arrow_r.png') no-repeat 55% center #ececec;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    right: -125px;
}

/*커리큘럼*/
.curri_con{
    padding:108px 0 152px;
    background:#fff7e9;
}
.curri_area {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    position: relative;
    width: 100%;
    padding: 57px 40px;
    margin-top:73px;
    box-sizing: border-box;
    background: #ffecd8;
    border-radius: 25px;
}
.curri_step {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.curri_step:after{
    position:absolute;
    display:block;
    width:63px;
    height:9px;
    content:'';
    right: -46px;
    top:50%;
    background:url('/_skin/tpl_skin/basic_diet_new/images/apply/c_pass/dot_img2.png') center no-repeat;
}
.curri_step:last-child:after{
    display:none;
}
.curri_step h6 {
    margin: 0 0 15px;
    color: #c95b3d;
    font-size: 30px;
    font-family: 'noto7';
    letter-spacing: -1.7px;
    font-weight:100;
    animation: curriTextColor 3s infinite;
}
.curri_area.is_active .curri_step:nth-child(1) h6 {
    animation-delay: 0s;
}

.curri_area.is_active .curri_step:nth-child(2) h6 {
    animation-delay: 1s;
}

.curri_area.is_active .curri_step:nth-child(3) h6 {
    animation-delay: 2s;
}
@keyframes curriTextColor {
    0%,
    10% {
        color: #c95b3d;
    }

    15%,
    30% {
        color: #ff3600;
    }

    35%,
    100% {
        color: #c95b3d;
    }
}

.curri_step p {
    font-size: 22px;
    line-height: 1.3;
    font-family:'noto4';
    font-weight:100;
}
.curri_rel {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
    padding-bottom: 30px;
    margin-top: 34px;
}
.curri_rel > div {
    display: grid;
    grid-template-columns: 1fr 190px;
    align-items: center;
    min-height: 138px;
    padding: 20px 30px;
    box-sizing: border-box;
    border-radius: 16px;
    background: linear-gradient(to right , #ffdf95, #ffe376);
    box-shadow: 0 13px 16px rgba(0, 0, 0, .2);
}
.curri_rel > div:nth-child(2){
    background: linear-gradient(to right , #ffdf95, #ffe376);
}
.curri_rel > div h6 {
    margin: 0 0 21px;
    color: #ff3600;
    font-size: 33px;
    font-family:'noto7';
}
.curri_rel > div p {
    font-size: 27px;
    line-height: 1.25;
}
.curri_rel > div img{
     justify-self: end;
}

/*자격증 정보*/
.lec_intro {
    position: relative;
    overflow: hidden;
    height: 1612px;
    padding-top: 167px;
    background: #fff;
}
.lec_intro .inner {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.lec_intro .video_slide {
    position: relative;
    width: 1200px;
    height: 657px;
    margin: 54px 0 0 48px;
    overflow: hidden;
}
.lec_intro .video_slide .swiper-wrapper {
    height: 619px;
}
.lec_intro .video_slide .swiper-slide {
    position: relative;
    width: 1100px;
}
.lec_intro .video_slide .video_box_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 1100px;
    height: 100%;
}
.lec_intro .video_slide .video_box_wrap button,
.lec_intro .video_slide .video_box_wrap iframe {
    display: block;
    width: 100%;
    height: 100%;
}
.lec_intro .video_slide .video_box_wrap button {
    background: url('/_skin/tpl_skin/basic_diet_new/images/apply/allclass/v3/play_btn.png') top 55% center no-repeat;
}
.lec_intro .video_slide .swiper-slide-shadow-left,
.lec_intro .video_slide .swiper-slide-shadow-right {
    backdrop-filter: blur(26px);
}
.lec_intro .video_slide .swiper-pagination {
    position: static;
    width: 1100px;
    margin-top: 24px;
}
.lec_intro .video_slide .swiper-pagination {
    background: #e4e4e4;
}
.lec_intro .video_slide .swiper-pagination .swiper-pagination-progressbar-fill {
    background: #666;
}
.lec_intro .img_item {
    display: block;
    margin: 48px auto 0;
}
.feed_slide_wrap {
    padding-top: 42px;
}
.page_slide {
    position: relative;
    height: 835px;
    width: 100%;
}
.page_intro {
    position: static;
}
.page_intro .swiper-wrapper {
    height: 768px;
}
.page_intro .swiper-pagination-bullets {
    bottom: 0;
}
.page_intro .swiper-pagination-bullet {
    width: 22px;
    height: 22px;
    background: #cecece;
}
.page_intro .swiper-pagination-bullet-active {
    background: #ff5d68;
}

/*리뷰*/
.review_area {
    height: 863px;
    padding-top: 148px;
    box-sizing: border-box;
    background: #3e2e27;
    overflow: hidden;
}
.review_area .inner{
    display:block;
}
.review_area .main_title p {
    font-family: 'noto6';
    font-size: 32px;
    letter-spacing: -0.065em;
    text-align: center;
    line-height: 1;
    text-indent: -20px;
    color: #ff714b;
}
.review_area .main_title h3 {
    margin-top: 15px;
    font-family: 'noto7';
    font-size: 52px;
    letter-spacing: -0.045em;
    text-align: center;
    line-height: 1.3;
    color: #fff;
    transform: translateX(-17px);
}
.review_area .reviews_slide {
    margin: 58px 0 0;
    height: 472px;
}
.review_area .reviews_slide {
    margin: 58px 0 0;
    height: 472px;
}
.review_area .reviews_slide .swiper-slide {
    width: 601px;
    height: 361px;
    overflow: hidden;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}
.review_area .reviews_slide .swiper-slide-active,
.review_area .reviews_slide .swiper-slide-next {
    opacity: 1;
}
.review_area .reviews_slide .swiper-slide img {
    position: relative;
}


/*시작영역*/
.start_cont .main_title {
    position: relative;
    width: 100%;
    text-align: center;
}
.start_cont .evidence_area {
    position: absolute;
    top: 98px;
    right: 65px;
}
.start_cont .evidence_btn {
    width: 82px;
    height: 28px;
    letter-spacing: -0.03em;
    border-color: #1e8c84;
    color: #1e8c84;
    font-size: 15px;
    font-family: 'noto4';
    background-color: #243c3c;
}