@charset "UTF-8";
/* 상단 배너 */
.content_top_banner {
    display: none;
    position: relative;
    width: 100%;
    background: #ff4747;
    z-index: 1;
    cursor: pointer;
}

.content_top_banner .main_inner {
    padding: 5.733vw 0 6.533vw;
    text-align: center;
}

.content_top_banner .banner_title {
    line-height: 1.35;
    color: #fff;
    font-size: 6.667vw;
    letter-spacing: -0.08em;
    font-family: 'market-b';
}

.content_top_banner .banner_title em {
    display: inline-block;
    line-height: 1;
    padding: 1.2vw 0.8vw 0.267vw 0.533vw;
    background: #000;
}

.content_top_banner .banner_btn {
    display: inline-block;
    position: relative;
    width: 53.333vw;
    height: 9.333vw;
    line-height: 9.733vw;
    margin: 3.067vw auto 0;
    padding: 0 1.867vw 0 2.4vw;
    border-radius: 1.6vw;
    border: 2px solid #fff;
    letter-spacing: -0.08em;
    color: #fff;
    font-size: 4.533vw;
    font-family: 'market-m';
}

.content_top_banner .banner_btn span {
    display: inline-block;
    position: relative;
    left: -0.933vw;
    margin-left: 0.933vw;
}

/* 수강신청 */
/* 공통 : s */
.screen_out {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
}

.cat_main_cont {
    position: relative;
    width: 100vw;
    font-family: 'noto4';
}

.cat_main_cont button {
    background: transparent;
    vertical-align: bottom;
}

.cat_main_cont li {
    float: none;
}

.cat_main_cont .screen_out {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
}

.cat_main_cont .main_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin: 0 auto;
}

.cat_main_cont .main_title {
    text-align: center;
}

.cat_main_cont .main_title p {
    line-height: 1.2;
    letter-spacing: -0.025em;
    font-size: 4.267vw;
    font-family: 'noto6';
}

.cat_main_cont .main_title h3 {
    display: block;
    margin: 1.333vw 0 0;
    line-height: 1.2;
    letter-spacing: -0.025em;
    font-size: 5.733vw;
    font-family: 'noto7';
}

