/*
첫페이지용
퍼블 CSS 원래 이름 : main.css
*/
:root {
    --home-quick-columns: 3;
    /* 메인 퀵메뉴 수 */
}

#container.main {
    padding: 10px 0;
    display: flex;
    max-width: 1920px;
    margin: 0 auto;

}

/* --------------------------------- */
#container.main .inner {
    max-width: 1535px;
    width: 100%;
    margin: 0;

    padding: 0 15px;
    padding-left1: 265px;
    padding-top1: 90px !important;
    margin-top1: 90px !important;
}

body.tablet #container.main .inner {
    padding-left1: 120px;
}

body.mobile #container.main .inner {
    padding-left1: 20px;
}

/* --------------------------------- */
#container.main > .content-wrap {
    width: 100%;
    padding-top: 90px !important;
    padding-left: 265px;
}

body.tablet #container.main > .content-wrap {
    padding-left: 120px;
}

body.mobile #container.main > .content-wrap {
    padding-left: 20px;
}

/* ------------------------------------------------------------------------- */
body.tablet #container.main {
    padding: 31px 0 0;
}

body.mobile #container.main {
    padding: 31px 0 0;
}


/* 메인 퀵 메뉴 */
section.mSection-quick {
    padding1: 1.0rem 0;
}

section.mSection-quick .list-box {
    display: flex;
    background-color: #F0F2F6;
    border-radius: 1.25rem;
    padding: 1.25rem;
    justify-content: space-between;
}

section.mSection-quick .list-box .text-a {
    padding: 0.9375rem;
    min-width: calc(100% - 940px);
}

section.mSection-quick .list-box .text-a p.t1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: #fff;
    font-weight: 500;
    border-radius: 0.9375rem;
    background-color: #80848D;
    padding: 2px 0.5rem;
}

section.mSection-quick .list-box .text-a p.t2 {
    margin-top: 0.625rem;
    color: #000;
    font-weight: 600;
    font-size: 1.25rem;
}

section.mSection-quick .list-box .menu-list {
    display: flex;
    width: 100%;
    margin-top: -0.625rem;
}

section.mSection-quick .list-box .menu-list > a {
    width: calc((100% / var(--home-quick-columns)) - 0.625rem);
    /* EBS 추가되면 3 => 4 */
    padding: 0.3125rem;
    margin-left: 0.625rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    border-radius: 0.9375rem;
    height: 7.875rem;
    margin-top: 0.625rem;
}

section.mSection-quick .list-box .menu-list > a .txt {
    text-align: center;
}

section.mSection-quick .list-box .menu-list > a .txt > p.tit {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    margin-top: 0;
}

section.mSection-quick .list-box .menu-list > a .txt > p {
    font-size: 0.875rem;
    color: #888;
    margin-top: 0.3125rem;
}

section.mSection-quick .list-box .menu-list > a figure {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;
}

section.mSection-quick .list-box .menu-list > a figure:before {
    content: '';
    background: url("../../images/main/quick-icon.svg")no-repeat top center;
    display: inline-block;
    width: 3.75rem;
    height: 3.75rem;
    overflow: hidden;
}

section.mSection-quick .list-box .menu-list > a.textbook figure:before,
section.mSection-quick .list-box .menu-list1 > a:nth-child(1) figure:before {
    background-position: top center;
}

section.mSection-quick .list-box .menu-list > a.ebs figure:before {
    background-position: top -3.75rem center;
}

section.mSection-quick .list-box .menu-list > a.simul figure:before {
    background-position: top -7.5rem center;
}

section.mSection-quick .list-box .menu-list > a.aux figure:before {
    background-position: top -11.25rem center;
}

section.mSection-quick .list-box .menu-list > a.etc figure:before {
    background-position: top -15rem center;
}

section.mSection-quick .examPaper-box {
    margin-top: 2.5rem;
}

section.mSection-quick .examPaper-box .emoji-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.125rem;
    font-weight: 600;
    color: #000;
}

section.mSection-quick .examPaper-box .emoji-title > img {
    margin: 0 0.625rem;
}

section.mSection-quick .examPaper-box .box-area {
    display: flex;
    margin-top: 1.25rem;
    gap: 20px;
    margin-left: 0;
    margin-right: 0;
}

section.mSection-quick .examPaper-box .box-area > div {
    overflow: hidden;
    position: relative;
    /*height:21.875rem;*/
    padding: 0;
}

section.mSection-quick .examPaper-box .box-area > div > a {
    display: flex;
    width: 100%;
    height: 100%;
}

section.mSection-quick .examPaper-box .box-area > div.b1 {}

