/* 디지털 수학 교구란 */
.intro_contents {
    margin-top: 3rem;
}

.intro_con + .intro_con {
    margin-top: 5rem;
}

.intro_tit_wrap {
    text-align: center;
}

/*.intro.title_wrap:before {*/
/*    content:'';*/
/*    width: 210px;*/
/*    height: 173px;*/
/*    position: absolute;*/
/*    left: 1.5rem;*/
/*    top: 50%;*/
/*    background: url('../../img/renew/digital-class-data/title-bg-digital.png') center no-repeat;*/
/*    background-size: contain;*/
/*    transform:translateY(-50%);*/
/*}*/

.intro.title_wrap:after {
    content:'';
    width: 280px;
    height: 179px;
    position: absolute;
    right: 3rem;
    top: 50%;
    background: url('../../img/renew/digital-class-data/title-bg-digital-intro.png') center no-repeat;
    background-size: contain;
    transform:translateY(-50%);
}

.intro_tit_wrap .intro_tit {
    display: inline-block;
    background: var(--color-red);
    color: #fff;
    letter-spacing: -0.5px;
    padding: 0.625rem 1.5rem 0.5rem 4.25rem;
    border-radius: 2rem;
    font-weight: 600;
    position: relative;
}

.intro_tit_wrap .intro_tit img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 52px;
    transform: translateY(-50%);
}

.intro_tit_wrap .intro_desc {
    margin: 1.5rem 0 2.5rem;
    line-height: 1.3;
}

.eval_list {
    gap: 2rem;
}

.eval_list .eval_item {
    width: calc((100% - 2rem) / 2);
}

.eval_list .eval_item .eval_img {
    margin: 1rem auto 0;
}

/* 수학교구 리스트 */
.classMath .title_wrap {
    padding: 2.25rem 0 2rem;
    background: #fff38b;
    position: relative;
    overflow: hidden;
}

.classMath .title_wrap:before {
    content:'';
    width: 149px;
    height: 157px;
    background: url('../../img/renew/digital-class-data/digital-class-math-bg1.png');
    position: absolute;
    left: 3%;
    bottom: -1px;
    opacity: 0.8;
}

.classMath .title_wrap:after {
    content:'';
    width: 157px;
    height: 178px;
    background: url('../../img/renew/digital-class-data/digital-class-math-bg2.png');
    position: absolute;
    right: 3%;
    bottom: -15%;
    opacity: 0.8;
}

.classMath .title_wrap .title {
    line-height: 1.6;
    margin-bottom: 0;
    font-size: 1.125rem;
}

.classMath .title_wrap .title b {
    font-size: 1.375rem;
    color: #c7000c;
    margin-bottom: 0.5rem;
    display: block;
}

.game_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.game_list .game_item {
    width: calc((100% - (1rem * 3)) / 4);
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 1rem;
    cursor: pointer;
    transition: 0.2s border-color linear;
    position: relative;
    overflow: hidden;
}

.game_list .game_item .game_item_gubun {
    box-sizing: border-box;
    position: absolute;
    left: 8px;
    top: 8px;
    background: #f6f8ff;
    color: #53608d;
    border:1px solid #efebff;
    letter-spacing: -0.5px;
    padding: 0.375rem 1rem;
    border-radius: 2rem;
}

.game_list .game_item .game_item_img {
    margin: 2rem 2rem 1.5rem;
}

.game_list .game_item .game_item_txt {
    text-align: center;
    transition: 0.2s all linear;
    box-sizing: border-box;
    padding: 1.25rem 0;
    background: #f6f8ff;
    line-height: 1.6;
    font-weight: 600;
}

.game_list .game_item .game_item_txt span {
    display: block;
    line-height: 1.6;
    font-weight: 500;
    opacity: 0.5;
}

.game_list .game_item:hover {
    border-color: var(--color-deep-blue);
    margin-top: -0.25rem;
    transition: 0.2s all linear;
}

.game_list .game_item:hover .game_item_txt {
    background: #e9eeff;
}

button.scrap_btn {
    width: 23px;
    height: 22px;
    transition: 0.2s all linear;
    position: absolute;
    right: 1rem;
    top:1rem;
    z-index: 999;
}

