@charset "UTF-8";

.screen_out {
    display: none;
}

.con {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.con .inner {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    text-align: center;
}

.con .title_wrap .top_txt {
    display: inline-block;
    margin-bottom: 18px;
    padding: 0 90px;
    background: linear-gradient(to right, rgba(255, 218, 235, 0), #ffdaeb, rgba(255, 218, 235, 0));
    font-family: 'noto5';
    font-size: 24px;
    letter-spacing: -0.04em;
    line-height: 62px;
}

.con .title_wrap .top_txt em {
    font-family: 'noto6';
    color: #6500ff;
}

.con .title_wrap p {
    font-family: 'noto4';
    font-size: 36px;
    letter-spacing: -0.045em;
    line-height: 1.6;
}

.con .title_wrap h3 {
    font-family: 'noto6';
    font-size: 50px;
    letter-spacing: -0.055em;
    line-height: 1;
}

/* 좌측 플로팅 배너 */
.floating_banners {
    position: fixed;
    top: 278px;
    left: 50px;
    z-index: 10;
}

.floating_banners .banner_anchor {
    position: relative;
}

.floating_banners .banner_anchor .btn_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.floating_banners .banner_anchor .btn_close {
    position: absolute;
    top: 26px;
    right: 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

/* top : s */
.top_cont {
    height: 920px;
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/top_bg.png') center no-repeat;
}

.top_cont .inner {
    height: 100%;
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/top_img.png') top -2px left 80px no-repeat;
}

.top_cont .floating_badge {
    position: absolute;
    top: 15%;
    left: 3px;
}

.top_cont .bullet {
    position: absolute;
    top: 35px;
    right: 49px;
    width: 219px;
    height: 243px;
    padding-top: 54px;
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/icon_img.png') center no-repeat;
    font-family: 'noto7';
    font-size: 45px;
    letter-spacing: -0.04em;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}

.top_cont .item_wrap {
    display: flex;
    gap: 25px;
}

.top_cont .item_wrap li {
    width: 350px;
    height: 226px;
    margin-top: 572px;
    border: 1px solid #ff87ba;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(255, 75, 153, 0.4);
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/top_off1.png') center no-repeat;
}

.top_cont .item_wrap li.item_1 {
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/top_off1.png') center no-repeat;
}

.top_cont .item_wrap li.item_2 {
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/top_off2.png') center no-repeat;
}

.top_cont .item_wrap li.item_3 {
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/top_off3.png') center no-repeat;
}

.top_cont .item_wrap li.on {
    background: #fff9d7 url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/top_on1.png') top 1px center no-repeat;
}

.top_cont .item_wrap li.item_1.on {
    background: #fff9d7 url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/top_on1.png') top 1px center no-repeat;
}

.top_cont .item_wrap li.item_2.on {
    background: #fff9d7 url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/top_on2.png') top 1px center no-repeat;
}

.top_cont .item_wrap li.item_3.on {
    background: #fff9d7 url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/top_on3.png') top 1px center no-repeat;
}

/* top : e */

/* 혜택 : s */
.bene_cont {
    height: 1380px;
    padding-top: 103px;
}

.bene_cont .title_wrap h3 {
    line-height: 1.2;
}

.bene_cont .big_bene_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
    margin-top: 46px;
}

.bene_cont .big_bene_wrap .big_bene {
    width: calc((100% - 16px) / 2);
    height: 226px;
    padding-top: 31px;
    padding-left: 29px;
    border: 1px solid #d7ca84;
    border-radius: 8px;
    box-sizing: border-box;
    background-color: #fff9d7;
    background-position: center right 20px;
    background-repeat: no-repeat;
    text-align: left;
    letter-spacing: -0.085rem;
}

.bene_cont .big_bene_wrap .big_bene_1 {
    background-position: center right 44px;
    background-image: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/benefit_1.png');
}

.bene_cont .big_bene_wrap .big_bene_2 {
    background-position: center right 38px;
    background-image: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/benefit_2.png');
}

.bene_cont .big_bene_wrap .big_bene p {
    font-family: 'noto5';
    font-size: 24px;
    line-height: 1;
}

.bene_cont .big_bene_wrap .big_bene strong {
    display: block;
    margin-top: 17px;
    font-family: 'noto7';
    font-size: 36px;
    line-height: 1.3;
    letter-spacing: -0.06em;
}

.bene_cont .big_bene_wrap .big_bene span {
    display: block;
    margin-top: 16px;
    font-family: 'noto4';
    font-size: 12px;
    line-height: 1;
    letter-spacing: -0.02rem;
    color: rgba(0, 0, 0, 0.5);
}

.bene_cont .bene_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 26px 22px;
    width: 100%;
    margin-top: 31px;
}

.bene_cont .bene_wrap .bene {
    position: relative;
    width: 352px;
    height: 346px;
    padding-top: 28px;
    border: 1px solid #b3b3b3;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #fff;
    background-position: bottom 20px center;
    background-repeat: no-repeat;
}

.bene_cont .bene_wrap .bene_1 {
    background-image: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/benefit_3.png');
    background-position: bottom 25px left 50%;
}

.bene_cont .bene_wrap .bene_2 {
    background-image: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/benefit_4.png');
    background-position: bottom 26px left 48%;
}

.bene_cont .bene_wrap .bene_3 {
    background-image: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/benefit_5.png');
    background-position: bottom 15px left 50%;
    background-size: 212px auto;
}

.bene_cont .bene_wrap .bene_4 {
    background-image: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/benefit_6.png');
    background-position: bottom 55px center;
}

.bene_cont .bene_wrap .bene_5 {
    background-image: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/benefit_7.png');
    background-position: bottom 31px left 55%;
}

.bene_cont .bene_wrap .bene_6 {
    background-image: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/benefit_8.png');
    background-position: bottom 33px center;
}

.bene_cont .bene_wrap .bene p {
    font-family: 'noto4';
    font-size: 22px;
    letter-spacing: -0.04em;
    line-height: 1;
}

.bene_cont .bene_wrap .bene strong {
    display: block;
    margin-top: 14px;
    font-family: 'noto7';
    font-size: 30px;
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.bene_cont .bene_wrap .bene span {
    position: absolute;
    bottom: 21px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'noto4';
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1;
    color: rgba(0, 0, 0, 0.5);
}

/* 혜택 : e */

/* plus : s */
.plus_cont {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -75px;
    height: 456px;
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/plus_bg.png') center no-repeat;
}

.plus_cont .inner {
    /* width: 1257px; */
    width: 1298px;
}

.plus_cont .plus_slide {
    position: relative;
    width: 100%;
    height: 384px;
    margin-top: 75px;
    overflow: hidden;
}

.plus_cont .plus_slide .swiper-slide img {
    width: 100%;
}

/* plus : e */

/* info : s */
.info_cont {
    padding: 118px 0 126px;
}

.info_cont .info_img {
    margin-top: 43px;
}

/* info : e */

/* 포인트 : s */
.point_cont {
    height: 600px;
    padding: 94px 0 120px;
    background: #f7f7f7;
}

.point_cont .title_wrap h3 {
    line-height: 1.2;
}

.point_cont .point_wrap {
    margin-top: 58px;
}

.point_cont .point_wrap .point {
    width: 100%;
    height: 215px;
    margin-bottom: 30px;
    padding: 55px 0 0 455px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #fff;
    background-position: bottom left 50px;
    background-repeat: no-repeat;
}

.point_cont .point_wrap .point:last-child {
    margin-bottom: 0;
}

.point_cont .point_wrap .point_1 {
    background-image: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/content_02_1.png');
}

.point_cont .point_wrap .point_2 {
    padding-top: 60px;
    background-image: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/content_02_2.png');
    background-size: 213px auto;
    background-position: bottom 1px left 116px;
}

.point_cont .point_wrap .point .txt_wrap li {
    margin-bottom: 18px;
    font-family: 'noto6';
    font-size: 20px;
    text-align: left;
    line-height: 1;
    letter-spacing: -0.04em;
}

.point_cont .point_wrap .point .txt_wrap li span {
    display: inline-block;
    margin-right: 15px;
    font-family: 'noto5';
    font-size: 20px;
    color: #808080;
}

.point_cont .point_wrap .point .txt_wrap li em {
    display: inline-block;
    position: relative;
    z-index: 1;
    color: #5500ff;
}

.point_cont .point_wrap .point .txt_wrap li em::before {
    clear: both;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    background: #fff1a4;
    z-index: -1;
}

/* 포인트 : e */

/* 한 방에 합격 가능 : s */
.pass_cont {
    height: 1186px;
    background: linear-gradient(to bottom, #eae1ff 858px, #fff 859px);
}

.pass_cont .inner {
    width: 1582px;
    height: 100%;
    padding-top: 108px;
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/content_04.png') top center no-repeat;
}

.pass_cont .title_wrap h3 {
    line-height: 1.3;
}

.pass_cont .pass_wrap {
    width: 100%;
    height: 465px;
    margin-top: 491px;
    padding-top: 142px;
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/bar.png') top center no-repeat;
}

.pass_cont .pass_wrap p {
    font-family: 'noto4';
    font-size: 28px;
    letter-spacing: -0.04em;
    line-height: 1.3;
    color: #fff;
}

.pass_cont .pass_wrap p span {
    font-family: 'noto6';
}

.pass_cont .pass_wrap p em {
    display: inline-block;
    margin-top: 10px;
    padding: 0 6px;
    background: #57069f;
    font-family: 'noto6';
    color: #fefcb2;
}

/* 한 방에 합격 가능 : e */

/* 교수 : s */
.professor_cont {
    height: 1337px;
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/tab_bg.png') bottom center no-repeat;
}

.professor_cont .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1400px;
}

.professor_cont .title_wrap h3 {
    color: #6500ff;
}

.professor_cont .professor_slide {
    position: relative;
    width: 100%;
    padding: 139px 0 0;
    overflow: hidden;
}

.professor_cont .professor_slide .swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 28px;
    top: 0;
    width: 100%;
    margin-top: 80px;
    z-index: 1;
}

.professor_cont .professor_slide .page_item {
    position: relative;
    width: 454px;
    height: 93px;
    border-radius: 90px;
    font-family: 'noto7';
    font-size: 34px;
    line-height: 1;
    letter-spacing: -0.025em;
    background: #34115b;
    text-indent: -113px;
    color: #87739d;
    cursor: pointer;
}

.professor_cont .professor_slide .page_item.is_active {
    background: #fffb63;
    color: #5302bb;
}

.professor_cont .professor_slide .page_item::after {
    clear: both;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 50px;
    width: 150px;
    height: 150px;
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/tab_off.png') bottom -50px left -337px no-repeat;
}

.professor_cont .professor_slide .page_item_1::after {
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/tab_off.png') bottom -50px left -337px no-repeat;
}

.professor_cont .professor_slide .page_item_1:hover::after,
.professor_cont .professor_slide .page_item_1.is_active::after {
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/tab_on.png') bottom -50px left -337px no-repeat;
}

.professor_cont .professor_slide .page_item_2::after {
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/tab_off.png') bottom -50px left -818px no-repeat;
}

.professor_cont .professor_slide .page_item_2:hover::after,
.professor_cont .professor_slide .page_item_2.is_active::after {
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/tab_on.png') bottom -50px left -818px no-repeat;
}

.professor_cont .professor_slide .swiper-slide {
    position: relative;
    width: 1400px;
    padding: 168px 0 0 150px;
    text-align: left;
    z-index: 1;
}

.professor_cont .professor_slide .swiper-slide::after {
    clear: both;
    content: '';
    display: block;
    position: absolute;
    bottom: -45px;
    right: 27px;
    width: 744px;
    height: 965px;
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/teacher_01.png') center no-repeat;
    z-index: -1;
}

.professor_cont .professor_slide .swiper-slide_1::after {
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/teacher_01.png') center bottom no-repeat;
}

.professor_cont .professor_slide .swiper-slide_2::after {
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/teacher_02.png') center bottom no-repeat;
}

.professor_cont .professor_slide .slide_badge {
    position: absolute;
    top: 332px;
    right: 0;
}

.professor_cont .professor_slide .slide_sub_title {
    line-height: 1.28;
    margin-bottom: 43px;
    color: #fff;
    font-family: 'noto4';
    font-size: 36px;
    letter-spacing: -0.025em;
}

.professor_cont .professor_slide .slide_sub_title em {
    display: block;
    font-family: 'noto6';
}

.professor_cont .professor_slide .slide_title {
    display: flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    font-family: 'noto4';
    font-size: 25px;
    letter-spacing: -0.025em;
    color: #ffde00;
}

.professor_cont .professor_slide .slide_title p,
.professor_cont .professor_slide .slide_title span {
    line-height: 1.1;
}

.professor_cont .professor_slide .slide_title span {
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 11px 0 12px;
    border-radius: 60px;
    background: #ffdb00;
}

.professor_cont .professor_slide .slide_name {
    display: block;
    line-height: 1.2;
    width: fit-content;
    margin: 11px 0 0;
    font-family: 'noto7';
    font-size: 55px;
    letter-spacing: -0.04em;
    color: #ffde00;
}

.professor_cont .professor_slide .slide_list {
    position: absolute;
    bottom: 141px;
    right: 151px;
    margin: 36px 0 0;
}

.professor_cont .professor_slide .slide_list li {
    line-height: 1.2;
    letter-spacing: -0.025em;
    color: #fff;
    font-size: 20px;
    font-family: 'noto5';
    text-align: right;
}

.professor_cont .professor_slide .slide_list li+li {
    margin: 6px 0 0;
}

.professor_cont .professor_slide .slide_list li::before {
    content: '·';
}

.professor_cont .professor_slide .slide_check {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 32px 0 0;
    gap: 11px;
}

.professor_cont .professor_slide .slide_check li {
    display: inline-flex;
    align-items: center;
    min-width: 430px;
    height: 49px;
    padding: 0 30px 0 56px;
    border: 2px solid #faf465;
    border-radius: 100px;
    letter-spacing: -0.025em;
    color: #fff;
    font-size: 24px;
    font-family: 'noto5';
    background: #25094f url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/chk_img.png') no-repeat 25px center;
}

.professor_cont .professor_slide .popupVideo {
    position: relative;
    width: 540px;
    height: 330px;
    margin: 55px 0 0 0;
    padding-bottom: 453px;
}

.professor_cont .professor_slide .popupVideo a {
    position: absolute;
    top: 0;
    left: 0;
    width: 539px;
    height: 330px;
}

.professor_cont .professor_slide .btn_video {
    display: block;
    margin: 61px 0 0;
    width: 539px;
}

.professor_cont .professor_slide .slide_review {
    display: flex;
    gap: 35px;
    margin: 50px 0 0;
}

.professor_cont .professor_slide .slide_review li {
    display: flex;
    align-items: center;
    width: 343px;
    height: 165px;
    padding: 6px 20px 0 148px;
    border-radius: 20px;
    word-break: keep-all;
    box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.25);
    background: #fff url('/_skin/tpl_skin/basic_sports_renew/images/cm_teacher/v2/reviewer_1.png') no-repeat 31px 31px;
}

