/* 키비주얼 */
.section__wrap{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 75px;
}
.section__wrap-right{
    height: 100%;
    display: flex;
    align-items: center;
    margin-top: 75px;
}
.section__inner {
    padding-left: var(--spacing-32);
}
.section__wrap-introimg{
    width: auto;
    height: 780.97px;
}

/* 회사소개 - 회사문화/핵심가치, 복지 */
.company{
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.company__content{
    padding: var(--spacing-100) var(--spacing-32);
    height: auto;
}
.company__content:first-child{
    border-right: 1px solid var(--color-pri-80);
}

.company__title{
    margin-bottom: var(--spacing-32);
}
.company__value{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-32);
}
.company__value-list--num{
    font-size: var(--fs-title-lg);
    font-weight: var(--fw-b);
    color: var(--color-pri-50);
    padding-right: var(--spacing-12);
}
.company__value-list--text{
    font-size: var(--fs-title-lg);
    font-weight: var(--fw-b);
}
.company__value-list--text:hover{
    color: var(--color-pri-50);
    transition: color 0.3s ease;
}
.company__value > img{
    width: 20px; height: 20px;
}
.company__value > img:hover{
    animation: bounceUp2 0.6s infinite alternate ease-in-out;
}

.company__welfare{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: var(--spacing-32);
}
.company__welfare-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--spacing-8);
}
.company__welfare-item > img{
    width: 80px; height: 80px;
}
.company__welfare-item--des{
    font-size: var(--fs-body-sm);
    color: var(--color-gray-60);
}

/* 회사소개 - 역량개발 */
.development{
    height: 100%;
    padding: var(--spacing-100) var(--spacing-32);
}

/* 회사소개 - 컨텍 */
.contact{
    background: url('/assets/img/main-05.png') no-repeat center / cover;
    width: 100%;
    height: 100%;
}
.contact__wrap{
    display: block;
    height: 100%;
    padding: var(--spacing-100) var(--spacing-32);
}
.contact__btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contact__btn > p{
    font-size: var(--fs-heading);
    font-weight: var(--fw-sb);
    color: var(--color-gray-0);
}
.contact__btn > img:hover{
    animation: bounceUp2 0.6s infinite alternate ease-in-out;
}

/* 연혁 - 리스트 */
.history{
    height: 100%;
    padding: var(--spacing-100) var(--spacing-32);
}
.history__item{
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-100);
    padding: var(--spacing-32) 0;
    border-bottom: 1px solid var(--color-pri-80);
}
.history__item:first-child {
    padding-top: 0;
}
.history__item:last-child {
    border-bottom: none;
}
.history__item--year{
    font-size: var(--fs-title-xl);
    font-weight: var(--fw-sb);
    color: var(--color-pri-50);
}
.history__item--content{
    padding-bottom: var(--spacing-20);
}
.history__item--content:last-child{
    padding-bottom: 0;
}
.history__item--content---month{
    font-size: var(--fs-title-lg);
    font-weight: var(--fw-b);
    color: var(--color-pri-50);
    padding-bottom: var(--spacing-4);
}
.history__item--content---text{
    font-size: var(--fs-title-md);
    /* font-weight: var(--fw-b); */
}

/* ci - 이미지 */
.ci__img >img{
    width: 50%; height: auto;
}

/* ci - 설명 */
.ci__content{
    height: 100%;
    padding: var(--spacing-100) var(--spacing-32);
}
.ci__content--item{
    margin-bottom: var(--spacing-32);
}
.ci__content--item:last-child{
    margin-bottom: 0;
}
.ci__content--title{
    font-size: var(--fs-title-lg);
    font-weight: var(--fw-b);
}
.ci__content--des{
    font-size: var(--fs-body-md);
    padding-top: var(--spacing-8);
}
.ci__content--color{
    padding-top: var(--spacing-24);
    display: flex;
    align-items: center;
    gap: var(--spacing-60);
}
.ci__content--color---item{
    display: flex;
    align-items: center;
    gap: var(--spacing-16);
}
.ci__content--color---rectangle1{
    width: 160px; height: 50px;
    background-color: var(--color-pri-50);
}
.ci__content--color---rectangle2{
    width: 160px; height: 50px;
    background-color: #91D1DF;
}
.ci__content--color---rectangle3{
    width: 160px; height: 50px;
    background-color: #ADACB7;
}
.ci__content--color---rectangle4{
    width: 160px; height: 50px;
    background-color: var(--color-gray-0);
    border: 0.5px solid var(--color-gray-30);
}
.ci__content--color---num{
    display: flex;
    align-items: center;
    gap: var(--spacing-16);
}
.ci__content--color---num > p{
    width: 36px;
    font-size: var(--fs-detail);
}
.ci__content--color---num > span{
    font-size: var(--fs-detail);
}