.geoboard_btn {
    font-size: 16px;
    margin-top: 2rem;
    padding: 0.75rem 1rem 0.625rem;
}
 .geoboard_btn:before {
     content: '';
     width: 20px;
     height: 20px;
     background: url('../../img/renew/digital-class-data/icon-geoboard-blue.png');
     background-size: contain;
     display: inline-block;
     vertical-align: middle;
     margin-top: -3px;
     margin-right: 0.5rem;
     transition: 0.2s all linear;
 }

.geoboard_btn:hover:before {
    background-image: url('../../img/renew/digital-class-data/icon-geoboard-red.png');
    transition: 0.2s all linear;
}
.geoboard_btn img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    margin-top: -3px;
    margin-right: 0.375rem;
}

/* 사회 지역화 자료 */
/*.deigitalClass_page .title_wrap {*/
/*    background: none;*/
/*    padding: 0;*/
/*    text-align: left;*/
/*    border-radius: 0;*/
/*}*/

/*.deigitalClass_page .title_wrap .title {*/
/*    font-size: 28px;*/
/*    font-weight: 600;*/
/*    margin-bottom: 1.25rem;*/
/*    padding-bottom: 1.25rem;*/
/*    border-bottom: 1px solid #ddd;*/
/*}*/

.classMath.social .title_wrap {
    background: #1991e5;
}

.classMath.social .title_wrap .title {
    color: #fff;
}

.classMath.social .title_wrap .title b {
    color: #f9ff00;
}

.classMath.social .title_wrap:before {
    background-image: url('../../img/renew/digital-class-data/digital-class-social-bg1.png');
    opacity: 1;
}

.classMath.social .title_wrap:after {
    background-image: url('../../img/renew/digital-class-data/digital-class-social-bg2.png');
    opacity: 1;
}

.deigitalClass_page.social .korea_map {
    margin-top: 3rem;
}

.deigitalClass_page.social .korea_map .map .map-img {
    display: none;
}

.deigitalClass_page.social .korea_map p {
    font-size: 20px;
}

.deigitalClass_page.social.post .map_btn {
    font-size: inherit;
    width: 165px;
    padding: 0.625rem 0.5rem;
}

.deigitalClass_page.social.post .map_btn::before {
    filter:brightness(0) invert(1);
}

.deigitalClass_page.social .right_img {
    width: 138px;
    height: 69px;
    background: url('../../img/digitalClass/map2.png') no-repeat center center / contain;
    position: absolute;
    bottom: 780px;
    right: -150px;
}

.deigitalClass_page.social .map .img_box {
    right: -140px;
}

.deigitalClass_page.social.post .boardList {
    margin-top: 2rem;
}

.deigitalClass_page .boardList .bd_tit {
    position: absolute;
    left: 0;
    top: 0.5rem;
}

.deigitalClass_page .board_table .item_chk {
    width: 40px;
}

.deigitalClass_page .item_filename {
    width: calc(100% - 40px - (10% * 3));
}

.deigitalClass_page  .item_scrap, .board_table .item_preview, .board_table .item_download {
    width: 10%;
}

.deigitalClass_page .bd_body button, .deigitalClass_page .bd_body .download_btn{
    width: 23px;
    height: 22px;
    transition: 0.2s all linear;
}

.deigitalClass_page .board_table .preview_btn {
    background: url('../../img/renew/common/icon-preview.png') no-repeat center center / contain;
    opacity: 0.2;
}

.deigitalClass_page .board_table .download_btn {
    background: url('../../img/renew/common/icon-download.png') no-repeat center center / contain;
    opacity: 0.2;
    display: inline-block;
}

.board_table .preview_btn:hover,
.board_table .download_btn:hover {
    opacity: 1;
    transition: 0.2s all linear;
}

.deigitalClass_page button.scrap_btn {
    position: inherit;
    right: auto;
    top: auto;
}

.deigitalClass_page.social.post .chk:checked {
    background: url("../../img/renew/common/checkbox_active_red.png") no-repeat center center / contain
}

/* 과학 실험 영상 */
.classMath.science .title_wrap {
    background: #ac26ff;
}

.classMath.science .title_wrap .title {
    color: #fff;
}

.classMath.science .title_wrap .title b {
    color: #fff900;
}

.classMath.science .title_wrap:before {
    background-image: url('../../img/renew/digital-class-data/digital-class-science-bg1.png');
    opacity: 1;
}