.professor_cont .swiper-slide_1 .slide_review li:nth-child(1),
.professor_cont .swiper-slide_4 .slide_review li:nth-child(1) {
    background-image: url('/_skin/tpl_skin/basic_sports_renew/images/cm_teacher/v2/reviewer_1.png');
}

.professor_cont .swiper-slide_1 .slide_review li:nth-child(2),
.professor_cont .swiper-slide_4 .slide_review li:nth-child(2) {
    background-image: url('/_skin/tpl_skin/basic_sports_renew/images/cm_teacher/v2/reviewer_2.png');
}

.professor_cont .swiper-slide_1 .slide_review li:nth-child(3),
.professor_cont .swiper-slide_4 .slide_review li:nth-child(3) {
    background-image: url('/_skin/tpl_skin/basic_sports_renew/images/cm_teacher/v2/reviewer_3.png');
}

.professor_cont .swiper-slide_2 .slide_review li:nth-child(1),
.professor_cont .swiper-slide_5 .slide_review li:nth-child(1),
.professor_cont .swiper-slide_7 .slide_review li:nth-child(1) {
    background-image: url('/_skin/tpl_skin/basic_sports_renew/images/cm_teacher/v2/reviewer_4.png');
}

.professor_cont .swiper-slide_2 .slide_review li:nth-child(2),
.professor_cont .swiper-slide_5 .slide_review li:nth-child(2),
.professor_cont .swiper-slide_7 .slide_review li:nth-child(2) {
    background-image: url('/_skin/tpl_skin/basic_sports_renew/images/cm_teacher/v2/reviewer_5.png');
}

