/* 로그인화면 */
@media(max-width:1680px) {

    .testLogin-wrap .inner .login-inner-wrapper,
    .testLogin-wrap .inner .findAccount-inner-wrapper,
    .testLogin-wrap .inner .signUp-inner-wrapper {
        width: 60%;
    }

    .testLogin-wrap .inner .login-inner-wrapper .login-inner-mainText {
        font-size: 10rem;
    }

    .testLogin-wrap .inner .findAccount-inner-wrapper .findAccount-inner-mainText,
    .testLogin-wrap .inner .signUp-inner-wrapper .signUp-inner-mainText {
        font-size: 8rem;
    }

    .findAccount-wrap .find-btn-wrap button {
        padding: 2rem 8rem;
    }
}

@media (max-width:1200px) {

    .testLogin-wrap .inner .login-inner-wrapper,
    .testLogin-wrap .inner .findAccount-inner-wrapper,
    .testLogin-wrap .inner .signUp-inner-wrapper {
        width: 100%;
    }
}

@media (max-width:800px) {
    .testLogin-wrap .inner .login-inner-wrapper .login-wrapper {
        padding: 10rem 2rem;
    }

    .testLogin-wrap .inner .findAccount-inner-wrapper .findAccount-wrapper {
        padding: 2rem;
    }

    .findAccount-wrap .arrow-icon {
        top: 0;
        left: 0;
    }

    .testLogin-wrap .inner {
        padding: 2rem 3rem;
    }

    .signUp-wrap .type-wrap .user-select-wrapper {
        grid-template-columns: 1fr;
    }

    .signUp-wrap .join-wrap select {
        display: none;
    }
}

@media(max-width:767px) {
    .findAccount-wrap .find-btn-wrap button {
        padding: 2rem 4rem;
    }

    .testLogin-wrap .inner .findAccount-inner-wrapper .findAccount-inner-mainText {
        font-size: 10vw;
    }
}

@media(max-width:500px) {
    .findAccount-wrap .find-btn-wrap button {
        padding: 1rem 2rem;
    }

    .signUp-wrap .join-wrap .join-inner-wrapper .email-input-wrap {
        max-width: 115px !important;
    }

    .signUp-wrap .join-wrap .join-inner-wrapper .id-input,
    .signUp-wrap .join-wrap .join-inner-wrapper .businessNumber {
        width: 150px;
    }
}

@media(max-width:400px) {
    .findAccount-wrap .success-pw-find .form-group {
        flex-direction: column;
        gap: .5rem;
        align-items: unset;
    }
}

/* 로그인화면 */

/* 인트로 로고 */
@media (max-width:1024px) {
    .intro-logo {
        white-space: pre;
        font-size: clamp(2.4rem, 4vw, 4rem);
    }
}

/* 인트로 로고 */




/* 사용자설정 */
@media (max-width:1024px) {
    .mypage-wrap .mypage .mypage-content {
        flex-direction: column;
        padding: 2rem;
    }

    .mypage-wrap .mypage .tab-menu {
        flex-direction: row;
        gap: 1rem;
    }

    .mypage-wrap .mypage .tab-button {
        padding: 10px 20px;
        width: 100%;
        border-bottom: 1px solid #cfcfcf;
    }

    .mypage-wrap .mypage .tab-button.active {
        border-bottom: 1px solid #303030;
    }
}

@media (max-width:767px) {
    .mypage-wrap .mypage .mypage-title {
        font-size: 2.4rem;
    }
}

/* 사용자설정 */



/* 헤더 */
@media (max-width:1024px) {
    .user-wrap header {
        background-color: transparent;
        backdrop-filter: unset;
    }
}

/* 헤더 */


/* banner */
@media(max-width:767px) {
    .banner {
        height: 250px;
    }
}

/* banner */





/* mainPage Section01 responsive */
@media (max-width:1480px) {
    .sec1 .contents-area .main-text-wrapper .swiper-wrapper {
        font-size: 4rem;
        padding: 0.5rem 1rem;
    }

    .sec1 .contents-area .main-text-wrapper .mySwiper {
        max-height: 72px;
    }

    .sec1 .contents-area .main-text-wrapper .main-text {
        font-size: 4vw;
    }
}

