/* ------------------------------------------------------------------------ */
/* 기업연혁 */
#content .his_nav_tab {
    width: 1200px;
    margin: 80px auto 0 auto;
    display: flex;
    gap: 2%;
}

#content .his_nav_tab li {
    width: 23.5%;
    text-align: center;
    font-size: 1.45rem;
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.3s ease-out;
    overflow: hidden;
}

/* 상단에 고정 sticky menu */
#content .content_area .his_nav_tab.active {
    background: #fff;
    padding: 50px 0 5px 0;
    position: fixed;
    width: 1200px;
    z-index: 1000;
    left: 50%;
    transform: translateX(-50%);
    top: 00px;
    margin: 0;
}

/* 메뉴 활성화  scroll spy */
#content .his_nav_tab li a.spy {
    background: #007ac3;
    color: #fff;
    font-weight: 500;
}

#content .his_nav_tab li:hover {
    color: #fff;
    background: #007ac3;
}

#content .his_nav_tab li a {
    color: #007aca;
    display: block;
    padding: 5px 0;
    background: #f3f3f3;
    border: 1.5px solid #007aca;
    border-radius: 10px;
    box-sizing: border-box;
    transition: all 0.3s ease-out;
}

#content .his_nav_tab .current {
    background: #007ac3;
    color: #fff;
    font-weight: 500;
}

#content .his_nav_tab li a:hover {
    background: #007ac3;
    color: #fff;
    font-weight: 500;
}

/* 연혁 list */
#content .content_area .his_list {
    margin: 100px 0;
}

#content .history_cur {
    width: 700px;
    position: relative;
    left: 500px;
    top: 0;
    margin-bottom: 100px;
}

#content .history_cur li {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 70px;
    position: relative;
    padding-bottom: 70px;
}

#content .history_cur li .history_img {
    flex: 0 0 365px; /* 이미지 너비 조절 */
    position: absolute;
    left: -500px; /* 왼쪽으로 이동 */
    top: 45px;
    margin-bottom: 30px;
    width: 365px;
    height: 240px;
    box-sizing: border-box;
    overflow: hidden;
}

#content .history_cur li .history_img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

#content .his_list ol li .line {
    position: absolute;
    top: 50px;
    left: -35px;
    height: calc(100% + 100px); /* 높이를 li의 전체 높이 + 여분으로 설정 */
    width: 2px;
    border-right: 2px solid #ccc;
}

#content .his_list ol li .marker {
    display: block;
    width: 15px;
    height: 15px;
    border: 5px solid #007ac3;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: -9px;
    top: -7px;
}

#content .history_cur li dl {
    flex: 1;
    padding-left: 20px; /* 텍스트 왼쪽 여백 추가 */
    margin-top: 25px; /* 텍스트 위치 조정 */
}

#content .history_cur li dl dt {
    font-size: 2rem;
    font-weight: 700;
    color: #007ac3;
    display: block;
    margin-bottom: 20px;
}

#content .history_cur li dl dd {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    font-size: 1.13rem;
    line-height: 2rem;
}

#content .history_cur li dl dd strong {
    margin-right: 10px;
    flex-shrink: 0;
    width: 10px;
}