.professor_cont .swiper-slide_2 .slide_review li:nth-child(3),
.professor_cont .swiper-slide_5 .slide_review li:nth-child(3),
.professor_cont .swiper-slide_7 .slide_review li:nth-child(3) {
    background-image: url('/_skin/tpl_skin/basic_sports_renew/images/cm_teacher/v2/reviewer_6.png');
}

.professor_cont .swiper-slide_3 .slide_review li:nth-child(1),
.professor_cont .swiper-slide_6 .slide_review li:nth-child(1) {
    background-image: url('/_skin/tpl_skin/basic_sports_renew/images/cm_teacher/v2/reviewer_7.png');
}

.professor_cont .swiper-slide_3 .slide_review li:nth-child(2),
.professor_cont .swiper-slide_6 .slide_review li:nth-child(2) {
    background-image: url('/_skin/tpl_skin/basic_sports_renew/images/cm_teacher/v2/reviewer_8.png');
}

.professor_cont .swiper-slide_3 .slide_review li:nth-child(3),
.professor_cont .swiper-slide_6 .slide_review li:nth-child(3) {
    background-image: url('/_skin/tpl_skin/basic_sports_renew/images/cm_teacher/v2/reviewer_5.png');
}

.professor_cont .professor_slide .slide_review p {
    word-break: keep-all;
    line-height: 1.45;
    letter-spacing: -0.045em;
    font-size: 20px;
    font-family: 'noto4';
}

