
.contact_r,
.contact_l {
    padding: var(--page-padding);
}
.contact_l {
    padding-right: 0;
    overflow: hidden;
}
.map {
    width: 100%;
    overflow: hidden;
}
.map svg {
    min-width: 500px;
}
.contact_r {
    padding-top: 0;
}
.contact_inner {
    width: 100%;
    max-width: 550px;
    margin-left: auto;
}
.page_title_box {
    margin-bottom: 20px;
}
.industry_num {
    margin-top: 20px;
    font-size: var(--d3);
}
.address-list * {
    font-size: var(--d3);
    font-weight: var(--medium);
}
.l_loca_bot {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.l_loca_bot a {
    width: fit-content;
}


.l_loca_en {
    margin-bottom: 5px;
    /* text-transform: uppercase; */
}
.l_loca_en p {
    text-transform: uppercase;
}
.l_loca_en,
.l_loca_ko {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sns-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 60px;
    gap: 20px;
}

.sns-list a {    
    width: fit-content;
    height: fit-content;
    font-size: var(--d3);
    font-weight: var(--medium);
    /* text-decoration: underline; */
    transition: background .3s ease, color .3s ease;
}
.sns-list a:hover {
    background: var(--gray-500);
    color: white;
}
.sns-list b {
    text-transform: uppercase;
    font-size: var(--d3);
}


/* map 애니메이션 */
/* 라인 */
#lineA,
#lineB {
    fill: none;
}

/* 화살표 */
.arrow_1,
.arrow_2,
.arrow_3,
.arrow_4,
.arrow_5,
.arrow_6 {
    opacity: 0;
}

.l_loca_en span,
.l_loca_bot a,
.sns-list a {
    font-size: var(--ft14) !important;
}


@media all and (max-width:860px) {
    /* .contact {
        padding-bottom: 200px;
    } */
    .contact_l {
        padding-right: var(--page-padding);
    }
    .contact_r {
        order: -1;
    }
  
    .contact_inner {
        max-width: unset;
    }
    .map svg {
        min-width: 450px;
    }
}
@media all and (max-width:500px) {
    .industry_num {
        margin-top: 10px;
    }
    .page_title_box {
        margin-bottom: 10px;
    }
    .sns-list {
        margin-top: 30px;
        gap: 10px;
    }
    .map svg {
        min-width: 0;
    }
}