/**
 * 사용자 페이지 컨텐츠 스타일
 */

/* 섹션 스타일 */
.welcome-section {
    background-color: #fff;
    padding: 2rem;
    border-radius: 8px;
    margin-bottom: 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.welcome-section h2 {
    margin-top: 0;
    color: #333;
}

.info-section {
    background-color: #fff;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.info-section h3 {
    margin-top: 0;
    color: #333;
}

.info-section ul {
    list-style: disc;
    padding-left: 2rem;
}

.info-section li {
    margin-bottom: 0.5rem;
    color: #666;
}

/* 디바이스별 반응형 디자인 */
/* 모바일 중형 (480px ~ 767px) */
@media (max-width: 767px) {
    .welcome-section,
    .info-section {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    .welcome-section h2,
    .info-section h3 {
        font-size: 1.25rem;
    }
    
    .info-section ul {
        padding-left: 1.5rem;
    }
}

/* 모바일 소형 (320px ~ 479px) */
@media (max-width: 479px) {
    .welcome-section,
    .info-section {
        padding: 1.25rem;
        margin-bottom: 1.25rem;
    }
    
    .welcome-section h2,
    .info-section h3 {
        font-size: 1.1rem;
    }
    
    .info-section ul {
        padding-left: 1.25rem;
    }
}