@media (max-width: 1799px) {
    .container {
        max-width:1320px
    }
}

@media (max-width: 1499px) {
    .container {
        max-width:1280px
    }
}

@media (max-width: 1279px) {
    .container {
        max-width:1140px
    }
    .main-notice-title-btn {
        font-size:1.0625rem
    }
    .main-notice-activities-items,.main-notice-event-items {
        padding:20px
    }
    .main-notice-activities-item-image,.main-notice-event-item-image {
        height:150px;
        min-width: 150px;
        width: 150px
    }
    .main-notice-activities-content {
        max-height:552px
    }
    .main-quick-items {
        flex-wrap:wrap;
        gap: 10px
    }
    .main-quick-item {
        font-size:.875rem
    }
}

@media (max-width: 959px) {
    .container {
        max-width:960px
    }
    .main-notice-title-btn {
        height:60px;
        padding: 12px;
        width: 60px
    }
    .main-notice-board-container {
        flex-direction:column;
        gap: 20px
    }
    .main-notice-activities-content {
        height:300px
    }
}

@media (max-width: 719px) {
    .container {
        max-width:720px
    }
    .main-video-left-text>span {
        font-size:.875rem
    }
    .main-video-left-text>p {
        font-size:1.25rem
    }
    .main-video-left-nav-item {
        font-size:1rem
    }
    .main-section1-text-main h1 {
        font-size:2.5rem
    }
    .main-section1-text-sub {
        font-size:1rem
    }
    .main-section2-text h1 {
        font-size:2.5rem
    }
    .main-section2-btn button {
        font-size:1rem
    }
    .main-section4-text p {
        font-size:1rem
    }
    .main-section4-btn button {
        font-size:1rem
    }
    .main-title h2 {
        font-size:2.25rem
    }
    .main-title p {
        font-size:1rem
    }
    .main-notice-title-btn {
        font-size:1rem
    }
    .main-quick-title {
        font-size:1.75rem
    }
    .main-quick-item {
        font-size:.875rem
    }
}

@media (max-width: 534px) {
    .container {
        max-width:540px !important;
    }
    .sign-up-container.container {
        max-width:540px !important;
    }
    .main-video-left-text>span {
        font-size:.75rem
    }
    .main-video-left-text>p {
        font-size:1rem
    }
    .main-video-left-nav-item {
        font-size:.875rem
    }
    .main-video-left-nav-item {
        height:70px
    }
    .main-video-left-nav-item img {
        width: 30px
    }
    .main-section1-text-main h1 {
        font-size:1.875rem
    }
    .main-section1-text-sub {
        font-size:.875rem
    }
    .main-section2-text h1 {
        font-size:1.875rem
    }
    .main-section2-btn button {
        font-size:.875rem
    }
    .main-section4-text p {
        font-size:.875rem
    }
    .main-section4-btn button {
        font-size:.875rem
    }
    .main-title h2 {
        font-size:1.75rem
    }
    .main-title p {
        font-size:.875rem
    }
    .main-notice-title-btn {
        font-size:.75rem
    }
    .main-notice-title-btn {
        height:50px;
        padding: 10px;
        width: 50px
    }
    .main-notice-activities-item,.main-notice-event-item {
        flex-direction:column;
        gap: 10px
    }
    .main-notice-activities-item-image,.main-notice-event-item-image {
        height:100%;
        min-width: 100%;
        width: 100%
    }
    .main-quick-title {
        font-size:1.5rem
    }
    .main-quick-item {
        font-size:.75rem
    }
}

@media (max-width: 1279px) {
    .main-quick-item {
        height:120px;
        width: 120px
    }
}

@media (max-width: 959px) {
    .main-quick-item {
        height:110px;
        width: 110px
    }
}

@media (max-width: 534px) {
    .main-quick-item {
        height:100px;
        width: 100px
    }
}

@media (max-width: 959px) {
    .main-membership-process-items {
        gap:40px;
        justify-content: center
    }
}

@media (max-width: 719px) {
    .main-membership-process-items {
        gap:10px;
        justify-content: space-between
    }
}

@media (max-width: 534px) {
    .main-membership-process-items {
        flex-direction:column;
        gap: 10px
    }
}

@media (max-width: 1799px) {
    .main-membership-process-item {
        height:280px;
        width: 200px
    }
}

@media (max-width: 959px) {
    .main-membership-process-item {
        height:320px;
        width: 250px
    }
}

@media (max-width: 719px) {
    .main-membership-process-item {
        height:280px;
        width: 200px
    }
}

@media (max-width: 534px) {
    .main-membership-process-item-arrow {
        margin:10px 0;
        transform: rotate(90deg)
    }
}

@media (max-width: 959px) {
    .popup-btn {
        display:none
    }
}

