@charset "utf-8";

/* 내용관리 */
#ctt {margin:0;padding:0px;}
.ctt_admin {text-align:right}
#ctt header h1,
#ctt header h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

/* 서브페이지 */

/* [BIZ-COMMON] 모든 소개형 페이지 공통 스타일 */
.biz-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 20px;
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    color: #333;
    line-height: 1.6;
}

/* 상단 메인 이미지/타이틀 영역 */
.biz-header {
    text-align: center;
    margin-bottom: 50px;
}
.biz-header img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

/* 개별 컨텐츠 섹션 */
.biz-section {
    margin-bottom: 70px;
    clear: both;
}

/* 섹션 대제목 (제품명, 사업장명, 특허분류 등) */
.biz-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111;
    margin-bottom: 25px;
    padding-left: 15px;
    border-left: 5px solid #224499; /* 기업 상징색으로 변경 가능 */
    letter-spacing: -0.5px;
}

/* 텍스트 정보 박스 (설명글, 상세 스펙 등) */
.biz-info-content {
    background: #f9f9f9;
    border: 1px solid #ececec;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 25px;
    font-size: 1.05rem;
}
.biz-info-content strong {
    color: #224499;
}

/* 이미지 배치 그리드 (제품 사진, 특허증, 약도 등) */
.biz-grid-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

/* 그리드 내 개별 아이템 (2열, 3열 자동 대응) */
.biz-grid-item {
    flex: 1 1 300px; /* 기본 300px 너비 유지하며 자동 배열 */
    max-width: 100%;
    text-align: center;
}
.biz-grid-item img {
    width: 100%;
    height: auto;
    border: 1px solid #eee;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transition: all 0.3s;
}
.biz-grid-item img:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* 캡션 (이미지 하단 설명) */
.biz-caption {
    margin-top: 10px;
    font-size: 0.9rem;
    color: #666;
}

/* 모바일 최적화 */
@media (max-width: 768px) {
    .biz-container { padding: 20px 15px; }
    .biz-title { font-size: 1.25rem; }
    .biz-info-content { font-size: 0.95rem; padding: 15px; }
}

/* ----- 회사연혁 -----*/

/* 연혁 전용 스타일 업데이트 */
.history-container {
    margin-top: 40px;
}

/* 연도 섹션 간의 여백을 더 시원하게 (80px) */
.history-year-group {
    margin-bottom: 80px; 
}

.history-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.history-list li {
    padding: 22px 0; /* 상하 여백을 더 넓혀서 조밀한 느낌 제거 */
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    align-items: flex-start;
    line-height: 1.9; /* 줄간격을 1.9로 확대하여 가독성 극대화 */
}

.history-list li:last-child {
    border-bottom: none;
}

/* 날짜와 내용 사이의 간격 확실히 확보 */
.history-list li strong {
    min-width: 140px; /* 날짜 영역을 더 넓게 설정 */
    color: #224499;
    font-size: 1.15rem;
    font-weight: 700;
    flex-shrink: 0;
    margin-right: 30px; /* 날짜와 내용 사이에 충분한 공백(30px) */
    position: relative;
}

/* 내용 텍스트 스타일 */
.history-content {
    font-size: 1.05rem;
    color: #333;
    word-break: keep-all; /* 단어 단위로 줄바꿈하여 깔끔하게 표시 */
}

/* 모바일 화면 최적화 */
@media (max-width: 768px) {
    .history-list li {
        flex-direction: column;
        padding: 20px 0;
    }
    .history-list li strong {
        margin-bottom: 10px;
        font-size: 1.05rem;
    }
}