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

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

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

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

@charset "UTF-8";

/******** common  *******/
* {
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
    user-select: none;
    /* 표준 */
}

.cat_main_cont {
    width: 100%;
    overflow: hidden;
}

.con {
    width: 100%;
}

.con .div-table {
    width: 100%;
}

.con .div-table>div {
    display: table-cell;
    vertical-align: middle;
}

.cat_main_cont .main_inner {
    width: 1100px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.cat_main_cont .main_inner .main_title p {
    font-family: 'noto6';
    font-size: 43px;
    letter-spacing: -0.05em;
    line-height: 1.2;
    text-align: center;
    color: #000;
}

.cat_main_cont .main_inner .main_title h3 {
    display: block;
    margin-top: 8px;
    font-family: 'noto7';
    font-size: 56px;
    letter-spacing: -0.065em;
    line-height: 1.2;
    text-align: center;
    color: #000;
}

.cat_main_cont .main_inner .step_title {
    margin-top: 46px;
    transform: translateX(-27px);
}

.cat_main_cont .main_inner .step_title .step {
    width: 313px;
    height: 95px;
    margin: 0 auto 35px;
    padding-top: 56px;
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/s_tit.png') center no-repeat;
    font-family: 'noto7';
    font-size: 23px;
    letter-spacing: -0.055em;
    text-align: center;
    text-indent: 52px;
    color: #fff;
    transform: translateX(7px);
}

.cat_main_cont .main_inner .step_title h3 {
    color: #002fed;
}

.con h3,
.con b {
    font-family: 'noto6';
    font-weight: 100;
}

.con .inner_title p {
    margin-top: 25px;
    font-size: 25px;
    line-height: 130%;
    color: #464646;
}

.con .bullet {
    position: absolute;
}

.con .con_title {
    font-size: 50px;
    line-height: 100%;
    position: relative;
    padding-top: 39px;
    font-weight: 400;
    letter-spacing: -1.5px;
    text-align: left;
}

.con .underline {
    position: relative;
}

.con .underline:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 26px;
    content: '';
    bottom: 1px;
    left: 0;
}

.con .swiper-container {
    position: relative;
}

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

.con .btn_arrow {
    position: absolute;
    z-index: 3;
    box-sizing: border-box;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    cursor: pointer;
}

@keyframes pointerBounceDiagonal {

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

    50% {
        transform: translate(-10px, -10px);
    }
}

/* top : s */
.top_area {
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/top.jpg') center top no-repeat;
    /* height: 1500px; */
    padding: 77px 0 127px;
    background-color: #5e17d0;
}

.top_area .tit_img {
    margin-left: -214px;
}

.top_area .bullet {
    right: -86px;
    top: 66px;
}

.top_area .con_img1 {
    margin: -216px 0 0 -20px;
}

.top_area .bene_box {
    margin-top: 950px;
}

.top_area .solo_box {
    height: 212px;
    border-radius: 24px;
    border: 2px solid #000;
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/benefit_1_1.png') no-repeat #fff 93% 52%;
    box-shadow: 0 25px 30px rgba(0, 0, 0, 0.2);
}

.top_area .solo_box .fir {
    font-family: 'noto4';
    font-size: 25px;
    line-height: 32px;
    letter-spacing: -1px;
}

.top_area .solo_box .sec {
    display: block;
    font-family: 'noto6';
    font-size: 37px;
    letter-spacing: -1px;
    margin-top: 23px;
}

.top_area .cotnt_list_box_wrap {
    display: table;
    background: #fff url('/_skin/tpl_skin/basic_judicial_scrivener/content5/benefit_top2.png') no-repeat 97% 85%;
    width: 100%;
    height: 275px;
    margin-top: 20px;
    /* border: 3px solid #ff7978; */
    border-radius: 20px;
    border: 2px solid #000;
    box-sizing: border-box;
    box-shadow: 0 25px 30px rgba(0, 0, 0, 0.2);
}

.top_area .cotnt_list_box_wrap.top1 {
    margin-bottom: 24px;
    background: #fff url('/_skin/tpl_skin/basic_judicial_scrivener/content5/benefit_top1.png') no-repeat right 55px top 30px;
    height: 237px;
}

.top_area .cotnt_list_txt {
    text-align: left;
    line-height: 36px;
    padding-left: 62px;
}

.top_area .cotnt_list_txt span {
    font-size: 28px;
    padding: 60px 0 12px;
    font-weight: 'noto1';
    display: block;
}

.top_area .cotnt_list_txt strong {
    font-size: 40px;
    font-weight: 'noto5';
}

.top_area .cotnt_box_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
    padding-bottom: 40px;
}

