.page-topimg-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.variable-img {
    width: 100%;
    height: clamp(200px, 16.67vw + 50px, 350px);
    object-fit: cover;
    display: block;
}

/* 이미지 위 텍스트 중앙 배치 */
.page-topimg-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
}

.page-topimg-title {
    font-size: clamp(1.5rem, 3vw + 1rem, 4rem);
    margin: 0;
}

.page-topimg-breadcrumb {
    font-size: 1rem;
    margin-top: clamp(20px, 5vw, 60px);
}

.map-warp {
    width: 100%;
    max-width: 1200px;
    height: clamp(210px, 50vw, 640px);
    margin: 150px auto 0;
}

.aboutus-sms-wrap {
    padding: 1.5rem 0;
    text-align: right;
}

.aboutus-address-info {
    font-size: 1.25rem;
    color: #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.aboutus-address-ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 20px 40px;
    margin: 0;
    align-items: flex-start;
}

/* 하단 구분선: 마지막 ul 제외하고만 */
.aboutus-address-ul:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

/* 첫 번째 li - 제목 부분 */
.aboutus-address-ul li:first-child {
    width: 150px;
    font-weight: bold;
    flex-shrink: 0;
}

/* 두 번째 li - 내용 부분 */
.aboutus-address-ul li:nth-child(2) {
    flex: 1;
}

.aboutus-company-info {
    display: flex;
    align-items: center;
    /* 이미지 수직 가운데 정렬 */
    gap: 130px;
    list-style: none;
    padding: 0 40px;
    margin: 100px 0 150px;
    flex-wrap: wrap;
    /* 모바일 대응 */
}

.aboutus-company-info>li:first-child {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutus-company-info>li:first-child img {
    max-width: 333px;
    height: auto;
}

.aboutus-company-info>li:last-child {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* 각 텍스트 블록 */
.aboutus-company-txt {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 5px 0;
}

/* 라벨 (왼쪽 텍스트) */
.aboutus-company-txt li:first-child {
    width: 130px;
    font-weight: bold;
    font-size: 1.25rem;
    color: #000;
    flex-shrink: 0;
}

/* 내용 (오른쪽 텍스트) */
.aboutus-company-txt li:nth-child(2) {
    flex: 1;
    font-size: 1.25rem;
    color: #000;
}

@media (max-width: 768px) {
    .wrapper {
        max-width: 100%;
        margin: 0 auto 50px;
    }

    .page-topimg-title {
        font-size: 1.5rem;
    }

    .page-topimg-breadcrumb {
        font-size: 0.9rem;
    }

    .map-warp {
        max-width: 100%;
        margin: 50px auto 0;
    }

    .aboutus-sms-wrap {
        padding: .5rem 1rem;
    }

    .aboutus-address-info {
        margin-top: 1rem;
        font-size: 1rem;
    }

    .aboutus-address-ul {
        padding: 1.25rem 1rem;
    }

    .aboutus-address-ul li:first-child {
        width: 5rem;
    }

    .aboutus-company-info {
        margin: 80px 0 50px;
        padding: 0 1rem;
        gap: 100px;
        justify-content: center;
    }

    .aboutus-company-txt li:first-child {
        width: 6rem;
        font-size: 1rem;
    }

    .aboutus-company-txt li:nth-child(2) {
        font-size: 1rem;
    }

    .aboutus-company-slash {
        display: none;
    }

    .aboutus-company-txt-mail {
        display: block;
        width: 100%;
    }

}