.contact-map { margin: 120px 0 200px; }
.flex { display: flex; flex-wrap: nowrap; }
.flex .sub-title { width: 380px; }
.flex .content { padding: 50px 0 0 40px; width: calc(100% - 380px); }
.map-content { display: grid; gap: 0 40px; grid-template-columns: repeat(3, 1fr); grid-auto-rows: auto; margin-bottom: 76px; }
.map-content li { text-align: center; padding-top: 60px; }
.map-content li .ic { display: block; margin: 0 auto 40px; width: 80px; height: 80px; }
.map-content li .ic img { width: 100%; height: 100%; object-fit: contain; }
.map-content li .cate { margin-bottom: 15px; font-weight: 700; }
.map-content li .txt { margin-bottom: 15px; }
.map-content li .txt b { width: 15px; margin-right: 6px; font-weight: 400; }
.map-content li .date { line-height: 1.6; }
.contact-map .map { height: 685px; }
@media (max-width: 1180px) {
    .contact-map { margin: calc(100vw * (120 / 1180)) 0 calc(100vw * (200 / 1180)); }
    .container>.flex { display: block; }
    .flex .sub-title { width: 100%; }
    .flex .content { padding: 0; width: 100%; }
    .map-content { gap: 0 calc(100vw * (20 / 1180)); margin-bottom: calc(100vw * (66 / 1180)); }
    .map-content li { padding-top: calc(100vw * (60 / 1180)); }
    .map-content li .ic { margin: 0 auto calc(100vw * (40 / 1180)); width: calc(100vw * (80 / 1180)); height: calc(100vw * (80 / 1180)); }
    .map-content li .cate { margin-bottom: calc(100vw * (15 / 1180)); }
    .map-content li .txt { margin-bottom: calc(100vw * (15 / 1180)); font-size: 18px; }
    .map-content li .txt b { width: calc(100vw * (15 / 1180)); margin-right: calc(100vw * (6 / 1180)); }
    .map-content li .date { font-size: calc(100vw * (16 / 1180)); }
    .contact-map .map { height: calc(100vw * (607 / 1180)); }
}
@media (max-width: 767px) {
    .contact-map { margin: calc(100vw * (100 / 767)) 0 calc(100vw * (200 / 767)); }
    .map-content { display: block; margin-bottom: calc(100vw * (100 / 767)); }
    .map-content li { position: relative; width: 100%; padding: calc(100vw * (50 / 767)) 0 calc(100vw * (50 / 767)) calc(100vw * (120 / 767)); border-bottom: 1px solid #EAEAEA; text-align: left; }
    .map-content li:last-child { border-bottom: none; }
    .map-content li .ic { position: absolute; top: alc(100vw * (50 / 767)); left: 0; margin: 0; width: calc(100vw * (80 / 767)); height: calc(100vw * (80 / 767)); }
    .map-content li .cate { margin-bottom: calc(100vw * (16 / 767)); font-size: calc(100vw * (32 / 767)); }
    .map-content li .txt { margin-bottom: calc(100vw * (16 / 767)); font-size: calc(100vw * (28 / 767)); }
    .map-content li .txt b { width: calc(100vw * (24 / 767)); margin-right: calc(100vw * (12 / 767)); }
    .map-content li .date { font-size: calc(100vw * (28 / 767)); }
    .content .map { margin: 0 calc(100vw * (-40 / 767)); }
    .contact-map .map { height: calc(100vw * (480 / 767)); }
}

/* 다국어 */
@media (min-width: 1181px) {
    .contact .sub-title h2 { max-width: 310px; }
}