@keyframes pointerBounceDiagonal {
    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-1.242vw, -1.242vw);
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes blink {
    0%,
    100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

.professor_cont .professor_slide {
    position: relative;
    width: 100vw;
}

.professor_cont .professor_slide .swiper-pagination {
    display: flex;
    gap: 0;
    width: 100%;
    position: static;
}

.professor_cont .professor_slide .page_item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 9vw;
    color: #a3a6b3;
    background: #5d6477;
}
.professor_cont .professor_slide .page_item.is_active {
    color: #000;
    background: #fd7d12;
}
.professor_cont .professor_slide .page_item + .page_item {
    border-left: 1px solid #a09da6;
}
.professor_cont .professor_slide .page_item p,
.professor_cont .professor_slide .page_item strong {
    position: relative;
    z-index: 2;
}
.professor_cont .professor_slide .page_item p {
    font-family: 'noto5';
    font-size: 2.133vw;
    letter-spacing: -0.065em;
}
.professor_cont .professor_slide .page_item strong {
    display: block;
    line-height: 1.2;
    font-family: 'noto6';
    font-weight: normal;
    font-size: 3.2vw;
    letter-spacing: -0.065em;
}
.professor_cont .professor_slide .swiper-slide {
    position: relative;
    width: 100%;
    padding: 12.8vw 5.6vw 18.8vw;
    text-align: left;
    background: #171d2a;
    overflow: hidden;
    z-index: 1;
}
.professor_cont .professor_slide .swiper-slide::after {
    clear: both;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -10.667vw;
    width: 66.933vw;
    height: 106.667vw;
    background: url('/_skin/tpl_skin/basic_youth_counselor3/img/chungsang3level_new/v2/teacher_1.png') no-repeat center;
    background-size: contain;
    z-index: -1;
}
.professor_cont .professor_slide .swiper-slide_1::after {
    background-image: url('/_skin/tpl_skin/basic_youth_counselor3/img/chungsang3level_new/v2/teacher_01.png');
    background-position: center top 6.667vw;
    background-size: 51.467vw auto;
}
.professor_cont .professor_slide .swiper-slide_2::after {
    background-image: url('/_skin/tpl_skin/basic_youth_counselor3/img/chungsang3level_new/v2/teacher_02.png');
    background-position: center top 6.667vw;
    background-size: 51.467vw auto;
}
.professor_cont .professor_slide .swiper-slide_3::after {
    background-image: url('/_skin/tpl_skin/basic_youth_counselor3/img/chungsang3level_new/v2/teacher_03.png');
    background-size: 51.467vw auto;
    background-position: center top 6.667vw;
}
.professor_cont .professor_slide .swiper-slide_4::after {
    background-image: url('/_skin/tpl_skin/basic_youth_counselor3/img/chungsang3level_new/v2/teacher_04.png');
    background-position: center top 6.667vw;
    background-size: 51.467vw auto;
}
.professor_cont .professor_slide .swiper-slide_5::after {
    background-image: url('/_skin/tpl_skin/basic_youth_counselor3/img/chungsang3level_new/v2/teacher_05.png');
    background-position: center top 6.667vw;
    background-size: 51.467vw auto;
}
.professor_cont .professor_slide .swiper-slide_6::after {
    background-image: url('/_skin/tpl_skin/basic_youth_counselor3/img/chungsang3level_new/v2/teacher_06.png');
    background-position: center top 6.667vw;
    background-size: 51.467vw auto;
}
.professor_cont .professor_slide .slide_badge {
    position: absolute;
    top: 7.733vw;
    right: 1.667vw;
    width: 20.933vw;
}
.professor_cont .professor_slide .slide_badge img {
    width: 100%;
}
.professor_cont .professor_slide .slide_sub_title {
    max-width: 60vw;
    line-height: 1.45;
    margin-bottom: 3.6vw;
    letter-spacing: -0.025em;
    word-break: keep-all;
    color: #fff;
    font-size: 4vw;
    font-family: 'noto4';
}
.professor_cont .professor_slide .slide_title {
    width: fit-content;
    line-height: 1.2;
    letter-spacing: -0.025em;
    font-family: 'noto4';
    font-size: 3.333vw;
    background: linear-gradient(110deg, #fff8de, #ffc700 70%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.professor_cont .professor_slide .slide_name {
    display: block;
    line-height: 1.2;
    margin: 0.8vw 0 0;
    letter-spacing: -0.025em;
    font-family: 'noto7';
    font-size: 7.2vw;
    background: linear-gradient(110deg, #fff8de, #ffc700 70%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.professor_cont .professor_slide .slide_list {
    margin: 4.667vw 0 0;
}
.professor_cont .professor_slide .slide_list li {
    line-height: 1.2;
    letter-spacing: -0.035em;
    color: #fff;
    font-size: 2.533vw;
    font-family: 'noto4';
}
.professor_cont .professor_slide .slide_list li + li {
    margin: 0.533vw 0 0;
}
.professor_cont .professor_slide .slide_check {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 4.267vw 0 0;
    gap: 1.467vw;
}
.professor_cont .professor_slide .slide_check li {
    display: inline-flex;
    align-items: center;
    min-width: 54.933vw;
    height: 6.4vw;
    padding: 0 4vw 0 7.467vw;
    border: 1px solid #00834a;
    border-radius: 13.333vw;
    letter-spacing: -0.065em;
    color: #fff;
    font-size: 3.2vw;
    font-family: 'noto5';
    background: #2b3e3e url('/_skin/tpl_skin/basic_tax_accountant/images/apply/refund/teacher_check.png') no-repeat 3.333vw center / 2.133vw auto;
}
.professor_cont .professor_slide .video_wrap {
    width: 100%;
    margin-top: 7.2vw;
    width: 71.869vw;
}

.professor_cont .professor_slide .btn_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.professor_cont .professor_slide .btn_video img {
    width: 100%;
}

.professor_cont .main_tab_wrap {
    margin: 5.2vw 0 0;
    width: 71.867vw;
}

.professor_cont .main_tab_wrap .tab_menu {
    display: flex;
    justify-content: center;
    gap: 2vw;
    width: 100%;
    border-bottom: 2px solid #fd7d12;
}

.professor_cont .main_tab_wrap .tab_menu li {
    width: 100%;
}

.professor_cont .main_tab_wrap .tab_menu button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 7.2vw;
    letter-spacing: -0.065em;
    color: rgba(255, 255, 255, 0.4);
    font-size: 2.8vw;
    font-family: 'noto6';
    background: #000;
}

.professor_cont .main_tab_wrap .tab_menu button.is_active {
    color: #fff;
    background: #fd7d12;
}

.professor_cont .main_tab_wrap .tab_content {
    display: none;
    position: relative;
    width: 71.867vw;
}

.professor_cont .main_tab_wrap .tab_content.is_active {
    display: block;
}

.professor_cont .main_tab_wrap .popupVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.professor_cont .main_tab_wrap .popupVideo a {
    display: block;
    width: 100%;
    height: 100%;
}

.cat_main_cont .swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 4vw;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.cat_main_cont .swiper-pagination .swiper-pagination-bullet {
    width: 4vw;
    height: 4vw;
    margin: 0;
    border-radius: 50%;
    background: #bababa;
    opacity: 1;
}

.cat_main_cont .swiper-pagination .swiper-pagination-bullet-active {
    background: #f6ce41;
}

/* 공통 : e */

/* 상품 */
.product_cont {
    padding: 20.133vw 0 20vw;
}

.product_cont .product_img {
    width: 88vw;
}

.product_cont .product_banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 30.267vw;
    left: 6vw;
    width: 88vw;
    height: 28.667vw;
}