@media (max-width:1024px) {
    .sec1 .contents-area .main-text-wrapper .swiper-wrapper {
        font-size: 3rem;
    }

    .sec1 .contents-area .main-text-wrapper .mySwiper {
        max-height: 55px;
    }

    .sec1 .contents-area .sub-text-wrapper .apply-btn {
        padding: 1.5rem 2rem;
    }
}

@media (max-width:767px) {
    .sec1 .contents-area {
        gap: 1rem;
    }

    .sec1 .contents-area .main-text-wrapper .main-text {
        font-size: 3rem;
    }

    .sec1 .contents-area .sub-text-wrapper {
        justify-content: unset;
    }

    .sec1 .contents-area .sub-text-wrapper .logo-text {
        display: none;
    }

    .sec1 .contents-area .sub-text-wrapper .apply-btn:hover {
        padding: 0 2rem;
    }

    .sec1 .contents-area .sub-text-wrapper .apply-btn {
        background-color: transparent;
        padding: 0;
        border-bottom: 1px solid #fff;
        border-radius: 0;
    }
}

@media (max-width:500px) {
    .sec1 .contents-area .main-text-wrapper .main-text {
        font-size: 5vw;
    }

    .sec1 .contents-area .sub-text-wrapper .apply-btn:hover {
        padding: 1.5rem 2rem;
    }
}

/* mainPage Section01 responsive */





/* mainPage Section02 responsive */
@media (max-width:1480px) {
    .sec2 .sec2-inner-wrapper {
        height: 100%;
        justify-content: flex-end;
        padding-bottom: 2rem;
    }

    .sec2 .sec2-inner-wrapper .contents-wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .sec2 .sec2-inner-wrapper .contents-wrap .content {
        height: 300px;
    }

    .sec2 .sec2-inner-wrapper .text-wrap .sub-title {
        font-size: 3.2rem;
    }
}

@media (max-width:767px) {
    /* .sec2 .sec2-inner-wrapper {
        height: unset;
        justify-content: unset;
    } */

    .sec2 .sec2-inner-wrapper .contents-wrap {
        grid-template-columns: 1fr;
    }

    .sec2 .sec2-inner-wrapper .contents-wrap .content {
        height: 140px;
    }

    .sec2 .sec2-inner-wrapper .contents-wrap .content .text-wrap {
        padding: 0 1rem;
        bottom: 1rem;
    }

    .sec2 .sec2-inner-wrapper .text-wrap .sub-title {
        font-size: 2.4rem;
    }
}

@media (max-width:500px) {
    .sec2 .sec2-inner-wrapper .text-wrap .sub-title-wrap .accentText {
        font-size: 1.4rem;
    }

    .sec2 .sec2-inner-wrapper .text-wrap .sub-title {
        font-size: 1.6rem;
    }

    .sec2 .sec2-inner-wrapper .contents-wrap .content .text-wrap .title-text {
        font-size: 1.4rem;
    }

    .sec2 .sec2-inner-wrapper .contents-wrap .content .text-wrap .description-text {
        font-size: 1.2rem;
    }
}


/* mainPage Section02 responsive */





/* mainPage Section03 responsive */
@media (max-wdith:1024px) {}

/* mainPage Section03 responsive */





/* banner > page-title responsive */
@media(max-width:1440px) {
    .banner .banner-overlay {
        width: 70%;
    }
}

@media(max-width:1024px) {
    .banner .banner-overlay {
        width: 100%;
        backdrop-filter: blur(5px);
        mask-image: none;
        padding: 0 2rem;
    }

    .banner .banner-overlay .page-title {
        font-size: 4.8rem;
    }

    .banner .banner-overlay .page-title-edit {
        font-size: 3.6rem;
        word-break: keep-all;
    }
}

@media(max-width:767px) {
    .banner .page-sub-title {
        font-size: 1.4rem;
    }
}

