@charset "utf-8";

/* 메인 비주얼 영역 */
.main-container {
    background-color: #fff;
    padding-top: 8rem;
    padding-bottom: 15rem;
}
.main__slogan {
    padding-bottom: 8rem;
    word-break: keep-all;
}

.main__slogan>.sub {
    font-size: 3.2rem;
    word-break: keep-all;
}

.teal {
    color: var(--color-teal);
}
.blue {
    color: var(--color-blue);
}

.main__slogan>.tit {
    font-family: 'Hakgyoansim Allimjang';
    font-size: 5rem;
    line-height: 6.1rem;
    padding-top: 1.6rem;
}

.main-link__list + .main-link__list {
    padding-top: 2.4rem;
}

.main-link__list {
    display: flex;
    gap: 1.6rem 2.4rem;
}
.bg__teal {
    --bg-color: var(--color-teal);
}
.main-link.bg__teal {
    --bg-img : url(/client/education_manage_system/img/2025_main_update/main/main-link-teal.png);
    --icon-img: url(/client/education_manage_system/img/2025_main_update/main/main-link-icon-1.svg);
    --icon-width: 11.7rem;
    --icon-height: 13.8rem;
}

.bg__blue {
    --bg-color: var(--color-blue);
}

.main-link.bg__blue {
    --bg-img:url(/client/education_manage_system/img/2025_main_update/main/main-link-blue.png);
    --icon-img: url(/client/education_manage_system/img/2025_main_update/main/main-link-icon-3.svg);
    --icon-width: 14.6rem;
    --icon-height: 11.9rem;
}

.bg__green {
    --bg-color: var(--color-green);
}

.main-link.bg__green {
    --bg-img:url(/client/education_manage_system/img/2025_main_update/main/main-link-green.png);
    --icon-img: url(/client/education_manage_system/img/2025_main_update/main/main-link-icon-2.svg);
    --icon-width: 9.6rem;
    --icon-height: 11.4rem;
}

.main-link {
    display: block;
    width: 39rem;
    height: 27rem;
    padding: 4rem;
    box-sizing: border-box;
    position: relative;
    border-radius: 3rem;
    background-color: var(--bg-color);
}

.main-link::before,
.main-link::after,
.main-link__deco::after {
    content: '';
    display: block;
    background-repeat: no-repeat;
    position: absolute;
}

.main-link::before {
    background-color: #000;
    border-radius: 50%;
    height: 4rem;
    bottom: 2rem;
    right: 8rem;
    filter: blur(5px);
    opacity: 0;
    transition: all .3s ease-in;
    z-index: 2;
}


.main-link::after {
    background-image: var(--icon-img);
    background-size: contain;
    width: var(--icon-width);
    height: var(--icon-height);
    bottom: 3.5rem;
    right: 7rem;
    transition: all .3s ease-in;
    z-index: 2;
}

@keyframes main-link-ani {
    0% {
        bottom: 3.5rem;
    }
    50% {
        bottom: 4.5rem;
    }
    100% {
        bottom: 3.5rem;
    }
}

.main-link.bg__green::after {
    right: 10rem;
}

.main-link.bg__teal::after {
    right: 9rem;
}

.main-link__tit {
    color: #fff;
    font-size: 3.2rem;
    font-weight: 700;
}

