@charset "UTF-8";
/*-------------------------------------------------
title       : 메인 반응형
Create date : 2026.06
-------------------------------------------------*/
/* 1300px 이하 */
@media (max-width: 1300px) {
    /* 오른쪽의 업무 목록과 버튼을 세로로 배치 */
    .ui-my-work-card .ui-service-card-right {
        grid-template-columns: minmax(0, 1fr);
        align-content: center;
        gap: 16px;
        border-left: none;
        padding-left: 0;
    }

    /* 업무 목록 */
    .ui-my-work-list {
        width: 100%;
    }

    /* 버튼을 2열로 배치 */
    .ui-my-work-buttons {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        width: 100%;
    }

    .ui-my-work-buttons .ui-btn {
        width: 100%;
        min-width: 0;
        margin: 0;
        white-space: nowrap;
    }
}
/* Tablet + Fold */
@media (max-width:1024px) {
    .ui-main {
        padding: 0 20px
    }
    .ui-main-top {
        display:flex;
        flex-direction:column;
        gap:24px;
    }

    .ui-main-inner {
        display:grid;
        grid-template-columns:1fr;
        gap:32px;
    }

    .ui-main-content {
        order:1;
        margin-top:24px;
        gap:0;
        min-width: auto;
    }

    .ui-main-service .ui-section-title .ui-text-more {
        display: none;
    }

    .ui-main-side {
        order:2;
        width:100%;
    }

    .ui-side-menu {
        margin-top: 0;
    }

    .ui-my-work-card{
        /*grid-template-columns:1fr;*/
        grid-template-columns: minmax(0, 1fr);
        gap:20px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
        min-height: auto;
    }

    .ui-my-work-buttons .ui-btn {
        border: 1px solid var(--color-primary);
        color: var(--color-text-secondary);
        background: transparent;
        height: 50px;
        font-size: 14px;
    }

    .ui-side-menu-item {
        height: 60px;
        padding:0 18px;
    }

    .ui-main-bottom {
        grid-template-columns:1fr;
        gap:24px;
        margin-top:0;
        margin-bottom:24px;
    }

}

/* Fold Landscape */
@media (max-width:1024px) and (orientation:landscape) {}

/* Mobile */
@media (max-width: 768px) {
}

/* Small Mobile */
@media (max-width:640px) {
    .ui-main {
        padding:0;
    }

    .ui-main-inner {
        gap:20px;
    }

    .ui-login {
        display:none;
    }

    .ui-side-menu,
    .ui-main-bottom {
        margin-top:0;
        padding: 0 20px 20px;
    }

    .ui-my-work,
    .ui-main-service,
    .ui-board {
        padding: 25px 20px;
    }

    .ui-my-work,
    .ui-main-service {
        border-radius: 0;
    }


    .ui-main-content {
        margin-top: 0;
    }

    .ui-section-title,
    .ui-board-title {
        font-size:18px;
    }

    .ui-service-icon {
        display: none;
    }

    .ui-board-more {
        font-size: 13px;
    }

    .ui-notice-list li {
        flex-direction:column;
        align-items:flex-start;
        gap:6px;
    }

    .ui-notice-list a {
        white-space:normal;
        font-size: 14px;
    }

    .ui-faq-list {
        grid-template-columns:1fr;
    }

    .ui-faq-list a {
        font-size: 14px;
    }


}

@media (prefers-reduced-motion: reduce) {
    .ui-service-card,
    .ui-service-card::after {
        transition:none;
    }

    .ui-service-card:hover,
    .ui-service-card:focus-visible,
    .ui-service-card:hover::after,
    .ui-service-card:focus-visible::after {
        transform:none;
    }
}

/* XSmall Mobile */
@media (max-width: 350px) {
}