.top_area .cotnt_box_list li {
    width: 49%;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
    padding: 45px 0 45px 50px;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 20px;
    border-radius: 30px;
}

.top_area .cotnt_box_list li:nth-of-type(1) {
    background: #fff url('/_skin/tpl_skin/basic_judicial_scrivener/content5/benefit_1.png') no-repeat 90% center;
}

.top_area .cotnt_list_box_wrap>.cotnt_list_txt {
    text-align: left;
    line-height: 36px;
    padding-left: 45px;
    letter-spacing: -1px;
}

.top_area .cotnt_list_box_wrap>.cotnt_list_txt span {
    font-size: 25px;
    padding: 40px 0 18px;
    color: #000;
    font-family: 'noto1';
    display: block;
    line-height: 130%;
}

.top_area .cotnt_list_box_wrap>.cotnt_list_txt em {
    display: block;
    width: 195px;
    height: 45px;
    font-size: 25px;
    background: #6c95ff;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border-radius: 5px;
    font-family: 'noto5';
    margin: 0 0 10px;
}

.top_area .cotnt_list_box_wrap>.cotnt_list_txt strong {
    font-size: 37px;
    font-family: 'noto6';
    font-weight: 600;
    display: block;
}

.top_area .top_benefit {
    margin: 0 auto;
    margin-top: 25px;
}

.top_area .top_benefit::after {
    content: '';
    clear: both;
    display: block;
}

.top_area .top_benefit .fir {
    font-family: 'noto4';
    font-size: 23px;
    letter-spacing: -1px;
}

.top_area .top_benefit .sec {
    display: block;
    font-family: 'noto6';
    font-size: 32px;
    letter-spacing: -1px;
    margin-top: 5px;
    line-height: 37px;
}

.top_area .padd_box {
    padding: 40px 70px 70px 45px;
}

.top_benefit li {
    float: left;
    display: table;
    margin-bottom: 23px;
    border-radius: 30px;
    text-align: center;
    width: calc((100% - 42px) / 3);
    height: 320px;
    margin-right: 21px;
    padding: 38px 30px 30px 33px;
    box-sizing: border-box;
    color: #000;
    box-shadow: 0 25px 30px rgba(0, 0, 0, 0.2);
}

.top_benefit li:nth-child(1) {
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/benefit_2.png') no-repeat center bottom #fff;
}

.top_benefit li:nth-child(2) {
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/benefit_4.png') no-repeat left 68% top 90% #fff;
}

.top_benefit li:nth-child(3) {
    position: relative;
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/benefit_3.png') no-repeat center bottom #fff;
}

.top_area .bene_box .caption {
    position: absolute;
    bottom: -40px;
    right: 10px;
    width: 100%;
    font-family: 'noto4';
    font-size: 14px;
    text-align: right;
    color: #fff;
    opacity: 0.5;
}

/* top : e */
/* 이유 : s */
.lec_info_area {
    background: #363d47;
    padding: 164px 0 154px;
}

.cat_main_cont .lec_info_area .main_title p,
.cat_main_cont .lec_info_area .main_title h3 {
    color: #fff;
}

.lec_info_area .con_img1 {
    margin-top: 165px;
}

.lec_info_area .pb_img {
    margin-left: -105px;
}

.lec_info_area .play_btn {
    position: relative;
    margin-top: 210px;
}

.lec_info_area .play_btn .video_box {
    position: absolute;
    left: 3px;
    top: 450px;
    width: 100%;
    height: 564px;
}

.lec_info_area .play_sam {
    position: absolute;
    display: block;
    width: 100%;
    height: 565px;
    bottom: 76px;
    left: 3px;
}

.reason_slide {
    width: 1226px;
    padding: 30px 60px;
    margin-left: -65px;
    margin-top: 68px;
    box-sizing: border-box;
}

.reason_slide .swiper-wrapper {
    width: 1000px;
    height: 670px;
}

.reason_slide .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 30px;
    padding: 30px 0;
    box-sizing: border-box;
    text-align: right;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.5);
}

.reason_slide .swiper-slide img {
    padding-left: 77px;
    padding-top: 5px;
}

.reason_slide .btn_prev {
    top: 50%;
    transform: translateY(-50%);
    left: 11px;
}

.reason_slide .btn_next {
    top: 50%;
    transform: translateY(-50%);
    right: 11px;
}

/* 이유 : e */
/* 상품 : s */
.product_cont .main_inner {
    padding: 169px 0 178px;
}

.product_cont .main_title h3 {
    letter-spacing: -0.05em;
}

.product_cont .product_banner {
    position: relative;
    margin: 51px 0 0;
}