.product_cont .product_banner .btn_go {
    display: block;
    width: 100%;
    height: 100%;
}

.product_cont .product_list {
    display: flex;
    flex-direction: column;
    gap: 6.667vw;
    width: 88vw;
    margin: 6.267vw 0 0;
}

.product_cont .product_list .list_item {
    position: relative;
    width: 100%;
    padding: 0 0 8.4vw;
    border-radius: 5.333vw;
    background: #f8ffcb;
}

.product_cont .product_list .list_item:nth-of-type(2) {
    background: #dcefff;
}

.product_cont .product_list .item_top_contents {
    padding: 5.6vw 5.2vw 0vw 5.867vw;
    border-radius: 5.333vw 5.333vw 0 0;
}

.product_cont .product_list .item_detail {
    flex: 1 1 auto;
}

.product_cont .product_list .item_tags {
    display: flex;
    gap: 2vw;
}

.product_cont .product_list .item_tags li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.6vw;
    padding: 0 4.267vw;
    border: 0.4vw solid #000;
    border-radius: 5.6vw;
    letter-spacing: -0.02em;
    font-size: 3.2vw;
    font-family: 'noto6';
    background: #ffbc1c;
}

.product_cont .product_list .item_tags .tag_point {
    background: #ff9046;
    /* animation: blink 1s infinite; */
}

.product_cont .product_list .list_item:nth-of-type(2) .item_tags li {
    background: #99bdff;
}

.product_cont .product_list .item_title {
    display: block;
    line-height: 1.3;
    margin: 2.4vw 0 0;
    letter-spacing: -0.02em;
    font-size: 6.533vw;
    font-family: 'noto7';
}

.product_cont .product_list .item_title em {
    color: #e40d44;
}

.product_cont .product_list .item_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8vw;
    margin: 2.4vw 0 0;
}

.product_cont .product_list .item_list li {
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-size: 2.667vw;
    font-family: 'noto5';
}

/* .product_cont .product_list .item_list li::before {
	content: '·';
	margin: 0 0.533vw 0 0;
} */

.product_cont .product_list .item_list li em {
    color: #bf1919;
}

