/* =============================
   sitemap.css
   ============================= */

.sitemap { 
    padding: 2rem 4rem;
    background: var(--background-darklight);
    border: 1px solid var(--background-dark);
    border-radius: 12px;
}

.sitemap__row {
    display: grid;
    grid-template-columns: 120px 1fr; /* 제목 영역 고정, 리스트 영역 유동 */
    align-items: center;
    padding: 2rem 0;
    border-bottom: 1px solid var(--stroke-separator);
}

.sitemap__sub-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-size: 1.6rem;
}

.sitemap__etc-row { 
    padding: 2rem 0;
}

.sitemap__etc-list { 
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    font-size: 1.8rem;
    font-weight: 600;
}

.sitemap-info { 
    margin-top: 7rem;
}

@media (max-width: 768px) { 
    .sitemap {
        padding: 0 2rem;
    }
    .sitemap__row { 
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 12px;
    }
    .sitemap__sub-list { 
        row-gap: 10px;
    }  
    .sitemap__etc-list { 
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 10px;        
    }  
    .sitemap__etc-list li { 
        line-height: 1.5;
    }   
}