.classMath.science .title_wrap:after {
    background-image: url('../../img/renew/digital-class-data/digital-class-science-bg2.png');
    opacity: 1;
}

/* 선택구간 */
.sub_page .choice_wrap {

}

.sub_page .choice_wrap+.choice_wrap {
    margin-top: 50px;
}

.sub_page .choice_wrap h3 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.sub_page .choice_wrap h3::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    background: url('../../img/icon/icon_comment_smile.svg') no-repeat center center / contain;
}

.sub_page .choice_wrap .choice_box {
    display: flex;
    margin-bottom: 20px;
}

.sub_page .choice_wrap .choice_box.unit {
    flex-wrap: wrap;
    gap: 13px;
}

.sub_page .choice_wrap .choice_box.unit .choice_btn:not(:last-child) {
    margin-right: 0;
}

.sub_page .choice_wrap .choice_box.unit .choice_btn {
    width: auto;
    min-width: 144px;
    padding: 0 25px;
}

.sub_page .choice_wrap .choice_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 144px;
    height: 40px;
    font-size: 18px;
    border-radius: 100px;
    font-weight: 600;
    color: #555;
    background: #f2f2f2;
    cursor: pointer;
}

.sub_page .choice_wrap .choice_btn.active {
    color: #FF7F21;
    background: #FFE6D4;
}

.sub_page .choice_wrap .choice_btn:not(:last-child) {
    margin-right: 13px;
}

.deigitalClass_page.science .video_list {
    gap: 1rem;
}

.deigitalClass_page.science .video_list li {
    width: calc((100% - (1rem * 2)) / 3);
    margin-left: 0;
    margin-bottom: 0;
}

.deigitalClass_page.science .video_list .somenail {
    height: auto;
    padding-top: 56%;
    overflow: hidden;
}

.deigitalClass_page.science .video_list .somenail_img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.deigitalClass_page.science .video_list .somenail_img img {
    width: 100%;
    height: 100%;
}

.deigitalClass_page.science .video_list .play_bg::after {
    width: 60px;
    height: 60px;
}



/* 반응형 */
@media(max-width:1200px){

    /*.intro.title_wrap:before {*/
    /*    width: 160px;*/
    /*    height: 150px;*/
    /*}*/

    .intro.title_wrap:after {
        width: 250px;
        height: 155px;
    }

    .intro.title_wrap .title_desc {
        font-size: 92%;
        letter-spacing: -1px;
    }

    .eval_list .eval_item .btn_zoom {
        width: 50px;
        height: 50px;
        background-size: 22px;
    }

    /* 과학 실험 영상 */
    .sub_page .choice_wrap .choice_btn {
        font-size: inherit;
        width: 125px;
    }

}

@media(max-width:1024px){
    /*.deigitalClass_page .title_wrap .title {*/
    /*    font-size: 24px;*/
    /*}*/

    .geoboard_btn {
        font-size: 15px;
    }

    /*.intro.title_wrap:before {*/
    /*    width: 175px;*/
    /*    height: 150px;*/
    /*}*/

    .intro.title_wrap:after {
        width: 240px;
        height: 152px;
    }

    .intro.title_wrap .title b {
        font-size: 2.375rem;
    }

    .intro.title_wrap .title_desc {
        font-size: 95%;
    }
}

@media(max-width:970px){

    /*.intro.title_wrap:before {*/
    /*    width: 160px;*/
    /*    height: 150px;*/
    /*}*/

    .intro.title_wrap:after {
        width: 230px;
        height: 140px;
    }

    .intro.title_wrap .title {
        font-size: 15px;
    }

    .intro.title_wrap .title b {
        font-size: 2.125rem;
    }

    /* 사회 지역화 자료 */
    .deigitalClass_page.social .map .img_box {
        right: -45px;
    }
    .deigitalClass_page.social .right_img {
        width: 100px;
        right: -7%;
    }

    /* 과학 실험 영상 */
    .deigitalClass_page.science .video_wrap .title {
        font-size: 20px;
    }
    .deigitalClass_page.science .video_wrap .subtitle {
        font-size: 18px;
        color: #333;
    }
}

