@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");

@import url(navMenu.css);

*{
    margin: 0;
    box-sizing: border-box;
    padding: 0;
    text-decoration: none;
    list-style: none;
}

:root{
    --table-border:#e0e0e0;
    --table-border-top:#050f26;
    --table-border-bottom: #CCC;
    --main-color:#606269;
    --main-sub-color:#999;
    --sub-color:#1f1f1f;
    --accent-color: #3866e6;
    --input-border:#cacaca;
    --leftWidth:10rem;
    --back-main-color: #f3f3f3;
    --back-accent-color: #FAC328;
}

body, html{
    font-size: 62.5%;
    height: 100%; /*최대높이설정*/
    overflow: auto;
    font-family: "Pretendard Variable";
}

.container{
    display: flex;
    justify-content: center;
    gap:0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(#e6e6e6, #ffffff 50px);
    /* background-image: linear-gradient(#f6f6f6 50px, #ffffff 50px 100%); */
}

.menu{
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    /* gap: 1rem; */
    height: 5rem;   
}

.title{  
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 5rem;
    padding: 0 2rem 0 1.5rem;
}

.title > div{
    width: 7rem;
}

.title h1{
    font-size: 1.6rem;
    font-weight: 600;
}

/* 테이블 기본 */
.table-wrapper{
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    padding: 2rem;
    background: var(--back-main-color);
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

th, td{
    font-size: 1.3rem;
}

td{
    padding: 1.2rem 1rem;
    color: var(--main-color);
    border-bottom: 1px solid var(--table-border);
}

th {
    padding: 0 1rem 1rem 1rem;
    color: var(--sub-color);
    border-bottom: 1px solid var(--table-border-top);
}