.product_cont .product_list .item_price {
    display: flex;
    position: relative;
    margin: -7.6vw 0 0;
}

.product_cont .product_list .price_wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 0.667vw;
    width: 100%;
}

.product_cont .product_list .price_origin {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.067vw;
    color: #000;
}

.product_cont .product_list .origin_tag {
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-size: 2.484vw;
    font-family: 'noto6';
}

.product_cont .product_list .origin_num {
    color: #8e8e8e;
    line-height: 1.2;
    letter-spacing: -0.05em;
    text-decoration: line-through;
    text-decoration-thickness: 0.267vw;
    font-size: 2.667vw;
    font-family: 'noto6';
}

.product_cont .product_list .price_total {
    line-height: 1.2;
    margin: 0 0 0 1.067vw;
    letter-spacing: -0.02em;
    font-size: 7.333vw;
    font-family: 'noto7';
}

.product_cont .product_list .price_total span {
    font: inherit;
    font-size: 6.667vw;
}

.product_cont .product_list .price_badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 24.4vw;
    right: -1.867vw;
    width: 14.933vw;
    height: 14.8vw;
    padding: 0 0 0.667vw;
    border-radius: 50%;
    text-align: center;
    background: url('/_skin/tpl_skin/basic_kumgo_renewal2/images/apply/completion/price_bullet.png') no-repeat 0 0 / contain;
}

.product_cont .product_list .price_badge p {
    line-height: 1.15;
    letter-spacing: -0.025em;
    color: #fff;
    font-size: 2.933vw;
    font-family: 'noto6';
}

.product_cont .product_list .price_badge span {
    color: #fff;
    font-size: 2.933vw;
    font-family: 'noto7';
}

.product_cont .product_list .item_benefits {
    display: flex;
    justify-content: center;
    gap: 2vw;
    width: 100%;
    margin: 2.533vw 0 0;
}

.product_cont .product_list .item_benefits li {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    width: 24.4vw;
    height: 24.267vw;
    padding: 10.667vw 0 0;
    border-radius: 1.333vw;
    text-align: center;
    letter-spacing: -0.02em;
    font-size: 2.484vw;
    font-family: 'noto5';
}

.product_cont .product_list .item_benefits li:nth-child(1) {
    background: #fff url('/_skin/tpl_skin/basic_youth_counselor3/img/all/price_benefit_1.png') no-repeat center top 3.733vw / 14vw auto;
}

.product_cont .product_list .item_benefits li:nth-child(2) {
    background: #fff url('/_skin/tpl_skin/basic_youth_counselor3/img/all/price_benefit_2.png') no-repeat center top 3.6vw / 11.2vw auto;
}

.product_cont .product_list .item_benefits li:nth-child(3) {
    background: #fff url('/_skin/tpl_skin/basic_youth_counselor3/img/all/price_benefit_3.png') no-repeat center top 4.533vw / 10.4vw auto;
}

.product_cont .product_list .list_item:nth-of-type(2) .item_benefits li:nth-child(1) {
    background: #fff url('/_skin/tpl_skin/basic_youth_counselor3/img/all/price_benefit_3.png') no-repeat center top 4.133vw / 10.4vw auto;
}

.product_cont .product_list .list_item:nth-of-type(2) .item_benefits li:nth-child(2) {
    background: #fff url('/_skin/tpl_skin/basic_youth_counselor3/img/all/price_benefit_1.png') no-repeat center top 3.467vw / 14vw auto;
}

.product_cont .product_list .list_item:nth-of-type(2) .item_benefits li:nth-child(3) {
    background: #fff url('/_skin/tpl_skin/basic_youth_counselor3/img/all/price_benefit_4.png') no-repeat center top 4.267vw / 10.533vw auto;
}

.product_cont .product_list .item_list li.type_point {
    box-shadow: inset 0 -1.333vw 0 #ffda22;
}