@media(max-width:768px){

    .classMath .title_wrap:before,
    .classMath .title_wrap:after,
    .classMath.social .title_wrap:before,
    .classMath.social .title_wrap:after,
    .classMath.science .title_wrap:before,
    .classMath.science .title_wrap:after {
        opacity: 0.1;
    }

    /*.deigitalClass_page .title_wrap .title {*/
    /*    font-size: 22px;*/
    /*}*/

    .geoboard_btn {
        font-size: 14px;
    }

    .game_list .game_item {
        width: calc((100% - (1rem * 2)) / 3);
    }

    .eval_list {
        flex-wrap: wrap;
    }

    .eval_list .eval_item {
        width: 100%;
    }

    .intro_con + .intro_con {
        margin-top: 3.75rem;
    }

    .game_list .game_item .game_item_txt {
        padding: 1rem 0 0.75rem;
    }

    /* 사회 지역화 자료 */
    .deigitalClass_page.social .korea_map {
        margin-top: 2.5rem;
    }

    .deigitalClass_page.social .korea_map p {
        font-size: 18px;
    }
    .deigitalClass_page.social .korea_map .map {
        background: none;
        width: auto;
        height: auto;
        margin: 3.25rem auto;
    }
    .deigitalClass_page.social .korea_map .map .map-img {
        display: block;
        width: 80%;
        margin: auto;
    }
    .deigitalClass_page.social .map .img_box {
        width: 28.25%;
        right: 0;
        bottom: 0;
    }
    .deigitalClass_page.social .right_img {
        right: 0;
        bottom: 72%;
    }
    .deigitalClass_page.social .map a {
        width: 120px;
        height: 36px;
        font-size: 14px;
    }
    .deigitalClass_page.social .map a.seoul {
        top: 15%;
        left: 22%;
    }
    .deigitalClass_page.social .map a.gangwon {
        top: 12%;
        right: 33%;
    }
    .deigitalClass_page.social .map a.incheon {
        top: 23%;
        left: 19.25%;
    }
    .deigitalClass_page.social .map a.gyeonggi {
        top: 19%;
        left: 32%;
    }
    .deigitalClass_page.social .map a.chungcheongBuk {
        top: 27%;
        left: 43%;
    }
    .deigitalClass_page.social .map a.seojong {
        top: 30.5%;
        left: 28%;
    }
    .deigitalClass_page.social .map a.chungcheongNam {
        top: 35%;
        left: 16%;
    }
    .deigitalClass_page.social .map a.daejeon {
        top: 37%;
        left: 33%;
    }
    .deigitalClass_page.social .map a.gyeongsangBuk {
        top: 35%;
        right: 24%;
    }
    .deigitalClass_page.social .map a.jeollaBuk {
        top: 47%;
        left: 28%;
    }
    .deigitalClass_page.social .map a.daegu {
        top: 44%;
        right: 25%;
    }
    .deigitalClass_page.social .map a.gwangju {
        top: 56%;
        left: 20%;
    }
    .deigitalClass_page.social .map a.ulsan {
        top: 49%;
        right: 10%;
    }
    .deigitalClass_page.social .map a.gyeongsangNam {
        top: 54%;
        right: 34%;
    }
    .deigitalClass_page.social .map a.jeollaNam {
        top: 63%;
        left: 24%;
    }
    .deigitalClass_page.social .map a.busan {
        top: 55%;
        right: 14%;
    }
    .deigitalClass_page.social .map a.jeju {
        bottom: 9%;
        left: 13%;
    }
    .deigitalClass_page.social .map a:before {
        width: 55px;
        height: 43px;
        top: -35px;
    }
    .deigitalClass_page.social.post .map_btn {
        width: 135px;
        height: 40px;
    }
    .deigitalClass_page.social.post .map_btn::before {
        width: 20px;
        height: 22px;
    }

    /* 과학 실험 영상 */
    .sub_page .choice_wrap .choice_box {
        margin-bottom: 1rem;
    }
    .sub_page .choice_wrap .choice_btn {
        width: 110px;
        height: 36px;
    }
    .sub_page .choice_wrap .choice_box.unit .choice_btn {
        min-width: 130px;
        padding: 0 1rem;
    }
    .deigitalClass_page.science .video_info .file_name span {
        font-size: inherit;
    }
}