.professor_cont .professor_slide .slide_review em {
    color: #0054ff;
    font-family: 'noto6';
}

/* 교수 : e */

/* 커리큘럼 : s */
.curri_cont {
    padding: 120px 0;
    background: #f7f7f7;
}

.curri_cont .title_wrap h3 {
    color: #6500ff;
}

.curri_cont .table_wrap {
    margin: 53px auto 0;
    width: 1100px;
}

.curri_cont .table_wrap table {
    width: 100%;
    border: 1px solid #000;
    background: #ffffff;
}

.curri_cont .table_wrap .table_1 {
    margin-bottom: 30px;
}

.curri_cont .table_wrap th,
.curri_cont .table_wrap td {
    border: 1px solid #000;
    text-align: center;
}

.curri_cont .table_wrap th:not(:last-child),
.curri_cont .table_wrap td:not(:last-child) {
    border-right: 1px solid #dce3dc;
}

.curri_cont .table_wrap th:not(:first-child) {
    border-bottom: 1px dashed #000;
}

.curri_cont .table_wrap th {
    padding: 15px 0 12px;
    background: #ff73ab;
    font-size: 14px;
    font-family: 'noto5';
    font-weight: 100;
    color: #fff;
}

.curri_cont .table_wrap .table_2 th {
    background: #905ff2;
}

