/* 세종학당 */

:root {

}

.main-stage {
    max-width: 144rem;
    padding: 5rem 2rem 3rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.main-stage:has(.main-slide-lg) {
    padding-bottom: 6rem;
}

.main-stage::after {
    content: '';
    display: none;
    background-image: url(../images/main/img-main-stage-iksi.svg);
    width: 33.2rem;
    height: 13.4rem;
    position: absolute;
    top: 1.5rem;
    right: calc((46rem - 33.2rem)/2);
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    transition: .15s ease-in;
}

.main-slogan {
    background-color: var(--bg-color);
    display: inline-block;
    padding: .5rem 1rem;
    border-radius: .5rem;
}

.main-slogan__tit span {
    font-size: 4rem;
    line-height: 5.5rem;
    font-weight: 700;
}

.main-slogan__tit em {
    color: var(--point-color2);
    font-style: normal;
}

.main-container {
    display: flex;
    justify-content: space-between;
    padding-top: 5rem;
    gap: 4rem;
}

.main-container:has(.main-slide-lg) {
    gap: 2.5rem;
}

.main-slide-top {
    max-width: 72rem;
    overflow: hidden;
}

.main-slide {
    overflow: hidden;
    border-radius: 2rem;
    background-color: #f8f8f8;
}

.main-slide .img-wrap {
    padding-top: calc((478 / 916)* 100%);
    transition: .15s ease-in;

}
.main-slide .img-wrap>img {
    object-fit: contain;
}

.main-slide-bottom {
    padding-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-pagination-bullet {
    width: 1.4rem;
    height: 1.4rem;
    background-color: var(--point-color2);
    opacity: .4;
    transition: .15s ease-out;
}

.swiper-pagination-bullet-active {
    background-color: var(--point-color);
    width: 2.7rem;
    border-radius: 7px;
    opacity: 1;

}

.main-slide {
    display: block;
    width: 100%;
    height: 100%;
}

.main-top-btn {
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
}

.btn-prev {
    background-image: url('../images/icon/icon-arrow-left.svg');
    background-repeat: no-repeat;
    background-position: center center;
}

.btn-next {
    background-image: url('../images/icon/icon-arrow-left.svg');
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-position: center center;
}

.btn-stop {
    background-image: url('../images/icon/icon-stop.svg');
}

.btn-play {
    background-image: url('../images/icon/icon-play.svg');
}

.btn-stop,
.btn-play {
    display: none !important;
}

.btn-stop.active,
.btn-play.active {
    display: block !important;
}

.main-ctrol-btn {
    width: 3.5rem;
    height: 3.5rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .5rem;
    display: block;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    box-sizing: border-box;
}

.main-ctrol-btn.btn-prev {
    background-image: url('../images/icon/icon-arrow-left-square.svg');
}

.main-ctrol-btn.btn-next {
    background-image: url('../images/icon/icon-arrow-left-square.svg');
    transform: rotate(180deg);
}

.main-ctrol-btn.btn-add {
    background-color: #777;
    border: 0;
    position: relative;
}

.main-ctrol-btn.btn-add::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    min-width: 15px;
    height: 15px;
    background-image: url('../images/icon/icon-add.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.main-slide-page {
    width: auto !important;
    margin-left: 2rem;
    margin-right: 1rem;
}

.main-slide-wrapper .btn-stop,
.main-slide-wrapper .btn-play {
    margin-right: 2rem;
}

.notice-pagenation,
.one-slide-pagenation,
.tab-silde-pagenation,
.ctrols {
    display: flex;
    gap: 1rem;
}

.notice-slide {
    padding: 2rem 1rem 1rem;
    position: relative;
    max-width: calc(100% + 2rem);
    width: 100%;
    overflow: hidden;
}

.notice-slide-wrapper {
    width: 100%;
    max-width: 63rem;
    position: relative;
}

.notice-top {
    padding-bottom: 1.7rem;
    border-bottom: 2px solid #000;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notice-tits {
    display: flex;
    gap: 5rem;
}

.notice-tit {
    font-size: 2.2rem;
    font-weight: 500;
    cursor: pointer;
    line-height: 3.2rem;
}

.notice-tit.active {
    font-weight: 900;
    position: relative;
}

.card {
    box-shadow: 0 0 10px #00000030;
    background-color: #fff;
    border-radius: 2rem;
}

.notice-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2rem 2rem 3rem;
    min-height: 25rem;
    height: 100%;
}

.notice-card__chip {
    display: inline-block;
    padding: 0 1rem;
    background-color: #000;
    height: 3rem;
    border-radius: .5rem;
    margin-bottom: 2rem;
}

.notice-card__chip>p {
    color: var(--point-color);
    font-size: 1.6rem;
    line-height: 3rem;
}

.notice-card__tit {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.6rem;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 1rem;
}

.notice-card__cnt {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.notice-card__date {
    font-size: 1.4rem;
    color: #777;
}

.notice-ctrol-wrapper {
    display: none;
    position: absolute;
    bottom: calc(50% - 3.4rem);
    z-index: 1;
    width: calc(100% + 2rem);
    justify-content: space-between;
    left: -1rem;
}

@media screen and (min-width: 1024px) {
    .card:hover {
        background-color: #eee;
    }

    .main-ctrol-btn:hover {
        background-color: #eee;
    }

    .main-ctrol-btn.btn-add:hover {
        background-color: #555;
    }

    .notice-tit.active::after {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--point-color2);
        position: absolute;
        right: -1rem;
        top: 0;
    }
}

@media screen and (max-width: 1439px) {
    .notice-slide-wrapper {
        max-width: calc(100% - 77rem);
    }
}

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

    .notice-slide-wrapper,
    .main-slide-wrapper {
        max-width: calc(50% - 1.5rem);
    }

    /*.main-slide .img-wrap {*/
    /*    padding-top: 60%;*/
    /*}*/

    .notice-tits {
        gap: 3rem;
    }

}