@media(max-width:640px){
    .classMath .title_wrap .title b {
        font-size: 1.25rem;
    }
    .classMath .title_wrap .title {
        font-size: 1rem;
    }
    /*.deigitalClass_page .title_wrap .title {*/
    /*    font-size: 20px;*/
    /*    margin-bottom: 1rem;*/
    /*    padding-bottom: 1rem;*/
    /*}*/

    .game_list {
        gap: 1.5rem;
    }

    .game_list .game_item {
        width: calc((100% - 1.5rem) / 2);
    }

    .game_list .game_item .game_item_gubun {
        padding: 0.375rem 1.125rem;
    }

    .game_list .game_item .game_item_img {
        margin: 2.75rem 1.5rem 1rem;
    }

    .game_list .game_item .game_item_txt {
        padding: 0.75rem 0 0.5rem;
    }

    /* 사회 지역화 자료 */
    .deigitalClass_page.social .korea_map p {
        font-size: 1rem;
    }
    .deigitalClass_page.social .korea_map .map .map-img {
        width: 90%;
    }
    .deigitalClass_page.social .map a {
        width: 110px;
        height: 32px;
        font-size: 13px;
    }
    .deigitalClass_page.social .map a.seoul {
        left: 19%;
    }
    .deigitalClass_page.social .map a.incheon {
        left: 16%;
    }
    .deigitalClass_page.social .map a.seojong {
        left: 25.5%;
    }
    .deigitalClass_page.social .map a.daejeon {
        left: 31%;
    }
    .deigitalClass_page.social .map a.chungcheongNam {
        left: 13%;
    }
    .deigitalClass_page.social .map a.jeollaBuk {
        left: 24%;
    }
    .deigitalClass_page.social .map a.gwangju {
        left: 16%;
    }
    .deigitalClass_page.social .map a.jeollaNam {
        left: 18%;
    }
    .deigitalClass_page.social .map a.busan {
        right: 9%;
    }
    .deigitalClass_page.social .map a.ulsan {
        right: 4%;
    }
    .deigitalClass_page.social .map a.daegu {
        right: 22%;
    }
    .deigitalClass_page.social .map a.gyeongsangBuk {
        right: 18%;
    }
    .deigitalClass_page.social .map a.jeju {
        left: 10%;
    }
    .deigitalClass_page.social .right_img {
        width: 65px;
    }
    .deigitalClass_page.social .map a:before {
        width: 48px;
        height: 34px;
        top: -26px;
        left: -10px;
    }
    .deigitalClass_page .board_table .item_chk {
        width: 60px;
    }

    .board_table .item_chk input {
        margin: auto;
    }

    .board_table .bd_head .item_scrap, .board_table .bd_head .item_preview, .board_table .bd_head .item_download {
        display: none;
    }

    .board_table .bd_list_item p.item_scrap, .board_table .bd_list_item p.item_preview, .board_table .bd_list_item p.item_download {
        padding: 0;
        width: auto;
        position: absolute;
        left: 60px;
        bottom: 0.625rem;
    }
    .board_table .bd_list_item p.item_scrap {
        width: 23px;
        height: 22px;
    }

    .deigitalClass_page button.scrap_btn {
        left: 0;
        bottom: 0.125rem;
    }

    .board_table .bd_list_item p.item_preview {
        left: 90px;
    }

    .board_table .bd_list_item p.item_download {
        left: 120px;
    }

    .errorModify_modal .modal_box {
        padding: 2rem;
    }

    /* 과학 실험 영상 */
    .sub_page .choice_wrap .choice_box,
    .sub_page .choice_wrap .choice_box.unit {
        gap: 0.75rem;
    }
    .sub_page .choice_wrap .choice_btn:not(:last-child),
    .sub_page .choice_wrap .choice_btn {
        margin-right: 0;
        width: calc((100% - (0.75rem * 3)) / 4);
    }
    .sub_page .choice_wrap .choice_box.unit .choice_btn {
        width: calc((100% - 0.75rem) / 2);
        padding: 0;
        letter-spacing: -0.5px;
    }
    .deigitalClass_page.science .video_list li {
        width: calc((100% - 1rem) / 2);
    }
    .deigitalClass_page.science .video_info .top {
        margin-bottom: 0.5rem;
    }
}