.main-link__deco {
    background-image: var(--bg-img);
    background-size: contain;
    background-repeat: no-repeat;
    width: 10rem;
    height: 10rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.main-link__deco::after {
    background-image: url(/client/education_manage_system/img/2025_main_update/main/main-link-arrow.svg);
    background-size: contain;
    width: 2.1rem;
    height: 2.1rem;
    bottom: 1.4rem;
    right: 1.4rem;
    z-index: 1;
}

.sub-link {
    display: block;
    border-radius: 2.4rem;
    border: 1px solid #E2E8F0;
    box-sizing: border-box;
    flex: 1 1 100%;
    width: 100%;
    background-color: #fff;
    height: 17rem;
    text-align: center;
    position: relative;
    transition:var(--transition);

}

.sub-link__logo {
    height: calc(17rem - 5.4rem);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 2.4rem;
    padding: 1rem 1.5rem;
    box-sizing: border-box;
}

.sub-link__tit {
    background-color: #F1F4F8;
    padding: 1.6rem;
    box-sizing: border-box;
    border-radius: 0 0 2.4rem 2.4rem;
    display: block;
}

.sub-link__tit>p::before {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(/client/education_manage_system/img/2025_main_update/common/icon-open.svg);
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
    z-index: 1;
}

.sub-link__tit>p {
    font-size: 1.9rem;
    line-height: 2.3rem;
    font-weight: 700;
    word-break: keep-all;
}

.main__bottom {
    display: flex;
    gap: 0 2.4rem;
    justify-content: space-between;
    position: relative;
}

.main-login-stage {
    width: 100%;
    border-radius: 2.4rem;
    box-shadow: 0 0 3rem #66666620;
    padding: 4rem 4rem 0;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.main-login__deco {
    display: block;
    background-image: url(/client/education_manage_system/img/2025_main_update/main/main-deco.png);
    background-size: contain;
    width: 48.2rem;
    height: 62rem;
    position: absolute;
    z-index: 1;
    top: -28rem;
    right: -5rem;
    transition: all .3s ease-in;
}

.main-login__deco::before,
.main-login__deco::after {
    content: '';
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16.5rem;
    height: 9.3rem;
    transition: all .3s ease-in;
}

.main-login__deco::before {
    background-image: url(/client/education_manage_system/img/2025_main_update/main/main-deco-left.png);
    top: 5.8rem;
    left: 2.2rem;
    animation: main-left-ani 4s ease-in infinite;
}

@keyframes main-left-ani {
    0% {
        top: 7.8rem;
        left: 2.2rem;
        opacity: 0;
    }
    40% {
        opacity: 1;
        top: 5.8rem;
        left: 2.2rem;
    }
    80% {
        opacity: 1;
        top: 5.8rem;
        left: 2.2rem;
    }
    100% {
        opacity: 0;
    }
}


.main-login__deco::after {
    background-image: url(/client/education_manage_system/img/2025_main_update/main/main-deco-right.png);
    top: 9.3rem;
    right: 0;
    /* st 20250616 최유림 수정 */
    animation: main-right-ani 4s ease-in infinite;
    /* ed 20250616 최유림 수정 */
}

@keyframes main-right-ani {
    0% {
        top: 11.3rem;
        right: 2rem;
        opacity: 0;
    }
    50% {
        opacity: 1;
        top: 9.3rem;
        right: 0;
    }
    90% {
        opacity: 1;
        top: 9.3rem;
    }
    100% {
        opacity: 0;
        right: 0;
    }
}

.main .side__goto {
    padding: 3.5rem 0 3.5rem 4.4rem;
}

.main .side__goto:last-child {
    border-bottom: 0;
}

@media screen and (min-width: 1024px) {
    .main-link:hover::after {
        animation: main-link-ani 1s infinite;
    }
    .main-link:hover::before {
        width: 14rem;
        opacity: .3;
    }
    .sub-link:hover {
        box-shadow: 0 0 15px #00000030;
    }
    .side__goto:hover::after {
        background-image: url(/client/education_manage_system/img/2025_main_update/main/goto-arrow-active.svg);
        width: 2.843rem;
        height: 2.3rem;
    }
    .side__goto:nth-child(1):hover::before {
        background-image: url(/client/education_manage_system/img/2025_main_update/main/goto-icon-1-active.svg);
    }
    .side__goto:nth-child(2):hover::before {
        background-image: url(/client/education_manage_system/img/2025_main_update/main/goto-icon-2-active.svg);
    }
    .side__goto:nth-child(3):hover::before {
        background-image: url(/client/education_manage_system/img/2025_main_update/main/goto-icon-3-active.svg);
    }
}
@media screen and (max-width: 1699px) {
    .main-container {
        overflow: hidden;
    }
    .main-link__lists {
        width: 100%;
    }
    .main-link__list {
        column-gap:  1.6rem;
    }
    .main-link {
        width: 100%;
        flex: 1 1 100%;
        padding: 3rem;
    }
    .main-link__tit {
        font-size: 2.8rem;
    }
    .main-login__deco {
        width: 44rem;
        top: -25.5rem;
    }
    .main-login__deco::before,
    .main-login__deco::after {
        scale: .6;
    }
    .main__slogan {
        padding-bottom: 4rem;
    }
    .main-login-stage {
        width: 34rem;
        min-width: 34rem;
        padding: 4rem 3rem 0;
    }
    .sub-link:not(:last-child) .sub-link__logo>img {
        width: 100%;
        object-fit: contain;
        max-width: 30rem;
    }

}

@media screen and (max-width: 1439px){
    .main__slogan>.sub {
        font-size: 2.8rem;
    }
    .main__slogan>.tit {
        font-size: 4rem;
        line-height: 5.2rem;
        padding-top: .8rem;
    }
    .main-login__deco {
        width: 40rem;
    }
    .main-link__tit {
        font-size: 2.4rem;
    }
    .sub-link__tit>p {
        font-size: 1.6rem;
    }
    .main-container {
        padding-bottom: 8rem;
    }
    .sub-link__tit {
        padding: 1.6rem 1rem;
    }

}
@media screen and (max-width: 1199px) {

    .main-link__list:has(.main-link) {
        flex-direction: column;
    }
    .main-link__list {
        column-gap: 1rem;
    }
    .sub-link {
        height: auto;
    }
    .sub-link__logo {
        height: 8rem;
    }
    .main__slogan>.sub {
        font-size: 2.4rem;
    }
    .main__slogan>.tit {
        font-size: 3.4rem;
    }
    .main-link {
        border-radius: 2rem;
    }
    .main-link__tit {
        padding-left: 6rem;
        font-size: 2.2rem;
    }
    .main-link::after {
        width: 5rem;
        height: 5rem;
        left: 2rem;
        top: 50%;
        transform: translateY(-50%);
    }
    .main-link::before {
        left: 1rem;
        width: 0;
        height: 0;
    }
    .main-link:hover::before {
        width: 6rem;
        height: 1rem;
    }
    .main-link__deco {
        width: 6rem;
        height: 6rem;
    }
    .main-link__deco::after {
        bottom: .5rem;
        right: .5rem;
    }
    .sub-link__tit {
        padding: 1rem;
        min-height: 6rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sub-link__tit>p {
        line-height: 2rem;

    }
}

@media screen and (max-width: 1023px){
    .main__bottom {
        flex-direction: column-reverse;
    }
    .main-login-stage {
        width: 100%;
        min-width: initial;
        margin-bottom: 4rem;
    }
    .main-link__list {
        flex-direction: column;
    }
    .header__nav.pc {
        display: block;
        position: absolute;
        top: 8.1rem;
    }
    .main-container {
        padding-top: 14.8rem;
        padding-bottom: 8rem;
    }
    .main__slogan>.sub {
        text-align: center;
    }
    .main__slogan>.tit {
        text-align: center;
    }
    .sub-link__logo>img {
        height: 4rem;
    }
    .sub-link__tit>p {
        min-height: initial;
    }
}
@media screen and (max-width: 767px){
    .sub-link__logo {
        display: none;
    }
    .sub-link {
        overflow: hidden;
    }
    .sub-link__tit {
        border-radius: 0;
        min-height: initial;
    }
    .sub-link__tit>p {
        display: inline-block;
        position: relative;
    }
    .sub-link__tit>p::before {
        right: -2.5rem;
        top: 50%;
        transform: translateY(-50%);
    }
    .main-link {
        padding-left: 2rem;
    }
    .main-link__tit {
        font-size: 2rem;
    }
    .main__slogan > .sub {
        font-size: 2rem;
    }
    .main__slogan>.tit {
        font-size: 3rem;
        line-height: 3.8rem;
    }
}
@media screen and (max-width: 576px){
    .main-login-stage {
        padding: 3rem 2rem 0;
    }
    .main-login-stage .login__btn {
        height: 6.5rem;
    }
    .sub-link__tit {
        padding: 1.6rem 1rem;
    }
    .main__slogan > .sub {
        font-size: 1.8rem;
    }
    .main__slogan>.tit {
        font-size: 2.6rem;
        line-height: 3.4rem;
    }
    .side__goto {
        font-size: 1.6rem;
    }
    .main-link__tit {
        font-size: 1.8rem;
    }
    .sub-link__tit>p {
        font-size: 1.5rem;
    }
    .sub-link__tit>p::before {
        right: -2rem;
    }
}

/* 슬라이드 영역 */
.slide-container {
    background-color: #EFF6FF;
    padding: 8rem 0;
    overflow-x: hidden;
    --edu-tit-width: 39.2rem;
}

.slide-artice + .slide-artice {
    padding-top: 4rem;
}

.edu__top {
    position: relative;
    padding-left: var(--edu-tit-width);
}

.edu__tit {
    padding: 4rem;
    box-sizing: border-box;
    width: var(--edu-tit-width);
    height: 57.2rem;
    background-color: var(--bg-color);
    border-radius: 2.4rem ;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: absolute;
    left: 0;
    top: 0;
    transition:var(--transition);
}

.edu__tit::before {
    content: '';
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}

.bg__teal .edu__tit::before{
    background-image: url(/client/education_manage_system/img/2025_main_update/main/edu-tit-deco-1.svg);
    width: 21.7rem;
    height: 19.9rem;
    right: -.6rem;
    top: -.6rem;
}

.edu__tit>p {
    color: #fff;
    font-size: 3.2rem;
    font-weight: 700;
}
.edu__btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6.2rem 0 2.4rem 2.4rem;
    column-gap: 1rem;
}
.edu-tab__btns {
    display: flex;
    gap: .8rem;
}

.edu-tab__btn {
    height: 3.1rem;
    padding: 0 1.5rem;
    font-size: 1.9rem;
    line-height: 2.3rem;
    font-weight: 500;
    background-color: #fff;
    border-radius: 2.4rem;
    transition:var(--transition);
}

.edu-tab__btn.active {
    background-color: var(--bg-color);
    color: #fff;
    font-weight: 700;
}

.edu-tab__select {
    display: none;
    z-index: 4;
}

.edu__bottom {
    position: relative;
    z-index: 2;
    padding-bottom: 4rem;
}

.edu__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 4rem;
    min-height: 41rem;
}

.edu-card__chip {
    padding: 0 1.6rem;
    min-width: 9rem;
    border-radius: .6rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ccc;
}

.edu-card__chip>p {
    font-size: 1.7rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
}

.edu-card__chip.orange {
    background-color: #F97316;
}
.edu-card__chip.purple {
    background-color: #7C3AED;
}
.edu-card__chip.green {
    background-color: #65A30D;
}
.edu-card__chip.blue {
    background-color: blue;
}
.edu-card__chip.black {
    background-color: black;
}
.edu-card__chip.red {
    background-color: red;
}

.edu-card__chip + .edu-card__tit {
    margin-top: 2.4rem;
}

.edu-card__tit {
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 6.1rem;
    word-break: keep-all;
    width: 100%;
}

.edu-info__lists {
    width: 100%;
    padding-top: 2.4rem;
    padding-bottom: 9rem;
}

.edu-info__list {
    display: flex;
    gap: 1.7rem;
}

.edu-info__list + .edu-info__list {
    padding-top: 1.6rem;
}

.edu-info__list > p {
    font-size: 1.9rem;
    line-height: 2.3rem;
    font-weight: 500;
}

.edu-info__list > .tit {
    width: 7rem;
    /* st 20250616 최유림 수정 */
    min-width: 7rem;
    /* ed 20250616 최유림 수정 */
}

.edu-card__link {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 4rem;
    text-align: center;
    border-radius: .6rem;
    width: calc(100% - 8rem);
    background-color: #F3F4F6;
    border: 1px solid #E2E8F0;
    font-size: 1.7rem;
    font-weight: 500;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:var(--transition);
}

.main-edu-swiper {
    width: calc(142rem + 30rem);
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    position: relative;
    z-index: 3;
}

.bg__blue .edu__top {
    padding-left: 0;
    padding-right: var(--edu-tit-width);
}

.bg__blue .edu__tit {
    left: initial;
    right: 0;
}

.bg__blue .edu__btns {
    flex-direction: row-reverse;
    padding-left: 0;
    padding-right: 2.4rem;
}

.bg__blue .edu__tit::before{
    background-image: url(/client/education_manage_system/img/2025_main_update/main/edu-tit-deco-2.svg);
    width: 16.8rem;
    height: 13.6rem;
    right: -.6rem;
    top: 0;
}


@media screen and (min-width: 1024px){
    .edu-tab__btn:hover {
        background-color: var(--bg-color);
        color: #fff;
        font-weight: 700;
    }

    .edu__card:hover .edu-card__tit {
        text-decoration: underline;
    }

    .edu-card__link:hover {
        box-shadow: 0 0 15px #00000030;
    }
}

/* st 20250616 최유림 추가 */
@media screen and (max-width: 1752px){
    .main-edu-swiper {
        width: 100%;
        max-width: calc(100% - 3.2rem);
    }
}


@media screen and (max-width: 1439px){
    .slide-container {
        --edu-tit-width: 34rem;
    }
    .main-edu-swiper {
        width: calc(100% + 50%);
    }
    .edu__card {
        padding: 3rem 2rem;
    }
    /* st 20250616 최유림 추가 */
    .edu-card__link {
        width: calc(100% - 4rem);
    }
}

@media screen and (max-width: 1199px){
    .slide-container {
        --edu-tit-width: 32rem;
    }

    .edu__card {
        padding: 3rem 2rem;
    }
    .edu-tab__btn {
        font-size: 1.6rem;
    }
    /* ed 20250616 최유림 추가 */
    .edu-card__tit {
        font-size: 2.2rem;
        line-height: 2.8rem;
        height: 5.6rem;
    }
    .edu-info__list > p {
        font-size: 1.7rem;
    }
}

@media screen and (max-width: 1023px){
    /* st 20250616 최유림 추가 */
    .edu-info__list > p {
        font-size: 1.6rem;
    }

    /* ed 20250616 최유림 추가 */
    .slide-container {
        --edu-tit-width: 29.4rem;
    }
    .main-edu-swiper {
        width: 100%;
        transform: initial;
        left: 1.6rem;
    }
    .edu-tab__btns {
        display: none;
    }
    .edu-tab__select {
        display: block;
    }

    .edu__btns {
        justify-content: flex-end;
    }

    .edu__tit>p {
        font-size: 2.8rem;
    }
    .bg__blue .edu__tit {
        left: 0;
        right: initial;
    }
    .bg__blue .edu__btns {
        flex-direction: row;
        padding-right: 0;
    }

    .bg__blue .edu__top {
        padding-right: 0;
    }

    .edu-card__chip>p {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 767px){
    .edu__bottom {
        padding: 0;
    }
    .edu-card__tit {
        font-size: 2.1rem;
        line-height: 2.4rem;
        height: 4.8rem;
    }
    .edu-info__lists {
        padding-top: 2rem;
        padding-bottom: 8rem;
    }
    .edu-info__list + .edu-info__list {
        padding-top: .8rem;
    }
    .edu-card__link {
        height: 4rem;
    }
    .edu-info__list > p {
        line-height: 2rem;
    }
    .edu__tit {
        height: 46rem;
    }
    .edu__tit>p {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    .edu__card {
        min-height: initial;
    }

    /* st 20250616 최유림 추가 */
    .slide-artice{
        margin-top: 3rem;
    }

}

@media screen and (max-width: 576px){
    .main-edu-swiper {
        width: 100%;
        padding: 0 2.4rem;
        transform: initial;
        position: static;
        max-width: 100%;
    }
    /* ed 20250616 최유림 추가 */

    .edu__card {
        padding: 2rem;
        min-height: 28.8rem;
    }
    .edu__top,
    .bg__blue .edu__top {
        padding: 0;
    }
    .bg__blue .edu__btns,
    .edu__btns {
        padding-top: 8rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .edu-tab__select {
        width: calc(100% - 2rem);
        left: -1rem;
    }
    .edu__tit {
        margin-left: .8rem;
        width: calc(100% - 1.6rem);
        justify-content: center;
        align-self: center;
        gap: 1rem;
        padding: 2rem;
        height: 40rem;
    }
    .edu__tit>p {
        padding-top: .4rem;
    }
    .edu__tit::before {
        display: none;
    }

    .edu-info__list {
        gap: 0 1rem;
    }
    .edu-info__list > p {
        font-size: 1.5rem;
    }
    .edu__btns .ctrol-btns {
        position: absolute;
        bottom: -130%;
        z-index: 3;
        width: calc(100% + 3rem);
        left: -1.5rem;
        justify-content: space-between;
    }
    .edu-card__link {
        width: calc(100% - 4rem);
    }
    .edu-info__lists {
        padding-bottom: 5rem;
    }

    .edu-card__link {
        bottom: 2rem;
    }
}

.edu__card:has(.nodata-wrap) {
    justify-content: center;
}

/* 게시판 영역 */
.board-container {
    padding: 15rem 0;
    background-color: #fff;
}

.board-stage {
    display: flex;
    gap: 8rem 4.8rem;
}

.board-wrapper {
    width: calc(50% - 2.4rem);
}

.board__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 4rem;
}

.borad__tit {
    font-size: 3.2rem;
    line-height: 3.8rem;
    font-weight: 700;
}

.board__lists {
    box-sizing: border-box;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
}

.board__list {
    border-top: 1px solid #E2E8F0;
    box-sizing: border-box;
    padding: 2.4rem 0;
    display: flex;
    align-items: center;
    gap: 0 .8rem;
}

.board__list:has(.board__date) {
    gap: 0;
}

.board__list:not(:has(.board__date)) {
    justify-content: space-between;
}

.board__date {
    width: 8rem;
    min-width: 8rem;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 2px solid var(--color-blue);
    border-radius: .6rem;
    margin-right: 1.6rem;
}

.board__date>.yyyymm {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.8rem;
}

.board__date>.dd {
    font-size: 3.2rem;
    line-height: 3.8rem;
    font-weight: 700;
}

.board__link {
    width: 100%;
    font-size: 1.7rem;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 2rem;
    word-break: keep-all;
}

.board__link.lg {
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 2.5rem;
}

.board__update {
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 2rem;
    color: #999;
}

.board__chip {
    width: 12.9rem;
    box-sizing: border-box;
    padding: 0 .8rem;
    height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E2E8F0;
    background-color: #F3F4F6;
    border-radius: .6rem;
}

.board__chip>p {
    font-size: 1.7rem;
    font-weight: 500;
}

@media screen and (min-width: 1024px){
    .board__link:hover {
        text-decoration: underline;
    }
}
@media screen and (max-width: 1439px){
    .board-container {
        padding: 8rem 0;
    }
}
@media screen and (max-width: 1199px){
    .board-stage {
        column-gap: 2rem;
    }
    .board-wrapper {
        width: calc(50% - 1rem);
    }
    .borad__tit {
        font-size: 2.8rem;
    }
}
@media screen and (max-width: 1023px){
    .board-container {
        padding: 8rem 0;
    }
    .board-stage {
        flex-direction: column;
    }
    .board-wrapper {
        width: 100%;
    }
    .board__top {
        padding-bottom: 3rem;
    }
    .borad__tit {
        font-size: 2.5rem;
    }
    .board__link.lg {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: wrap;
    }
}
@media screen and (max-width: 767px){
    .board__chip>p {
        font-size: 1.5rem;
    }
    .board__date>.dd {
        font-size: 2.8rem;
        line-height: 2.8rem;
    }
}
@media screen and (max-width: 576px){
    .board__top {
        padding-bottom: 2.5rem;
    }
    .board__date {
        width: 7rem;
        min-width: 7rem;
        height: 7rem;
        margin-right: 1rem;
    }
    .board__link.lg {
        font-size: 1.8rem;
    }
    .board__update,
    .board__link {
        font-size: 1.5rem;
    }
    .board__list {
        padding: 2rem 0;
    }
}