@media (max-width: 959px) {
    .popup {
        align-items:center;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        background: #000000cd;
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: center
    }

    .popup,.popup.open {
        height: 100%;
        width: 100%
    }

    .popup.open {
        z-index: 99999
    }

    .popup-img {
        aspect-ratio: 1/1;
        min-height: 300px;
        min-width: 300px;
        overflow: hidden;
        width: 50vw
    }

    .popup-img img {
        display: block;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .popup-mobile-btn button {
        background-color: #fff;
        border-radius: 50%;
        box-sizing: border-box;
        height: 30px;
        padding: 2px 5px 11px;
        text-align: center;
        width: 30px
    }

    .popup-mobile-btn button:hover {
        cursor: pointer
    }

    .popup-mobile-btn button .xmark {
        width: 100%
    }
}

@media (max-width: 959px) {
    .main-benefit__item {
        margin:10px;
        min-width: 25%
    }

    .main-benefit__item:nth-child(3):after {
        display: none
    }
}

@media (max-width: 534px) {
    .main-benefit__item:nth-child(3):after {
        display:none
    }
}

@media (max-width: 719px) {
    .main-benefit__item-num {
        font-size:2.25rem
    }
}

@media (max-width: 534px) {
    .main-benefit__item-num {
        font-size:1.875rem
    }
}

@media (max-width: 719px) {
    .main-benefit__item p {
        font-size:.875rem
    }
}

@media (max-width: 534px) {
    .main-benefit__item p {
        font-size:.75rem
    }
}

@media (max-width: 719px) {
    .main-benefit__btn-wrap p {
        font-size:.875rem
    }
}

@media (max-width: 534px) {
    .main-benefit__btn-wrap p {
        font-size:.75rem
    }
}

@media (max-width: 719px) {
    .main-benefit__btn-wrap>button>a {
        font-size:1rem
    }
}

@media (max-width: 959px) {
    .main-external__container {
        flex-direction:column;
        gap: 20px
    }
}

@media (max-width: 719px) {
    .main-external__items {
        flex-direction:column
    }

    .main-external__items li {
        width: 100%
    }
}

@media (max-width: 1499px) {
    .main-external__item {
        width:250px
    }
}

@media (max-width: 959px) {
    .main-external__item {
        height:70px;
        width: 210px
    }
}

@media (max-width: 719px) {
    .main-external__item {
        width:100%
    }
}

@media (max-width: 1279px) {
    .about-ceo:after {
        width:360px
    }
}

@media (max-width: 959px) {
    .about-ceo:after {
        display:none
    }
}

@media (max-width: 959px) {
    .about-ceo__container {
        flex-direction:column
    }
}

@media (max-width: 1279px) {
    .about-ceo__title {
        max-width:360px;
        min-width: 360px
    }
}

@media (max-width: 959px) {
    .about-ceo__title {
        background-color:#14ae67;
        max-width: 100%;
        min-width: 100%;
        padding: 20px 40px
    }
}

@media (max-width: 1279px) {
    .about-ceo__title h2 {
        font-size:2.25rem
    }
}

@media (max-width: 719px) {
    .about-ceo__title h2 {
        font-size:2.125rem
    }
}

@media (max-width: 534px) {
    .about-ceo__title h2 {
        font-size:1.625rem
    }
}

@media (max-width: 959px) {
    .about-ceo__title h2:last-of-type {
        padding-bottom:30px
    }
}

@media (max-width: 534px) {
    .about-ceo__title h2:first-of-type {
        padding-top:15px
    }

    .about-ceo__title h2:last-of-type {
        padding-bottom: 15px
    }
}

@media (max-width: 719px) {
    .about-ceo__content {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .about-ceo__content {
        font-size:.875rem
    }
}

@media (max-width: 1279px) {
    .about-ceo__content {
        padding-left:100px
    }
}

@media (max-width: 959px) {
    .about-ceo__content {
        padding:20px
    }
}

@media (max-width: 534px) {
    .about-ceo__sign {
        gap:10px;
        padding: 30px 0
    }
}

@media (max-width: 719px) {
    .about-ceo__sign p {
        font-size:1.25rem
    }
}

@media (max-width: 534px) {
    .about-ceo__sign p {
        font-size:1.125rem
    }
}
@media (max-width: 719px) {
    .about-vision__title {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .about-vision__title {
        font-size:.875rem
    }
}

@media (max-width: 1279px) {
    .about-vision__title h1 {
        font-size:3.25rem
    }
}

@media (max-width: 719px) {
    .about-vision__title h1 {
        font-size:2.625rem
    }
}

@media (max-width: 534px) {
    .about-vision__title h1 {
        font-size:2.125rem
    }
}

@media (max-width: 1499px) {
    .about-vision__content {
        flex-wrap:wrap
    }
}

@media (max-width: 1499px) {
    .about-vision__item {
        padding:20px;
        width: calc(50% - 70px)
    }
}

@media (max-width: 534px) {
    .about-vision__item {
        width:100%
    }
}

@media (max-width: 1279px) {
    .about-history__title h3 {
        font-size:2.25rem
    }
}

@media (max-width: 719px) {
    .about-history__title h3 {
        font-size:2.125rem
    }
}

@media (max-width: 534px) {
    .about-history__title h3 {
        font-size:1.625rem
    }
}

@media (max-width: 959px) {
    .about-history__contents {
        gap:30px;
        padding-inline:0}
}

@media (max-width: 959px) {
    .about-history__contents .line {
        display:none
    }
}

@media (max-width: 959px) {
    .about-history__contents .line:before {
        display:none
    }
}

@media (max-width: 959px) {
    .about-history__contents .line:after {
        display:none
    }
}