.product_cont .product_banner .btn_go {
    position: absolute;
    top: 19px;
    right: 0;
    width: 365px;
    height: 70px;
}

.product_cont .product_list {
    display: flex;
    gap: 16px;
    width: 100%;
}

.product_cont .product_list .list_item {
    position: relative;
    width: 100%;
    border-radius: 20px;
    background: #efeeee;
}

.product_cont .product_list .item_top_contents {
    display: flex;
    align-items: flex-end;
    padding: 0 0 0 12px;
}

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

.product_cont .product_list .item_tags {
    display: flex;
    gap: 5px;
}

.product_cont .product_list .item_tags li {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 147px;
    height: 40px;
    padding: 0 25px;
    border-radius: 40px;
    letter-spacing: -0.075em;
    color: #fff;
    font-size: 20px;
    font-family: 'noto6';
    background: #565656;
}

.product_cont .product_list .item_tags .tag_point {
    letter-spacing: -0.05em;
    font-size: 24px;
    font-family: 'noto7';
    background: #ff4e00;
    animation: blink 1s infinite;
}

.product_cont .product_list .item_title {
    display: block;
    line-height: 1.3;
    color: #151947;
    font-family: 'noto7';
}

.product_cont .product_list .item_title em {
    color: #1339d3;
}

.product_cont .product_list .item_list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.product_cont .product_list .item_list li {
    display: flex;
    align-items: center;
    line-height: 1.2;
    letter-spacing: -0.05em;
    color: #151947;
    font-size: 20px;
    font-family: 'noto5';
}

.product_cont .product_list .item_list li::before {
    content: '·';
    margin: 0 4px 0 0;
}

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

.product_cont .product_list .item_price {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
}

.product_cont .product_list .price_wrap {
    display: flex;
    align-items: center;
    margin: 0 0 28px;
}

.product_cont .product_list .price_origin {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    color: #151947;
    font-family: 'noto7';
}

.product_cont .product_list .origin_tag {
    line-height: 1.2;
    letter-spacing: -0.05em;
}

.product_cont .product_list .origin_num {
    line-height: 1.2;
    letter-spacing: -0.05em;
    text-decoration: line-through;
    text-decoration-thickness: 2px;
}

.product_cont .product_list .price_total {
    line-height: 1.2;
    letter-spacing: -0.05em;
    color: #1339d3;
    font-family: 'noto7';
}

.product_cont .product_list .price_total span {
    font: inherit;
}

.product_cont .product_list .price_badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 100%;
    text-align: center;
}

.product_cont .product_list .price_badge p {
    line-height: 1.3;
    letter-spacing: -0.05em;
    color: #151947;
    font-family: 'noto6';
}

.product_cont .product_list .price_badge span {
    font-family: 'noto7';
}

.product_cont .product_list .btn_scroll {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    letter-spacing: -0.05em;
    color: #fff;
    font-family: 'noto7';
    background: #1339d3;
}

.product_cont .product_list .item_benefits {
    display: flex;
    margin: 49px 3px 0 9px;
    padding: 26px 0 0;
    border-top: 1px solid #cecece;
    gap: 11px;
}

.product_cont .product_list .item_benefits li {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 97px;
    line-height: 1.3;
    padding: 0 0 0 31px;
    border: 1px solid #cecece;
    border-radius: 20px;
    letter-spacing: -0.075em;
    color: #151947;
    font-size: 20px;
    font-family: 'noto6';
    background: #fff;
}

.product_cont .product_list .item_benefits li:nth-child(1) {
    background: #fff url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/apply_icon1.png') no-repeat right center;
}

.product_cont .product_list .item_benefits li:nth-child(2) {
    background: #fff url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/apply_icon2.png') no-repeat right center;
}

.product_cont .product_list .item_benefits li:nth-child(3) {
    background: #fff url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/apply_icon_03.png') no-repeat right 43px center;
}

.product_cont .product_list_1 {
    margin: 91px 0 0;
}

.product_cont .product_list_1 .list_item {
    padding: 49px 47px 53px 46px;
}

.product_cont .product_list_1 .item_title {
    margin: 27px 0 0;
    letter-spacing: -0.05em;
    font-size: 43px;
}

.product_cont .product_list_1 .item_list {
    margin: 17px 0 5px;
}

.product_cont .product_list_1 .btn_scroll {
    width: 409px;
    height: 65px;
    border-radius: 65px;
    font-size: 30px;
}

.product_cont .product_list_1 .origin_tag {
    font-size: 20px;
}

.product_cont .product_list_1 .origin_num {
    font-size: 31px;
}