.product_cont .product_list .btn_scroll {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 66.667vw;
    height: 9.2vw;
    margin: 5.333vw auto 0;
    line-height: 1.2;
    border-radius: 9.2vw;
    letter-spacing: -0.02em;
    color: #fff;
    font-size: 3.733vw;
    font-family: 'noto6';
    background: #000;
    box-shadow: 0vw 1.333vw 2.667vw 0vw rgba(49, 49, 49, 0.38);
}

.product_cont .product_list .btn_scroll::after {
    content: '';
    position: absolute;
    top: -6.8vw;
    left: -9.867vw;
    width: 38vw;
    height: 10.667vw;
    background: url('/mobile/images/tpl_img/common/bullet_early.png') no-repeat 0 0 / 100% auto;
    animation: blink 1s infinite;
}

.cat_main .special_cont p {
    position: absolute;
    top: 46.4vw;
    left: 50%;
    transform: translate(-50%, 0);
    line-height: 1.1;
    padding: 0.4vw 2vw;
    text-align: center;
    border-radius: 1.333vw;
    letter-spacing: -0.045em;
    color: #fff;
    font-size: 7.067vw;
    font-family: 'noto7';
    background: #fe3e12;
    animation: blink 1s infinite;
}

.graph_cont {
    background: linear-gradient(to bottom, #261b15 0%);
}

.graph_cont .graph_slide {
    position: absolute;
    top: 114.133vw;
    left: 0;
    width: 100%;
    height: 61.467vw;
}

.graph_cont .graph_slide .swiper-slide {
    width: 59.067vw;
    margin: 0 4.267vw;
}

.graph_cont .graph_slide .swiper-pagination-bullet-active {
    background: #f6ce41;
}

.story_cont {
    padding: 20vw 0 20.667vw;
}

.story_cont .story_img {
    width: 77.6vw;
}

.story_cont .story_video {
    position: relative;
    margin: 10vw 0 0;
    width: 87.733vw;
    height: 60vw;
    overflow: hidden;
}

.story_cont .story_video .btn_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.story_cont .story_video .swiper-slide {
    width: 87.733vw;
    height: 49.2vw;
}

.story_cont .story_slide_wrap {
    position: relative;
    width: 87.867vw;
    height: 33.867vw;
    padding: 3.867vw 2.533vw;
    margin: 10.533vw 0 0;
    border-radius: 2.667vw;
    background: #f2f1e7;
}
/* 
.story_cont .story_slide_wrap::after {
	content: '';
	position: absolute;
	bottom: 1px;
    right: 46px;
	width: 71px;
	height: 277px;
	background: url('/_skin/tpl_skin/basic_youth_counselor3/img/all/play_hugi_img.png') no-repeat 0 0 / contain;
} */

.story_cont .story_slide {
    position: relative;
    height: 26vw;
    overflow: hidden;
}

.story_cont .story_slide .swiper-slide {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 0 0 13.333vw;
}

.story_cont .story_slide .swiper-slide::after {
    content: '';
    position: absolute;
    bottom: 1.467vw;
    left: 0;
    width: 9.333vw;
    height: 9.333vw;
    border-radius: 50%;
    background: #f6ce3e url('/_skin/tpl_skin/basic_youth_counselor3/img/all/play_hugi_icon.png') no-repeat 0 0 / 64.8vw auto;
}

.story_cont .story_slide .swiper-slide_1::after {
    background-position: -3% 0.4vw;
}

.story_cont .story_slide .swiper-slide_2::after {
    background-position: 20% 0.4vw;
}

.story_cont .story_slide .swiper-slide_3::after {
    background-position: 39% 0.4vw;
}

.story_cont .story_slide .swiper-slide_4::after {
    background-position: 57% 0.4vw;
}

.story_cont .story_slide .swiper-slide_5::after {
    background-position: 78% 0.4vw;
}

.story_cont .story_slide .swiper-slide_6::after {
    background-position: 98% 0.4vw;
}

.story_cont .story_slide .item_text {
    line-height: 1.45;
    letter-spacing: -0.025em;
    font-size: 3.2vw;
    font-family: 'noto6';
    white-space: nowrap;
}

.reason_cont {
    padding: 23.2vw 0 18.667vw;
}

.reason_cont .reason_slide {
    position: relative;
    width: 76.8vw;
    height: 102vw;
    margin: 10.533vw 0 0;
    overflow: hidden;
}

.cost_cont p {
    position: absolute;
    top: 185.733vw;
    left: 21.067vw;
    color: #ff2424;
    font-size: 3.067vw;
    font-family: 'noto6';
    animation: blink 1s infinite;
    background: #fff;
}

.cost_cont p::before {
    content: '';
    position: absolute;
    top: 1.467vw;
    left: -3.733vw;
    width: 2.133vw;
    height: 2.667vw;
    background: url('/_skin/tpl_skin/basic_youth_counselor3/img/all/vs_check.png') no-repeat 0 0 / contain;
}

.curri_cont {
    padding: 0 0 13.333vw;
}

.curri_cont .curri_img {
    width: 90vw;
}

.curri_cont .main_tab_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 92.933vw;
    margin: 10.133vw 0 0;
}