@media(max-width:325px) {
    .banner .banner-overlay .page-title {
        font-size: 3.6rem;
    }

    .banner .banner-overlay .page-title-edit {
        font-size: 2.4rem;
        word-break: keep-all;
    }
}


/* banner > main-title responsive */





/* SubscriptionList.vue - responsive */

/* 공지사항 */
@media(max-width:1024px) {
    .user-noticeView-wrap .user-noticeView-inner tbody tr td .title-wrapper .title-text {
        font-size: 3rem;
    }
}

@media (max-width:767px) {
    .user-noticeView-wrap .user-noticeView-inner tbody tr td .title-wrapper .sub-wrap {
        flex-direction: column;
        gap: 0;
    }

    .user-noticeView-wrap .user-noticeView-inner tbody tr td .title-wrapper .sub-wrap .sub-text:first-child::after {
        display: none;
    }
}

/* 공지사항 */


/* 문의사항 */
@media(max-width:1024px) {
    .user-inquiryView-wrap .user-inquiryView-inner .user-inquiryView-head .user-inquiryView-head-title {
        font-size: 3rem;
    }
}

@media(max-width:767px) {
    .user-inquiryView-wrap .user-inquiryView-inner .user-inquiryView-head .sub-wrap {
        flex-direction: column;
        gap: 0;
    }
    .user-inquiryView-wrap .user-inquiryView-inner .user-inquiryView-head .sub-wrap .sub-text:first-child::after {
        display: none;
    }
}

/* 문의사항 */


/* 워크스페이스 > 어플리케이션 */
@media(max-width:1024px) {
    .appList-wrap .title-text {
        font-size: 2.4rem;
    }

    .app-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .app-grid .app-card {
        border-radius: 2rem;
    }
}

@media (max-width: 767px) {
    .appList-wrap h2 {
        font-size: 2.4rem;
    }

    .app-grid {
        grid-template-columns: unset;
    }

    .app-card {
        height: 250px;
        padding: 2rem;
    }
}

@media (max-width:500px) {
    .banner .banner-overlay .page-title {
        font-size: 3.6rem;
    }
}

@media (max-width: 330px) {
    .appList-wrap h2 {
        font-size: 2rem;
    }
}

/* 워크스페이스 > 클라우드 */
@media (max-width:1440px) {
    .cloud-wrap .cloud-inner-wrap {
        flex-direction: column;
    }
}

@media (max-width:1024px) {
    .cloud-wrap {
        flex-direction: column;
    }

    .cloud-wrap .cloud-list {
        box-shadow: none;
        padding: 0;
        flex: unset;
    }

    .cloud-wrap .cloud-list .cloud-list-grid-wrap {
        height: unset !important;
        width: 100%;
        display: flex;
        justify-content: center;
        border-radius: 2rem;
    }

    .cloud-wrap .cloud-list .cloud-list-grid-wrap .grid-body-wrap {
        width: 100%;
    }

    .cloud-wrap .cloud-list .grid-head {
        display: none;
    }

    .cloud-wrap .cloud-list .cloud-list-grid-wrap .grid-body-wrap .grid-body .grid-row {
        height: 100%;
        display: flex;
        flex-direction: column;
        padding: 0;
        /* gap: .5rem; */
    }

    .cloud-wrap .cloud-list .cloud-list-grid-wrap .grid-body-wrap .grid-body .grid-row p::before {
        content: attr(data-label);
        font-weight: bold;
        color: #333;
        float: left;
    }

    .cloud-wrap .cloud-list .cloud-list-grid-wrap .grid-body-wrap .grid-body .grid-row p {
        width: 100%;
        display: block;
        text-align: right !important;
        padding: 1rem;
    }

    .cloud-wrap .cloud-list .cloud-list-grid-wrap .grid-body-wrap .grid-body .grid-row p:not(:last-child) {
        border-bottom: 1px solid #e6e6e6;
    }
}

@media (max-width:767px) {
    .cloud-wrap .cloud-list {
        font-size: 1.2rem;
    }
}