.product_cont .product_list_1 .price_total {
    font-size: 53px;
    margin: 0 0 0 15px;
}

.product_cont .product_list_1 .price_badge {
    width: 97px;
    height: 97px;
    background: url('/_skin/tpl_skin/basic_chemical_analysis/images/content1_2/v3/one_point1.png') no-repeat 0 0 / contain;
}

.product_cont .product_list_1 .price_badge p {
    font-size: 17px;
}

.product_cont .product_list_1 .price_badge span {
    font-size: 28px;
}

.product_cont .product_list_2 {
    margin: 16px 0 0;
}

.product_cont .product_list_2 .list_item {
    padding: 12px 47px 38px 49px;
}

.product_cont .product_list_2 .item_title {
    margin: 27px 0 0;
    letter-spacing: -0.075em;
    font-size: 33px;
}

.product_cont .product_list_2 .item_list {
    gap: 4px;
    margin: 11px 0 5px;
}

.product_cont .product_list_2 .item_list li {
    letter-spacing: -0.075em;
    font-size: 18px;
}

.product_cont .product_list_2 .btn_scroll {
    width: 100%;
    height: 48px;
    margin: 33px 0 0;
    border-radius: 48px;
    font-size: 22px;
}

.product_cont .product_list_2 .origin_tag {
    font-size: 20px;
}

.product_cont .product_list_2 .item_price {
    flex-direction: row;
    align-items: center;
    margin: 32px 0 0;
}

.product_cont .product_list_2 .origin_num {
    font-size: 22px;
}

.product_cont .product_list_2 .price_total {
    font-size: 38px;
    margin: 0 0 0 8px;
}

.product_cont .product_list_2 .price_badge {
    bottom: 117%;
    width: 72px;
    height: 72px;
    background: url('/_skin/tpl_skin/basic_chemical_analysis/images/content1_2/v3/one_point2.png') no-repeat 0 0 / contain;
}

.product_cont .product_list_2 .price_badge p {
    font-size: 13px;
}

.product_cont .product_list_2 .price_badge span {
    font-size: 18px;
}

/* 상품 : e */
/* 대비 : s */
.vs_cont {
    padding-bottom: 110px;
    background: #d9e2ef;
}

.vs_cont .main_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vs_cont .vs_wrap {
    display: flex;
    position: relative;
    width: 1146px;
    height: 673px;
    margin-top: 68px;
    margin-left: 41px;
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/vs_wrap.png') center no-repeat;
}

.vs_cont .vs_wrap .vs_1 {
    width: 460px;
    height: 508px;
    margin-top: 62px;
}

.vs_cont .vs_wrap .vs_2 {
    width: 642px;
    height: 583px;
    margin-top: 20px;
}

.vs_cont .vs_wrap .vs_1 ul {
    width: fit-content;
    margin: 235px auto 0;
    transform: translateX(-6px);
}

.vs_cont .vs_wrap .vs_2 ul {
    width: fit-content;
    margin: 237px auto 0;
    transform: translateX(-10px);
}

.vs_cont .vs_wrap .vs_1 li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'noto4';
    font-size: 25px;
    letter-spacing: -0.065em;
    line-height: 1;
    color: #404040;
}

.vs_cont .vs_wrap .vs_2 li {
    display: flex;
    align-items: center;
    gap: 18px;
    font-family: 'noto5';
    font-size: 27px;
    letter-spacing: -0.065em;
    line-height: 1;
    color: #222;
}

.vs_cont .vs_wrap .vs_1 li+li {
    margin-top: 26px;
}

.vs_cont .vs_wrap .vs_2 li+li {
    margin-top: 35px;
}

.vs_cont .vs_wrap .vs_1 li::before {
    content: '';
    display: block;
    width: 27px;
    height: 27px;
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/x_icon.png') center no-repeat;
}

.vs_cont .vs_wrap .vs_2 li::before {
    content: '';
    display: block;
    width: 31px;
    height: 31px;
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/check_icon.png') center no-repeat;
}

.vs_cont .vs_wrap .vs_2 li em {
    font-family: 'noto7';
}

.vs_cont .vs_wrap .vs_2 .vs_desc {
    margin-top: 60px;
    padding-right: 38px;
    font-family: 'noto5';
    font-size: 17px;
    letter-spacing: -0.065em;
    line-height: 1;
    text-align: right;
    color: #7e7e7e;
    opacity: 0.7;
}

/* 대비 : e */
/* 커리큘럼 : s */
.curriculum_cont .main_inner {
    padding: 87px 0 0;
}

.curriculum_cont .main_title {
    margin: 135px 0 45px;
}

