@charset "utf-8";

/* ==========================================================================
   Global Styles
   ========================================================================== */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #1a1a1a; 
    color: #f8f9fa;
}

/* ==========================================================================
   Navbar Styles
   ========================================================================== */
.nav-link-custom {
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    transition: opacity 0.2s ease;
    font-size: 1.35rem;    
    font-weight: 800;      
    letter-spacing: -0.5px; 
}

.nav-link-custom:hover {
    opacity: 0.8;
    color: #ffffff;
}

.nav-link-custom.active {
    color: #0d6efd;
    border-bottom: 3px solid #0d6efd;
}

/* ==========================================================================
   Content Box Styles
   ========================================================================== */

/* 1. 배경 박스 스타일 (text-box) */
.text-box {
    background-color: #2d2d2d; /* 배경색 */
    color: #ffffff;            /* 글자색 */
    border-radius: 15px;       /* 둥근 모서리 */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* 그림자 */
}

/* 2. 내부 정렬 스타일 (center-box) */
.center-box {
    display: flex;
    flex-direction: column;    /* 세로 정렬 */
    justify-content: center;   /* 수직 중앙 */
    align-items: center;       /* 수평 중앙 */
    text-align: center;        /* 텍스트 중앙 */
    margin: 50px auto;         /* 박스 자체의 상하 여백 */
}