/* section.mSection-quick   .examPaper-box .box-area > div.b1 a:before{content:'';background: url("../../images/main/examPaper-img01.png")no-repeat center/cover;width:100%;height:100%;position:absolute;z-index:-1;}
section.mSection-quick   .examPaper-box .box-area > div.b2{background: url("../../images/main/examPaper-img02.png")no-repeat center/contain;height:21.875rem;}
section.mSection-quick   .examPaper-box .box-area > div.b3{background: url("../../images/main/examPaper-img03.png")no-repeat center/contain;height:21.875rem;} */
section.mSection-quick .examPaper-box .box-area > div .text-a {
    padding: 2.5rem;
    width: 100%;
}

section.mSection-quick .examPaper-box .box-area > div .text-a > h4 {
    font-weight: 600;
    font-size: 1.25rem;
    color: #fff;
}

section.mSection-quick .examPaper-box .box-area > div .text-a > p {
    font-weight: 700;
    color: #fff;
    font-size: 1.625rem;
    margin-top: 1rem;
}

section.mSection-quick .examPaper-box .box-area > div.b2 .text-a > h4 {
    color: #000;
}

section.mSection-quick .examPaper-box .box-area > div.b2 .text-a > p {
    color: #000;
}


/* section.mSection-quick   .examPaper-box .box-area > div .btn-point { display:none;} */
section.mSection-quick .examPaper-box .box-area > div .btn-point {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 60px;
    height: 60px;
}

/* 메인 장터,사용법,관리 리스트  */
section.mSection-list {
    position: relative;
    padding: 40px 0;
}

section.mSection-list:before {
    content: '';
    background1: url("../../images/main/listsection-bg.jpg")no-repeat center/cover;
    background-color: rgb(235, 245, 255);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}

/* section.mSection-list:after{content:'';background: rgba(91, 166, 252, 0.1);position: absolute;left: 50%;top:50%;width: 100vw;height: 100%;transform: translate(-50%,-50%);} */
section.mSection-list .list-box {
    margin-right: 0;
    gap: 20px;
}

section.mSection-list .item {
    background-color: #fff;
    border-radius: 1.875rem;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    padding: 0;
    flex: 0 0 32%;
}

section.mSection-list .item > a {
    padding: 40px 40px 30px;
}

section.mSection-list .item > a .l-conts {}

section.mSection-list .item > a .l-conts .text-a {}

section.mSection-list .item > a .l-conts .text-a h4 {
    font-size: 30px;
    color: #000;
    font-weight: 700;
    margin-top: 10px;
}

section.mSection-list .item > a .l-conts .text-a p {
    font-size: 18px;
    color: #929292;
    white-space: nowrap;
}

section.mSection-list .item > a .l-conts span.arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
    margin-top: 32px;
}

section.mSection-list .item > a .l-conts span.arrow::before {
    content: '';
    background: url("../../images/main/list-arrow.png")no-repeat center;
    width: 50px;
    height: 50px;
    display: inline-block;
}

