@charset "utf-8";

.d-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ul-table,
.div-table {
    display: table;
}

.ul-table>*,
.div-table>* {
    display: table-cell;
}

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

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

.tc {
    text-align: center !important;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.pull-over {
    overflow: hidden;
}

.col50 {
    width: 50%;
}

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

.w1100 {
    width: 1100px;
    margin: 0 auto;
}

.mgt20 {
    margin-top: 20px !important;
}

.mgt50 {
    margin-top: 50px !important;
}

.mgb20 {
    margin-bottom: 20px !important;
}

.skip,
legend,
caption {
    width: 1px;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
    position: absolute;
    left: -9999px;
}

.inner {
    position: relative;
}

.refund_class .top_wrap {
    height: 899px;
    padding: 109px 0 140px 0;
    background: url('/_skin/tpl_skin/basic_origin_new/apply/refund_class/top_bg_2.png') center no-repeat;
}

.refund_class .top_wrap .ttl_box {
    margin-bottom: -52px;
    line-height: 1.25;
    text-align: left;
    letter-spacing: -0.06em;
    color: #fff;
    font-size: 50px;
    font-family: 'noto6';
}

.refund_class .top_wrap .top_item_wrap {
    display: flex;
    gap: 64px;
    width: 100%;
    margin-top: -2px;
    margin-left: 7px;
}

.refund_class .top_wrap .top_item {
    width: 512px;
    height: 179px;
    padding: 55px 0 0 35px;
    border-radius: 24px;
    box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    background: #fff url('/_skin/tpl_skin/basic_origin_new/apply/refund_class/top_benefit_1.png') top 52% right 43px no-repeat;
    font-family: 'market-b';
    font-size: 29px;
    letter-spacing: -0.065em;
    line-height: 1.28;
    text-align: left;
    color: #222222;
}

.refund_class .top_wrap .top_item_1 {
    background: #fff url('/_skin/tpl_skin/basic_origin_new/apply/refund_class/top_benefit_1.png') top 52% right 43px no-repeat;
}

.refund_class .top_wrap .top_item_2 {
    background: #fff url('/_skin/tpl_skin/basic_origin_new/apply/refund_class/top_benefit_2.png') top 54% right 34px no-repeat;
}

.refund_class .service {
    padding: 122px 0 110px;
}

.refund_class .ttl_box strong {
    font-size: 50px;
    line-height: 1.1;
    letter-spacing: -0.075em;
}

.refund_class .service ul {
    padding-top: 73px;
}

.refund_class .service ul li p.item_desc {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'noto4';
    font-size: 14px;
    letter-spacing: -0.065em;
    line-height: 1;
    color: rgba(0, 0, 0, 0.5);
}

.refund_class .service ul li p.item_desc:after {
    display: none;
}


.refund_class .inner {
    width: 1100px;
    text-align: center
}

.con3 {
    position: relative;
    text-align: center;
    box-sizing: border-box;
    height: 1360px;
    padding-top: 160px;
    /* background:url('/_skin/tpl_skin/basic_origin_new/images/content1_1/play.png')center top no-repeat #ffffff; */
}

.con3::before {
    content: '';
    display: block;
    width: 1310px;
    height: 1200px;
    position: absolute;
    left: 50%;
    margin-left: 100px;
    transform: translateX(-50%);
    background: url('/_skin/tpl_skin/basic_origin_new/images/content1_1/play.png') center top no-repeat #ffffff;
}

.con3 .video_box {
    width: 695px;
    height: 430px;
    box-sizing: border-box;
    position: absolute;
    top: 606px;
    left: 10px;
    margin: 0;
}

.con3 .video_box .layer {
    height: 100%;
    cursor: pointer;
    background: none;
}

.con3 .video_box .layer span {
    display: block;
    height: 100%;
    font-size: 0;
    background: none;
}

.con10 .inner {
    padding: 160px 0;
}

.con4 {
    background-color: #f3eae1;
}

.con4 .inner {
    position: relative;
    padding: 160px 0 40px;
}

.con4 .inner::before {
    content: '';
    display: block;
    width: 853px;
    height: 868px;
    position: absolute;
    top: 450px;
    margin-left: 100px;
    z-index: 1;
    background: url('/_skin/tpl_skin/basic_origin_new/images/content1_1/teacher.png') center top no-repeat;
}

.con4 .inner .teacher-profile {
    margin-top: 230px;
}

.con4 .inner .teacher-profile>ul {
    display: flex;
    justify-content: space-between;
}

.con4 .inner .teacher-profile>ul>li:first-child {
    text-align: left;
}

.con4 .inner .teacher-profile>ul>li:last-child {
    text-align: right;
}

.con4 .inner .teacher-profile>ul>li>span {
    display: block;
    font-size: 30px;
    font-family: 'noto3';
    line-height: 35px;
}

.con4 .inner .teacher-profile>ul>li>strong {
    display: block;
    font-size: 40px;
    font-family: 'noto6';
    color: #1836ec;
    margin-top: 40px;
}

.con4 .inner .teacher-profile>ul>li>ul {
    font-size: 18px;
    font-family: 'noto3';
    margin-top: 20px;
}

.con4 .inner .teacher-profile>ul>li>ul>li::before {
    content: '·';
    display: inline-block;
    margin-right: 5px;
}

.teacher-video {
    margin-top: 230px;
}

.con4 .inner .teacher-video>ul {
    display: flex;
    justify-content: space-between;
}

.con4 .inner .teacher-video>ul>li {
    z-index: 2;
}

.con4 .inner .teacher-video>ul>li>a {
    display: block;
    /* width: 296px;
    height: 180px; */
}

.review_new {
    background-color: #f3eae1;
    padding: 100px 0 100px;
}

.review_new .review_slide {
    height: 660px;
}

.review_new .slick-slide {
    margin: 20px 0 130px 30px;
    padding: 35px 20px;
    border-radius: 20px;
    opacity: 1;
    box-shadow: 5px 5px 20px #858585;
    background-color: #fff;
    height: 470px;
    width: 340px;
    position: relative;
}

.slick-slider .slick-track {
    /* background-color: red; */
    padding-top: 70px;
}

.profile-image {
    width: 124px;
    height: 124px;
    display: block;
    position: absolute;
    top: -62px;
    left: 34%;
}

.slick-slider .slick-track ul>div>div>li:nth-child(1)::before {}

.review_new .slick-slide:focus,
.review_new .slick-slide .slick-prev:focus,
.review_new .slick-slide .slick-next:focus {
    border: none;
    outline: none;
}

.review_new .slick-slide:nth-of-type(1) {
    margin: 0;
}

.review_new .slick-current {
    opacity: 1;
}

.review_new .review_tit {
    font-size: 24px;
    line-height: 125%;
    margin: 0 0 20px;
    word-break: keep-all;
    font-family: 'noto5';
    font-weight: 600;
}

.review_new .review_txt {
    font-size: 22px;
    line-height: 145%;
    font-family: 'noto2';
    text-align: center;
    margin: 0 auto;
    padding-top: 60px;
}

.review_new .review_txt strong {
    font-weight: bold;
    font-family: 'noto3';
}

.review_new .review_txt .wirte_name {
    display: block;
    margin: 20px 0 0px;
    color: #9d9d9d;
}

.con5 {
    padding: 180px 0;
    background-color: #f5f5f5;
}

.con6 {
    position: relative;
    height: 309px;
}

.con6>div {
    width: 2560px;
    height: 309px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.con7 .inner {
    padding: 180px 0px;
    position: relative;
    text-align: center;
}

.con7 .inner .title {
    padding-bottom: 120px;
}

.con7 .inner .book {
    position: relative;
    height: 622px;
}

.con7 .inner .book::before {
    position: absolute;
    right: -84px;
    bottom: -0px;
    content: '';
    display: block;
    width: 626px;
    height: 405px;
    background-image: url('/_skin/tpl_skin/basic_origin_new/images/content1_1/book_bullet.png');
    background-repeat: no-repeat;
}

.con7 .inner .book .subTxt {
    width: 100%;
    position: absolute;
    bottom: -60px;
    text-align: right;
}

.con7 .inner .book .subTxt span {
    text-align: left;
    display: inline-block;
    font-size: 18px;
    color: #b8b8b8;
}

.con7 .video-box {
    width: 339px;
    height: 209px;
    text-align: right;
    position: absolute;
    background-image: url('/_skin/tpl_skin/basic_origin_new/images/content1_1/book_play.png');
    background-repeat: no-repeat;
    background-position: right;
    bottom: -60px;
    left: -20px;
}

.con7 .video-box .popupVideo {
    width: 330px;
    height: 190px;
    top: 5px;
}

.con7 .video-box .popupVideo a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.con8 .inner .book_slide_area {
    position: relative;
}

.con8 .inner .book_slide_area .btn_prev,
.con8 .inner .book_slide_area .btn_next {
    position: absolute;
    top: 32%;
}

.con8 .inner .book_slide_area .btn_prev {
    left: 0;
}

.con8 .inner .book_slide_area .btn_next {
    right: 0;
}

.con8 .inner .book_slide {
    width: 92%;
    height: 750px;
    /* margin-top: 200px; */
    /* margin-right: 20px; */
}

.con8 .inner .book_slide .slide_nav {
    text-align: right;
    position: relative;
    left: -20px;
    top: 0;
}

.con8 .inner .book_slide .slide_nav .swiper-pagination-bullet {
    margin: 0 4px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
}

.con8 .inner .book_slide .slide_nav .swiper-pagination-bullet-active {
    background: #ff696a;
    width: 40px;
    height: 20px;
    border-radius: 10px;
    transition: all 0.2s;
}

.con8 .inner .book_slide .book_review_nav {
    text-align: right;
    margin-left: -28px;
}

.con8 .inner .book_slide .book_review_nav span {
    width: 26px;
    height: 26px;
    margin-right: 16px;
    border-radius: 13px;
    background: #333;
    border: none;
    transition: all 0.5s;
}

.con8 .inner .book_slide .book_review_nav span:last-child {
    margin-right: 0;
}

.con8 .inner .book_slide .book_review_nav span.swiper-pagination-bullet-active {
    width: 58px;
    background: #f5363d;
}

.inner .book_review_slide_area {
    position: relative;
}

.inner .book_review_slide_area .btn_arrow {
    /* zzzz */
    position: absolute;
    z-index: 4;
    cursor: pointer;
    top: 70px;
}

.inner .book_review_slide_area .btn_next {
    /* zzzz */
    right: -80px;
    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;
}

.con8 .inner .div-table {
    width: 100%;
    height: 100%;
}

.book_review_slide_area {
    position: relative;
}

.book_review_slide_area .btn_arrow {
    /* zzzz */
    position: absolute;
    z-index: 4;
    cursor: pointer;
    top: 70px;
}

.book_review_slide_area .btn_prev {
    /* zzzz */
    left: -80px;
    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;
}

.con8 .writer .book_review_slide_area .btn_next {
    /* zzzz */
    right: -40px;
    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_review_slide {
    position: relative;
    width: 1100px;
    height: 290px;
    border-top: 1px solid #cacaca;
}

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

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

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

.book_review_slide .writer {
    padding-right: 20px;
    font-size: 16px;
    color: #848484;
    font-family: 'noto4';
    font-weight: 600;
    letter-spacing: -1px;
}

.book_review_slide .review_txt {
    font-size: 18px;
    font-family: 'noto3';
    line-height: 140%;
    letter-spacing: -1px;
    color: #4a4a4a;
}

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

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

.con9 {
    padding: 120px 0px !important;
}

.con9 .inner .contentTitle {
    font-size: 60px;
    text-align: center;
    font-family: 'noto7';
    color: #000;
    line-height: 60px;
    margin-bottom: 60px;
}

.con9 .inner .contentTitle span {
    font-family: 'noto3';
    display: inline-block;
    margin-right: 10px;
}

.con9 .inner .block-textList ul {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
}

.con9 .inner .block-textList ul li {
    background-color: #6e9bf8;
    margin: 20px 10px;
    border-radius: 20px;
    box-shadow: 8px 8px 20px 8px rgba(0, 0, 0, 0.2);
}

.con9 .inner .block-textList ul li>div {
    text-align: left;
    padding: 47px 61px;
    background-repeat: no-repeat;
}

.con9 .inner .block-textList ul li:nth-child(1)>div {
    background-position: right 80px bottom 23px;
    background-image: url('/_skin/tpl_skin/basic_origin_new/images/content1_1/bottom_benefit_top.png');
}

.con9 .inner .block-textList ul li>div>strong,
.con9 .inner .block-textList ul li>div>span {
    display: block;
    color: #000;
}

.con9 .inner .block-textList ul li>div>strong {
    font-size: 38px;
    margin-bottom: 20px;
    font-family: 'noto6';
    line-height: 44px;
}

.con9 .inner .block-textList ul li>div>span {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 15px;
}

.con9 .inner .block-textList ul li>div>span>span {
    font-size: 20px;
    margin-top: 10px;
    display: inline-block;
}

.con9 .inner .block-textList-grp {
    margin-top: 20px;
}

.con9 .inner .block-textList-grp ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.con9 .inner .block-textList-grp ul li {
    width: calc((100% - 20px) / 2);
    display: flex;
    align-items: center;
    height: 170px;
    margin: 15px 0px 0;
    border-radius: 20px;
    border: 2px solid #000;
    box-sizing: border-box;
    position: relative;
}

.con9 .inner .block-textList-grp ul li>div {
    text-align: left;
    margin-left: 230px;
}

.con9 .inner .block-textList-grp ul li::before {
    content: '';
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    width: 220px;
    height: 170px;
    left: 0px;
    top: 0px;
}

.con9 .inner .block-textList-grp ul li:nth-child(odd) {
    margin-right: 15px;
}

.con9 .inner .block-textList-grp ul li:nth-child(1)::before {
    top: 4px;
    background-image: url('/_skin/tpl_skin/basic_origin_new/images/content1_1/bottom_benefit_1.png');
}

.con9 .inner .block-textList-grp ul li:nth-child(2)::before {
    background-image: url('/_skin/tpl_skin/basic_origin_new/images/content1_1/bottom_benefit_2.png');
}

.con9 .inner .block-textList-grp ul li:nth-child(3)::before {
    background-image: url('/_skin/tpl_skin/basic_origin_new/images/content1_1/bottom_benefit_3.png');
}

.con9 .inner .block-textList-grp ul li:nth-child(4)::before {
    background-image: url('/_skin/tpl_skin/basic_origin_new/images/content1_1/bottom_benefit_4.png');
}

.con9 .inner .block-textList-grp ul li:nth-child(5)::before {
    left: -3px;
    background-image: url('/_skin/tpl_skin/basic_origin_new/images/content1_1/bottom_benefit_5.png');
}

.con9 .inner .block-textList-grp ul li:nth-child(6)::before {
    background-image: url('/_skin/tpl_skin/basic_origin_new/images/content1_1/bottom_benefit_6.png');
}

.con9 .inner .block-textList-grp ul li:nth-child(6) a {
    font-size: 16px;
    font-family: 'noto4';
    color: #fff;
    display: inline-block;
    background-color: #000;
    padding: 4px 10px;
    border-radius: 10px;
    margin-top: 4px;
}

.con9 .inner .block-textList-grp ul li>div>strong,
.con9 .inner .block-textList-grp ul li>div>span {
    display: block;
    color: #000;
}

.con9 .inner .block-textList-grp ul li>div>strong {
    font-size: 30px;
    font-family: 'noto6';
    /* margin: 15px 0; */
}

.con9 .inner .block-textList-grp ul li>div>span {
    font-size: 22px;
}

.con9 .inner .block-textList-grp ul li>div>span>span {
    font-size: 20px;
    margin-top: 10px;
    display: inline-block;
}

.creditCard {
    display: flex;
    flex-flow: column;
}

.creditCard>span {
    display: block;
    font-size: 30px !important;
    font-family: 'noto6';
    /* margin: 0 0 15px; */
}

.mock_cont {
    padding: 100px 0;
}