body {
    margin: 0;
    height: 100vh;
}


.layout {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-template-rows: repeat(2, auto);
    height: 100vh;
    
}


.left_panel {
    grid-column: 1;
    grid-row: 1/3;
    background: #111;
    color: white;
}
.total_position {
    margin-top: 500px;
}



.classic_banner {
    grid-column: 2; 
    grid-row: 1;
    background-image: url('/lineageclassic_banner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
}


/* 기존 container는 중앙 유지 */
.container {
    justify-self: center;
    align-self: center;

    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(9, auto);
    gap: 10px;
}

/*표 안에 각 항목 배치 시작*/ 




.class_select{
    grid-row: 1;     /* 1행 */
    grid-column: 1;  /* 1열 */
}

.lv1_information{
    grid-row: 2;
    grid-column: 1 / 3;  /* 🔥 핵심 */
}

.lv1_con{
    grid-row: 3;     /* 3행 */
    grid-column: 1;  /* 1열 */
}

.lv1_hp{
    grid-row: 4;     /* 4행 */
    grid-column: 1;  /* 1열 */
}

.recent_lv_info{
    grid-row: 5;     /* 5행 */
    grid-column: 1 / 3;  /* 🔥 핵심 */
}

.recent_lv{
    grid-row: 6;     /* 6행 */
    grid-column: 1/3;  /* 1열 */
}

.recent_hp{
    grid-row: 7;     /* 7행 */
    grid-column: 1;  /* 1열 */
}

.result_calculation{
    margin-top: 40px;
    margin-bottom: 20px;
    grid-row: 8;     /* 8행 */
    grid-column: 1;  /* 1열 */
}
.result_text{
    grid-row: 9;     /* 9행 */
    grid-column: 1;  /* 1열 */
}

.lv1_wis{
    grid-row: 3;     /* 3행 */
    grid-column: 2;  /* 2열 */
}

.lv1_mp{
    grid-row: 4;     /* 4행 */
    grid-column: 2;  /* 2열 */
}

.recent_mp{
    grid-row: 7;     /* 7행 */
    grid-column: 2;  /* 2열 */
}

/*표 안에 각 항목 배치 끝*/ 

/* 텍스트 설정 */
.section-title {
    font-size: 18px;
    color: black;
    border-bottom: 1px solid #444; /*밑줄*/
}