.cat_main_cont .curriculum_cont .main_inner .step_title {
    transform: translateX(0);
}

.content_point {
    margin: 92px auto 120px;
    width: 1100px;
}

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

.content_point .table_1 {
    margin-bottom: 36px;
}

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

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

.content_point th:not(:first-child) {
    position: relative;
    border-bottom: 1px dashed #000;
}

.content_point th:not(:first-child):not(:last-child)::after {
    content: "▶";
    display: block;
    position: absolute;
    bottom: -13px;
    right: 0;
    font-size: 9px;
    color: #000;
}

.content_point th {
    padding: 15px 0 16px;
    font-size: 14px;
    font-family: 'noto7';
    font-weight: 100;
    color: #fff;
}

.content_point th:nth-child(2) {
    background: linear-gradient(to right, #fbbd46, #f0ac61);
}

.content_point th:nth-child(3) {
    background: linear-gradient(to right, #f0ac61, #ff9567);
}

.content_point th:nth-child(4) {
    background: linear-gradient(to right, #ff9567, #ff7271);
}

.content_point th:nth-child(5) {
    background: linear-gradient(to right, #ff7271, #e36280);
}

.content_point .table_2 th:nth-child(2),
.content_point .table_2 th:nth-child(3),
.content_point .table_2 th:nth-child(4),
.content_point .table_2 th:nth-child(5) {
    background: #7494e8;
}

.content_point th:first-child {
    border: 2px solid #f9c766;
    box-sizing: border-box;
    background: #fefef6;
    font-family: 'noto7';
    font-size: 20px;
    letter-spacing: -0.065em;
    color: #f9c766;
}

.content_point .table_2 th:first-child {
    border: 2px solid #67c1f5;
    background: #cce9f9;
    color: #1877ad;
}

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

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

.content_point td:first-child,
.content_point td:nth-child(4) {
    padding: 12px 0 25px;
}

.content_point .table_2 td {
    padding: 20px 0;
}

.content_point td b {
    font-family: 'noto6';
    font-size: 20px;
    line-height: 2;
}

.content_point td .bg-red {
    margin-top: 14px;
    padding: 4px 0;
    background: #f74447;
    font-family: 'noto6';
    font-size: 18px;
    color: #fff;
}

.curriculum_cont .curri_desc {
    width: 100%;
    margin-top: 10px;
    font-family: 'noto4';
    font-size: 14px;
    text-align: right;
    color: #000;
    opacity: 0.5;
}

/* 커리큘럼 : e */
/* 교수 : s */
.professor_cont {
    background: linear-gradient(to bottom, #fff 446px, #2b2b2e 446px);
}

.professor_cont .main_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 14px 0 168px;
}

.professor_cont .main_desc {
    margin: 18px 0 0;
    color: #000;
}

.professor_cont .professor_slide {
    position: relative;
    width: 1400px;
    margin: 48px 0 0;
    overflow: hidden;
}

.professor_cont .professor_slide .swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 13px;
    top: 0;
    width: 100%;
    padding: 42px 0 0;
    z-index: 2;
}

.professor_cont .professor_slide .page_item {
    position: relative;
    width: 275px;
    height: 81px;
    padding: 0 0 0 37px;
    border-radius: 20px;
    background: #474748;
}

.professor_cont .professor_slide .page_item:hover,
.professor_cont .professor_slide .page_item.is_active {
    background: #232ce4;
}

.professor_cont .professor_slide .page_item::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150px;
    height: 120px;
}

.professor_cont .professor_slide .page_item_1::after {
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/teacher_pagination_1_off.png') no-repeat left bottom;
}

.professor_cont .professor_slide .page_item_2::after {
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/teacher_pagination_2_off.png') no-repeat right bottom;
}

.professor_cont .professor_slide .page_item_3::after {
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/teacher_pagination_3_off.png') no-repeat left bottom;
}

.professor_cont .professor_slide .page_item_1.is_active::after {
    background-image: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/teacher_pagination_1_on.png');
}

.professor_cont .professor_slide .page_item_2.is_active::after {
    background-image: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/teacher_pagination_2_on.png');
}

.professor_cont .professor_slide .page_item_3.is_active::after {
    background-image: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/teacher_pagination_3_on.png');
}

.professor_cont .professor_slide .page_item p {
    text-align: left;
    letter-spacing: -0.075em;
    color: rgba(255, 255, 255, 0.39);
    font-size: 18px;
    font-family: 'noto7';
    line-height: 1;
}

.professor_cont .professor_slide .page_item strong {
    display: block;
    margin-top: 5px;
    text-align: left;
    letter-spacing: -0.075em;
    color: rgba(255, 255, 255, 0.39);
    font-size: 25px;
    font-family: 'noto7';
    line-height: 1;
}

.professor_cont .professor_slide .page_item:hover p,
.professor_cont .professor_slide .page_item.is_active p,
.professor_cont .professor_slide .page_item:hover strong,
.professor_cont .professor_slide .page_item.is_active strong {
    color: #fff;
}

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

.professor_cont .professor_slide .swiper-slide::before {
    content: '';
    position: absolute;
    top: 249px;
    right: 76px;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, #843721, #2b2b2e 70%);
    z-index: -1;
    pointer-events: none;
}

.professor_cont .professor_slide .swiper-slide::after {
    clear: both;
    content: '';
    display: block;
    position: absolute;
    top: 109px;
    right: -35px;
    width: 881px;
    height: 1082px;
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/teacher_1.png') center no-repeat;
    z-index: -1;
}

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

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

.professor_cont .professor_slide .swiper-slide_3::after {
    right: -20px;
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/teacher_3.png') center bottom no-repeat;
}

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

.professor_cont .professor_slide .slide_history {
    display: flex;
    gap: 16px;
    margin: 0 0 43px 0;
}

.professor_cont .professor_slide .slide_history li {
    width: 182px;
    height: 77px;
    padding: 15px 0 0;
    line-height: 1.2;
    letter-spacing: -0.075em;
    text-align: center;
    color: #e4d080;
    font-size: 18px;
    background: url('/_skin/tpl_skin/basic_distribution_5/images/apply/habclass/v2/teacher_shape.png') no-repeat 0 0;
}

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

.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: 30px;
    letter-spacing: -0.055em;
    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: 9px 0 0;
    font-family: 'noto7';
    font-size: 55px;
    letter-spacing: -0.065em;
    color: #ffde00;
}

.professor_cont .professor_slide .slide_list {
    margin: 36px 0 0;
}

.professor_cont .professor_slide .slide_list li {
    line-height: 1.2;
    letter-spacing: -0.035em;
    color: #fff;
    font-size: 16px;
    font-family: 'noto4';
}

.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 7px;
    gap: 15px;
}