.curri_cont .tab_menu {
    display: flex;
    gap: 2.667vw;
    width: 87.6vw;
}

.curri_cont .tab_menu li {
    width: 100%;
}

.curri_cont .tab_menu button {
    width: 100%;
    height: 11.2vw;
    border-radius: 11.2vw;
    letter-spacing: -0.02em;
    color: #fff;
    font-size: 4.8vw;
    font-family: 'noto7';
    background: #f79768;
}

.curri_cont .tab_menu button.is_active {
    background: #eb4d00;
}

.curri_cont .tab_content {
    display: none;
    margin: 3.733vw 0 0;
}

.curri_cont .tab_content.is_active {
    display: block;
}

.professor_cont {
    padding: 20.8vw 0 23.867vw;
}

.professor_cont .professor_img {
    width: 75.6vw;
}

.professor_cont .professor_slide {
    margin: 9.867vw 0 0;
}

.professor_cont .reviews_slide {
    width: 100vw;
    margin: 5.067vw 0 0;
}

.professor_cont .review_list {
    display: inline-flex;
    animation: marquee 60s linear infinite;
}
.professor_cont .review_list:hover,
.professor_cont .review_list:focus {
    animation-play-state: paused;
}
.professor_cont .review_list li {
    position: relative;
    width: 58.533vw;
    height: 42.8vw;
    margin-right: 6.4vw;
    padding: 4vw 0;
    border-radius: 2.667vw;
    box-shadow: 0 1.333vw 4vw rgba(0, 0, 0, 0.4);
    font-family: 'noto4';
    text-align: center;
    letter-spacing: -0.065em;
    transition: transform 0.2s ease-in;
    background: #fff;
}
.professor_cont .review_list li * {
    cursor: default;
}
.professor_cont .review_list li .review_img {
    width: 14.4vw;
    height: 14.4vw;
    margin: 0 auto;
    border-radius: 26.667vw;
    background: #e3e4ef url('/_skin/tpl_skin/basic_kumgo_renewal2/images/apply/completion/hugi_icon.png') no-repeat 0 0 / 133.333vw auto;
}
.professor_cont .review_list li.review01 .review_img {
    background-position: 0.933vw 0;
}
.professor_cont .review_list li.review02 .review_img {
    background-position: -12.4vw 0;
}
.professor_cont .review_list li.review03 .review_img {
    background-position: -25.733vw 0;
}
.professor_cont .review_list li.review04 .review_img {
    background-position: -39.067vw 0;
}
.professor_cont .review_list li.review05 .review_img {
    background-position: -53.2vw 0;
}
.professor_cont .review_list li.review06 .review_img {
    background-position: -66.267vw 0;
}
.professor_cont .review_list li.review07 .review_img {
    background-position: -79.067vw 0;
}
.professor_cont .review_list li.review08 .review_img {
    background-position: -92.4vw 0;
}
.professor_cont .review_list li.review09 .review_img {
    background-position: -105.733vw 0;
}
.professor_cont .review_list li.review10 .review_img {
    background-position: -119.067vw 0;
}
.professor_cont .review_list li .list_text {
    margin: 2.4vw 0 2.667vw;
    font-family: 'noto4';
    font-size: 3.2vw;
    line-height: 1.3;
    color: #000;
}
.professor_cont .review_list li .list_text span {
    font-family: 'noto6';
}
.professor_cont .review_list li .list_name {
    font-size: 2.133vw;
    color: #7c7d8c;
}