.curri_cont .table_wrap th:first-child {
    border: 2px solid #cccccc;
    box-sizing: border-box;
    background: #f2f2f2;
    font-family: 'noto7';
    font-size: 20px;
    letter-spacing: -0.065em;
    color: #4d4d4d;
}

.curri_cont .table_wrap th b {
    display: inline-block;
    font-size: 22px;
    font-family: 'noto7';
    margin-top: -6px;
}

.curri_cont .table_wrap td {
    padding-top: 46px;
    border-top: 0;
    color: #020202;
    font-size: 18px;
    vertical-align: top;
}

.curri_cont .table_wrap td.bg_only {
    padding-top: 28px;
}

.curri_cont .table_wrap td b {
    font-family: 'noto6';
    font-size: 20px;
}

.curri_cont .table_wrap td .bg-red,
.curri_cont .table_wrap td .bg-yellow {
    margin-top: 32px;
    padding: 4px 0;
    background: #fa4444;
    font-family: 'noto6';
    font-size: 18px;
    color: #fff;
}

.curri_cont .table_wrap td .bg-yellow {
    background: #f6ce3e;
}

/* 커리큘럼 : e */

/* 모의고사 : s */
.mock_cont {
    padding: 0 0 120px;
    background: #f7f7f7;
}

.mock_cont .title_wrap h3 {
    color: #6500ff;
}