@media(max-width:500px) {
    .cloud-wrap .cloud-information-wrap .selected-cloud-information .application-wrapper {
        grid-template-columns: 1fr;
    }
    .cloud-detail-wrapper .cloud-detail-inner-wrap {
        height: 60vh;
    }
    .cloud-detail-wrapper .cloud-detail-inner-wrap .top-wrap .title-text {
        font-size: 2.4rem;
    }
    .cloud-detail-wrapper .cloud-detail-inner-wrap .content-wrap .button-wrap button {
        padding: 1rem;
    }
}



/* 클라우드 신청 */
@media (max-width:1200px) {

    .cloudApply-wrap .inner-wrapper .wrapper .spec-wrap,
    .cloudApply-wrap .inner-wrapper .wrapper .utill-wrap,
    .cloudApply-wrap .inner-wrapper .wrapper .application-wrap {
        flex-direction: column;
        gap: 1rem;
    }

    .cloudApply-wrap .inner-wrapper .wrapper .utill-wrap .title-text,
    .cloudApply-wrap .inner-wrapper .wrapper .application-wrap .title-text {
        margin-bottom: unset !important;
    }
}

@media (max-width:1024px) {
    .cloudApply-wrap .inner-wrapper .wrapper .spec-wrap .spec-inner-wrap .select-wrap {
        flex-direction: column;
        gap: 2rem;
    }

    .cloudApply-wrap .inner-wrapper .wrapper .spec-wrap .spec-inner-wrap .select-wrap .selectForm-box-wrap {
        justify-content: unset;
        gap: 2rem;
    }

    .cloudApply-wrap .inner-wrapper .wrapper .spec-wrap .spec-inner-wrap .select-wrap .selectForm-box-wrap .selectForm-box {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }

    .cloudApply-wrap .inner-wrapper .wrapper .spec-wrap .spec-inner-wrap .select-wrap .selectForm-box-wrap .selectForm-box select {
        width: 100%;
        max-width: 500px;
        width: 300px;
    }

    .cloudApply-wrap .inner-wrapper .wrapper .utill-wrap .utill-inner-wrap .form-row {
        flex-direction: column;
    }

    .cloudApply-wrap .inner-wrapper .wrapper .application-wrap .application-inner-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:767px) {
    .cloudApply-wrap .inner-wrapper .wrapper .spec-wrap .spec-inner-wrap .select-wrap .selectForm-box-wrap {
        flex-direction: column;
    }

    .cloudApply-wrap .inner-wrapper .wrapper .spec-wrap .spec-inner-wrap .select-wrap .selectForm-box-wrap .selectForm-box select {
        width: 100%;
        max-width: 400px;
        width: unset;
    }

    .cloudApply-wrap .inner-wrapper .wrapper .utill-wrap .utill-inner-wrap .form-row .utill-form-wrap .startDate-form .calendar-wrap {
        right: -90px;
    }
}

@media (max-width:500px) {
    .cloudApply-wrap .inner-wrapper .wrapper .application-wrap .application-inner-wrap {
        grid-template-columns: 1fr;
    }
}