.book_cont {
    padding: 0 0 17.733vw;
}

.book_cont .book_img {
    width: 87.867vw;
}

.book_cont .book_slide {
    position: relative;
    width: 100%;
    height: 49.733vw;
    overflow: hidden;
    margin: 10vw 0 0;
}

.book_cont .book_slide .swiper-slide {
    width: 58.933vw;
    height: 55.467vw;
    margin: 0 4.533vw;
}

.book_cont .book_slide .swiper-slide img {
    width: 100%;
}

.book_cont .book_img_2 {
    margin: 20.133vw 0 0;
    width: 146.667vw;
}

.book_cont .swiper-button-prev {
    left: 2.667vw;
}
.book_cont .swiper-button-next {
    right: 2.667vw;
}
.book_cont .swiper-button-prev img {
    display: block;
    margin-left: -0.8vw;
    width: 2.667vw;
    height: auto;
}
.book_cont .swiper-button-next img {
    display: block;
    margin-right: -0.8vw;
    width: 2.667vw;
    height: auto;
}
.book_cont .swiper-button:after {
    display: none;
}
.book_cont .book_point_area {
    padding-top: 11.333vw;
}
.book_cont .book_point_area .swiper-container {
    height: 109.867vw;
}
.book_cont .book_point_area .swiper-container .swiper-slide {
    padding-right: 1.063rem;
}
.book_cont .book_hugi_area {
    padding: 5.733vw 0 1.6vw;
}
.book_cont .book_hugi_area .swiper-container .swiper-slide {
    width: 88% !important;
}

.cat_main .mock_cont {
    background: #fff;
}

.cat_main .mock_cont .main_inner {
    padding: 5.467vw 0 14.933vw;
}

.cat_main .mock_cont .mock_img {
    width: 80.933vw;
}

.cat_main .mock_cont .main_cat_tab {
    margin: 13.028vw auto 0 0;
    width: 100%;
}

.mock_cont .mock_box {
    position: relative;
    margin: 18.267vw 0 0;
}

.mock_cont .mock_box .box_img_1 {
    position: relative;
    width: 97%;
    margin-top: -5vw;
    z-index: 2;
}

.mock_cont .mock_box .box_img_2 {
    width: calc(100% - 18vw);
    margin: -45vw auto 0;
    transform: translateX(3vw);
}

.mock_cont .mock_box .box_item {
    position: absolute;
    border-radius: 0.667vw;
    background: #f4f4f4 no-repeat 0 0;
    background-size: contain;
    z-index: 3;
}

.mock_cont .mock_box .box_item_1 {
    top: 8.8vw;
    left: 17.278vw;
    width: 71.289vw;
    height: 38.917vw;
    background-image: url('/_skin/tpl_skin/basic_youth_counselor3/img/chungsang3level_new/v2/test_img1.png');
    z-index: 1;
}

.mock_cont .mock_box .box_item_2 {
    top: 3.167vw;
    left: 6.339vw;
    width: 26.578vw;
    height: 7.094vw;
    background-image: url('/_skin/tpl_skin/basic_youth_counselor3/img/chungsang3level_new/v2/test_img2.png');
}

.mock_cont .mock_box .box_item_3 {
    top: 0.567vw;
    right: 6.694vw;
    width: 23.622vw;
    height: 5.556vw;
    background-image: url('/_skin/tpl_skin/basic_youth_counselor3/img/chungsang3level_new/v2/test_img3.png');
}