.mock_cont .mock_img {
    margin: 47px 0 0 -78px;
}

/* 모의고사 : e */

/* 도서 : s */
.book_wrap .title_wrap h3 {
    color: #6500ff;
}

.book_slide_tab a {
    position: absolute;
    display: block;
    width: 179px;
    height: 65px;
}

.book_slide_tab .bb_img.on {
    display: block;
    z-index: 8;
}

.book_slide_tab .bb_img {
    position: relative;
    display: none;
    z-index: 5;
}

.bb1 {
    top: 0;
    right: 23px;
    z-index: 10;
}

.bb2 {
    top: 67px;
    right: 24px;
    z-index: 10;
}

.bb3 {
    top: 128px;
    right: 24px;
    z-index: 10;
}

.book_slide_tab>ul>li {
    position: absolute;
    right: -145px;
    top: 311px;
}

.book_slide_tab {
    margin-top: 50px;
}

.book_slide_tab .tab_cont {
    text-align: right;
}

.book_wrap .inner {
    position: relative;
}

.book_wrap .titleArea {
    margin-bottom: 135px;
}

.book_wrap {
    position: relative;
    padding: 120px 0 122px;
}

.book_wrap .bk_main_img {
    position: absolute;
    left: -43.5%;
    top: 20.3%;
}

.book_wrap .bk_blet {
    position: absolute;
    left: 0.2%;
    top: 53.2%;
    z-index: 2;
}

.book_wrap .explain {
    text-align: right;
}

.book_wrap .bk_intro {
    margin-top: 133px;
}

.book_wrap .book_page_plag {
    background: none;
    border: none;
    width: 348px;
    height: 192px;
    bottom: 24%;
}

.book_wrap .onetwo_step {
    left: 34%;
}

.book_wrap .one_step {
    left: 69%;
}

.book_wrap .book_hugi_slide {
    position: relative;
    height: 298px;
    border-top: 1px solid #cacaca;
    margin-top: 130px;
}

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

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

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

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

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

.book_wrap .book_hugi_slide .review_txt {
    font-size: 18px;
    font-family: 'noto4';
    line-height: 140%;
    letter-spacing: -0.5px;
    color: #6f6f6f;
}

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

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

.book_wrap .book_hugi_slide .book_hugi_nav {
    margin: 45px auto 0;
    height: 76px;
}

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

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

.book_wrap .div-table {
    display: table;
    margin: 45px 0 0px 50px;
    width: 100%;
}

.book_wrap .div-table .imoti {
    width: 5%;
    display: table-cell;
    vertical-align: middle;
}

.book_wrap .div-table .pdl50 {
    display: table-cell;
}

/* 도서 : e */

/* 하단 혜택 : s */
.bottom_bene_cont {
    height: 1254px;
    padding: 120px 0 0;
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/benefit_bg.png') center no-repeat;
}