/* 클라우드 신청내역 */
@media(max-width:1024px) {

    .enroll-page .enroll-page-inner .enroll-table table,
    .enroll-page .enroll-page-inner .enroll-table thead,
    .enroll-page .enroll-page-inner .enroll-table tbody,
    .enroll-page .enroll-page-inner .enroll-table th,
    .enroll-page .enroll-page-inner .enroll-table td,
    .enroll-page .enroll-page-inner .enroll-table tr {
        display: block;
    }

    .enroll-page .enroll-page-inner .enroll-table td {
        text-align: right !important;
        border: none;
    }

    .enroll-page .enroll-page-inner .enroll-table td::before {
        content: attr(data-label);
        font-weight: bold;
        color: #555;
        float: left;
    }

    .enroll-page .enroll-page-inner .enroll-table thead {
        display: none;
    }

    .enroll-page .enroll-page-inner .enroll-table tr {
        border: 1px solid #e6e6e6;
        border-radius: 1rem;
        font-size: 1.4rem;
    }

    .enroll-page .enroll-page-inner .enroll-table tbody {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    .enroll-page .search-wrap {
        display: unset;
    }

    .enroll-page .search-wrap .search-zone {
        display: flex;
        gap: 1rem;
        margin-bottom: 2rem;
    }

    .enroll-page .search-wrap .search-zone>select {
        margin-left: auto;
    }

    .enroll-page .search-wrap .search-zone>button {
        margin-left: auto;
        width: 150px;
    }

    .enroll-page .search-wrap .search-zone .find-button {
        padding: 0;
    }

    .enroll-page .search-wrap .search-zone .form-wrap {
        max-width: unset;
        justify-content: start;
    }

    .enroll-page .enroll-table tbody .enroll-table-tbody-tr td:nth-child(6) {
        margin: 0;
    }

    .search-zone span {
        display: block;
    }

}

@media(max-width:767px) {
    .enroll-page .main-title-text {
        font-size: 2.4rem;
    }

    .enroll-page .banner .banner-overlay .page-title {
        font-size: 2.4rem;
    }
}

@media (max-width:600px) {
    tbody {
        grid-template-columns: 1fr;
    }

    .enroll-page .search-wrap .search-zone {
        align-items: end;
    }

    .enroll-page .search-wrap .search-zone .form-wrap {
        flex-direction: column;
        align-items: start;
    }

    .enroll-page .search-wrap .search-zone>select,
    .enroll-page .search-wrap .search-zone .find-button {
        height: fit-content;
    }
}

@media (max-width:510px) {
    .enroll-page .enroll-page-inner #pagination {
        margin: 0 auto;
    }

    .paginationWrap .applyBtn {
        margin: 0 auto;
        margin-top: 1rem;
    }
}


/* 클라우드 신청내역 상세페이지 */
@media (max-width:1480px) {
    .enroll-edit-wrap .enroll-edit-inner .banner .banner-overlay .page-title-text {
        font-size: 4vw;
    }
}

@media(max-width:1024px) {
    .enroll-edit-wrap .enroll-edit-inner .banner .banner-overlay .page-title-text {
        font-size: 4rem;
    }

    .enroll-edit-wrap .enroll-edit-inner .info-wrapper {
        flex-direction: column;
    }
}

@media (max-width:767px) {
    .enroll-edit-wrap .enroll-edit-inner .banner .banner-overlay .page-title-text {
        font-size: 6vw;
    }
}



/* footer responsive */
@media(max-width:767px) {
    footer .footer-wrap {
        padding: 2rem 0;
    }
}

@media (max-width:571px) {
    footer .footer-wrap .bottom .footer-information .address {
        gap: 0 !important;
    }
}

@media (max-width:382px) {
    footer .footer-wrap .bottom .footer-information>div:last-child {
        gap: 0 !important;
        flex-direction: column;
        align-items: start;
    }

    footer .footer-wrap .bottom .footer-information>div:last-child .bar {
        display: none;
    }
}

/* footer responsive */






/*  */
@media(max-width:1024px) {

    .status-pending,
    .status-approved,
    .status-rejected,
    .status-expired,
    .status-cancelled {
        background-color: transparent;
    }

    .status-approved {
        color: #b8ecc4;
    }

    .status-rejected {
        color: #f8c2c7;
    }

    .status-pending {
        color: #ffeeb5;
    }

    .status-expired {
        color: #b1c3e4;
    }

    .status-cancelled {
        color: #fcc8c8;
    }

    td::before {
        content: attr(data-label);
        color: #fff8;
        float: left;
    }
}


/*  */
@media(max-width:767px) {

    .goToBack-button {
        padding: .5rem 2rem;
    }

    .return-button,
    .cancle-button {
        padding: .5rem 2rem;
    }

    .edit-button {
        padding: .5rem 2rem;
    }

    .registration-button {
        padding: .5rem 2rem;
    }
}