.professor_cont .professor_slide .slide_check li {
    display: inline-flex;
    align-items: center;
    min-width: 477px;
    height: 52px;
    padding: 0 30px 0 66px;
    border: 2px solid #ffde00;
    border-radius: 100px;
    letter-spacing: -0.065em;
    color: #fff;
    font-size: 21px;
    font-family: 'noto5';
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/chk_ico.png') no-repeat 30px center;
}

.professor_cont .professor_slide .popupVideo {
    position: relative;
    width: 547px;
    height: 310px;
    margin: 99px 0 0 0;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}

.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';
}

.professor_cont .professor_review_slide_wrap {
    position: relative;
    width: 100%;
    margin: 35px 0 0;
}

.professor_cont .professor-review-slider {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    height: 440px;
}

.professor_cont .slider-btn {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 210px;
    left: -50px;
    width: 1200px;
}

.professor_cont .swiper-button-next,
.professor_cont .swiper-button-prev {
    position: static;
    background-repeat: no-repeat;
    height: 50px;
    z-index: 1;
}

.professor_cont .swiper-button-next {
    background-image: url('/_skin/tpl_skin/basic_distribution_5/images/teacher/var_1/btn.png');
    background-position: left -118px top -10px;
}

.professor_cont .swiper-button-prev {
    background-image: url('/_skin/tpl_skin/basic_distribution_5/images/teacher/var_1/btn.png');
    background-position: left -83px top -10px;
}

.professor_cont .professor-review-txtinner {
    text-align: center;
    margin-bottom: 50px;
}

.professor_cont .text-content {
    background-color: #fff;
    border-radius: 20px;
    box-sizing: border-box;
    border: 1px solid #d0cdc9;
    box-shadow: 1px 8px 7px rgb(0 0 0 / 20%);
}

.professor_cont [class^='review-image-'] {
    background-image: url('/_skin/tpl_skin/basic_distribution_5/images/apply/habclass/v2/review_photo.png');
    width: 100px;
    height: 100px;
    margin: 36px auto;
    background-repeat: no-repeat;
}

.professor_cont .review-image-1 {
    background-position: right 0 bottom 0;
}

.professor_cont .review-image-2 {
    background-position: right -118px bottom 0;
}

.professor_cont .review-image-3 {
    background-position: right -239px bottom 0;
}

.professor_cont .review-image-4 {
    background-position: right 0 bottom -122px;
}

.professor_cont .review-image-5 {
    background-position: right -118px bottom -122px;
}