.bottom_bene_cont .title_wrap .top_txt {
    background: linear-gradient(to right, rgba(255, 285, 218, 0), #ffb9da, rgba(255, 285, 218, 0));
}

.bottom_bene_cont .title_wrap h3 {
    color: #5500ff;
}

.bottom_bene_cont .bene_wrap {
    margin-top: 53px;
}

.bottom_bene_cont .bene_wrap ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.bottom_bene_cont .bene_wrap ul li {
    position: relative;
    width: 540px;
    height: 228px;
    padding: 50px 0 0 30px;
    border: 1px solid #f495ca;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center right 30px;
}

.bottom_bene_cont .bene_wrap ul li.bene_1 {
    background-position: center right 40px;
    background-image: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/benefit_6.png');
}

.bottom_bene_cont .bene_wrap ul li.bene_2 {
    background-position: top 39px right 10px;
    background-image: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/benefit_7.png');
}

.bottom_bene_cont .bene_wrap ul li.bene_3 {
    background-image: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/benefit_9.png');
}

.bottom_bene_cont .bene_wrap ul li.bene_4 {
    background-position: top 55px right 30px;
    background-image: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/benefit_8.png');
}

.bottom_bene_cont .bene_wrap ul li p {
    font-family: 'noto4';
    font-size: 28px;
    letter-spacing: -0.05em;
    line-height: 1;
    text-align: left;
}

.bottom_bene_cont .bene_wrap ul li h3 {
    margin-top: 10px;
    font-family: 'noto6';
    font-size: 36px;
    letter-spacing: -0.05em;
    line-height: 1.2;
    text-align: left;
    color: #5500ff;
}

.bottom_bene_cont .bene_wrap ul li span {
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-family: 'noto3';
    font-size: 12px;
    letter-spacing: -0.04em;
    line-height: 1;
    color: rgba(0, 0, 0, 0.5);
}

.bottom_bene_cont .bene_img {
    position: relative;
    margin-top: -26px;
    margin-left: -18px;
    z-index: 1;
}

/* 하단 혜택 : e */

/* 하단 리뷰 : s */
.review_cont {
    padding: 106px 0 120px;
    overflow: hidden;
}

.review_cont .title_wrap h3 {
    line-height: 1.2;
    color: #6500ff;
}

.review_cont .review_slide {
    position: relative;
    width: 100%;
    height: 510px;
    margin-top: 58px;
    margin-left: -137px;
}

.review_cont .review_slide .swiper-slide {
    width: 662px;
    height: 434px;
}

.review_cont .review_slide .swiper-slide.video_slide {
    width: 867px;
}

.review_cont .review_slide .swiper-slide .popupVideo {
    position: relative;
    width: 100%;
    height: 100%;
}

.review_cont .review_slide .swiper-slide .popupVideo a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.review_cont .review_slide .swiper-pagination {
    left: 136px;
    bottom: 3px;
}

.review_cont .review_slide .swiper-pagination .swiper-pagination-bullet {
    width: 24px;
    height: 24px;
    margin: 0 5px;
    border: 0;
    border-radius: 50%;
    background: #cccccc;
    opacity: 1;
}

.review_cont .review_slide .swiper-pagination .swiper-pagination-bullet-active {
    width: 55px;
    height: 24px;
    border-radius: 24px;
    background: #6500ff;
}

/* 하단 리뷰 : e */

/* 시작 : s */
.start_cont {
    height: 732px;
    background: url('/_skin/tpl_skin/basic_tax_accountant/images/apply/refund/sidea_bg.png') no-repeat center top;
}

.start_cont .inner {
    padding: 135px 0 0;
}

.start_cont .main_title {
    position: relative;
    width: 100%;
    text-align: center;
}

.start_cont .main_title p {
    line-height: 1.2;
    letter-spacing: -0.035em;
    color: #fff;
    font-size: 50px;
    font-family: 'noto4';
}

.start_cont .main_title h3 {
    margin-top: 9px;
    line-height: 1.3;
    letter-spacing: -0.035em;
    font-size: 50px;
    font-family: 'noto7';
    color: #40f37e;
}

.start_cont .start_list {
    display: flex;
    flex-wrap: wrap;
    gap: 17px 15px;
    width: 100%;
    margin: 86px 0 0 10px;
}

.start_cont .start_list .list_item {
    position: relative;
    width: 215px;
    height: 129px;
    padding: 18px 0 0;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -0.03em;
    color: #fff;
    font-size: 21px;
    background: url('/_skin/tpl_skin/basic_tax_accountant/images/apply/refund/sidea_box.png') no-repeat 0 0;
}

.start_cont .start_list .list_item:nth-child(n + 5) {
    left: 90px;
}

.start_cont .start_list .list_item em {
    font-family: 'noto6';
}

/* 시작 : e */

/* 하단 띠배너 */
.bottom_fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.bottom_fixed .inner {
    position: relative;
    width: 1232px;
    height: 84px;
    margin: 0 auto;
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/hwan/v2/bottom_bn.png') center no-repeat;
}

.bottom_fixed .inner>* {
    font-size: 0;
}

.bottom_fixed .inner a {
    position: absolute;
    display: block;
    right: 118px;
    bottom: 18px;
    width: 137px;
    height: 48px;
    font-size: 0;
}

.bottom_fixed.sticky-bottom {
    position: static;
    margin-top: -124px;
}