/* 인재채용 - 키워드 */
.recruit__wrap{
    height: 100%;
}
.recruit__keyword{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.recruit__keyword-item{
    height: 480px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-8);
}
.recruit__keyword-item:nth-of-type(2){
    border-left: 1px solid var(--color-pri-80);
    border-right: 1px solid var(--color-pri-80);
}
.recruit__keyword-item > img{width: auto; height: 36px;}
.recruit__keyword-item--title{
    font-size: var(--fs-title-lg);
    font-weight: var(--fw-b);
}
.recruit__keyword-item--des{
    font-size: var(--fs-body-md);
    text-align: center;
}

/* 인재채용 - 회사문화 아코디언 */
.recruitCulture__wrap{
    height: 100%;
    padding: var(--spacing-100) var(--spacing-32);
}
.recruitCulture__content{
    padding: var(--spacing-24) 0;
    border-bottom: 1px solid var(--color-pri-80);
}
.recruitCulture__content-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.recruitCulture__content-item:hover{
    color: var(--color-pri-50);
    transition: color 0.3s ease;
}

.recruitCulture__content-item--list{
    display: flex;
    align-items: center;
    gap: var(--spacing-12);
}
.recruitCulture__content-item--num, .recruitCulture__content-item--text{
    font-size: var(--fs-title-lg);
    font-weight: var(--fw-b);
}
.recruitCulture__content-item > img{
    width: 12px; height: 6px;
    transition: transform 0.3s ease;
}
.recruitCulture__content.is-active .recruitCulture__content-item > img {
    transform: rotate(180deg); /* 180도 회전 */
}
.recruitCulture__content-des{
    max-height: 0;
    overflow: hidden;
    padding: 0;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.recruitCulture__content.is-active .recruitCulture__content-des {
    max-height: 1000px;
    padding: var(--spacing-32) 0;
    opacity: 1;
}
.recruitCulture__content-des--item{
    margin-bottom: var(--spacing-20);
}
.recruitCulture__content-des--item:last-child{
    margin-bottom: 0;
}
.recruitCulture__content-des--item > b{
    font-size: var(--fs-title-md);
    font-weight: var(--fw-b);
}
.recruitCulture__content-des--item > p{
    font-size: var(--fs-body-md);
    padding-left: var(--spacing-32);
    line-height: var(--lineheight17);
}
.recruitCulture__content-des--item > p > span{
    font-weight: var(--fw-b);
    color: var(--color-pri-70);
}
.recruitCulture__content-des--item > p:nth-of-type(2){
    padding-top: var(--spacing-8);
    font-weight: var(--fw-b);
}

/* 인재채용 - 채용절차 */
.recruitProcess__wrap{
    height: 100%;
    padding-top: var(--spacing-100);
}
.recruitProcess__title{
    padding: 0 var(--spacing-32) var(--spacing-32) var(--spacing-32);
    font-size: var(--fs-title-md);
    font-weight: var(--fw-b);
}
.recruitProcess__step{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.recruitProcess__step-item{
    height: 360px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.recruitProcess__step-1{
    background-color: var(--color-sec-20);
}
.recruitProcess__step-2{
    background-color: var(--color-sec-30);
}
.recruitProcess__step-3{
    background-color: var(--color-sec-40);
}
.recruitProcess__step-4{
    background-color: var(--color-sec-50);
}
.recruitProcess__step-item--title{
    font-size: var(--fs-title-xl);
    font-weight: var(--fw-sb);
    color: var(--color-gray-0);
}
.recruitProcess__step-item--des{
    font-size: var(--fs-body-md);
    color: var(--color-gray-0);
}

/* 인재채용 - 복지제도 */
.recruitWelfare__wrap{
    height: 100%;
    padding: var(--spacing-100) var(--spacing-32);
}
.recruitWelfare__top{
    display: flex;
    align-items: center;
    gap: var(--spacing-24);
    padding: 0 var(--spacing-32) var(--spacing-32) var(--spacing-32);
}
.recruitWelfare__top-title{
    font-size: var(--fs-title-md);
    font-weight: var(--fw-b);
}
.recruitWelfare__top-des{
    font-size: var(--fs-body-sm);
}
.recruitWelfare__bottom{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-80);
}
.recruitWelfare__bottom-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-8);
}
.recruitWelfare__bottom-item > img{ width: 80px; height: 80px; }
.recruitWelfare__bottom-item > p{
    font-size: var(--fs-body-md);
    text-align: center;
}

@keyframes bounceUp2 {
    from { transform: translateX(0); }
    to { transform: translateX(10px); }
}