.professor_cont .review-image-6 {
    background-position: right -239px bottom -122px;
}

.professor_cont .textbox {
    text-align: center;
}

.professor_cont .tit {
    font-size: 20px;
    line-height: 100%;
    font-family: 'noto6';
}

.professor_cont .review-txt {
    color: #4b4c4b;
    margin: 24px 0;
    font-size: 16px;
    line-height: 26px;
}

.professor_cont .review-txt>span {
    display: block;
    margin: 40px 0;
    color: #a1a3a6;
}

/* 교수 : e */
/* 모의고사 : s */
.mock_cont {
    background: #f7f7f7;
}

.mock_cont .main_inner {
    padding: 88px 0 181px;
}

.mock_cont .mock_box {
    margin: 59px 0 0 -81px;
}

.mock_cont .mock_box .box_item_1 {
    background-image: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/test_img1.png');
}

.mock_cont .mock_box .box_item_2 {
    background-image: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/test_img2.png');
}

.mock_cont .mock_box .box_item_3 {
    top: 66px;
    right: 14px;
    background-image: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/test_img3.png');
}

.mock_cont .mock_box .box_item_4 {
    background-image: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/test_img4.png');
}

.mock_cont .mock_desc {
    width: 100%;
    margin-top: 10px;
    font-family: 'noto4';
    font-size: 14px;
    text-align: right;
    color: #000;
    opacity: 0.5;
}

/* 모의고사 : e */
/* 도서 : s */
.book_area .main_inner {
    padding: 135px 0 93px;
}

.book_area .main_inner .step_title {
    position: relative;
    margin-top: 0;
}

.book_area .main_inner .step_title .evidence_area {
    position: absolute;
    top: auto;
    bottom: 7px;
    right: 5px;
}

.book_area .book {
    margin: -78px 0 0 -488px;
}

.book_area .book_slide {
    height: 787px;
    width: 992px;
    padding: 35px;
    box-sizing: border-box;
    margin: -555px 0 0 229px;
}

.book_area .book_slide .swiper-warpper {
    width: 869px;
}

.book_area .book_slide .swiper-slide {
    position: relative;
}

.book_area .book_slide .swiper-slide img {
    margin-top: 140px;
}

.book_area .book_slide .swiper-slide .txt_box {
    position: absolute;
    top: -5px;
    right: 51px;
    width: 294px;
    height: 316px;
    padding: 42px 0 0 25px;
    border-bottom-right-radius: 30px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.7);
}

.book_area .book_slide .swiper-slide .txt_box p {
    font-family: 'noto4';
    font-size: 22px;
    letter-spacing: -0.065em;
    line-height: 1;
    color: #fff;
}

.book_area .book_slide .swiper-slide .txt_box h3 {
    margin-top: 20px;
    font-family: 'noto6';
    font-size: 29px;
    letter-spacing: -0.065em;
    line-height: 1.25;
    color: #ffff72;
}

.book_slide .btn_prev {
    top: 55%;
    left: 5px;
}

.book_slide .btn_next {
    top: 55%;
    right: 65px;
}

.book_slide .swiper-pagination {
    position: absolute;
    bottom: auto;
    left: auto;
    top: 282px;
    right: 249px;
    width: fit-content;
}

.book_slide .swiper-pagination-bullet {
    width: 19px;
    height: 19px;
    margin: 0 2px;
    text-align: center;
    line-height: 19px;
    font-size: 12px;
    color: #3a3a3a;
    opacity: 1;
    background: #838383;
}

.book_slide .swiper-pagination-bullet-active {
    color: #000;
    background: #fff;
}

.book_area .page_plag {
    position: absolute;
    width: 423px;
    bottom: 435px;
    height: 265px;
}

.book_area .page_plag2 {
    right: 0;
}

.book_area .book_review_slide_wrap {
    position: relative;
    margin-top: 99px;
}

.book_area .book_review_slide_wrap .btn_arrow {
    bottom: 180px;
    box-shadow: none;
}

.book_area .book_review_slide_wrap .btn_prev {
    /* zzzz */
    left: -90px;
    background: url('/_skin/tpl_skin/basic_judicial_scrivener/content_1/arrow_l.png') no-repeat;
    width: 60px;
    height: 60px;
    background-position: 17px;
    border-radius: 60px;
    background-color: #dfdfdf;
}

.book_area .book_review_slide_wrap .btn_next {
    /* zzzz */
    right: -90px;
    background: url('/_skin/tpl_skin/basic_judicial_scrivener/content_1/arrow_r.png') no-repeat;
    width: 60px;
    height: 60px;
    background-position: 21px;
    border-radius: 60px;
    background-color: #dfdfdf;
}

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

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