section.mSection-list .item > a figure {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

/* 메인 게시판 */
section.mSection-board {
    padding: 40px 0 60px;
}

section.mSection-board {}

section.mSection-board .archive-wrap {
    background-color: #fff;
    border: 1px solid #D2D2D2;
    border-radius: 30px;
    padding: 30px 30px 20px;
}

section.mSection-board .archive-wrap .title {}

section.mSection-board .archive-wrap .title > h3 {
    font-size: 28px;
    font-weight: 600;
}

section.mSection-board .archive-wrap .title > a.more {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
}

section.mSection-board .archive-wrap .title > a.more:before {
    content: '';
    background: url("../../images/common/more-icon.png")no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
}

section.mSection-board .archive-wrap .tab {
    margin-top: 20px;
    display: flex;
    border-bottom: 1px solid #eee;
    flex-wrap: wrap;
    margin-left: -40px;
}

section.mSection-board .archive-wrap .tab > a {
    position: relative;
    display: flex;
    padding: 10px 0 15px;
    color: #888888;
    font-size: 18px;
    margin-left: 40px;
}

section.mSection-board .archive-wrap .tab > a.active {
    color: #3B84FF;
    font-weight: 900;
}

section.mSection-board .archive-wrap .tab > a.active:before {
    content: '';
    background-color: #3B84FF;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
}



section.mSection-board .archive-wrap .table {
    margin-top: 10px;
}

section.mSection-board .archive-wrap .table td {
    border: none;
    padding: 18px 20px;
}

section.mSection-board .archive-wrap .table tr + tr td {
    border-top: 1px solid #eee;
}

section.mSection-board .archive-wrap .table td {}

section.mSection-board .archive-wrap .table td .conts {}

section.mSection-board .archive-wrap .table td .conts > p {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    overflow: hidden;
    display: block !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    /*말줄임 수정 가능*/
    -webkit-box-orient: vertical;
    word-break: break-all;
}

section.mSection-board .archive-wrap .table td .conts span.tag {
    background-color: #9BBCF1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 900;
    border-radius: 16px;
    color: #fff;
    margin-right: 20px;
}

section.mSection-board .archive-wrap .table td .conts span.tag.tag-1,
section.mSection-board .archive-wrap .table td .conts span.tag.cat-201 {
    background-color: #9BBCF1;
}

section.mSection-board .archive-wrap .table td .conts span.tag.tag-2,
section.mSection-board .archive-wrap .table td .conts span.tag.cat-202 {
    background-color: #7ACFB1;
}

section.mSection-board .archive-wrap .table td .conts span.tag.tag-3,
section.mSection-board .archive-wrap .table td .conts span.tag.cat-203 {
    background-color: #F4BF71;
}

section.mSection-board .archive-wrap .table td .conts span.tag.tag-4,
section.mSection-board .archive-wrap .table td .conts span.tag.cat-204 {
    background-color: #F6A7A7;
}

section.mSection-board .archive-wrap .table td .conts span.tag.tag-5,
section.mSection-board .archive-wrap .table td .conts span.tag.cat-205 {
    background-color: #A0C4FF;
}

section.mSection-board .archive-wrap .table td .conts span.tag.tag-6,
section.mSection-board .archive-wrap .table td .conts span.tag.cat-207 {
    background-color: #95DAC1;
}

section.mSection-board .archive-wrap .table td .conts span.tag.tag-7,
section.mSection-board .archive-wrap .table td .conts span.tag.cat-207 {
    background-color: #FFD6A5;
}

section.mSection-board .archive-wrap .table td .conts span.tag.tag-8,
section.mSection-board .archive-wrap .table td .conts span.tag.cat-208 {
    background-color: #FDFFB6;
}

section.mSection-board .archive-wrap .table td .conts span.tag.tag-9,
section.mSection-board .archive-wrap .table td .conts span.tag.cat-209 {
    background-color: #FFADAD;
}


section.mSection-board .archive-wrap .table td .conts span.cnt {
    border-radius: 16px;
    font-size: 12px;
    font-weight: 900;
    background-color: #3B84FF;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 6px;
    margin-left: 5px;
}

section.mSection-board .archive-wrap .table td .date {
    font-size: 16px;
    color: #666;
}

section.mSection-board .archive-wrap .table td .user {
    font-size: 16px;
    color: #666;
}

section.mSection-board .notice-wrap {
    background-color: #fff;
    border: 1px solid #D2D2D2;
    border-radius: 30px;
    padding: 30px;
    margin-top: 10px;
}

section.mSection-board .notice-wrap .title {}

section.mSection-board .notice-wrap .title > h3 {
    font-size: 28px;
    font-weight: 600;
}

section.mSection-board .notice-wrap .title > a.more {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
}

section.mSection-board .notice-wrap .title > a.more:before {
    content: '';
    background: url("../../images/common/more-icon.png")no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
}

section.mSection-board .notice-wrap .notice-list {
    margin-left: 0;
    margin-right: 0;
    gap: 20px;
    margin-top: 20px;
}

section.mSection-board .notice-wrap .notice-list > div {
    background-color: #F6F7FB;
    border-radius: 15px;
    padding-left: 0;
    padding-right: 0;
}

section.mSection-board .notice-wrap .notice-list > div > a {
    display: flex;
    padding: 20px;
    flex-direction: column;
    height: 117px;
    justify-content: space-between;
}

section.mSection-board .notice-wrap .notice-list > div > a .text {
    position: relative;
    font-size: 18px;
    padding-right: 28px;
    overflow: hidden;
    display: block !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

section.mSection-board .notice-wrap .notice-list > div > a .text.file:after {
    content: '';
    background: url("../../images/common/file-icon.svg")no-repeat top right;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 0;
    top: 0;
}

section.mSection-board .notice-wrap .notice-list > div > a .text.picture:after {
    content: '';
    background: url("../../images/common/picture-icon.svg")no-repeat top right;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 0;
    top: 0;
}

section.mSection-board .notice-wrap .notice-list > div > a .text:after {}

section.mSection-board .notice-wrap .notice-list > div > a .etc {
    font-size: 16px;
}

section.mSection-board .notice-wrap .notice-list > div > a .etc p.date {
    color: #888;
}

section.mSection-board .notice-wrap .notice-list > div > a .etc p.view {
    color: rgba(102, 102, 104, 0.5333);
    font-size: 12px;
    display: flex;
    align-items: center;
}

section.mSection-board .notice-wrap .notice-list > div > a .etc p.view span {
    font-size: 16px;
    color: #666;
    margin-left: 10px;
}

section.mSection-board .notice-wrap .notice-list > div > a .etc {}

section.mSection-board .banner-wrap {
    position: relative;
    margin-top: 60px;
}

section.mSection-board .banner-wrap .text-a {
    position: absolute;
    left: 7%;
    top: 53%;
    transform: translateY(-50%);
}

section.mSection-board .banner-wrap .text-a > p {}

section.mSection-board .banner-wrap > a {
    position: absolute;
    left: 7.3%;
    top: 60%;
    display: block;
    height: 23%;
    width: 9.5%;
}

/* 메인 순위 섹션 */
section.mSection-rank {
    padding: 50px 0;
    position: relative;
}

section.mSection-rank::before {
    content: '';
    background: linear-gradient(90deg, #F1F5FF 0%, #EDF9F7 100%);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

section.mSection-rank .rank-wrap {
    background-color: #fff;
    padding: 40px 50px;
    border-radius: 30px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);

    position: relative;
    /* relative 설정하지 않으면 하위 요소중 일부가 표시 안됨 */
}

section.mSection-rank .rank-wrap .line {
    padding: 0 30px;
    position: relative
}

section.mSection-rank .rank-wrap .line:before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    background-color: rgba(40, 40, 40, 0.15);
}

section.mSection-rank .rank-wrap > .list > div.week, section.mSection-rank .rank-wrap > .list > div.month {
    width: calc(50% - 60px)
}

section.mSection-rank .rank-wrap > .list > div .title {}

section.mSection-rank .rank-wrap > .list > div .title p {
    font-size: 28px;
    font-weight: 600;
    color: #000;
}

section.mSection-rank .rank-wrap > .list > div .title span {
    font-size: 17px;
    font-weight: 500;
    color: #666;
}

section.mSection-rank .rank-wrap > .list > div > ul {
    margin-top: 30px;
}

section.mSection-rank .rank-wrap > .list > div > ul > li {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

section.mSection-rank .rank-wrap > .list > div > ul > li + li {
    margin-top: 15px;
}

section.mSection-rank .rank-wrap > .list > div > ul > li .num {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    width: 37px;
    height: 41px;
    position: relative;
    margin-right: 10px;
}

section.mSection-rank .rank-wrap > .list > div > ul > li .num:before {
    content: '';
    background: url("../../images/main/rank-icon.svg")no-repeat top center / 37px 221px;
    display: flex;
    width: 37px;
    height: 41px;
    align-items: center;
    justify-content: center;
}

section.mSection-rank .rank-wrap > .list > div > ul > li:nth-child(1) .num:before {
    content: '1';
    background: url("../../images/main/rank-icon.svg")no-repeat top center / 37px 221px;
    color: #fff;
}

section.mSection-rank .rank-wrap > .list > div > ul > li:nth-child(2) .num:before {
    content: '2';
    background: url("../../images/main/rank-icon.svg")no-repeat top -45px center / 37px 221px;
    color: #fff;
}

section.mSection-rank .rank-wrap > .list > div > ul > li:nth-child(3) .num:before {
    content: '3';
    background: url("../../images/main/rank-icon.svg")no-repeat top -90px center / 37px 221px;
    color: #fff;
}

section.mSection-rank .rank-wrap > .list > div > ul > li:nth-child(4) .num:before {
    content: '4';
    background: url("../../images/main/rank-icon.svg")no-repeat top -135px center / 37px 221px;
}

section.mSection-rank .rank-wrap > .list > div > ul > li:nth-child(5) .num:before {
    content: '5';
    background: url("../../images/main/rank-icon.svg")no-repeat top -180px center / 37px 221px;
}

section.mSection-rank .rank-wrap .rank-chk {
    border-radius: 16px;
    background-color: #E5E7EC;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.mSection-rank .rank-wrap .rank-chk:after {
    content: '';
    background: url("../../images/main/rank-arrow.svg")no-repeat center;
    width: 16px;
    height: 17px;
    display: inline-block;
    margin-left: 4px;
}


@media (hover: hover) {
    .btn-point span:nth-child(1) {
        position: absolute;
        bottom: -60px;
        right: -60px;
        width: 60px;
        height: 60px;
        background: #fff;
        border-radius: 50% 0 0 0;
        transition: bottom .7s cubic-bezier(.785, .135, .15, .86), right .7s cubic-bezier(.785, .135, .15, .86), transform .3s;
    }

    .btn-point span:nth-child(1)::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: -30px;
        width: 30px;
        height: 30px;
        border-right: 1px solid #fff;
        box-sizing: content-box;
        background: radial-gradient(circle at 0 0, transparent 71%, #fff 70%)
    }

    .btn-point span:nth-child(1)::after {
        content: "";
        position: absolute;
        top: -30px;
        right: 0;
        width: 30px;
        height: 30px;
        border-bottom: 1px solid #fff;
        box-sizing: content-box;
        background: radial-gradient(circle at 0 0, transparent 71%, #fff 70%)
    }

    .btn-point span:nth-child(2) {
        overflow: hidden;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 3.125rem;
        height: 3.125rem;
        transform: scale(0);
        transform-origin: right bottom;
        transition: transform .6s cubic-bezier(.785, .135, .15, .86)
    }

    .btn-point span:nth-child(2)::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #fff;
        border: 1px solid #EEEEEE;
    }

    .btn-point span:nth-child(2)::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("../../images/main/examPaper-arrow.svg") no-repeat center
    }

    section.mSection-quick .examPaper-box .box-area > div:hover .btn-point span {
        --velocity: 0.8
    }

    section.mSection-quick .examPaper-box .box-area > div:hover .btn-point span:nth-child(1) {
        bottom: 0;
        right: 0;
        transition: bottom calc(.7s * var(--velocity)) cubic-bezier(.785, .135, .15, .86), right calc(.7s * var(--velocity)) cubic-bezier(.785, .135, .15, .86), transform .3s;
        animation: icon-btn-ani calc(1.4s * var(--velocity)) calc(0s * var(--velocity)) both ease-out;
        transform-origin: right bottom
    }

    section.mSection-quick .examPaper-box .box-area > div:hover .btn-point span:nth-child(2) {
        overflow: visible;
        transform: scale(1);
        transition: transform calc(.7s * var(--velocity)) calc(.05s * var(--velocity)) cubic-bezier(.785, .135, .15, .86)
    }

    section.mSection-quick .examPaper-box .box-area > div:hover .btn-point span:nth-child(2)::before {
        animation: icon-btn-ani calc(1.35s * var(--velocity)) calc(.05s * var(--velocity)) both ease-out;
        transform-origin: right bottom
    }

    section.mSection-quick .examPaper-box .box-area > div:hover .btn-point span:nth-child(2)::after {
        animation: icon-btn-ani calc(1.35s * var(--velocity)) calc(.05s * var(--velocity)) both ease-out;
        transform-origin: right bottom
    }

    @keyframes icon-btn-ani {
        0% {
            transform: scale(1)
        }

        50% {
            transform: scale(1.1)
        }

        70% {
            transform: scale(.98)
        }

        100% {
            transform: scale(1)
        }
    }
}

@media screen and (max-width: 1250px) {
    section.mSection-quick .list-box {
        flex-direction: column;
    }
}

@media screen and (max-width: 1024px) {
    section.mSection-quick {
        padding-top: 0;
    }

    section.mSection-quick .list-box .menu-list {
        flex-wrap: wrap;
    }

    section.mSection-list .item {
        flex: 0 0 48%;
        max-width: 50%;
    }

    section.mSection-board .archive-wrap .table td {
        padding: 10px;
    }

    section.mSection-rank .rank-wrap > .list > div.week, section.mSection-rank .rank-wrap > .list > div.month {
        width: 100%;
    }

    section.mSection-rank .rank-wrap .line {
        display: none;
    }

    section.mSection-rank .rank-wrap > .list > div + div {
        margin-top: 20px;
    }

    section.mSection-quick .examPaper-box .emoji-title {
        font-size: 2rem;
    }
}

@media screen and (max-width: 850px) {
    section.mSection-board .archive-wrap .table td .conts span.tag {
        margin-right: 10px;
        padding: 5px 8px;
        font-size: 10px;
    }

    section.mSection-board .archive-wrap .table td .date {
        font-siez: 14px;
    }

    section.mSection-board .archive-wrap .table td .conts > p {
        font-size: 16px;
    }

    section.mSection-board .archive-wrap .table td .user {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    section.mSection-quick .list-box .menu-list {
        margin-left: -0.3125rem;
    }

    section.mSection-quick .list-box .menu-list > a {
        width: calc((100% / 2) - 0.625rem);
    }

    section.mSection-quick .examPaper-box .box-area {
        gap: 0 5px;
    }

    section.mSection-quick .examPaper-box .box-area > div {}

    section.mSection-quick .examPaper-box .box-area > div > a > img {
        width: 100%
    }

    section.mSection-list .item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}