@media screen and (max-width: 1199px) {
    .main-slogan__tit span {
        font-size: 3rem;
        line-height: 4.5rem;
    }

    .notice-tits {
        gap: 2rem;
    }

    .main-stage::after {
        width: 28.5rem;
        height: 11.5rem;
    }
}

@media screen and (max-width: 1023px) {
    .main-stage {
        padding-top: 3rem;
    }
    .main-stage::after {
        display: block;
        left: 50%;
        right: initial;
        transform: translate(-50%, 50%);
        width: 18rem;
        top: 8rem;
        height: 8rem;
    }

    .main-stage::after {
        display: none;
    }

    .main-slogan {
        padding: 0 0 9.5rem;
        position: relative;
    }

    .main-slogan::after {
        content: '';
        display: block;
        background-image: url(../images/main/img-main-stage-iksi.svg);
        position: absolute;
        z-index: -1;
        background-size: contain;
        background-repeat: no-repeat;
        transition: .15s ease-in;
        left: 50%;
        transform: translate(-50%, 50%);
        width: 18rem;
        bottom: 4.5rem;
        height: 8rem;
    }

    .main-slogan__tit>span {
        font-size: 3rem;
        line-height: 3.5rem;
    }

    .main-container {
        flex-direction: column;
        padding: 0;
    }

    .main-slide-wrapper,
    .main-slide-top,
    .notice-slide-wrapper {
        max-width: 100%;
    }

    .main-slogan {
        background-color: transparent;
        width: 100%;
        margin: 0 auto;
    }

    .main-slogan__tit>span {
        background-color: var(--bg-color);
        padding: .3rem .5rem;
        border-radius: .5rem;
        display: inline-block;
        font-size: 2.5rem;
        line-height: 3rem;
        text-align: center;
    }

    .main-slogan__tit {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}

@media screen and (max-width: 767px) {
    .main-slogan__tit {
        flex-direction: column;
    }
    .main-stage::after {
        top: 7rem;
    }
}

@media screen and (max-width: 576px) {
    .main-ctrol-btn.btn-add {
        width: 2.5rem;
        min-width: 2.5rem;
        height: 2.5rem;
    }

    .main-ctrol-btn.btn-add::before {
        width: 11px;
        min-width: 11px;
        height: 11px;
    }

    .main-stage::after {
        top: 9rem;
        width: 16rem;
        height: 6.5rem;
    }

    .main-slogan__tit>span:lang(en),
    .main-slogan__tit>span {
        font-size: 1.8rem;
        line-height: 2.9rem;

    }

    .main-container {
        gap: 4rem;
    }

    .main-slide-wrapper {
        position: relative;
        width: 100%;
    }

    .main-slide-top {
        left: -2rem;
        border-radius: 0;
        width: calc(100% + 4rem);
        max-width: calc(100% + 4rem);
        top: 0;
    }

    .main-slide .img-wrap {
        border-radius: 0;
    }

    .notice-top {
        padding-bottom: 1rem;
        margin: 0;
        width: 100%;
    }

    .notice-tit {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .notice-pagenation .ctrols {
        position: absolute;
        z-index: 9;
        left: -1rem;
        width: calc(100% + 2rem);
        bottom: 40%;
        justify-content: space-between;
    }

    .notice-pagenation>button {
        width: 3.5rem;
        height: 3.5rem;
    }

    .notice-ctrol-wrapper {
        display: flex;
    }

    .swiper-pagination-bullet {
        width: 1.1rem;
        min-width: 1.1rem;
        height: 1.1rem;
    }

    .swiper-pagination-bullet-active {
        width: 2.2rem;
        min-width: 2.2rem;
    }
}

.section-stage {
    padding: 8rem 0;
}

.section-stage:has(.add-link-wrap),
.section-stage:has(.section-container__center) {
    padding-top: 0;
}
.section-stage.center {
    background-color: var(--bg-color);
    position: relative;
    overflow: hidden;
}

.section-stage.center .section-container {
    gap: 10rem;
}

.section-container {
    max-width: 144rem;
    width: 100%;
    padding: 0 2rem;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    position: relative;
    gap: 5rem;
}

.section-container:has(.tab-silde-wrapper) {
    gap: 4rem;
}

.section-container__left {
    position: relative;
    width: 100%;
}

.section-container__left:has(.tab-silde-wrapper) {
    max-width: 73.6rem;
}

.section-container__left:has(.add-link-wrap) {
    display: flex;
    width: 66.66%;
    gap: 5rem;
}

.section-container__left .add-link-wrap {
    flex: 1 1 50%;
}

.section-container__right {
    position: relative;
}

.section-container__right:has(.add-links) {
    width: 33.33%;
}

.section__tit-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 3rem;
}

.section__tit-wrap:has(.section__tit-tabs) {
    padding-bottom: 2rem;
}

.section__tit-wrap:has(.section__tit-right) {
    flex-direction: column;
    align-items: start;
}

.section__tit-right {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.section__tit {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4rem;
}

.section__tit:has(.icon) {
    display: flex;
    gap: .8rem;
    align-items: center;
}

.section__sub-tit {
    padding-top: .5rem;
    font-size: 1.8rem;
}

.section__cnt-wrap,
.news .one-slide {
    padding: 1rem;
    max-width: calc(100% + 2rem);
    position: relative;
    left: -1rem;
    width: 100%;
    overflow: hidden;
}

.section-container__right .one-slide {
    overflow: hidden;
}

.img-card {
    display: block;
    background-color: #fff;
    border-radius: 2rem;
    /* overflow: hidden; */
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
}

.section-stage.center .img-card {
    max-height: 41.5rem;
    max-width: 57.4rem;
}

.img-card__tit-wrap {
    padding: 3rem 3.5rem 2.5rem;
}

.img-card__tit-chip {
    background-color: #F2F2F2;
    border-radius: 2rem;
    display: inline-block;
    margin-bottom: 1rem;
}

.img-card__tit {
    font-size: 2rem;
    line-height: 2.9rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: .5rem 1.5rem;
    gap: 1rem;
}

.img-card__tit::before {
    content: '';
    display: block;
    background-image: url('../images/icon/icon-img-card-chip.svg');
    width: 3.2rem;
    height: 3.2rem;
}

.img-card__sub-tit {
    font-size: 1.6rem;
    padding-bottom: 1.5rem;
}

.img-card__cnt {
    font-size: 2rem;
    line-height: 2.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.img-card__img-wrap {
    padding-top: 50%;
    height: auto;
    overflow: hidden;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    position: relative;
}
.img-card__img-wrap>img {
    position: absolute;
    top: 0;
}
.section-stage.center .one-slide {
    max-width: 57.4rem;
}

@media screen and (min-width: 1024px) {}

@media screen and (max-width: 1439px) {
    .section-container__left {
        max-width: 50%;
        width: 100%;
    }

    .section-container__left:has(.add-link-wrap) {
        max-width: 66.66%;
    }

    .section-stage.center .section-container {
        gap: 5rem;
    }
}

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

    .section-container,
    .section-container__left:has(.add-link-wrap),
    .section-stage.center .section-container {
        gap: 3rem;
    }

    .section-container__right {
        max-width: 50%;
        width: 100%;
    }
}

@media screen and (max-width: 1023px) {
    .section-container {
        flex-direction: column;
        gap: 5rem;
    }

    .section-container__left,
    .section-container__left:has(.add-link-wrap),
    .section-container__right,
    .section-container__right:has(.add-link-wrap),
    .section-stage.center .one-slide,
    .section-stage.center .img-card {
        max-width: 100%;
        width: 100%;
    }

    .one-slide {
        max-width: calc(100% - 2rem);
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .add-links,
    .section-container__left {
        flex-direction: column;
    }
    .section-container__left:has(.add-link-wrap) {
        gap: 1.5rem;
        flex-direction: column;
    }
    .section__sub-tit {
        padding-top: 1.5rem;
        text-align: center;
        line-height: 2.4rem;
    }

    .img-card__tit {
        font-size: 1.4rem;
    }

    .img-card__tit::before {
        width: 2.6rem;
        height: 2.6rem;
        background-size: contain;
    }

    .section__cnt-wrap,
    .news .one-slide {
        position: relative;
        left: -1rem;
    }

    .add-link-wrap.sm:last-child {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .section-stage {
        padding: 4rem 0;
    }

    .section-stage.center:has(.blog) {
        padding-bottom: 10rem;
    }

    .section__tit {
        line-height: 2.7rem;
        font-size: 2.2rem;
        width: 100%;
    }

    .img-card__cnt {
        white-space: initial;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .one-slide-pagenation {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -6.5rem;
        z-index: 2;
    }
}

.month-new .img-card__img-wrap {
    padding-top: calc(100% - 11.4rem);
}

.card:has(.all-img) {
    overflow: hidden;
}

.all-img {
    height: auto;
    padding-top: 95%;
    border-radius: 2rem;
    transition: .15s ease-in;
}

.all-img img {
    transform: initial;
    transform-origin: center;
}

.board-lists {
    max-width: 60rem;
    width: 100%;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.board-list:not(:last-child) {
    border-bottom: 1px solid #000;
}

.post {
    padding: 2rem 1rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.post__tit-wrap {
    display: flex;
    gap: 1rem;
}

.post__tit {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.9rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.post__date {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #777;
    white-space: nowrap;
}

@media screen and (min-width: 1024px) {
    .post:hover .post__tit {
        text-decoration: underline;
    }

    .img-card:hover {
        background-color: #eee;
    }

    .all-img:hover {
        scale: 1.1;

    }
}

@media screen and (max-width: 1439px) {
    .all-img {
        padding-top: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .month-new.img-card {
        max-height: calc(100% - 11rem);
    }

    .board-lists {
        max-width: 100%;
    }
}

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

@media screen and (max-width: 767px) {
    .board-list:nth-child(n+3) {
        border-bottom: 0;
    }

    .month-new .img-card__img-wrap {
        padding-top: 75%;
    }
}

@media screen and (max-width: 576px) {
    .post {
        flex-direction: column;
        align-items: flex-start;
        padding: 1rem;
    }

    .post__tit {
        width: 100%;
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .post__date {
        font-size: 1.4rem;
        line-height: 2rem;
    }
}

.main-slide-lg {
    max-width: 91.6rem;
    width: 91.6rem;
}

.main-link-wrapper {
    max-width: 46rem;
    width: 100%;
}

.main-links {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: calc(100% - 4rem);
    position: relative;
}
.main-links::after {
    content: '';
    display: block;
    background-image: url(../images/main/img-main-stage-iksi.svg);
    width: 33.2rem;
    height: 13.4rem;
    position: absolute;
    bottom: calc(100% + 1.5rem);
    right: 50%;
    transform: translateX(50%);
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    transition: .15s ease-in;
}

.main-links:lang(en)::after {
    bottom: calc(100% + 4rem);
}

.main-link {
    flex: 1 1 100%;
}

.main-link-wrap {
    background-color: #F2F2F2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    border-radius: 2.4rem;
    padding: 0 6rem;
    position: relative;
    gap: 1rem;
}

.main-link-wrap:lang(en) {
    padding:  0 4rem;
}

.main-link-wrap::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    background-color: var(--point-color);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 6rem;
    transform: translateY(-50%);
    transition: .15s ease-in;
}

.main-link-wrap__tit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
}

.main-link-wrap__tit>p {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3rem;
    word-break: keep-all;
}

.main-link-wrap__tit>p:lang(en) {
    font-size: 2rem;
}

.main-link-wrap__tit::before {
    content: '';
    display: block;
    height: 36px;
    background-repeat: no-repeat;
    background-size: contain;
}

.icon-arrow-right {
    position: relative;
    z-index: 2;
}

.main-link:nth-child(1) .main-link-wrap__tit::before {
    background-image: url('../images/icon/icon-main-link-iksi-1.svg');
    width: 53px;
    min-width: 53px;
}

.main-link:nth-child(2) .main-link-wrap__tit::before {
    background-image: url('../images/icon/icon-main-link-iksi-2.svg');
    width: 44px;
    min-width: 44px;
    margin-right: .9rem;
}

.main-link:nth-child(3) .main-link-wrap__tit::before {
    background-image: url('../images/icon/icon-main-link-iksi-3.svg');
    width: 37px;
    min-width: 37px;
    margin-right: 1.7rem;
}

.main-link:nth-child(4) .main-link-wrap__tit::before {
    background-image: url('../images/icon/icon-main-link-iksi-4.svg');
    width: 32px;
    min-width: 32px;
    margin-right: 2rem;
}

.main-link-wrap:hover .icon-arrow-right {
    z-index: 2;
}

@media screen and (min-width: 1024px) {
    .main-link-wrap:hover::after {
        width: 2.3rem;
        height: 2.3rem;
    }
    .main-link-wrap:lang(en):hover::after {
        right: 4rem;
    }
}

@media screen and (max-width: 1439px) {
    .main-slide-wrapper:has(.main-slide-lg) {
        max-width: 65%;
        width: 100%;
    }
    .main-slide-lg {
        width: 100%;
    }
    .main-container {
        gap: 3rem;
    }
    .main-links::after {
        width: 29rem;
        height: 11rem;
    }
    .main-link-wrap {
        padding: 0 3rem;
    }

    .main-link-wrap:hover::after {
        right: 3rem;
    }

}

@media screen and (max-width: 1199px) {
    .main-link-wrap__tit>p:lang(en),
    .main-link-wrap__tit>p {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
    .main-link-wrap {
        padding: 0 2rem;
    }
    .main-link-wrap__tit:lang(en) {
        gap: 1rem;
    }
    .main-link-wrap:lang(en) {
        padding: 0 3rem;
    }
    .main-link-wrap:lang(en):hover::after {
        right: 3rem;
    }
}

@media screen and (max-width: 1023px) {
    .main-slide-lg,
    .main-slide-wrapper:has(.main-slide-lg),
    .main-link-wrapper {
        max-width: 100%;
    }
    .main-link-wrap:lang(en),
    .main-link-wrap {
        min-height: 2.5rem;
        padding: 1.5rem 3rem;
        border-radius: 1.5rem;
    }
    .main-links::after {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .main-link-wrap__tit {
        gap: 1rem;
    }

    .main-link-wrap__tit>p:lang(en),
    .main-link-wrap__tit>p {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media screen and (max-width: 576px) {
    .main-slide-lg+.main-slide-bottom {
        padding-top: 2.5rem;
    }

    .main-link-wrap {
        padding: 2.5rem 1.5rem;
    }

    .main-link-wrap__tit {
        font-size: 1.5rem;
    }

    .main-link:nth-child(1) .main-link-wrap__tit::before {
        width: 31px;
        min-width: 31px;
        height: 22px;
    }

    .main-link:nth-child(2) .main-link-wrap__tit::before {
        width: 27px;
        min-width: 27px;
        height: 20px;
        margin-right: 4px;
    }

    .main-link:nth-child(3) .main-link-wrap__tit::before {
        width: 26px;
        min-width: 26px;
        height: 24px;
        margin-right: 5px;
    }

    .main-link:nth-child(4) .main-link-wrap__tit::before {
        width: 20px;
        min-width: 20px;
        height: 24px;
        margin-right: 11px;
    }
    .main-link-wrap:lang(en),
    .main-link-wrap {
        padding: 1.5rem 2rem;
    }

}

.section-stage.center .section-container {
    position: relative;
}

.section-stage.center .section-container::before {
    content: '';
    display: block;
    background-image: url('../images/icon/icon-deco-center-slide-1.svg');
    position: absolute;
    width: 113px;
    height: 113px;
    top: 0;
    right: calc(100% + 3rem);
}

.section-stage.center .section-container::after {
    content: '';
    display: block;
    background-image: url('../images/icon/icon-deco-center-slide-2.svg');
    position: absolute;
    width: 123px;
    height: 123px;
    bottom: -4rem;
    left: calc(100% + 5rem);
}

.section-container:has(.center-slide-wrapper) {
    display: block;
}

.section-container:has(.center-slide-wrapper) .section__tit-wrap {
    padding-bottom: 1.5rem;
    z-index: 1;
    position: relative;
}

.center-slide-wrapper {
    max-width: calc(100% + 2rem);
    width: calc(100% + 2rem);
    overflow: hidden;
    padding: 2rem 0rem 0rem 2rem;
    position: relative;
    left: -2rem;
}

.video-slide {
    display: block;
    width: 100%;
    height: 100%;
}

.video-slide .img-wrap {
    padding-top: 55%;
    border-radius: 2rem;
    box-shadow: 0 0 9px #00000030;
    overflow: hidden;
}

.video-slide .img-wrap .img {
    overflow: hidden;
    border-radius: 2rem;
    transform: translate(-50%, -50%);
}

.btn-center-slide {
    display: block;
    border-radius: 1rem;
    width: 5.4rem;
    min-width: 5.4rem;
    height: 5.4rem;
    background-color: var(--point-color3);
    background-image: url('../images/icon/icon-add-center-slide.svg');
    background-repeat: no-repeat;
    background-position: center center;
}

.video-slide .cnt-wrap {
    padding-top: 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
}

.video-slide__chip {
    background-color: #FFC234;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    border-radius: .5rem;
}

.video-slide__chip>p {
    font-size: 1.4rem;
    font-weight: 500;
}

.video-slide__tit {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 5rem);
    overflow: hidden;
}

.center-slide-pagenation {
    position: absolute;
    width: calc(100% + 6rem);
    top: 47%;
    display: flex;
    justify-content: space-between;
    left: -3rem;
    transition: .15s ease-in;
}

.center-slide-btn {
    cursor: pointer;
    width: 4rem;
    min-width: 4rem;
    height: 6rem;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 5px 5px 15px #00000010;
    position: relative;
    z-index: 1;
}

.video-slide .img-wrap {
    transition: .15s ease-in;
}

@media screen and (min-width: 1024px) {
    .video-slide:hover .img-wrap {
        scale: 1.09;
    }
}

@media screen and (max-width: 1539px) {
    .center-slide-pagenation {
        width: calc(100%);
        left: 0;
    }
}

@media screen and (max-width: 1439px) {
    .center-slide-pagenation {
        width: calc(100% - 2rem);
        left: 1rem;
    }
}

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

@media screen and (max-width: 1023px) {
    .center-slide-wrapper {
        max-width: 100%;
        width: 100%;
        padding: 2rem 0;
        position: static;
    }
}

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

@media screen and (max-width: 576px) {
    .center-slide-pagenation {
        top: 40%;
    }
    .section__tit .icon {
        display: none;
    }

    .btn-center-slide {
        width: 3rem;
        min-width: 3rem;
        height: 3rem;
        background-size: 12px;
    }
    .center-slide-btn {
        width: 3rem;
        min-width: 3rem;
        height: 5rem;
        background-size: 1rem 1.5rem;
    }
    .section__tit:has(.icon) {
        width: auto;
    }
    .video-slide .cnt-wrap {
        align-items: flex-start;
    }
    .video-slide__tit {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: normal;
        width: 100%;
    }

}

.board-lists.lg {
    max-width: 65rem;
}

.board-lists.lg .post {
    min-height: 5.8rem;
    padding: 1.5rem 0 1rem;
    display: flex;
}

.board-lists.lg .post__tit {
    word-break: keep-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    min-height: 5.8rem;
}

.notice-slide.fix {
    max-width: 70rem;
    overflow: hidden;
    padding: 0;
}

.notice-card.line {
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 2rem;
    border-top-left-radius: 0;
    padding: 0;
    min-height: 34rem;
    box-sizing: border-box;
}

.line .notice-card__chip {
    border-radius: 0;
    border-bottom-right-radius: .8rem;
    height: 4rem;
    max-width: 13rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.line .notice-card__chip>p {
    color: #FFA1D4;
}

.notice-card__tit-wrap {
    padding: 0 2rem;
}

.notice-card__tit-wrap>p {
    font-size: 1.8rem;
    line-height: 2.4rem;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.notice-card__date-wrap {
    padding: 2rem 2rem 3rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.notice-pagination {
    display: none;
    padding-top: 2rem;
    height: 1.4rem;
    justify-content: center;
}

@media screen and (min-width: 1024px) {

    .notice-card:hover .notice-card__tit,
    .notice-card:hover .notice-card__tit-wrap>p {
        text-decoration: underline;
    }
}

@media screen and (max-width: 1439px) {
    .notice-pagination {
        display: flex;
    }
}

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

@media screen and (max-width: 1023px) {
    .board-lists.lg,
    .notice-card.line,
    .notice-slide.fix {
        max-width: 100%;
        width: 100%;
    }

    .notice-slide {
        left: 0;
    }

    .board-list:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .board-lists.lg .post__tit {
        -webkit-line-clamp: 1;
    }

    .lg .post__tit {
        font-size: 1.6rem;
        line-height: 2.7rem;
    }

    .icon-pin {
        min-width: 24px;
        width: 24px;
        height: 27px;
    }

    .board-lists.lg .post {
        padding: 1rem 0;
    }
}

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

.section-container:has(.section-container__center)>div {
    width: 33.33%;
    gap: 5rem;
}

.add-link-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    background-color: #F2F2F2;
    padding: 0 4rem;
    border-radius: 2.4rem;
}

.add-link-wrap.sm {
    padding: 1.5rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3rem;
}

.add-link__icon {
    width: fit-content;
}

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

.add-link__tit-wrap::after {
    content: '';
    display: block;
    background-image: url('../images/icon/icon-arrow-up-right.png');
    width: 20px;
    min-width: 20px;
    height: 20px;
}

.add-link__tit {
    font-size: 2.2rem;
    line-height: 3.2rem;
    font-weight: 700;
}

.sm .add-link__tit {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.4rem;
}

.add-link__sub-tit {
    margin-top: .5rem;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 500;
}

.add-links {
    padding-top: 2.5rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}
.add-links>.add-link-wrap {
    flex: 1 1 50%;
}
.add-links__tit-wrap {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.add-links__tit-wrap::before {
    content: '';
    display: block;
    background-image: url('../images/icon/icon-add-links-tit.svg');
    background-repeat: no-repeat;
    width: 4.2rem;
    min-width: 4.2rem;
    height: 4.3rem;
}

.add-links__tit {
    font-size: 3.2rem;
    line-height: 4.6rem;
    font-weight: 700;
}

.section-container:has(.section-container__center)>div {
    flex: 1 1 100%;
}

@media screen and (min-width: 1024px) {
    .add-link-wrap:hover {
        background-color: var(--bg-color);
    }
}

@media screen and (max-width: 1439px) {
    .add-links:has(.sm) {
        flex-direction: column;
    }
}

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

@media screen and (max-width: 1023px) {
    .section-container:has(.section-container__center)>div {
        width: 100%;
    }

    .add-link-wrap {
        padding: 4.5rem 4rem;
    }
}

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

@media screen and (max-width: 576px) {
    .add-links__tit {
        font-size: 2.6rem;
    }
    .add-link__tit {
        font-size: 1.8rem;
    }
    .add-link-wrap {
        padding: 4rem 2rem;
    }
}

/* 상단배너 생길경우 */
.top_popup {
    position: relative;
    top: 15.1rem;
    z-index: 1;
    background-size: 100% 100% !important;
    height: auto !important;

}
.top_popup .pop_popup_in {
    padding: 2rem !important;
}
.top_popup .pop_popup_in .top_txt span {
    font-size: 5rem;
    line-height: 5.5rem;
}

.top_popup .pop_popup_in .direct_btn {
    background-color: var(--point-color2);
    color: #fff;
    text-align: center;
    border-radius: 4.5rem;
}

.top_popup .pop_popup_in p {font-size:18px;color:#333333;margin-top:22px;text-align:center;}
.top_popup .pop_popup_in  {display:block;margin:0 auto;}
.top_popup .pop_popup_in .top_txt {text-align:center;letter-spacing:inherit;margin-top:0;}
.top_popup .pop_popup_in .top_txt span {font-weight:800;line-height:1em;font-size:60px;}
.top_popup .pop_popup_in .top_txt span.txt01 {color:#8600db;}
.top_popup .pop_popup_in .top_txt span.txt02 {color:#8600db;}
.top_popup .pop_popup_in .top_txt span.txt04 {color:#0077db;}
.top_popup .pop_popup_in .top_txt span.txt03 {color:#8600db;}


.apply_lang ul li.active button,
.apply_course ul li.active button,
.bottom_btn button.apply_next,
.apply_box_wrap .apply_box .apply_btn,
.layer_pop .layer_pop_inner .layer_pop_close {
    background-color: var(--point-color2);
}

.apply_course + .bottom_btn {
    gap: 1rem;
}

.layer_pop .layer_pop_inner .layer_pop_close {
    z-index: 2;
    width: 7rem;
    height: 7rem;
    box-sizing: border-box;
    padding: 0;
    border-radius: 0 2rem 0 0;
    right: 2rem;
}

.layer_pop .layer_pop_inner .layer_pop_close:before {
    margin: 0;
}

.layer_pop .layer_pop_inner .layer_pop_wrap {
    width: 100%;
    max-width: 144rem;
    padding: 0 2rem;
    box-sizing: border-box;
}

.layer_pop_main {
    max-width: 144rem;
    width: 100%;
    padding: 2rem;
    box-sizing: border-box;
    z-index: 1;
    display: block;
    background-image: none;
    background-color: var(--bg-color);
}
layer_pop_main::-webkit-scrollbar {
    display: none;
}
.layer_pop_main .top_txt {
    letter-spacing: inherit;
}

.layer_pop_main .top_txt span.txt01,
.layer_pop_main .top_txt span.txt02,
.layer_pop_main .top_txt span.txt03 {
    font-size: 5rem;
    line-height: 6rem;
    color: var(--point-color2);
}

#pop_top {
    display: flex;
    gap: .75rem;
    justify-content: center;
    margin: 0;
    flex-wrap: wrap;
}

.layer_pop_main .middle_txt {
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 600;
    padding-top: 2rem;
    margin: 0;
}

.middle_txt + .step_section {
    margin: 0;
    max-width: 100%;
    width: 100%;
    padding-top: 2rem;
}

.middle_txt + .step_section ul.step_top {
    justify-content: center;
    gap: 3rem;
}
.middle_txt + .step_section ul.step_top:before {
    display: none;
}

.middle_txt + .step_section ul li {
    flex: 1 1 100%;
    width: 100%;
}

.step_section ul li button {
    padding: 0 1rem;
    font-size: 2rem;
    line-height: 2.4rem;
    min-width: initial;
    max-width: 100%;
    width: 100%;
    font-weight: 500;
    margin: 0;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    min-height: 6.5rem;
}
.step_section ul li.active button {
    border-color: var(--point-color2);
    color: var(--point-color2);
}
.step_section ul li.complete button {
    background-color: var(--point-color2);
    border-color: var(--point-color2);

}
.step_section ul li:not(:last-child) button::after {
    content: '';
    display: block;
    width: 3rem;
    border-top: 2px dashed #777;
    position: absolute;
    z-index: 1;
    right: -4.7rem;
    top: 50%;
    transform: translateX(-50%);
}

.step_section ul li .check_before {
    width: 100%;
    max-width: 18rem;
    margin: 1rem 0 0;
    border-color: #000;
    color: #000;
    box-sizing: border-box;
    margin: 1rem auto 0;
}
.step_bottom {
    gap: 3rem;
}
.layer_pop_main .pop_inner_cont {
    margin-top: 3rem;
    width: 100%;
}
.pop_inner_cont .apply_box_wrap {
    gap: 2rem;
    max-width: 100%;
}
.apply_box_wrap .apply_box {
    width: 100%;
    max-width: 100%;
}
.apply_lang .apply_lang_ttl,
.apply_box_wrap .apply_box .apply_box_ttl {
    font-size: 3rem;
    line-height: 3.6rem;
    color: #000;
}
.apply_box_wrap .apply_box ul {
    gap: 2rem;
}
.apply_box_wrap .apply_box ul li {
    margin: 0;
    max-width: 100%;
    width: 100%;
}
.apply_box_wrap .apply_box ul li .img_box {
    width: 100%;
    max-width: 100%;
}
.apply_box_wrap .apply_box ul li p {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #000;
}
.apply_lang,
.apply_course {
    padding: 3rem 2rem;
}
.apply_course + .apply_course {
    margin-top: 3rem;
}
.apply_course ul {
    flex-wrap: nowrap;
    gap: 1rem;
}
.apply_course ul+ul {
    margin-top: 1rem;
}
.apply_course ul {
    flex-wrap: wrap;
}
.apply_course ul li {
    width: 100%;
    margin: 0;
    flex: 1 1 calc(25% - 1rem * 3 / 4);
    max-width: calc(25% - 1rem * 3 / 4);
    min-width: initial;
}
.apply_course .apply_course_ttl {
    font-size: 3rem;
    line-height: 3.6rem;
    color: var(--point-color2);
    margin-bottom: 3rem;
}
.apply_lang ul li button,
.apply_course ul li button {
    background-color: #fff;
    color: #000;
    border-color: #000;
}
.apply_lang ul li.inactive button,
.apply_course ul li.inactive button {
    background-color: #ccc;
}
.apply_lang ul {
    gap : 1rem;
}
.apply_lang ul li {
    margin: 0;
    width: 100%;
    flex: 0 1 calc(100% / 6 - 1rem*5/6);
    min-width: initial;
}
.apply_ask .pop_cont_lst {
    padding:  0 2rem;
}
.apply_ask .pop_cont_lst ul.course_lst > li {
    padding: 0 1rem 1rem;
}
.apply_ask .pop_cont_lst .pop_cont_lst_top .main_more_btn span,
.apply_ask .apply_ask_ttl {
    color: #000;
}

@media screen and (max-width: 1023px) {
    .top_popup {
        top: 10.1rem;
        height: 100% !important;
        padding: 0;
    }
    .top_popup .pop_popup_in {
        padding: 2rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .top_popup .pop_popup_in .top_txt {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    .top_popup .pop_popup_in .top_txt span {
        font-size: 3rem;
        line-height: 3.6rem;
    }
    .top_popup .pop_popup_in .direct_btn {
        position: static;
        margin: 0 auto;
        min-width: 20rem;
    }
    .top_popup .pop_popup_in p {
        margin: 0;
        font-size: 1.6rem;
        line-height: 2rem;
        text-align: center;
    }
    .apply_lang .apply_lang_ttl,
    .apply_box_wrap .apply_box .apply_box_ttl,
    .layer_pop_main .top_txt span.txt01,
    .layer_pop_main .top_txt span.txt02,
    .layer_pop_main .top_txt span.txt03 {
        font-size: 3rem;
        line-height: 4rem;
    }
    .step_section ul li button,
    .layer_pop_main .middle_txt {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
    .pop_inner_cont .apply_box_wrap {
        flex-direction: column;
    }
    .apply_lang ul li {
        flex: 0 1 calc(100% / 4 - 1rem*3/4);
    }

}
@media screen and (max-width: 767px) {
    .layer_pop {
        min-width: initial;
    }
    .middle_txt + .step_section ul,
    .apply_box_wrap .apply_box ul {
        flex-wrap: wrap;
        gap: 3rem 0;
    }

    .apply_box_wrap .apply_box ul li {
        flex: 1 1 calc(50% - 1rem);
        max-width: calc(50% - 1rem);
    }

    .middle_txt + .step_section ul li {
        flex: 1 1 calc(50% - 3rem);
    }
    .step_section ul li:not(:last-child):nth-child(2) button::after {
        display: none;
    }
    .apply_course ul li {
        flex: 1 1 calc(50% - 1rem * 2);
        max-width: calc(50% - 1rem * 2);
    }
    .apply_lang ul li {
        flex: 0 1 calc(100% / 3 - 1rem*2/3);
    }
    .apply_ask .pop_cont_lst ul.course_lst > li {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .apply_ask .pop_cont_lst ul.course_lst > li .left {
        width: 100% !important;
    }
    .apply_ask .pop_cont_lst ul.course_lst > li .list_category + .list_title {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem;
    }
    .apply_ask .pop_cont_lst ul.course_lst > li .list_title .title {
        width: 100%;
    }
    .step_section ul li button {
        min-height: 5.5rem;
    }
}
@media screen and (max-width: 576px) {
    .top_popup {
        top: 7.1rem;
        background: url(/lms/asset/images/common/top_pop_bg.png) no-repeat center center;
        background-size: cover;
    }
    .top_popup .pop_popup_in .top_txt {
        gap: 0 .5rem;
    }
    .top_popup .pop_popup_in .top_txt span {
        font-size: 2rem;
        line-height: 2.4rem;
    }
    .top_popup .pop_popup_in .direct_btn,
    .top_popup .pop_popup_in p {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    .top_popup .pop_popup_in .direct_btn {
        padding: 1rem;
    }
    #pop_top {
        padding-top: 5rem;
    }
    .middle_txt + .step_section ul.step_top {
        flex-direction: column;
        gap: 1rem;
    }
    .step_section ul li button {
        height: 4rem;
    }
    .step_section ul li:not(:last-child) button::after {
        display:none;
    }
    .apply_box_wrap .apply_box .apply_box_inner {
        padding: 2rem;
    }
    .apply_course .apply_course_ttl {
        font-size: 2rem;
    }
    .apply_course ul li {
        max-width: 100%;
        flex: 1 1 100%;
    }
    .apply_lang ul li {
        flex: 1 1 calc(50% - .5rem);
    }
    .middle_txt + .step_section ul {
        gap: 1rem;
    }
    .apply_ask .pop_cont_lst {
        padding: 0 1rem !important;
    }
    .apply_ask .pop_cont_lst ul.course_lst > li .btn_wrap {
        width: 100%;
    }
    .pop_wd100 .bottom_btn {
        width: 100%;
        flex-direction: column;
        gap: 1rem;
        align-items: center;
    }
    .pop_wd100 .bottom_btn button.apply_prev {
        position: static;
    }
    .step_section ul li button {
        min-height: 4rem;
    }
}

.main-link-wrapper{position: relative;}
.mini-benner{position: absolute; top: 0; right: -48%; width: 17vh;}
.mini-benner img{width:100%;}
@media screen and (max-width: 1440px){
    .mini-benner{display: none;}
}