/**
 * 주식회사 옌 (YEN Corp) 웹사이트
 * 반응형 스타일시트
 * 
 * @version 1.1.0
 * @author YEN Corp Development Team
 */

/* ===== 태블릿 (992px - 1199px) ===== */
@media (max-width: 1199px) {
    /* 컨테이너 */
    .container {
        max-width: 960px;
    }
    
    /* 타이포그래피 */
    h1 { font-size: 2.2rem; }
    h2 { font-size: 1.8rem; }
    h3 { font-size: 1.5rem; }
    
    /* 섹션 */
    .section {
        padding: 60px 0;
    }
    
    .section-header {
        margin-bottom: 50px;
    }
    
    /* 카드 */
    .card-img img {
        height: 200px;
    }
}

/* ===== 모바일 (991px 이하) ===== */
@media (max-width: 991px) {
    /* 컨테이너 */
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    
    /* 타이포그래피 */
    h1 { font-size: 2rem; }
    h2 { font-size: 1.6rem; }
    h3 { font-size: 1.4rem; }
    h4 { font-size: 1.3rem; }
    
    /* 그리드 */
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, 
    .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    /* 헤더 관련 스타일을 main.css로 통합하여 삭제 - 불필요한 중복 제거 */
    
    /* 푸터 관련 스타일은 footer.css로 통합하여 삭제 - 불필요한 중복 제거 */
    
    /* 섹션 */
    .section {
        padding: 50px 0;
    }
    
    .section-header {
        margin-bottom: 40px;
    }
    
    .section-header h2 {
        font-size: 1.8rem;
    }
    
    /* 카드 */
    .card {
        margin-bottom: 20px;
    }
    
    .card-img img {
        height: 180px;
    }
}

/* ===== 작은 모바일 (575px 이하) ===== */
@media (max-width: 575px) {
    /* 타이포그래피 */
    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.3rem; }
    h4 { font-size: 1.2rem; }
    
    /* 버튼 */
    .btn {
        padding: 8px 16px;
        font-size: 0.9rem;
    }
    
    .btn-lg {
        padding: 10px 20px;
        font-size: 1rem;
    }
    
    /* 헤더 */
    .logo img {
        height: 35px;
    }
    
    /* 카드 */
    .card-body {
        padding: 20px;
    }
    
    .card-title {
        font-size: 1.2rem;
    }
    
    .card-img .card-date {
        width: 50px;
        height: 50px;
        font-size: 0.8rem;
    }
    
    /* 아이콘 박스 */
    .icon-box-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
    
    /* 폼 요소 */
    .form-control, .form-select {
        padding: 10px 12px;
    }
}