/* 전체적으로 적용하는 것을 권장합니다 */
* {
    box-sizing: border-box;
}

body {
    margin:0;
}




.test-hero {
    width: 100%; /* box-sizing이 있으면 100%여도 안전합니다 */
    padding: 4em 2em;
    background: #f5fbf7;
    text-align: center;
    color: #234b32;
    /* box-sizing: border-box;  <- 전체(*)에 안 넣었다면 여기에라도 꼭 넣어야 함 */
}

/* ============================
   HERO SECTION
============================ */
/* .test-hero {
    width: 100%;
    padding: 4em 2em;
    background: #f5fbf7;
    text-align: center;
    color: #234b32;
} */

.test-hero h1 {
    font-size: 2.3em;
    font-weight: 700;
}

.test-hero p {
    margin-top: 0.5em;
    font-size: 1.15em;
    line-height: 1.7em;
    opacity: 0.85;
}

/* ============================
   WRAPPER & GRID
============================ */
.test-wrapper {
    max-width: 70em;
    margin: 3.5em auto 4em auto;
    padding: 0 2em;
}

.test-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
}

/* ============================
   CARD 기본 스타일
============================ */
.test-card {
    background: #ffffff;
    border-radius: 0.9em;
    padding: 1.8em 1.8em 1.9em 1.8em;
    box-shadow: 0 0.4em 1.4em rgba(0, 0, 0, 0.05);
    border: 1px solid #dcebe1;
    color: #234b32;
}

.test-card h2 {
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 0.3em;
}

.test-subtitle {
    font-size: 0.95em;
    opacity: 0.7;
    margin-bottom: 0.9em;
}

.test-desc {
    font-size: 1.05em;
    line-height: 1.8em;
    opacity: 0.95;
}

/* 마지막 '기타 검사' 카드는 넓게 */
.test-card.wide {
    grid-column: 1 / -1;
}

/* ============================
   반응형
============================ */
@media (max-width: 900px) {
    .test-grid {
        grid-template-columns: 1fr;
    }
}