.mock_cont .mock_box .box_item_4 {
    top: 28.222vw;
    left: 4.056vw;
    width: 29.528vw;
    height: 16.328vw;
    background-image: url('/_skin/tpl_skin/basic_youth_counselor3/img/chungsang3level_new/v2/test_img4.png');
}

.cat_main .review_cont {
    padding: 0;
}

.cat_main .review_cont .btn_video {
    position: absolute;
    top: 49.867vw;
    left: 0;
    width: 100%;
    height: 53.333vw;
}
.cat_main .review_cont .reviews_slide {
    position: absolute;
    top: 93.333vw;
    left: 0;
    width: 100vw;
    height: 85.867vw;
    padding: 5.333vw 0;
    margin: 18.4vw 0 0;
    overflow: hidden;
    box-sizing: border-box;
}

.cat_main .review_cont .reviews_slide .swiper-slide {
    display: flex;
    flex-direction: column;
    width: 67.6vw;
    height: 72.533vw;
    margin: 0 4vw;
    text-align: left;
    border-radius: 2.667vw;
    background: #fff;
    box-shadow: 0vw 2.933vw 5.733vw 0vw rgba(0, 0, 0, 0.25);
}

.cat_main .review_cont .reviews_slide .item_title {
    display: flex;
    align-items: center;
    position: relative;
    height: 16.267vw;
    line-height: 1.25;
    padding: 0 0 0 6.8vw;
    border-radius: 2.667vw 2.667vw 0 0;
    letter-spacing: -0.065em;
    font-size: 4vw;
    font-family: 'noto6';
    background: #fff2b3;
}

.cat_main .review_cont .reviews_slide .item_title::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0.667vw;
    width: 16.667vw;
    height: 16.667vw;
    background: url('/_skin/tpl_skin/basic_youth_counselor3/img/all/hugi_icon.png') no-repeat 0 0 / 108.8vw auto;
}

.cat_main .review_cont .reviews_slide .swiper-slide_1 .item_title::after {
    background-position: 0% 0;
}

.cat_main .review_cont .reviews_slide .swiper-slide_2 .item_title::after {
    background-position: 19% 0;
}

.cat_main .review_cont .reviews_slide .swiper-slide_3 .item_title::after {
    background-position: 38% 0;
}

.cat_main .review_cont .reviews_slide .swiper-slide_4 .item_title::after {
    background-position: 57% 0;
}

.cat_main .review_cont .reviews_slide .swiper-slide_5 .item_title::after {
    background-position: 79% 0;
}

.cat_main .review_cont .reviews_slide .swiper-slide_6 .item_title::after {
    background-position: 100% 0;
}

.cat_main .review_cont .reviews_slide .item_text {
    line-height: 1.5;
    margin: 4.267vw 0 0;
    padding: 0 0 0 6.8vw;
    letter-spacing: -0.065em;
    word-break: keep-all;
    font-size: 3.2vw;
    word-break: keep-all;
}

.cat_main .review_cont .reviews_slide .item_text em {
    color: #f93e3e;
}

.cat_main .review_cont .reviews_slide .item_name {
    letter-spacing: -0.025em;
    margin: 1.467vw 0 0;
    padding: 0 0 0 6.533vw;
    color: #8e8e8e;
    font-size: 2.667vw;
}

.cat_main .start_cont .start_list {
    display: flex;
    gap: 1.867vw 1.067vw;
    flex-wrap: wrap;
    position: absolute;
    top: 52.8vw;
    left: 6vw;
    width: 70vw;
}

.cat_main .start_cont .start_list .list_item {
    position: relative;
    width: 28.667vw;
    height: 17.2vw;
    padding: 2.4vw 0 0;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -0.03em;
    color: #fff;
    font-size: 2.8vw;
    background: url('/_skin/tpl_skin/basic_tax_accountant/images/apply/refund/sidea_box.png') no-repeat 0 0 / contain;
}

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

.cat_main .start_cont .evidence_btn {
    top: 36vw;
    right: 10.083vw;
    border: none;
}

.cat_main .start_cont .evidence_popup_area {
    top: 40.639vw;
    z-index: 2;
}