@media(max-width:480px){

    .classMath .title_wrap .title b {
        font-size: 1.125rem;
    }
    .classMath .title_wrap .title {
        font-size: 14px;
    }

    .game_list .game_item .game_item_img {
        margin: 2.75rem 1.25rem 0.875rem;
    }

    button.scrap_btn {
        right: 0.75rem;
        top: 0.75rem;
    }

    .eval_list .eval_item {
        width:100%;
    }

    .intro_tit_wrap .intro_desc {
        margin: 1.25rem 0 2rem;
    }

    .intro_con + .intro_con {
        margin-top: 2.75rem;
    }

    .eval_list .eval_item .eval_img {
        margin: 0.5rem  auto 0;
    }

    .intro_tit_wrap .intro_tit {
        padding: 0.5rem 1.25rem 0.5rem 3.75rem;
    }

    .intro_tit_wrap .intro_tit img {
        width: 45px;
    }

    /* 사회 지역화 자료 */
    .deigitalClass_page.social .korea_map .map {
        margin: 2rem auto;
    }
    .deigitalClass_page.social .korea_map p {
        font-size: 14px;
    }
    .deigitalClass_page.social .korea_map .map .map-img {
        width: 94%;
    }
    .deigitalClass_page.social .map .img_box {
        width: 30%;
        height: 16%;
    }
    .deigitalClass_page.social .right_img  {
        bottom: 71%;
        width: 11%;
    }
    .deigitalClass_page.social .map a {
        font-size: 12px;
        letter-spacing: -0.5px;
        width: 100px;
        height: 28px;
    }
    .deigitalClass_page.social .map a.gangwon {
        right: 16%;
    }
    .deigitalClass_page.social .map a.seoul {
        top: 12%;
        left: 14%;
    }
    .deigitalClass_page.social .map a.gyeonggi {
        top: 17.5%;
        left: 30%;
    }
    .deigitalClass_page.social .map a.incheon {
        left: 12%;
    }
    .deigitalClass_page.social .map a.chungcheongBuk {
        top: 24%;
    }
    .deigitalClass_page.social .map a.gyeongsangBuk {
        top: 33%;
        right: 8%;
    }
    .deigitalClass_page.social .map a.daejeon {
        left: 36%;
    }
    .deigitalClass_page.social .map a.chungcheongNam {
        top: 36.5%;
        left: 8%;
    }
    .deigitalClass_page.social .map a.seojong {
        top: 30%;
        left: 21.5%;
    }
    .deigitalClass_page.social .map a.busan {
        top: 54%;
        right: 5%;
    }
    .deigitalClass_page.social .map a.ulsan {
        top: 47%;
        right: 0;
    }
    .deigitalClass_page.social .map a.daegu {
        top: 42%;
        right: 17%;
    }
    .deigitalClass_page.social .map a.jeollaBuk {
        top: 45%;
        left: 17%;
    }
    .deigitalClass_page.social .map a.gwangju {
        top: 54%;
        left: 10%;
    }
    .deigitalClass_page.social .map a.gyeongsangNam {
        top: 50.5%;
        right: 32.5%;
    }
    .deigitalClass_page.social .map a.jeollaNam {
        top: 63%;
        left: 11%;
    }
    .deigitalClass_page.social .map a.jeju {
        bottom: 10%;
        left: 3%;
    }
    .deigitalClass_page.social .map a:before {
        width: 36px;
        height: 30px;
        top: -22px;
    }

    /* 과학 실험 영상 */
    .sub_page .choice_wrap .choice_box {
        gap: 0.5rem;
    }
    .sub_page .choice_wrap .choice_btn:not(:last-child),
    .sub_page .choice_wrap .choice_btn {
        width: calc((100% - (0.5rem * 3)) / 4);
    }
    .deigitalClass_page.science .video_list li {
        width: 100%;
    }
    .sub_page .choice_wrap h3 {
        font-size: 1rem
    }
    .sub_page .choice_wrap h3::before {
        width: 28px;
        height: 28px;
        margin-right: 3px;
    }
    .deigitalClass_page.science .video_wrap .title {
        font-size: 18px;
    }
    .deigitalClass_page.science .video_wrap .subtitle {
        font-size: 1rem;
        margin: 2rem 0 1.5rem;
        font-weight: 700;
    }

}