.book_area .book_review_slide .swiper-wrapper {
    height: 226px;
    /* border-bottom:1px solid #cacaca; */
    box-sizing: border-box;
    /* color:#4a4a4a; */
}

.book_area .book_review_slide .review_tit {
    display: block;
    font-size: 26px;
    margin: 12px 0 16px;
    line-height: 100%;
    font-family: 'noto6';
    font-weight: 100;
    letter-spacing: -1.5px;
    color: #222;
}

.book_area .book_review_slide .writer {
    padding-right: 15px;
    font-size: 16px;
    color: #6f6f6f;
    font-family: 'noto3';
    font-weight: 600;
}

.book_area .book_review_slide .review_txt {
    font-size: 19px;
    font-family: 'noto3';
    line-height: 140%;
    letter-spacing: -1px;
    color: #666666;
}

.book_area .book_review_slide .underline {
    position: relative;
    font-family: 'noto6';
}

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

.book_area .swiper-slide .div-table {
    height: 100%;
    padding-left: 45px;
}

/* 도서 : e */
/* 쿠폰 : s */
.coupon_cont {
    width: 100%;
    height: 1308px;
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/v2/event_bg.png') center no-repeat;
}

.coupon_cont .main_inner {
    padding: 130px 0 0;
    box-sizing: border-box;
}

.coupon_cont .event_coupon>img {
    margin-left: 110px;
}

.coupon_cont .event_coupon .btn_coupon {
    position: absolute;
    top: 920px;
    left: 50%;
    transform: translateX(-50%);
    width: 792px;
    height: 110px;
}

.coupon_cont .event_coupon .btn_coupon::after {
    content: '';
    position: absolute;
    top: 54px;
    right: 0;
    width: 71px;
    height: 64px;
    background: url('/img/event/8961/pc/btn_icon.png') no-repeat 0 0 / contain;
    animation: pointerBounceDiagonal 0.8s ease infinite;
}

.coupon_cont .event_coupon .coupon_noti {
    width: 100%;
    margin-top: 50px;
    padding-left: 218px;
    font-family: 'noto4';
    font-size: 19px;
    letter-spacing: -0.035em;
    line-height: 1;
    color: #000;
}

.coupon_cont .event_coupon .coupon_noti li {
    display: flex;
    align-items: center;
    gap: 14px;
}

.coupon_cont .event_coupon .coupon_noti li+li {
    margin-top: 14px;
}

.coupon_cont .event_coupon .coupon_noti li::before {
    content: '·';
    display: block;
}

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

.cat_main_cont .start_cont .main_inner {
    padding: 135px 0 0;
}

.cat_main_cont .start_cont .main_title {
    position: relative;
}

.cat_main_cont .start_cont .main_title p {
    color: #fff;
    font-size: 50px;
    font-family: 'noto4';
}

.cat_main_cont .start_cont .main_title h3 {
    color: #40f37e;
}

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

.cat_main_cont .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;
}

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

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

.cat_main_cont .start_cont .main_title .evidence_area {
    top: 93px;
    right: 41px;
}

.cat_main_cont .start_cont .evidence_area {
    position: absolute;
    /* top: 98px;
		right: 65px; */
    top: 84px;
    right: 120px;
}

.cat_main_cont .start_cont .evidence_popup_area {
    left: auto;
    right: 0;
}

.cat_main_cont .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;
}

/* 하단 배너 */
.banner_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: var(--z-index-floating, 4);
}

.banner_bottom .main_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.banner_bottom button {
    display: block;
}

.div-table {
    display: table;
    width: 100%;
}

.benefit_area {
    padding: 126px 0 113px;
    background: url('/_skin/tpl_skin/basic_laboratory_safety/images/apply/jong/benefit_bg.png') center no-repeat;
}

.benefit_area .con_img1 {
    margin: 70px 0 0 -0px;
}

.benefit_area .btn-halbu {
    position: absolute;
    display: inline-block;
    width: 131px;
    height: 38px;
    font-size: 0;
    left: 154px;
    bottom: 56px;
}

.video_box_area {
    padding: 124px 0 70px;
}

.video_box_area>.main_inner>img {
    margin: 0 0 0 -57px;
}

/* 리뉴얼 수정사항 --S */
.book_area .book_page_plag {
    background: none;
    border: none;
}

.book_page_plag.dangi {
    top: 101%;
    right: 50%;
    margin-right: -100px;
}

.book_page_plag.jong {
    position: static;
    margin-left: 275px;
    margin-top: 40px;
}

/* 리뉴얼 수정사항 --E */